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

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

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

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

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

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

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

package/package.json

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