@brainfish-ai/widgets-initiator 1.4.0-alpha.2 → 1.4.0-beta.1

package/dist/web.js

@@ -1,47 +1,47 @@
-var Fe = Object.defineProperty, Oe = Object.defineProperties;
-var Be = Object.getOwnPropertyDescriptors;
-var fe = Object.getOwnPropertySymbols;
-var Le = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
-var F = (a, t, r) => t in a ? Fe(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r, O = (a, t) => {
-  for (var r in t || (t = {}))
-    Le.call(t, r) && F(a, r, t[r]);
-  if (fe)
-    for (var r of fe(t))
-      $e.call(t, r) && F(a, r, t[r]);
+var Be = Object.defineProperty, Fe = Object.defineProperties;
+var Le = Object.getOwnPropertyDescriptors;
+var pe = Object.getOwnPropertySymbols;
+var Te = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable;
+var L = (a, t, n) => t in a ? Be(a, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : a[t] = n, T = (a, t) => {
+  for (var n in t || (t = {}))
+    Te.call(t, n) && L(a, n, t[n]);
+  if (pe)
+    for (var n of pe(t))
+      $e.call(t, n) && L(a, n, t[n]);
   return a;
-}, B = (a, t) => Oe(a, Be(t));
-var ce = (a, t, r) => F(a, typeof t != "symbol" ? t + "" : t, r);
-var b = (a, t, r) => new Promise((l, o) => {
-  var n = (s) => {
+}, $ = (a, t) => Fe(a, Le(t));
+var S = (a, t, n) => L(a, typeof t != "symbol" ? t + "" : t, n);
+var m = (a, t, n) => new Promise((i, o) => {
+  var r = (s) => {
     try {
-      d(r.next(s));
-    } catch (i) {
-      o(i);
+      u(n.next(s));
+    } catch (l) {
+      o(l);
     }
   }, e = (s) => {
     try {
-      d(r.throw(s));
-    } catch (i) {
-      o(i);
+      u(n.throw(s));
+    } catch (l) {
+      o(l);
     }
-  }, d = (s) => s.done ? l(s.value) : Promise.resolve(s.value).then(n, e);
-  d((r = r.apply(a, t)).next());
+  }, u = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(r, e);
+  u((n = n.apply(a, t)).next());
 });
-var _, T;
+var k, z;
 (function() {
   try {
     var a = typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {}, t = new a.Error().stack;
-    t && (a._sentryDebugIds = a._sentryDebugIds || {}, a._sentryDebugIds[t] = "e618bdd9-e67e-4116-9cbe-81ba8dc5665a", a._sentryDebugIdIdentifier = "sentry-dbid-e618bdd9-e67e-4116-9cbe-81ba8dc5665a");
-  } catch (r) {
+    t && (a._sentryDebugIds = a._sentryDebugIds || {}, a._sentryDebugIds[t] = "52c6e1d3-d916-4a77-9618-d7c072224b32", a._sentryDebugIdIdentifier = "sentry-dbid-52c6e1d3-d916-4a77-9618-d7c072224b32");
+  } catch (n) {
   }
-})(), (typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {}).SENTRY_RELEASE = { id: "5e55079f7c05de237a76f1e1c8eec36c6436b8f0" }, function(a) {
+})(), (typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : {}).SENTRY_RELEASE = { id: "7028da603df62f0b0587e92a9047f179a3c96188" }, function(a) {
   a.Sidebar = "sidebar", a.Searchbar = "searchbar";
-}(_ || (_ = {})), _.Sidebar, _.Searchbar;
-class ae extends Error {
-  constructor(r, l) {
-    super(r, l);
-    ce(this, "cause");
-    this.name = "BrainfishWidgetError", this.cause = l == null ? void 0 : l.cause, Error.captureStackTrace && Error.captureStackTrace(this, ae), this.cause instanceof Error && this.cause.stack && (this.stack = this.stack + `
+}(k || (k = {})), k.Sidebar, k.Searchbar;
+class ie extends Error {
+  constructor(n, i) {
+    super(n, i);
+    S(this, "cause");
+    this.name = "BrainfishWidgetError", this.cause = i == null ? void 0 : i.cause, Error.captureStackTrace && Error.captureStackTrace(this, ie), this.cause instanceof Error && this.cause.stack && (this.stack = this.stack + `
 Caused by: ` + this.cause.stack);
   }
   toJSON() {
@@ -50,194 +50,234 @@ Caused by: ` + this.cause.stack);
 }
 (function(a) {
   a.LINK = "link", a.CALLBACK = "callback", a.EMAIL = "email", a.PHONE = "phone";
-})(T || (T = {}));
-const w = (a, t, r, l) => {
-  let o = r, n = {};
+})(z || (z = {}));
+const x = (a, t, n, i) => {
+  let o = n, r = {};
   if (t instanceof Error) try {
-    n = JSON.parse(t.message), o += ` - ${n.message || t.message}`;
+    r = JSON.parse(t.message), o += ` - ${r.message || t.message}`;
   } catch (e) {
     o += ` - ${t.message}`;
   }
   else o += ` - ${String(t)}`;
-  ((e, d, s) => {
+  ((e, u, s) => {
     if (!navigator || navigator.userAgent.toLowerCase().includes("headless")) return;
-    const i = d.toJSON();
-    fetch(`${e || "https://app.brainfi.sh"}/api/trackError.widget.create`, { method: "POST", headers: { "Content-Type": "application/json", "api-key": s }, body: JSON.stringify({ error: `WebWidgetVersion: 1.4.0-alpha.2. ${d.message}`, stack: d.stack, cause: { message: i.message, stack: i.stack, cause: i.cause } }) });
-  })(a, new ae(o, { cause: n }), l);
-}, Te = (a) => b(void 0, null, function* () {
-  let { widgetKey: t, apiHost: r } = a;
-  return function(l, o, n) {
-    return b(this, null, function* () {
-      let e, d = 0;
-      for (; d < 3; ) try {
-        const s = yield fetch(`${l}${o}`, { method: "POST", headers: { "Content-Type": "application/json", "api-key": n } });
+    const l = u.toJSON();
+    fetch(`${e || "https://app.brainfi.sh"}/api/trackError.widget.create`, { method: "POST", headers: { "Content-Type": "application/json", "api-key": s }, body: JSON.stringify({ error: `WebWidgetVersion: 1.4.0-beta.1. ${u.message}`, stack: u.stack, cause: { message: l.message, stack: l.stack, cause: l.cause } }) });
+  })(a, new ie(o, { cause: r }), i);
+}, We = (a) => m(void 0, null, function* () {
+  let { widgetKey: t, apiHost: n } = a;
+  return function(i, o, r) {
+    return m(this, null, function* () {
+      let e, u = 0;
+      for (; u < 3; ) try {
+        const s = yield fetch(`${i}${o}`, { method: "POST", headers: { "Content-Type": "application/json", "api-key": r } });
         if (!s.ok) throw new Error(`API call failed with status: ${s.status}`);
-        const i = yield s.json();
-        if (!i) throw new Error("Error loading config: empty response");
-        return i;
+        const l = yield s.json();
+        if (!l) throw new Error("Error loading config: empty response");
+        return l;
       } catch (s) {
-        if (e = s, d++, d >= 3) throw w(l, s, "Error fetching config", n), e;
-        yield new Promise((i) => setTimeout(i, 500));
+        if (e = s, u++, u >= 3) throw x(i, s, "Error fetching config", r), e;
+        yield new Promise((l) => setTimeout(l, 500));
       }
     });
-  }(r, "/api/searchWidgets.getConfigByKey", t);
+  }(n, "/api/searchWidgets.getConfigByKey", t);
 }), Ke = (a) => {
-  let { config: t, apiKey: r, apiHost: l } = a;
+  let { config: t, apiKey: n, apiHost: i } = a;
   const o = t.settings || {};
-  return ["bodyActionButtons", "footerActionButtons", "nextBestActions"].forEach((n) => {
-    o[n] && (o[n] = o[n].map((e) => e.type === T.CALLBACK && e.value ? B(O({}, e), { value: new Function(`return ${e.value}`)() }) : e));
-  }), B(O({}, t), { settings: o, apiHost: l, widgetMode: t.widgetType, apiKey: r });
-}, oe = (a) => (a == null ? void 0 : a.apiHost) || "https://app.brainfi.sh", L = (() => {
+  return ["bodyActionButtons", "footerActionButtons", "nextBestActions"].forEach((r) => {
+    o[r] && (o[r] = o[r].map((e) => e.type === z.CALLBACK && e.value ? $(T({}, e), { value: new Function(`return ${e.value}`)() }) : e));
+  }), $(T({}, t), { settings: o, apiHost: i, widgetMode: t.widgetType, apiKey: n });
+}, se = (a) => (a == null ? void 0 : a.apiHost) || "https://app.brainfi.sh", W = (() => {
   if (typeof window == "undefined") return;
   const a = window.navigator.userAgent;
   if (!(a.match(/iPad/i) || a.match(/iPhone/i))) return !1;
   const t = a.match(/OS (\d+)_/i);
   return t && parseInt(t[1], 10) <= 14;
-})(), He = (a) => b(void 0, null, function* () {
-  let { apiHost: t, widgetKey: r, version: l } = a;
+})(), ze = (a) => m(void 0, null, function* () {
+  let { apiHost: t, widgetKey: n, version: i } = a;
   try {
-    const o = `https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${l}/dist/web.js`, n = L ? o.replace("web.js", "web.umd.js") : o;
-    return { widget: yield ((d) => b(void 0, null, function* () {
-      return document.getElementById("brainfish-widget") ? window.Brainfish : new Promise((s, i) => {
-        const u = document.createElement("script");
-        u.id = "brainfish-widget", u.src = d, u.type = L ? "text/javascript" : "module", u.async = !0, u.crossOrigin = "anonymous", u.onload = () => {
+    const o = `https://cdn.jsdelivr.net/npm/@brainfish-ai/search-widget@${i}/dist/web.js`, r = W ? o.replace("web.js", "web.umd.js") : o;
+    return { widget: yield ((u) => m(void 0, null, function* () {
+      return document.getElementById("brainfish-widget") ? window.Brainfish : new Promise((s, l) => {
+        const d = document.createElement("script");
+        d.id = "brainfish-widget", d.src = u, d.type = W ? "text/javascript" : "module", d.async = !0, d.crossOrigin = "anonymous", d.onload = () => {
           setTimeout(() => {
             const c = window.Brainfish;
-            c ? s(c) : i(new Error("Failed to load Brainfish module"));
+            c ? s(c) : l(new Error("Failed to load Brainfish module"));
           }, 200);
-        }, u.onerror = (c) => {
-          const f = c, h = { message: `Failed to load script: ${d}`, type: f.type, fileName: f.filename, lineNumber: f.lineno, columnNumber: f.colno, error: f.error ? f.error.toString() : "Unknown error" };
-          i(new Error(JSON.stringify(h)));
-        }, L || document.head.appendChild(u);
+        }, d.onerror = (c) => {
+          const f = c, h = { message: `Failed to load script: ${u}`, type: f.type, fileName: f.filename, lineNumber: f.lineno, columnNumber: f.colno, error: f.error ? f.error.toString() : "Unknown error" };
+          l(new Error(JSON.stringify(h)));
+        }, W || document.head.appendChild(d);
       });
-    }))(n) };
+    }))(r) };
   } catch (o) {
-    w(t, o, o.message, r);
+    x(t, o, o.message, n);
   }
-}), pe = /* @__PURE__ */ new Set(), qe = (a, t) => b(void 0, null, function* () {
-  const r = oe(a.overrides);
+}), ge = /* @__PURE__ */ new Set(), He = (a, t) => m(void 0, null, function* () {
+  const n = se(a.overrides);
   try {
-    if (pe.has(a.widgetKey)) return;
-    const l = yield He({ apiHost: r, widgetKey: a.widgetKey, version: t.version || "latest" });
-    if (l) {
-      const { widget: o } = l, n = Ke({ config: t, apiKey: a.widgetKey, apiHost: r });
+    if (ge.has(a.widgetKey)) return;
+    const i = yield ze({ apiHost: n, widgetKey: a.widgetKey, version: t.version || "latest" });
+    if (i) {
+      const { widget: o } = i, r = Ke({ config: t, apiKey: a.widgetKey, apiHost: n });
       return a.overrides && t.settings && Object.entries(a.overrides).forEach((e) => {
-        let [d, s] = e;
-        t.settings && d in t.settings && (t.settings[d] = function() {
-          let i = arguments.length > 1 ? arguments[1] : void 0;
-          const u = new Map((arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).map((c) => [c.label, c]));
-          return i.forEach((c) => u.set(c.label, c)), Array.from(u.values());
-        }(t.settings[d], s));
-      }), function(e, d) {
-        d.widgetType === _.Searchbar || d.widgetType === "Search" ? e.SearchWidget.initStandard(d) : e.HelpWidget.initPopup(d);
-      }(o, n), pe.add(a.widgetKey), o;
+        let [u, s] = e;
+        t.settings && u in t.settings && (t.settings[u] = function() {
+          let l = arguments.length > 1 ? arguments[1] : void 0;
+          const d = new Map((arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).map((c) => [c.label, c]));
+          return l.forEach((c) => d.set(c.label, c)), Array.from(d.values());
+        }(t.settings[u], s));
+      }), function(e, u) {
+        u.widgetType === k.Searchbar || u.widgetType === "Search" ? e.SearchWidget.initStandard(u) : e.HelpWidget.initPopup(u);
+      }(o, r), ge.add(a.widgetKey), o;
     }
-  } catch (l) {
-    w(r, l, l.message, a.widgetKey);
+  } catch (i) {
+    x(n, i, i.message, a.widgetKey);
   }
 });
-let ge = !1;
-const ze = function(l, o, n) {
-  return b(this, arguments, function* (a, t, r) {
-    let e = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : void 0, d = arguments.length > 4 && arguments[4] !== void 0 && arguments[4];
-    if (t || w(r, new Error("Access key is required"), "Access key is required", a), !ge) try {
-      window.BrainfishAnalytics("init", { apiUrl: e, accessKey: t, trackScreenViews: !0, trackAttributes: !0, trackOutgoingLinks: !0, enableRecording: d }), ge = !0, yield ((s, i) => b(this, null, function* () {
+let he = !1;
+const qe = function(i, o, r) {
+  return m(this, arguments, function* (a, t, n) {
+    let e = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : void 0, u = arguments.length > 4 && arguments[4] !== void 0 && arguments[4];
+    if (t || x(n, new Error("Access key is required"), "Access key is required", a), !he) try {
+      window.BrainfishAnalytics("init", { apiUrl: e, accessKey: t, trackScreenViews: !0, trackAttributes: !0, trackOutgoingLinks: !0, enableRecording: u }), he = !0, yield ((s, l) => m(this, null, function* () {
         if (document.getElementById("brainfish-analytics")) return window.BrainfishAnalytics;
-        const u = document.createElement("script");
-        u.id = "brainfish-analytics", u.src = "https://cdn.jsdelivr.net/npm/@brainfish-ai/web-tracker@latest/dist/tracker.js", u.type = "module", u.async = !0, u.crossOrigin = "anonymous", u.onerror = () => {
-          w(s, new Error(`Failed to load script: ${u.src}`), `Failed to load script: ${u.src}`, i);
-        }, document.head.appendChild(u);
-      }))(r, a);
+        const d = document.createElement("script");
+        d.id = "brainfish-analytics", d.src = "https://cdn.jsdelivr.net/npm/@brainfish-ai/web-tracker@latest/dist/tracker.js", d.type = "module", d.async = !0, d.crossOrigin = "anonymous", d.onerror = () => {
+          x(s, new Error(`Failed to load script: ${d.src}`), `Failed to load script: ${d.src}`, l);
+        }, document.head.appendChild(d);
+      }))(n, a);
     } catch (s) {
-      w(r, s, "Failed to initialize BrainfishAnalytics", a);
+      x(n, s, "Failed to initialize BrainfishAnalytics", a);
     }
   });
 };
-function P(a, t) {
-  let r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  const l = document.createElement(a);
-  return l.className = t, Object.entries(r).forEach((o) => {
-    let [n, e] = o;
-    l.setAttribute(n, e);
-  }), l;
+function I(a, t) {
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  const i = document.createElement(a);
+  return i.className = t, Object.entries(n).forEach((o) => {
+    let [r, e] = o;
+    i.setAttribute(r, e);
+  }), i;
 }
-function se(a) {
+const B = "bf-iframe-container", F = "bf-trigger-button";
+class v {
+  static get isWidgetOpen() {
+    return this.isOpen;
+  }
+  static initialize(t, n) {
+    this.button = t, this.icon = n, t.addEventListener("click", () => this.toggleIframeVisibility());
+  }
+  static toggleIframeVisibility() {
+    if (!this.button || !this.icon) return;
+    this.isOpen = !this.isOpen;
+    const t = this.icon.querySelector(".fish-icon"), n = this.icon.querySelector(".close-icon"), i = document.querySelector(".bf-iframe-container"), o = i == null ? void 0 : i.querySelector("iframe");
+    var r;
+    this.isOpen ? (i == null || i.classList.add("open"), i == null || i.setAttribute("aria-hidden", "false"), this.button.setAttribute("aria-expanded", "true"), t.classList.remove("visible"), n.classList.add("visible"), o == null || (r = o.contentWindow) === null || r === void 0 || r.postMessage({ type: "FOCUS_SEARCH_FIELD" }, "*"), window.BrainfishAnalytics("track", "Open Widget"), document.body.clientWidth <= 768 && this.hideTriggerButton()) : (i == null || i.classList.remove("open"), i == null || i.setAttribute("aria-hidden", "true"), this.button.setAttribute("aria-expanded", "false"), n.classList.remove("visible"), t.classList.add("visible"), this.showTriggerButton(), window.BrainfishAnalytics("track", "Close Widget"));
+  }
+  static showTriggerButton() {
+    var t;
+    (t = this.button) === null || t === void 0 || t.classList.remove("hidden");
+  }
+  static hideTriggerButton() {
+    var t;
+    (t = this.button) === null || t === void 0 || t.classList.add("hidden");
+  }
+}
+S(v, "isOpen", !1), S(v, "button", null), S(v, "icon", null);
+function Re(a, t) {
+  window.addEventListener("message", (n) => {
+    if (n.origin !== a) return;
+    const { type: i } = n.data;
+    if (i === "TOGGLE_WIDGET_SIZE" && function() {
+      const o = document.querySelector(`.${B}`);
+      o.classList.contains("expanded") ? o.classList.remove("expanded") : o.classList.add("expanded");
+    }(), i === "TRACK_EVENT") {
+      if (!window.BrainfishAnalytics) return;
+      const { eventName: o, data: r } = n.data;
+      window.BrainfishAnalytics("track", o, r);
+    }
+    i === "CLOSE_WIDGET" && (window.BrainfishAnalytics("track", "Close Widget"), v.toggleIframeVisibility());
+  }, { signal: t });
+}
+function le(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var K = { exports: {} }, H = { exports: {} }, q = { exports: {} };
+var H = { exports: {} }, q = { exports: {} }, R = { exports: {} };
 (function(a, t) {
-  function r(o) {
+  function n(o) {
     return Math.round(255 * o);
   }
-  function l(o, n, e) {
-    return r(o) + "," + r(n) + "," + r(e);
+  function i(o, r, e) {
+    return n(o) + "," + n(r) + "," + n(e);
   }
-  t.__esModule = !0, t.default = void 0, t.default = function(o, n, e, d) {
-    if (d === void 0 && (d = l), n === 0) return d(e, e, e);
-    var s = (o % 360 + 360) % 360 / 60, i = (1 - Math.abs(2 * e - 1)) * n, u = i * (1 - Math.abs(s % 2 - 1)), c = 0, f = 0, h = 0;
-    s >= 0 && s < 1 ? (c = i, f = u) : s >= 1 && s < 2 ? (c = u, f = i) : s >= 2 && s < 3 ? (f = i, h = u) : s >= 3 && s < 4 ? (f = u, h = i) : s >= 4 && s < 5 ? (c = u, h = i) : s >= 5 && s < 6 && (c = i, h = u);
-    var g = e - i / 2;
-    return d(c + g, f + g, h + g);
+  t.__esModule = !0, t.default = void 0, t.default = function(o, r, e, u) {
+    if (u === void 0 && (u = i), r === 0) return u(e, e, e);
+    var s = (o % 360 + 360) % 360 / 60, l = (1 - Math.abs(2 * e - 1)) * r, d = l * (1 - Math.abs(s % 2 - 1)), c = 0, f = 0, h = 0;
+    s >= 0 && s < 1 ? (c = l, f = d) : s >= 1 && s < 2 ? (c = d, f = l) : s >= 2 && s < 3 ? (f = l, h = d) : s >= 3 && s < 4 ? (f = d, h = l) : s >= 4 && s < 5 ? (c = d, h = l) : s >= 5 && s < 6 && (c = l, h = d);
+    var g = e - l / 2;
+    return u(c + g, f + g, h + g);
   }, a.exports = t.default;
-})(q, q.exports);
-var ie = q.exports, z = { exports: {} };
+})(R, R.exports);
+var ue = R.exports, D = { exports: {} };
 (function(a, t) {
   t.__esModule = !0, t.default = void 0;
-  var r = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "00ffff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "0000ff", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "00ffff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "ff00ff", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "639", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" };
-  t.default = function(l) {
-    if (typeof l != "string") return l;
-    var o = l.toLowerCase();
-    return r[o] ? "#" + r[o] : l;
+  var n = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "00ffff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "0000ff", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "00ffff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "ff00ff", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "639", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" };
+  t.default = function(i) {
+    if (typeof i != "string") return i;
+    var o = i.toLowerCase();
+    return n[o] ? "#" + n[o] : i;
   }, a.exports = t.default;
-})(z, z.exports);
-var Re = z.exports, R = { exports: {} };
+})(D, D.exports);
+var De = D.exports, N = { exports: {} };
 (function(a, t) {
-  function r(s) {
-    var i = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
-    return r = function(u) {
-      if (u === null || !function(f) {
+  function n(s) {
+    var l = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
+    return n = function(d) {
+      if (d === null || !function(f) {
         try {
           return Function.toString.call(f).indexOf("[native code]") !== -1;
         } catch (h) {
           return typeof f == "function";
         }
-      }(u)) return u;
-      if (typeof u != "function") throw new TypeError("Super expression must either be null or a function");
-      if (i !== void 0) {
-        if (i.has(u)) return i.get(u);
-        i.set(u, c);
+      }(d)) return d;
+      if (typeof d != "function") throw new TypeError("Super expression must either be null or a function");
+      if (l !== void 0) {
+        if (l.has(d)) return l.get(d);
+        l.set(d, c);
       }
       function c() {
         return function(f, h, g) {
-          if (l()) return Reflect.construct.apply(null, arguments);
+          if (i()) return Reflect.construct.apply(null, arguments);
           var p = [null];
           p.push.apply(p, h);
-          var m = new (f.bind.apply(f, p))();
-          return g && o(m, g.prototype), m;
-        }(u, arguments, n(this).constructor);
+          var b = new (f.bind.apply(f, p))();
+          return g && o(b, g.prototype), b;
+        }(d, arguments, r(this).constructor);
       }
-      return c.prototype = Object.create(u.prototype, { constructor: { value: c, enumerable: !1, writable: !0, configurable: !0 } }), o(c, u);
-    }, r(s);
+      return c.prototype = Object.create(d.prototype, { constructor: { value: c, enumerable: !1, writable: !0, configurable: !0 } }), o(c, d);
+    }, n(s);
   }
-  function l() {
+  function i() {
     try {
       var s = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
       }));
-    } catch (i) {
+    } catch (l) {
     }
-    return (l = function() {
+    return (i = function() {
       return !!s;
     })();
   }
-  function o(s, i) {
-    return o = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(u, c) {
-      return u.__proto__ = c, u;
-    }, o(s, i);
+  function o(s, l) {
+    return o = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(d, c) {
+      return d.__proto__ = c, d;
+    }, o(s, l);
   }
-  function n(s) {
-    return n = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(i) {
-      return i.__proto__ || Object.getPrototypeOf(i);
-    }, n(s);
+  function r(s) {
+    return r = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(l) {
+      return l.__proto__ || Object.getPrototypeOf(l);
+    }, r(s);
   }
   t.__esModule = !0, t.default = void 0;
   var e = { 1: `Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
@@ -389,436 +429,442 @@ To pass a single animation please supply them in simple values, e.g. animation('
 
 `, 78: `base must be set in "px" or "%" but you set it in "%s".
 ` };
-  function d() {
-    for (var s = arguments.length, i = new Array(s), u = 0; u < s; u++) i[u] = arguments[u];
-    var c, f = i[0], h = [];
-    for (c = 1; c < i.length; c += 1) h.push(i[c]);
+  function u() {
+    for (var s = arguments.length, l = new Array(s), d = 0; d < s; d++) l[d] = arguments[d];
+    var c, f = l[0], h = [];
+    for (c = 1; c < l.length; c += 1) h.push(l[c]);
     return h.forEach(function(g) {
       f = f.replace(/%[a-z]/, g);
     }), f;
   }
   t.default = function(s) {
-    var i, u;
+    var l, d;
     function c(f) {
       var h;
       if (process.env.NODE_ENV === "production") h = s.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + f + " for more information.") || this;
       else {
-        for (var g = arguments.length, p = new Array(g > 1 ? g - 1 : 0), m = 1; m < g; m++) p[m - 1] = arguments[m];
-        h = s.call(this, d.apply(void 0, [e[f]].concat(p))) || this;
+        for (var g = arguments.length, p = new Array(g > 1 ? g - 1 : 0), b = 1; b < g; b++) p[b - 1] = arguments[b];
+        h = s.call(this, u.apply(void 0, [e[f]].concat(p))) || this;
       }
-      return function(S) {
-        if (S === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return S;
+      return function(C) {
+        if (C === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return C;
       }(h);
     }
-    return u = s, (i = c).prototype = Object.create(u.prototype), i.prototype.constructor = i, o(i, u), c;
-  }(r(Error)), a.exports = t.default;
-})(R, R.exports);
-var x = R.exports;
+    return d = s, (l = c).prototype = Object.create(d.prototype), l.prototype.constructor = l, o(l, d), c;
+  }(n(Error)), a.exports = t.default;
+})(N, N.exports);
+var _ = N.exports;
 (function(a, t) {
   t.__esModule = !0, t.default = function(g) {
     if (typeof g != "string") throw new o.default(3);
-    var p = (0, l.default)(g);
+    var p = (0, i.default)(g);
     if (p.match(e)) return { red: parseInt("" + p[1] + p[2], 16), green: parseInt("" + p[3] + p[4], 16), blue: parseInt("" + p[5] + p[6], 16) };
-    if (p.match(d)) {
-      var m = parseFloat((parseInt("" + p[7] + p[8], 16) / 255).toFixed(2));
-      return { red: parseInt("" + p[1] + p[2], 16), green: parseInt("" + p[3] + p[4], 16), blue: parseInt("" + p[5] + p[6], 16), alpha: m };
+    if (p.match(u)) {
+      var b = parseFloat((parseInt("" + p[7] + p[8], 16) / 255).toFixed(2));
+      return { red: parseInt("" + p[1] + p[2], 16), green: parseInt("" + p[3] + p[4], 16), blue: parseInt("" + p[5] + p[6], 16), alpha: b };
     }
     if (p.match(s)) return { red: parseInt("" + p[1] + p[1], 16), green: parseInt("" + p[2] + p[2], 16), blue: parseInt("" + p[3] + p[3], 16) };
-    if (p.match(i)) {
-      var S = parseFloat((parseInt("" + p[4] + p[4], 16) / 255).toFixed(2));
-      return { red: parseInt("" + p[1] + p[1], 16), green: parseInt("" + p[2] + p[2], 16), blue: parseInt("" + p[3] + p[3], 16), alpha: S };
+    if (p.match(l)) {
+      var C = parseFloat((parseInt("" + p[4] + p[4], 16) / 255).toFixed(2));
+      return { red: parseInt("" + p[1] + p[1], 16), green: parseInt("" + p[2] + p[2], 16), blue: parseInt("" + p[3] + p[3], 16), alpha: C };
     }
-    var C = u.exec(p);
-    if (C) return { red: parseInt("" + C[1], 10), green: parseInt("" + C[2], 10), blue: parseInt("" + C[3], 10) };
-    var v = c.exec(p.substring(0, 50));
-    if (v) return { red: parseInt("" + v[1], 10), green: parseInt("" + v[2], 10), blue: parseInt("" + v[3], 10), alpha: parseFloat("" + v[4]) > 1 ? parseFloat("" + v[4]) / 100 : parseFloat("" + v[4]) };
-    var E = f.exec(p);
-    if (E) {
-      var Ee = parseInt("" + E[1], 10), Ae = parseInt("" + E[2], 10) / 100, je = parseInt("" + E[3], 10) / 100, ue = "rgb(" + (0, r.default)(Ee, Ae, je) + ")", A = u.exec(ue);
-      if (!A) throw new o.default(4, p, ue);
-      return { red: parseInt("" + A[1], 10), green: parseInt("" + A[2], 10), blue: parseInt("" + A[3], 10) };
+    var E = d.exec(p);
+    if (E) return { red: parseInt("" + E[1], 10), green: parseInt("" + E[2], 10), blue: parseInt("" + E[3], 10) };
+    var y = c.exec(p.substring(0, 50));
+    if (y) return { red: parseInt("" + y[1], 10), green: parseInt("" + y[2], 10), blue: parseInt("" + y[3], 10), alpha: parseFloat("" + y[4]) > 1 ? parseFloat("" + y[4]) / 100 : parseFloat("" + y[4]) };
+    var A = f.exec(p);
+    if (A) {
+      var Ae = parseInt("" + A[1], 10), Oe = parseInt("" + A[2], 10) / 100, Me = parseInt("" + A[3], 10) / 100, fe = "rgb(" + (0, n.default)(Ae, Oe, Me) + ")", O = d.exec(fe);
+      if (!O) throw new o.default(4, p, fe);
+      return { red: parseInt("" + O[1], 10), green: parseInt("" + O[2], 10), blue: parseInt("" + O[3], 10) };
     }
-    var y = h.exec(p.substring(0, 50));
-    if (y) {
-      var Me = parseInt("" + y[1], 10), Ie = parseInt("" + y[2], 10) / 100, Pe = parseInt("" + y[3], 10) / 100, de = "rgb(" + (0, r.default)(Me, Ie, Pe) + ")", j = u.exec(de);
-      if (!j) throw new o.default(4, p, de);
-      return { red: parseInt("" + j[1], 10), green: parseInt("" + j[2], 10), blue: parseInt("" + j[3], 10), alpha: parseFloat("" + y[4]) > 1 ? parseFloat("" + y[4]) / 100 : parseFloat("" + y[4]) };
+    var w = h.exec(p.substring(0, 50));
+    if (w) {
+      var Ie = parseInt("" + w[1], 10), Pe = parseInt("" + w[2], 10) / 100, je = parseInt("" + w[3], 10) / 100, ce = "rgb(" + (0, n.default)(Ie, Pe, je) + ")", M = d.exec(ce);
+      if (!M) throw new o.default(4, p, ce);
+      return { red: parseInt("" + M[1], 10), green: parseInt("" + M[2], 10), blue: parseInt("" + M[3], 10), alpha: parseFloat("" + w[4]) > 1 ? parseFloat("" + w[4]) / 100 : parseFloat("" + w[4]) };
     }
     throw new o.default(5);
   };
-  var r = n(ie), l = n(Re), o = n(x);
-  function n(g) {
+  var n = r(ue), i = r(De), o = r(_);
+  function r(g) {
     return g && g.__esModule ? g : { default: g };
   }
-  var e = /^#[a-fA-F0-9]{6}$/, d = /^#[a-fA-F0-9]{8}$/, s = /^#[a-fA-F0-9]{3}$/, i = /^#[a-fA-F0-9]{4}$/, u = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, c = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, f = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, h = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+  var e = /^#[a-fA-F0-9]{6}$/, u = /^#[a-fA-F0-9]{8}$/, s = /^#[a-fA-F0-9]{3}$/, l = /^#[a-fA-F0-9]{4}$/, d = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, c = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, f = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, h = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
   a.exports = t.default;
-})(H, H.exports);
-var le = H.exports;
+})(q, q.exports);
+var de = q.exports;
 (function(a, t) {
   t.__esModule = !0, t.default = function(o) {
     if (o === "transparent") return 0;
-    var n = (0, l.default)(o), e = Object.keys(n).map(function(u) {
-      var c = n[u] / 255;
+    var r = (0, i.default)(o), e = Object.keys(r).map(function(d) {
+      var c = r[d] / 255;
       return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-    }), d = e[0], s = e[1], i = e[2];
-    return parseFloat((0.2126 * d + 0.7152 * s + 0.0722 * i).toFixed(3));
+    }), u = e[0], s = e[1], l = e[2];
+    return parseFloat((0.2126 * u + 0.7152 * s + 0.0722 * l).toFixed(3));
   };
-  var r, l = (r = le) && r.__esModule ? r : { default: r };
+  var n, i = (n = de) && n.__esModule ? n : { default: n };
   a.exports = t.default;
-})(K, K.exports);
-const We = se(K.exports);
-var W = { exports: {} }, N = { exports: {} };
+})(H, H.exports);
+const Ne = le(H.exports);
+var Y = { exports: {} }, G = { exports: {} };
 (function(a, t) {
-  function r(l, o, n) {
+  function n(i, o, r) {
     return function() {
-      var e = n.concat(Array.prototype.slice.call(arguments));
-      return e.length >= o ? l.apply(this, e) : r(l, o, e);
+      var e = r.concat(Array.prototype.slice.call(arguments));
+      return e.length >= o ? i.apply(this, e) : n(i, o, e);
     };
   }
-  t.__esModule = !0, t.default = function(l) {
-    return r(l, l.length, []);
+  t.__esModule = !0, t.default = function(i) {
+    return n(i, i.length, []);
   }, a.exports = t.default;
-})(N, N.exports);
-var he, M, ve = N.exports, D = { exports: {} };
-he = D, (M = D.exports).__esModule = !0, M.default = void 0, M.default = function(a, t, r) {
-  return Math.max(a, Math.min(t, r));
-}, he.exports = M.default;
-var ye = D.exports, Y = { exports: {} }, G = { exports: {} };
+})(G, G.exports);
+var me, P, ye = G.exports, V = { exports: {} };
+me = V, (P = V.exports).__esModule = !0, P.default = void 0, P.default = function(a, t, n) {
+  return Math.max(a, Math.min(t, n));
+}, me.exports = P.default;
+var we = V.exports, J = { exports: {} }, U = { exports: {} };
 (function(a, t) {
-  t.__esModule = !0, t.default = void 0, t.default = function(r) {
-    var l, o = r.red / 255, n = r.green / 255, e = r.blue / 255, d = Math.max(o, n, e), s = Math.min(o, n, e), i = (d + s) / 2;
-    if (d === s) return r.alpha !== void 0 ? { hue: 0, saturation: 0, lightness: i, alpha: r.alpha } : { hue: 0, saturation: 0, lightness: i };
-    var u = d - s, c = i > 0.5 ? u / (2 - d - s) : u / (d + s);
-    switch (d) {
+  t.__esModule = !0, t.default = void 0, t.default = function(n) {
+    var i, o = n.red / 255, r = n.green / 255, e = n.blue / 255, u = Math.max(o, r, e), s = Math.min(o, r, e), l = (u + s) / 2;
+    if (u === s) return n.alpha !== void 0 ? { hue: 0, saturation: 0, lightness: l, alpha: n.alpha } : { hue: 0, saturation: 0, lightness: l };
+    var d = u - s, c = l > 0.5 ? d / (2 - u - s) : d / (u + s);
+    switch (u) {
       case o:
-        l = (n - e) / u + (n < e ? 6 : 0);
+        i = (r - e) / d + (r < e ? 6 : 0);
         break;
-      case n:
-        l = (e - o) / u + 2;
+      case r:
+        i = (e - o) / d + 2;
         break;
       default:
-        l = (o - n) / u + 4;
+        i = (o - r) / d + 4;
     }
-    return l *= 60, r.alpha !== void 0 ? { hue: l, saturation: c, lightness: i, alpha: r.alpha } : { hue: l, saturation: c, lightness: i };
+    return i *= 60, n.alpha !== void 0 ? { hue: i, saturation: c, lightness: l, alpha: n.alpha } : { hue: i, saturation: c, lightness: l };
   }, a.exports = t.default;
-})(G, G.exports);
-var Ne = G.exports;
+})(U, U.exports);
+var Ye = U.exports;
 (function(a, t) {
-  t.__esModule = !0, t.default = function(n) {
-    return (0, l.default)((0, r.default)(n));
+  t.__esModule = !0, t.default = function(r) {
+    return (0, i.default)((0, n.default)(r));
   };
-  var r = o(le), l = o(Ne);
-  function o(n) {
-    return n && n.__esModule ? n : { default: n };
+  var n = o(de), i = o(Ye);
+  function o(r) {
+    return r && r.__esModule ? r : { default: r };
   }
   a.exports = t.default;
-})(Y, Y.exports);
-var we = Y.exports, J = { exports: {} }, Z = { exports: {} }, V = { exports: {} }, U = { exports: {} };
+})(J, J.exports);
+var xe = J.exports, Z = { exports: {} }, Q = { exports: {} }, X = { exports: {} }, ee = { exports: {} };
 (function(a, t) {
-  t.__esModule = !0, t.default = void 0, t.default = function(r) {
-    return r.length === 7 && r[1] === r[2] && r[3] === r[4] && r[5] === r[6] ? "#" + r[1] + r[3] + r[5] : r;
+  t.__esModule = !0, t.default = void 0, t.default = function(n) {
+    return n.length === 7 && n[1] === n[2] && n[3] === n[4] && n[5] === n[6] ? "#" + n[1] + n[3] + n[5] : n;
   }, a.exports = t.default;
-})(U, U.exports);
-var xe = U.exports, Q = { exports: {} };
+})(ee, ee.exports);
+var _e = ee.exports, te = { exports: {} };
 (function(a, t) {
-  t.__esModule = !0, t.default = void 0, t.default = function(r) {
-    var l = r.toString(16);
-    return l.length === 1 ? "0" + l : l;
+  t.__esModule = !0, t.default = void 0, t.default = function(n) {
+    var i = n.toString(16);
+    return i.length === 1 ? "0" + i : i;
   }, a.exports = t.default;
-})(Q, Q.exports);
-var _e = Q.exports;
+})(te, te.exports);
+var Se = te.exports;
 (function(a, t) {
   t.__esModule = !0, t.default = void 0;
-  var r = n(ie), l = n(xe), o = n(_e);
-  function n(s) {
+  var n = r(ue), i = r(_e), o = r(Se);
+  function r(s) {
     return s && s.__esModule ? s : { default: s };
   }
   function e(s) {
     return (0, o.default)(Math.round(255 * s));
   }
-  function d(s, i, u) {
-    return (0, l.default)("#" + e(s) + e(i) + e(u));
+  function u(s, l, d) {
+    return (0, i.default)("#" + e(s) + e(l) + e(d));
   }
-  t.default = function(s, i, u) {
-    return (0, r.default)(s, i, u, d);
+  t.default = function(s, l, d) {
+    return (0, n.default)(s, l, d, u);
   }, a.exports = t.default;
-})(V, V.exports);
-var ke = V.exports;
+})(X, X.exports);
+var ke = X.exports;
 (function(a, t) {
-  t.__esModule = !0, t.default = function(n, e, d) {
-    if (typeof n == "number" && typeof e == "number" && typeof d == "number") return (0, r.default)(n, e, d);
-    if (typeof n == "object" && e === void 0 && d === void 0) return (0, r.default)(n.hue, n.saturation, n.lightness);
-    throw new l.default(1);
+  t.__esModule = !0, t.default = function(r, e, u) {
+    if (typeof r == "number" && typeof e == "number" && typeof u == "number") return (0, n.default)(r, e, u);
+    if (typeof r == "object" && e === void 0 && u === void 0) return (0, n.default)(r.hue, r.saturation, r.lightness);
+    throw new i.default(1);
   };
-  var r = o(ke), l = o(x);
-  function o(n) {
-    return n && n.__esModule ? n : { default: n };
+  var n = o(ke), i = o(_);
+  function o(r) {
+    return r && r.__esModule ? r : { default: r };
   }
   a.exports = t.default;
-})(Z, Z.exports);
-var De = Z.exports, X = { exports: {} };
+})(Q, Q.exports);
+var Ge = Q.exports, ne = { exports: {} };
 (function(a, t) {
-  t.__esModule = !0, t.default = function(e, d, s, i) {
-    if (typeof e == "number" && typeof d == "number" && typeof s == "number" && typeof i == "number") return i >= 1 ? (0, r.default)(e, d, s) : "rgba(" + (0, l.default)(e, d, s) + "," + i + ")";
-    if (typeof e == "object" && d === void 0 && s === void 0 && i === void 0) return e.alpha >= 1 ? (0, r.default)(e.hue, e.saturation, e.lightness) : "rgba(" + (0, l.default)(e.hue, e.saturation, e.lightness) + "," + e.alpha + ")";
+  t.__esModule = !0, t.default = function(e, u, s, l) {
+    if (typeof e == "number" && typeof u == "number" && typeof s == "number" && typeof l == "number") return l >= 1 ? (0, n.default)(e, u, s) : "rgba(" + (0, i.default)(e, u, s) + "," + l + ")";
+    if (typeof e == "object" && u === void 0 && s === void 0 && l === void 0) return e.alpha >= 1 ? (0, n.default)(e.hue, e.saturation, e.lightness) : "rgba(" + (0, i.default)(e.hue, e.saturation, e.lightness) + "," + e.alpha + ")";
     throw new o.default(2);
   };
-  var r = n(ke), l = n(ie), o = n(x);
-  function n(e) {
+  var n = r(ke), i = r(ue), o = r(_);
+  function r(e) {
     return e && e.__esModule ? e : { default: e };
   }
   a.exports = t.default;
-})(X, X.exports);
-var Ye = X.exports, ee = { exports: {} };
+})(ne, ne.exports);
+var Ve = ne.exports, re = { exports: {} };
 (function(a, t) {
-  t.__esModule = !0, t.default = function(e, d, s) {
-    if (typeof e == "number" && typeof d == "number" && typeof s == "number") return (0, r.default)("#" + (0, l.default)(e) + (0, l.default)(d) + (0, l.default)(s));
-    if (typeof e == "object" && d === void 0 && s === void 0) return (0, r.default)("#" + (0, l.default)(e.red) + (0, l.default)(e.green) + (0, l.default)(e.blue));
+  t.__esModule = !0, t.default = function(e, u, s) {
+    if (typeof e == "number" && typeof u == "number" && typeof s == "number") return (0, n.default)("#" + (0, i.default)(e) + (0, i.default)(u) + (0, i.default)(s));
+    if (typeof e == "object" && u === void 0 && s === void 0) return (0, n.default)("#" + (0, i.default)(e.red) + (0, i.default)(e.green) + (0, i.default)(e.blue));
     throw new o.default(6);
   };
-  var r = n(xe), l = n(_e), o = n(x);
-  function n(e) {
+  var n = r(_e), i = r(Se), o = r(_);
+  function r(e) {
     return e && e.__esModule ? e : { default: e };
   }
   a.exports = t.default;
-})(ee, ee.exports);
-var Se = ee.exports, te = { exports: {} };
+})(re, re.exports);
+var Ce = re.exports, ae = { exports: {} };
 (function(a, t) {
-  t.__esModule = !0, t.default = function(e, d, s, i) {
-    if (typeof e == "string" && typeof d == "number") {
-      var u = (0, r.default)(e);
-      return "rgba(" + u.red + "," + u.green + "," + u.blue + "," + d + ")";
+  t.__esModule = !0, t.default = function(e, u, s, l) {
+    if (typeof e == "string" && typeof u == "number") {
+      var d = (0, n.default)(e);
+      return "rgba(" + d.red + "," + d.green + "," + d.blue + "," + u + ")";
     }
-    if (typeof e == "number" && typeof d == "number" && typeof s == "number" && typeof i == "number") return i >= 1 ? (0, l.default)(e, d, s) : "rgba(" + e + "," + d + "," + s + "," + i + ")";
-    if (typeof e == "object" && d === void 0 && s === void 0 && i === void 0) return e.alpha >= 1 ? (0, l.default)(e.red, e.green, e.blue) : "rgba(" + e.red + "," + e.green + "," + e.blue + "," + e.alpha + ")";
+    if (typeof e == "number" && typeof u == "number" && typeof s == "number" && typeof l == "number") return l >= 1 ? (0, i.default)(e, u, s) : "rgba(" + e + "," + u + "," + s + "," + l + ")";
+    if (typeof e == "object" && u === void 0 && s === void 0 && l === void 0) return e.alpha >= 1 ? (0, i.default)(e.red, e.green, e.blue) : "rgba(" + e.red + "," + e.green + "," + e.blue + "," + e.alpha + ")";
     throw new o.default(7);
   };
-  var r = n(le), l = n(Se), o = n(x);
-  function n(e) {
+  var n = r(de), i = r(Ce), o = r(_);
+  function r(e) {
     return e && e.__esModule ? e : { default: e };
   }
   a.exports = t.default;
-})(te, te.exports);
-var Ge = te.exports;
+})(ae, ae.exports);
+var Je = ae.exports;
 (function(a, t) {
   t.__esModule = !0, t.default = function(f) {
     if (typeof f != "object") throw new e.default(8);
-    if (i(f)) return (0, n.default)(f);
+    if (l(f)) return (0, r.default)(f);
     if (s(f)) return (0, o.default)(f);
-    if (c(f)) return (0, l.default)(f);
-    if (u(f)) return (0, r.default)(f);
+    if (c(f)) return (0, i.default)(f);
+    if (d(f)) return (0, n.default)(f);
     throw new e.default(8);
   };
-  var r = d(De), l = d(Ye), o = d(Se), n = d(Ge), e = d(x);
-  function d(f) {
+  var n = u(Ge), i = u(Ve), o = u(Ce), r = u(Je), e = u(_);
+  function u(f) {
     return f && f.__esModule ? f : { default: f };
   }
   var s = function(f) {
     return typeof f.red == "number" && typeof f.green == "number" && typeof f.blue == "number" && (typeof f.alpha != "number" || f.alpha === void 0);
-  }, i = function(f) {
+  }, l = function(f) {
     return typeof f.red == "number" && typeof f.green == "number" && typeof f.blue == "number" && typeof f.alpha == "number";
-  }, u = function(f) {
+  }, d = function(f) {
     return typeof f.hue == "number" && typeof f.saturation == "number" && typeof f.lightness == "number" && (typeof f.alpha != "number" || f.alpha === void 0);
   }, c = function(f) {
     return typeof f.hue == "number" && typeof f.saturation == "number" && typeof f.lightness == "number" && typeof f.alpha == "number";
   };
   a.exports = t.default;
-})(J, J.exports);
-var Ce = J.exports;
+})(Z, Z.exports);
+var Ee = Z.exports;
 (function(a, t) {
   t.__esModule = !0, t.default = void 0;
-  var r = e(ve), l = e(ye), o = e(we), n = e(Ce);
-  function e(i) {
-    return i && i.__esModule ? i : { default: i };
-  }
-  function d() {
-    return d = Object.assign ? Object.assign.bind() : function(i) {
-      for (var u = 1; u < arguments.length; u++) {
-        var c = arguments[u];
-        for (var f in c) Object.prototype.hasOwnProperty.call(c, f) && (i[f] = c[f]);
+  var n = e(ye), i = e(we), o = e(xe), r = e(Ee);
+  function e(l) {
+    return l && l.__esModule ? l : { default: l };
+  }
+  function u() {
+    return u = Object.assign ? Object.assign.bind() : function(l) {
+      for (var d = 1; d < arguments.length; d++) {
+        var c = arguments[d];
+        for (var f in c) Object.prototype.hasOwnProperty.call(c, f) && (l[f] = c[f]);
       }
-      return i;
-    }, d.apply(this, arguments);
+      return l;
+    }, u.apply(this, arguments);
   }
-  var s = (0, r.default)(function(i, u) {
-    if (u === "transparent") return u;
-    var c = (0, o.default)(u);
-    return (0, n.default)(d({}, c, { lightness: (0, l.default)(0, 1, c.lightness - parseFloat(i)) }));
+  var s = (0, n.default)(function(l, d) {
+    if (d === "transparent") return d;
+    var c = (0, o.default)(d);
+    return (0, r.default)(u({}, c, { lightness: (0, i.default)(0, 1, c.lightness - parseFloat(l)) }));
   });
   t.default = s, a.exports = t.default;
-})(W, W.exports);
-const Je = se(W.exports);
-var ne = { exports: {} };
+})(Y, Y.exports);
+const Ue = le(Y.exports);
+var oe = { exports: {} };
 (function(a, t) {
   t.__esModule = !0, t.default = void 0;
-  var r = e(ve), l = e(ye), o = e(we), n = e(Ce);
-  function e(i) {
-    return i && i.__esModule ? i : { default: i };
-  }
-  function d() {
-    return d = Object.assign ? Object.assign.bind() : function(i) {
-      for (var u = 1; u < arguments.length; u++) {
-        var c = arguments[u];
-        for (var f in c) Object.prototype.hasOwnProperty.call(c, f) && (i[f] = c[f]);
+  var n = e(ye), i = e(we), o = e(xe), r = e(Ee);
+  function e(l) {
+    return l && l.__esModule ? l : { default: l };
+  }
+  function u() {
+    return u = Object.assign ? Object.assign.bind() : function(l) {
+      for (var d = 1; d < arguments.length; d++) {
+        var c = arguments[d];
+        for (var f in c) Object.prototype.hasOwnProperty.call(c, f) && (l[f] = c[f]);
       }
-      return i;
-    }, d.apply(this, arguments);
+      return l;
+    }, u.apply(this, arguments);
   }
-  var s = (0, r.default)(function(i, u) {
-    if (u === "transparent") return u;
-    var c = (0, o.default)(u);
-    return (0, n.default)(d({}, c, { lightness: (0, l.default)(0, 1, c.lightness + parseFloat(i)) }));
+  var s = (0, n.default)(function(l, d) {
+    if (d === "transparent") return d;
+    var c = (0, o.default)(d);
+    return (0, r.default)(u({}, c, { lightness: (0, i.default)(0, 1, c.lightness + parseFloat(l)) }));
   });
   t.default = s, a.exports = t.default;
-})(ne, ne.exports);
-const Ze = se(ne.exports), me = /* @__PURE__ */ new Set(), k = "bf-iframe-container", re = "bf-trigger-button";
-function Ve(a) {
+})(oe, oe.exports);
+const Ze = le(oe.exports);
+function Qe(a) {
   if (!document.querySelector("style[data-widget-styles]")) {
-    var t, r;
+    var t, n;
     (function() {
-      let l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "#000", o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "FFF";
-      const n = document.createElement("style");
-      n.attributes.setNamedItem(document.createAttribute("data-widget-styles"));
-      const e = We(l) > 0.5;
-      n.textContent = `
-    .bf-trigger-button{position:fixed;bottom:16px;right:16px;width:56px;height:56px;border-radius:50%;border:none;box-shadow:0 20px 25px -5px #1212171a,0 10px 10px -5px #1212170a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;padding:12px;gap:10px;overflow:hidden}.trigger-button-icon{width:36px;height:36px;position:relative}.trigger-button-icon svg{width:100%;height:100%;position:absolute;inset:0}.trigger-button-icon>svg>path{transition:transform .3s ease,opacity .3s ease;transform:scale(.5);transform-origin:center;opacity:0}.trigger-button-icon svg.visible{display:block}.trigger-button-icon>svg.visible>path{opacity:1;transform:scale(1)}.trigger-iframe{position:relative;width:100%;height:100%;border:none;outline:none;transform:translateZ(0)}.bf-iframe-container{position:fixed;bottom:0;right:0;width:100vw;height:100vh;border:none;overflow:hidden;z-index:999;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,width .2s ease-in-out,height .2s ease-in-out}.bf-iframe-container.open{opacity:1;transform:translateY(0);pointer-events:auto;top:0;left:0}@media (min-width: 768px){.bf-iframe-container{bottom:80px;right:24px;width:448px;height:min(750px,calc(100vh - 80px));border-radius:8px;border:1px solid var(--Dark-300, #D4D4D4);box-shadow:0 20px 25px -5px #1212171a,0 10px 10px -5px #1212170a}.bf-iframe-container.open{top:unset;left:unset}.bf-iframe-container.expanded{width:min(calc(448px * 1.35),calc(100vw - 16px));height:min(calc(750px * 1.35),calc(100vh - 80px))}}
-    .${re} { background: ${l}; }
-    .${re}:hover {
-      background: ${e ? Je(0.05, l) : Ze(0.05, l)};
+      let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "#000", o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "FFF";
+      const r = document.createElement("style");
+      r.attributes.setNamedItem(document.createAttribute("data-widget-styles"));
+      const e = Ne(i) > 0.5;
+      r.textContent = `
+    .bf-trigger-button{position:fixed;bottom:16px;right:16px;width:56px;height:56px;border-radius:50%;border:none;box-shadow:0 20px 25px -5px #1212171a,0 10px 10px -5px #1212170a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;padding:12px;gap:10px;overflow:hidden}.bf-trigger-button.hidden{display:none}.trigger-button-icon{width:36px;height:36px;position:relative}.trigger-button-icon svg{width:100%;height:100%;position:absolute;inset:0}.trigger-button-icon>svg>path{transition:transform .3s ease,opacity .3s ease;transform:scale(.5);transform-origin:center;opacity:0}.trigger-button-icon svg.visible{display:block}.trigger-button-icon>svg.visible>path{opacity:1;transform:scale(1)}.trigger-iframe{position:relative;width:100%;height:100%;border:none;outline:none;transform:translateZ(0)}.bf-iframe-container{position:fixed;bottom:0;right:0;width:100vw;height:100vh;border:none;overflow:hidden;z-index:999;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,width .2s ease-in-out,height .2s ease-in-out}.bf-iframe-container.open{opacity:1;transform:translateY(0);pointer-events:auto;top:0;left:0}@media (min-width: 768px){.bf-iframe-container{bottom:80px;right:24px;width:448px;height:min(750px,calc(100vh - 80px));border-radius:8px;border:1px solid var(--Dark-300, #D4D4D4);box-shadow:0 20px 25px -5px #1212171a,0 10px 10px -5px #1212170a}.bf-iframe-container.open{top:unset;left:unset}.bf-iframe-container.expanded{width:min(calc(448px * 1.35),calc(100vw - 16px));height:min(calc(750px * 1.35),calc(100vh - 80px))}}
+    .${F} { background: ${i}; }
+    .${F}:hover {
+      background: ${e ? Ue(0.05, i) : Ze(0.05, i)};
     }
     .trigger-button-icon { color: ${o}; }
-  `, document.head.appendChild(n);
-    })((a == null || (t = a.theme) === null || t === void 0 ? void 0 : t.inputButtonBgColor) || "#007bff", (a == null || (r = a.theme) === null || r === void 0 ? void 0 : r.textBaseColor) || "#ffffff");
+  `, document.head.appendChild(r);
+    })((a == null || (t = a.theme) === null || t === void 0 ? void 0 : t.inputButtonBgColor) || "#007bff", (a == null || (n = a.theme) === null || n === void 0 ? void 0 : n.textBaseColor) || "#ffffff");
   }
 }
-function Ue(a) {
-  const t = P("button", re, { id: `trigger-button-${a}`, "aria-controls": k, "aria-expanded": "false" }), r = P("div", "trigger-button-icon", { "aria-hidden": "true" });
-  return r.innerHTML = `
-    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 256 256" class="close-icon">
-      <path class="icon-path" d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path>
+function Xe(a, t) {
+  const n = () => {
+    ((i) => {
+      var o;
+      (o = a.contentWindow) === null || o === void 0 || o.postMessage({ type: "UPDATE_BODY_CLASS", isDarkMode: i }, "*");
+    })(document.body.classList.contains("dark"));
+  };
+  n(), (() => {
+    const i = new MutationObserver(n);
+    i.observe(document.body, { attributes: !0, attributeFilter: ["class"] }), t.addEventListener("abort", () => i.disconnect());
+  })();
+}
+function et(a, t) {
+  let n;
+  const i = () => {
+    ((r) => {
+      var e;
+      const u = { type: "UPDATE_BODY_CLASS", isMobile: r };
+      (e = a.contentWindow) === null || e === void 0 || e.postMessage(u, "*"), r && (v.isWidgetOpen ? v.hideTriggerButton() : v.showTriggerButton());
+    })(document.body.clientWidth <= 768);
+  }, o = () => {
+    n && clearTimeout(n), n = window.setTimeout(i, 300);
+  };
+  i(), (() => {
+    const r = new ResizeObserver(o);
+    r.observe(document.body), t.addEventListener("abort", () => r.disconnect());
+  })();
+}
+const be = /* @__PURE__ */ new Set();
+function tt(a, t) {
+  const n = document.createDocumentFragment(), i = function(e) {
+    const u = I("button", F, { id: `trigger-button-${e}`, "aria-controls": B, "aria-expanded": "false", "data-name": F }), s = I("div", "trigger-button-icon", { "aria-hidden": "true" });
+    return s.innerHTML = `
+    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256" class="close-icon">
+      <path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path>
     </svg>
     <svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="fish-icon visible">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M1.71844 10.3882L4.60606 6.98384L1.71844 3.58375C1.4014 3.21362 1.44424 2.65841 1.81269 2.33993C1.97978 2.1979 2.65242 1.98701 3.04657 2.43461L5.78425 5.65824C6.14281 5.29523 6.51693 4.95924 6.90479 4.65114C8.88976 3.07437 11.2345 2.22803 13.6931 2.22803C16.9492 2.22803 20.0039 3.71718 22.2917 6.41142C22.5702 6.74282 22.5702 7.22916 22.2917 7.56056C20.0039 10.2591 16.9492 11.744 13.6931 11.744C11.2348 11.744 8.89035 10.8948 6.90554 9.31995C6.51741 9.01199 6.14304 8.67628 5.78425 8.31374L3.04657 11.5374C2.72953 11.9075 2.18114 11.9505 1.81269 11.632C1.44852 11.3179 1.40568 10.7584 1.71844 10.3882ZM5.93026 10.4683C8.17161 12.2599 10.8546 13.25 13.6931 13.25C17.4881 13.25 21.019 11.4034 23.4447 8.52942C24.1873 7.64571 24.1843 6.31801 23.4397 5.43663C20.8944 2.43919 17.4337 0.722025 13.6931 0.722025C10.8555 0.722025 8.17194 1.70845 5.92952 3.50276L4.17682 1.43933C3.57943 0.760929 2.79325 0.630009 2.25286 0.662947C1.98116 0.679506 1.73125 0.736852 1.51895 0.811846C1.26839 0.900352 1.03017 1.02718 0.827835 1.20058C-0.165283 2.05903 -0.283916 3.561 0.574656 4.56345L2.63075 6.98445L0.568104 9.41623C-0.272133 10.4106 -0.166523 11.9125 0.827835 12.7714C1.81372 13.6243 3.34308 13.5062 4.19036 12.5171L5.93026 10.4683Z" fill="currentColor"/>
     </svg>
-  `, t.setAttribute("aria-label", "Open Brainfish widget"), t.appendChild(r), function(l, o) {
-    let n = !1;
-    const e = o.querySelector(".fish-icon"), d = o.querySelector(".close-icon");
-    l.addEventListener("click", () => {
-      n = !n;
-      const s = document.querySelector(`.${k}`), i = s == null ? void 0 : s.querySelector("iframe");
-      var u;
-      n ? (s == null || s.classList.add("open"), s == null || s.setAttribute("aria-hidden", "false"), l.setAttribute("aria-expanded", "true"), e.classList.remove("visible"), d.classList.add("visible"), i == null || (u = i.contentWindow) === null || u === void 0 || u.postMessage({ type: "FOCUS_SEARCH_FIELD" }, "*")) : (s == null || s.classList.remove("open"), s == null || s.setAttribute("aria-hidden", "true"), l.setAttribute("aria-expanded", "false"), d.classList.remove("visible"), e.classList.add("visible"));
-    });
-  }(t, r), t;
-}
-function Qe(a, t) {
-  const r = document.createDocumentFragment(), l = Ue(a), o = function(n) {
-    const e = P("div", k, { id: k, "aria-live": "polite", "aria-hidden": "true" }), d = P("iframe", "trigger-iframe", { src: n, sandbox: "allow-scripts allow-same-origin allow-popups", allow: "clipboard-write", role: "dialog" });
-    return e.appendChild(d), e;
+  `, u.setAttribute("aria-label", "Open Brainfish widget"), u.appendChild(s), v.initialize(u, s), u;
+  }(a), { iframeContainer: o, iframe: r } = function(e) {
+    const u = I("div", B, { id: B, "aria-live": "polite", "aria-hidden": "true" }), s = I("iframe", "trigger-iframe", { src: e, sandbox: "allow-scripts allow-same-origin allow-popups", allow: "clipboard-write", role: "dialog" });
+    return u.appendChild(s), { iframeContainer: u, iframe: s };
   }(t);
-  return r.appendChild(l), r.appendChild(o), r;
-}
-function Xe(a) {
-  const t = new AbortController(), { signal: r } = t;
-  return window.addEventListener("message", (l) => {
-    if (l.origin !== a) return;
-    const { type: o } = l.data;
-    if (o === "TOGGLE_WIDGET_SIZE" && function() {
-      const n = document.querySelector(`.${k}`);
-      n.classList.contains("expanded") ? n.classList.remove("expanded") : n.classList.add("expanded");
-    }(), o === "TRACK_EVENT") {
-      if (!window.BrainfishAnalytics) return;
-      const { eventName: n, data: e } = l.data;
-      window.BrainfishAnalytics("track", n, e);
-    }
-  }, { signal: r }), t;
+  return n.appendChild(i), n.appendChild(o), { fragment: n, iframe: r };
 }
-const et = (a, t) => {
-  const r = oe(a.overrides), l = ((o = a.overrides) == null ? void 0 : o.widgetHost) || void 0;
+const nt = (a, t) => {
+  const n = se(a.overrides), i = ((o = a.overrides) == null ? void 0 : o.widgetHost) || void 0;
   var o;
-  const n = `${l}/?widgetKey=${a.widgetKey}`;
+  const r = `${i}/?widgetKey=${a.widgetKey}`;
   try {
-    if (e = a.widgetKey, me.has(e) || function(u) {
-      return !!document.getElementById(`trigger-button-${u}`);
+    if (e = a.widgetKey, be.has(e) || function(f) {
+      return !!document.getElementById(`trigger-button-${f}`);
     }(a.widgetKey)) return;
-    Ve(t);
-    const d = Qe(a.widgetKey, n);
-    document.body.appendChild(d);
-    const s = Xe(l);
-    me.add(a.widgetKey);
-    const i = () => {
-      s.abort(), window.removeEventListener("beforeunload", i);
+    Qe(t);
+    const { fragment: u, iframe: s } = tt(a.widgetKey, r), l = new AbortController(), { signal: d } = l;
+    s.onload = () => {
+      setTimeout(() => {
+        Xe(s, d), Re(i, d), et(s, d);
+      }, 0);
+    }, document.body.appendChild(u), be.add(a.widgetKey);
+    const c = () => {
+      l.abort(), window.removeEventListener("beforeunload", c);
     };
-    return void window.addEventListener("beforeunload", i);
-  } catch (d) {
-    (function(s, i, u) {
-      w(s, i, i.message, u);
-    })(r, d, a.widgetKey);
+    return void window.addEventListener("beforeunload", c);
+  } catch (u) {
+    (function(s, l, d) {
+      x(s, l, l.message, d);
+    })(n, u, a.widgetKey);
   }
   var e;
 };
-let I = null;
-const be = typeof window != "undefined" && window.Brainfish ? window.Brainfish : (I || (I = /* @__PURE__ */ function() {
+let j = null;
+const ve = typeof window != "undefined" && window.Brainfish ? window.Brainfish : (j || (j = /* @__PURE__ */ function() {
   let a = [], t = null;
-  function r(o, n) {
+  function n(o, r) {
     if (t) {
       const e = o.split(".");
-      let d = t;
-      for (let i = 0; i < e.length - 1; i++) d = d[e[i]];
-      const s = d[e[e.length - 1]];
-      if (typeof s == "function") return s.apply(d, n);
-    } else a.push([o, n]);
+      let u = t;
+      for (let l = 0; l < e.length - 1; l++) u = u[e[l]];
+      const s = u[e[e.length - 1]];
+      if (typeof s == "function") return s.apply(u, r);
+    } else a.push([o, r]);
   }
   return { Widgets: { init: function() {
-    for (var o = arguments.length, n = new Array(o), e = 0; e < o; e++) n[e] = arguments[e];
-    return r("Widgets.init", n);
+    for (var o = arguments.length, r = new Array(o), e = 0; e < o; e++) r[e] = arguments[e];
+    return n("Widgets.init", r);
   } }, SearchWidget: { initStandard: function() {
-    for (var o = arguments.length, n = new Array(o), e = 0; e < o; e++) n[e] = arguments[e];
-    return r("SearchWidget.initStandard", n);
+    for (var o = arguments.length, r = new Array(o), e = 0; e < o; e++) r[e] = arguments[e];
+    return n("SearchWidget.initStandard", r);
   } }, HelpWidget: { initPopup: function() {
-    for (var o = arguments.length, n = new Array(o), e = 0; e < o; e++) n[e] = arguments[e];
-    return r("HelpWidget.initPopup", n);
+    for (var o = arguments.length, r = new Array(o), e = 0; e < o; e++) r[e] = arguments[e];
+    return n("HelpWidget.initPopup", r);
   }, close: function() {
-    for (var o = arguments.length, n = new Array(o), e = 0; e < o; e++) n[e] = arguments[e];
-    return r("HelpWidget.close", n);
+    for (var o = arguments.length, r = new Array(o), e = 0; e < o; e++) r[e] = arguments[e];
+    return n("HelpWidget.close", r);
   }, open: function() {
-    for (var o = arguments.length, n = new Array(o), e = 0; e < o; e++) n[e] = arguments[e];
-    return r("HelpWidget.open", n);
+    for (var o = arguments.length, r = new Array(o), e = 0; e < o; e++) r[e] = arguments[e];
+    return n("HelpWidget.open", r);
   }, toggle: function() {
-    for (var o = arguments.length, n = new Array(o), e = 0; e < o; e++) n[e] = arguments[e];
-    return r("HelpWidget.toggle", n);
+    for (var o = arguments.length, r = new Array(o), e = 0; e < o; e++) r[e] = arguments[e];
+    return n("HelpWidget.toggle", r);
   } }, _setRealBrainfish: function(o) {
     for (t = o; a.length > 0; ) {
-      const [n, e] = a.shift();
-      r(n, e);
+      const [r, e] = a.shift();
+      n(r, e);
     }
   } };
-}(), typeof window != "undefined" && (window.Brainfish = I)), I);
-let $ = null;
-be.Widgets.init = (a) => b(void 0, null, function* () {
+}(), typeof window != "undefined" && (window.Brainfish = j)), j);
+let K = null;
+ve.Widgets.init = (a) => m(void 0, null, function* () {
   window && (window.BrainfishAnalytics = window.BrainfishAnalytics || function() {
-    for (var n = arguments.length, e = new Array(n), d = 0; d < n; d++) e[d] = arguments[d];
+    for (var r = arguments.length, e = new Array(r), u = 0; u < r; u++) e[u] = arguments[u];
     (window.BrainfishAnalytics.q = window.BrainfishAnalytics.q || []).push(e);
   });
-  const t = oe(a.overrides), r = ((l = a.overrides) == null ? void 0 : l.analyticsApiHost) || void 0;
-  var l;
-  const { config: o } = yield Te({ widgetKey: a.widgetKey, apiHost: t });
-  $ || ($ = function(n, e, d, s) {
-    return b(this, null, function* () {
-      var i, u, c, f;
-      const h = ((i = n.overrides) === null || i === void 0 ? void 0 : i.enableRecording) || (e == null || (u = e.settings) === null || u === void 0 ? void 0 : u.enableRecording) || !1, g = ((c = n.overrides) === null || c === void 0 ? void 0 : c.version) || (e == null ? void 0 : e.version), p = [];
-      g != null && g.startsWith("2.") ? et(n, e) : p.push(qe(n, e)), e != null && (f = e.settings) !== null && f !== void 0 && f.enableTracking && p.push(ze(n.widgetKey, e.trackingToken || "", d, s, h));
-      const [m] = yield Promise.allSettled(p);
-      m && m.status === "fulfilled" && m.value && be._setRealBrainfish(m.value);
+  const t = se(a.overrides), n = ((i = a.overrides) == null ? void 0 : i.analyticsApiHost) || void 0;
+  var i;
+  const { config: o } = yield We({ widgetKey: a.widgetKey, apiHost: t });
+  K || (K = function(r, e, u, s) {
+    return m(this, null, function* () {
+      var l, d, c;
+      const f = ((l = r.overrides) === null || l === void 0 ? void 0 : l.enableRecording) || (e == null || (d = e.settings) === null || d === void 0 ? void 0 : d.enableRecording) || !1, h = ((c = r.overrides) === null || c === void 0 ? void 0 : c.version) || (e == null ? void 0 : e.version), g = [];
+      h != null && h.startsWith("2.") ? nt(r, e) : g.push(He(r, e)), g.push(qe(r.widgetKey, e.trackingToken || "", u, s, f));
+      const [p] = yield Promise.allSettled(g);
+      p && p.status === "fulfilled" && p.value && ve._setRealBrainfish(p.value);
     });
-  }(a, o, t, r)), yield $;
+  }(a, o, t, n)), yield K;
 });
-const nt = function() {
+const at = function() {
   typeof window != "undefined" && window.BrainfishAnalytics && window.BrainfishAnalytics(...arguments);
 };
 export {
-  nt as BrainfishAnalytics,
-  be as default
+  at as BrainfishAnalytics,
+  ve as default
 };
 //# sourceMappingURL=web.js.map