#559044: fixed rendering dynamic placeholder

Author: sc-ruslanmatkovskyi

packages/sitecore-jss-react/src/components/PlaceholderCommon.tsx

@@ -12,9 +12,6 @@ import {
 import { convertAttributesToReactProps } from '../utils';
 import { HiddenRendering, HIDDEN_RENDERING_NAME } from './HiddenRendering';
 
-/** [SXA] common marker by which we find container fo replacing **/
-const PREFIX_PLACEHOLDER = 'container-{*}';
-
 type ErrorComponentProps = {
   [prop: string]: unknown;
 };
@@ -121,10 +118,17 @@ export class PlaceholderCommon<T extends PlaceholderProps> extends React.Compone
   ) {
     let result;
     /** [SXA] it needs for deleting dynamics placeholder when we set him number(props.name) of container.
-    from backend side we get common name of placeholder is called 'container-{*}' where '{*}' marker for replacing **/
-    if (rendering && rendering.placeholders && rendering.placeholders[PREFIX_PLACEHOLDER]) {
-      rendering.placeholders[name] = rendering.placeholders[PREFIX_PLACEHOLDER];
-      delete rendering.placeholders[PREFIX_PLACEHOLDER];
+    from backend side we get common name of placeholder is called 'nameOfContainer-{*}' where '{*}' marker for replacing **/
+    const isExistsDynamicPlaceholders =
+      rendering?.placeholders &&
+      Object.keys(rendering.placeholders).find((placeholder) => placeholder.indexOf('{*}') !== -1);
+    if (isExistsDynamicPlaceholders) {
+      Object.keys(rendering.placeholders).forEach((placeholder) => {
+        if (placeholder.indexOf('{*}') !== -1) {
+          rendering.placeholders[name] = rendering.placeholders[placeholder];
+          delete rendering.placeholders[placeholder];
+        }
+      });
     }
 
     if (rendering && rendering.placeholders && Object.keys(rendering.placeholders).length > 0) {

packages/sitecore-jss-react/src/test-data/non-ee-data.ts

@@ -245,7 +245,7 @@ export const sxaRenderingVariantDataWithoutCommonContainerName = {
         },
       },
       placeholders: {
-        'no-container-{*}': [
+        'no-container': [
           {
             uid: 'c4d5d43b-5aa8-4e03-8f16-9428f3e02d5c',
             componentName: 'RichText',