@machinemetrics/mm-react-embeddable 2.0.1-0 → 2.0.1-2

package/README.md

@@ -23,5 +23,5 @@ the app and where it runs; footer Cancel/Approve; checkbox rows when several app
 pending; legacy rows keep their own Authorize button because a popup must open from
 the user's click on that row).
 
-A host without a `credentialBroker`, or a broker answer the host may not act on, gets an
-interactive entry, and the host's UI opens the popup for it.
+A host with no `credentialBroker`, or one whose broker returns an answer it may not act on, gets
+an interactive entry, and the host's UI opens the popup for it.

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),me=require("prop-types"),Ee=require("styled-components"),V=r=>r&&r.__esModule?r:{default:r},O=V(e),m=V(me),te=V(Ee),G=e.createContext(null),Y=e.createContext({pending:[],authorize:()=>{},approve:()=>{},complete:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),oe="access_token",J=r=>r?r.kind?r:r.accessToken?{kind:oe,accessToken:r.accessToken,expiresAt:r.expiresAt||null}:null:null,ge=60,Re=120,ke=new Set(["host_not_allowed","unbound_host_bound_guest","invalid_token","provider_unavailable"]),Q=r=>{try{return new URL(r).origin}catch{return null}},re=(r,o)=>{const i=o==null?void 0:o.origin;return!i||Q(r==null?void 0:r.authUrl)!==i?null:i},ne=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(".")},N=(r,o)=>{try{const i=new URL(r),b=new URL(o);return i.protocol!==b.protocol?!0:ne(i.hostname)!==ne(b.hostname)}catch{return!0}},ue=(r,{onBlocked:o,onClosed:i})=>{const b=window.open(r.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!b)return o(),()=>{};const h=setInterval(()=>{b.closed&&(clearInterval(h),i())},1e3);return()=>clearInterval(h)},ce=({children:r,launcher:o,broker:i})=>{const b=e.useContext(G),[h,E]=e.useState({}),[$,P]=e.useState({}),[q,B]=e.useState({}),[k,M]=e.useState({}),L=e.useRef(q);L.current=q;const w=e.useRef(h);w.current=h;const y=e.useRef(null),F=e.useRef({}),C=e.useRef({}),v=e.useRef(i);v.current=i;const x=e.useCallback(t=>{const s=F.current[t];if(!s)return;const n=u=>!u[t]||u[t].clientId?u:{...u,[t]:{...u[t],clientId:s}};E(n),M(n)},[]),S=e.useCallback((t,s)=>{t&&(M(n=>n[t]?n:{...n,[t]:{origin:t,reason:s,clientId:F.current[t]||null}}),x(t))},[x]),_=e.useCallback((t,{v2:s=!1,origin:n=null}={})=>{n&&(s&&L.current[n]||(E(u=>u[n]?u:{...u,[n]:{origin:n,authUrl:t.authUrl,status:s&&v.current?"broker":"interactive",v2:s,scope:t.scope||null,acceptsCredentials:C.current[n]||null,consent:null,error:null,clientId:t.clientId||F.current[n]||null,popupBlocked:!1}}),x(n)))},[x]),T=e.useRef({}),U=e.useCallback(t=>{T.current[t]&&(clearTimeout(T.current[t]),delete T.current[t])},[]),c=e.useCallback(t=>{U(t),E(s=>{if(!s[t])return s;const n={...s};return delete n[t],n})},[U]),d=e.useCallback(t=>{t&&(c(t),P(s=>({...s,[t]:(s[t]||0)+1})))},[c]),a=e.useCallback(t=>{c(t.origin)},[c]),f=e.useCallback((t,s)=>{const n=re(t,s);if(n){if(N(n,window.location.origin)){S(n,"cross-site-legacy");return}_(t,{origin:n})}},[_,S]);e.useEffect(()=>{if(!b)return;const t=[b.addListener("*","init",(s,n)=>{n!=null&&n.origin&&(s!=null&&s.clientId)&&(F.current[n.origin]=s.clientId,x(n.origin)),n!=null&&n.origin&&Array.isArray(s==null?void 0:s.acceptsCredentials)?C.current[n.origin]=s.acceptsCredentials:n!=null&&n.origin&&N(n.origin,window.location.origin)&&S(n.origin,"cross-site-legacy")}),b.addListener("*","authorize",f),b.addListener("*","login",f),b.addListener("*","credential-request",(s,n)=>_(s,{v2:!0,origin:re(s,n)}))];return()=>t.forEach(s=>s())},[b,f,_,x,S]),e.useEffect(()=>{const t=s=>{const n=s==null?void 0:s.data;if(!n||n.type!=="authorized")return;const u=Q(n.authUrl);if(!(!u||s.origin!==u)){if(n.accessToken){if(!w.current[u])return;B(l=>({...l,[u]:J({accessToken:n.accessToken})})),c(u);return}d(u)}};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)},[c,d]);const g=e.useCallback((t,s)=>{const n=t==null?void 0:t.origin,u=J(s);!n||!u||(B(l=>({...l,[n]:u})),c(n))},[c]),p=e.useCallback((t,s)=>{E(n=>n[t]?{...n,[t]:{...n[t],...s}}:n)},[]),I=e.useRef({}),R=e.useCallback(async(t,{approve:s}={})=>{const n=v.current,{origin:u}=t;let l;try{l=await n({origin:u,clientId:t.clientId,scope:t.scope,authUrl:t.authUrl},{approve:s})}catch{s?p(u,{error:{reason:"broker_unavailable"}}):p(u,{status:"interactive"});return}const K=l==null?void 0:l.status,z=(l==null?void 0:l.body)||{};if(K===200&&z.credential){g(t,z.credential);return}if(K===409&&z.consentRequired){p(u,{status:"interactive",consent:{client:z.client||null,stepUp:!!z.stepUp,scope:z.scope||t.scope},error:null});return}const j=z.error||"broker_error";if(!s&&ke.has(j)){p(u,{status:"interactive"});return}if(s&&j==="consent_denied"){p(u,{error:null});return}if(j==="rate_limited"&&!t.rateLimitRetried){const X=Math.min(Number(z.retryAfter)>0?Number(z.retryAfter):ge,Re),he={...t,rateLimitRetried:!0};U(u),T.current[u]=setTimeout(()=>{delete T.current[u],I.current[u]=!0,A.current(he,{approve:s}).finally(()=>{delete I.current[u]})},X*1e3),p(u,{rateLimitRetried:!0});return}c(u),M(X=>({...X,[u]:{origin:u,reason:`broker:${j}`,detail:l||null,clientId:t.clientId||F.current[u]||null}}))},[g,p,c,U]),A=e.useRef(R);A.current=R,e.useEffect(()=>{Object.values(h).forEach(t=>{t.status!=="broker"||I.current[t.origin]||T.current[t.origin]||(I.current[t.origin]=!0,R(t).finally(()=>{delete I.current[t.origin]}))})},[h,R]);const D=e.useCallback(t=>!v.current||!(t!=null&&t.consent)?Promise.resolve():R(t,{approve:!0}),[R]);e.useEffect(()=>()=>{y.current&&y.current(),Object.values(T.current).forEach(clearTimeout)},[]);const Z=e.useCallback(t=>{y.current&&(y.current(),y.current=null);const s=o||ue;y.current=s(t,{onBlocked:()=>{E(n=>n[t.origin]?{...n,[t.origin]:{...n[t.origin],popupBlocked:!0}}:n)},onClosed:()=>d(t.origin)})},[o,d]),W={pending:Object.values(h).filter(t=>t.status==="interactive"),authorize:Z,approve:D,complete:g,dismiss:a,originEpochs:$,credentials:q,unsupported:k};return O.default.createElement(Y.Provider,{value:W},r)};ce.propTypes={children:m.default.node,launcher:m.default.func,broker:m.default.func};const Ce=()=>e.useContext(Y),ie=r=>{const{originEpochs:o}=e.useContext(Y),i=Q(r);return i&&o[i]||0},ae=r=>{const{credentials:o}=e.useContext(Y),i=Q(r);return i&&o[i]||null},le=r=>{const{unsupported:o}=e.useContext(Y),i=Q(r);return i&&o[i]||null},se="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.",de=({children:r,authorizationLauncher:o,credentialBroker:i,ready:b})=>{const h=b===!0,E=e.useRef(!1);e.useEffect(()=>{b!==void 0||E.current||(E.current=!0,console.error(se),typeof window!="undefined"&&typeof window.alert=="function"&&window.alert(se))},[b]);const[$,P]=e.useState({}),[q,B]=e.useState({}),k=e.useRef({}),M=e.useRef({}),L=e.useRef({}),w=e.useCallback((c,d)=>{var a;return!!((a=L.current[c])!=null&&a.has(d))},[]),y=e.useCallback((c,d,a)=>{P(f=>({...f,[c]:{origin:d,frameRef:a}}))},[]),F=e.useCallback(c=>{P(d=>{const a={...d};return delete a[c],a}),B(d=>{const a={...d};return delete a[c],a}),delete L.current[c]},[]);e.useEffect(()=>{const c=(a=[],f,g)=>{a.forEach(p=>p(f,g))},d=a=>{var D,Z,W,t,s,n,u;if(!((D=a==null?void 0:a.data)!=null&&D.instanceId))return;const{instanceId:f,type:g}=a.data,p=$[f],I=(W=(Z=p==null?void 0:p.frameRef)==null?void 0:Z.current)==null?void 0:W.contentWindow;if(!I||a.source!==I||a.origin!==p.origin)return;const R={origin:a.origin},A=k.current;if(g==="response"){const{callbackId:l,response:K,error:z}=a.data,j=M.current[l];j&&(j(K,z),delete M.current[l]);return}if(g==="mark-registered"){const{requestType:l}=a.data;L.current[f]||(L.current[f]=new Set),L.current[f].add(l);return}g==="ready"&&B(l=>({...l,[f]:!0})),c((t=A[f])==null?void 0:t[g],a.data,R),c((s=A["*"])==null?void 0:s[g],a.data,R),c((n=A[f])==null?void 0:n["*"],a.data,R),c((u=A["*"])==null?void 0:u["*"],a.data,R)};return window.addEventListener("message",d),()=>{window.removeEventListener("message",d)}},[$]);const C=e.useCallback((c,d,a)=>{var g,p;const f=$[c];if(!f){console.warn(`Origin not set for id: ${c}. Unable to send message.`);return}(p=(g=f==null?void 0:f.frameRef)==null?void 0:g.current)!=null&&p.contentWindow&&f.frameRef.current.contentWindow.postMessage({type:d,...a,instanceId:c},f.origin)},[$]),v=e.useRef(0),x=e.useCallback(()=>`${Date.now()}-${++v.current}`,[]),S=e.useCallback(async(c,d,a={})=>new Promise((f,g)=>{const p=x(),I=(R,A)=>{delete M.current[p],A?g(A):f(R)};M.current[p]=I,C(c,"request",{callbackId:p,requestType:d,data:a})}),[C]),_=e.useCallback((c,d)=>{C(c,"load-options",d)},[C]),T=e.useCallback((c,d)=>{C(c,"validate",d)},[C]),U=e.useMemo(()=>({registerFrame:y,unregisterFrame:F,sendMessage:C,sendRequest:S,loadOptions:_,validate:T,hasHandler:w,readyFrames:q,ready:h,addListener:(c,d,a)=>(k.current[c]||(k.current[c]={}),k.current[c][d]||(k.current[c][d]=[]),k.current[c][d].push(a),()=>{k.current[c][d]=k.current[c][d].filter(f=>f!==a)})}),[y,F,C,S,_,T,w,q,h]);return O.default.createElement(G.Provider,{value:U},O.default.createElement(ce,{launcher:o,broker:i},r))},H=(r,o,i)=>{const b=e.useContext(G);if(b===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const h=e.useRef(i);e.useEffect(()=>{h.current=i},[i]),e.useEffect(()=>{if(!(!r||!o)){if(o.startsWith("key:")){const E=o.substring(4);return b.readyFrames[r]&&b.sendMessage(r,"subscribe-key",{keyChord:E}),b.addListener(r,`key-pressed:${E}`,(...P)=>h.current(...P))}return b.addListener(r,o,(...E)=>h.current(...E))}},[b,r,o])};de.propTypes={children:m.default.node.isRequired,ready:m.default.bool.isRequired,authorizationLauncher:m.default.func,credentialBroker:m.default.func};const ee=te.default.default||te.default,we=1e4,_e="credentials",Te=(r,o)=>`${r}/mm-embedded-interop?id=${encodeURIComponent(o)}&origin=${encodeURIComponent(window.location.origin)}&caps=${_e}`,Ie=ee.iframe`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),ge=require("prop-types"),me=require("styled-components"),V=r=>r&&r.__esModule?r:{default:r},O=V(e),k=V(ge),te=V(me),Q=e.createContext(null),Y=e.createContext({pending:[],authorize:()=>{},approve:()=>{},complete:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),oe="access_token",J=r=>r?r.kind?r:r.accessToken?{kind:oe,accessToken:r.accessToken,expiresAt:r.expiresAt||null}:null:null,Ee=60,Re=120,ke=new Set(["host_not_allowed","unbound_host_bound_guest","invalid_token","provider_unavailable"]),G=r=>{try{return new URL(r).origin}catch{return null}},re=(r,o)=>{const i=o==null?void 0:o.origin;return!i||G(r==null?void 0:r.authUrl)!==i?null:i},ne=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(".")},N=(r,o)=>{try{const i=new URL(r),d=new URL(o);return i.protocol!==d.protocol?!0:ne(i.hostname)!==ne(d.hostname)}catch{return!0}},ue=(r,{onBlocked:o,onClosed:i})=>{const d=window.open(r.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!d)return o(),()=>{};const R=setInterval(()=>{d.closed&&(clearInterval(R),i())},1e3);return()=>clearInterval(R)},ce=({children:r,launcher:o,broker:i})=>{const d=e.useContext(Q),[R,C]=e.useState({}),[$,q]=e.useState({}),[D,W]=e.useState({}),[I,E]=e.useState({}),S=e.useRef(D);S.current=D;const B=e.useRef(R);B.current=R;const w=e.useRef(null),x=e.useRef({}),y=e.useRef({}),P=e.useRef(i);P.current=i;const U=e.useCallback(t=>{const s=x.current[t];if(!s)return;const n=c=>!c[t]||c[t].clientId?c:{...c,[t]:{...c[t],clientId:s}};C(n),E(n)},[]),F=e.useCallback((t,s)=>{t&&(E(n=>n[t]?n:{...n,[t]:{origin:t,reason:s,clientId:x.current[t]||null}}),U(t))},[U]),A=e.useCallback((t,{v2:s=!1,origin:n=null}={})=>{n&&(s&&S.current[n]||(C(c=>c[n]?c:{...c,[n]:{origin:n,authUrl:t.authUrl,status:s&&P.current?"broker":"interactive",v2:s,scope:t.scope||null,acceptsCredentials:y.current[n]||null,consent:null,error:null,clientId:t.clientId||x.current[n]||null,popupBlocked:!1}}),U(n)))},[U]),T=e.useRef({}),v=e.useCallback(t=>{T.current[t]&&(clearTimeout(T.current[t]),delete T.current[t])},[]),u=e.useCallback(t=>{v(t),C(s=>{if(!s[t])return s;const n={...s};return delete n[t],n})},[v]),l=e.useCallback(t=>{t&&(u(t),q(s=>({...s,[t]:(s[t]||0)+1})))},[u]),a=e.useCallback(t=>{u(t.origin)},[u]),p=e.useCallback((t,s)=>{const n=re(t,s);if(n){if(N(n,window.location.origin)){F(n,"cross-site-legacy");return}A(t,{origin:n})}},[A,F]);e.useEffect(()=>{if(!d)return;const t=[d.addListener("*","init",(s,n)=>{n!=null&&n.origin&&(s!=null&&s.clientId)&&(x.current[n.origin]=s.clientId,U(n.origin)),n!=null&&n.origin&&Array.isArray(s==null?void 0:s.acceptsCredentials)?y.current[n.origin]=s.acceptsCredentials:n!=null&&n.origin&&N(n.origin,window.location.origin)&&F(n.origin,"cross-site-legacy")}),d.addListener("*","authorize",p),d.addListener("*","login",p),d.addListener("*","credential-request",(s,n)=>A(s,{v2:!0,origin:re(s,n)}))];return()=>t.forEach(s=>s())},[d,p,A,U,F]),e.useEffect(()=>{const t=s=>{const n=s==null?void 0:s.data;if(!n||n.type!=="authorized")return;const c=G(n.authUrl);if(!c||s.origin!==c)return;const b=B.current[c];if(!(!b||b.status!=="interactive")){if(n.accessToken){W(L=>({...L,[c]:J({accessToken:n.accessToken})})),u(c);return}l(c)}};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)},[u,l]);const h=e.useCallback((t,s)=>{const n=t==null?void 0:t.origin,c=J(s);!n||!c||(W(b=>({...b,[n]:c})),u(n))},[u]),g=e.useCallback((t,s)=>{C(n=>n[t]?{...n,[t]:{...n[t],...s}}:n)},[]),m=e.useRef({}),_=e.useCallback(async(t,{approve:s}={})=>{const n=P.current,{origin:c}=t;let b;try{b=await n({origin:c,clientId:t.clientId,scope:t.scope,authUrl:t.authUrl},{approve:s})}catch{s?g(c,{error:{reason:"broker_unavailable"}}):g(c,{status:"interactive"});return}const L=b==null?void 0:b.status,f=(b==null?void 0:b.body)||{};if(L===200&&f.credential){h(t,f.credential);return}if(L===409&&f.consentRequired){g(c,{status:"interactive",consent:{client:f.client||null,stepUp:!!f.stepUp,scope:f.scope||t.scope},error:null});return}const z=f.error||"broker_error";if(!s&&ke.has(z)){g(c,{status:"interactive"});return}if(s&&z==="consent_denied"){g(c,{error:null});return}if(z==="rate_limited"&&!t.rateLimitRetried){const X=Math.min(Number(f.retryAfter)>0?Number(f.retryAfter):Ee,Re),he={...t,rateLimitRetried:!0};v(c),T.current[c]=setTimeout(()=>{delete T.current[c],m.current[c]=!0,M.current(he,{approve:s}).finally(()=>{delete m.current[c]})},X*1e3),g(c,{rateLimitRetried:!0});return}u(c),E(X=>({...X,[c]:{origin:c,reason:`broker:${z}`,detail:{status:L!=null?L:null,reason:z},clientId:t.clientId||x.current[c]||null}}))},[h,g,u,v]),M=e.useRef(_);M.current=_,e.useEffect(()=>{Object.values(R).forEach(t=>{t.status!=="broker"||m.current[t.origin]||T.current[t.origin]||(m.current[t.origin]=!0,_(t).finally(()=>{delete m.current[t.origin]}))})},[R,_]);const K=e.useCallback(t=>!P.current||!(t!=null&&t.consent)||m.current[t.origin]?Promise.resolve():(m.current[t.origin]=!0,_(t,{approve:!0}).finally(()=>{delete m.current[t.origin]})),[_]);e.useEffect(()=>()=>{w.current&&w.current(),Object.values(T.current).forEach(clearTimeout)},[]);const Z=e.useCallback(t=>{w.current&&(w.current(),w.current=null);const s=o||ue;w.current=s(t,{onBlocked:()=>{C(n=>n[t.origin]?{...n,[t.origin]:{...n[t.origin],popupBlocked:!0}}:n)},onClosed:()=>{const n=B.current[t.origin];!n||n.v2||l(t.origin)}})},[o,l]),j={pending:Object.values(R).filter(t=>t.status==="interactive"),authorize:Z,approve:K,complete:h,dismiss:a,originEpochs:$,credentials:D,unsupported:I};return O.default.createElement(Y.Provider,{value:j},r)};ce.propTypes={children:k.default.node,launcher:k.default.func,broker:k.default.func};const Ce=()=>e.useContext(Y),ie=r=>{const{originEpochs:o}=e.useContext(Y),i=G(r);return i&&o[i]||0},ae=r=>{const{credentials:o}=e.useContext(Y),i=G(r);return i&&o[i]||null},le=r=>{const{unsupported:o}=e.useContext(Y),i=G(r);return i&&o[i]||null},se="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.",de=({children:r,authorizationLauncher:o,credentialBroker:i,ready:d})=>{const R=d===!0,C=e.useRef(!1);e.useEffect(()=>{d!==void 0||C.current||(C.current=!0,console.error(se),typeof window!="undefined"&&typeof window.alert=="function"&&window.alert(se))},[d]);const[$,q]=e.useState({}),[D,W]=e.useState({}),I=e.useRef({}),E=e.useRef({}),S=e.useRef({}),B=e.useCallback((u,l)=>{var a;return!!((a=S.current[u])!=null&&a.has(l))},[]),w=e.useCallback((u,l,a)=>{q(p=>({...p,[u]:{origin:l,frameRef:a}}))},[]),x=e.useCallback(u=>{q(l=>{const a={...l};return delete a[u],a}),W(l=>{const a={...l};return delete a[u],a}),delete S.current[u],Object.keys(E.current).forEach(l=>{E.current[l].instanceId===u&&delete E.current[l]})},[]);e.useEffect(()=>()=>{E.current={}},[]),e.useEffect(()=>{const u=(a=[],p,h)=>{a.forEach(g=>g(p,h))},l=a=>{var K,Z,j,t,s,n,c;if(!((K=a==null?void 0:a.data)!=null&&K.instanceId))return;const{instanceId:p,type:h}=a.data,g=$[p],m=(j=(Z=g==null?void 0:g.frameRef)==null?void 0:Z.current)==null?void 0:j.contentWindow;if(!m||a.source!==m||a.origin!==g.origin)return;const _={origin:a.origin},M=I.current;if(h==="response"){const{callbackId:b,response:L,error:f}=a.data,z=E.current[b];z&&z.instanceId===p&&(z.callback(L,f),delete E.current[b]);return}if(h==="mark-registered"){const{requestType:b}=a.data;S.current[p]||(S.current[p]=new Set),S.current[p].add(b);return}h==="ready"&&W(b=>({...b,[p]:!0})),u((t=M[p])==null?void 0:t[h],a.data,_),u((s=M["*"])==null?void 0:s[h],a.data,_),u((n=M[p])==null?void 0:n["*"],a.data,_),u((c=M["*"])==null?void 0:c["*"],a.data,_)};return window.addEventListener("message",l),()=>{window.removeEventListener("message",l)}},[$]);const y=e.useCallback((u,l,a,p)=>{var g,m;const h=$[u];if(!h){console.warn(`Origin not set for id: ${u}. Unable to send message.`);return}(m=(g=h==null?void 0:h.frameRef)==null?void 0:g.current)!=null&&m.contentWindow&&h.frameRef.current.contentWindow.postMessage({type:l,...a,instanceId:u},p||h.origin)},[$]),P=e.useRef(0),U=e.useCallback(()=>`${Date.now()}-${++P.current}`,[]),F=e.useCallback(async(u,l,a={})=>new Promise((p,h)=>{const g=U(),m=(_,M)=>{delete E.current[g],M?h(M):p(_)};E.current[g]={instanceId:u,callback:m},y(u,"request",{callbackId:g,requestType:l,data:a})}),[y]),A=e.useCallback((u,l)=>{y(u,"load-options",l)},[y]),T=e.useCallback((u,l)=>{y(u,"validate",l)},[y]),v=e.useMemo(()=>({registerFrame:w,unregisterFrame:x,sendMessage:y,sendRequest:F,loadOptions:A,validate:T,hasHandler:B,readyFrames:D,ready:R,addListener:(u,l,a)=>(I.current[u]||(I.current[u]={}),I.current[u][l]||(I.current[u][l]=[]),I.current[u][l].push(a),()=>{I.current[u][l]=I.current[u][l].filter(p=>p!==a)})}),[w,x,y,F,A,T,B,D,R]);return O.default.createElement(Q.Provider,{value:v},O.default.createElement(ce,{launcher:o,broker:i},r))},H=(r,o,i)=>{const d=e.useContext(Q);if(d===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const R=e.useRef(i);e.useEffect(()=>{R.current=i},[i]),e.useEffect(()=>{if(!(!r||!o)){if(o.startsWith("key:")){const C=o.substring(4);return d.readyFrames[r]&&d.sendMessage(r,"subscribe-key",{keyChord:C}),d.addListener(r,`key-pressed:${C}`,(...q)=>R.current(...q))}return d.addListener(r,o,(...C)=>R.current(...C))}},[d,r,o])};de.propTypes={children:k.default.node.isRequired,ready:k.default.bool.isRequired,authorizationLauncher:k.default.func,credentialBroker:k.default.func};const ee=te.default.default||te.default,we=1e4,Te="credentials",_e=(r,o)=>`${r}/mm-embedded-interop?id=${encodeURIComponent(o)}&origin=${encodeURIComponent(window.location.origin)}&caps=${Te}`,Ie=ee.iframe`
   width: 100%;
   height: 100%;
   border: none;
@@ -16,10 +16,10 @@
   text-align: center;
   color: #555;
   font-size: 14px;
-`,fe=r=>{const o=r&&r.origin||"This app",i=r&&r.reason||"";switch(i){case"broker:scope_above_ceiling":return{title:`${o} 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`,detail:"It isn’t registered to run at this address."};case"broker:cross_company_principal":return{title:`${o} can’t be authorized here`,detail:"It can’t be authorized for this account."};default:return i.startsWith("broker:")?{title:`${o} can’t be authorized here`,detail:"Authorization was refused."}:{title:`${o} can’t be embedded here`,detail:"It needs an update to support embedding from a different domain."}}},pe=({entry:r})=>{const o=fe(r);return O.default.createElement(Me,{"data-reason":r&&r.reason||void 0},O.default.createElement("div",{style:{fontWeight:600}},o.title),O.default.createElement("div",{style:{fontSize:12,color:"#888"}},o.detail))};pe.propTypes={entry:m.default.shape({origin:m.default.string,name:m.default.string,reason:m.default.string,detail:m.default.object})};const ye=ee.div`
+`,fe=r=>{const o=r&&r.origin||"This app",i=r&&r.reason||"";switch(i){case"broker:scope_above_ceiling":return{title:`${o} 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`,detail:"It isn’t registered to run at this address."};case"broker:cross_company_principal":return{title:`${o} can’t be authorized here`,detail:"It can’t be authorized for this account."};default:return i.startsWith("broker:")?{title:`${o} can’t be authorized here`,detail:"Authorization was refused."}:{title:`${o} can’t be embedded here`,detail:"It needs an update to support embedding from a different domain."}}},pe=({entry:r})=>{const o=fe(r);return O.default.createElement(Me,{"data-reason":r&&r.reason||void 0},O.default.createElement("div",{style:{fontWeight:600}},o.title),O.default.createElement("div",{style:{fontSize:12,color:"#888"}},o.detail))};pe.propTypes={entry:k.default.shape({origin:k.default.string,name:k.default.string,reason:k.default.string,detail:k.default.object})};const ye=ee.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`,Se=()=>O.default.createElement(ye,null,O.default.createElement("div",{style:{textAlign:"center"}},"This app couldn’t be loaded as an embeddable widget.")),be=({id:r,src:o,path:i,onInit:b=()=>{},onTimeout:h,context:E={},params:$={},renderUnsupported:P,renderTimeout:q,...B})=>{if("isConfiguring"in B)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in E)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in E)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const k=e.useRef(),[M,L]=e.useState(),[w,y]=e.useState(0),[F,C]=e.useState(!1),[v,x]=e.useState(!1),S=ie(o),_=ae(o),T=le(o),[U,c]=e.useState(0),[d,a]=e.useState(null),{registerFrame:f,unregisterFrame:g,sendMessage:p,ready:I}=e.useContext(G),[R,A]=e.useState(),D=e.useRef(),Z=e.useRef(h),W=e.useRef(b),t=e.useRef(!1),s=e.useCallback(()=>{t.current=!1,clearTimeout(D.current),y(0),C(!1),x(!1),a(null)},[]);e.useEffect(()=>{(S>0||U>0)&&s()},[S,U,s]),e.useEffect(()=>{Z.current=h},[h]),e.useEffect(()=>{W.current=b},[b]),e.useEffect(()=>{w&&p(r,"set-context",{context:{...E}})},[E,r,w]),e.useEffect(()=>{w&&p(r,"set-params",{params:$})},[$,r,w]),e.useEffect(()=>{i!==void 0&&A((i==null?void 0:i.indexOf("/"))===0?i:`/${i}`)},[i]),e.useEffect(()=>{R===void 0||!w||p(r,"navigate",{path:R})},[R,w,r,p]),e.useEffect(()=>{if(!o||!r||!k)return;if(!I){s(),L(void 0);return}s();const l=new URL(o);return f(r,l.origin,k),W.current(),L(Te(l.origin,r)),()=>{g(r)}},[o,r,I,f,k,s]),e.useEffect(()=>{if(!(!M||t.current))return D.current=setTimeout(()=>{C(!0),Z.current&&Z.current()},we),()=>clearTimeout(D.current)},[M,o,S,U]);const n=e.useCallback(()=>{t.current=!0,clearTimeout(D.current),C(!1)},[]);H(r,"init",l=>{n(),Array.isArray(l==null?void 0:l.acceptsCredentials)&&a(l.acceptsCredentials)}),H(r,"authorize",n),H(r,"login",n),H(r,"credential-request",()=>{n(),x(!0)}),e.useEffect(()=>{if(!v||!_)return;const l=d;if(Array.isArray(l)&&!l.includes(_.kind))return;const K=_.kind==="access_token"?{accessToken:_.accessToken}:{};p(r,"credential",{...K,credential:_})},[v,_,d,r,p]),H(r,"ready",()=>{n(),y(l=>l+1)});const u=e.useRef();return H(r,"heartbeat",()=>{u.current&&clearTimeout(u.current),u.current=setTimeout(()=>{c(l=>l+1)},6e3)}),e.useEffect(()=>()=>{u.current&&clearTimeout(u.current)},[]),T?P?P(T):O.default.createElement(pe,{entry:T}):F&&!w?q?q():O.default.createElement(Se,null):O.default.createElement(Ie,{key:`auth-epoch-${S}-frame-${U}`,$isReady:w,ref:k,src:M,...B})};be.propTypes={id:m.default.string,src:m.default.string.isRequired,path:m.default.string,onInit:m.default.func,onTimeout:m.default.func,renderUnsupported:m.default.func,renderTimeout:m.default.func};exports.CREDENTIAL_KIND_ACCESS_TOKEN=oe;exports.EmbeddedAuthorizationContext=Y;exports.MMEmbeddableZone=be;exports.MMEmbeddableZoneContext=G;exports.MMEmbeddableZoneProvider=de;exports.isCrossSite=N;exports.normalizeCredential=J;exports.popupAuthorizationLauncher=ue;exports.unsupportedCopy=fe;exports.useEmbeddedAuthorizations=Ce;exports.useEmbeddedCredential=ae;exports.useEmbeddedEffect=H;exports.useEmbeddedOriginEpoch=ie;exports.useEmbeddedUnsupported=le;
+`,Se=()=>O.default.createElement(ye,null,O.default.createElement("div",{style:{textAlign:"center"}},"This app couldn’t be loaded as an embeddable widget.")),be=({id:r,src:o,path:i,onInit:d=()=>{},onTimeout:R,context:C={},params:$={},renderUnsupported:q,renderTimeout:D,...W})=>{if("isConfiguring"in W)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in C)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in C)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const I=e.useRef(),E=G(o),[S,B]=e.useState(),[w,x]=e.useState(0),[y,P]=e.useState(!1),[U,F]=e.useState(!1),A=ie(o),T=ae(o),v=le(o),[u,l]=e.useState(0),[a,p]=e.useState(null),{registerFrame:h,unregisterFrame:g,sendMessage:m,ready:_}=e.useContext(Q),[M,K]=e.useState(),Z=e.useRef(),j=e.useRef(R),t=e.useRef(d),s=e.useRef(!1),n=e.useRef(),c=e.useCallback(()=>{s.current=!1,clearTimeout(Z.current),clearTimeout(n.current),x(0),P(!1),F(!1),p(null)},[]);e.useEffect(()=>{(A>0||u>0)&&c()},[A,u,c]),e.useEffect(()=>{j.current=R},[R]),e.useEffect(()=>{t.current=d},[d]),e.useEffect(()=>{w&&m(r,"set-context",{context:{...C}},E)},[C,r,w,E]),e.useEffect(()=>{w&&m(r,"set-params",{params:$},E)},[$,r,w,E]),e.useEffect(()=>{i!==void 0&&K((i==null?void 0:i.indexOf("/"))===0?i:`/${i}`)},[i]),e.useEffect(()=>{M===void 0||!w||m(r,"navigate",{path:M},E)},[M,w,r,m,E]),e.useEffect(()=>{if(!o||!r||!I)return;if(!_){c(),B(void 0);return}c();const f=new URL(o);return h(r,f.origin,I),t.current(),B(_e(f.origin,r)),()=>{g(r)}},[o,r,_,h,I,c]),e.useEffect(()=>{if(!(!S||s.current))return Z.current=setTimeout(()=>{P(!0),j.current&&j.current()},we),()=>clearTimeout(Z.current)},[S,o,A,u]);const b=e.useCallback(()=>{s.current=!0,clearTimeout(Z.current),P(!1)},[]);if(H(r,"init",f=>{b(),Array.isArray(f==null?void 0:f.acceptsCredentials)&&p(f.acceptsCredentials)}),H(r,"authorize",b),H(r,"login",b),H(r,"credential-request",()=>{b(),F(!0)}),e.useEffect(()=>{if(!U||!T)return;const f=a;if(Array.isArray(f)&&!f.includes(T.kind))return;const z=T.kind==="access_token"?{accessToken:T.accessToken}:{};m(r,"credential",{...z,credential:T},E)},[U,T,a,r,m,E]),H(r,"ready",()=>{b(),x(f=>f+1)}),H(r,"heartbeat",()=>{n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{l(f=>f+1)},6e3)}),e.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),v)return q?q(v):O.default.createElement(pe,{entry:v});if(y&&!w)return D?D():O.default.createElement(Se,null);const L={...W};return delete L.skipManifestCheck,O.default.createElement(Ie,{key:`auth-epoch-${A}-frame-${u}`,$isReady:w,ref:I,src:S,...L})};be.propTypes={id:k.default.string,src:k.default.string.isRequired,path:k.default.string,onInit:k.default.func,onTimeout:k.default.func,renderUnsupported:k.default.func,renderTimeout:k.default.func};exports.CREDENTIAL_KIND_ACCESS_TOKEN=oe;exports.EmbeddedAuthorizationContext=Y;exports.MMEmbeddableZone=be;exports.MMEmbeddableZoneContext=Q;exports.MMEmbeddableZoneProvider=de;exports.isCrossSite=N;exports.normalizeCredential=J;exports.popupAuthorizationLauncher=ue;exports.unsupportedCopy=fe;exports.useEmbeddedAuthorizations=Ce;exports.useEmbeddedCredential=ae;exports.useEmbeddedEffect=H;exports.useEmbeddedOriginEpoch=ie;exports.useEmbeddedUnsupported=le;