@builder.io/sdk-react 3.0.1 → 3.0.3

package/lib/browser/server-entry-c904f136.js

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