@machinemetrics/mm-react-embeddable 1.4.0-3 → 1.4.0-5

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

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