@builder.io/sdk-react-nextjs 0.18.13 → 0.18.15

package/lib/browser/blocks/personalization-container/helpers.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../constants/target.cjs"),_=require("../../functions/is-browser.cjs"),N=require("../../functions/is-editing.cjs"),r=require("./helpers/inlined-fns.cjs"),u="default",g="filterWithCustomTargeting",R="builderIoPersonalization",E="updateVisibilityStylesScript",l=["react","vue","svelte"],P=["vue","svelte"];function d(t,i){return!(t&&t.length>0)||!i?!1:P.includes(c.TARGET)?!0:!_.isBrowser()}function $({variants:t,previewingIndex:i,isHydrated:n,filteredVariants:o,fallbackBlocks:s}){var I;const T={blocks:s!=null?s:[],path:"this.children",index:u};if(n&&N.isEditing()){if(typeof i=="number"&&i<((I=t==null?void 0:t.length)!=null?I:0)){const e=t==null?void 0:t[i];if(e)return{blocks:e.blocks,path:`variants.${i}.blocks`,index:i}}return T}if(_.isBrowser()){const e=o==null?void 0:o[0];if(e&&t){const S=t.indexOf(e);if(S!==-1)return{blocks:e.blocks,path:`variants.${S}.blocks`,index:S}}}return T}const O=()=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../constants/target.cjs"),_=require("../../functions/is-browser.cjs"),N=require("../../functions/is-editing.cjs"),r=require("./helpers/inlined-fns.cjs"),u="default",g="filterWithCustomTargeting",R="builderIoPersonalization",E="updateVisibilityStylesScript",l=["react","vue","svelte","qwik"],P=["vue","svelte","qwik"];function d(t,i){return!(t&&t.length>0)||!i?!1:P.includes(c.TARGET)?!0:!_.isBrowser()}function $({variants:t,previewingIndex:i,isHydrated:n,filteredVariants:o,fallbackBlocks:s}){var I;const T={blocks:s!=null?s:[],path:"this.children",index:u};if(n&&N.isEditing()){if(typeof i=="number"&&i<((I=t==null?void 0:t.length)!=null?I:0)){const e=t==null?void 0:t[i];if(e)return{blocks:e.blocks,path:`variants.${i}.blocks`,index:i}}return T}if(_.isBrowser()){const e=o==null?void 0:o[0];if(e&&t){const S=t.indexOf(e);if(S!==-1)return{blocks:e.blocks,path:`variants.${S}.blocks`,index:S}}}return T}const O=()=>`
   window.${g} = ${r.FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
   window.${R} = ${r.PERSONALIZATION_SCRIPT}
   window.${E} = ${r.UPDATE_VISIBILITY_STYLES_SCRIPT}

package/lib/browser/blocks/personalization-container/helpers.mjs

@@ -3,14 +3,14 @@ import { isBrowser as _ } from "../../functions/is-browser.mjs";
 import { isEditing as E } from "../../functions/is-editing.mjs";
 import { FILTER_WITH_CUSTOM_TARGETING_SCRIPT as f, PERSONALIZATION_SCRIPT as N, UPDATE_VISIBILITY_STYLES_SCRIPT as $ } from "./helpers/inlined-fns.mjs";
 import { filterWithCustomTargeting as D } from "./helpers/inlined-fns.mjs";
-const A = "default", P = "filterWithCustomTargeting", c = "builderIoPersonalization", u = "updateVisibilityStylesScript", p = ["react", "vue", "svelte"], O = ["vue", "svelte"];
+const A = "default", P = "filterWithCustomTargeting", c = "builderIoPersonalization", u = "updateVisibilityStylesScript", p = ["react", "vue", "svelte", "qwik"], O = ["vue", "svelte", "qwik"];
 function l(t, n) {
   return !(t && t.length > 0) || !n ? !1 : O.includes(S) ? !0 : !_();
 }
 function C({
   variants: t,
   previewingIndex: n,
-  isHydrated: o,
+  isHydrated: i,
   filteredVariants: r,
   fallbackBlocks: e
 }) {
@@ -20,12 +20,12 @@ function C({
     path: "this.children",
     index: A
   };
-  if (o && E()) {
+  if (i && E()) {
     if (typeof n == "number" && n < ((I = t == null ? void 0 : t.length) != null ? I : 0)) {
-      const i = t == null ? void 0 : t[n];
-      if (i)
+      const o = t == null ? void 0 : t[n];
+      if (o)
         return {
-          blocks: i.blocks,
+          blocks: o.blocks,
           path: `variants.${n}.blocks`,
           index: n
         };
@@ -33,12 +33,12 @@ function C({
     return T;
   }
   if (_()) {
-    const i = r == null ? void 0 : r[0];
-    if (i && t) {
-      const s = t.indexOf(i);
+    const o = r == null ? void 0 : r[0];
+    if (o && t) {
+      const s = t.indexOf(o);
       if (s !== -1)
         return {
-          blocks: i.blocks,
+          blocks: o.blocks,
           path: `variants.${s}.blocks`,
           index: s
         };
@@ -46,11 +46,11 @@ function C({
   }
   return T;
 }
-const L = () => `
+const w = () => `
   window.${P} = ${f}
   window.${c} = ${N}
   window.${u} = ${$}
-  `, R = S === "react", U = (t, n, o) => `window.${c}(${JSON.stringify(t)}, "${n}", ${R}${o ? `, "${o}"` : ""})`, b = (t, n, o) => `window.${u}(${JSON.stringify(t)}, "${n}", ${R}${o ? `, "${o}"` : ""})`;
+  `, R = S === "react", L = (t, n, i) => `window.${c}(${JSON.stringify(t)}, "${n}", ${R}${i ? `, "${i}"` : ""})`, U = (t, n, i) => `window.${u}(${JSON.stringify(t)}, "${n}", ${R}${i ? `, "${i}"` : ""})`;
 export {
   A as DEFAULT_INDEX,
   O as SDKS_REQUIRING_RESET_APPROACH,
@@ -58,7 +58,7 @@ export {
   l as checkShouldRenderVariants,
   D as filterWithCustomTargeting,
   C as getBlocksToRender,
-  L as getInitPersonalizationVariantsFnsScriptString,
-  U as getPersonalizationScript,
-  b as getUpdateVisibilityStylesScript
+  w as getInitPersonalizationVariantsFnsScriptString,
+  L as getPersonalizationScript,
+  U as getUpdateVisibilityStylesScript
 };

package/lib/browser/blocks/personalization-container/personalization-container.cjs

@@ -1 +1 @@
-"use client";"use strict";const r=require("react/jsx-runtime"),a=require("react"),k=require("../../components/blocks/blocks.cjs"),v=require("../../components/inlined-script.cjs"),H=require("../../components/inlined-styles.cjs"),C=require("../../constants/target.cjs"),U=require("../../functions/get-class-prop-name.cjs"),L=require("../../functions/is-editing.cjs"),z=require("../../functions/is-previewing.cjs"),K=require("../../helpers/canTrack.cjs"),V=require("../../helpers/user-attributes.cjs"),s=require("./helpers.cjs"),Q=require("./helpers/inlined-fns.cjs");function X(e){var g,f,B,m,A,P,$,T,y,q,D,I,_;const c=a.useRef(null),[N,w]=a.useState(()=>V.userAttributesService.getUserAttributes()),[x,J]=a.useState(()=>{var t,n,i;return s.getPersonalizationScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[W,M]=a.useState(()=>{var t,n,i;return s.getUpdateVisibilityStylesScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[h,Y]=a.useState(()=>[]),[E,Z]=a.useState(()=>{var t;return s.checkShouldRenderVariants(e.variants,K.getDefaultCanTrack((t=e.builderContext)==null?void 0:t.canTrack))}),[S,F]=a.useState(()=>!1);function G(){return{...e.attributes,[U.getClassPropName()]:`builder-personalization-container ${e.attributes[U.getClassPropName()]||""}`}}function R(){return(e.variants||[]).filter(t=>{var n,i,o,l;return Q.filterWithCustomTargeting({...(i=(n=e.builderContext)==null?void 0:n.rootState)!=null&&i.locale?{locale:(l=(o=e.builderContext)==null?void 0:o.rootState)==null?void 0:l.locale}:{},...N},t.query,t.startDate,t.endDate)})}function u(){var t;return s.getBlocksToRender({variants:e.variants,fallbackBlocks:(t=e.builderBlock)==null?void 0:t.children,isHydrated:S,filteredVariants:R(),previewingIndex:e.previewingIndex})}function O(){return(e.variants||[]).map((t,n)=>{var i;return`div[data-variant-id="${(i=e.builderBlock)==null?void 0:i.id}-${n}"] { display: none !important; } `}).join("")}return a.useEffect(()=>{var n;F(!0);const t=V.userAttributesService.subscribeOnUserAttributesChange(i=>{w(i)});if(!(L.isEditing()||z.isPreviewing())){const i=R()[0];c.current&&(c.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:i||s.DEFAULT_INDEX,content:(n=e.builderContext)==null?void 0:n.content},bubbles:!0})),new IntersectionObserver(l=>{l.forEach(b=>{var d;b.isIntersecting&&c.current&&c.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:i||s.DEFAULT_INDEX,content:(d=e.builderContext)==null?void 0:d.content},bubbles:!0}))})}).observe(c.current))}h.push(t)},[]),a.useEffect(()=>()=>{h.forEach(t=>t())},[]),r.jsxs("div",{ref:c,...G(),children:[S&&s.SDKS_REQUIRING_RESET_APPROACH.includes(C.TARGET)?r.jsx(k,{blocks:u().blocks,parent:(g=e.builderBlock)==null?void 0:g.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(f=e.builderContext)==null?void 0:f.BlocksWrapperProps,"data-variant-id":`${(B=e.builderBlock)==null?void 0:B.id}-${u().index}`}}):null,!S&&s.SDKS_REQUIRING_RESET_APPROACH.includes(C.TARGET)||!s.SDKS_REQUIRING_RESET_APPROACH.includes(C.TARGET)?r.jsxs(r.Fragment,{children:[E?r.jsxs(r.Fragment,{children:[r.jsx(H,{nonce:((m=e.builderContext)==null?void 0:m.nonce)||"",styles:O(),id:`variants-styles-${(A=e.builderBlock)==null?void 0:A.id}`}),r.jsx(v,{nonce:((P=e.builderContext)==null?void 0:P.nonce)||"",scriptStr:W,id:`variants-visibility-script-${($=e.builderBlock)==null?void 0:$.id}`}),(T=e.variants)==null?void 0:T.map((t,n)=>{var i,o,l,b,d,j;return r.jsx(k,{BlocksWrapperProps:{...(i=e.builderContext)==null?void 0:i.BlocksWrapperProps,"aria-hidden":!0,hidden:!0,"data-variant-id":`${(o=e.builderBlock)==null?void 0:o.id}-${n}`},blocks:t.blocks,parent:(l=e.builderBlock)==null?void 0:l.id,path:`component.options.variants.${n}.blocks`,context:e.builderContext,registeredComponents:e.builderComponents,children:r.jsx(v,{nonce:((b=e.builderContext)==null?void 0:b.nonce)||"",scriptStr:x,id:`variants-script-${(d=e.builderBlock)==null?void 0:d.id}-${n}`})},`${(j=e.builderBlock)==null?void 0:j.id}-${n}`)})]}):null,r.jsx(k,{blocks:u().blocks,parent:(y=e.builderBlock)==null?void 0:y.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(q=e.builderContext)==null?void 0:q.BlocksWrapperProps,"data-variant-id":`${(D=e.builderBlock)==null?void 0:D.id}-${u().index}`},children:E?r.jsx(v,{nonce:((I=e.builderContext)==null?void 0:I.nonce)||"",scriptStr:x,id:`variants-script-${(_=e.builderBlock)==null?void 0:_.id}-${s.DEFAULT_INDEX}`}):null})]}):null]})}module.exports=X;
+"use client";"use strict";const r=require("react/jsx-runtime"),a=require("react"),v=require("../../components/blocks/blocks.cjs"),C=require("../../components/inlined-script.cjs"),H=require("../../components/inlined-styles.cjs"),S=require("../../constants/target.cjs"),U=require("../../functions/get-class-prop-name.cjs"),L=require("../../functions/is-editing.cjs"),z=require("../../functions/is-previewing.cjs"),K=require("../../helpers/canTrack.cjs"),V=require("../../helpers/user-attributes.cjs"),s=require("./helpers.cjs"),Q=require("./helpers/inlined-fns.cjs");function X(e){var f,g,B,m,A,T,P,$,y,q,I,D,_;const c=a.useRef(null),[N,w]=a.useState(()=>V.userAttributesService.getUserAttributes()),[x,J]=a.useState(()=>{var t,n,i;return s.getPersonalizationScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[G,M]=a.useState(()=>{var t,n,i;return s.getUpdateVisibilityStylesScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[E,Y]=a.useState(()=>[]),[h,Z]=a.useState(()=>{var t;return s.checkShouldRenderVariants(e.variants,K.getDefaultCanTrack((t=e.builderContext)==null?void 0:t.canTrack))}),[k,W]=a.useState(()=>!1);function F(){return{...e.attributes,[U.getClassPropName()]:`builder-personalization-container ${e.attributes[U.getClassPropName()]||""}`}}function R(){return(e.variants||[]).filter(t=>{var n,i,o,l;return Q.filterWithCustomTargeting({...(i=(n=e.builderContext)==null?void 0:n.rootState)!=null&&i.locale?{locale:(l=(o=e.builderContext)==null?void 0:o.rootState)==null?void 0:l.locale}:{},...N},t.query,t.startDate,t.endDate)})}function u(){var t;return s.getBlocksToRender({variants:e.variants,fallbackBlocks:(t=e.builderBlock)==null?void 0:t.children,isHydrated:k,filteredVariants:R(),previewingIndex:e.previewingIndex})}function O(){return(e.variants||[]).map((t,n)=>{var i;return`div[data-variant-id="${(i=e.builderBlock)==null?void 0:i.id}-${n}"] { display: none !important; } `}).join("")}return a.useEffect(()=>{var n;W(!0);const t=V.userAttributesService.subscribeOnUserAttributesChange(i=>{w(i)},{fireImmediately:S.TARGET==="qwik"});if(!(L.isEditing()||z.isPreviewing())){const i=R()[0];c.current&&(c.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:i||s.DEFAULT_INDEX,content:(n=e.builderContext)==null?void 0:n.content},bubbles:!0})),new IntersectionObserver(l=>{l.forEach(b=>{var d;b.isIntersecting&&c.current&&c.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:i||s.DEFAULT_INDEX,content:(d=e.builderContext)==null?void 0:d.content},bubbles:!0}))})}).observe(c.current))}E.push(t)},[]),a.useEffect(()=>()=>{E.forEach(t=>t())},[]),r.jsxs("div",{ref:c,...F(),children:[k&&s.SDKS_REQUIRING_RESET_APPROACH.includes(S.TARGET)?r.jsx(v,{blocks:u().blocks,parent:(f=e.builderBlock)==null?void 0:f.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(g=e.builderContext)==null?void 0:g.BlocksWrapperProps,"data-variant-id":`${(B=e.builderBlock)==null?void 0:B.id}-${u().index}`}}):null,!k&&s.SDKS_REQUIRING_RESET_APPROACH.includes(S.TARGET)||!s.SDKS_REQUIRING_RESET_APPROACH.includes(S.TARGET)?r.jsxs(r.Fragment,{children:[h?r.jsxs(r.Fragment,{children:[r.jsx(H,{nonce:((m=e.builderContext)==null?void 0:m.nonce)||"",styles:O(),id:`variants-styles-${(A=e.builderBlock)==null?void 0:A.id}`}),r.jsx(C,{nonce:((T=e.builderContext)==null?void 0:T.nonce)||"",scriptStr:G,id:`variants-visibility-script-${(P=e.builderBlock)==null?void 0:P.id}`}),($=e.variants)==null?void 0:$.map((t,n)=>{var i,o,l,b,d,j;return r.jsx(v,{BlocksWrapperProps:{...(i=e.builderContext)==null?void 0:i.BlocksWrapperProps,"aria-hidden":!0,hidden:!0,"data-variant-id":`${(o=e.builderBlock)==null?void 0:o.id}-${n}`},blocks:t.blocks,parent:(l=e.builderBlock)==null?void 0:l.id,path:`component.options.variants.${n}.blocks`,context:e.builderContext,registeredComponents:e.builderComponents,children:r.jsx(C,{nonce:((b=e.builderContext)==null?void 0:b.nonce)||"",scriptStr:x,id:`variants-script-${(d=e.builderBlock)==null?void 0:d.id}-${n}`})},`${(j=e.builderBlock)==null?void 0:j.id}-${n}`)})]}):null,r.jsx(v,{blocks:u().blocks,parent:(y=e.builderBlock)==null?void 0:y.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(q=e.builderContext)==null?void 0:q.BlocksWrapperProps,"data-variant-id":`${(I=e.builderBlock)==null?void 0:I.id}-${u().index}`},children:h?r.jsx(C,{nonce:((D=e.builderContext)==null?void 0:D.nonce)||"",scriptStr:x,id:`variants-script-${(_=e.builderBlock)==null?void 0:_.id}-${s.DEFAULT_INDEX}`}):null})]}):null]})}module.exports=X;

package/lib/browser/blocks/personalization-container/personalization-container.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as m, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { jsxs as f, jsx as l, Fragment as j } from "react/jsx-runtime";
 import { useRef as Q, useState as c, useEffect as z } from "react";
-import f from "../../components/blocks/blocks.mjs";
-import k from "../../components/inlined-script.mjs";
+import k from "../../components/blocks/blocks.mjs";
+import v from "../../components/inlined-script.mjs";
 import X from "../../components/inlined-styles.mjs";
-import { TARGET as v } from "../../constants/target.mjs";
+import { TARGET as b } from "../../constants/target.mjs";
 import { getClassPropName as N } from "../../functions/get-class-prop-name.mjs";
 import { isEditing as J } from "../../functions/is-editing.mjs";
 import { isPreviewing as M } from "../../functions/is-previewing.mjs";
@@ -13,8 +13,8 @@ import { userAttributesService as O } from "../../helpers/user-attributes.mjs";
 import { getPersonalizationScript as Z, getUpdateVisibilityStylesScript as p, checkShouldRenderVariants as tt, DEFAULT_INDEX as C, SDKS_REQUIRING_RESET_APPROACH as h, getBlocksToRender as et } from "./helpers.mjs";
 import { filterWithCustomTargeting as it } from "./helpers/inlined-fns.mjs";
 function xt(t) {
-  var $, y, E, R, P, V, A, I, T, U, D, W, w;
-  const a = Q(null), [F, G] = c(
+  var $, y, E, R, P, V, I, A, T, U, w, D, W;
+  const a = Q(null), [q, F] = c(
     () => O.getUserAttributes()
   ), [S, nt] = c(
     () => {
@@ -25,7 +25,7 @@ function xt(t) {
         (i = (n = t.builderContext) == null ? void 0 : n.rootState) == null ? void 0 : i.locale
       );
     }
-  ), [H, rt] = c(
+  ), [G, rt] = c(
     () => {
       var e, n, i;
       return p(
@@ -42,8 +42,8 @@ function xt(t) {
         Y((e = t.builderContext) == null ? void 0 : e.canTrack)
       );
     }
-  ), [b, L] = c(() => !1);
-  function q() {
+  ), [m, H] = c(() => !1);
+  function L() {
     return {
       ...t.attributes,
       [N()]: `builder-personalization-container ${t.attributes[N()] || ""}`
@@ -57,7 +57,7 @@ function xt(t) {
           ...(i = (n = t.builderContext) == null ? void 0 : n.rootState) != null && i.locale ? {
             locale: (r = (d = t.builderContext) == null ? void 0 : d.rootState) == null ? void 0 : r.locale
           } : {},
-          ...F
+          ...q
         },
         e.query,
         e.startDate,
@@ -70,7 +70,7 @@ function xt(t) {
     return et({
       variants: t.variants,
       fallbackBlocks: (e = t.builderBlock) == null ? void 0 : e.children,
-      isHydrated: b,
+      isHydrated: m,
       filteredVariants: g(),
       previewingIndex: t.previewingIndex
     });
@@ -85,10 +85,13 @@ function xt(t) {
   }
   return z(() => {
     var n;
-    L(!0);
+    H(!0);
     const e = O.subscribeOnUserAttributesChange(
       (i) => {
-        G(i);
+        F(i);
+      },
+      {
+        fireImmediately: b === "qwik"
       }
     );
     if (!(J() || M())) {
@@ -119,9 +122,9 @@ function xt(t) {
     x.push(e);
   }, []), z(() => () => {
     x.forEach((e) => e());
-  }, []), /* @__PURE__ */ m("div", { ref: a, ...q(), children: [
-    b && h.includes(v) ? /* @__PURE__ */ l(
-      f,
+  }, []), /* @__PURE__ */ f("div", { ref: a, ...L(), children: [
+    m && h.includes(b) ? /* @__PURE__ */ l(
+      k,
       {
         blocks: o().blocks,
         parent: ($ = t.builderBlock) == null ? void 0 : $.id,
@@ -134,8 +137,8 @@ function xt(t) {
         }
       }
     ) : null,
-    !b && h.includes(v) || !h.includes(v) ? /* @__PURE__ */ m(j, { children: [
-      B ? /* @__PURE__ */ m(j, { children: [
+    !m && h.includes(b) || !h.includes(b) ? /* @__PURE__ */ f(j, { children: [
+      B ? /* @__PURE__ */ f(j, { children: [
         /* @__PURE__ */ l(
           X,
           {
@@ -145,17 +148,17 @@ function xt(t) {
           }
         ),
         /* @__PURE__ */ l(
-          k,
+          v,
           {
             nonce: ((V = t.builderContext) == null ? void 0 : V.nonce) || "",
-            scriptStr: H,
-            id: `variants-visibility-script-${(A = t.builderBlock) == null ? void 0 : A.id}`
+            scriptStr: G,
+            id: `variants-visibility-script-${(I = t.builderBlock) == null ? void 0 : I.id}`
           }
         ),
-        (I = t.variants) == null ? void 0 : I.map((e, n) => {
+        (A = t.variants) == null ? void 0 : A.map((e, n) => {
           var i, d, r, u, s, _;
           return /* @__PURE__ */ l(
-            f,
+            k,
             {
               BlocksWrapperProps: {
                 ...(i = t.builderContext) == null ? void 0 : i.BlocksWrapperProps,
@@ -169,7 +172,7 @@ function xt(t) {
               context: t.builderContext,
               registeredComponents: t.builderComponents,
               children: /* @__PURE__ */ l(
-                k,
+                v,
                 {
                   nonce: ((u = t.builderContext) == null ? void 0 : u.nonce) || "",
                   scriptStr: S,
@@ -182,7 +185,7 @@ function xt(t) {
         })
       ] }) : null,
       /* @__PURE__ */ l(
-        f,
+        k,
         {
           blocks: o().blocks,
           parent: (T = t.builderBlock) == null ? void 0 : T.id,
@@ -191,14 +194,14 @@ function xt(t) {
           registeredComponents: t.builderComponents,
           BlocksWrapperProps: {
             ...(U = t.builderContext) == null ? void 0 : U.BlocksWrapperProps,
-            "data-variant-id": `${(D = t.builderBlock) == null ? void 0 : D.id}-${o().index}`
+            "data-variant-id": `${(w = t.builderBlock) == null ? void 0 : w.id}-${o().index}`
           },
           children: B ? /* @__PURE__ */ l(
-            k,
+            v,
             {
-              nonce: ((W = t.builderContext) == null ? void 0 : W.nonce) || "",
+              nonce: ((D = t.builderContext) == null ? void 0 : D.nonce) || "",
               scriptStr: S,
-              id: `variants-script-${(w = t.builderBlock) == null ? void 0 : w.id}-${C}`
+              id: `variants-script-${(W = t.builderBlock) == null ? void 0 : W.id}-${C}`
             }
           ) : null
         }

package/lib/browser/components/block/block.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;
+"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../helpers/user-attributes.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;

package/lib/browser/components/block/block.mjs

@@ -3,6 +3,7 @@ import { TARGET as S } from "../../constants/target.mjs";
 import { getBlockComponentOptions as P } from "../../functions/get-block-component-options.mjs";
 import { getProcessedBlock as I } from "../../functions/get-processed-block.mjs";
 import { isPreviewing as O } from "../../functions/is-previewing.mjs";
+import "../../helpers/user-attributes.mjs";
 import "../../functions/get-fetch.mjs";
 import { generateKey as x, getRepeatItemData as w, getComponent as W, provideBuilderBlock as T, provideBuilderContext as L, provideLinkComponent as U, provideRegisteredComponents as j } from "./block.helpers.mjs";
 import y from "./components/block-styles.mjs";

package/lib/browser/constants/builder-registered-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const o=require("./target.cjs");require("../functions/get-fetch.cjs");const n=require("../blocks/button/component-info.cjs"),e=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),s=require("../blocks/fragment/fragment.cjs"),m=require("../blocks/image/component-info.cjs"),i=require("../blocks/image/image.cjs"),p=require("../blocks/personalization-container/component-info.cjs"),u=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:e,...n.componentInfo},{component:r,...t.componentInfo},{component:s,...c.componentInfo},{component:i,...m.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...u.SDKS_SUPPORTING_PERSONALIZATION.includes(o.TARGET)?[{component:q,...p.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const o=require("./target.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const n=require("../blocks/button/component-info.cjs"),e=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),s=require("../blocks/fragment/fragment.cjs"),i=require("../blocks/image/component-info.cjs"),m=require("../blocks/image/image.cjs"),p=require("../blocks/personalization-container/component-info.cjs"),u=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:e,...n.componentInfo},{component:r,...t.componentInfo},{component:s,...c.componentInfo},{component:m,...i.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...u.SDKS_SUPPORTING_PERSONALIZATION.includes(o.TARGET)?[{component:q,...p.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;

package/lib/browser/constants/builder-registered-components.mjs

@@ -1,6 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import { TARGET as o } from "./target.mjs";
+import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
 import { componentInfo as n } from "../blocks/button/component-info.mjs";
 import m from "../blocks/button/button.mjs";
@@ -22,7 +23,7 @@ import g from "../blocks/symbol/symbol.mjs";
 import { componentInfo as T } from "../blocks/text/component-info.mjs";
 import u from "../blocks/text/text.mjs";
 import { getExtraComponents as P } from "./extra-components.mjs";
-const w = () => [{
+const H = () => [{
   component: m,
   ...n
 }, {
@@ -51,5 +52,5 @@ const w = () => [{
   ...c
 }] : [], ...P()];
 export {
-  w as getDefaultRegisteredComponents
+  H as getDefaultRegisteredComponents
 };

package/lib/browser/constants/extra-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../blocks/custom-code/component-info.cjs"),e=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),t=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/get-fetch.cjs");const r=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),m=require("../blocks/video/component-info.cjs"),i=require("../blocks/video/video.cjs"),p=()=>[{component:e,...o.componentInfo},{component:t,...n.componentInfo},{component:c,...r.componentInfo},{component:i,...m.componentInfo}];exports.getExtraComponents=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../blocks/custom-code/component-info.cjs"),e=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),t=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const r=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),m=require("../blocks/video/component-info.cjs"),i=require("../blocks/video/video.cjs"),u=()=>[{component:e,...o.componentInfo},{component:t,...n.componentInfo},{component:c,...r.componentInfo},{component:i,...m.componentInfo}];exports.getExtraComponents=u;

package/lib/browser/constants/extra-components.mjs

@@ -4,12 +4,13 @@ import { componentInfo as n } from "../blocks/embed/component-info.mjs";
 import t from "../blocks/embed/embed.mjs";
 import "react/jsx-runtime";
 import "react";
+import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
 import { componentInfo as p } from "../blocks/img/component-info.mjs";
 import r from "../blocks/img/img.mjs";
 import { componentInfo as e } from "../blocks/video/component-info.mjs";
 import f from "../blocks/video/video.mjs";
-const b = () => [{
+const u = () => [{
   component: m,
   ...o
 }, {
@@ -23,5 +24,5 @@ const b = () => [{
   ...e
 }];
 export {
-  b as getExtraComponents
+  u as getExtraComponents
 };

package/lib/browser/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.18.13";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.18.15";exports.SDK_VERSION=e;

package/lib/browser/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.18.13";
+const o = "0.18.15";
 export {
   o as SDK_VERSION
 };

package/lib/browser/helpers/no-serialize-wrapper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e}exports.noSerializeWrapper=r;

package/lib/browser/helpers/no-serialize-wrapper.mjs

@@ -0,0 +1,6 @@
+function e(r) {
+  return r;
+}
+export {
+  e as noSerializeWrapper
+};

package/lib/browser/helpers/user-attributes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../functions/is-browser.cjs"),n=require("./cookie.cjs"),s="builder.userAttributes";function c(){let t=!0;const r=new Set;return{setUserAttributes(e){if(!u.isBrowser())return;const i={...this.getUserAttributes(),...e};n.setCookie({name:s,value:JSON.stringify(i),canTrack:t}),r.forEach(b=>b(i))},getUserAttributes(){return u.isBrowser()?JSON.parse(n.getCookieSync({name:s,canTrack:t})||"{}"):{}},subscribeOnUserAttributesChange(e){return r.add(e),()=>{r.delete(e)}},setCanTrack(e){t=e}}}const o=c(),A=t=>{o.setUserAttributes(t)};exports.USER_ATTRIBUTES_COOKIE_NAME=s;exports.createUserAttributesService=c;exports.setClientUserAttributes=A;exports.userAttributesService=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../constants/target.cjs"),i=require("../functions/is-browser.cjs"),_=require("./cookie.cjs"),A=require("./no-serialize-wrapper.cjs"),u="builder.userAttributes";function n(){let t=!0;const s=new Set;return{setUserAttributes(e){if(!i.isBrowser())return;const r={...this.getUserAttributes(),...e};_.setCookie({name:u,value:JSON.stringify(r),canTrack:t}),s.forEach(E=>E(r))},getUserAttributes(){return i.isBrowser()?JSON.parse(_.getCookieSync({name:u,canTrack:t})||"{}"):{}},subscribeOnUserAttributesChange(e,{fireImmediately:r}={}){return s.add(e),r&&e(this.getUserAttributes()),A.noSerializeWrapper(function(){s.delete(e)})},setCanTrack(e){t=e}}}let o;i.isBrowser()&&c.TARGET==="qwik"?(window.__BUILDER_USER_ATTRIBUTES_SERVICE__||(window.__BUILDER_USER_ATTRIBUTES_SERVICE__=n()),o=window.__BUILDER_USER_ATTRIBUTES_SERVICE__):o=n();const S=o,U=t=>{S.setUserAttributes(t)};exports.USER_ATTRIBUTES_COOKIE_NAME=u;exports.createUserAttributesService=n;exports.setClientUserAttributes=U;exports.userAttributesService=S;

package/lib/browser/helpers/user-attributes.mjs

@@ -1,45 +1,51 @@
+import { TARGET as E } from "../constants/target.mjs";
 import { isBrowser as i } from "../functions/is-browser.mjs";
-import { setCookie as o, getCookieSync as b } from "./cookie.mjs";
+import { setCookie as S, getCookieSync as U } from "./cookie.mjs";
+import { noSerializeWrapper as A } from "./no-serialize-wrapper.mjs";
 const u = "builder.userAttributes";
-function c() {
-  let e = !0;
-  const r = /* @__PURE__ */ new Set();
+function o() {
+  let t = !0;
+  const s = /* @__PURE__ */ new Set();
   return {
-    setUserAttributes(t) {
+    setUserAttributes(e) {
       if (!i())
         return;
-      const s = {
+      const r = {
         ...this.getUserAttributes(),
-        ...t
+        ...e
       };
-      o({
+      S({
         name: u,
-        value: JSON.stringify(s),
-        canTrack: e
-      }), r.forEach((n) => n(s));
+        value: JSON.stringify(r),
+        canTrack: t
+      }), s.forEach((_) => _(r));
     },
     getUserAttributes() {
-      return i() ? JSON.parse(b({
+      return i() ? JSON.parse(U({
         name: u,
-        canTrack: e
+        canTrack: t
       }) || "{}") : {};
     },
-    subscribeOnUserAttributesChange(t) {
-      return r.add(t), () => {
-        r.delete(t);
-      };
+    subscribeOnUserAttributesChange(e, {
+      fireImmediately: r
+    } = {}) {
+      return s.add(e), r && e(this.getUserAttributes()), A(function() {
+        s.delete(e);
+      });
     },
-    setCanTrack(t) {
-      e = t;
+    setCanTrack(e) {
+      t = e;
     }
   };
 }
-const A = c(), S = (e) => {
-  A.setUserAttributes(e);
+let n;
+i() && E === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = o()), n = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : n = o();
+const T = n, I = (t) => {
+  T.setUserAttributes(t);
 };
 export {
   u as USER_ATTRIBUTES_COOKIE_NAME,
-  c as createUserAttributesService,
-  S as setClientUserAttributes,
-  A as userAttributesService
+  o as createUserAttributesService,
+  I as setClientUserAttributes,
+  T as userAttributesService
 };

package/lib/edge/blocks/personalization-container/helpers.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../constants/target.cjs"),_=require("../../functions/is-browser.cjs"),N=require("../../functions/is-editing.cjs"),r=require("./helpers/inlined-fns.cjs"),u="default",g="filterWithCustomTargeting",R="builderIoPersonalization",E="updateVisibilityStylesScript",l=["react","vue","svelte"],P=["vue","svelte"];function d(t,i){return!(t&&t.length>0)||!i?!1:P.includes(c.TARGET)?!0:!_.isBrowser()}function $({variants:t,previewingIndex:i,isHydrated:n,filteredVariants:o,fallbackBlocks:s}){var I;const T={blocks:s!=null?s:[],path:"this.children",index:u};if(n&&N.isEditing()){if(typeof i=="number"&&i<((I=t==null?void 0:t.length)!=null?I:0)){const e=t==null?void 0:t[i];if(e)return{blocks:e.blocks,path:`variants.${i}.blocks`,index:i}}return T}if(_.isBrowser()){const e=o==null?void 0:o[0];if(e&&t){const S=t.indexOf(e);if(S!==-1)return{blocks:e.blocks,path:`variants.${S}.blocks`,index:S}}}return T}const O=()=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../constants/target.cjs"),_=require("../../functions/is-browser.cjs"),N=require("../../functions/is-editing.cjs"),r=require("./helpers/inlined-fns.cjs"),u="default",g="filterWithCustomTargeting",R="builderIoPersonalization",E="updateVisibilityStylesScript",l=["react","vue","svelte","qwik"],P=["vue","svelte","qwik"];function d(t,i){return!(t&&t.length>0)||!i?!1:P.includes(c.TARGET)?!0:!_.isBrowser()}function $({variants:t,previewingIndex:i,isHydrated:n,filteredVariants:o,fallbackBlocks:s}){var I;const T={blocks:s!=null?s:[],path:"this.children",index:u};if(n&&N.isEditing()){if(typeof i=="number"&&i<((I=t==null?void 0:t.length)!=null?I:0)){const e=t==null?void 0:t[i];if(e)return{blocks:e.blocks,path:`variants.${i}.blocks`,index:i}}return T}if(_.isBrowser()){const e=o==null?void 0:o[0];if(e&&t){const S=t.indexOf(e);if(S!==-1)return{blocks:e.blocks,path:`variants.${S}.blocks`,index:S}}}return T}const O=()=>`
   window.${g} = ${r.FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
   window.${R} = ${r.PERSONALIZATION_SCRIPT}
   window.${E} = ${r.UPDATE_VISIBILITY_STYLES_SCRIPT}

package/lib/edge/blocks/personalization-container/helpers.mjs

@@ -3,14 +3,14 @@ import { isBrowser as _ } from "../../functions/is-browser.mjs";
 import { isEditing as E } from "../../functions/is-editing.mjs";
 import { FILTER_WITH_CUSTOM_TARGETING_SCRIPT as f, PERSONALIZATION_SCRIPT as N, UPDATE_VISIBILITY_STYLES_SCRIPT as $ } from "./helpers/inlined-fns.mjs";
 import { filterWithCustomTargeting as D } from "./helpers/inlined-fns.mjs";
-const A = "default", P = "filterWithCustomTargeting", c = "builderIoPersonalization", u = "updateVisibilityStylesScript", p = ["react", "vue", "svelte"], O = ["vue", "svelte"];
+const A = "default", P = "filterWithCustomTargeting", c = "builderIoPersonalization", u = "updateVisibilityStylesScript", p = ["react", "vue", "svelte", "qwik"], O = ["vue", "svelte", "qwik"];
 function l(t, n) {
   return !(t && t.length > 0) || !n ? !1 : O.includes(S) ? !0 : !_();
 }
 function C({
   variants: t,
   previewingIndex: n,
-  isHydrated: o,
+  isHydrated: i,
   filteredVariants: r,
   fallbackBlocks: e
 }) {
@@ -20,12 +20,12 @@ function C({
     path: "this.children",
     index: A
   };
-  if (o && E()) {
+  if (i && E()) {
     if (typeof n == "number" && n < ((I = t == null ? void 0 : t.length) != null ? I : 0)) {
-      const i = t == null ? void 0 : t[n];
-      if (i)
+      const o = t == null ? void 0 : t[n];
+      if (o)
         return {
-          blocks: i.blocks,
+          blocks: o.blocks,
           path: `variants.${n}.blocks`,
           index: n
         };
@@ -33,12 +33,12 @@ function C({
     return T;
   }
   if (_()) {
-    const i = r == null ? void 0 : r[0];
-    if (i && t) {
-      const s = t.indexOf(i);
+    const o = r == null ? void 0 : r[0];
+    if (o && t) {
+      const s = t.indexOf(o);
       if (s !== -1)
         return {
-          blocks: i.blocks,
+          blocks: o.blocks,
           path: `variants.${s}.blocks`,
           index: s
         };
@@ -46,11 +46,11 @@ function C({
   }
   return T;
 }
-const L = () => `
+const w = () => `
   window.${P} = ${f}
   window.${c} = ${N}
   window.${u} = ${$}
-  `, R = S === "react", U = (t, n, o) => `window.${c}(${JSON.stringify(t)}, "${n}", ${R}${o ? `, "${o}"` : ""})`, b = (t, n, o) => `window.${u}(${JSON.stringify(t)}, "${n}", ${R}${o ? `, "${o}"` : ""})`;
+  `, R = S === "react", L = (t, n, i) => `window.${c}(${JSON.stringify(t)}, "${n}", ${R}${i ? `, "${i}"` : ""})`, U = (t, n, i) => `window.${u}(${JSON.stringify(t)}, "${n}", ${R}${i ? `, "${i}"` : ""})`;
 export {
   A as DEFAULT_INDEX,
   O as SDKS_REQUIRING_RESET_APPROACH,
@@ -58,7 +58,7 @@ export {
   l as checkShouldRenderVariants,
   D as filterWithCustomTargeting,
   C as getBlocksToRender,
-  L as getInitPersonalizationVariantsFnsScriptString,
-  U as getPersonalizationScript,
-  b as getUpdateVisibilityStylesScript
+  w as getInitPersonalizationVariantsFnsScriptString,
+  L as getPersonalizationScript,
+  U as getUpdateVisibilityStylesScript
 };

package/lib/edge/blocks/personalization-container/personalization-container.cjs

@@ -1 +1 @@
-"use client";"use strict";const r=require("react/jsx-runtime"),a=require("react"),k=require("../../components/blocks/blocks.cjs"),v=require("../../components/inlined-script.cjs"),H=require("../../components/inlined-styles.cjs"),C=require("../../constants/target.cjs"),U=require("../../functions/get-class-prop-name.cjs"),L=require("../../functions/is-editing.cjs"),z=require("../../functions/is-previewing.cjs"),K=require("../../helpers/canTrack.cjs"),V=require("../../helpers/user-attributes.cjs"),s=require("./helpers.cjs"),Q=require("./helpers/inlined-fns.cjs");function X(e){var g,f,B,m,A,P,$,T,y,q,D,I,_;const c=a.useRef(null),[N,w]=a.useState(()=>V.userAttributesService.getUserAttributes()),[x,J]=a.useState(()=>{var t,n,i;return s.getPersonalizationScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[W,M]=a.useState(()=>{var t,n,i;return s.getUpdateVisibilityStylesScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[h,Y]=a.useState(()=>[]),[E,Z]=a.useState(()=>{var t;return s.checkShouldRenderVariants(e.variants,K.getDefaultCanTrack((t=e.builderContext)==null?void 0:t.canTrack))}),[S,F]=a.useState(()=>!1);function G(){return{...e.attributes,[U.getClassPropName()]:`builder-personalization-container ${e.attributes[U.getClassPropName()]||""}`}}function R(){return(e.variants||[]).filter(t=>{var n,i,o,l;return Q.filterWithCustomTargeting({...(i=(n=e.builderContext)==null?void 0:n.rootState)!=null&&i.locale?{locale:(l=(o=e.builderContext)==null?void 0:o.rootState)==null?void 0:l.locale}:{},...N},t.query,t.startDate,t.endDate)})}function u(){var t;return s.getBlocksToRender({variants:e.variants,fallbackBlocks:(t=e.builderBlock)==null?void 0:t.children,isHydrated:S,filteredVariants:R(),previewingIndex:e.previewingIndex})}function O(){return(e.variants||[]).map((t,n)=>{var i;return`div[data-variant-id="${(i=e.builderBlock)==null?void 0:i.id}-${n}"] { display: none !important; } `}).join("")}return a.useEffect(()=>{var n;F(!0);const t=V.userAttributesService.subscribeOnUserAttributesChange(i=>{w(i)});if(!(L.isEditing()||z.isPreviewing())){const i=R()[0];c.current&&(c.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:i||s.DEFAULT_INDEX,content:(n=e.builderContext)==null?void 0:n.content},bubbles:!0})),new IntersectionObserver(l=>{l.forEach(b=>{var d;b.isIntersecting&&c.current&&c.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:i||s.DEFAULT_INDEX,content:(d=e.builderContext)==null?void 0:d.content},bubbles:!0}))})}).observe(c.current))}h.push(t)},[]),a.useEffect(()=>()=>{h.forEach(t=>t())},[]),r.jsxs("div",{ref:c,...G(),children:[S&&s.SDKS_REQUIRING_RESET_APPROACH.includes(C.TARGET)?r.jsx(k,{blocks:u().blocks,parent:(g=e.builderBlock)==null?void 0:g.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(f=e.builderContext)==null?void 0:f.BlocksWrapperProps,"data-variant-id":`${(B=e.builderBlock)==null?void 0:B.id}-${u().index}`}}):null,!S&&s.SDKS_REQUIRING_RESET_APPROACH.includes(C.TARGET)||!s.SDKS_REQUIRING_RESET_APPROACH.includes(C.TARGET)?r.jsxs(r.Fragment,{children:[E?r.jsxs(r.Fragment,{children:[r.jsx(H,{nonce:((m=e.builderContext)==null?void 0:m.nonce)||"",styles:O(),id:`variants-styles-${(A=e.builderBlock)==null?void 0:A.id}`}),r.jsx(v,{nonce:((P=e.builderContext)==null?void 0:P.nonce)||"",scriptStr:W,id:`variants-visibility-script-${($=e.builderBlock)==null?void 0:$.id}`}),(T=e.variants)==null?void 0:T.map((t,n)=>{var i,o,l,b,d,j;return r.jsx(k,{BlocksWrapperProps:{...(i=e.builderContext)==null?void 0:i.BlocksWrapperProps,"aria-hidden":!0,hidden:!0,"data-variant-id":`${(o=e.builderBlock)==null?void 0:o.id}-${n}`},blocks:t.blocks,parent:(l=e.builderBlock)==null?void 0:l.id,path:`component.options.variants.${n}.blocks`,context:e.builderContext,registeredComponents:e.builderComponents,children:r.jsx(v,{nonce:((b=e.builderContext)==null?void 0:b.nonce)||"",scriptStr:x,id:`variants-script-${(d=e.builderBlock)==null?void 0:d.id}-${n}`})},`${(j=e.builderBlock)==null?void 0:j.id}-${n}`)})]}):null,r.jsx(k,{blocks:u().blocks,parent:(y=e.builderBlock)==null?void 0:y.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(q=e.builderContext)==null?void 0:q.BlocksWrapperProps,"data-variant-id":`${(D=e.builderBlock)==null?void 0:D.id}-${u().index}`},children:E?r.jsx(v,{nonce:((I=e.builderContext)==null?void 0:I.nonce)||"",scriptStr:x,id:`variants-script-${(_=e.builderBlock)==null?void 0:_.id}-${s.DEFAULT_INDEX}`}):null})]}):null]})}module.exports=X;
+"use client";"use strict";const r=require("react/jsx-runtime"),a=require("react"),v=require("../../components/blocks/blocks.cjs"),C=require("../../components/inlined-script.cjs"),H=require("../../components/inlined-styles.cjs"),S=require("../../constants/target.cjs"),U=require("../../functions/get-class-prop-name.cjs"),L=require("../../functions/is-editing.cjs"),z=require("../../functions/is-previewing.cjs"),K=require("../../helpers/canTrack.cjs"),V=require("../../helpers/user-attributes.cjs"),s=require("./helpers.cjs"),Q=require("./helpers/inlined-fns.cjs");function X(e){var f,g,B,m,A,T,P,$,y,q,I,D,_;const c=a.useRef(null),[N,w]=a.useState(()=>V.userAttributesService.getUserAttributes()),[x,J]=a.useState(()=>{var t,n,i;return s.getPersonalizationScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[G,M]=a.useState(()=>{var t,n,i;return s.getUpdateVisibilityStylesScript(e.variants,((t=e.builderBlock)==null?void 0:t.id)||"none",(i=(n=e.builderContext)==null?void 0:n.rootState)==null?void 0:i.locale)}),[E,Y]=a.useState(()=>[]),[h,Z]=a.useState(()=>{var t;return s.checkShouldRenderVariants(e.variants,K.getDefaultCanTrack((t=e.builderContext)==null?void 0:t.canTrack))}),[k,W]=a.useState(()=>!1);function F(){return{...e.attributes,[U.getClassPropName()]:`builder-personalization-container ${e.attributes[U.getClassPropName()]||""}`}}function R(){return(e.variants||[]).filter(t=>{var n,i,o,l;return Q.filterWithCustomTargeting({...(i=(n=e.builderContext)==null?void 0:n.rootState)!=null&&i.locale?{locale:(l=(o=e.builderContext)==null?void 0:o.rootState)==null?void 0:l.locale}:{},...N},t.query,t.startDate,t.endDate)})}function u(){var t;return s.getBlocksToRender({variants:e.variants,fallbackBlocks:(t=e.builderBlock)==null?void 0:t.children,isHydrated:k,filteredVariants:R(),previewingIndex:e.previewingIndex})}function O(){return(e.variants||[]).map((t,n)=>{var i;return`div[data-variant-id="${(i=e.builderBlock)==null?void 0:i.id}-${n}"] { display: none !important; } `}).join("")}return a.useEffect(()=>{var n;W(!0);const t=V.userAttributesService.subscribeOnUserAttributesChange(i=>{w(i)},{fireImmediately:S.TARGET==="qwik"});if(!(L.isEditing()||z.isPreviewing())){const i=R()[0];c.current&&(c.current.dispatchEvent(new CustomEvent("builder.variantLoaded",{detail:{variant:i||s.DEFAULT_INDEX,content:(n=e.builderContext)==null?void 0:n.content},bubbles:!0})),new IntersectionObserver(l=>{l.forEach(b=>{var d;b.isIntersecting&&c.current&&c.current.dispatchEvent(new CustomEvent("builder.variantDisplayed",{detail:{variant:i||s.DEFAULT_INDEX,content:(d=e.builderContext)==null?void 0:d.content},bubbles:!0}))})}).observe(c.current))}E.push(t)},[]),a.useEffect(()=>()=>{E.forEach(t=>t())},[]),r.jsxs("div",{ref:c,...F(),children:[k&&s.SDKS_REQUIRING_RESET_APPROACH.includes(S.TARGET)?r.jsx(v,{blocks:u().blocks,parent:(f=e.builderBlock)==null?void 0:f.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(g=e.builderContext)==null?void 0:g.BlocksWrapperProps,"data-variant-id":`${(B=e.builderBlock)==null?void 0:B.id}-${u().index}`}}):null,!k&&s.SDKS_REQUIRING_RESET_APPROACH.includes(S.TARGET)||!s.SDKS_REQUIRING_RESET_APPROACH.includes(S.TARGET)?r.jsxs(r.Fragment,{children:[h?r.jsxs(r.Fragment,{children:[r.jsx(H,{nonce:((m=e.builderContext)==null?void 0:m.nonce)||"",styles:O(),id:`variants-styles-${(A=e.builderBlock)==null?void 0:A.id}`}),r.jsx(C,{nonce:((T=e.builderContext)==null?void 0:T.nonce)||"",scriptStr:G,id:`variants-visibility-script-${(P=e.builderBlock)==null?void 0:P.id}`}),($=e.variants)==null?void 0:$.map((t,n)=>{var i,o,l,b,d,j;return r.jsx(v,{BlocksWrapperProps:{...(i=e.builderContext)==null?void 0:i.BlocksWrapperProps,"aria-hidden":!0,hidden:!0,"data-variant-id":`${(o=e.builderBlock)==null?void 0:o.id}-${n}`},blocks:t.blocks,parent:(l=e.builderBlock)==null?void 0:l.id,path:`component.options.variants.${n}.blocks`,context:e.builderContext,registeredComponents:e.builderComponents,children:r.jsx(C,{nonce:((b=e.builderContext)==null?void 0:b.nonce)||"",scriptStr:x,id:`variants-script-${(d=e.builderBlock)==null?void 0:d.id}-${n}`})},`${(j=e.builderBlock)==null?void 0:j.id}-${n}`)})]}):null,r.jsx(v,{blocks:u().blocks,parent:(y=e.builderBlock)==null?void 0:y.id,path:u().path,context:e.builderContext,registeredComponents:e.builderComponents,BlocksWrapperProps:{...(q=e.builderContext)==null?void 0:q.BlocksWrapperProps,"data-variant-id":`${(I=e.builderBlock)==null?void 0:I.id}-${u().index}`},children:h?r.jsx(C,{nonce:((D=e.builderContext)==null?void 0:D.nonce)||"",scriptStr:x,id:`variants-script-${(_=e.builderBlock)==null?void 0:_.id}-${s.DEFAULT_INDEX}`}):null})]}):null]})}module.exports=X;