@machinemetrics/mm-react-embeddable 2.0.0-0 → 2.0.0-1

package/dist/mm-react-embeddable.es.js

@@ -1,7 +1,7 @@
-import m, { createContext as ie, useContext as H, useState as C, useRef as R, useCallback as h, useEffect as k, useMemo as le } from "react";
+import g, { createContext as oe, useContext as K, useState as U, useRef as R, useCallback as h, useEffect as k, useMemo as ue } from "react";
 import T from "prop-types";
 import D from "styled-components";
-const Y = ie(null), J = ie({
+const Y = oe(null), J = oe({
   pending: [],
   authorize: () => {
   },
@@ -14,128 +14,128 @@ const Y = ie(null), J = ie({
   originEpochs: {},
   credentials: {},
   unsupported: {}
-}), ae = "access_token", ne = (t) => t ? t.kind ? t : t.accessToken ? {
+}), ae = "access_token", re = (r) => r ? r.kind ? r : r.accessToken ? {
   kind: ae,
-  accessToken: t.accessToken,
-  expiresAt: t.expiresAt || null
-} : null : null, de = /* @__PURE__ */ new Set(["host_not_allowed", "invalid_token", "provider_unavailable"]), X = typeof window != "undefined" && window.location.protocol === "https:", fe = 8e3, Q = (t) => {
+  accessToken: r.accessToken,
+  expiresAt: r.expiresAt || null
+} : null : null, le = /* @__PURE__ */ new Set(["host_not_allowed", "invalid_token", "provider_unavailable"]), X = typeof window != "undefined" && window.location.protocol === "https:", de = 8e3, Q = (r) => {
   try {
-    return new URL(t).origin;
+    return new URL(r).origin;
   } catch {
     return null;
   }
-}, re = (t, s) => {
-  const i = s == null ? void 0 : s.origin;
-  return !i || Q(t == null ? void 0 : t.authUrl) !== i ? null : i;
-}, se = (t) => {
-  if (!t || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t) || t.includes(":"))
-    return t;
-  const s = t.split(".");
-  return s.length <= 2 ? t : s.slice(-2).join(".");
-}, pe = (t, s) => {
+}, ne = (r, s) => {
+  const c = s == null ? void 0 : s.origin;
+  return !c || Q(r == null ? void 0 : r.authUrl) !== c ? null : c;
+}, se = (r) => {
+  if (!r || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(r) || r.includes(":"))
+    return r;
+  const s = r.split(".");
+  return s.length <= 2 ? r : s.slice(-2).join(".");
+}, fe = (r, s) => {
   try {
-    const i = new URL(t), d = new URL(s);
-    return i.protocol !== d.protocol ? !0 : se(i.hostname) !== se(d.hostname);
+    const c = new URL(r), d = new URL(s);
+    return c.protocol !== d.protocol ? !0 : se(c.hostname) !== se(d.hostname);
   } catch {
     return !0;
   }
-}, ge = (t, { onBlocked: s, onClosed: i }) => {
+}, pe = (r, { onBlocked: s, onClosed: c }) => {
   const d = window.open(
-    t.authUrl,
+    r.authUrl,
     "mm-embed-auth",
     "popup,width=600,height=700"
   );
   if (!d)
     return s(), () => {
     };
-  const f = setInterval(() => {
-    d.closed && (clearInterval(f), i());
+  const p = setInterval(() => {
+    d.closed && (clearInterval(p), c());
   }, 1e3);
-  return () => clearInterval(f);
-}, ce = ({ children: t, launcher: s, broker: i }) => {
-  const d = H(Y), [f, b] = C({}), [B, I] = C({}), [M, _] = C({}), [A, y] = C({}), W = R(M);
-  W.current = M;
-  const E = R(f);
-  E.current = f;
-  const L = R(null), K = R({}), O = R({}), q = R({}), j = R(i);
-  j.current = i;
+  return () => clearInterval(p);
+}, ie = ({ children: r, launcher: s, broker: c }) => {
+  const d = K(Y), [p, b] = U({}), [j, I] = U({}), [_, A] = U({}), [F, y] = U({}), H = R(_);
+  H.current = _;
+  const E = R(p);
+  E.current = p;
+  const O = R(null), G = R({}), C = R({}), v = R({}), S = R(c);
+  S.current = c;
   const z = h((e) => {
-    const n = O.current[e];
-    if (!n)
+    const t = C.current[e];
+    if (!t)
       return;
-    const r = (l) => !l[e] || l[e].clientId ? l : { ...l, [e]: { ...l[e], clientId: n } };
-    b(r), y(r);
-  }, []), c = h(
-    (e, n) => {
-      e && (y((r) => r[e] ? r : {
-        ...r,
-        [e]: { origin: e, reason: n, clientId: O.current[e] || null }
+    const n = (i) => !i[e] || i[e].clientId ? i : { ...i, [e]: { ...i[e], clientId: t } };
+    b(n), y(n);
+  }, []), u = h(
+    (e, t) => {
+      e && (y((n) => n[e] ? n : {
+        ...n,
+        [e]: { origin: e, reason: t, clientId: C.current[e] || null }
       }), z(e));
     },
     [z]
-  ), u = h(
-    (e, { v2: n = !1, origin: r = null } = {}) => {
-      r && (n && W.current[r] || (b((l) => l[r] ? l : {
-        ...l,
-        [r]: {
-          origin: r,
+  ), a = h(
+    (e, { v2: t = !1, origin: n = null } = {}) => {
+      n && (t && H.current[n] || (b((i) => i[n] ? i : {
+        ...i,
+        [n]: {
+          origin: n,
           authUrl: e.authUrl,
           silentUrl: e.silentUrl || null,
           // v2 entries try the invisible silent resolver first — but only on a host that can
           // frame login (https). Otherwise (and for legacy signals) go straight to interactive,
           // so an http host doesn't wait out a silent frame that can never load login.
-          status: n && j.current ? "broker" : n && e.silentUrl && X ? "silent" : "interactive",
-          v2: n,
+          status: t && S.current ? "broker" : t && e.silentUrl && X ? "silent" : "interactive",
+          v2: t,
           // v1.9: the scope the guest asked for; forwarded verbatim to the broker.
           scope: e.scope || null,
-          acceptsCredentials: q.current[r] || null,
+          acceptsCredentials: v.current[n] || null,
           consent: null,
           error: null,
           // clientId from the request payload (v2) or the cached init (legacy);
           // the host resolves the display name from it.
-          clientId: e.clientId || O.current[r] || null,
+          clientId: e.clientId || C.current[n] || null,
           popupBlocked: !1
         }
-      }), z(r)));
+      }), z(n)));
     },
     [z]
   ), o = h((e) => {
-    b((n) => {
-      if (!n[e])
-        return n;
-      const r = { ...n };
-      return delete r[e], r;
+    b((t) => {
+      if (!t[e])
+        return t;
+      const n = { ...t };
+      return delete n[e], n;
     });
-  }, []), a = h(
+  }, []), l = h(
     (e) => {
-      e && (o(e), I((n) => ({
-        ...n,
-        [e]: (n[e] || 0) + 1
+      e && (o(e), I((t) => ({
+        ...t,
+        [e]: (t[e] || 0) + 1
       })));
     },
     [o]
-  ), p = h((e) => {
-    b((n) => !n[e] || n[e].status === "interactive" ? n : {
-      ...n,
-      [e]: { ...n[e], status: "interactive" }
+  ), w = h((e) => {
+    b((t) => !t[e] || t[e].status === "interactive" ? t : {
+      ...t,
+      [e]: { ...t[e], status: "interactive" }
     });
-  }, []), w = h(
+  }, []), x = h(
     (e) => {
       o(e.origin);
     },
     [o]
-  ), $ = h(
-    (e, n) => {
-      const r = re(e, n);
-      if (r) {
-        if (pe(r, window.location.origin)) {
-          c(r, "cross-site-legacy");
+  ), L = h(
+    (e, t) => {
+      const n = ne(e, t);
+      if (n) {
+        if (fe(n, window.location.origin)) {
+          u(n, "cross-site-legacy");
           return;
         }
-        u(e, { origin: r });
+        a(e, { origin: n });
       }
     },
-    [u, c]
+    [a, u]
   );
   k(() => {
     if (!d)
@@ -147,168 +147,168 @@ const Y = ie(null), J = ie({
       // signals, so it is usually cached by the time an entry is created. The
       // clientId is only a lookup key: the host resolves the display name from
       // it, and a broker binds it to the attested origin server-side.
-      d.addListener("*", "init", (n, r) => {
-        r != null && r.origin && (n != null && n.clientId) && (O.current[r.origin] = n.clientId, z(r.origin)), r != null && r.origin && Array.isArray(n == null ? void 0 : n.acceptsCredentials) && (q.current[r.origin] = n.acceptsCredentials);
+      d.addListener("*", "init", (t, n) => {
+        n != null && n.origin && (t != null && t.clientId) && (C.current[n.origin] = t.clientId, z(n.origin)), n != null && n.origin && Array.isArray(t == null ? void 0 : t.acceptsCredentials) && (v.current[n.origin] = t.acceptsCredentials);
       }),
-      d.addListener("*", "authorize", $),
-      d.addListener("*", "login", $),
+      d.addListener("*", "authorize", L),
+      d.addListener("*", "login", L),
       d.addListener(
         "*",
         "credential-request",
-        (n, r) => u(n, { v2: !0, origin: re(n, r) })
+        (t, n) => a(t, { v2: !0, origin: ne(t, n) })
       )
     ];
-    return () => e.forEach((n) => n());
-  }, [d, $, u, z]), k(() => {
-    const e = (n) => {
-      const r = n == null ? void 0 : n.data;
-      if (!r || r.type !== "authorized" && r.type !== "authorize-failed")
+    return () => e.forEach((t) => t());
+  }, [d, L, a, z]), k(() => {
+    const e = (t) => {
+      const n = t == null ? void 0 : t.data;
+      if (!n || n.type !== "authorized" && n.type !== "authorize-failed")
         return;
-      const l = Q(r.authUrl);
-      if (!(!l || n.origin !== l)) {
-        if (r.type === "authorized") {
-          if (r.accessToken) {
-            if (!E.current[l])
+      const i = Q(n.authUrl);
+      if (!(!i || t.origin !== i)) {
+        if (n.type === "authorized") {
+          if (n.accessToken) {
+            if (!E.current[i])
               return;
-            _((g) => ({
-              ...g,
-              [l]: ne({ accessToken: r.accessToken })
-            })), o(l);
+            A((f) => ({
+              ...f,
+              [i]: re({ accessToken: n.accessToken })
+            })), o(i);
           } else
-            a(l);
+            l(i);
           return;
         }
-        p(l);
+        w(i);
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [o, a, p]);
-  const U = h(
-    (e, n) => {
-      const r = e == null ? void 0 : e.origin, l = ne(n);
-      !r || !l || (_((g) => ({ ...g, [r]: l })), o(r));
+  }, [o, l, w]);
+  const M = h(
+    (e, t) => {
+      const n = e == null ? void 0 : e.origin, i = re(t);
+      !n || !i || (A((f) => ({ ...f, [n]: i })), o(n));
     },
     [o]
-  ), x = h((e, n) => {
-    b((r) => r[e] ? { ...r, [e]: { ...r[e], ...n } } : r);
-  }, []), S = h(
-    async (e, { approve: n } = {}) => {
-      const r = j.current, { origin: l } = e;
-      let g;
+  ), m = h((e, t) => {
+    b((n) => n[e] ? { ...n, [e]: { ...n[e], ...t } } : n);
+  }, []), $ = h(
+    async (e, { approve: t } = {}) => {
+      const n = S.current, { origin: i } = e;
+      let f;
       try {
-        g = await r(
-          { origin: l, clientId: e.clientId, scope: e.scope, authUrl: e.authUrl },
-          { approve: n }
+        f = await n(
+          { origin: i, clientId: e.clientId, scope: e.scope, authUrl: e.authUrl },
+          { approve: t }
         );
       } catch {
-        n ? x(l, { error: { reason: "broker_unavailable" } }) : x(l, {
+        t ? m(i, { error: { reason: "broker_unavailable" } }) : m(i, {
           status: e.silentUrl && X ? "silent" : "interactive"
         });
         return;
       }
-      if ((g == null ? void 0 : g.status) === 200 && g.credential) {
-        U(e, g.credential);
+      if ((f == null ? void 0 : f.status) === 200 && f.credential) {
+        M(e, f.credential);
         return;
       }
-      if ((g == null ? void 0 : g.status) === 409 && g.consentRequired) {
-        x(l, {
+      if ((f == null ? void 0 : f.status) === 409 && f.consentRequired) {
+        m(i, {
           status: "interactive",
           consent: {
-            client: g.client || null,
-            stepUp: !!g.stepUp,
-            scope: g.scope || e.scope
+            client: f.client || null,
+            stepUp: !!f.stepUp,
+            scope: f.scope || e.scope
           },
           error: null
         });
         return;
       }
-      const N = (g == null ? void 0 : g.error) || "broker_error";
-      if (!n && de.has(N)) {
-        x(l, {
+      const N = (f == null ? void 0 : f.error) || "broker_error";
+      if (!t && le.has(N)) {
+        m(i, {
           status: e.silentUrl && X ? "silent" : "interactive"
         });
         return;
       }
-      if (n && N === "consent_denied") {
-        x(l, { error: null });
+      if (t && N === "consent_denied") {
+        m(i, { error: null });
         return;
       }
-      o(l), y((te) => ({
+      o(i), y((te) => ({
         ...te,
-        [l]: {
-          origin: l,
+        [i]: {
+          origin: i,
           reason: `broker:${N}`,
-          detail: g || null,
-          clientId: e.clientId || O.current[l] || null
+          detail: f || null,
+          clientId: e.clientId || C.current[i] || null
         }
       }));
     },
-    [U, x, o]
-  ), v = R({});
+    [M, m, o]
+  ), B = R({});
   k(() => {
-    Object.values(f).forEach((e) => {
-      e.status !== "broker" || v.current[e.origin] || (v.current[e.origin] = !0, S(e).finally(() => {
-        delete v.current[e.origin];
+    Object.values(p).forEach((e) => {
+      e.status !== "broker" || B.current[e.origin] || (B.current[e.origin] = !0, $(e).finally(() => {
+        delete B.current[e.origin];
       }));
     });
-  }, [f, S]);
-  const F = h(
-    (e) => !j.current || !(e != null && e.consent) ? Promise.resolve() : S(e, { approve: !0 }),
-    [S]
+  }, [p, $]);
+  const P = h(
+    (e) => !S.current || !(e != null && e.consent) ? Promise.resolve() : $(e, { approve: !0 }),
+    [$]
   );
   k(() => {
-    const e = K.current;
-    Object.values(f).forEach((n) => {
-      n.status === "silent" && !e[n.origin] && (e[n.origin] = setTimeout(() => {
-        delete e[n.origin], p(n.origin);
-      }, fe));
-    }), Object.keys(e).forEach((n) => {
-      (!f[n] || f[n].status !== "silent") && (clearTimeout(e[n]), delete e[n]);
+    const e = G.current;
+    Object.values(p).forEach((t) => {
+      t.status === "silent" && !e[t.origin] && (e[t.origin] = setTimeout(() => {
+        delete e[t.origin], w(t.origin);
+      }, de));
+    }), Object.keys(e).forEach((t) => {
+      (!p[t] || p[t].status !== "silent") && (clearTimeout(e[t]), delete e[t]);
     });
-  }, [f, p]), k(() => () => {
-    L.current && L.current(), Object.values(K.current).forEach(clearTimeout);
+  }, [p, w]), k(() => () => {
+    O.current && O.current(), Object.values(G.current).forEach(clearTimeout);
   }, []);
-  const Z = h(
+  const q = h(
     (e) => {
-      L.current && (L.current(), L.current = null);
-      const n = s || ge;
-      L.current = n(e, {
+      O.current && (O.current(), O.current = null);
+      const t = s || pe;
+      O.current = t(e, {
         onBlocked: () => {
-          b((r) => r[e.origin] ? {
-            ...r,
-            [e.origin]: { ...r[e.origin], popupBlocked: !0 }
-          } : r);
+          b((n) => n[e.origin] ? {
+            ...n,
+            [e.origin]: { ...n[e.origin], popupBlocked: !0 }
+          } : n);
         },
         onClosed: () => {
           if (e.v2) {
-            X && b((r) => !r[e.origin] || !r[e.origin].silentUrl ? r : {
-              ...r,
-              [e.origin]: { ...r[e.origin], status: "silent" }
+            X && b((n) => !n[e.origin] || !n[e.origin].silentUrl ? n : {
+              ...n,
+              [e.origin]: { ...n[e.origin], status: "silent" }
             });
             return;
           }
-          a(e.origin);
+          l(e.origin);
         }
       });
     },
-    [s, a]
-  ), G = {
+    [s, l]
+  ), Z = {
     // Hosts render UI for interactive entries only; silent resolution is
     // invisible by design.
-    pending: Object.values(f).filter(
+    pending: Object.values(p).filter(
       (e) => e.status === "interactive"
     ),
-    authorize: Z,
-    approve: F,
-    complete: U,
-    dismiss: w,
-    originEpochs: B,
-    credentials: M,
-    unsupported: A
-  }, P = Object.values(f).filter(
+    authorize: q,
+    approve: P,
+    complete: M,
+    dismiss: x,
+    originEpochs: j,
+    credentials: _,
+    unsupported: F
+  }, W = Object.values(p).filter(
     (e) => e.status === "silent" && e.silentUrl
   );
-  return /* @__PURE__ */ m.createElement(J.Provider, { value: G }, t, P.map((e) => /* @__PURE__ */ m.createElement(
+  return /* @__PURE__ */ g.createElement(J.Provider, { value: Z }, r, W.map((e) => /* @__PURE__ */ g.createElement(
     "iframe",
     {
       key: `mm-silent-auth-${e.origin}`,
@@ -320,7 +320,7 @@ const Y = ie(null), J = ie({
     }
   )));
 };
-ce.propTypes = {
+ie.propTypes = {
   children: T.node,
   launcher: T.func,
   /**
@@ -332,143 +332,143 @@ ce.propTypes = {
    */
   broker: T.func
 };
-const he = () => H(J), me = (t) => {
-  const { originEpochs: s } = H(J), i = Q(t);
-  return i && s[i] || 0;
-}, be = (t) => {
-  const { credentials: s } = H(J), i = Q(t);
-  return i && s[i] || null;
-}, Ee = (t) => {
-  const { unsupported: s } = H(J), i = Q(t);
-  return i && s[i] || null;
-}, we = ({ children: t, authorizationLauncher: s, credentialBroker: i }) => {
-  const [d, f] = C({}), [b, B] = C({}), I = R({}), M = R({}), _ = R({}), A = h((c, u) => {
+const he = () => K(J), ge = (r) => {
+  const { originEpochs: s } = K(J), c = Q(r);
+  return c && s[c] || 0;
+}, me = (r) => {
+  const { credentials: s } = K(J), c = Q(r);
+  return c && s[c] || null;
+}, be = (r) => {
+  const { unsupported: s } = K(J), c = Q(r);
+  return c && s[c] || null;
+}, Ee = ({ children: r, authorizationLauncher: s, credentialBroker: c }) => {
+  const [d, p] = U({}), [b, j] = U({}), I = R({}), _ = R({}), A = R({}), F = h((u, a) => {
     var o;
-    return !!((o = _.current[c]) != null && o.has(u));
-  }, []), y = h((c, u, o) => {
-    f((a) => ({ ...a, [c]: { origin: u, frameRef: o } }));
-  }, []), W = h((c) => {
-    f((u) => {
-      const o = { ...u };
-      return delete o[c], o;
-    }), B((u) => {
-      const o = { ...u };
-      return delete o[c], o;
-    }), delete _.current[c];
+    return !!((o = A.current[u]) != null && o.has(a));
+  }, []), y = h((u, a, o) => {
+    p((l) => ({ ...l, [u]: { origin: a, frameRef: o } }));
+  }, []), H = h((u) => {
+    p((a) => {
+      const o = { ...a };
+      return delete o[u], o;
+    }), j((a) => {
+      const o = { ...a };
+      return delete o[u], o;
+    }), delete A.current[u];
   }, []);
   k(() => {
-    const c = (o = [], a, p) => {
-      o.forEach((w) => w(a, p));
-    }, u = (o) => {
-      var S, v, F, Z, G, P, e;
-      if (!((S = o == null ? void 0 : o.data) != null && S.instanceId))
+    const u = (o = [], l, w) => {
+      o.forEach((x) => x(l, w));
+    }, a = (o) => {
+      var $, B, P, q, Z, W, e;
+      if (!(($ = o == null ? void 0 : o.data) != null && $.instanceId))
         return;
-      const { instanceId: a, type: p } = o.data, w = d[a], $ = (F = (v = w == null ? void 0 : w.frameRef) == null ? void 0 : v.current) == null ? void 0 : F.contentWindow;
-      if (!$ || o.source !== $ || o.origin !== w.origin)
+      const { instanceId: l, type: w } = o.data, x = d[l], L = (P = (B = x == null ? void 0 : x.frameRef) == null ? void 0 : B.current) == null ? void 0 : P.contentWindow;
+      if (!L || o.source !== L || o.origin !== x.origin)
         return;
-      const U = { origin: o.origin }, x = I.current;
-      if (p === "response") {
-        const { callbackId: n, response: r, error: l } = o.data, g = M.current[n];
-        g && (g(r, l), delete M.current[n]);
+      const M = { origin: o.origin }, m = I.current;
+      if (w === "response") {
+        const { callbackId: t, response: n, error: i } = o.data, f = _.current[t];
+        f && (f(n, i), delete _.current[t]);
         return;
       }
-      if (p === "mark-registered") {
-        const { requestType: n } = o.data;
-        _.current[a] || (_.current[a] = /* @__PURE__ */ new Set()), _.current[a].add(n);
+      if (w === "mark-registered") {
+        const { requestType: t } = o.data;
+        A.current[l] || (A.current[l] = /* @__PURE__ */ new Set()), A.current[l].add(t);
         return;
       }
-      p === "ready" && B((n) => ({ ...n, [a]: !0 })), c((Z = x[a]) == null ? void 0 : Z[p], o.data, U), c((G = x["*"]) == null ? void 0 : G[p], o.data, U), c((P = x[a]) == null ? void 0 : P["*"], o.data, U), c((e = x["*"]) == null ? void 0 : e["*"], o.data, U);
+      w === "ready" && j((t) => ({ ...t, [l]: !0 })), u((q = m[l]) == null ? void 0 : q[w], o.data, M), u((Z = m["*"]) == null ? void 0 : Z[w], o.data, M), u((W = m[l]) == null ? void 0 : W["*"], o.data, M), u((e = m["*"]) == null ? void 0 : e["*"], o.data, M);
     };
-    return window.addEventListener("message", u), () => {
-      window.removeEventListener("message", u);
+    return window.addEventListener("message", a), () => {
+      window.removeEventListener("message", a);
     };
   }, [d]);
   const E = h(
-    (c, u, o) => {
-      var p, w;
-      const a = d[c];
-      if (!a) {
-        console.warn(`Origin not set for id: ${c}. Unable to send message.`);
+    (u, a, o) => {
+      var w, x;
+      const l = d[u];
+      if (!l) {
+        console.warn(`Origin not set for id: ${u}. Unable to send message.`);
         return;
       }
-      (w = (p = a == null ? void 0 : a.frameRef) == null ? void 0 : p.current) != null && w.contentWindow && a.frameRef.current.contentWindow.postMessage(
-        { type: u, ...o, instanceId: c },
-        a.origin
+      (x = (w = l == null ? void 0 : l.frameRef) == null ? void 0 : w.current) != null && x.contentWindow && l.frameRef.current.contentWindow.postMessage(
+        { type: a, ...o, instanceId: u },
+        l.origin
       );
     },
     [d]
-  ), L = R(0), K = h(() => `${Date.now()}-${++L.current}`, []), O = h(
-    async (c, u, o = {}) => new Promise((a, p) => {
-      const w = K(), $ = (U, x) => {
-        delete M.current[w], x ? p(x) : a(U);
+  ), O = R(0), G = h(() => `${Date.now()}-${++O.current}`, []), C = h(
+    async (u, a, o = {}) => new Promise((l, w) => {
+      const x = G(), L = (M, m) => {
+        delete _.current[x], m ? w(m) : l(M);
       };
-      M.current[w] = $, E(c, "request", { callbackId: w, requestType: u, data: o });
+      _.current[x] = L, E(u, "request", { callbackId: x, requestType: a, data: o });
     }),
     [E]
-  ), q = h(
-    (c, u) => {
-      E(c, "load-options", u);
+  ), v = h(
+    (u, a) => {
+      E(u, "load-options", a);
     },
     [E]
-  ), j = h(
-    (c, u) => {
-      E(c, "validate", u);
+  ), S = h(
+    (u, a) => {
+      E(u, "validate", a);
     },
     [E]
-  ), z = le(
+  ), z = ue(
     () => ({
       registerFrame: y,
-      unregisterFrame: W,
+      unregisterFrame: H,
       sendMessage: E,
-      sendRequest: O,
-      loadOptions: q,
-      validate: j,
-      hasHandler: A,
+      sendRequest: C,
+      loadOptions: v,
+      validate: S,
+      hasHandler: F,
       readyFrames: b,
-      addListener: (c, u, o) => (I.current[c] || (I.current[c] = {}), I.current[c][u] || (I.current[c][u] = []), I.current[c][u].push(o), () => {
-        I.current[c][u] = I.current[c][u].filter((a) => a !== o);
+      addListener: (u, a, o) => (I.current[u] || (I.current[u] = {}), I.current[u][a] || (I.current[u][a] = []), I.current[u][a].push(o), () => {
+        I.current[u][a] = I.current[u][a].filter((l) => l !== o);
       })
     }),
     [
       y,
-      W,
+      H,
       E,
-      O,
-      q,
-      j,
-      A,
+      C,
+      v,
+      S,
+      F,
       b
     ]
   );
-  return /* @__PURE__ */ m.createElement(Y.Provider, { value: z }, /* @__PURE__ */ m.createElement(ce, { launcher: s, broker: i }, t));
-}, V = (t, s, i) => {
-  const d = H(Y);
+  return /* @__PURE__ */ g.createElement(Y.Provider, { value: z }, /* @__PURE__ */ g.createElement(ie, { launcher: s, broker: c }, r));
+}, V = (r, s, c) => {
+  const d = K(Y);
   if (d === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const f = R(i);
+  const p = R(c);
   k(() => {
-    f.current = i;
-  }, [i]), k(() => {
-    if (!(!t || !s)) {
+    p.current = c;
+  }, [c]), k(() => {
+    if (!(!r || !s)) {
       if (s.startsWith("key:")) {
         const b = s.substring(4);
-        return d.readyFrames[t] && d.sendMessage(t, "subscribe-key", { keyChord: b }), d.addListener(
-          t,
+        return d.readyFrames[r] && d.sendMessage(r, "subscribe-key", { keyChord: b }), d.addListener(
+          r,
           `key-pressed:${b}`,
-          (...I) => f.current(...I)
+          (...I) => p.current(...I)
         );
       }
       return d.addListener(
-        t,
+        r,
         s,
-        (...b) => f.current(...b)
+        (...b) => p.current(...b)
       );
     }
-  }, [d, t, s]);
+  }, [d, r, s]);
 };
-we.propTypes = {
+Ee.propTypes = {
   children: T.node.isRequired,
   /**
    * Optional interactive-step launcher for embedded authorizations,
@@ -485,13 +485,13 @@ we.propTypes = {
    */
   credentialBroker: T.func
 };
-const ee = D.default || D, ke = 1e4, Re = "credentials", oe = (t, s) => `${t}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
+const ee = D.default || D, we = 1e4, ke = "credentials", Re = (r, s) => `${r}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
   window.location.origin
-)}&caps=${Re}`, xe = ee.iframe`
+)}&caps=${ke}`, xe = ee.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${(t) => t.$isReady ? "visible" : "hidden"};
+  visibility: ${(r) => r.$isReady ? "visible" : "hidden"};
 `, Te = ee.div`
   width: 100%;
   height: 100%;
@@ -505,9 +505,9 @@ const ee = D.default || D, ke = 1e4, Re = "credentials", oe = (t, s) => `${t}/mm
   text-align: center;
   color: #555;
   font-size: 14px;
-`, Ie = (t) => {
-  const s = t && t.origin || "This app", i = t && t.reason || "";
-  switch (i) {
+`, Ie = (r) => {
+  const s = r && r.origin || "This app", c = r && r.reason || "";
+  switch (c) {
     case "broker:scope_above_ceiling":
       return {
         title: `${s} can’t be authorized here`,
@@ -525,7 +525,7 @@ const ee = D.default || D, ke = 1e4, Re = "credentials", oe = (t, s) => `${t}/mm
         detail: "It can’t be authorized for this account."
       };
     default:
-      return i.startsWith("broker:") ? {
+      return c.startsWith("broker:") ? {
         title: `${s} can’t be authorized here`,
         detail: "Authorization was refused."
       } : {
@@ -533,11 +533,11 @@ const ee = D.default || D, ke = 1e4, Re = "credentials", oe = (t, s) => `${t}/mm
         detail: "It needs an update to support embedding from a different domain."
       };
   }
-}, ue = ({ entry: t }) => {
-  const s = Ie(t);
-  return /* @__PURE__ */ m.createElement(Te, { "data-reason": t && t.reason || void 0 }, /* @__PURE__ */ m.createElement("div", { style: { fontWeight: 600 } }, s.title), /* @__PURE__ */ m.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.detail));
+}, ce = ({ entry: r }) => {
+  const s = Ie(r);
+  return /* @__PURE__ */ g.createElement(Te, { "data-reason": r && r.reason || void 0 }, /* @__PURE__ */ g.createElement("div", { style: { fontWeight: 600 } }, s.title), /* @__PURE__ */ g.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.detail));
 };
-ue.propTypes = {
+ce.propTypes = {
   entry: T.shape({
     origin: T.string,
     name: T.string,
@@ -545,26 +545,26 @@ ue.propTypes = {
     detail: T.object
   })
 };
-const Ue = ee.div`
+const ze = ee.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`, ze = () => /* @__PURE__ */ m.createElement(Ue, null, /* @__PURE__ */ m.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Ce = ({
-  id: t,
+`, Ue = () => /* @__PURE__ */ g.createElement(ze, null, /* @__PURE__ */ g.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Ce = ({
+  id: r,
   src: s,
-  path: i,
+  path: c,
   onInit: d = () => {
   },
-  onTimeout: f,
+  onTimeout: p,
   context: b = {},
-  params: B = {},
+  params: j = {},
   renderUnsupported: I,
-  renderTimeout: M,
-  ..._
+  renderTimeout: _,
+  ...A
 }) => {
-  if ("isConfiguring" in _)
+  if ("isConfiguring" in A)
     return console.error(
       "isConfiguring must be passed via the params prop to MMEmbeddableZone"
     ), null;
@@ -576,78 +576,76 @@ const Ue = ee.div`
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  const A = R(), [y, W] = C(), [E, L] = C(0), [K, O] = C(!1), [q, j] = C(!1), z = me(s), c = be(s), u = Ee(s);
-  k(() => {
-    z > 0 && L(0);
-  }, [z]);
-  const { registerFrame: o, unregisterFrame: a, sendMessage: p } = H(
+  const F = R(), [y, H] = U(), [E, O] = U(0), [G, C] = U(!1), [v, S] = U(!1), z = ge(s), u = me(s), a = be(s), [o, l] = U(0), [w, x] = U(null), { registerFrame: L, unregisterFrame: M, sendMessage: m } = K(
     Y
-  ), [w, $] = C(), U = R(), x = R(f), S = R(d), v = R(!1);
+  ), [$, B] = U(), P = R(), q = R(p), Z = R(d), W = R(!1), e = h(() => {
+    W.current = !1, clearTimeout(P.current), O(0), C(!1), S(!1), x(null);
+  }, []);
   k(() => {
-    x.current = f;
-  }, [f]), k(() => {
-    S.current = d;
+    (z > 0 || o > 0) && e();
+  }, [z, o, e]), k(() => {
+    q.current = p;
+  }, [p]), k(() => {
+    Z.current = d;
   }, [d]), k(() => {
-    E && p(t, "set-context", {
+    E && m(r, "set-context", {
       context: {
         ...b
       }
     });
-  }, [b, t, E]), k(() => {
-    E && p(t, "set-params", { params: B });
-  }, [B, t, E]), k(() => {
-    i !== void 0 && $((i == null ? void 0 : i.indexOf("/")) === 0 ? i : `/${i}`);
-  }, [i]), k(() => {
-    w === void 0 || !E || p(t, "navigate", { path: w });
-  }, [w, E, t, p]), k(() => {
-    if (!s || !t || !A)
+  }, [b, r, E]), k(() => {
+    E && m(r, "set-params", { params: j });
+  }, [j, r, E]), k(() => {
+    c !== void 0 && B((c == null ? void 0 : c.indexOf("/")) === 0 ? c : `/${c}`);
+  }, [c]), k(() => {
+    $ === void 0 || !E || m(r, "navigate", { path: $ });
+  }, [$, E, r, m]), k(() => {
+    if (!s || !r || !F)
       return;
-    const e = new URL(s);
-    return o(t, e.origin, A), S.current(), W(oe(e.origin, t)), () => {
-      a(t);
+    e();
+    const i = new URL(s);
+    return L(r, i.origin, F), Z.current(), H(Re(i.origin, r)), () => {
+      M(r);
     };
-  }, [s, t, o, A]), k(() => {
-    if (!(!y || v.current))
-      return U.current = setTimeout(() => {
-        O(!0), x.current && x.current();
-      }, ke), () => clearTimeout(U.current);
-  }, [y]);
-  const F = h(() => {
-    v.current = !0, clearTimeout(U.current), O(!1);
-  }, []), [Z, G] = C(null);
-  V(t, "init", (e) => {
-    F(), Array.isArray(e == null ? void 0 : e.acceptsCredentials) && G(e.acceptsCredentials);
-  }), V(t, "authorize", F), V(t, "login", F), V(t, "credential-request", () => {
-    F(), j(!0);
+  }, [s, r, L, F, e]), k(() => {
+    if (!(!y || W.current))
+      return P.current = setTimeout(() => {
+        C(!0), q.current && q.current();
+      }, we), () => clearTimeout(P.current);
+  }, [y, s, z, o]);
+  const t = h(() => {
+    W.current = !0, clearTimeout(P.current), C(!1);
+  }, []);
+  V(r, "init", (i) => {
+    t(), Array.isArray(i == null ? void 0 : i.acceptsCredentials) && x(i.acceptsCredentials);
+  }), V(r, "authorize", t), V(r, "login", t), V(r, "credential-request", () => {
+    t(), S(!0);
   }), k(() => {
-    if (!q || !c)
+    if (!v || !u)
       return;
-    const e = Z;
-    if (Array.isArray(e) && !e.includes(c.kind))
+    const i = w;
+    if (Array.isArray(i) && !i.includes(u.kind))
       return;
-    const n = c.kind === "access_token" ? { accessToken: c.accessToken } : {};
-    p(t, "credential", { ...n, credential: c });
-  }, [q, c, Z, t, p]), V(t, "ready", () => {
-    F(), L((e) => e + 1);
+    const f = u.kind === "access_token" ? { accessToken: u.accessToken } : {};
+    m(r, "credential", { ...f, credential: u });
+  }, [v, u, w, r, m]), V(r, "ready", () => {
+    t(), O((i) => i + 1);
   });
-  const P = R();
-  return V(t, "heartbeat", () => {
-    P.current && clearTimeout(P.current), P.current = setTimeout(() => {
-      if (A.current) {
-        const e = new URL(s);
-        A.current.src = oe(e.origin, t);
-      }
+  const n = R();
+  return V(r, "heartbeat", () => {
+    n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+      l((i) => i + 1);
     }, 6e3);
   }), k(() => () => {
-    P.current && clearTimeout(P.current);
-  }, []), u ? I ? I(u) : /* @__PURE__ */ m.createElement(ue, { entry: u }) : K && !E ? M ? M() : /* @__PURE__ */ m.createElement(ze, null) : /* @__PURE__ */ m.createElement(
+    n.current && clearTimeout(n.current);
+  }, []), a ? I ? I(a) : /* @__PURE__ */ g.createElement(ce, { entry: a }) : G && !E ? _ ? _() : /* @__PURE__ */ g.createElement(Ue, null) : /* @__PURE__ */ g.createElement(
     xe,
     {
-      key: `auth-epoch-${z}`,
+      key: `auth-epoch-${z}-frame-${o}`,
       $isReady: E,
-      ref: A,
+      ref: F,
       src: y,
-      ..._
+      ...A
     }
   );
 };
@@ -693,7 +691,7 @@ const Me = D.div`
   justify-content: space-between;
   padding: 10px 0;
   gap: 16px;
-`, Le = D.button`
+`, Oe = D.button`
   background: #16a500;
   color: #fff;
   border: none;
@@ -702,13 +700,13 @@ const Me = D.div`
   font-size: 14px;
   cursor: pointer;
   white-space: nowrap;
-`, Oe = D.p`
+`, Le = D.p`
   color: #b3261e;
   font-size: 13px;
   margin: 4px 0 0;
 `, Fe = () => {
-  const { pending: t, authorize: s } = he();
-  return t.length === 0 ? null : /* @__PURE__ */ m.createElement(Me, null, /* @__PURE__ */ m.createElement(_e, null, /* @__PURE__ */ m.createElement("h3", { style: { margin: "0 0 8px" } }, "Authorization Required"), /* @__PURE__ */ m.createElement("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#555" } }, "The following apps need you to sign in and authorize them before they can load."), t.map((i) => /* @__PURE__ */ m.createElement("div", { key: i.origin }, /* @__PURE__ */ m.createElement(Ae, null, /* @__PURE__ */ m.createElement("div", null, /* @__PURE__ */ m.createElement("div", { style: { fontWeight: 600 } }, i.origin)), /* @__PURE__ */ m.createElement(Le, { onClick: () => s(i) }, "Authorize")), i.popupBlocked && /* @__PURE__ */ m.createElement(Oe, null, "The sign-in window was blocked. Allow popups for this site, then try again.")))));
+  const { pending: r, authorize: s } = he();
+  return r.length === 0 ? null : /* @__PURE__ */ g.createElement(Me, null, /* @__PURE__ */ g.createElement(_e, null, /* @__PURE__ */ g.createElement("h3", { style: { margin: "0 0 8px" } }, "Authorization Required"), /* @__PURE__ */ g.createElement("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#555" } }, "The following apps need you to sign in and authorize them before they can load."), r.map((c) => /* @__PURE__ */ g.createElement("div", { key: c.origin }, /* @__PURE__ */ g.createElement(Ae, null, /* @__PURE__ */ g.createElement("div", null, /* @__PURE__ */ g.createElement("div", { style: { fontWeight: 600 } }, c.origin)), /* @__PURE__ */ g.createElement(Oe, { onClick: () => s(c) }, "Authorize")), c.popupBlocked && /* @__PURE__ */ g.createElement(Le, null, "The sign-in window was blocked. Allow popups for this site, then try again.")))));
 };
 export {
   ae as CREDENTIAL_KIND_ACCESS_TOKEN,
@@ -716,14 +714,14 @@ export {
   Fe as EmbeddedAuthorizationPrompt,
   Ce as MMEmbeddableZone,
   Y as MMEmbeddableZoneContext,
-  we as MMEmbeddableZoneProvider,
-  pe as isCrossSite,
-  ne as normalizeCredential,
-  ge as popupAuthorizationLauncher,
+  Ee as MMEmbeddableZoneProvider,
+  fe as isCrossSite,
+  re as normalizeCredential,
+  pe as popupAuthorizationLauncher,
   Ie as unsupportedCopy,
   he as useEmbeddedAuthorizations,
-  be as useEmbeddedCredential,
+  me as useEmbeddedCredential,
   V as useEmbeddedEffect,
-  me as useEmbeddedOriginEpoch,
-  Ee as useEmbeddedUnsupported
+  ge as useEmbeddedOriginEpoch,
+  be as useEmbeddedUnsupported
 };