@machinemetrics/mm-react-embeddable 0.10.2-1 → 0.10.2

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),M=require("prop-types"),x=require("styled-components"),R=t.createContext(null),P=({children:r})=>{const[a,c]=t.useState({}),o=t.useRef({}),l=t.useCallback((e,s,n)=>{c(i=>({...i,[e]:{origin:s,frameRef:n}}))},[]),f=t.useCallback(e=>{c(s=>{const n={...s};return delete n[e],n})},[]);t.useEffect(()=>{const e=(n=[],i)=>{n.forEach(d=>d(i))},s=n=>{var y,E,w,b,p;if(!((y=n==null?void 0:n.data)!=null&&y.instanceId))return;const{instanceId:i,type:d}=n.data,g=o.current;e((E=g[i])==null?void 0:E[d],n.data),e((w=g["*"])==null?void 0:w[d],n.data),e((b=g[i])==null?void 0:b["*"],n.data),e((p=g["*"])==null?void 0:p["*"],n.data)};return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},[a]);const u=t.useCallback((e,s,n)=>{console.log("sendMessage",e,s,n);const i=a[e];if(!i){console.warn(`Origin not set for id: ${e}. Unable to send message.`);return}i.frameRef.current.contentWindow.postMessage({type:s,...n,instanceId:e},i.origin)},[a]),m=t.useCallback((e,s)=>{u(e,"load-options",s)},[u]),I=t.useCallback((e,s)=>{u(e,"validate",s)},[u]),C={registerFrame:l,unregisterFrame:f,sendMessage:u,loadOptions:m,validate:I,addListener:(e,s,n)=>(o.current[e]||(o.current[e]={}),o.current[e][s]||(o.current[e][s]=[]),o.current[e][s].push(n),()=>{o.current[e][s]=o.current[e][s].filter(i=>i!==n)})};return t.createElement(R.Provider,{value:C},r)},h={},$=async r=>{try{const a=new URL(r).origin;if(h[a]!==void 0)return h[a];const o=await(await fetch(`${a}/mm-app-manifest.json`)).json();if(!o.version)throw new Error("Invalid manifest");return h[a]=o,o}catch{}return h[origin]=!1,!1},L=async r=>!!await $(r),S=(r,a,c)=>{const o=t.useContext(R);if(o===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const l=t.useRef(c);return t.useEffect(()=>{l.current=c},[c]),t.useEffect(()=>{if(!(!r||!a))return o.addListener(r,a,(...f)=>l.current(...f))},[o,r,a]),t.useCallback((f,u)=>o.sendMessage(r,f,u),[o,r])};P.propTypes={children:M.node.isRequired};const v=x.default||x,F=v.iframe`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),y=require("prop-types"),x=require("styled-components"),R=t.createContext(null),P=({children:r})=>{const[a,c]=t.useState({}),s=t.useRef({}),l=t.useCallback((e,o,n)=>{c(i=>({...i,[e]:{origin:o,frameRef:n}}))},[]),f=t.useCallback(e=>{c(o=>{const n={...o};return delete n[e],n})},[]);t.useEffect(()=>{const e=(n=[],i)=>{n.forEach(u=>u(i))},o=n=>{var M,E,w,b,p;if(!((M=n==null?void 0:n.data)!=null&&M.instanceId))return;const{instanceId:i,type:u}=n.data,g=s.current;e((E=g[i])==null?void 0:E[u],n.data),e((w=g["*"])==null?void 0:w[u],n.data),e((b=g[i])==null?void 0:b["*"],n.data),e((p=g["*"])==null?void 0:p["*"],n.data)};return window.addEventListener("message",o),()=>{window.removeEventListener("message",o)}},[a]);const d=t.useCallback((e,o,n)=>{const i=a[e];if(!i){console.warn(`Origin not set for id: ${e}. Unable to send message.`);return}i.frameRef.current.contentWindow.postMessage({type:o,...n,instanceId:e},i.origin)},[a]),m=t.useCallback((e,o)=>{d(e,"load-options",o)},[d]),I=t.useCallback((e,o)=>{d(e,"validate",o)},[d]),C={registerFrame:l,unregisterFrame:f,sendMessage:d,loadOptions:m,validate:I,addListener:(e,o,n)=>(s.current[e]||(s.current[e]={}),s.current[e][o]||(s.current[e][o]=[]),s.current[e][o].push(n),()=>{s.current[e][o]=s.current[e][o].filter(i=>i!==n)})};return t.createElement(R.Provider,{value:C},r)},h={},$=async r=>{try{const a=new URL(r).origin;if(h[a]!==void 0)return h[a];const s=await(await fetch(`${a}/mm-app-manifest.json`)).json();if(!s.version)throw new Error("Invalid manifest");return h[a]=s,s}catch{}return h[origin]=!1,!1},L=async r=>!!await $(r),S=(r,a,c)=>{const s=t.useContext(R);if(s===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const l=t.useRef(c);return t.useEffect(()=>{l.current=c},[c]),t.useEffect(()=>{if(!(!r||!a))return s.addListener(r,a,(...f)=>l.current(...f))},[s,r,a]),t.useCallback((f,d)=>s.sendMessage(r,f,d),[s,r])};P.propTypes={children:y.node.isRequired};const v=x.default||x,F=v.iframe`
   width: 100%;
   height: 100%;
   border: none;
   visibility: ${r=>r.$isReady?"visible":"hidden"};
-`,Z=({id:r,src:a,path:c,onInit:o=()=>{},context:l,isConfiguring:f,...u})=>{const m=t.useRef(),[I,C]=t.useState(),[e,s]=t.useState(0),{registerFrame:n,unregisterFrame:i,sendMessage:d}=t.useContext(R),[g,y]=t.useState(!0),[E,w]=t.useState();return t.useEffect(()=>{e&&d(r,"set-context",{context:l})},[l,r,e]),t.useEffect(()=>{c!==void 0&&w(c)},[c]),t.useEffect(()=>{E===void 0||!e||d(r,"navigate",{path:E})},[E,e,r,d]),t.useEffect(()=>{e&&d(r,"set-configuring",{isConfiguring:f})},[e,f]),t.useEffect(()=>{if(!(!a||!r||!m))return(async()=>{const b=await L(a);if(y(b),b){const p=new URL(a);n(r,p.origin,m),o(),C(`${p.origin}/mm-embedded-interop?id=${r}&origin=${window.location.origin}`);return}})(),()=>{i(r)}},[a,r,n,m]),S(r,"ready",()=>s(b=>b+1)),g?t.createElement(F,{$isReady:e,ref:m,src:I,...u}):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."))};Z.propTypes={id:M.string,src:M.string.isRequired,path:M.string,onInit:M.func};exports.MMEmbeddableZone=Z;exports.MMEmbeddableZoneContext=R;exports.MMEmbeddableZoneProvider=P;exports.getAppInfo=$;exports.testIsEmbeddable=L;exports.useEmbeddedEffect=S;
+`,Z=({id:r,src:a,path:c,onInit:s=()=>{},context:l,isConfiguring:f,...d})=>{const m=t.useRef(),[I,C]=t.useState(),[e,o]=t.useState(0),{registerFrame:n,unregisterFrame:i,sendMessage:u}=t.useContext(R),[g,M]=t.useState(!0),[E,w]=t.useState();return t.useEffect(()=>{e&&u(r,"set-context",{context:l})},[l,r,e]),t.useEffect(()=>{c!==void 0&&w(c)},[c]),t.useEffect(()=>{E===void 0||!e||u(r,"navigate",{path:E})},[E,e,r,u]),t.useEffect(()=>{e&&u(r,"set-configuring",{isConfiguring:f})},[e,f]),t.useEffect(()=>{if(!(!a||!r||!m))return(async()=>{const b=await L(a);if(M(b),b){const p=new URL(a);n(r,p.origin,m),s(),C(`${p.origin}/mm-embedded-interop?id=${r}&origin=${window.location.origin}`);return}})(),()=>{i(r)}},[a,r,n,m]),S(r,"ready",()=>o(b=>b+1)),g?t.createElement(F,{$isReady:e,ref:m,src:I,...d}):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."))};Z.propTypes={id:y.string,src:y.string.isRequired,path:y.string,onInit:y.func};exports.MMEmbeddableZone=Z;exports.MMEmbeddableZoneContext=R;exports.MMEmbeddableZoneProvider=P;exports.getAppInfo=$;exports.testIsEmbeddable=L;exports.useEmbeddedEffect=S;

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

@@ -1,51 +1,50 @@
-import x, { createContext as C, useState as h, useRef as F, useCallback as E, useEffect as f, useContext as A } from "react";
-import y from "prop-types";
+import x, { createContext as C, useState as y, useRef as F, useCallback as E, useEffect as f, useContext as A } from "react";
+import h from "prop-types";
 import v from "styled-components";
 const P = C(null), U = ({ children: t }) => {
-  const [o, a] = h({}), s = F({}), l = E((e, n, r) => {
-    a((i) => ({ ...i, [e]: { origin: n, frameRef: r } }));
+  const [o, a] = y({}), n = F({}), l = E((e, s, r) => {
+    a((i) => ({ ...i, [e]: { origin: s, frameRef: r } }));
   }, []), u = E((e) => {
-    a((n) => {
-      const r = { ...n };
+    a((s) => {
+      const r = { ...s };
       return delete r[e], r;
     });
   }, []);
   f(() => {
     const e = (r = [], i) => {
       r.forEach((d) => d(i));
-    }, n = (r) => {
-      var M, p, R, m, w;
+    }, s = (r) => {
+      var M, b, R, m, w;
       if (!((M = r == null ? void 0 : r.data) != null && M.instanceId))
         return;
-      const { instanceId: i, type: d } = r.data, b = s.current;
-      e((p = b[i]) == null ? void 0 : p[d], r.data), e((R = b["*"]) == null ? void 0 : R[d], r.data), e((m = b[i]) == null ? void 0 : m["*"], r.data), e((w = b["*"]) == null ? void 0 : w["*"], r.data);
+      const { instanceId: i, type: d } = r.data, p = n.current;
+      e((b = p[i]) == null ? void 0 : b[d], r.data), e((R = p["*"]) == null ? void 0 : R[d], r.data), e((m = p[i]) == null ? void 0 : m["*"], r.data), e((w = p["*"]) == null ? void 0 : w["*"], r.data);
     };
-    return window.addEventListener("message", n), () => {
-      window.removeEventListener("message", n);
+    return window.addEventListener("message", s), () => {
+      window.removeEventListener("message", s);
     };
   }, [o]);
   const c = E(
-    (e, n, r) => {
-      console.log("sendMessage", e, n, r);
+    (e, s, r) => {
       const i = o[e];
       if (!i) {
         console.warn(`Origin not set for id: ${e}. Unable to send message.`);
         return;
       }
       i.frameRef.current.contentWindow.postMessage(
-        { type: n, ...r, instanceId: e },
+        { type: s, ...r, instanceId: e },
         i.origin
       );
     },
     [o]
   ), g = E(
-    (e, n) => {
-      c(e, "load-options", n);
+    (e, s) => {
+      c(e, "load-options", s);
     },
     [c]
   ), $ = E(
-    (e, n) => {
-      c(e, "validate", n);
+    (e, s) => {
+      c(e, "validate", s);
     },
     [c]
   ), L = {
@@ -54,8 +53,8 @@ const P = C(null), U = ({ children: t }) => {
     sendMessage: c,
     loadOptions: g,
     validate: $,
-    addListener: (e, n, r) => (s.current[e] || (s.current[e] = {}), s.current[e][n] || (s.current[e][n] = []), s.current[e][n].push(r), () => {
-      s.current[e][n] = s.current[e][n].filter((i) => i !== r);
+    addListener: (e, s, r) => (n.current[e] || (n.current[e] = {}), n.current[e][s] || (n.current[e][s] = []), n.current[e][s].push(r), () => {
+      n.current[e][s] = n.current[e][s].filter((i) => i !== r);
     })
   };
   return /* @__PURE__ */ x.createElement(P.Provider, { value: L }, t);
@@ -64,16 +63,16 @@ const P = C(null), U = ({ children: t }) => {
     const o = new URL(t).origin;
     if (I[o] !== void 0)
       return I[o];
-    const s = await (await fetch(`${o}/mm-app-manifest.json`)).json();
-    if (!s.version)
+    const n = await (await fetch(`${o}/mm-app-manifest.json`)).json();
+    if (!n.version)
       throw new Error("Invalid manifest");
-    return I[o] = s, s;
+    return I[o] = n, n;
   } catch {
   }
   return I[origin] = !1, !1;
 }, j = async (t) => !!await Z(t), O = (t, o, a) => {
-  const s = A(P);
-  if (s === null)
+  const n = A(P);
+  if (n === null)
     throw new Error(
       "useEmbeddedEffect must be used within a MMEmbeddableZoneProvider"
     );
@@ -82,18 +81,18 @@ const P = C(null), U = ({ children: t }) => {
     l.current = a;
   }, [a]), f(() => {
     if (!(!t || !o))
-      return s.addListener(
+      return n.addListener(
         t,
         o,
         (...u) => l.current(...u)
       );
-  }, [s, t, o]), E(
-    (u, c) => s.sendMessage(t, u, c),
-    [s, t]
+  }, [n, t, o]), E(
+    (u, c) => n.sendMessage(t, u, c),
+    [n, t]
   );
 };
 U.propTypes = {
-  children: y.node.isRequired
+  children: h.node.isRequired
 };
 const T = v.default || v, q = T.iframe`
   width: 100%;
@@ -104,22 +103,22 @@ const T = v.default || v, q = T.iframe`
   id: t,
   src: o,
   path: a,
-  onInit: s = () => {
+  onInit: n = () => {
   },
   context: l,
   isConfiguring: u,
   ...c
 }) => {
-  const g = F(), [$, L] = h(), [e, n] = h(0), { registerFrame: r, unregisterFrame: i, sendMessage: d } = A(
+  const g = F(), [$, L] = y(), [e, s] = y(0), { registerFrame: r, unregisterFrame: i, sendMessage: d } = A(
     P
-  ), [b, M] = h(!0), [p, R] = h();
+  ), [p, M] = y(!0), [b, R] = y();
   return f(() => {
     e && d(t, "set-context", { context: l });
   }, [l, t, e]), f(() => {
     a !== void 0 && R(a);
   }, [a]), f(() => {
-    p === void 0 || !e || d(t, "navigate", { path: p });
-  }, [p, e, t, d]), f(() => {
+    b === void 0 || !e || d(t, "navigate", { path: b });
+  }, [b, e, t, d]), f(() => {
     e && d(t, "set-configuring", { isConfiguring: u });
   }, [e, u]), f(() => {
     if (!(!o || !t || !g))
@@ -127,7 +126,7 @@ const T = v.default || v, q = T.iframe`
         const m = await j(o);
         if (M(m), m) {
           const w = new URL(o);
-          r(t, w.origin, g), s(), L(
+          r(t, w.origin, g), n(), L(
             `${w.origin}/mm-embedded-interop?id=${t}&origin=${window.location.origin}`
           );
           return;
@@ -135,7 +134,7 @@ const T = v.default || v, q = T.iframe`
       })(), () => {
         i(t);
       };
-  }, [o, t, r, g]), O(t, "ready", () => n((m) => m + 1)), b ? /* @__PURE__ */ x.createElement(q, { $isReady: e, ref: g, src: $, ...c }) : /* @__PURE__ */ x.createElement(
+  }, [o, t, r, g]), O(t, "ready", () => s((m) => m + 1)), p ? /* @__PURE__ */ x.createElement(q, { $isReady: e, ref: g, src: $, ...c }) : /* @__PURE__ */ x.createElement(
     "div",
     {
       style: {
@@ -149,10 +148,10 @@ const T = v.default || v, q = T.iframe`
   );
 };
 S.propTypes = {
-  id: y.string,
-  src: y.string.isRequired,
-  path: y.string,
-  onInit: y.func
+  id: h.string,
+  src: h.string.isRequired,
+  path: h.string,
+  onInit: h.func
 };
 export {
   S as MMEmbeddableZone,

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

@@ -1,6 +1,6 @@
-(function(d,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):(d=typeof globalThis<"u"?globalThis:d||self,e(d["mm-react-embeddable"]={},d.React,d.PropTypes,d.styled))})(this,function(d,e,y,S){"use strict";const h=e.createContext(null),Z=({children:n})=>{const[i,a]=e.useState({}),o=e.useRef({}),m=e.useCallback((t,s,r)=>{a(u=>({...u,[t]:{origin:s,frameRef:r}}))},[]),l=e.useCallback(t=>{a(s=>{const r={...s};return delete r[t],r})},[]);e.useEffect(()=>{const t=(r=[],u)=>{r.forEach(c=>c(u))},s=r=>{var I,p,C,b,M;if(!((I=r==null?void 0:r.data)!=null&&I.instanceId))return;const{instanceId:u,type:c}=r.data,E=o.current;t((p=E[u])==null?void 0:p[c],r.data),t((C=E["*"])==null?void 0:C[c],r.data),t((b=E[u])==null?void 0:b["*"],r.data),t((M=E["*"])==null?void 0:M["*"],r.data)};return window.addEventListener("message",s),()=>{window.removeEventListener("message",s)}},[i]);const f=e.useCallback((t,s,r)=>{console.log("sendMessage",t,s,r);const u=i[t];if(!u){console.warn(`Origin not set for id: ${t}. Unable to send message.`);return}u.frameRef.current.contentWindow.postMessage({type:s,...r,instanceId:t},u.origin)},[i]),g=e.useCallback((t,s)=>{f(t,"load-options",s)},[f]),$=e.useCallback((t,s)=>{f(t,"validate",s)},[f]),L={registerFrame:m,unregisterFrame:l,sendMessage:f,loadOptions:g,validate:$,addListener:(t,s,r)=>(o.current[t]||(o.current[t]={}),o.current[t][s]||(o.current[t][s]=[]),o.current[t][s].push(r),()=>{o.current[t][s]=o.current[t][s].filter(u=>u!==r)})};return e.createElement(h.Provider,{value:L},n)},w={},v=async n=>{try{const i=new URL(n).origin;if(w[i]!==void 0)return w[i];const o=await(await fetch(`${i}/mm-app-manifest.json`)).json();if(!o.version)throw new Error("Invalid manifest");return w[i]=o,o}catch{}return w[origin]=!1,!1},x=async n=>!!await v(n),F=(n,i,a)=>{const o=e.useContext(h);if(o===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const m=e.useRef(a);return e.useEffect(()=>{m.current=a},[a]),e.useEffect(()=>{if(!(!n||!i))return o.addListener(n,i,(...l)=>m.current(...l))},[o,n,i]),e.useCallback((l,f)=>o.sendMessage(n,l,f),[o,n])};Z.propTypes={children:y.node.isRequired};const q=(S.default||S).iframe`
+(function(d,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):(d=typeof globalThis<"u"?globalThis:d||self,e(d["mm-react-embeddable"]={},d.React,d.PropTypes,d.styled))})(this,function(d,e,y,S){"use strict";const M=e.createContext(null),Z=({children:n})=>{const[o,a]=e.useState({}),s=e.useRef({}),m=e.useCallback((t,i,r)=>{a(u=>({...u,[t]:{origin:i,frameRef:r}}))},[]),l=e.useCallback(t=>{a(i=>{const r={...i};return delete r[t],r})},[]);e.useEffect(()=>{const t=(r=[],u)=>{r.forEach(c=>c(u))},i=r=>{var I,p,C,b,h;if(!((I=r==null?void 0:r.data)!=null&&I.instanceId))return;const{instanceId:u,type:c}=r.data,g=s.current;t((p=g[u])==null?void 0:p[c],r.data),t((C=g["*"])==null?void 0:C[c],r.data),t((b=g[u])==null?void 0:b["*"],r.data),t((h=g["*"])==null?void 0:h["*"],r.data)};return window.addEventListener("message",i),()=>{window.removeEventListener("message",i)}},[o]);const f=e.useCallback((t,i,r)=>{const u=o[t];if(!u){console.warn(`Origin not set for id: ${t}. Unable to send message.`);return}u.frameRef.current.contentWindow.postMessage({type:i,...r,instanceId:t},u.origin)},[o]),E=e.useCallback((t,i)=>{f(t,"load-options",i)},[f]),$=e.useCallback((t,i)=>{f(t,"validate",i)},[f]),L={registerFrame:m,unregisterFrame:l,sendMessage:f,loadOptions:E,validate:$,addListener:(t,i,r)=>(s.current[t]||(s.current[t]={}),s.current[t][i]||(s.current[t][i]=[]),s.current[t][i].push(r),()=>{s.current[t][i]=s.current[t][i].filter(u=>u!==r)})};return e.createElement(M.Provider,{value:L},n)},w={},v=async n=>{try{const o=new URL(n).origin;if(w[o]!==void 0)return w[o];const s=await(await fetch(`${o}/mm-app-manifest.json`)).json();if(!s.version)throw new Error("Invalid manifest");return w[o]=s,s}catch{}return w[origin]=!1,!1},x=async n=>!!await v(n),F=(n,o,a)=>{const s=e.useContext(M);if(s===null)throw new Error("useEmbeddedEffect must be used within a MMEmbeddableZoneProvider");const m=e.useRef(a);return e.useEffect(()=>{m.current=a},[a]),e.useEffect(()=>{if(!(!n||!o))return s.addListener(n,o,(...l)=>m.current(...l))},[s,n,o]),e.useCallback((l,f)=>s.sendMessage(n,l,f),[s,n])};Z.propTypes={children:y.node.isRequired};const q=(S.default||S).iframe`
   width: 100%;
   height: 100%;
   border: none;
   visibility: ${n=>n.$isReady?"visible":"hidden"};
-`,j=({id:n,src:i,path:a,onInit:o=()=>{},context:m,isConfiguring:l,...f})=>{const g=e.useRef(),[$,L]=e.useState(),[t,s]=e.useState(0),{registerFrame:r,unregisterFrame:u,sendMessage:c}=e.useContext(h),[E,I]=e.useState(!0),[p,C]=e.useState();return e.useEffect(()=>{t&&c(n,"set-context",{context:m})},[m,n,t]),e.useEffect(()=>{a!==void 0&&C(a)},[a]),e.useEffect(()=>{p===void 0||!t||c(n,"navigate",{path:p})},[p,t,n,c]),e.useEffect(()=>{t&&c(n,"set-configuring",{isConfiguring:l})},[t,l]),e.useEffect(()=>{if(!(!i||!n||!g))return(async()=>{const b=await x(i);if(I(b),b){const M=new URL(i);r(n,M.origin,g),o(),L(`${M.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`);return}})(),()=>{u(n)}},[i,n,r,g]),F(n,"ready",()=>s(b=>b+1)),E?e.createElement(q,{$isReady:t,ref:g,src:$,...f}):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."))};j.propTypes={id:y.string,src:y.string.isRequired,path:y.string,onInit:y.func},d.MMEmbeddableZone=j,d.MMEmbeddableZoneContext=h,d.MMEmbeddableZoneProvider=Z,d.getAppInfo=v,d.testIsEmbeddable=x,d.useEmbeddedEffect=F,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+`,j=({id:n,src:o,path:a,onInit:s=()=>{},context:m,isConfiguring:l,...f})=>{const E=e.useRef(),[$,L]=e.useState(),[t,i]=e.useState(0),{registerFrame:r,unregisterFrame:u,sendMessage:c}=e.useContext(M),[g,I]=e.useState(!0),[p,C]=e.useState();return e.useEffect(()=>{t&&c(n,"set-context",{context:m})},[m,n,t]),e.useEffect(()=>{a!==void 0&&C(a)},[a]),e.useEffect(()=>{p===void 0||!t||c(n,"navigate",{path:p})},[p,t,n,c]),e.useEffect(()=>{t&&c(n,"set-configuring",{isConfiguring:l})},[t,l]),e.useEffect(()=>{if(!(!o||!n||!E))return(async()=>{const b=await x(o);if(I(b),b){const h=new URL(o);r(n,h.origin,E),s(),L(`${h.origin}/mm-embedded-interop?id=${n}&origin=${window.location.origin}`);return}})(),()=>{u(n)}},[o,n,r,E]),F(n,"ready",()=>i(b=>b+1)),g?e.createElement(q,{$isReady:t,ref:E,src:$,...f}):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."))};j.propTypes={id:y.string,src:y.string.isRequired,path:y.string,onInit:y.func},d.MMEmbeddableZone=j,d.MMEmbeddableZoneContext=M,d.MMEmbeddableZoneProvider=Z,d.getAppInfo=v,d.testIsEmbeddable=x,d.useEmbeddedEffect=F,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

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