chordia-ui 3.3.8 → 3.3.9

package/dist/index.es3.js

@@ -0,0 +1,1944 @@
+import { b as y, _ as r, a as S, c as be, h as j, r as R, s as zi, E as he, X as Yi, Z as Qi } from "./index.es2.js";
+const Ge = typeof localStorage < "u", Gt = "J151000", Xi = "J151001", kt = "E103205", Zi = "E102004", es = "E103202", ts = Ge && localStorage.getItem("base.content.url") || "", is = "https://static.descope.com/pages", ss = "v2-beta", os = "v2-alpha", ns = "config.json", At = "base.ui.components.url";
+Ge && localStorage.getItem(At), Ge && localStorage.getItem(At);
+const ot = "descope-login-flow", nt = "t", rt = "code", Jt = "redirect_mode", at = "err", rs = "ra-challenge", as = "ra-callback", ls = "ra-backup-callback", cs = "ra-initiator", ds = "data-descope-", lt = "data-exclude-field", Et = "data-exclude-next", zt = "dls_last_auth", Yt = "state_id", Qt = "saml_idp_state_id", Xt = "saml_idp_username", Zt = "descope_idp_initiated", ei = "sso_app_id", ti = "third_party_app_id", ii = "third_party_app_state_id", si = "oidc_login_hint", oi = "oidc_prompt", ni = "oidc_resource", ri = "oidc_error_redirect_uri", ai = "application_scopes", Fe = "data-type", us = "sdkScriptsResults", K = { redirect: "redirect", poll: "poll", webauthnCreate: "webauthnCreate", webauthnGet: "webauthnGet", nativeBridge: "nativeBridge", loadForm: "loadForm" }, pe = { submit: "submit", polling: "polling" }, hs = "data-has-dynamic-attr-values", ps = ["descope-multi-select-combo-box", "descope-text-area"], li = 5e3, gs = ["cssVars", "componentsConfig", "inputs", "errorText", "errorType", "clientScripts"];
+var Ne;
+(function(i) {
+  i.backward = "backward", i.forward = "forward";
+})(Ne || (Ne = {}));
+const fs = ["descope-enriched-text"];
+function ms(i, e, t) {
+  return (...s) => y(this, void 0, void 0, function* () {
+    let o;
+    const n = t + 1;
+    for (let a = 0; a < n; a++)
+      try {
+        return yield i(...s);
+      } catch (l) {
+        o = l, a < t && (yield new Promise((d) => {
+          setTimeout(d, e * Math.pow(2, a + 1));
+        }));
+      }
+    throw o;
+  });
+}
+function x(i) {
+  return new URLSearchParams(window.location.search).get(i);
+}
+function $(i) {
+  if (window.history.replaceState && x(i)) {
+    const e = new URL(window.location.href), t = new URLSearchParams(e.search);
+    t.delete(i), e.search = t.toString(), window.history.replaceState({}, "", e.toString());
+  }
+}
+function vs(i, e) {
+  return y(this, void 0, void 0, function* () {
+    const t = yield fetch(i, { cache: "default" });
+    if (!t.ok)
+      throw Error(`Error fetching URL ${i} [${t.status}]`);
+    return { body: yield t[e](), headers: Object.fromEntries(t.headers.entries()) };
+  });
+}
+function bs({ projectId: i, filename: e, assetsFolder: t = ss, baseUrl: s }) {
+  const o = new URL(ts || s || is);
+  return o.pathname = ((...n) => n.join("/").replace(/\/+/g, "/"))(o.pathname, i, t, e), o.toString();
+}
+function ws(i, e) {
+  if (!e)
+    return;
+  const t = +i, s = +e;
+  return Number.isNaN(t) || Number.isNaN(s) ? void 0 : t > s ? Ne.forward : t < s ? Ne.backward : void 0;
+}
+const ci = (i) => {
+  let [e = "", t = ""] = (x(ot) || "").split("_");
+  const s = ((o) => {
+    var n;
+    return ((n = /(.*)\|#\|.*/.exec(o)) === null || n === void 0 ? void 0 : n[1]) || "";
+  })(e);
+  return (!i || s && s !== i) && (e = "", t = ""), { executionId: e, stepId: t, executionFlowId: s };
+};
+function ys() {
+  return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+}
+function di() {
+  $(ot);
+}
+function Cs() {
+  return x(nt) || void 0;
+}
+function Ss() {
+  $(nt);
+}
+function ks() {
+  return x(rt) || void 0;
+}
+function As() {
+  return x(Jt) === "popup";
+}
+function Es() {
+  return x(at) || void 0;
+}
+function xs() {
+  $(rt);
+}
+function Is() {
+  $(Jt);
+}
+function _s() {
+  $(at);
+}
+function $s() {
+  return { redirectAuthCodeChallenge: x(rs), redirectAuthCallbackUrl: x(as), redirectAuthBackupCallbackUri: x(ls), redirectAuthInitiator: x(cs) };
+}
+function Os() {
+  return x(Yt);
+}
+function Ms() {
+  $(Yt);
+}
+function Us() {
+  return x(Qt);
+}
+function js() {
+  $(Qt);
+}
+function Rs() {
+  return x(Xt);
+}
+function Ts() {
+  $(Xt);
+}
+function Ls() {
+  return x(Zt);
+}
+function Ws() {
+  $(Zt);
+}
+function Ps() {
+  return x(ei);
+}
+function Ns() {
+  return x(ti);
+}
+function Ds() {
+  $(ei);
+}
+function Fs() {
+  $(ti);
+}
+function Vs() {
+  return x(ii);
+}
+function Bs() {
+  $(ii);
+}
+function qs() {
+  return x(ai);
+}
+function Ks() {
+  $(ai);
+}
+function Hs() {
+  return x(si);
+}
+function Gs() {
+  $(si);
+}
+function Js() {
+  return x(oi);
+}
+function zs() {
+  $(oi);
+}
+function Ys() {
+  return x(ri);
+}
+function Qs() {
+  $(ri);
+}
+function Xs() {
+  return x(ni);
+}
+function Zs() {
+  $(ni);
+}
+const ui = (i) => i.replace(/-./g, (e) => e[1].toUpperCase()), eo = (i, e) => (t) => i[t] !== e[t], to = (i) => Array.from((i == null ? void 0 : i.attributes) || []).reduce((e, t) => {
+  var s;
+  const o = (s = new RegExp(`^${ds}(\\S+)$`).exec(t.name)) === null || s === void 0 ? void 0 : s[1];
+  return o ? Object.assign(e, { [o]: t.value }) : e;
+}, {}), io = (i, e) => {
+  const { executionId: t, stepId: s, executionFlowId: o } = ci(i);
+  if (o && i !== o)
+    return e.debug("Flow id does not match the execution flow id, skipping url params handling"), { ssoQueryParams: {} };
+  (t || s) && di();
+  const n = Cs();
+  n && Ss();
+  const a = ks();
+  a && xs();
+  const l = As();
+  l && Is();
+  const d = Es();
+  d && _s();
+  const { redirectAuthCodeChallenge: u, redirectAuthCallbackUrl: c, redirectAuthBackupCallbackUri: h, redirectAuthInitiator: p } = $s(), m = Os();
+  m && Ms();
+  const v = Us();
+  v && js();
+  const A = Rs();
+  v && Ts();
+  const C = Ls();
+  C && Ws();
+  const g = Ps();
+  g && Ds();
+  const f = Ns();
+  f && Fs();
+  const b = Vs();
+  b && Bs();
+  const k = qs();
+  k && Ks();
+  const T = Hs();
+  T && Gs();
+  const L = Js();
+  L && zs();
+  const P = Ys();
+  P && Qs();
+  const D = Xs();
+  return D && Zs(), { executionId: t, stepId: s, token: n, code: a, isPopup: l, exchangeError: d, redirectAuthCodeChallenge: u, redirectAuthCallbackUrl: c, redirectAuthBackupCallbackUri: h, redirectAuthInitiator: p, ssoQueryParams: { oidcIdpStateId: m, samlIdpStateId: v, samlIdpUsername: A, descopeIdpInitiated: C === "true", ssoAppId: g, oidcLoginHint: T, oidcPrompt: L, oidcErrorRedirectUri: P, oidcResource: D, thirdPartyAppId: f, thirdPartyAppStateId: b, applicationScopes: k } };
+}, hi = (i) => {
+  let e, t;
+  return Object.assign((...s) => {
+    return e && (n = s, (o = e).length === n.length && o.every((a, l) => a === n[l])) || (e = s, t = i(...s)), t;
+    var o, n;
+  }, { reset: () => {
+    e = void 0, t = void 0;
+  } });
+}, so = '*[name]:not([auto-focus="false"]):not([aria-hidden="true"])', pi = (i, e, t) => {
+  if (e === !0 || e === "skipFirstScreen" && !t) {
+    const s = i.querySelector(so);
+    setTimeout(() => {
+      s == null || s.focus();
+    });
+  }
+}, oo = (i) => {
+  i.querySelectorAll("*[name]").forEach((e) => {
+    e.addEventListener("blur", () => {
+      var t;
+      const s = () => {
+        var a;
+        const l = e.focus;
+        e.focus = () => {
+        }, (a = e.reportValidity) === null || a === void 0 || a.call(e), setTimeout(() => {
+          e.focus = l;
+        });
+      };
+      if (e.getAttribute("invalid") === "true" || !((t = e.value) === null || t === void 0) && t.length)
+        return void s();
+      const o = { timer: void 0 }, n = (a) => {
+        a.target.getAttribute("formnovalidate") === "true" && (clearTimeout(o.timer), o.timer = void 0);
+      };
+      o.timer = setTimeout(() => {
+        i.removeEventListener("click", n), s(), o.timer = void 0;
+      }, 150), i.addEventListener("click", n, { once: !0 });
+    });
+  });
+};
+function ct(i, e, t) {
+  return new Promise((s, o) => {
+    let n = !1;
+    const a = setTimeout(() => {
+      n = !0, t !== void 0 ? s(t) : o(new Error(`Promise timed out after ${i} ms`));
+    }, i);
+    e.then((l) => {
+      n || (clearTimeout(a), s(l));
+    }).catch((l) => {
+      n || (clearTimeout(a), o(l));
+    });
+  });
+}
+const no = () => {
+  var i;
+  const e = (i = navigator == null ? void 0 : navigator.userAgentData) === null || i === void 0 ? void 0 : i.brands, t = e == null ? void 0 : e.find(({ brand: s, version: o }) => s === "Chromium" && parseFloat(o));
+  return t ? t.version : 0;
+}, xt = (i, { oidcIdpStateId: e, samlIdpStateId: t, samlIdpUsername: s, ssoAppId: o, oidcLoginHint: n, oidcPrompt: a, oidcErrorRedirectUri: l, oidcResource: d, thirdPartyAppId: u, thirdPartyAppStateId: c, applicationScopes: h }) => !(!i || e || t || s || o || n || a || l || d || u || c || h), ro = (i, e, t, s) => {
+  const o = document.createElement("form");
+  o.method = "POST", o.action = i, o.innerHTML = `
+  <input type="hidden" role="saml-response" name="SAMLResponse" value="${e}" />
+  <input type="hidden" role="saml-relay-state" name="RelayState" value="${t}" />
+  <input style="display: none;" id="SAMLSubmitButton" type="submit" value="Continue" />
+  `, document.body.appendChild(o), s(o);
+}, ao = (i) => i == null ? void 0 : i.submit(), It = (i, e) => {
+  const t = e.find((s) => i[s]);
+  return t ? i[t] : null;
+}, lo = (i, e = 100) => {
+  let t;
+  return function(...s) {
+    t || i.apply(this, s), clearTimeout(t), t = setTimeout(() => {
+      t = null;
+    }, e);
+  };
+};
+function $e(i) {
+  if (i)
+    return { locale: i.toLowerCase(), fallback: i.toLowerCase() };
+  const e = navigator.language;
+  return e ? e.includes("-") ? { locale: e.toLowerCase(), fallback: e.split("-")[0].toLowerCase() } : { locale: e.toLowerCase(), fallback: e.toLowerCase() } : { locale: "", fallback: "" };
+}
+const co = () => {
+  document.querySelectorAll('[data-hidden-input="true"]').forEach((i) => i.remove());
+}, uo = (i) => fs.includes(i), ho = (i) => {
+  var e, t, s;
+  const o = (n = i.screenState, a = (u, c) => gs.includes(c) || c.startsWith("_"), Object.fromEntries(Object.entries(n).filter(([u, c]) => !a(c, u))));
+  var n, a;
+  const { screenState: { errorText: l, errorType: d } } = i;
+  return (l || d) && (o.error = { text: l, type: d }), i.action && (o.action = i.action), !((s = (t = (e = i.screenState) === null || e === void 0 ? void 0 : e.componentsConfig) === null || t === void 0 ? void 0 : t.thirdPartyAppApproveScopes) === null || s === void 0) && s.data && (o.inboundAppApproveScopes = i.screenState.componentsConfig.thirdPartyAppApproveScopes.data), o;
+}, _t = (i) => {
+  const e = Object.assign({}, i);
+  return i.inboundAppApproveScopes && (e.thirdPartyAppApproveScopes = i.inboundAppApproveScopes), e;
+};
+function po(i, e) {
+  return `${us}.${e ? `${i}_${e}` : i}`;
+}
+const go = (i, e, t, s) => {
+  const o = window.screenLeft !== void 0 ? window.screenLeft : window.screen.left, n = window.screenTop !== void 0 ? window.screenTop : window.screen.top, a = ((window.innerWidth || document.documentElement.clientWidth || window.screen.width) - t) / 2 + o, l = ((window.innerHeight || document.documentElement.clientHeight || window.screen.height) - s) / 2 + n, d = function() {
+    const c = navigator.userAgent || "", h = /\b(iPhone)\b/.test(c), p = /Safari/.test(c) && !/CriOS|FxiOS|OPiOS|EdgiOS|Chrome|Chromium/.test(c);
+    return h && p;
+  }() ? "about:blank" : "", u = window.open(d, e, `width=${t},height=${s},top=${l},left=${a},scrollbars=yes,resizable=yes`);
+  return u.location.href = i, u.focus(), u;
+};
+var H, ie, re, ge;
+function gi(i, e) {
+  const t = Object.getOwnPropertyNames(i), s = Object.getOwnPropertyNames(e);
+  if (t.length !== s.length)
+    return !1;
+  for (let o = 0; o < t.length; o += 1) {
+    const n = t[o], a = i[n], l = e[n];
+    if (a === null || l === null) {
+      if (a !== l)
+        return !1;
+    } else if (typeof a == "object" && typeof l == "object") {
+      if (!gi(a, l))
+        return !1;
+    } else if (a !== l)
+      return !1;
+  }
+  return !0;
+}
+class we {
+  constructor(e = {}, { forceUpdate: t = !1 } = {}) {
+    H.set(this, void 0), ie.set(this, {}), re.set(this, 0), ge.set(this, !0), this.update = (s) => {
+      const o = typeof s == "function" ? s(r(this, H, "f")) : s, n = Object.assign(Object.assign({}, r(this, H, "f")), o), a = r(this, H, "f");
+      S(this, H, n, "f"), Object.freeze(r(this, H, "f")), setTimeout(() => {
+        Object.values(r(this, ie, "f")).forEach(({ cb: l, selector: d, forceUpdate: u }) => {
+          const c = d(a), h = d(n);
+          (r(this, ge, "f") || u || (function(p) {
+            if (typeof p != "object" || p === null)
+              return !1;
+            const m = Object.getPrototypeOf(p);
+            return m === Object.prototype || m === null;
+          }(h) ? !gi(c, h) : c !== h)) && l(h, c, eo(h, c));
+        });
+      }, 0);
+    }, S(this, H, e, "f"), S(this, ge, t, "f");
+  }
+  get current() {
+    return Object.assign({}, r(this, H, "f"));
+  }
+  set forceUpdate(e) {
+    S(this, ge, e, "f");
+  }
+  subscribe(e, t = (o) => o, { forceUpdate: s = !1 } = {}) {
+    return S(this, re, r(this, re, "f") + 1, "f"), r(this, ie, "f")[r(this, re, "f")] = { cb: e, selector: t, forceUpdate: s }, r(this, re, "f").toString();
+  }
+  unsubscribe(e) {
+    const t = !!r(this, ie, "f")[e];
+    return t && delete r(this, ie, "f")[e], t;
+  }
+  unsubscribeAll() {
+    return S(this, ie, {}, "f"), !0;
+  }
+}
+H = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap();
+const fo = ["*", "#", "/", "(", ")", "[", "]", "_", "<", ">", "`"], mo = (i) => {
+  const e = fo.map((t) => `${i}${t}`).join("|");
+  return new RegExp(`(${e})`, "g");
+}, vo = (i) => typeof i != "string" ? i : i.replace(mo("\\"), "\\$1"), bo = ["disabled"], wo = (i, e, t = "") => {
+  i.querySelectorAll(`[${Fe}="${e}"]`).forEach((s) => {
+    s.textContent = t, s.classList[t ? "remove" : "add"]("hide");
+  });
+}, $t = (i, e) => {
+  Object.entries(e || {}).forEach(([t, s]) => {
+    Array.from(i.querySelectorAll(`*[name="${t}"]:not([${lt}])`)).forEach((o) => {
+      o.value = s;
+    });
+  });
+}, Ot = (i, e) => e.split(".").reduce((t, s) => (t == null ? void 0 : t[s]) || "", i), Ke = (i, e, t) => i.replace(/{{(.+?)}}/g, (s, o) => t ? vo(Ot(e, o)) : Ot(e, o)), Mt = (i, e, t) => {
+  i.querySelectorAll(`[${Fe}="${e}"]`).forEach((s) => {
+    s.setAttribute("href", t);
+  });
+}, yo = (i, e, t, s) => {
+  t && Object.keys(t).forEach((o) => {
+    if (!e.querySelector(o))
+      return void s.debug(`Skipping css vars for component "${o}"`, `Got css vars for component ${o} but Could not find it on next page`);
+    const n = customElements.get(o);
+    n ? Object.keys(t[o]).forEach((a) => {
+      var l;
+      const d = t[o], u = (l = n == null ? void 0 : n.cssVarList) === null || l === void 0 ? void 0 : l[a];
+      if (!u)
+        return void s.info(`Could not find css variable name for ${a} in ${o}`, "Check if the css variable is defined in the component");
+      const c = d[a];
+      i.style.setProperty(u, c);
+    }) : s.debug(`Could not find component class for ${o}`, "Check if the component is registered");
+  });
+}, fi = (i, e, t) => {
+  var s, o;
+  const n = (s = customElements.get(e)) === null || s === void 0 ? void 0 : s.cssVarList.url;
+  t && n && ((o = i == null ? void 0 : i.style) === null || o === void 0 || o.setProperty(n, `url(data:image/jpg;base64,${t})`));
+}, Co = (i, e, t, s) => {
+  var o, n;
+  Mt(i, "totp-link", (o = e == null ? void 0 : e.totp) === null || o === void 0 ? void 0 : o.provisionUrl), Mt(i, "notp-link", (n = e == null ? void 0 : e.notp) === null || n === void 0 ? void 0 : n.redirectUrl), ((a, l) => {
+    a.querySelectorAll("descope-text,descope-link,descope-enriched-text,descope-code-snippet").forEach((d) => {
+      const u = uo(d.localName);
+      d.textContent = Ke(d.textContent, l, u);
+      const c = d.getAttribute("href");
+      c && d.setAttribute("href", Ke(c, l));
+    });
+  })(i, e), ((a, l, d) => {
+    if (!l)
+      return;
+    const { componentsDynamicAttrs: u } = l, c = be(l, ["componentsDynamicAttrs"]), h = Object.keys(c).reduce((p, m) => (p[`[name=${m}]`] = c[m], p), {});
+    u && Object.keys(u).forEach((p) => {
+      const m = u[p];
+      if (m) {
+        const { attributes: v } = m;
+        v && Object.keys(v).length && (h[p] = v);
+      }
+    }), Object.keys(h).forEach((p) => {
+      a.querySelectorAll(p).forEach((m) => {
+        const v = h[p];
+        Object.keys(v).forEach((A) => {
+          let C = v[A];
+          if (typeof C != "string")
+            try {
+              C = JSON.stringify(C);
+            } catch (g) {
+              d.error(`Could not stringify value "${C}" for "${A}"`, g.message), C = "";
+            }
+          m.setAttribute(A, C);
+        });
+      });
+    });
+  })(i, e == null ? void 0 : e.componentsConfig, s), ((a, l) => {
+    a.querySelectorAll(`[${hs}]`).forEach((d) => {
+      Array.from(d.attributes).forEach((u) => {
+        u.value = Ke(u.value, l);
+      });
+    });
+  })(i, e), ((a, l) => {
+    Object.entries(l).forEach(([d, u]) => {
+      a.querySelectorAll(`[name="${d}"]`).forEach((c) => {
+        Object.entries(u).forEach(([h, p]) => {
+          bo.includes(h) && c.setAttribute(h, p);
+        });
+      });
+    });
+  })(i, t), ((a, l = {}, d) => {
+    Object.entries(l).forEach(([u, c]) => {
+      a.querySelectorAll(`[id="${CSS.escape(u)}"]`).forEach((h) => {
+        switch (c) {
+          case "disable":
+            h.setAttribute("disabled", "true");
+            break;
+          case "hide":
+            h.classList.add("hidden");
+            break;
+          default:
+            d == null || d.error(`Unknown component state "${c}" for component with id "${u}"`, 'Valid states are "disable" and "hide"');
+        }
+      });
+    });
+  })(i, e == null ? void 0 : e.componentsState, s);
+}, So = (i, e) => {
+  $t(i, e == null ? void 0 : e.inputs), $t(i, e == null ? void 0 : e.form);
+}, ko = (i, e) => {
+  fi(i, "descope-totp-image", e);
+}, Ao = (i, e) => {
+  fi(i, "descope-notp-image", e);
+}, Eo = (i, e) => {
+  Object.entries({ "default-code": "autoDetect", "default-country": "autoDetect" }).forEach(([t, s]) => {
+    Array.from(i.querySelectorAll(`[${t}="${s}"]`)).forEach((o) => {
+      o.setAttribute(t, e || s);
+    });
+  });
+}, xo = (i, e) => {
+  Object.entries({ lang: "autoDetect" }).forEach(([t, s]) => {
+    Array.from(i.querySelectorAll(`[${t}="${s}"]`)).forEach((o) => {
+      o.setAttribute(t, e || s);
+    });
+  });
+}, Io = (i) => {
+  i.querySelectorAll(`descope-button[${Fe}="biometrics"]`).forEach((e) => e.setAttribute("disabled", "true"));
+}, _o = hi(() => y(void 0, void 0, void 0, function* () {
+  var i, e;
+  if (!window.PublicKeyCredential || !PublicKeyCredential.isConditionalMediationAvailable || !PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable)
+    return !1;
+  try {
+    const t = Promise.all([(i = window.PublicKeyCredential) === null || i === void 0 ? void 0 : i.isConditionalMediationAvailable(), (e = window.PublicKeyCredential) === null || e === void 0 ? void 0 : e.isUserVerifyingPlatformAuthenticatorAvailable()]).then((o) => o.every((n) => !!n)), s = no() >= 108;
+    return yield ct(100, t, s);
+  } catch (t) {
+    return console.error("Conditional login check failed", t), !1;
+  }
+}));
+let Se;
+const mi = (i, e) => {
+  Se ? Se.setItem(i, e) : (window == null ? void 0 : window.localStorage) !== void 0 && window.localStorage.setItem(i, e);
+}, vi = (i) => Se ? Se.getItem(i) : (window == null ? void 0 : window.localStorage) !== void 0 ? window.localStorage.getItem(i) : null, $o = (i) => {
+  Se = i;
+}, Ut = "dls_ab_testing_id", Oo = () => {
+  const i = vi(Ut);
+  if (!i) {
+    const e = Math.floor(100 * Math.random() + 1);
+    return mi(Ut, e.toString()), e;
+  }
+  return Number(i);
+}, bi = { "lastAuth.loginId": { "not-empty": (i) => {
+  var e;
+  return !!i.loginId || !!(!((e = i.lastAuth) === null || e === void 0) && e.loginId);
+}, empty: (i) => {
+  var e;
+  return !i.loginId && !(!((e = i.lastAuth) === null || e === void 0) && e.loginId);
+} }, idpInitiated: { "is-true": (i) => !!i.code, "is-false": (i) => !i.code }, externalToken: { "is-true": (i) => !!i.token, "is-false": (i) => !i.token }, abTestingKey: { "greater-than": (i, e) => (i.abTestingKey || 0) > e, "less-than": (i, e) => (i.abTestingKey || 0) < e, "greater-than-or-equal": (i, e) => (i.abTestingKey || 0) >= e, "less-than-or-equal": (i, e) => (i.abTestingKey || 0) <= e, "in-range": (i, e) => {
+  const [t, s] = e ? e.split(",").map(Number) : [void 0, void 0];
+  return (i.abTestingKey || 0) >= (t ?? 0) && (i.abTestingKey || 0) <= (s ?? 0);
+}, "not-in-range": (i, e) => {
+  const [t, s] = e ? e.split(",").map(Number) : [void 0, void 0];
+  return !(t !== void 0 && s !== void 0 && !Number.isNaN(t) && !Number.isNaN(s)) || (i.abTestingKey || 0) < t || (i.abTestingKey || 0) > s;
+}, "devised-by": (i, e) => {
+  const t = Number(e);
+  return !Number.isNaN(t) && (i.abTestingKey || 0) % t == 0;
+} } }, Mo = (i, e) => {
+  var t;
+  const s = (t = bi[i == null ? void 0 : i.key]) === null || t === void 0 ? void 0 : t[i.operator];
+  if (!s)
+    return {};
+  const o = s(e, i.predicate) ? i.met : i.unmet;
+  return { startScreenId: o == null ? void 0 : o.screenId, startScreenName: o == null ? void 0 : o.screenName, conditionInteractionId: o == null ? void 0 : o.interactionId };
+}, Uo = (i, e) => {
+  const t = e == null ? void 0 : e.find(({ key: s, operator: o, predicate: n }) => {
+    var a;
+    if (s === "ELSE")
+      return !0;
+    const l = (a = bi[s]) === null || a === void 0 ? void 0 : a[o];
+    return !!(l != null && l(i, n));
+  });
+  return t ? { startScreenId: t.met.screenId, startScreenName: t.met.screenName, conditionInteractionId: t.met.interactionId, clientScripts: t.met.clientScripts, componentsConfig: t.met.componentsConfig } : {};
+};
+function Oe(i) {
+  const e = {};
+  try {
+    Object.assign(e, JSON.parse(vi(zt)));
+  } catch {
+  }
+  return e != null && e.loginId || i ? e : {};
+}
+function jt(i, e) {
+  i != null && i.authMethod && (e && !(i != null && i.loginId) || mi(zt, JSON.stringify(i)));
+}
+const jo = ["error", "warn", "info", "debug"], Rt = {
+  error: console.error.bind(console, "[Descope]"),
+  warn: console.warn.bind(console, "[Descope]"),
+  info: console.info.bind(console, "[Descope]"),
+  debug: console.debug.bind(console, "[Descope]")
+}, ke = j((i) => {
+  var e, t, s, o;
+  return o = class extends i {
+    constructor() {
+      super(...arguments), e.add(this), t.set(this, r(this, e, "m", s).call(this, Rt));
+    }
+    set logger(a) {
+      S(this, t, r(this, e, "m", s).call(this, a || Rt), "f");
+    }
+    get logger() {
+      return r(this, t, "f");
+    }
+    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
+    onLogEvent(a, l) {
+    }
+  }, t = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakSet(), s = function(a) {
+    return jo.reduce((l, d) => (l[d] = (...u) => {
+      var c;
+      this.onLogEvent(d, u), (c = a[d]) === null || c === void 0 || c.call(a, ...u);
+    }, l), {});
+  }, o;
+}), wi = typeof localStorage < "u", Ro = "base.content.url", Ue = "https://static.descope.com/pages", Tt = "https://static2.descope.com/pages", To = wi && localStorage.getItem(Ro) || "", Lo = "v2-beta", dt = (i, e) => !e && `${i} cannot be empty, please make sure to set this attribute`, Ae = j((i) => {
+  var e, t;
+  return t = class extends i {
+    constructor() {
+      super(...arguments), e.set(this, !0);
+    }
+    connectedCallback() {
+      var o, n;
+      (o = super.connectedCallback) === null || o === void 0 || o.call(this), !((n = this.shadowRoot) === null || n === void 0) && n.isConnected && r(this, e, "f") && (S(this, e, !1, "f"), this.init());
+    }
+    // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-empty-function
+    async init() {
+    }
+  }, e = /* @__PURE__ */ new WeakMap(), t;
+}), Wo = (i, e) => {
+  Array.from(i.attributes).forEach((s) => e(s.name)), new MutationObserver((s) => {
+    s.forEach((o) => {
+      o.type === "attributes" && e(o.attributeName);
+    });
+  }).observe(i, { attributes: !0 });
+}, ut = j((i) => {
+  var e, t;
+  const s = R(ke, Ae)(i);
+  return t = class extends s {
+    constructor() {
+      super(...arguments), e.set(this, {});
+    }
+    async init() {
+      var n;
+      await ((n = super.init) === null || n === void 0 ? void 0 : n.call(this)), Wo(this, (a) => {
+        var l;
+        (l = r(this, e, "f")[a]) === null || l === void 0 || l.forEach((d) => {
+          d(a, this.getAttribute(a));
+        });
+      });
+    }
+    observeAttribute(n, a) {
+      r(this, e, "f")[n] || (r(this, e, "f")[n] = []);
+      const l = r(this, e, "f")[n].push(a);
+      return () => r(this, e, "f")[n].splice(l, 1);
+    }
+    observeAttributes(n, a) {
+      const l = n.reduce((d, u) => (d.push(this.observeAttribute(u, a)), d), []);
+      return () => l.forEach((d) => d());
+    }
+  }, e = /* @__PURE__ */ new WeakMap(), t;
+}), Ve = (i) => (e) => {
+  var t, s, o;
+  const n = R(ke, Ae, ut)(e), a = Object.keys(i);
+  return o = class extends n {
+    constructor(...d) {
+      super(...d), t.add(this), this.observeAttributes(a, r(this, t, "m", s).bind(this));
+    }
+    async init() {
+      var d;
+      a.forEach((u) => r(this, t, "m", s).call(this, u, this.getAttribute(u))), await ((d = super.init) === null || d === void 0 ? void 0 : d.call(this));
+    }
+  }, t = /* @__PURE__ */ new WeakSet(), s = function(d, u) {
+    const c = i[d], h = typeof c == "function" ? c(d, u) : c;
+    h && this.logger.error(h);
+  }, o;
+};
+Ve.missingAttrValidator = dt;
+const Po = j((i) => {
+  const e = R(Ve({ "project-id": dt }))(i);
+  return class extends e {
+    get projectId() {
+      return this.getAttribute("project-id");
+    }
+  };
+}), No = j((i) => class extends i {
+  get baseUrl() {
+    return this.getAttribute("base-url") || "";
+  }
+}), Lt = "Trying the next fallback URL...", Do = async (i, e, { logger: t } = {}) => {
+  try {
+    return await fetch(i, e);
+  } catch (s) {
+    return t == null || t.debug(`Network error fetching URL ${i} [${s.message}], retrying...`), fetch(i, e);
+  }
+}, Fo = async (i, e, { logger: t, onSuccess: s } = {}) => {
+  const o = Array.isArray(i) ? i : [i];
+  for (let n = 0; n < o.length; n++) {
+    const a = o[n], l = n === o.length - 1;
+    try {
+      const d = await Do(a.toString(), e, { logger: t });
+      if (d.ok)
+        return s == null || s(n), t == null || t.debug(`Successfully fetched URL ${a}`), d;
+      const u = `Error fetching URL ${a} [${d.status}]`;
+      if (l)
+        throw new Error(u);
+      t == null || t.debug(`${u}. ${Lt}`);
+    } catch (d) {
+      const u = `Error fetching URL ${a} [${d.message}]`;
+      if (l)
+        throw new Error(u);
+      t == null || t.debug(`${u}. ${Lt}`);
+    }
+  }
+};
+function Vo({ projectId: i, filename: e, assetsFolder: t = Lo, baseUrl: s = Ue }) {
+  const o = new URL(s);
+  return o.pathname = zi(o.pathname, i, t, e), o.baseUrl = s, o;
+}
+const ht = j((i) => {
+  var e, t, s, o, n, a, l;
+  const d = R(ke, Po, No)(i);
+  return l = class extends d {
+    constructor() {
+      super(...arguments), e.add(this), t.set(this, void 0), s.set(this, void 0), o.set(this, /* @__PURE__ */ new Set());
+    }
+    async fetchStaticResource(c, h) {
+      const p = r(this, e, "m", n).call(this, c), m = Array.isArray(p) ? (v) => {
+        const { baseUrl: A } = p[v];
+        S(this, s, A, "f");
+        for (let C = 0; C < v; C++) {
+          const g = p[C].baseUrl;
+          r(this, o, "f").add(g);
+        }
+      } : null;
+      try {
+        const v = await Fo(p, { cache: "default" }, { logger: this.logger, onSuccess: m });
+        return {
+          body: await v[h](),
+          headers: Object.fromEntries(v.headers.entries())
+        };
+      } catch (v) {
+        this.logger.error(v.message);
+      }
+    }
+    get baseStaticUrl() {
+      return this.getAttribute("base-static-url") || "";
+    }
+  }, t = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakSet(), n = function(c) {
+    const h = To || this.baseStaticUrl;
+    if (h)
+      return r(this, e, "m", a).call(this, c, h);
+    r(this, t, "f") !== this.baseUrl && (S(this, t, this.baseUrl, "f"), S(this, s, void 0, "f"), r(this, o, "f").clear());
+    const p = [];
+    if (r(this, s, "f"))
+      p.push(r(this, e, "m", a).call(this, c, r(this, s, "f"))), r(this, s, "f") === Ue && p.push(r(this, e, "m", a).call(this, c, Tt));
+    else {
+      const m = this.baseUrl + "/pages";
+      this.baseUrl && !r(this, o, "f").has(m) && p.push(r(this, e, "m", a).call(this, c, m)), r(this, o, "f").has(Ue) || p.push(r(this, e, "m", a).call(this, c, Ue)), p.push(r(this, e, "m", a).call(this, c, Tt));
+    }
+    return p.length === 1 ? p[0] : p;
+  }, a = function(c, h) {
+    return Vo({
+      projectId: this.projectId,
+      filename: c,
+      baseUrl: h
+    });
+  }, l;
+}), Bo = "config.json", qo = j((i) => {
+  var e, t;
+  const s = R(Ve({ "project-id": dt }))(i);
+  return t = class extends s {
+    constructor() {
+      super(...arguments), e.set(this, /* @__PURE__ */ new Map());
+    }
+    onReset(n, a) {
+      if (r(this, e, "f").has(n))
+        throw new Error(`Callback for sectionId ${n} already exists`);
+      return r(this, e, "f").set(n, a), () => {
+        r(this, e, "f").delete(n);
+      };
+    }
+    async reset(...n) {
+      n.length === 0 ? await Promise.all(Array.from(r(this, e, "f").values()).map((a) => a())) : await Promise.all(n.map((a) => {
+        var l;
+        if (!r(this, e, "f").has(a))
+          throw new Error(`Callback for sectionId ${a} does not exist`);
+        return (l = r(this, e, "f").get(a)) === null || l === void 0 ? void 0 : l();
+      }));
+    }
+  }, e = /* @__PURE__ */ new WeakMap(), t;
+}), yi = j((i) => {
+  var e, t, s, o, n;
+  const a = R(ht, qo, Ae)(i);
+  return n = class extends a {
+    constructor() {
+      super(...arguments), e.add(this), s.set(this, void 0), o.set(this, async () => {
+        try {
+          const { body: d, headers: u } = await this.fetchStaticResource(Bo, "json");
+          return {
+            projectConfig: d,
+            executionContext: { geo: u["x-geo"] }
+          };
+        } catch {
+          this.logger.error("Cannot fetch config file", "make sure that your projectId & flowId are correct");
+        }
+      });
+    }
+    async init() {
+      await super.init(), this.onReset("config", r(this, e, "m", t).bind(this));
+    }
+    get config() {
+      return r(this, s, "f") || S(this, s, r(this, o, "f").call(this), "f"), r(this, s, "f");
+    }
+  }, s = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakSet(), t = function() {
+    S(this, s, void 0, "f");
+  }, n;
+}), Ko = [
+  "https://descopecdn.com",
+  "https://static.descope.com",
+  "https://cdn.jsdelivr.net"
+], Ho = (i) => document.querySelector(`script#${i}`), Go = (i) => i.getAttribute("status") === "loaded", Jo = (i) => i.getAttribute("status") === "error", zo = (i) => {
+  let e = 0;
+  const t = i.toString();
+  for (let s = 0; s < t.length; s++) {
+    const o = t.charCodeAt(s);
+    e = (e << 5) - e + o, e = e & e;
+  }
+  return `${Math.abs(e).toString()}`;
+}, Yo = (i, e) => {
+  const t = document.createElement("script");
+  return t.id = i, e && (t.integrity = e, t.crossOrigin = "anonymous"), window.DESCOPE_NONCE && t.setAttribute("nonce", window.DESCOPE_NONCE), t;
+}, Qo = (i, e, t) => new Promise((s, o) => {
+  const n = Yo(i, t);
+  n.onerror = (a) => {
+    n.setAttribute("status", "error"), o(a);
+  }, n.onload = () => {
+    n.setAttribute("status", "loaded"), s(n);
+  }, n.src = e.toString(), document.body.appendChild(n);
+}), Xo = (i, e) => {
+  if (e) {
+    const t = i.integrity;
+    if (t !== e)
+      return Promise.reject(new Error(`Integrity mismatch: expected ${e}, found ${t}`));
+  }
+  return Go(i) ? Promise.resolve(i) : Jo(i) ? Promise.reject() : new Promise((t, s) => {
+    i.addEventListener("load", () => {
+      t(i);
+    }), i.addEventListener("error", (o) => {
+      s(o);
+    });
+  });
+}, Zo = async (i, e) => {
+  for (const t of i) {
+    const { id: s, url: o, integrity: n } = t, a = Ho(s);
+    if (a)
+      try {
+        return await Xo(a, n), t;
+      } catch {
+        e(t, !0);
+      }
+    else
+      try {
+        return await Qo(s, o, n), t;
+      } catch {
+        e(t, !1);
+      }
+  }
+  throw new Error("All scripts failed to load");
+}, en = (i, e, t, s = "", o) => i.reduce((n, a) => {
+  const l = a;
+  if (!l)
+    return n;
+  let d;
+  try {
+    d = new URL(l);
+  } catch {
+    throw new Error(`Invalid URL: ${l}`);
+  }
+  d.pathname !== "/" || (d.pathname = `/npm/${e}@${t}/${s}`);
+  const c = {
+    url: d,
+    id: `npmlib-${e.replaceAll("@", "").replaceAll("/", "_")}-${zo(d)}`
+  };
+  return o && (c.integrity = o), [...n, c];
+}, []), tn = j((i) => {
+  const e = R(ke)(i);
+  return class extends e {
+    get baseCdnUrl() {
+      return this.getAttribute("base-cdn-url") || "";
+    }
+    injectNpmLib(s, o, n = "", a = [], l) {
+      return this.logger.debug(`Injecting npm lib: "${s}" with version: "${o}"${l ? " with SRI integrity check" : ""}`), Zo(en([...a, this.baseCdnUrl, ...Ko], s, o, n, l), (d, u) => {
+        if (u) {
+          this.logger.error(`Existing script cannot be loaded: "${d.url}"`);
+          return;
+        }
+        this.logger.error(`Cannot load script from URL, Make sure this URL is valid and return the correct script: "${d.url}"`);
+      });
+    }
+  };
+}), sn = (i) => [
+  ...Array.from(i.content.querySelectorAll("*")).reduce((e, t) => t.localName.startsWith("descope-") ? e.add(t.localName) : e, /* @__PURE__ */ new Set())
+], pt = "base.ui.components.url", on = wi && localStorage.getItem(pt), nn = "dist/umd/index.js", rn = "@descope/web-components-ui", an = j((i) => {
+  var e, t, s, o, n, a, l;
+  const d = R(ke, yi, tn)(i);
+  return l = class extends d {
+    constructor() {
+      super(...arguments), e.add(this), o.set(this, void 0);
+    }
+    get descopeUi() {
+      return r(this, o, "f") || S(this, o, r(this, e, "m", a).call(this), "f"), r(this, o, "f");
+    }
+    async loadDescopeUiComponents(c) {
+      const h = Array.isArray(c) ? c : sn(c);
+      return Promise.all(h.map((p) => r(this, e, "m", n).call(this, p)));
+    }
+  }, o = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakSet(), t = // eslint-disable-next-line class-methods-use-this
+  async function() {
+    var c;
+    const h = await this.config, p = (c = h == null ? void 0 : h.projectConfig) === null || c === void 0 ? void 0 : c.componentsVersion;
+    return p ? this.logger.debug(`Got component version "${p}"`) : this.logger.error("Could not get components version"), p;
+  }, s = async function() {
+    var c;
+    const h = await this.config, p = (c = h == null ? void 0 : h.projectConfig) === null || c === void 0 ? void 0 : c.componentsVersionSri;
+    return p && this.logger.debug("SRI hash available for components"), p;
+  }, n = async function(c) {
+    if (!!customElements.get(c)) {
+      this.logger.debug(`Loading component "${c}" is skipped as it is already defined`);
+      return;
+    }
+    const p = await this.descopeUi;
+    if (!p[c]) {
+      this.logger.error(`Cannot load UI component "${c}"`, `Descope UI does not have a component named "${c}", available components are: "${Object.keys(p).join(", ")}"`);
+      return;
+    }
+    try {
+      return await p[c]();
+    } catch (m) {
+      if (m.name === "NotSupportedError")
+        console.debug(`Encountered an error while attempting to define the "${c}" component, it is likely that this component is already defined`);
+      else
+        throw m;
+    }
+  }, a = async function() {
+    if (globalThis.DescopeUI)
+      return globalThis.DescopeUI;
+    try {
+      const c = await r(this, e, "m", t).call(this), h = await r(this, e, "m", s).call(this);
+      return await this.injectNpmLib(rn, c, nn, [on], h), this.logger.debug("DescopeUI was loaded"), globalThis.DescopeUI;
+    } catch (c) {
+      throw this.logger.error(c), new Error("DescopeUI was not loaded");
+    }
+  }, l;
+}), ln = j((i) => {
+  var e, t, s;
+  const o = R(Ae, ut)(i);
+  return s = class extends o {
+    constructor() {
+      super(...arguments), e.add(this);
+    }
+    get nonce() {
+      return this.getAttribute("nonce") || "";
+    }
+    async init() {
+      var a;
+      await ((a = super.init) === null || a === void 0 ? void 0 : a.call(this)), this.observeAttribute("nonce", r(this, e, "m", t).bind(this)), r(this, e, "m", t).call(this);
+    }
+  }, e = /* @__PURE__ */ new WeakSet(), t = function() {
+    this.nonce && (window.DESCOPE_NONCE = this.nonce);
+  }, s;
+});
+class cn {
+  constructor(e, t, { prepend: s = !1 } = {}) {
+    this.styleEle = document.createElement("style"), this.styleEle.setAttribute("nonce", t), this.ref = e, this.ref && (s ? this.ref.prepend(this.styleEle) : this.ref.append(this.styleEle));
+  }
+  replaceSync(e) {
+    this.styleEle.textContent = e;
+  }
+  get cssRules() {
+    var e;
+    return (e = this.styleEle.sheet) === null || e === void 0 ? void 0 : e.cssRules;
+  }
+}
+const gt = j((i) => {
+  const e = R(ln)(i);
+  return class extends e {
+    injectStyle(s, { prepend: o = !1 } = {}) {
+      let n;
+      try {
+        n = new CSSStyleSheet();
+      } catch {
+        n = new cn(this.shadowRoot, this.nonce, {
+          prepend: o
+        });
+      }
+      if (s && n.replaceSync(s), n instanceof CSSStyleSheet) {
+        const a = this.shadowRoot;
+        if (a && "adoptedStyleSheets" in a) {
+          const l = [...a.adoptedStyleSheets || []];
+          l[o ? "unshift" : "push"](n), a.adoptedStyleSheets = l;
+        }
+      }
+      return n;
+    }
+  };
+}), He = "content-root", Me = "root", dn = j((i) => {
+  const e = R(gt)(i);
+  return class extends e {
+    constructor(...s) {
+      var o, n;
+      super(...s), this.attachShadow({ mode: "open" }).innerHTML = `
+          <div id="${Me}">
+            <div id="${He}"></div>
+          </div>
+          `, this.injectStyle(`
+            #${Me}, #${He} {
+              height: 100%;
+            }
+            #${Me} {
+              position: relative;
+              height: fit-content;
+            }
+          `), this.contentRootElement = (o = this.shadowRoot) === null || o === void 0 ? void 0 : o.getElementById(He), this.rootElement = (n = this.shadowRoot) === null || n === void 0 ? void 0 : n.getElementById(Me);
+    }
+  };
+}), un = "theme", hn = (i) => {
+  const e = document.createElement("link");
+  e.href = i, e.rel = "stylesheet", document.head.appendChild(e);
+}, pn = async () => {
+  const i = localStorage.getItem(pt), e = i == null ? void 0 : i.replace(/[^\/]+$/, "DescopeDev.js");
+  console.warn("Trying to load DescopeDev.js from", e);
+  const t = document.createElement("script");
+  if (t.src = e, document.body.appendChild(t), await new Promise((s, o) => {
+    t.onload = s, t.onerror = o;
+  }), globalThis.DescopeDev) {
+    const { themeToStyle: s, defaultTheme: o, darkTheme: n } = globalThis.DescopeDev;
+    return {
+      light: s(o),
+      dark: s(n)
+    };
+  }
+}, gn = (i, e) => (e || !1) && e !== "light" && e !== "dark" && 'Supported theme values are "light", "dark", or leave empty for using the OS theme', fn = j((i) => {
+  var e, t, s, o, n, a, l, d, u, c, h, p, m, v;
+  const A = R(Ve({ theme: gn }), ht, Ae, an, yi, dn, ut, gt)(i);
+  return v = class extends A {
+    constructor() {
+      super(...arguments), e.add(this), t.set(this, void 0), s.set(this, void 0), h.set(this, () => {
+        r(this, e, "m", p).call(this), r(this, m, "f").call(this, this.getAttribute("theme") === "os");
+      }), m.set(this, (g) => {
+        var f, b, k;
+        const T = g ? "addEventListener" : "removeEventListener";
+        (k = (b = (f = window.matchMedia) === null || f === void 0 ? void 0 : f.call(window, "(prefers-color-scheme: dark)")) === null || b === void 0 ? void 0 : b[T]) === null || k === void 0 || k.call(b, "change", () => r(this, e, "m", p).call(this));
+      });
+    }
+    get theme() {
+      var g, f;
+      const b = this.getAttribute("theme");
+      return b === "os" ? window.matchMedia && ((f = (g = window.matchMedia) === null || g === void 0 ? void 0 : g.call(window, "(prefers-color-scheme: dark)")) === null || f === void 0 ? void 0 : f.matches) ? "dark" : "light" : b || "light";
+    }
+    get styleId() {
+      return this.getAttribute("style-id") || un;
+    }
+    async init() {
+      var g;
+      await ((g = super.init) === null || g === void 0 ? void 0 : g.call(this)), r(this, h, "f").call(this), await Promise.all([
+        r(this, e, "m", a).call(this),
+        r(this, e, "m", l).call(this)
+      ]), this.observeAttributes(["theme"], r(this, h, "f")), this.observeAttributes(["style-id"], () => {
+        S(this, s, null, "f"), r(this, e, "m", u).call(this), r(this, e, "m", a).call(this), r(this, e, "m", l).call(this);
+      });
+    }
+  }, t = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakSet(), o = async function() {
+    try {
+      const { body: g } = await this.fetchStaticResource(`${this.styleId}.json`, "json");
+      if (process.env.NODE_ENV === "development" && localStorage != null && localStorage.getItem(pt))
+        try {
+          this.logger.warn(`You are in DEV mode, and UI components override URL was found
+trying to merge project theme with the default theme of the UI components`);
+          const f = await pn();
+          f && (g.light.components = Object.assign(Object.assign({}, g.light.components), f.light.components), g.dark.components = Object.assign(Object.assign({}, g.dark.components), f.dark.components), this.logger.warn("Theme was merged successfully"), console.log(`%cNOTICE! This is not the theme that will be used in production!
+
+Make sure to test it without the override UI components URL!`, "color: black; background-color:yellow; font-size: x-large"));
+        } catch (f) {
+          this.logger.error(`Failed to merge UI components theme
+`, f);
+        }
+      return g;
+    } catch {
+      this.logger.error("Cannot fetch theme file", "make sure that your projectId & flowId are correct");
+    }
+  }, n = function() {
+    return r(this, s, "f") || (S(this, s, r(this, e, "m", o).call(this), "f"), r(this, s, "f").then((g) => this.logger.debug("Fetched theme", g))), r(this, s, "f");
+  }, a = async function() {
+    var g, f;
+    const b = await r(this, e, "a", n);
+    b && (r(this, t, "f") || S(this, t, this.injectStyle(""), "f"), r(this, t, "f").replaceSync((((g = b == null ? void 0 : b.light) === null || g === void 0 ? void 0 : g.globals) || "") + (((f = b == null ? void 0 : b.dark) === null || f === void 0 ? void 0 : f.globals) || "")));
+  }, l = async function() {
+    var g, f;
+    const b = await r(this, e, "a", n);
+    if (!b)
+      return;
+    const k = await this.descopeUi;
+    k != null && k.componentsThemeManager && (k.componentsThemeManager.themes = {
+      light: (g = b == null ? void 0 : b.light) === null || g === void 0 ? void 0 : g.components,
+      dark: (f = b == null ? void 0 : b.dark) === null || f === void 0 ? void 0 : f.components
+    });
+  }, d = async function() {
+    var g, f;
+    const { projectConfig: b } = await this.config || {}, k = (g = b == null ? void 0 : b.styles) === null || g === void 0 ? void 0 : g[this.styleId], T = b == null ? void 0 : b.cssTemplate, L = k || T;
+    return (f = L == null ? void 0 : L[this.theme]) === null || f === void 0 ? void 0 : f.fonts;
+  }, u = async function() {
+    const g = await r(this, e, "m", d).call(this);
+    g ? Object.values(g).forEach((f) => {
+      f.url && (this.logger.debug(`Loading font from URL "${f.url}"`), hn(f.url));
+    }) : this.logger.debug("No fonts to load");
+  }, c = async function() {
+    this.rootElement.setAttribute("data-theme", this.theme);
+    const g = await this.descopeUi;
+    g != null && g.componentsThemeManager && (g.componentsThemeManager.currentThemeName = this.theme);
+  }, p = function() {
+    r(this, e, "m", u).call(this), r(this, e, "m", c).call(this);
+  }, v;
+}), Je = (i, e = "") => Object.keys(i).reduce((t, s) => {
+  var o;
+  if (Array.isArray(i[s]))
+    return Object.assign(Object.assign({}, t), { [s]: { value: i[s].map((l) => typeof l == "object" && l !== null ? Je(l) : l) } });
+  if (typeof i[s] == "object" && i[s] !== null && !(!((o = i[s]) === null || o === void 0) && o.value))
+    return Object.assign(Object.assign({}, t), Je(i[s], `${e + s}.`));
+  const n = typeof i[s] == "object" ? i[s] : { value: i[s] }, a = Object.assign(Object.assign({}, t), { [e + s]: n, [`form.${e}${s}`]: n });
+  return s === "displayName" ? Object.assign(Object.assign({}, a), { [`${e}fullName`]: n, [`form.${e}fullName`]: n }) : a;
+}, []), mn = (i) => {
+  try {
+    return Je(JSON.parse(i));
+  } catch {
+    return {};
+  }
+}, vn = (i, e) => Object.fromEntries(Object.entries(i).map(([t, s]) => [t, s[e]])), bn = j((i) => {
+  var e, t, s, o;
+  return o = class extends i {
+    constructor() {
+      super(...arguments), e.add(this);
+    }
+    connectedCallback() {
+      var n;
+      r(this, e, "m", t).call(this) && r(this, e, "m", s).call(this), (n = super.connectedCallback) === null || n === void 0 || n.call(this);
+    }
+  }, e = /* @__PURE__ */ new WeakSet(), t = function() {
+    return !this.shadowRoot.host.closest("form") && ys();
+  }, s = function() {
+    const n = this.shadowRoot.host, a = document.createElement("form");
+    a.style.width = "100%", a.style.height = "100%", n.parentElement.appendChild(a), a.appendChild(n);
+  }, o;
+});
+var M, je, Re, de, se, ae, ye, X, le, De, Wt, Ci, ze, Si, Pt, ki, Ai, Nt, Ei, Ye, xi, Ii;
+const wn = R(fn, ht, bn, gt)(HTMLElement);
+class Ce extends wn {
+  static get observedAttributes() {
+    return ["project-id", "flow-id", "base-url", "tenant", "locale", "debug", "storage-prefix", "preview", "redirect-url", "auto-focus", "store-last-authenticated-user", "refresh-cookie-name", "keep-last-authenticated-user-after-logout", "validate-on-blur", "style-id"];
+  }
+  constructor(e) {
+    super(), M.add(this), Re.set(this, !1), de.set(this, void 0), this.flowStatus = "initial", this.loggerWrapper = { error: (t, s = "") => {
+      this.logger.error(t, s, new Error()), r(this, M, "m", Ii).call(this, t, s);
+    }, warn: (t, s = "") => {
+      this.logger.warn(t, s);
+    }, info: (t, s = "", o = {}) => {
+      this.logger.info(t, s, o);
+    }, debug: (t, s = "") => {
+      this.logger.debug(t, s);
+    } }, se.set(this, new we()), ae.set(this, new we()), ye.set(this, {}), this.getComponentsContext = () => r(this, ye, "f"), this.nextRequestStatus = new we({ isLoading: !1 }), X.set(this, void 0), le.set(this, { popstate: r(this, M, "m", Si).bind(this), componentsContext: r(this, M, "m", Ei).bind(this) }), De.set(this, void 0), this.getConfig = () => y(this, void 0, void 0, function* () {
+      return (yield this.config) || { isMissingConfig: !0 };
+    }), S(this, De, e, "f"), r(this, M, "m", Ci).call(this);
+  }
+  get flowId() {
+    return this.getAttribute("flow-id");
+  }
+  get client() {
+    try {
+      return JSON.parse(this.getAttribute("client")) || {};
+    } catch {
+      return {};
+    }
+  }
+  get tenantId() {
+    return this.getAttribute("tenant") || void 0;
+  }
+  get redirectUrl() {
+    return this.getAttribute("redirect-url") || void 0;
+  }
+  get debug() {
+    return this.getAttribute("debug") === "true";
+  }
+  get locale() {
+    return this.getAttribute("locale") || void 0;
+  }
+  get autoFocus() {
+    var e;
+    const t = (e = this.getAttribute("auto-focus")) !== null && e !== void 0 ? e : "true";
+    return t === "skipFirstScreen" ? t : t === "true";
+  }
+  get validateOnBlur() {
+    return this.getAttribute("validate-on-blur") === "true";
+  }
+  get storeLastAuthenticatedUser() {
+    var e;
+    return ((e = this.getAttribute("store-last-authenticated-user")) !== null && e !== void 0 ? e : "true") === "true";
+  }
+  get refreshCookieName() {
+    return this.getAttribute("refresh-cookie-name") || "";
+  }
+  get keepLastAuthenticatedUserAfterLogout() {
+    return this.getAttribute("keep-last-authenticated-user-after-logout") === "true";
+  }
+  get storagePrefix() {
+    return this.getAttribute("storage-prefix") || "";
+  }
+  get preview() {
+    return !!this.getAttribute("preview");
+  }
+  get formConfig() {
+    return mn(this.form);
+  }
+  get form() {
+    return this.getAttribute("form");
+  }
+  get formConfigValues() {
+    return vn(this.formConfig, "value");
+  }
+  get outboundAppId() {
+    return this.getAttribute("outbound-app-id");
+  }
+  get outboundAppScopes() {
+    try {
+      return JSON.parse(this.getAttribute("outbound-app-scopes")) || null;
+    } catch {
+      return null;
+    }
+  }
+  get popupOrigin() {
+    return this.getAttribute("popup-origin");
+  }
+  get customStorage() {
+    return r(this, de, "f");
+  }
+  set customStorage(e) {
+    if (e && typeof e.getItem != "function")
+      throw new Error("Custom storage must have a getItem method");
+    if (e && typeof e.setItem != "function")
+      throw new Error("Custom storage must have a setItem method");
+    if (e && typeof e.removeItem != "function")
+      throw new Error("Custom storage must have a removeItem method");
+    S(this, de, e, "f"), $o(e);
+  }
+  get isRestartOnError() {
+    return this.getAttribute("restart-on-error") === "true";
+  }
+  getExecutionContext() {
+    return y(this, void 0, void 0, function* () {
+      const e = yield this.getConfig();
+      return "executionContext" in e ? e.executionContext : void 0;
+    });
+  }
+  getProjectConfig() {
+    return y(this, void 0, void 0, function* () {
+      const e = yield this.getConfig();
+      return "projectConfig" in e ? e.projectConfig : void 0;
+    });
+  }
+  getFlowConfig() {
+    return y(this, void 0, void 0, function* () {
+      var e, t;
+      const s = yield this.getProjectConfig(), o = ((e = s == null ? void 0 : s.flows) === null || e === void 0 ? void 0 : e[this.flowId]) || {};
+      return (t = o.version) !== null && t !== void 0 || (o.version = 0), o;
+    });
+  }
+  getTargetLocales() {
+    return y(this, void 0, void 0, function* () {
+      const e = yield this.getFlowConfig();
+      return ((e == null ? void 0 : e.targetLocales) || []).map((t) => t.toLowerCase());
+    });
+  }
+  handleKeyPress() {
+    this.logger.debug("Enable key press handler"), this.rootElement.onkeydown = (e) => {
+      var t, s, o;
+      const n = !!(!((t = this.shadowRoot.activeElement) === null || t === void 0) && t.getAttribute("href")), a = ps.includes((o = (s = this.shadowRoot.activeElement) === null || s === void 0 ? void 0 : s.localName) !== null && o !== void 0 ? o : "");
+      if (e.key !== "Enter" || n || a)
+        return;
+      e.preventDefault();
+      const l = this.rootElement.querySelectorAll("descope-button");
+      if (l.length === 1 && l[0].getAttribute("auto-submit") !== "false")
+        return void l[0].click();
+      const d = Array.from(l).filter((c) => c.getAttribute("auto-submit") === "true");
+      if (d.length === 1)
+        return void d[0].click();
+      const u = Array.from(l).filter((c) => c.getAttribute("data-type") === "button");
+      if (u.length === 1)
+        u[0].getAttribute("auto-submit") !== "false" && u[0].click();
+      else if (u.length === 0) {
+        const c = Array.from(l).filter((h) => h.getAttribute("data-type") === "sso");
+        c.length === 1 && c[0].getAttribute("auto-submit") !== "false" && c[0].click();
+      }
+    };
+  }
+  disableKeyPressHandler() {
+    this.logger.debug("Disable key press handler"), this.rootElement.onkeydown = null;
+  }
+  getComponentsVersion() {
+    return y(this, void 0, void 0, function* () {
+      var e;
+      const t = yield this.getConfig();
+      return ("projectConfig" in t ? (e = t.projectConfig) === null || e === void 0 ? void 0 : e.componentsVersion : {}) || (this.logger.error("Did not get components version, using latest version"), "latest");
+    });
+  }
+  init() {
+    const e = Object.create(null, { init: { get: () => super.init } });
+    return y(this, void 0, void 0, function* () {
+      var t;
+      if (this.flowStatus = "loading", ["ready", "error", "success"].forEach((A) => this.addEventListener(A, () => {
+        this.flowStatus = A;
+      })), yield (t = e.init) === null || t === void 0 ? void 0 : t.call(this), r(this, ae, "f").subscribe(r(this, M, "m", xi).bind(this)), r(this, ae, "f").update({ isDebug: this.debug }), r(this, M, "m", ze).call(this), yield r(this, M, "m", Ai).call(this))
+        return void this.loggerWrapper.error("This SDK version does not support your flows version", "Make sure to upgrade your flows to the latest version or use an older SDK version");
+      const s = yield this.getConfig();
+      if ("isMissingConfig" in s && s.isMissingConfig)
+        return void this.loggerWrapper.error("Cannot get config file", "Make sure that your projectId & flowId are correct");
+      const { executionId: o, stepId: n, token: a, code: l, isPopup: d, exchangeError: u, redirectAuthCallbackUrl: c, redirectAuthBackupCallbackUri: h, redirectAuthCodeChallenge: p, redirectAuthInitiator: m, ssoQueryParams: v } = io(this.flowId, this.loggerWrapper);
+      window.addEventListener("popstate", r(this, le, "f").popstate), window.addEventListener("components-context", r(this, le, "f").componentsContext), r(this, se, "f").subscribe(r(this, M, "m", ki).bind(this)), r(this, se, "f").update(Object.assign({ projectId: this.projectId, flowId: this.flowId, baseUrl: this.baseUrl, tenant: this.tenantId, redirectUrl: this.redirectUrl, locale: this.locale, stepId: n, executionId: o, token: a, code: l, isPopup: d, exchangeError: u, redirectAuthCallbackUrl: c, redirectAuthBackupCallbackUri: h, redirectAuthCodeChallenge: p, redirectAuthInitiator: m }, v)), S(this, Re, !0, "f");
+    });
+  }
+  disconnectedCallback() {
+    r(this, se, "f").unsubscribeAll(), r(this, ae, "f").unsubscribeAll(), r(this, M, "m", Ye).call(this), window.removeEventListener("popstate", r(this, le, "f").popstate), window.removeEventListener("components-context", r(this, le, "f").componentsContext);
+  }
+  attributeChangedCallback(e, t, s) {
+    if (this.shadowRoot.isConnected && r(this, Re, "f") && t !== s && je.observedAttributes.includes(e)) {
+      r(this, M, "m", ze).call(this);
+      const o = t === null;
+      r(this, se, "f").update(({ stepId: n, executionId: a }) => {
+        let l = n, d = a;
+        return o || (d = null, l = null, di()), { [ui(e)]: s, stepId: l, executionId: d };
+      }), r(this, ae, "f").update({ isDebug: this.debug });
+    }
+  }
+}
+je = Ce, Re = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakSet(), Wt = function() {
+  this.injectStyle(`
+    :host {
+			width: 100%;
+      display: block;
+		}
+
+		#root {
+			height: 100%;
+      display: flex;
+      flex-direction: column;
+		}
+
+    #content-root {
+      all: initial;
+      transition: opacity 200ms ease-in-out;
+    }
+
+		#root[data-theme] {
+			background-color: transparent;
+		}
+
+		.fade-out {
+			opacity: 0.1!important;
+		}
+
+    .hidden {
+      display: none;
+    }
+    `);
+}, Ci = function() {
+  r(this, M, "m", Wt).call(this), this.slotElement = document.createElement("slot"), this.slotElement.classList.add("hidden"), this.rootElement.appendChild(this.slotElement);
+}, ze = function() {
+  const i = ["base-url", "tenant", "locale", "debug", "redirect-url", "auto-focus", "store-last-authenticated-user", "refresh-cookie-name", "keep-last-authenticated-user-after-logout", "preview", "storage-prefix", "form", "client", "validate-on-blur", "style-id", "outbound-app-id", "outbound-app-scopes"];
+  je.observedAttributes.forEach((e) => {
+    if (!i.includes(e) && !this[ui(e)])
+      throw Error(`${e} cannot be empty`);
+  });
+}, Si = function() {
+  const { stepId: i, executionId: e } = ci(this.flowId);
+  r(this, se, "f").update({ stepId: i, executionId: e });
+}, Pt = function(i, e) {
+  he && typeof he == "function" || this.logger.error("SDK was not loaded properly", he, JSON.stringify(he));
+  const t = Object.assign(Object.assign({ persistTokens: !0, preview: this.preview, storagePrefix: this.storagePrefix, storeLastAuthenticatedUser: this.storeLastAuthenticatedUser, keepLastAuthenticatedUserAfterLogout: this.keepLastAuthenticatedUserAfterLogout, refreshCookieName: this.refreshCookieName }, je.sdkConfigOverrides), { projectId: i, baseUrl: e });
+  r(this, de, "f") && (t.customStorage = r(this, de, "f")), this.sdk = he(t), ["start", "next"].forEach((s) => {
+    const o = this.sdk.flow[s], n = ms(o, 1e3, 3);
+    this.sdk.flow[s] = (...a) => y(this, void 0, void 0, function* () {
+      try {
+        return yield n(...a);
+      } catch (l) {
+        return this.logger.error(`Error in sdk flow ${s} function`, l), { error: { errorCode: Gt, errorDescription: l.toString() } };
+      }
+    });
+  });
+}, ki = function(i, e, t) {
+  return y(this, void 0, void 0, function* () {
+    const { projectId: s, baseUrl: o } = i;
+    if (t("projectId") || t("baseUrl")) {
+      if (!s)
+        return;
+      r(this, M, "m", Pt).call(this, s, o);
+    }
+    r(this, De, "f").call(this, i);
+  });
+}, Ai = function() {
+  return y(this, void 0, void 0, function* () {
+    const i = yield this.getConfig();
+    return "isMissingConfig" in i && i.isMissingConfig && (yield r(this, M, "m", Nt).call(this));
+  });
+}, Nt = function() {
+  return y(this, void 0, void 0, function* () {
+    const i = bs({ projectId: this.projectId, filename: ns, assetsFolder: os, baseUrl: this.baseStaticUrl });
+    try {
+      return yield vs(i, "json"), !0;
+    } catch {
+      return !1;
+    }
+  });
+}, Ei = function(i) {
+  S(this, ye, Object.assign(Object.assign({}, r(this, ye, "f")), i.detail), "f");
+}, Ye = function() {
+  var i;
+  (i = r(this, X, "f")) === null || i === void 0 || i.remove(), S(this, X, null, "f");
+}, xi = function(i) {
+  return y(this, arguments, void 0, function* ({ isDebug: e }) {
+    e ? (S(this, X, document.createElement("descope-debugger"), "f"), Object.assign(r(this, X, "f").style, { position: "fixed", top: "0", right: "0", height: "100vh", width: "100vw", pointerEvents: "none", zIndex: 99999 }), yield import("./debugger-wc.es.js"), document.body.appendChild(r(this, X, "f"))) : r(this, M, "m", Ye).call(this);
+  });
+}, Ii = function(i, e) {
+  var t;
+  i && this.debug && ((t = r(this, X, "f")) === null || t === void 0 || t.updateData({ title: i, description: e }));
+}, Ce.sdkConfigOverrides = { baseHeaders: { "x-descope-sdk-name": "web-component", "x-descope-sdk-version": "3.58.0" } };
+var w, fe, J, ue, Te, _i, Dt, Ft, Le, Vt, Qe, Bt, $i, We, Oi, Xe, Ze, ce, me, et, G, tt, qt, Mi, it, Ui, ji, ve, Ri, Ti, Li, Kt, Pe, st, Ht, Wi, z, Pi;
+class Ni extends Ce {
+  static set sdkConfigOverrides(e) {
+    Ce.sdkConfigOverrides = e;
+  }
+  static get sdkConfigOverrides() {
+    return Ce.sdkConfigOverrides;
+  }
+  constructor() {
+    const e = new we({ deferredRedirect: !1, deferredPolling: !1 });
+    super(e.update.bind(e)), w.add(this), this.stepState = new we({}), fe.set(this, void 0), J.set(this, null), ue.set(this, null), Te.set(this, { visibilitychange: r(this, w, "m", _i).bind(this) }), this.bridgeVersion = 2, this.nativeCallbacks = {}, We.set(this, !1), this.handleRedirect = (t) => {
+      window.location.assign(t);
+    }, Xe.set(this, (t) => {
+      const s = () => {
+        this.contentRootElement.classList.toggle("hidden", t), this.slotElement.classList.toggle("hidden", !t), t && (this.contentRootElement.innerHTML = "");
+      };
+      t && this.contentRootElement.hasChildNodes() ? r(this, w, "m", Ze).call(this, s) : s();
+    }), ce.set(this, (t, s, o, n, a = !1) => {
+      const l = [kt, es];
+      if (this.flowState.current.action === K.poll) {
+        if (r(this, et, "f").call(this) && document.hidden)
+          return this.logger.debug("polling - Deferring polling until in foreground"), void this.flowState.update({ deferredPolling: !0 });
+        this.logger.debug("polling - Scheduling polling request");
+        const d = Date.now(), u = a ? 500 : 2e3;
+        S(this, fe, setTimeout(() => y(this, void 0, void 0, function* () {
+          var c, h;
+          this.logger.debug("polling - Calling next");
+          const p = this.sdk.flow.next(t, s, pe.polling, o, n, {}), m = document.hidden && !a && Date.now() - d > u + 500;
+          let v;
+          m && this.logger.debug("polling - The polling seems to be throttled");
+          try {
+            v = yield ct(m ? 1e3 : 6e3, p);
+          } catch {
+            return this.logger.warn(`polling - The ${m ? "throttled fetch" : "fetch"} call timed out or was aborted`), void r(this, ce, "f").call(this, t, s, o, n, m);
+          }
+          if (((c = v == null ? void 0 : v.error) === null || c === void 0 ? void 0 : c.errorCode) === Gt)
+            return this.logger.debug("polling - Got a generic error due to exception in fetch call"), void r(this, ce, "f").call(this, t, s, o, n);
+          this.logger.debug("polling - Got a response"), v != null && v.error && this.logger.debug("polling - Response has an error", JSON.stringify(v.error, null, 4)), !((h = v == null ? void 0 : v.error) === null || h === void 0) && h.errorCode && l.includes(v.error.errorCode) ? this.logger.debug("polling - Stopping polling due to error") : r(this, ce, "f").call(this, t, s, o, n), r(this, G, "f").call(this, v);
+        }), u), "f");
+      }
+    }), me.set(this, () => {
+      clearTimeout(r(this, fe, "f")), S(this, fe, null, "f");
+    }), et.set(this, () => !!window.descopeBridge || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)), G.set(this, (t) => {
+      var s, o, n, a, l, d, u, c, h, p, m, v, A;
+      if (!(t != null && t.ok)) {
+        const q = (s = t == null ? void 0 : t.response) === null || s === void 0 ? void 0 : s.url, Z = `${(o = t == null ? void 0 : t.response) === null || o === void 0 ? void 0 : o.status} - ${(n = t == null ? void 0 : t.response) === null || n === void 0 ? void 0 : n.statusText}`;
+        r(this, w, "m", z).call(this, "error", (t == null ? void 0 : t.error) || { errorCode: Xi, errorDescription: Z, errorMessage: q }), this.loggerWrapper.error(((a = t == null ? void 0 : t.error) === null || a === void 0 ? void 0 : a.errorDescription) || q, ((l = t == null ? void 0 : t.error) === null || l === void 0 ? void 0 : l.errorMessage) || Z);
+        const U = (d = t == null ? void 0 : t.error) === null || d === void 0 ? void 0 : d.errorCode;
+        return void (U !== Zi && U !== kt || !this.isRestartOnError || r(this, w, "m", $i).call(this));
+      }
+      (c = (u = t.data) === null || u === void 0 ? void 0 : u.runnerLogs) === null || c === void 0 || c.forEach((q) => {
+        const { level: Z, title: U, log: N } = q;
+        Z && this.loggerWrapper[Z] ? this.loggerWrapper[Z](U, N) : this.loggerWrapper.info(U, N);
+      });
+      const C = (m = (p = (h = t.data) === null || h === void 0 ? void 0 : h.screen) === null || p === void 0 ? void 0 : p.state) === null || m === void 0 ? void 0 : m.errorText;
+      !((v = t.data) === null || v === void 0) && v.error ? this.loggerWrapper.error(`[${t.data.error.code}]: ${t.data.error.description}`, `${C ? `${C} - ` : ""}${t.data.error.message}`) : C && this.loggerWrapper.error(C);
+      const { status: g, authInfo: f, lastAuth: b, action: k, openInNewTabUrl: T } = t.data;
+      if (k !== K.poll && r(this, me, "f").call(this), g === "completed") {
+        this.storeLastAuthenticatedUser && jt(b);
+        const q = Object.assign({}, f);
+        return t.data.output && Object.keys(t.data.output).length > 0 && (q.flowOutput = t.data.output), void r(this, w, "m", z).call(this, "success", q);
+      }
+      this.storeLastAuthenticatedUser && jt(b, !0), T && window.open(T, "_blank");
+      const { executionId: L, stepId: P, stepName: D, screen: F, redirect: oe, webauthn: V, error: Ee, samlIdpResponse: B, nativeResponse: ne } = t.data, xe = Date.now();
+      k !== K.poll ? (this.loggerWrapper.info(`Step "${D || `#${P}`}" is ${g}`, "", { screen: F, status: g, stepId: P, stepName: D, action: k, error: Ee }), !((A = F.state) === null || A === void 0) && A.clientScripts && S(this, ue, this.loadSdkScripts(F.state.clientScripts), "f"), this.flowState.update({ stepId: P, stepName: D, executionId: L, action: k, redirectTo: oe == null ? void 0 : oe.url, redirectIsPopup: oe == null ? void 0 : oe.isPopup, screenId: F == null ? void 0 : F.id, screenState: F == null ? void 0 : F.state, webauthnTransactionId: V == null ? void 0 : V.transactionId, webauthnOptions: V == null ? void 0 : V.options, samlIdpResponseUrl: B == null ? void 0 : B.url, samlIdpResponseSamlResponse: B == null ? void 0 : B.samlResponse, samlIdpResponseRelayState: B == null ? void 0 : B.relayState, nativeResponseType: ne == null ? void 0 : ne.type, nativePayload: ne == null ? void 0 : ne.payload, reqTimestamp: xe })) : this.flowState.update({ action: k, reqTimestamp: xe });
+    }), tt.set(this, hi(() => y(this, void 0, void 0, function* () {
+      var t;
+      try {
+        const s = yield this.sdk.webauthn.signIn.start("", window.location.origin);
+        return s.ok || this.loggerWrapper.warn("Webauthn start failed", (t = s == null ? void 0 : s.error) === null || t === void 0 ? void 0 : t.errorMessage), s.data;
+      } catch (s) {
+        this.loggerWrapper.warn("Webauthn start failed", s.message);
+      }
+    }))), ve.set(this, null), Pe.set(this, lo((t, s) => y(this, void 0, void 0, function* () {
+      var o;
+      if (t.getAttribute("formnovalidate") === "true" || r(this, w, "m", Ui).call(this)) {
+        const n = t == null ? void 0 : t.getAttribute("id");
+        r(this, w, "m", Ri).call(this, t);
+        const a = yield r(this, w, "m", ji).call(this), l = to(t);
+        this.nextRequestStatus.update({ isLoading: !0 });
+        const d = Object.assign(Object.assign(Object.assign({}, l), a), { origin: ((o = this.nativeOptions) === null || o === void 0 ? void 0 : o.origin) || window.location.origin });
+        yield s(n, d), this.nextRequestStatus.update({ isLoading: !1 }), r(this, w, "m", Ti).call(this, a);
+      }
+    }))), this.flowState = e;
+  }
+  nativeResume(e, t) {
+    var s, o, n, a, l, d;
+    const u = JSON.parse(t);
+    if (e === "oauthWeb" || e === "sso") {
+      let c, { exchangeCode: h } = u;
+      if (!h) {
+        const p = new URL(u.url);
+        h = (s = p.searchParams) === null || s === void 0 ? void 0 : s.get(rt), c = ((o = p.searchParams) === null || o === void 0 ? void 0 : o.get(at)) || void 0;
+      }
+      (a = (n = this.nativeCallbacks).complete) === null || a === void 0 || a.call(n, { exchangeCode: h, exchangeError: c, idpInitiated: !0 });
+    } else if (e === "magicLink") {
+      const c = new URL(u.url), h = c.searchParams.get(nt), p = c.searchParams.get(ot).split("_").pop();
+      r(this, me, "f").call(this), this.flowState.update({ token: h, stepId: p, action: void 0 });
+    } else if (e === "beforeScreen") {
+      const { screenResolve: c } = this.nativeCallbacks;
+      this.nativeCallbacks.screenResolve = null;
+      const { override: h } = u;
+      h || (this.nativeCallbacks.screenNext = null), c == null || c(h);
+    } else if (e === "resumeScreen") {
+      const { interactionId: c, form: h } = u, { screenNext: p } = this.nativeCallbacks;
+      this.nativeCallbacks.screenNext = null, p == null || p(c, h);
+    } else
+      (d = (l = this.nativeCallbacks).complete) === null || d === void 0 || d.call(l, u);
+  }
+  loadSdkScriptsModules() {
+    const e = this.shadowRoot.querySelectorAll("div[data-script-id]");
+    return Array.from(e).map((t) => t.moduleRes).filter((t) => !!t);
+  }
+  loadSdkScripts(e) {
+    if (!(e != null && e.length))
+      return null;
+    const t = (n, a) => (l) => {
+      this.dispatchEvent(new CustomEvent("components-context", { detail: { [po(n.id, n.resultKey)]: l }, bubbles: !0, composed: !0 })), a(n.id);
+    };
+    this.loggerWrapper.debug(`Preparing to load scripts: ${e.map((n) => n.id).join(", ")}`);
+    const s = Promise.all(e == null ? void 0 : e.map((n) => y(this, void 0, void 0, function* () {
+      var a, l;
+      const d = this.shadowRoot.querySelector(`[data-script-id="${n.id}"]`);
+      if (d) {
+        this.loggerWrapper.debug("Script already loaded", n.id);
+        const { moduleRes: c } = d;
+        return (a = c == null ? void 0 : c.start) === null || a === void 0 || a.call(c), c;
+      }
+      yield this.injectNpmLib("@descope/flow-scripts", "1.0.14", `dist/${n.id}.js`);
+      const u = (l = globalThis.descope) === null || l === void 0 ? void 0 : l[n.id];
+      return new Promise((c, h) => {
+        try {
+          const p = u(n.initArgs, { baseUrl: this.baseUrl, ref: this }, t(n, c), this.loggerWrapper);
+          if (p) {
+            const m = document.createElement("div");
+            m.setAttribute("data-script-id", n.id), m.moduleRes = p, this.shadowRoot.appendChild(m), this.nextRequestStatus.subscribe(() => {
+              var v;
+              this.loggerWrapper.debug("Unloading script", n.id), (v = p.stop) === null || v === void 0 || v.call(p);
+            });
+          }
+        } catch (p) {
+          h(p);
+        }
+      });
+    }))), o = new Promise((n) => {
+      setTimeout(() => {
+        this.loggerWrapper.warn("SDK scripts loading timeout"), n(!0);
+      }, li);
+    });
+    return Promise.race([s, o]);
+  }
+  get isDismissScreenErrorOnInput() {
+    return this.getAttribute("dismiss-screen-error-on-input") === "true";
+  }
+  init() {
+    if (!window.descopeBridge)
+      return this._init();
+    this.lazyInit = this._init;
+  }
+  _init() {
+    const e = Object.create(null, { init: { get: () => super.init } });
+    return y(this, void 0, void 0, function* () {
+      var t, s;
+      this.shadowRoot.isConnected && ((t = this.flowState) === null || t === void 0 || t.subscribe(this.onFlowChange.bind(this)), r(this, w, "m", Qe).call(this), window.addEventListener("visibilitychange", r(this, Te, "f").visibilitychange)), yield (s = e.init) === null || s === void 0 ? void 0 : s.call(this);
+    });
+  }
+  disconnectedCallback() {
+    var e;
+    super.disconnectedCallback(), this.flowState.unsubscribeAll(), this.stepState.unsubscribeAll(), r(this, me, "f").call(this), (e = r(this, J, "f")) === null || e === void 0 || e.abort(), S(this, J, null, "f"), window.removeEventListener("visibilitychange", r(this, Te, "f").visibilitychange);
+  }
+  getHtmlFilenameWithLocale(e, t) {
+    return y(this, void 0, void 0, function* () {
+      let s;
+      const o = $e(e), n = yield this.getTargetLocales();
+      return n.includes(o.locale) ? s = `${t}-${o.locale}.html` : n.includes(o.fallback) && (s = `${t}-${o.fallback}.html`), s;
+    });
+  }
+  getPageContent(e, t) {
+    return y(this, void 0, void 0, function* () {
+      if (t)
+        try {
+          const { body: s } = yield this.fetchStaticResource(t, "text");
+          return s;
+        } catch (s) {
+          this.loggerWrapper.error(`Failed to fetch flow page from ${t}. Fallback to url ${e}`, s);
+        }
+      try {
+        const { body: s } = yield this.fetchStaticResource(e, "text");
+        return s;
+      } catch (s) {
+        this.loggerWrapper.error("Failed to fetch flow page", s.message);
+      }
+      return null;
+    });
+  }
+  onFlowChange(e, t, s) {
+    return y(this, void 0, void 0, function* () {
+      var o, n;
+      const { projectId: a, flowId: l, tenant: d, stepId: u, executionId: c, action: h, screenId: p, screenState: m, redirectTo: v, redirectIsPopup: A, redirectUrl: C, token: g, code: f, isPopup: b, exchangeError: k, webauthnTransactionId: T, webauthnOptions: L, redirectAuthCodeChallenge: P, redirectAuthCallbackUrl: D, redirectAuthBackupCallbackUri: F, redirectAuthInitiator: oe, locale: V, samlIdpResponseUrl: Ee, samlIdpResponseSamlResponse: B, samlIdpResponseRelayState: ne, nativeResponseType: xe, nativePayload: q, reqTimestamp: Z } = e, U = be(e, ["projectId", "flowId", "tenant", "stepId", "executionId", "action", "screenId", "screenState", "redirectTo", "redirectIsPopup", "redirectUrl", "token", "code", "isPopup", "exchangeError", "webauthnTransactionId", "webauthnOptions", "redirectAuthCodeChallenge", "redirectAuthCallbackUrl", "redirectAuthBackupCallbackUri", "redirectAuthInitiator", "locale", "samlIdpResponseUrl", "samlIdpResponseSamlResponse", "samlIdpResponseRelayState", "nativeResponseType", "nativePayload", "reqTimestamp"]);
+      let N, Be, Ie;
+      const _e = Oo(), { outboundAppId: ft } = this, { outboundAppScopes: mt } = this, Y = this.sdk.getLastUserLoginId(), _ = yield this.getFlowConfig(), Q = yield this.getProjectConfig(), vt = Object.entries(Q.flows || {}).reduce((I, [E, W]) => (I[E] = W.version, I), {}), bt = D && P ? { callbackUrl: D, codeChallenge: P, backupCallbackUri: F } : void 0, wt = this.nativeOptions ? { platform: this.nativeOptions.platform, bridgeVersion: this.nativeOptions.bridgeVersion, oauthProvider: this.nativeOptions.oauthProvider, oauthRedirect: this.nativeOptions.oauthRedirect, magicLinkRedirect: this.nativeOptions.magicLinkRedirect, ssoRedirect: this.nativeOptions.ssoRedirect } : void 0;
+      let yt = {};
+      if (!c) {
+        const I = [..._.clientScripts || [], ..._.sdkScripts || []];
+        if (_.conditions) {
+          let E = [];
+          ({ startScreenId: N, conditionInteractionId: Ie, startScreenName: Be, clientScripts: E, componentsConfig: yt } = Uo({ loginId: Y, code: f, token: g, abTestingKey: _e, lastAuth: Oe(Y) }, _.conditions)), I.push(...E || []);
+        } else
+          _.condition ? { startScreenId: N, conditionInteractionId: Ie } = Mo(_.condition, { loginId: Y, code: f, token: g, abTestingKey: _e, lastAuth: Oe(Y) }) : (Be = _.startScreenName, N = _.startScreenId);
+        if (S(this, ue, this.loadSdkScripts(I), "f"), _.fingerprintEnabled && _.fingerprintKey ? yield Yi(_.fingerprintKey, this.baseUrl) : Qi(), !xt(N, U)) {
+          const E = yield this.sdk.flow.start(l, Object.assign(Object.assign(Object.assign(Object.assign({ tenant: d, redirectAuth: bt }, U), { client: this.client }), C && { redirectUrl: C }), { lastAuth: Oe(Y), abTestingKey: _e, locale: $e(V).locale, nativeOptions: wt, outboundAppId: ft, outboundAppScopes: mt }), Ie, "", Q.componentsVersion, vt, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.formConfigValues), f ? { exchangeCode: f, idpInitiated: !0 } : {}), U.descopeIdpInitiated && { idpInitiated: !0 }), g ? { token: g } : {}), U.oidcLoginHint ? { externalId: U.oidcLoginHint } : {}));
+          return r(this, G, "f").call(this, E), void (((o = E == null ? void 0 : E.data) === null || o === void 0 ? void 0 : o.status) !== "completed" && this.flowState.update({ code: void 0, token: void 0 }));
+        }
+      }
+      if (this.loggerWrapper.debug("Before popup postmessage send", JSON.stringify({ isPopup: b, code: f, exchangeError: k, isCodeChanged: s("code"), isExchangeErrorChanged: s("exchangeError") })), b && (s("code") && f || s("exchangeError") && k))
+        return void r(this, w, "m", Pi).call(this, c, f, k);
+      if (c && (s("token") && g || s("code") && f || s("exchangeError") && k)) {
+        const I = yield this.sdk.flow.next(c, u, pe.submit, _.version, Q.componentsVersion, { token: g, exchangeCode: f, exchangeError: k });
+        return r(this, G, "f").call(this, I), void this.flowState.update({ token: void 0, code: void 0, exchangeError: void 0 });
+      }
+      if (h === K.loadForm && ["samlIdpResponseUrl", "samlIdpResponseSamlResponse", "samlIdpResponseRelayState"].some((I) => s(I))) {
+        if (!Ee || !B)
+          return void this.loggerWrapper.error("Did not get saml idp params data to load");
+        ro(Ee, B, ne || "", ao);
+      }
+      if (h === K.redirect && (s("redirectTo") || s("deferredRedirect"))) {
+        if (!v)
+          return void this.loggerWrapper.error("Did not get redirect url");
+        if (v === "no-op")
+          return;
+        if (oe === "android" && document.hidden)
+          return void this.flowState.update({ deferredRedirect: !0 });
+        if (this.loggerWrapper.debug(`Redirect is popup ${A}`), A) {
+          this.loggerWrapper.debug("Opening redirect in popup");
+          const I = go(v, "?", 598, 700), E = this.shouldUsePopupPostMessage();
+          E && (I.name = `descope-wc|${window.location.origin}`), this.loggerWrapper.debug("Popup communication method: " + (E ? "postMessage" : "BroadcastChannel"));
+          const W = (te) => {
+            this.loggerWrapper.debug("Received popup message", JSON.stringify(te.data));
+            const Ct = E ? this.popupOrigin : window.location.origin;
+            if (te.origin !== Ct)
+              return void this.loggerWrapper.debug(`Ignoring message from unexpected origin. received: "${te.origin}", expected: "${Ct}"`);
+            const { action: Ji, data: St } = te.data || {};
+            Ji === "code" && this.flowState.update({ code: St.code, exchangeError: St.exchangeError });
+          };
+          let O;
+          this.loggerWrapper.debug("Starting popup closed detection");
+          const Gi = setInterval(() => {
+            I.closed && (this.loggerWrapper.debug("Popup closed, dispatching popupclosed event"), clearInterval(Gi), r(this, w, "m", z).call(this, "popupclosed", {}), this.loggerWrapper.debug("Cleaning up popup listeners"), O == null || O());
+          }, 1e3);
+          if (E)
+            window.addEventListener("message", W), O = () => {
+              this.loggerWrapper.debug("Cleaning up popup postMessage listener"), window.removeEventListener("message", W);
+            };
+          else {
+            this.loggerWrapper.debug("Creating broadcast channel");
+            const te = new BroadcastChannel(c);
+            te.onmessage = W, O = () => {
+              this.loggerWrapper.debug("Closing channel"), te.close();
+            };
+          }
+        } else
+          this.handleRedirect(v), this.flowState.update({ redirectTo: "no-op" }), r(this, w, "m", z).call(this, "popupclosed", {});
+        return;
+      }
+      if (h === K.webauthnCreate || h === K.webauthnGet) {
+        if (!T || !L)
+          return void this.loggerWrapper.error("Did not get webauthn transaction id or options");
+        let I, E;
+        (n = r(this, J, "f")) === null || n === void 0 || n.abort(), S(this, J, null, "f");
+        try {
+          I = h === K.webauthnCreate ? yield this.sdk.webauthn.helpers.create(L) : yield this.sdk.webauthn.helpers.get(L);
+        } catch (O) {
+          O.name === "InvalidStateError" ? this.loggerWrapper.warn("WebAuthn operation failed", O.message) : O.name !== "NotAllowedError" && this.loggerWrapper.error(O.message), E = O.name;
+        }
+        const W = yield this.sdk.flow.next(c, u, pe.submit, _.version, Q.componentsVersion, { transactionId: T, response: I, failure: E });
+        r(this, G, "f").call(this, W);
+      }
+      if (h === K.nativeBridge)
+        return this.nativeCallbacks.complete = (I) => y(this, void 0, void 0, function* () {
+          const E = yield this.sdk.flow.next(c, u, pe.submit, _.version, Q.componentsVersion, I);
+          r(this, G, "f").call(this, E);
+        }), r(this, w, "m", Le).call(this, xe, q), void setTimeout(() => {
+          this.dispatchEvent(new Event("popupclosed"));
+        }, 500);
+      if ((s("action") || s("deferredPolling")) && r(this, ce, "f").call(this, c, u, _.version, Q.componentsVersion), !p && !N)
+        return void this.loggerWrapper.warn("No screen was found to show");
+      const qe = N || p, Di = yield this.getHtmlFilenameWithLocale(V, qe), { oidcLoginHint: Fi, oidcPrompt: Vi, oidcErrorRedirectUri: Bi, oidcResource: qi, samlIdpUsername: Ki } = U, ee = { direction: ws(u, t.stepId), screenState: Object.assign(Object.assign({}, m), { form: Object.assign(Object.assign({}, this.formConfigValues), m == null ? void 0 : m.form), lastAuth: { loginId: Y, name: this.sdk.getLastUserDisplayName() || Y }, componentsConfig: Object.assign(Object.assign(Object.assign({}, _.componentsConfig), yt), m == null ? void 0 : m.componentsConfig) }), htmlFilename: `${qe}.html`, htmlLocaleFilename: Di, screenId: qe, stepName: e.stepName || Be, samlIdpUsername: Ki, oidcLoginHint: Fi, oidcPrompt: Vi, oidcErrorRedirectUri: Bi, oidcResource: qi, action: h, locale: $e(V).locale }, Hi = Oe(Y);
+      xt(N, U) ? ee.next = (I, E) => y(this, void 0, void 0, function* () {
+        const W = (_ == null ? void 0 : _.clientScripts) || [];
+        yield r(this, w, "m", st).call(this, W);
+        const O = yield this.sdk.flow.start(l, Object.assign(Object.assign(Object.assign(Object.assign({ tenant: d, redirectAuth: bt }, U), { lastAuth: Hi, preview: this.preview, abTestingKey: _e, client: this.client }), C && { redirectUrl: C }), { locale: $e(V).locale, nativeOptions: wt, outboundAppId: ft, outboundAppScopes: mt }), Ie, I, Q.componentsVersion, vt, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.formConfigValues), this.getComponentsContext()), _t(E)), f && { exchangeCode: f, idpInitiated: !0 }), U.descopeIdpInitiated && { idpInitiated: !0 }), g && { token: g }), ee.next.isCustomScreen);
+        return r(this, G, "f").call(this, O), O;
+      }) : (s("projectId") || s("baseUrl") || s("executionId") || s("stepId")) && (ee.next = (I, E) => y(this, void 0, void 0, function* () {
+        const W = (m == null ? void 0 : m.clientScripts) || [];
+        yield r(this, w, "m", st).call(this, W);
+        const O = yield this.sdk.flow.next(c, u, I, _.version, Q.componentsVersion, Object.assign(Object.assign({}, this.getComponentsContext()), _t(E)), ee.next.isCustomScreen);
+        return r(this, G, "f").call(this, O), O;
+      })), this.loggerWrapper.debug("Got a screen with id", ee.screenId), yield r(this, w, "m", Oi).call(this, ee), this.stepState.update(ee);
+    });
+  }
+  onStepChange(e, t) {
+    return y(this, void 0, void 0, function* () {
+      var s, o, n;
+      const { htmlFilename: a, htmlLocaleFilename: l, direction: d, next: u, screenState: c } = e;
+      this.loggerWrapper.debug("Rendering a flow screen");
+      const h = document.createElement("template");
+      h.innerHTML = yield this.getPageContent(a, l);
+      const p = h.content.cloneNode(!0), m = this.loadDescopeUiComponents(h);
+      this.sdk.webauthn.helpers.isSupported() ? yield r(this, w, "m", Mi).call(this, p, u) : Io(p), !e.samlIdpUsername || !((s = c.form) === null || s === void 0) && s.loginId || !((o = c.form) === null || o === void 0) && o.email || (c.form || (c.form = {}), c.form.loginId = e.samlIdpUsername, c.form.email = e.samlIdpUsername), Co(p, c, this.formConfig, this.loggerWrapper);
+      const { geo: v } = (n = yield this.getExecutionContext()) !== null && n !== void 0 ? n : {};
+      Eo(p, v), xo(p, e.locale);
+      const A = () => y(this, void 0, void 0, function* () {
+        var C, g;
+        yield m;
+        const f = this.contentRootElement;
+        ko(f, (C = c == null ? void 0 : c.totp) === null || C === void 0 ? void 0 : C.image), Ao(f, (g = c == null ? void 0 : c.notp) === null || g === void 0 ? void 0 : g.image), yo(f, p, c.cssVars, this.loggerWrapper), f.replaceChildren(p);
+        const b = !t.htmlFilename;
+        setTimeout(() => {
+          r(this, w, "m", Li).call(this), this.validateOnBlur && oo(f), So(f, c), r(this, w, "m", it).call(this, { isFirstScreen: b, isCustomScreen: !1, stepName: e.stepName }), pi(f, this.autoFocus, b);
+        }), r(this, w, "m", Wi).call(this, u), f.querySelector(`[${Fe}="polling"]`) && u(pe.polling, {});
+      });
+      d ? r(this, w, "m", Ze).call(this, A) : A();
+    });
+  }
+  getInputs() {
+    return Array.from(this.shadowRoot.querySelectorAll(`*:not(slot)[name]:not([${lt}])`));
+  }
+  shouldUsePopupPostMessage() {
+    if (!this.popupOrigin)
+      return !1;
+    try {
+      new URL(this.popupOrigin);
+    } catch {
+      return !1;
+    }
+    return !0;
+  }
+}
+fe = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap(), Te = /* @__PURE__ */ new WeakMap(), We = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakMap(), Pe = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakSet(), _i = function() {
+  document.hidden || setTimeout(() => {
+    this.flowState.update({ deferredRedirect: !1, deferredPolling: !1 });
+  }, 300);
+}, Dt = function(i, e, t) {
+  return y(this, void 0, void 0, function* () {
+    var s;
+    return ((s = this.nativeOptions) === null || s === void 0 ? void 0 : s.bridgeVersion) >= 2 && new Promise((o) => {
+      this.nativeCallbacks.screenNext = t, this.nativeCallbacks.screenResolve = o, r(this, w, "m", Le).call(this, "beforeScreen", { screen: i, context: e });
+    });
+  });
+}, Ft = function(i) {
+  var e;
+  ((e = this.nativeOptions) === null || e === void 0 ? void 0 : e.bridgeVersion) >= 2 && r(this, w, "m", Le).call(this, "afterScreen", { screen: i });
+}, Le = function(i, e) {
+  r(this, w, "m", z).call(this, "bridge", { type: i, payload: e });
+}, Vt = function({ errorText: i, errorType: e }) {
+  const t = () => {
+    var s;
+    let o = i;
+    try {
+      o = ((s = this.errorTransformer) === null || s === void 0 ? void 0 : s.call(this, { text: i, type: e })) || i;
+    } catch (n) {
+      this.loggerWrapper.error("Error transforming error message", n.message);
+    }
+    wo(this.contentRootElement, "error-message", o);
+  };
+  this.addEventListener("screen-updated", t, { once: !0 }), t();
+}, Qe = function() {
+  var i, e, t;
+  (i = this.stepState) === null || i === void 0 || i.subscribe(this.onStepChange.bind(this), (s) => {
+    var o = s.screenState, n = be(o === void 0 ? {} : o, ["errorText", "errorType"]), a = be(s, ["screenState"]);
+    return Object.assign(Object.assign({}, a), { screenState: n });
+  }), (e = this.stepState) === null || e === void 0 || e.subscribe(r(this, w, "m", Vt).bind(this), (s) => {
+    var o, n;
+    return { errorText: (o = s == null ? void 0 : s.screenState) === null || o === void 0 ? void 0 : o.errorText, errorType: (n = s == null ? void 0 : s.screenState) === null || n === void 0 ? void 0 : n.errorType };
+  }, { forceUpdate: !0 }), (t = this.stepState) === null || t === void 0 || t.subscribe(r(this, w, "m", Bt).bind(this), (s) => {
+    var o, n;
+    return { errorText: (o = s == null ? void 0 : s.screenState) === null || o === void 0 ? void 0 : o.errorText, errorType: (n = s == null ? void 0 : s.screenState) === null || n === void 0 ? void 0 : n.errorType };
+  }, { forceUpdate: !0 });
+}, Bt = function({ errorText: i, errorType: e }) {
+  (e || i) && (this.contentRootElement.querySelectorAll('descope-passcode[data-auto-submit="true"]').forEach((t) => {
+    t.shadowRoot.querySelectorAll("descope-text-field[data-id]").forEach((s) => {
+      s.value = "";
+    });
+  }), pi(this.contentRootElement, this.autoFocus, !1));
+}, $i = function() {
+  return y(this, void 0, void 0, function* () {
+    this.loggerWrapper.debug("Trying to restart the flow");
+    const i = yield this.getComponentsVersion();
+    this.reset(), i === (yield this.getComponentsVersion()) ? (this.loggerWrapper.debug("Components version was not changed, restarting flow"), this.flowState.update({ stepId: null, executionId: null })) : this.loggerWrapper.error("Components version mismatch, please reload the page");
+  });
+}, Oi = function(i) {
+  return y(this, void 0, void 0, function* () {
+    var e;
+    const t = Object.assign(Object.assign({}, this.stepState.current), i), { next: s, stepName: o } = t, n = be(t, ["next", "stepName"]), a = ho(n);
+    let l = yield r(this, w, "m", Dt).call(this, o, a, s);
+    l || (l = !!(yield (e = this.onScreenUpdate) === null || e === void 0 ? void 0 : e.call(this, o, a, s, this)));
+    const d = !this.stepState.current.htmlFilename;
+    if (r(this, Xe, "f").call(this, l), s && (s.isCustomScreen = l), r(this, We, "f") !== l) {
+      const [u, c] = ["flow", "custom"].sort(() => l ? -1 : 1);
+      this.loggerWrapper.debug(`Switching from ${c} screen to ${u} screen`), S(this, We, l, "f"), l ? this.stepState.unsubscribeAll() : r(this, w, "m", Qe).call(this);
+    }
+    l ? (this.loggerWrapper.debug("Showing a custom screen"), r(this, w, "m", it).call(this, { isFirstScreen: d, isCustomScreen: l, stepName: i.stepName }), this.disableKeyPressHandler()) : this.handleKeyPress(), this.stepState.forceUpdate = l;
+  });
+}, Ze = function(i) {
+  this.contentRootElement.addEventListener("transitionend", () => {
+    this.loggerWrapper.debug("page switch transition end"), this.contentRootElement.classList.remove("fade-out"), i();
+  }, { once: !0 }), this.loggerWrapper.debug("page switch transition start"), this.contentRootElement.classList.add("fade-out");
+}, qt = function(i) {
+  const e = i.getAttribute("name");
+  if (!["email"].includes(e)) {
+    const t = `user-${e}`;
+    i.setAttribute("name", t), i.addEventListener("input", () => {
+      i.setAttribute("name", i.value ? e : t);
+    });
+  }
+}, Mi = function(i, e) {
+  return y(this, void 0, void 0, function* () {
+    var t;
+    (t = r(this, J, "f")) === null || t === void 0 || t.abort();
+    const s = i.querySelector('*[autocomplete="webauthn"]');
+    if (s && (yield _o())) {
+      const { options: o, transactionId: n } = (yield r(this, tt, "f").call(this)) || {};
+      o && n && (r(this, w, "m", qt).call(this, s), S(this, J, new AbortController(), "f"), this.sdk.webauthn.helpers.conditional(o, r(this, J, "f")).then((a) => y(this, void 0, void 0, function* () {
+        e(s.id, { transactionId: n, response: a });
+      })).catch((a) => {
+        a.name !== "AbortError" && this.loggerWrapper.error("Conditional login failed", a.message);
+      }));
+    }
+  });
+}, it = function({ isFirstScreen: i, isCustomScreen: e, stepName: t }) {
+  i && r(this, w, "m", z).call(this, "ready", {}), e || r(this, w, "m", Ft).call(this, t), r(this, w, "m", z).call(this, "page-updated", { screenName: t }), r(this, w, "m", z).call(this, "screen-updated", { screenName: t });
+}, Ui = function() {
+  let i = !0;
+  return Array.from(this.shadowRoot.querySelectorAll("*[name]")).reverse().forEach((e) => {
+    var t, s;
+    e.localName === "slot" || e.classList.contains("hidden") || ((t = e.reportValidity) === null || t === void 0 || t.call(e), i && (i = (s = e.checkValidity) === null || s === void 0 ? void 0 : s.call(e)));
+  }), i;
+}, ji = function() {
+  return y(this, void 0, void 0, function* () {
+    const i = this.getInputs();
+    return (yield Promise.all(i.map((e) => y(this, void 0, void 0, function* () {
+      return { name: e.getAttribute("name"), value: e.value };
+    })))).reduce((e, t) => Object.assign(Object.assign({}, e), { [t.name]: t.value }), {});
+  });
+}, Ri = function(i) {
+  const e = Array.from(this.contentRootElement.querySelectorAll(':not([disabled]), [disabled="false"]')).filter((n) => n !== i), t = () => y(this, void 0, void 0, function* () {
+    this.loggerWrapper.debug("Restoring components state"), this.removeEventListener("popupclosed", t), i.removeAttribute("loading"), e.forEach((l) => {
+      l.removeAttribute("disabled");
+    });
+    const n = yield this.getFlowConfig(), a = [...n.clientScripts || [], ...n.sdkScripts || []];
+    this.loadSdkScripts(a);
+  }), s = () => {
+    var n;
+    window.removeEventListener("pageshow", r(this, ve, "f")), S(this, ve, (l) => {
+      l.persisted && (this.logger.debug("Page was loaded from cache, restoring components state"), t());
+    }, "f"), window.addEventListener("pageshow", r(this, ve, "f"), { once: !0 });
+    const a = (n = this.stepState) === null || n === void 0 ? void 0 : n.subscribe((l, d) => {
+      l === d && t(), this.removeEventListener("popupclosed", t), this.stepState.unsubscribe(a);
+    }, (l) => l.screenId, { forceUpdate: !0 });
+  }, o = this.nextRequestStatus.subscribe(({ isLoading: n }) => {
+    n ? (this.addEventListener("popupclosed", t, { once: !0 }), i.setAttribute("loading", "true"), e.forEach((a) => a.setAttribute("disabled", "true"))) : (this.nextRequestStatus.unsubscribe(o), s());
+  });
+}, Ti = function(i = {}) {
+  var e, t;
+  const s = It(i, ["externalId", "email", "phone"]), o = It(i, ["newPassword", "password"]);
+  if (s && o)
+    try {
+      if (!globalThis.PasswordCredential)
+        return;
+      const n = new globalThis.PasswordCredential({ id: s, password: o });
+      (t = (e = navigator == null ? void 0 : navigator.credentials) === null || e === void 0 ? void 0 : e.store) === null || t === void 0 || t.call(e, n);
+    } catch (n) {
+      this.loggerWrapper.error("Could not store credentials", n.message);
+    }
+}, Li = function() {
+  co(), this.contentRootElement.querySelectorAll('[external-input="true"]').forEach((i) => r(this, w, "m", Kt).call(this, i));
+}, Kt = function(i) {
+  i && i.querySelectorAll("input").forEach((e) => {
+    const t = e.getAttribute("slot"), s = `input-${i.id}-${t}`, o = document.createElement("slot");
+    o.setAttribute("name", s), o.setAttribute("slot", t), i.appendChild(o), e.setAttribute("slot", s), this.appendChild(e);
+  });
+}, st = function(i) {
+  return y(this, void 0, void 0, function* () {
+    if (r(this, ue, "f")) {
+      this.loggerWrapper.debug("Waiting for sdk scripts to load");
+      const o = Date.now();
+      yield r(this, ue, "f"), this.loggerWrapper.debug("Sdk scripts loaded for", (Date.now() - o).toString());
+    }
+    const e = this.loadSdkScriptsModules(), t = i.map((o) => o.id);
+    for (const o of e)
+      if (t.includes(o.id))
+        try {
+          typeof o.present == "function" && ((yield o.present()) || this.loggerWrapper.debug(`Sdk script ${o.id} was cancelled`));
+        } catch (n) {
+          this.loggerWrapper.error(`Failed to present ${o.id} script module`, n.message);
+        }
+    const s = [];
+    for (const o of e)
+      typeof o.refresh == "function" && s.push(o.refresh());
+    if (s.length > 0)
+      try {
+        yield ct(li, Promise.all(s), null);
+      } catch (o) {
+        this.loggerWrapper.error("Failed to refresh script module", o.message);
+      }
+  });
+}, Ht = function(i) {
+  this.contentRootElement.querySelectorAll('descope-passcode[data-auto-submit="true"]').forEach((e) => {
+    e.addEventListener("input", () => {
+      var t;
+      !((t = e.checkValidity) === null || t === void 0) && t.call(e) && r(this, Pe, "f").call(this, e, i);
+    });
+  });
+}, Wi = function(i) {
+  this.contentRootElement.querySelectorAll(`descope-button:not([${Et}]), [data-type="button"]:not([${Et}]`).forEach((e) => {
+    e.onclick = () => {
+      r(this, Pe, "f").call(this, e, i);
+    };
+  }), r(this, w, "m", Ht).call(this, i), this.isDismissScreenErrorOnInput && this.contentRootElement.querySelectorAll(`*[name]:not([${lt}])`).forEach((e) => {
+    e.addEventListener("input", () => {
+      this.stepState.update((t) => Object.assign(Object.assign({}, t), { screenState: Object.assign(Object.assign({}, t.screenState), { errorText: "", errorType: "" }) }));
+    });
+  });
+}, z = function(i, e) {
+  this.dispatchEvent(new CustomEvent(i, { detail: e }));
+}, Pi = function(i, e, t) {
+  var s;
+  const [o, n] = ((s = window.name) === null || s === void 0 ? void 0 : s.split("|")) || [], a = { data: { code: e, exchangeError: t }, action: "code" };
+  if (o === "descope-wc" && n) {
+    this.loggerWrapper.debug("Using postMessage fallback to notify opener in origin", n);
+    try {
+      window.opener.postMessage(a, n);
+    } catch (l) {
+      this.loggerWrapper.error("Failed to send postMessage fallback (likely COOP isolation)", l == null ? void 0 : l.message);
+    }
+  } else {
+    this.loggerWrapper.debug("Creating popup channel", i);
+    const l = new BroadcastChannel(i);
+    l.postMessage(a), l.close();
+  }
+  try {
+    window.close();
+  } catch {
+  }
+};
+customElements.get("descope-wc") ? console.log("descope-wc is already defined") : customElements.define("descope-wc", Ni);
+const Ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ni
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ln as a,
+  we as c,
+  gt as i
+};
+//# sourceMappingURL=index.es3.js.map