@machinemetrics/mm-react-embeddable 1.0.0-0 → 1.0.1-0

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@machinemetrics/mm-react-embeddable",
-  "version": "1.0.0-0",
+  "version": "1.0.1-0",
   "license": "MIT",
   "module": "dist/mm-react-embeddable.es.js",
   "main": "dist/mm-react-embeddable.cjs.js",
@@ -17,7 +17,9 @@
   },
   "scripts": {
     "build": "vite build",
-    "start": "vite build --watch"
+    "start": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "files": [
     "dist"
@@ -31,7 +33,12 @@
     "styled-components": ">=4.0.0"
   },
   "devDependencies": {
+    "@testing-library/react": "^14.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^1.6.1",
+    "jsdom": "^24.1.3",
     "prettier": "^3.3.3",
-    "vite": "^5.4.8"
+    "vite": "^5.4.8",
+    "vitest": "^1.6.1"
   }
 }