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

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

@@ -1,7 +1,7 @@
-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 z, { createContext as oe, useContext as v, useState as C, 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 = oe(null), J = oe({
+import te from "styled-components";
+const X = oe(null), V = oe({
   pending: [],
   authorize: () => {
   },
@@ -14,69 +14,74 @@ const Y = oe(null), J = oe({
   originEpochs: {},
   credentials: {},
   unsupported: {}
-}), ae = "access_token", re = (r) => r ? r.kind ? r : r.accessToken ? {
-  kind: ae,
+}), le = "access_token", re = (r) => r ? r.kind ? r : r.accessToken ? {
+  kind: le,
   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) => {
+} : null : null, ae = /* @__PURE__ */ new Set([
+  "host_not_allowed",
+  "unbound_host_bound_guest",
+  "invalid_token",
+  "provider_unavailable"
+]), Q = typeof window != "undefined" && window.location.protocol === "https:", de = 8e3, J = (r) => {
   try {
     return new URL(r).origin;
   } catch {
     return null;
   }
-}, ne = (r, s) => {
-  const c = s == null ? void 0 : s.origin;
-  return !c || Q(r == null ? void 0 : r.authUrl) !== c ? null : c;
+}, ne = (r, i) => {
+  const u = i == null ? void 0 : i.origin;
+  return !u || J(r == null ? void 0 : r.authUrl) !== u ? null : u;
 }, 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) => {
+  const i = r.split(".");
+  return i.length <= 2 ? r : i.slice(-2).join(".");
+}, fe = (r, i) => {
   try {
-    const c = new URL(r), d = new URL(s);
-    return c.protocol !== d.protocol ? !0 : se(c.hostname) !== se(d.hostname);
+    const u = new URL(r), d = new URL(i);
+    return u.protocol !== d.protocol ? !0 : se(u.hostname) !== se(d.hostname);
   } catch {
     return !0;
   }
-}, pe = (r, { onBlocked: s, onClosed: c }) => {
+}, pe = (r, { onBlocked: i, onClosed: u }) => {
   const d = window.open(
     r.authUrl,
     "mm-embed-auth",
     "popup,width=600,height=700"
   );
   if (!d)
-    return s(), () => {
+    return i(), () => {
     };
   const p = setInterval(() => {
-    d.closed && (clearInterval(p), c());
+    d.closed && (clearInterval(p), u());
   }, 1e3);
   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 t = C.current[e];
+}, ie = ({ children: r, launcher: i, broker: u }) => {
+  const d = v(X), [p, m] = C({}), [j, I] = C({}), [L, O] = C({}), [P, S] = C({}), Z = R(L);
+  Z.current = L;
+  const b = R(p);
+  b.current = p;
+  const x = R(null), K = R({}), _ = R({}), q = R({}), F = R(u);
+  F.current = u;
+  const U = h((e) => {
+    const t = _.current[e];
     if (!t)
       return;
-    const n = (i) => !i[e] || i[e].clientId ? i : { ...i, [e]: { ...i[e], clientId: t } };
-    b(n), y(n);
-  }, []), u = h(
+    const n = (o) => !o[e] || o[e].clientId ? o : { ...o, [e]: { ...o[e], clientId: t } };
+    m(n), S(n);
+  }, []), c = h(
     (e, t) => {
-      e && (y((n) => n[e] ? n : {
+      e && (S((n) => n[e] ? n : {
         ...n,
-        [e]: { origin: e, reason: t, clientId: C.current[e] || null }
-      }), z(e));
+        [e]: { origin: e, reason: t, clientId: _.current[e] || null }
+      }), U(e));
     },
-    [z]
-  ), a = h(
+    [U]
+  ), l = h(
     (e, { v2: t = !1, origin: n = null } = {}) => {
-      n && (t && H.current[n] || (b((i) => i[n] ? i : {
-        ...i,
+      n && (t && Z.current[n] || (m((o) => o[n] ? o : {
+        ...o,
         [n]: {
           origin: n,
           authUrl: e.authUrl,
@@ -84,58 +89,58 @@ const Y = oe(null), J = oe({
           // 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: t && S.current ? "broker" : t && e.silentUrl && X ? "silent" : "interactive",
+          status: t && F.current ? "broker" : t && e.silentUrl && Q ? "silent" : "interactive",
           v2: t,
           // v1.9: the scope the guest asked for; forwarded verbatim to the broker.
           scope: e.scope || null,
-          acceptsCredentials: v.current[n] || null,
+          acceptsCredentials: q.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 || C.current[n] || null,
+          clientId: e.clientId || _.current[n] || null,
           popupBlocked: !1
         }
-      }), z(n)));
+      }), U(n)));
     },
-    [z]
-  ), o = h((e) => {
-    b((t) => {
+    [U]
+  ), s = h((e) => {
+    m((t) => {
       if (!t[e])
         return t;
       const n = { ...t };
       return delete n[e], n;
     });
-  }, []), l = h(
+  }, []), a = h(
     (e) => {
-      e && (o(e), I((t) => ({
+      e && (s(e), I((t) => ({
         ...t,
         [e]: (t[e] || 0) + 1
       })));
     },
-    [o]
-  ), w = h((e) => {
-    b((t) => !t[e] || t[e].status === "interactive" ? t : {
+    [s]
+  ), E = h((e) => {
+    m((t) => !t[e] || t[e].status === "interactive" ? t : {
       ...t,
       [e]: { ...t[e], status: "interactive" }
     });
-  }, []), x = h(
+  }, []), w = h(
     (e) => {
-      o(e.origin);
+      s(e.origin);
     },
-    [o]
-  ), L = h(
+    [s]
+  ), $ = h(
     (e, t) => {
       const n = ne(e, t);
       if (n) {
         if (fe(n, window.location.origin)) {
-          u(n, "cross-site-legacy");
+          c(n, "cross-site-legacy");
           return;
         }
-        a(e, { origin: n });
+        l(e, { origin: n });
       }
     },
-    [a, u]
+    [l, c]
   );
   k(() => {
     if (!d)
@@ -148,61 +153,61 @@ const Y = oe(null), J = oe({
       // 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", (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);
+        n != null && n.origin && (t != null && t.clientId) && (_.current[n.origin] = t.clientId, U(n.origin)), n != null && n.origin && Array.isArray(t == null ? void 0 : t.acceptsCredentials) && (q.current[n.origin] = t.acceptsCredentials);
       }),
-      d.addListener("*", "authorize", L),
-      d.addListener("*", "login", L),
+      d.addListener("*", "authorize", $),
+      d.addListener("*", "login", $),
       d.addListener(
         "*",
         "credential-request",
-        (t, n) => a(t, { v2: !0, origin: ne(t, n) })
+        (t, n) => l(t, { v2: !0, origin: ne(t, n) })
       )
     ];
     return () => e.forEach((t) => t());
-  }, [d, L, a, z]), k(() => {
+  }, [d, $, l, U]), k(() => {
     const e = (t) => {
       const n = t == null ? void 0 : t.data;
       if (!n || n.type !== "authorized" && n.type !== "authorize-failed")
         return;
-      const i = Q(n.authUrl);
-      if (!(!i || t.origin !== i)) {
+      const o = J(n.authUrl);
+      if (!(!o || t.origin !== o)) {
         if (n.type === "authorized") {
           if (n.accessToken) {
-            if (!E.current[i])
+            if (!b.current[o])
               return;
-            A((f) => ({
+            O((f) => ({
               ...f,
-              [i]: re({ accessToken: n.accessToken })
-            })), o(i);
+              [o]: re({ accessToken: n.accessToken })
+            })), s(o);
           } else
-            l(i);
+            a(o);
           return;
         }
-        w(i);
+        E(o);
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [o, l, w]);
+  }, [s, a, E]);
   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));
+      const n = e == null ? void 0 : e.origin, o = re(t);
+      !n || !o || (O((f) => ({ ...f, [n]: o })), s(n));
     },
-    [o]
-  ), m = h((e, t) => {
-    b((n) => n[e] ? { ...n, [e]: { ...n[e], ...t } } : n);
-  }, []), $ = h(
+    [s]
+  ), g = h((e, t) => {
+    m((n) => n[e] ? { ...n, [e]: { ...n[e], ...t } } : n);
+  }, []), A = h(
     async (e, { approve: t } = {}) => {
-      const n = S.current, { origin: i } = e;
+      const n = F.current, { origin: o } = e;
       let f;
       try {
         f = await n(
-          { origin: i, clientId: e.clientId, scope: e.scope, authUrl: e.authUrl },
+          { origin: o, clientId: e.clientId, scope: e.scope, authUrl: e.authUrl },
           { approve: t }
         );
       } catch {
-        t ? m(i, { error: { reason: "broker_unavailable" } }) : m(i, {
-          status: e.silentUrl && X ? "silent" : "interactive"
+        t ? g(o, { error: { reason: "broker_unavailable" } }) : g(o, {
+          status: e.silentUrl && Q ? "silent" : "interactive"
         });
         return;
       }
@@ -211,7 +216,7 @@ const Y = oe(null), J = oe({
         return;
       }
       if ((f == null ? void 0 : f.status) === 409 && f.consentRequired) {
-        m(i, {
+        g(o, {
           status: "interactive",
           consent: {
             client: f.client || null,
@@ -222,93 +227,93 @@ const Y = oe(null), J = oe({
         });
         return;
       }
-      const N = (f == null ? void 0 : f.error) || "broker_error";
-      if (!t && le.has(N)) {
-        m(i, {
-          status: e.silentUrl && X ? "silent" : "interactive"
+      const Y = (f == null ? void 0 : f.error) || "broker_error";
+      if (!t && ae.has(Y)) {
+        g(o, {
+          status: e.silentUrl && Q ? "silent" : "interactive"
         });
         return;
       }
-      if (t && N === "consent_denied") {
-        m(i, { error: null });
+      if (t && Y === "consent_denied") {
+        g(o, { error: null });
         return;
       }
-      o(i), y((te) => ({
-        ...te,
-        [i]: {
-          origin: i,
-          reason: `broker:${N}`,
+      s(o), S((ee) => ({
+        ...ee,
+        [o]: {
+          origin: o,
+          reason: `broker:${Y}`,
           detail: f || null,
-          clientId: e.clientId || C.current[i] || null
+          clientId: e.clientId || _.current[o] || null
         }
       }));
     },
-    [M, m, o]
+    [M, g, s]
   ), B = R({});
   k(() => {
     Object.values(p).forEach((e) => {
-      e.status !== "broker" || B.current[e.origin] || (B.current[e.origin] = !0, $(e).finally(() => {
+      e.status !== "broker" || B.current[e.origin] || (B.current[e.origin] = !0, A(e).finally(() => {
         delete B.current[e.origin];
       }));
     });
-  }, [p, $]);
-  const P = h(
-    (e) => !S.current || !(e != null && e.consent) ? Promise.resolve() : $(e, { approve: !0 }),
-    [$]
+  }, [p, A]);
+  const y = h(
+    (e) => !F.current || !(e != null && e.consent) ? Promise.resolve() : A(e, { approve: !0 }),
+    [A]
   );
   k(() => {
-    const e = G.current;
+    const e = K.current;
     Object.values(p).forEach((t) => {
       t.status === "silent" && !e[t.origin] && (e[t.origin] = setTimeout(() => {
-        delete e[t.origin], w(t.origin);
+        delete e[t.origin], E(t.origin);
       }, de));
     }), Object.keys(e).forEach((t) => {
       (!p[t] || p[t].status !== "silent") && (clearTimeout(e[t]), delete e[t]);
     });
-  }, [p, w]), k(() => () => {
-    O.current && O.current(), Object.values(G.current).forEach(clearTimeout);
+  }, [p, E]), k(() => () => {
+    x.current && x.current(), Object.values(K.current).forEach(clearTimeout);
   }, []);
-  const q = h(
+  const W = h(
     (e) => {
-      O.current && (O.current(), O.current = null);
-      const t = s || pe;
-      O.current = t(e, {
+      x.current && (x.current(), x.current = null);
+      const t = i || pe;
+      x.current = t(e, {
         onBlocked: () => {
-          b((n) => n[e.origin] ? {
+          m((n) => n[e.origin] ? {
             ...n,
             [e.origin]: { ...n[e.origin], popupBlocked: !0 }
           } : n);
         },
         onClosed: () => {
           if (e.v2) {
-            X && b((n) => !n[e.origin] || !n[e.origin].silentUrl ? n : {
+            Q && m((n) => !n[e.origin] || !n[e.origin].silentUrl ? n : {
               ...n,
               [e.origin]: { ...n[e.origin], status: "silent" }
             });
             return;
           }
-          l(e.origin);
+          a(e.origin);
         }
       });
     },
-    [s, l]
-  ), Z = {
+    [i, a]
+  ), D = {
     // Hosts render UI for interactive entries only; silent resolution is
     // invisible by design.
     pending: Object.values(p).filter(
       (e) => e.status === "interactive"
     ),
-    authorize: q,
-    approve: P,
+    authorize: W,
+    approve: y,
     complete: M,
-    dismiss: x,
+    dismiss: w,
     originEpochs: j,
-    credentials: _,
-    unsupported: F
-  }, W = Object.values(p).filter(
+    credentials: L,
+    unsupported: P
+  }, H = Object.values(p).filter(
     (e) => e.status === "silent" && e.silentUrl
   );
-  return /* @__PURE__ */ g.createElement(J.Provider, { value: Z }, r, W.map((e) => /* @__PURE__ */ g.createElement(
+  return /* @__PURE__ */ z.createElement(V.Provider, { value: D }, r, H.map((e) => /* @__PURE__ */ z.createElement(
     "iframe",
     {
       key: `mm-silent-auth-${e.origin}`,
@@ -332,143 +337,143 @@ ie.propTypes = {
    */
   broker: T.func
 };
-const he = () => K(J), ge = (r) => {
-  const { originEpochs: s } = K(J), c = Q(r);
-  return c && s[c] || 0;
+const Oe = () => v(V), he = (r) => {
+  const { originEpochs: i } = v(V), u = J(r);
+  return u && i[u] || 0;
+}, ge = (r) => {
+  const { credentials: i } = v(V), u = J(r);
+  return u && i[u] || null;
 }, 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 = 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];
+  const { unsupported: i } = v(V), u = J(r);
+  return u && i[u] || null;
+}, be = ({ children: r, authorizationLauncher: i, credentialBroker: u }) => {
+  const [d, p] = C({}), [m, j] = C({}), I = R({}), L = R({}), O = R({}), P = h((c, l) => {
+    var s;
+    return !!((s = O.current[c]) != null && s.has(l));
+  }, []), S = h((c, l, s) => {
+    p((a) => ({ ...a, [c]: { origin: l, frameRef: s } }));
+  }, []), Z = h((c) => {
+    p((l) => {
+      const s = { ...l };
+      return delete s[c], s;
+    }), j((l) => {
+      const s = { ...l };
+      return delete s[c], s;
+    }), delete O.current[c];
   }, []);
   k(() => {
-    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))
+    const c = (s = [], a, E) => {
+      s.forEach((w) => w(a, E));
+    }, l = (s) => {
+      var A, B, y, W, D, H, e;
+      if (!((A = s == null ? void 0 : s.data) != null && A.instanceId))
         return;
-      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)
+      const { instanceId: a, type: E } = s.data, w = d[a], $ = (y = (B = w == null ? void 0 : w.frameRef) == null ? void 0 : B.current) == null ? void 0 : y.contentWindow;
+      if (!$ || s.source !== $ || s.origin !== w.origin)
         return;
-      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]);
+      const M = { origin: s.origin }, g = I.current;
+      if (E === "response") {
+        const { callbackId: t, response: n, error: o } = s.data, f = L.current[t];
+        f && (f(n, o), delete L.current[t]);
         return;
       }
-      if (w === "mark-registered") {
-        const { requestType: t } = o.data;
-        A.current[l] || (A.current[l] = /* @__PURE__ */ new Set()), A.current[l].add(t);
+      if (E === "mark-registered") {
+        const { requestType: t } = s.data;
+        O.current[a] || (O.current[a] = /* @__PURE__ */ new Set()), O.current[a].add(t);
         return;
       }
-      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);
+      E === "ready" && j((t) => ({ ...t, [a]: !0 })), c((W = g[a]) == null ? void 0 : W[E], s.data, M), c((D = g["*"]) == null ? void 0 : D[E], s.data, M), c((H = g[a]) == null ? void 0 : H["*"], s.data, M), c((e = g["*"]) == null ? void 0 : e["*"], s.data, M);
     };
-    return window.addEventListener("message", a), () => {
-      window.removeEventListener("message", a);
+    return window.addEventListener("message", l), () => {
+      window.removeEventListener("message", l);
     };
   }, [d]);
-  const E = h(
-    (u, a, o) => {
-      var w, x;
-      const l = d[u];
-      if (!l) {
-        console.warn(`Origin not set for id: ${u}. Unable to send message.`);
+  const b = h(
+    (c, l, s) => {
+      var E, w;
+      const a = d[c];
+      if (!a) {
+        console.warn(`Origin not set for id: ${c}. Unable to send message.`);
         return;
       }
-      (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
+      (w = (E = a == null ? void 0 : a.frameRef) == null ? void 0 : E.current) != null && w.contentWindow && a.frameRef.current.contentWindow.postMessage(
+        { type: l, ...s, instanceId: c },
+        a.origin
       );
     },
     [d]
-  ), 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);
+  ), x = R(0), K = h(() => `${Date.now()}-${++x.current}`, []), _ = h(
+    async (c, l, s = {}) => new Promise((a, E) => {
+      const w = K(), $ = (M, g) => {
+        delete L.current[w], g ? E(g) : a(M);
       };
-      _.current[x] = L, E(u, "request", { callbackId: x, requestType: a, data: o });
+      L.current[w] = $, b(c, "request", { callbackId: w, requestType: l, data: s });
     }),
-    [E]
-  ), v = h(
-    (u, a) => {
-      E(u, "load-options", a);
+    [b]
+  ), q = h(
+    (c, l) => {
+      b(c, "load-options", l);
     },
-    [E]
-  ), S = h(
-    (u, a) => {
-      E(u, "validate", a);
+    [b]
+  ), F = h(
+    (c, l) => {
+      b(c, "validate", l);
     },
-    [E]
-  ), z = ue(
+    [b]
+  ), U = ue(
     () => ({
-      registerFrame: y,
-      unregisterFrame: H,
-      sendMessage: E,
-      sendRequest: C,
-      loadOptions: v,
-      validate: S,
-      hasHandler: F,
-      readyFrames: b,
-      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);
+      registerFrame: S,
+      unregisterFrame: Z,
+      sendMessage: b,
+      sendRequest: _,
+      loadOptions: q,
+      validate: F,
+      hasHandler: P,
+      readyFrames: m,
+      addListener: (c, l, s) => (I.current[c] || (I.current[c] = {}), I.current[c][l] || (I.current[c][l] = []), I.current[c][l].push(s), () => {
+        I.current[c][l] = I.current[c][l].filter((a) => a !== s);
       })
     }),
     [
-      y,
-      H,
-      E,
-      C,
-      v,
       S,
+      Z,
+      b,
+      _,
+      q,
       F,
-      b
+      P,
+      m
     ]
   );
-  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);
+  return /* @__PURE__ */ z.createElement(X.Provider, { value: U }, /* @__PURE__ */ z.createElement(ie, { launcher: i, broker: u }, r));
+}, G = (r, i, u) => {
+  const d = v(X);
   if (d === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const p = R(c);
+  const p = R(u);
   k(() => {
-    p.current = c;
-  }, [c]), k(() => {
-    if (!(!r || !s)) {
-      if (s.startsWith("key:")) {
-        const b = s.substring(4);
-        return d.readyFrames[r] && d.sendMessage(r, "subscribe-key", { keyChord: b }), d.addListener(
+    p.current = u;
+  }, [u]), k(() => {
+    if (!(!r || !i)) {
+      if (i.startsWith("key:")) {
+        const m = i.substring(4);
+        return d.readyFrames[r] && d.sendMessage(r, "subscribe-key", { keyChord: m }), d.addListener(
           r,
-          `key-pressed:${b}`,
+          `key-pressed:${m}`,
           (...I) => p.current(...I)
         );
       }
       return d.addListener(
         r,
-        s,
-        (...b) => p.current(...b)
+        i,
+        (...m) => p.current(...m)
       );
     }
-  }, [d, r, s]);
+  }, [d, r, i]);
 };
-Ee.propTypes = {
+be.propTypes = {
   children: T.node.isRequired,
   /**
    * Optional interactive-step launcher for embedded authorizations,
@@ -485,14 +490,14 @@ Ee.propTypes = {
    */
   credentialBroker: T.func
 };
-const ee = D.default || D, we = 1e4, ke = "credentials", Re = (r, s) => `${r}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
+const N = te.default || te, Ee = 1e4, ke = "credentials", Re = (r, i) => `${r}/mm-embedded-interop?id=${encodeURIComponent(i)}&origin=${encodeURIComponent(
   window.location.origin
-)}&caps=${ke}`, xe = ee.iframe`
+)}&caps=${ke}`, we = N.iframe`
   width: 100%;
   height: 100%;
   border: none;
   visibility: ${(r) => r.$isReady ? "visible" : "hidden"};
-`, Te = ee.div`
+`, Te = N.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -506,36 +511,36 @@ const ee = D.default || D, we = 1e4, ke = "credentials", Re = (r, s) => `${r}/mm
   color: #555;
   font-size: 14px;
 `, Ie = (r) => {
-  const s = r && r.origin || "This app", c = r && r.reason || "";
-  switch (c) {
+  const i = r && r.origin || "This app", u = r && r.reason || "";
+  switch (u) {
     case "broker:scope_above_ceiling":
       return {
-        title: `${s} can’t be authorized here`,
+        title: `${i} can’t be authorized here`,
         detail: "It asks for permissions your role doesn’t have."
       };
     case "broker:origin_mismatch":
     case "broker:unknown_client":
       return {
-        title: `${s} can’t be authorized here`,
+        title: `${i} can’t be authorized here`,
         detail: "It isn’t registered to run at this address."
       };
     case "broker:cross_company_principal":
       return {
-        title: `${s} can’t be authorized here`,
+        title: `${i} can’t be authorized here`,
         detail: "It can’t be authorized for this account."
       };
     default:
-      return c.startsWith("broker:") ? {
-        title: `${s} can’t be authorized here`,
+      return u.startsWith("broker:") ? {
+        title: `${i} can’t be authorized here`,
         detail: "Authorization was refused."
       } : {
-        title: `${s} can’t be embedded here`,
+        title: `${i} can’t be embedded here`,
         detail: "It needs an update to support embedding from a different domain."
       };
   }
 }, 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));
+  const i = Ie(r);
+  return /* @__PURE__ */ z.createElement(Te, { "data-reason": r && r.reason || void 0 }, /* @__PURE__ */ z.createElement("div", { style: { fontWeight: 600 } }, i.title), /* @__PURE__ */ z.createElement("div", { style: { fontSize: 12, color: "#888" } }, i.detail));
 };
 ce.propTypes = {
   entry: T.shape({
@@ -545,111 +550,111 @@ ce.propTypes = {
     detail: T.object
   })
 };
-const ze = ee.div`
+const Ue = N.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`, Ue = () => /* @__PURE__ */ g.createElement(ze, null, /* @__PURE__ */ g.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Ce = ({
+`, Ce = () => /* @__PURE__ */ z.createElement(Ue, null, /* @__PURE__ */ z.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), _e = ({
   id: r,
-  src: s,
-  path: c,
+  src: i,
+  path: u,
   onInit: d = () => {
   },
   onTimeout: p,
-  context: b = {},
+  context: m = {},
   params: j = {},
   renderUnsupported: I,
-  renderTimeout: _,
-  ...A
+  renderTimeout: L,
+  ...O
 }) => {
-  if ("isConfiguring" in A)
+  if ("isConfiguring" in O)
     return console.error(
       "isConfiguring must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("colorMode" in b)
+  if ("colorMode" in m)
     return console.error(
       "colorMode must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("isFullScreen" in b)
+  if ("isFullScreen" in m)
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  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
-  ), [$, 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);
+  const P = R(), [S, Z] = C(), [b, x] = C(0), [K, _] = C(!1), [q, F] = C(!1), U = he(i), c = ge(i), l = me(i), [s, a] = C(0), [E, w] = C(null), { registerFrame: $, unregisterFrame: M, sendMessage: g } = v(
+    X
+  ), [A, B] = C(), y = R(), W = R(p), D = R(d), H = R(!1), e = h(() => {
+    H.current = !1, clearTimeout(y.current), x(0), _(!1), F(!1), w(null);
   }, []);
   k(() => {
-    (z > 0 || o > 0) && e();
-  }, [z, o, e]), k(() => {
-    q.current = p;
+    (U > 0 || s > 0) && e();
+  }, [U, s, e]), k(() => {
+    W.current = p;
   }, [p]), k(() => {
-    Z.current = d;
+    D.current = d;
   }, [d]), k(() => {
-    E && m(r, "set-context", {
+    b && g(r, "set-context", {
       context: {
-        ...b
+        ...m
       }
     });
-  }, [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)
+  }, [m, r, b]), k(() => {
+    b && g(r, "set-params", { params: j });
+  }, [j, r, b]), k(() => {
+    u !== void 0 && B((u == null ? void 0 : u.indexOf("/")) === 0 ? u : `/${u}`);
+  }, [u]), k(() => {
+    A === void 0 || !b || g(r, "navigate", { path: A });
+  }, [A, b, r, g]), k(() => {
+    if (!i || !r || !P)
       return;
     e();
-    const i = new URL(s);
-    return L(r, i.origin, F), Z.current(), H(Re(i.origin, r)), () => {
+    const o = new URL(i);
+    return $(r, o.origin, P), D.current(), Z(Re(o.origin, r)), () => {
       M(r);
     };
-  }, [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]);
+  }, [i, r, $, P, e]), k(() => {
+    if (!(!S || H.current))
+      return y.current = setTimeout(() => {
+        _(!0), W.current && W.current();
+      }, Ee), () => clearTimeout(y.current);
+  }, [S, i, U, s]);
   const t = h(() => {
-    W.current = !0, clearTimeout(P.current), C(!1);
+    H.current = !0, clearTimeout(y.current), _(!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);
+  G(r, "init", (o) => {
+    t(), Array.isArray(o == null ? void 0 : o.acceptsCredentials) && w(o.acceptsCredentials);
+  }), G(r, "authorize", t), G(r, "login", t), G(r, "credential-request", () => {
+    t(), F(!0);
   }), k(() => {
-    if (!v || !u)
+    if (!q || !c)
       return;
-    const i = w;
-    if (Array.isArray(i) && !i.includes(u.kind))
+    const o = E;
+    if (Array.isArray(o) && !o.includes(c.kind))
       return;
-    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 f = c.kind === "access_token" ? { accessToken: c.accessToken } : {};
+    g(r, "credential", { ...f, credential: c });
+  }, [q, c, E, r, g]), G(r, "ready", () => {
+    t(), x((o) => o + 1);
   });
   const n = R();
-  return V(r, "heartbeat", () => {
+  return G(r, "heartbeat", () => {
     n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-      l((i) => i + 1);
+      a((o) => o + 1);
     }, 6e3);
   }), k(() => () => {
     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,
+  }, []), l ? I ? I(l) : /* @__PURE__ */ z.createElement(ce, { entry: l }) : K && !b ? L ? L() : /* @__PURE__ */ z.createElement(Ce, null) : /* @__PURE__ */ z.createElement(
+    we,
     {
-      key: `auth-epoch-${z}-frame-${o}`,
-      $isReady: E,
-      ref: F,
-      src: y,
-      ...A
+      key: `auth-epoch-${U}-frame-${s}`,
+      $isReady: b,
+      ref: P,
+      src: S,
+      ...O
     }
   );
 };
-Ce.propTypes = {
+_e.propTypes = {
   id: T.string,
   src: T.string.isRequired,
   path: T.string,
@@ -668,60 +673,19 @@ Ce.propTypes = {
    */
   renderTimeout: T.func
 };
-const Me = D.div`
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.45);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10000;
-`, _e = D.div`
-  background: #fff;
-  border-radius: 8px;
-  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
-  padding: 24px;
-  width: 480px;
-  max-width: calc(100vw - 32px);
-  font-family: sans-serif;
-  color: #222;
-`, Ae = D.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 0;
-  gap: 16px;
-`, Oe = D.button`
-  background: #16a500;
-  color: #fff;
-  border: none;
-  border-radius: 6px;
-  padding: 9px 18px;
-  font-size: 14px;
-  cursor: pointer;
-  white-space: nowrap;
-`, Le = D.p`
-  color: #b3261e;
-  font-size: 13px;
-  margin: 4px 0 0;
-`, Fe = () => {
-  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,
-  J as EmbeddedAuthorizationContext,
-  Fe as EmbeddedAuthorizationPrompt,
-  Ce as MMEmbeddableZone,
-  Y as MMEmbeddableZoneContext,
-  Ee as MMEmbeddableZoneProvider,
+  le as CREDENTIAL_KIND_ACCESS_TOKEN,
+  V as EmbeddedAuthorizationContext,
+  _e as MMEmbeddableZone,
+  X as MMEmbeddableZoneContext,
+  be as MMEmbeddableZoneProvider,
   fe as isCrossSite,
   re as normalizeCredential,
   pe as popupAuthorizationLauncher,
   Ie as unsupportedCopy,
-  he as useEmbeddedAuthorizations,
-  me as useEmbeddedCredential,
-  V as useEmbeddedEffect,
-  ge as useEmbeddedOriginEpoch,
-  be as useEmbeddedUnsupported
+  Oe as useEmbeddedAuthorizations,
+  ge as useEmbeddedCredential,
+  G as useEmbeddedEffect,
+  he as useEmbeddedOriginEpoch,
+  me as useEmbeddedUnsupported
 };