@builder.io/sdk-react-nextjs 0.6.2-0 → 0.6.3

package/lib/edge/USE_CLIENT_BUNDLE-777b23e5.mjs

@@ -1,664 +0,0 @@
-"use client";
-import { jsxs as I, Fragment as b, jsx as t } from "react/jsx-runtime";
-import { useState as k, useRef as M, useEffect as v, createContext as X } from "react";
-import { g as Y, I as Z, c as F, a as $, b as B, d as D, e as L, f as z, i as w, h as N, j as p, l as ee, k as j, r as te, s as ne, m as ie, _ as H, n as Q, o as ae, p as ce, q as oe } from "./bundle-e2e962a8.mjs";
-import { p as le } from "./USE_SERVER_BUNDLE-2c7d68ff.mjs";
-import { useRouter as re } from "next/navigation";
-function he(e) {
-  return /* @__PURE__ */ I(b, { children: [
-    e.link ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
-      "a",
-      {
-        role: "button",
-        ...e.attributes,
-        href: e.link,
-        target: e.openLinkInNewTab ? "_blank" : void 0,
-        children: e.text
-      }
-    ) }) : /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
-      "button",
-      {
-        ...e.attributes,
-        style: e.attributes.style,
-        className: e.attributes.className + " button-3e7bc8b2",
-        children: e.text
-      }
-    ) }),
-    /* @__PURE__ */ t("style", { children: `.button-3e7bc8b2 {
-  all: unset;
-}` })
-  ] });
-}
-function ge(e) {
-  const [n, m] = k(
-    () => Y({
-      block: e.block,
-      localState: e.context.localState,
-      rootState: e.context.rootState,
-      rootSetState: e.context.rootSetState,
-      context: e.context.context,
-      shouldEvaluateBindings: !0
-    })
-  );
-  function y() {
-    return F(n.hide) ? !n.hide : F(n.show) ? n.show : !0;
-  }
-  function a() {
-    var R;
-    const l = n.responsiveStyles, g = e.context.content, S = $(
-      ((R = g == null ? void 0 : g.meta) == null ? void 0 : R.breakpoints) || {}
-    ), h = l == null ? void 0 : l.large, c = l == null ? void 0 : l.medium, u = l == null ? void 0 : l.small, f = n.id;
-    if (!f)
-      return "";
-    const C = h ? B({
-      className: f,
-      styles: h
-    }) : "", E = c ? B({
-      className: f,
-      styles: c,
-      mediaQuery: D(
-        "medium",
-        S
-      )
-    }) : "", P = u ? B({
-      className: f,
-      styles: u,
-      mediaQuery: D(
-        "small",
-        S
-      )
-    }) : "";
-    return [C, E, P].join(" ");
-  }
-  return /* @__PURE__ */ t(b, { children: a() && y() ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(Z, { styles: a() }) }) : null });
-}
-function Se(e) {
-  return /* @__PURE__ */ t(
-    e.Wrapper,
-    {
-      ...e.wrapperProps,
-      attributes: {
-        ...L({
-          block: e.block,
-          context: e.context
-        }),
-        ...z({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context
-        })
-      },
-      children: e.children
-    }
-  );
-}
-function xe(e) {
-  return /* @__PURE__ */ I(b, { children: [
-    " ",
-    e.hasChildren ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ I(
-      e.Wrapper,
-      {
-        ...L({
-          block: e.block,
-          context: e.context
-        }),
-        ...z({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context,
-          stripPrefix: !0
-        }),
-        children: [
-          " ",
-          e.children,
-          " "
-        ]
-      }
-    ) }) : /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
-      e.Wrapper,
-      {
-        ...L({
-          block: e.block,
-          context: e.context
-        }),
-        ...z({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context,
-          stripPrefix: !0
-        })
-      }
-    ) }),
-    " "
-  ] });
-}
-function ke(e) {
-  function n() {
-    var a;
-    return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
-  }
-  function m() {
-    var a, l;
-    w() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
-      {
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  function y() {
-    var a, l;
-    w() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
-      {
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  return /* @__PURE__ */ I(b, { children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: n() + " div-5821bd52",
-        "builder-path": e.path,
-        "builder-parent-id": e.parent,
-        style: e.styleProp,
-        onClick: (a) => m(),
-        onMouseEnter: (a) => y(),
-        onKeyPress: (a) => m(),
-        children: e.children
-      }
-    ),
-    /* @__PURE__ */ t("style", { children: `.div-5821bd52 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}` })
-  ] });
-}
-function ye(e) {
-  return /* @__PURE__ */ t("span", { children: e.children });
-}
-function ve(e) {
-  var a, l, g, S;
-  function n() {
-    var u;
-    const c = e.image || e.src;
-    if (!c || // We can auto add srcset for cdn.builder.io and shopify
-    // images, otherwise you can supply this prop manually
-    !(c.match(/builder\.io/) || c.match(/cdn\.shopify\.com/)))
-      return e.srcset;
-    if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
-      if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), N(c);
-    } else if (e.image && !e.srcset)
-      return N(c);
-    return N(c);
-  }
-  function m() {
-    var h;
-    return (h = n == null ? void 0 : n()) != null && h.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
-  }
-  function y() {
-    const h = {
-      position: "absolute",
-      height: "100%",
-      width: "100%",
-      left: "0px",
-      top: "0px"
-    };
-    return e.aspectRatio ? h : void 0;
-  }
-  return /* @__PURE__ */ I(b, { children: [
-    /* @__PURE__ */ I(b, { children: [
-      /* @__PURE__ */ I("picture", { children: [
-        m() ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t("source", { type: "image/webp", srcSet: m() }) }) : null,
-        /* @__PURE__ */ t(
-          "img",
-          {
-            loading: "lazy",
-            alt: e.altText,
-            role: e.altText ? "presentation" : void 0,
-            style: {
-              objectPosition: e.backgroundPosition || "center",
-              objectFit: e.backgroundSize || "cover",
-              ...y()
-            },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-ef11a6be",
-            src: e.image,
-            srcSet: n(),
-            sizes: e.sizes
-          }
-        )
-      ] }),
-      e.aspectRatio && !((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length && e.fitContent) ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
-        "div",
-        {
-          className: "builder-image-sizer div-ef11a6be",
-          style: {
-            paddingTop: e.aspectRatio * 100 + "%"
-          }
-        }
-      ) }) : null,
-      (S = (g = e.builderBlock) == null ? void 0 : g.children) != null && S.length && e.fitContent ? /* @__PURE__ */ t(b, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t("div", { className: "div-ef11a6be-2", children: e.children }) }) : null
-    ] }),
-    /* @__PURE__ */ t("style", { children: `.img-ef11a6be {
-  opacity: 1;
-  transition: opacity 0.2s ease-in-out;
-}.div-ef11a6be {
-  width: 100%;
-  pointer-events: none;
-  font-size: 0;
-}.div-ef11a6be-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}` })
-  ] });
-}
-function Ce(e) {
-  return /* @__PURE__ */ t(
-    "section",
-    {
-      ...e.attributes,
-      style: {
-        width: "100%",
-        alignSelf: "stretch",
-        flexGrow: 1,
-        boxSizing: "border-box",
-        maxWidth: e.maxWidth || 1200,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch",
-        marginLeft: "auto",
-        marginRight: "auto"
-      },
-      children: e.children
-    }
-  );
-}
-function Ie(e) {
-  var y;
-  function n() {
-    return {
-      ...e.autoPlay === !0 ? {
-        autoPlay: !0
-      } : {},
-      ...e.muted === !0 ? {
-        muted: !0
-      } : {},
-      ...e.controls === !0 ? {
-        controls: !0
-      } : {},
-      ...e.loop === !0 ? {
-        loop: !0
-      } : {},
-      ...e.playsInline === !0 ? {
-        playsInline: !0
-      } : {}
-    };
-  }
-  function m() {
-    return {
-      ...e.attributes,
-      ...n()
-    };
-  }
-  return /* @__PURE__ */ t(
-    "video",
-    {
-      ...m(),
-      preload: e.preload || "metadata",
-      style: {
-        width: "100%",
-        height: "100%",
-        ...(y = e.attributes) == null ? void 0 : y.style,
-        objectFit: e.fit,
-        objectPosition: e.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        borderRadius: 1
-      },
-      src: e.video || "no-src",
-      poster: e.posterImage
-    }
-  );
-}
-function we(e) {
-  const n = M(null), [m, y] = k(() => []), [a, l] = k(() => []), [g, S] = k(() => !1);
-  function h() {
-    if (!n.current || !n.current.getElementsByTagName)
-      return;
-    const c = n.current.getElementsByTagName("script");
-    for (let u = 0; u < c.length; u++) {
-      const f = c[u];
-      if (f.src && !m.includes(f.src)) {
-        m.push(f.src);
-        const C = document.createElement("script");
-        C.async = !0, C.src = f.src, document.head.appendChild(C);
-      } else if (p(f) && !a.includes(f.innerText))
-        try {
-          a.push(f.innerText), new Function(f.innerText)();
-        } catch (C) {
-          console.warn("`Embed`: Error running script:", C);
-        }
-    }
-  }
-  return v(() => {
-    n.current && !g && (S(!0), h());
-  }, [n.current, g]), /* @__PURE__ */ t(
-    "div",
-    {
-      className: "builder-embed",
-      ref: n,
-      dangerouslySetInnerHTML: { __html: e.content }
-    }
-  );
-}
-function Ee(e) {
-  return /* @__PURE__ */ t(
-    "img",
-    {
-      style: {
-        objectFit: e.backgroundSize || "cover",
-        objectPosition: e.backgroundPosition || "center"
-      },
-      alt: e.altText,
-      src: e.imgSrc || e.image,
-      ...e.attributes
-    },
-    w() && e.imgSrc || "default-key"
-  );
-}
-function Re(e) {
-  const n = M(null), [m, y] = k(() => []), [a, l] = k(() => []);
-  function g() {
-    if (n.current && n.current.getElementsByTagName && typeof window < "u") {
-      const S = n.current.getElementsByTagName("script");
-      for (let h = 0; h < S.length; h++) {
-        const c = S[h];
-        if (c.src) {
-          if (m.includes(c.src))
-            continue;
-          m.push(c.src);
-          const u = document.createElement("script");
-          u.async = !0, u.src = c.src, document.head.appendChild(u);
-        } else if (!c.type || [
-          "text/javascript",
-          "application/javascript",
-          "application/ecmascript"
-        ].includes(c.type)) {
-          if (a.includes(c.innerText))
-            continue;
-          try {
-            a.push(c.innerText), new Function(c.innerText)();
-          } catch (u) {
-            console.warn("`CustomCode`: Error running script:", u);
-          }
-        }
-      }
-    }
-  }
-  return v(() => {
-    g();
-  }, []), /* @__PURE__ */ t(
-    "div",
-    {
-      ref: n,
-      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
-      dangerouslySetInnerHTML: { __html: e.code }
-    }
-  );
-}
-const se = X({
-  content: null,
-  context: {},
-  localState: void 0,
-  rootSetState() {
-  },
-  rootState: {},
-  apiKey: null,
-  apiVersion: void 0,
-  componentInfos: {},
-  inheritedStyles: {}
-});
-function Te(e) {
-  var q, K, _, A, U;
-  const n = M(null), [m, y] = k(
-    () => F(e.canTrack) ? e.canTrack : !0
-  ), [a, l] = k(() => 0);
-  function g(i) {
-    var o, s, d, x, V;
-    const r = {
-      ...e.builderContextSignal.content,
-      ...i,
-      data: {
-        ...(o = e.builderContextSignal.content) == null ? void 0 : o.data,
-        ...i == null ? void 0 : i.data
-      },
-      meta: {
-        ...(s = e.builderContextSignal.content) == null ? void 0 : s.meta,
-        ...i == null ? void 0 : i.meta,
-        breakpoints: ((d = i == null ? void 0 : i.meta) == null ? void 0 : d.breakpoints) || ((V = (x = e.builderContextSignal.content) == null ? void 0 : x.meta) == null ? void 0 : V.breakpoints)
-      }
-    };
-    le({
-      value: r,
-      key: r.id
-    }).then(() => {
-      G.refresh();
-    });
-  }
-  k(() => 0);
-  const [S, h] = k(
-    () => !1
-  );
-  function c(i) {
-    var o;
-    const { data: r } = i;
-    if (r)
-      switch (r.type) {
-        case "builder.configureSdk": {
-          const s = r.data, { breakpoints: d, contentId: x } = s;
-          if (!x || x !== ((o = e.builderContextSignal.content) == null ? void 0 : o.id))
-            return;
-          d && g({
-            meta: {
-              breakpoints: d
-            }
-          }), l(a + 1);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const s = r.data, d = s.key || s.alias || s.entry || s.modelName, x = s.data;
-          d === e.model && (g(x), l(a + 1));
-          break;
-        }
-      }
-  }
-  function u() {
-    var r, o;
-    const i = (o = (r = e.builderContextSignal.content) == null ? void 0 : r.data) == null ? void 0 : o.jsCode;
-    i && Q({
-      code: i,
-      context: e.context || {},
-      localState: void 0,
-      rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState
-    });
-  }
-  const [f, C] = k(() => ({})), [E, P] = k(() => !1);
-  function R(i) {
-    var r, o;
-    if (e.builderContextSignal.content) {
-      const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, d = (o = e.builderContextSignal.content) == null ? void 0 : o.id;
-      H({
-        type: "click",
-        canTrack: m,
-        contentId: d,
-        apiKey: e.apiKey,
-        variationId: s !== d ? s : void 0,
-        ...ae(i),
-        unique: !E
-      });
-    }
-    E || P(!0);
-  }
-  function J(i) {
-    return i.replace(
-      /{{([^}]+)}}/g,
-      (r, o) => Q({
-        code: o,
-        context: e.context || {},
-        localState: void 0,
-        rootState: e.builderContextSignal.rootState,
-        rootSetState: e.builderContextSignal.rootSetState
-      })
-    );
-  }
-  function O({ url: i, key: r }) {
-    oe(i).then((o) => o.json()).then((o) => {
-      var d, x;
-      const s = {
-        ...e.builderContextSignal.rootState,
-        [r]: o
-      };
-      (x = (d = e.builderContextSignal).rootSetState) == null || x.call(d, s), f[r] = !0;
-    }).catch((o) => {
-      console.error("error fetching dynamic data", i, o);
-    });
-  }
-  function W() {
-    var r, o;
-    const i = ((o = (r = e.builderContextSignal.content) == null ? void 0 : r.data) == null ? void 0 : o.httpRequests) ?? {};
-    Object.entries(i).forEach(([s, d]) => {
-      if (d && (!f[s] || w())) {
-        const x = J(d);
-        O({
-          url: x,
-          key: s
-        });
-      }
-    });
-  }
-  function T() {
-    w() && window.dispatchEvent(
-      new CustomEvent(
-        "builder:component:stateChange",
-        {
-          detail: {
-            state: ce(e.builderContextSignal.rootState),
-            ref: {
-              name: e.model
-            }
-          }
-        }
-      )
-    );
-  }
-  const G = re();
-  return v(() => {
-    var i, r;
-    if (e.apiKey || ee.error(
-      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), j()) {
-      if (w() && (l(a + 1), window.addEventListener("message", c), te(), ne({
-        ...e.locale ? {
-          locale: e.locale
-        } : {},
-        ...e.includeRefs ? {
-          includeRefs: e.includeRefs
-        } : {},
-        ...e.enrich ? {
-          enrich: e.enrich
-        } : {}
-      }), Object.values(
-        e.builderContextSignal.componentInfos
-      ).forEach((o) => {
-        var d;
-        const s = ie(o);
-        (d = window.parent) == null || d.postMessage(s, "*");
-      }), window.addEventListener(
-        "builder:component:stateChangeListenerActivated",
-        T
-      )), e.builderContextSignal.content) {
-        const o = (i = e.builderContextSignal.content) == null ? void 0 : i.testVariationId, s = (r = e.builderContextSignal.content) == null ? void 0 : r.id;
-        H({
-          type: "impression",
-          canTrack: m,
-          contentId: s,
-          apiKey: e.apiKey,
-          variationId: o !== s ? o : void 0
-        });
-      }
-      u(), W(), T();
-    }
-  }, []), v(() => {
-  }, [e.content]), v(() => {
-    j() && (window.removeEventListener("message", c), window.addEventListener("message", c));
-  }, [S]), v(() => {
-    u();
-  }, [
-    (K = (q = e.builderContextSignal.content) == null ? void 0 : q.data) == null ? void 0 : K.jsCode,
-    e.builderContextSignal.rootState
-  ]), v(() => {
-    W();
-  }, [(A = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : A.httpRequests]), v(() => {
-    T();
-  }, [e.builderContextSignal.rootState]), v(() => () => {
-    j() && (window.removeEventListener("message", c), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      T
-    ));
-  }, []), /* @__PURE__ */ t(se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
-    "div",
-    {
-      ref: n,
-      onClick: (i) => R(i),
-      "builder-content-id": (U = e.builderContextSignal.content) == null ? void 0 : U.id,
-      "builder-model": e.model,
-      ...e.showContent ? {} : {
-        hidden: !0,
-        "aria-hidden": !0
-      },
-      className: e.classNameProp,
-      children: e.children
-    },
-    a
-  ) }) : null });
-}
-export {
-  ge as B,
-  Re as C,
-  we as E,
-  ye as F,
-  Se as I,
-  Ce as S,
-  Ie as V,
-  xe as a,
-  ke as b,
-  he as c,
-  ve as d,
-  Ee as e,
-  Te as f
-};

package/lib/edge/USE_CLIENT_BUNDLE-7b4d63a6.js

@@ -1,23 +0,0 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),l=require("react"),n=require("./bundle-8124c323.js"),z=require("./USE_SERVER_BUNDLE-dc7c843d.js"),M=require("next/navigation");function _(e){return t.jsxs(t.Fragment,{children:[e.link?t.jsx(t.Fragment,{children:t.jsx("a",{role:"button",...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,children:e.text})}):t.jsx(t.Fragment,{children:t.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-3e7bc8b2",children:e.text})}),t.jsx("style",{children:`.button-3e7bc8b2 {
-  all: unset;
-}`})]})}function A(e){const[i,S]=l.useState(()=>n.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0}));function y(){return n.checkIsDefined(i.hide)?!i.hide:n.checkIsDefined(i.show)?i.show:!0}function a(){var E;const s=i.responsiveStyles,h=e.context.content,b=n.getSizesForBreakpoints(((E=h==null?void 0:h.meta)==null?void 0:E.breakpoints)||{}),x=s==null?void 0:s.large,o=s==null?void 0:s.medium,g=s==null?void 0:s.small,f=i.id;if(!f)return"";const v=x?n.createCssClass({className:f,styles:x}):"",C=o?n.createCssClass({className:f,styles:o,mediaQuery:n.getMaxWidthQueryForSize("medium",b)}):"",I=g?n.createCssClass({className:f,styles:g,mediaQuery:n.getMaxWidthQueryForSize("small",b)}):"";return[v,C,I].join(" ")}return t.jsx(t.Fragment,{children:a()&&y()?t.jsx(t.Fragment,{children:t.jsx(n.InlinedStyles,{styles:a()})}):null})}function U(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:{...n.getBlockProperties({block:e.block,context:e.context}),...n.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})},children:e.children})}function D(e){return t.jsxs(t.Fragment,{children:[" ",e.hasChildren?t.jsx(t.Fragment,{children:t.jsxs(e.Wrapper,{...n.getBlockProperties({block:e.block,context:e.context}),...n.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:[" ",e.children," "]})}):t.jsx(t.Fragment,{children:t.jsx(e.Wrapper,{...n.getBlockProperties({block:e.block,context:e.context}),...n.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})})})," "]})}function K(e){function i(){var a;return"builder-blocks"+((a=e.blocks)!=null&&a.length?"":" no-blocks")}function S(){var a,s;n.isEditing()&&!((a=e.blocks)!=null&&a.length)&&((s=window.parent)==null||s.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function y(){var a,s;n.isEditing()&&!((a=e.blocks)!=null&&a.length)&&((s=window.parent)==null||s.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:i()+" div-5821bd52","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:a=>S(),onMouseEnter:a=>y(),onKeyPress:a=>S(),children:e.children}),t.jsx("style",{children:`.div-5821bd52 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}`})]})}function V(e){return t.jsx("span",{children:e.children})}function H(e){var a,s,h,b;function i(){var g;const o=e.image||e.src;if(!o||!(o.match(/builder\.io/)||o.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((g=e.image)!=null&&g.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),n.getSrcSet(o)}else if(e.image&&!e.srcset)return n.getSrcSet(o);return n.getSrcSet(o)}function S(){var x;return(x=i==null?void 0:i())!=null&&x.match(/builder\.io/)&&!e.noWebp?i().replace(/\?/g,"?format=webp&"):""}function y(){const x={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?x:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[S()?t.jsx(t.Fragment,{children:t.jsx("source",{type:"image/webp",srcSet:S()})}):null,t.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...y()},className:"builder-image"+(e.className?" "+e.className:"")+" img-ef11a6be",src:e.image,srcSet:i(),sizes:e.sizes})]}),e.aspectRatio&&!((s=(a=e.builderBlock)==null?void 0:a.children)!=null&&s.length&&e.fitContent)?t.jsx(t.Fragment,{children:t.jsx("div",{className:"builder-image-sizer div-ef11a6be",style:{paddingTop:e.aspectRatio*100+"%"}})}):null,(b=(h=e.builderBlock)==null?void 0:h.children)!=null&&b.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&e.children?t.jsx(t.Fragment,{children:t.jsx("div",{className:"div-ef11a6be-2",children:e.children})}):null]}),t.jsx("style",{children:`.img-ef11a6be {
-  opacity: 1;
-  transition: opacity 0.2s ease-in-out;
-}.div-ef11a6be {
-  width: 100%;
-  pointer-events: none;
-  font-size: 0;
-}.div-ef11a6be-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}`})]})}function Q(e){return t.jsx("section",{...e.attributes,style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"},children:e.children})}function J(e){var y;function i(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function S(){return{...e.attributes,...i()}}return t.jsx("video",{...S(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(y=e.attributes)==null?void 0:y.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},src:e.video||"no-src",poster:e.posterImage})}function O(e){const i=l.useRef(null),[S,y]=l.useState(()=>[]),[a,s]=l.useState(()=>[]),[h,b]=l.useState(()=>!1);function x(){if(!i.current||!i.current.getElementsByTagName)return;const o=i.current.getElementsByTagName("script");for(let g=0;g<o.length;g++){const f=o[g];if(f.src&&!S.includes(f.src)){S.push(f.src);const v=document.createElement("script");v.async=!0,v.src=f.src,document.head.appendChild(v)}else if(n.isJsScript(f)&&!a.includes(f.innerText))try{a.push(f.innerText),new Function(f.innerText)()}catch(v){console.warn("`Embed`: Error running script:",v)}}}return l.useEffect(()=>{i.current&&!h&&(b(!0),x())},[i.current,h]),t.jsx("div",{className:"builder-embed",ref:i,dangerouslySetInnerHTML:{__html:e.content}})}function G(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},n.isEditing()&&e.imgSrc||"default-key")}function X(e){const i=l.useRef(null),[S,y]=l.useState(()=>[]),[a,s]=l.useState(()=>[]);function h(){if(i.current&&i.current.getElementsByTagName&&typeof window<"u"){const b=i.current.getElementsByTagName("script");for(let x=0;x<b.length;x++){const o=b[x];if(o.src){if(S.includes(o.src))continue;S.push(o.src);const g=document.createElement("script");g.async=!0,g.src=o.src,document.head.appendChild(g)}else if(!o.type||["text/javascript","application/javascript","application/ecmascript"].includes(o.type)){if(a.includes(o.innerText))continue;try{a.push(o.innerText),new Function(o.innerText)()}catch(g){console.warn("`CustomCode`: Error running script:",g)}}}}}return l.useEffect(()=>{h()},[]),t.jsx("div",{ref:i,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const Y=l.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{}});function Z(e){var w,B,F,P,T;const i=l.useRef(null),[S,y]=l.useState(()=>n.checkIsDefined(e.canTrack)?e.canTrack:!0),[a,s]=l.useState(()=>0);function h(c){var r,u,m,k,N;const d={...e.builderContextSignal.content,...c,data:{...(r=e.builderContextSignal.content)==null?void 0:r.data,...c==null?void 0:c.data},meta:{...(u=e.builderContextSignal.content)==null?void 0:u.meta,...c==null?void 0:c.meta,breakpoints:((m=c==null?void 0:c.meta)==null?void 0:m.breakpoints)||((N=(k=e.builderContextSignal.content)==null?void 0:k.meta)==null?void 0:N.breakpoints)}};z.postPreviewContent({value:d,key:d.id}).then(()=>{W.refresh()})}l.useState(()=>0);const[b,x]=l.useState(()=>!1);function o(c){var r;const{data:d}=c;if(d)switch(d.type){case"builder.configureSdk":{const u=d.data,{breakpoints:m,contentId:k}=u;if(!k||k!==((r=e.builderContextSignal.content)==null?void 0:r.id))return;m&&h({meta:{breakpoints:m}}),s(a+1);break}case"builder.contentUpdate":{const u=d.data,m=u.key||u.alias||u.entry||u.modelName,k=u.data;m===e.model&&(h(k),s(a+1));break}}}function g(){var d,r;const c=(r=(d=e.builderContextSignal.content)==null?void 0:d.data)==null?void 0:r.jsCode;c&&n.evaluate({code:c,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[f,v]=l.useState(()=>({})),[C,I]=l.useState(()=>!1);function E(c){var d,r;if(e.builderContextSignal.content){const u=(d=e.builderContextSignal.content)==null?void 0:d.testVariationId,m=(r=e.builderContextSignal.content)==null?void 0:r.id;n._track({type:"click",canTrack:S,contentId:m,apiKey:e.apiKey,variationId:u!==m?u:void 0,...n.getInteractionPropertiesForEvent(c),unique:!C})}C||I(!0)}function q(c){return c.replace(/{{([^}]+)}}/g,(d,r)=>n.evaluate({code:r,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function L({url:c,key:d}){n.fetch(c).then(r=>r.json()).then(r=>{var m,k;const u={...e.builderContextSignal.rootState,[d]:r};(k=(m=e.builderContextSignal).rootSetState)==null||k.call(m,u),f[d]=!0}).catch(r=>{console.error("error fetching dynamic data",c,r)})}function R(){var d,r;const c=((r=(d=e.builderContextSignal.content)==null?void 0:d.data)==null?void 0:r.httpRequests)??{};Object.entries(c).forEach(([u,m])=>{if(m&&(!f[u]||n.isEditing())){const k=q(m);L({url:k,key:u})}})}function j(){n.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:n.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}const W=M.useRouter();return l.useEffect(()=>{var c,d;if(e.apiKey||n.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),n.isBrowser()){if(n.isEditing()&&(s(a+1),window.addEventListener("message",o),n.registerInsertMenu(),n.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(r=>{var m;const u=n.createRegisterComponentMessage(r);(m=window.parent)==null||m.postMessage(u,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",j)),e.builderContextSignal.content){const r=(c=e.builderContextSignal.content)==null?void 0:c.testVariationId,u=(d=e.builderContextSignal.content)==null?void 0:d.id;n._track({type:"impression",canTrack:S,contentId:u,apiKey:e.apiKey,variationId:r!==u?r:void 0})}g(),R(),j()}},[]),l.useEffect(()=>{},[e.content]),l.useEffect(()=>{n.isBrowser()&&(window.removeEventListener("message",o),window.addEventListener("message",o))},[b]),l.useEffect(()=>{g()},[(B=(w=e.builderContextSignal.content)==null?void 0:w.data)==null?void 0:B.jsCode,e.builderContextSignal.rootState]),l.useEffect(()=>{R()},[(P=(F=e.builderContextSignal.content)==null?void 0:F.data)==null?void 0:P.httpRequests]),l.useEffect(()=>{j()},[e.builderContextSignal.rootState]),l.useEffect(()=>()=>{n.isBrowser()&&(window.removeEventListener("message",o),window.removeEventListener("builder:component:stateChangeListenerActivated",j))},[]),t.jsx(Y.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?t.jsx(t.Fragment,{children:t.jsx("div",{ref:i,onClick:c=>E(c),"builder-content-id":(T=e.builderContextSignal.content)==null?void 0:T.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp,children:e.children},a)}):null})}exports.BlockStyles=A;exports.BlockWrapper=D;exports.BlocksWrapper=K;exports.Button=_;exports.CustomCode=X;exports.Embed=O;exports.EnableEditor=Z;exports.FragmentComponent=V;exports.Image=H;exports.ImgComponent=G;exports.InteractiveElement=U;exports.SectionComponent=Q;exports.Video=J;