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

package/lib/browser/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("../../functions/is-editing.cjs");function d(e){const c=i.useRef(null);i.useState(()=>!1);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function s(){if(!e.path)return;const t="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function l(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}function u(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}return i.useEffect(()=>{},[]),i.useEffect(()=>{},[e.blocks]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-2b05e766","builder-path":s(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>l(),onMouseEnter:t=>u(),onKeyPress:t=>l(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-2b05e766 {
+"use client";"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("../../functions/is-editing.cjs");function d(e){const c=i.useRef(null);i.useState(()=>!1);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function s(){if(!e.path)return;const t="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function l(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}function u(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}return i.useEffect(()=>{},[]),i.useEffect(()=>{},[e.blocks]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-7d1e7a14","builder-path":s(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>l(),onMouseEnter:t=>u(),onKeyPress:t=>l(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-7d1e7a14 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/components/blocks/blocks-wrapper.mjs

@@ -52,7 +52,7 @@ function y(e) {
       e.BlocksWrapper,
       {
         ref: c,
-        className: o() + " props-blocks-wrapper-2b05e766",
+        className: o() + " props-blocks-wrapper-7d1e7a14",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -63,7 +63,7 @@ function y(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-2b05e766 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-7d1e7a14 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/browser/components/blocks/blocks.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsx(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,classNameProp:e.className,BlocksWrapper:(n=e.context)==null?void 0:n.BlocksWrapper,BlocksWrapperProps:(c=e.context)==null?void 0:c.BlocksWrapperProps,children:e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(o=>t.jsx(l,{block:o,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},o.id))}):null})}module.exports=a;
+"use strict";const t=require("react/jsx-runtime"),o=require("../block/block.cjs"),s=require("./blocks-wrapper.cjs");function a(e){var n,c,r;return t.jsxs(s,{blocks:e.blocks,parent:e.parent,path:e.path,styleProp:e.styleProp,BlocksWrapperProps:e.BlocksWrapperProps||((n=e.context)==null?void 0:n.BlocksWrapperProps),classNameProp:e.className,BlocksWrapper:(c=e.context)==null?void 0:c.BlocksWrapper,children:[e.children,e.blocks?t.jsx(t.Fragment,{children:(r=e.blocks)==null?void 0:r.map(l=>t.jsx(o,{block:l,linkComponent:e.linkComponent,context:e.context,registeredComponents:e.registeredComponents},l.id))}):null]})}module.exports=a;

package/lib/browser/components/blocks/blocks.mjs

@@ -1,31 +1,34 @@
-import { jsx as t, Fragment as c } from "react/jsx-runtime";
-import a from "../block/block.mjs";
+import { jsxs as c, jsx as l, Fragment as a } from "react/jsx-runtime";
+import s from "../block/block.mjs";
 import m from "./blocks-wrapper.mjs";
-function B(e) {
-  var o, n, r;
-  return /* @__PURE__ */ t(
+function d(e) {
+  var t, n, o;
+  return /* @__PURE__ */ c(
     m,
     {
       blocks: e.blocks,
       parent: e.parent,
       path: e.path,
       styleProp: e.styleProp,
+      BlocksWrapperProps: e.BlocksWrapperProps || ((t = e.context) == null ? void 0 : t.BlocksWrapperProps),
       classNameProp: e.className,
-      BlocksWrapper: (o = e.context) == null ? void 0 : o.BlocksWrapper,
-      BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ t(c, { children: (r = e.blocks) == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
-        a,
-        {
-          block: l,
-          linkComponent: e.linkComponent,
-          context: e.context,
-          registeredComponents: e.registeredComponents
-        },
-        l.id
-      )) }) : null
+      BlocksWrapper: (n = e.context) == null ? void 0 : n.BlocksWrapper,
+      children: [
+        e.children,
+        e.blocks ? /* @__PURE__ */ l(a, { children: (o = e.blocks) == null ? void 0 : o.map((r) => /* @__PURE__ */ l(
+          s,
+          {
+            block: r,
+            linkComponent: e.linkComponent,
+            context: e.context,
+            registeredComponents: e.registeredComponents
+          },
+          r.id
+        )) }) : null
+      ]
     }
   );
 }
 export {
-  B as default
+  d as default
 };

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

@@ -1 +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,{apiHost:t.apiHost,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,{apiHost:t.apiHost,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;
+"use strict";const n=require("react/jsx-runtime"),l=require("../../blocks/personalization-container/helpers.cjs"),d=require("../../constants/target.cjs"),C=require("../../helpers/ab-tests.cjs"),u=require("../../helpers/canTrack.cjs"),S=require("../content/content.cjs"),r=require("../inlined-script.cjs"),V=require("../inlined-styles.cjs"),i=require("./helpers.cjs");function g(t){var o;const c=i.checkShouldRenderVariants({canTrack:u.getDefaultCanTrack(t.canTrack),content:t.content}),k=function(){var e;return i.getUpdateCookieAndStylesScript(i.getVariants(t.content).map(s=>({id:s.testVariationId,testRatio:s.testRatio})),((e=t.content)==null?void 0:e.id)||"")},m=function(){return i.getVariants(t.content).map(e=>`.variant-${e.testVariationId} { display: none; } `).join("")},T=function(){var e;return c?{...t.content,testVariationId:(e=t.content)==null?void 0:e.id}:C.handleABTestingSync({item:t.content,canTrack:u.getDefaultCanTrack(t.canTrack)})};return n.jsxs(n.Fragment,{children:[!t.isNestedRender&&d.TARGET!=="reactNative"?n.jsxs(n.Fragment,{children:[n.jsx(r,{id:"builderio-init-variants-fns",scriptStr:i.getInitVariantsFnsScriptString(),nonce:t.nonce||""}),l.SDKS_SUPPORTING_PERSONALIZATION.includes(d.TARGET)?n.jsx(r,{id:"builderio-init-personalization-variants-fns",nonce:t.nonce||"",scriptStr:l.getInitPersonalizationVariantsFnsScriptString()}):null]}):null,c?n.jsxs(n.Fragment,{children:[n.jsx(V,{id:"builderio-variants",styles:m(),nonce:t.nonce||""}),n.jsx(r,{id:"builderio-variants-visibility",scriptStr:k(),nonce:t.nonce||""}),(o=i.getVariants(t.content))==null?void 0:o.map(a=>n.jsx(S,{apiHost:t.apiHost,isNestedRender:t.isNestedRender,nonce:t.nonce,content:a,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},a.testVariationId))]}):null,n.jsx(S,{apiHost:t.apiHost,nonce:t.nonce,isNestedRender:t.isNestedRender,content:T(),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=g;

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

@@ -1,27 +1,28 @@
-import { jsxs as d, Fragment as s, jsx as i } from "react/jsx-runtime";
-import { TARGET as f } from "../../constants/target.mjs";
+import { jsxs as o, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { SDKS_SUPPORTING_PERSONALIZATION as T, getInitPersonalizationVariantsFnsScriptString as V } from "../../blocks/personalization-container/helpers.mjs";
+import { TARGET as m } from "../../constants/target.mjs";
 import { handleABTestingSync as W } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as l } 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 N(t) {
-  var c;
-  const a = b({
-    canTrack: l(t.canTrack),
+import { getDefaultCanTrack as u } from "../../helpers/canTrack.mjs";
+import S from "../content/content.mjs";
+import r from "../inlined-script.mjs";
+import b from "../inlined-styles.mjs";
+import { checkShouldRenderVariants as h, getInitVariantsFnsScriptString as y, getVariants as d, getUpdateCookieAndStylesScript as P } from "./helpers.mjs";
+function j(t) {
+  var s;
+  const a = h({
+    canTrack: u(t.canTrack),
     content: t.content
   }), k = function() {
     var n;
-    return y(
-      o(t.content).map((r) => ({
-        id: r.testVariationId,
-        testRatio: r.testRatio
+    return P(
+      d(t.content).map((l) => ({
+        id: l.testVariationId,
+        testRatio: l.testRatio
       })),
       ((n = t.content) == null ? void 0 : n.id) || ""
     );
-  }, S = function() {
-    return o(t.content).map((n) => `.variant-${n.testVariationId} { display: none; } `).join("");
+  }, f = function() {
+    return d(t.content).map((n) => `.variant-${n.testVariationId} { display: none; } `).join("");
   }, C = function() {
     var n;
     return a ? {
@@ -29,42 +30,52 @@ function N(t) {
       testVariationId: (n = t.content) == null ? void 0 : n.id
     } : W({
       item: t.content,
-      canTrack: l(t.canTrack)
+      canTrack: u(t.canTrack)
     });
   };
-  return /* @__PURE__ */ d(s, { children: [
-    !t.isNestedRender && f !== "reactNative" ? /* @__PURE__ */ i(
-      u,
-      {
-        id: "builderio-init-variants-fns",
-        scriptStr: h(),
-        nonce: t.nonce || ""
-      }
-    ) : null,
-    a ? /* @__PURE__ */ d(s, { children: [
-      /* @__PURE__ */ i(
-        V,
+  return /* @__PURE__ */ o(c, { children: [
+    !t.isNestedRender && m !== "reactNative" ? /* @__PURE__ */ o(c, { children: [
+      /* @__PURE__ */ e(
+        r,
+        {
+          id: "builderio-init-variants-fns",
+          scriptStr: y(),
+          nonce: t.nonce || ""
+        }
+      ),
+      T.includes(m) ? /* @__PURE__ */ e(
+        r,
+        {
+          id: "builderio-init-personalization-variants-fns",
+          nonce: t.nonce || "",
+          scriptStr: V()
+        }
+      ) : null
+    ] }) : null,
+    a ? /* @__PURE__ */ o(c, { children: [
+      /* @__PURE__ */ e(
+        b,
         {
           id: "builderio-variants",
-          styles: S(),
+          styles: f(),
           nonce: t.nonce || ""
         }
       ),
-      /* @__PURE__ */ i(
-        u,
+      /* @__PURE__ */ e(
+        r,
         {
           id: "builderio-variants-visibility",
           scriptStr: k(),
           nonce: t.nonce || ""
         }
       ),
-      (c = o(t.content)) == null ? void 0 : c.map((e) => /* @__PURE__ */ i(
-        m,
+      (s = d(t.content)) == null ? void 0 : s.map((i) => /* @__PURE__ */ e(
+        S,
         {
           apiHost: t.apiHost,
           isNestedRender: t.isNestedRender,
           nonce: t.nonce,
-          content: e,
+          content: i,
           showContent: !1,
           model: t.model,
           data: t.data,
@@ -83,11 +94,11 @@ function N(t) {
           contentWrapperProps: t.contentWrapperProps,
           trustedHosts: t.trustedHosts
         },
-        e.testVariationId
+        i.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ i(
-      m,
+    /* @__PURE__ */ e(
+      S,
       {
         apiHost: t.apiHost,
         nonce: t.nonce,
@@ -115,5 +126,5 @@ function N(t) {
   ] });
 }
 export {
-  N as default
+  j as default
 };

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");require("../functions/get-fetch.cjs");const o=require("../blocks/button/component-info.cjs"),n=require("../blocks/button/button.cjs"),e=require("../blocks/columns/component-info.cjs"),t=require("../blocks/columns/columns.cjs"),r=require("../blocks/fragment/component-info.cjs"),c=require("../blocks/fragment/fragment.cjs"),m=require("../blocks/image/component-info.cjs"),s=require("../blocks/image/image.cjs"),p=require("../blocks/section/component-info.cjs"),i=require("../blocks/section/section.cjs"),u=require("../blocks/slot/component-info.cjs"),f=require("../blocks/slot/slot.cjs"),q=require("../blocks/symbol/component-info.cjs"),I=require("../blocks/symbol/symbol.cjs"),g=require("../blocks/text/component-info.cjs"),a=require("../blocks/text/text.cjs"),l=require("./extra-components.cjs"),$=()=>[{component:n,...o.componentInfo},{component:t,...e.componentInfo},{component:c,...r.componentInfo},{component:s,...m.componentInfo},{component:i,...p.componentInfo},{component:f,...u.componentInfo},{component:I,...q.componentInfo},{component:a,...g.componentInfo},...l.getExtraComponents()];exports.getDefaultRegisteredComponents=$;
+"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;

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

@@ -1,48 +1,55 @@
 import "react/jsx-runtime";
 import "react";
+import { TARGET as o } from "./target.mjs";
 import "../functions/get-fetch.mjs";
-import { componentInfo as o } from "../blocks/button/component-info.mjs";
-import n from "../blocks/button/button.mjs";
-import { componentInfo as m } from "../blocks/columns/component-info.mjs";
-import t from "../blocks/columns/columns.mjs";
-import { componentInfo as p } from "../blocks/fragment/component-info.mjs";
-import r from "../blocks/fragment/fragment.mjs";
-import { componentInfo as e } from "../blocks/image/component-info.mjs";
-import f from "../blocks/image/image.mjs";
-import { componentInfo as c } from "../blocks/section/component-info.mjs";
-import i from "../blocks/section/section.mjs";
-import { componentInfo as I } from "../blocks/slot/component-info.mjs";
-import s from "../blocks/slot/slot.mjs";
-import { componentInfo as a } from "../blocks/symbol/component-info.mjs";
-import $ from "../blocks/symbol/symbol.mjs";
-import { componentInfo as g } from "../blocks/text/component-info.mjs";
-import C from "../blocks/text/text.mjs";
-import { getExtraComponents as l } from "./extra-components.mjs";
-const G = () => [{
-  component: n,
-  ...o
+import { componentInfo as n } from "../blocks/button/component-info.mjs";
+import m from "../blocks/button/button.mjs";
+import { componentInfo as t } from "../blocks/columns/component-info.mjs";
+import p from "../blocks/columns/columns.mjs";
+import { componentInfo as r } from "../blocks/fragment/component-info.mjs";
+import e from "../blocks/fragment/fragment.mjs";
+import { componentInfo as f } from "../blocks/image/component-info.mjs";
+import i from "../blocks/image/image.mjs";
+import { componentInfo as c } from "../blocks/personalization-container/component-info.mjs";
+import { SDKS_SUPPORTING_PERSONALIZATION as I } from "../blocks/personalization-container/helpers.mjs";
+import a from "../blocks/personalization-container/personalization-container.mjs";
+import { componentInfo as s } from "../blocks/section/component-info.mjs";
+import $ from "../blocks/section/section.mjs";
+import { componentInfo as S } from "../blocks/slot/component-info.mjs";
+import l from "../blocks/slot/slot.mjs";
+import { componentInfo as C } from "../blocks/symbol/component-info.mjs";
+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 = () => [{
+  component: m,
+  ...n
 }, {
-  component: t,
-  ...m
+  component: p,
+  ...t
 }, {
-  component: r,
-  ...p
-}, {
-  component: f,
-  ...e
+  component: e,
+  ...r
 }, {
   component: i,
-  ...c
-}, {
-  component: s,
-  ...I
+  ...f
 }, {
   component: $,
-  ...a
+  ...s
 }, {
-  component: C,
-  ...g
-}, ...l()];
+  component: l,
+  ...S
+}, {
+  component: g,
+  ...C
+}, {
+  component: u,
+  ...T
+}, ...I.includes(o) ? [{
+  component: a,
+  ...c
+}] : [], ...P()];
 export {
-  G as getDefaultRegisteredComponents
+  w as getDefaultRegisteredComponents
 };

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

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

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

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

package/lib/edge/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),l=require("./image.helpers.cjs");function f(e){var s,r,u,d,o,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,title:e.title,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-0525a549",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-0525a549",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(d=(u=e.builderBlock)==null?void 0:u.children)!=null&&d.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(o=e.builderBlock)==null?void 0:o.children)!=null&&g.length)?t.jsx("div",{className:"div-0525a549-2",children:e.children}):null]}),t.jsx("style",{children:`.img-0525a549 {
+"use client";"use strict";const t=require("react/jsx-runtime"),f=require("react"),c=require("./image.helpers.cjs");function b(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(typeof i=="string"&&(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/))))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),c.getSrcSet(i)}else if(e.image&&!e.srcset)return c.getSrcSet(i);return c.getSrcSet(i)}}function l(){var a;return(a=n==null?void 0:n())!=null&&a.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const a={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?a:void 0}return f.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,title:e.title,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-0aa95e74",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-0aa95e74",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-0aa95e74-2",children:e.children}):null]}),t.jsx("style",{children:`.img-0aa95e74 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-0525a549 {
+}.div-0aa95e74 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-0525a549-2 {
+}.div-0aa95e74-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -14,4 +14,4 @@
   left: 0;
   width: 100%;
   height: 100%;
-}`})]})}module.exports=f;
+}`})]})}module.exports=b;

package/lib/edge/blocks/image/image.mjs

@@ -1,8 +1,9 @@
 "use client";
-import { jsxs as a, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { useEffect as v } from "react";
 import { getSrcSet as o } from "./image.helpers.mjs";
-function x(e) {
-  var d, u, s, g, h, m;
+function w(e) {
+  var d, u, s, g, m, h;
   function n() {
     var f;
     const i = e.image || e.src;
@@ -20,22 +21,23 @@ function x(e) {
     }
   }
   function r() {
-    var l;
-    return (l = n == null ? void 0 : n()) != null && l.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
+    var a;
+    return (a = n == null ? void 0 : n()) != null && a.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
   }
   function b() {
-    const l = {
+    const a = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? l : void 0;
+    return e.aspectRatio ? a : void 0;
   }
-  return /* @__PURE__ */ a(c, { children: [
-    /* @__PURE__ */ a(c, { children: [
-      /* @__PURE__ */ a("picture", { children: [
+  return v(() => {
+  }, []), /* @__PURE__ */ l(c, { children: [
+    /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ l("picture", { children: [
         r() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: r() }) : null,
         /* @__PURE__ */ t(
           "img",
@@ -50,7 +52,7 @@ function x(e) {
               objectFit: e.backgroundSize || "cover",
               ...b()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-0525a549",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-0aa95e74",
             src: e.image,
             srcSet: n(),
             sizes: e.sizes
@@ -60,23 +62,23 @@ function x(e) {
       e.aspectRatio && !((u = (d = e.builderBlock) == null ? void 0 : d.children) != null && u.length && e.fitContent) ? /* @__PURE__ */ t(
         "div",
         {
-          className: "builder-image-sizer div-0525a549",
+          className: "builder-image-sizer div-0aa95e74",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
       (g = (s = e.builderBlock) == null ? void 0 : s.children) != null && g.length && e.fitContent ? /* @__PURE__ */ t(c, { children: e.children }) : null,
-      !e.fitContent && ((m = (h = e.builderBlock) == null ? void 0 : h.children) != null && m.length) ? /* @__PURE__ */ t("div", { className: "div-0525a549-2", children: e.children }) : null
+      !e.fitContent && ((h = (m = e.builderBlock) == null ? void 0 : m.children) != null && h.length) ? /* @__PURE__ */ t("div", { className: "div-0aa95e74-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ t("style", { children: `.img-0525a549 {
+    /* @__PURE__ */ t("style", { children: `.img-0aa95e74 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-0525a549 {
+}.div-0aa95e74 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-0525a549-2 {
+}.div-0aa95e74-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -89,5 +91,5 @@ function x(e) {
   ] });
 }
 export {
-  x as default
+  w as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"PersonalizationContainer",shouldReceiveBuilderProps:{builderBlock:!0,builderContext:!0,builderComponents:!0},noWrap:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",canHaveChildren:!0,inputs:[{name:"variants",defaultValue:[],behavior:"personalizationVariantList",type:"list",subFields:[{name:"name",type:"text"},{name:"query",friendlyName:"Targeting rules",type:"BuilderQuery",defaultValue:[]},{name:"startDate",type:"date"},{name:"endDate",type:"date"},{name:"blocks",type:"uiBlocks",hideFromUI:!0,defaultValue:[]}]}]};exports.componentInfo=e;

package/lib/edge/blocks/personalization-container/component-info.mjs

@@ -0,0 +1,40 @@
+const e = {
+  name: "PersonalizationContainer",
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0,
+    builderComponents: !0
+  },
+  noWrap: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",
+  canHaveChildren: !0,
+  inputs: [{
+    name: "variants",
+    defaultValue: [],
+    behavior: "personalizationVariantList",
+    type: "list",
+    subFields: [{
+      name: "name",
+      type: "text"
+    }, {
+      name: "query",
+      friendlyName: "Targeting rules",
+      type: "BuilderQuery",
+      defaultValue: []
+    }, {
+      name: "startDate",
+      type: "date"
+    }, {
+      name: "endDate",
+      type: "date"
+    }, {
+      name: "blocks",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: []
+    }]
+  }]
+};
+export {
+  e as componentInfo
+};