@homekynd/hk-embed-sdk 0.0.2 → 0.0.4

package/README.md

@@ -13,7 +13,7 @@
 Contact your Homekynd representative to get access credentials, then install via npm:
 
 ```bash
-npm install @homekynd/hk-embed-sdk #TODO: Update with the correct command after the deployment flow is ready
+npm install @homekynd/hk-embed-sdk
 ```
 
 > [!IMPORTANT]  

package/dist/hk-embed.iife.js

@@ -1,22 +1 @@
-var HKEmbed=(function(y,P){"use strict";const h="http://localhost:3000";async function G(u,t){try{const n=await fetch(`${h}/api/v1/company/generate-token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_secret:u,id:t})}),l=await n.json();if(n.ok)return l.token;console.error("Error fetching token: please confirm your API Secret and Client ID",l)}catch(n){console.error("Fetch error:",n)}}const V={root:"/company",renders:"/renders",spaces:"/spaces"};class U{container;iframe;currentToken;created=!1;constructor(t){const{container:n}=t;if(!n)throw new Error("Container element is required");this.container=n,this.create(t)}async create(t){if(this.created)return;const{clientId:n,apiKey:l,path:c="root",width:o="100%",height:m="100%",enablePathSync:R=!0}=t,v=new URL(window.location.href),b=v.searchParams.get("ifpath")||V[c],O=h.endsWith("/")?h:h+"/",p=b.startsWith("/")?b.substring(1):b,w=new URL(p,O),k=await G(l,n);this.currentToken=k,k&&w.searchParams.set("token",k);const f=document.createElement("iframe");return f.src=w.toString(),f.style.border="0",f.style.width=isNaN(Number(o))?o:`${o}px`,f.style.height=isNaN(Number(m))?m:`${m}px`,console.log("applying user styles/sizing"),this.iframe=f,f.onload=()=>{this.currentToken&&this.sendMessage({type:"SET_TOKEN",token:this.currentToken})},this.container.innerHTML="",this.container.appendChild(f),R&&(v.searchParams.set("ifpath",b),window.history.replaceState({},"",v.toString())),this.setupMessageHandling(),this.created=!0,{sendMessage:this.sendMessage.bind(this),onMessage:this.onMessage.bind(this)}}setupMessageHandling(){window.addEventListener("message",t=>{t.data?.type==="ROUTE_CHANGE"&&this.onRouteChange(t.data.path)})}onRouteChange(t){this.inputParentRoute(t),this.inputIframeRoute(t)}inputParentRoute(t){const n=new URL(window.location.href);n.searchParams.set("ifpath",t),window.history.replaceState({},"",n.toString())}inputIframeRoute(t){if(!this.iframe)return;const n=new URL(this.iframe.src),l=h.endsWith("/")?h:h+"/",c=t.startsWith("/")?t.substring(1):t,o=new URL(c,l);n.pathname!==o.pathname&&(this.iframe.src=o.toString())}sendMessage(t){if(this.iframe?.contentWindow){const n=new URL(h).origin;this.iframe.contentWindow.postMessage(t,n)}}onMessage(t){window.addEventListener("message",n=>{t(n.data)})}}var S={exports:{}},g={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var M;function q(){if(M)return g;M=1;var u=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(l,c,o){var m=null;if(o!==void 0&&(m=""+o),c.key!==void 0&&(m=""+c.key),"key"in c){o={};for(var R in c)R!=="key"&&(o[R]=c[R])}else o=c;return c=o.ref,{$$typeof:u,type:l,key:m,ref:c!==void 0?c:null,props:o}}return g.Fragment=t,g.jsx=n,g.jsxs=n,g}var T={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var L;function K(){return L||(L=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case ee:return"Profiler";case Q:return"StrictMode";case ae:return"Suspense";case oe:return"SuspenseList";case ie:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case k:return"Portal";case te:return(e.displayName||"Context")+".Provider";case re:return(e._context.displayName||"Context")+".Consumer";case ne:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case se:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case W:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function t(e){return""+e}function n(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),t(e)}}function l(e){if(e===f)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===W)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=A.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function m(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function R(e,r){function a(){D||(D=!0,console.error("%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://react.dev/link/special-props)",r))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function v(){var e=u(this.type);return H[e]||(H[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Y(e,r,a,s,E,d,N,x){return a=d.ref,e={$$typeof:w,type:e,key:r,props:d,_owner:E},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function b(e,r,a,s,E,d,N,x){var i=r.children;if(i!==void 0)if(s)if(ue(i)){for(s=0;s<i.length;s++)O(i[s]);Object.freeze&&Object.freeze(i)}else console.error("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 O(i);if(F.call(r,"key")){i=u(e);var _=Object.keys(r).filter(function(le){return le!=="key"});s=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",z[i+s]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`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} />`,s,i,_,i),z[i+s]=!0)}if(i=null,a!==void 0&&(n(a),i=""+a),m(r)&&(n(r.key),i=""+r.key),"key"in r){a={};for(var C in r)C!=="key"&&(a[C]=r[C])}else a=r;return i&&R(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),Y(e,i,d,E,c(),a,N,x)}function O(e){typeof e=="object"&&e!==null&&e.$$typeof===w&&e._store&&(e._store.validated=1)}var p=P,w=Symbol.for("react.transitional.element"),k=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),Q=Symbol.for("react.strict_mode"),ee=Symbol.for("react.profiler"),re=Symbol.for("react.consumer"),te=Symbol.for("react.context"),ne=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),se=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),ie=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),A=p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ue=Array.isArray,j=console.createTask?console.createTask:function(){return null};p={react_stack_bottom_frame:function(e){return e()}};var D,H={},$=p.react_stack_bottom_frame.bind(p,o)(),J=j(l(o)),z={};T.Fragment=f,T.jsx=function(e,r,a,s,E){var d=1e4>A.recentlyCreatedOwnerStacks++;return b(e,r,a,!1,s,E,d?Error("react-stack-top-frame"):$,d?j(l(e)):J)},T.jsxs=function(e,r,a,s,E){var d=1e4>A.recentlyCreatedOwnerStacks++;return b(e,r,a,!0,s,E,d?Error("react-stack-top-frame"):$,d?j(l(e)):J)}})()),T}var I;function X(){return I||(I=1,process.env.NODE_ENV==="production"?S.exports=q():S.exports=K()),S.exports}var B=X();const Z=u=>{const t=P.useRef(null),n=P.useRef(null);return P.useLayoutEffect(()=>(t.current&&!n.current&&(n.current=new U({...u,container:t.current})),()=>{n.current=null}),[u]),B.jsx("div",{ref:t,style:u.style})};return y.HKEmbed=U,y.HKReactEmbed=Z,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"}),y})({},React);
+var HKEmbed=(function(o,h){"use strict";const n="http://localhost:3000";async function p(s,e){try{const t=await fetch(`${n}/api/v1/company/generate-token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_secret:s,id:e})}),a=await t.json();if(t.ok)return a.token;console.error("Error fetching token: please confirm your API Secret and Client ID",a)}catch(t){console.error("Fetch error:",t)}}const w={root:"/company",renders:"/renders",spaces:"/spaces"};class g{container;iframe;currentToken;created=!1;constructor(e){const{container:t}=e;if(!t)throw new Error("Container element is required");this.container=t,this.create(e)}async create(e){if(this.created)return;const{clientId:t,apiKey:a,path:d="root",width:i="100%",height:u="100%",enablePathSync:R=!0}=e,l=new URL(window.location.href),c=l.searchParams.get("ifpath")||w[d],b=n.endsWith("/")?n:n+"/",E=c.startsWith("/")?c.substring(1):c,m=new URL(E,b),f=await p(a,t);this.currentToken=f,f&&m.searchParams.set("token",f);const r=document.createElement("iframe");return r.src=m.toString(),r.style.border="0",r.style.width=isNaN(Number(i))?i:`${i}px`,r.style.height=isNaN(Number(u))?u:`${u}px`,console.log("applying user styles/sizing"),this.iframe=r,r.onload=()=>{this.currentToken&&this.sendMessage({type:"SET_TOKEN",token:this.currentToken})},this.container.innerHTML="",this.container.appendChild(r),R&&(l.searchParams.set("ifpath",c),window.history.replaceState({},"",l.toString())),this.setupMessageHandling(),this.created=!0,{sendMessage:this.sendMessage.bind(this),onMessage:this.onMessage.bind(this)}}setupMessageHandling(){window.addEventListener("message",e=>{e.data?.type==="ROUTE_CHANGE"&&this.onRouteChange(e.data.path)})}onRouteChange(e){this.inputParentRoute(e),this.inputIframeRoute(e)}inputParentRoute(e){const t=new URL(window.location.href);t.searchParams.set("ifpath",e),window.history.replaceState({},"",t.toString())}inputIframeRoute(e){if(!this.iframe)return;const t=new URL(this.iframe.src),a=n.endsWith("/")?n:n+"/",d=e.startsWith("/")?e.substring(1):e,i=new URL(d,a);t.pathname!==i.pathname&&(this.iframe.src=i.toString())}sendMessage(e){if(this.iframe?.contentWindow){const t=new URL(n).origin;this.iframe.contentWindow.postMessage(e,t)}}onMessage(e){window.addEventListener("message",t=>{e(t.data)})}}const y=s=>{const e=h.useRef(null),t=h.useRef(null);return h.useLayoutEffect(()=>(e.current&&!t.current&&(t.current=new g({...s,container:e.current})),()=>{t.current=null}),[s]),React.createElement("div",{ref:e,style:s.style})};return o.HKEmbed=g,o.HKReactEmbed=y,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),o})({},React);

package/dist/hk-embed.umd.js

@@ -1,22 +1 @@
-(function(h,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],E):(h=typeof globalThis<"u"?globalThis:h||self,E(h.HKEmbed={},h.React))})(this,(function(h,E){"use strict";const p="http://localhost:3000";async function G(u,t){try{const n=await fetch(`${p}/api/v1/company/generate-token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_secret:u,id:t})}),l=await n.json();if(n.ok)return l.token;console.error("Error fetching token: please confirm your API Secret and Client ID",l)}catch(n){console.error("Fetch error:",n)}}const V={root:"/company",renders:"/renders",spaces:"/spaces"};class U{container;iframe;currentToken;created=!1;constructor(t){const{container:n}=t;if(!n)throw new Error("Container element is required");this.container=n,this.create(t)}async create(t){if(this.created)return;const{clientId:n,apiKey:l,path:c="root",width:o="100%",height:m="100%",enablePathSync:b=!0}=t,k=new URL(window.location.href),T=k.searchParams.get("ifpath")||V[c],O=p.endsWith("/")?p:p+"/",_=T.startsWith("/")?T.substring(1):T,y=new URL(_,O),P=await G(l,n);this.currentToken=P,P&&y.searchParams.set("token",P);const f=document.createElement("iframe");return f.src=y.toString(),f.style.border="0",f.style.width=isNaN(Number(o))?o:`${o}px`,f.style.height=isNaN(Number(m))?m:`${m}px`,console.log("applying user styles/sizing"),this.iframe=f,f.onload=()=>{this.currentToken&&this.sendMessage({type:"SET_TOKEN",token:this.currentToken})},this.container.innerHTML="",this.container.appendChild(f),b&&(k.searchParams.set("ifpath",T),window.history.replaceState({},"",k.toString())),this.setupMessageHandling(),this.created=!0,{sendMessage:this.sendMessage.bind(this),onMessage:this.onMessage.bind(this)}}setupMessageHandling(){window.addEventListener("message",t=>{t.data?.type==="ROUTE_CHANGE"&&this.onRouteChange(t.data.path)})}onRouteChange(t){this.inputParentRoute(t),this.inputIframeRoute(t)}inputParentRoute(t){const n=new URL(window.location.href);n.searchParams.set("ifpath",t),window.history.replaceState({},"",n.toString())}inputIframeRoute(t){if(!this.iframe)return;const n=new URL(this.iframe.src),l=p.endsWith("/")?p:p+"/",c=t.startsWith("/")?t.substring(1):t,o=new URL(c,l);n.pathname!==o.pathname&&(this.iframe.src=o.toString())}sendMessage(t){if(this.iframe?.contentWindow){const n=new URL(p).origin;this.iframe.contentWindow.postMessage(t,n)}}onMessage(t){window.addEventListener("message",n=>{t(n.data)})}}var S={exports:{}},v={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var M;function q(){if(M)return v;M=1;var u=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(l,c,o){var m=null;if(o!==void 0&&(m=""+o),c.key!==void 0&&(m=""+c.key),"key"in c){o={};for(var b in c)b!=="key"&&(o[b]=c[b])}else o=c;return c=o.ref,{$$typeof:u,type:l,key:m,ref:c!==void 0?c:null,props:o}}return v.Fragment=t,v.jsx=n,v.jsxs=n,v}var w={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var L;function K(){return L||(L=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case ee:return"Profiler";case Q:return"StrictMode";case ae:return"Suspense";case oe:return"SuspenseList";case ie:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case P:return"Portal";case te:return(e.displayName||"Context")+".Provider";case re:return(e._context.displayName||"Context")+".Consumer";case ne:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case se:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case W:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function t(e){return""+e}function n(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),t(e)}}function l(e){if(e===f)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===W)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=A.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function m(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function a(){D||(D=!0,console.error("%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://react.dev/link/special-props)",r))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function k(){var e=u(this.type);return H[e]||(H[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Y(e,r,a,s,R,d,x,N){return a=d.ref,e={$$typeof:y,type:e,key:r,props:d,_owner:R},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:k}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function T(e,r,a,s,R,d,x,N){var i=r.children;if(i!==void 0)if(s)if(ue(i)){for(s=0;s<i.length;s++)O(i[s]);Object.freeze&&Object.freeze(i)}else console.error("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 O(i);if(F.call(r,"key")){i=u(e);var g=Object.keys(r).filter(function(le){return le!=="key"});s=0<g.length?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}",z[i+s]||(g=0<g.length?"{"+g.join(": ..., ")+": ...}":"{}",console.error(`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} />`,s,i,g,i),z[i+s]=!0)}if(i=null,a!==void 0&&(n(a),i=""+a),m(r)&&(n(r.key),i=""+r.key),"key"in r){a={};for(var C in r)C!=="key"&&(a[C]=r[C])}else a=r;return i&&b(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),Y(e,i,d,R,c(),a,x,N)}function O(e){typeof e=="object"&&e!==null&&e.$$typeof===y&&e._store&&(e._store.validated=1)}var _=E,y=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),Q=Symbol.for("react.strict_mode"),ee=Symbol.for("react.profiler"),re=Symbol.for("react.consumer"),te=Symbol.for("react.context"),ne=Symbol.for("react.forward_ref"),ae=Symbol.for("react.suspense"),oe=Symbol.for("react.suspense_list"),se=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),ie=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),A=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ue=Array.isArray,j=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var D,H={},$=_.react_stack_bottom_frame.bind(_,o)(),J=j(l(o)),z={};w.Fragment=f,w.jsx=function(e,r,a,s,R){var d=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,a,!1,s,R,d?Error("react-stack-top-frame"):$,d?j(l(e)):J)},w.jsxs=function(e,r,a,s,R){var d=1e4>A.recentlyCreatedOwnerStacks++;return T(e,r,a,!0,s,R,d?Error("react-stack-top-frame"):$,d?j(l(e)):J)}})()),w}var I;function X(){return I||(I=1,process.env.NODE_ENV==="production"?S.exports=q():S.exports=K()),S.exports}var B=X();const Z=u=>{const t=E.useRef(null),n=E.useRef(null);return E.useLayoutEffect(()=>(t.current&&!n.current&&(n.current=new U({...u,container:t.current})),()=>{n.current=null}),[u]),B.jsx("div",{ref:t,style:u.style})};h.HKEmbed=U,h.HKReactEmbed=Z,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+(function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n.HKEmbed={},n.React))})(this,(function(n,r){"use strict";const s="http://localhost:3000";async function g(a,e){try{const t=await fetch(`${s}/api/v1/company/generate-token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_secret:a,id:e})}),o=await t.json();if(t.ok)return o.token;console.error("Error fetching token: please confirm your API Secret and Client ID",o)}catch(t){console.error("Fetch error:",t)}}const w={root:"/company",renders:"/renders",spaces:"/spaces"};class m{container;iframe;currentToken;created=!1;constructor(e){const{container:t}=e;if(!t)throw new Error("Container element is required");this.container=t,this.create(e)}async create(e){if(this.created)return;const{clientId:t,apiKey:o,path:d="root",width:c="100%",height:u="100%",enablePathSync:R=!0}=e,f=new URL(window.location.href),h=f.searchParams.get("ifpath")||w[d],b=s.endsWith("/")?s:s+"/",E=h.startsWith("/")?h.substring(1):h,p=new URL(E,b),l=await g(o,t);this.currentToken=l,l&&p.searchParams.set("token",l);const i=document.createElement("iframe");return i.src=p.toString(),i.style.border="0",i.style.width=isNaN(Number(c))?c:`${c}px`,i.style.height=isNaN(Number(u))?u:`${u}px`,console.log("applying user styles/sizing"),this.iframe=i,i.onload=()=>{this.currentToken&&this.sendMessage({type:"SET_TOKEN",token:this.currentToken})},this.container.innerHTML="",this.container.appendChild(i),R&&(f.searchParams.set("ifpath",h),window.history.replaceState({},"",f.toString())),this.setupMessageHandling(),this.created=!0,{sendMessage:this.sendMessage.bind(this),onMessage:this.onMessage.bind(this)}}setupMessageHandling(){window.addEventListener("message",e=>{e.data?.type==="ROUTE_CHANGE"&&this.onRouteChange(e.data.path)})}onRouteChange(e){this.inputParentRoute(e),this.inputIframeRoute(e)}inputParentRoute(e){const t=new URL(window.location.href);t.searchParams.set("ifpath",e),window.history.replaceState({},"",t.toString())}inputIframeRoute(e){if(!this.iframe)return;const t=new URL(this.iframe.src),o=s.endsWith("/")?s:s+"/",d=e.startsWith("/")?e.substring(1):e,c=new URL(d,o);t.pathname!==c.pathname&&(this.iframe.src=c.toString())}sendMessage(e){if(this.iframe?.contentWindow){const t=new URL(s).origin;this.iframe.contentWindow.postMessage(e,t)}}onMessage(e){window.addEventListener("message",t=>{e(t.data)})}}const y=a=>{const e=r.useRef(null),t=r.useRef(null);return r.useLayoutEffect(()=>(e.current&&!t.current&&(t.current=new m({...a,container:e.current})),()=>{t.current=null}),[a]),React.createElement("div",{ref:e,style:a.style})};n.HKEmbed=m,n.HKReactEmbed=y,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.cjs

@@ -1,22 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),E="http://localhost:3000";async function ne(u,t){try{const n=await fetch(`${E}/api/v1/company/generate-token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_secret:u,id:t})}),l=await n.json();if(n.ok)return l.token;console.error("Error fetching token: please confirm your API Secret and Client ID",l)}catch(n){console.error("Fetch error:",n)}}const ae={root:"/company",renders:"/renders",spaces:"/spaces"};class H{container;iframe;currentToken;created=!1;constructor(t){const{container:n}=t;if(!n)throw new Error("Container element is required");this.container=n,this.create(t)}async create(t){if(this.created)return;const{clientId:n,apiKey:l,path:c="root",width:o="100%",height:m="100%",enablePathSync:R=!0}=t,g=new URL(window.location.href),p=g.searchParams.get("ifpath")||ae[c],y=E.endsWith("/")?E:E+"/",b=p.startsWith("/")?p.substring(1):p,T=new URL(b,y),v=await ne(l,n);this.currentToken=v,v&&T.searchParams.set("token",v);const f=document.createElement("iframe");return f.src=T.toString(),f.style.border="0",f.style.width=isNaN(Number(o))?o:`${o}px`,f.style.height=isNaN(Number(m))?m:`${m}px`,console.log("applying user styles/sizing"),this.iframe=f,f.onload=()=>{this.currentToken&&this.sendMessage({type:"SET_TOKEN",token:this.currentToken})},this.container.innerHTML="",this.container.appendChild(f),R&&(g.searchParams.set("ifpath",p),window.history.replaceState({},"",g.toString())),this.setupMessageHandling(),this.created=!0,{sendMessage:this.sendMessage.bind(this),onMessage:this.onMessage.bind(this)}}setupMessageHandling(){window.addEventListener("message",t=>{t.data?.type==="ROUTE_CHANGE"&&this.onRouteChange(t.data.path)})}onRouteChange(t){this.inputParentRoute(t),this.inputIframeRoute(t)}inputParentRoute(t){const n=new URL(window.location.href);n.searchParams.set("ifpath",t),window.history.replaceState({},"",n.toString())}inputIframeRoute(t){if(!this.iframe)return;const n=new URL(this.iframe.src),l=E.endsWith("/")?E:E+"/",c=t.startsWith("/")?t.substring(1):t,o=new URL(c,l);n.pathname!==o.pathname&&(this.iframe.src=o.toString())}sendMessage(t){if(this.iframe?.contentWindow){const n=new URL(E).origin;this.iframe.contentWindow.postMessage(t,n)}}onMessage(t){window.addEventListener("message",n=>{t(n.data)})}}var P={exports:{}},w={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var F;function oe(){if(F)return w;F=1;var u=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(l,c,o){var m=null;if(o!==void 0&&(m=""+o),c.key!==void 0&&(m=""+c.key),"key"in c){o={};for(var R in c)R!=="key"&&(o[R]=c[R])}else o=c;return c=o.ref,{$$typeof:u,type:l,key:m,ref:c!==void 0?c:null,props:o}}return w.Fragment=t,w.jsx=n,w.jsxs=n,w}var k={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var D;function se(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case z:return"Profiler";case J:return"StrictMode";case K:return"Suspense";case B:return"SuspenseList";case Q:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case v:return"Portal";case V:return(e.displayName||"Context")+".Provider";case G:return(e._context.displayName||"Context")+".Consumer";case X:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Z:return r=e.displayName||null,r!==null?r:u(e.type)||"Memo";case U:r=e._payload,e=e._init;try{return u(e(r))}catch{}}return null}function t(e){return""+e}function n(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),t(e)}}function l(e){if(e===f)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===U)return"<...>";try{var r=u(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=O.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function m(e){if(M.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function R(e,r){function a(){L||(L=!0,console.error("%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://react.dev/link/special-props)",r))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function g(){var e=u(this.type);return I[e]||(I[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function C(e,r,a,s,h,d,j,N){return a=d.ref,e={$$typeof:T,type:e,key:r,props:d,_owner:h},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,a,s,h,d,j,N){var i=r.children;if(i!==void 0)if(s)if(re(i)){for(s=0;s<i.length;s++)y(i[s]);Object.freeze&&Object.freeze(i)}else console.error("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 y(i);if(M.call(r,"key")){i=u(e);var _=Object.keys(r).filter(function(te){return te!=="key"});s=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",W[i+s]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`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} />`,s,i,_,i),W[i+s]=!0)}if(i=null,a!==void 0&&(n(a),i=""+a),m(r)&&(n(r.key),i=""+r.key),"key"in r){a={};for(var x in r)x!=="key"&&(a[x]=r[x])}else a=r;return i&&R(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),C(e,i,d,h,c(),a,j,N)}function y(e){typeof e=="object"&&e!==null&&e.$$typeof===T&&e._store&&(e._store.validated=1)}var b=S,T=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),V=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),K=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),Q=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),O=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,re=Array.isArray,A=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var L,I={},Y=b.react_stack_bottom_frame.bind(b,o)(),$=A(l(o)),W={};k.Fragment=f,k.jsx=function(e,r,a,s,h){var d=1e4>O.recentlyCreatedOwnerStacks++;return p(e,r,a,!1,s,h,d?Error("react-stack-top-frame"):Y,d?A(l(e)):$)},k.jsxs=function(e,r,a,s,h){var d=1e4>O.recentlyCreatedOwnerStacks++;return p(e,r,a,!0,s,h,d?Error("react-stack-top-frame"):Y,d?A(l(e)):$)}})()),k}var q;function ie(){return q||(q=1,process.env.NODE_ENV==="production"?P.exports=oe():P.exports=se()),P.exports}var ce=ie();const ue=u=>{const t=S.useRef(null),n=S.useRef(null);return S.useLayoutEffect(()=>(t.current&&!n.current&&(n.current=new H({...u,container:t.current})),()=>{n.current=null}),[u]),ce.jsx("div",{ref:t,style:u.style})};exports.HKEmbed=H;exports.HKReactEmbed=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),n="http://localhost:3000";async function y(s,e){try{const t=await fetch(`${n}/api/v1/company/generate-token`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({api_secret:s,id:e})}),a=await t.json();if(t.ok)return a.token;console.error("Error fetching token: please confirm your API Secret and Client ID",a)}catch(t){console.error("Fetch error:",t)}}const R={root:"/company",renders:"/renders",spaces:"/spaces"};class g{container;iframe;currentToken;created=!1;constructor(e){const{container:t}=e;if(!t)throw new Error("Container element is required");this.container=t,this.create(e)}async create(e){if(this.created)return;const{clientId:t,apiKey:a,path:c="root",width:i="100%",height:h="100%",enablePathSync:m=!0}=e,d=new URL(window.location.href),o=d.searchParams.get("ifpath")||R[c],p=n.endsWith("/")?n:n+"/",w=o.startsWith("/")?o.substring(1):o,f=new URL(w,p),u=await y(a,t);this.currentToken=u,u&&f.searchParams.set("token",u);const r=document.createElement("iframe");return r.src=f.toString(),r.style.border="0",r.style.width=isNaN(Number(i))?i:`${i}px`,r.style.height=isNaN(Number(h))?h:`${h}px`,console.log("applying user styles/sizing"),this.iframe=r,r.onload=()=>{this.currentToken&&this.sendMessage({type:"SET_TOKEN",token:this.currentToken})},this.container.innerHTML="",this.container.appendChild(r),m&&(d.searchParams.set("ifpath",o),window.history.replaceState({},"",d.toString())),this.setupMessageHandling(),this.created=!0,{sendMessage:this.sendMessage.bind(this),onMessage:this.onMessage.bind(this)}}setupMessageHandling(){window.addEventListener("message",e=>{e.data?.type==="ROUTE_CHANGE"&&this.onRouteChange(e.data.path)})}onRouteChange(e){this.inputParentRoute(e),this.inputIframeRoute(e)}inputParentRoute(e){const t=new URL(window.location.href);t.searchParams.set("ifpath",e),window.history.replaceState({},"",t.toString())}inputIframeRoute(e){if(!this.iframe)return;const t=new URL(this.iframe.src),a=n.endsWith("/")?n:n+"/",c=e.startsWith("/")?e.substring(1):e,i=new URL(c,a);t.pathname!==i.pathname&&(this.iframe.src=i.toString())}sendMessage(e){if(this.iframe?.contentWindow){const t=new URL(n).origin;this.iframe.contentWindow.postMessage(e,t)}}onMessage(e){window.addEventListener("message",t=>{e(t.data)})}}const b=s=>{const e=l.useRef(null),t=l.useRef(null);return l.useLayoutEffect(()=>(e.current&&!t.current&&(t.current=new g({...s,container:e.current})),()=>{t.current=null}),[s]),React.createElement("div",{ref:e,style:s.style})};exports.HKEmbed=g;exports.HKReactEmbed=b;

package/dist/index.js

@@ -1,380 +1,100 @@
-import te, { useRef as W, useLayoutEffect as ne } from "react";
-const E = "http://localhost:3000";
-async function ae(u, t) {
+import { useRef as f, useLayoutEffect as w } from "react";
+const n = "http://localhost:3000";
+async function y(s, e) {
   try {
-    const n = await fetch(`${E}/api/v1/company/generate-token`, {
+    const t = await fetch(`${n}/api/v1/company/generate-token`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify({ api_secret: u, id: t })
-    }), l = await n.json();
-    if (n.ok)
-      return l.token;
+      body: JSON.stringify({ api_secret: s, id: e })
+    }), a = await t.json();
+    if (t.ok)
+      return a.token;
     console.error(
       "Error fetching token: please confirm your API Secret and Client ID",
-      l
+      a
     );
-  } catch (n) {
-    console.error("Fetch error:", n);
+  } catch (t) {
+    console.error("Fetch error:", t);
   }
 }
-const oe = {
+const R = {
   root: "/company",
   renders: "/renders",
   spaces: "/spaces"
 };
-class se {
+class b {
   container;
   iframe;
   currentToken;
   created = !1;
-  constructor(t) {
-    const { container: n } = t;
-    if (!n) throw new Error("Container element is required");
-    this.container = n, this.create(t);
+  constructor(e) {
+    const { container: t } = e;
+    if (!t) throw new Error("Container element is required");
+    this.container = t, this.create(e);
   }
-  async create(t) {
+  async create(e) {
     if (this.created) return;
     const {
-      clientId: n,
-      apiKey: l,
+      clientId: t,
+      apiKey: a,
       path: c = "root",
-      width: o = "100%",
-      height: m = "100%",
-      enablePathSync: R = !0
-    } = t, T = new URL(window.location.href), p = T.searchParams.get("ifpath") || oe[c], y = E.endsWith("/") ? E : E + "/", b = p.startsWith("/") ? p.substring(1) : p, g = new URL(b, y), v = await ae(l, n);
-    this.currentToken = v, v && g.searchParams.set("token", v);
-    const f = document.createElement("iframe");
-    return f.src = g.toString(), f.style.border = "0", f.style.width = isNaN(Number(o)) ? o : `${o}px`, f.style.height = isNaN(Number(m)) ? m : `${m}px`, console.log("applying user styles/sizing"), this.iframe = f, f.onload = () => {
+      width: i = "100%",
+      height: h = "100%",
+      enablePathSync: g = !0
+    } = e, d = new URL(window.location.href), o = d.searchParams.get("ifpath") || R[c], m = n.endsWith("/") ? n : n + "/", p = o.startsWith("/") ? o.substring(1) : o, l = new URL(p, m), u = await y(a, t);
+    this.currentToken = u, u && l.searchParams.set("token", u);
+    const r = document.createElement("iframe");
+    return r.src = l.toString(), r.style.border = "0", r.style.width = isNaN(Number(i)) ? i : `${i}px`, r.style.height = isNaN(Number(h)) ? h : `${h}px`, console.log("applying user styles/sizing"), this.iframe = r, r.onload = () => {
       this.currentToken && this.sendMessage({
         type: "SET_TOKEN",
         token: this.currentToken
       });
-    }, this.container.innerHTML = "", this.container.appendChild(f), R && (T.searchParams.set("ifpath", p), window.history.replaceState({}, "", T.toString())), this.setupMessageHandling(), this.created = !0, {
+    }, this.container.innerHTML = "", this.container.appendChild(r), g && (d.searchParams.set("ifpath", o), window.history.replaceState({}, "", d.toString())), this.setupMessageHandling(), this.created = !0, {
       sendMessage: this.sendMessage.bind(this),
       onMessage: this.onMessage.bind(this)
     };
   }
   setupMessageHandling() {
-    window.addEventListener("message", (t) => {
-      t.data?.type === "ROUTE_CHANGE" && this.onRouteChange(t.data.path);
+    window.addEventListener("message", (e) => {
+      e.data?.type === "ROUTE_CHANGE" && this.onRouteChange(e.data.path);
     });
   }
-  onRouteChange(t) {
-    this.inputParentRoute(t), this.inputIframeRoute(t);
+  onRouteChange(e) {
+    this.inputParentRoute(e), this.inputIframeRoute(e);
   }
-  inputParentRoute(t) {
-    const n = new URL(window.location.href);
-    n.searchParams.set("ifpath", t), window.history.replaceState({}, "", n.toString());
+  inputParentRoute(e) {
+    const t = new URL(window.location.href);
+    t.searchParams.set("ifpath", e), window.history.replaceState({}, "", t.toString());
   }
-  inputIframeRoute(t) {
+  inputIframeRoute(e) {
     if (!this.iframe) return;
-    const n = new URL(this.iframe.src), l = E.endsWith("/") ? E : E + "/", c = t.startsWith("/") ? t.substring(1) : t, o = new URL(c, l);
-    n.pathname !== o.pathname && (this.iframe.src = o.toString());
+    const t = new URL(this.iframe.src), a = n.endsWith("/") ? n : n + "/", c = e.startsWith("/") ? e.substring(1) : e, i = new URL(c, a);
+    t.pathname !== i.pathname && (this.iframe.src = i.toString());
   }
-  sendMessage(t) {
+  sendMessage(e) {
     if (this.iframe?.contentWindow) {
-      const n = new URL(E).origin;
-      this.iframe.contentWindow.postMessage(t, n);
+      const t = new URL(n).origin;
+      this.iframe.contentWindow.postMessage(e, t);
     }
   }
-  onMessage(t) {
-    window.addEventListener("message", (n) => {
-      t(n.data);
+  onMessage(e) {
+    window.addEventListener("message", (t) => {
+      e(t.data);
     });
   }
 }
-var P = { exports: {} }, w = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var F;
-function ie() {
-  if (F) return w;
-  F = 1;
-  var u = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(l, c, o) {
-    var m = null;
-    if (o !== void 0 && (m = "" + o), c.key !== void 0 && (m = "" + c.key), "key" in c) {
-      o = {};
-      for (var R in c)
-        R !== "key" && (o[R] = c[R]);
-    } else o = c;
-    return c = o.ref, {
-      $$typeof: u,
-      type: l,
-      key: m,
-      ref: c !== void 0 ? c : null,
-      props: o
-    };
-  }
-  return w.Fragment = t, w.jsx = n, w.jsxs = n, w;
-}
-var k = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var D;
-function ce() {
-  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case f:
-          return "Fragment";
-        case z:
-          return "Profiler";
-        case J:
-          return "StrictMode";
-        case X:
-          return "Suspense";
-        case B:
-          return "SuspenseList";
-        case Z:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case v:
-            return "Portal";
-          case G:
-            return (e.displayName || "Context") + ".Provider";
-          case H:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case V:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case K:
-            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
-          case C:
-            r = e._payload, e = e._init;
-            try {
-              return u(e(r));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function t(e) {
-      return "" + e;
-    }
-    function n(e) {
-      try {
-        t(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var a = r.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          s
-        ), t(e);
-      }
-    }
-    function l(e) {
-      if (e === f) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === C)
-        return "<...>";
-      try {
-        var r = u(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function c() {
-      var e = S.A;
-      return e === null ? null : e.getOwner();
-    }
-    function o() {
-      return Error("react-stack-top-frame");
-    }
-    function m(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 R(e, r) {
-      function a() {
-        L || (L = !0, console.error(
-          "%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://react.dev/link/special-props)",
-          r
-        ));
-      }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
-        configurable: !0
-      });
-    }
-    function T() {
-      var e = u(this.type);
-      return M[e] || (M[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function N(e, r, a, s, h, d, A, j) {
-      return a = d.ref, e = {
-        $$typeof: g,
-        type: e,
-        key: r,
-        props: d,
-        _owner: h
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: T
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: A
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: j
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function p(e, r, a, s, h, d, A, j) {
-      var i = r.children;
-      if (i !== void 0)
-        if (s)
-          if (ee(i)) {
-            for (s = 0; s < i.length; s++)
-              y(i[s]);
-            Object.freeze && Object.freeze(i);
-          } else
-            console.error(
-              "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 y(i);
-      if (U.call(r, "key")) {
-        i = u(e);
-        var _ = Object.keys(r).filter(function(re) {
-          return re !== "key";
-        });
-        s = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", $[i + s] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
-          `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} />`,
-          s,
-          i,
-          _,
-          i
-        ), $[i + s] = !0);
-      }
-      if (i = null, a !== void 0 && (n(a), i = "" + a), m(r) && (n(r.key), i = "" + r.key), "key" in r) {
-        a = {};
-        for (var x in r)
-          x !== "key" && (a[x] = r[x]);
-      } else a = r;
-      return i && R(
-        a,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), N(
-        e,
-        i,
-        d,
-        h,
-        c(),
-        a,
-        A,
-        j
-      );
-    }
-    function y(e) {
-      typeof e == "object" && e !== null && e.$$typeof === g && e._store && (e._store.validated = 1);
-    }
-    var b = te, g = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), G = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), S = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, ee = Array.isArray, O = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    b = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var L, M = {}, I = b.react_stack_bottom_frame.bind(
-      b,
-      o
-    )(), Y = O(l(o)), $ = {};
-    k.Fragment = f, k.jsx = function(e, r, a, s, h) {
-      var d = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        r,
-        a,
-        !1,
-        s,
-        h,
-        d ? Error("react-stack-top-frame") : I,
-        d ? O(l(e)) : Y
-      );
-    }, k.jsxs = function(e, r, a, s, h) {
-      var d = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return p(
-        e,
-        r,
-        a,
-        !0,
-        s,
-        h,
-        d ? Error("react-stack-top-frame") : I,
-        d ? O(l(e)) : Y
-      );
-    };
-  })()), k;
-}
-var q;
-function ue() {
-  return q || (q = 1, process.env.NODE_ENV === "production" ? P.exports = ie() : P.exports = ce()), P.exports;
-}
-var le = ue();
-const de = (u) => {
-  const t = W(null), n = W(null);
-  return ne(() => (t.current && !n.current && (n.current = new se({
-    ...u,
-    container: t.current
+const U = (s) => {
+  const e = f(null), t = f(null);
+  return w(() => (e.current && !t.current && (t.current = new b({
+    ...s,
+    container: e.current
   })), () => {
-    n.current = null;
-  }), [u]), /* @__PURE__ */ le.jsx("div", { ref: t, style: u.style });
+    t.current = null;
+  }), [s]), /* @__PURE__ */ React.createElement("div", { ref: e, style: s.style });
 };
 export {
-  se as HKEmbed,
-  de as HKReactEmbed
+  b as HKEmbed,
+  U as HKReactEmbed
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@homekynd/hk-embed-sdk",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -35,12 +35,14 @@
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"
   },
-  "dependencies": {
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "vite-plugin-dts": "^4.5.4"
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "vite-plugin-dts": "^4.5.4",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "@eslint/js": "^9.33.0",
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.10",