@builder.io/sdk-react-nextjs 0.16.11 → 0.16.12

package/lib/browser/components/content/components/enable-editor.mjs

@@ -0,0 +1,280 @@
+"use client";
+import { jsx as H } from "react/jsx-runtime";
+import { useRef as O, useState as m, useEffect as d } from "react";
+import B from "../../../context/builder.context.mjs";
+import { evaluate as T } from "../../../functions/evaluate/evaluate.mjs";
+import { fastClone as F } from "../../../functions/fast-clone.mjs";
+import { fetchOneEntry as J } from "../../../functions/get-content/index.mjs";
+import { fetch as $ } from "../../../functions/get-fetch.mjs";
+import { isBrowser as j } from "../../../functions/is-browser.mjs";
+import { isEditing as f } from "../../../functions/is-editing.mjs";
+import { isPreviewing as z } from "../../../functions/is-previewing.mjs";
+import { createRegisterComponentMessage as G } from "../../../functions/register-component.mjs";
+import { _track as A } from "../../../functions/track/index.mjs";
+import { getInteractionPropertiesForEvent as Q } from "../../../functions/track/interaction.mjs";
+import { getDefaultCanTrack as V } from "../../../helpers/canTrack.mjs";
+import { logger as X } from "../../../helpers/logger.mjs";
+import { postPreviewContent as Y } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Z } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as p, setupBrowserForEditing as ee } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as te } from "../../block/animator.mjs";
+import { getWrapperClassName as ne } from "./styles.helpers.mjs";
+import { useRouter as ie } from "next/navigation";
+function Ke(e) {
+  var k, w, y, R, K, L, q;
+  const c = O(null);
+  function g(n) {
+    var i, a;
+    const t = {
+      ...e.builderContextSignal.rootState,
+      ...n
+    };
+    e.builderContextSignal.rootSetState ? (a = (i = e.builderContextSignal).rootSetState) == null || a.call(i, t) : e.builderContextSignal.rootState = t;
+  }
+  function S(n) {
+    var i, a, o, r, s;
+    const t = {
+      ...e.builderContextSignal.content,
+      ...n,
+      data: {
+        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
+        ...n == null ? void 0 : n.data
+      },
+      meta: {
+        ...(a = e.builderContextSignal.content) == null ? void 0 : a.meta,
+        ...n == null ? void 0 : n.meta,
+        breakpoints: ((o = n == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || ((s = (r = e.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints)
+      }
+    };
+    Y({
+      value: t,
+      key: t.id
+    }).then(() => {
+      _.refresh();
+    });
+  }
+  function M() {
+    return e.showContent ? {} : {
+      hidden: !0,
+      "aria-hidden": !0
+    };
+  }
+  const [N, ae] = m(
+    () => e.contentWrapper || "div"
+  );
+  function v(n) {
+    return Z({
+      model: e.model,
+      trustedHosts: e.trustedHosts,
+      callbacks: {
+        configureSdk: (t) => {
+          var o;
+          const { breakpoints: i, contentId: a } = t;
+          !a || a !== ((o = e.builderContextSignal.content) == null ? void 0 : o.id) || i && S({
+            meta: {
+              breakpoints: i
+            }
+          });
+        },
+        animation: (t) => {
+          te(t);
+        },
+        contentUpdate: (t) => {
+          S(t);
+        }
+      }
+    })(n);
+  }
+  function h() {
+    var t, i;
+    const n = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.jsCode;
+    n && T({
+      code: n,
+      context: e.context || {},
+      localState: void 0,
+      rootState: e.builderContextSignal.rootState,
+      rootSetState: e.builderContextSignal.rootSetState,
+      /**
+       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+       */
+      enableCache: !1
+    });
+  }
+  const [C, oe] = m(() => ({})), [b, re] = m(() => ({})), [x, W] = m(() => !1);
+  function U(n) {
+    var t, i;
+    if (e.builderContextSignal.content) {
+      const a = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, o = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
+      A({
+        type: "click",
+        canTrack: V(e.canTrack),
+        contentId: o,
+        apiKey: e.apiKey,
+        variationId: a !== o ? a : void 0,
+        ...Q(n),
+        unique: !x
+      });
+    }
+    x || W(!0);
+  }
+  function E() {
+    var t, i, a;
+    const n = (a = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? a : {};
+    Object.entries(n).forEach(([o, r]) => {
+      if (!r || b[o] || C[o] && !f())
+        return;
+      b[o] = !0;
+      const s = r.replace(
+        /{{([^}]+)}}/g,
+        (l, D) => String(
+          T({
+            code: D,
+            context: e.context || {},
+            localState: void 0,
+            rootState: e.builderContextSignal.rootState,
+            rootSetState: e.builderContextSignal.rootSetState,
+            enableCache: !0
+          })
+        )
+      );
+      $(s).then((l) => l.json()).then((l) => {
+        g({
+          [o]: l
+        }), C[o] = !0;
+      }).catch((l) => {
+        console.error("error fetching dynamic data", r, l);
+      }).finally(() => {
+        b[o] = !1;
+      });
+    });
+  }
+  function u() {
+    f() && window.dispatchEvent(
+      new CustomEvent(
+        "builder:component:stateChange",
+        {
+          detail: {
+            state: F(e.builderContextSignal.rootState),
+            ref: {
+              name: e.model
+            }
+          }
+        }
+      )
+    );
+  }
+  function I(n) {
+    window.addEventListener("message", v), p(), ee({
+      ...e.locale ? {
+        locale: e.locale
+      } : {},
+      ...e.enrich ? {
+        enrich: e.enrich
+      } : {},
+      ...e.trustedHosts ? {
+        trustedHosts: e.trustedHosts
+      } : {}
+    }), Object.values(
+      e.builderContextSignal.componentInfos
+    ).forEach((t) => {
+      var a;
+      const i = G(t);
+      (a = window.parent) == null || a.postMessage(i, "*");
+    }), window.addEventListener(
+      "builder:component:stateChangeListenerActivated",
+      u
+    );
+  }
+  function P(n) {
+    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), a = t.get(
+      `builder.overrides.${i}`
+    ), o = t.get("apiKey") || t.get("builder.space");
+    i === e.model && o === e.apiKey && (!e.content || a === e.content.id) && J({
+      model: e.model,
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion
+    }).then((r) => {
+      r && S(r);
+    });
+  }
+  const _ = ie();
+  return d(() => {
+    var n;
+    return (n = c.current) == null || n.addEventListener(
+      "initeditingbldr",
+      I
+    ), () => {
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
+        "initeditingbldr",
+        I
+      );
+    };
+  }, []), d(() => {
+    var n;
+    return (n = c.current) == null || n.addEventListener(
+      "initpreviewingbldr",
+      P
+    ), () => {
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
+        "initpreviewingbldr",
+        P
+      );
+    };
+  }, []), d(() => {
+    var n, t;
+    if (j()) {
+      if (f() && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && V(e.canTrack)) {
+        const a = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, o = (t = e.builderContextSignal.content) == null ? void 0 : t.id, r = e.apiKey;
+        A({
+          type: "impression",
+          canTrack: !0,
+          contentId: o,
+          apiKey: r,
+          variationId: a !== o ? a : void 0
+        });
+      }
+      z() && f();
+    }
+  }, []), d(() => {
+    e.apiKey || X.error(
+      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), h(), E(), u();
+  }, []), d(() => {
+  }, [e.content]), d(() => {
+    h();
+  }, [(w = (k = e.builderContextSignal.content) == null ? void 0 : k.data) == null ? void 0 : w.jsCode]), d(() => {
+    E();
+  }, [(R = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : R.httpRequests]), d(() => {
+    u();
+  }, [e.builderContextSignal.rootState]), d(() => {
+    e.data && g(e.data);
+  }, [e.data]), d(() => {
+    e.locale && g({
+      locale: e.locale
+    });
+  }, [e.locale]), d(() => () => {
+    j() && (window.removeEventListener("message", v), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      u
+    ));
+  }, []), /* @__PURE__ */ H(B.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ H(
+    N,
+    {
+      ref: c,
+      onClick: (n) => U(n),
+      "builder-content-id": (K = e.builderContextSignal.content) == null ? void 0 : K.id,
+      "builder-model": e.model,
+      ...M(),
+      ...e.contentWrapperProps,
+      className: ne(
+        ((L = e.content) == null ? void 0 : L.testVariationId) || ((q = e.content) == null ? void 0 : q.id)
+      ),
+      children: e.children
+    }
+  ) : null });
+}
+export {
+  Ke as default
+};

package/lib/browser/components/content/components/styles.cjs

@@ -0,0 +1,5 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("../../inlined-styles.cjs"),t=require("./styles.helpers.cjs");function o(e){const s=`
+${t.getCss({cssCode:e.cssCode,contentId:e.contentId})}
+${t.getFontCss({customFonts:e.customFonts})}
+${t.getDefaultStyles(e.isNestedRender)}
+`.trim();return n.jsx(c,{id:"builderio-content",styles:s,nonce:e.nonce})}module.exports=o;

package/lib/browser/components/content/components/styles.helpers.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=e=>{var f,s;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),i=t.split(",")[0],l=(s=e.fileUrl)!=null?s:(f=e==null?void 0:e.files)==null?void 0:f.regular;let n="";if(l&&t&&i&&(n+=`
+@font-face {
+font-family: "${t}";
+src: local("${i}"), url('${l}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()),e.files)for(const r in e.files){if(!(String(Number(r))===r))continue;const a=e.files[r];a&&a!==l&&(n+=`
+@font-face {
+font-family: "${t}";
+src: url('${a}') format('woff2');
+font-display: fallback;
+font-weight: ${r};
+}
+        `.trim())}return n},g=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(i=>u(i)))==null?void 0:t.join(" "))||""},p=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",o=`
+.builder-button {
+  all: unset;
+}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`,b=e=>e?"":o,c=e=>`variant-${e}`;exports.getCss=p;exports.getDefaultStyles=b;exports.getFontCss=g;exports.getWrapperClassName=c;

package/lib/browser/components/content/components/styles.helpers.mjs

@@ -0,0 +1,58 @@
+const g = (i) => {
+  var f, u;
+  const r = i.family + (i.kind && !i.kind.includes("#") ? ", " + i.kind : ""), t = r.split(",")[0], l = (u = i.fileUrl) != null ? u : (f = i == null ? void 0 : i.files) == null ? void 0 : f.regular;
+  let n = "";
+  if (l && r && t && (n += `
+@font-face {
+font-family: "${r}";
+src: local("${t}"), url('${l}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), i.files)
+    for (const e in i.files) {
+      if (!(String(Number(e)) === e))
+        continue;
+      const a = i.files[e];
+      a && a !== l && (n += `
+@font-face {
+font-family: "${r}";
+src: url('${a}') format('woff2');
+font-display: fallback;
+font-weight: ${e};
+}
+        `.trim());
+    }
+  return n;
+}, h = ({
+  customFonts: i
+}) => {
+  var r;
+  return ((r = i == null ? void 0 : i.map((t) => g(t))) == null ? void 0 : r.join(" ")) || "";
+}, b = ({
+  cssCode: i,
+  contentId: r
+}) => i ? r ? (i == null ? void 0 : i.replace(/&/g, `div[builder-content-id="${r}"]`)) || "" : i : "", s = `
+.builder-button {
+  all: unset;
+}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`, c = (i) => i ? "" : s, o = (i) => `variant-${i}`;
+export {
+  b as getCss,
+  c as getDefaultStyles,
+  h as getFontCss,
+  o as getWrapperClassName
+};

package/lib/browser/components/content/components/styles.mjs

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import o from "../../inlined-styles.mjs";
+import { getCss as s, getFontCss as c, getDefaultStyles as d } from "./styles.helpers.mjs";
+function r(t) {
+  const e = `
+${s({
+    cssCode: t.cssCode,
+    contentId: t.contentId
+  })}
+${c({
+    customFonts: t.customFonts
+  })}
+${d(t.isNestedRender)}
+`.trim();
+  return /* @__PURE__ */ n(
+    o,
+    {
+      id: "builderio-content",
+      styles: e,
+      nonce: t.nonce
+    }
+  );
+}
+export {
+  r as default
+};

package/lib/browser/components/content/content.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),x=require("../../constants/builder-registered-components.cjs"),S=require("../../functions/register-component.cjs"),f=require("../blocks/blocks.cjs"),y=require("../content-variants/helpers.cjs"),W=require("../inlined-script.cjs"),R=require("./components/enable-editor.cjs"),V=require("./components/styles.cjs"),h=require("./content.helpers.cjs");function v(t){var o,a,r,l,u,d,s,C,g,m,k;const q=y.getUpdateVariantVisibilityScript({variationId:(o=t.content)==null?void 0:o.testVariationId,contentId:(a=t.content)==null?void 0:a.id}),I=[...x.getDefaultRegisteredComponents(),...((r=t.customComponents)==null?void 0:r.filter(({models:e})=>!(e!=null&&e.length)||!t.model?!0:e.includes(t.model)))||[]].reduce((e,{component:b,...c})=>({...e,[c.name]:{component:b,...S.serializeIncludingFunctions(c)}}),{}),n={content:h.getContentInitialValue({content:t.content,data:t.data}),localState:void 0,rootState:h.getRootStateInitialValue({content:t.content,data:t.data,locale:t.locale}),rootSetState:void 0,context:t.context||{},canTrack:t.canTrack,apiKey:t.apiKey,apiVersion:t.apiVersion,componentInfos:[...x.getDefaultRegisteredComponents(),...((l=t.customComponents)==null?void 0:l.filter(({models:e})=>!(e!=null&&e.length)||!t.model?!0:e.includes(t.model)))||[]].reduce((e,{component:b,...c})=>({...e,[c.name]:S.serializeIncludingFunctions(c)}),{}),inheritedStyles:{},BlocksWrapper:t.blocksWrapper||"div",BlocksWrapperProps:t.blocksWrapperProps||{},nonce:t.nonce||""};return i.jsxs(R,{nonce:t.nonce,content:t.content,data:t.data,model:t.model,context:t.context,apiKey:t.apiKey,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,showContent:t.showContent,builderContextSignal:n,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts,children:[t.isSsrAbTest?i.jsx(W,{id:"builderio-variant-visibility",scriptStr:q,nonce:t.nonce||""}):null,i.jsx(V,{nonce:t.nonce||"",isNestedRender:t.isNestedRender,contentId:(u=n.content)==null?void 0:u.id,cssCode:(s=(d=n.content)==null?void 0:d.data)==null?void 0:s.cssCode,customFonts:(g=(C=n.content)==null?void 0:C.data)==null?void 0:g.customFonts}),i.jsx(f,{blocks:(k=(m=n.content)==null?void 0:m.data)==null?void 0:k.blocks,context:n,registeredComponents:I,linkComponent:t.linkComponent})]})}module.exports=v;

package/lib/browser/components/content/content.helpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=({content:a,data:i,locale:u})=>{var d,r,s;const e={},V=((d=a==null?void 0:a.data)==null?void 0:d.state)||{};return(s=(r=a==null?void 0:a.data)==null?void 0:r.inputs)==null||s.forEach(l=>{l.name&&l.defaultValue!==void 0&&(e[l.name]=l.defaultValue)}),{...e,...V,...i,...u?{locale:u}:{}}},g=({content:a,data:i})=>a?{...a,data:{...a==null?void 0:a.data,...i},meta:a==null?void 0:a.meta}:void 0;exports.getContentInitialValue=g;exports.getRootStateInitialValue=f;

package/lib/browser/components/content/content.helpers.mjs

@@ -0,0 +1,32 @@
+const m = ({
+  content: a,
+  data: l,
+  locale: i
+}) => {
+  var s, r, f;
+  const u = {}, V = ((s = a == null ? void 0 : a.data) == null ? void 0 : s.state) || {};
+  return (f = (r = a == null ? void 0 : a.data) == null ? void 0 : r.inputs) == null || f.forEach((d) => {
+    d.name && d.defaultValue !== void 0 && (u[d.name] = d.defaultValue);
+  }), {
+    ...u,
+    ...V,
+    ...l,
+    ...i ? {
+      locale: i
+    } : {}
+  };
+}, g = ({
+  content: a,
+  data: l
+}) => a ? {
+  ...a,
+  data: {
+    ...a == null ? void 0 : a.data,
+    ...l
+  },
+  meta: a == null ? void 0 : a.meta
+} : void 0;
+export {
+  g as getContentInitialValue,
+  m as getRootStateInitialValue
+};

package/lib/browser/components/content/content.mjs

@@ -0,0 +1,111 @@
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import { getDefaultRegisteredComponents as b } from "../../constants/builder-registered-components.mjs";
+import { serializeIncludingFunctions as g } from "../../functions/register-component.mjs";
+import y from "../blocks/blocks.mjs";
+import { getUpdateVariantVisibilityScript as W } from "../content-variants/helpers.mjs";
+import V from "../inlined-script.mjs";
+import v from "./components/enable-editor.mjs";
+import T from "./components/styles.mjs";
+import { getContentInitialValue as K, getRootStateInitialValue as P } from "./content.helpers.mjs";
+function A(t) {
+  var i, a, r, l, d, u, m, f, s, C, k;
+  const x = W({
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+    variationId: (i = t.content) == null ? void 0 : i.testVariationId,
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
+    contentId: (a = t.content) == null ? void 0 : a.id
+  }), I = [
+    ...b(),
+    ...((r = t.customComponents) == null ? void 0 : r.filter(({ models: n }) => !(n != null && n.length) || !t.model ? !0 : n.includes(t.model))) || []
+  ].reduce(
+    (n, { component: S, ...o }) => ({
+      ...n,
+      [o.name]: {
+        component: S,
+        ...g(o)
+      }
+    }),
+    {}
+  ), e = {
+    content: K({
+      content: t.content,
+      data: t.data
+    }),
+    localState: void 0,
+    rootState: P({
+      content: t.content,
+      data: t.data,
+      locale: t.locale
+    }),
+    rootSetState: void 0,
+    context: t.context || {},
+    canTrack: t.canTrack,
+    apiKey: t.apiKey,
+    apiVersion: t.apiVersion,
+    componentInfos: [
+      ...b(),
+      ...((l = t.customComponents) == null ? void 0 : l.filter(({ models: n }) => !(n != null && n.length) || !t.model ? !0 : n.includes(t.model))) || []
+    ].reduce(
+      (n, { component: S, ...o }) => ({
+        ...n,
+        [o.name]: g(o)
+      }),
+      {}
+    ),
+    inheritedStyles: {},
+    BlocksWrapper: t.blocksWrapper || "div",
+    BlocksWrapperProps: t.blocksWrapperProps || {},
+    nonce: t.nonce || ""
+  };
+  return /* @__PURE__ */ h(
+    v,
+    {
+      nonce: t.nonce,
+      content: t.content,
+      data: t.data,
+      model: t.model,
+      context: t.context,
+      apiKey: t.apiKey,
+      canTrack: t.canTrack,
+      locale: t.locale,
+      enrich: t.enrich,
+      showContent: t.showContent,
+      builderContextSignal: e,
+      contentWrapper: t.contentWrapper,
+      contentWrapperProps: t.contentWrapperProps,
+      trustedHosts: t.trustedHosts,
+      children: [
+        t.isSsrAbTest ? /* @__PURE__ */ c(
+          V,
+          {
+            id: "builderio-variant-visibility",
+            scriptStr: x,
+            nonce: t.nonce || ""
+          }
+        ) : null,
+        /* @__PURE__ */ c(
+          T,
+          {
+            nonce: t.nonce || "",
+            isNestedRender: t.isNestedRender,
+            contentId: (d = e.content) == null ? void 0 : d.id,
+            cssCode: (m = (u = e.content) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
+            customFonts: (s = (f = e.content) == null ? void 0 : f.data) == null ? void 0 : s.customFonts
+          }
+        ),
+        /* @__PURE__ */ c(
+          y,
+          {
+            blocks: (k = (C = e.content) == null ? void 0 : C.data) == null ? void 0 : k.blocks,
+            context: e,
+            registeredComponents: I,
+            linkComponent: t.linkComponent
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  A as default
+};

package/lib/browser/components/content-variants/content-variants.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),S=require("../../constants/target.cjs"),C=require("../../helpers/ab-tests.cjs"),s=require("../../helpers/canTrack.cjs"),d=require("../content/content.cjs"),l=require("../inlined-script.cjs"),T=require("../inlined-styles.cjs"),a=require("./helpers.cjs");function V(t){var r;const c=a.checkShouldRenderVariants({canTrack:s.getDefaultCanTrack(t.canTrack),content:t.content}),u=function(){var n;return a.getUpdateCookieAndStylesScript(a.getVariants(t.content).map(o=>({id:o.testVariationId,testRatio:o.testRatio})),((n=t.content)==null?void 0:n.id)||"")},k=function(){return a.getVariants(t.content).map(n=>`.variant-${n.testVariationId} { display: none; } `).join("")},m=function(){var n;return c?{...t.content,testVariationId:(n=t.content)==null?void 0:n.id}:C.handleABTestingSync({item:t.content,canTrack:s.getDefaultCanTrack(t.canTrack)})};return e.jsxs(e.Fragment,{children:[!t.isNestedRender&&S.TARGET!=="reactNative"?e.jsx(l,{id:"builderio-init-variants-fns",scriptStr:a.getInitVariantsFnsScriptString(),nonce:t.nonce||""}):null,c?e.jsxs(e.Fragment,{children:[e.jsx(T,{id:"builderio-variants",styles:k(),nonce:t.nonce||""}),e.jsx(l,{id:"builderio-variants-visibility",scriptStr:u(),nonce:t.nonce||""}),(r=a.getVariants(t.content))==null?void 0:r.map(i=>e.jsx(d,{isNestedRender:t.isNestedRender,nonce:t.nonce,content:i,showContent:!1,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts},i.testVariationId))]}):null,e.jsx(d,{nonce:t.nonce,isNestedRender:t.isNestedRender,content:m(),showContent:!0,model:t.model,data:t.data,context:t.context,apiKey:t.apiKey,apiVersion:t.apiVersion,customComponents:t.customComponents,linkComponent:t.linkComponent,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,isSsrAbTest:c,blocksWrapper:t.blocksWrapper,blocksWrapperProps:t.blocksWrapperProps,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts})]})}module.exports=V;

package/lib/browser/components/content-variants/content-variants.mjs

@@ -0,0 +1,117 @@
+import { jsxs as d, Fragment as l, jsx as i } from "react/jsx-runtime";
+import { TARGET as f } from "../../constants/target.mjs";
+import { handleABTestingSync as W } from "../../helpers/ab-tests.mjs";
+import { getDefaultCanTrack as s } from "../../helpers/canTrack.mjs";
+import m from "../content/content.mjs";
+import u from "../inlined-script.mjs";
+import V from "../inlined-styles.mjs";
+import { checkShouldRenderVariants as b, getInitVariantsFnsScriptString as h, getVariants as o, getUpdateCookieAndStylesScript as y } from "./helpers.mjs";
+function v(t) {
+  var c;
+  const a = b({
+    canTrack: s(t.canTrack),
+    content: t.content
+  }), k = function() {
+    var n;
+    return y(
+      o(t.content).map((r) => ({
+        id: r.testVariationId,
+        testRatio: r.testRatio
+      })),
+      ((n = t.content) == null ? void 0 : n.id) || ""
+    );
+  }, S = function() {
+    return o(t.content).map((n) => `.variant-${n.testVariationId} { display: none; } `).join("");
+  }, C = function() {
+    var n;
+    return a ? {
+      ...t.content,
+      testVariationId: (n = t.content) == null ? void 0 : n.id
+    } : W({
+      item: t.content,
+      canTrack: s(t.canTrack)
+    });
+  };
+  return /* @__PURE__ */ d(l, { children: [
+    !t.isNestedRender && f !== "reactNative" ? /* @__PURE__ */ i(
+      u,
+      {
+        id: "builderio-init-variants-fns",
+        scriptStr: h(),
+        nonce: t.nonce || ""
+      }
+    ) : null,
+    a ? /* @__PURE__ */ d(l, { children: [
+      /* @__PURE__ */ i(
+        V,
+        {
+          id: "builderio-variants",
+          styles: S(),
+          nonce: t.nonce || ""
+        }
+      ),
+      /* @__PURE__ */ i(
+        u,
+        {
+          id: "builderio-variants-visibility",
+          scriptStr: k(),
+          nonce: t.nonce || ""
+        }
+      ),
+      (c = o(t.content)) == null ? void 0 : c.map((e) => /* @__PURE__ */ i(
+        m,
+        {
+          isNestedRender: t.isNestedRender,
+          nonce: t.nonce,
+          content: e,
+          showContent: !1,
+          model: t.model,
+          data: t.data,
+          context: t.context,
+          apiKey: t.apiKey,
+          apiVersion: t.apiVersion,
+          customComponents: t.customComponents,
+          linkComponent: t.linkComponent,
+          canTrack: t.canTrack,
+          locale: t.locale,
+          enrich: t.enrich,
+          isSsrAbTest: a,
+          blocksWrapper: t.blocksWrapper,
+          blocksWrapperProps: t.blocksWrapperProps,
+          contentWrapper: t.contentWrapper,
+          contentWrapperProps: t.contentWrapperProps,
+          trustedHosts: t.trustedHosts
+        },
+        e.testVariationId
+      ))
+    ] }) : null,
+    /* @__PURE__ */ i(
+      m,
+      {
+        nonce: t.nonce,
+        isNestedRender: t.isNestedRender,
+        content: C(),
+        showContent: !0,
+        model: t.model,
+        data: t.data,
+        context: t.context,
+        apiKey: t.apiKey,
+        apiVersion: t.apiVersion,
+        customComponents: t.customComponents,
+        linkComponent: t.linkComponent,
+        canTrack: t.canTrack,
+        locale: t.locale,
+        enrich: t.enrich,
+        isSsrAbTest: a,
+        blocksWrapper: t.blocksWrapper,
+        blocksWrapperProps: t.blocksWrapperProps,
+        contentWrapper: t.contentWrapper,
+        contentWrapperProps: t.contentWrapperProps,
+        trustedHosts: t.trustedHosts
+      }
+    )
+  ] });
+}
+export {
+  v as default
+};