@machinemetrics/mm-react-embeddable 1.4.0-7 → 1.4.0-8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),be=require("prop-types"),he=require("styled-components"),J=t=>t&&t.__esModule?t:{default:t},g=J(r),C=J(be),W=J(he),K=r.createContext(null),H=r.createContext({pending:[],authorize:()=>{},approve:()=>{},complete:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),ne="access_token",V=t=>t?t.kind?t:t.accessToken?{kind:ne,accessToken:t.accessToken,expiresAt:t.expiresAt||null}:null:null,ge=new Set(["host_not_allowed","invalid_token","provider_unavailable"]),N=typeof window!="undefined"&&window.location.protocol==="https:",me=8e3,G=t=>{try{return new URL(t).origin}catch{return null}},Y=(t,o)=>{const i=o==null?void 0:o.origin;return!i||G(t==null?void 0:t.authUrl)!==i?null:i},ee=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(".")},re=(t,o)=>{try{const i=new URL(t),f=new URL(o);return i.protocol!==f.protocol?!0:ee(i.hostname)!==ee(f.hostname)}catch{return!0}},se=(t,{onBlocked:o,onClosed:i})=>{const f=window.open(t.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!f)return o(),()=>{};const h=setInterval(()=>{f.closed&&(clearInterval(h),i())},1e3);return()=>clearInterval(h)},oe=({children:t,launcher:o,broker:i})=>{const f=r.useContext(K),[h,k]=r.useState({}),[L,x]=r.useState({}),[T,z]=r.useState({}),[I,M]=r.useState({}),F=r.useRef(T);F.current=T;const p=r.useRef(null),v=r.useRef({}),O=r.useRef({}),$=r.useRef({}),S=r.useRef(i);S.current=i;const _=r.useCallback(e=>{const n=O.current[e];if(!n)return;const s=l=>!l[e]||l[e].clientId?l:{...l,[e]:{...l[e],clientId:n}};k(s),M(s)},[]),P=r.useCallback((e,n)=>{e&&(M(s=>s[e]?s:{...s,[e]:{origin:e,reason:n,clientId:O.current[e]||null}}),_(e))},[_]),u=r.useCallback((e,{v2:n=!1,origin:s=null}={})=>{s&&(n&&F.current[s]||(k(l=>l[s]?l:{...l,[s]:{origin:s,authUrl:e.authUrl,silentUrl:e.silentUrl||null,status:n&&S.current?"broker":n&&e.silentUrl&&N?"silent":"interactive",v2:n,scope:e.scope||null,acceptsCredentials:$.current[s]||null,consent:null,error:null,clientId:e.clientId||O.current[s]||null,popupBlocked:!1}}),_(s)))},[_]),a=r.useCallback(e=>{k(n=>{if(!n[e])return n;const s={...n};return delete s[e],s})},[]),c=r.useCallback(e=>{e&&(a(e),x(n=>({...n,[e]:(n[e]||0)+1})))},[a]),d=r.useCallback(e=>{k(n=>!n[e]||n[e].status==="interactive"?n:{...n,[e]:{...n[e],status:"interactive"}})},[]),m=r.useCallback(e=>{a(e.origin)},[a]),E=r.useCallback((e,n)=>{const s=Y(e,n);if(s){if(re(s,window.location.origin)){P(s,"cross-site-legacy");return}u(e,{origin:s})}},[u,P]);r.useEffect(()=>{if(!f)return;const e=[f.addListener("*","init",(n,s)=>{s!=null&&s.origin&&(n!=null&&n.clientId)&&(O.current[s.origin]=n.clientId,_(s.origin)),s!=null&&s.origin&&Array.isArray(n==null?void 0:n.acceptsCredentials)&&($.current[s.origin]=n.acceptsCredentials)}),f.addListener("*","authorize",E),f.addListener("*","login",E),f.addListener("*","credential-request",(n,s)=>u(n,{v2:!0,origin:Y(n,s)}))];return()=>e.forEach(n=>n())},[f,E,u,_]),r.useEffect(()=>{const e=n=>{const s=n==null?void 0:n.data;if(!s||s.type!=="authorized"&&s.type!=="authorize-failed")return;const l=G(s.authUrl);if(!(!l||n.origin!==l)){if(s.type==="authorized"){s.accessToken?(z(b=>({...b,[l]:V({accessToken:s.accessToken})})),a(l)):c(l);return}d(l)}};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[a,c,d]);const U=r.useCallback((e,n)=>{const s=e==null?void 0:e.origin,l=V(n);!s||!l||(z(b=>({...b,[s]:l})),a(s))},[a]),R=r.useCallback((e,n)=>{k(s=>s[e]?{...s,[e]:{...s[e],...n}}:s)},[]),w=r.useCallback(async(e,{approve:n}={})=>{const s=S.current,{origin:l}=e;let b;try{b=await s({origin:l,clientId:e.clientId,scope:e.scope,authUrl:e.authUrl},{approve:n})}catch{n?R(l,{error:{reason:"broker_unavailable"}}):R(l,{status:e.silentUrl&&N?"silent":"interactive"});return}if((b==null?void 0:b.status)===200&&b.credential){U(e,b.credential);return}if((b==null?void 0:b.status)===409&&b.consentRequired){R(l,{status:"interactive",consent:{client:b.client||null,stepUp:!!b.stepUp,scope:b.scope||e.scope},error:null});return}const D=(b==null?void 0:b.error)||"broker_error";if(!n&&ge.has(D)){R(l,{status:e.silentUrl&&N?"silent":"interactive"});return}if(n&&D==="consent_denied"){R(l,{error:null});return}a(l),M(X=>({...X,[l]:{origin:l,reason:`broker:${D}`,detail:b||null,clientId:e.clientId||O.current[l]||null}}))},[U,R,a]),y=r.useRef({});r.useEffect(()=>{Object.values(h).forEach(e=>{e.status!=="broker"||y.current[e.origin]||(y.current[e.origin]=!0,w(e).finally(()=>{delete y.current[e.origin]}))})},[h,w]);const j=r.useCallback(e=>!S.current||!(e!=null&&e.consent)?Promise.resolve():w(e,{approve:!0}),[w]);r.useEffect(()=>{const e=v.current;Object.values(h).forEach(n=>{n.status==="silent"&&!e[n.origin]&&(e[n.origin]=setTimeout(()=>{delete e[n.origin],d(n.origin)},me))}),Object.keys(e).forEach(n=>{(!h[n]||h[n].status!=="silent")&&(clearTimeout(e[n]),delete e[n])})},[h,d]),r.useEffect(()=>()=>{p.current&&p.current(),Object.values(v.current).forEach(clearTimeout)},[]);const A=r.useCallback(e=>{p.current&&(p.current(),p.current=null);const n=o||se;p.current=n(e,{onBlocked:()=>{k(s=>s[e.origin]?{...s,[e.origin]:{...s[e.origin],popupBlocked:!0}}:s)},onClosed:()=>{if(e.v2){N&&k(s=>!s[e.origin]||!s[e.origin].silentUrl?s:{...s,[e.origin]:{...s[e.origin],status:"silent"}});return}c(e.origin)}})},[o,c]),q={pending:Object.values(h).filter(e=>e.status==="interactive"),authorize:A,approve:j,complete:U,dismiss:m,originEpochs:L,credentials:T,unsupported:I},Z=Object.values(h).filter(e=>e.status==="silent"&&e.silentUrl);return g.default.createElement(H.Provider,{value:q},t,Z.map(e=>g.default.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"}})))};oe.propTypes={children:C.default.node,launcher:C.default.func,broker:C.default.func};const ie=()=>r.useContext(H),ue=t=>{const{originEpochs:o}=r.useContext(H),i=G(t);return i&&o[i]||0},ce=t=>{const{credentials:o}=r.useContext(H),i=G(t);return i&&o[i]||null},ae=t=>{const{unsupported:o}=r.useContext(H),i=G(t);return i&&o[i]||null},le=({children:t,authorizationLauncher:o,credentialBroker:i})=>{const[f,h]=r.useState({}),[k,L]=r.useState({}),x=r.useRef({}),T=r.useRef({}),z=r.useRef({}),I=r.useCallback((u,a)=>{var c;return!!((c=z.current[u])!=null&&c.has(a))},[]),M=r.useCallback((u,a,c)=>{h(d=>({...d,[u]:{origin:a,frameRef:c}}))},[]),F=r.useCallback(u=>{h(a=>{const c={...a};return delete c[u],c}),L(a=>{const c={...a};return delete c[u],c}),delete z.current[u]},[]);r.useEffect(()=>{const u=(c=[],d,m)=>{c.forEach(E=>E(d,m))},a=c=>{var y,j,A,q,Z,e,n;if(!((y=c==null?void 0:c.data)!=null&&y.instanceId))return;const{instanceId:d,type:m}=c.data,E=f[d],U=(A=(j=E==null?void 0:E.frameRef)==null?void 0:j.current)==null?void 0:A.contentWindow;if(!U||c.source!==U||c.origin!==E.origin)return;const R={origin:c.origin},w=x.current;if(m==="response"){const{callbackId:s,response:l,error:b}=c.data,D=T.current[s];D&&(D(l,b),delete T.current[s]);return}if(m==="mark-registered"){const{requestType:s}=c.data;z.current[d]||(z.current[d]=new Set),z.current[d].add(s);return}m==="ready"&&L(s=>({...s,[d]:!0})),u((q=w[d])==null?void 0:q[m],c.data,R),u((Z=w["*"])==null?void 0:Z[m],c.data,R),u((e=w[d])==null?void 0:e["*"],c.data,R),u((n=w["*"])==null?void 0:n["*"],c.data,R)};return window.addEventListener("message",a),()=>{window.removeEventListener("message",a)}},[f]);const p=r.useCallback((u,a,c)=>{var m,E;const d=f[u];if(!d){console.warn(`Origin not set for id: ${u}. Unable to send message.`);return}(E=(m=d==null?void 0:d.frameRef)==null?void 0:m.current)!=null&&E.contentWindow&&d.frameRef.current.contentWindow.postMessage({type:a,...c,instanceId:u},d.origin)},[f]),v=r.useRef(0),O=r.useCallback(()=>`${Date.now()}-${++v.current}`,[]),$=r.useCallback(async(u,a,c={})=>new Promise((d,m)=>{const E=O(),U=(R,w)=>{delete T.current[E],w?m(w):d(R)};T.current[E]=U,p(u,"request",{callbackId:E,requestType:a,data:c})}),[p]),S=r.useCallback((u,a)=>{p(u,"load-options",a)},[p]),_=r.useCallback((u,a)=>{p(u,"validate",a)},[p]),P=r.useMemo(()=>({registerFrame:M,unregisterFrame:F,sendMessage:p,sendRequest:$,loadOptions:S,validate:_,hasHandler:I,readyFrames:k,addListener:(u,a,c)=>(x.current[u]||(x.current[u]={}),x.current[u][a]||(x.current[u][a]=[]),x.current[u][a].push(c),()=>{x.current[u][a]=x.current[u][a].filter(d=>d!==c)})}),[M,F,p,$,S,_,I,k]);return g.default.createElement(K.Provider,{value:P},g.default.createElement(oe,{launcher:o,broker:i},t))},B=(t,o,i)=>{const f=r.useContext(K);if(f===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const h=r.useRef(i);r.useEffect(()=>{h.current=i},[i]),r.useEffect(()=>{if(!(!t||!o)){if(o.startsWith("key:")){const k=o.substring(4);return f.readyFrames[t]&&f.sendMessage(t,"subscribe-key",{keyChord:k}),f.addListener(t,`key-pressed:${k}`,(...x)=>h.current(...x))}return f.addListener(t,o,(...k)=>h.current(...k))}},[f,t,o])};le.propTypes={children:C.default.node.isRequired,authorizationLauncher:C.default.func,credentialBroker:C.default.func};const Q=W.default.default||W.default,Ee=1e4,ke="credentials",te=(t,o)=>`${t}/mm-embedded-interop?id=${o}&origin=${window.location.origin}&caps=${ke}`,Ce=Q.iframe`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 100%;
|
|
4
4
|
border: none;
|
|
5
|
-
visibility: ${
|
|
6
|
-
`,
|
|
5
|
+
visibility: ${t=>t.$isReady?"visible":"hidden"};
|
|
6
|
+
`,Re=Q.div`
|
|
7
7
|
width: 100%;
|
|
8
8
|
height: 100%;
|
|
9
9
|
display: flex;
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
text-align: center;
|
|
17
17
|
color: #555;
|
|
18
18
|
font-size: 14px;
|
|
19
|
-
`,
|
|
19
|
+
`,de=t=>{const o=t&&t.origin||"This app",i=t&&t.reason||"";switch(i){case"broker:scope_above_ceiling":return{title:`${o} can’t be authorized here`,detail:"It asks for permissions your role doesn’t have."};case"broker:origin_mismatch":case"broker:unknown_client":return{title:`${o} can’t be authorized here`,detail:"It isn’t registered to run at this address."};case"broker:cross_company_principal":return{title:`${o} can’t be authorized here`,detail:"It can’t be authorized for this account."};default:return i.startsWith("broker:")?{title:`${o} can’t be authorized here`,detail:"Authorization was refused."}:{title:`${o} can’t be embedded here`,detail:"It needs an update to support embedding from a different domain."}}},fe=({entry:t})=>{const o=de(t);return g.default.createElement(Re,{"data-reason":t&&t.reason||void 0},g.default.createElement("div",{style:{fontWeight:600}},o.title),g.default.createElement("div",{style:{fontSize:12,color:"#888"}},o.detail))};fe.propTypes={entry:C.default.shape({origin:C.default.string,name:C.default.string,reason:C.default.string,detail:C.default.object})};const we=Q.div`
|
|
20
20
|
height: 100%;
|
|
21
21
|
display: flex;
|
|
22
22
|
flex: 1;
|
|
23
23
|
align-items: center;
|
|
24
24
|
justify-content: center;
|
|
25
|
-
`,
|
|
25
|
+
`,xe=()=>g.default.createElement(we,null,g.default.createElement("div",{style:{textAlign:"center"}},"This app couldn’t be loaded as an embeddable widget.")),pe=({id:t,src:o,path:i,onInit:f=()=>{},onTimeout:h,context:k={},params:L={},renderUnsupported:x,renderTimeout:T,...z})=>{if("isConfiguring"in z)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 I=r.useRef(),[M,F]=r.useState(),[p,v]=r.useState(0),[O,$]=r.useState(!1),[S,_]=r.useState(!1),P=ue(o),u=ce(o),a=ae(o);r.useEffect(()=>{P>0&&v(0)},[P]);const{registerFrame:c,unregisterFrame:d,sendMessage:m}=r.useContext(K),[E,U]=r.useState(),R=r.useRef(),w=r.useRef(h),y=r.useRef(f),j=r.useRef(!1);r.useEffect(()=>{w.current=h},[h]),r.useEffect(()=>{y.current=f},[f]),r.useEffect(()=>{p&&m(t,"set-context",{context:{...k}})},[k,t,p]),r.useEffect(()=>{p&&m(t,"set-params",{params:L})},[L,t,p]),r.useEffect(()=>{i!==void 0&&U((i==null?void 0:i.indexOf("/"))===0?i:`/${i}`)},[i]),r.useEffect(()=>{E===void 0||!p||m(t,"navigate",{path:E})},[E,p,t,m]),r.useEffect(()=>{if(!o||!t||!I)return;const n=new URL(o);return c(t,n.origin,I),y.current(),F(te(n.origin,t)),()=>{d(t)}},[o,t,c,I]),r.useEffect(()=>{if(!(!M||j.current))return R.current=setTimeout(()=>{$(!0),w.current&&w.current()},Ee),()=>clearTimeout(R.current)},[M]);const A=r.useCallback(()=>{j.current=!0,clearTimeout(R.current),$(!1)},[]),[q,Z]=r.useState(null);B(t,"init",n=>{A(),Array.isArray(n==null?void 0:n.acceptsCredentials)&&Z(n.acceptsCredentials)}),B(t,"authorize",A),B(t,"login",A),B(t,"credential-request",()=>{A(),_(!0)}),r.useEffect(()=>{if(!S||!u)return;const n=q;if(Array.isArray(n)&&!n.includes(u.kind))return;const s=u.kind==="access_token"?{accessToken:u.accessToken}:{};m(t,"credential",{...s,credential:u})},[S,u,q,t,m]),B(t,"ready",()=>{A(),v(n=>n+1)});const e=r.useRef();return B(t,"heartbeat",()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{if(I.current){const n=new URL(o);I.current.src=te(n.origin,t)}},6e3)}),r.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]),a?x?x(a):g.default.createElement(fe,{entry:a}):O&&!p?T?T():g.default.createElement(xe,null):g.default.createElement(Ce,{key:`auth-epoch-${P}`,$isReady:p,ref:I,src:M,...z})};pe.propTypes={id:C.default.string,src:C.default.string.isRequired,path:C.default.string,onInit:C.default.func,onTimeout:C.default.func,renderUnsupported:C.default.func,renderTimeout:C.default.func};const Te=W.default.div`
|
|
26
26
|
position: fixed;
|
|
27
27
|
inset: 0;
|
|
28
28
|
background: rgba(0, 0, 0, 0.45);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
align-items: center;
|
|
31
31
|
justify-content: center;
|
|
32
32
|
z-index: 10000;
|
|
33
|
-
`,
|
|
33
|
+
`,ze=W.default.div`
|
|
34
34
|
background: #fff;
|
|
35
35
|
border-radius: 8px;
|
|
36
36
|
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
max-width: calc(100vw - 32px);
|
|
40
40
|
font-family: sans-serif;
|
|
41
41
|
color: #222;
|
|
42
|
-
`,
|
|
42
|
+
`,Ie=W.default.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
align-items: center;
|
|
45
45
|
justify-content: space-between;
|
|
46
46
|
padding: 10px 0;
|
|
47
47
|
gap: 16px;
|
|
48
|
-
`,
|
|
48
|
+
`,_e=W.default.button`
|
|
49
49
|
background: #16a500;
|
|
50
50
|
color: #fff;
|
|
51
51
|
border: none;
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
font-size: 14px;
|
|
55
55
|
cursor: pointer;
|
|
56
56
|
white-space: nowrap;
|
|
57
|
-
`,
|
|
57
|
+
`,Me=W.default.p`
|
|
58
58
|
color: #b3261e;
|
|
59
59
|
font-size: 13px;
|
|
60
60
|
margin: 4px 0 0;
|
|
61
|
-
`,
|
|
61
|
+
`,Se=()=>{const{pending:t,authorize:o}=ie();return t.length===0?null:g.default.createElement(Te,null,g.default.createElement(ze,null,g.default.createElement("h3",{style:{margin:"0 0 8px"}},"Authorization Required"),g.default.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=>g.default.createElement("div",{key:i.origin},g.default.createElement(Ie,null,g.default.createElement("div",null,g.default.createElement("div",{style:{fontWeight:600}},i.origin)),g.default.createElement(_e,{onClick:()=>o(i)},"Authorize")),i.popupBlocked&&g.default.createElement(Me,null,"The sign-in window was blocked. Allow popups for this site, then try again.")))))};exports.CREDENTIAL_KIND_ACCESS_TOKEN=ne;exports.EmbeddedAuthorizationContext=H;exports.EmbeddedAuthorizationPrompt=Se;exports.MMEmbeddableZone=pe;exports.MMEmbeddableZoneContext=K;exports.MMEmbeddableZoneProvider=le;exports.isCrossSite=re;exports.normalizeCredential=V;exports.popupAuthorizationLauncher=se;exports.unsupportedCopy=de;exports.useEmbeddedAuthorizations=ie;exports.useEmbeddedCredential=ce;exports.useEmbeddedEffect=B;exports.useEmbeddedOriginEpoch=ue;exports.useEmbeddedUnsupported=ae;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(b,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("react"),require("prop-types"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","styled-components"],t):(b=typeof globalThis!="undefined"?globalThis:b||self,t(b["mm-react-embeddable"]={},b.React,b.PropTypes,b.styled))})(this,(function(b,t,he,me){"use strict";const Q=n=>n&&n.__esModule?n:{default:n},m=Q(t),w=Q(he),v=Q(me),N=t.createContext(null),H=t.createContext({pending:[],authorize:()=>{},approve:()=>{},complete:()=>{},dismiss:()=>{},originEpochs:{},credentials:{},unsupported:{}}),R="access_token",X=n=>n?n.kind?n:n.accessToken?{kind:R,accessToken:n.accessToken,expiresAt:n.expiresAt||null}:null:null,ge=new Set(["host_not_allowed","invalid_token","provider_unavailable"]),J=typeof window!="undefined"&&window.location.protocol==="https:",Ee=8e3,V=n=>{try{return new URL(n).origin}catch{return null}},ee=(n,o)=>{const i=o==null?void 0:o.origin;return!i||V(n==null?void 0:n.authUrl)!==i?null:i},te=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(".")},ne=(n,o)=>{try{const i=new URL(n),f=new URL(o);return i.protocol!==f.protocol?!0:te(i.hostname)!==te(f.hostname)}catch{return!0}},re=(n,{onBlocked:o,onClosed:i})=>{const f=window.open(n.authUrl,"mm-embed-auth","popup,width=600,height=700");if(!f)return o(),()=>{};const g=setInterval(()=>{f.closed&&(clearInterval(g),i())},1e3);return()=>clearInterval(g)},se=({children:n,launcher:o,broker:i})=>{const f=t.useContext(N),[g,C]=t.useState({}),[P,z]=t.useState({}),[I,_]=t.useState({}),[M,U]=t.useState({}),B=t.useRef(I);B.current=I;const p=t.useRef(null),W=t.useRef({}),L=t.useRef({}),F=t.useRef({}),y=t.useRef(i);y.current=i;const S=t.useCallback(e=>{const r=L.current[e];if(!r)return;const s=a=>!a[e]||a[e].clientId?a:{...a,[e]:{...a[e],clientId:r}};C(s),U(s)},[]),j=t.useCallback((e,r)=>{e&&(U(s=>s[e]?s:{...s,[e]:{origin:e,reason:r,clientId:L.current[e]||null}}),S(e))},[S]),u=t.useCallback((e,{v2:r=!1,origin:s=null}={})=>{s&&(r&&B.current[s]||(C(a=>a[s]?a:{...a,[s]:{origin:s,authUrl:e.authUrl,silentUrl:e.silentUrl||null,status:r&&y.current?"broker":r&&e.silentUrl&&J?"silent":"interactive",v2:r,scope:e.scope||null,acceptsCredentials:F.current[s]||null,consent:null,error:null,clientId:e.clientId||L.current[s]||null,popupBlocked:!1}}),S(s)))},[S]),c=t.useCallback(e=>{C(r=>{if(!r[e])return r;const s={...r};return delete s[e],s})},[]),l=t.useCallback(e=>{e&&(c(e),z(r=>({...r,[e]:(r[e]||0)+1})))},[c]),d=t.useCallback(e=>{C(r=>!r[e]||r[e].status==="interactive"?r:{...r,[e]:{...r[e],status:"interactive"}})},[]),E=t.useCallback(e=>{c(e.origin)},[c]),k=t.useCallback((e,r)=>{const s=ee(e,r);if(s){if(ne(s,window.location.origin)){j(s,"cross-site-legacy");return}u(e,{origin:s})}},[u,j]);t.useEffect(()=>{if(!f)return;const e=[f.addListener("*","init",(r,s)=>{s!=null&&s.origin&&(r!=null&&r.clientId)&&(L.current[s.origin]=r.clientId,S(s.origin)),s!=null&&s.origin&&Array.isArray(r==null?void 0:r.acceptsCredentials)&&(F.current[s.origin]=r.acceptsCredentials)}),f.addListener("*","authorize",k),f.addListener("*","login",k),f.addListener("*","credential-request",(r,s)=>u(r,{v2:!0,origin:ee(r,s)}))];return()=>e.forEach(r=>r())},[f,k,u,S]),t.useEffect(()=>{const e=r=>{const s=r==null?void 0:r.data;if(!s||s.type!=="authorized"&&s.type!=="authorize-failed")return;const a=V(s.authUrl);if(!(!a||r.origin!==a)){if(s.type==="authorized"){s.accessToken?(_(h=>({...h,[a]:X({accessToken:s.accessToken})})),c(a)):l(a);return}d(a)}};return window.addEventListener("message",e),()=>window.removeEventListener("message",e)},[c,l,d]);const A=t.useCallback((e,r)=>{const s=e==null?void 0:e.origin,a=X(r);!s||!a||(_(h=>({...h,[s]:a})),c(s))},[c]),T=t.useCallback((e,r)=>{C(s=>s[e]?{...s,[e]:{...s[e],...r}}:s)},[]),x=t.useCallback(async(e,{approve:r}={})=>{const s=y.current,{origin:a}=e;let h;try{h=await s({origin:a,clientId:e.clientId,scope:e.scope,authUrl:e.authUrl},{approve:r})}catch{r?T(a,{error:{reason:"broker_unavailable"}}):T(a,{status:e.silentUrl&&J?"silent":"interactive"});return}if((h==null?void 0:h.status)===200&&h.credential){A(e,h.credential);return}if((h==null?void 0:h.status)===409&&h.consentRequired){T(a,{status:"interactive",consent:{client:h.client||null,stepUp:!!h.stepUp,scope:h.scope||e.scope},error:null});return}const G=(h==null?void 0:h.error)||"broker_error";if(!r&&ge.has(G)){T(a,{status:e.silentUrl&&J?"silent":"interactive"});return}if(r&&G==="consent_denied"){T(a,{error:null});return}c(a),U(be=>({...be,[a]:{origin:a,reason:`broker:${G}`,detail:h||null,clientId:e.clientId||L.current[a]||null}}))},[A,T,c]),$=t.useRef({});t.useEffect(()=>{Object.values(g).forEach(e=>{e.status!=="broker"||$.current[e.origin]||($.current[e.origin]=!0,x(e).finally(()=>{delete $.current[e.origin]}))})},[g,x]);const Z=t.useCallback(e=>!y.current||!(e!=null&&e.consent)?Promise.resolve():x(e,{approve:!0}),[x]);t.useEffect(()=>{const e=W.current;Object.values(g).forEach(r=>{r.status==="silent"&&!e[r.origin]&&(e[r.origin]=setTimeout(()=>{delete e[r.origin],d(r.origin)},Ee))}),Object.keys(e).forEach(r=>{(!g[r]||g[r].status!=="silent")&&(clearTimeout(e[r]),delete e[r])})},[g,d]),t.useEffect(()=>()=>{p.current&&p.current(),Object.values(W.current).forEach(clearTimeout)},[]);const O=t.useCallback(e=>{p.current&&(p.current(),p.current=null);const r=o||re;p.current=r(e,{onBlocked:()=>{C(s=>s[e.origin]?{...s,[e.origin]:{...s[e.origin],popupBlocked:!0}}:s)},onClosed:()=>{if(e.v2){J&&C(s=>!s[e.origin]||!s[e.origin].silentUrl?s:{...s,[e.origin]:{...s[e.origin],status:"silent"}});return}l(e.origin)}})},[o,l]),D={pending:Object.values(g).filter(e=>e.status==="interactive"),authorize:O,approve:Z,complete:A,dismiss:E,originEpochs:P,credentials:I,unsupported:M},K=Object.values(g).filter(e=>e.status==="silent"&&e.silentUrl);return m.default.createElement(H.Provider,{value:D},n,K.map(e=>m.default.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"}})))};se.propTypes={children:w.default.node,launcher:w.default.func,broker:w.default.func};const oe=()=>t.useContext(H),ie=n=>{const{originEpochs:o}=t.useContext(H),i=V(n);return i&&o[i]||0},ue=n=>{const{credentials:o}=t.useContext(H),i=V(n);return i&&o[i]||null},le=n=>{const{unsupported:o}=t.useContext(H),i=V(n);return i&&o[i]||null},ce=({children:n,authorizationLauncher:o,credentialBroker:i})=>{const[f,g]=t.useState({}),[C,P]=t.useState({}),z=t.useRef({}),I=t.useRef({}),_=t.useRef({}),M=t.useCallback((u,c)=>{var l;return!!((l=_.current[u])!=null&&l.has(c))},[]),U=t.useCallback((u,c,l)=>{g(d=>({...d,[u]:{origin:c,frameRef:l}}))},[]),B=t.useCallback(u=>{g(c=>{const l={...c};return delete l[u],l}),P(c=>{const l={...c};return delete l[u],l}),delete _.current[u]},[]);t.useEffect(()=>{const u=(l=[],d,E)=>{l.forEach(k=>k(d,E))},c=l=>{var $,Z,O,D,K,e,r;if(!(($=l==null?void 0:l.data)!=null&&$.instanceId))return;const{instanceId:d,type:E}=l.data,k=f[d],A=(O=(Z=k==null?void 0:k.frameRef)==null?void 0:Z.current)==null?void 0:O.contentWindow;if(!A||l.source!==A||l.origin!==k.origin)return;const T={origin:l.origin},x=z.current;if(E==="response"){const{callbackId:s,response:a,error:h}=l.data,G=I.current[s];G&&(G(a,h),delete I.current[s]);return}if(E==="mark-registered"){const{requestType:s}=l.data;_.current[d]||(_.current[d]=new Set),_.current[d].add(s);return}E==="ready"&&P(s=>({...s,[d]:!0})),u((D=x[d])==null?void 0:D[E],l.data,T),u((K=x["*"])==null?void 0:K[E],l.data,T),u((e=x[d])==null?void 0:e["*"],l.data,T),u((r=x["*"])==null?void 0:r["*"],l.data,T)};return window.addEventListener("message",c),()=>{window.removeEventListener("message",c)}},[f]);const p=t.useCallback((u,c,l)=>{var E,k;const d=f[u];if(!d){console.warn(`Origin not set for id: ${u}. Unable to send message.`);return}(k=(E=d==null?void 0:d.frameRef)==null?void 0:E.current)!=null&&k.contentWindow&&d.frameRef.current.contentWindow.postMessage({type:c,...l,instanceId:u},d.origin)},[f]),W=t.useRef(0),L=t.useCallback(()=>`${Date.now()}-${++W.current}`,[]),F=t.useCallback(async(u,c,l={})=>new Promise((d,E)=>{const k=L(),A=(T,x)=>{delete I.current[k],x?E(x):d(T)};I.current[k]=A,p(u,"request",{callbackId:k,requestType:c,data:l})}),[p]),y=t.useCallback((u,c)=>{p(u,"load-options",c)},[p]),S=t.useCallback((u,c)=>{p(u,"validate",c)},[p]),j=t.useMemo(()=>({registerFrame:U,unregisterFrame:B,sendMessage:p,sendRequest:F,loadOptions:y,validate:S,hasHandler:M,readyFrames:C,addListener:(u,c,l)=>(z.current[u]||(z.current[u]={}),z.current[u][c]||(z.current[u][c]=[]),z.current[u][c].push(l),()=>{z.current[u][c]=z.current[u][c].filter(d=>d!==l)})}),[U,B,p,F,y,S,M,C]);return m.default.createElement(N.Provider,{value:j},m.default.createElement(se,{launcher:o,broker:i},n))},q=(n,o,i)=>{const f=t.useContext(N);if(f===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const g=t.useRef(i);t.useEffect(()=>{g.current=i},[i]),t.useEffect(()=>{if(!(!n||!o)){if(o.startsWith("key:")){const C=o.substring(4);return f.readyFrames[n]&&f.sendMessage(n,"subscribe-key",{keyChord:C}),f.addListener(n,`key-pressed:${C}`,(...z)=>g.current(...z))}return f.addListener(n,o,(...C)=>g.current(...C))}},[f,n,o])};ce.propTypes={children:w.default.node.isRequired,authorizationLauncher:w.default.func,credentialBroker:w.default.func};const Y=v.default.default||v.default,ke=1e4,Ce="credentials",ae=(n,o)=>`${n}/mm-embedded-interop?id=${o}&origin=${window.location.origin}&caps=${Ce}`,we=Y.iframe`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 100%;
|
|
4
4
|
border: none;
|
|
5
|
-
visibility: ${
|
|
6
|
-
`,
|
|
5
|
+
visibility: ${n=>n.$isReady?"visible":"hidden"};
|
|
6
|
+
`,Te=Y.div`
|
|
7
7
|
width: 100%;
|
|
8
8
|
height: 100%;
|
|
9
9
|
display: flex;
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
text-align: center;
|
|
17
17
|
color: #555;
|
|
18
18
|
font-size: 14px;
|
|
19
|
-
`,
|
|
19
|
+
`,de=n=>{const o=n&&n.origin||"This app",i=n&&n.reason||"";switch(i){case"broker:scope_above_ceiling":return{title:`${o} can’t be authorized here`,detail:"It asks for permissions your role doesn’t have."};case"broker:origin_mismatch":case"broker:unknown_client":return{title:`${o} can’t be authorized here`,detail:"It isn’t registered to run at this address."};case"broker:cross_company_principal":return{title:`${o} can’t be authorized here`,detail:"It can’t be authorized for this account."};default:return i.startsWith("broker:")?{title:`${o} can’t be authorized here`,detail:"Authorization was refused."}:{title:`${o} can’t be embedded here`,detail:"It needs an update to support embedding from a different domain."}}},fe=({entry:n})=>{const o=de(n);return m.default.createElement(Te,{"data-reason":n&&n.reason||void 0},m.default.createElement("div",{style:{fontWeight:600}},o.title),m.default.createElement("div",{style:{fontSize:12,color:"#888"}},o.detail))};fe.propTypes={entry:w.default.shape({origin:w.default.string,name:w.default.string,reason:w.default.string,detail:w.default.object})};const xe=Y.div`
|
|
20
20
|
height: 100%;
|
|
21
21
|
display: flex;
|
|
22
22
|
flex: 1;
|
|
23
23
|
align-items: center;
|
|
24
24
|
justify-content: center;
|
|
25
|
-
`,
|
|
25
|
+
`,ze=()=>m.default.createElement(xe,null,m.default.createElement("div",{style:{textAlign:"center"}},"This app couldn’t be loaded as an embeddable widget.")),pe=({id:n,src:o,path:i,onInit:f=()=>{},onTimeout:g,context:C={},params:P={},renderUnsupported:z,renderTimeout:I,..._})=>{if("isConfiguring"in _)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in C)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in C)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const M=t.useRef(),[U,B]=t.useState(),[p,W]=t.useState(0),[L,F]=t.useState(!1),[y,S]=t.useState(!1),j=ie(o),u=ue(o),c=le(o);t.useEffect(()=>{j>0&&W(0)},[j]);const{registerFrame:l,unregisterFrame:d,sendMessage:E}=t.useContext(N),[k,A]=t.useState(),T=t.useRef(),x=t.useRef(g),$=t.useRef(f),Z=t.useRef(!1);t.useEffect(()=>{x.current=g},[g]),t.useEffect(()=>{$.current=f},[f]),t.useEffect(()=>{p&&E(n,"set-context",{context:{...C}})},[C,n,p]),t.useEffect(()=>{p&&E(n,"set-params",{params:P})},[P,n,p]),t.useEffect(()=>{i!==void 0&&A((i==null?void 0:i.indexOf("/"))===0?i:`/${i}`)},[i]),t.useEffect(()=>{k===void 0||!p||E(n,"navigate",{path:k})},[k,p,n,E]),t.useEffect(()=>{if(!o||!n||!M)return;const r=new URL(o);return l(n,r.origin,M),$.current(),B(ae(r.origin,n)),()=>{d(n)}},[o,n,l,M]),t.useEffect(()=>{if(!(!U||Z.current))return T.current=setTimeout(()=>{F(!0),x.current&&x.current()},ke),()=>clearTimeout(T.current)},[U]);const O=t.useCallback(()=>{Z.current=!0,clearTimeout(T.current),F(!1)},[]),[D,K]=t.useState(null);q(n,"init",r=>{O(),Array.isArray(r==null?void 0:r.acceptsCredentials)&&K(r.acceptsCredentials)}),q(n,"authorize",O),q(n,"login",O),q(n,"credential-request",()=>{O(),S(!0)}),t.useEffect(()=>{if(!y||!u)return;const r=D;if(Array.isArray(r)&&!r.includes(u.kind))return;const s=u.kind==="access_token"?{accessToken:u.accessToken}:{};E(n,"credential",{...s,credential:u})},[y,u,D,n,E]),q(n,"ready",()=>{O(),W(r=>r+1)});const e=t.useRef();return q(n,"heartbeat",()=>{e.current&&clearTimeout(e.current),e.current=setTimeout(()=>{if(M.current){const r=new URL(o);M.current.src=ae(r.origin,n)}},6e3)}),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]),c?z?z(c):m.default.createElement(fe,{entry:c}):L&&!p?I?I():m.default.createElement(ze,null):m.default.createElement(we,{key:`auth-epoch-${j}`,$isReady:p,ref:M,src:U,..._})};pe.propTypes={id:w.default.string,src:w.default.string.isRequired,path:w.default.string,onInit:w.default.func,onTimeout:w.default.func,renderUnsupported:w.default.func,renderTimeout:w.default.func};const Ie=v.default.div`
|
|
26
26
|
position: fixed;
|
|
27
27
|
inset: 0;
|
|
28
28
|
background: rgba(0, 0, 0, 0.45);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
align-items: center;
|
|
31
31
|
justify-content: center;
|
|
32
32
|
z-index: 10000;
|
|
33
|
-
`,
|
|
33
|
+
`,_e=v.default.div`
|
|
34
34
|
background: #fff;
|
|
35
35
|
border-radius: 8px;
|
|
36
36
|
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
|
|
@@ -39,13 +39,13 @@
|
|
|
39
39
|
max-width: calc(100vw - 32px);
|
|
40
40
|
font-family: sans-serif;
|
|
41
41
|
color: #222;
|
|
42
|
-
`,
|
|
42
|
+
`,Me=v.default.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
align-items: center;
|
|
45
45
|
justify-content: space-between;
|
|
46
46
|
padding: 10px 0;
|
|
47
47
|
gap: 16px;
|
|
48
|
-
`,
|
|
48
|
+
`,Se=v.default.button`
|
|
49
49
|
background: #16a500;
|
|
50
50
|
color: #fff;
|
|
51
51
|
border: none;
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
font-size: 14px;
|
|
55
55
|
cursor: pointer;
|
|
56
56
|
white-space: nowrap;
|
|
57
|
-
`,
|
|
57
|
+
`,Ue=v.default.p`
|
|
58
58
|
color: #b3261e;
|
|
59
59
|
font-size: 13px;
|
|
60
60
|
margin: 4px 0 0;
|
|
61
|
-
`,
|
|
61
|
+
`,ye=()=>{const{pending:n,authorize:o}=oe();return n.length===0?null:m.default.createElement(Ie,null,m.default.createElement(_e,null,m.default.createElement("h3",{style:{margin:"0 0 8px"}},"Authorization Required"),m.default.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(i=>m.default.createElement("div",{key:i.origin},m.default.createElement(Me,null,m.default.createElement("div",null,m.default.createElement("div",{style:{fontWeight:600}},i.origin)),m.default.createElement(Se,{onClick:()=>o(i)},"Authorize")),i.popupBlocked&&m.default.createElement(Ue,null,"The sign-in window was blocked. Allow popups for this site, then try again.")))))};b.CREDENTIAL_KIND_ACCESS_TOKEN=R,b.EmbeddedAuthorizationContext=H,b.EmbeddedAuthorizationPrompt=ye,b.MMEmbeddableZone=pe,b.MMEmbeddableZoneContext=N,b.MMEmbeddableZoneProvider=ce,b.isCrossSite=ne,b.normalizeCredential=X,b.popupAuthorizationLauncher=re,b.unsupportedCopy=de,b.useEmbeddedAuthorizations=oe,b.useEmbeddedCredential=ue,b.useEmbeddedEffect=q,b.useEmbeddedOriginEpoch=ie,b.useEmbeddedUnsupported=le,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})}));
|