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

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

@@ -1,7 +1,7 @@
-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 te from "styled-components";
-const X = oe(null), V = oe({
+import x, { createContext as ue, useContext as G, useState as C, useRef as b, useCallback as h, useEffect as T, useMemo as fe } from "react";
+import w from "prop-types";
+import se from "styled-components";
+const re = ue(null), J = ue({
   pending: [],
   authorize: () => {
   },
@@ -14,74 +14,74 @@ const X = oe(null), V = oe({
   originEpochs: {},
   credentials: {},
   unsupported: {}
-}), le = "access_token", re = (r) => r ? r.kind ? r : r.accessToken ? {
-  kind: le,
-  accessToken: r.accessToken,
-  expiresAt: r.expiresAt || null
-} : null : null, ae = /* @__PURE__ */ new Set([
+}), pe = "access_token", oe = (t) => t ? t.kind ? t : t.accessToken ? {
+  kind: pe,
+  accessToken: t.accessToken,
+  expiresAt: t.expiresAt || null
+} : null : null, me = 60, he = 120, ge = /* @__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) => {
+]), te = typeof window != "undefined" && window.location.protocol === "https:", be = 8e3, N = (t) => {
   try {
-    return new URL(r).origin;
+    return new URL(t).origin;
   } catch {
     return null;
   }
-}, 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 i = r.split(".");
-  return i.length <= 2 ? r : i.slice(-2).join(".");
-}, fe = (r, i) => {
+}, ie = (t, s) => {
+  const c = s == null ? void 0 : s.origin;
+  return !c || N(t == null ? void 0 : t.authUrl) !== c ? null : c;
+}, ce = (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(".");
+}, Ee = (t, s) => {
   try {
-    const u = new URL(r), d = new URL(i);
-    return u.protocol !== d.protocol ? !0 : se(u.hostname) !== se(d.hostname);
+    const c = new URL(t), d = new URL(s);
+    return c.protocol !== d.protocol ? !0 : ce(c.hostname) !== ce(d.hostname);
   } catch {
     return !0;
   }
-}, pe = (r, { onBlocked: i, onClosed: u }) => {
+}, Re = (t, { onBlocked: s, onClosed: c }) => {
   const d = window.open(
-    r.authUrl,
+    t.authUrl,
     "mm-embed-auth",
     "popup,width=600,height=700"
   );
   if (!d)
-    return i(), () => {
+    return s(), () => {
     };
-  const p = setInterval(() => {
-    d.closed && (clearInterval(p), u());
+  const m = setInterval(() => {
+    d.closed && (clearInterval(m), c());
   }, 1e3);
-  return () => clearInterval(p);
-}, 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;
+  return () => clearInterval(m);
+}, ae = ({ children: t, launcher: s, broker: c }) => {
+  const d = G(re), [m, E] = C({}), [H, I] = C({}), [$, S] = C({}), [q, P] = C({}), Y = b($);
+  Y.current = $;
+  const R = b(m);
+  R.current = m;
+  const F = b(null), V = b({}), A = b({}), Z = b({}), y = b(c);
+  y.current = c;
   const U = h((e) => {
-    const t = _.current[e];
-    if (!t)
+    const r = A.current[e];
+    if (!r)
       return;
-    const n = (o) => !o[e] || o[e].clientId ? o : { ...o, [e]: { ...o[e], clientId: t } };
-    m(n), S(n);
-  }, []), c = h(
-    (e, t) => {
-      e && (S((n) => n[e] ? n : {
+    const n = (u) => !u[e] || u[e].clientId ? u : { ...u, [e]: { ...u[e], clientId: r } };
+    E(n), P(n);
+  }, []), i = h(
+    (e, r) => {
+      e && (P((n) => n[e] ? n : {
         ...n,
-        [e]: { origin: e, reason: t, clientId: _.current[e] || null }
+        [e]: { origin: e, reason: r, clientId: A.current[e] || null }
       }), U(e));
     },
     [U]
-  ), l = h(
-    (e, { v2: t = !1, origin: n = null } = {}) => {
-      n && (t && Z.current[n] || (m((o) => o[n] ? o : {
-        ...o,
+  ), a = h(
+    (e, { v2: r = !1, origin: n = null } = {}) => {
+      n && (r && Y.current[n] || (E((u) => u[n] ? u : {
+        ...u,
         [n]: {
           origin: n,
           authUrl: e.authUrl,
@@ -89,60 +89,62 @@ const X = oe(null), V = 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 && F.current ? "broker" : t && e.silentUrl && Q ? "silent" : "interactive",
-          v2: t,
+          status: r && y.current ? "broker" : r && e.silentUrl && te ? "silent" : "interactive",
+          v2: r,
           // v1.9: the scope the guest asked for; forwarded verbatim to the broker.
           scope: e.scope || null,
-          acceptsCredentials: q.current[n] || null,
+          acceptsCredentials: Z.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 || _.current[n] || null,
+          clientId: e.clientId || A.current[n] || null,
           popupBlocked: !1
         }
       }), U(n)));
     },
     [U]
-  ), s = h((e) => {
-    m((t) => {
-      if (!t[e])
-        return t;
-      const n = { ...t };
+  ), o = b({}), l = h((e) => {
+    o.current[e] && (clearTimeout(o.current[e]), delete o.current[e]);
+  }, []), f = h((e) => {
+    l(e), E((r) => {
+      if (!r[e])
+        return r;
+      const n = { ...r };
       return delete n[e], n;
     });
-  }, []), a = h(
+  }, [l]), g = h(
     (e) => {
-      e && (s(e), I((t) => ({
-        ...t,
-        [e]: (t[e] || 0) + 1
+      e && (f(e), I((r) => ({
+        ...r,
+        [e]: (r[e] || 0) + 1
       })));
     },
-    [s]
-  ), E = h((e) => {
-    m((t) => !t[e] || t[e].status === "interactive" ? t : {
-      ...t,
-      [e]: { ...t[e], status: "interactive" }
+    [f]
+  ), O = h((e) => {
+    E((r) => !r[e] || r[e].status === "interactive" ? r : {
+      ...r,
+      [e]: { ...r[e], status: "interactive" }
     });
-  }, []), w = h(
+  }, []), j = h(
     (e) => {
-      s(e.origin);
+      f(e.origin);
     },
-    [s]
-  ), $ = h(
-    (e, t) => {
-      const n = ne(e, t);
+    [f]
+  ), k = h(
+    (e, r) => {
+      const n = ie(e, r);
       if (n) {
-        if (fe(n, window.location.origin)) {
-          c(n, "cross-site-legacy");
+        if (Ee(n, window.location.origin)) {
+          i(n, "cross-site-legacy");
           return;
         }
-        l(e, { origin: n });
+        a(e, { origin: n });
       }
     },
-    [l, c]
+    [a, i]
   );
-  k(() => {
+  T(() => {
     if (!d)
       return;
     const e = [
@@ -152,168 +154,180 @@ const X = oe(null), V = oe({
       // 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", (t, n) => {
-        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("*", "init", (r, n) => {
+        n != null && n.origin && (r != null && r.clientId) && (A.current[n.origin] = r.clientId, U(n.origin)), n != null && n.origin && Array.isArray(r == null ? void 0 : r.acceptsCredentials) && (Z.current[n.origin] = r.acceptsCredentials);
       }),
-      d.addListener("*", "authorize", $),
-      d.addListener("*", "login", $),
+      d.addListener("*", "authorize", k),
+      d.addListener("*", "login", k),
       d.addListener(
         "*",
         "credential-request",
-        (t, n) => l(t, { v2: !0, origin: ne(t, n) })
+        (r, n) => a(r, { v2: !0, origin: ie(r, n) })
       )
     ];
-    return () => e.forEach((t) => t());
-  }, [d, $, l, U]), k(() => {
-    const e = (t) => {
-      const n = t == null ? void 0 : t.data;
+    return () => e.forEach((r) => r());
+  }, [d, k, a, U]), T(() => {
+    const e = (r) => {
+      const n = r == null ? void 0 : r.data;
       if (!n || n.type !== "authorized" && n.type !== "authorize-failed")
         return;
-      const o = J(n.authUrl);
-      if (!(!o || t.origin !== o)) {
+      const u = N(n.authUrl);
+      if (!(!u || r.origin !== u)) {
         if (n.type === "authorized") {
           if (n.accessToken) {
-            if (!b.current[o])
+            if (!R.current[u])
               return;
-            O((f) => ({
-              ...f,
-              [o]: re({ accessToken: n.accessToken })
-            })), s(o);
+            S((p) => ({
+              ...p,
+              [u]: oe({ accessToken: n.accessToken })
+            })), f(u);
           } else
-            a(o);
+            g(u);
           return;
         }
-        E(o);
+        O(u);
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [s, a, E]);
-  const M = h(
-    (e, t) => {
-      const n = e == null ? void 0 : e.origin, o = re(t);
-      !n || !o || (O((f) => ({ ...f, [n]: o })), s(n));
+  }, [f, g, O]);
+  const B = h(
+    (e, r) => {
+      const n = e == null ? void 0 : e.origin, u = oe(r);
+      !n || !u || (S((p) => ({ ...p, [n]: u })), f(n));
     },
-    [s]
-  ), g = h((e, t) => {
-    m((n) => n[e] ? { ...n, [e]: { ...n[e], ...t } } : n);
-  }, []), A = h(
-    async (e, { approve: t } = {}) => {
-      const n = F.current, { origin: o } = e;
-      let f;
+    [f]
+  ), z = h((e, r) => {
+    E((n) => n[e] ? { ...n, [e]: { ...n[e], ...r } } : n);
+  }, []), L = b({}), M = h(
+    async (e, { approve: r } = {}) => {
+      const n = y.current, { origin: u } = e;
+      let p;
       try {
-        f = await n(
-          { origin: o, clientId: e.clientId, scope: e.scope, authUrl: e.authUrl },
-          { approve: t }
+        p = await n(
+          { origin: u, clientId: e.clientId, scope: e.scope, authUrl: e.authUrl },
+          { approve: r }
         );
       } catch {
-        t ? g(o, { error: { reason: "broker_unavailable" } }) : g(o, {
-          status: e.silentUrl && Q ? "silent" : "interactive"
+        r ? z(u, { error: { reason: "broker_unavailable" } }) : z(u, {
+          status: e.silentUrl && te ? "silent" : "interactive"
         });
         return;
       }
-      if ((f == null ? void 0 : f.status) === 200 && f.credential) {
-        M(e, f.credential);
+      if ((p == null ? void 0 : p.status) === 200 && p.credential) {
+        B(e, p.credential);
         return;
       }
-      if ((f == null ? void 0 : f.status) === 409 && f.consentRequired) {
-        g(o, {
+      if ((p == null ? void 0 : p.status) === 409 && p.consentRequired) {
+        z(u, {
           status: "interactive",
           consent: {
-            client: f.client || null,
-            stepUp: !!f.stepUp,
-            scope: f.scope || e.scope
+            client: p.client || null,
+            stepUp: !!p.stepUp,
+            scope: p.scope || e.scope
           },
           error: null
         });
         return;
       }
-      const Y = (f == null ? void 0 : f.error) || "broker_error";
-      if (!t && ae.has(Y)) {
-        g(o, {
-          status: e.silentUrl && Q ? "silent" : "interactive"
+      const Q = (p == null ? void 0 : p.error) || "broker_error";
+      if (!r && ge.has(Q)) {
+        z(u, {
+          status: e.silentUrl && te ? "silent" : "interactive"
         });
         return;
       }
-      if (t && Y === "consent_denied") {
-        g(o, { error: null });
+      if (r && Q === "consent_denied") {
+        z(u, { error: null });
         return;
       }
-      s(o), S((ee) => ({
+      if (Q === "rate_limited" && !e.rateLimitRetried) {
+        const ee = Math.min(
+          Number(p == null ? void 0 : p.retryAfter) > 0 ? Number(p.retryAfter) : me,
+          he
+        ), de = { ...e, rateLimitRetried: !0 };
+        l(u), o.current[u] = setTimeout(() => {
+          delete o.current[u], L.current[u] = !0, v.current(de, { approve: r }).finally(() => {
+            delete L.current[u];
+          });
+        }, ee * 1e3), z(u, { rateLimitRetried: !0 });
+        return;
+      }
+      f(u), P((ee) => ({
         ...ee,
-        [o]: {
-          origin: o,
-          reason: `broker:${Y}`,
-          detail: f || null,
-          clientId: e.clientId || _.current[o] || null
+        [u]: {
+          origin: u,
+          reason: `broker:${Q}`,
+          detail: p || null,
+          clientId: e.clientId || A.current[u] || null
         }
       }));
     },
-    [M, g, s]
-  ), B = R({});
-  k(() => {
-    Object.values(p).forEach((e) => {
-      e.status !== "broker" || B.current[e.origin] || (B.current[e.origin] = !0, A(e).finally(() => {
-        delete B.current[e.origin];
+    [B, z, f, l]
+  ), v = b(M);
+  v.current = M, T(() => {
+    Object.values(m).forEach((e) => {
+      e.status !== "broker" || L.current[e.origin] || o.current[e.origin] || (L.current[e.origin] = !0, M(e).finally(() => {
+        delete L.current[e.origin];
       }));
     });
-  }, [p, A]);
-  const y = h(
-    (e) => !F.current || !(e != null && e.consent) ? Promise.resolve() : A(e, { approve: !0 }),
-    [A]
+  }, [m, M]);
+  const K = h(
+    (e) => !y.current || !(e != null && e.consent) ? Promise.resolve() : M(e, { approve: !0 }),
+    [M]
   );
-  k(() => {
-    const e = K.current;
-    Object.values(p).forEach((t) => {
-      t.status === "silent" && !e[t.origin] && (e[t.origin] = setTimeout(() => {
-        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]);
+  T(() => {
+    const e = V.current;
+    Object.values(m).forEach((r) => {
+      r.status === "silent" && !e[r.origin] && (e[r.origin] = setTimeout(() => {
+        delete e[r.origin], O(r.origin);
+      }, be));
+    }), Object.keys(e).forEach((r) => {
+      (!m[r] || m[r].status !== "silent") && (clearTimeout(e[r]), delete e[r]);
     });
-  }, [p, E]), k(() => () => {
-    x.current && x.current(), Object.values(K.current).forEach(clearTimeout);
+  }, [m, O]), T(() => () => {
+    F.current && F.current(), Object.values(V.current).forEach(clearTimeout), Object.values(o.current).forEach(clearTimeout);
   }, []);
   const W = h(
     (e) => {
-      x.current && (x.current(), x.current = null);
-      const t = i || pe;
-      x.current = t(e, {
+      F.current && (F.current(), F.current = null);
+      const r = s || Re;
+      F.current = r(e, {
         onBlocked: () => {
-          m((n) => n[e.origin] ? {
+          E((n) => n[e.origin] ? {
             ...n,
             [e.origin]: { ...n[e.origin], popupBlocked: !0 }
           } : n);
         },
         onClosed: () => {
           if (e.v2) {
-            Q && m((n) => !n[e.origin] || !n[e.origin].silentUrl ? n : {
+            te && E((n) => !n[e.origin] || !n[e.origin].silentUrl ? n : {
               ...n,
               [e.origin]: { ...n[e.origin], status: "silent" }
             });
             return;
           }
-          a(e.origin);
+          g(e.origin);
         }
       });
     },
-    [i, a]
-  ), D = {
+    [s, g]
+  ), _ = {
     // Hosts render UI for interactive entries only; silent resolution is
     // invisible by design.
-    pending: Object.values(p).filter(
+    pending: Object.values(m).filter(
       (e) => e.status === "interactive"
     ),
     authorize: W,
-    approve: y,
-    complete: M,
-    dismiss: w,
-    originEpochs: j,
-    credentials: L,
-    unsupported: P
-  }, H = Object.values(p).filter(
+    approve: K,
+    complete: B,
+    dismiss: j,
+    originEpochs: H,
+    credentials: $,
+    unsupported: q
+  }, D = Object.values(m).filter(
     (e) => e.status === "silent" && e.silentUrl
   );
-  return /* @__PURE__ */ z.createElement(V.Provider, { value: D }, r, H.map((e) => /* @__PURE__ */ z.createElement(
+  return /* @__PURE__ */ x.createElement(J.Provider, { value: _ }, t, D.map((e) => /* @__PURE__ */ x.createElement(
     "iframe",
     {
       key: `mm-silent-auth-${e.origin}`,
@@ -325,9 +339,9 @@ const X = oe(null), V = oe({
     }
   )));
 };
-ie.propTypes = {
-  children: T.node,
-  launcher: T.func,
+ae.propTypes = {
+  children: w.node,
+  launcher: w.func,
   /**
    * `async (request, { approve }) => result` where request =
    * `{ origin, clientId, scope, authUrl }` (origin is the zone-attested frame origin) and result
@@ -335,169 +349,169 @@ ie.propTypes = {
    * client }`, `{ status: 409, consentRequired: true, client: { name, hostname }, stepUp }`, or
    * `{ status, error }`. Provided only by hosts that are themselves first-party clients.
    */
-  broker: T.func
+  broker: w.func
 };
-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 { 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];
+const Pe = () => G(J), Te = (t) => {
+  const { originEpochs: s } = G(J), c = N(t);
+  return c && s[c] || 0;
+}, ke = (t) => {
+  const { credentials: s } = G(J), c = N(t);
+  return c && s[c] || null;
+}, we = (t) => {
+  const { unsupported: s } = G(J), c = N(t);
+  return c && s[c] || null;
+}, Ie = ({ children: t, authorizationLauncher: s, credentialBroker: c }) => {
+  const [d, m] = C({}), [E, H] = C({}), I = b({}), $ = b({}), S = b({}), q = h((i, a) => {
+    var o;
+    return !!((o = S.current[i]) != null && o.has(a));
+  }, []), P = h((i, a, o) => {
+    m((l) => ({ ...l, [i]: { origin: a, frameRef: o } }));
+  }, []), Y = h((i) => {
+    m((a) => {
+      const o = { ...a };
+      return delete o[i], o;
+    }), H((a) => {
+      const o = { ...a };
+      return delete o[i], o;
+    }), delete S.current[i];
   }, []);
-  k(() => {
-    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))
+  T(() => {
+    const i = (o = [], l, f) => {
+      o.forEach((g) => g(l, f));
+    }, a = (o) => {
+      var B, z, L, M, v, K, W;
+      if (!((B = o == null ? void 0 : o.data) != null && B.instanceId))
         return;
-      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)
+      const { instanceId: l, type: f } = o.data, g = d[l], O = (L = (z = g == null ? void 0 : g.frameRef) == null ? void 0 : z.current) == null ? void 0 : L.contentWindow;
+      if (!O || o.source !== O || o.origin !== g.origin)
         return;
-      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]);
+      const j = { origin: o.origin }, k = I.current;
+      if (f === "response") {
+        const { callbackId: _, response: D, error: e } = o.data, r = $.current[_];
+        r && (r(D, e), delete $.current[_]);
         return;
       }
-      if (E === "mark-registered") {
-        const { requestType: t } = s.data;
-        O.current[a] || (O.current[a] = /* @__PURE__ */ new Set()), O.current[a].add(t);
+      if (f === "mark-registered") {
+        const { requestType: _ } = o.data;
+        S.current[l] || (S.current[l] = /* @__PURE__ */ new Set()), S.current[l].add(_);
         return;
       }
-      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);
+      f === "ready" && H((_) => ({ ..._, [l]: !0 })), i((M = k[l]) == null ? void 0 : M[f], o.data, j), i((v = k["*"]) == null ? void 0 : v[f], o.data, j), i((K = k[l]) == null ? void 0 : K["*"], o.data, j), i((W = k["*"]) == null ? void 0 : W["*"], o.data, j);
     };
-    return window.addEventListener("message", l), () => {
-      window.removeEventListener("message", l);
+    return window.addEventListener("message", a), () => {
+      window.removeEventListener("message", a);
     };
   }, [d]);
-  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.`);
+  const R = h(
+    (i, a, o) => {
+      var f, g;
+      const l = d[i];
+      if (!l) {
+        console.warn(`Origin not set for id: ${i}. Unable to send message.`);
         return;
       }
-      (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
+      (g = (f = l == null ? void 0 : l.frameRef) == null ? void 0 : f.current) != null && g.contentWindow && l.frameRef.current.contentWindow.postMessage(
+        { type: a, ...o, instanceId: i },
+        l.origin
       );
     },
     [d]
-  ), 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);
+  ), F = b(0), V = h(() => `${Date.now()}-${++F.current}`, []), A = h(
+    async (i, a, o = {}) => new Promise((l, f) => {
+      const g = V(), O = (j, k) => {
+        delete $.current[g], k ? f(k) : l(j);
       };
-      L.current[w] = $, b(c, "request", { callbackId: w, requestType: l, data: s });
+      $.current[g] = O, R(i, "request", { callbackId: g, requestType: a, data: o });
     }),
-    [b]
-  ), q = h(
-    (c, l) => {
-      b(c, "load-options", l);
+    [R]
+  ), Z = h(
+    (i, a) => {
+      R(i, "load-options", a);
     },
-    [b]
-  ), F = h(
-    (c, l) => {
-      b(c, "validate", l);
+    [R]
+  ), y = h(
+    (i, a) => {
+      R(i, "validate", a);
     },
-    [b]
-  ), U = ue(
+    [R]
+  ), U = fe(
     () => ({
-      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);
+      registerFrame: P,
+      unregisterFrame: Y,
+      sendMessage: R,
+      sendRequest: A,
+      loadOptions: Z,
+      validate: y,
+      hasHandler: q,
+      readyFrames: E,
+      addListener: (i, a, o) => (I.current[i] || (I.current[i] = {}), I.current[i][a] || (I.current[i][a] = []), I.current[i][a].push(o), () => {
+        I.current[i][a] = I.current[i][a].filter((l) => l !== o);
       })
     }),
     [
-      S,
+      P,
+      Y,
+      R,
+      A,
       Z,
-      b,
-      _,
+      y,
       q,
-      F,
-      P,
-      m
+      E
     ]
   );
-  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);
+  return /* @__PURE__ */ x.createElement(re.Provider, { value: U }, /* @__PURE__ */ x.createElement(ae, { launcher: s, broker: c }, t));
+}, X = (t, s, c) => {
+  const d = G(re);
   if (d === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const p = R(u);
-  k(() => {
-    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:${m}`,
-          (...I) => p.current(...I)
+  const m = b(c);
+  T(() => {
+    m.current = c;
+  }, [c]), T(() => {
+    if (!(!t || !s)) {
+      if (s.startsWith("key:")) {
+        const E = s.substring(4);
+        return d.readyFrames[t] && d.sendMessage(t, "subscribe-key", { keyChord: E }), d.addListener(
+          t,
+          `key-pressed:${E}`,
+          (...I) => m.current(...I)
         );
       }
       return d.addListener(
-        r,
-        i,
-        (...m) => p.current(...m)
+        t,
+        s,
+        (...E) => m.current(...E)
       );
     }
-  }, [d, r, i]);
+  }, [d, t, s]);
 };
-be.propTypes = {
-  children: T.node.isRequired,
+Ie.propTypes = {
+  children: w.node.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: T.func,
+  authorizationLauncher: w.func,
   /**
    * Optional credential broker for hosts that are first-party MachineMetrics clients
    * (`async (request, { approve }) => result`, see EmbeddedAuthorizationManager). When present,
    * v2 credential requests are brokered server-side (no popup, no hidden frame) and consent is
    * rendered natively by the host from the broker's `client` identity.
    */
-  credentialBroker: T.func
+  credentialBroker: w.func
 };
-const N = te.default || te, Ee = 1e4, ke = "credentials", Re = (r, i) => `${r}/mm-embedded-interop?id=${encodeURIComponent(i)}&origin=${encodeURIComponent(
+const ne = se.default || se, _e = 1e4, Ue = "credentials", Le = (t, s) => `${t}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
   window.location.origin
-)}&caps=${ke}`, we = N.iframe`
+)}&caps=${Ue}`, Me = ne.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${(r) => r.$isReady ? "visible" : "hidden"};
-`, Te = N.div`
+  visibility: ${(t) => t.$isReady ? "visible" : "hidden"};
+`, Ce = ne.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -510,182 +524,182 @@ const N = te.default || te, Ee = 1e4, ke = "credentials", Re = (r, i) => `${r}/m
   text-align: center;
   color: #555;
   font-size: 14px;
-`, Ie = (r) => {
-  const i = r && r.origin || "This app", u = r && r.reason || "";
-  switch (u) {
+`, Ae = (t) => {
+  const s = t && t.origin || "This app", c = t && t.reason || "";
+  switch (c) {
     case "broker:scope_above_ceiling":
       return {
-        title: `${i} 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: `${i} 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: `${i} 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: `${i} can’t be authorized here`,
+      return c.startsWith("broker:") ? {
+        title: `${s} can’t be authorized here`,
         detail: "Authorization was refused."
       } : {
-        title: `${i} can’t be embedded here`,
+        title: `${s} can’t be embedded here`,
         detail: "It needs an update to support embedding from a different domain."
       };
   }
-}, ce = ({ entry: r }) => {
-  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));
+}, le = ({ entry: t }) => {
+  const s = Ae(t);
+  return /* @__PURE__ */ x.createElement(Ce, { "data-reason": t && t.reason || void 0 }, /* @__PURE__ */ x.createElement("div", { style: { fontWeight: 600 } }, s.title), /* @__PURE__ */ x.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.detail));
 };
-ce.propTypes = {
-  entry: T.shape({
-    origin: T.string,
-    name: T.string,
-    reason: T.string,
-    detail: T.object
+le.propTypes = {
+  entry: w.shape({
+    origin: w.string,
+    name: w.string,
+    reason: w.string,
+    detail: w.object
   })
 };
-const Ue = N.div`
+const Oe = ne.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`, 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: i,
-  path: u,
+`, ze = () => /* @__PURE__ */ x.createElement(Oe, null, /* @__PURE__ */ x.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), xe = ({
+  id: t,
+  src: s,
+  path: c,
   onInit: d = () => {
   },
-  onTimeout: p,
-  context: m = {},
-  params: j = {},
+  onTimeout: m,
+  context: E = {},
+  params: H = {},
   renderUnsupported: I,
-  renderTimeout: L,
-  ...O
+  renderTimeout: $,
+  ...S
 }) => {
-  if ("isConfiguring" in O)
+  if ("isConfiguring" in S)
     return console.error(
       "isConfiguring must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("colorMode" in m)
+  if ("colorMode" in E)
     return console.error(
       "colorMode must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("isFullScreen" in m)
+  if ("isFullScreen" in E)
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), 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);
+  const q = b(), [P, Y] = C(), [R, F] = C(0), [V, A] = C(!1), [Z, y] = C(!1), U = Te(s), i = ke(s), a = we(s), [o, l] = C(0), [f, g] = C(null), { registerFrame: O, unregisterFrame: j, sendMessage: k } = G(
+    re
+  ), [B, z] = C(), L = b(), M = b(m), v = b(d), K = b(!1), W = h(() => {
+    K.current = !1, clearTimeout(L.current), F(0), A(!1), y(!1), g(null);
   }, []);
-  k(() => {
-    (U > 0 || s > 0) && e();
-  }, [U, s, e]), k(() => {
-    W.current = p;
-  }, [p]), k(() => {
-    D.current = d;
-  }, [d]), k(() => {
-    b && g(r, "set-context", {
+  T(() => {
+    (U > 0 || o > 0) && W();
+  }, [U, o, W]), T(() => {
+    M.current = m;
+  }, [m]), T(() => {
+    v.current = d;
+  }, [d]), T(() => {
+    R && k(t, "set-context", {
       context: {
-        ...m
+        ...E
       }
     });
-  }, [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)
+  }, [E, t, R]), T(() => {
+    R && k(t, "set-params", { params: H });
+  }, [H, t, R]), T(() => {
+    c !== void 0 && z((c == null ? void 0 : c.indexOf("/")) === 0 ? c : `/${c}`);
+  }, [c]), T(() => {
+    B === void 0 || !R || k(t, "navigate", { path: B });
+  }, [B, R, t, k]), T(() => {
+    if (!s || !t || !q)
       return;
-    e();
-    const o = new URL(i);
-    return $(r, o.origin, P), D.current(), Z(Re(o.origin, r)), () => {
-      M(r);
+    W();
+    const e = new URL(s);
+    return O(t, e.origin, q), v.current(), Y(Le(e.origin, t)), () => {
+      j(t);
     };
-  }, [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(() => {
-    H.current = !0, clearTimeout(y.current), _(!1);
+  }, [s, t, O, q, W]), T(() => {
+    if (!(!P || K.current))
+      return L.current = setTimeout(() => {
+        A(!0), M.current && M.current();
+      }, _e), () => clearTimeout(L.current);
+  }, [P, s, U, o]);
+  const _ = h(() => {
+    K.current = !0, clearTimeout(L.current), A(!1);
   }, []);
-  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 (!q || !c)
+  X(t, "init", (e) => {
+    _(), Array.isArray(e == null ? void 0 : e.acceptsCredentials) && g(e.acceptsCredentials);
+  }), X(t, "authorize", _), X(t, "login", _), X(t, "credential-request", () => {
+    _(), y(!0);
+  }), T(() => {
+    if (!Z || !i)
       return;
-    const o = E;
-    if (Array.isArray(o) && !o.includes(c.kind))
+    const e = f;
+    if (Array.isArray(e) && !e.includes(i.kind))
       return;
-    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 r = i.kind === "access_token" ? { accessToken: i.accessToken } : {};
+    k(t, "credential", { ...r, credential: i });
+  }, [Z, i, f, t, k]), X(t, "ready", () => {
+    _(), F((e) => e + 1);
   });
-  const n = R();
-  return G(r, "heartbeat", () => {
-    n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-      a((o) => o + 1);
+  const D = b();
+  return X(t, "heartbeat", () => {
+    D.current && clearTimeout(D.current), D.current = setTimeout(() => {
+      l((e) => e + 1);
     }, 6e3);
-  }), k(() => () => {
-    n.current && clearTimeout(n.current);
-  }, []), l ? I ? I(l) : /* @__PURE__ */ z.createElement(ce, { entry: l }) : K && !b ? L ? L() : /* @__PURE__ */ z.createElement(Ce, null) : /* @__PURE__ */ z.createElement(
-    we,
+  }), T(() => () => {
+    D.current && clearTimeout(D.current);
+  }, []), a ? I ? I(a) : /* @__PURE__ */ x.createElement(le, { entry: a }) : V && !R ? $ ? $() : /* @__PURE__ */ x.createElement(ze, null) : /* @__PURE__ */ x.createElement(
+    Me,
     {
-      key: `auth-epoch-${U}-frame-${s}`,
-      $isReady: b,
-      ref: P,
-      src: S,
-      ...O
+      key: `auth-epoch-${U}-frame-${o}`,
+      $isReady: R,
+      ref: q,
+      src: P,
+      ...S
     }
   );
 };
-_e.propTypes = {
-  id: T.string,
-  src: T.string.isRequired,
-  path: T.string,
-  onInit: T.func,
-  onTimeout: T.func,
+xe.propTypes = {
+  id: w.string,
+  src: w.string.isRequired,
+  path: w.string,
+  onInit: w.func,
+  onTimeout: w.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: T.func,
+  renderUnsupported: w.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: T.func
+  renderTimeout: w.func
 };
 export {
-  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,
-  Oe as useEmbeddedAuthorizations,
-  ge as useEmbeddedCredential,
-  G as useEmbeddedEffect,
-  he as useEmbeddedOriginEpoch,
-  me as useEmbeddedUnsupported
+  pe as CREDENTIAL_KIND_ACCESS_TOKEN,
+  J as EmbeddedAuthorizationContext,
+  xe as MMEmbeddableZone,
+  re as MMEmbeddableZoneContext,
+  Ie as MMEmbeddableZoneProvider,
+  Ee as isCrossSite,
+  oe as normalizeCredential,
+  Re as popupAuthorizationLauncher,
+  Ae as unsupportedCopy,
+  Pe as useEmbeddedAuthorizations,
+  ke as useEmbeddedCredential,
+  X as useEmbeddedEffect,
+  Te as useEmbeddedOriginEpoch,
+  we as useEmbeddedUnsupported
 };