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

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

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

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

@@ -1,5 +1,5 @@
-import W, { createContext as fe, useContext as J, useState as O, useRef as h, useCallback as p, 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,16 +16,16 @@ const se = fe(null), te = fe({
   unsupported: {},
   setDelivered: () => {
   }
-}), ge = "access_token", ie = (t) => t ? t.kind ? t : t.accessToken ? {
-  kind: ge,
+}), 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, ke = /* @__PURE__ */ new Set([
+} : null : null, Ee = 60, Re = 120, we = 3e4, Te = /* @__PURE__ */ new Set([
   "host_not_allowed",
   "unbound_host_bound_guest",
   "invalid_token",
   "provider_unavailable"
-]), ee = (t) => {
+]), re = (t) => {
   try {
     return new URL(t).origin;
   } catch {
@@ -33,7 +33,7 @@ const se = fe(null), te = fe({
   }
 }, ue = (t, s) => {
   const u = s == null ? void 0 : s.origin;
-  return !u || ee(t == null ? void 0 : t.authUrl) !== u ? null : u;
+  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;
@@ -41,175 +41,175 @@ const se = fe(null), te = fe({
   return s.length <= 2 ? t : s.slice(-2).join(".");
 }, le = (t, s) => {
   try {
-    const u = new URL(t), m = new URL(s);
-    return u.protocol !== m.protocol ? !0 : ae(u.hostname) !== ae(m.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 = (t, { onBlocked: s, onClosed: u }) => {
-  const m = window.open(
+}, ke = (t, { onBlocked: s, onClosed: u }) => {
+  const h = window.open(
     t.authUrl,
     "mm-embed-auth",
     "popup,width=600,height=700"
   );
-  if (!m)
+  if (!h)
     return s(), () => {
     };
-  const E = setInterval(() => {
-    m.closed && (clearInterval(E), u());
+  const R = setInterval(() => {
+    h.closed && (clearInterval(R), u());
   }, 1e3);
-  return () => clearInterval(E);
-}, pe = ({ children: t, launcher: s, broker: u, ready: m }) => {
-  const E = J(se), [k, C] = O({}), [j, V] = O({}), [Z, T] = O({}), [b, A] = O({}), F = h(Z);
-  F.current = Z;
-  const y = h(k);
-  y.current = k;
-  const z = h(null), _ = h({}), H = h({}), K = h(u);
-  K.current = u;
-  const L = h({}), P = h({}), D = p((e, n, r) => {
-    !e || !n || (L.current[e] || (L.current[e] = /* @__PURE__ */ new Set()), r ? L.current[e].add(n) : L.current[e].delete(n));
-  }, []), v = p((e) => {
-    const n = _.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 r = (i) => !i[e] || i[e].clientId ? i : { ...i, [e]: { ...i[e], clientId: n } };
+    const r = (c) => !c[e] || c[e].clientId ? c : { ...c, [e]: { ...c[e], clientId: n } };
     C(r), A(r);
-  }, []), c = p(
+  }, []), i = m(
     (e, n) => {
       e && (A((r) => r[e] ? r : {
         ...r,
         [e]: {
           origin: e,
           reason: n,
-          clientId: _.current[e] || null
+          clientId: M.current[e] || null
         }
-      }), v(e));
+      }), z(e));
     },
-    [v]
-  ), a = p(
+    [z]
+  ), a = m(
     (e, { v2: n = !1, origin: r = null } = {}) => {
-      var i;
+      var c;
       if (r) {
         if (n && F.current[r]) {
-          if (!((i = L.current[r]) != null && i.has(e.instanceId)))
+          if (!((c = U.current[r]) != null && c.has(e.instanceId)))
             return;
-          const l = Date.now();
-          if (l - (P.current[r] || 0) < we)
+          const E = Date.now();
+          if (E - (D.current[r] || 0) < we)
             return;
-          P.current[r] = l, L.current[r].clear();
-          const x = { ...F.current };
-          delete x[r], F.current = x, T(x);
+          D.current[r] = E, U.current[r].clear();
+          const f = { ...F.current };
+          delete f[r], F.current = f, _(f);
         }
-        C((l) => l[r] ? l : {
-          ...l,
+        C((E) => E[r] ? E : {
+          ...E,
           [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[r] || null,
+            acceptsCredentials: K.current[r] || null,
             consent: null,
             error: null,
-            clientId: e.clientId || _.current[r] || null,
+            clientId: e.clientId || M.current[r] || null,
             popupBlocked: !1
           }
-        }), v(r);
+        }), z(r);
       }
     },
-    [v]
-  ), o = h({}), f = p((e) => {
+    [z]
+  ), o = p({}), d = m((e) => {
     o.current[e] && (clearTimeout(o.current[e]), delete o.current[e]);
-  }, []), d = p(
+  }, []), l = m(
     (e) => {
-      f(e), C((n) => {
+      d(e), C((n) => {
         if (!n[e])
           return n;
         const r = { ...n };
         return delete r[e], r;
       });
     },
-    [f]
-  ), g = p(
+    [d]
+  ), b = m(
     (e) => {
-      e && (d(e), V((n) => ({
+      e && (l(e), X((n) => ({
         ...n,
         [e]: (n[e] || 0) + 1
       })));
     },
-    [d]
-  ), $ = p(
+    [l]
+  ), $ = m(
     (e) => {
-      d(e.origin);
+      l(e.origin);
     },
-    [d]
-  ), S = p(
+    [l]
+  ), S = m(
     (e, n) => {
       const r = ue(e, n);
       if (r) {
         if (le(r, window.location.origin)) {
-          c(r, "cross-site-legacy");
+          i(r, "cross-site-legacy");
           return;
         }
         a(e, { origin: r });
       }
     },
-    [a, c]
+    [a, i]
   );
-  R(() => {
-    if (!E)
+  w(() => {
+    if (!R)
       return;
     const e = [
-      E.addListener("*", "init", (n, r) => {
-        r != null && r.origin && (n != null && n.clientId) && (_.current[r.origin] = n.clientId, v(r.origin)), r != null && r.origin && Array.isArray(n == null ? void 0 : n.acceptsCredentials) ? H.current[r.origin] = n.acceptsCredentials : r != null && r.origin && le(r.origin, window.location.origin) && c(r.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");
       }),
-      E.addListener("*", "authorize", S),
-      E.addListener("*", "login", S),
-      E.addListener(
+      R.addListener("*", "authorize", S),
+      R.addListener("*", "login", S),
+      R.addListener(
         "*",
         "credential-request",
         (n, r) => a(n, { v2: !0, origin: ue(n, r) })
       )
     ];
     return () => e.forEach((n) => n());
-  }, [E, S, a, v, c]), R(() => {
+  }, [R, S, a, z, i]), w(() => {
     const e = (n) => {
       const r = n == null ? void 0 : n.data;
       if (!r || r.type !== "authorized")
         return;
-      const i = ee(r.authUrl);
-      if (!i || n.origin !== i)
+      const c = re(r.authUrl);
+      if (!c || n.origin !== c)
         return;
-      const l = y.current[i];
-      if (!(!l || l.status !== "interactive")) {
+      const E = L.current[c];
+      if (!(!E || E.status !== "interactive")) {
         if (r.accessToken) {
-          T((x) => ({
-            ...x,
-            [i]: ie({ accessToken: r.accessToken })
-          })), d(i);
+          _((f) => ({
+            ...f,
+            [c]: ie({ accessToken: r.accessToken })
+          })), l(c);
           return;
         }
-        g(i);
+        b(c);
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [d, g]);
-  const I = p(
+  }, [l, b]);
+  const k = m(
     (e, n) => {
-      const r = e == null ? void 0 : e.origin, i = ie(n);
-      !r || !i || (T((l) => ({ ...l, [r]: i })), d(r));
+      const r = e == null ? void 0 : e.origin, c = ie(n);
+      !r || !c || (_((E) => ({ ...E, [r]: c })), l(r));
     },
-    [d]
-  ), U = p((e, n) => {
+    [l]
+  ), v = m((e, n) => {
     C((r) => r[e] ? { ...r, [e]: { ...r[e], ...n } } : r);
-  }, []), M = h({}), q = p(
+  }, []), y = p({}), q = m(
     async (e, { approve: n } = {}) => {
-      const r = K.current, { origin: i } = e;
-      let l;
+      const r = Y.current, { origin: c } = e;
+      let E;
       try {
-        l = await r(
+        E = await r(
           {
-            origin: i,
+            origin: c,
             clientId: e.clientId,
             scope: e.scope,
             authUrl: e.authUrl
@@ -217,82 +217,82 @@ const se = fe(null), te = fe({
           { approve: n }
         );
       } catch {
-        n ? U(i, { error: { reason: "broker_unavailable" } }) : U(i, { status: "interactive" });
+        n ? v(c, { error: { reason: "broker_unavailable" } }) : v(c, { status: "interactive" });
         return;
       }
-      const x = l == null ? void 0 : l.status, G = (l == null ? void 0 : l.body) || {};
-      if (x === 200 && G.credential) {
-        I(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 (x === 409 && G.consentRequired) {
-        U(i, {
+      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)) {
-        U(i, { status: "interactive" });
+      const Q = j.error || "broker_error";
+      if (!n && Te.has(Q)) {
+        v(c, { status: "interactive" });
         return;
       }
-      if (n && re === "consent_denied") {
-        U(i, { 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 };
-        f(i), o.current[i] = setTimeout(() => {
-          delete o.current[i], M.current[i] = !0, B.current(me, { approve: n }).finally(() => {
-            delete M.current[i];
+        ), 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), U(i, { rateLimitRetried: !0 });
+        }, ne * 1e3), v(c, { rateLimitRetried: !0 });
         return;
       }
-      d(i), A((ne) => ({
+      l(c), A((ne) => ({
         ...ne,
-        [i]: {
-          origin: i,
-          reason: `broker:${re}`,
-          detail: { status: x != null ? x : null, reason: re },
-          clientId: e.clientId || _.current[i] || null
+        [c]: {
+          origin: c,
+          reason: `broker:${Q}`,
+          detail: { status: f != null ? f : null, reason: Q },
+          clientId: e.clientId || M.current[c] || null
         }
       }));
     },
-    [I, U, d, f]
-  ), B = h(q);
-  B.current = q, R(() => {
-    Object.values(k).forEach((e) => {
-      e.status !== "broker" || M.current[e.origin] || o.current[e.origin] || (M.current[e.origin] = !0, q(e).finally(() => {
-        delete M.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, q]);
-  const Y = p(
-    (e) => !K.current || !(e != null && e.consent) || M.current[e.origin] ? Promise.resolve() : (M.current[e.origin] = !0, q(e, { approve: !0 }).finally(() => {
-      delete M.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];
     })),
     [q]
   );
-  R(() => () => {
-    z.current && z.current(), Object.values(o.current).forEach(clearTimeout);
-  }, []), R(() => {
-    m === !1 && (Object.values(o.current).forEach(clearTimeout), o.current = {}, M.current = {}, _.current = {}, H.current = {}, L.current = {}, P.current = {}, F.current = {}, T({}), C({}), A({}));
-  }, [m]);
-  const X = p(
+  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) => {
-      z.current && (z.current(), z.current = null);
-      const n = s || Te;
-      z.current = n(e, {
+      O.current && (O.current(), O.current = null);
+      const n = s || ke;
+      O.current = n(e, {
         onBlocked: () => {
           C((r) => r[e.origin] ? {
             ...r,
@@ -302,31 +302,31 @@ const se = fe(null), te = fe({
         // 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 r = y.current[e.origin];
-          !r || r.v2 || g(e.origin);
+          const r = L.current[e.origin];
+          !r || r.v2 || b(e.origin);
         }
       });
     },
-    [s, g]
-  ), Q = {
-    pending: Object.values(k).filter(
+    [s, b]
+  ), V = {
+    pending: Object.values(I).filter(
       (e) => e.status === "interactive"
     ),
-    authorize: X,
-    approve: Y,
-    complete: I,
+    authorize: J,
+    approve: G,
+    complete: k,
     dismiss: $,
-    originEpochs: j,
-    credentials: Z,
-    unsupported: b,
-    setDelivered: D
+    originEpochs: Z,
+    credentials: H,
+    unsupported: g,
+    setDelivered: P
   };
-  return /* @__PURE__ */ W.createElement(te.Provider, { value: Q }, t);
+  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 = (t) => {
-  const { originEpochs: s } = J(te), u = ee(t);
+const Ie = () => N(te), _e = (t) => {
+  const { originEpochs: s } = N(te), u = re(t);
   return u && s[u] || 0;
 }, Me = (t) => {
-  const { credentials: s } = J(te), u = ee(t);
+  const { credentials: s } = N(te), u = re(t);
   return u && s[u] || null;
-}, Ce = (t) => {
-  const { unsupported: s } = J(te), u = ee(t);
+}, 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.", ye = ({
+}, 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: m
+  ready: h
 }) => {
-  const E = m === !0, k = h(!1);
-  R(() => {
-    m !== void 0 || k.current || (k.current = !0, console.error(de), typeof window != "undefined" && typeof window.alert == "function" && window.alert(de));
-  }, [m]);
-  const [C, j] = O({}), [V, Z] = O({}), T = h({}), b = h({}), A = h({}), F = p((c, 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[c]) != null && o.has(a));
-  }, []), y = p((c, a, o) => {
-    j((f) => ({ ...f, [c]: { origin: a, frameRef: o } }));
-  }, []), z = p((c) => {
-    j((a) => {
+    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[c], o;
-    }), Z((a) => {
+      return delete o[i], o;
+    }), H((a) => {
       const o = { ...a };
-      return delete o[c], o;
-    }), delete A.current[c], Object.keys(b.current).forEach((a) => {
-      b.current[a].instanceId === c && delete b.current[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(() => () => {
-    b.current = {};
-  }, []), R(() => {
-    const c = (o = [], f, d) => {
-      o.forEach((g) => g(f, d));
+  w(() => () => {
+    g.current = {};
+  }, []), w(() => {
+    const i = (o = [], d, l) => {
+      o.forEach((b) => b(d, l));
     }, a = (o) => {
-      var U, M, q, B, Y, X, Q;
-      if (!((U = o == null ? void 0 : o.data) != null && U.instanceId))
+      var v, y, q, B, G, J, V;
+      if (!((v = o == null ? void 0 : o.data) != null && v.instanceId))
         return;
-      const { instanceId: f, type: d } = o.data, g = C[f], $ = (q = (M = g == null ? void 0 : g.frameRef) == null ? void 0 : M.current) == null ? void 0 : q.contentWindow;
-      if (!$ || o.source !== $ || o.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 S = { origin: o.origin }, I = T.current;
-      if (d === "response") {
-        const { callbackId: e, response: n, error: r } = o.data, i = b.current[e];
-        i && i.instanceId === f && (i.callback(n, r), delete b.current[e]);
+      const S = { origin: o.origin }, k = _.current;
+      if (l === "response") {
+        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 (d === "mark-registered") {
+      if (l === "mark-registered") {
         const { requestType: e } = o.data;
-        A.current[f] || (A.current[f] = /* @__PURE__ */ new Set()), A.current[f].add(e);
+        A.current[d] || (A.current[d] = /* @__PURE__ */ new Set()), A.current[d].add(e);
         return;
       }
-      d === "ready" && Z((e) => ({ ...e, [f]: !0 })), c((B = I[f]) == null ? void 0 : B[d], o.data, S), c((Y = I["*"]) == null ? void 0 : Y[d], o.data, S), c((X = I[f]) == null ? void 0 : X["*"], o.data, S), c((Q = I["*"]) == null ? void 0 : Q["*"], o.data, S);
+      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);
     };
   }, [C]);
-  const _ = p(
-    (c, a, o, f) => {
-      var g, $;
-      const d = C[c];
-      if (!d) {
-        console.warn(`Origin not set for id: ${c}. Unable to send message.`);
+  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;
       }
-      ($ = (g = d == null ? void 0 : d.frameRef) == null ? void 0 : g.current) != null && $.contentWindow && d.frameRef.current.contentWindow.postMessage(
-        { type: a, ...o, instanceId: c },
-        f || d.origin
+      ($ = (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
       );
     },
     [C]
-  ), H = h(0), K = p(() => `${Date.now()}-${++H.current}`, []), L = p(
-    async (c, a, o = {}) => new Promise((f, d) => {
-      const g = K(), $ = (S, I) => {
-        delete b.current[g], I ? d(I) : f(S);
+  ), 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);
       };
-      b.current[g] = { instanceId: c, callback: $ }, _(c, "request", { callbackId: g, requestType: a, data: o });
+      g.current[b] = { instanceId: i, callback: $ }, M(i, "request", { callbackId: b, requestType: a, data: o });
     }),
-    [_]
-  ), P = p(
-    (c, a) => {
-      _(c, "load-options", a);
+    [M]
+  ), D = m(
+    (i, a) => {
+      M(i, "load-options", a);
     },
-    [_]
-  ), D = p(
-    (c, a) => {
-      _(c, "validate", a);
+    [M]
+  ), P = m(
+    (i, a) => {
+      M(i, "validate", a);
     },
-    [_]
-  ), v = be(
+    [M]
+  ), z = ge(
     () => ({
-      registerFrame: y,
-      unregisterFrame: z,
-      sendMessage: _,
-      sendRequest: L,
-      loadOptions: P,
-      validate: D,
+      registerFrame: L,
+      unregisterFrame: O,
+      sendMessage: M,
+      sendRequest: U,
+      loadOptions: D,
+      validate: P,
       hasHandler: F,
-      readyFrames: V,
-      ready: E,
-      addListener: (c, a, o) => (T.current[c] || (T.current[c] = {}), T.current[c][a] || (T.current[c][a] = []), T.current[c][a].push(o), () => {
-        T.current[c][a] = T.current[c][a].filter((f) => f !== o);
+      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);
       })
     }),
     [
-      y,
-      z,
-      _,
       L,
-      P,
+      O,
+      M,
+      U,
       D,
+      P,
       F,
-      V,
-      E
+      X,
+      R
     ]
   );
-  return /* @__PURE__ */ W.createElement(se.Provider, { value: v }, /* @__PURE__ */ W.createElement(
+  return /* @__PURE__ */ W.createElement(se.Provider, { value: z }, /* @__PURE__ */ W.createElement(
     pe,
     {
       launcher: s,
       broker: u,
-      ready: E
+      ready: R
     },
     t
   ));
-}, N = (t, s, u) => {
-  const m = J(se);
-  if (m === null)
+}, ee = (t, s, u) => {
+  const h = N(se);
+  if (h === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const E = h(u);
-  R(() => {
-    E.current = u;
-  }, [u]), R(() => {
+  const R = p(u);
+  w(() => {
+    R.current = u;
+  }, [u]), w(() => {
     if (!(!t || !s)) {
       if (s.startsWith("key:")) {
-        const k = s.substring(4);
-        return m.readyFrames[t] && m.sendMessage(t, "subscribe-key", { keyChord: k }), m.addListener(
+        const I = s.substring(4);
+        return h.readyFrames[t] && h.sendMessage(t, "subscribe-key", { keyChord: I }), h.addListener(
           t,
-          `key-pressed:${k}`,
-          (...j) => E.current(...j)
+          `key-pressed:${I}`,
+          (...Z) => R.current(...Z)
         );
       }
-      return m.addListener(
+      return h.addListener(
         t,
         s,
-        (...k) => E.current(...k)
+        (...I) => R.current(...I)
       );
     }
-  }, [m, t, s]);
+  }, [h, t, s]);
 };
-ye.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,11 +517,11 @@ ye.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, Ae = 1e4, Le = "credentials", Ue = (t, s) => `${t}/mm-embedded-interop?id=${encodeURIComponent(s)}&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=${Le}`, xe = oe.iframe`
+)}&caps=${Ue}`, xe = oe.iframe`
   width: 100%;
   height: 100%;
   border: none;
@@ -567,174 +567,176 @@ const oe = ce.default || ce, Ae = 1e4, Le = "credentials", Ue = (t, s) => `${t}/
         detail: "It needs an update to support embedding from a different domain."
       };
   }
-}, he = ({ entry: t }) => {
+}, 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 ve = oe.div`
+const $e = oe.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`, $e = () => /* @__PURE__ */ W.createElement(ve, null, /* @__PURE__ */ W.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Se = ({
+`, 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: m = () => {
+  onInit: h = () => {
   },
-  onTimeout: E,
-  context: k = {},
+  onTimeout: R,
+  context: I = {},
   params: C = {},
-  renderUnsupported: j,
-  renderTimeout: V,
-  ...Z
+  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(), b = ee(s), [A, F] = O(), [y, z] = O(0), [_, H] = O(!1), [K, L] = O(!1), P = _e(s), D = Me(s), v = Ce(s), { setDelivered: c } = Ie(), [a, o] = O(0), [f, d] = O(null), g = h(!0), { registerFrame: $, unregisterFrame: S, sendMessage: I, ready: U } = 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
-  ), [M, q] = O(), B = h(), Y = h(E), X = h(m), Q = h(!1), e = h(), n = p(() => {
-    Q.current = !1, clearTimeout(B.current), clearTimeout(e.current), z(0), H(!1), L(!1), d(null), g.current = !0, c(b, t, !1);
-  }, [c, b, t]);
-  R(() => {
-    (P > 0 || a > 0) && n();
-  }, [P, a, n]), R(() => {
-    Y.current = E;
-  }, [E]), R(() => {
-    X.current = m;
-  }, [m]), R(() => {
-    y && I(
+  ), [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
         }
       },
-      b
+      g
     );
-  }, [k, t, y, b]), R(() => {
-    y && I(t, "set-params", { params: C }, b);
-  }, [C, t, y, b]), R(() => {
+  }, [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]), R(() => {
-    M === void 0 || !y || I(t, "navigate", { path: M }, b);
-  }, [M, y, t, I, b]), R(() => {
-    if (!s || !t || !T)
+  }, [u]), w(() => {
+    y === void 0 || !L || k(t, "navigate", { path: y }, g);
+  }, [y, L, t, k, g]), w(() => {
+    if (!s || !t || !_)
       return;
-    if (!U) {
-      n(), F(void 0);
+    if (!v) {
+      r(), F(void 0);
       return;
     }
-    n();
-    const l = new URL(s);
-    return $(t, l.origin, T), X.current(), F(Ue(l.origin, t)), () => {
+    r();
+    const f = new URL(s);
+    return $(t, f.origin, _), J.current(), F(ve(f.origin, t)), () => {
       S(t);
     };
-  }, [s, t, U, $, T, n]), R(() => {
-    if (!(!A || Q.current))
+  }, [s, t, v, $, _, r]), w(() => {
+    if (!(!A || V.current))
       return B.current = setTimeout(() => {
-        H(!0), Y.current && Y.current();
-      }, Ae), () => clearTimeout(B.current);
-  }, [A, s, P, a]);
-  const r = p(() => {
-    Q.current = !0, clearTimeout(B.current), H(!1);
+        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(t, "init", (l) => {
-    r(), Array.isArray(l == null ? void 0 : l.acceptsCredentials) && (d(l.acceptsCredentials), g.current = !1, clearTimeout(e.current), e.current = void 0);
-  }), N(t, "authorize", r), N(t, "login", r), N(t, "credential-request", () => {
-    r(), L(!0);
-  }), R(() => {
-    if (!K || !D)
+  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 l = f;
-    if (Array.isArray(l) && !l.includes(D.kind))
+    const f = d;
+    if (Array.isArray(f) && !f.includes(P.kind))
       return;
-    const x = D.kind === "access_token" ? { accessToken: D.accessToken } : {};
-    I(t, "credential", { ...x, credential: D }, b), c(b, t, !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,
-    D,
-    f,
+    Y,
+    P,
+    d,
     t,
-    I,
-    b,
-    c
-  ]), N(t, "ready", () => {
-    r(), z((l) => l + 1);
-  }), N(t, "heartbeat", () => {
-    g.current && (e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-      o((l) => l + 1);
+    k,
+    g,
+    i
+  ]), 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));
-  }), R(() => () => {
+  }), w(() => () => {
     e.current && clearTimeout(e.current);
-  }, []), v)
-    return j ? j(v) : /* @__PURE__ */ W.createElement(he, { entry: v });
-  if (_ && !y)
-    return V ? V() : /* @__PURE__ */ W.createElement($e, null);
-  const i = { ...Z };
-  return delete i.skipManifestCheck, /* @__PURE__ */ W.createElement(
+  }, []), 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-${P}-frame-${a}`,
-      $isReady: y,
-      ref: T,
+      key: `auth-epoch-${D}-frame-${a}`,
+      $isReady: L,
+      ref: _,
       src: A,
-      ...i
+      ...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,
-  ye 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
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@machinemetrics/mm-react-embeddable",
-  "version": "2.0.3-0",
+  "version": "2.0.3-1",
   "license": "MIT",
   "module": "dist/mm-react-embeddable.es.js",
   "main": "dist/mm-react-embeddable.cjs.js",