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

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),w=require("prop-types"),q=require("styled-components"),Z=e.createContext(null),B={},_=async n=>{let i;try{if(i=new URL(n).origin,B[i]!==void 0)return B[i];const l=await(await fetch(`${i}/mm-app-manifest.json`)).json();if(!l.version)throw new Error("Invalid manifest");return B[i]=l,l}catch{}return i&&(B[i]=!1),!1},V=async n=>!!await _(n),v=e.createContext({pending:[],authorize:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),se=2e4,A=n=>{try{return new URL(n).origin}catch{return null}},K=n=>{if(!n||/^\d{1,3}(?:\.\d{1,3}){3}$/.test(n)||n.includes(":"))return n;const i=n.split(".");return i.length<=2?n:i.slice(-2).join(".")},G=(n,i)=>{try{const o=new URL(n),l=new URL(i);return o.protocol!==l.protocol?!0:K(o.hostname)!==K(l.hostname)}catch{return!0}},J=(n,{onBlocked:i,onClosed:o})=>{const l=window.open(n.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!l)return i(),()=>{};const m=setInterval(()=>{l.closed&&(clearInterval(m),o())},1e3);return()=>clearInterval(m)},Q=({children:n,launcher:i})=>{const o=e.useContext(Z),[l,m]=e.useState({}),[R,g]=e.useState({}),[p,z]=e.useState({}),[$,x]=e.useState({}),y=e.useRef(p);y.current=p;const b=e.useRef(null),M=e.useRef({}),S=e.useCallback((t,r)=>{_(r).then(s=>{if(!s||!s.name)return;const f=k=>k[t]?{...k,[t]:{...k[t],name:s.name}}:k;m(f),x(f)})},[]),O=e.useCallback((t,r)=>{const s=A(t==null?void 0:t.authUrl);s&&(x(f=>f[s]?f:{...f,[s]:{origin:s,reason:r,name:null}}),S(s,t.authUrl))},[S]),L=e.useCallback((t,{v2:r=!1}={})=>{const s=A(t==null?void 0:t.authUrl);s&&(r&&y.current[s]||(m(f=>f[s]?f:{...f,[s]:{origin:s,authUrl:t.authUrl,silentUrl:t.silentUrl||null,status:r&&t.silentUrl?"silent":"interactive",v2:r,name:null,popupBlocked:!1}}),S(s,t.authUrl)))},[S]),C=e.useCallback(t=>{m(r=>{if(!r[t])return r;const s={...r};return delete s[t],s})},[]),T=e.useCallback(t=>{t&&(C(t),g(r=>({...r,[t]:(r[t]||0)+1})))},[C]),u=e.useCallback(t=>{m(r=>!r[t]||r[t].status==="interactive"?r:{...r,[t]:{...r[t],status:"interactive"}})},[]),d=e.useCallback(t=>{C(t.origin)},[C]),c=e.useCallback(t=>{const r=A(t==null?void 0:t.authUrl);if(r&&G(r,window.location.origin)){O(t,"cross-site-legacy");return}L(t)},[L,O]);e.useEffect(()=>{if(!o)return;const t=[o.addListener("*","authorize",c),o.addListener("*","login",c),o.addListener("*","credential-request",r=>L(r,{v2:!0})),o.addListener("*","authorized",r=>{r!=null&&r.accessToken||T(A(r==null?void 0:r.authUrl))})];return()=>t.forEach(r=>r())},[o,c,L,T]),e.useEffect(()=>{const t=r=>{const s=r==null?void 0:r.data;if(!s||s.type!=="authorized"&&s.type!=="authorize-failed")return;const f=A(s.authUrl);if(!(!f||r.origin!==f)){if(s.type==="authorized"&&s.accessToken){z(k=>({...k,[f]:{accessToken:s.accessToken}})),C(f);return}s.type==="authorize-failed"&&u(f)}};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)},[C,u]),e.useEffect(()=>{const t=M.current;Object.values(l).forEach(r=>{r.status==="silent"&&!t[r.origin]&&(t[r.origin]=setTimeout(()=>{delete t[r.origin],u(r.origin)},se))}),Object.keys(t).forEach(r=>{(!l[r]||l[r].status!=="silent")&&(clearTimeout(t[r]),delete t[r])})},[l,u]),e.useEffect(()=>()=>{b.current&&b.current(),Object.values(M.current).forEach(clearTimeout)},[]);const a=e.useCallback(t=>{b.current&&(b.current(),b.current=null);const r=i||J;b.current=r(t,{onBlocked:()=>{m(s=>s[t.origin]?{...s,[t.origin]:{...s[t.origin],popupBlocked:!0}}:s)},onClosed:()=>{if(t.v2){m(s=>!s[t.origin]||!s[t.origin].silentUrl?s:{...s,[t.origin]:{...s[t.origin],status:"silent"}});return}T(t.origin)}})},[i,T]),h={pending:Object.values(l).filter(t=>t.status==="interactive"),authorize:a,dismiss:d,originEpochs:R,credentials:p,unsupported:$},E=Object.values(l).filter(t=>t.status==="silent"&&t.silentUrl);return e.createElement(v.Provider,{value:h},n,E.map(t=>e.createElement("iframe",{key:`mm-silent-auth-${t.origin}`,src:t.silentUrl,title:`MachineMetrics silent authorization (${t.origin})`,"aria-hidden":"true",tabIndex:-1,style:{display:"none"}})))};Q.propTypes={children:w.node,launcher:w.func};const X=()=>e.useContext(v),Y=n=>{const{originEpochs:i}=e.useContext(v),o=A(n);return o&&i[o]||0},N=n=>{const{credentials:i}=e.useContext(v),o=A(n);return o&&i[o]||null},ee=n=>{const{unsupported:i}=e.useContext(v),o=A(n);return o&&i[o]||null},te=({children:n,authorizationLauncher:i})=>{const[o,l]=e.useState({}),[m,R]=e.useState({}),g=e.useRef({}),p=e.useRef({}),z=e.useRef({}),$=e.useCallback((u,d)=>{var c;return!!((c=z.current[u])!=null&&c.has(d))},[]),x=e.useCallback((u,d,c)=>{l(a=>({...a,[u]:{origin:d,frameRef:c}}))},[]),y=e.useCallback(u=>{l(d=>{const c={...d};return delete c[u],c}),R(d=>{const c={...d};return delete c[u],c}),delete z.current[u]},[]);e.useEffect(()=>{const u=(c=[],a)=>{c.forEach(h=>h(a))},d=c=>{var t,r,s,f,k;if(!((t=c==null?void 0:c.data)!=null&&t.instanceId))return;const{instanceId:a,type:h}=c.data,E=g.current;if(h==="response"){const{callbackId:I,response:P,error:F}=c.data,U=p.current[I];U&&(U(P,F),delete p.current[I]);return}if(h==="mark-registered"){const{requestType:I}=c.data;z.current[a]||(z.current[a]=new Set),z.current[a].add(I);return}h==="ready"&&R(I=>({...I,[a]:!0})),u((r=E[a])==null?void 0:r[h],c.data),u((s=E["*"])==null?void 0:s[h],c.data),u((f=E[a])==null?void 0:f["*"],c.data),u((k=E["*"])==null?void 0:k["*"],c.data)};return window.addEventListener("message",d),()=>{window.removeEventListener("message",d)}},[o]);const b=e.useCallback((u,d,c)=>{var h,E;const a=o[u];if(!a){console.warn(`Origin not set for id: ${u}. Unable to send message.`);return}(E=(h=a==null?void 0:a.frameRef)==null?void 0:h.current)!=null&&E.contentWindow&&a.frameRef.current.contentWindow.postMessage({type:d,...c,instanceId:u},a.origin)},[o]),M=e.useRef(0),S=e.useCallback(()=>`${Date.now()}-${++M.current}`,[]),O=e.useCallback(async(u,d,c={})=>new Promise((a,h)=>{const E=S(),t=(r,s)=>{delete p.current[E],s?h(s):a(r)};p.current[E]=t,b(u,"request",{callbackId:E,requestType:d,data:c})}),[b]),L=e.useCallback((u,d)=>{b(u,"load-options",d)},[b]),C=e.useCallback((u,d)=>{b(u,"validate",d)},[b]),T=e.useMemo(()=>({registerFrame:x,unregisterFrame:y,sendMessage:b,sendRequest:O,loadOptions:L,validate:C,hasHandler:$,readyFrames:m,addListener:(u,d,c)=>(g.current[u]||(g.current[u]={}),g.current[u][d]||(g.current[u][d]=[]),g.current[u][d].push(c),()=>{g.current[u][d]=g.current[u][d].filter(a=>a!==c)})}),[x,y,b,O,L,C,$,m]);return e.createElement(Z.Provider,{value:T},e.createElement(Q,{launcher:i},n))},j=(n,i,o)=>{const l=e.useContext(Z);if(l===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const m=e.useRef(o);e.useEffect(()=>{m.current=o},[o]),e.useEffect(()=>{if(!(!n||!i)){if(i.startsWith("key:")){const R=i.substring(4);return l.readyFrames[n]&&l.sendMessage(n,"subscribe-key",{keyChord:R}),l.addListener(n,`key-pressed:${R}`,(...p)=>m.current(...p))}return l.addListener(n,i,(...R)=>m.current(...R))}},[l,n,i])};te.propTypes={children:w.node.isRequired,authorizationLauncher:w.func};const D=q.default||q,oe=1e4,ie="credentials",W=(n,i)=>`${n}/mm-embedded-interop?id=${i}&origin=${window.location.origin}&caps=${ie}`,ue=D.iframe`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),E=require("prop-types"),j=require("styled-components"),v=e.createContext(null),Z=e.createContext({pending:[],authorize:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),ee=2e4,F=r=>{try{return new URL(r).origin}catch{return null}},W=r=>{if(!r||/^\d{1,3}(?:\.\d{1,3}){3}$/.test(r)||r.includes(":"))return r;const u=r.split(".");return u.length<=2?r:u.slice(-2).join(".")},D=(r,u)=>{try{const s=new URL(r),d=new URL(u);return s.protocol!==d.protocol?!0:W(s.hostname)!==W(d.hostname)}catch{return!0}},H=(r,{onBlocked:u,onClosed:s})=>{const d=window.open(r.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!d)return u(),()=>{};const g=setInterval(()=>{d.closed&&(clearInterval(g),s())},1e3);return()=>clearInterval(g)},K=({children:r,launcher:u})=>{const s=e.useContext(v),[d,g]=e.useState({}),[R,p]=e.useState({}),[x,T]=e.useState({}),[I,w]=e.useState({}),y=e.useRef(x);y.current=x;const b=e.useRef(null),k=e.useRef({}),P=e.useRef({}),C=e.useCallback(t=>{const n=P.current[t];if(!n)return;const o=f=>f[t]?{...f,[t]:{...f[t],name:n}}:f;g(o),w(o)},[]),O=e.useCallback((t,n)=>{const o=F(t==null?void 0:t.authUrl);o&&(w(f=>f[o]?f:{...f,[o]:{origin:o,reason:n,name:null}}),C(o))},[C]),z=e.useCallback((t,{v2:n=!1}={})=>{const o=F(t==null?void 0:t.authUrl);o&&(n&&y.current[o]||(g(f=>f[o]?f:{...f,[o]:{origin:o,authUrl:t.authUrl,silentUrl:t.silentUrl||null,status:n&&t.silentUrl?"silent":"interactive",v2:n,name:null,popupBlocked:!1}}),C(o)))},[C]),S=e.useCallback(t=>{g(n=>{if(!n[t])return n;const o={...n};return delete o[t],o})},[]),i=e.useCallback(t=>{t&&(S(t),p(n=>({...n,[t]:(n[t]||0)+1})))},[S]),l=e.useCallback(t=>{g(n=>!n[t]||n[t].status==="interactive"?n:{...n,[t]:{...n[t],status:"interactive"}})},[]),c=e.useCallback(t=>{S(t.origin)},[S]),a=e.useCallback(t=>{const n=F(t==null?void 0:t.authUrl);if(n&&D(n,window.location.origin)){O(t,"cross-site-legacy");return}z(t)},[z,O]);e.useEffect(()=>{if(!s)return;const t=[s.addListener("*","init",n=>{n!=null&&n.origin&&n.name&&(P.current[n.origin]=n.name,C(n.origin))}),s.addListener("*","authorize",a),s.addListener("*","login",a),s.addListener("*","credential-request",n=>z(n,{v2:!0})),s.addListener("*","authorized",n=>{n!=null&&n.accessToken||i(F(n==null?void 0:n.authUrl))})];return()=>t.forEach(n=>n())},[s,a,z,i,C]),e.useEffect(()=>{const t=n=>{const o=n==null?void 0:n.data;if(!o||o.type!=="authorized"&&o.type!=="authorize-failed")return;const f=F(o.authUrl);if(!(!f||n.origin!==f)){if(o.type==="authorized"&&o.accessToken){T(M=>({...M,[f]:{accessToken:o.accessToken}})),S(f);return}o.type==="authorize-failed"&&l(f)}};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)},[S,l]),e.useEffect(()=>{const t=k.current;Object.values(d).forEach(n=>{n.status==="silent"&&!t[n.origin]&&(t[n.origin]=setTimeout(()=>{delete t[n.origin],l(n.origin)},ee))}),Object.keys(t).forEach(n=>{(!d[n]||d[n].status!=="silent")&&(clearTimeout(t[n]),delete t[n])})},[d,l]),e.useEffect(()=>()=>{b.current&&b.current(),Object.values(k.current).forEach(clearTimeout)},[]);const h=e.useCallback(t=>{b.current&&(b.current(),b.current=null);const n=u||H;b.current=n(t,{onBlocked:()=>{g(o=>o[t.origin]?{...o,[t.origin]:{...o[t.origin],popupBlocked:!0}}:o)},onClosed:()=>{if(t.v2){g(o=>!o[t.origin]||!o[t.origin].silentUrl?o:{...o,[t.origin]:{...o[t.origin],status:"silent"}});return}i(t.origin)}})},[u,i]),m={pending:Object.values(d).filter(t=>t.status==="interactive"),authorize:h,dismiss:c,originEpochs:R,credentials:x,unsupported:I},U=Object.values(d).filter(t=>t.status==="silent"&&t.silentUrl);return e.createElement(Z.Provider,{value:m},r,U.map(t=>e.createElement("iframe",{key:`mm-silent-auth-${t.origin}`,src:t.silentUrl,title:`MachineMetrics silent authorization (${t.origin})`,"aria-hidden":"true",tabIndex:-1,style:{display:"none"}})))};K.propTypes={children:E.node,launcher:E.func};const V=()=>e.useContext(Z),G=r=>{const{originEpochs:u}=e.useContext(Z),s=F(r);return s&&u[s]||0},J=r=>{const{credentials:u}=e.useContext(Z),s=F(r);return s&&u[s]||null},Q=r=>{const{unsupported:u}=e.useContext(Z),s=F(r);return s&&u[s]||null},X=({children:r,authorizationLauncher:u})=>{const[s,d]=e.useState({}),[g,R]=e.useState({}),p=e.useRef({}),x=e.useRef({}),T=e.useRef({}),I=e.useCallback((i,l)=>{var c;return!!((c=T.current[i])!=null&&c.has(l))},[]),w=e.useCallback((i,l,c)=>{d(a=>({...a,[i]:{origin:l,frameRef:c}}))},[]),y=e.useCallback(i=>{d(l=>{const c={...l};return delete c[i],c}),R(l=>{const c={...l};return delete c[i],c}),delete T.current[i]},[]);e.useEffect(()=>{const i=(c=[],a)=>{c.forEach(h=>h(a))},l=c=>{var U,t,n,o,f;if(!((U=c==null?void 0:c.data)!=null&&U.instanceId))return;const{instanceId:a,type:h}=c.data,m=p.current;if(h==="response"){const{callbackId:M,response:$,error:A}=c.data,L=x.current[M];L&&(L($,A),delete x.current[M]);return}if(h==="mark-registered"){const{requestType:M}=c.data;T.current[a]||(T.current[a]=new Set),T.current[a].add(M);return}h==="ready"&&R(M=>({...M,[a]:!0})),i((t=m[a])==null?void 0:t[h],c.data),i((n=m["*"])==null?void 0:n[h],c.data),i((o=m[a])==null?void 0:o["*"],c.data),i((f=m["*"])==null?void 0:f["*"],c.data)};return window.addEventListener("message",l),()=>{window.removeEventListener("message",l)}},[s]);const b=e.useCallback((i,l,c)=>{var h,m;const a=s[i];if(!a){console.warn(`Origin not set for id: ${i}. Unable to send message.`);return}(m=(h=a==null?void 0:a.frameRef)==null?void 0:h.current)!=null&&m.contentWindow&&a.frameRef.current.contentWindow.postMessage({type:l,...c,instanceId:i},a.origin)},[s]),k=e.useRef(0),P=e.useCallback(()=>`${Date.now()}-${++k.current}`,[]),C=e.useCallback(async(i,l,c={})=>new Promise((a,h)=>{const m=P(),U=(t,n)=>{delete x.current[m],n?h(n):a(t)};x.current[m]=U,b(i,"request",{callbackId:m,requestType:l,data:c})}),[b]),O=e.useCallback((i,l)=>{b(i,"load-options",l)},[b]),z=e.useCallback((i,l)=>{b(i,"validate",l)},[b]),S=e.useMemo(()=>({registerFrame:w,unregisterFrame:y,sendMessage:b,sendRequest:C,loadOptions:O,validate:z,hasHandler:I,readyFrames:g,addListener:(i,l,c)=>(p.current[i]||(p.current[i]={}),p.current[i][l]||(p.current[i][l]=[]),p.current[i][l].push(c),()=>{p.current[i][l]=p.current[i][l].filter(a=>a!==c)})}),[w,y,b,C,O,z,I,g]);return e.createElement(v.Provider,{value:S},e.createElement(K,{launcher:u},r))},q=(r,u,s)=>{const d=e.useContext(v);if(d===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const g=e.useRef(s);e.useEffect(()=>{g.current=s},[s]),e.useEffect(()=>{if(!(!r||!u)){if(u.startsWith("key:")){const R=u.substring(4);return d.readyFrames[r]&&d.sendMessage(r,"subscribe-key",{keyChord:R}),d.addListener(r,`key-pressed:${R}`,(...x)=>g.current(...x))}return d.addListener(r,u,(...R)=>g.current(...R))}},[d,r,u])};X.propTypes={children:E.node.isRequired,authorizationLauncher:E.func};const B=j.default||j,te=1e4,ne="credentials",_=(r,u)=>`${r}/mm-embedded-interop?id=${u}&origin=${window.location.origin}&caps=${ne}`,re=B.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${n=>n.$isReady?"visible":"hidden"};
-`,ce=D.div`
+  visibility: ${r=>r.$isReady?"visible":"hidden"};
+`,se=B.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -16,13 +16,13 @@
   text-align: center;
   color: #555;
   font-size: 14px;
-`,ne=({entry:n})=>e.createElement(ce,null,e.createElement("div",{style:{fontWeight:600}},n&&(n.name||n.origin)||"This app"," can’t be embedded here"),e.createElement("div",{style:{fontSize:12,color:"#888"}},"It needs an update to support embedding from a different domain."));ne.propTypes={entry:w.shape({origin:w.string,name:w.string,reason:w.string})};const ae=D.div`
+`,Y=({entry:r})=>e.createElement(se,null,e.createElement("div",{style:{fontWeight:600}},r&&(r.name||r.origin)||"This app"," can’t be embedded here"),e.createElement("div",{style:{fontSize:12,color:"#888"}},"It needs an update to support embedding from a different domain."));Y.propTypes={entry:E.shape({origin:E.string,name:E.string,reason:E.string})};const oe=B.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`,re=({id:n,src:i,path:o,onInit:l=()=>{},onTimeout:m,context:R={},params:g={},skipManifestCheck:p=!1,renderUnsupported:z,...$})=>{if("isConfiguring"in $)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in R)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in R)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const x=e.useRef(),[y,b]=e.useState(),[M,S]=e.useState(0),[O,L]=e.useState(!1),C=Y(i),T=N(i),u=ee(i);e.useEffect(()=>{C>0&&S(0)},[C]);const{registerFrame:d,unregisterFrame:c,sendMessage:a}=e.useContext(Z),[h,E]=e.useState(!0),[t,r]=e.useState(),s=e.useRef(),f=e.useRef(m),k=e.useRef(l),I=e.useRef(!1);e.useEffect(()=>{f.current=m},[m]),e.useEffect(()=>{k.current=l},[l]),e.useEffect(()=>{M&&a(n,"set-context",{context:{...R,colorMode:g.colorMode,isFullScreen:g.isFullScreen}})},[R,g.colorMode,g.isFullScreen,n,M]),e.useEffect(()=>{M&&(a(n,"set-params",{params:g}),a(n,"set-configuring",{isConfiguring:g.isConfiguring}))},[g,n,M]),e.useEffect(()=>{o!==void 0&&r((o==null?void 0:o.indexOf("/"))===0?o:`/${o}`)},[o]),e.useEffect(()=>{t===void 0||!M||a(n,"navigate",{path:t})},[t,M,n,a]),e.useEffect(()=>{if(!(!i||!n||!x)){if(p){const U=new URL(i);E(!0),d(n,U.origin,x),k.current(),b(W(U.origin,n))}else(async()=>{const U=await V(i);if(E(U),U){const H=new URL(i);d(n,H.origin,x),k.current(),b(W(H.origin,n))}})();return()=>{c(n)}}},[i,n,d,x,p]),e.useEffect(()=>{if(!(!p||!y||I.current))return s.current=setTimeout(()=>{f.current&&f.current()},oe),()=>clearTimeout(s.current)},[y,p]);const P=e.useCallback(()=>{I.current=!0,clearTimeout(s.current)},[]);j(n,"init",P),j(n,"authorize",P),j(n,"login",P),j(n,"credential-request",()=>{P(),L(!0)}),e.useEffect(()=>{!O||!T||a(n,"credential",{accessToken:T.accessToken})},[O,T,n,a]),j(n,"ready",()=>{P(),S(U=>U+1)});const F=e.useRef();return j(n,"heartbeat",()=>{F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{if(x.current){const U=new URL(i);x.current.src=W(U.origin,n)}},6e3)}),e.useEffect(()=>()=>{F.current&&clearTimeout(F.current)},[]),!p&&!h?e.createElement(ae,null,e.createElement("div",{style:{textAlign:"center"}},"Application must adhere to the MM App Manifest specification to be embedded.")):u?z?z(u):e.createElement(ne,{entry:u}):e.createElement(ue,{key:`auth-epoch-${C}`,$isReady:M,ref:x,src:y,...$})};re.propTypes={id:w.string,src:w.string.isRequired,path:w.string,onInit:w.func,onTimeout:w.func,skipManifestCheck:w.bool,renderUnsupported:w.func};const le=q.div`
+`,ie=()=>e.createElement(oe,null,e.createElement("div",{style:{textAlign:"center"}},"This app couldn’t be loaded as an embeddable widget.")),N=({id:r,src:u,path:s,onInit:d=()=>{},onTimeout:g,context:R={},params:p={},renderUnsupported:x,renderTimeout:T,...I})=>{if("isConfiguring"in I)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in R)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in R)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const w=e.useRef(),[y,b]=e.useState(),[k,P]=e.useState(0),[C,O]=e.useState(!1),[z,S]=e.useState(!1),i=G(u),l=J(u),c=Q(u);e.useEffect(()=>{i>0&&P(0)},[i]);const{registerFrame:a,unregisterFrame:h,sendMessage:m}=e.useContext(v),[U,t]=e.useState(),n=e.useRef(),o=e.useRef(g),f=e.useRef(d),M=e.useRef(!1);e.useEffect(()=>{o.current=g},[g]),e.useEffect(()=>{f.current=d},[d]),e.useEffect(()=>{k&&m(r,"set-context",{context:{...R,colorMode:p.colorMode,isFullScreen:p.isFullScreen}})},[R,p.colorMode,p.isFullScreen,r,k]),e.useEffect(()=>{k&&(m(r,"set-params",{params:p}),m(r,"set-configuring",{isConfiguring:p.isConfiguring}))},[p,r,k]),e.useEffect(()=>{s!==void 0&&t((s==null?void 0:s.indexOf("/"))===0?s:`/${s}`)},[s]),e.useEffect(()=>{U===void 0||!k||m(r,"navigate",{path:U})},[U,k,r,m]),e.useEffect(()=>{if(!u||!r||!w)return;const L=new URL(u);return a(r,L.origin,w),f.current(),b(_(L.origin,r)),()=>{h(r)}},[u,r,a,w]),e.useEffect(()=>{if(!(!y||M.current))return n.current=setTimeout(()=>{O(!0),o.current&&o.current()},te),()=>clearTimeout(n.current)},[y]);const $=e.useCallback(()=>{M.current=!0,clearTimeout(n.current),O(!1)},[]);q(r,"init",$),q(r,"authorize",$),q(r,"login",$),q(r,"credential-request",()=>{$(),S(!0)}),e.useEffect(()=>{!z||!l||m(r,"credential",{accessToken:l.accessToken})},[z,l,r,m]),q(r,"ready",()=>{$(),P(L=>L+1)});const A=e.useRef();return q(r,"heartbeat",()=>{A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{if(w.current){const L=new URL(u);w.current.src=_(L.origin,r)}},6e3)}),e.useEffect(()=>()=>{A.current&&clearTimeout(A.current)},[]),c?x?x(c):e.createElement(Y,{entry:c}):C&&!k?T?T():e.createElement(ie,null):e.createElement(re,{key:`auth-epoch-${i}`,$isReady:k,ref:w,src:y,...I})};N.propTypes={id:E.string,src:E.string.isRequired,path:E.string,onInit:E.func,onTimeout:E.func,renderUnsupported:E.func,renderTimeout:E.func};const ue=j.div`
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.45);
@@ -30,7 +30,7 @@
   align-items: center;
   justify-content: center;
   z-index: 10000;
-`,de=q.div`
+`,ce=j.div`
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
@@ -39,13 +39,13 @@
   max-width: calc(100vw - 32px);
   font-family: sans-serif;
   color: #222;
-`,fe=q.div`
+`,le=j.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 0;
   gap: 16px;
-`,me=q.button`
+`,ae=j.button`
   background: #16a500;
   color: #fff;
   border: none;
@@ -54,8 +54,8 @@
   font-size: 14px;
   cursor: pointer;
   white-space: nowrap;
-`,ge=q.p`
+`,de=j.p`
   color: #b3261e;
   font-size: 13px;
   margin: 4px 0 0;
-`,be=()=>{const{pending:n,authorize:i}=X();return n.length===0?null:e.createElement(le,null,e.createElement(de,null,e.createElement("h3",{style:{margin:"0 0 8px"}},"Authorization Required"),e.createElement("p",{style:{margin:"0 0 12px",fontSize:14,color:"#555"}},"The following apps need you to sign in and authorize them before they can load."),n.map(o=>e.createElement("div",{key:o.origin},e.createElement(fe,null,e.createElement("div",null,e.createElement("div",{style:{fontWeight:600}},o.name||o.origin),o.name&&e.createElement("div",{style:{fontSize:12,color:"#888"}},o.origin)),e.createElement(me,{onClick:()=>i(o)},"Authorize")),o.popupBlocked&&e.createElement(ge,null,"The sign-in window was blocked. Allow popups for this site, then try again.")))))};exports.EmbeddedAuthorizationContext=v;exports.EmbeddedAuthorizationPrompt=be;exports.MMEmbeddableZone=re;exports.MMEmbeddableZoneContext=Z;exports.MMEmbeddableZoneProvider=te;exports.getAppInfo=_;exports.isCrossSite=G;exports.popupAuthorizationLauncher=J;exports.testIsEmbeddable=V;exports.useEmbeddedAuthorizations=X;exports.useEmbeddedCredential=N;exports.useEmbeddedEffect=j;exports.useEmbeddedOriginEpoch=Y;exports.useEmbeddedUnsupported=ee;
+`,fe=()=>{const{pending:r,authorize:u}=V();return r.length===0?null:e.createElement(ue,null,e.createElement(ce,null,e.createElement("h3",{style:{margin:"0 0 8px"}},"Authorization Required"),e.createElement("p",{style:{margin:"0 0 12px",fontSize:14,color:"#555"}},"The following apps need you to sign in and authorize them before they can load."),r.map(s=>e.createElement("div",{key:s.origin},e.createElement(le,null,e.createElement("div",null,e.createElement("div",{style:{fontWeight:600}},s.name||s.origin),s.name&&e.createElement("div",{style:{fontSize:12,color:"#888"}},s.origin)),e.createElement(ae,{onClick:()=>u(s)},"Authorize")),s.popupBlocked&&e.createElement(de,null,"The sign-in window was blocked. Allow popups for this site, then try again.")))))};exports.EmbeddedAuthorizationContext=Z;exports.EmbeddedAuthorizationPrompt=fe;exports.MMEmbeddableZone=N;exports.MMEmbeddableZoneContext=v;exports.MMEmbeddableZoneProvider=X;exports.isCrossSite=D;exports.popupAuthorizationLauncher=H;exports.useEmbeddedAuthorizations=V;exports.useEmbeddedCredential=J;exports.useEmbeddedEffect=q;exports.useEmbeddedOriginEpoch=G;exports.useEmbeddedUnsupported=Q;

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

@@ -1,19 +1,7 @@
-import f, { createContext as X, useContext as Z, useState as I, useRef as T, useCallback as b, useEffect as h, useMemo as te } from "react";
-import R from "prop-types";
+import f, { createContext as J, useContext as Z, useState as L, useRef as R, useCallback as b, useEffect as h, useMemo as Y } from "react";
+import x from "prop-types";
 import W from "styled-components";
-const K = X(null), H = {}, Y = async (t) => {
-  let o;
-  try {
-    if (o = new URL(t).origin, H[o] !== void 0)
-      return H[o];
-    const a = await (await fetch(`${o}/mm-app-manifest.json`)).json();
-    if (!a.version)
-      throw new Error("Invalid manifest");
-    return H[o] = a, a;
-  } catch {
-  }
-  return o && (H[o] = !1), !1;
-}, ne = async (t) => !!await Y(t), D = X({
+const H = J(null), D = J({
   pending: [],
   authorize: () => {
   },
@@ -22,196 +10,202 @@ const K = X(null), H = {}, Y = async (t) => {
   originEpochs: {},
   credentials: {},
   unsupported: {}
-}), re = 2e4, j = (t) => {
+}), N = 2e4, A = (n) => {
   try {
-    return new URL(t).origin;
+    return new URL(n).origin;
   } catch {
     return null;
   }
-}, Q = (t) => {
-  if (!t || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(t) || t.includes(":"))
-    return t;
-  const o = t.split(".");
-  return o.length <= 2 ? t : o.slice(-2).join(".");
-}, se = (t, o) => {
+}, V = (n) => {
+  if (!n || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(n) || n.includes(":"))
+    return n;
+  const o = n.split(".");
+  return o.length <= 2 ? n : o.slice(-2).join(".");
+}, ee = (n, o) => {
   try {
-    const s = new URL(t), a = new URL(o);
-    return s.protocol !== a.protocol ? !0 : Q(s.hostname) !== Q(a.hostname);
+    const r = new URL(n), a = new URL(o);
+    return r.protocol !== a.protocol ? !0 : V(r.hostname) !== V(a.hostname);
   } catch {
     return !0;
   }
-}, oe = (t, { onBlocked: o, onClosed: s }) => {
+}, te = (n, { onBlocked: o, onClosed: r }) => {
   const a = window.open(
-    t.authUrl,
+    n.authUrl,
     "mm-embed-auth",
     "popup,width=600,height=700"
   );
   if (!a)
     return o(), () => {
     };
-  const m = setInterval(() => {
-    a.closed && (clearInterval(m), s());
+  const g = setInterval(() => {
+    a.closed && (clearInterval(g), r());
   }, 1e3);
-  return () => clearInterval(m);
-}, N = ({ children: t, launcher: o }) => {
-  const s = Z(K), [a, m] = I({}), [U, g] = I({}), [E, O] = I({}), [q, M] = I({}), $ = T(E);
-  $.current = E;
-  const p = T(null), k = T({}), C = b((e, n) => {
-    Y(n).then((r) => {
-      if (!r || !r.name)
-        return;
-      const d = (y) => y[e] ? { ...y, [e]: { ...y[e], name: r.name } } : y;
-      m(d), M(d);
-    });
+  return () => clearInterval(g);
+}, Q = ({ children: n, launcher: o }) => {
+  const r = Z(H), [a, g] = L({}), [T, p] = L({}), [M, C] = L({}), [j, z] = L({}), I = R(M);
+  I.current = M;
+  const E = R(null), k = R({}), q = R({}), U = b((e) => {
+    const t = q.current[e];
+    if (!t)
+      return;
+    const s = (d) => d[e] ? { ...d, [e]: { ...d[e], name: t } } : d;
+    g(s), z(s);
   }, []), P = b(
-    (e, n) => {
-      const r = j(e == null ? void 0 : e.authUrl);
-      r && (M((d) => d[r] ? d : {
+    (e, t) => {
+      const s = A(e == null ? void 0 : e.authUrl);
+      s && (z((d) => d[s] ? d : {
         ...d,
-        [r]: { origin: r, reason: n, name: null }
-      }), C(r, e.authUrl));
+        [s]: { origin: s, reason: t, name: null }
+      }), U(s));
     },
-    [C]
-  ), F = b(
-    (e, { v2: n = !1 } = {}) => {
-      const r = j(e == null ? void 0 : e.authUrl);
-      r && (n && $.current[r] || (m((d) => d[r] ? d : {
+    [U]
+  ), O = b(
+    (e, { v2: t = !1 } = {}) => {
+      const s = A(e == null ? void 0 : e.authUrl);
+      s && (t && I.current[s] || (g((d) => d[s] ? d : {
         ...d,
-        [r]: {
-          origin: r,
+        [s]: {
+          origin: s,
           authUrl: e.authUrl,
           silentUrl: e.silentUrl || null,
           // v2 entries try the invisible silent resolver first; legacy
           // signals go straight to the host's interactive UI.
-          status: n && e.silentUrl ? "silent" : "interactive",
-          v2: n,
+          status: t && e.silentUrl ? "silent" : "interactive",
+          v2: t,
           name: null,
           popupBlocked: !1
         }
-      }), C(r, e.authUrl)));
+      }), U(s)));
     },
-    [C]
-  ), z = b((e) => {
-    m((n) => {
-      if (!n[e])
-        return n;
-      const r = { ...n };
-      return delete r[e], r;
+    [U]
+  ), S = b((e) => {
+    g((t) => {
+      if (!t[e])
+        return t;
+      const s = { ...t };
+      return delete s[e], s;
     });
-  }, []), S = b(
+  }, []), i = b(
     (e) => {
-      e && (z(e), g((n) => ({
-        ...n,
-        [e]: (n[e] || 0) + 1
+      e && (S(e), p((t) => ({
+        ...t,
+        [e]: (t[e] || 0) + 1
       })));
     },
-    [z]
-  ), i = b((e) => {
-    m((n) => !n[e] || n[e].status === "interactive" ? n : {
-      ...n,
-      [e]: { ...n[e], status: "interactive" }
+    [S]
+  ), u = b((e) => {
+    g((t) => !t[e] || t[e].status === "interactive" ? t : {
+      ...t,
+      [e]: { ...t[e], status: "interactive" }
     });
-  }, []), l = b(
+  }, []), c = b(
     (e) => {
-      z(e.origin);
+      S(e.origin);
     },
-    [z]
-  ), c = b(
+    [S]
+  ), l = b(
     (e) => {
-      const n = j(e == null ? void 0 : e.authUrl);
-      if (n && se(n, window.location.origin)) {
+      const t = A(e == null ? void 0 : e.authUrl);
+      if (t && ee(t, window.location.origin)) {
         P(e, "cross-site-legacy");
         return;
       }
-      F(e);
+      O(e);
     },
-    [F, P]
+    [O, P]
   );
   h(() => {
-    if (!s)
+    if (!r)
       return;
     const e = [
-      s.addListener("*", "authorize", c),
-      s.addListener("*", "login", c),
-      s.addListener(
+      // `init` carries the app's display name (v2 apps). Cache it by app origin
+      // and enrich any entry already showing for that origin. `init` is posted
+      // before the authorize/login/credential-request signals, so the name is
+      // usually cached by the time an entry is created.
+      r.addListener("*", "init", (t) => {
+        t != null && t.origin && t.name && (q.current[t.origin] = t.name, U(t.origin));
+      }),
+      r.addListener("*", "authorize", l),
+      r.addListener("*", "login", l),
+      r.addListener(
         "*",
         "credential-request",
-        (n) => F(n, { v2: !0 })
+        (t) => O(t, { v2: !0 })
       ),
-      s.addListener("*", "authorized", (n) => {
-        n != null && n.accessToken || S(j(n == null ? void 0 : n.authUrl));
+      r.addListener("*", "authorized", (t) => {
+        t != null && t.accessToken || i(A(t == null ? void 0 : t.authUrl));
       })
     ];
-    return () => e.forEach((n) => n());
-  }, [s, c, F, S]), h(() => {
-    const e = (n) => {
-      const r = n == null ? void 0 : n.data;
-      if (!r || r.type !== "authorized" && r.type !== "authorize-failed")
+    return () => e.forEach((t) => t());
+  }, [r, l, O, i, U]), h(() => {
+    const e = (t) => {
+      const s = t == null ? void 0 : t.data;
+      if (!s || s.type !== "authorized" && s.type !== "authorize-failed")
         return;
-      const d = j(r.authUrl);
-      if (!(!d || n.origin !== d)) {
-        if (r.type === "authorized" && r.accessToken) {
-          O((y) => ({
+      const d = A(s.authUrl);
+      if (!(!d || t.origin !== d)) {
+        if (s.type === "authorized" && s.accessToken) {
+          C((y) => ({
             ...y,
-            [d]: { accessToken: r.accessToken }
-          })), z(d);
+            [d]: { accessToken: s.accessToken }
+          })), S(d);
           return;
         }
-        r.type === "authorize-failed" && i(d);
+        s.type === "authorize-failed" && u(d);
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [z, i]), h(() => {
+  }, [S, u]), h(() => {
     const e = k.current;
-    Object.values(a).forEach((n) => {
-      n.status === "silent" && !e[n.origin] && (e[n.origin] = setTimeout(() => {
-        delete e[n.origin], i(n.origin);
-      }, re));
-    }), Object.keys(e).forEach((n) => {
-      (!a[n] || a[n].status !== "silent") && (clearTimeout(e[n]), delete e[n]);
+    Object.values(a).forEach((t) => {
+      t.status === "silent" && !e[t.origin] && (e[t.origin] = setTimeout(() => {
+        delete e[t.origin], u(t.origin);
+      }, N));
+    }), Object.keys(e).forEach((t) => {
+      (!a[t] || a[t].status !== "silent") && (clearTimeout(e[t]), delete e[t]);
     });
-  }, [a, i]), h(() => () => {
-    p.current && p.current(), Object.values(k.current).forEach(clearTimeout);
+  }, [a, u]), h(() => () => {
+    E.current && E.current(), Object.values(k.current).forEach(clearTimeout);
   }, []);
-  const u = b(
+  const w = b(
     (e) => {
-      p.current && (p.current(), p.current = null);
-      const n = o || oe;
-      p.current = n(e, {
+      E.current && (E.current(), E.current = null);
+      const t = o || te;
+      E.current = t(e, {
         onBlocked: () => {
-          m((r) => r[e.origin] ? {
-            ...r,
-            [e.origin]: { ...r[e.origin], popupBlocked: !0 }
-          } : r);
+          g((s) => s[e.origin] ? {
+            ...s,
+            [e.origin]: { ...s[e.origin], popupBlocked: !0 }
+          } : s);
         },
         onClosed: () => {
           if (e.v2) {
-            m((r) => !r[e.origin] || !r[e.origin].silentUrl ? r : {
-              ...r,
-              [e.origin]: { ...r[e.origin], status: "silent" }
+            g((s) => !s[e.origin] || !s[e.origin].silentUrl ? s : {
+              ...s,
+              [e.origin]: { ...s[e.origin], status: "silent" }
             });
             return;
           }
-          S(e.origin);
+          i(e.origin);
         }
       });
     },
-    [o, S]
-  ), w = {
+    [o, i]
+  ), m = {
     // Hosts render UI for interactive entries only; silent resolution is
     // invisible by design.
     pending: Object.values(a).filter(
       (e) => e.status === "interactive"
     ),
-    authorize: u,
-    dismiss: l,
-    originEpochs: U,
-    credentials: E,
-    unsupported: q
-  }, x = Object.values(a).filter(
+    authorize: w,
+    dismiss: c,
+    originEpochs: T,
+    credentials: M,
+    unsupported: j
+  }, F = Object.values(a).filter(
     (e) => e.status === "silent" && e.silentUrl
   );
-  return /* @__PURE__ */ f.createElement(D.Provider, { value: w }, t, x.map((e) => /* @__PURE__ */ f.createElement(
+  return /* @__PURE__ */ f.createElement(D.Provider, { value: m }, n, F.map((e) => /* @__PURE__ */ f.createElement(
     "iframe",
     {
       key: `mm-silent-auth-${e.origin}`,
@@ -223,159 +217,159 @@ const K = X(null), H = {}, Y = async (t) => {
     }
   )));
 };
-N.propTypes = {
-  children: R.node,
-  launcher: R.func
+Q.propTypes = {
+  children: x.node,
+  launcher: x.func
 };
-const ie = () => Z(D), ce = (t) => {
-  const { originEpochs: o } = Z(D), s = j(t);
-  return s && o[s] || 0;
-}, ue = (t) => {
-  const { credentials: o } = Z(D), s = j(t);
-  return s && o[s] || null;
-}, ae = (t) => {
-  const { unsupported: o } = Z(D), s = j(t);
-  return s && o[s] || null;
-}, le = ({ children: t, authorizationLauncher: o }) => {
-  const [s, a] = I({}), [m, U] = I({}), g = T({}), E = T({}), O = T({}), q = b((i, l) => {
+const ne = () => Z(D), re = (n) => {
+  const { originEpochs: o } = Z(D), r = A(n);
+  return r && o[r] || 0;
+}, se = (n) => {
+  const { credentials: o } = Z(D), r = A(n);
+  return r && o[r] || null;
+}, ie = (n) => {
+  const { unsupported: o } = Z(D), r = A(n);
+  return r && o[r] || null;
+}, oe = ({ children: n, authorizationLauncher: o }) => {
+  const [r, a] = L({}), [g, T] = L({}), p = R({}), M = R({}), C = R({}), j = b((i, u) => {
     var c;
-    return !!((c = O.current[i]) != null && c.has(l));
-  }, []), M = b((i, l, c) => {
-    a((u) => ({ ...u, [i]: { origin: l, frameRef: c } }));
-  }, []), $ = b((i) => {
-    a((l) => {
-      const c = { ...l };
+    return !!((c = C.current[i]) != null && c.has(u));
+  }, []), z = b((i, u, c) => {
+    a((l) => ({ ...l, [i]: { origin: u, frameRef: c } }));
+  }, []), I = b((i) => {
+    a((u) => {
+      const c = { ...u };
       return delete c[i], c;
-    }), U((l) => {
-      const c = { ...l };
+    }), T((u) => {
+      const c = { ...u };
       return delete c[i], c;
-    }), delete O.current[i];
+    }), delete C.current[i];
   }, []);
   h(() => {
-    const i = (c = [], u) => {
-      c.forEach((w) => w(u));
-    }, l = (c) => {
-      var e, n, r, d, y;
-      if (!((e = c == null ? void 0 : c.data) != null && e.instanceId))
+    const i = (c = [], l) => {
+      c.forEach((w) => w(l));
+    }, u = (c) => {
+      var F, e, t, s, d;
+      if (!((F = c == null ? void 0 : c.data) != null && F.instanceId))
         return;
-      const { instanceId: u, type: w } = c.data, x = g.current;
+      const { instanceId: l, type: w } = c.data, m = p.current;
       if (w === "response") {
-        const { callbackId: A, response: v, error: B } = c.data, L = E.current[A];
-        L && (L(v, B), delete E.current[A]);
+        const { callbackId: y, response: B, error: v } = c.data, $ = M.current[y];
+        $ && ($(B, v), delete M.current[y]);
         return;
       }
       if (w === "mark-registered") {
-        const { requestType: A } = c.data;
-        O.current[u] || (O.current[u] = /* @__PURE__ */ new Set()), O.current[u].add(A);
+        const { requestType: y } = c.data;
+        C.current[l] || (C.current[l] = /* @__PURE__ */ new Set()), C.current[l].add(y);
         return;
       }
-      w === "ready" && U((A) => ({ ...A, [u]: !0 })), i((n = x[u]) == null ? void 0 : n[w], c.data), i((r = x["*"]) == null ? void 0 : r[w], c.data), i((d = x[u]) == null ? void 0 : d["*"], c.data), i((y = x["*"]) == null ? void 0 : y["*"], c.data);
+      w === "ready" && T((y) => ({ ...y, [l]: !0 })), i((e = m[l]) == null ? void 0 : e[w], c.data), i((t = m["*"]) == null ? void 0 : t[w], c.data), i((s = m[l]) == null ? void 0 : s["*"], c.data), i((d = m["*"]) == null ? void 0 : d["*"], c.data);
     };
-    return window.addEventListener("message", l), () => {
-      window.removeEventListener("message", l);
+    return window.addEventListener("message", u), () => {
+      window.removeEventListener("message", u);
     };
-  }, [s]);
-  const p = b(
-    (i, l, c) => {
-      var w, x;
-      const u = s[i];
-      if (!u) {
+  }, [r]);
+  const E = b(
+    (i, u, c) => {
+      var w, m;
+      const l = r[i];
+      if (!l) {
         console.warn(`Origin not set for id: ${i}. Unable to send message.`);
         return;
       }
-      (x = (w = u == null ? void 0 : u.frameRef) == null ? void 0 : w.current) != null && x.contentWindow && u.frameRef.current.contentWindow.postMessage(
-        { type: l, ...c, instanceId: i },
-        u.origin
+      (m = (w = l == null ? void 0 : l.frameRef) == null ? void 0 : w.current) != null && m.contentWindow && l.frameRef.current.contentWindow.postMessage(
+        { type: u, ...c, instanceId: i },
+        l.origin
       );
     },
-    [s]
-  ), k = T(0), C = b(() => `${Date.now()}-${++k.current}`, []), P = b(
-    async (i, l, c = {}) => new Promise((u, w) => {
-      const x = C(), e = (n, r) => {
-        delete E.current[x], r ? w(r) : u(n);
+    [r]
+  ), k = R(0), q = b(() => `${Date.now()}-${++k.current}`, []), U = b(
+    async (i, u, c = {}) => new Promise((l, w) => {
+      const m = q(), F = (e, t) => {
+        delete M.current[m], t ? w(t) : l(e);
       };
-      E.current[x] = e, p(i, "request", { callbackId: x, requestType: l, data: c });
+      M.current[m] = F, E(i, "request", { callbackId: m, requestType: u, data: c });
     }),
-    [p]
-  ), F = b(
-    (i, l) => {
-      p(i, "load-options", l);
+    [E]
+  ), P = b(
+    (i, u) => {
+      E(i, "load-options", u);
     },
-    [p]
-  ), z = b(
-    (i, l) => {
-      p(i, "validate", l);
+    [E]
+  ), O = b(
+    (i, u) => {
+      E(i, "validate", u);
     },
-    [p]
-  ), S = te(
+    [E]
+  ), S = Y(
     () => ({
-      registerFrame: M,
-      unregisterFrame: $,
-      sendMessage: p,
-      sendRequest: P,
-      loadOptions: F,
-      validate: z,
-      hasHandler: q,
-      readyFrames: m,
-      addListener: (i, l, c) => (g.current[i] || (g.current[i] = {}), g.current[i][l] || (g.current[i][l] = []), g.current[i][l].push(c), () => {
-        g.current[i][l] = g.current[i][l].filter((u) => u !== c);
+      registerFrame: z,
+      unregisterFrame: I,
+      sendMessage: E,
+      sendRequest: U,
+      loadOptions: P,
+      validate: O,
+      hasHandler: j,
+      readyFrames: g,
+      addListener: (i, u, c) => (p.current[i] || (p.current[i] = {}), p.current[i][u] || (p.current[i][u] = []), p.current[i][u].push(c), () => {
+        p.current[i][u] = p.current[i][u].filter((l) => l !== c);
       })
     }),
     [
-      M,
-      $,
-      p,
-      P,
-      F,
       z,
-      q,
-      m
+      I,
+      E,
+      U,
+      P,
+      O,
+      j,
+      g
     ]
   );
-  return /* @__PURE__ */ f.createElement(K.Provider, { value: S }, /* @__PURE__ */ f.createElement(N, { launcher: o }, t));
-}, _ = (t, o, s) => {
-  const a = Z(K);
+  return /* @__PURE__ */ f.createElement(H.Provider, { value: S }, /* @__PURE__ */ f.createElement(Q, { launcher: o }, n));
+}, _ = (n, o, r) => {
+  const a = Z(H);
   if (a === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const m = T(s);
+  const g = R(r);
   h(() => {
-    m.current = s;
-  }, [s]), h(() => {
-    if (!(!t || !o)) {
+    g.current = r;
+  }, [r]), h(() => {
+    if (!(!n || !o)) {
       if (o.startsWith("key:")) {
-        const U = o.substring(4);
-        return a.readyFrames[t] && a.sendMessage(t, "subscribe-key", { keyChord: U }), a.addListener(
-          t,
-          `key-pressed:${U}`,
-          (...E) => m.current(...E)
+        const T = o.substring(4);
+        return a.readyFrames[n] && a.sendMessage(n, "subscribe-key", { keyChord: T }), a.addListener(
+          n,
+          `key-pressed:${T}`,
+          (...M) => g.current(...M)
         );
       }
       return a.addListener(
-        t,
+        n,
         o,
-        (...U) => m.current(...U)
+        (...T) => g.current(...T)
       );
     }
-  }, [a, t, o]);
+  }, [a, n, o]);
 };
-le.propTypes = {
-  children: R.node.isRequired,
+oe.propTypes = {
+  children: x.node.isRequired,
   /**
    * Optional interactive-step launcher for embedded authorizations,
    * `(entry, { onBlocked, onClosed }) => cleanup`. Defaults to a top-level
    * popup. Hosts that cannot open windows (Android WebView shells) drive
    * their own UI from useEmbeddedAuthorizations() instead.
    */
-  authorizationLauncher: R.func
+  authorizationLauncher: x.func
 };
-const G = W.default || W, de = 1e4, fe = "credentials", V = (t, o) => `${t}/mm-embedded-interop?id=${o}&origin=${window.location.origin}&caps=${fe}`, me = G.iframe`
+const K = W.default || W, ce = 1e4, ue = "credentials", G = (n, o) => `${n}/mm-embedded-interop?id=${o}&origin=${window.location.origin}&caps=${ue}`, le = K.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${(t) => t.$isReady ? "visible" : "hidden"};
-`, ge = G.div`
+  visibility: ${(n) => n.$isReady ? "visible" : "hidden"};
+`, ae = K.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -388,140 +382,135 @@ const G = W.default || W, de = 1e4, fe = "credentials", V = (t, o) => `${t}/mm-e
   text-align: center;
   color: #555;
   font-size: 14px;
-`, ee = ({ entry: t }) => /* @__PURE__ */ f.createElement(ge, null, /* @__PURE__ */ f.createElement("div", { style: { fontWeight: 600 } }, t && (t.name || t.origin) || "This app", " can’t be embedded here"), /* @__PURE__ */ f.createElement("div", { style: { fontSize: 12, color: "#888" } }, "It needs an update to support embedding from a different domain."));
-ee.propTypes = {
-  entry: R.shape({
-    origin: R.string,
-    name: R.string,
-    reason: R.string
+`, X = ({ entry: n }) => /* @__PURE__ */ f.createElement(ae, null, /* @__PURE__ */ f.createElement("div", { style: { fontWeight: 600 } }, n && (n.name || n.origin) || "This app", " can’t be embedded here"), /* @__PURE__ */ f.createElement("div", { style: { fontSize: 12, color: "#888" } }, "It needs an update to support embedding from a different domain."));
+X.propTypes = {
+  entry: x.shape({
+    origin: x.string,
+    name: x.string,
+    reason: x.string
   })
 };
-const pe = G.div`
+const de = K.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`, he = ({
-  id: t,
+`, fe = () => /* @__PURE__ */ f.createElement(de, null, /* @__PURE__ */ f.createElement("div", { style: { textAlign: "center" } }, "This app couldn’t be loaded as an embeddable widget.")), me = ({
+  id: n,
   src: o,
-  path: s,
+  path: r,
   onInit: a = () => {
   },
-  onTimeout: m,
-  context: U = {},
-  params: g = {},
-  skipManifestCheck: E = !1,
-  renderUnsupported: O,
-  ...q
+  onTimeout: g,
+  context: T = {},
+  params: p = {},
+  renderUnsupported: M,
+  renderTimeout: C,
+  ...j
 }) => {
-  if ("isConfiguring" in q)
+  if ("isConfiguring" in j)
     return console.error(
       "isConfiguring must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("colorMode" in U)
+  if ("colorMode" in T)
     return console.error(
       "colorMode must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("isFullScreen" in U)
+  if ("isFullScreen" in T)
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  const M = T(), [$, p] = I(), [k, C] = I(0), [P, F] = I(!1), z = ce(o), S = ue(o), i = ae(o);
+  const z = R(), [I, E] = L(), [k, q] = L(0), [U, P] = L(!1), [O, S] = L(!1), i = re(o), u = se(o), c = ie(o);
   h(() => {
-    z > 0 && C(0);
-  }, [z]);
-  const { registerFrame: l, unregisterFrame: c, sendMessage: u } = Z(
-    K
-  ), [w, x] = I(!0), [e, n] = I(), r = T(), d = T(m), y = T(a), A = T(!1);
+    i > 0 && q(0);
+  }, [i]);
+  const { registerFrame: l, unregisterFrame: w, sendMessage: m } = Z(
+    H
+  ), [F, e] = L(), t = R(), s = R(g), d = R(a), y = R(!1);
   h(() => {
-    d.current = m;
-  }, [m]), h(() => {
-    y.current = a;
+    s.current = g;
+  }, [g]), h(() => {
+    d.current = a;
   }, [a]), h(() => {
-    k && u(t, "set-context", {
+    k && m(n, "set-context", {
       context: {
-        ...U,
+        ...T,
         // TODO: Remove this once everything is migrated to params
-        colorMode: g.colorMode,
-        isFullScreen: g.isFullScreen
+        colorMode: p.colorMode,
+        isFullScreen: p.isFullScreen
       }
     });
-  }, [U, g.colorMode, g.isFullScreen, t, k]), h(() => {
-    k && (u(t, "set-params", { params: g }), u(t, "set-configuring", { isConfiguring: g.isConfiguring }));
-  }, [g, t, k]), h(() => {
-    s !== void 0 && n((s == null ? void 0 : s.indexOf("/")) === 0 ? s : `/${s}`);
-  }, [s]), h(() => {
-    e === void 0 || !k || u(t, "navigate", { path: e });
-  }, [e, k, t, u]), h(() => {
-    if (!(!o || !t || !M)) {
-      if (E) {
-        const L = new URL(o);
-        x(!0), l(t, L.origin, M), y.current(), p(V(L.origin, t));
-      } else
-        (async () => {
-          const L = await ne(o);
-          if (x(L), L) {
-            const J = new URL(o);
-            l(t, J.origin, M), y.current(), p(V(J.origin, t));
-          }
-        })();
-      return () => {
-        c(t);
-      };
-    }
-  }, [o, t, l, M, E]), h(() => {
-    if (!(!E || !$ || A.current))
-      return r.current = setTimeout(() => {
-        d.current && d.current();
-      }, de), () => clearTimeout(r.current);
-  }, [$, E]);
-  const v = b(() => {
-    A.current = !0, clearTimeout(r.current);
+  }, [T, p.colorMode, p.isFullScreen, n, k]), h(() => {
+    k && (m(n, "set-params", { params: p }), m(n, "set-configuring", { isConfiguring: p.isConfiguring }));
+  }, [p, n, k]), h(() => {
+    r !== void 0 && e((r == null ? void 0 : r.indexOf("/")) === 0 ? r : `/${r}`);
+  }, [r]), h(() => {
+    F === void 0 || !k || m(n, "navigate", { path: F });
+  }, [F, k, n, m]), h(() => {
+    if (!o || !n || !z)
+      return;
+    const $ = new URL(o);
+    return l(n, $.origin, z), d.current(), E(G($.origin, n)), () => {
+      w(n);
+    };
+  }, [o, n, l, z]), h(() => {
+    if (!(!I || y.current))
+      return t.current = setTimeout(() => {
+        P(!0), s.current && s.current();
+      }, ce), () => clearTimeout(t.current);
+  }, [I]);
+  const B = b(() => {
+    y.current = !0, clearTimeout(t.current), P(!1);
   }, []);
-  _(t, "init", v), _(t, "authorize", v), _(t, "login", v), _(t, "credential-request", () => {
-    v(), F(!0);
+  _(n, "init", B), _(n, "authorize", B), _(n, "login", B), _(n, "credential-request", () => {
+    B(), S(!0);
   }), h(() => {
-    !P || !S || u(t, "credential", { accessToken: S.accessToken });
-  }, [P, S, t, u]), _(t, "ready", () => {
-    v(), C((L) => L + 1);
+    !O || !u || m(n, "credential", { accessToken: u.accessToken });
+  }, [O, u, n, m]), _(n, "ready", () => {
+    B(), q(($) => $ + 1);
   });
-  const B = T();
-  return _(t, "heartbeat", () => {
-    B.current && clearTimeout(B.current), B.current = setTimeout(() => {
-      if (M.current) {
-        const L = new URL(o);
-        M.current.src = V(L.origin, t);
+  const v = R();
+  return _(n, "heartbeat", () => {
+    v.current && clearTimeout(v.current), v.current = setTimeout(() => {
+      if (z.current) {
+        const $ = new URL(o);
+        z.current.src = G($.origin, n);
       }
     }, 6e3);
   }), h(() => () => {
-    B.current && clearTimeout(B.current);
-  }, []), !E && !w ? /* @__PURE__ */ f.createElement(pe, null, /* @__PURE__ */ f.createElement("div", { style: { textAlign: "center" } }, "Application must adhere to the MM App Manifest specification to be embedded.")) : i ? O ? O(i) : /* @__PURE__ */ f.createElement(ee, { entry: i }) : /* @__PURE__ */ f.createElement(
-    me,
+    v.current && clearTimeout(v.current);
+  }, []), c ? M ? M(c) : /* @__PURE__ */ f.createElement(X, { entry: c }) : U && !k ? C ? C() : /* @__PURE__ */ f.createElement(fe, null) : /* @__PURE__ */ f.createElement(
+    le,
     {
-      key: `auth-epoch-${z}`,
+      key: `auth-epoch-${i}`,
       $isReady: k,
-      ref: M,
-      src: $,
-      ...q
+      ref: z,
+      src: I,
+      ...j
     }
   );
 };
-he.propTypes = {
-  id: R.string,
-  src: R.string.isRequired,
-  path: R.string,
-  onInit: R.func,
-  onTimeout: R.func,
-  skipManifestCheck: R.bool,
+me.propTypes = {
+  id: x.string,
+  src: x.string.isRequired,
+  path: x.string,
+  onInit: x.func,
+  onTimeout: x.func,
   /**
    * Optional host-styled renderer for the structurally-unsupported embed
    * state (legacy app on a cross-site origin), `(entry) => ReactNode`. Falls
    * back to a minimal built-in placeholder.
    */
-  renderUnsupported: R.func
+  renderUnsupported: x.func,
+  /**
+   * Optional host-styled renderer for the handshake-timeout failure state
+   * (the app is not embeddable / could not load), `() => ReactNode`. Falls
+   * back to a minimal centered message.
+   */
+  renderTimeout: x.func
 };
-const be = W.div`
+const ge = W.div`
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.45);
@@ -529,7 +518,7 @@ const be = W.div`
   align-items: center;
   justify-content: center;
   z-index: 10000;
-`, Ee = W.div`
+`, pe = W.div`
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
@@ -538,13 +527,13 @@ const be = W.div`
   max-width: calc(100vw - 32px);
   font-family: sans-serif;
   color: #222;
-`, we = W.div`
+`, he = W.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 0;
   gap: 16px;
-`, xe = W.button`
+`, be = W.button`
   background: #16a500;
   color: #fff;
   border: none;
@@ -553,27 +542,25 @@ const be = W.div`
   font-size: 14px;
   cursor: pointer;
   white-space: nowrap;
-`, Re = W.p`
+`, Ee = W.p`
   color: #b3261e;
   font-size: 13px;
   margin: 4px 0 0;
-`, ze = () => {
-  const { pending: t, authorize: o } = ie();
-  return t.length === 0 ? null : /* @__PURE__ */ f.createElement(be, null, /* @__PURE__ */ f.createElement(Ee, null, /* @__PURE__ */ f.createElement("h3", { style: { margin: "0 0 8px" } }, "Authorization Required"), /* @__PURE__ */ f.createElement("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#555" } }, "The following apps need you to sign in and authorize them before they can load."), t.map((s) => /* @__PURE__ */ f.createElement("div", { key: s.origin }, /* @__PURE__ */ f.createElement(we, null, /* @__PURE__ */ f.createElement("div", null, /* @__PURE__ */ f.createElement("div", { style: { fontWeight: 600 } }, s.name || s.origin), s.name && /* @__PURE__ */ f.createElement("div", { style: { fontSize: 12, color: "#888" } }, s.origin)), /* @__PURE__ */ f.createElement(xe, { onClick: () => o(s) }, "Authorize")), s.popupBlocked && /* @__PURE__ */ f.createElement(Re, null, "The sign-in window was blocked. Allow popups for this site, then try again.")))));
+`, Te = () => {
+  const { pending: n, authorize: o } = ne();
+  return n.length === 0 ? null : /* @__PURE__ */ f.createElement(ge, null, /* @__PURE__ */ f.createElement(pe, null, /* @__PURE__ */ f.createElement("h3", { style: { margin: "0 0 8px" } }, "Authorization Required"), /* @__PURE__ */ f.createElement("p", { style: { margin: "0 0 12px", fontSize: 14, color: "#555" } }, "The following apps need you to sign in and authorize them before they can load."), n.map((r) => /* @__PURE__ */ f.createElement("div", { key: r.origin }, /* @__PURE__ */ f.createElement(he, null, /* @__PURE__ */ f.createElement("div", null, /* @__PURE__ */ f.createElement("div", { style: { fontWeight: 600 } }, r.name || r.origin), r.name && /* @__PURE__ */ f.createElement("div", { style: { fontSize: 12, color: "#888" } }, r.origin)), /* @__PURE__ */ f.createElement(be, { onClick: () => o(r) }, "Authorize")), r.popupBlocked && /* @__PURE__ */ f.createElement(Ee, null, "The sign-in window was blocked. Allow popups for this site, then try again.")))));
 };
 export {
   D as EmbeddedAuthorizationContext,
-  ze as EmbeddedAuthorizationPrompt,
-  he as MMEmbeddableZone,
-  K as MMEmbeddableZoneContext,
-  le as MMEmbeddableZoneProvider,
-  Y as getAppInfo,
-  se as isCrossSite,
-  oe as popupAuthorizationLauncher,
-  ne as testIsEmbeddable,
-  ie as useEmbeddedAuthorizations,
-  ue as useEmbeddedCredential,
+  Te as EmbeddedAuthorizationPrompt,
+  me as MMEmbeddableZone,
+  H as MMEmbeddableZoneContext,
+  oe as MMEmbeddableZoneProvider,
+  ee as isCrossSite,
+  te as popupAuthorizationLauncher,
+  ne as useEmbeddedAuthorizations,
+  se as useEmbeddedCredential,
   _ as useEmbeddedEffect,
-  ce as useEmbeddedOriginEpoch,
-  ae as useEmbeddedUnsupported
+  re as useEmbeddedOriginEpoch,
+  ie as useEmbeddedUnsupported
 };

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

@@ -1,9 +1,9 @@
-(function(m,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("react"),require("prop-types"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","styled-components"],e):(m=typeof globalThis!="undefined"?globalThis:m||self,e(m["mm-react-embeddable"]={},m.React,m.PropTypes,m.styled))})(this,(function(m,e,C,q){"use strict";const _=e.createContext(null),D={},H=async t=>{let o;try{if(o=new URL(t).origin,D[o]!==void 0)return D[o];const d=await(await fetch(`${o}/mm-app-manifest.json`)).json();if(!d.version)throw new Error("Invalid manifest");return D[o]=d,d}catch{}return o&&(D[o]=!1),!1},V=async t=>!!await H(t),W=e.createContext({pending:[],authorize:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),ie=2e4,F=t=>{try{return new URL(t).origin}catch{return null}},G=t=>{if(!t||/^\d{1,3}(?:\.\d{1,3}){3}$/.test(t)||t.includes(":"))return t;const o=t.split(".");return o.length<=2?t:o.slice(-2).join(".")},J=(t,o)=>{try{const i=new URL(t),d=new URL(o);return i.protocol!==d.protocol?!0:G(i.hostname)!==G(d.hostname)}catch{return!0}},Q=(t,{onBlocked:o,onClosed:i})=>{const d=window.open(t.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!d)return o(),()=>{};const g=setInterval(()=>{d.closed&&(clearInterval(g),i())},1e3);return()=>clearInterval(g)},X=({children:t,launcher:o})=>{const i=e.useContext(_),[d,g]=e.useState({}),[k,b]=e.useState({}),[E,L]=e.useState({}),[v,x]=e.useState({}),I=e.useRef(E);I.current=E;const h=e.useRef(null),z=e.useRef({}),O=e.useCallback((n,r)=>{H(r).then(s=>{if(!s||!s.name)return;const f=U=>U[n]?{...U,[n]:{...U[n],name:s.name}}:U;g(f),x(f)})},[]),j=e.useCallback((n,r)=>{const s=F(n==null?void 0:n.authUrl);s&&(x(f=>f[s]?f:{...f,[s]:{origin:s,reason:r,name:null}}),O(s,n.authUrl))},[O]),A=e.useCallback((n,{v2:r=!1}={})=>{const s=F(n==null?void 0:n.authUrl);s&&(r&&I.current[s]||(g(f=>f[s]?f:{...f,[s]:{origin:s,authUrl:n.authUrl,silentUrl:n.silentUrl||null,status:r&&n.silentUrl?"silent":"interactive",v2:r,name:null,popupBlocked:!1}}),O(s,n.authUrl)))},[O]),M=e.useCallback(n=>{g(r=>{if(!r[n])return r;const s={...r};return delete s[n],s})},[]),T=e.useCallback(n=>{n&&(M(n),b(r=>({...r,[n]:(r[n]||0)+1})))},[M]),u=e.useCallback(n=>{g(r=>!r[n]||r[n].status==="interactive"?r:{...r,[n]:{...r[n],status:"interactive"}})},[]),a=e.useCallback(n=>{M(n.origin)},[M]),c=e.useCallback(n=>{const r=F(n==null?void 0:n.authUrl);if(r&&J(r,window.location.origin)){j(n,"cross-site-legacy");return}A(n)},[A,j]);e.useEffect(()=>{if(!i)return;const n=[i.addListener("*","authorize",c),i.addListener("*","login",c),i.addListener("*","credential-request",r=>A(r,{v2:!0})),i.addListener("*","authorized",r=>{r!=null&&r.accessToken||T(F(r==null?void 0:r.authUrl))})];return()=>n.forEach(r=>r())},[i,c,A,T]),e.useEffect(()=>{const n=r=>{const s=r==null?void 0:r.data;if(!s||s.type!=="authorized"&&s.type!=="authorize-failed")return;const f=F(s.authUrl);if(!(!f||r.origin!==f)){if(s.type==="authorized"&&s.accessToken){L(U=>({...U,[f]:{accessToken:s.accessToken}})),M(f);return}s.type==="authorize-failed"&&u(f)}};return window.addEventListener("message",n),()=>window.removeEventListener("message",n)},[M,u]),e.useEffect(()=>{const n=z.current;Object.values(d).forEach(r=>{r.status==="silent"&&!n[r.origin]&&(n[r.origin]=setTimeout(()=>{delete n[r.origin],u(r.origin)},ie))}),Object.keys(n).forEach(r=>{(!d[r]||d[r].status!=="silent")&&(clearTimeout(n[r]),delete n[r])})},[d,u]),e.useEffect(()=>()=>{h.current&&h.current(),Object.values(z.current).forEach(clearTimeout)},[]);const l=e.useCallback(n=>{h.current&&(h.current(),h.current=null);const r=o||Q;h.current=r(n,{onBlocked:()=>{g(s=>s[n.origin]?{...s,[n.origin]:{...s[n.origin],popupBlocked:!0}}:s)},onClosed:()=>{if(n.v2){g(s=>!s[n.origin]||!s[n.origin].silentUrl?s:{...s,[n.origin]:{...s[n.origin],status:"silent"}});return}T(n.origin)}})},[o,T]),p={pending:Object.values(d).filter(n=>n.status==="interactive"),authorize:l,dismiss:a,originEpochs:k,credentials:E,unsupported:v},w=Object.values(d).filter(n=>n.status==="silent"&&n.silentUrl);return e.createElement(W.Provider,{value:p},t,w.map(n=>e.createElement("iframe",{key:`mm-silent-auth-${n.origin}`,src:n.silentUrl,title:`MachineMetrics silent authorization (${n.origin})`,"aria-hidden":"true",tabIndex:-1,style:{display:"none"}})))};X.propTypes={children:C.node,launcher:C.func};const Y=()=>e.useContext(W),N=t=>{const{originEpochs:o}=e.useContext(W),i=F(t);return i&&o[i]||0},R=t=>{const{credentials:o}=e.useContext(W),i=F(t);return i&&o[i]||null},ee=t=>{const{unsupported:o}=e.useContext(W),i=F(t);return i&&o[i]||null},ne=({children:t,authorizationLauncher:o})=>{const[i,d]=e.useState({}),[g,k]=e.useState({}),b=e.useRef({}),E=e.useRef({}),L=e.useRef({}),v=e.useCallback((u,a)=>{var c;return!!((c=L.current[u])!=null&&c.has(a))},[]),x=e.useCallback((u,a,c)=>{d(l=>({...l,[u]:{origin:a,frameRef:c}}))},[]),I=e.useCallback(u=>{d(a=>{const c={...a};return delete c[u],c}),k(a=>{const c={...a};return delete c[u],c}),delete L.current[u]},[]);e.useEffect(()=>{const u=(c=[],l)=>{c.forEach(p=>p(l))},a=c=>{var n,r,s,f,U;if(!((n=c==null?void 0:c.data)!=null&&n.instanceId))return;const{instanceId:l,type:p}=c.data,w=b.current;if(p==="response"){const{callbackId:y,response:Z,error:B}=c.data,S=E.current[y];S&&(S(Z,B),delete E.current[y]);return}if(p==="mark-registered"){const{requestType:y}=c.data;L.current[l]||(L.current[l]=new Set),L.current[l].add(y);return}p==="ready"&&k(y=>({...y,[l]:!0})),u((r=w[l])==null?void 0:r[p],c.data),u((s=w["*"])==null?void 0:s[p],c.data),u((f=w[l])==null?void 0:f["*"],c.data),u((U=w["*"])==null?void 0:U["*"],c.data)};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[i]);const h=e.useCallback((u,a,c)=>{var p,w;const l=i[u];if(!l){console.warn(`Origin not set for id: ${u}. Unable to send message.`);return}(w=(p=l==null?void 0:l.frameRef)==null?void 0:p.current)!=null&&w.contentWindow&&l.frameRef.current.contentWindow.postMessage({type:a,...c,instanceId:u},l.origin)},[i]),z=e.useRef(0),O=e.useCallback(()=>`${Date.now()}-${++z.current}`,[]),j=e.useCallback(async(u,a,c={})=>new Promise((l,p)=>{const w=O(),n=(r,s)=>{delete E.current[w],s?p(s):l(r)};E.current[w]=n,h(u,"request",{callbackId:w,requestType:a,data:c})}),[h]),A=e.useCallback((u,a)=>{h(u,"load-options",a)},[h]),M=e.useCallback((u,a)=>{h(u,"validate",a)},[h]),T=e.useMemo(()=>({registerFrame:x,unregisterFrame:I,sendMessage:h,sendRequest:j,loadOptions:A,validate:M,hasHandler:v,readyFrames:g,addListener:(u,a,c)=>(b.current[u]||(b.current[u]={}),b.current[u][a]||(b.current[u][a]=[]),b.current[u][a].push(c),()=>{b.current[u][a]=b.current[u][a].filter(l=>l!==c)})}),[x,I,h,j,A,M,v,g]);return e.createElement(_.Provider,{value:T},e.createElement(X,{launcher:o},t))},$=(t,o,i)=>{const d=e.useContext(_);if(d===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const g=e.useRef(i);e.useEffect(()=>{g.current=i},[i]),e.useEffect(()=>{if(!(!t||!o)){if(o.startsWith("key:")){const k=o.substring(4);return d.readyFrames[t]&&d.sendMessage(t,"subscribe-key",{keyChord:k}),d.addListener(t,`key-pressed:${k}`,(...E)=>g.current(...E))}return d.addListener(t,o,(...k)=>g.current(...k))}},[d,t,o])};ne.propTypes={children:C.node.isRequired,authorizationLauncher:C.func};const P=q.default||q,oe=1e4,ue="credentials",K=(t,o)=>`${t}/mm-embedded-interop?id=${o}&origin=${window.location.origin}&caps=${ue}`,ce=P.iframe`
+(function(g,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("react"),require("prop-types"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","styled-components"],e):(g=typeof globalThis!="undefined"?globalThis:g||self,e(g["mm-react-embeddable"]={},g.React,g.PropTypes,g.styled))})(this,(function(g,e,k,j){"use strict";const _=e.createContext(null),W=e.createContext({pending:[],authorize:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),ne=2e4,A=r=>{try{return new URL(r).origin}catch{return null}},H=r=>{if(!r||/^\d{1,3}(?:\.\d{1,3}){3}$/.test(r)||r.includes(":"))return r;const u=r.split(".");return u.length<=2?r:u.slice(-2).join(".")},P=(r,u)=>{try{const s=new URL(r),f=new URL(u);return s.protocol!==f.protocol?!0:H(s.hostname)!==H(f.hostname)}catch{return!0}},K=(r,{onBlocked:u,onClosed:s})=>{const f=window.open(r.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!f)return u(),()=>{};const b=setInterval(()=>{f.closed&&(clearInterval(b),s())},1e3);return()=>clearInterval(b)},V=({children:r,launcher:u})=>{const s=e.useContext(_),[f,b]=e.useState({}),[w,h]=e.useState({}),[C,U]=e.useState({}),[Z,M]=e.useState({}),F=e.useRef(C);F.current=C;const E=e.useRef(null),x=e.useRef({}),$=e.useRef({}),z=e.useCallback(n=>{const t=$.current[n];if(!t)return;const i=a=>a[n]?{...a,[n]:{...a[n],name:t}}:a;b(i),M(i)},[]),y=e.useCallback((n,t)=>{const i=A(n==null?void 0:n.authUrl);i&&(M(a=>a[i]?a:{...a,[i]:{origin:i,reason:t,name:null}}),z(i))},[z]),T=e.useCallback((n,{v2:t=!1}={})=>{const i=A(n==null?void 0:n.authUrl);i&&(t&&F.current[i]||(b(a=>a[i]?a:{...a,[i]:{origin:i,authUrl:n.authUrl,silentUrl:n.silentUrl||null,status:t&&n.silentUrl?"silent":"interactive",v2:t,name:null,popupBlocked:!1}}),z(i)))},[z]),L=e.useCallback(n=>{b(t=>{if(!t[n])return t;const i={...t};return delete i[n],i})},[]),o=e.useCallback(n=>{n&&(L(n),h(t=>({...t,[n]:(t[n]||0)+1})))},[L]),l=e.useCallback(n=>{b(t=>!t[n]||t[n].status==="interactive"?t:{...t,[n]:{...t[n],status:"interactive"}})},[]),c=e.useCallback(n=>{L(n.origin)},[L]),d=e.useCallback(n=>{const t=A(n==null?void 0:n.authUrl);if(t&&P(t,window.location.origin)){y(n,"cross-site-legacy");return}T(n)},[T,y]);e.useEffect(()=>{if(!s)return;const n=[s.addListener("*","init",t=>{t!=null&&t.origin&&t.name&&($.current[t.origin]=t.name,z(t.origin))}),s.addListener("*","authorize",d),s.addListener("*","login",d),s.addListener("*","credential-request",t=>T(t,{v2:!0})),s.addListener("*","authorized",t=>{t!=null&&t.accessToken||o(A(t==null?void 0:t.authUrl))})];return()=>n.forEach(t=>t())},[s,d,T,o,z]),e.useEffect(()=>{const n=t=>{const i=t==null?void 0:t.data;if(!i||i.type!=="authorized"&&i.type!=="authorize-failed")return;const a=A(i.authUrl);if(!(!a||t.origin!==a)){if(i.type==="authorized"&&i.accessToken){U(S=>({...S,[a]:{accessToken:i.accessToken}})),L(a);return}i.type==="authorize-failed"&&l(a)}};return window.addEventListener("message",n),()=>window.removeEventListener("message",n)},[L,l]),e.useEffect(()=>{const n=x.current;Object.values(f).forEach(t=>{t.status==="silent"&&!n[t.origin]&&(n[t.origin]=setTimeout(()=>{delete n[t.origin],l(t.origin)},ne))}),Object.keys(n).forEach(t=>{(!f[t]||f[t].status!=="silent")&&(clearTimeout(n[t]),delete n[t])})},[f,l]),e.useEffect(()=>()=>{E.current&&E.current(),Object.values(x.current).forEach(clearTimeout)},[]);const p=e.useCallback(n=>{E.current&&(E.current(),E.current=null);const t=u||K;E.current=t(n,{onBlocked:()=>{b(i=>i[n.origin]?{...i,[n.origin]:{...i[n.origin],popupBlocked:!0}}:i)},onClosed:()=>{if(n.v2){b(i=>!i[n.origin]||!i[n.origin].silentUrl?i:{...i,[n.origin]:{...i[n.origin],status:"silent"}});return}o(n.origin)}})},[u,o]),m={pending:Object.values(f).filter(n=>n.status==="interactive"),authorize:p,dismiss:c,originEpochs:w,credentials:C,unsupported:Z},O=Object.values(f).filter(n=>n.status==="silent"&&n.silentUrl);return e.createElement(W.Provider,{value:m},r,O.map(n=>e.createElement("iframe",{key:`mm-silent-auth-${n.origin}`,src:n.silentUrl,title:`MachineMetrics silent authorization (${n.origin})`,"aria-hidden":"true",tabIndex:-1,style:{display:"none"}})))};V.propTypes={children:k.node,launcher:k.func};const G=()=>e.useContext(W),J=r=>{const{originEpochs:u}=e.useContext(W),s=A(r);return s&&u[s]||0},Q=r=>{const{credentials:u}=e.useContext(W),s=A(r);return s&&u[s]||null},X=r=>{const{unsupported:u}=e.useContext(W),s=A(r);return s&&u[s]||null},Y=({children:r,authorizationLauncher:u})=>{const[s,f]=e.useState({}),[b,w]=e.useState({}),h=e.useRef({}),C=e.useRef({}),U=e.useRef({}),Z=e.useCallback((o,l)=>{var c;return!!((c=U.current[o])!=null&&c.has(l))},[]),M=e.useCallback((o,l,c)=>{f(d=>({...d,[o]:{origin:l,frameRef:c}}))},[]),F=e.useCallback(o=>{f(l=>{const c={...l};return delete c[o],c}),w(l=>{const c={...l};return delete c[o],c}),delete U.current[o]},[]);e.useEffect(()=>{const o=(c=[],d)=>{c.forEach(p=>p(d))},l=c=>{var O,n,t,i,a;if(!((O=c==null?void 0:c.data)!=null&&O.instanceId))return;const{instanceId:d,type:p}=c.data,m=h.current;if(p==="response"){const{callbackId:S,response:v,error:B}=c.data,I=C.current[S];I&&(I(v,B),delete C.current[S]);return}if(p==="mark-registered"){const{requestType:S}=c.data;U.current[d]||(U.current[d]=new Set),U.current[d].add(S);return}p==="ready"&&w(S=>({...S,[d]:!0})),o((n=m[d])==null?void 0:n[p],c.data),o((t=m["*"])==null?void 0:t[p],c.data),o((i=m[d])==null?void 0:i["*"],c.data),o((a=m["*"])==null?void 0:a["*"],c.data)};return window.addEventListener("message",l),()=>{window.removeEventListener("message",l)}},[s]);const E=e.useCallback((o,l,c)=>{var p,m;const d=s[o];if(!d){console.warn(`Origin not set for id: ${o}. Unable to send message.`);return}(m=(p=d==null?void 0:d.frameRef)==null?void 0:p.current)!=null&&m.contentWindow&&d.frameRef.current.contentWindow.postMessage({type:l,...c,instanceId:o},d.origin)},[s]),x=e.useRef(0),$=e.useCallback(()=>`${Date.now()}-${++x.current}`,[]),z=e.useCallback(async(o,l,c={})=>new Promise((d,p)=>{const m=$(),O=(n,t)=>{delete C.current[m],t?p(t):d(n)};C.current[m]=O,E(o,"request",{callbackId:m,requestType:l,data:c})}),[E]),y=e.useCallback((o,l)=>{E(o,"load-options",l)},[E]),T=e.useCallback((o,l)=>{E(o,"validate",l)},[E]),L=e.useMemo(()=>({registerFrame:M,unregisterFrame:F,sendMessage:E,sendRequest:z,loadOptions:y,validate:T,hasHandler:Z,readyFrames:b,addListener:(o,l,c)=>(h.current[o]||(h.current[o]={}),h.current[o][l]||(h.current[o][l]=[]),h.current[o][l].push(c),()=>{h.current[o][l]=h.current[o][l].filter(d=>d!==c)})}),[M,F,E,z,y,T,Z,b]);return e.createElement(_.Provider,{value:L},e.createElement(V,{launcher:u},r))},q=(r,u,s)=>{const f=e.useContext(_);if(f===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const b=e.useRef(s);e.useEffect(()=>{b.current=s},[s]),e.useEffect(()=>{if(!(!r||!u)){if(u.startsWith("key:")){const w=u.substring(4);return f.readyFrames[r]&&f.sendMessage(r,"subscribe-key",{keyChord:w}),f.addListener(r,`key-pressed:${w}`,(...C)=>b.current(...C))}return f.addListener(r,u,(...w)=>b.current(...w))}},[f,r,u])};Y.propTypes={children:k.node.isRequired,authorizationLauncher:k.func};const D=j.default||j,te=1e4,re="credentials",N=(r,u)=>`${r}/mm-embedded-interop?id=${u}&origin=${window.location.origin}&caps=${re}`,se=D.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${t=>t.$isReady?"visible":"hidden"};
-`,le=P.div`
+  visibility: ${r=>r.$isReady?"visible":"hidden"};
+`,ie=D.div`
   width: 100%;
   height: 100%;
   display: flex;
@@ -16,13 +16,13 @@
   text-align: center;
   color: #555;
   font-size: 14px;
-`,te=({entry:t})=>e.createElement(le,null,e.createElement("div",{style:{fontWeight:600}},t&&(t.name||t.origin)||"This app"," can’t be embedded here"),e.createElement("div",{style:{fontSize:12,color:"#888"}},"It needs an update to support embedding from a different domain."));te.propTypes={entry:C.shape({origin:C.string,name:C.string,reason:C.string})};const de=P.div`
+`,R=({entry:r})=>e.createElement(ie,null,e.createElement("div",{style:{fontWeight:600}},r&&(r.name||r.origin)||"This app"," can’t be embedded here"),e.createElement("div",{style:{fontSize:12,color:"#888"}},"It needs an update to support embedding from a different domain."));R.propTypes={entry:k.shape({origin:k.string,name:k.string,reason:k.string})};const oe=D.div`
   height: 100%;
   display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
-`,re=({id:t,src:o,path:i,onInit:d=()=>{},onTimeout:g,context:k={},params:b={},skipManifestCheck:E=!1,renderUnsupported:L,...v})=>{if("isConfiguring"in v)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in k)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in k)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const x=e.useRef(),[I,h]=e.useState(),[z,O]=e.useState(0),[j,A]=e.useState(!1),M=N(o),T=R(o),u=ee(o);e.useEffect(()=>{M>0&&O(0)},[M]);const{registerFrame:a,unregisterFrame:c,sendMessage:l}=e.useContext(_),[p,w]=e.useState(!0),[n,r]=e.useState(),s=e.useRef(),f=e.useRef(g),U=e.useRef(d),y=e.useRef(!1);e.useEffect(()=>{f.current=g},[g]),e.useEffect(()=>{U.current=d},[d]),e.useEffect(()=>{z&&l(t,"set-context",{context:{...k,colorMode:b.colorMode,isFullScreen:b.isFullScreen}})},[k,b.colorMode,b.isFullScreen,t,z]),e.useEffect(()=>{z&&(l(t,"set-params",{params:b}),l(t,"set-configuring",{isConfiguring:b.isConfiguring}))},[b,t,z]),e.useEffect(()=>{i!==void 0&&r((i==null?void 0:i.indexOf("/"))===0?i:`/${i}`)},[i]),e.useEffect(()=>{n===void 0||!z||l(t,"navigate",{path:n})},[n,z,t,l]),e.useEffect(()=>{if(!(!o||!t||!x)){if(E){const S=new URL(o);w(!0),a(t,S.origin,x),U.current(),h(K(S.origin,t))}else(async()=>{const S=await V(o);if(w(S),S){const se=new URL(o);a(t,se.origin,x),U.current(),h(K(se.origin,t))}})();return()=>{c(t)}}},[o,t,a,x,E]),e.useEffect(()=>{if(!(!E||!I||y.current))return s.current=setTimeout(()=>{f.current&&f.current()},oe),()=>clearTimeout(s.current)},[I,E]);const Z=e.useCallback(()=>{y.current=!0,clearTimeout(s.current)},[]);$(t,"init",Z),$(t,"authorize",Z),$(t,"login",Z),$(t,"credential-request",()=>{Z(),A(!0)}),e.useEffect(()=>{!j||!T||l(t,"credential",{accessToken:T.accessToken})},[j,T,t,l]),$(t,"ready",()=>{Z(),O(S=>S+1)});const B=e.useRef();return $(t,"heartbeat",()=>{B.current&&clearTimeout(B.current),B.current=setTimeout(()=>{if(x.current){const S=new URL(o);x.current.src=K(S.origin,t)}},6e3)}),e.useEffect(()=>()=>{B.current&&clearTimeout(B.current)},[]),!E&&!p?e.createElement(de,null,e.createElement("div",{style:{textAlign:"center"}},"Application must adhere to the MM App Manifest specification to be embedded.")):u?L?L(u):e.createElement(te,{entry:u}):e.createElement(ce,{key:`auth-epoch-${M}`,$isReady:z,ref:x,src:I,...v})};re.propTypes={id:C.string,src:C.string.isRequired,path:C.string,onInit:C.func,onTimeout:C.func,skipManifestCheck:C.bool,renderUnsupported:C.func};const ae=q.div`
+`,ue=()=>e.createElement(oe,null,e.createElement("div",{style:{textAlign:"center"}},"This app couldn’t be loaded as an embeddable widget.")),ee=({id:r,src:u,path:s,onInit:f=()=>{},onTimeout:b,context:w={},params:h={},renderUnsupported:C,renderTimeout:U,...Z})=>{if("isConfiguring"in Z)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in w)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in w)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const M=e.useRef(),[F,E]=e.useState(),[x,$]=e.useState(0),[z,y]=e.useState(!1),[T,L]=e.useState(!1),o=J(u),l=Q(u),c=X(u);e.useEffect(()=>{o>0&&$(0)},[o]);const{registerFrame:d,unregisterFrame:p,sendMessage:m}=e.useContext(_),[O,n]=e.useState(),t=e.useRef(),i=e.useRef(b),a=e.useRef(f),S=e.useRef(!1);e.useEffect(()=>{i.current=b},[b]),e.useEffect(()=>{a.current=f},[f]),e.useEffect(()=>{x&&m(r,"set-context",{context:{...w,colorMode:h.colorMode,isFullScreen:h.isFullScreen}})},[w,h.colorMode,h.isFullScreen,r,x]),e.useEffect(()=>{x&&(m(r,"set-params",{params:h}),m(r,"set-configuring",{isConfiguring:h.isConfiguring}))},[h,r,x]),e.useEffect(()=>{s!==void 0&&n((s==null?void 0:s.indexOf("/"))===0?s:`/${s}`)},[s]),e.useEffect(()=>{O===void 0||!x||m(r,"navigate",{path:O})},[O,x,r,m]),e.useEffect(()=>{if(!u||!r||!M)return;const I=new URL(u);return d(r,I.origin,M),a.current(),E(N(I.origin,r)),()=>{p(r)}},[u,r,d,M]),e.useEffect(()=>{if(!(!F||S.current))return t.current=setTimeout(()=>{y(!0),i.current&&i.current()},te),()=>clearTimeout(t.current)},[F]);const v=e.useCallback(()=>{S.current=!0,clearTimeout(t.current),y(!1)},[]);q(r,"init",v),q(r,"authorize",v),q(r,"login",v),q(r,"credential-request",()=>{v(),L(!0)}),e.useEffect(()=>{!T||!l||m(r,"credential",{accessToken:l.accessToken})},[T,l,r,m]),q(r,"ready",()=>{v(),$(I=>I+1)});const B=e.useRef();return q(r,"heartbeat",()=>{B.current&&clearTimeout(B.current),B.current=setTimeout(()=>{if(M.current){const I=new URL(u);M.current.src=N(I.origin,r)}},6e3)}),e.useEffect(()=>()=>{B.current&&clearTimeout(B.current)},[]),c?C?C(c):e.createElement(R,{entry:c}):z&&!x?U?U():e.createElement(ue,null):e.createElement(se,{key:`auth-epoch-${o}`,$isReady:x,ref:M,src:F,...Z})};ee.propTypes={id:k.string,src:k.string.isRequired,path:k.string,onInit:k.func,onTimeout:k.func,renderUnsupported:k.func,renderTimeout:k.func};const ce=j.div`
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.45);
@@ -30,7 +30,7 @@
   align-items: center;
   justify-content: center;
   z-index: 10000;
-`,fe=q.div`
+`,le=j.div`
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
@@ -39,13 +39,13 @@
   max-width: calc(100vw - 32px);
   font-family: sans-serif;
   color: #222;
-`,me=q.div`
+`,de=j.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 0;
   gap: 16px;
-`,ge=q.button`
+`,fe=j.button`
   background: #16a500;
   color: #fff;
   border: none;
@@ -54,8 +54,8 @@
   font-size: 14px;
   cursor: pointer;
   white-space: nowrap;
-`,be=q.p`
+`,ae=j.p`
   color: #b3261e;
   font-size: 13px;
   margin: 4px 0 0;
-`,he=()=>{const{pending:t,authorize:o}=Y();return t.length===0?null:e.createElement(ae,null,e.createElement(fe,null,e.createElement("h3",{style:{margin:"0 0 8px"}},"Authorization Required"),e.createElement("p",{style:{margin:"0 0 12px",fontSize:14,color:"#555"}},"The following apps need you to sign in and authorize them before they can load."),t.map(i=>e.createElement("div",{key:i.origin},e.createElement(me,null,e.createElement("div",null,e.createElement("div",{style:{fontWeight:600}},i.name||i.origin),i.name&&e.createElement("div",{style:{fontSize:12,color:"#888"}},i.origin)),e.createElement(ge,{onClick:()=>o(i)},"Authorize")),i.popupBlocked&&e.createElement(be,null,"The sign-in window was blocked. Allow popups for this site, then try again.")))))};m.EmbeddedAuthorizationContext=W,m.EmbeddedAuthorizationPrompt=he,m.MMEmbeddableZone=re,m.MMEmbeddableZoneContext=_,m.MMEmbeddableZoneProvider=ne,m.getAppInfo=H,m.isCrossSite=J,m.popupAuthorizationLauncher=Q,m.testIsEmbeddable=V,m.useEmbeddedAuthorizations=Y,m.useEmbeddedCredential=R,m.useEmbeddedEffect=$,m.useEmbeddedOriginEpoch=N,m.useEmbeddedUnsupported=ee,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+`,me=()=>{const{pending:r,authorize:u}=G();return r.length===0?null:e.createElement(ce,null,e.createElement(le,null,e.createElement("h3",{style:{margin:"0 0 8px"}},"Authorization Required"),e.createElement("p",{style:{margin:"0 0 12px",fontSize:14,color:"#555"}},"The following apps need you to sign in and authorize them before they can load."),r.map(s=>e.createElement("div",{key:s.origin},e.createElement(de,null,e.createElement("div",null,e.createElement("div",{style:{fontWeight:600}},s.name||s.origin),s.name&&e.createElement("div",{style:{fontSize:12,color:"#888"}},s.origin)),e.createElement(fe,{onClick:()=>u(s)},"Authorize")),s.popupBlocked&&e.createElement(ae,null,"The sign-in window was blocked. Allow popups for this site, then try again.")))))};g.EmbeddedAuthorizationContext=W,g.EmbeddedAuthorizationPrompt=me,g.MMEmbeddableZone=ee,g.MMEmbeddableZoneContext=_,g.MMEmbeddableZoneProvider=Y,g.isCrossSite=P,g.popupAuthorizationLauncher=K,g.useEmbeddedAuthorizations=G,g.useEmbeddedCredential=Q,g.useEmbeddedEffect=q,g.useEmbeddedOriginEpoch=J,g.useEmbeddedUnsupported=X,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));

package/package.json

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