@builder.io/sdk-react 2.0.24 → 2.0.26

package/lib/browser/server-entry-720336f2.js

@@ -0,0 +1,704 @@
+const b = "react", v = "[Builder.io]: ", f = {
+  log: (...e) => console.log(v, ...e),
+  error: (...e) => console.error(v, ...e),
+  warn: (...e) => console.warn(v, ...e),
+  debug: (...e) => console.debug(v, ...e)
+};
+function c() {
+  return typeof window != "undefined" && typeof document != "undefined";
+}
+const te = (e) => {
+  const t = {};
+  return e.forEach((n, r) => {
+    t[r] = n;
+  }), t;
+}, L = (e) => e instanceof URLSearchParams ? te(e) : e, U = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function ne() {
+  return c() && window.self !== window.top;
+}
+function re(e) {
+  return ne() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  U(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+}
+const oe = () => {
+  if (c()) {
+    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;
+}, se = () => typeof navigator == "object" && navigator.userAgent || "", ie = () => {
+  const e = se(), 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() || b === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), r = oe();
+  return {
+    urlPath: r == null ? void 0 : r.pathname,
+    host: (r == null ? void 0 : r.host) || (r == null ? void 0 : r.hostname),
+    device: n ? "tablet" : t.any() ? "mobile" : "desktop"
+  };
+}, m = (e) => e != null;
+function He(e) {
+  const t = e || (c() ? window.location.search : void 0);
+  return t ? U(t).indexOf("builder.preview=") !== -1 : !1;
+}
+const Xe = (e) => ({
+  type: "builder.registerComponent",
+  data: V(e)
+}), ae = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+};
+function V(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? ae(n) : n));
+}
+const x = {};
+function ce(e, t) {
+  e === "plugin" && (t = V(t));
+  let n = x[e];
+  if (n || (n = x[e] = []), n.push(t), c()) {
+    const r = {
+      type: "builder.register",
+      data: {
+        type: e,
+        info: t
+      }
+    };
+    try {
+      parent.postMessage(r, "*"), parent !== window && window.postMessage(r, "*");
+    } catch (o) {
+      console.debug("Could not postmessage", o);
+    }
+  }
+}
+const A = {};
+function Je(e) {
+  if (c()) {
+    Object.assign(A, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: A
+    };
+    parent.postMessage(t, "*");
+  }
+}
+const T = "builder.", ue = "options.", M = (e) => {
+  if (!e)
+    return {};
+  const t = L(e), n = {};
+  return Object.keys(t).forEach((r) => {
+    if (r.startsWith(T)) {
+      const o = r.replace(T, "").replace(ue, "");
+      n[o] = t[r];
+    }
+  }), n;
+}, de = () => {
+  if (!c())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return M(e);
+}, N = "2.0.26", F = () => ({
+  "X-Builder-SDK": b,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": N
+}), le = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, D = ({
+  name: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = document.cookie.split("; ").find((r) => r.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (r) {
+    f.warn("[COOKIE] GET error: ", (r == null ? void 0 : r.message) || r);
+    return;
+  }
+}, K = async (e) => D(e), fe = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(m).join("; "), he = [["secure", ""], ["SameSite", "None"]], ge = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const o = (c() ? location.protocol === "https:" : !0) ? he : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", le(window.location.hostname)], ...o];
+  return fe(i);
+}, j = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: r
+}) => {
+  try {
+    if (!r)
+      return;
+    const o = ge({
+      name: e,
+      value: t,
+      expires: n
+    });
+    document.cookie = o;
+  } catch (o) {
+    f.warn("[COOKIE] SET error: ", (o == null ? void 0 : o.message) || o);
+  }
+};
+function pe() {
+  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 W() {
+  return pe().replace(/-/g, "");
+}
+const $ = "builderSessionId", me = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await K({
+    name: $,
+    canTrack: e
+  });
+  if (m(t))
+    return t;
+  {
+    const n = ye();
+    return Se({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, ye = () => W(), Se = ({
+  id: e,
+  canTrack: t
+}) => j({
+  name: $,
+  value: e,
+  canTrack: t
+}), _ = () => c() && typeof localStorage != "undefined" ? localStorage : void 0, we = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = _()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (r) {
+    console.debug("[LocalStorage] GET error: ", r);
+    return;
+  }
+}, be = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var r;
+  try {
+    t && ((r = _()) == null || r.setItem(e, n));
+  } catch (o) {
+    console.debug("[LocalStorage] SET error: ", o);
+  }
+}, G = "builderVisitorId", ve = ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = we({
+    key: G,
+    canTrack: e
+  });
+  if (m(t))
+    return t;
+  {
+    const n = Ie();
+    return ke({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, Ie = () => W(), ke = ({
+  id: e,
+  canTrack: t
+}) => be({
+  key: G,
+  value: e,
+  canTrack: t
+}), Ee = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const t = await me({
+    canTrack: e
+  }), n = ve({
+    canTrack: e
+  });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, Oe = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: r,
+  ...o
+}) => ({
+  type: e,
+  data: {
+    ...o,
+    metadata: {
+      url: location.href,
+      ...r
+    },
+    ...await Ee({
+      canTrack: t
+    }),
+    userAttributes: ie(),
+    ownerId: n
+  }
+});
+async function Pe({
+  apiHost: e,
+  ...t
+}) {
+  if (!t.apiKey) {
+    f.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  return !t.canTrack || re() || !(c() || b === "reactNative") ? void 0 : fetch(`${e || "https://cdn.builder.io"}/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await Oe(t)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...F()
+    },
+    mode: "cors"
+  }).catch((r) => {
+    console.error("Failed to track: ", r);
+  });
+}
+const ze = (e) => Pe({
+  ...e,
+  canTrack: !0
+}), Ce = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function H(e, t) {
+  if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
+    return !1;
+  const n = new URL(t.origin), r = n.hostname;
+  return (e || Ce).findIndex((o) => o.startsWith("*.") ? r.endsWith(o.slice(1)) : o === r) > -1;
+}
+const qe = () => {
+  ce("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 xe = (e = {}) => {
+  var t, n;
+  R || (R = !0, c() && ((t = window.parent) == null || t.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: b,
+      version: N,
+      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: e
+    }
+  }, "*"), window.addEventListener("message", (r) => {
+    var s, i;
+    if (!H(e.trustedHosts, r))
+      return;
+    const {
+      data: o
+    } = r;
+    if (o != null && o.type)
+      switch (o.type) {
+        case "builder.evaluate": {
+          const u = o.data.text, y = o.data.arguments || [], p = o.data.id, I = new Function(u);
+          let d, h = null;
+          try {
+            d = I.apply(null, y);
+          } catch (g) {
+            h = g;
+          }
+          h ? (s = window.parent) == null || s.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: p,
+              error: h.message
+            }
+          }, "*") : d && typeof d.then == "function" ? d.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: d,
+              id: p
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+}, Ae = ({
+  model: e,
+  trustedHosts: t,
+  callbacks: n
+}) => (r) => {
+  if (!H(t, 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, i = s.key || s.alias || s.entry || s.modelName, u = s.data;
+        i === e && n.contentUpdate(u);
+        break;
+      }
+    }
+}, Qe = (e, t, n) => {
+  if (!c)
+    return f.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    };
+  xe();
+  const r = Ae({
+    callbacks: {
+      contentUpdate: t,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model: e,
+    trustedHosts: n == null ? void 0 : n.trustedHosts
+  });
+  return window.addEventListener("message", r), () => {
+    window.removeEventListener("message", r);
+  };
+}, Te = "builder.tests", E = (e) => `${Te}.${e}`, Re = ({
+  contentId: e
+}) => K({
+  name: E(e),
+  canTrack: !0
+}), Be = ({
+  contentId: e
+}) => D({
+  name: E(e),
+  canTrack: !0
+}), Le = ({
+  contentId: e,
+  value: t
+}) => j({
+  name: E(e),
+  value: t,
+  canTrack: !0
+}), X = (e) => m(e.id) && m(e.variations) && Object.keys(e.variations).length > 0, Ue = ({
+  id: e,
+  variations: t
+}) => {
+  var o;
+  let n = 0;
+  const r = Math.random();
+  for (const s in t) {
+    const i = (o = t[s]) == null ? void 0 : o.testRatio;
+    if (n += i, r < n)
+      return s;
+  }
+  return e;
+}, J = (e) => {
+  const t = Ue(e);
+  return Le({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    f.error("could not store A/B test variation: ", n);
+  }), t;
+}, z = ({
+  item: e,
+  testGroupId: t
+}) => {
+  const n = e.variations[t];
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
+    testVariationId: e.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === e.id ? "Default" : "")
+  };
+}, Ye = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!X(e))
+    return e;
+  const n = Be({
+    contentId: e.id
+  }) || J({
+    variations: e.variations,
+    id: e.id
+  }), r = z({
+    item: e,
+    testGroupId: n
+  });
+  return {
+    ...e,
+    ...r
+  };
+}, Ve = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !X(e))
+    return e;
+  const r = await Re({
+    contentId: e.id
+  }) || J({
+    variations: e.variations,
+    id: e.id
+  }), o = z({
+    item: e,
+    testGroupId: r
+  });
+  return {
+    ...e,
+    ...o
+  };
+}, Me = (e) => m(e) ? e : !0;
+function Ne() {
+  return typeof globalThis != "undefined" ? globalThis : typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : globalThis;
+}
+function Fe() {
+  const e = Ne().fetch;
+  if (typeof e == "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 e;
+}
+const De = Fe();
+function k(e, t = null, n = ".") {
+  return Object.keys(e).reduce((r, o) => {
+    const s = e[o], i = [t, o].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+      ...r,
+      ...k(s, i, n)
+    } : {
+      ...r,
+      [i]: s
+    };
+  }, {});
+}
+function q(e, t, n = {}) {
+  for (const r in e) {
+    const o = e[r], s = t ? t + "." + r : r;
+    o && typeof o == "object" && !Array.isArray(o) && !Object.keys(o).find((i) => i.startsWith("$")) ? q(o, s, n) : n[s] = o;
+  }
+  return n;
+}
+const Ke = "v3", B = (e) => typeof e == "number" && !isNaN(e) && e >= 0, O = (e) => {
+  const {
+    limit: t = 30,
+    userAttributes: n,
+    query: r,
+    model: o,
+    apiKey: s,
+    enrich: i,
+    locale: u,
+    apiVersion: y = Ke,
+    fields: p,
+    omit: I,
+    offset: d,
+    cacheSeconds: h,
+    staleCacheSeconds: g,
+    sort: S,
+    includeUnpublished: P,
+    apiHost: Q
+  } = e;
+  if (!s)
+    throw new Error("Missing API key");
+  if (!["v3"].includes(y))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${y}'`);
+  const Y = t !== 1, Z = Q || "https://cdn.builder.io", a = new URL(`${Z}/api/${y}/content/${o}`);
+  if (a.searchParams.set("apiKey", s), a.searchParams.set("limit", String(t)), a.searchParams.set("noTraverse", String(Y)), a.searchParams.set("includeRefs", String(!0)), u && a.searchParams.set("locale", u), i && a.searchParams.set("enrich", String(i)), a.searchParams.set("omit", I || "meta.componentsUsed"), p && a.searchParams.set("fields", p), Number.isFinite(d) && d > -1 && a.searchParams.set("offset", String(Math.floor(d))), typeof P == "boolean" && a.searchParams.set("includeUnpublished", String(P)), h && B(h) && a.searchParams.set("cacheSeconds", String(h)), g && B(g) && a.searchParams.set("staleCacheSeconds", String(g)), S) {
+    const l = k({
+      sort: S
+    });
+    for (const w in l)
+      a.searchParams.set(w, JSON.stringify(l[w]));
+  }
+  const ee = {
+    ...de(),
+    ...L(e.options || {})
+  }, C = k(ee);
+  for (const l in C)
+    a.searchParams.set(l, String(C[l]));
+  if (n && a.searchParams.set("userAttributes", JSON.stringify(n)), r) {
+    const l = q({
+      query: r
+    });
+    for (const w in l)
+      a.searchParams.set(w, JSON.stringify(l[w]));
+  }
+  return a;
+}, je = (e) => "results" in e;
+async function We(e) {
+  const t = await Ge({
+    ...e,
+    limit: 1
+  });
+  return t && t[0] || null;
+}
+const $e = async (e) => {
+  var i, u;
+  const t = O(e), n = (i = e.fetch) != null ? i : De, r = {
+    ...e.fetchOptions,
+    headers: {
+      ...(u = e.fetchOptions) == null ? void 0 : u.headers,
+      ...F()
+    }
+  };
+  return await (await n(t.href, r)).json();
+}, _e = async (e, t, n = O(e)) => {
+  const r = Me(e.canTrack);
+  if (n.search.includes("preview="), !r || !(c() || b === "reactNative"))
+    return t.results;
+  try {
+    const o = [];
+    for (const s of t.results)
+      o.push(await Ve({
+        item: s,
+        canTrack: r
+      }));
+    t.results = o;
+  } catch (o) {
+    f.error("Could not process A/B tests. ", o);
+  }
+  return t.results;
+};
+async function Ge(e) {
+  try {
+    const t = O(e), n = await $e(e);
+    return je(n) ? _e(e, n) : (f.error("Error fetching data. ", {
+      url: t,
+      content: n,
+      options: e
+    }), null);
+  } catch (t) {
+    return f.error("Error fetching data. ", t), null;
+  }
+}
+const Ze = async (e) => {
+  var r, o, s;
+  const t = e.path || ((r = e.url) == null ? void 0 : r.pathname) || ((o = e.userAttributes) == null ? void 0 : o.urlPath), n = {
+    ...e,
+    apiKey: e.apiKey,
+    model: e.model || "page",
+    userAttributes: {
+      ...e.userAttributes,
+      ...t ? {
+        urlPath: t
+      } : {}
+    },
+    options: M(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+  };
+  return {
+    apiKey: n.apiKey,
+    model: n.model,
+    content: await We(n)
+  };
+};
+export {
+  b as TARGET,
+  _e as _processContentResult,
+  Pe as _track,
+  m as checkIsDefined,
+  Ae as createEditorListener,
+  Xe as createRegisterComponentMessage,
+  Ze as fetchBuilderProps,
+  Ge as fetchEntries,
+  We as fetchOneEntry,
+  M as getBuilderSearchParams,
+  Me as getDefaultCanTrack,
+  ie as getUserAttributes,
+  Ye as handleABTestingSync,
+  c as isBrowser,
+  re as isEditing,
+  He as isPreviewing,
+  f as logger,
+  ce as register,
+  qe as registerInsertMenu,
+  V as serializeIncludingFunctions,
+  Je as setEditorSettings,
+  xe as setupBrowserForEditing,
+  Qe as subscribeToEditor,
+  ze as track
+};