@builder.io/sdk-react 2.0.1 → 2.0.3

package/lib/browser/server-entry-0687830a.js

@@ -0,0 +1,688 @@
+const v = "react", b = "[Builder.io]: ", f = {
+  log: (...t) => console.log(b, ...t),
+  error: (...t) => console.error(b, ...t),
+  warn: (...t) => console.warn(b, ...t),
+  debug: (...t) => console.debug(b, ...t)
+};
+function c() {
+  return typeof window != "undefined" && typeof document != "undefined";
+}
+const q = (t) => {
+  const e = {};
+  return t.forEach((n, r) => {
+    e[r] = n;
+  }), e;
+}, L = (t) => t instanceof URLSearchParams ? q(t) : t, V = (t) => typeof t == "string" ? t : t instanceof URLSearchParams ? t.toString() : new URLSearchParams(t).toString();
+function Q() {
+  return c() && window.self !== window.top;
+}
+function Y(t) {
+  return Q() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  V(t || window.location.search).indexOf("builder.frameEditing=") !== -1;
+}
+const Z = () => {
+  if (c()) {
+    const t = new URL(location.href);
+    return t.pathname === "" && (t.pathname = "/"), t;
+  } else
+    return console.warn("Cannot get location for tracking in non-browser environment"), null;
+}, tt = () => typeof navigator == "object" && navigator.userAgent || "", et = () => {
+  const t = tt(), e = {
+    Android() {
+      return t.match(/Android/i);
+    },
+    BlackBerry() {
+      return t.match(/BlackBerry/i);
+    },
+    iOS() {
+      return t.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return t.match(/Opera Mini/i);
+    },
+    Windows() {
+      return t.match(/IEMobile/i) || t.match(/WPDesktop/i);
+    },
+    any() {
+      return e.Android() || e.BlackBerry() || e.iOS() || e.Opera() || e.Windows() || v === "reactNative";
+    }
+  }, n = t.match(/Tablet|iPad/i), r = Z();
+  return {
+    urlPath: r == null ? void 0 : r.pathname,
+    host: (r == null ? void 0 : r.host) || (r == null ? void 0 : r.hostname),
+    device: n ? "tablet" : e.any() ? "mobile" : "desktop"
+  };
+}, m = (t) => t != null, nt = (t) => {
+  if (t === "localhost" || t === "127.0.0.1")
+    return t;
+  const e = t.split(".");
+  return e.length > 2 ? e.slice(1).join(".") : t;
+}, U = ({
+  name: t,
+  canTrack: e
+}) => {
+  var n;
+  try {
+    return e ? (n = document.cookie.split("; ").find((r) => r.startsWith(`${t}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (r) {
+    f.warn("[COOKIE] GET error: ", (r == null ? void 0 : r.message) || r);
+    return;
+  }
+}, M = async (t) => U(t), rt = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(m).join("; "), ot = [["secure", ""], ["SameSite", "None"]], st = ({
+  name: t,
+  value: e,
+  expires: n
+}) => {
+  const o = (c() ? location.protocol === "https:" : !0) ? ot : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], a = [[t, e], ...s, ["path", "/"], ["domain", nt(window.location.hostname)], ...o];
+  return rt(a);
+}, N = async ({
+  name: t,
+  value: e,
+  expires: n,
+  canTrack: r
+}) => {
+  try {
+    if (!r)
+      return;
+    const o = st({
+      name: t,
+      value: e,
+      expires: n
+    });
+    document.cookie = o;
+  } catch (o) {
+    f.warn("[COOKIE] SET error: ", (o == null ? void 0 : o.message) || o);
+  }
+}, it = "builder.tests", E = (t) => `${it}.${t}`, at = ({
+  contentId: t
+}) => M({
+  name: E(t),
+  canTrack: !0
+}), ct = ({
+  contentId: t
+}) => U({
+  name: E(t),
+  canTrack: !0
+}), ut = ({
+  contentId: t,
+  value: e
+}) => N({
+  name: E(t),
+  value: e,
+  canTrack: !0
+}), F = (t) => m(t.id) && m(t.variations) && Object.keys(t.variations).length > 0, dt = ({
+  id: t,
+  variations: e
+}) => {
+  var o;
+  let n = 0;
+  const r = Math.random();
+  for (const s in e) {
+    const a = (o = e[s]) == null ? void 0 : o.testRatio;
+    if (n += a, r < n)
+      return s;
+  }
+  return t;
+}, j = (t) => {
+  const e = dt(t);
+  return ut({
+    contentId: t.id,
+    value: e
+  }).catch((n) => {
+    f.error("could not store A/B test variation: ", n);
+  }), e;
+}, D = ({
+  item: t,
+  testGroupId: e
+}) => {
+  const n = t.variations[e];
+  return e === t.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
+    testVariationId: t.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === t.id ? "Default" : "")
+  };
+}, _t = ({
+  item: t,
+  canTrack: e
+}) => {
+  if (!e)
+    return t;
+  if (!t)
+    return;
+  if (!F(t))
+    return t;
+  const n = ct({
+    contentId: t.id
+  }) || j({
+    variations: t.variations,
+    id: t.id
+  }), r = D({
+    item: t,
+    testGroupId: n
+  });
+  return {
+    ...t,
+    ...r
+  };
+}, lt = async ({
+  item: t,
+  canTrack: e
+}) => {
+  if (!e || !F(t))
+    return t;
+  const r = await at({
+    contentId: t.id
+  }) || j({
+    variations: t.variations,
+    id: t.id
+  }), o = D({
+    item: t,
+    testGroupId: r
+  });
+  return {
+    ...t,
+    ...o
+  };
+}, ft = (t) => m(t) ? t : !0, $t = (t) => ({
+  type: "builder.registerComponent",
+  data: gt(t)
+}), ht = (t) => {
+  const e = t.toString().trim();
+  return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
+};
+function gt(t) {
+  return JSON.parse(JSON.stringify(t, (e, n) => typeof n == "function" ? ht(n) : n));
+}
+function pt() {
+  return typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : globalThis;
+}
+function mt() {
+  const t = pt().fetch;
+  if (typeof t == "undefined")
+    throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
+  return t;
+}
+const yt = mt();
+function k(t, e = null, n = ".") {
+  return Object.keys(t).reduce((r, o) => {
+    const s = t[o], a = [e, o].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+      ...r,
+      ...k(s, a, n)
+    } : {
+      ...r,
+      [a]: s
+    };
+  }, {});
+}
+function K(t, e, n = {}) {
+  for (const r in t) {
+    const o = t[r], s = e ? e + "." + r : r;
+    o && typeof o == "object" && !Array.isArray(o) && !Object.keys(o).find((a) => a.startsWith("$")) ? K(o, s, n) : n[s] = o;
+  }
+  return n;
+}
+const wt = "v3", x = "builder.", St = "options.", W = (t) => {
+  if (!t)
+    return {};
+  const e = L(t), n = {};
+  return Object.keys(e).forEach((r) => {
+    if (r.startsWith(x)) {
+      const o = r.replace(x, "").replace(St, "");
+      n[o] = e[r];
+    }
+  }), n;
+}, bt = () => {
+  if (!c())
+    return {};
+  const t = new URLSearchParams(window.location.search);
+  return W(t);
+}, A = (t) => typeof t == "number" && !isNaN(t) && t >= 0, P = (t) => {
+  const {
+    limit: e = 30,
+    userAttributes: n,
+    query: r,
+    model: o,
+    apiKey: s,
+    enrich: a,
+    locale: d,
+    apiVersion: y = wt,
+    fields: p,
+    omit: I,
+    offset: u,
+    cacheSeconds: h,
+    staleCacheSeconds: g,
+    sort: w,
+    includeUnpublished: O
+  } = t;
+  if (!s)
+    throw new Error("Missing API key");
+  if (!["v3"].includes(y))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);
+  const H = e !== 1, i = new URL(`https://cdn.builder.io/api/${y}/content/${o}`);
+  if (i.searchParams.set("apiKey", s), i.searchParams.set("limit", String(e)), i.searchParams.set("noTraverse", String(H)), i.searchParams.set("includeRefs", String(!0)), d && i.searchParams.set("locale", d), a && i.searchParams.set("enrich", String(a)), i.searchParams.set("omit", I || "meta.componentsUsed"), p && i.searchParams.set("fields", p), Number.isFinite(u) && u > -1 && i.searchParams.set("offset", String(Math.floor(u))), typeof O == "boolean" && i.searchParams.set("includeUnpublished", String(O)), h && A(h) && i.searchParams.set("cacheSeconds", String(h)), g && A(g) && i.searchParams.set("staleCacheSeconds", String(g)), w) {
+    const l = k({
+      sort: w
+    });
+    for (const S in l)
+      i.searchParams.set(S, JSON.stringify(l[S]));
+  }
+  const X = {
+    ...bt(),
+    ...L(t.options || {})
+  }, C = k(X);
+  for (const l in C)
+    i.searchParams.set(l, String(C[l]));
+  if (n && i.searchParams.set("userAttributes", JSON.stringify(n)), r) {
+    const l = K({
+      query: r
+    });
+    for (const S in l)
+      i.searchParams.set(S, JSON.stringify(l[S]));
+  }
+  return i;
+}, vt = (t) => "results" in t;
+async function It(t) {
+  const e = await Pt({
+    ...t,
+    limit: 1
+  });
+  return e && e[0] || null;
+}
+const kt = async (t) => {
+  var s;
+  const e = P(t);
+  return await (await ((s = t.fetch) != null ? s : yt)(e.href, t.fetchOptions)).json();
+}, Et = async (t, e, n = P(t)) => {
+  const r = ft(t.canTrack);
+  if (n.search.includes("preview="), !r || !(c() || v === "reactNative"))
+    return e.results;
+  try {
+    const o = [];
+    for (const s of e.results)
+      o.push(await lt({
+        item: s,
+        canTrack: r
+      }));
+    e.results = o;
+  } catch (o) {
+    f.error("Could not process A/B tests. ", o);
+  }
+  return e.results;
+};
+async function Pt(t) {
+  try {
+    const e = P(t), n = await kt(t);
+    return vt(n) ? Et(t, n) : (f.error("Error fetching data. ", {
+      url: e,
+      content: n,
+      options: t
+    }), null);
+  } catch (e) {
+    return f.error("Error fetching data. ", e), null;
+  }
+}
+function Gt(t) {
+  const e = t || (c() ? window.location.search : void 0);
+  return e ? V(e).indexOf("builder.preview=") !== -1 : !1;
+}
+function Ot() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
+    const e = Math.random() * 16 | 0;
+    return (t == "x" ? e : e & 3 | 8).toString(16);
+  });
+}
+function _() {
+  return Ot().replace(/-/g, "");
+}
+const $ = "builderSessionId", Ct = async ({
+  canTrack: t
+}) => {
+  if (!t)
+    return;
+  const e = await M({
+    name: $,
+    canTrack: t
+  });
+  if (m(e))
+    return e;
+  {
+    const n = xt();
+    return At({
+      id: n,
+      canTrack: t
+    }), n;
+  }
+}, xt = () => _(), At = ({
+  id: t,
+  canTrack: e
+}) => N({
+  name: $,
+  value: t,
+  canTrack: e
+}), G = () => c() && typeof localStorage != "undefined" ? localStorage : void 0, Tt = ({
+  key: t,
+  canTrack: e
+}) => {
+  var n;
+  try {
+    return e ? (n = G()) == null ? void 0 : n.getItem(t) : void 0;
+  } catch (r) {
+    console.debug("[LocalStorage] GET error: ", r);
+    return;
+  }
+}, Rt = ({
+  key: t,
+  canTrack: e,
+  value: n
+}) => {
+  var r;
+  try {
+    e && ((r = G()) == null || r.setItem(t, n));
+  } catch (o) {
+    console.debug("[LocalStorage] SET error: ", o);
+  }
+}, J = "builderVisitorId", Bt = ({
+  canTrack: t
+}) => {
+  if (!t)
+    return;
+  const e = Tt({
+    key: J,
+    canTrack: t
+  });
+  if (m(e))
+    return e;
+  {
+    const n = Lt();
+    return Vt({
+      id: n,
+      canTrack: t
+    }), n;
+  }
+}, Lt = () => _(), Vt = ({
+  id: t,
+  canTrack: e
+}) => Rt({
+  key: J,
+  value: t,
+  canTrack: e
+}), Ut = async ({
+  canTrack: t
+}) => {
+  if (!t)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const e = await Ct({
+    canTrack: t
+  }), n = Bt({
+    canTrack: t
+  });
+  return {
+    sessionId: e,
+    visitorId: n
+  };
+}, Mt = async ({
+  type: t,
+  canTrack: e,
+  apiKey: n,
+  metadata: r,
+  ...o
+}) => ({
+  type: t,
+  data: {
+    ...o,
+    metadata: {
+      url: location.href,
+      ...r
+    },
+    ...await Ut({
+      canTrack: e
+    }),
+    userAttributes: et(),
+    ownerId: n
+  }
+});
+async function Nt(t) {
+  if (!t.apiKey) {
+    f.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (t.canTrack && !Y() && (c() || v === "reactNative"))
+    return fetch("https://cdn.builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await Mt(t)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((e) => {
+      console.error("Failed to track: ", e);
+    });
+}
+const Jt = (t) => Nt({
+  ...t,
+  canTrack: !0
+}), Ft = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function z(t, e) {
+  if (!e.origin.startsWith("http") && !e.origin.startsWith("https"))
+    return !1;
+  const n = new URL(e.origin), r = n.hostname;
+  return (t || Ft).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
+}
+const jt = "2.0.3", T = {};
+function Dt(t, e) {
+  let n = T[t];
+  if (n || (n = T[t] = []), n.push(e), c()) {
+    const r = {
+      type: "builder.register",
+      data: {
+        type: t,
+        info: e
+      }
+    };
+    try {
+      parent.postMessage(r, "*"), parent !== window && window.postMessage(r, "*");
+    } catch (o) {
+      console.debug("Could not postmessage", o);
+    }
+  }
+}
+const zt = () => {
+  Dt("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, {
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }]
+  });
+};
+let R = !1;
+const Kt = (t = {}) => {
+  var e, n;
+  R || (R = !0, c() && ((e = window.parent) == null || e.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: v,
+      version: jt,
+      supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0
+    }
+  }, "*"), (n = window.parent) == null || n.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: t
+    }
+  }, "*"), window.addEventListener("message", (r) => {
+    var s, a;
+    if (!z(t.trustedHosts, r))
+      return;
+    const {
+      data: o
+    } = r;
+    if (o != null && o.type)
+      switch (o.type) {
+        case "builder.evaluate": {
+          const d = o.data.text, y = o.data.arguments || [], p = o.data.id, I = new Function(d);
+          let u, h = null;
+          try {
+            u = I.apply(null, y);
+          } catch (g) {
+            h = g;
+          }
+          h ? (s = window.parent) == null || s.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: p,
+              error: h.message
+            }
+          }, "*") : u && typeof u.then == "function" ? u.then((g) => {
+            var w;
+            (w = window.parent) == null || w.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: p,
+                result: g
+              }
+            }, "*");
+          }).catch(console.error) : (a = window.parent) == null || a.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: u,
+              id: p
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+}, Wt = ({
+  model: t,
+  trustedHosts: e,
+  callbacks: n
+}) => (r) => {
+  if (!z(e, r))
+    return;
+  const {
+    data: o
+  } = r;
+  if (o)
+    switch (o.type) {
+      case "builder.configureSdk": {
+        n.configureSdk(o.data);
+        break;
+      }
+      case "builder.triggerAnimation": {
+        n.animation(o.data);
+        break;
+      }
+      case "builder.contentUpdate": {
+        const s = o.data, a = s.key || s.alias || s.entry || s.modelName, d = s.data;
+        a === t && n.contentUpdate(d);
+        break;
+      }
+    }
+}, Ht = (t, e, n) => {
+  if (!c)
+    return f.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    };
+  Kt();
+  const r = Wt({
+    callbacks: {
+      contentUpdate: e,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model: t,
+    trustedHosts: n == null ? void 0 : n.trustedHosts
+  });
+  return window.addEventListener("message", r), () => {
+    window.removeEventListener("message", r);
+  };
+}, B = {};
+function Xt(t) {
+  if (c()) {
+    Object.assign(B, t);
+    const e = {
+      type: "builder.settingsChange",
+      data: B
+    };
+    parent.postMessage(e, "*");
+  }
+}
+const qt = async (t) => {
+  var r, o, s;
+  const e = t.path || ((r = t.url) == null ? void 0 : r.pathname) || ((o = t.userAttributes) == null ? void 0 : o.urlPath), n = {
+    ...t,
+    apiKey: t.apiKey,
+    model: t.model || "page",
+    userAttributes: {
+      ...t.userAttributes,
+      ...e ? {
+        urlPath: e
+      } : {}
+    },
+    options: W(t.searchParams || ((s = t.url) == null ? void 0 : s.searchParams) || t.options)
+  };
+  return {
+    apiKey: n.apiKey,
+    model: n.model,
+    content: await It(n)
+  };
+};
+export {
+  b as MSG_PREFIX,
+  v as TARGET,
+  Et as _processContentResult,
+  Nt as _track,
+  m as checkIsDefined,
+  Wt as createEditorListener,
+  $t as createRegisterComponentMessage,
+  yt as fetch,
+  qt as fetchBuilderProps,
+  Pt as fetchEntries,
+  It as fetchOneEntry,
+  W as getBuilderSearchParams,
+  ft as getDefaultCanTrack,
+  et as getUserAttributes,
+  _t as handleABTestingSync,
+  c as isBrowser,
+  Y as isEditing,
+  Gt as isPreviewing,
+  f as logger,
+  Dt as register,
+  zt as registerInsertMenu,
+  gt as serializeComponentInfo,
+  Xt as setEditorSettings,
+  Kt as setupBrowserForEditing,
+  Ht as subscribeToEditor,
+  Jt as track
+};

package/lib/browser/server-entry.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-29c5c31c.cjs");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.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-02cecfb7.cjs");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.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/server-entry.mjs

@@ -1,4 +1,4 @@
-import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-f9067095.js";
+import { _processContentResult as r, createRegisterComponentMessage as s, fetchBuilderProps as i, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, setEditorSettings as E, subscribeToEditor as f, track as h } from "./server-entry-0687830a.js";
 export {
   r as _processContentResult,
   s as createRegisterComponentMessage,

package/lib/edge/{accordion-4a70912d.js → accordion-0eca9b08.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as x, Fragment as j } from "react/jsx-runtime";
 import { useState as A } from "react";
 import { Blocks as g } from "./blocks-exports.mjs";
-import "./server-entry-681e8e79.js";
+import "./server-entry-ff728468.js";
 const y = (t) => t.toString();
 function B(t) {
   var a;