@builder.io/sdk-vue 5.1.0 → 5.2.0

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-AumTeVyL.cjs"),t=require("./should-force-browser-runtime-in-node-IsToRTN-.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;exports.isEditing=t.isEditing;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-z7Ed9MEJ.cjs"),t=require("./should-force-browser-runtime-in-node-kkE7IeZS.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.isEditing=t.isEditing;exports.track=t.track;

package/lib/node/index.mjs

@@ -1,11 +1,11 @@
-import { m as t, b as a, k as r, C as i, n as o, F as n, I as c, S as g, l, T as m, V as u, z as d, p as C, y as p, A as b, D as f, u as h, o as x, r as B, q as E, s as S, t as k, x as y, v as A } from "./index-SH8gdiHf.js";
-import { h as T } from "./should-force-browser-runtime-in-node-5h08TaCf.js";
+import { m as t, b as a, k as r, C as o, n as i, F as n, I as c, S as g, l, T as m, V as u, y as d, p as C, x as p, z as b, A as f, u as x, o as B, r as E, q as S, s as h, t as k, v as y } from "./index-9Wxomhx_.js";
+import { o as P, t as T } from "./should-force-browser-runtime-in-node-0jTQ7bdA.js";
 export {
   t as Blocks,
   a as BuilderContext,
   r as Button,
-  i as Columns,
-  o as Content,
+  o as Columns,
+  i as Content,
   n as Fragment,
   c as Image,
   g as Section,
@@ -17,13 +17,13 @@ export {
   p as fetchBuilderProps,
   b as fetchEntries,
   f as fetchOneEntry,
-  h as getBuilderSearchParams,
-  T as isEditing,
-  x as isPreviewing,
-  B as register,
-  E as registerAction,
-  S as setClientUserAttributes,
+  x as getBuilderSearchParams,
+  P as isEditing,
+  B as isPreviewing,
+  E as register,
+  S as registerAction,
+  h as setClientUserAttributes,
   k as setEditorSettings,
   y as subscribeToEditor,
-  A as track
+  T as track
 };

package/lib/node/init.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./should-force-browser-runtime-in-node-IsToRTN-.cjs"),t=require("isolated-vm"),n=i=>{if(e.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:o}=i||{};e.setIvm(t,o)};exports.initializeNodeRuntime=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./should-force-browser-runtime-in-node-kkE7IeZS.cjs"),t=require("isolated-vm"),n=i=>{if(e.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:o}=i||{};e.setIvm(t,o)};exports.initializeNodeRuntime=n;

package/lib/node/init.mjs

@@ -1,4 +1,4 @@
-import { s as t, k as e } from "./should-force-browser-runtime-in-node-5h08TaCf.js";
+import { s as t, u as e } from "./should-force-browser-runtime-in-node-0jTQ7bdA.js";
 import r from "isolated-vm";
 const m = (o) => {
   if (t({

package/lib/{edge/live-edit-TWpZ33A7.js → node/live-edit-ZjrPT1e_.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, openBlock as r, createBlock as n, resolveDynamicComponent as i, mergeProps as s, withCtx as p, renderSlot as a } from "vue";
 import { f as c } from "./find-block-3Ig0kVVe.js";
-import { b as d, _ as l } from "./index-Agn-gjHJ.js";
+import { b as d, _ as l } from "./index-9Wxomhx_.js";
 const m = o({
   name: "live-edit",
   props: ["id", "attributes", "Wrapper"],

package/lib/{edge/live-edit-nHq1I7ij.cjs → node/live-edit-nQPgUSEF.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-ljVeDS39.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-z7Ed9MEJ.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;

package/lib/node/{repeated-block-4pHYUEBM.cjs → repeated-block-G-7Wr2Ub.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-AumTeVyL.cjs"),r=()=>Promise.resolve().then(()=>require("./index-AumTeVyL.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const i=t._export_sfc(c,[["render",s]]);exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-z7Ed9MEJ.cjs"),r=()=>Promise.resolve().then(()=>require("./index-z7Ed9MEJ.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const i=t._export_sfc(c,[["render",s]]);exports.default=i;

package/lib/{edge/repeated-block-_wYfLmVg.js → node/repeated-block-zGwBOU59.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as s } from "vue";
-import { b as c, _ as i } from "./index-Agn-gjHJ.js";
-const a = () => import("./index-Agn-gjHJ.js").then((e) => e.K).then((e) => e.default).catch((e) => {
+import { b as c, _ as i } from "./index-9Wxomhx_.js";
+const a = () => import("./index-9Wxomhx_.js").then((e) => e.E).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e

package/lib/node/{should-force-browser-runtime-in-node-5h08TaCf.js → should-force-browser-runtime-in-node-0jTQ7bdA.js}

@@ -10,8 +10,8 @@ function isBrowser() {
 }
 const convertSearchParamsToQueryObject = (e) => {
   const t = {};
-  return e.forEach((r, n) => {
-    t[n] = r;
+  return e.forEach((r, o) => {
+    t[o] = r;
   }), t;
 }, normalizeSearchParams = (e) => e instanceof URLSearchParams ? convertSearchParamsToQueryObject(e) : e, getSearchString = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
 function isIframe() {
@@ -47,29 +47,242 @@ const getLocation = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || TARGET === "reactNative";
     }
-  }, r = e.match(/Tablet|iPad/i), n = getLocation();
+  }, r = e.match(/Tablet|iPad/i), o = getLocation();
   return {
-    urlPath: n == null ? void 0 : n.pathname,
-    host: (n == null ? void 0 : n.host) || (n == null ? void 0 : n.hostname),
+    urlPath: o == null ? void 0 : o.pathname,
+    host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: r ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, getFunctionArguments = ({
+}, SDK_VERSION = "5.2.0", getSdkHeaders = () => ({
+  "X-Builder-SDK": TARGET,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": SDK_VERSION
+}), checkIsDefined = (e) => e != null, getTopLevelDomain = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, getCookieSync = ({
+  name: e,
+  canTrack: t
+}) => {
+  var r;
+  try {
+    return t ? (r = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : r.split("=")[1] : void 0;
+  } catch (o) {
+    logger.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    return;
+  }
+}, getCookie = async (e) => getCookieSync(e), stringifyCookie = (e) => e.map(([t, r]) => r ? `${t}=${r}` : t).filter(checkIsDefined).join("; "), SECURE_CONFIG = [["secure", ""], ["SameSite", "None"]], createCookieString = ({
+  name: e,
+  value: t,
+  expires: r
+}) => {
+  const n = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], s = r ? [["expires", r.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...n];
+  return stringifyCookie(i);
+}, setCookie = async ({
+  name: e,
+  value: t,
+  expires: r,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const n = createCookieString({
+      name: e,
+      value: t,
+      expires: r
+    });
+    document.cookie = n;
+  } catch (n) {
+    logger.warn("[COOKIE] SET error: ", (n == null ? void 0 : n.message) || n);
+  }
+};
+function uuidv4() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+    const t = Math.random() * 16 | 0;
+    return (e == "x" ? t : t & 3 | 8).toString(16);
+  });
+}
+function uuid() {
+  return uuidv4().replace(/-/g, "");
+}
+const SESSION_LOCAL_STORAGE_KEY = "builderSessionId", getSessionId = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await getCookie({
+    name: SESSION_LOCAL_STORAGE_KEY,
+    canTrack: e
+  });
+  if (checkIsDefined(t))
+    return t;
+  {
+    const r = createSessionId();
+    return setSessionId({
+      id: r,
+      canTrack: e
+    }), r;
+  }
+}, createSessionId = () => uuid(), setSessionId = ({
+  id: e,
+  canTrack: t
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  value: e,
+  canTrack: t
+}), getLocalStorage = () => isBrowser() && typeof localStorage < "u" ? localStorage : void 0, getLocalStorageItem = ({
+  key: e,
+  canTrack: t
+}) => {
+  var r;
+  try {
+    return t ? (r = getLocalStorage()) == null ? void 0 : r.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+    return;
+  }
+}, setLocalStorageItem = ({
+  key: e,
+  canTrack: t,
+  value: r
+}) => {
+  var o;
+  try {
+    t && ((o = getLocalStorage()) == null || o.setItem(e, r));
+  } catch (n) {
+    console.debug("[LocalStorage] SET error: ", n);
+  }
+}, VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId", getVisitorId = ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = getLocalStorageItem({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    canTrack: e
+  });
+  if (checkIsDefined(t))
+    return t;
+  {
+    const r = createVisitorId();
+    return setVisitorId({
+      id: r,
+      canTrack: e
+    }), r;
+  }
+}, createVisitorId = () => uuid(), setVisitorId = ({
+  id: e,
+  canTrack: t
+}) => setLocalStorageItem({
+  key: VISITOR_LOCAL_STORAGE_KEY,
+  value: e,
+  canTrack: t
+});
+function logFetch(e) {
+  var t;
+  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && logger.log(e);
+}
+const getTrackingEventData = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const t = await getSessionId({
+    canTrack: e
+  }), r = getVisitorId({
+    canTrack: e
+  });
+  return {
+    sessionId: t,
+    visitorId: r
+  };
+}, createEvent = async ({
+  type: e,
+  canTrack: t,
+  apiKey: r,
+  metadata: o,
+  ...n
+}) => ({
+  type: e,
+  data: {
+    ...n,
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await getTrackingEventData({
+      canTrack: t
+    }),
+    userAttributes: getUserAttributes(),
+    ownerId: r
+  }
+});
+async function _track({
+  apiHost: e,
+  ...t
+}) {
+  if (!t.apiKey) {
+    logger.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!t.canTrack || isEditing() || !(isBrowser() || TARGET === "reactNative"))
+    return;
+  const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
+  return logFetch(o), fetch(o, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await createEvent(t)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...getSdkHeaders()
+    },
+    mode: "cors"
+  }).catch((n) => {
+    console.error("Failed to track: ", n);
+  });
+}
+const track = (e) => _track({
+  ...e,
+  canTrack: !0
+}), getFunctionArguments = ({
   builder: e,
   context: t,
   event: r,
-  state: n
+  state: o
 }) => Object.entries({
-  state: n,
+  state: o,
   Builder: e,
   // legacy
   builder: e,
   context: t,
   event: r
-}), getBuilderGlobals = () => ({
+}), getBuilderGlobals = (e) => ({
   isEditing: isEditing(),
   isBrowser: isBrowser(),
   isServer: !isBrowser(),
-  getUserAttributes: () => getUserAttributes()
+  getUserAttributes: () => getUserAttributes(),
+  trackConversion: (t, r) => {
+    !(e != null && e.apiKey) || (e == null ? void 0 : e.canTrack) === !1 || _track({
+      type: "conversion",
+      apiKey: e.apiKey,
+      canTrack: e.canTrack ?? !0,
+      contentId: e.contentId,
+      variationId: e.variationId !== e.contentId ? e.variationId : void 0,
+      metadata: {
+        ...r || {},
+        ...t !== void 0 ? {
+          amount: t
+        } : {}
+      }
+    });
+  }
 }), parseCode = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
@@ -79,22 +292,22 @@ function flattenState({
   rootSetState: r
 }) {
   return new Proxy(e, {
-    get: (n, o) => {
-      if (t && o in t)
-        return t[o];
-      const s = n[o];
+    get: (o, n) => {
+      if (t && n in t)
+        return t[n];
+      const s = o[n];
       return typeof s == "object" && s !== null ? flattenState({
         rootState: s,
         localState: void 0,
         rootSetState: r ? (i) => {
-          n[o] = i, r(n);
+          o[n] = i, r(o);
         } : void 0
       }) : s;
     },
-    set: (n, o, s) => {
-      if (t && o in t)
+    set: (o, n, s) => {
+      if (t && n in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return n[o] = s, r == null || r(n), !0;
+      return o[n] = s, r == null || r(o), !0;
     }
   });
 }
@@ -110,8 +323,8 @@ const SDK_NAME_FOR_TARGET = (() => {
 })(), SDK_NAME = `@builder.io/sdk-${SDK_NAME_FOR_TARGET}`, fastClone = (e) => JSON.parse(JSON.stringify(e)), set = (e, t, r) => {
   if (Object(e) !== e)
     return e;
-  const n = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return n.slice(0, -1).reduce((o, s, i) => Object(o[s]) === o[s] ? o[s] : o[s] = Math.abs(Number(n[i + 1])) >> 0 === +n[i + 1] ? [] : {}, e)[n[n.length - 1]] = r, e;
+  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return o.slice(0, -1).reduce((n, s, i) => Object(n[s]) === n[s] ? n[s] : n[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = r, e;
 }, noop = () => {
 };
 let safeDynamicRequire = noop;
@@ -153,7 +366,7 @@ var refToProxy = (obj) => {
   code: e,
   args: t
 }) => {
-  const r = t.map(([n]) => `var ${n} = refToProxy(${getSyncValName(n)}); `).join("");
+  const r = t.map(([o]) => `var ${o} = refToProxy(${getSyncValName(o)}); `).join("");
   return `
 ${REF_TO_PROXY_FN}
 ${r}
@@ -198,8 +411,8 @@ const setIvm = (e, t) => {
   code: e,
   builder: t,
   context: r,
-  event: n,
-  localState: o,
+  event: o,
+  localState: n,
   rootSetState: s,
   rootState: i
 }) => {
@@ -211,35 +424,35 @@ const setIvm = (e, t) => {
     a.setSync("global", a.derefInto()), a.setSync("log", function(...c) {
       console.log(...c);
     }), a.setSync(INJECTED_IVM_GLOBAL, d);
-    const y = fastClone({
+    const I = fastClone({
       ...i,
-      ...o
+      ...n
     }), g = getFunctionArguments({
       builder: t,
       context: r,
-      event: n,
-      state: y
+      event: o,
+      state: I
     });
     a.setSync(BUILDER_SET_STATE_NAME, function(c, u) {
       set(i, c, u), s == null || s(i);
     }), g.forEach(([c, u]) => {
-      const p = typeof u == "object" ? new d.Reference(
+      const y = typeof u == "object" ? new d.Reference(
         // workaround: methods with default values for arguments is not being cloned over
         c === "builder" ? {
           ...u,
           getUserAttributes: () => u.getUserAttributes()
         } : u
       ) : null;
-      a.setSync(getSyncValName(c), p);
+      a.setSync(getSyncValName(c), y);
     });
     const E = processCode({
       code: e,
       args: g
-    }), m = f.evalClosureSync(E);
+    }), S = f.evalClosureSync(E);
     try {
-      return JSON.parse(m);
+      return JSON.parse(S);
     } catch {
-      return m;
+      return S;
     }
   } finally {
     if (l)
@@ -248,7 +461,7 @@ const setIvm = (e, t) => {
       } catch {
       }
   }
-}, checkIsDefined = (e) => e != null;
+};
 function isNodeRuntime() {
   var e;
   return typeof process < "u" && checkIsDefined((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
@@ -256,28 +469,35 @@ function isNodeRuntime() {
 const shouldForceBrowserRuntimeInNode = ({
   shouldLogWarning: e
 }) => {
-  var o;
+  var n;
   if (!isNodeRuntime())
     return !1;
-  const t = process.arch === "arm64", r = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
-  return t && r && !n ? (e && logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+  const t = process.arch === "arm64", r = process.version.startsWith("v20"), o = (n = process.env.NODE_OPTIONS) == null ? void 0 : n.includes("--no-node-snapshot");
+  return t && r && !o ? (e && logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
 };
 export {
+  SDK_VERSION as S,
   TARGET as T,
+  _track as _,
   getBuilderGlobals as a,
   set as b,
   fastClone as c,
   getSearchString as d,
-  checkIsDefined as e,
+  getCookieSync as e,
   flattenState as f,
   getFunctionArguments as g,
-  isEditing as h,
+  checkIsDefined as h,
   isBrowser as i,
-  getUserAttributes as j,
-  setIvm as k,
+  getCookie as j,
+  setCookie as k,
   logger as l,
+  getSdkHeaders as m,
   normalizeSearchParams as n,
+  isEditing as o,
   parseCode as p,
+  logFetch as q,
   runInNode as r,
-  shouldForceBrowserRuntimeInNode as s
+  shouldForceBrowserRuntimeInNode as s,
+  track as t,
+  setIvm as u
 };

package/lib/node/should-force-browser-runtime-in-node-kkE7IeZS.cjs

@@ -0,0 +1,48 @@
+"use strict";const node_module=require("node:module");var _documentCurrentScript=typeof document<"u"?document.currentScript:null;const TARGET="vue",MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}const convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((r,o)=>{t[o]=r}),t},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,getSearchString=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(e){return isIframe()&&getSearchString(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},r=e.match(/Tablet|iPad/i),o=getLocation();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:r?"tablet":t.any()?"mobile":"desktop"}},SDK_VERSION="5.2.0",getSdkHeaders=()=>({"X-Builder-SDK":TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":SDK_VERSION}),checkIsDefined=e=>e!=null,getTopLevelDomain=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},getCookieSync=({name:e,canTrack:t})=>{var r;try{return t?(r=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:r.split("=")[1]:void 0}catch(o){logger.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},getCookie=async e=>getCookieSync(e),stringifyCookie=e=>e.map(([t,r])=>r?`${t}=${r}`:t).filter(checkIsDefined).join("; "),SECURE_CONFIG=[["secure",""],["SameSite","None"]],createCookieString=({name:e,value:t,expires:r})=>{const n=(isBrowser()?location.protocol==="https:":!0)?SECURE_CONFIG:[[]],s=r?[["expires",r.toUTCString()]]:[[]],i=[[e,t],...s,["path","/"],["domain",getTopLevelDomain(window.location.hostname)],...n];return stringifyCookie(i)},setCookie=async({name:e,value:t,expires:r,canTrack:o})=>{try{if(!o)return;const n=createCookieString({name:e,value:t,expires:r});document.cookie=n}catch(n){logger.warn("[COOKIE] SET error: ",(n==null?void 0:n.message)||n)}};function uuidv4(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function uuid(){return uuidv4().replace(/-/g,"")}const SESSION_LOCAL_STORAGE_KEY="builderSessionId",getSessionId=async({canTrack:e})=>{if(!e)return;const t=await getCookie({name:SESSION_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const r=createSessionId();return setSessionId({id:r,canTrack:e}),r}},createSessionId=()=>uuid(),setSessionId=({id:e,canTrack:t})=>setCookie({name:SESSION_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getLocalStorage=()=>isBrowser()&&typeof localStorage<"u"?localStorage:void 0,getLocalStorageItem=({key:e,canTrack:t})=>{var r;try{return t?(r=getLocalStorage())==null?void 0:r.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},setLocalStorageItem=({key:e,canTrack:t,value:r})=>{var o;try{t&&((o=getLocalStorage())==null||o.setItem(e,r))}catch(n){console.debug("[LocalStorage] SET error: ",n)}},VISITOR_LOCAL_STORAGE_KEY="builderVisitorId",getVisitorId=({canTrack:e})=>{if(!e)return;const t=getLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const r=createVisitorId();return setVisitorId({id:r,canTrack:e}),r}},createVisitorId=()=>uuid(),setVisitorId=({id:e,canTrack:t})=>setLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,value:e,canTrack:t});function logFetch(e){var t;typeof process<"u"&&((t=process.env)!=null&&t.DEBUG)&&String(process.env.DEBUG)=="true"&&logger.log(e)}const getTrackingEventData=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await getSessionId({canTrack:e}),r=getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},createEvent=async({type:e,canTrack:t,apiKey:r,metadata:o,...n})=>({type:e,data:{...n,metadata:{url:location.href,...o},...await getTrackingEventData({canTrack:t}),userAttributes:getUserAttributes(),ownerId:r}});async function _track({apiHost:e,...t}){if(!t.apiKey){logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||isEditing()||!(isBrowser()||TARGET==="reactNative"))return;const o=`${e||"https://cdn.builder.io"}/api/v1/track`;return logFetch(o),fetch(o,{method:"POST",body:JSON.stringify({events:[await createEvent(t)]}),headers:{"content-type":"application/json",...getSdkHeaders()},mode:"cors"}).catch(n=>{console.error("Failed to track: ",n)})}const track=e=>_track({...e,canTrack:!0}),getFunctionArguments=({builder:e,context:t,event:r,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:r}),getBuilderGlobals=e=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes(),trackConversion:(t,r)=>{!(e!=null&&e.apiKey)||(e==null?void 0:e.canTrack)===!1||_track({type:"conversion",apiKey:e.apiKey,canTrack:e.canTrack??!0,contentId:e.contentId,variationId:e.variationId!==e.contentId?e.variationId:void 0,metadata:{...r||{},...t!==void 0?{amount:t}:{}}})}}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function flattenState({rootState:e,localState:t,rootSetState:r}){return new Proxy(e,{get:(o,n)=>{if(t&&n in t)return t[n];const s=o[n];return typeof s=="object"&&s!==null?flattenState({rootState:s,localState:void 0,rootSetState:r?i=>{o[n]=i,r(o)}:void 0}):s},set:(o,n,s)=>{if(t&&n in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[n]=s,r==null||r(o),!0}})}const SDK_NAME_FOR_TARGET=(()=>{switch(TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,fastClone=e=>JSON.parse(JSON.stringify(e)),set=(e,t,r)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((n,s,i)=>Object(n[s])===n[s]?n[s]:n[s]=Math.abs(Number(o[i+1]))>>0===+o[i+1]?[]:{},e)[o[o.length-1]]=r,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:_documentCurrentScript&&_documentCurrentScript.src||new URL("should-force-browser-runtime-in-node-kkE7IeZS.cjs",document.baseURI).href)}catch(error){try{safeDynamicRequire=eval("require")}catch(e){}}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
+var refToProxy = (obj) => {
+  if (typeof obj !== 'object' || obj === null) {
+    return obj;
+  }
+  return new Proxy({}, {
+    get(target, key) {
+        if (key === 'copySync') {
+          return () => obj.copySync();
+        }
+        const val = obj.getSync(key);
+        if (typeof val?.getSync === 'function') {
+            return refToProxy(val);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        const v = typeof value === 'object' ? new ${INJECTED_IVM_GLOBAL}.Reference(value) : value;
+        obj.setSync(key, v);
+        ${BUILDER_SET_STATE_NAME}(key, value)
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`,processCode=({code:e,args:t})=>{const r=t.map(([o])=>`var ${o} = refToProxy(${getSyncValName(o)}); `).join("");return`
+${REF_TO_PROXY_FN}
+${r}
+function theFunction() {
+  ${e}
+}
+
+const output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  return JSON.stringify(output.copySync ? output.copySync() : output);
+} else {
+  return output;
+}
+`};let IVM_INSTANCE=null,IVM_OPTIONS={memoryLimit:128};const setIvm=(e,t)=>{IVM_INSTANCE||(IVM_INSTANCE=e,t&&(IVM_OPTIONS=t))},SHOULD_MENTION_INITIALIZE_SCRIPT=SDK_NAME==="@builder.io/sdk-react-nextjs"||SDK_NAME==="@builder.io/sdk-react"||SDK_NAME==="@builder.io/sdk-qwik"||SDK_NAME==="@builder.io/sdk-vue",getIvm=()=>{try{if(IVM_INSTANCE)return IVM_INSTANCE;const t=safeDynamicRequire("isolated-vm");if(t)return t}catch(t){logger.error("isolated-vm import error.",t)}const e=`${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
+    
+    SOLUTION: In a server-only execution path within your application, do one of the following:
+  
+    ${SHOULD_MENTION_INITIALIZE_SCRIPT?`- import and call \`initializeNodeRuntime()\` from "${SDK_NAME}/node/init".`:""}
+    - add the following import: \`await import('isolated-vm')\`.
+
+    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(e)},runInNode=({code:e,builder:t,context:r,event:o,localState:n,rootSetState:s,rootState:i})=>{const d=getIvm();let l;try{l=new d.Isolate(IVM_OPTIONS);const g=l.createContextSync(),a=g.global;a.setSync("global",a.derefInto()),a.setSync("log",function(...c){console.log(...c)}),a.setSync(INJECTED_IVM_GLOBAL,d);const I=fastClone({...i,...n}),S=getFunctionArguments({builder:t,context:r,event:o,state:I});a.setSync(BUILDER_SET_STATE_NAME,function(c,u){set(i,c,u),s==null||s(i)}),S.forEach(([c,u])=>{const m=typeof u=="object"?new d.Reference(c==="builder"?{...u,getUserAttributes:()=>u.getUserAttributes()}:u):null;a.setSync(getSyncValName(c),m)});const p=processCode({code:e,args:S}),f=g.evalClosureSync(p);try{return JSON.parse(f)}catch{return f}}finally{if(l)try{l.dispose()}catch{}}};function isNodeRuntime(){var e;return typeof process<"u"&&checkIsDefined((e=process==null?void 0:process.versions)==null?void 0:e.node)}const shouldForceBrowserRuntimeInNode=({shouldLogWarning:e})=>{var n;if(!isNodeRuntime())return!1;const t=process.arch==="arm64",r=process.version.startsWith("v20"),o=(n=process.env.NODE_OPTIONS)==null?void 0:n.includes("--no-node-snapshot");return t&&r&&!o?(e&&logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1};exports.SDK_VERSION=SDK_VERSION;exports.TARGET=TARGET;exports._track=_track;exports.checkIsDefined=checkIsDefined;exports.fastClone=fastClone;exports.flattenState=flattenState;exports.getBuilderGlobals=getBuilderGlobals;exports.getCookie=getCookie;exports.getCookieSync=getCookieSync;exports.getFunctionArguments=getFunctionArguments;exports.getSdkHeaders=getSdkHeaders;exports.getSearchString=getSearchString;exports.isBrowser=isBrowser;exports.isEditing=isEditing;exports.logFetch=logFetch;exports.logger=logger;exports.normalizeSearchParams=normalizeSearchParams;exports.parseCode=parseCode;exports.runInNode=runInNode;exports.set=set;exports.setCookie=setCookie;exports.setIvm=setIvm;exports.shouldForceBrowserRuntimeInNode=shouldForceBrowserRuntimeInNode;exports.track=track;

package/lib/node/{style-wrapper-7nh-8JLA.cjs → style-wrapper-QZvOi8Ur.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-IsToRTN-.cjs"),s=require("./index-AumTeVyL.cjs"),T=require("./find-block-FREohLcp.cjs"),_=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var h,B,C,f,v;const e=this.block,t=e.responsiveStyles,n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),p=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const b=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",g=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",k=r&&p?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let S="";if(i){const y=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};S=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,x,g,k,S].join(" ")}}});function E(e,t,n,l,p,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const P=s._export_sfc(_,[["render",E]]),I=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return T.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var S,h,B,C,f,v,y;const e=(S=this.processedBlock)==null?void 0:S.responsiveStyles,t=this.contextProvider.content,n=s.getSizesForBreakpoints(((h=t==null?void 0:t.meta)==null?void 0:h.breakpoints)||{}),l=!!((C=(B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),p=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(f=this.processedBlock)==null?void 0:f.id;if(!r)return"";const m=p?s.createCssClass({className:r,styles:p}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",g=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",k=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(k){const $=((y=(v=k.steps)==null?void 0:v[1])==null?void 0:y.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${k.duration}s ${s.camelToKebabCase(k.easing)}`,transitionDelay:k.delay?`${k.delay}s`:"0s"}})||""}return[m,b,x,g,i].join(" ")}}});function Q(e,t,n,l,p,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const A=s._export_sfc(I,[["render",Q]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:P,LiveEditBlockStyles:A},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,p,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const F=s._export_sfc(w,[["render",z]]);exports.default=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-kkE7IeZS.cjs"),s=require("./index-z7Ed9MEJ.cjs"),T=require("./find-block-FREohLcp.cjs"),_=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var h,B,C,f,v;const e=this.block,t=e.responsiveStyles,n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),p=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const b=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",g=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",k=r&&p?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let S="";if(i){const y=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};S=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,x,g,k,S].join(" ")}}});function E(e,t,n,l,p,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const P=s._export_sfc(_,[["render",E]]),I=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return T.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var S,h,B,C,f,v,y;const e=(S=this.processedBlock)==null?void 0:S.responsiveStyles,t=this.contextProvider.content,n=s.getSizesForBreakpoints(((h=t==null?void 0:t.meta)==null?void 0:h.breakpoints)||{}),l=!!((C=(B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),p=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(f=this.processedBlock)==null?void 0:f.id;if(!r)return"";const m=p?s.createCssClass({className:r,styles:p}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",g=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",k=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(k){const $=((y=(v=k.steps)==null?void 0:v[1])==null?void 0:y.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${k.duration}s ${s.camelToKebabCase(k.easing)}`,transitionDelay:k.delay?`${k.delay}s`:"0s"}})||""}return[m,b,x,g,i].join(" ")}}});function Q(e,t,n,l,p,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const A=s._export_sfc(I,[["render",Q]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:P,LiveEditBlockStyles:A},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,p,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const F=s._export_sfc(w,[["render",z]]);exports.default=F;