@machinemetrics/mm-react-embeddable 1.0.2-1 → 1.0.3

package/package.json

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

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

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),J=require("prop-types"),Le=require("styled-components");var ge={exports:{}},Z={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Ye;function wr(){if(Ye)return Z;Ye=1;var n=d,o=Symbol.for("react.element"),T=Symbol.for("react.fragment"),c=Object.prototype.hasOwnProperty,w=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,S={key:!0,ref:!0,__self:!0,__source:!0};function M(y,R,F){var b,j={},i=null,v=null;F!==void 0&&(i=""+F),R.key!==void 0&&(i=""+R.key),R.ref!==void 0&&(v=R.ref);for(b in R)c.call(R,b)&&!S.hasOwnProperty(b)&&(j[b]=R[b]);if(y&&y.defaultProps)for(b in R=y.defaultProps,R)j[b]===void 0&&(j[b]=R[b]);return{$$typeof:o,type:y,key:i,ref:v,props:j,_owner:w.current}}return Z.Fragment=T,Z.jsx=M,Z.jsxs=M,Z}var B={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Ve;function Sr(){return Ve||(Ve=1,process.env.NODE_ENV!=="production"&&function(){var n=d,o=Symbol.for("react.element"),T=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),M=Symbol.for("react.provider"),y=Symbol.for("react.context"),R=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),i=Symbol.for("react.lazy"),v=Symbol.for("react.offscreen"),l=Symbol.iterator,E="@@iterator";function P(e){if(e===null||typeof e!="object")return null;var r=l&&e[l]||e[E];return typeof r=="function"?r:null}var m=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function g(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];I("error",e,t)}}function I(e,r,t){{var a=m.ReactDebugCurrentFrame,f=a.getStackAddendum();f!==""&&(r+="%s",t=t.concat([f]));var p=t.map(function(u){return String(u)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var D=!1,K=!1,N=!1,ae=!1,oe=!1,G;G=Symbol.for("react.module.reference");function z(e){return!!(typeof e=="string"||typeof e=="function"||e===c||e===S||oe||e===w||e===F||e===b||ae||e===v||D||K||N||typeof e=="object"&&e!==null&&(e.$$typeof===i||e.$$typeof===j||e.$$typeof===M||e.$$typeof===y||e.$$typeof===R||e.$$typeof===G||e.getModuleId!==void 0))}function Ge(e,r,t){var a=e.displayName;if(a)return a;var f=r.displayName||r.name||"";return f!==""?t+"("+f+")":t}function me(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case c:return"Fragment";case T:return"Portal";case S:return"Profiler";case w:return"StrictMode";case F:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var r=e;return me(r)+".Consumer";case M:var t=e;return me(t._context)+".Provider";case R:return Ge(e,e.render,"ForwardRef");case j:var a=e.displayName||null;return a!==null?a:A(e.type)||"Memo";case i:{var f=e,p=f._payload,u=f._init;try{return A(u(p))}catch{return null}}}return null}var $=Object.assign,Y=0,ye,Ee,he,Re,_e,we,Se;function Ce(){}Ce.__reactDisabledLog=!0;function ze(){{if(Y===0){ye=console.log,Ee=console.info,he=console.warn,Re=console.error,_e=console.group,we=console.groupCollapsed,Se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Y++}}function Xe(){{if(Y--,Y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:$({},e,{value:ye}),info:$({},e,{value:Ee}),warn:$({},e,{value:he}),error:$({},e,{value:Re}),group:$({},e,{value:_e}),groupCollapsed:$({},e,{value:we}),groupEnd:$({},e,{value:Se})})}Y<0&&g("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ie=m.ReactCurrentDispatcher,se;function X(e,r,t){{if(se===void 0)try{throw Error()}catch(f){var a=f.stack.trim().match(/\n( *(at )?)/);se=a&&a[1]||""}return`
-`+se+e}}var ue=!1,H;{var He=typeof WeakMap=="function"?WeakMap:Map;H=new He}function Te(e,r){if(!e||ue)return"";{var t=H.get(e);if(t!==void 0)return t}var a;ue=!0;var f=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=ie.current,ie.current=null,ze();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(x){a=x}Reflect.construct(e,[],u)}else{try{u.call()}catch(x){a=x}e.call(u.prototype)}}else{try{throw Error()}catch(x){a=x}e()}}catch(x){if(x&&a&&typeof x.stack=="string"){for(var s=x.stack.split(`
-`),O=a.stack.split(`
-`),h=s.length-1,_=O.length-1;h>=1&&_>=0&&s[h]!==O[_];)_--;for(;h>=1&&_>=0;h--,_--)if(s[h]!==O[_]){if(h!==1||_!==1)do if(h--,_--,_<0||s[h]!==O[_]){var k=`
-`+s[h].replace(" at new "," at ");return e.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",e.displayName)),typeof e=="function"&&H.set(e,k),k}while(h>=1&&_>=0);break}}}finally{ue=!1,ie.current=p,Xe(),Error.prepareStackTrace=f}var L=e?e.displayName||e.name:"",U=L?X(L):"";return typeof e=="function"&&H.set(e,U),U}function Qe(e,r,t){return Te(e,!1)}function er(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function Q(e,r,t){if(e==null)return"";if(typeof e=="function")return Te(e,er(e));if(typeof e=="string")return X(e);switch(e){case F:return X("Suspense");case b:return X("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case R:return Qe(e.render);case j:return Q(e.type,r,t);case i:{var a=e,f=a._payload,p=a._init;try{return Q(p(f),r,t)}catch{}}}return""}var V=Object.prototype.hasOwnProperty,Oe={},Pe=m.ReactDebugCurrentFrame;function ee(e){if(e){var r=e._owner,t=Q(e.type,e._source,r?r.type:null);Pe.setExtraStackFrame(t)}else Pe.setExtraStackFrame(null)}function rr(e,r,t,a,f){{var p=Function.call.bind(V);for(var u in e)if(p(e,u)){var s=void 0;try{if(typeof e[u]!="function"){var O=Error((a||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}s=e[u](r,u,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(h){s=h}s&&!(s instanceof Error)&&(ee(f),g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,u,typeof s),ee(null)),s instanceof Error&&!(s.message in Oe)&&(Oe[s.message]=!0,ee(f),g("Failed %s type: %s",t,s.message),ee(null))}}}var tr=Array.isArray;function ce(e){return tr(e)}function nr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ar(e){try{return xe(e),!1}catch{return!0}}function xe(e){return""+e}function je(e){if(ar(e))return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",nr(e)),xe(e)}var q=m.ReactCurrentOwner,or={key:!0,ref:!0,__self:!0,__source:!0},ke,Me,le;le={};function ir(e){if(V.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function sr(e){if(V.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function ur(e,r){if(typeof e.ref=="string"&&q.current&&r&&q.current.stateNode!==r){var t=A(q.current.type);le[t]||(g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',A(q.current.type),e.ref),le[t]=!0)}}function cr(e,r){{var t=function(){ke||(ke=!0,g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function lr(e,r){{var t=function(){Me||(Me=!0,g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var fr=function(e,r,t,a,f,p,u){var s={$$typeof:o,type:e,key:r,ref:t,props:u,_owner:p};return s._store={},Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function dr(e,r,t,a,f){{var p,u={},s=null,O=null;t!==void 0&&(je(t),s=""+t),sr(r)&&(je(r.key),s=""+r.key),ir(r)&&(O=r.ref,ur(r,f));for(p in r)V.call(r,p)&&!or.hasOwnProperty(p)&&(u[p]=r[p]);if(e&&e.defaultProps){var h=e.defaultProps;for(p in h)u[p]===void 0&&(u[p]=h[p])}if(s||O){var _=typeof e=="function"?e.displayName||e.name||"Unknown":e;s&&cr(u,_),O&&lr(u,_)}return fr(e,s,O,f,a,q.current,u)}}var fe=m.ReactCurrentOwner,Fe=m.ReactDebugCurrentFrame;function W(e){if(e){var r=e._owner,t=Q(e.type,e._source,r?r.type:null);Fe.setExtraStackFrame(t)}else Fe.setExtraStackFrame(null)}var de;de=!1;function ve(e){return typeof e=="object"&&e!==null&&e.$$typeof===o}function Ie(){{if(fe.current){var e=A(fe.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function vr(e){return""}var De={};function pr(e){{var r=Ie();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
-
-Check the top-level render call using <`+t+">.")}return r}}function Ae(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=pr(r);if(De[t])return;De[t]=!0;var a="";e&&e._owner&&e._owner!==fe.current&&(a=" It was passed a child from "+A(e._owner.type)+"."),W(e),g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),W(null)}}function $e(e,r){{if(typeof e!="object")return;if(ce(e))for(var t=0;t<e.length;t++){var a=e[t];ve(a)&&Ae(a,r)}else if(ve(e))e._store&&(e._store.validated=!0);else if(e){var f=P(e);if(typeof f=="function"&&f!==e.entries)for(var p=f.call(e),u;!(u=p.next()).done;)ve(u.value)&&Ae(u.value,r)}}}function br(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===R||r.$$typeof===j))t=r.propTypes;else return;if(t){var a=A(r);rr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!de){de=!0;var f=A(r);g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",f||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function gr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){W(e),g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),W(null);break}}e.ref!==null&&(W(e),g("Invalid attribute `ref` supplied to `React.Fragment`."),W(null))}}var Ue={};function We(e,r,t,a,f,p){{var u=z(e);if(!u){var s="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var O=vr();O?s+=O:s+=Ie();var h;e===null?h="null":ce(e)?h="array":e!==void 0&&e.$$typeof===o?(h="<"+(A(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):h=typeof e,g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",h,s)}var _=dr(e,r,t,f,p);if(_==null)return _;if(u){var k=r.children;if(k!==void 0)if(a)if(ce(k)){for(var L=0;L<k.length;L++)$e(k[L],e);Object.freeze&&Object.freeze(k)}else g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else $e(k,e)}if(V.call(r,"key")){var U=A(e),x=Object.keys(r).filter(function(_r){return _r!=="key"}),pe=x.length>0?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}";if(!Ue[U+pe]){var Rr=x.length>0?"{"+x.join(": ..., ")+": ...}":"{}";g(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,pe,U,Rr,U),Ue[U+pe]=!0}}return e===c?gr(_):br(_),_}}function mr(e,r,t){return We(e,r,t,!0)}function yr(e,r,t){return We(e,r,t,!1)}var Er=yr,hr=mr;B.Fragment=c,B.jsx=Er,B.jsxs=hr}()),B}process.env.NODE_ENV==="production"?ge.exports=wr():ge.exports=Sr();var te=ge.exports;const C=[];for(let n=0;n<256;++n)C.push((n+256).toString(16).slice(1));function Cr(n,o=0){return(C[n[o+0]]+C[n[o+1]]+C[n[o+2]]+C[n[o+3]]+"-"+C[n[o+4]]+C[n[o+5]]+"-"+C[n[o+6]]+C[n[o+7]]+"-"+C[n[o+8]]+C[n[o+9]]+"-"+C[n[o+10]]+C[n[o+11]]+C[n[o+12]]+C[n[o+13]]+C[n[o+14]]+C[n[o+15]]).toLowerCase()}let be;const Tr=new Uint8Array(16);function Or(){if(!be){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");be=crypto.getRandomValues.bind(crypto)}return be(Tr)}const Pr=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),qe={randomUUID:Pr};function xr(n,o,T){var w;if(qe.randomUUID&&!o&&!n)return qe.randomUUID();n=n||{};const c=n.random??((w=n.rng)==null?void 0:w.call(n))??Or();if(c.length<16)throw new Error("Random bytes length must be >= 16");return c[6]=c[6]&15|64,c[8]=c[8]&63|128,Cr(c)}const ne=d.createContext(null),Ze=({children:n})=>{const[o,T]=d.useState({}),c=d.useRef({}),w=d.useRef({}),S=d.useCallback((i,v,l)=>{T(E=>({...E,[i]:{origin:v,frameRef:l}}))},[]),M=d.useCallback(i=>{T(v=>{const l={...v};return delete l[i],l})},[]);d.useEffect(()=>{const i=(l=[],E)=>{l.forEach(P=>P(E))},v=l=>{var g,I,D,K,N;if(!((g=l==null?void 0:l.data)!=null&&g.instanceId))return;const{instanceId:E,type:P}=l.data,m=c.current;if(P==="response"){const{callbackId:ae,response:oe,error:G}=l.data,z=w.current[ae];z&&z(oe,G);return}i((I=m[E])==null?void 0:I[P],l.data),i((D=m["*"])==null?void 0:D[P],l.data),i((K=m[E])==null?void 0:K["*"],l.data),i((N=m["*"])==null?void 0:N["*"],l.data)};return window.addEventListener("message",v),()=>{window.removeEventListener("message",v)}},[o]);const y=d.useCallback((i,v,l)=>{var P,m;const E=o[i];if(!E){console.warn(`Origin not set for id: ${i}. Unable to send message.`);return}(m=(P=E==null?void 0:E.frameRef)==null?void 0:P.current)!=null&&m.contentWindow&&E.frameRef.current.contentWindow.postMessage({type:v,...l,instanceId:i},E.origin)},[o]),R=d.useCallback(async(i,v,l={})=>new Promise((E,P)=>{const m=xr(),g=(I,D)=>{delete w.current[m],D?P(D):E(I)};w.current[m]=g,y(i,"request",{callbackId:m,requestType:v,data:l})}),[y]),F=d.useCallback((i,v)=>{y(i,"load-options",v)},[y]),b=d.useCallback((i,v)=>{y(i,"validate",v)},[y]),j=d.useMemo(()=>({registerFrame:S,unregisterFrame:M,sendMessage:y,sendRequest:R,loadOptions:F,validate:b,addListener:(i,v,l)=>(c.current[i]||(c.current[i]={}),c.current[i][v]||(c.current[i][v]=[]),c.current[i][v].push(l),()=>{c.current[i][v]=c.current[i][v].filter(E=>E!==l)})}),[S,M,y,R,F,b]);return te.jsx(ne.Provider,{value:j,children:n})},re={},Be=async n=>{try{const o=new URL(n).origin;if(re[o]!==void 0)return re[o];const c=await(await fetch(`${o}/mm-app-manifest.json`)).json();if(!c.version)throw new Error("Invalid manifest");return re[o]=c,c}catch{}return re[origin]=!1,!1},Je=async n=>!!await Be(n),Ke=(n,o,T)=>{const c=d.useContext(ne);if(c===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const w=d.useRef(T);d.useEffect(()=>{w.current=T},[T]),d.useEffect(()=>{if(!(!n||!o))return c.addListener(n,o,(...S)=>w.current(...S))},[c,n,o])};Ze.propTypes={children:J.node.isRequired};const jr=Le.default||Le,kr=jr.iframe`
-  width: 100%;
-  height: 100%;
-  border: none;
-  visibility: ${n=>n.$isReady?"visible":"hidden"};
-`,Ne=({id:n,src:o,path:T,onInit:c=()=>{},context:w,params:S,...M})=>{if("isConfiguring"in M)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 y=d.useRef(),[R,F]=d.useState(),[b,j]=d.useState(0),{registerFrame:i,unregisterFrame:v,sendMessage:l}=d.useContext(ne),[E,P]=d.useState(!0),[m,g]=d.useState();return d.useEffect(()=>{b&&l(n,"set-context",{context:{...w,colorMode:S.colorMode,isFullScreen:S.isFullScreen}})},[w,S.colorMode,S.isFullScreen,n,b]),d.useEffect(()=>{b&&(l(n,"set-params",{params:S}),l(n,"set-configuring",{isConfiguring:S.isConfiguring}))},[S,n,b]),d.useEffect(()=>{T!==void 0&&g(T)},[T]),d.useEffect(()=>{m===void 0||!b||l(n,"navigate",{path:m})},[m,b,n,l]),d.useEffect(()=>{if(!(!o||!n||!y))return(async()=>{const I=await Je(o);if(P(I),I){const D=new URL(o);i(n,D.origin,y),c(),F(`${D.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`);return}})(),()=>{v(n)}},[o,n,i,y]),Ke(n,"ready",()=>j(I=>I+1)),E?te.jsx(kr,{$isReady:b,ref:y,src:R,...M}):te.jsx("div",{style:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:te.jsx("div",{style:{textAlign:"center"},children:"Application must adhere to the MM App Manifest specification to be embedded."})})};Ne.propTypes={id:J.string,src:J.string.isRequired,path:J.string,onInit:J.func};exports.MMEmbeddableZone=Ne;exports.MMEmbeddableZoneContext=ne;exports.MMEmbeddableZoneProvider=Ze;exports.getAppInfo=Be;exports.testIsEmbeddable=Je;exports.useEmbeddedEffect=Ke;

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

@@ -1,861 +0,0 @@
-import Ze, { createContext as wr, useState as Z, useRef as oe, useCallback as Y, useEffect as A, useMemo as Tr, useContext as Ne } from "react";
-import N from "prop-types";
-import qe from "styled-components";
-var ye = { exports: {} }, J = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Be;
-function Sr() {
-  if (Be) return J;
-  Be = 1;
-  var n = Ze, o = Symbol.for("react.element"), S = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, _ = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function k(m, E, F) {
-    var p, x = {}, i = null, d = null;
-    F !== void 0 && (i = "" + F), E.key !== void 0 && (i = "" + E.key), E.ref !== void 0 && (d = E.ref);
-    for (p in E) c.call(E, p) && !w.hasOwnProperty(p) && (x[p] = E[p]);
-    if (m && m.defaultProps) for (p in E = m.defaultProps, E) x[p] === void 0 && (x[p] = E[p]);
-    return { $$typeof: o, type: m, key: i, ref: d, props: x, _owner: _.current };
-  }
-  return J.Fragment = S, J.jsx = k, J.jsxs = k, J;
-}
-var K = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Je;
-function Cr() {
-  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Ze, o = Symbol.for("react.element"), S = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), m = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), i = Symbol.for("react.lazy"), d = Symbol.for("react.offscreen"), l = Symbol.iterator, y = "@@iterator";
-    function O(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = l && e[l] || e[y];
-      return typeof r == "function" ? r : null;
-    }
-    var b = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function g(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
-          t[a - 1] = arguments[a];
-        I("error", e, t);
-      }
-    }
-    function I(e, r, t) {
-      {
-        var a = b.ReactDebugCurrentFrame, f = a.getStackAddendum();
-        f !== "" && (r += "%s", t = t.concat([f]));
-        var v = t.map(function(u) {
-          return String(u);
-        });
-        v.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, v);
-      }
-    }
-    var D = !1, G = !1, z = !1, ie = !1, se = !1, X;
-    X = Symbol.for("react.module.reference");
-    function H(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === c || e === w || se || e === _ || e === F || e === p || ie || e === d || D || G || z || typeof e == "object" && e !== null && (e.$$typeof === i || e.$$typeof === x || e.$$typeof === k || e.$$typeof === m || e.$$typeof === E || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === X || e.getModuleId !== void 0));
-    }
-    function Ge(e, r, t) {
-      var a = e.displayName;
-      if (a)
-        return a;
-      var f = r.displayName || r.name || "";
-      return f !== "" ? t + "(" + f + ")" : t;
-    }
-    function Ee(e) {
-      return e.displayName || "Context";
-    }
-    function M(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case c:
-          return "Fragment";
-        case S:
-          return "Portal";
-        case w:
-          return "Profiler";
-        case _:
-          return "StrictMode";
-        case F:
-          return "Suspense";
-        case p:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case m:
-            var r = e;
-            return Ee(r) + ".Consumer";
-          case k:
-            var t = e;
-            return Ee(t._context) + ".Provider";
-          case E:
-            return Ge(e, e.render, "ForwardRef");
-          case x:
-            var a = e.displayName || null;
-            return a !== null ? a : M(e.type) || "Memo";
-          case i: {
-            var f = e, v = f._payload, u = f._init;
-            try {
-              return M(u(v));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var $ = Object.assign, V = 0, Re, _e, we, Te, Se, Ce, Oe;
-    function Pe() {
-    }
-    Pe.__reactDisabledLog = !0;
-    function ze() {
-      {
-        if (V === 0) {
-          Re = console.log, _e = console.info, we = console.warn, Te = console.error, Se = console.group, Ce = console.groupCollapsed, Oe = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Pe,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        V++;
-      }
-    }
-    function Xe() {
-      {
-        if (V--, V === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: $({}, e, {
-              value: Re
-            }),
-            info: $({}, e, {
-              value: _e
-            }),
-            warn: $({}, e, {
-              value: we
-            }),
-            error: $({}, e, {
-              value: Te
-            }),
-            group: $({}, e, {
-              value: Se
-            }),
-            groupCollapsed: $({}, e, {
-              value: Ce
-            }),
-            groupEnd: $({}, e, {
-              value: Oe
-            })
-          });
-        }
-        V < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ue = b.ReactCurrentDispatcher, ce;
-    function Q(e, r, t) {
-      {
-        if (ce === void 0)
-          try {
-            throw Error();
-          } catch (f) {
-            var a = f.stack.trim().match(/\n( *(at )?)/);
-            ce = a && a[1] || "";
-          }
-        return `
-` + ce + e;
-      }
-    }
-    var le = !1, ee;
-    {
-      var He = typeof WeakMap == "function" ? WeakMap : Map;
-      ee = new He();
-    }
-    function xe(e, r) {
-      if (!e || le)
-        return "";
-      {
-        var t = ee.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var a;
-      le = !0;
-      var f = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var v;
-      v = ue.current, ue.current = null, ze();
-      try {
-        if (r) {
-          var u = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(u.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(u, []);
-            } catch (P) {
-              a = P;
-            }
-            Reflect.construct(e, [], u);
-          } else {
-            try {
-              u.call();
-            } catch (P) {
-              a = P;
-            }
-            e.call(u.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (P) {
-            a = P;
-          }
-          e();
-        }
-      } catch (P) {
-        if (P && a && typeof P.stack == "string") {
-          for (var s = P.stack.split(`
-`), C = a.stack.split(`
-`), h = s.length - 1, R = C.length - 1; h >= 1 && R >= 0 && s[h] !== C[R]; )
-            R--;
-          for (; h >= 1 && R >= 0; h--, R--)
-            if (s[h] !== C[R]) {
-              if (h !== 1 || R !== 1)
-                do
-                  if (h--, R--, R < 0 || s[h] !== C[R]) {
-                    var j = `
-` + s[h].replace(" at new ", " at ");
-                    return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, j), j;
-                  }
-                while (h >= 1 && R >= 0);
-              break;
-            }
-        }
-      } finally {
-        le = !1, ue.current = v, Xe(), Error.prepareStackTrace = f;
-      }
-      var L = e ? e.displayName || e.name : "", U = L ? Q(L) : "";
-      return typeof e == "function" && ee.set(e, U), U;
-    }
-    function Qe(e, r, t) {
-      return xe(e, !1);
-    }
-    function er(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function re(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return xe(e, er(e));
-      if (typeof e == "string")
-        return Q(e);
-      switch (e) {
-        case F:
-          return Q("Suspense");
-        case p:
-          return Q("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case E:
-            return Qe(e.render);
-          case x:
-            return re(e.type, r, t);
-          case i: {
-            var a = e, f = a._payload, v = a._init;
-            try {
-              return re(v(f), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var q = Object.prototype.hasOwnProperty, je = {}, ke = b.ReactDebugCurrentFrame;
-    function te(e) {
-      if (e) {
-        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
-        ke.setExtraStackFrame(t);
-      } else
-        ke.setExtraStackFrame(null);
-    }
-    function rr(e, r, t, a, f) {
-      {
-        var v = Function.call.bind(q);
-        for (var u in e)
-          if (v(e, u)) {
-            var s = void 0;
-            try {
-              if (typeof e[u] != "function") {
-                var C = Error((a || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw C.name = "Invariant Violation", C;
-              }
-              s = e[u](r, u, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (h) {
-              s = h;
-            }
-            s && !(s instanceof Error) && (te(f), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", t, u, typeof s), te(null)), s instanceof Error && !(s.message in je) && (je[s.message] = !0, te(f), g("Failed %s type: %s", t, s.message), te(null));
-          }
-      }
-    }
-    var tr = Array.isArray;
-    function fe(e) {
-      return tr(e);
-    }
-    function nr(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function ar(e) {
-      try {
-        return Fe(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Fe(e) {
-      return "" + e;
-    }
-    function Ie(e) {
-      if (ar(e))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nr(e)), Fe(e);
-    }
-    var B = b.ReactCurrentOwner, or = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, De, Me, de;
-    de = {};
-    function ir(e) {
-      if (q.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function sr(e) {
-      if (q.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function ur(e, r) {
-      if (typeof e.ref == "string" && B.current && r && B.current.stateNode !== r) {
-        var t = M(B.current.type);
-        de[t] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', M(B.current.type), e.ref), de[t] = !0);
-      }
-    }
-    function cr(e, r) {
-      {
-        var t = function() {
-          De || (De = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    function lr(e, r) {
-      {
-        var t = function() {
-          Me || (Me = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    var fr = function(e, r, t, a, f, v, u) {
-      var s = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: o,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: u,
-        // Record the component responsible for creating this element.
-        _owner: v
-      };
-      return s._store = {}, Object.defineProperty(s._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(s, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: a
-      }), Object.defineProperty(s, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: f
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
-    };
-    function dr(e, r, t, a, f) {
-      {
-        var v, u = {}, s = null, C = null;
-        t !== void 0 && (Ie(t), s = "" + t), sr(r) && (Ie(r.key), s = "" + r.key), ir(r) && (C = r.ref, ur(r, f));
-        for (v in r)
-          q.call(r, v) && !or.hasOwnProperty(v) && (u[v] = r[v]);
-        if (e && e.defaultProps) {
-          var h = e.defaultProps;
-          for (v in h)
-            u[v] === void 0 && (u[v] = h[v]);
-        }
-        if (s || C) {
-          var R = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          s && cr(u, R), C && lr(u, R);
-        }
-        return fr(e, s, C, f, a, B.current, u);
-      }
-    }
-    var ve = b.ReactCurrentOwner, Ae = b.ReactDebugCurrentFrame;
-    function W(e) {
-      if (e) {
-        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
-        Ae.setExtraStackFrame(t);
-      } else
-        Ae.setExtraStackFrame(null);
-    }
-    var pe;
-    pe = !1;
-    function ge(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === o;
-    }
-    function $e() {
-      {
-        if (ve.current) {
-          var e = M(ve.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function vr(e) {
-      return "";
-    }
-    var Ue = {};
-    function pr(e) {
-      {
-        var r = $e();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
-    }
-    function We(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = pr(r);
-        if (Ue[t])
-          return;
-        Ue[t] = !0;
-        var a = "";
-        e && e._owner && e._owner !== ve.current && (a = " It was passed a child from " + M(e._owner.type) + "."), W(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), W(null);
-      }
-    }
-    function Le(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (fe(e))
-          for (var t = 0; t < e.length; t++) {
-            var a = e[t];
-            ge(a) && We(a, r);
-          }
-        else if (ge(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var f = O(e);
-          if (typeof f == "function" && f !== e.entries)
-            for (var v = f.call(e), u; !(u = v.next()).done; )
-              ge(u.value) && We(u.value, r);
-        }
-      }
-    }
-    function gr(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === E || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === x))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var a = M(r);
-          rr(t, e.props, "prop", a, e);
-        } else if (r.PropTypes !== void 0 && !pe) {
-          pe = !0;
-          var f = M(r);
-          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", f || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function br(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var a = r[t];
-          if (a !== "children" && a !== "key") {
-            W(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), W(null);
-            break;
-          }
-        }
-        e.ref !== null && (W(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
-      }
-    }
-    var Ye = {};
-    function Ve(e, r, t, a, f, v) {
-      {
-        var u = H(e);
-        if (!u) {
-          var s = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (s += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var C = vr();
-          C ? s += C : s += $e();
-          var h;
-          e === null ? h = "null" : fe(e) ? h = "array" : e !== void 0 && e.$$typeof === o ? (h = "<" + (M(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : h = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", h, s);
-        }
-        var R = dr(e, r, t, f, v);
-        if (R == null)
-          return R;
-        if (u) {
-          var j = r.children;
-          if (j !== void 0)
-            if (a)
-              if (fe(j)) {
-                for (var L = 0; L < j.length; L++)
-                  Le(j[L], e);
-                Object.freeze && Object.freeze(j);
-              } else
-                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              Le(j, e);
-        }
-        if (q.call(r, "key")) {
-          var U = M(e), P = Object.keys(r).filter(function(_r) {
-            return _r !== "key";
-          }), be = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ye[U + be]) {
-            var Rr = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
-            g(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, be, U, Rr, U), Ye[U + be] = !0;
-          }
-        }
-        return e === c ? br(R) : gr(R), R;
-      }
-    }
-    function mr(e, r, t) {
-      return Ve(e, r, t, !0);
-    }
-    function yr(e, r, t) {
-      return Ve(e, r, t, !1);
-    }
-    var hr = yr, Er = mr;
-    K.Fragment = c, K.jsx = hr, K.jsxs = Er;
-  }()), K;
-}
-process.env.NODE_ENV === "production" ? ye.exports = Sr() : ye.exports = Cr();
-var ae = ye.exports;
-const T = [];
-for (let n = 0; n < 256; ++n)
-  T.push((n + 256).toString(16).slice(1));
-function Or(n, o = 0) {
-  return (T[n[o + 0]] + T[n[o + 1]] + T[n[o + 2]] + T[n[o + 3]] + "-" + T[n[o + 4]] + T[n[o + 5]] + "-" + T[n[o + 6]] + T[n[o + 7]] + "-" + T[n[o + 8]] + T[n[o + 9]] + "-" + T[n[o + 10]] + T[n[o + 11]] + T[n[o + 12]] + T[n[o + 13]] + T[n[o + 14]] + T[n[o + 15]]).toLowerCase();
-}
-let me;
-const Pr = new Uint8Array(16);
-function xr() {
-  if (!me) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    me = crypto.getRandomValues.bind(crypto);
-  }
-  return me(Pr);
-}
-const jr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ke = { randomUUID: jr };
-function kr(n, o, S) {
-  var _;
-  if (Ke.randomUUID && !o && !n)
-    return Ke.randomUUID();
-  n = n || {};
-  const c = n.random ?? ((_ = n.rng) == null ? void 0 : _.call(n)) ?? xr();
-  if (c.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return c[6] = c[6] & 15 | 64, c[8] = c[8] & 63 | 128, Or(c);
-}
-const he = wr(null), Fr = ({ children: n }) => {
-  const [o, S] = Z({}), c = oe({}), _ = oe({}), w = Y((i, d, l) => {
-    S((y) => ({ ...y, [i]: { origin: d, frameRef: l } }));
-  }, []), k = Y((i) => {
-    S((d) => {
-      const l = { ...d };
-      return delete l[i], l;
-    });
-  }, []);
-  A(() => {
-    const i = (l = [], y) => {
-      l.forEach((O) => O(y));
-    }, d = (l) => {
-      var g, I, D, G, z;
-      if (!((g = l == null ? void 0 : l.data) != null && g.instanceId))
-        return;
-      const { instanceId: y, type: O } = l.data, b = c.current;
-      if (O === "response") {
-        const { callbackId: ie, response: se, error: X } = l.data, H = _.current[ie];
-        H && H(se, X);
-        return;
-      }
-      i((I = b[y]) == null ? void 0 : I[O], l.data), i((D = b["*"]) == null ? void 0 : D[O], l.data), i((G = b[y]) == null ? void 0 : G["*"], l.data), i((z = b["*"]) == null ? void 0 : z["*"], l.data);
-    };
-    return window.addEventListener("message", d), () => {
-      window.removeEventListener("message", d);
-    };
-  }, [o]);
-  const m = Y(
-    (i, d, l) => {
-      var O, b;
-      const y = o[i];
-      if (!y) {
-        console.warn(`Origin not set for id: ${i}. Unable to send message.`);
-        return;
-      }
-      (b = (O = y == null ? void 0 : y.frameRef) == null ? void 0 : O.current) != null && b.contentWindow && y.frameRef.current.contentWindow.postMessage(
-        { type: d, ...l, instanceId: i },
-        y.origin
-      );
-    },
-    [o]
-  ), E = Y(
-    async (i, d, l = {}) => new Promise((y, O) => {
-      const b = kr(), g = (I, D) => {
-        delete _.current[b], D ? O(D) : y(I);
-      };
-      _.current[b] = g, m(i, "request", { callbackId: b, requestType: d, data: l });
-    }),
-    [m]
-  ), F = Y(
-    (i, d) => {
-      m(i, "load-options", d);
-    },
-    [m]
-  ), p = Y(
-    (i, d) => {
-      m(i, "validate", d);
-    },
-    [m]
-  ), x = Tr(
-    () => ({
-      registerFrame: w,
-      unregisterFrame: k,
-      sendMessage: m,
-      sendRequest: E,
-      loadOptions: F,
-      validate: p,
-      addListener: (i, d, l) => (c.current[i] || (c.current[i] = {}), c.current[i][d] || (c.current[i][d] = []), c.current[i][d].push(l), () => {
-        c.current[i][d] = c.current[i][d].filter((y) => y !== l);
-      })
-    }),
-    [
-      w,
-      k,
-      m,
-      E,
-      F,
-      p
-    ]
-  );
-  return /* @__PURE__ */ ae.jsx(he.Provider, { value: x, children: n });
-}, ne = {}, Ir = async (n) => {
-  try {
-    const o = new URL(n).origin;
-    if (ne[o] !== void 0)
-      return ne[o];
-    const c = await (await fetch(`${o}/mm-app-manifest.json`)).json();
-    if (!c.version)
-      throw new Error("Invalid manifest");
-    return ne[o] = c, c;
-  } catch {
-  }
-  return ne[origin] = !1, !1;
-}, Dr = async (n) => !!await Ir(n), Mr = (n, o, S) => {
-  const c = Ne(he);
-  if (c === null)
-    throw new Error(
-      "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
-    );
-  const _ = oe(S);
-  A(() => {
-    _.current = S;
-  }, [S]), A(() => {
-    if (!(!n || !o))
-      return c.addListener(
-        n,
-        o,
-        (...w) => _.current(...w)
-      );
-  }, [c, n, o]);
-};
-Fr.propTypes = {
-  children: N.node.isRequired
-};
-const Ar = qe.default || qe, $r = Ar.iframe`
-  width: 100%;
-  height: 100%;
-  border: none;
-  visibility: ${(n) => n.$isReady ? "visible" : "hidden"};
-`, Ur = ({
-  id: n,
-  src: o,
-  path: S,
-  onInit: c = () => {
-  },
-  context: _,
-  params: w,
-  ...k
-}) => {
-  if ("isConfiguring" in k)
-    return console.error(
-      "isConfiguring must be passed via the params prop to MMEmbeddableZone"
-    ), null;
-  if ("colorMode" in _)
-    return console.error(
-      "colorMode must be passed via the params prop to MMEmbeddableZone"
-    ), null;
-  if ("isFullScreen" in _)
-    return console.error(
-      "isFullScreen must be passed via the params prop to MMEmbeddableZone"
-    ), null;
-  const m = oe(), [E, F] = Z(), [p, x] = Z(0), { registerFrame: i, unregisterFrame: d, sendMessage: l } = Ne(
-    he
-  ), [y, O] = Z(!0), [b, g] = Z();
-  return A(() => {
-    p && l(n, "set-context", {
-      context: {
-        ..._,
-        // TODO: Remove this once everything is migrated to params
-        colorMode: w.colorMode,
-        isFullScreen: w.isFullScreen
-      }
-    });
-  }, [_, w.colorMode, w.isFullScreen, n, p]), A(() => {
-    p && (l(n, "set-params", { params: w }), l(n, "set-configuring", { isConfiguring: w.isConfiguring }));
-  }, [w, n, p]), A(() => {
-    S !== void 0 && g(S);
-  }, [S]), A(() => {
-    b === void 0 || !p || l(n, "navigate", { path: b });
-  }, [b, p, n, l]), A(() => {
-    if (!(!o || !n || !m))
-      return (async () => {
-        const I = await Dr(o);
-        if (O(I), I) {
-          const D = new URL(o);
-          i(n, D.origin, m), c(), F(
-            `${D.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`
-          );
-          return;
-        }
-      })(), () => {
-        d(n);
-      };
-  }, [o, n, i, m]), Mr(n, "ready", () => x((I) => I + 1)), y ? /* @__PURE__ */ ae.jsx($r, { $isReady: p, ref: m, src: E, ...k }) : /* @__PURE__ */ ae.jsx(
-    "div",
-    {
-      style: {
-        height: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ ae.jsx("div", { style: { textAlign: "center" }, children: "Application must adhere to the MM App Manifest specification to be embedded." })
-    }
-  );
-};
-Ur.propTypes = {
-  id: N.string,
-  src: N.string.isRequired,
-  path: N.string,
-  onInit: N.func
-};
-export {
-  Ur as MMEmbeddableZone,
-  he as MMEmbeddableZoneContext,
-  Fr as MMEmbeddableZoneProvider,
-  Ir as getAppInfo,
-  Dr as testIsEmbeddable,
-  Mr as useEmbeddedEffect
-};

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

@@ -1,35 +0,0 @@
-(function(P,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("prop-types"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","styled-components"],c):(P=typeof globalThis<"u"?globalThis:P||self,c(P["mm-react-embeddable"]={},P.React,P.PropTypes,P.styled))})(this,function(P,c,Z,ye){"use strict";var oe={exports:{}},B={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var he;function He(){if(he)return B;he=1;var n=c,o=Symbol.for("react.element"),T=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,w=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,C={key:!0,ref:!0,__self:!0,__source:!0};function I(y,R,F){var b,k={},i=null,v=null;F!==void 0&&(i=""+F),R.key!==void 0&&(i=""+R.key),R.ref!==void 0&&(v=R.ref);for(b in R)l.call(R,b)&&!C.hasOwnProperty(b)&&(k[b]=R[b]);if(y&&y.defaultProps)for(b in R=y.defaultProps,R)k[b]===void 0&&(k[b]=R[b]);return{$$typeof:o,type:y,key:i,ref:v,props:k,_owner:w.current}}return B.Fragment=T,B.jsx=I,B.jsxs=I,B}var J={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Ee;function Qe(){return Ee||(Ee=1,process.env.NODE_ENV!=="production"&&function(){var n=c,o=Symbol.for("react.element"),T=Symbol.for("react.portal"),l=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),I=Symbol.for("react.provider"),y=Symbol.for("react.context"),R=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),i=Symbol.for("react.lazy"),v=Symbol.for("react.offscreen"),f=Symbol.iterator,h="@@iterator";function j(e){if(e===null||typeof e!="object")return null;var r=f&&e[f]||e[h];return typeof r=="function"?r:null}var m=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function g(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];D("error",e,t)}}function D(e,r,t){{var a=m.ReactDebugCurrentFrame,d=a.getStackAddendum();d!==""&&(r+="%s",t=t.concat([d]));var p=t.map(function(u){return String(u)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var A=!1,Q=!1,q=!1,se=!1,ue=!1,$;$=Symbol.for("react.module.reference");function ee(e){return!!(typeof e=="string"||typeof e=="function"||e===l||e===C||ue||e===w||e===F||e===b||se||e===v||A||Q||q||typeof e=="object"&&e!==null&&(e.$$typeof===i||e.$$typeof===k||e.$$typeof===I||e.$$typeof===y||e.$$typeof===R||e.$$typeof===$||e.getModuleId!==void 0))}function nr(e,r,t){var a=e.displayName;if(a)return a;var d=r.displayName||r.name||"";return d!==""?t+"("+d+")":t}function Oe(e){return e.displayName||"Context"}function U(e){if(e==null)return null;if(typeof e.tag=="number"&&g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case l:return"Fragment";case T:return"Portal";case C:return"Profiler";case w:return"StrictMode";case F:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var r=e;return Oe(r)+".Consumer";case I:var t=e;return Oe(t._context)+".Provider";case R:return nr(e,e.render,"ForwardRef");case k:var a=e.displayName||null;return a!==null?a:U(e.type)||"Memo";case i:{var d=e,p=d._payload,u=d._init;try{return U(u(p))}catch{return null}}}return null}var W=Object.assign,K=0,Pe,je,xe,ke,Me,Ie,Fe;function De(){}De.__reactDisabledLog=!0;function ar(){{if(K===0){Pe=console.log,je=console.info,xe=console.warn,ke=console.error,Me=console.group,Ie=console.groupCollapsed,Fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:De,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}K++}}function or(){{if(K--,K===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},e,{value:Pe}),info:W({},e,{value:je}),warn:W({},e,{value:xe}),error:W({},e,{value:ke}),group:W({},e,{value:Me}),groupCollapsed:W({},e,{value:Ie}),groupEnd:W({},e,{value:Fe})})}K<0&&g("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ce=m.ReactCurrentDispatcher,le;function re(e,r,t){{if(le===void 0)try{throw Error()}catch(d){var a=d.stack.trim().match(/\n( *(at )?)/);le=a&&a[1]||""}return`
-`+le+e}}var fe=!1,te;{var ir=typeof WeakMap=="function"?WeakMap:Map;te=new ir}function Ae(e,r){if(!e||fe)return"";{var t=te.get(e);if(t!==void 0)return t}var a;fe=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=ce.current,ce.current=null,ar();try{if(r){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(x){a=x}Reflect.construct(e,[],u)}else{try{u.call()}catch(x){a=x}e.call(u.prototype)}}else{try{throw Error()}catch(x){a=x}e()}}catch(x){if(x&&a&&typeof x.stack=="string"){for(var s=x.stack.split(`
-`),O=a.stack.split(`
-`),E=s.length-1,_=O.length-1;E>=1&&_>=0&&s[E]!==O[_];)_--;for(;E>=1&&_>=0;E--,_--)if(s[E]!==O[_]){if(E!==1||_!==1)do if(E--,_--,_<0||s[E]!==O[_]){var M=`
-`+s[E].replace(" at new "," at ");return e.displayName&&M.includes("<anonymous>")&&(M=M.replace("<anonymous>",e.displayName)),typeof e=="function"&&te.set(e,M),M}while(E>=1&&_>=0);break}}}finally{fe=!1,ce.current=p,or(),Error.prepareStackTrace=d}var V=e?e.displayName||e.name:"",L=V?re(V):"";return typeof e=="function"&&te.set(e,L),L}function sr(e,r,t){return Ae(e,!1)}function ur(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ne(e,r,t){if(e==null)return"";if(typeof e=="function")return Ae(e,ur(e));if(typeof e=="string")return re(e);switch(e){case F:return re("Suspense");case b:return re("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case R:return sr(e.render);case k:return ne(e.type,r,t);case i:{var a=e,d=a._payload,p=a._init;try{return ne(p(d),r,t)}catch{}}}return""}var N=Object.prototype.hasOwnProperty,Ue={},We=m.ReactDebugCurrentFrame;function ae(e){if(e){var r=e._owner,t=ne(e.type,e._source,r?r.type:null);We.setExtraStackFrame(t)}else We.setExtraStackFrame(null)}function cr(e,r,t,a,d){{var p=Function.call.bind(N);for(var u in e)if(p(e,u)){var s=void 0;try{if(typeof e[u]!="function"){var O=Error((a||"React class")+": "+t+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}s=e[u](r,u,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){s=E}s&&!(s instanceof Error)&&(ae(d),g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,u,typeof s),ae(null)),s instanceof Error&&!(s.message in Ue)&&(Ue[s.message]=!0,ae(d),g("Failed %s type: %s",t,s.message),ae(null))}}}var lr=Array.isArray;function de(e){return lr(e)}function fr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function dr(e){try{return Le(e),!1}catch{return!0}}function Le(e){return""+e}function Ye(e){if(dr(e))return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",fr(e)),Le(e)}var G=m.ReactCurrentOwner,vr={key:!0,ref:!0,__self:!0,__source:!0},Ve,Ze,ve;ve={};function pr(e){if(N.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function br(e){if(N.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function gr(e,r){if(typeof e.ref=="string"&&G.current&&r&&G.current.stateNode!==r){var t=U(G.current.type);ve[t]||(g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',U(G.current.type),e.ref),ve[t]=!0)}}function mr(e,r){{var t=function(){Ve||(Ve=!0,g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function yr(e,r){{var t=function(){Ze||(Ze=!0,g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var hr=function(e,r,t,a,d,p,u){var s={$$typeof:o,type:e,key:r,ref:t,props:u,_owner:p};return s._store={},Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function Er(e,r,t,a,d){{var p,u={},s=null,O=null;t!==void 0&&(Ye(t),s=""+t),br(r)&&(Ye(r.key),s=""+r.key),pr(r)&&(O=r.ref,gr(r,d));for(p in r)N.call(r,p)&&!vr.hasOwnProperty(p)&&(u[p]=r[p]);if(e&&e.defaultProps){var E=e.defaultProps;for(p in E)u[p]===void 0&&(u[p]=E[p])}if(s||O){var _=typeof e=="function"?e.displayName||e.name||"Unknown":e;s&&mr(u,_),O&&yr(u,_)}return hr(e,s,O,d,a,G.current,u)}}var pe=m.ReactCurrentOwner,Be=m.ReactDebugCurrentFrame;function Y(e){if(e){var r=e._owner,t=ne(e.type,e._source,r?r.type:null);Be.setExtraStackFrame(t)}else Be.setExtraStackFrame(null)}var be;be=!1;function ge(e){return typeof e=="object"&&e!==null&&e.$$typeof===o}function Je(){{if(pe.current){var e=U(pe.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function Rr(e){return""}var Ke={};function _r(e){{var r=Je();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
-
-Check the top-level render call using <`+t+">.")}return r}}function Ne(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=_r(r);if(Ke[t])return;Ke[t]=!0;var a="";e&&e._owner&&e._owner!==pe.current&&(a=" It was passed a child from "+U(e._owner.type)+"."),Y(e),g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),Y(null)}}function Ge(e,r){{if(typeof e!="object")return;if(de(e))for(var t=0;t<e.length;t++){var a=e[t];ge(a)&&Ne(a,r)}else if(ge(e))e._store&&(e._store.validated=!0);else if(e){var d=j(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),u;!(u=p.next()).done;)ge(u.value)&&Ne(u.value,r)}}}function wr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===R||r.$$typeof===k))t=r.propTypes;else return;if(t){var a=U(r);cr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!be){be=!0;var d=U(r);g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",d||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){Y(e),g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),Y(null);break}}e.ref!==null&&(Y(e),g("Invalid attribute `ref` supplied to `React.Fragment`."),Y(null))}}var ze={};function Xe(e,r,t,a,d,p){{var u=ee(e);if(!u){var s="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(s+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var O=Rr();O?s+=O:s+=Je();var E;e===null?E="null":de(e)?E="array":e!==void 0&&e.$$typeof===o?(E="<"+(U(e.type)||"Unknown")+" />",s=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,s)}var _=Er(e,r,t,d,p);if(_==null)return _;if(u){var M=r.children;if(M!==void 0)if(a)if(de(M)){for(var V=0;V<M.length;V++)Ge(M[V],e);Object.freeze&&Object.freeze(M)}else g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ge(M,e)}if(N.call(r,"key")){var L=U(e),x=Object.keys(r).filter(function(xr){return xr!=="key"}),me=x.length>0?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}";if(!ze[L+me]){var jr=x.length>0?"{"+x.join(": ..., ")+": ...}":"{}";g(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,me,L,jr,L),ze[L+me]=!0}}return e===l?Sr(_):wr(_),_}}function Cr(e,r,t){return Xe(e,r,t,!0)}function Tr(e,r,t){return Xe(e,r,t,!1)}var Or=Tr,Pr=Cr;J.Fragment=l,J.jsx=Or,J.jsxs=Pr}()),J}process.env.NODE_ENV==="production"?oe.exports=He():oe.exports=Qe();var z=oe.exports;const S=[];for(let n=0;n<256;++n)S.push((n+256).toString(16).slice(1));function qe(n,o=0){return(S[n[o+0]]+S[n[o+1]]+S[n[o+2]]+S[n[o+3]]+"-"+S[n[o+4]]+S[n[o+5]]+"-"+S[n[o+6]]+S[n[o+7]]+"-"+S[n[o+8]]+S[n[o+9]]+"-"+S[n[o+10]]+S[n[o+11]]+S[n[o+12]]+S[n[o+13]]+S[n[o+14]]+S[n[o+15]]).toLowerCase()}let ie;const $e=new Uint8Array(16);function er(){if(!ie){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");ie=crypto.getRandomValues.bind(crypto)}return ie($e)}const Re={randomUUID:typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function rr(n,o,T){var w;if(Re.randomUUID&&!o&&!n)return Re.randomUUID();n=n||{};const l=n.random??((w=n.rng)==null?void 0:w.call(n))??er();if(l.length<16)throw new Error("Random bytes length must be >= 16");return l[6]=l[6]&15|64,l[8]=l[8]&63|128,qe(l)}const X=c.createContext(null),_e=({children:n})=>{const[o,T]=c.useState({}),l=c.useRef({}),w=c.useRef({}),C=c.useCallback((i,v,f)=>{T(h=>({...h,[i]:{origin:v,frameRef:f}}))},[]),I=c.useCallback(i=>{T(v=>{const f={...v};return delete f[i],f})},[]);c.useEffect(()=>{const i=(f=[],h)=>{f.forEach(j=>j(h))},v=f=>{var g,D,A,Q,q;if(!((g=f==null?void 0:f.data)!=null&&g.instanceId))return;const{instanceId:h,type:j}=f.data,m=l.current;if(j==="response"){const{callbackId:se,response:ue,error:$}=f.data,ee=w.current[se];ee&&ee(ue,$);return}i((D=m[h])==null?void 0:D[j],f.data),i((A=m["*"])==null?void 0:A[j],f.data),i((Q=m[h])==null?void 0:Q["*"],f.data),i((q=m["*"])==null?void 0:q["*"],f.data)};return window.addEventListener("message",v),()=>{window.removeEventListener("message",v)}},[o]);const y=c.useCallback((i,v,f)=>{var j,m;const h=o[i];if(!h){console.warn(`Origin not set for id: ${i}. Unable to send message.`);return}(m=(j=h==null?void 0:h.frameRef)==null?void 0:j.current)!=null&&m.contentWindow&&h.frameRef.current.contentWindow.postMessage({type:v,...f,instanceId:i},h.origin)},[o]),R=c.useCallback(async(i,v,f={})=>new Promise((h,j)=>{const m=rr(),g=(D,A)=>{delete w.current[m],A?j(A):h(D)};w.current[m]=g,y(i,"request",{callbackId:m,requestType:v,data:f})}),[y]),F=c.useCallback((i,v)=>{y(i,"load-options",v)},[y]),b=c.useCallback((i,v)=>{y(i,"validate",v)},[y]),k=c.useMemo(()=>({registerFrame:C,unregisterFrame:I,sendMessage:y,sendRequest:R,loadOptions:F,validate:b,addListener:(i,v,f)=>(l.current[i]||(l.current[i]={}),l.current[i][v]||(l.current[i][v]=[]),l.current[i][v].push(f),()=>{l.current[i][v]=l.current[i][v].filter(h=>h!==f)})}),[C,I,y,R,F,b]);return z.jsx(X.Provider,{value:k,children:n})},H={},we=async n=>{try{const o=new URL(n).origin;if(H[o]!==void 0)return H[o];const l=await(await fetch(`${o}/mm-app-manifest.json`)).json();if(!l.version)throw new Error("Invalid manifest");return H[o]=l,l}catch{}return H[origin]=!1,!1},Se=async n=>!!await we(n),Ce=(n,o,T)=>{const l=c.useContext(X);if(l===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const w=c.useRef(T);c.useEffect(()=>{w.current=T},[T]),c.useEffect(()=>{if(!(!n||!o))return l.addListener(n,o,(...C)=>w.current(...C))},[l,n,o])};_e.propTypes={children:Z.node.isRequired};const tr=(ye.default||ye).iframe`
-  width: 100%;
-  height: 100%;
-  border: none;
-  visibility: ${n=>n.$isReady?"visible":"hidden"};
-`,Te=({id:n,src:o,path:T,onInit:l=()=>{},context:w,params:C,...I})=>{if("isConfiguring"in I)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 y=c.useRef(),[R,F]=c.useState(),[b,k]=c.useState(0),{registerFrame:i,unregisterFrame:v,sendMessage:f}=c.useContext(X),[h,j]=c.useState(!0),[m,g]=c.useState();return c.useEffect(()=>{b&&f(n,"set-context",{context:{...w,colorMode:C.colorMode,isFullScreen:C.isFullScreen}})},[w,C.colorMode,C.isFullScreen,n,b]),c.useEffect(()=>{b&&(f(n,"set-params",{params:C}),f(n,"set-configuring",{isConfiguring:C.isConfiguring}))},[C,n,b]),c.useEffect(()=>{T!==void 0&&g(T)},[T]),c.useEffect(()=>{m===void 0||!b||f(n,"navigate",{path:m})},[m,b,n,f]),c.useEffect(()=>{if(!(!o||!n||!y))return(async()=>{const D=await Se(o);if(j(D),D){const A=new URL(o);i(n,A.origin,y),l(),F(`${A.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`);return}})(),()=>{v(n)}},[o,n,i,y]),Ce(n,"ready",()=>k(D=>D+1)),h?z.jsx(tr,{$isReady:b,ref:y,src:R,...I}):z.jsx("div",{style:{height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:z.jsx("div",{style:{textAlign:"center"},children:"Application must adhere to the MM App Manifest specification to be embedded."})})};Te.propTypes={id:Z.string,src:Z.string.isRequired,path:Z.string,onInit:Z.func},P.MMEmbeddableZone=Te,P.MMEmbeddableZoneContext=X,P.MMEmbeddableZoneProvider=_e,P.getAppInfo=we,P.testIsEmbeddable=Se,P.useEmbeddedEffect=Ce,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})});