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

package/lib/browser/commonjs/components/content-variants/content-variants.js

@@ -6,31 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
+var _helpers = require("../../blocks/personalization-container/helpers");
 var _target = require("../../constants/target");
 var _abTests = require("../../helpers/ab-tests");
 var _canTrack = require("../../helpers/canTrack");
 var _content = _interopRequireDefault(require("../content/content"));
 var _inlinedScript = _interopRequireDefault(require("../inlined-script"));
 var _inlinedStyles = _interopRequireDefault(require("../inlined-styles"));
-var _helpers = require("./helpers");
+var _helpers2 = require("./helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ContentVariants(props) {
   var _getVariants;
-  const [shouldRenderVariants, setShouldRenderVariants] = (0, _react.useState)(() => (0, _helpers.checkShouldRenderVariants)({
+  const [shouldRenderVariants, setShouldRenderVariants] = (0, _react.useState)(() => (0, _helpers2.checkShouldRenderVariants)({
     canTrack: (0, _canTrack.getDefaultCanTrack)(props.canTrack),
     content: props.content
   }));
   function updateCookieAndStylesScriptStr() {
     var _props$content;
-    return (0, _helpers.getUpdateCookieAndStylesScript)((0, _helpers.getVariants)(props.content).map(value => ({
+    return (0, _helpers2.getUpdateCookieAndStylesScript)((0, _helpers2.getVariants)(props.content).map(value => ({
       id: value.testVariationId,
       testRatio: value.testRatio
     })), ((_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.id) || "");
   }
   function hideVariantsStyleString() {
-    return (0, _helpers.getVariants)(props.content).map(value => `.variant-${value.testVariationId} { display: none; } `).join("");
+    return (0, _helpers2.getVariants)(props.content).map(value => `.variant-${value.testVariationId} { display: none; } `).join("");
   }
   function defaultContent() {
     var _props$content2;
@@ -47,11 +48,15 @@ function ContentVariants(props) {
      * For Solid/Svelte: we unmount the non-winning variants post-hydration.
      */
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !props.isNestedRender && _target.TARGET !== "reactNative" ? /*#__PURE__*/React.createElement(_inlinedScript.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !props.isNestedRender && _target.TARGET !== "reactNative" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inlinedScript.default, {
     id: "builderio-init-variants-fns",
-    scriptStr: (0, _helpers.getInitVariantsFnsScriptString)(),
+    scriptStr: (0, _helpers2.getInitVariantsFnsScriptString)(),
     nonce: props.nonce || ""
-  }) : null, shouldRenderVariants ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inlinedStyles.default, {
+  }), _helpers.SDKS_SUPPORTING_PERSONALIZATION.includes(_target.TARGET) ? /*#__PURE__*/React.createElement(_inlinedScript.default, {
+    id: "builderio-init-personalization-variants-fns",
+    nonce: props.nonce || "",
+    scriptStr: (0, _helpers.getInitPersonalizationVariantsFnsScriptString)()
+  }) : null) : null, shouldRenderVariants ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inlinedStyles.default, {
     id: "builderio-variants",
     styles: hideVariantsStyleString(),
     nonce: props.nonce || ""
@@ -59,7 +64,7 @@ function ContentVariants(props) {
     id: "builderio-variants-visibility",
     scriptStr: updateCookieAndStylesScriptStr(),
     nonce: props.nonce || ""
-  }), (_getVariants = (0, _helpers.getVariants)(props.content)) === null || _getVariants === void 0 ? void 0 : _getVariants.map(variant => /*#__PURE__*/React.createElement(_content.default, {
+  }), (_getVariants = (0, _helpers2.getVariants)(props.content)) === null || _getVariants === void 0 ? void 0 : _getVariants.map(variant => /*#__PURE__*/React.createElement(_content.default, {
     apiHost: props.apiHost,
     isNestedRender: props.isNestedRender,
     key: variant.testVariationId,

package/lib/browser/commonjs/components/content-variants/content-variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_target","_abTests","_canTrack","_content","_interopRequireDefault","_inlinedScript","_inlinedStyles","_helpers","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentVariants","props","_getVariants","shouldRenderVariants","setShouldRenderVariants","useState","checkShouldRenderVariants","canTrack","getDefaultCanTrack","content","updateCookieAndStylesScriptStr","_props$content","getUpdateCookieAndStylesScript","getVariants","map","value","id","testVariationId","testRatio","hideVariantsStyleString","join","defaultContent","_props$content2","handleABTestingSync","item","useEffect","createElement","Fragment","isNestedRender","TARGET","scriptStr","getInitVariantsFnsScriptString","nonce","styles","variant","apiHost","key","showContent","model","data","context","apiKey","apiVersion","customComponents","linkComponent","locale","enrich","isSsrAbTest","blocksWrapper","blocksWrapperProps","contentWrapper","contentWrapperProps","trustedHosts","strictStyleMode","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/content-variants/content-variants.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_helpers","_target","_abTests","_canTrack","_content","_interopRequireDefault","_inlinedScript","_inlinedStyles","_helpers2","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentVariants","props","_getVariants","shouldRenderVariants","setShouldRenderVariants","useState","checkShouldRenderVariants","canTrack","getDefaultCanTrack","content","updateCookieAndStylesScriptStr","_props$content","getUpdateCookieAndStylesScript","getVariants","map","value","id","testVariationId","testRatio","hideVariantsStyleString","join","defaultContent","_props$content2","handleABTestingSync","item","useEffect","createElement","Fragment","isNestedRender","TARGET","scriptStr","getInitVariantsFnsScriptString","nonce","SDKS_SUPPORTING_PERSONALIZATION","includes","getInitPersonalizationVariantsFnsScriptString","styles","variant","apiHost","key","showContent","model","data","context","apiKey","apiVersion","customComponents","linkComponent","locale","enrich","isSsrAbTest","blocksWrapper","blocksWrapperProps","contentWrapper","contentWrapperProps","trustedHosts","strictStyleMode","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/content-variants/content-variants.tsx"],"mappings":"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"}

package/lib/browser/commonjs/constants/builder-registered-components.js

@@ -15,6 +15,7 @@ var _index4 = _interopRequireDefault(require("../blocks/fragment/index"));
 var _componentInfo5 = require("../blocks/image/component-info");
 var _index5 = _interopRequireDefault(require("../blocks/image/index"));
 var _componentInfo6 = require("../blocks/personalization-container/component-info");
+var _helpers = require("../blocks/personalization-container/helpers");
 var _index6 = _interopRequireDefault(require("../blocks/personalization-container/index"));
 var _componentInfo7 = require("../blocks/section/component-info");
 var _index7 = _interopRequireDefault(require("../blocks/section/index"));
@@ -57,7 +58,7 @@ const getDefaultRegisteredComponents = () => [{
 }, {
   component: _index11.default,
   ..._componentInfo11.componentInfo
-}, ...(_target.TARGET === 'react' ? [{
+}, ...(_helpers.SDKS_SUPPORTING_PERSONALIZATION.includes(_target.TARGET) ? [{
   component: _index6.default,
   ..._componentInfo6.componentInfo
 }] : []), ...(_target.TARGET === 'rsc' ? [] : [{

package/lib/browser/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/browser/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.8";
+const SDK_VERSION = exports.SDK_VERSION = "4.0.9";
 //# sourceMappingURL=sdk-version.js.map

package/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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/browser/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