@machinemetrics/mm-react-embeddable 2.0.3-2 → 2.0.3-3

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

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

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

@@ -1,7 +1,7 @@
-import F, { createContext as ye, useContext as ne, useState as D, useRef as l, useCallback as h, useEffect as g, useMemo as Ce } from "react";
+import D, { createContext as Ie, useContext as te, useState as F, useRef as d, useCallback as h, useEffect as g, useMemo as Me } from "react";
 import w from "prop-types";
-import Re from "styled-components";
-const le = ye(null), ue = ye({
+import ge from "styled-components";
+const ae = Ie(null), ue = Ie({
   pending: [],
   authorize: () => {
   },
@@ -16,11 +16,11 @@ const le = ye(null), ue = ye({
   unsupported: {},
   setDelivered: () => {
   }
-}), Ue = "access_token", Ee = (e) => e ? e.kind ? e : e.accessToken ? {
-  kind: Ue,
+}), Ce = "access_token", Ee = (e) => e ? e.kind ? e : e.accessToken ? {
+  kind: Ce,
   accessToken: e.accessToken,
   expiresAt: e.expiresAt || null
-} : null : null, Se = 60, xe = 120, Oe = 3e4, $e = /* @__PURE__ */ new Set([
+} : null : null, ve = 60, Se = 120, Ue = 3e4, xe = /* @__PURE__ */ new Set([
   "host_not_allowed",
   "unbound_host_bound_guest",
   "invalid_token",
@@ -31,10 +31,10 @@ const le = ye(null), ue = ye({
   } catch {
     return null;
   }
-}, we = (e, s) => {
+}, Re = (e, s) => {
   const u = s == null ? void 0 : s.origin;
   return !u || oe(e == null ? void 0 : e.authUrl) !== u ? null : u;
-}, Te = (e) => {
+}, we = (e) => {
   if (!e || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(e) || e.includes(":"))
     return e;
   const s = e.split(".");
@@ -42,11 +42,11 @@ const le = ye(null), ue = ye({
 }, ke = (e, s) => {
   try {
     const u = new URL(e), m = new URL(s);
-    return u.protocol !== m.protocol ? !0 : Te(u.hostname) !== Te(m.hostname);
+    return u.protocol !== m.protocol ? !0 : we(u.hostname) !== we(m.hostname);
   } catch {
     return !0;
   }
-}, ze = (e, { onBlocked: s, onClosed: u }) => {
+}, Oe = (e, { onBlocked: s, onClosed: u }) => {
   const m = window.open(
     e.authUrl,
     "mm-embed-auth",
@@ -55,72 +55,72 @@ const le = ye(null), ue = ye({
   if (!m)
     return s(), () => {
     };
-  const R = setInterval(() => {
-    m.closed && (clearInterval(R), u());
+  const E = setInterval(() => {
+    m.closed && (clearInterval(E), u());
   }, 1e3);
-  return () => clearInterval(R);
-}, Ae = ({ children: e, launcher: s, broker: u, ready: m }) => {
-  const R = ne(le), [y, A] = D({}), [q, J] = D({}), [H, L] = D({}), [U, M] = D({}), E = l(H);
-  E.current = H;
-  const j = l(y);
-  j.current = y;
-  const P = l(null), b = l({}), G = l({}), V = l(u);
-  V.current = u;
-  const C = l({}), Z = l({}), N = h((r, n, t) => {
-    !r || !n || (C.current[r] || (C.current[r] = /* @__PURE__ */ new Set()), t ? C.current[r].add(n) : C.current[r].delete(n));
-  }, []), S = h((r) => {
+  return () => clearInterval(E);
+}, _e = ({ children: e, launcher: s, broker: u, ready: m }) => {
+  const E = te(ae), [I, A] = F({}), [q, J] = F({}), [Z, L] = F({}), [U, y] = F({}), R = d(Z);
+  R.current = Z;
+  const j = d(I);
+  j.current = I;
+  const P = d(null), b = d({}), Y = d({}), Q = d(u);
+  Q.current = u;
+  const v = d({}), K = d({}), N = h((r, n, t) => {
+    !r || !n || (v.current[r] || (v.current[r] = /* @__PURE__ */ new Set()), t ? v.current[r].add(n) : v.current[r].delete(n));
+  }, []), x = h((r) => {
     const n = b.current[r];
     if (!n)
       return;
     const t = (o) => !o[r] || o[r].clientId ? o : { ...o, [r]: { ...o[r], clientId: n } };
-    A(t), M(t);
+    A(t), y(t);
   }, []), i = h(
     (r, n) => {
-      r && (M((t) => t[r] ? t : {
+      r && (y((t) => t[r] ? t : {
         ...t,
         [r]: {
           origin: r,
           reason: n,
           clientId: b.current[r] || null
         }
-      }), S(r));
+      }), x(r));
     },
-    [S]
+    [x]
   ), a = h(
     (r, { v2: n = !1, origin: t = null } = {}) => {
       var o;
       if (t) {
-        if (n && E.current[t]) {
-          if (!((o = C.current[t]) != null && o.has(r.instanceId)))
+        if (n && R.current[t]) {
+          if (!((o = v.current[t]) != null && o.has(r.instanceId)))
             return;
           const p = Date.now();
-          if (p - (Z.current[t] || 0) < Oe)
+          if (p - (K.current[t] || 0) < Ue)
             return;
-          Z.current[t] = p, C.current[t].clear();
-          const I = { ...E.current };
-          delete I[t], E.current = I, L(I);
+          K.current[t] = p, v.current[t].clear();
+          const C = { ...R.current };
+          delete C[t], R.current = C, L(C);
         }
         A((p) => p[t] ? p : {
           ...p,
           [t]: {
             origin: t,
             authUrl: r.authUrl,
-            status: n && V.current ? "broker" : "interactive",
+            status: n && Q.current ? "broker" : "interactive",
             v2: n,
             scope: r.scope || null,
-            acceptsCredentials: G.current[t] || null,
+            acceptsCredentials: Y.current[t] || null,
             consent: null,
             error: null,
             clientId: r.clientId || b.current[t] || null,
             popupBlocked: !1
           }
-        }), S(t);
+        }), x(t);
       }
     },
-    [S]
-  ), c = l({}), f = h((r) => {
+    [x]
+  ), c = d({}), f = h((r) => {
     c.current[r] && (clearTimeout(c.current[r]), delete c.current[r]);
-  }, []), d = h(
+  }, []), l = h(
     (r) => {
       f(r), A((n) => {
         if (!n[r])
@@ -130,22 +130,22 @@ const le = ye(null), ue = ye({
       });
     },
     [f]
-  ), T = h(
+  ), k = h(
     (r) => {
-      r && (d(r), J((n) => ({
+      r && (l(r), J((n) => ({
         ...n,
         [r]: (n[r] || 0) + 1
       })));
     },
-    [d]
+    [l]
   ), B = h(
     (r) => {
-      d(r.origin);
+      l(r.origin);
     },
-    [d]
-  ), x = h(
+    [l]
+  ), O = h(
     (r, n) => {
-      const t = we(r, n);
+      const t = Re(r, n);
       if (t) {
         if (ke(t, window.location.origin)) {
           i(t, "cross-site-legacy");
@@ -157,22 +157,22 @@ const le = ye(null), ue = ye({
     [a, i]
   );
   g(() => {
-    if (!R)
+    if (!E)
       return;
     const r = [
-      R.addListener("*", "init", (n, t) => {
-        t != null && t.origin && (n != null && n.clientId) && (b.current[t.origin] = n.clientId, S(t.origin)), t != null && t.origin && Array.isArray(n == null ? void 0 : n.acceptsCredentials) ? G.current[t.origin] = n.acceptsCredentials : t != null && t.origin && ke(t.origin, window.location.origin) && i(t.origin, "cross-site-legacy");
+      E.addListener("*", "init", (n, t) => {
+        t != null && t.origin && (n != null && n.clientId) && (b.current[t.origin] = n.clientId, x(t.origin)), t != null && t.origin && Array.isArray(n == null ? void 0 : n.acceptsCredentials) ? Y.current[t.origin] = n.acceptsCredentials : t != null && t.origin && ke(t.origin, window.location.origin) && i(t.origin, "cross-site-legacy");
       }),
-      R.addListener("*", "authorize", x),
-      R.addListener("*", "login", x),
-      R.addListener(
+      E.addListener("*", "authorize", O),
+      E.addListener("*", "login", O),
+      E.addListener(
         "*",
         "credential-request",
-        (n, t) => a(n, { v2: !0, origin: we(n, t) })
+        (n, t) => a(n, { v2: !0, origin: Re(n, t) })
       )
     ];
     return () => r.forEach((n) => n());
-  }, [R, x, a, S, i]), g(() => {
+  }, [E, O, a, x, i]), g(() => {
     const r = (n) => {
       const t = n == null ? void 0 : n.data;
       if (!t || t.type !== "authorized")
@@ -183,28 +183,28 @@ const le = ye(null), ue = ye({
       const p = j.current[o];
       if (!(!p || p.status !== "interactive")) {
         if (t.accessToken) {
-          L((I) => ({
-            ...I,
+          L((C) => ({
+            ...C,
             [o]: Ee({ accessToken: t.accessToken })
-          })), d(o);
+          })), l(o);
           return;
         }
-        T(o);
+        k(o);
       }
     };
     return window.addEventListener("message", r), () => window.removeEventListener("message", r);
-  }, [d, T]);
-  const O = h(
+  }, [l, k]);
+  const $ = h(
     (r, n) => {
       const t = r == null ? void 0 : r.origin, o = Ee(n);
-      !t || !o || (L((p) => ({ ...p, [t]: o })), d(t));
+      !t || !o || (L((p) => ({ ...p, [t]: o })), l(t));
     },
-    [d]
-  ), k = h((r, n) => {
+    [l]
+  ), T = h((r, n) => {
     A((t) => t[r] ? { ...t, [r]: { ...t[r], ...n } } : t);
-  }, []), v = l({}), $ = h(
+  }, []), M = d({}), z = h(
     async (r, { approve: n } = {}) => {
-      const t = V.current, { origin: o } = r;
+      const t = Q.current, { origin: o } = r;
       let p;
       try {
         p = await t(
@@ -217,81 +217,81 @@ const le = ye(null), ue = ye({
           { approve: n }
         );
       } catch {
-        n ? k(o, { error: { reason: "broker_unavailable" } }) : k(o, { status: "interactive" });
+        n ? T(o, { error: { reason: "broker_unavailable" } }) : T(o, { status: "interactive" });
         return;
       }
-      const I = p == null ? void 0 : p.status, z = (p == null ? void 0 : p.body) || {};
-      if (I === 200 && z.credential) {
-        O(r, z.credential);
+      const C = p == null ? void 0 : p.status, S = (p == null ? void 0 : p.body) || {};
+      if (C === 200 && S.credential) {
+        $(r, S.credential);
         return;
       }
-      if (I === 409 && z.consentRequired) {
-        k(o, {
+      if (C === 409 && S.consentRequired) {
+        T(o, {
           status: "interactive",
           consent: {
-            client: z.client || null,
-            stepUp: !!z.stepUp,
-            scope: z.scope || r.scope
+            client: S.client || null,
+            stepUp: !!S.stepUp,
+            scope: S.scope || r.scope
           },
           error: null
         });
         return;
       }
-      const K = z.error || "broker_error";
-      if (!n && $e.has(K)) {
-        k(o, { status: "interactive" });
+      const G = S.error || "broker_error";
+      if (!n && xe.has(G)) {
+        T(o, { status: "interactive" });
         return;
       }
-      if (n && K === "consent_denied") {
-        k(o, { error: null });
+      if (n && G === "consent_denied") {
+        T(o, { error: null });
         return;
       }
-      if (K === "rate_limited" && !r.rateLimitRetried) {
-        const X = Math.min(
-          Number(z.retryAfter) > 0 ? Number(z.retryAfter) : Se,
-          xe
-        ), te = { ...r, rateLimitRetried: !0 };
+      if (G === "rate_limited" && !r.rateLimitRetried) {
+        const H = Math.min(
+          Number(S.retryAfter) > 0 ? Number(S.retryAfter) : ve,
+          Se
+        ), ne = { ...r, rateLimitRetried: !0 };
         f(o), c.current[o] = setTimeout(() => {
-          delete c.current[o], v.current[o] = !0, ee.current(te, { approve: n }).finally(() => {
-            delete v.current[o];
+          delete c.current[o], M.current[o] = !0, ee.current(ne, { approve: n }).finally(() => {
+            delete M.current[o];
           });
-        }, X * 1e3), k(o, { rateLimitRetried: !0 });
+        }, H * 1e3), T(o, { rateLimitRetried: !0 });
         return;
       }
-      d(o), M((X) => ({
-        ...X,
+      l(o), y((H) => ({
+        ...H,
         [o]: {
           origin: o,
-          reason: `broker:${K}`,
-          detail: { status: I != null ? I : null, reason: K },
+          reason: `broker:${G}`,
+          detail: { status: C != null ? C : null, reason: G },
           clientId: r.clientId || b.current[o] || null
         }
       }));
     },
-    [O, k, d, f]
-  ), ee = l($);
-  ee.current = $, g(() => {
-    Object.values(y).forEach((r) => {
-      r.status !== "broker" || v.current[r.origin] || c.current[r.origin] || (v.current[r.origin] = !0, $(r).finally(() => {
-        delete v.current[r.origin];
+    [$, T, l, f]
+  ), ee = d(z);
+  ee.current = z, g(() => {
+    Object.values(I).forEach((r) => {
+      r.status !== "broker" || M.current[r.origin] || c.current[r.origin] || (M.current[r.origin] = !0, z(r).finally(() => {
+        delete M.current[r.origin];
       }));
     });
-  }, [y, $]);
+  }, [I, z]);
   const W = h(
-    (r) => !V.current || !(r != null && r.consent) || v.current[r.origin] ? Promise.resolve() : (v.current[r.origin] = !0, $(r, { approve: !0 }).finally(() => {
-      delete v.current[r.origin];
+    (r) => !Q.current || !(r != null && r.consent) || M.current[r.origin] ? Promise.resolve() : (M.current[r.origin] = !0, z(r, { approve: !0 }).finally(() => {
+      delete M.current[r.origin];
     })),
-    [$]
+    [z]
   );
   g(() => () => {
     P.current && P.current(), Object.values(c.current).forEach(clearTimeout);
   }, []), g(() => {
-    m === !1 && (Object.values(c.current).forEach(clearTimeout), c.current = {}, v.current = {}, b.current = {}, G.current = {}, C.current = {}, Z.current = {}, E.current = {}, L({}), A({}), M({}));
+    m === !1 && (Object.values(c.current).forEach(clearTimeout), c.current = {}, M.current = {}, b.current = {}, Y.current = {}, v.current = {}, K.current = {}, R.current = {}, L({}), A({}), y({}));
   }, [m]);
-  const Q = h(
+  const X = h(
     (r) => {
       P.current && (P.current(), P.current = null);
-      const n = s || ze;
+      const n = s || Oe;
       P.current = n(r, {
         onBlocked: () => {
           A((t) => t[r.origin] ? {
@@ -303,27 +303,27 @@ const le = ye(null), ue = ye({
         // a legacy guest is remounted because it only learns of a login by reloading.
         onClosed: () => {
           const t = j.current[r.origin];
-          !t || t.v2 || T(r.origin);
+          !t || t.v2 || k(r.origin);
         }
       });
     },
-    [s, T]
+    [s, k]
   ), re = {
-    pending: Object.values(y).filter(
+    pending: Object.values(I).filter(
       (r) => r.status === "interactive"
     ),
-    authorize: Q,
+    authorize: X,
     approve: W,
-    complete: O,
+    complete: $,
     dismiss: B,
     originEpochs: q,
-    credentials: H,
+    credentials: Z,
     unsupported: U,
     setDelivered: N
   };
-  return /* @__PURE__ */ F.createElement(ue.Provider, { value: re }, e);
+  return /* @__PURE__ */ D.createElement(ue.Provider, { value: re }, e);
 };
-Ae.propTypes = {
+_e.propTypes = {
   children: w.node,
   launcher: w.func,
   ready: w.bool,
@@ -337,65 +337,65 @@ Ae.propTypes = {
    */
   broker: w.func
 };
-const De = () => ne(ue), Fe = (e) => {
-  const { originEpochs: s } = ne(ue), u = oe(e);
+const $e = () => te(ue), ze = (e) => {
+  const { originEpochs: s } = te(ue), u = oe(e);
   return u && s[u] || 0;
-}, Pe = (e) => {
-  const { credentials: s } = ne(ue), u = oe(e);
+}, Fe = (e) => {
+  const { credentials: s } = te(ue), u = oe(e);
   return u && s[u] || null;
-}, Be = (e) => {
-  const { unsupported: s } = ne(ue), u = oe(e);
+}, De = (e) => {
+  const { unsupported: s } = te(ue), u = oe(e);
   return u && s[u] || 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.", We = ({
+}, Te = "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.", Pe = ({
   children: e,
   authorizationLauncher: s,
   credentialBroker: u,
   ready: m
 }) => {
-  const R = m === !0, y = l(!1);
+  const E = m === !0, I = d(!1);
   g(() => {
-    m !== void 0 || y.current || (y.current = !0, console.error(Ie), typeof window != "undefined" && typeof window.alert == "function" && window.alert(Ie));
+    m !== void 0 || I.current || (I.current = !0, console.error(Te), typeof window != "undefined" && typeof window.alert == "function" && window.alert(Te));
   }, [m]);
-  const [A, q] = D({}), [J, H] = D({}), L = l({}), U = l({}), M = l({}), E = h((i, a) => {
+  const [A, q] = F({}), [J, Z] = F({}), L = d({}), U = d({}), y = d({}), R = h((i, a) => {
     var c;
-    return !!((c = M.current[i]) != null && c.has(a));
+    return !!((c = y.current[i]) != null && c.has(a));
   }, []), j = h((i, a, c) => {
     q((f) => ({ ...f, [i]: { origin: a, frameRef: c } }));
   }, []), P = h((i) => {
     q((a) => {
       const c = { ...a };
       return delete c[i], c;
-    }), H((a) => {
+    }), Z((a) => {
       const c = { ...a };
       return delete c[i], c;
-    }), delete M.current[i], Object.keys(U.current).forEach((a) => {
+    }), delete y.current[i], Object.keys(U.current).forEach((a) => {
       U.current[a].instanceId === i && delete U.current[a];
     });
   }, []);
   g(() => () => {
     U.current = {};
   }, []), g(() => {
-    const i = (c = [], f, d) => {
-      c.forEach((T) => T(f, d));
+    const i = (c = [], f, l) => {
+      c.forEach((k) => k(f, l));
     }, a = (c) => {
-      var k, v, $, ee, W, Q, re;
-      if (!((k = c == null ? void 0 : c.data) != null && k.instanceId))
+      var T, M, z, ee, W, X, re;
+      if (!((T = c == null ? void 0 : c.data) != null && T.instanceId))
         return;
-      const { instanceId: f, type: d } = c.data, T = A[f], B = ($ = (v = T == null ? void 0 : T.frameRef) == null ? void 0 : v.current) == null ? void 0 : $.contentWindow;
-      if (!B || c.source !== B || c.origin !== T.origin)
+      const { instanceId: f, type: l } = c.data, k = A[f], B = (z = (M = k == null ? void 0 : k.frameRef) == null ? void 0 : M.current) == null ? void 0 : z.contentWindow;
+      if (!B || c.source !== B || c.origin !== k.origin)
         return;
-      const x = { origin: c.origin }, O = L.current;
-      if (d === "response") {
+      const O = { origin: c.origin }, $ = L.current;
+      if (l === "response") {
         const { callbackId: r, response: n, error: t } = c.data, o = U.current[r];
         o && o.instanceId === f && (o.callback(n, t), delete U.current[r]);
         return;
       }
-      if (d === "mark-registered") {
+      if (l === "mark-registered") {
         const { requestType: r } = c.data;
-        M.current[f] || (M.current[f] = /* @__PURE__ */ new Set()), M.current[f].add(r);
+        y.current[f] || (y.current[f] = /* @__PURE__ */ new Set()), y.current[f].add(r);
         return;
       }
-      d === "ready" && H((r) => ({ ...r, [f]: !0 })), i((ee = O[f]) == null ? void 0 : ee[d], c.data, x), i((W = O["*"]) == null ? void 0 : W[d], c.data, x), i((Q = O[f]) == null ? void 0 : Q["*"], c.data, x), i((re = O["*"]) == null ? void 0 : re["*"], c.data, x);
+      l === "ready" && Z((r) => ({ ...r, [f]: !0 })), i((ee = $[f]) == null ? void 0 : ee[l], c.data, O), i((W = $["*"]) == null ? void 0 : W[l], c.data, O), i((X = $[f]) == null ? void 0 : X["*"], c.data, O), i((re = $["*"]) == null ? void 0 : re["*"], c.data, O);
     };
     return window.addEventListener("message", a), () => {
       window.removeEventListener("message", a);
@@ -403,27 +403,27 @@ const De = () => ne(ue), Fe = (e) => {
   }, [A]);
   const b = h(
     (i, a, c, f) => {
-      var T, B;
-      const d = A[i];
-      if (!d) {
+      var k, B;
+      const l = A[i];
+      if (!l) {
         console.warn(`Origin not set for id: ${i}. Unable to send message.`);
         return;
       }
-      (B = (T = d == null ? void 0 : d.frameRef) == null ? void 0 : T.current) != null && B.contentWindow && d.frameRef.current.contentWindow.postMessage(
+      (B = (k = l == null ? void 0 : l.frameRef) == null ? void 0 : k.current) != null && B.contentWindow && l.frameRef.current.contentWindow.postMessage(
         { type: a, ...c, instanceId: i },
-        f || d.origin
+        f || l.origin
       );
     },
     [A]
-  ), G = l(0), V = h(() => `${Date.now()}-${++G.current}`, []), C = h(
-    async (i, a, c = {}) => new Promise((f, d) => {
-      const T = V(), B = (x, O) => {
-        delete U.current[T], O ? d(O) : f(x);
+  ), Y = d(0), Q = h(() => `${Date.now()}-${++Y.current}`, []), v = h(
+    async (i, a, c = {}) => new Promise((f, l) => {
+      const k = Q(), B = (O, $) => {
+        delete U.current[k], $ ? l($) : f(O);
       };
-      U.current[T] = { instanceId: i, callback: B }, b(i, "request", { callbackId: T, requestType: a, data: c });
+      U.current[k] = { instanceId: i, callback: B }, b(i, "request", { callbackId: k, requestType: a, data: c });
     }),
     [b]
-  ), Z = h(
+  ), K = h(
     (i, a) => {
       b(i, "load-options", a);
     },
@@ -433,17 +433,17 @@ const De = () => ne(ue), Fe = (e) => {
       b(i, "validate", a);
     },
     [b]
-  ), S = Ce(
+  ), x = Me(
     () => ({
       registerFrame: j,
       unregisterFrame: P,
       sendMessage: b,
-      sendRequest: C,
-      loadOptions: Z,
+      sendRequest: v,
+      loadOptions: K,
       validate: N,
-      hasHandler: E,
+      hasHandler: R,
       readyFrames: J,
-      ready: R,
+      ready: E,
       addListener: (i, a, c) => (L.current[i] || (L.current[i] = {}), L.current[i][a] || (L.current[i][a] = []), L.current[i][a].push(c), () => {
         L.current[i][a] = L.current[i][a].filter((f) => f !== c);
       })
@@ -452,51 +452,51 @@ const De = () => ne(ue), Fe = (e) => {
       j,
       P,
       b,
-      C,
-      Z,
+      v,
+      K,
       N,
-      E,
+      R,
       J,
-      R
+      E
     ]
   );
-  return /* @__PURE__ */ F.createElement(le.Provider, { value: S }, /* @__PURE__ */ F.createElement(
-    Ae,
+  return /* @__PURE__ */ D.createElement(ae.Provider, { value: x }, /* @__PURE__ */ D.createElement(
+    _e,
     {
       launcher: s,
       broker: u,
-      ready: R
+      ready: E
     },
     e
   ));
 }, se = (e, s, u) => {
-  const m = ne(le);
+  const m = te(ae);
   if (m === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const R = l(u);
+  const E = d(u);
   g(() => {
-    R.current = u;
+    E.current = u;
   }, [u]), g(() => {
     if (!(!e || !s)) {
       if (s.startsWith("key:")) {
-        const y = s.substring(4);
-        return m.readyFrames[e] && m.sendMessage(e, "subscribe-key", { keyChord: y }), m.addListener(
+        const I = s.substring(4);
+        return m.readyFrames[e] && m.sendMessage(e, "subscribe-key", { keyChord: I }), m.addListener(
           e,
-          `key-pressed:${y}`,
-          (...q) => R.current(...q)
+          `key-pressed:${I}`,
+          (...q) => E.current(...q)
         );
       }
       return m.addListener(
         e,
         s,
-        (...y) => R.current(...y)
+        (...I) => E.current(...I)
       );
     }
   }, [m, e, s]);
 };
-We.propTypes = {
+Pe.propTypes = {
   children: w.node.isRequired,
   /**
    * Required. True once the host holds its bearer; zones mount no iframe until then. Missing =
@@ -519,34 +519,34 @@ We.propTypes = {
    */
   credentialBroker: w.func
 };
-const he = Re.default || Re, qe = 1e4, je = 6e3, _e = 15e3, He = 2e3, Ze = 3e3, Le = () => typeof document != "undefined" && document.visibilityState === "hidden", ce = (e, s, u) => {
-  if (e.current && clearTimeout(e.current.handle), Le()) {
+const pe = ge.default || ge, Be = 1e4, We = 6e3, qe = 5e3, je = 2e4, He = 3e3, Ae = () => typeof document != "undefined" && document.visibilityState === "hidden", ce = (e, s, u) => {
+  if (e.current && clearTimeout(e.current.handle), Ae()) {
     e.current = { ms: s, fn: u, suspended: !0 };
     return;
   }
-  const m = Date.now(), R = setTimeout(() => {
-    if (Date.now() - m - s > Ze) {
+  const m = Date.now(), E = setTimeout(() => {
+    if (Date.now() - m - s > He) {
       ce(e, s, u);
       return;
     }
     e.current = void 0, u();
   }, s);
-  e.current = { handle: R, ms: s, fn: u };
-}, Y = (e) => {
+  e.current = { handle: E, ms: s, fn: u };
+}, V = (e) => {
   e.current && clearTimeout(e.current.handle), e.current = void 0;
-}, fe = (e) => {
+}, de = (e) => {
   e.current && !e.current.suspended && (clearTimeout(e.current.handle), e.current = { ms: e.current.ms, fn: e.current.fn, suspended: !0 });
-}, pe = (e) => {
+}, fe = (e) => {
   e.current && e.current.suspended && ce(e, e.current.ms, e.current.fn);
-}, Ke = "credentials", Ye = (e, s) => `${e}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
+}, Ze = "credentials", Ke = (e, s) => `${e}/mm-embedded-interop?id=${encodeURIComponent(s)}&origin=${encodeURIComponent(
   window.location.origin
-)}&caps=${Ke}`, Ge = he.iframe`
+)}&caps=${Ze}`, Ge = pe.iframe`
   width: 100%;
   height: 100%;
   border: none;
   visibility: ${(e) => e.$isReady ? "visible" : "hidden"};
   ${(e) => e.$collapsed ? "position: absolute; width: 1px; height: 1px; overflow: hidden;" : ""}
-`, Ve = he.div`
+`, Ve = pe.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -559,7 +559,7 @@ const he = Re.default || Re, qe = 1e4, je = 6e3, _e = 15e3, He = 2e3, Ze = 3e3,
   text-align: center;
   color: #555;
   font-size: 14px;
-`, Qe = (e) => {
+`, Ye = (e) => {
   const s = e && e.origin || "This app", u = e && e.reason || "";
   switch (u) {
     case "broker:scope_above_ceiling":
@@ -587,11 +587,11 @@ const he = Re.default || Re, qe = 1e4, je = 6e3, _e = 15e3, He = 2e3, Ze = 3e3,
         detail: "It needs an update to support embedding from a different domain."
       };
   }
-}, Me = ({ entry: e }) => {
-  const s = Qe(e);
-  return /* @__PURE__ */ F.createElement(Ve, { "data-reason": e && e.reason || void 0 }, /* @__PURE__ */ F.createElement("div", { style: { fontWeight: 600 } }, s.title), /* @__PURE__ */ F.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.detail));
+}, Le = ({ entry: e }) => {
+  const s = Ye(e);
+  return /* @__PURE__ */ D.createElement(Ve, { "data-reason": e && e.reason || void 0 }, /* @__PURE__ */ D.createElement("div", { style: { fontWeight: 600 } }, s.title), /* @__PURE__ */ D.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.detail));
 };
-Me.propTypes = {
+Le.propTypes = {
   entry: w.shape({
     origin: w.string,
     name: w.string,
@@ -599,24 +599,24 @@ Me.propTypes = {
     detail: w.object
   })
 };
-const Xe = he.div`
+const Qe = pe.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`, Je = () => /* @__PURE__ */ F.createElement(Xe, null, /* @__PURE__ */ F.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Ne = ({
+`, Xe = () => /* @__PURE__ */ D.createElement(Qe, null, /* @__PURE__ */ D.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), Je = ({
   id: e,
   src: s,
   path: u,
   onInit: m = () => {
   },
-  onTimeout: R,
-  onRemount: y,
+  onTimeout: E,
+  onRemount: I,
   onStall: A,
   context: q = {},
   params: J = {},
-  renderUnsupported: H,
+  renderUnsupported: Z,
   renderTimeout: L,
   ...U
 }) => {
@@ -632,32 +632,32 @@ const Xe = he.div`
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  const M = l(), E = oe(s), [j, P] = D(), [b, G] = D(0), [V, C] = D(!1), [Z, N] = D(!1), S = Fe(s), i = Pe(s), a = Be(s), { setDelivered: c } = De(), [f, d] = D(0), [T, B] = D(null), { registerFrame: x, unregisterFrame: O, sendMessage: k, ready: v } = ne(
-    le
-  ), [$, ee] = D(), W = l(), Q = l(R), re = l(m), r = l(y), n = l(A), t = l(!1), o = l(), p = l(), I = l(), z = l(!1), K = l(!1), X = l(null), te = h(() => {
-    t.current = !1, z.current = !1, K.current = !1, X.current = null, Y(W), Y(o), Y(p), clearTimeout(I.current), G(0), C(!1), N(!1), B(null), c(E, e, !1);
-  }, [c, E, e]);
+  const y = d(), R = oe(s), [j, P] = F(), [b, Y] = F(0), [Q, v] = F(!1), [K, N] = F(!1), x = ze(s), i = Fe(s), a = De(s), { setDelivered: c } = $e(), [f, l] = F(0), [k, B] = F(null), { registerFrame: O, unregisterFrame: $, sendMessage: T, ready: M } = te(
+    ae
+  ), [z, ee] = F(), W = d(), X = d(E), re = d(m), r = d(I), n = d(A), t = d(!1), o = d(), p = d(), C = d(!1), S = d(!1), G = d(null), H = h(() => {
+    t.current = !1, C.current = !1, S.current = !1, G.current = null, V(W), V(o), V(p), Y(0), v(!1), N(!1), B(null), c(R, e, !1);
+  }, [c, R, e]);
   g(() => {
-    (S > 0 || f > 0) && te();
-  }, [S, f, te]), g(() => {
-    Q.current = R;
-  }, [R]), g(() => {
+    (x > 0 || f > 0) && H();
+  }, [x, f, H]), g(() => {
+    X.current = E;
+  }, [E]), g(() => {
     re.current = m;
   }, [m]), g(() => {
-    r.current = y;
-  }, [y]), g(() => {
+    r.current = I;
+  }, [I]), g(() => {
     n.current = A;
   }, [A]), g(() => {
     const _ = () => {
-      if (Le()) {
-        fe(W), fe(o), fe(p);
+      if (Ae()) {
+        de(W), de(o), de(p);
         return;
       }
-      pe(W), pe(p), z.current && pe(o);
+      fe(W), fe(p), C.current && fe(o);
     };
     return document.addEventListener("visibilitychange", _), () => document.removeEventListener("visibilitychange", _);
   }, []), g(() => {
-    b && k(
+    b && T(
       e,
       "set-context",
       {
@@ -665,92 +665,90 @@ const Xe = he.div`
           ...q
         }
       },
-      E
+      R
     );
-  }, [q, e, b, E]), g(() => {
-    b && k(e, "set-params", { params: J }, E);
-  }, [J, e, b, E]), g(() => {
+  }, [q, e, b, R]), g(() => {
+    b && T(e, "set-params", { params: J }, R);
+  }, [J, e, b, R]), g(() => {
     u !== void 0 && ee((u == null ? void 0 : u.indexOf("/")) === 0 ? u : `/${u}`);
   }, [u]), g(() => {
-    $ === void 0 || !b || k(e, "navigate", { path: $ }, E);
-  }, [$, b, e, k, E]), g(() => {
-    if (!s || !e || !M)
+    z === void 0 || !b || T(e, "navigate", { path: z }, R);
+  }, [z, b, e, T, R]), g(() => {
+    if (!s || !e || !y)
       return;
-    if (!v) {
-      te(), P(void 0);
+    if (!M) {
+      H(), P(void 0);
       return;
     }
-    te();
+    H();
     const _ = new URL(s);
-    return x(e, _.origin, M), re.current(), P(Ye(_.origin, e)), () => {
-      O(e);
+    return O(e, _.origin, y), re.current(), P(Ke(_.origin, e)), () => {
+      $(e);
     };
-  }, [s, e, v, x, M, te]);
-  const ae = h(() => {
-    C(!0), Q.current && Q.current();
+  }, [s, e, M, O, y, H]);
+  const ne = h(() => {
+    v(!0), X.current && X.current();
   }, []);
   g(() => {
     if (!(!j || t.current))
-      return ce(W, qe, ae), () => Y(W);
-  }, [j, s, S, f, ae]);
+      return ce(W, Be, ne), () => V(W);
+  }, [j, s, x, f, ne]);
   const ie = h(() => {
-    t.current = !0, Y(W), C(!1);
-  }, []), me = h(() => {
-    const _ = X.current;
-    if (_ && !K.current) {
-      K.current = !0, k(e, "credential", _, E), n.current && n.current("redelivered"), ce(p, _e, me);
+    t.current = !0, V(W), v(!1);
+  }, []), le = h(() => {
+    if (!S.current) {
+      S.current = !0, T(e, "credential", G.current, R), n.current && n.current("redelivered"), ce(p, je, le);
       return;
     }
-    n.current && n.current("ready"), ae();
-  }, [e, k, E, ae]);
+    n.current && n.current("ready"), ne();
+  }, [e, T, R, ne]);
   se(e, "init", (_) => {
-    ie(), ce(p, _e, me), Array.isArray(_ == null ? void 0 : _.acceptsCredentials) && B(_.acceptsCredentials);
+    ie(), Array.isArray(_ == null ? void 0 : _.acceptsCredentials) && B(_.acceptsCredentials);
   }), se(e, "authorize", ie), se(e, "login", ie), se(e, "credential-request", () => {
     ie(), N(!0);
   }), g(() => {
-    if (!Z || !i)
+    if (!K || !i)
       return;
-    const _ = T;
+    const _ = k;
     if (Array.isArray(_) && !_.includes(i.kind))
       return;
-    const de = { ...i.kind === "access_token" ? { accessToken: i.accessToken } : {}, credential: i };
-    return X.current = de, k(e, "credential", de, E), c(E, e, !0), clearTimeout(I.current), I.current = setTimeout(() => {
-      I.current = void 0, k(e, "credential", de, E);
-    }, He), () => clearTimeout(I.current);
+    const be = { ...i.kind === "access_token" ? { accessToken: i.accessToken } : {}, credential: i };
+    G.current = be, S.current = !1, T(e, "credential", be, R), c(R, e, !0), ce(p, qe, le);
   }, [
-    Z,
+    le,
+    K,
     i,
-    T,
-    e,
     k,
-    E,
+    e,
+    T,
+    R,
     c
   ]), se(e, "ready", () => {
-    ie(), Y(p), clearTimeout(I.current), I.current = void 0, G((_) => _ + 1);
+    ie(), V(p), Y((_) => _ + 1);
   });
-  const ve = h(() => {
-    r.current && r.current("heartbeat"), d((_) => _ + 1);
+  const ye = h(() => {
+    r.current && r.current("heartbeat"), l((_) => _ + 1);
   }, []);
   if (se(e, "heartbeat", () => {
-    z.current = !0, ce(o, je, ve);
+    C.current = !0, ce(o, We, ye);
   }), g(() => () => {
-    Y(o), Y(p), Y(W), clearTimeout(I.current);
+    V(o), V(p), V(W);
   }, []), a)
-    return H ? H(a) : /* @__PURE__ */ F.createElement(Me, { entry: a });
-  const be = !!(V && !b), ge = { ...U };
-  return delete ge.skipManifestCheck, /* @__PURE__ */ F.createElement(F.Fragment, null, be && (L ? L() : /* @__PURE__ */ F.createElement(Je, null)), /* @__PURE__ */ F.createElement(
+    return Z ? Z(a) : /* @__PURE__ */ D.createElement(Le, { entry: a });
+  const he = !!(Q && !b), me = { ...U };
+  return delete me.skipManifestCheck, /* @__PURE__ */ D.createElement(D.Fragment, null, he && (L ? L() : /* @__PURE__ */ D.createElement(Xe, null)), /* @__PURE__ */ D.createElement(
     Ge,
     {
-      key: `auth-epoch-${S}-frame-${f}`,
+      key: `auth-epoch-${x}-frame-${f}`,
       $isReady: b,
-      $collapsed: be,
-      ref: M,
+      $collapsed: he,
+      ref: y,
       src: j,
-      ...ge
+      ...me
     }
   ));
 };
-Ne.propTypes = {
+Je.propTypes = {
   id: w.string,
   src: w.string.isRequired,
   path: w.string,
@@ -777,18 +775,18 @@ Ne.propTypes = {
   renderTimeout: w.func
 };
 export {
-  Ue as CREDENTIAL_KIND_ACCESS_TOKEN,
+  Ce as CREDENTIAL_KIND_ACCESS_TOKEN,
   ue as EmbeddedAuthorizationContext,
-  Ne as MMEmbeddableZone,
-  le as MMEmbeddableZoneContext,
-  We as MMEmbeddableZoneProvider,
+  Je as MMEmbeddableZone,
+  ae as MMEmbeddableZoneContext,
+  Pe as MMEmbeddableZoneProvider,
   ke as isCrossSite,
   Ee as normalizeCredential,
-  ze as popupAuthorizationLauncher,
-  Qe as unsupportedCopy,
-  De as useEmbeddedAuthorizations,
-  Pe as useEmbeddedCredential,
+  Oe as popupAuthorizationLauncher,
+  Ye as unsupportedCopy,
+  $e as useEmbeddedAuthorizations,
+  Fe as useEmbeddedCredential,
   se as useEmbeddedEffect,
-  Fe as useEmbeddedOriginEpoch,
-  Be as useEmbeddedUnsupported
+  ze as useEmbeddedOriginEpoch,
+  De as useEmbeddedUnsupported
 };

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

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

package/package.json

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