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

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

@@ -0,0 +1,225 @@
+function m(l, f, y, p) {
+  function o(r) {
+    return typeof r == "string";
+  }
+  function a(r) {
+    return typeof r == "number";
+  }
+  function c(r, n) {
+    return (() => {
+      const u = n.property, s = n.operator;
+      let e = n.value;
+      if (n && n.property === "urlPath" && n.value && typeof n.value == "string" && n.value !== "/" && n.value.endsWith("/") && (e = n.value.slice(0, -1)), !(u && s))
+        return !0;
+      if (Array.isArray(e))
+        return s === "isNot" ? e.every((v) => c(r, {
+          property: u,
+          operator: s,
+          value: v
+        })) : !!e.find((v) => c(r, {
+          property: u,
+          operator: s,
+          value: v
+        }));
+      const t = r[u];
+      if (Array.isArray(t))
+        return t.includes(e);
+      switch (s) {
+        case "is":
+          return t === e;
+        case "isNot":
+          return t !== e;
+        case "contains":
+          return (o(t) || Array.isArray(t)) && t.includes(String(e));
+        case "startsWith":
+          return o(t) && t.startsWith(String(e));
+        case "endsWith":
+          return o(t) && t.endsWith(String(e));
+        case "greaterThan":
+          return a(t) && a(e) && t > e;
+        case "lessThan":
+          return a(t) && a(e) && t < e;
+        case "greaterThanOrEqualTo":
+          return a(t) && a(e) && t >= e;
+        case "lessThanOrEqualTo":
+          return a(t) && a(e) && t <= e;
+        default:
+          return !1;
+      }
+    })();
+  }
+  const i = {
+    query: f,
+    startDate: y,
+    endDate: p
+  }, d = l.date && new Date(l.date) || /* @__PURE__ */ new Date();
+  return i.startDate && new Date(i.startDate) > d || i.endDate && new Date(i.endDate) < d ? !1 : !i.query || !i.query.length ? !0 : i.query.every((r) => c(l, r));
+}
+const b = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+  if (!navigator.cookieEnabled) {
+    return;
+  }
+  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 attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');
+  if (locale) {
+    attributes.locale = locale;
+  }
+  const winningVariantIndex = variants?.findIndex(function (variant) {
+    return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
+  });
+  const parentDiv = document.currentScript?.parentElement;
+  const variantId = parentDiv?.getAttribute('data-variant-id');
+  const isDefaultVariant = variantId === \`\${blockId}-default\`;
+  const isWinningVariant = winningVariantIndex !== -1 && variantId === \`\${blockId}-\${winningVariantIndex}\` || winningVariantIndex === -1 && isDefaultVariant;
+  if (isWinningVariant && !isDefaultVariant) {
+    parentDiv?.removeAttribute('hidden');
+    parentDiv?.removeAttribute('aria-hidden');
+  } else if (!isWinningVariant && isDefaultVariant) {
+    parentDiv?.setAttribute('hidden', 'true');
+    parentDiv?.setAttribute('aria-hidden', 'true');
+  }
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      const itsStyleEl = parentDiv?.previousElementSibling;
+      if (itsStyleEl) {
+        itsStyleEl.remove();
+      }
+      parentDiv?.remove();
+    }
+    const thisScript = document.currentScript;
+    if (thisScript) {
+      thisScript.remove();
+    }
+  }
+}`, h = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+  function isString(val) {
+    return typeof val === 'string';
+  }
+  function isNumber(val) {
+    return typeof val === 'number';
+  }
+  function objectMatchesQuery(userattr, query) {
+    const result = (() => {
+      const property = query.property;
+      const operator = query.operator;
+      let testValue = query.value;
+      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {
+        testValue = query.value.slice(0, -1);
+      }
+      if (!(property && operator)) {
+        return true;
+      }
+      if (Array.isArray(testValue)) {
+        if (operator === 'isNot') {
+          return testValue.every(val => objectMatchesQuery(userattr, {
+            property,
+            operator,
+            value: val
+          }));
+        }
+        return !!testValue.find(val => objectMatchesQuery(userattr, {
+          property,
+          operator,
+          value: val
+        }));
+      }
+      const value = userattr[property];
+      if (Array.isArray(value)) {
+        return value.includes(testValue);
+      }
+      switch (operator) {
+        case 'is':
+          return value === testValue;
+        case 'isNot':
+          return value !== testValue;
+        case 'contains':
+          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
+        case 'startsWith':
+          return isString(value) && value.startsWith(String(testValue));
+        case 'endsWith':
+          return isString(value) && value.endsWith(String(testValue));
+        case 'greaterThan':
+          return isNumber(value) && isNumber(testValue) && value > testValue;
+        case 'lessThan':
+          return isNumber(value) && isNumber(testValue) && value < testValue;
+        case 'greaterThanOrEqualTo':
+          return isNumber(value) && isNumber(testValue) && value >= testValue;
+        case 'lessThanOrEqualTo':
+          return isNumber(value) && isNumber(testValue) && value <= testValue;
+        default:
+          return false;
+      }
+    })();
+    return result;
+  }
+  const item = {
+    query,
+    startDate,
+    endDate
+  };
+  const now = userAttributes.date && new Date(userAttributes.date) || new Date();
+  if (item.startDate && new Date(item.startDate) > now) {
+    return false;
+  } else if (item.endDate && new Date(item.endDate) < now) {
+    return false;
+  }
+  if (!item.query || !item.query.length) {
+    return true;
+  }
+  return item.query.every(filter => {
+    return objectMatchesQuery(userAttributes, filter);
+  });
+}`, S = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+  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.currentScript?.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?.findIndex(function (variant) {
+      return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
+    });
+    if (winningVariantIndex !== -1) {
+      let newStyleStr = 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 {
+  h as FILTER_WITH_CUSTOM_TARGETING_SCRIPT,
+  b as PERSONALIZATION_SCRIPT,
+  S as UPDATE_VISIBILITY_STYLES_SCRIPT,
+  m as filterWithCustomTargeting
+};

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

@@ -0,0 +1,5 @@
+"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=()=>`
+  window.${g} = ${r.FILTER_WITH_CUSTOM_TARGETING_SCRIPT}
+  window.${R} = ${r.PERSONALIZATION_SCRIPT}
+  window.${E} = ${r.UPDATE_VISIBILITY_STYLES_SCRIPT}
+  `,A=c.TARGET==="react",f=(t,i,n)=>`window.${R}(${JSON.stringify(t)}, "${i}", ${A}${n?`, "${n}"`:""})`,h=(t,i,n)=>`window.${E}(${JSON.stringify(t)}, "${i}", ${A}${n?`, "${n}"`:""})`;exports.filterWithCustomTargeting=r.filterWithCustomTargeting;exports.DEFAULT_INDEX=u;exports.SDKS_REQUIRING_RESET_APPROACH=P;exports.SDKS_SUPPORTING_PERSONALIZATION=l;exports.checkShouldRenderVariants=d;exports.getBlocksToRender=$;exports.getInitPersonalizationVariantsFnsScriptString=O;exports.getPersonalizationScript=f;exports.getUpdateVisibilityStylesScript=h;

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

@@ -0,0 +1,64 @@
+import { TARGET as S } from "../../constants/target.mjs";
+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"];
+function l(t, n) {
+  return !(t && t.length > 0) || !n ? !1 : O.includes(S) ? !0 : !_();
+}
+function C({
+  variants: t,
+  previewingIndex: n,
+  isHydrated: o,
+  filteredVariants: r,
+  fallbackBlocks: e
+}) {
+  var I;
+  const T = {
+    blocks: e != null ? e : [],
+    path: "this.children",
+    index: A
+  };
+  if (o && 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)
+        return {
+          blocks: i.blocks,
+          path: `variants.${n}.blocks`,
+          index: n
+        };
+    }
+    return T;
+  }
+  if (_()) {
+    const i = r == null ? void 0 : r[0];
+    if (i && t) {
+      const s = t.indexOf(i);
+      if (s !== -1)
+        return {
+          blocks: i.blocks,
+          path: `variants.${s}.blocks`,
+          index: s
+        };
+    }
+  }
+  return T;
+}
+const L = () => `
+  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}"` : ""})`;
+export {
+  A as DEFAULT_INDEX,
+  O as SDKS_REQUIRING_RESET_APPROACH,
+  p as SDKS_SUPPORTING_PERSONALIZATION,
+  l as checkShouldRenderVariants,
+  D as filterWithCustomTargeting,
+  C as getBlocksToRender,
+  L as getInitPersonalizationVariantsFnsScriptString,
+  U as getPersonalizationScript,
+  b as getUpdateVisibilityStylesScript
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,211 @@
+"use client";
+import { jsxs as m, 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 X from "../../components/inlined-styles.mjs";
+import { TARGET as v } 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";
+import { getDefaultCanTrack as Y } from "../../helpers/canTrack.mjs";
+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(
+    () => O.getUserAttributes()
+  ), [S, nt] = c(
+    () => {
+      var e, n, i;
+      return Z(
+        t.variants,
+        ((e = t.builderBlock) == null ? void 0 : e.id) || "none",
+        (i = (n = t.builderContext) == null ? void 0 : n.rootState) == null ? void 0 : i.locale
+      );
+    }
+  ), [H, rt] = c(
+    () => {
+      var e, n, i;
+      return p(
+        t.variants,
+        ((e = t.builderBlock) == null ? void 0 : e.id) || "none",
+        (i = (n = t.builderContext) == null ? void 0 : n.rootState) == null ? void 0 : i.locale
+      );
+    }
+  ), [x, lt] = c(() => []), [B, at] = c(
+    () => {
+      var e;
+      return tt(
+        t.variants,
+        Y((e = t.builderContext) == null ? void 0 : e.canTrack)
+      );
+    }
+  ), [b, L] = c(() => !1);
+  function q() {
+    return {
+      ...t.attributes,
+      [N()]: `builder-personalization-container ${t.attributes[N()] || ""}`
+    };
+  }
+  function g() {
+    return (t.variants || []).filter((e) => {
+      var n, i, d, r;
+      return it(
+        {
+          ...(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
+        },
+        e.query,
+        e.startDate,
+        e.endDate
+      );
+    });
+  }
+  function o() {
+    var e;
+    return et({
+      variants: t.variants,
+      fallbackBlocks: (e = t.builderBlock) == null ? void 0 : e.children,
+      isHydrated: b,
+      filteredVariants: g(),
+      previewingIndex: t.previewingIndex
+    });
+  }
+  function K() {
+    return (t.variants || []).map(
+      (e, n) => {
+        var i;
+        return `div[data-variant-id="${(i = t.builderBlock) == null ? void 0 : i.id}-${n}"] { display: none !important; } `;
+      }
+    ).join("");
+  }
+  return z(() => {
+    var n;
+    L(!0);
+    const e = O.subscribeOnUserAttributesChange(
+      (i) => {
+        G(i);
+      }
+    );
+    if (!(J() || M())) {
+      const i = g()[0];
+      a.current && (a.current.dispatchEvent(
+        new CustomEvent("builder.variantLoaded", {
+          detail: {
+            variant: i || C,
+            content: (n = t.builderContext) == null ? void 0 : n.content
+          },
+          bubbles: !0
+        })
+      ), new IntersectionObserver((r) => {
+        r.forEach((u) => {
+          var s;
+          u.isIntersecting && a.current && a.current.dispatchEvent(
+            new CustomEvent("builder.variantDisplayed", {
+              detail: {
+                variant: i || C,
+                content: (s = t.builderContext) == null ? void 0 : s.content
+              },
+              bubbles: !0
+            })
+          );
+        });
+      }).observe(a.current));
+    }
+    x.push(e);
+  }, []), z(() => () => {
+    x.forEach((e) => e());
+  }, []), /* @__PURE__ */ m("div", { ref: a, ...q(), children: [
+    b && h.includes(v) ? /* @__PURE__ */ l(
+      f,
+      {
+        blocks: o().blocks,
+        parent: ($ = t.builderBlock) == null ? void 0 : $.id,
+        path: o().path,
+        context: t.builderContext,
+        registeredComponents: t.builderComponents,
+        BlocksWrapperProps: {
+          ...(y = t.builderContext) == null ? void 0 : y.BlocksWrapperProps,
+          "data-variant-id": `${(E = t.builderBlock) == null ? void 0 : E.id}-${o().index}`
+        }
+      }
+    ) : null,
+    !b && h.includes(v) || !h.includes(v) ? /* @__PURE__ */ m(j, { children: [
+      B ? /* @__PURE__ */ m(j, { children: [
+        /* @__PURE__ */ l(
+          X,
+          {
+            nonce: ((R = t.builderContext) == null ? void 0 : R.nonce) || "",
+            styles: K(),
+            id: `variants-styles-${(P = t.builderBlock) == null ? void 0 : P.id}`
+          }
+        ),
+        /* @__PURE__ */ l(
+          k,
+          {
+            nonce: ((V = t.builderContext) == null ? void 0 : V.nonce) || "",
+            scriptStr: H,
+            id: `variants-visibility-script-${(A = t.builderBlock) == null ? void 0 : A.id}`
+          }
+        ),
+        (I = t.variants) == null ? void 0 : I.map((e, n) => {
+          var i, d, r, u, s, _;
+          return /* @__PURE__ */ l(
+            f,
+            {
+              BlocksWrapperProps: {
+                ...(i = t.builderContext) == null ? void 0 : i.BlocksWrapperProps,
+                "aria-hidden": !0,
+                hidden: !0,
+                "data-variant-id": `${(d = t.builderBlock) == null ? void 0 : d.id}-${n}`
+              },
+              blocks: e.blocks,
+              parent: (r = t.builderBlock) == null ? void 0 : r.id,
+              path: `component.options.variants.${n}.blocks`,
+              context: t.builderContext,
+              registeredComponents: t.builderComponents,
+              children: /* @__PURE__ */ l(
+                k,
+                {
+                  nonce: ((u = t.builderContext) == null ? void 0 : u.nonce) || "",
+                  scriptStr: S,
+                  id: `variants-script-${(s = t.builderBlock) == null ? void 0 : s.id}-${n}`
+                }
+              )
+            },
+            `${(_ = t.builderBlock) == null ? void 0 : _.id}-${n}`
+          );
+        })
+      ] }) : null,
+      /* @__PURE__ */ l(
+        f,
+        {
+          blocks: o().blocks,
+          parent: (T = t.builderBlock) == null ? void 0 : T.id,
+          path: o().path,
+          context: t.builderContext,
+          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}`
+          },
+          children: B ? /* @__PURE__ */ l(
+            k,
+            {
+              nonce: ((W = t.builderContext) == null ? void 0 : W.nonce) || "",
+              scriptStr: S,
+              id: `variants-script-${(w = t.builderBlock) == null ? void 0 : w.id}-${C}`
+            }
+          ) : null
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  xt as default
+};

package/lib/node/blocks/symbol/symbol.cjs

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),C=require("../../components/content-variants/content-variants.cjs"),x=require("../../functions/get-class-prop-name.cjs"),k=require("./symbol.helpers.cjs");async function f(e){var n,i,o,l,a,c;const d=function(){return"div"},m=function(){return"div"},y=function(){var b,s;return[e.attributes[x.getClassPropName()],"builder-symbol",(b=e.symbol)!=null&&b.inline?"builder-inline-symbol":void 0,(s=e.symbol)!=null&&s.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await k.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return u.jsx("div",{...e.attributes,className:y(),children:u.jsx(C,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(i=e.builderBlock)==null?void 0:i.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(l=t==null?void 0:t.data)==null?void 0:l.state},canTrack:e.builderContext.canTrack,model:(c=(a=e.symbol)==null?void 0:a.model)!=null?c:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:d(),contentWrapper:m()})})}module.exports=f;
+"use strict";const d=require("react/jsx-runtime"),x=require("../../components/content-variants/content-variants.cjs"),k=require("../../functions/get-class-prop-name.cjs"),f=require("./symbol.helpers.cjs");async function v(e){var n,i,l,o,a,c,r;const m=function(){return"div"},y=function(){return"div"},C=function(){var s,u;return[e.attributes[k.getClassPropName()],"builder-symbol",(s=e.symbol)!=null&&s.inline?"builder-inline-symbol":void 0,(u=e.symbol)!=null&&u.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await f.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return(i=e.symbol)==null||i.entry,d.jsx("div",{...e.attributes,className:C(),children:d.jsx(x,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(a=t==null?void 0:t.data)==null?void 0:a.state},canTrack:e.builderContext.canTrack,model:(r=(c=e.symbol)==null?void 0:c.model)!=null?r:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:m(),contentWrapper:y()})})}module.exports=v;

package/lib/node/blocks/symbol/symbol.mjs

@@ -1,27 +1,27 @@
-import { jsx as d } from "react/jsx-runtime";
-import C from "../../components/content-variants/content-variants.mjs";
-import { getClassPropName as x } from "../../functions/get-class-prop-name.mjs";
-import { fetchSymbolContent as f } from "./symbol.helpers.mjs";
-async function V(e) {
-  var n, o, i, l, a, r;
-  const u = function() {
-    return "div";
-  }, s = function() {
+import { jsx as u } from "react/jsx-runtime";
+import x from "../../components/content-variants/content-variants.mjs";
+import { getClassPropName as f } from "../../functions/get-class-prop-name.mjs";
+import { fetchSymbolContent as k } from "./symbol.helpers.mjs";
+async function j(e) {
+  var n, o, i, l, a, r, c;
+  const s = function() {
     return "div";
   }, y = function() {
-    var m, b;
+    return "div";
+  }, C = function() {
+    var b, d;
     return [
-      e.attributes[x()],
+      e.attributes[f()],
       "builder-symbol",
-      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
-      (b = e.symbol) != null && b.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (b = e.symbol) != null && b.inline ? "builder-inline-symbol" : void 0,
+      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await f({
+  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await k({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
-  return /* @__PURE__ */ d("div", { ...e.attributes, className: y(), children: /* @__PURE__ */ d(
-    C,
+  return (o = e.symbol) == null || o.entry, /* @__PURE__ */ u("div", { ...e.attributes, className: C(), children: /* @__PURE__ */ u(
+    x,
     {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -29,23 +29,23 @@ async function V(e) {
       apiKey: e.builderContext.apiKey,
       context: {
         ...e.builderContext.context,
-        symbolId: (o = e.builderBlock) == null ? void 0 : o.id
+        symbolId: (i = e.builderBlock) == null ? void 0 : i.id
       },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(i = e.symbol) == null ? void 0 : i.data,
+        ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state
+        ...(a = t == null ? void 0 : t.data) == null ? void 0 : a.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (r = (a = e.symbol) == null ? void 0 : a.model) != null ? r : "",
+      model: (c = (r = e.symbol) == null ? void 0 : r.model) != null ? c : "",
       content: t,
       linkComponent: e.builderLinkComponent,
-      blocksWrapper: u(),
-      contentWrapper: s()
+      blocksWrapper: s(),
+      contentWrapper: y()
     }
   ) });
 }
 export {
-  V as default
+  j as default
 };

package/lib/node/blocks/text/component-info.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{builderBlock:!1,builderContext:!0},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;

package/lib/node/blocks/text/component-info.mjs

@@ -1,8 +1,5 @@
 const e = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0
-  },
+  shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
   isRSC: !0,

package/lib/node/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 m=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),p=require("./components/component-ref/component-ref.cjs"),g=require("./components/repeated-block.cjs");function b(e){var a,C,x,h;const d=function(){return m.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 m.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=d())!=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)&&!d()?(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),...m.provideBuilderBlock(l(),c()),...m.provideBuilderContext(l(),e.context),...m.provideLinkComponent(l(),e.linkComponent),...m.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?d()?t.jsx(t.Fragment,{children:(h=d())==null?void 0:h.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsx(p,{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:d()?t.jsx(t.Fragment,{children:(x=d())==null?void 0:x.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(p,{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("../../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/node/components/block/block.helpers.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../functions/evaluate/evaluate.cjs"),l=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,p=({block:e,registeredComponents:t,model:r})=>{var i;const o=(i=e.component)==null?void 0:i.name;if(!o)return null;const n=t[o];if(!n||l(n,r)){console.warn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../functions/evaluate/evaluate.cjs"),a=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,p=({block:e,registeredComponents:t,model:r})=>{var i;const o=(i=e.component)==null?void 0:i.name;if(!o)return null;const n=t[o];if(!n||a(n,r)){console.warn(`
       Could not find a registered component named "${o}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return n},m=({block:e,context:t})=>{const{repeat:r,...o}=e;if(!(r!=null&&r.collection))return;const n=a.evaluate({code:r.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(n))return;const i=r.collection.split(".").pop(),s=r.itemName||(i?i+"Item":"item");return n.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[s]:d,[`$${s}Index`]:u}},block:o}))},c=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderLinkComponent?{builderLinkComponent:t}:{}},f=(e,t,r)=>{var o;return(o=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&o.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([i,s])=>!l(s,r)))}:{}},v=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderBlock?{builderBlock:t}:{}},C=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderContext?{builderContext:t}:{}};exports.getComponent=p;exports.getRepeatItemData=m;exports.provideBuilderBlock=v;exports.provideBuilderContext=C;exports.provideLinkComponent=c;exports.provideRegisteredComponents=f;
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return n},m=({block:e,context:t})=>{const{repeat:r,...o}=e;if(!(r!=null&&r.collection))return;const n=l.evaluate({code:r.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(n))return;const i=r.collection.split(".").pop(),s=r.itemName||(i?i+"Item":"item");return n.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[s]:d,[`$${s}Index`]:u}},block:o}))},c=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderLinkComponent?{builderLinkComponent:t}:{}},f=(e,t,r)=>{var o;return(o=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&o.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([i,s])=>!a(s,r)))}:{}},v=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderBlock?{builderBlock:t}:{}},C=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderContext?{builderContext:t}:{}},g=e=>e.toString();exports.generateKey=g;exports.getComponent=p;exports.getRepeatItemData=m;exports.provideBuilderBlock=v;exports.provideBuilderContext=C;exports.provideLinkComponent=c;exports.provideRegisteredComponents=f;