@builder.io/sdk-react 3.0.1 → 3.0.3-0

package/lib/edge/server-entry-838c1f06.js

@@ -0,0 +1,788 @@
+function c() {
+  return typeof window != "undefined" && typeof document != "undefined";
+}
+const I = "[Builder.io]: ", f = {
+  log: (...t) => console.log(I, ...t),
+  error: (...t) => console.error(I, ...t),
+  warn: (...t) => console.warn(I, ...t),
+  debug: (...t) => console.debug(I, ...t)
+}, y = (t) => t != null, ot = (t) => {
+  if (t === "localhost" || t === "127.0.0.1")
+    return t;
+  const e = t.split(".");
+  return e.length > 2 ? e.slice(1).join(".") : t;
+}, O = ({
+  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) => O(t), it = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(y).join("; "), at = [["secure", ""], ["SameSite", "None"]], ct = ({
+  name: t,
+  value: e,
+  expires: n
+}) => {
+  const s = (c() ? location.protocol === "https:" : !0) ? at : [[]], o = n ? [["expires", n.toUTCString()]] : [[]], i = [[t, e], ...o, ["path", "/"], ["domain", ot(window.location.hostname)], ...s];
+  return it(i);
+}, P = async ({
+  name: t,
+  value: e,
+  expires: n,
+  canTrack: r
+}) => {
+  try {
+    if (!r)
+      return;
+    const s = ct({
+      name: t,
+      value: e,
+      expires: n
+    });
+    document.cookie = s;
+  } catch (s) {
+    f.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
+  }
+}, B = "builder.userAttributes";
+function ut() {
+  let t = !0;
+  const e = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(n) {
+      if (!c())
+        return;
+      const r = {
+        ...this.getUserAttributes(),
+        ...n
+      };
+      P({
+        name: B,
+        value: JSON.stringify(r),
+        canTrack: t
+      }), e.forEach((s) => s(r));
+    },
+    getUserAttributes() {
+      return c() ? JSON.parse(O({
+        name: B,
+        canTrack: t
+      }) || "{}") : {};
+    },
+    subscribeOnUserAttributesChange(n) {
+      return e.add(n), () => {
+        e.delete(n);
+      };
+    },
+    setCanTrack(n) {
+      t = n;
+    }
+  };
+}
+const K = ut(), ee = (t) => {
+  K.setUserAttributes(t);
+}, v = "react", lt = (t) => {
+  const e = {};
+  return t.forEach((n, r) => {
+    e[r] = n;
+  }), e;
+}, j = (t) => t instanceof URLSearchParams ? lt(t) : t, W = (t) => typeof t == "string" ? t : t instanceof URLSearchParams ? t.toString() : new URLSearchParams(t).toString();
+function dt() {
+  return c() && window.self !== window.top;
+}
+function ft(t) {
+  return dt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  W(t || window.location.search).indexOf("builder.frameEditing=") !== -1;
+}
+function ne(t) {
+  const e = t || (c() ? window.location.search : void 0);
+  return e ? W(e).indexOf("builder.preview=") !== -1 : !1;
+}
+const re = (t) => ({
+  type: "builder.registerComponent",
+  data: _(t)
+}), ht = (t) => {
+  const e = t.toString().trim(), n = /^[a-zA-Z0-9_]+\s*=>/i.test(e);
+  return `return (${!e.startsWith("function") && !e.startsWith("async") && !e.startsWith("(") && !n ? "function " : ""}${e}).apply(this, arguments)`;
+};
+function _(t) {
+  return JSON.parse(JSON.stringify(t, (e, n) => typeof n == "function" ? ht(n) : n));
+}
+const L = {};
+function gt(t, e) {
+  t === "plugin" && (e = _(e));
+  let n = L[t];
+  if (n || (n = L[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 (s) {
+      console.debug("Could not postmessage", s);
+    }
+  }
+}
+const V = {};
+function se(t) {
+  if (c()) {
+    Object.assign(V, t);
+    const e = {
+      type: "builder.settingsChange",
+      data: V
+    };
+    parent.postMessage(e, "*");
+  }
+}
+const N = "builder.", pt = "options.", $ = (t) => {
+  if (!t)
+    return {};
+  const e = j(t), n = {};
+  return Object.keys(e).forEach((r) => {
+    if (r.startsWith(N)) {
+      const s = r.replace(N, "").replace(pt, "");
+      n[s] = e[r];
+    }
+  }), n;
+}, mt = () => {
+  if (!c())
+    return {};
+  const t = new URLSearchParams(window.location.search);
+  return $(t);
+}, G = "3.0.3", J = () => ({
+  "X-Builder-SDK": v,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": G
+});
+function yt() {
+  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 z() {
+  return yt().replace(/-/g, "");
+}
+const H = "builderSessionId", bt = async ({
+  canTrack: t
+}) => {
+  if (!t)
+    return;
+  const e = await M({
+    name: H,
+    canTrack: t
+  });
+  if (y(e))
+    return e;
+  {
+    const n = St();
+    return wt({
+      id: n,
+      canTrack: t
+    }), n;
+  }
+}, St = () => z(), wt = ({
+  id: t,
+  canTrack: e
+}) => P({
+  name: H,
+  value: t,
+  canTrack: e
+}), X = () => c() && typeof localStorage != "undefined" ? localStorage : void 0, vt = ({
+  key: t,
+  canTrack: e
+}) => {
+  var n;
+  try {
+    return e ? (n = X()) == null ? void 0 : n.getItem(t) : void 0;
+  } catch (r) {
+    console.debug("[LocalStorage] GET error: ", r);
+    return;
+  }
+}, It = ({
+  key: t,
+  canTrack: e,
+  value: n
+}) => {
+  var r;
+  try {
+    e && ((r = X()) == null || r.setItem(t, n));
+  } catch (s) {
+    console.debug("[LocalStorage] SET error: ", s);
+  }
+}, Q = "builderVisitorId", kt = ({
+  canTrack: t
+}) => {
+  if (!t)
+    return;
+  const e = vt({
+    key: Q,
+    canTrack: t
+  });
+  if (y(e))
+    return e;
+  {
+    const n = At();
+    return Et({
+      id: n,
+      canTrack: t
+    }), n;
+  }
+}, At = () => z(), Et = ({
+  id: t,
+  canTrack: e
+}) => It({
+  key: Q,
+  value: t,
+  canTrack: e
+});
+function Ot(t) {
+  var e;
+  typeof process != "undefined" && ((e = process.env) != null && e.DEBUG) && String(process.env.DEBUG) == "true" && f.log(t);
+}
+const Pt = () => {
+  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;
+}, Ct = () => typeof navigator == "object" && navigator.userAgent || "", Ut = () => {
+  const t = Ct(), 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 = Pt();
+  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"
+  };
+}, Tt = async ({
+  canTrack: t
+}) => {
+  if (!t)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const e = await bt({
+    canTrack: t
+  }), n = kt({
+    canTrack: t
+  });
+  return {
+    sessionId: e,
+    visitorId: n
+  };
+}, xt = async ({
+  type: t,
+  canTrack: e,
+  apiKey: n,
+  metadata: r,
+  ...s
+}) => ({
+  type: t,
+  data: {
+    ...s,
+    metadata: {
+      url: location.href,
+      ...r
+    },
+    ...await Tt({
+      canTrack: e
+    }),
+    userAttributes: Ut(),
+    ownerId: n
+  }
+});
+async function Rt({
+  apiHost: t,
+  ...e
+}) {
+  if (!e.apiKey) {
+    f.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!e.canTrack || ft() || !(c() || v === "reactNative"))
+    return;
+  const r = `${t || "https://cdn.builder.io"}/api/v1/track`;
+  return Ot(r), fetch(r, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await xt(e)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...J()
+    },
+    mode: "cors"
+  }).catch((s) => {
+    console.error("Failed to track: ", s);
+  });
+}
+const oe = (t) => Rt({
+  ...t,
+  canTrack: !0
+}), Bt = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function Y(t, e) {
+  if (!e.origin.startsWith("http") && !e.origin.startsWith("https"))
+    return !1;
+  const n = new URL(e.origin), r = n.hostname;
+  return (t || Bt).findIndex((s) => s.startsWith("*.") ? r.endsWith(s.slice(1)) : s === r) > -1;
+}
+const ie = () => {
+  gt("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 F = !1;
+const Lt = (t = {}) => {
+  var e, n;
+  F || (F = !0, c() && ((e = window.parent) == null || e.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: v,
+      version: G,
+      supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0,
+      blockLevelPersonalization: !0
+    }
+  }, "*"), (n = window.parent) == null || n.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: t
+    }
+  }, "*"), window.addEventListener("message", (r) => {
+    var o, i;
+    if (!Y(t.trustedHosts, r))
+      return;
+    const {
+      data: s
+    } = r;
+    if (s != null && s.type)
+      switch (s.type) {
+        case "builder.evaluate": {
+          const u = s.data.text, b = s.data.arguments || [], p = s.data.id, k = new Function(u);
+          let l, h = null;
+          try {
+            l = k.apply(null, b);
+          } catch (g) {
+            h = g;
+          }
+          h ? (o = window.parent) == null || o.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: p,
+              error: h.message
+            }
+          }, "*") : l && typeof l.then == "function" ? l.then((g) => {
+            var S;
+            (S = window.parent) == null || S.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: p,
+                result: g
+              }
+            }, "*");
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: l,
+              id: p
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+}, Vt = ({
+  model: t,
+  trustedHosts: e,
+  callbacks: n
+}) => (r) => {
+  if (!Y(e, r))
+    return;
+  const {
+    data: s
+  } = r;
+  if (s)
+    switch (s.type) {
+      case "builder.configureSdk": {
+        n.configureSdk(s.data);
+        break;
+      }
+      case "builder.triggerAnimation": {
+        n.animation(s.data);
+        break;
+      }
+      case "builder.contentUpdate": {
+        const o = s.data, i = o.key || o.alias || o.entry || o.modelName, u = o.data;
+        i === t && n.contentUpdate(u);
+        break;
+      }
+    }
+}, ae = (t, e, n) => {
+  if (!c)
+    return f.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    };
+  Lt();
+  const r = Vt({
+    callbacks: {
+      contentUpdate: e,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model: t,
+    trustedHosts: n == null ? void 0 : n.trustedHosts
+  });
+  return window.addEventListener("message", r), () => {
+    window.removeEventListener("message", r);
+  };
+}, Nt = "builder.tests", C = (t) => `${Nt}.${t}`, Ft = ({
+  contentId: t
+}) => M({
+  name: C(t),
+  canTrack: !0
+}), Dt = ({
+  contentId: t
+}) => O({
+  name: C(t),
+  canTrack: !0
+}), Mt = ({
+  contentId: t,
+  value: e
+}) => P({
+  name: C(t),
+  value: e,
+  canTrack: !0
+}), Z = (t) => y(t.id) && y(t.variations) && Object.keys(t.variations).length > 0, Kt = ({
+  id: t,
+  variations: e
+}) => {
+  var s;
+  let n = 0;
+  const r = Math.random();
+  for (const o in e) {
+    const i = (s = e[o]) == null ? void 0 : s.testRatio;
+    if (n += i, r < n)
+      return o;
+  }
+  return t;
+}, q = (t) => {
+  const e = Kt(t);
+  return Mt({
+    contentId: t.id,
+    value: e
+  }).catch((n) => {
+    f.error("could not store A/B test variation: ", n);
+  }), e;
+}, tt = ({
+  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" : "")
+  };
+}, ce = ({
+  item: t,
+  canTrack: e
+}) => {
+  if (!e)
+    return t;
+  if (!t)
+    return;
+  if (!Z(t))
+    return t;
+  const n = Dt({
+    contentId: t.id
+  }) || q({
+    variations: t.variations,
+    id: t.id
+  }), r = tt({
+    item: t,
+    testGroupId: n
+  });
+  return {
+    ...t,
+    ...r
+  };
+}, jt = async ({
+  item: t,
+  canTrack: e
+}) => {
+  if (!e || !Z(t))
+    return t;
+  const r = await Ft({
+    contentId: t.id
+  }) || q({
+    variations: t.variations,
+    id: t.id
+  }), s = tt({
+    item: t,
+    testGroupId: r
+  });
+  return {
+    ...t,
+    ...s
+  };
+}, Wt = (t) => {
+  const e = y(t) ? t : !0;
+  return K.setCanTrack(e), e;
+};
+function _t() {
+  return typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : globalThis;
+}
+function $t() {
+  const t = _t().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 Gt = $t();
+function E(t, e = null, n = ".") {
+  return Object.keys(t).reduce((r, s) => {
+    const o = t[s], i = [e, s].filter(Boolean).join(n);
+    return [typeof o == "object", o !== null, !(Array.isArray(o) && o.length === 0)].every(Boolean) ? {
+      ...r,
+      ...E(o, i, n)
+    } : {
+      ...r,
+      [i]: o
+    };
+  }, {});
+}
+function et(t, e, n = {}) {
+  for (const r in t) {
+    const s = t[r], o = e ? e + "." + r : r;
+    s && typeof s == "object" && !Array.isArray(s) && !Object.keys(s).find((i) => i.startsWith("$")) ? et(s, o, n) : n[o] = s;
+  }
+  return n;
+}
+function Jt(t) {
+  const e = {};
+  for (const n in t) {
+    const r = n.split(".");
+    let s = e;
+    for (let o = 0; o < r.length; o++) {
+      const i = r[o];
+      o === r.length - 1 ? s[i] = t[n] : (s[i] = s[i] || {}, s = s[i]);
+    }
+  }
+  return e;
+}
+const zt = "v3", D = (t) => typeof t == "number" && !isNaN(t) && t >= 0, U = (t) => {
+  const {
+    limit: e = 30,
+    userAttributes: n,
+    query: r,
+    model: s,
+    apiKey: o,
+    enrich: i,
+    locale: u,
+    apiVersion: b = zt,
+    fields: p,
+    omit: k,
+    offset: l,
+    cacheSeconds: h,
+    staleCacheSeconds: g,
+    sort: S,
+    includeUnpublished: T,
+    apiHost: nt
+  } = t;
+  if (!o)
+    throw new Error("Missing API key");
+  if (!["v3"].includes(b))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${b}'`);
+  const rt = e !== 1, st = nt || "https://cdn.builder.io", a = new URL(`${st}/api/${b}/content/${s}`);
+  a.searchParams.set("apiKey", o), a.searchParams.set("limit", String(e)), a.searchParams.set("noTraverse", String(rt)), a.searchParams.set("includeRefs", String(!0));
+  const A = u || (n == null ? void 0 : n.locale);
+  let m = n || {};
+  if (A && (a.searchParams.set("locale", A), m = {
+    locale: A,
+    ...m
+  }), i && a.searchParams.set("enrich", String(i)), a.searchParams.set("omit", k || "meta.componentsUsed"), p && a.searchParams.set("fields", p), Number.isFinite(l) && l > -1 && a.searchParams.set("offset", String(Math.floor(l))), typeof T == "boolean" && a.searchParams.set("includeUnpublished", String(T)), h && D(h) && a.searchParams.set("cacheSeconds", String(h)), g && D(g) && a.searchParams.set("staleCacheSeconds", String(g)), S) {
+    const d = E({
+      sort: S
+    });
+    for (const w in d)
+      a.searchParams.set(w, JSON.stringify(d[w]));
+  }
+  const x = {
+    ...mt(),
+    ...j(t.options || {})
+  };
+  m = {
+    ...m,
+    ...Xt(x)
+  };
+  const R = E(x);
+  for (const d in R)
+    a.searchParams.set(d, String(R[d]));
+  if (Object.keys(m).length > 0 && a.searchParams.set("userAttributes", JSON.stringify(m)), r) {
+    const d = et({
+      query: r
+    });
+    for (const w in d)
+      a.searchParams.set(w, JSON.stringify(d[w]));
+  }
+  return a;
+}, Ht = (t) => {
+  const e = {};
+  for (const n in t)
+    n.startsWith("userAttributes.") && (e[n] = t[n], delete t[n]);
+  return e;
+}, Xt = (t) => {
+  if (c() && t.preview === "BUILDER_STUDIO") {
+    t["userAttributes.urlPath"] = window.location.pathname, t["userAttributes.host"] = window.location.host;
+    const e = Ht(t), {
+      userAttributes: n
+    } = Jt(e);
+    return n;
+  }
+  return {};
+}, Qt = (t) => "results" in t;
+async function Yt(t) {
+  const e = await te({
+    ...t,
+    limit: 1
+  });
+  return e && e[0] || null;
+}
+const Zt = async (t) => {
+  var i, u;
+  const e = U(t), n = (i = t.fetch) != null ? i : Gt, r = {
+    ...t.fetchOptions,
+    headers: {
+      ...(u = t.fetchOptions) == null ? void 0 : u.headers,
+      ...J()
+    }
+  };
+  return await (await n(e.href, r)).json();
+}, qt = async (t, e, n = U(t)) => {
+  const r = Wt(t.canTrack);
+  if (n.search.includes("preview="), !r || !(c() || v === "reactNative"))
+    return e.results;
+  try {
+    const s = [];
+    for (const o of e.results)
+      s.push(await jt({
+        item: o,
+        canTrack: r
+      }));
+    e.results = s;
+  } catch (s) {
+    f.error("Could not process A/B tests. ", s);
+  }
+  return e.results;
+};
+async function te(t) {
+  const e = U(t), n = await Zt(t);
+  if (!Qt(n))
+    throw f.error("Error fetching data. ", {
+      url: e,
+      content: n,
+      options: t
+    }), n;
+  return qt(t, n);
+}
+const ue = async (t) => {
+  var r, s, o;
+  const e = t.path || ((r = t.url) == null ? void 0 : r.pathname) || ((s = t.userAttributes) == null ? void 0 : s.urlPath), n = {
+    ...t,
+    apiKey: t.apiKey,
+    model: t.model || "page",
+    userAttributes: {
+      ...t.userAttributes,
+      ...e ? {
+        urlPath: e
+      } : {}
+    },
+    options: $(t.searchParams || ((o = t.url) == null ? void 0 : o.searchParams) || t.options)
+  };
+  return {
+    apiKey: n.apiKey,
+    model: n.model,
+    content: await Yt(n)
+  };
+};
+export {
+  v as TARGET,
+  qt as _processContentResult,
+  Rt as _track,
+  y as checkIsDefined,
+  Vt as createEditorListener,
+  re as createRegisterComponentMessage,
+  ue as fetchBuilderProps,
+  te as fetchEntries,
+  Yt as fetchOneEntry,
+  $ as getBuilderSearchParams,
+  Wt as getDefaultCanTrack,
+  Ut as getUserAttributes,
+  ce as handleABTestingSync,
+  c as isBrowser,
+  ft as isEditing,
+  ne as isPreviewing,
+  Ot as logFetch,
+  f as logger,
+  gt as register,
+  ie as registerInsertMenu,
+  _ as serializeIncludingFunctions,
+  ee as setClientUserAttributes,
+  se as setEditorSettings,
+  Lt as setupBrowserForEditing,
+  ae as subscribeToEditor,
+  oe as track,
+  K as userAttributesService
+};