@machinemetrics/mm-react-embeddable 2.0.2 → 2.0.3-1

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

@@ -1,5 +1,5 @@
-import B, { createContext as fe, useContext as J, useState as z, useRef as h, useCallback as f, useEffect as R, useMemo as be } from "react";
-import w from "prop-types";
+import W, { createContext as fe, useContext as N, useState as x, useRef as p, useCallback as m, useEffect as w, useMemo as ge } from "react";
+import T from "prop-types";
 import ce from "styled-components";
 const se = fe(null), te = fe({
   pending: [],
@@ -16,200 +16,200 @@ const se = fe(null), te = fe({
   unsupported: {},
   setDelivered: () => {
   }
-}), ge = "access_token", ie = (r) => r ? r.kind ? r : r.accessToken ? {
-  kind: ge,
-  accessToken: r.accessToken,
-  expiresAt: r.expiresAt || null
-} : null : null, Ee = 60, Re = 120, we = 3e4, ke = /* @__PURE__ */ new Set([
+}), be = "access_token", ie = (t) => t ? t.kind ? t : t.accessToken ? {
+  kind: be,
+  accessToken: t.accessToken,
+  expiresAt: t.expiresAt || null
+} : null : null, Ee = 60, Re = 120, we = 3e4, Te = /* @__PURE__ */ new Set([
   "host_not_allowed",
   "unbound_host_bound_guest",
   "invalid_token",
   "provider_unavailable"
-]), ee = (r) => {
+]), re = (t) => {
   try {
-    return new URL(r).origin;
+    return new URL(t).origin;
   } catch {
     return null;
   }
-}, ue = (r, o) => {
-  const u = o == null ? void 0 : o.origin;
-  return !u || ee(r == null ? void 0 : r.authUrl) !== u ? null : u;
-}, ae = (r) => {
-  if (!r || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(r) || r.includes(":"))
-    return r;
-  const o = r.split(".");
-  return o.length <= 2 ? r : o.slice(-2).join(".");
-}, le = (r, o) => {
+}, ue = (t, s) => {
+  const u = s == null ? void 0 : s.origin;
+  return !u || re(t == null ? void 0 : t.authUrl) !== u ? null : u;
+}, ae = (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(".");
+}, le = (t, s) => {
   try {
-    const u = new URL(r), p = new URL(o);
-    return u.protocol !== p.protocol ? !0 : ae(u.hostname) !== ae(p.hostname);
+    const u = new URL(t), h = new URL(s);
+    return u.protocol !== h.protocol ? !0 : ae(u.hostname) !== ae(h.hostname);
   } catch {
     return !0;
   }
-}, Te = (r, { onBlocked: o, onClosed: u }) => {
-  const p = window.open(
-    r.authUrl,
+}, ke = (t, { onBlocked: s, onClosed: u }) => {
+  const h = window.open(
+    t.authUrl,
     "mm-embed-auth",
     "popup,width=600,height=700"
   );
-  if (!p)
-    return o(), () => {
+  if (!h)
+    return s(), () => {
     };
-  const b = setInterval(() => {
-    p.closed && (clearInterval(b), u());
+  const R = setInterval(() => {
+    h.closed && (clearInterval(R), u());
   }, 1e3);
-  return () => clearInterval(b);
-}, pe = ({ children: r, launcher: o, broker: u, ready: p }) => {
-  const b = J(se), [k, M] = z({}), [j, V] = z({}), [Z, T] = z({}), [m, A] = z({}), S = h(Z);
-  S.current = Z;
-  const C = h(k);
-  C.current = k;
-  const $ = h(null), I = h({}), H = h({}), K = h(u);
-  K.current = u;
-  const O = h({}), F = h({}), P = f((e, n, t) => {
-    !e || !n || (O.current[e] || (O.current[e] = /* @__PURE__ */ new Set()), t ? O.current[e].add(n) : O.current[e].delete(n));
-  }, []), v = f((e) => {
-    const n = I.current[e];
+  return () => clearInterval(R);
+}, pe = ({ children: t, launcher: s, broker: u, ready: h }) => {
+  const R = N(se), [I, C] = x({}), [Z, X] = x({}), [H, _] = x({}), [g, A] = x({}), F = p(H);
+  F.current = H;
+  const L = p(I);
+  L.current = I;
+  const O = p(null), M = p({}), K = p({}), Y = p(u);
+  Y.current = u;
+  const U = p({}), D = p({}), P = m((e, n, r) => {
+    !e || !n || (U.current[e] || (U.current[e] = /* @__PURE__ */ new Set()), r ? U.current[e].add(n) : U.current[e].delete(n));
+  }, []), z = m((e) => {
+    const n = M.current[e];
     if (!n)
       return;
-    const t = (s) => !s[e] || s[e].clientId ? s : { ...s, [e]: { ...s[e], clientId: n } };
-    M(t), A(t);
-  }, []), i = f(
+    const r = (c) => !c[e] || c[e].clientId ? c : { ...c, [e]: { ...c[e], clientId: n } };
+    C(r), A(r);
+  }, []), i = m(
     (e, n) => {
-      e && (A((t) => t[e] ? t : {
-        ...t,
+      e && (A((r) => r[e] ? r : {
+        ...r,
         [e]: {
           origin: e,
           reason: n,
-          clientId: I.current[e] || null
+          clientId: M.current[e] || null
         }
-      }), v(e));
+      }), z(e));
     },
-    [v]
-  ), a = f(
-    (e, { v2: n = !1, origin: t = null } = {}) => {
-      var s;
-      if (t) {
-        if (n && S.current[t]) {
-          if (!((s = O.current[t]) != null && s.has(e.instanceId)))
+    [z]
+  ), a = m(
+    (e, { v2: n = !1, origin: r = null } = {}) => {
+      var c;
+      if (r) {
+        if (n && F.current[r]) {
+          if (!((c = U.current[r]) != null && c.has(e.instanceId)))
             return;
           const E = Date.now();
-          if (E - (F.current[t] || 0) < we)
+          if (E - (D.current[r] || 0) < we)
             return;
-          F.current[t] = E, O.current[t].clear();
-          const W = { ...S.current };
-          delete W[t], S.current = W, T(W);
+          D.current[r] = E, U.current[r].clear();
+          const f = { ...F.current };
+          delete f[r], F.current = f, _(f);
         }
-        M((E) => E[t] ? E : {
+        C((E) => E[r] ? E : {
           ...E,
-          [t]: {
-            origin: t,
+          [r]: {
+            origin: r,
             authUrl: e.authUrl,
-            status: n && K.current ? "broker" : "interactive",
+            status: n && Y.current ? "broker" : "interactive",
             v2: n,
             scope: e.scope || null,
-            acceptsCredentials: H.current[t] || null,
+            acceptsCredentials: K.current[r] || null,
             consent: null,
             error: null,
-            clientId: e.clientId || I.current[t] || null,
+            clientId: e.clientId || M.current[r] || null,
             popupBlocked: !1
           }
-        }), v(t);
+        }), z(r);
       }
     },
-    [v]
-  ), c = h({}), d = f((e) => {
-    c.current[e] && (clearTimeout(c.current[e]), delete c.current[e]);
-  }, []), l = f(
+    [z]
+  ), o = p({}), d = m((e) => {
+    o.current[e] && (clearTimeout(o.current[e]), delete o.current[e]);
+  }, []), l = m(
     (e) => {
-      d(e), M((n) => {
+      d(e), C((n) => {
         if (!n[e])
           return n;
-        const t = { ...n };
-        return delete t[e], t;
+        const r = { ...n };
+        return delete r[e], r;
       });
     },
     [d]
-  ), g = f(
+  ), b = m(
     (e) => {
-      e && (l(e), V((n) => ({
+      e && (l(e), X((n) => ({
         ...n,
         [e]: (n[e] || 0) + 1
       })));
     },
     [l]
-  ), D = f(
+  ), $ = m(
     (e) => {
       l(e.origin);
     },
     [l]
-  ), _ = f(
+  ), S = m(
     (e, n) => {
-      const t = ue(e, n);
-      if (t) {
-        if (le(t, window.location.origin)) {
-          i(t, "cross-site-legacy");
+      const r = ue(e, n);
+      if (r) {
+        if (le(r, window.location.origin)) {
+          i(r, "cross-site-legacy");
           return;
         }
-        a(e, { origin: t });
+        a(e, { origin: r });
       }
     },
     [a, i]
   );
-  R(() => {
-    if (!b)
+  w(() => {
+    if (!R)
       return;
     const e = [
-      b.addListener("*", "init", (n, t) => {
-        t != null && t.origin && (n != null && n.clientId) && (I.current[t.origin] = n.clientId, v(t.origin)), t != null && t.origin && Array.isArray(n == null ? void 0 : n.acceptsCredentials) ? H.current[t.origin] = n.acceptsCredentials : t != null && t.origin && le(t.origin, window.location.origin) && i(t.origin, "cross-site-legacy");
+      R.addListener("*", "init", (n, r) => {
+        r != null && r.origin && (n != null && n.clientId) && (M.current[r.origin] = n.clientId, z(r.origin)), r != null && r.origin && Array.isArray(n == null ? void 0 : n.acceptsCredentials) ? K.current[r.origin] = n.acceptsCredentials : r != null && r.origin && le(r.origin, window.location.origin) && i(r.origin, "cross-site-legacy");
       }),
-      b.addListener("*", "authorize", _),
-      b.addListener("*", "login", _),
-      b.addListener(
+      R.addListener("*", "authorize", S),
+      R.addListener("*", "login", S),
+      R.addListener(
         "*",
         "credential-request",
-        (n, t) => a(n, { v2: !0, origin: ue(n, t) })
+        (n, r) => a(n, { v2: !0, origin: ue(n, r) })
       )
     ];
     return () => e.forEach((n) => n());
-  }, [b, _, a, v, i]), R(() => {
+  }, [R, S, a, z, i]), w(() => {
     const e = (n) => {
-      const t = n == null ? void 0 : n.data;
-      if (!t || t.type !== "authorized")
+      const r = n == null ? void 0 : n.data;
+      if (!r || r.type !== "authorized")
         return;
-      const s = ee(t.authUrl);
-      if (!s || n.origin !== s)
+      const c = re(r.authUrl);
+      if (!c || n.origin !== c)
         return;
-      const E = C.current[s];
+      const E = L.current[c];
       if (!(!E || E.status !== "interactive")) {
-        if (t.accessToken) {
-          T((W) => ({
-            ...W,
-            [s]: ie({ accessToken: t.accessToken })
-          })), l(s);
+        if (r.accessToken) {
+          _((f) => ({
+            ...f,
+            [c]: ie({ accessToken: r.accessToken })
+          })), l(c);
           return;
         }
-        g(s);
+        b(c);
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [l, g]);
-  const L = f(
+  }, [l, b]);
+  const k = m(
     (e, n) => {
-      const t = e == null ? void 0 : e.origin, s = ie(n);
-      !t || !s || (T((E) => ({ ...E, [t]: s })), l(t));
+      const r = e == null ? void 0 : e.origin, c = ie(n);
+      !r || !c || (_((E) => ({ ...E, [r]: c })), l(r));
     },
     [l]
-  ), y = f((e, n) => {
-    M((t) => t[e] ? { ...t, [e]: { ...t[e], ...n } } : t);
-  }, []), U = h({}), x = f(
+  ), v = m((e, n) => {
+    C((r) => r[e] ? { ...r, [e]: { ...r[e], ...n } } : r);
+  }, []), y = p({}), q = m(
     async (e, { approve: n } = {}) => {
-      const t = K.current, { origin: s } = e;
+      const r = Y.current, { origin: c } = e;
       let E;
       try {
-        E = await t(
+        E = await r(
           {
-            origin: s,
+            origin: c,
             clientId: e.clientId,
             scope: e.scope,
             authUrl: e.authUrl
@@ -217,116 +217,116 @@ const se = fe(null), te = fe({
           { approve: n }
         );
       } catch {
-        n ? y(s, { error: { reason: "broker_unavailable" } }) : y(s, { status: "interactive" });
+        n ? v(c, { error: { reason: "broker_unavailable" } }) : v(c, { status: "interactive" });
         return;
       }
-      const W = E == null ? void 0 : E.status, G = (E == null ? void 0 : E.body) || {};
-      if (W === 200 && G.credential) {
-        L(e, G.credential);
+      const f = E == null ? void 0 : E.status, j = (E == null ? void 0 : E.body) || {};
+      if (f === 200 && j.credential) {
+        k(e, j.credential);
         return;
       }
-      if (W === 409 && G.consentRequired) {
-        y(s, {
+      if (f === 409 && j.consentRequired) {
+        v(c, {
           status: "interactive",
           consent: {
-            client: G.client || null,
-            stepUp: !!G.stepUp,
-            scope: G.scope || e.scope
+            client: j.client || null,
+            stepUp: !!j.stepUp,
+            scope: j.scope || e.scope
           },
           error: null
         });
         return;
       }
-      const re = G.error || "broker_error";
-      if (!n && ke.has(re)) {
-        y(s, { status: "interactive" });
+      const Q = j.error || "broker_error";
+      if (!n && Te.has(Q)) {
+        v(c, { status: "interactive" });
         return;
       }
-      if (n && re === "consent_denied") {
-        y(s, { error: null });
+      if (n && Q === "consent_denied") {
+        v(c, { error: null });
         return;
       }
-      if (re === "rate_limited" && !e.rateLimitRetried) {
+      if (Q === "rate_limited" && !e.rateLimitRetried) {
         const ne = Math.min(
-          Number(G.retryAfter) > 0 ? Number(G.retryAfter) : Ee,
+          Number(j.retryAfter) > 0 ? Number(j.retryAfter) : Ee,
           Re
-        ), me = { ...e, rateLimitRetried: !0 };
-        d(s), c.current[s] = setTimeout(() => {
-          delete c.current[s], U.current[s] = !0, Y.current(me, { approve: n }).finally(() => {
-            delete U.current[s];
+        ), he = { ...e, rateLimitRetried: !0 };
+        d(c), o.current[c] = setTimeout(() => {
+          delete o.current[c], y.current[c] = !0, B.current(he, { approve: n }).finally(() => {
+            delete y.current[c];
           });
-        }, ne * 1e3), y(s, { rateLimitRetried: !0 });
+        }, ne * 1e3), v(c, { rateLimitRetried: !0 });
         return;
       }
-      l(s), A((ne) => ({
+      l(c), A((ne) => ({
         ...ne,
-        [s]: {
-          origin: s,
-          reason: `broker:${re}`,
-          detail: { status: W != null ? W : null, reason: re },
-          clientId: e.clientId || I.current[s] || null
+        [c]: {
+          origin: c,
+          reason: `broker:${Q}`,
+          detail: { status: f != null ? f : null, reason: Q },
+          clientId: e.clientId || M.current[c] || null
         }
       }));
     },
-    [L, y, l, d]
-  ), Y = h(x);
-  Y.current = x, R(() => {
-    Object.values(k).forEach((e) => {
-      e.status !== "broker" || U.current[e.origin] || c.current[e.origin] || (U.current[e.origin] = !0, x(e).finally(() => {
-        delete U.current[e.origin];
+    [k, v, l, d]
+  ), B = p(q);
+  B.current = q, w(() => {
+    Object.values(I).forEach((e) => {
+      e.status !== "broker" || y.current[e.origin] || o.current[e.origin] || (y.current[e.origin] = !0, q(e).finally(() => {
+        delete y.current[e.origin];
       }));
     });
-  }, [k, x]);
-  const X = f(
-    (e) => !K.current || !(e != null && e.consent) || U.current[e.origin] ? Promise.resolve() : (U.current[e.origin] = !0, x(e, { approve: !0 }).finally(() => {
-      delete U.current[e.origin];
+  }, [I, q]);
+  const G = m(
+    (e) => !Y.current || !(e != null && e.consent) || y.current[e.origin] ? Promise.resolve() : (y.current[e.origin] = !0, q(e, { approve: !0 }).finally(() => {
+      delete y.current[e.origin];
     })),
-    [x]
+    [q]
   );
-  R(() => () => {
-    $.current && $.current(), Object.values(c.current).forEach(clearTimeout);
-  }, []), R(() => {
-    p === !1 && (Object.values(c.current).forEach(clearTimeout), c.current = {}, U.current = {}, I.current = {}, H.current = {}, O.current = {}, F.current = {}, S.current = {}, T({}), M({}), A({}));
-  }, [p]);
-  const Q = f(
+  w(() => () => {
+    O.current && O.current(), Object.values(o.current).forEach(clearTimeout);
+  }, []), w(() => {
+    h === !1 && (Object.values(o.current).forEach(clearTimeout), o.current = {}, y.current = {}, M.current = {}, K.current = {}, U.current = {}, D.current = {}, F.current = {}, _({}), C({}), A({}));
+  }, [h]);
+  const J = m(
     (e) => {
-      $.current && ($.current(), $.current = null);
-      const n = o || Te;
-      $.current = n(e, {
+      O.current && (O.current(), O.current = null);
+      const n = s || ke;
+      O.current = n(e, {
         onBlocked: () => {
-          M((t) => t[e.origin] ? {
-            ...t,
-            [e.origin]: { ...t[e.origin], popupBlocked: !0 }
-          } : t);
+          C((r) => r[e.origin] ? {
+            ...r,
+            [e.origin]: { ...r[e.origin], popupBlocked: !0 }
+          } : r);
         },
         // A completed login already removed the entry. A v2 entry stays pending so the prompt remains;
         // a legacy guest is remounted because it only learns of a login by reloading.
         onClosed: () => {
-          const t = C.current[e.origin];
-          !t || t.v2 || g(e.origin);
+          const r = L.current[e.origin];
+          !r || r.v2 || b(e.origin);
         }
       });
     },
-    [o, g]
-  ), q = {
-    pending: Object.values(k).filter(
+    [s, b]
+  ), V = {
+    pending: Object.values(I).filter(
       (e) => e.status === "interactive"
     ),
-    authorize: Q,
-    approve: X,
-    complete: L,
-    dismiss: D,
-    originEpochs: j,
-    credentials: Z,
-    unsupported: m,
+    authorize: J,
+    approve: G,
+    complete: k,
+    dismiss: $,
+    originEpochs: Z,
+    credentials: H,
+    unsupported: g,
     setDelivered: P
   };
-  return /* @__PURE__ */ B.createElement(te.Provider, { value: q }, r);
+  return /* @__PURE__ */ W.createElement(te.Provider, { value: V }, t);
 };
 pe.propTypes = {
-  children: w.node,
-  launcher: w.func,
-  ready: w.bool,
+  children: T.node,
+  launcher: T.func,
+  ready: T.bool,
   /**
    * `async (request, { approve }) => result` where request =
    * `{ origin, clientId, scope, authUrl }` (origin is the zone-attested frame origin) and result
@@ -335,181 +335,181 @@ pe.propTypes = {
    * on 200, `{ consentRequired: true, client: { name, hostname }, stepUp }` on 409, `{ error,
    * … }` otherwise. Provided only by hosts that are themselves first-party clients.
    */
-  broker: w.func
+  broker: T.func
 };
-const Ie = () => J(te), _e = (r) => {
-  const { originEpochs: o } = J(te), u = ee(r);
-  return u && o[u] || 0;
-}, Me = (r) => {
-  const { credentials: o } = J(te), u = ee(r);
-  return u && o[u] || null;
-}, Ce = (r) => {
-  const { unsupported: o } = J(te), u = ee(r);
-  return u && o[u] || null;
-}, de = "MMEmbeddableZoneProvider requires a boolean `ready` prop (true once the host holds the bearer its credentialBroker needs). Embedded apps will not load until it is provided.", Ae = ({
-  children: r,
-  authorizationLauncher: o,
+const Ie = () => N(te), _e = (t) => {
+  const { originEpochs: s } = N(te), u = re(t);
+  return u && s[u] || 0;
+}, Me = (t) => {
+  const { credentials: s } = N(te), u = re(t);
+  return u && s[u] || null;
+}, ye = (t) => {
+  const { unsupported: s } = N(te), u = re(t);
+  return u && s[u] || null;
+}, de = "MMEmbeddableZoneProvider requires a boolean `ready` prop (true once the host holds the bearer its credentialBroker needs). Embedded apps will not load until it is provided.", Ce = ({
+  children: t,
+  authorizationLauncher: s,
   credentialBroker: u,
-  ready: p
+  ready: h
 }) => {
-  const b = p === !0, k = h(!1);
-  R(() => {
-    p !== void 0 || k.current || (k.current = !0, console.error(de), typeof window != "undefined" && typeof window.alert == "function" && window.alert(de));
-  }, [p]);
-  const [M, j] = z({}), [V, Z] = z({}), T = h({}), m = h({}), A = h({}), S = f((i, a) => {
-    var c;
-    return !!((c = A.current[i]) != null && c.has(a));
-  }, []), C = f((i, a, c) => {
-    j((d) => ({ ...d, [i]: { origin: a, frameRef: c } }));
-  }, []), $ = f((i) => {
-    j((a) => {
-      const c = { ...a };
-      return delete c[i], c;
-    }), Z((a) => {
-      const c = { ...a };
-      return delete c[i], c;
-    }), delete A.current[i], Object.keys(m.current).forEach((a) => {
-      m.current[a].instanceId === i && delete m.current[a];
+  const R = h === !0, I = p(!1);
+  w(() => {
+    h !== void 0 || I.current || (I.current = !0, console.error(de), typeof window != "undefined" && typeof window.alert == "function" && window.alert(de));
+  }, [h]);
+  const [C, Z] = x({}), [X, H] = x({}), _ = p({}), g = p({}), A = p({}), F = m((i, a) => {
+    var o;
+    return !!((o = A.current[i]) != null && o.has(a));
+  }, []), L = m((i, a, o) => {
+    Z((d) => ({ ...d, [i]: { origin: a, frameRef: o } }));
+  }, []), O = m((i) => {
+    Z((a) => {
+      const o = { ...a };
+      return delete o[i], o;
+    }), H((a) => {
+      const o = { ...a };
+      return delete o[i], o;
+    }), delete A.current[i], Object.keys(g.current).forEach((a) => {
+      g.current[a].instanceId === i && delete g.current[a];
     });
   }, []);
-  R(() => () => {
-    m.current = {};
-  }, []), R(() => {
-    const i = (c = [], d, l) => {
-      c.forEach((g) => g(d, l));
-    }, a = (c) => {
-      var y, U, x, Y, X, Q, q;
-      if (!((y = c == null ? void 0 : c.data) != null && y.instanceId))
+  w(() => () => {
+    g.current = {};
+  }, []), w(() => {
+    const i = (o = [], d, l) => {
+      o.forEach((b) => b(d, l));
+    }, a = (o) => {
+      var v, y, q, B, G, J, V;
+      if (!((v = o == null ? void 0 : o.data) != null && v.instanceId))
         return;
-      const { instanceId: d, type: l } = c.data, g = M[d], D = (x = (U = g == null ? void 0 : g.frameRef) == null ? void 0 : U.current) == null ? void 0 : x.contentWindow;
-      if (!D || c.source !== D || c.origin !== g.origin)
+      const { instanceId: d, type: l } = o.data, b = C[d], $ = (q = (y = b == null ? void 0 : b.frameRef) == null ? void 0 : y.current) == null ? void 0 : q.contentWindow;
+      if (!$ || o.source !== $ || o.origin !== b.origin)
         return;
-      const _ = { origin: c.origin }, L = T.current;
+      const S = { origin: o.origin }, k = _.current;
       if (l === "response") {
-        const { callbackId: e, response: n, error: t } = c.data, s = m.current[e];
-        s && s.instanceId === d && (s.callback(n, t), delete m.current[e]);
+        const { callbackId: e, response: n, error: r } = o.data, c = g.current[e];
+        c && c.instanceId === d && (c.callback(n, r), delete g.current[e]);
         return;
       }
       if (l === "mark-registered") {
-        const { requestType: e } = c.data;
+        const { requestType: e } = o.data;
         A.current[d] || (A.current[d] = /* @__PURE__ */ new Set()), A.current[d].add(e);
         return;
       }
-      l === "ready" && Z((e) => ({ ...e, [d]: !0 })), i((Y = L[d]) == null ? void 0 : Y[l], c.data, _), i((X = L["*"]) == null ? void 0 : X[l], c.data, _), i((Q = L[d]) == null ? void 0 : Q["*"], c.data, _), i((q = L["*"]) == null ? void 0 : q["*"], c.data, _);
+      l === "ready" && H((e) => ({ ...e, [d]: !0 })), i((B = k[d]) == null ? void 0 : B[l], o.data, S), i((G = k["*"]) == null ? void 0 : G[l], o.data, S), i((J = k[d]) == null ? void 0 : J["*"], o.data, S), i((V = k["*"]) == null ? void 0 : V["*"], o.data, S);
     };
     return window.addEventListener("message", a), () => {
       window.removeEventListener("message", a);
     };
-  }, [M]);
-  const I = f(
-    (i, a, c, d) => {
-      var g, D;
-      const l = M[i];
+  }, [C]);
+  const M = m(
+    (i, a, o, d) => {
+      var b, $;
+      const l = C[i];
       if (!l) {
         console.warn(`Origin not set for id: ${i}. Unable to send message.`);
         return;
       }
-      (D = (g = l == null ? void 0 : l.frameRef) == null ? void 0 : g.current) != null && D.contentWindow && l.frameRef.current.contentWindow.postMessage(
-        { type: a, ...c, instanceId: i },
+      ($ = (b = l == null ? void 0 : l.frameRef) == null ? void 0 : b.current) != null && $.contentWindow && l.frameRef.current.contentWindow.postMessage(
+        { type: a, ...o, instanceId: i },
         d || l.origin
       );
     },
-    [M]
-  ), H = h(0), K = f(() => `${Date.now()}-${++H.current}`, []), O = f(
-    async (i, a, c = {}) => new Promise((d, l) => {
-      const g = K(), D = (_, L) => {
-        delete m.current[g], L ? l(L) : d(_);
+    [C]
+  ), K = p(0), Y = m(() => `${Date.now()}-${++K.current}`, []), U = m(
+    async (i, a, o = {}) => new Promise((d, l) => {
+      const b = Y(), $ = (S, k) => {
+        delete g.current[b], k ? l(k) : d(S);
       };
-      m.current[g] = { instanceId: i, callback: D }, I(i, "request", { callbackId: g, requestType: a, data: c });
+      g.current[b] = { instanceId: i, callback: $ }, M(i, "request", { callbackId: b, requestType: a, data: o });
     }),
-    [I]
-  ), F = f(
+    [M]
+  ), D = m(
     (i, a) => {
-      I(i, "load-options", a);
+      M(i, "load-options", a);
     },
-    [I]
-  ), P = f(
+    [M]
+  ), P = m(
     (i, a) => {
-      I(i, "validate", a);
+      M(i, "validate", a);
     },
-    [I]
-  ), v = be(
+    [M]
+  ), z = ge(
     () => ({
-      registerFrame: C,
-      unregisterFrame: $,
-      sendMessage: I,
-      sendRequest: O,
-      loadOptions: F,
+      registerFrame: L,
+      unregisterFrame: O,
+      sendMessage: M,
+      sendRequest: U,
+      loadOptions: D,
       validate: P,
-      hasHandler: S,
-      readyFrames: V,
-      ready: b,
-      addListener: (i, a, c) => (T.current[i] || (T.current[i] = {}), T.current[i][a] || (T.current[i][a] = []), T.current[i][a].push(c), () => {
-        T.current[i][a] = T.current[i][a].filter((d) => d !== c);
+      hasHandler: F,
+      readyFrames: X,
+      ready: R,
+      addListener: (i, a, o) => (_.current[i] || (_.current[i] = {}), _.current[i][a] || (_.current[i][a] = []), _.current[i][a].push(o), () => {
+        _.current[i][a] = _.current[i][a].filter((d) => d !== o);
       })
     }),
     [
-      C,
-      $,
-      I,
+      L,
       O,
-      F,
+      M,
+      U,
+      D,
       P,
-      S,
-      V,
-      b
+      F,
+      X,
+      R
     ]
   );
-  return /* @__PURE__ */ B.createElement(se.Provider, { value: v }, /* @__PURE__ */ B.createElement(
+  return /* @__PURE__ */ W.createElement(se.Provider, { value: z }, /* @__PURE__ */ W.createElement(
     pe,
     {
-      launcher: o,
+      launcher: s,
       broker: u,
-      ready: b
+      ready: R
     },
-    r
+    t
   ));
-}, N = (r, o, u) => {
-  const p = J(se);
-  if (p === null)
+}, ee = (t, s, u) => {
+  const h = N(se);
+  if (h === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const b = h(u);
-  R(() => {
-    b.current = u;
-  }, [u]), R(() => {
-    if (!(!r || !o)) {
-      if (o.startsWith("key:")) {
-        const k = o.substring(4);
-        return p.readyFrames[r] && p.sendMessage(r, "subscribe-key", { keyChord: k }), p.addListener(
-          r,
-          `key-pressed:${k}`,
-          (...j) => b.current(...j)
+  const R = p(u);
+  w(() => {
+    R.current = u;
+  }, [u]), w(() => {
+    if (!(!t || !s)) {
+      if (s.startsWith("key:")) {
+        const I = s.substring(4);
+        return h.readyFrames[t] && h.sendMessage(t, "subscribe-key", { keyChord: I }), h.addListener(
+          t,
+          `key-pressed:${I}`,
+          (...Z) => R.current(...Z)
         );
       }
-      return p.addListener(
-        r,
-        o,
-        (...k) => b.current(...k)
+      return h.addListener(
+        t,
+        s,
+        (...I) => R.current(...I)
       );
     }
-  }, [p, r, o]);
+  }, [h, t, s]);
 };
-Ae.propTypes = {
-  children: w.node.isRequired,
+Ce.propTypes = {
+  children: T.node.isRequired,
   /**
    * Required. True once the host holds its bearer; zones mount no iframe until then. Missing =
    * not ready, plus a one-time alert.
    */
-  ready: w.bool.isRequired,
+  ready: T.bool.isRequired,
   /**
    * Optional interactive-step launcher for embedded authorizations,
    * `(entry, { onBlocked, onClosed }) => cleanup`. Defaults to a top-level
    * popup. Hosts that cannot open windows (Android WebView shells) drive
    * their own UI from useEmbeddedAuthorizations() instead.
    */
-  authorizationLauncher: w.func,
+  authorizationLauncher: T.func,
   /**
    * Optional credential broker for hosts that are first-party MachineMetrics clients
    * (`async (request, { approve }) => result`, see EmbeddedAuthorizationManager). When present,
@@ -517,15 +517,15 @@ Ae.propTypes = {
    * from the broker's `client` identity; a broker answer the host may not act on falls back to the
    * interactive entry and its popup.
    */
-  credentialBroker: w.func
+  credentialBroker: T.func
 };
-const oe = ce.default || ce, Le = 1e4, ye = "credentials", Ue = (r, o) => `${r}/mm-embedded-interop?id=${encodeURIComponent(o)}&origin=${encodeURIComponent(
+const oe = ce.default || ce, Le = 1e4, Ae = 2e3, Ue = "credentials", ve = (t, s) => `${t}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
   window.location.origin
-)}&caps=${ye}`, xe = oe.iframe`
+)}&caps=${Ue}`, xe = oe.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${(r) => r.$isReady ? "visible" : "hidden"};
+  visibility: ${(t) => t.$isReady ? "visible" : "hidden"};
 `, Oe = oe.div`
   width: 100%;
   height: 100%;
@@ -539,44 +539,44 @@ const oe = ce.default || ce, Le = 1e4, ye = "credentials", Ue = (r, o) => `${r}/
   text-align: center;
   color: #555;
   font-size: 14px;
-`, ze = (r) => {
-  const o = r && r.origin || "This app", u = r && r.reason || "";
+`, ze = (t) => {
+  const s = t && t.origin || "This app", u = t && t.reason || "";
   switch (u) {
     case "broker:scope_above_ceiling":
       return {
-        title: `${o} can’t be authorized here`,
+        title: `${s} 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: `${o} can’t be authorized here`,
+        title: `${s} can’t be authorized here`,
         detail: "It isn’t registered to run at this address."
       };
     case "broker:cross_company_principal":
       return {
-        title: `${o} can’t be authorized here`,
+        title: `${s} can’t be authorized here`,
         detail: "It can’t be authorized for this account."
       };
     default:
       return u.startsWith("broker:") ? {
-        title: `${o} can’t be authorized here`,
+        title: `${s} can’t be authorized here`,
         detail: "Authorization was refused."
       } : {
-        title: `${o} can’t be embedded here`,
+        title: `${s} can’t be embedded here`,
         detail: "It needs an update to support embedding from a different domain."
       };
   }
-}, he = ({ entry: r }) => {
-  const o = ze(r);
-  return /* @__PURE__ */ B.createElement(Oe, { "data-reason": r && r.reason || void 0 }, /* @__PURE__ */ B.createElement("div", { style: { fontWeight: 600 } }, o.title), /* @__PURE__ */ B.createElement("div", { style: { fontSize: 12, color: "#888" } }, o.detail));
+}, me = ({ entry: t }) => {
+  const s = ze(t);
+  return /* @__PURE__ */ W.createElement(Oe, { "data-reason": t && t.reason || void 0 }, /* @__PURE__ */ W.createElement("div", { style: { fontWeight: 600 } }, s.title), /* @__PURE__ */ W.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.detail));
 };
-he.propTypes = {
-  entry: w.shape({
-    origin: w.string,
-    name: w.string,
-    reason: w.string,
-    detail: w.object
+me.propTypes = {
+  entry: T.shape({
+    origin: T.string,
+    name: T.string,
+    reason: T.string,
+    detail: T.object
   })
 };
 const $e = oe.div`
@@ -585,156 +585,158 @@ const $e = oe.div`
   flex: 1;
   align-items: center;
   justify-content: center;
-`, ve = () => /* @__PURE__ */ B.createElement($e, null, /* @__PURE__ */ B.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Se = ({
-  id: r,
-  src: o,
+`, Se = () => /* @__PURE__ */ W.createElement($e, null, /* @__PURE__ */ W.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Fe = ({
+  id: t,
+  src: s,
   path: u,
-  onInit: p = () => {
+  onInit: h = () => {
   },
-  onTimeout: b,
-  context: k = {},
-  params: M = {},
-  renderUnsupported: j,
-  renderTimeout: V,
-  ...Z
+  onTimeout: R,
+  context: I = {},
+  params: C = {},
+  renderUnsupported: Z,
+  renderTimeout: X,
+  ...H
 }) => {
-  if ("isConfiguring" in Z)
+  if ("isConfiguring" in H)
     return console.error(
       "isConfiguring must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("colorMode" in k)
+  if ("colorMode" in I)
     return console.error(
       "colorMode must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("isFullScreen" in k)
+  if ("isFullScreen" in I)
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  const T = h(), m = ee(o), [A, S] = z(), [C, $] = z(0), [I, H] = z(!1), [K, O] = z(!1), F = _e(o), P = Me(o), v = Ce(o), { setDelivered: i } = Ie(), [a, c] = z(0), [d, l] = z(null), { registerFrame: g, unregisterFrame: D, sendMessage: _, ready: L } = J(
+  const _ = p(), g = re(s), [A, F] = x(), [L, O] = x(0), [M, K] = x(!1), [Y, U] = x(!1), D = _e(s), P = Me(s), z = ye(s), { setDelivered: i } = Ie(), [a, o] = x(0), [d, l] = x(null), b = p(!0), { registerFrame: $, unregisterFrame: S, sendMessage: k, ready: v } = N(
     se
-  ), [y, U] = z(), x = h(), Y = h(b), X = h(p), Q = h(!1), q = h(), e = f(() => {
-    Q.current = !1, clearTimeout(x.current), clearTimeout(q.current), $(0), H(!1), O(!1), l(null), i(m, r, !1);
-  }, [i, m, r]);
-  R(() => {
-    (F > 0 || a > 0) && e();
-  }, [F, a, e]), R(() => {
-    Y.current = b;
-  }, [b]), R(() => {
-    X.current = p;
-  }, [p]), R(() => {
-    C && _(
-      r,
+  ), [y, q] = x(), B = p(), G = p(R), J = p(h), V = p(!1), e = p(), n = p(), r = m(() => {
+    V.current = !1, clearTimeout(B.current), clearTimeout(e.current), clearTimeout(n.current), O(0), K(!1), U(!1), l(null), b.current = !0, i(g, t, !1);
+  }, [i, g, t]);
+  w(() => {
+    (D > 0 || a > 0) && r();
+  }, [D, a, r]), w(() => {
+    G.current = R;
+  }, [R]), w(() => {
+    J.current = h;
+  }, [h]), w(() => {
+    L && k(
+      t,
       "set-context",
       {
         context: {
-          ...k
+          ...I
         }
       },
-      m
+      g
     );
-  }, [k, r, C, m]), R(() => {
-    C && _(r, "set-params", { params: M }, m);
-  }, [M, r, C, m]), R(() => {
-    u !== void 0 && U((u == null ? void 0 : u.indexOf("/")) === 0 ? u : `/${u}`);
-  }, [u]), R(() => {
-    y === void 0 || !C || _(r, "navigate", { path: y }, m);
-  }, [y, C, r, _, m]), R(() => {
-    if (!o || !r || !T)
+  }, [I, t, L, g]), w(() => {
+    L && k(t, "set-params", { params: C }, g);
+  }, [C, t, L, g]), w(() => {
+    u !== void 0 && q((u == null ? void 0 : u.indexOf("/")) === 0 ? u : `/${u}`);
+  }, [u]), w(() => {
+    y === void 0 || !L || k(t, "navigate", { path: y }, g);
+  }, [y, L, t, k, g]), w(() => {
+    if (!s || !t || !_)
       return;
-    if (!L) {
-      e(), S(void 0);
+    if (!v) {
+      r(), F(void 0);
       return;
     }
-    e();
-    const s = new URL(o);
-    return g(r, s.origin, T), X.current(), S(Ue(s.origin, r)), () => {
-      D(r);
+    r();
+    const f = new URL(s);
+    return $(t, f.origin, _), J.current(), F(ve(f.origin, t)), () => {
+      S(t);
     };
-  }, [o, r, L, g, T, e]), R(() => {
-    if (!(!A || Q.current))
-      return x.current = setTimeout(() => {
-        H(!0), Y.current && Y.current();
-      }, Le), () => clearTimeout(x.current);
-  }, [A, o, F, a]);
-  const n = f(() => {
-    Q.current = !0, clearTimeout(x.current), H(!1);
+  }, [s, t, v, $, _, r]), w(() => {
+    if (!(!A || V.current))
+      return B.current = setTimeout(() => {
+        K(!0), G.current && G.current();
+      }, Le), () => clearTimeout(B.current);
+  }, [A, s, D, a]);
+  const c = m(() => {
+    V.current = !0, clearTimeout(B.current), K(!1);
   }, []);
-  if (N(r, "init", (s) => {
-    n(), Array.isArray(s == null ? void 0 : s.acceptsCredentials) && l(s.acceptsCredentials);
-  }), N(r, "authorize", n), N(r, "login", n), N(r, "credential-request", () => {
-    n(), O(!0);
-  }), R(() => {
-    if (!K || !P)
+  if (ee(t, "init", (f) => {
+    c(), Array.isArray(f == null ? void 0 : f.acceptsCredentials) && (l(f.acceptsCredentials), b.current = !1, clearTimeout(e.current), e.current = void 0);
+  }), ee(t, "authorize", c), ee(t, "login", c), ee(t, "credential-request", () => {
+    c(), U(!0);
+  }), w(() => {
+    if (!Y || !P)
       return;
-    const s = d;
-    if (Array.isArray(s) && !s.includes(P.kind))
+    const f = d;
+    if (Array.isArray(f) && !f.includes(P.kind))
       return;
-    const E = P.kind === "access_token" ? { accessToken: P.accessToken } : {};
-    _(r, "credential", { ...E, credential: P }, m), i(m, r, !0);
+    const Q = { ...P.kind === "access_token" ? { accessToken: P.accessToken } : {}, credential: P };
+    return k(t, "credential", Q, g), i(g, t, !0), clearTimeout(n.current), n.current = setTimeout(() => {
+      n.current = void 0, k(t, "credential", Q, g);
+    }, Ae), () => clearTimeout(n.current);
   }, [
-    K,
+    Y,
     P,
     d,
-    r,
-    _,
-    m,
+    t,
+    k,
+    g,
     i
-  ]), N(r, "ready", () => {
-    n(), $((s) => s + 1);
-  }), N(r, "heartbeat", () => {
-    q.current && clearTimeout(q.current), q.current = setTimeout(() => {
-      c((s) => s + 1);
-    }, 6e3);
-  }), R(() => () => {
-    q.current && clearTimeout(q.current);
-  }, []), v)
-    return j ? j(v) : /* @__PURE__ */ B.createElement(he, { entry: v });
-  if (I && !C)
-    return V ? V() : /* @__PURE__ */ B.createElement(ve, null);
-  const t = { ...Z };
-  return delete t.skipManifestCheck, /* @__PURE__ */ B.createElement(
+  ]), ee(t, "ready", () => {
+    c(), clearTimeout(n.current), n.current = void 0, O((f) => f + 1);
+  }), ee(t, "heartbeat", () => {
+    b.current && (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      o((f) => f + 1);
+    }, 6e3));
+  }), w(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), z)
+    return Z ? Z(z) : /* @__PURE__ */ W.createElement(me, { entry: z });
+  if (M && !L)
+    return X ? X() : /* @__PURE__ */ W.createElement(Se, null);
+  const E = { ...H };
+  return delete E.skipManifestCheck, /* @__PURE__ */ W.createElement(
     xe,
     {
-      key: `auth-epoch-${F}-frame-${a}`,
-      $isReady: C,
-      ref: T,
+      key: `auth-epoch-${D}-frame-${a}`,
+      $isReady: L,
+      ref: _,
       src: A,
-      ...t
+      ...E
     }
   );
 };
-Se.propTypes = {
-  id: w.string,
-  src: w.string.isRequired,
-  path: w.string,
-  onInit: w.func,
-  onTimeout: w.func,
+Fe.propTypes = {
+  id: T.string,
+  src: T.string.isRequired,
+  path: T.string,
+  onInit: T.func,
+  onTimeout: T.func,
   /**
    * Optional host-styled renderer for the structurally-unsupported embed
    * state (legacy app on a cross-site origin), `(entry) => ReactNode`. Falls
    * back to a minimal built-in placeholder.
    */
-  renderUnsupported: w.func,
+  renderUnsupported: T.func,
   /**
    * Optional host-styled renderer for the handshake-timeout failure state
    * (the app is not embeddable / could not load), `() => ReactNode`. Falls
    * back to a minimal centered message.
    */
-  renderTimeout: w.func
+  renderTimeout: T.func
 };
 export {
-  ge as CREDENTIAL_KIND_ACCESS_TOKEN,
+  be as CREDENTIAL_KIND_ACCESS_TOKEN,
   te as EmbeddedAuthorizationContext,
-  Se as MMEmbeddableZone,
+  Fe as MMEmbeddableZone,
   se as MMEmbeddableZoneContext,
-  Ae as MMEmbeddableZoneProvider,
+  Ce as MMEmbeddableZoneProvider,
   le as isCrossSite,
   ie as normalizeCredential,
-  Te as popupAuthorizationLauncher,
+  ke as popupAuthorizationLauncher,
   ze as unsupportedCopy,
   Ie as useEmbeddedAuthorizations,
   Me as useEmbeddedCredential,
-  N as useEmbeddedEffect,
+  ee as useEmbeddedEffect,
   _e as useEmbeddedOriginEpoch,
-  Ce as useEmbeddedUnsupported
+  ye as useEmbeddedUnsupported
 };