@builder.io/sdk-react-native 4.0.7 → 4.0.9

package/lib/node/commonjs/constants/builder-registered-components.js.map

@@ -1 +1 @@
-{"version":3,"names":["_componentInfo","require","_index","_interopRequireDefault","_componentInfo2","_index2","_componentInfo3","_index3","_componentInfo4","_index4","_componentInfo5","_index5","_componentInfo6","_index6","_componentInfo7","_index7","_componentInfo8","_index8","_componentInfo9","_index9","_componentInfo10","_index10","_componentInfo11","_index11","_extraComponents","_target","obj","__esModule","default","getDefaultRegisteredComponents","component","Button","buttonComponentInfo","Columns","columnsComponentInfo","Fragment","fragmentComponentInfo","Image","imageComponentInfo","Section","sectionComponentInfo","Slot","slotComponentInfo","Symbol","symbolComponentInfo","Text","textComponentInfo","TARGET","PersonalizationContainer","personalizationContainerComponentInfo","Tabs","tabsComponentInfo","Accordion","accordionComponentInfo","getExtraComponents","exports"],"sourceRoot":"../../../../src","sources":["constants/builder-registered-components.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,eAAA,GAAAb,OAAA;AACA,IAAAc,OAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,OAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,eAAA,GAAAjB,OAAA;AACA,IAAAkB,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,gBAAA,GAAAnB,OAAA;AACA,IAAAoB,QAAA,GAAAlB,sBAAA,CAAAF,OAAA;AACA,IAAAqB,gBAAA,GAAArB,OAAA;AACA,IAAAsB,QAAA,GAAApB,sBAAA,CAAAF,OAAA;AAEA,IAAAuB,gBAAA,GAAAvB,OAAA;AACA,IAAAwB,OAAA,GAAAxB,OAAA;AAAkC,SAAAE,uBAAAuB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC;AACA;AACA;AACA;AACO,MAAMG,8BAA2D,GAAGA,CAAA,KAAM,CAAC;EAChFC,SAAS,EAAEC,eAAM;EACjB,GAAGC;AACL,CAAC,EAAE;EACDF,SAAS,EAAEG,eAAO;EAClB,GAAGC;AACL,CAAC,EAAE;EACDJ,SAAS,EAAEK,eAAQ;EACnB,GAAGC;AACL,CAAC,EAAE;EACDN,SAAS,EAAEO,eAAK;EAChB,GAAGC;AACL,CAAC,EAAE;EACDR,SAAS,EAAES,eAAO;EAClB,GAAGC;AACL,CAAC,EAAE;EACDV,SAAS,EAAEW,eAAI;EACf,GAAGC;AACL,CAAC,EAAE;EACDZ,SAAS,EAAEa,eAAM;EACjB,GAAGC;AACL,CAAC,EAAE;EACDd,SAAS,EAAEe,gBAAI;EACf,GAAGC;AACL,CAAC,EAAE,IAAIC,cAAM,KAAK,OAAO,GAAG,CAAC;EAC3BjB,SAAS,EAAEkB,eAAwB;EACnC,GAAGC;AACL,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIF,cAAM,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC;EACrCjB,SAAS,EAAEoB,gBAAI;EACf,GAAGC;AACL,CAAC,EAAE;EACDrB,SAAS,EAAEsB,cAAS;EACpB,GAAGC;AACL,CAAC,CAAC,CAAC,EAAE,GAAG,IAAAC,mCAAkB,EAAC,CAAC,CAAC;AAAAC,OAAA,CAAA1B,8BAAA,GAAAA,8BAAA"}
+{"version":3,"names":["_componentInfo","require","_index","_interopRequireDefault","_componentInfo2","_index2","_componentInfo3","_index3","_componentInfo4","_index4","_componentInfo5","_index5","_componentInfo6","_helpers","_index6","_componentInfo7","_index7","_componentInfo8","_index8","_componentInfo9","_index9","_componentInfo10","_index10","_componentInfo11","_index11","_extraComponents","_target","obj","__esModule","default","getDefaultRegisteredComponents","component","Button","buttonComponentInfo","Columns","columnsComponentInfo","Fragment","fragmentComponentInfo","Image","imageComponentInfo","Section","sectionComponentInfo","Slot","slotComponentInfo","Symbol","symbolComponentInfo","Text","textComponentInfo","SDKS_SUPPORTING_PERSONALIZATION","includes","TARGET","PersonalizationContainer","personalizationContainerComponentInfo","Tabs","tabsComponentInfo","Accordion","accordionComponentInfo","getExtraComponents","exports"],"sourceRoot":"../../../../src","sources":["constants/builder-registered-components.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,OAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,OAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,eAAA,GAAAhB,OAAA;AACA,IAAAiB,OAAA,GAAAf,sBAAA,CAAAF,OAAA;AACA,IAAAkB,eAAA,GAAAlB,OAAA;AACA,IAAAmB,OAAA,GAAAjB,sBAAA,CAAAF,OAAA;AACA,IAAAoB,gBAAA,GAAApB,OAAA;AACA,IAAAqB,QAAA,GAAAnB,sBAAA,CAAAF,OAAA;AACA,IAAAsB,gBAAA,GAAAtB,OAAA;AACA,IAAAuB,QAAA,GAAArB,sBAAA,CAAAF,OAAA;AAEA,IAAAwB,gBAAA,GAAAxB,OAAA;AACA,IAAAyB,OAAA,GAAAzB,OAAA;AAAkC,SAAAE,uBAAAwB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC;AACA;AACA;AACA;AACO,MAAMG,8BAA2D,GAAGA,CAAA,KAAM,CAAC;EAChFC,SAAS,EAAEC,eAAM;EACjB,GAAGC;AACL,CAAC,EAAE;EACDF,SAAS,EAAEG,eAAO;EAClB,GAAGC;AACL,CAAC,EAAE;EACDJ,SAAS,EAAEK,eAAQ;EACnB,GAAGC;AACL,CAAC,EAAE;EACDN,SAAS,EAAEO,eAAK;EAChB,GAAGC;AACL,CAAC,EAAE;EACDR,SAAS,EAAES,eAAO;EAClB,GAAGC;AACL,CAAC,EAAE;EACDV,SAAS,EAAEW,eAAI;EACf,GAAGC;AACL,CAAC,EAAE;EACDZ,SAAS,EAAEa,eAAM;EACjB,GAAGC;AACL,CAAC,EAAE;EACDd,SAAS,EAAEe,gBAAI;EACf,GAAGC;AACL,CAAC,EAAE,IAAIC,wCAA+B,CAACC,QAAQ,CAACC,cAAM,CAAC,GAAG,CAAC;EACzDnB,SAAS,EAAEoB,eAAwB;EACnC,GAAGC;AACL,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,IAAIF,cAAM,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC;EACrCnB,SAAS,EAAEsB,gBAAI;EACf,GAAGC;AACL,CAAC,EAAE;EACDvB,SAAS,EAAEwB,cAAS;EACpB,GAAGC;AACL,CAAC,CAAC,CAAC,EAAE,GAAG,IAAAC,mCAAkB,EAAC,CAAC,CAAC;AAAAC,OAAA,CAAA5B,8BAAA,GAAAA,8BAAA"}

package/lib/node/commonjs/constants/sdk-version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SDK_VERSION = void 0;
-const SDK_VERSION = exports.SDK_VERSION = "4.0.7";
+const SDK_VERSION = exports.SDK_VERSION = "4.0.9";
 //# sourceMappingURL=sdk-version.js.map

package/lib/node/module/blocks/personalization-container/component-info.js

@@ -2,7 +2,8 @@ export const componentInfo = {
   name: 'PersonalizationContainer',
   shouldReceiveBuilderProps: {
     builderBlock: true,
-    builderContext: true
+    builderContext: true,
+    builderComponents: true
   },
   noWrap: true,
   image: 'https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a',

package/lib/node/module/blocks/personalization-container/component-info.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentInfo","name","shouldReceiveBuilderProps","builderBlock","builderContext","noWrap","image","canHaveChildren","inputs","defaultValue","behavior","type","subFields","friendlyName","hideFromUI"],"sourceRoot":"../../../../../src","sources":["blocks/personalization-container/component-info.ts"],"mappings":"AACA,OAAO,MAAMA,aAA4B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,yBAAyB,EAAE;IACzBC,YAAY,EAAE,IAAI;IAClBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE,IAAI;EACZC,KAAK,EAAE,sGAAsG;EAC7GC,eAAe,EAAE,IAAI;EACrBC,MAAM,EAAE,CAAC;IACPP,IAAI,EAAE,UAAU;IAChBQ,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,4BAA4B;IACtCC,IAAI,EAAE,MAAM;IACZC,SAAS,EAAE,CAAC;MACVX,IAAI,EAAE,MAAM;MACZU,IAAI,EAAE;IACR,CAAC,EAAE;MACDV,IAAI,EAAE,OAAO;MACbY,YAAY,EAAE,iBAAiB;MAC/BF,IAAI,EAAE,cAAc;MACpBF,YAAY,EAAE;IAChB,CAAC,EAAE;MACDR,IAAI,EAAE,WAAW;MACjBU,IAAI,EAAE;IACR,CAAC,EAAE;MACDV,IAAI,EAAE,SAAS;MACfU,IAAI,EAAE;IACR,CAAC,EAAE;MACDV,IAAI,EAAE,QAAQ;MACdU,IAAI,EAAE,UAAU;MAChBG,UAAU,EAAE,IAAI;MAChBL,YAAY,EAAE;IAChB,CAAC;EACH,CAAC;AACH,CAAC"}
+{"version":3,"names":["componentInfo","name","shouldReceiveBuilderProps","builderBlock","builderContext","builderComponents","noWrap","image","canHaveChildren","inputs","defaultValue","behavior","type","subFields","friendlyName","hideFromUI"],"sourceRoot":"../../../../../src","sources":["blocks/personalization-container/component-info.ts"],"mappings":"AACA,OAAO,MAAMA,aAA4B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,yBAAyB,EAAE;IACzBC,YAAY,EAAE,IAAI;IAClBC,cAAc,EAAE,IAAI;IACpBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,MAAM,EAAE,IAAI;EACZC,KAAK,EAAE,sGAAsG;EAC7GC,eAAe,EAAE,IAAI;EACrBC,MAAM,EAAE,CAAC;IACPR,IAAI,EAAE,UAAU;IAChBS,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,4BAA4B;IACtCC,IAAI,EAAE,MAAM;IACZC,SAAS,EAAE,CAAC;MACVZ,IAAI,EAAE,MAAM;MACZW,IAAI,EAAE;IACR,CAAC,EAAE;MACDX,IAAI,EAAE,OAAO;MACba,YAAY,EAAE,iBAAiB;MAC/BF,IAAI,EAAE,cAAc;MACpBF,YAAY,EAAE;IAChB,CAAC,EAAE;MACDT,IAAI,EAAE,WAAW;MACjBW,IAAI,EAAE;IACR,CAAC,EAAE;MACDX,IAAI,EAAE,SAAS;MACfW,IAAI,EAAE;IACR,CAAC,EAAE;MACDX,IAAI,EAAE,QAAQ;MACdW,IAAI,EAAE,UAAU;MAChBG,UAAU,EAAE,IAAI;MAChBL,YAAY,EAAE;IAChB,CAAC;EACH,CAAC;AACH,CAAC"}

package/lib/node/module/blocks/personalization-container/helpers/inlined-fns.js

@@ -82,6 +82,47 @@ export function filterWithCustomTargeting(userAttributes, query, startDate, endD
     return objectMatchesQuery(userAttributes, filter);
   });
 }
-export const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, locale) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  function removeVariants() {\n    variants?.forEach(function (_, index) {\n      document.querySelector('template[data-variant-id=\"' + blockId + '-' + index + '\"]')?.remove();\n    });\n    document.querySelector('script[data-id=\"variants-script-' + blockId + '\"]')?.remove();\n    document.querySelector('style[data-id=\"variants-styles-' + blockId + '\"]')?.remove();\n  }\n  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const isDebug = location.href.includes('builder.debug=true');\n  if (isDebug) {\n    console.debug('PersonalizationContainer', {\n      attributes,\n      variants,\n      winningVariantIndex\n    });\n  }\n  if (winningVariantIndex !== -1) {\n    const winningVariant = document.querySelector('template[data-variant-id=\"' + blockId + '-' + winningVariantIndex + '\"]');\n    if (winningVariant) {\n      const parentNode = winningVariant.parentNode;\n      if (parentNode) {\n        const newParent = parentNode.cloneNode(false);\n        newParent.appendChild(winningVariant.content.firstChild);\n        newParent.appendChild(winningVariant.content.lastChild);\n        parentNode.parentNode?.replaceChild(newParent, parentNode);\n      }\n      if (isDebug) {\n        console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);\n      }\n    }\n  } else if (variants && variants.length > 0) {\n    removeVariants();\n  }\n}";
+export function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+  var _document$currentScri;
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) == ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+  const visibilityStylesEl = (_document$currentScri = document.currentScript) === null || _document$currentScri === void 0 ? void 0 : _document$currentScri.previousElementSibling;
+  if (!visibilityStylesEl) {
+    return;
+  }
+  if (isHydrationTarget) {
+    visibilityStylesEl.remove();
+    const currentScript = document.currentScript;
+    if (currentScript) {
+      currentScript.remove();
+    }
+  } else {
+    const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
+    if (locale) {
+      attributes.locale = locale;
+    }
+    const winningVariantIndex = variants === null || variants === void 0 ? void 0 : variants.findIndex(function (variant) {
+      return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
+    });
+    if (winningVariantIndex !== -1) {
+      let newStyleStr = (variants === null || variants === void 0 ? void 0 : variants.map((_, index) => {
+        if (index === winningVariantIndex) return '';
+        return `div[data-variant-id="${blockId}-${index}"] { display: none !important; } `;
+      }).join('')) || '';
+      newStyleStr += `div[data-variant-id="${blockId}-default"] { display: none !important; } `;
+      visibilityStylesEl.innerHTML = newStyleStr;
+    }
+  }
+}
+export const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const parentDiv = document.currentScript?.parentElement;\n  const variantId = parentDiv?.getAttribute('data-variant-id');\n  const isDefaultVariant = variantId === `${blockId}-default`;\n  const isWinningVariant = winningVariantIndex !== -1 && variantId === `${blockId}-${winningVariantIndex}` || winningVariantIndex === -1 && isDefaultVariant;\n  if (isWinningVariant && !isDefaultVariant) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultVariant) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      const itsStyleEl = parentDiv?.previousElementSibling;\n      if (itsStyleEl) {\n        itsStyleEl.remove();\n      }\n      parentDiv?.remove();\n    }\n    const thisScript = document.currentScript;\n    if (thisScript) {\n      thisScript.remove();\n    }\n  }\n}";
 export const FILTER_WITH_CUSTOM_TARGETING_SCRIPT = "function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {\n  function isString(val) {\n    return typeof val === 'string';\n  }\n  function isNumber(val) {\n    return typeof val === 'number';\n  }\n  function objectMatchesQuery(userattr, query) {\n    const result = (() => {\n      const property = query.property;\n      const operator = query.operator;\n      let testValue = query.value;\n      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {\n        testValue = query.value.slice(0, -1);\n      }\n      if (!(property && operator)) {\n        return true;\n      }\n      if (Array.isArray(testValue)) {\n        if (operator === 'isNot') {\n          return testValue.every(val => objectMatchesQuery(userattr, {\n            property,\n            operator,\n            value: val\n          }));\n        }\n        return !!testValue.find(val => objectMatchesQuery(userattr, {\n          property,\n          operator,\n          value: val\n        }));\n      }\n      const value = userattr[property];\n      if (Array.isArray(value)) {\n        return value.includes(testValue);\n      }\n      switch (operator) {\n        case 'is':\n          return value === testValue;\n        case 'isNot':\n          return value !== testValue;\n        case 'contains':\n          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));\n        case 'startsWith':\n          return isString(value) && value.startsWith(String(testValue));\n        case 'endsWith':\n          return isString(value) && value.endsWith(String(testValue));\n        case 'greaterThan':\n          return isNumber(value) && isNumber(testValue) && value > testValue;\n        case 'lessThan':\n          return isNumber(value) && isNumber(testValue) && value < testValue;\n        case 'greaterThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value >= testValue;\n        case 'lessThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value <= testValue;\n        default:\n          return false;\n      }\n    })();\n    return result;\n  }\n  const item = {\n    query,\n    startDate,\n    endDate\n  };\n  const now = userAttributes.date && new Date(userAttributes.date) || new Date();\n  if (item.startDate && new Date(item.startDate) > now) {\n    return false;\n  } else if (item.endDate && new Date(item.endDate) < now) {\n    return false;\n  }\n  if (!item.query || !item.query.length) {\n    return true;\n  }\n  return item.query.every(filter => {\n    return objectMatchesQuery(userAttributes, filter);\n  });\n}";
+export const UPDATE_VISIBILITY_STYLES_SCRIPT = "function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) == ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const visibilityStylesEl = document.currentScript?.previousElementSibling;\n  if (!visibilityStylesEl) {\n    return;\n  }\n  if (isHydrationTarget) {\n    visibilityStylesEl.remove();\n    const currentScript = document.currentScript;\n    if (currentScript) {\n      currentScript.remove();\n    }\n  } else {\n    const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n    if (locale) {\n      attributes.locale = locale;\n    }\n    const winningVariantIndex = variants?.findIndex(function (variant) {\n      return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n    });\n    if (winningVariantIndex !== -1) {\n      let newStyleStr = variants?.map((_, index) => {\n        if (index === winningVariantIndex) return '';\n        return `div[data-variant-id=\"${blockId}-${index}\"] { display: none !important; } `;\n      }).join('') || '';\n      newStyleStr += `div[data-variant-id=\"${blockId}-default\"] { display: none !important; } `;\n      visibilityStylesEl.innerHTML = newStyleStr;\n    }\n  }\n}";
 //# sourceMappingURL=inlined-fns.js.map

package/lib/node/module/blocks/personalization-container/helpers/inlined-fns.js.map

@@ -1 +1 @@
-{"version":3,"names":["filterWithCustomTargeting","userAttributes","query","startDate","endDate","isString","val","isNumber","objectMatchesQuery","userattr","result","property","operator","testValue","value","endsWith","slice","Array","isArray","every","find","includes","String","startsWith","item","now","date","Date","length","filter","PERSONALIZATION_SCRIPT","FILTER_WITH_CUSTOM_TARGETING_SCRIPT"],"sourceRoot":"../../../../../../src","sources":["blocks/personalization-container/helpers/inlined-fns.ts"],"mappings":"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"}
+{"version":3,"names":["filterWithCustomTargeting","userAttributes","query","startDate","endDate","isString","val","isNumber","objectMatchesQuery","userattr","result","property","operator","testValue","value","endsWith","slice","Array","isArray","every","find","includes","String","startsWith","item","now","date","Date","length","filter","updateVisibilityStylesScript","variants","blockId","isHydrationTarget","locale","_document$currentScri","getCookie","name","nameEQ","ca","document","cookie","split","i","c","charAt","substring","indexOf","visibilityStylesEl","currentScript","previousElementSibling","remove","attributes","JSON","parse","winningVariantIndex","findIndex","variant","window","newStyleStr","map","_","index","join","innerHTML","PERSONALIZATION_SCRIPT","FILTER_WITH_CUSTOM_TARGETING_SCRIPT","UPDATE_VISIBILITY_STYLES_SCRIPT"],"sourceRoot":"../../../../../../src","sources":["blocks/personalization-container/helpers/inlined-fns.ts"],"mappings":"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"}

package/lib/node/module/blocks/personalization-container/helpers.js

@@ -1,13 +1,32 @@
 import { TARGET } from "../../constants/target";
 import { isBrowser } from "../../functions/is-browser";
 import { isEditing } from "../../functions/is-editing";
-import { FILTER_WITH_CUSTOM_TARGETING_SCRIPT, PERSONALIZATION_SCRIPT } from "./helpers/inlined-fns";
+import { FILTER_WITH_CUSTOM_TARGETING_SCRIPT, PERSONALIZATION_SCRIPT, UPDATE_VISIBILITY_STYLES_SCRIPT } from "./helpers/inlined-fns";
+export const DEFAULT_INDEX = 'default';
+const FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME = 'filterWithCustomTargeting';
+const BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME = 'builderIoPersonalization';
+const UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME = 'updateVisibilityStylesScript';
+/**
+ * SDKs that support Variant Containers
+ */
+export const SDKS_SUPPORTING_PERSONALIZATION = ['react', 'vue', 'svelte'];
+
+/**
+ * After hydration, we reset the tree
+ * These SDKs handle Personalization Container in a special way:
+ * - first, the inlined script will help us add `display: none`, `aria-hidden: true` and `hidden: true` to the non-winning variants
+ * - then, on mount / when the component is hydrated - we reset the tree with only the winning variant and deleting the entire tree
+ *
+ * This helps us to avoid flicker and show the correct / winning variant initially and then once we've hydrated we show the winning variant
+ * and keep a track of the cookies to update to the correct variant dynamically when the cookie updates.
+ */
+export const SDKS_REQUIRING_RESET_APPROACH = ['vue', 'svelte'];
 export function checkShouldRenderVariants(variants, canTrack) {
   const hasVariants = variants && variants.length > 0;
   if (TARGET === 'reactNative') return false;
   if (!hasVariants) return false;
   if (!canTrack) return false;
-  if (TARGET === 'vue' || TARGET === 'svelte') return true;
+  if (SDKS_REQUIRING_RESET_APPROACH.includes(TARGET)) return true;
   if (isBrowser()) return false;
   return true;
 }
@@ -20,16 +39,20 @@ export function getBlocksToRender({
 }) {
   const fallback = {
     blocks: fallbackBlocks ?? [],
-    path: 'this.children'
+    path: 'this.children',
+    index: DEFAULT_INDEX
   };
   if (isHydrated && isEditing()) {
     // If editing a specific variant
     if (typeof previewingIndex === 'number' && previewingIndex < ((variants === null || variants === void 0 ? void 0 : variants.length) ?? 0)) {
-      const variant = variants[previewingIndex];
-      return {
-        blocks: variant.blocks,
-        path: `component.options.variants.${previewingIndex}.blocks`
-      };
+      const variant = variants === null || variants === void 0 ? void 0 : variants[previewingIndex];
+      if (variant) {
+        return {
+          blocks: variant.blocks,
+          path: `variants.${previewingIndex}.blocks`,
+          index: previewingIndex
+        };
+      }
     }
     // Otherwise we're editing the default variant
     return fallback;
@@ -38,25 +61,34 @@ export function getBlocksToRender({
   // If we're on the browser, check if there's a winning variant
   if (isBrowser()) {
     const winningVariant = filteredVariants === null || filteredVariants === void 0 ? void 0 : filteredVariants[0];
-    if (winningVariant) {
-      return {
-        blocks: winningVariant.blocks,
-        path: `component.options.variants.${variants === null || variants === void 0 ? void 0 : variants.indexOf(winningVariant)}.blocks`
-      };
+    if (winningVariant && variants) {
+      const variantIndex = variants.indexOf(winningVariant);
+      if (variantIndex !== -1) {
+        return {
+          blocks: winningVariant.blocks,
+          path: `variants.${variantIndex}.blocks`,
+          index: variantIndex
+        };
+      }
     }
   }
 
   // If no winning variant or we are on the server, return the default variant
   return fallback;
 }
-export const getPersonalizationScript = (variants, blockId, locale) => {
+export const getInitPersonalizationVariantsFnsScriptString = () => {
   return `
-  (function() {
-    ${FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
-    ${PERSONALIZATION_SCRIPT}
-    getPersonalizedVariant(${JSON.stringify(variants)}, "${blockId}"${locale ? `, "${locale}"` : ''})
-  })();
+  window.${FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME} = ${FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
+  window.${BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME} = ${PERSONALIZATION_SCRIPT}
+  window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VISIBILITY_STYLES_SCRIPT}
   `;
 };
+const isHydrationTarget = TARGET === 'react';
+export const getPersonalizationScript = (variants, blockId, locale) => {
+  return `window.${BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME}(${JSON.stringify(variants)}, "${blockId}", ${isHydrationTarget}${locale ? `, "${locale}"` : ''})`;
+};
+export const getUpdateVisibilityStylesScript = (variants, blockId, locale) => {
+  return `window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME}(${JSON.stringify(variants)}, "${blockId}", ${isHydrationTarget}${locale ? `, "${locale}"` : ''})`;
+};
 export { filterWithCustomTargeting } from "./helpers/inlined-fns";
 //# sourceMappingURL=helpers.js.map

package/lib/node/module/blocks/personalization-container/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["TARGET","isBrowser","isEditing","FILTER_WITH_CUSTOM_TARGETING_SCRIPT","PERSONALIZATION_SCRIPT","checkShouldRenderVariants","variants","canTrack","hasVariants","length","getBlocksToRender","previewingIndex","isHydrated","filteredVariants","fallbackBlocks","fallback","blocks","path","variant","winningVariant","indexOf","getPersonalizationScript","blockId","locale","JSON","stringify","filterWithCustomTargeting"],"sourceRoot":"../../../../../src","sources":["blocks/personalization-container/helpers.ts"],"mappings":"AAAA,SAASA,MAAM;AACf,SAASC,SAAS;AAClB,SAASC,SAAS;AAElB,SAASC,mCAAmC,EAAEC,sBAAsB;AAcpE,OAAO,SAASC,yBAAyBA,CAACC,QAAmD,EAAEC,QAAiB,EAAE;EAChH,MAAMC,WAAW,GAAGF,QAAQ,IAAIA,QAAQ,CAACG,MAAM,GAAG,CAAC;EACnD,IAAIT,MAAM,KAAK,aAAa,EAAE,OAAO,KAAK;EAC1C,IAAI,CAACQ,WAAW,EAAE,OAAO,KAAK;EAC9B,IAAI,CAACD,QAAQ,EAAE,OAAO,KAAK;EAC3B,IAAIP,MAAM,KAAK,KAAK,IAAIA,MAAM,KAAK,QAAQ,EAAE,OAAO,IAAI;EACxD,IAAIC,SAAS,CAAC,CAAC,EAAE,OAAO,KAAK;EAC7B,OAAO,IAAI;AACb;AACA,OAAO,SAASS,iBAAiBA,CAAC;EAChCJ,QAAQ;EACRK,eAAe;EACfC,UAAU;EACVC,gBAAgB;EAChBC;AAOF,CAAC,EAGC;EACA,MAAMC,QAAQ,GAAG;IACfC,MAAM,EAAEF,cAAc,IAAI,EAAE;IAC5BG,IAAI,EAAE;EACR,CAAC;EACD,IAAIL,UAAU,IAAIV,SAAS,CAAC,CAAC,EAAE;IAC7B;IACA,IAAI,OAAOS,eAAe,KAAK,QAAQ,IAAIA,eAAe,IAAI,CAAAL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEG,MAAM,KAAI,CAAC,CAAC,EAAE;MACpF,MAAMS,OAAO,GAAGZ,QAAQ,CAAEK,eAAe,CAAC;MAC1C,OAAO;QACLK,MAAM,EAAEE,OAAO,CAACF,MAAM;QACtBC,IAAI,EAAG,8BAA6BN,eAAgB;MACtD,CAAC;IACH;IACA;IACA,OAAOI,QAAQ;EACjB;;EAEA;EACA,IAAId,SAAS,CAAC,CAAC,EAAE;IACf,MAAMkB,cAAc,GAAGN,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAG,CAAC,CAAC;IAC5C,IAAIM,cAAc,EAAE;MAClB,OAAO;QACLH,MAAM,EAAEG,cAAc,CAACH,MAAM;QAC7BC,IAAI,EAAG,8BAA6BX,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEc,OAAO,CAACD,cAAc,CAAE;MACxE,CAAC;IACH;EACF;;EAEA;EACA,OAAOJ,QAAQ;AACjB;AACA,OAAO,MAAMM,wBAAwB,GAAGA,CAACf,QAAmD,EAAEgB,OAAe,EAAEC,MAAe,KAAK;EACjI,OAAQ;AACV;AACA,MAAMpB,mCAAoC;AAC1C,MAAMC,sBAAuB;AAC7B,6BAA6BoB,IAAI,CAACC,SAAS,CAACnB,QAAQ,CAAE,MAAKgB,OAAQ,IAAGC,MAAM,GAAI,MAAKA,MAAO,GAAE,GAAG,EAAG;AACpG;AACA,GAAG;AACH,CAAC;AACD,SAASG,yBAAyB"}
+{"version":3,"names":["TARGET","isBrowser","isEditing","FILTER_WITH_CUSTOM_TARGETING_SCRIPT","PERSONALIZATION_SCRIPT","UPDATE_VISIBILITY_STYLES_SCRIPT","DEFAULT_INDEX","FILTER_WITH_CUSTOM_TARGETING_SCRIPT_FN_NAME","BUILDER_IO_PERSONALIZATION_SCRIPT_FN_NAME","UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME","SDKS_SUPPORTING_PERSONALIZATION","SDKS_REQUIRING_RESET_APPROACH","checkShouldRenderVariants","variants","canTrack","hasVariants","length","includes","getBlocksToRender","previewingIndex","isHydrated","filteredVariants","fallbackBlocks","fallback","blocks","path","index","variant","winningVariant","variantIndex","indexOf","getInitPersonalizationVariantsFnsScriptString","isHydrationTarget","getPersonalizationScript","blockId","locale","JSON","stringify","getUpdateVisibilityStylesScript","filterWithCustomTargeting"],"sourceRoot":"../../../../../src","sources":["blocks/personalization-container/helpers.ts"],"mappings":"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"}

package/lib/node/module/blocks/personalization-container/personalization-container.js

@@ -5,76 +5,89 @@ import { useState, useRef, useEffect } from "react";
 import Blocks from "../../components/blocks/blocks";
 import InlinedScript from "../../components/inlined-script";
 import InlinedStyles from "../../components/inlined-styles";
+import { TARGET } from "../../constants/target";
+import { getClassPropName } from "../../functions/get-class-prop-name";
 import { isEditing } from "../../functions/is-editing";
 import { isPreviewing } from "../../functions/is-previewing";
 import { getDefaultCanTrack } from "../../helpers/canTrack";
 import { userAttributesService } from "../../helpers/user-attributes";
-import { checkShouldRenderVariants, filterWithCustomTargeting, getBlocksToRender, getPersonalizationScript } from "./helpers";
+import { checkShouldRenderVariants, DEFAULT_INDEX, filterWithCustomTargeting, getBlocksToRender, getPersonalizationScript, getUpdateVisibilityStylesScript, SDKS_REQUIRING_RESET_APPROACH } from "./helpers";
 function PersonalizationContainer(props) {
-  var _props$variants, _props$builderContext7, _props$builderBlock6, _props$builderContext8, _props$builderBlock7, _props$builderBlock8;
+  var _props$builderBlock5, _props$builderContext8, _props$builderBlock6, _props$builderContext9, _props$builderBlock7, _props$builderContext10, _props$builderBlock8, _props$variants, _props$builderBlock13, _props$builderContext13, _props$builderBlock14, _props$builderContext14, _props$builderBlock15;
   const rootRef = useRef(null);
   const [userAttributes, setUserAttributes] = useState(() => userAttributesService.getUserAttributes());
   const [scriptStr, setScriptStr] = useState(() => {
     var _props$builderBlock, _props$builderContext;
     return getPersonalizationScript(props.variants, ((_props$builderBlock = props.builderBlock) === null || _props$builderBlock === void 0 ? void 0 : _props$builderBlock.id) || "none", (_props$builderContext = props.builderContext) === null || _props$builderContext === void 0 || (_props$builderContext = _props$builderContext.rootState) === null || _props$builderContext === void 0 ? void 0 : _props$builderContext.locale);
   });
+  const [updateVisibilityStylesScript, setUpdateVisibilityStylesScript] = useState(() => {
+    var _props$builderBlock2, _props$builderContext2;
+    return getUpdateVisibilityStylesScript(props.variants, ((_props$builderBlock2 = props.builderBlock) === null || _props$builderBlock2 === void 0 ? void 0 : _props$builderBlock2.id) || "none", (_props$builderContext2 = props.builderContext) === null || _props$builderContext2 === void 0 || (_props$builderContext2 = _props$builderContext2.rootState) === null || _props$builderContext2 === void 0 ? void 0 : _props$builderContext2.locale);
+  });
   const [unsubscribers, setUnsubscribers] = useState(() => []);
   const [shouldRenderVariants, setShouldRenderVariants] = useState(() => {
-    var _props$builderContext2;
-    return checkShouldRenderVariants(props.variants, getDefaultCanTrack((_props$builderContext2 = props.builderContext) === null || _props$builderContext2 === void 0 ? void 0 : _props$builderContext2.canTrack));
+    var _props$builderContext3;
+    return checkShouldRenderVariants(props.variants, getDefaultCanTrack((_props$builderContext3 = props.builderContext) === null || _props$builderContext3 === void 0 ? void 0 : _props$builderContext3.canTrack));
   });
-  const [isHydrated, setIsHydrated] = useState(() => false);
+  const [shouldResetVariants, setShouldResetVariants] = useState(() => false);
+  function attrs() {
+    return {
+      ...props.attributes,
+      ...{},
+      [getClassPropName()]: `builder-personalization-container ${props.attributes[getClassPropName()] || ""}`
+    };
+  }
   function filteredVariants() {
     return (props.variants || []).filter(variant => {
-      var _props$builderContext3, _props$builderContext4;
+      var _props$builderContext4, _props$builderContext5;
       return filterWithCustomTargeting({
-        ...((_props$builderContext3 = props.builderContext) !== null && _props$builderContext3 !== void 0 && (_props$builderContext3 = _props$builderContext3.rootState) !== null && _props$builderContext3 !== void 0 && _props$builderContext3.locale ? {
-          locale: (_props$builderContext4 = props.builderContext) === null || _props$builderContext4 === void 0 || (_props$builderContext4 = _props$builderContext4.rootState) === null || _props$builderContext4 === void 0 ? void 0 : _props$builderContext4.locale
+        ...((_props$builderContext4 = props.builderContext) !== null && _props$builderContext4 !== void 0 && (_props$builderContext4 = _props$builderContext4.rootState) !== null && _props$builderContext4 !== void 0 && _props$builderContext4.locale ? {
+          locale: (_props$builderContext5 = props.builderContext) === null || _props$builderContext5 === void 0 || (_props$builderContext5 = _props$builderContext5.rootState) === null || _props$builderContext5 === void 0 ? void 0 : _props$builderContext5.locale
         } : {}),
         ...userAttributes
       }, variant.query, variant.startDate, variant.endDate);
     });
   }
   function blocksToRender() {
-    var _props$builderBlock2;
+    var _props$builderBlock3;
     return getBlocksToRender({
       variants: props.variants,
-      fallbackBlocks: (_props$builderBlock2 = props.builderBlock) === null || _props$builderBlock2 === void 0 ? void 0 : _props$builderBlock2.children,
-      isHydrated: isHydrated,
+      fallbackBlocks: (_props$builderBlock3 = props.builderBlock) === null || _props$builderBlock3 === void 0 ? void 0 : _props$builderBlock3.children,
+      isHydrated: shouldResetVariants,
       filteredVariants: filteredVariants(),
       previewingIndex: props.previewingIndex
     });
   }
   function hideVariantsStyleString() {
     return (props.variants || []).map((_, index) => {
-      var _props$builderBlock3;
-      return `[data-variant-id="${(_props$builderBlock3 = props.builderBlock) === null || _props$builderBlock3 === void 0 ? void 0 : _props$builderBlock3.id}-${index}"] { display: none; } `;
+      var _props$builderBlock4;
+      return `div[data-variant-id="${(_props$builderBlock4 = props.builderBlock) === null || _props$builderBlock4 === void 0 ? void 0 : _props$builderBlock4.id}-${index}"] { display: none !important; } `;
     }).join("");
   }
   useEffect(() => {
-    setIsHydrated(true);
+    setShouldResetVariants(true);
     const unsub = userAttributesService.subscribeOnUserAttributesChange(attrs => {
       setUserAttributes(attrs);
     });
     if (!(isEditing() || isPreviewing())) {
       const variant = filteredVariants()[0];
       if (rootRef.current) {
-        var _props$builderContext5;
+        var _props$builderContext6;
         rootRef.current.dispatchEvent(new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: variant || "default",
-            content: (_props$builderContext5 = props.builderContext) === null || _props$builderContext5 === void 0 ? void 0 : _props$builderContext5.content
+            variant: variant || DEFAULT_INDEX,
+            content: (_props$builderContext6 = props.builderContext) === null || _props$builderContext6 === void 0 ? void 0 : _props$builderContext6.content
           },
           bubbles: true
         }));
         const observer = new IntersectionObserver(entries => {
           entries.forEach(entry => {
             if (entry.isIntersecting && rootRef.current) {
-              var _props$builderContext6;
+              var _props$builderContext7;
               rootRef.current.dispatchEvent(new CustomEvent("builder.variantDisplayed", {
                 detail: {
-                  variant: variant || "default",
-                  content: (_props$builderContext6 = props.builderContext) === null || _props$builderContext6 === void 0 ? void 0 : _props$builderContext6.content
+                  variant: variant || DEFAULT_INDEX,
+                  content: (_props$builderContext7 = props.builderContext) === null || _props$builderContext7 === void 0 ? void 0 : _props$builderContext7.content
                 },
                 bubbles: true
               }));
@@ -93,29 +106,59 @@ function PersonalizationContainer(props) {
   }, []);
   return /*#__PURE__*/React.createElement(View, _extends({
     ref: rootRef
-  }, props.attributes), shouldRenderVariants ? /*#__PURE__*/React.createElement(React.Fragment, null, (_props$variants = props.variants) === null || _props$variants === void 0 ? void 0 : _props$variants.map((variant, index) => {
-    var _props$builderBlock4, _props$builderBlock5;
-    return /*#__PURE__*/React.createElement(View, {
-      key: index,
-      "data-variant-id": `${(_props$builderBlock4 = props.builderBlock) === null || _props$builderBlock4 === void 0 ? void 0 : _props$builderBlock4.id}-${index}`
-    }, /*#__PURE__*/React.createElement(Blocks, {
-      blocks: variant.blocks,
-      parent: (_props$builderBlock5 = props.builderBlock) === null || _props$builderBlock5 === void 0 ? void 0 : _props$builderBlock5.id,
-      path: `component.options.variants.${index}.blocks`
-    }));
-  }), /*#__PURE__*/React.createElement(InlinedStyles, {
-    nonce: ((_props$builderContext7 = props.builderContext) === null || _props$builderContext7 === void 0 ? void 0 : _props$builderContext7.nonce) || "",
+  }, attrs()), shouldResetVariants && SDKS_REQUIRING_RESET_APPROACH.includes(TARGET) ? /*#__PURE__*/React.createElement(Blocks, {
+    blocks: blocksToRender().blocks,
+    parent: (_props$builderBlock5 = props.builderBlock) === null || _props$builderBlock5 === void 0 ? void 0 : _props$builderBlock5.id,
+    path: blocksToRender().path,
+    context: props.builderContext,
+    registeredComponents: props.builderComponents,
+    BlocksWrapperProps: {
+      ...((_props$builderContext8 = props.builderContext) === null || _props$builderContext8 === void 0 ? void 0 : _props$builderContext8.BlocksWrapperProps),
+      "data-variant-id": `${(_props$builderBlock6 = props.builderBlock) === null || _props$builderBlock6 === void 0 ? void 0 : _props$builderBlock6.id}-${blocksToRender().index}`
+    }
+  }) : null, !shouldResetVariants && SDKS_REQUIRING_RESET_APPROACH.includes(TARGET) || !SDKS_REQUIRING_RESET_APPROACH.includes(TARGET) ? /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderVariants ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InlinedStyles, {
+    nonce: ((_props$builderContext9 = props.builderContext) === null || _props$builderContext9 === void 0 ? void 0 : _props$builderContext9.nonce) || "",
     styles: hideVariantsStyleString(),
-    id: `variants-styles-${(_props$builderBlock6 = props.builderBlock) === null || _props$builderBlock6 === void 0 ? void 0 : _props$builderBlock6.id}`
+    id: `variants-styles-${(_props$builderBlock7 = props.builderBlock) === null || _props$builderBlock7 === void 0 ? void 0 : _props$builderBlock7.id}`
   }), /*#__PURE__*/React.createElement(InlinedScript, {
-    nonce: ((_props$builderContext8 = props.builderContext) === null || _props$builderContext8 === void 0 ? void 0 : _props$builderContext8.nonce) || "",
-    scriptStr: scriptStr,
-    id: `variants-script-${(_props$builderBlock7 = props.builderBlock) === null || _props$builderBlock7 === void 0 ? void 0 : _props$builderBlock7.id}`
+    nonce: ((_props$builderContext10 = props.builderContext) === null || _props$builderContext10 === void 0 ? void 0 : _props$builderContext10.nonce) || "",
+    scriptStr: updateVisibilityStylesScript,
+    id: `variants-visibility-script-${(_props$builderBlock8 = props.builderBlock) === null || _props$builderBlock8 === void 0 ? void 0 : _props$builderBlock8.id}`
+  }), (_props$variants = props.variants) === null || _props$variants === void 0 ? void 0 : _props$variants.map((variant, index) => {
+    var _props$builderBlock9, _props$builderContext11, _props$builderBlock10, _props$builderBlock11, _props$builderContext12, _props$builderBlock12;
+    return /*#__PURE__*/React.createElement(Blocks, {
+      key: `${(_props$builderBlock9 = props.builderBlock) === null || _props$builderBlock9 === void 0 ? void 0 : _props$builderBlock9.id}-${index}`,
+      BlocksWrapperProps: {
+        ...((_props$builderContext11 = props.builderContext) === null || _props$builderContext11 === void 0 ? void 0 : _props$builderContext11.BlocksWrapperProps),
+        "aria-hidden": true,
+        hidden: true,
+        "data-variant-id": `${(_props$builderBlock10 = props.builderBlock) === null || _props$builderBlock10 === void 0 ? void 0 : _props$builderBlock10.id}-${index}`
+      },
+      blocks: variant.blocks,
+      parent: (_props$builderBlock11 = props.builderBlock) === null || _props$builderBlock11 === void 0 ? void 0 : _props$builderBlock11.id,
+      path: `component.options.variants.${index}.blocks`,
+      context: props.builderContext,
+      registeredComponents: props.builderComponents
+    }, /*#__PURE__*/React.createElement(InlinedScript, {
+      nonce: ((_props$builderContext12 = props.builderContext) === null || _props$builderContext12 === void 0 ? void 0 : _props$builderContext12.nonce) || "",
+      scriptStr: scriptStr,
+      id: `variants-script-${(_props$builderBlock12 = props.builderBlock) === null || _props$builderBlock12 === void 0 ? void 0 : _props$builderBlock12.id}-${index}`
+    }));
   })) : null, /*#__PURE__*/React.createElement(Blocks, {
     blocks: blocksToRender().blocks,
-    parent: (_props$builderBlock8 = props.builderBlock) === null || _props$builderBlock8 === void 0 ? void 0 : _props$builderBlock8.id,
-    path: blocksToRender().path
-  }));
+    parent: (_props$builderBlock13 = props.builderBlock) === null || _props$builderBlock13 === void 0 ? void 0 : _props$builderBlock13.id,
+    path: blocksToRender().path,
+    context: props.builderContext,
+    registeredComponents: props.builderComponents,
+    BlocksWrapperProps: {
+      ...((_props$builderContext13 = props.builderContext) === null || _props$builderContext13 === void 0 ? void 0 : _props$builderContext13.BlocksWrapperProps),
+      "data-variant-id": `${(_props$builderBlock14 = props.builderBlock) === null || _props$builderBlock14 === void 0 ? void 0 : _props$builderBlock14.id}-${blocksToRender().index}`
+    }
+  }, shouldRenderVariants ? /*#__PURE__*/React.createElement(InlinedScript, {
+    nonce: ((_props$builderContext14 = props.builderContext) === null || _props$builderContext14 === void 0 ? void 0 : _props$builderContext14.nonce) || "",
+    scriptStr: scriptStr,
+    id: `variants-script-${(_props$builderBlock15 = props.builderBlock) === null || _props$builderBlock15 === void 0 ? void 0 : _props$builderBlock15.id}-${DEFAULT_INDEX}`
+  }) : null)) : null);
 }
 export default PersonalizationContainer;
 //# sourceMappingURL=personalization-container.js.map

package/lib/node/module/blocks/personalization-container/personalization-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useState","useRef","useEffect","Blocks","InlinedScript","InlinedStyles","isEditing","isPreviewing","getDefaultCanTrack","userAttributesService","checkShouldRenderVariants","filterWithCustomTargeting","getBlocksToRender","getPersonalizationScript","PersonalizationContainer","props","_props$variants","_props$builderContext7","_props$builderBlock6","_props$builderContext8","_props$builderBlock7","_props$builderBlock8","rootRef","userAttributes","setUserAttributes","getUserAttributes","scriptStr","setScriptStr","_props$builderBlock","_props$builderContext","variants","builderBlock","id","builderContext","rootState","locale","unsubscribers","setUnsubscribers","shouldRenderVariants","setShouldRenderVariants","_props$builderContext2","canTrack","isHydrated","setIsHydrated","filteredVariants","filter","variant","_props$builderContext3","_props$builderContext4","query","startDate","endDate","blocksToRender","_props$builderBlock2","fallbackBlocks","children","previewingIndex","hideVariantsStyleString","map","_","index","_props$builderBlock3","join","unsub","subscribeOnUserAttributesChange","attrs","current","_props$builderContext5","dispatchEvent","CustomEvent","detail","content","bubbles","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","_props$builderContext6","observe","push","createElement","_extends","ref","attributes","Fragment","_props$builderBlock4","_props$builderBlock5","key","blocks","parent","path","nonce","styles"],"sourceRoot":"../../../../../src","sources":["blocks/personalization-container/personalization-container.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","useState","useRef","useEffect","Blocks","InlinedScript","InlinedStyles","TARGET","getClassPropName","isEditing","isPreviewing","getDefaultCanTrack","userAttributesService","checkShouldRenderVariants","DEFAULT_INDEX","filterWithCustomTargeting","getBlocksToRender","getPersonalizationScript","getUpdateVisibilityStylesScript","SDKS_REQUIRING_RESET_APPROACH","PersonalizationContainer","props","_props$builderBlock5","_props$builderContext8","_props$builderBlock6","_props$builderContext9","_props$builderBlock7","_props$builderContext10","_props$builderBlock8","_props$variants","_props$builderBlock13","_props$builderContext13","_props$builderBlock14","_props$builderContext14","_props$builderBlock15","rootRef","userAttributes","setUserAttributes","getUserAttributes","scriptStr","setScriptStr","_props$builderBlock","_props$builderContext","variants","builderBlock","id","builderContext","rootState","locale","updateVisibilityStylesScript","setUpdateVisibilityStylesScript","_props$builderBlock2","_props$builderContext2","unsubscribers","setUnsubscribers","shouldRenderVariants","setShouldRenderVariants","_props$builderContext3","canTrack","shouldResetVariants","setShouldResetVariants","attrs","attributes","filteredVariants","filter","variant","_props$builderContext4","_props$builderContext5","query","startDate","endDate","blocksToRender","_props$builderBlock3","fallbackBlocks","children","isHydrated","previewingIndex","hideVariantsStyleString","map","_","index","_props$builderBlock4","join","unsub","subscribeOnUserAttributesChange","current","_props$builderContext6","dispatchEvent","CustomEvent","detail","content","bubbles","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","_props$builderContext7","observe","push","createElement","_extends","ref","includes","blocks","parent","path","context","registeredComponents","builderComponents","BlocksWrapperProps","Fragment","nonce","styles","_props$builderBlock9","_props$builderContext11","_props$builderBlock10","_props$builderBlock11","_props$builderContext12","_props$builderBlock12","key","hidden"],"sourceRoot":"../../../../../src","sources":["blocks/personalization-container/personalization-container.tsx"],"mappings":"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"}

package/lib/node/module/blocks/symbol/symbol.js

@@ -5,7 +5,7 @@ import { useState, useEffect } from "react";
 import ContentVariants from "../../components/content-variants/index";
 import { fetchSymbolContent } from "./symbol.helpers";
 function Symbol(props) {
-  var _props$builderBlock, _props$symbol4, _contentToUse$data, _props$symbol5;
+  var _props$builderBlock, _props$symbol7, _contentToUse$data, _props$symbol8;
   function blocksWrapper() {
     return View;
   }
@@ -20,14 +20,21 @@ function Symbol(props) {
     var _props$symbol3;
     return (_props$symbol3 = props.symbol) === null || _props$symbol3 === void 0 ? void 0 : _props$symbol3.content;
   });
+  const [symbolEntry, setSymbolEntry] = useState(() => {
+    var _props$symbol4;
+    return (_props$symbol4 = props.symbol) === null || _props$symbol4 === void 0 ? void 0 : _props$symbol4.entry;
+  });
   function setContent() {
-    if (contentToUse) return;
+    var _props$symbol5;
+    if (contentToUse && symbolEntry === ((_props$symbol5 = props.symbol) === null || _props$symbol5 === void 0 ? void 0 : _props$symbol5.entry)) return;
     fetchSymbolContent({
       symbol: props.symbol,
       builderContextValue: props.builderContext
     }).then(newContent => {
       if (newContent) {
+        var _props$symbol6;
         setContentToUse(newContent);
+        setSymbolEntry((_props$symbol6 = props.symbol) === null || _props$symbol6 === void 0 ? void 0 : _props$symbol6.entry);
       }
     });
   }
@@ -50,12 +57,12 @@ function Symbol(props) {
     },
     customComponents: Object.values(props.builderComponents),
     data: {
-      ...((_props$symbol4 = props.symbol) === null || _props$symbol4 === void 0 ? void 0 : _props$symbol4.data),
+      ...((_props$symbol7 = props.symbol) === null || _props$symbol7 === void 0 ? void 0 : _props$symbol7.data),
       ...props.builderContext.localState,
       ...(contentToUse === null || contentToUse === void 0 || (_contentToUse$data = contentToUse.data) === null || _contentToUse$data === void 0 ? void 0 : _contentToUse$data.state)
     },
     canTrack: props.builderContext.canTrack,
-    model: ((_props$symbol5 = props.symbol) === null || _props$symbol5 === void 0 ? void 0 : _props$symbol5.model) ?? "",
+    model: ((_props$symbol8 = props.symbol) === null || _props$symbol8 === void 0 ? void 0 : _props$symbol8.model) ?? "",
     content: contentToUse,
     linkComponent: props.builderLinkComponent,
     blocksWrapper: blocksWrapper(),

package/lib/node/module/blocks/symbol/symbol.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useState","useEffect","ContentVariants","fetchSymbolContent","Symbol","props","_props$builderBlock","_props$symbol4","_contentToUse$data","_props$symbol5","blocksWrapper","contentWrapper","className","_props$symbol","_props$symbol2","symbol","inline","undefined","dynamic","filter","Boolean","join","contentToUse","setContentToUse","_props$symbol3","content","setContent","builderContextValue","builderContext","then","newContent","createElement","_extends","attributes","dataSet","class","nonce","isNestedRender","apiVersion","apiKey","context","symbolId","builderBlock","id","customComponents","Object","values","builderComponents","data","localState","state","canTrack","model","linkComponent","builderLinkComponent"],"sourceRoot":"../../../../../src","sources":["blocks/symbol/symbol.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","useState","useEffect","ContentVariants","fetchSymbolContent","Symbol","props","_props$builderBlock","_props$symbol7","_contentToUse$data","_props$symbol8","blocksWrapper","contentWrapper","className","_props$symbol","_props$symbol2","symbol","inline","undefined","dynamic","filter","Boolean","join","contentToUse","setContentToUse","_props$symbol3","content","symbolEntry","setSymbolEntry","_props$symbol4","entry","setContent","_props$symbol5","builderContextValue","builderContext","then","newContent","_props$symbol6","createElement","_extends","attributes","dataSet","class","nonce","isNestedRender","apiVersion","apiKey","context","symbolId","builderBlock","id","customComponents","Object","values","builderComponents","data","localState","state","canTrack","model","linkComponent","builderLinkComponent"],"sourceRoot":"../../../../../src","sources":["blocks/symbol/symbol.tsx"],"mappings":"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"}

package/lib/node/module/components/block/components/interactive-element.js

@@ -1,9 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
+import { useState, useEffect } from "react";
 import { getBlockActions } from "../../../functions/get-block-actions";
 import { getBlockProperties } from "../../../functions/get-block-properties";
 import Awaiter from "../../awaiter";
 function InteractiveElement(props) {
+  var _props$block;
+  const [forceRenderCount, setForceRenderCount] = useState(() => 0);
   function attributes() {
     return props.includeBlockProps ? {
       ...getBlockProperties({
@@ -22,6 +25,7 @@ function InteractiveElement(props) {
   function targetWrapperProps() {
     return props.wrapperProps;
   }
+  useEffect(() => {}, [props.wrapperProps, (_props$block = props.block) === null || _props$block === void 0 || (_props$block = _props$block.component) === null || _props$block === void 0 ? void 0 : _props$block.options]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.Wrapper.load ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Awaiter, {
     load: props.Wrapper.load,
     fallback: props.Wrapper.fallback,