@machinemetrics/mm-react-embeddable 1.0.10 → 1.0.12-0

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

@@ -1,35 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),G=require("prop-types"),Le=require("styled-components");var ge={exports:{}},K={};/**
- * @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 hr(){if(Ye)return K;Ye=1;var d=c,g=Symbol.for("react.element"),T=Symbol.for("react.fragment"),b=Object.prototype.hasOwnProperty,w=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,y={key:!0,ref:!0,__self:!0,__source:!0};function M(S,h,C){var m,P={},x=null,A=null;C!==void 0&&(x=""+C),h.key!==void 0&&(x=""+h.key),h.ref!==void 0&&(A=h.ref);for(m in h)b.call(h,m)&&!y.hasOwnProperty(m)&&(P[m]=h[m]);if(S&&S.defaultProps)for(m in h=S.defaultProps,h)P[m]===void 0&&(P[m]=h[m]);return{$$typeof:g,type:S,key:x,ref:A,props:P,_owner:w.current}}return K.Fragment=T,K.jsx=M,K.jsxs=M,K}var N={};/**
- * @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 Ue;function Rr(){return Ue||(Ue=1,process.env.NODE_ENV!=="production"&&function(){var d=c,g=Symbol.for("react.element"),T=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),M=Symbol.for("react.provider"),S=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),A=Symbol.for("react.offscreen"),a=Symbol.iterator,p="@@iterator";function s(e){if(e===null||typeof e!="object")return null;var r=a&&e[a]||e[p];return typeof r=="function"?r:null}var u=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function l(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];_("error",e,t)}}function _(e,r,t){{var n=u.ReactDebugCurrentFrame,f=n.getStackAddendum();f!==""&&(r+="%s",t=t.concat([f]));var v=t.map(function(i){return String(i)});v.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,v)}}var I=!1,Y=!1,D=!1,z=!1,H=!1,$;$=Symbol.for("react.module.reference");function oe(e){return!!(typeof e=="string"||typeof e=="function"||e===b||e===y||H||e===w||e===C||e===m||z||e===A||I||Y||D||typeof e=="object"&&e!==null&&(e.$$typeof===x||e.$$typeof===P||e.$$typeof===M||e.$$typeof===S||e.$$typeof===h||e.$$typeof===$||e.getModuleId!==void 0))}function ie(e,r,t){var n=e.displayName;if(n)return n;var f=r.displayName||r.name||"";return f!==""?t+"("+f+")":t}function q(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&l("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 b:return"Fragment";case T:return"Portal";case y:return"Profiler";case w:return"StrictMode";case C:return"Suspense";case m:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case S:var r=e;return q(r)+".Consumer";case M:var t=e;return q(t._context)+".Provider";case h:return ie(e,e.render,"ForwardRef");case P:var n=e.displayName||null;return n!==null?n:F(e.type)||"Memo";case x:{var f=e,v=f._payload,i=f._init;try{return F(i(v))}catch{return null}}}return null}var W=Object.assign,Z=0,me,Ee,ye,he,Re,_e,we;function Ce(){}Ce.__reactDisabledLog=!0;function Ke(){{if(Z===0){me=console.log,Ee=console.info,ye=console.warn,he=console.error,Re=console.group,_e=console.groupCollapsed,we=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})}Z++}}function Ne(){{if(Z--,Z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},e,{value:me}),info:W({},e,{value:Ee}),warn:W({},e,{value:ye}),error:W({},e,{value:he}),group:W({},e,{value:Re}),groupCollapsed:W({},e,{value:_e}),groupEnd:W({},e,{value:we})})}Z<0&&l("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var se=u.ReactCurrentDispatcher,ue;function X(e,r,t){{if(ue===void 0)try{throw Error()}catch(f){var n=f.stack.trim().match(/\n( *(at )?)/);ue=n&&n[1]||""}return`
-`+ue+e}}var ce=!1,Q;{var Ge=typeof WeakMap=="function"?WeakMap:Map;Q=new Ge}function Te(e,r){if(!e||ce)return"";{var t=Q.get(e);if(t!==void 0)return t}var n;ce=!0;var f=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var v;v=se.current,se.current=null,Ke();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(j){n=j}Reflect.construct(e,[],i)}else{try{i.call()}catch(j){n=j}e.call(i.prototype)}}else{try{throw Error()}catch(j){n=j}e()}}catch(j){if(j&&n&&typeof j.stack=="string"){for(var o=j.stack.split(`
-`),O=n.stack.split(`
-`),E=o.length-1,R=O.length-1;E>=1&&R>=0&&o[E]!==O[R];)R--;for(;E>=1&&R>=0;E--,R--)if(o[E]!==O[R]){if(E!==1||R!==1)do if(E--,R--,R<0||o[E]!==O[R]){var k=`
-`+o[E].replace(" at new "," at ");return e.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",e.displayName)),typeof e=="function"&&Q.set(e,k),k}while(E>=1&&R>=0);break}}}finally{ce=!1,se.current=v,Ne(),Error.prepareStackTrace=f}var V=e?e.displayName||e.name:"",L=V?X(V):"";return typeof e=="function"&&Q.set(e,L),L}function ze(e,r,t){return Te(e,!1)}function He(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ee(e,r,t){if(e==null)return"";if(typeof e=="function")return Te(e,He(e));if(typeof e=="string")return X(e);switch(e){case C:return X("Suspense");case m:return X("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case h:return ze(e.render);case P:return ee(e.type,r,t);case x:{var n=e,f=n._payload,v=n._init;try{return ee(v(f),r,t)}catch{}}}return""}var B=Object.prototype.hasOwnProperty,Se={},Oe=u.ReactDebugCurrentFrame;function re(e){if(e){var r=e._owner,t=ee(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(t)}else Oe.setExtraStackFrame(null)}function Xe(e,r,t,n,f){{var v=Function.call.bind(B);for(var i in e)if(v(e,i)){var o=void 0;try{if(typeof e[i]!="function"){var O=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}o=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){o=E}o&&!(o instanceof Error)&&(re(f),l("%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).",n||"React class",t,i,typeof o),re(null)),o instanceof Error&&!(o.message in Se)&&(Se[o.message]=!0,re(f),l("Failed %s type: %s",t,o.message),re(null))}}}var Qe=Array.isArray;function le(e){return Qe(e)}function er(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function rr(e){try{return Pe(e),!1}catch{return!0}}function Pe(e){return""+e}function je(e){if(rr(e))return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",er(e)),Pe(e)}var J=u.ReactCurrentOwner,tr={key:!0,ref:!0,__self:!0,__source:!0},xe,ke,fe;fe={};function nr(e){if(B.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function ar(e){if(B.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function or(e,r){if(typeof e.ref=="string"&&J.current&&r&&J.current.stateNode!==r){var t=F(J.current.type);fe[t]||(l('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',F(J.current.type),e.ref),fe[t]=!0)}}function ir(e,r){{var t=function(){xe||(xe=!0,l("%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 sr(e,r){{var t=function(){ke||(ke=!0,l("%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 ur=function(e,r,t,n,f,v,i){var o={$$typeof:g,type:e,key:r,ref:t,props:i,_owner:v};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function cr(e,r,t,n,f){{var v,i={},o=null,O=null;t!==void 0&&(je(t),o=""+t),ar(r)&&(je(r.key),o=""+r.key),nr(r)&&(O=r.ref,or(r,f));for(v in r)B.call(r,v)&&!tr.hasOwnProperty(v)&&(i[v]=r[v]);if(e&&e.defaultProps){var E=e.defaultProps;for(v in E)i[v]===void 0&&(i[v]=E[v])}if(o||O){var R=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&ir(i,R),O&&sr(i,R)}return ur(e,o,O,f,n,J.current,i)}}var de=u.ReactCurrentOwner,Me=u.ReactDebugCurrentFrame;function U(e){if(e){var r=e._owner,t=ee(e.type,e._source,r?r.type:null);Me.setExtraStackFrame(t)}else Me.setExtraStackFrame(null)}var ve;ve=!1;function pe(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}function Fe(){{if(de.current){var e=F(de.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function lr(e){return""}var Ie={};function fr(e){{var r=Fe();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=fr(r);if(Ie[t])return;Ie[t]=!0;var n="";e&&e._owner&&e._owner!==de.current&&(n=" It was passed a child from "+F(e._owner.type)+"."),U(e),l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),U(null)}}function De(e,r){{if(typeof e!="object")return;if(le(e))for(var t=0;t<e.length;t++){var n=e[t];pe(n)&&Ae(n,r)}else if(pe(e))e._store&&(e._store.validated=!0);else if(e){var f=s(e);if(typeof f=="function"&&f!==e.entries)for(var v=f.call(e),i;!(i=v.next()).done;)pe(i.value)&&Ae(i.value,r)}}}function dr(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===h||r.$$typeof===P))t=r.propTypes;else return;if(t){var n=F(r);Xe(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!ve){ve=!0;var f=F(r);l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",f||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function vr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){U(e),l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),U(null);break}}e.ref!==null&&(U(e),l("Invalid attribute `ref` supplied to `React.Fragment`."),U(null))}}var $e={};function We(e,r,t,n,f,v){{var i=oe(e);if(!i){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" 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=lr();O?o+=O:o+=Fe();var E;e===null?E="null":le(e)?E="array":e!==void 0&&e.$$typeof===g?(E="<"+(F(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,o)}var R=cr(e,r,t,f,v);if(R==null)return R;if(i){var k=r.children;if(k!==void 0)if(n)if(le(k)){for(var V=0;V<k.length;V++)De(k[V],e);Object.freeze&&Object.freeze(k)}else l("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 De(k,e)}if(B.call(r,"key")){var L=F(e),j=Object.keys(r).filter(function(yr){return yr!=="key"}),be=j.length>0?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}";if(!$e[L+be]){var Er=j.length>0?"{"+j.join(": ..., ")+": ...}":"{}";l(`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,L,Er,L),$e[L+be]=!0}}return e===b?vr(R):dr(R),R}}function pr(e,r,t){return We(e,r,t,!0)}function br(e,r,t){return We(e,r,t,!1)}var gr=br,mr=pr;N.Fragment=b,N.jsx=gr,N.jsxs=mr}()),N}process.env.NODE_ENV==="production"?ge.exports=hr():ge.exports=Rr();var ne=ge.exports;const ae=c.createContext(null),Ve=({children:d})=>{const[g,T]=c.useState({}),b=c.useRef({}),w=c.useRef({}),y=c.useRef({}),M=c.useCallback((a,p)=>{var s;return!!((s=y.current[a])!=null&&s.has(p))},[]),S=c.useCallback((a,p,s)=>{T(u=>({...u,[a]:{origin:p,frameRef:s}}))},[]),h=c.useCallback(a=>{T(p=>{const s={...p};return delete s[a],s}),delete y.current[a]},[]);c.useEffect(()=>{const a=(s=[],u)=>{s.forEach(l=>l(u))},p=s=>{var I,Y,D,z,H;if(!((I=s==null?void 0:s.data)!=null&&I.instanceId))return;const{instanceId:u,type:l}=s.data,_=b.current;if(l==="response"){const{callbackId:$,response:oe,error:ie}=s.data,q=w.current[$];q&&(q(oe,ie),delete w.current[$]);return}if(l==="mark-registered"){const{requestType:$}=s.data;y.current[u]||(y.current[u]=new Set),y.current[u].add($);return}a((Y=_[u])==null?void 0:Y[l],s.data),a((D=_["*"])==null?void 0:D[l],s.data),a((z=_[u])==null?void 0:z["*"],s.data),a((H=_["*"])==null?void 0:H["*"],s.data)};return window.addEventListener("message",p),()=>{window.removeEventListener("message",p)}},[g]);const C=c.useCallback((a,p,s)=>{var l,_;const u=g[a];if(!u){console.warn(`Origin not set for id: ${a}. Unable to send message.`);return}(_=(l=u==null?void 0:u.frameRef)==null?void 0:l.current)!=null&&_.contentWindow&&u.frameRef.current.contentWindow.postMessage({type:p,...s,instanceId:a},u.origin)},[g]),m=c.useCallback(async(a,p,s={})=>new Promise((u,l)=>{const _=crypto.randomUUID(),I=(Y,D)=>{delete w.current[_],D?l(D):u(Y)};w.current[_]=I,C(a,"request",{callbackId:_,requestType:p,data:s})}),[C]),P=c.useCallback((a,p)=>{C(a,"load-options",p)},[C]),x=c.useCallback((a,p)=>{C(a,"validate",p)},[C]),A=c.useMemo(()=>({registerFrame:S,unregisterFrame:h,sendMessage:C,sendRequest:m,loadOptions:P,validate:x,hasHandler:M,addListener:(a,p,s)=>(b.current[a]||(b.current[a]={}),b.current[a][p]||(b.current[a][p]=[]),b.current[a][p].push(s),()=>{b.current[a][p]=b.current[a][p].filter(u=>u!==s)})}),[S,h,C,m,P,x,M]);return ne.jsx(ae.Provider,{value:A,children:d})},te={},qe=async d=>{try{const g=new URL(d).origin;if(te[g]!==void 0)return te[g];const b=await(await fetch(`${g}/mm-app-manifest.json`)).json();if(!b.version)throw new Error("Invalid manifest");return te[g]=b,b}catch{}return te[origin]=!1,!1},Ze=async d=>!!await qe(d),Be=(d,g,T)=>{const b=c.useContext(ae);if(b===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(!(!d||!g))return b.addListener(d,g,(...y)=>w.current(...y))},[b,d,g])};Ve.propTypes={children:G.node.isRequired};const _r=Le.default||Le,wr=_r.iframe`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),t=require("react"),w=require("prop-types"),Z=require("styled-components"),S=t.createContext(null),$=({children:n})=>{const[i,d]=t.useState({}),a=t.useRef({}),u=t.useRef({}),c=t.useRef({}),M=t.useCallback((e,r)=>!!c.current[e]?.has(r),[]),p=t.useCallback((e,r,s)=>{d(o=>({...o,[e]:{origin:r,frameRef:s}}))},[]),y=t.useCallback(e=>{d(r=>{const s={...r};return delete s[e],s}),delete c.current[e]},[]);t.useEffect(()=>{const e=(s=[],o)=>{s.forEach(l=>l(o))},r=s=>{if(!s?.data?.instanceId)return;const{instanceId:o,type:l}=s.data,m=a.current;if(l==="response"){const{callbackId:E,response:F,error:C}=s.data,q=u.current[E];q&&(q(F,C),delete u.current[E]);return}if(l==="mark-registered"){const{requestType:E}=s.data;c.current[o]||(c.current[o]=new Set),c.current[o].add(E);return}e(m[o]?.[l],s.data),e(m["*"]?.[l],s.data),e(m[o]?.["*"],s.data),e(m["*"]?.["*"],s.data)};return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},[i]);const f=t.useCallback((e,r,s)=>{const o=i[e];if(!o){console.warn(`Origin not set for id: ${e}. Unable to send message.`);return}o?.frameRef?.current?.contentWindow&&o.frameRef.current.contentWindow.postMessage({type:r,...s,instanceId:e},o.origin)},[i]),b=t.useRef(0),k=t.useCallback(()=>`${Date.now()}-${++b.current}`,[]),h=t.useCallback(async(e,r,s={})=>new Promise((o,l)=>{const m=k(),E=(F,C)=>{delete u.current[m],C?l(C):o(F)};u.current[m]=E,f(e,"request",{callbackId:m,requestType:r,data:s})}),[f]),R=t.useCallback((e,r)=>{f(e,"load-options",r)},[f]),g=t.useCallback((e,r)=>{f(e,"validate",r)},[f]),v=t.useMemo(()=>({registerFrame:p,unregisterFrame:y,sendMessage:f,sendRequest:h,loadOptions:R,validate:g,hasHandler:M,addListener:(e,r,s)=>(a.current[e]||(a.current[e]={}),a.current[e][r]||(a.current[e][r]=[]),a.current[e][r].push(s),()=>{a.current[e][r]=a.current[e][r].filter(o=>o!==s)})}),[p,y,f,h,R,g,M]);return x.jsx(S.Provider,{value:v,children:n})},I={},j=async n=>{try{const i=new URL(n).origin;if(I[i]!==void 0)return I[i];const a=await(await fetch(`${i}/mm-app-manifest.json`)).json();if(!a.version)throw new Error("Invalid manifest");return I[i]=a,a}catch{}return I[origin]=!1,!1},P=async n=>!!await j(n),L=(n,i,d)=>{const a=t.useContext(S);if(a===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const u=t.useRef(d);t.useEffect(()=>{u.current=d},[d]),t.useEffect(()=>{if(!(!n||!i))return a.addListener(n,i,(...c)=>u.current(...c))},[a,n,i])};$.propTypes={children:w.node.isRequired};const T=Z.default||Z,U=T.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${d=>d.$isReady?"visible":"hidden"};
-`,Je=({id:d,src:g,path:T,onInit:b=()=>{},context:w={},params:y={},...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 S=c.useRef(),[h,C]=c.useState(),[m,P]=c.useState(0),{registerFrame:x,unregisterFrame:A,sendMessage:a}=c.useContext(ae),[p,s]=c.useState(!0),[u,l]=c.useState();return c.useEffect(()=>{m&&a(d,"set-context",{context:{...w,colorMode:y.colorMode,isFullScreen:y.isFullScreen}})},[w,y.colorMode,y.isFullScreen,d,m]),c.useEffect(()=>{m&&(a(d,"set-params",{params:y}),a(d,"set-configuring",{isConfiguring:y.isConfiguring}))},[y,d,m]),c.useEffect(()=>{T!==void 0&&l(T||"/")},[T]),c.useEffect(()=>{u===void 0||!m||a(d,"navigate",{path:u})},[u,m,d,a]),c.useEffect(()=>{if(!(!g||!d||!S))return(async()=>{const _=await Ze(g);if(s(_),_){const I=new URL(g);x(d,I.origin,S),b(),C(`${I.origin}/mm-embedded-interop?id=${d}&origin=${window.location.origin}`);return}})(),()=>{A(d)}},[g,d,x,S]),Be(d,"ready",()=>P(_=>_+1)),p?ne.jsx(wr,{$isReady:m,ref:S,src:h,...M}):ne.jsx("div",{style:{height:"100%",display:"flex",flex:1,alignItems:"center",justifyContent:"center"},children:ne.jsx("div",{style:{textAlign:"center"},children:"Application must adhere to the MM App Manifest specification to be embedded."})})};Je.propTypes={id:G.string,src:G.string.isRequired,path:G.string,onInit:G.func};exports.MMEmbeddableZone=Je;exports.MMEmbeddableZoneContext=ae;exports.MMEmbeddableZoneProvider=Ve;exports.getAppInfo=qe;exports.testIsEmbeddable=Ze;exports.useEmbeddedEffect=Be;
+  visibility: ${n=>n.$isReady?"visible":"hidden"};
+`,A=({id:n,src:i,path:d,onInit:a=()=>{},context:u={},params:c={},...M})=>{if("isConfiguring"in M)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in u)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in u)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const p=t.useRef(),[y,f]=t.useState(),[b,k]=t.useState(0),{registerFrame:h,unregisterFrame:R,sendMessage:g}=t.useContext(S),[v,e]=t.useState(!0),[r,s]=t.useState();return t.useEffect(()=>{b&&g(n,"set-context",{context:{...u,colorMode:c.colorMode,isFullScreen:c.isFullScreen}})},[u,c.colorMode,c.isFullScreen,n,b]),t.useEffect(()=>{b&&(g(n,"set-params",{params:c}),g(n,"set-configuring",{isConfiguring:c.isConfiguring}))},[c,n,b]),t.useEffect(()=>{d!==void 0&&s(d||"/")},[d]),t.useEffect(()=>{r===void 0||!b||g(n,"navigate",{path:r})},[r,b,n,g]),t.useEffect(()=>{if(!(!i||!n||!p))return(async()=>{const o=await P(i);if(e(o),o){const l=new URL(i);h(n,l.origin,p),a(),f(`${l.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`);return}})(),()=>{R(n)}},[i,n,h,p]),L(n,"ready",()=>k(o=>o+1)),v?x.jsx(U,{$isReady:b,ref:p,src:y,...M}):x.jsx("div",{style:{height:"100%",display:"flex",flex:1,alignItems:"center",justifyContent:"center"},children:x.jsx("div",{style:{textAlign:"center"},children:"Application must adhere to the MM App Manifest specification to be embedded."})})};A.propTypes={id:w.string,src:w.string.isRequired,path:w.string,onInit:w.func};exports.MMEmbeddableZone=A;exports.MMEmbeddableZoneContext=S;exports.MMEmbeddableZoneProvider=$;exports.getAppInfo=j;exports.testIsEmbeddable=P;exports.useEmbeddedEffect=L;

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

@@ -1,821 +1,187 @@
-import Je, { createContext as Er, useState as z, useRef as X, useCallback as Y, useEffect as A, useMemo as Rr, useContext as Ke } from "react";
-import H from "prop-types";
-import Ve from "styled-components";
-var ye = { exports: {} }, N = {};
-/**
- * @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 qe;
-function _r() {
-  if (qe) return N;
-  qe = 1;
-  var f = Je, g = Symbol.for("react.element"), T = Symbol.for("react.fragment"), p = Object.prototype.hasOwnProperty, _ = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function k(S, h, w) {
-    var b, O = {}, j = null, I = null;
-    w !== void 0 && (j = "" + w), h.key !== void 0 && (j = "" + h.key), h.ref !== void 0 && (I = h.ref);
-    for (b in h) p.call(h, b) && !y.hasOwnProperty(b) && (O[b] = h[b]);
-    if (S && S.defaultProps) for (b in h = S.defaultProps, h) O[b] === void 0 && (O[b] = h[b]);
-    return { $$typeof: g, type: S, key: j, ref: I, props: O, _owner: _.current };
-  }
-  return N.Fragment = T, N.jsx = k, N.jsxs = k, N;
-}
-var G = {};
-/**
- * @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 Be;
-function wr() {
-  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
-    var f = Je, g = Symbol.for("react.element"), T = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), k = Symbol.for("react.provider"), S = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), a = Symbol.iterator, v = "@@iterator";
-    function s(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = a && e[a] || e[v];
-      return typeof r == "function" ? r : null;
-    }
-    var u = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function c(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        R("error", e, t);
-      }
-    }
-    function R(e, r, t) {
-      {
-        var n = u.ReactDebugCurrentFrame, l = n.getStackAddendum();
-        l !== "" && (r += "%s", t = t.concat([l]));
-        var d = t.map(function(i) {
-          return String(i);
-        });
-        d.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, d);
-      }
-    }
-    var M = !1, U = !1, D = !1, Q = !1, ee = !1, $;
-    $ = Symbol.for("react.module.reference");
-    function se(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === p || e === y || ee || e === _ || e === w || e === b || Q || e === I || M || U || D || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === O || e.$$typeof === k || e.$$typeof === S || e.$$typeof === h || // 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 === $ || e.getModuleId !== void 0));
-    }
-    function ue(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var l = r.displayName || r.name || "";
-      return l !== "" ? t + "(" + l + ")" : t;
-    }
-    function B(e) {
-      return e.displayName || "Context";
-    }
-    function F(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && c("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 p:
-          return "Fragment";
-        case T:
-          return "Portal";
-        case y:
-          return "Profiler";
-        case _:
-          return "StrictMode";
-        case w:
-          return "Suspense";
-        case b:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case S:
-            var r = e;
-            return B(r) + ".Consumer";
-          case k:
-            var t = e;
-            return B(t._context) + ".Provider";
-          case h:
-            return ue(e, e.render, "ForwardRef");
-          case O:
-            var n = e.displayName || null;
-            return n !== null ? n : F(e.type) || "Memo";
-          case j: {
-            var l = e, d = l._payload, i = l._init;
-            try {
-              return F(i(d));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var W = Object.assign, J = 0, Ee, Re, _e, we, Te, Se, Ce;
-    function Oe() {
-    }
-    Oe.__reactDisabledLog = !0;
-    function Ze() {
-      {
-        if (J === 0) {
-          Ee = console.log, Re = console.info, _e = console.warn, we = console.error, Te = console.group, Se = console.groupCollapsed, Ce = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Oe,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        J++;
-      }
-    }
-    function Ne() {
-      {
-        if (J--, J === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: W({}, e, {
-              value: Ee
-            }),
-            info: W({}, e, {
-              value: Re
-            }),
-            warn: W({}, e, {
-              value: _e
-            }),
-            error: W({}, e, {
-              value: we
-            }),
-            group: W({}, e, {
-              value: Te
-            }),
-            groupCollapsed: W({}, e, {
-              value: Se
-            }),
-            groupEnd: W({}, e, {
-              value: Ce
-            })
-          });
-        }
-        J < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ce = u.ReactCurrentDispatcher, le;
-    function re(e, r, t) {
-      {
-        if (le === void 0)
-          try {
-            throw Error();
-          } catch (l) {
-            var n = l.stack.trim().match(/\n( *(at )?)/);
-            le = n && n[1] || "";
-          }
-        return `
-` + le + e;
-      }
-    }
-    var fe = !1, te;
-    {
-      var Ge = typeof WeakMap == "function" ? WeakMap : Map;
-      te = new Ge();
-    }
-    function Pe(e, r) {
-      if (!e || fe)
-        return "";
-      {
-        var t = te.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var n;
-      fe = !0;
-      var l = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var d;
-      d = ce.current, ce.current = null, Ze();
-      try {
-        if (r) {
-          var i = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(i.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(i, []);
-            } catch (P) {
-              n = P;
-            }
-            Reflect.construct(e, [], i);
-          } else {
-            try {
-              i.call();
-            } catch (P) {
-              n = P;
-            }
-            e.call(i.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (P) {
-            n = P;
-          }
-          e();
-        }
-      } catch (P) {
-        if (P && n && typeof P.stack == "string") {
-          for (var o = P.stack.split(`
-`), C = n.stack.split(`
-`), m = o.length - 1, E = C.length - 1; m >= 1 && E >= 0 && o[m] !== C[E]; )
-            E--;
-          for (; m >= 1 && E >= 0; m--, E--)
-            if (o[m] !== C[E]) {
-              if (m !== 1 || E !== 1)
-                do
-                  if (m--, E--, E < 0 || o[m] !== C[E]) {
-                    var x = `
-` + o[m].replace(" at new ", " at ");
-                    return e.displayName && x.includes("<anonymous>") && (x = x.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, x), x;
-                  }
-                while (m >= 1 && E >= 0);
-              break;
-            }
-        }
-      } finally {
-        fe = !1, ce.current = d, Ne(), Error.prepareStackTrace = l;
-      }
-      var q = e ? e.displayName || e.name : "", L = q ? re(q) : "";
-      return typeof e == "function" && te.set(e, L), L;
-    }
-    function ze(e, r, t) {
-      return Pe(e, !1);
-    }
-    function He(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function ne(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Pe(e, He(e));
-      if (typeof e == "string")
-        return re(e);
-      switch (e) {
-        case w:
-          return re("Suspense");
-        case b:
-          return re("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case h:
-            return ze(e.render);
-          case O:
-            return ne(e.type, r, t);
-          case j: {
-            var n = e, l = n._payload, d = n._init;
-            try {
-              return ne(d(l), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var K = Object.prototype.hasOwnProperty, je = {}, xe = u.ReactDebugCurrentFrame;
-    function ae(e) {
-      if (e) {
-        var r = e._owner, t = ne(e.type, e._source, r ? r.type : null);
-        xe.setExtraStackFrame(t);
-      } else
-        xe.setExtraStackFrame(null);
-    }
-    function Xe(e, r, t, n, l) {
-      {
-        var d = Function.call.bind(K);
-        for (var i in e)
-          if (d(e, i)) {
-            var o = void 0;
-            try {
-              if (typeof e[i] != "function") {
-                var C = Error((n || "React class") + ": " + t + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw C.name = "Invariant Violation", C;
-              }
-              o = e[i](r, i, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (m) {
-              o = m;
-            }
-            o && !(o instanceof Error) && (ae(l), c("%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).", n || "React class", t, i, typeof o), ae(null)), o instanceof Error && !(o.message in je) && (je[o.message] = !0, ae(l), c("Failed %s type: %s", t, o.message), ae(null));
-          }
-      }
-    }
-    var Qe = Array.isArray;
-    function de(e) {
-      return Qe(e);
-    }
-    function er(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function rr(e) {
-      try {
-        return ke(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function ke(e) {
-      return "" + e;
-    }
-    function Fe(e) {
-      if (rr(e))
-        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), ke(e);
-    }
-    var Z = u.ReactCurrentOwner, tr = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Me, Ie, ve;
-    ve = {};
-    function nr(e) {
-      if (K.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function ar(e) {
-      if (K.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function or(e, r) {
-      if (typeof e.ref == "string" && Z.current && r && Z.current.stateNode !== r) {
-        var t = F(Z.current.type);
-        ve[t] || (c('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', F(Z.current.type), e.ref), ve[t] = !0);
-      }
-    }
-    function ir(e, r) {
-      {
-        var t = function() {
-          Me || (Me = !0, c("%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 sr(e, r) {
-      {
-        var t = function() {
-          Ie || (Ie = !0, c("%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 ur = function(e, r, t, n, l, d, i) {
-      var o = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: g,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: i,
-        // Record the component responsible for creating this element.
-        _owner: d
-      };
-      return o._store = {}, Object.defineProperty(o._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(o, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(o, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: l
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
-    };
-    function cr(e, r, t, n, l) {
-      {
-        var d, i = {}, o = null, C = null;
-        t !== void 0 && (Fe(t), o = "" + t), ar(r) && (Fe(r.key), o = "" + r.key), nr(r) && (C = r.ref, or(r, l));
-        for (d in r)
-          K.call(r, d) && !tr.hasOwnProperty(d) && (i[d] = r[d]);
-        if (e && e.defaultProps) {
-          var m = e.defaultProps;
-          for (d in m)
-            i[d] === void 0 && (i[d] = m[d]);
-        }
-        if (o || C) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          o && ir(i, E), C && sr(i, E);
-        }
-        return ur(e, o, C, l, n, Z.current, i);
-      }
-    }
-    var pe = u.ReactCurrentOwner, Ae = u.ReactDebugCurrentFrame;
-    function V(e) {
-      if (e) {
-        var r = e._owner, t = ne(e.type, e._source, r ? r.type : null);
-        Ae.setExtraStackFrame(t);
-      } else
-        Ae.setExtraStackFrame(null);
-    }
-    var ge;
-    ge = !1;
-    function be(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
-    }
-    function De() {
-      {
-        if (pe.current) {
-          var e = F(pe.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function lr(e) {
-      return "";
-    }
-    var $e = {};
-    function fr(e) {
-      {
-        var r = De();
-        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 = fr(r);
-        if ($e[t])
-          return;
-        $e[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== pe.current && (n = " It was passed a child from " + F(e._owner.type) + "."), V(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), V(null);
-      }
-    }
-    function Le(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (de(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            be(n) && We(n, r);
-          }
-        else if (be(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var l = s(e);
-          if (typeof l == "function" && l !== e.entries)
-            for (var d = l.call(e), i; !(i = d.next()).done; )
-              be(i.value) && We(i.value, r);
-        }
-      }
-    }
-    function dr(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 === h || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === O))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var n = F(r);
-          Xe(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !ge) {
-          ge = !0;
-          var l = F(r);
-          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", l || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function vr(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            V(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), V(null);
-            break;
-          }
-        }
-        e.ref !== null && (V(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
-      }
-    }
-    var Ye = {};
-    function Ue(e, r, t, n, l, d) {
-      {
-        var i = se(e);
-        if (!i) {
-          var o = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " 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 = lr();
-          C ? o += C : o += De();
-          var m;
-          e === null ? m = "null" : de(e) ? m = "array" : e !== void 0 && e.$$typeof === g ? (m = "<" + (F(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : m = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", m, o);
-        }
-        var E = cr(e, r, t, l, d);
-        if (E == null)
-          return E;
-        if (i) {
-          var x = r.children;
-          if (x !== void 0)
-            if (n)
-              if (de(x)) {
-                for (var q = 0; q < x.length; q++)
-                  Le(x[q], e);
-                Object.freeze && Object.freeze(x);
-              } else
-                c("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(x, e);
-        }
-        if (K.call(r, "key")) {
-          var L = F(e), P = Object.keys(r).filter(function(hr) {
-            return hr !== "key";
-          }), me = P.length > 0 ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ye[L + me]) {
-            var yr = P.length > 0 ? "{" + P.join(": ..., ") + ": ...}" : "{}";
-            c(`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, yr, L), Ye[L + me] = !0;
-          }
-        }
-        return e === p ? vr(E) : dr(E), E;
-      }
-    }
-    function pr(e, r, t) {
-      return Ue(e, r, t, !0);
-    }
-    function gr(e, r, t) {
-      return Ue(e, r, t, !1);
-    }
-    var br = gr, mr = pr;
-    G.Fragment = p, G.jsx = br, G.jsxs = mr;
-  }()), G;
-}
-process.env.NODE_ENV === "production" ? ye.exports = _r() : ye.exports = wr();
-var ie = ye.exports;
-const he = Er(null), Tr = ({ children: f }) => {
-  const [g, T] = z({}), p = X({}), _ = X({}), y = X({}), k = Y((a, v) => {
-    var s;
-    return !!((s = y.current[a]) != null && s.has(v));
-  }, []), S = Y((a, v, s) => {
-    T((u) => ({ ...u, [a]: { origin: v, frameRef: s } }));
-  }, []), h = Y((a) => {
-    T((v) => {
-      const s = { ...v };
-      return delete s[a], s;
-    }), delete y.current[a];
+import { jsx as x } from "react/jsx-runtime";
+import { createContext as j, useState as R, useRef as w, useCallback as b, useEffect as p, useMemo as A, useContext as U } from "react";
+import I from "prop-types";
+import k from "styled-components";
+const Z = j(null), T = ({ children: n }) => {
+  const [o, d] = R({}), i = w({}), a = w({}), c = w({}), y = b((e, r) => !!c.current[e]?.has(r), []), h = b((e, r, t) => {
+    d((s) => ({ ...s, [e]: { origin: r, frameRef: t } }));
+  }, []), F = b((e) => {
+    d((r) => {
+      const t = { ...r };
+      return delete t[e], t;
+    }), delete c.current[e];
   }, []);
-  A(() => {
-    const a = (s = [], u) => {
-      s.forEach((c) => c(u));
-    }, v = (s) => {
-      var M, U, D, Q, ee;
-      if (!((M = s == null ? void 0 : s.data) != null && M.instanceId))
+  p(() => {
+    const e = (t = [], s) => {
+      t.forEach((u) => u(s));
+    }, r = (t) => {
+      if (!t?.data?.instanceId)
         return;
-      const { instanceId: u, type: c } = s.data, R = p.current;
-      if (c === "response") {
-        const { callbackId: $, response: se, error: ue } = s.data, B = _.current[$];
-        B && (B(se, ue), delete _.current[$]);
+      const { instanceId: s, type: u } = t.data, g = i.current;
+      if (u === "response") {
+        const { callbackId: M, response: S, error: $ } = t.data, q = a.current[M];
+        q && (q(S, $), delete a.current[M]);
         return;
       }
-      if (c === "mark-registered") {
-        const { requestType: $ } = s.data;
-        y.current[u] || (y.current[u] = /* @__PURE__ */ new Set()), y.current[u].add($);
+      if (u === "mark-registered") {
+        const { requestType: M } = t.data;
+        c.current[s] || (c.current[s] = /* @__PURE__ */ new Set()), c.current[s].add(M);
         return;
       }
-      a((U = R[u]) == null ? void 0 : U[c], s.data), a((D = R["*"]) == null ? void 0 : D[c], s.data), a((Q = R[u]) == null ? void 0 : Q["*"], s.data), a((ee = R["*"]) == null ? void 0 : ee["*"], s.data);
+      e(g[s]?.[u], t.data), e(g["*"]?.[u], t.data), e(g[s]?.["*"], t.data), e(g["*"]?.["*"], t.data);
     };
-    return window.addEventListener("message", v), () => {
-      window.removeEventListener("message", v);
+    return window.addEventListener("message", r), () => {
+      window.removeEventListener("message", r);
     };
-  }, [g]);
-  const w = Y(
-    (a, v, s) => {
-      var c, R;
-      const u = g[a];
-      if (!u) {
-        console.warn(`Origin not set for id: ${a}. Unable to send message.`);
+  }, [o]);
+  const l = b(
+    (e, r, t) => {
+      const s = o[e];
+      if (!s) {
+        console.warn(`Origin not set for id: ${e}. Unable to send message.`);
         return;
       }
-      (R = (c = u == null ? void 0 : u.frameRef) == null ? void 0 : c.current) != null && R.contentWindow && u.frameRef.current.contentWindow.postMessage(
-        { type: v, ...s, instanceId: a },
-        u.origin
+      s?.frameRef?.current?.contentWindow && s.frameRef.current.contentWindow.postMessage(
+        { type: r, ...t, instanceId: e },
+        s.origin
       );
     },
-    [g]
-  ), b = Y(
-    async (a, v, s = {}) => new Promise((u, c) => {
-      const R = crypto.randomUUID(), M = (U, D) => {
-        delete _.current[R], D ? c(D) : u(U);
+    [o]
+  ), f = w(0), L = b(() => `${Date.now()}-${++f.current}`, []), E = b(
+    async (e, r, t = {}) => new Promise((s, u) => {
+      const g = L(), M = (S, $) => {
+        delete a.current[g], $ ? u($) : s(S);
       };
-      _.current[R] = M, w(a, "request", { callbackId: R, requestType: v, data: s });
+      a.current[g] = M, l(e, "request", { callbackId: g, requestType: r, data: t });
     }),
-    [w]
-  ), O = Y(
-    (a, v) => {
-      w(a, "load-options", v);
+    [l]
+  ), C = b(
+    (e, r) => {
+      l(e, "load-options", r);
     },
-    [w]
-  ), j = Y(
-    (a, v) => {
-      w(a, "validate", v);
+    [l]
+  ), m = b(
+    (e, r) => {
+      l(e, "validate", r);
     },
-    [w]
-  ), I = Rr(
+    [l]
+  ), P = A(
     () => ({
-      registerFrame: S,
-      unregisterFrame: h,
-      sendMessage: w,
-      sendRequest: b,
-      loadOptions: O,
-      validate: j,
-      hasHandler: k,
-      addListener: (a, v, s) => (p.current[a] || (p.current[a] = {}), p.current[a][v] || (p.current[a][v] = []), p.current[a][v].push(s), () => {
-        p.current[a][v] = p.current[a][v].filter((u) => u !== s);
+      registerFrame: h,
+      unregisterFrame: F,
+      sendMessage: l,
+      sendRequest: E,
+      loadOptions: C,
+      validate: m,
+      hasHandler: y,
+      addListener: (e, r, t) => (i.current[e] || (i.current[e] = {}), i.current[e][r] || (i.current[e][r] = []), i.current[e][r].push(t), () => {
+        i.current[e][r] = i.current[e][r].filter((s) => s !== t);
       })
     }),
     [
-      S,
       h,
-      w,
-      b,
-      O,
-      j,
-      k
+      F,
+      l,
+      E,
+      C,
+      m,
+      y
     ]
   );
-  return /* @__PURE__ */ ie.jsx(he.Provider, { value: I, children: f });
-}, oe = {}, Sr = async (f) => {
+  return /* @__PURE__ */ x(Z.Provider, { value: P, children: n });
+}, v = {}, O = async (n) => {
   try {
-    const g = new URL(f).origin;
-    if (oe[g] !== void 0)
-      return oe[g];
-    const p = await (await fetch(`${g}/mm-app-manifest.json`)).json();
-    if (!p.version)
+    const o = new URL(n).origin;
+    if (v[o] !== void 0)
+      return v[o];
+    const i = await (await fetch(`${o}/mm-app-manifest.json`)).json();
+    if (!i.version)
       throw new Error("Invalid manifest");
-    return oe[g] = p, p;
+    return v[o] = i, i;
   } catch {
   }
-  return oe[origin] = !1, !1;
-}, Cr = async (f) => !!await Sr(f), Or = (f, g, T) => {
-  const p = Ke(he);
-  if (p === null)
+  return v[origin] = !1, !1;
+}, H = async (n) => !!await O(n), W = (n, o, d) => {
+  const i = U(Z);
+  if (i === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
-  const _ = X(T);
-  A(() => {
-    _.current = T;
-  }, [T]), A(() => {
-    if (!(!f || !g))
-      return p.addListener(
-        f,
-        g,
-        (...y) => _.current(...y)
+  const a = w(d);
+  p(() => {
+    a.current = d;
+  }, [d]), p(() => {
+    if (!(!n || !o))
+      return i.addListener(
+        n,
+        o,
+        (...c) => a.current(...c)
       );
-  }, [p, f, g]);
+  }, [i, n, o]);
 };
-Tr.propTypes = {
-  children: H.node.isRequired
+T.propTypes = {
+  children: I.node.isRequired
 };
-const Pr = Ve.default || Ve, jr = Pr.iframe`
+const B = k.default || k, D = B.iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${(f) => f.$isReady ? "visible" : "hidden"};
-`, xr = ({
-  id: f,
-  src: g,
-  path: T,
-  onInit: p = () => {
+  visibility: ${(n) => n.$isReady ? "visible" : "hidden"};
+`, _ = ({
+  id: n,
+  src: o,
+  path: d,
+  onInit: i = () => {
   },
-  context: _ = {},
-  params: y = {},
-  ...k
+  context: a = {},
+  params: c = {},
+  ...y
 }) => {
-  if ("isConfiguring" in k)
+  if ("isConfiguring" in y)
     return console.error(
       "isConfiguring must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("colorMode" in _)
+  if ("colorMode" in a)
     return console.error(
       "colorMode must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  if ("isFullScreen" in _)
+  if ("isFullScreen" in a)
     return console.error(
       "isFullScreen must be passed via the params prop to MMEmbeddableZone"
     ), null;
-  const S = X(), [h, w] = z(), [b, O] = z(0), { registerFrame: j, unregisterFrame: I, sendMessage: a } = Ke(
-    he
-  ), [v, s] = z(!0), [u, c] = z();
-  return A(() => {
-    b && a(f, "set-context", {
+  const h = w(), [F, l] = R(), [f, L] = R(0), { registerFrame: E, unregisterFrame: C, sendMessage: m } = U(
+    Z
+  ), [P, e] = R(!0), [r, t] = R();
+  return p(() => {
+    f && m(n, "set-context", {
       context: {
-        ..._,
+        ...a,
         // TODO: Remove this once everything is migrated to params
-        colorMode: y.colorMode,
-        isFullScreen: y.isFullScreen
+        colorMode: c.colorMode,
+        isFullScreen: c.isFullScreen
       }
     });
-  }, [_, y.colorMode, y.isFullScreen, f, b]), A(() => {
-    b && (a(f, "set-params", { params: y }), a(f, "set-configuring", { isConfiguring: y.isConfiguring }));
-  }, [y, f, b]), A(() => {
-    T !== void 0 && c(T || "/");
-  }, [T]), A(() => {
-    u === void 0 || !b || a(f, "navigate", { path: u });
-  }, [u, b, f, a]), A(() => {
-    if (!(!g || !f || !S))
+  }, [a, c.colorMode, c.isFullScreen, n, f]), p(() => {
+    f && (m(n, "set-params", { params: c }), m(n, "set-configuring", { isConfiguring: c.isConfiguring }));
+  }, [c, n, f]), p(() => {
+    d !== void 0 && t(d || "/");
+  }, [d]), p(() => {
+    r === void 0 || !f || m(n, "navigate", { path: r });
+  }, [r, f, n, m]), p(() => {
+    if (!(!o || !n || !h))
       return (async () => {
-        const R = await Cr(g);
-        if (s(R), R) {
-          const M = new URL(g);
-          j(f, M.origin, S), p(), w(
-            `${M.origin}/mm-embedded-interop?id=${f}&origin=${window.location.origin}`
+        const s = await H(o);
+        if (e(s), s) {
+          const u = new URL(o);
+          E(n, u.origin, h), i(), l(
+            `${u.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`
           );
           return;
         }
       })(), () => {
-        I(f);
+        C(n);
       };
-  }, [g, f, j, S]), Or(f, "ready", () => O((R) => R + 1)), v ? /* @__PURE__ */ ie.jsx(jr, { $isReady: b, ref: S, src: h, ...k }) : /* @__PURE__ */ ie.jsx(
+  }, [o, n, E, h]), W(n, "ready", () => L((s) => s + 1)), P ? /* @__PURE__ */ x(D, { $isReady: f, ref: h, src: F, ...y }) : /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -825,21 +191,21 @@ const Pr = Ve.default || Ve, jr = Pr.iframe`
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ ie.jsx("div", { style: { textAlign: "center" }, children: "Application must adhere to the MM App Manifest specification to be embedded." })
+      children: /* @__PURE__ */ x("div", { style: { textAlign: "center" }, children: "Application must adhere to the MM App Manifest specification to be embedded." })
     }
   );
 };
-xr.propTypes = {
-  id: H.string,
-  src: H.string.isRequired,
-  path: H.string,
-  onInit: H.func
+_.propTypes = {
+  id: I.string,
+  src: I.string.isRequired,
+  path: I.string,
+  onInit: I.func
 };
 export {
-  xr as MMEmbeddableZone,
-  he as MMEmbeddableZoneContext,
-  Tr as MMEmbeddableZoneProvider,
-  Sr as getAppInfo,
-  Cr as testIsEmbeddable,
-  Or as useEmbeddedEffect
+  _ as MMEmbeddableZone,
+  Z as MMEmbeddableZoneContext,
+  T as MMEmbeddableZoneProvider,
+  O as getAppInfo,
+  H as testIsEmbeddable,
+  W as useEmbeddedEffect
 };

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

@@ -1,35 +1,6 @@
-(function(P,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("prop-types"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","styled-components"],i):(P=typeof globalThis<"u"?globalThis:P||self,i(P["mm-react-embeddable"]={},P.React,P.PropTypes,P.styled))})(this,function(P,i,J,ye){"use strict";var ie={exports:{}},K={};/**
- * @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 Ee;function ze(){if(Ee)return K;Ee=1;var d=i,g=Symbol.for("react.element"),S=Symbol.for("react.fragment"),b=Object.prototype.hasOwnProperty,w=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,E={key:!0,ref:!0,__self:!0,__source:!0};function F(T,h,C){var m,j={},k=null,D=null;C!==void 0&&(k=""+C),h.key!==void 0&&(k=""+h.key),h.ref!==void 0&&(D=h.ref);for(m in h)b.call(h,m)&&!E.hasOwnProperty(m)&&(j[m]=h[m]);if(T&&T.defaultProps)for(m in h=T.defaultProps,h)j[m]===void 0&&(j[m]=h[m]);return{$$typeof:g,type:T,key:k,ref:D,props:j,_owner:w.current}}return K.Fragment=S,K.jsx=F,K.jsxs=F,K}var N={};/**
- * @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 he;function He(){return he||(he=1,process.env.NODE_ENV!=="production"&&function(){var d=i,g=Symbol.for("react.element"),S=Symbol.for("react.portal"),b=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),F=Symbol.for("react.provider"),T=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),C=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen"),a=Symbol.iterator,p="@@iterator";function u(e){if(e===null||typeof e!="object")return null;var r=a&&e[a]||e[p];return typeof r=="function"?r:null}var c=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function l(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];_("error",e,t)}}function _(e,r,t){{var n=c.ReactDebugCurrentFrame,f=n.getStackAddendum();f!==""&&(r+="%s",t=t.concat([f]));var v=t.map(function(s){return String(s)});v.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,v)}}var A=!1,V=!1,W=!1,ee=!1,re=!1,L;L=Symbol.for("react.module.reference");function se(e){return!!(typeof e=="string"||typeof e=="function"||e===b||e===E||re||e===w||e===C||e===m||ee||e===D||A||V||W||typeof e=="object"&&e!==null&&(e.$$typeof===k||e.$$typeof===j||e.$$typeof===F||e.$$typeof===T||e.$$typeof===h||e.$$typeof===L||e.getModuleId!==void 0))}function ue(e,r,t){var n=e.displayName;if(n)return n;var f=r.displayName||r.name||"";return f!==""?t+"("+f+")":t}function G(e){return e.displayName||"Context"}function I(e){if(e==null)return null;if(typeof e.tag=="number"&&l("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 b:return"Fragment";case S:return"Portal";case E:return"Profiler";case w:return"StrictMode";case C:return"Suspense";case m:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return G(r)+".Consumer";case F:var t=e;return G(t._context)+".Provider";case h:return ue(e,e.render,"ForwardRef");case j:var n=e.displayName||null;return n!==null?n:I(e.type)||"Memo";case k:{var f=e,v=f._payload,s=f._init;try{return I(s(v))}catch{return null}}}return null}var Y=Object.assign,z=0,Te,Oe,Pe,je,xe,ke,Me;function Fe(){}Fe.__reactDisabledLog=!0;function Qe(){{if(z===0){Te=console.log,Oe=console.info,Pe=console.warn,je=console.error,xe=console.group,ke=console.groupCollapsed,Me=console.groupEnd;var e={configurable:!0,enumerable:!0,value:Fe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}z++}}function qe(){{if(z--,z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:Y({},e,{value:Te}),info:Y({},e,{value:Oe}),warn:Y({},e,{value:Pe}),error:Y({},e,{value:je}),group:Y({},e,{value:xe}),groupCollapsed:Y({},e,{value:ke}),groupEnd:Y({},e,{value:Me})})}z<0&&l("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ce=c.ReactCurrentDispatcher,le;function te(e,r,t){{if(le===void 0)try{throw Error()}catch(f){var n=f.stack.trim().match(/\n( *(at )?)/);le=n&&n[1]||""}return`
-`+le+e}}var fe=!1,ne;{var $e=typeof WeakMap=="function"?WeakMap:Map;ne=new $e}function Ie(e,r){if(!e||fe)return"";{var t=ne.get(e);if(t!==void 0)return t}var n;fe=!0;var f=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var v;v=ce.current,ce.current=null,Qe();try{if(r){var s=function(){throw Error()};if(Object.defineProperty(s.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(s,[])}catch(x){n=x}Reflect.construct(e,[],s)}else{try{s.call()}catch(x){n=x}e.call(s.prototype)}}else{try{throw Error()}catch(x){n=x}e()}}catch(x){if(x&&n&&typeof x.stack=="string"){for(var o=x.stack.split(`
-`),O=n.stack.split(`
-`),y=o.length-1,R=O.length-1;y>=1&&R>=0&&o[y]!==O[R];)R--;for(;y>=1&&R>=0;y--,R--)if(o[y]!==O[R]){if(y!==1||R!==1)do if(y--,R--,R<0||o[y]!==O[R]){var M=`
-`+o[y].replace(" at new "," at ");return e.displayName&&M.includes("<anonymous>")&&(M=M.replace("<anonymous>",e.displayName)),typeof e=="function"&&ne.set(e,M),M}while(y>=1&&R>=0);break}}}finally{fe=!1,ce.current=v,qe(),Error.prepareStackTrace=f}var B=e?e.displayName||e.name:"",U=B?te(B):"";return typeof e=="function"&&ne.set(e,U),U}function er(e,r,t){return Ie(e,!1)}function rr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ae(e,r,t){if(e==null)return"";if(typeof e=="function")return Ie(e,rr(e));if(typeof e=="string")return te(e);switch(e){case C:return te("Suspense");case m:return te("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case h:return er(e.render);case j:return ae(e.type,r,t);case k:{var n=e,f=n._payload,v=n._init;try{return ae(v(f),r,t)}catch{}}}return""}var H=Object.prototype.hasOwnProperty,Ae={},De=c.ReactDebugCurrentFrame;function oe(e){if(e){var r=e._owner,t=ae(e.type,e._source,r?r.type:null);De.setExtraStackFrame(t)}else De.setExtraStackFrame(null)}function tr(e,r,t,n,f){{var v=Function.call.bind(H);for(var s in e)if(v(e,s)){var o=void 0;try{if(typeof e[s]!="function"){var O=Error((n||"React class")+": "+t+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}o=e[s](r,s,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(y){o=y}o&&!(o instanceof Error)&&(oe(f),l("%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).",n||"React class",t,s,typeof o),oe(null)),o instanceof Error&&!(o.message in Ae)&&(Ae[o.message]=!0,oe(f),l("Failed %s type: %s",t,o.message),oe(null))}}}var nr=Array.isArray;function de(e){return nr(e)}function ar(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function or(e){try{return We(e),!1}catch{return!0}}function We(e){return""+e}function Le(e){if(or(e))return l("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ar(e)),We(e)}var X=c.ReactCurrentOwner,ir={key:!0,ref:!0,__self:!0,__source:!0},Ye,Ue,ve;ve={};function sr(e){if(H.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function ur(e){if(H.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function cr(e,r){if(typeof e.ref=="string"&&X.current&&r&&X.current.stateNode!==r){var t=I(X.current.type);ve[t]||(l('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',I(X.current.type),e.ref),ve[t]=!0)}}function lr(e,r){{var t=function(){Ye||(Ye=!0,l("%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 fr(e,r){{var t=function(){Ue||(Ue=!0,l("%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 dr=function(e,r,t,n,f,v,s){var o={$$typeof:g,type:e,key:r,ref:t,props:s,_owner:v};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function vr(e,r,t,n,f){{var v,s={},o=null,O=null;t!==void 0&&(Le(t),o=""+t),ur(r)&&(Le(r.key),o=""+r.key),sr(r)&&(O=r.ref,cr(r,f));for(v in r)H.call(r,v)&&!ir.hasOwnProperty(v)&&(s[v]=r[v]);if(e&&e.defaultProps){var y=e.defaultProps;for(v in y)s[v]===void 0&&(s[v]=y[v])}if(o||O){var R=typeof e=="function"?e.displayName||e.name||"Unknown":e;o&&lr(s,R),O&&fr(s,R)}return dr(e,o,O,f,n,X.current,s)}}var pe=c.ReactCurrentOwner,Ve=c.ReactDebugCurrentFrame;function Z(e){if(e){var r=e._owner,t=ae(e.type,e._source,r?r.type:null);Ve.setExtraStackFrame(t)}else Ve.setExtraStackFrame(null)}var be;be=!1;function ge(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}function Ze(){{if(pe.current){var e=I(pe.current.type);if(e)return`
-
-Check the render method of \``+e+"`."}return""}}function pr(e){return""}var Be={};function br(e){{var r=Ze();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 Je(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=br(r);if(Be[t])return;Be[t]=!0;var n="";e&&e._owner&&e._owner!==pe.current&&(n=" It was passed a child from "+I(e._owner.type)+"."),Z(e),l('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),Z(null)}}function Ke(e,r){{if(typeof e!="object")return;if(de(e))for(var t=0;t<e.length;t++){var n=e[t];ge(n)&&Je(n,r)}else if(ge(e))e._store&&(e._store.validated=!0);else if(e){var f=u(e);if(typeof f=="function"&&f!==e.entries)for(var v=f.call(e),s;!(s=v.next()).done;)ge(s.value)&&Je(s.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===h||r.$$typeof===j))t=r.propTypes;else return;if(t){var n=I(r);tr(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!be){be=!0;var f=I(r);l("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",f||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&l("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function mr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){Z(e),l("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),Z(null);break}}e.ref!==null&&(Z(e),l("Invalid attribute `ref` supplied to `React.Fragment`."),Z(null))}}var Ne={};function Ge(e,r,t,n,f,v){{var s=se(e);if(!s){var o="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(o+=" 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=pr();O?o+=O:o+=Ze();var y;e===null?y="null":de(e)?y="array":e!==void 0&&e.$$typeof===g?(y="<"+(I(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):y=typeof e,l("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",y,o)}var R=vr(e,r,t,f,v);if(R==null)return R;if(s){var M=r.children;if(M!==void 0)if(n)if(de(M)){for(var B=0;B<M.length;B++)Ke(M[B],e);Object.freeze&&Object.freeze(M)}else l("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 Ke(M,e)}if(H.call(r,"key")){var U=I(e),x=Object.keys(r).filter(function(wr){return wr!=="key"}),me=x.length>0?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}";if(!Ne[U+me]){var _r=x.length>0?"{"+x.join(": ..., ")+": ...}":"{}";l(`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,U,_r,U),Ne[U+me]=!0}}return e===b?mr(R):gr(R),R}}function yr(e,r,t){return Ge(e,r,t,!0)}function Er(e,r,t){return Ge(e,r,t,!1)}var hr=Er,Rr=yr;N.Fragment=b,N.jsx=hr,N.jsxs=Rr}()),N}process.env.NODE_ENV==="production"?ie.exports=ze():ie.exports=He();var Q=ie.exports;const q=i.createContext(null),Re=({children:d})=>{const[g,S]=i.useState({}),b=i.useRef({}),w=i.useRef({}),E=i.useRef({}),F=i.useCallback((a,p)=>{var u;return!!((u=E.current[a])!=null&&u.has(p))},[]),T=i.useCallback((a,p,u)=>{S(c=>({...c,[a]:{origin:p,frameRef:u}}))},[]),h=i.useCallback(a=>{S(p=>{const u={...p};return delete u[a],u}),delete E.current[a]},[]);i.useEffect(()=>{const a=(u=[],c)=>{u.forEach(l=>l(c))},p=u=>{var A,V,W,ee,re;if(!((A=u==null?void 0:u.data)!=null&&A.instanceId))return;const{instanceId:c,type:l}=u.data,_=b.current;if(l==="response"){const{callbackId:L,response:se,error:ue}=u.data,G=w.current[L];G&&(G(se,ue),delete w.current[L]);return}if(l==="mark-registered"){const{requestType:L}=u.data;E.current[c]||(E.current[c]=new Set),E.current[c].add(L);return}a((V=_[c])==null?void 0:V[l],u.data),a((W=_["*"])==null?void 0:W[l],u.data),a((ee=_[c])==null?void 0:ee["*"],u.data),a((re=_["*"])==null?void 0:re["*"],u.data)};return window.addEventListener("message",p),()=>{window.removeEventListener("message",p)}},[g]);const C=i.useCallback((a,p,u)=>{var l,_;const c=g[a];if(!c){console.warn(`Origin not set for id: ${a}. Unable to send message.`);return}(_=(l=c==null?void 0:c.frameRef)==null?void 0:l.current)!=null&&_.contentWindow&&c.frameRef.current.contentWindow.postMessage({type:p,...u,instanceId:a},c.origin)},[g]),m=i.useCallback(async(a,p,u={})=>new Promise((c,l)=>{const _=crypto.randomUUID(),A=(V,W)=>{delete w.current[_],W?l(W):c(V)};w.current[_]=A,C(a,"request",{callbackId:_,requestType:p,data:u})}),[C]),j=i.useCallback((a,p)=>{C(a,"load-options",p)},[C]),k=i.useCallback((a,p)=>{C(a,"validate",p)},[C]),D=i.useMemo(()=>({registerFrame:T,unregisterFrame:h,sendMessage:C,sendRequest:m,loadOptions:j,validate:k,hasHandler:F,addListener:(a,p,u)=>(b.current[a]||(b.current[a]={}),b.current[a][p]||(b.current[a][p]=[]),b.current[a][p].push(u),()=>{b.current[a][p]=b.current[a][p].filter(c=>c!==u)})}),[T,h,C,m,j,k,F]);return Q.jsx(q.Provider,{value:D,children:d})},$={},_e=async d=>{try{const g=new URL(d).origin;if($[g]!==void 0)return $[g];const b=await(await fetch(`${g}/mm-app-manifest.json`)).json();if(!b.version)throw new Error("Invalid manifest");return $[g]=b,b}catch{}return $[origin]=!1,!1},we=async d=>!!await _e(d),Ce=(d,g,S)=>{const b=i.useContext(q);if(b===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const w=i.useRef(S);i.useEffect(()=>{w.current=S},[S]),i.useEffect(()=>{if(!(!d||!g))return b.addListener(d,g,(...E)=>w.current(...E))},[b,d,g])};Re.propTypes={children:J.node.isRequired};const Xe=(ye.default||ye).iframe`
+(function(d,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react/jsx-runtime"),require("react"),require("prop-types"),require("styled-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","prop-types","styled-components"],g):(d=typeof globalThis<"u"?globalThis:d||self,g(d["mm-react-embeddable"]={},d.React,d.React,d.PropTypes,d.styled))})(this,(function(d,g,e,y,$){"use strict";const C=e.createContext(null),x=({children:r})=>{const[i,l]=e.useState({}),u=e.useRef({}),a=e.useRef({}),c=e.useRef({}),w=e.useCallback((n,t)=>!!c.current[n]?.has(t),[]),M=e.useCallback((n,t,s)=>{l(o=>({...o,[n]:{origin:t,frameRef:s}}))},[]),S=e.useCallback(n=>{l(t=>{const s={...t};return delete s[n],s}),delete c.current[n]},[]);e.useEffect(()=>{const n=(s=[],o)=>{s.forEach(f=>f(o))},t=s=>{if(!s?.data?.instanceId)return;const{instanceId:o,type:f}=s.data,E=u.current;if(f==="response"){const{callbackId:h,response:Z,error:v}=s.data,U=a.current[h];U&&(U(Z,v),delete a.current[h]);return}if(f==="mark-registered"){const{requestType:h}=s.data;c.current[o]||(c.current[o]=new Set),c.current[o].add(h);return}n(E[o]?.[f],s.data),n(E["*"]?.[f],s.data),n(E[o]?.["*"],s.data),n(E["*"]?.["*"],s.data)};return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[i]);const b=e.useCallback((n,t,s)=>{const o=i[n];if(!o){console.warn(`Origin not set for id: ${n}. Unable to send message.`);return}o?.frameRef?.current?.contentWindow&&o.frameRef.current.contentWindow.postMessage({type:t,...s,instanceId:n},o.origin)},[i]),m=e.useRef(0),F=e.useCallback(()=>`${Date.now()}-${++m.current}`,[]),R=e.useCallback(async(n,t,s={})=>new Promise((o,f)=>{const E=F(),h=(Z,v)=>{delete a.current[E],v?f(v):o(Z)};a.current[E]=h,b(n,"request",{callbackId:E,requestType:t,data:s})}),[b]),k=e.useCallback((n,t)=>{b(n,"load-options",t)},[b]),p=e.useCallback((n,t)=>{b(n,"validate",t)},[b]),q=e.useMemo(()=>({registerFrame:M,unregisterFrame:S,sendMessage:b,sendRequest:R,loadOptions:k,validate:p,hasHandler:w,addListener:(n,t,s)=>(u.current[n]||(u.current[n]={}),u.current[n][t]||(u.current[n][t]=[]),u.current[n][t].push(s),()=>{u.current[n][t]=u.current[n][t].filter(o=>o!==s)})}),[M,S,b,R,k,p,w]);return g.jsx(C.Provider,{value:q,children:r})},I={},j=async r=>{try{const i=new URL(r).origin;if(I[i]!==void 0)return I[i];const u=await(await fetch(`${i}/mm-app-manifest.json`)).json();if(!u.version)throw new Error("Invalid manifest");return I[i]=u,u}catch{}return I[origin]=!1,!1},L=async r=>!!await j(r),A=(r,i,l)=>{const u=e.useContext(C);if(u===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const a=e.useRef(l);e.useEffect(()=>{a.current=l},[l]),e.useEffect(()=>{if(!(!r||!i))return u.addListener(r,i,(...c)=>a.current(...c))},[u,r,i])};x.propTypes={children:y.node.isRequired};const O=($.default||$).iframe`
   width: 100%;
   height: 100%;
   border: none;
-  visibility: ${d=>d.$isReady?"visible":"hidden"};
-`,Se=({id:d,src:g,path:S,onInit:b=()=>{},context:w={},params:E={},...F})=>{if("isConfiguring"in F)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 T=i.useRef(),[h,C]=i.useState(),[m,j]=i.useState(0),{registerFrame:k,unregisterFrame:D,sendMessage:a}=i.useContext(q),[p,u]=i.useState(!0),[c,l]=i.useState();return i.useEffect(()=>{m&&a(d,"set-context",{context:{...w,colorMode:E.colorMode,isFullScreen:E.isFullScreen}})},[w,E.colorMode,E.isFullScreen,d,m]),i.useEffect(()=>{m&&(a(d,"set-params",{params:E}),a(d,"set-configuring",{isConfiguring:E.isConfiguring}))},[E,d,m]),i.useEffect(()=>{S!==void 0&&l(S||"/")},[S]),i.useEffect(()=>{c===void 0||!m||a(d,"navigate",{path:c})},[c,m,d,a]),i.useEffect(()=>{if(!(!g||!d||!T))return(async()=>{const _=await we(g);if(u(_),_){const A=new URL(g);k(d,A.origin,T),b(),C(`${A.origin}/mm-embedded-interop?id=${d}&origin=${window.location.origin}`);return}})(),()=>{D(d)}},[g,d,k,T]),Ce(d,"ready",()=>j(_=>_+1)),p?Q.jsx(Xe,{$isReady:m,ref:T,src:h,...F}):Q.jsx("div",{style:{height:"100%",display:"flex",flex:1,alignItems:"center",justifyContent:"center"},children:Q.jsx("div",{style:{textAlign:"center"},children:"Application must adhere to the MM App Manifest specification to be embedded."})})};Se.propTypes={id:J.string,src:J.string.isRequired,path:J.string,onInit:J.func},P.MMEmbeddableZone=Se,P.MMEmbeddableZoneContext=q,P.MMEmbeddableZoneProvider=Re,P.getAppInfo=_e,P.testIsEmbeddable=we,P.useEmbeddedEffect=Ce,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})});
+  visibility: ${r=>r.$isReady?"visible":"hidden"};
+`,P=({id:r,src:i,path:l,onInit:u=()=>{},context:a={},params:c={},...w})=>{if("isConfiguring"in w)return console.error("isConfiguring must be passed via the params prop to MMEmbeddableZone"),null;if("colorMode"in a)return console.error("colorMode must be passed via the params prop to MMEmbeddableZone"),null;if("isFullScreen"in a)return console.error("isFullScreen must be passed via the params prop to MMEmbeddableZone"),null;const M=e.useRef(),[S,b]=e.useState(),[m,F]=e.useState(0),{registerFrame:R,unregisterFrame:k,sendMessage:p}=e.useContext(C),[q,n]=e.useState(!0),[t,s]=e.useState();return e.useEffect(()=>{m&&p(r,"set-context",{context:{...a,colorMode:c.colorMode,isFullScreen:c.isFullScreen}})},[a,c.colorMode,c.isFullScreen,r,m]),e.useEffect(()=>{m&&(p(r,"set-params",{params:c}),p(r,"set-configuring",{isConfiguring:c.isConfiguring}))},[c,r,m]),e.useEffect(()=>{l!==void 0&&s(l||"/")},[l]),e.useEffect(()=>{t===void 0||!m||p(r,"navigate",{path:t})},[t,m,r,p]),e.useEffect(()=>{if(!(!i||!r||!M))return(async()=>{const o=await L(i);if(n(o),o){const f=new URL(i);R(r,f.origin,M),u(),b(`${f.origin}/mm-embedded-interop?id=${r}&origin=${window.location.origin}`);return}})(),()=>{k(r)}},[i,r,R,M]),A(r,"ready",()=>F(o=>o+1)),q?g.jsx(O,{$isReady:m,ref:M,src:S,...w}):g.jsx("div",{style:{height:"100%",display:"flex",flex:1,alignItems:"center",justifyContent:"center"},children:g.jsx("div",{style:{textAlign:"center"},children:"Application must adhere to the MM App Manifest specification to be embedded."})})};P.propTypes={id:y.string,src:y.string.isRequired,path:y.string,onInit:y.func},d.MMEmbeddableZone=P,d.MMEmbeddableZoneContext=C,d.MMEmbeddableZoneProvider=x,d.getAppInfo=j,d.testIsEmbeddable=L,d.useEmbeddedEffect=A,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@machinemetrics/mm-react-embeddable",
-  "version": "1.0.10",
+  "version": "1.0.12-0",
   "license": "MIT",
   "module": "dist/mm-react-embeddable.es.js",
   "main": "dist/mm-react-embeddable.cjs.js",
@@ -18,7 +18,7 @@
   },
   "scripts": {
     "build": "vite build",
-    "start": "vite build --watch",
+    "start": "npm install --omit=peer && npm link && vite build --watch",
     "test": "vitest run",
     "test:watch": "vitest"
   },
@@ -35,11 +35,11 @@
   },
   "devDependencies": {
     "@testing-library/react": "^14.3.1",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^1.6.1",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.10",
     "jsdom": "^24.1.3",
     "prettier": "^3.3.3",
-    "vite": "^5.4.8",
-    "vitest": "^1.6.1"
+    "vite": "^7.2.2",
+    "vitest": "^4.0.10"
   }
 }