@myop/sdk 0.2.7 → 0.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myop/sdk",
-  "version": "0.2.7",
+  "version": "0.3.8",
   "description": "Myop main SDK package.",
   "main": "./dist/module/SDK.js",
   "repository": {

package/dist/cjs/_IframeSDK.43696632.min.js

@@ -1 +0,0 @@
-var kt=Object.defineProperty,nn=Object.defineProperties;var on=Object.getOwnPropertyDescriptors;var vt=Object.getOwnPropertySymbols;var sn=Object.prototype.hasOwnProperty,rn=Object.prototype.propertyIsEnumerable;var ot=(o,n,e)=>n in o?kt(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,y=(o,n)=>{for(var e in n||(n={}))sn.call(n,e)&&ot(o,e,n[e]);if(vt)for(var e of vt(n))rn.call(n,e)&&ot(o,e,n[e]);return o},_=(o,n)=>nn(o,on(n));var an=(o,n)=>{for(var e in n)kt(o,e,{get:n[e],enumerable:!0})};var s=(o,n,e)=>ot(o,typeof n!="symbol"?n+"":n,e);var Y=class{constructor(n,e,t,r,i){this.myopId=n;this.htmlTagName=e;this.BoundingRect=t;this.offsetTop=r;this.offsetLeft=i;s(this,"type","MyopElementRef")}};var Ht=async o=>{if(typeof o=="function")o();else if(o instanceof Promise){let n=await o;typeof n=="function"&&n()}},h=class{constructor(n){this.messageToHost=n}},Ce=class extends h{constructor(e,t){super(e);this.messageToHost=e;this.context=t}};var d={InitRequest:"InitRequest",InitResponse:"InitResponse",InitMessage:"InitMessage",DisposeMessage:"DisposeMessage",ChangeTextMessage:"ChangeTextMessage",BindClickMessage:"BindClickMessage",DetectMyopRefsMessage:"DetectMyopRefsMessage",ExecuteScriptMessage:"ExecuteScriptMessage",AddEventListenerMessage:"AddEventListenerMessage",SetAttributeMessage:"SetAttributeMessage",CreateRefComponentMessage:"CreateRefComponentMessage",EnvelopedMessage:"EnvelopedMessage",GetElementValueMessage:"GetElementValueMessage",GetAttributeMessage:"GetAttributeMessage",SetInnerHtml:"SetInnerHtml",ExecuteComponentMethod:"ExecuteComponentMethod",SetMutationObserverMessage:"SetMutationObserverMessage",SetResizeObserverMessage:"SetResizeObserverMessage",CleanupMessage:"CleanupMessage",In:{DetectedMyopRefsMessage:"DetectedMyopRefsMessage",ClickReplayMessage:"ClickReplayMessage",ExecuteScriptReplyMessage:"ExecuteScriptReplyMessage",EventListenerCallbackMessage:"EventListenerCallbackMessage",ElementValueReplayMessage:"ElementValueReplayMessage",GetAttributeReplayMessage:"GetAttributeReplayMessage",RefComponentCreatedMessage:"RefComponentCreatedMessage",EnvelopedMessage:"EnvelopedMessage",MutationObserverMessage:"MutationObserverMessage",CleanupReplayMessage:"CleanupReplayMessage",ResizeObserverMessage:"ResizeObserverMessage"}};var xe={};an(xe,{AddEventListenerMessage:()=>pt,BaseMyopMessage:()=>M,BindClickMessage:()=>it,ChangeTextMessage:()=>at,CleanupMessage:()=>fe,CleanupReplayMessage:()=>ge,ClickReplayMessage:()=>U,CreateRefComponentMessage:()=>ce,CustomRefMessage:()=>W,DetectMyopRefsMessage:()=>lt,DetectedMyopRefsMessage:()=>G,DisposeMessage:()=>ue,ElementValueReplayMessage:()=>q,EnvelopedMessage:()=>me,EventListenerCallbackMessage:()=>V,ExecuteComponentMethod:()=>H,ExecuteScriptMessage:()=>R,ExecuteScriptReplyMessage:()=>N,GetAttributeMessage:()=>ft,GetAttributeReplayMessage:()=>de,GetElementValueMessage:()=>mt,InitMessage:()=>Z,InitRequest:()=>j,InitResponse:()=>pe,MessageDirection:()=>b,MutationObserverMessage:()=>le,MyopBindMessage:()=>S,MyopBindReplayMessage:()=>w,MyopElementMessage:()=>rt,Ref:()=>K,RefComponentCreatedMessage:()=>O,ResizeObserverMessage:()=>ye,SetAttributeMessage:()=>ct,SetInnerHtml:()=>dt,SetMutationObserverMessage:()=>gt,SetResizeObserverMessage:()=>ut,stripFunction:()=>_t});var k=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>(+o^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+o/4).toString(16));var pn=o=>{let n=[...o].map(e=>e.toString(16).padStart(2,"0")).join("");return[n.slice(0,8),n.slice(8,12),n.slice(12,16),n.slice(16,20),n.slice(20)].join("-")};var cn=o=>{let n=o.replace(/-/g,"+").replace(/_/g,"/");for(;n.length%4;)n+="=";let e=atob(n);return Uint8Array.from(e,t=>t.charCodeAt(0))};var st=o=>{let n=cn(o);if(n.length%16!==0)throw new Error("Invalid input length");let e=[];for(let t=0;t<n.length;t+=16)e.push(pn(n.slice(t,t+16)));return e};var Bt=o=>new Promise(n=>setTimeout(n,o));var b=class{};s(b,"down","down"),s(b,"up","up");var M=class{constructor(){s(this,"id",k());s(this,"myop",!0);s(this,"content");s(this,"source");s(this,"destination");s(this,"route");s(this,"ref");s(this,"direction");s(this,"cleanable",!1)}static create(...n){return new this(...n)}isTypeof(n){return n.messageType===this.messageType}},rt=class extends M{constructor(e){super();this.ref=e}},w=class extends M{constructor(e){super();this.replayToHandler=e}},S=class extends M{constructor(e){super();this.handler=e;s(this,"handlerUniqueId",k())}},K=class o{constructor(n,e){this.refConfig=n;this.component=e;s(this,"myop",!0);s(this,"__nonProxied");this.__nonProxied=_(y({},this),{component:null})}static create(n,e,t){let r=e;return r||(r={id:"",name:"",description:"",selectorType:"id-attribute",selector:n,behavior:{type:"code"}}),new o(r,t)}};var Dt="ClickReplayMessage",it=class extends S{constructor(e,t){super(t);this.ref=e;s(this,"replyMessageKey",Dt);s(this,"messageType","BindClickMessage");s(this,"cleanable",!0)}},U=class extends w{constructor(){super(...arguments);s(this,"messageType",Dt)}};var at=class extends M{constructor(e,t){super();this.ref=e;s(this,"messageType","ChangeTextMessage");this.content=t}};var Lt="ExecuteScriptReplyMessage",mn=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,dn=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,_t=o=>{let n=o.match(mn);if(n)return n[1]||n[3];{let e=o.match(dn);if(e)return e[1].trim()}},R=class extends S{constructor(e,t=()=>{},r){super(t);this.scriptInputs=r;s(this,"replyMessageKey",Lt);s(this,"messageType","ExecuteScriptMessage");s(this,"script","");this.script=e.toString(),this.content=e.toString(),this.content=_t(this.content)}};s(R,"replierKey","send"),s(R,"completeStreamKey","completeStream");var N=class extends w{constructor(e,t){super(e);this.replayToHandler=e;this.content=t;s(this,"messageType",Lt)}};var W=class extends R{constructor(e,t,r=()=>{}){super(({rootRef:i,elementId:a,_script:p,__scriptInputs:c})=>{let m=(i.shadowRoot||i.container).querySelectorAll("[myop-id='".concat(a,"']"));return m.length?(c.ref=m[0],new Function("return (".concat(p,")(...arguments)"))(c)):null},r);this.scriptInputs=t;this.scriptInputs=_(y({},t),{_script:e.toString()})}};var Ot="EventListenerCallbackMessage",pt=class extends S{constructor(e,t,r){super(r);this.ref=e;this.type=t;this.handler=r;s(this,"replyMessageKey",Ot);s(this,"messageType","AddEventListenerMessage");s(this,"cleanable",!0);s(this,"serializableSkeleton",!1)}withSerializableSkeleton(e){return this.serializableSkeleton=e,this}},V=class extends w{constructor(e,t){super(e);this.replayToHandler=e;this.e=t;s(this,"messageType",Ot);this.content={e:t}}};var ct=class extends M{constructor(e,t,r){super();this.ref=e;this.name=t;this.value=r;s(this,"messageType","SetAttributeMessage")}};var Pt="ElementValueReplayMessage",mt=class extends S{constructor(e,t){super(t);this.ref=e;s(this,"replyMessageKey",Pt);s(this,"messageType","GetElementValueMessage")}},q=class extends w{constructor(e){super();this.content=e;s(this,"messageType",Pt)}};var dt=class extends M{constructor(e,t){super();this.ref=e;s(this,"messageType","SetInnerHtml");this.content=t}};var Z=class extends M{constructor(e){super();s(this,"messageType","InitMessage");this.content={id:e}}isTypeof(e){return e.messageType===this.messageType}},pe=class extends Z{constructor(){super(...arguments);s(this,"messageType","InitResponse")}},j=class extends M{constructor(){super(...arguments);s(this,"messageType","InitRequest")}};var At="RefComponentCreatedMessage",ce=class extends S{constructor(e,t,r,i){super(i);this.refConfig=e;this.nestedComponentConfig=t;this.options=r;s(this,"replyMessageKey",At);s(this,"messageType","CreateRefComponentMessage")}},O=class extends w{constructor(e,t,r){super(e);this.replayToHandler=e;this.nestedRefs=t;this.failed=r;s(this,"messageType",At)}};var me=class extends M{constructor(e,t){super();this.destination=e;this.message=t;s(this,"messageType","EnvelopedMessage");let r=t;this.route=[e,...r.route?r.route:[]]}};var Kt="DetectedMyopRefsMessage",lt=class extends S{constructor(){super(...arguments);s(this,"messageType","DetectMyopRefsMessage");s(this,"replyMessageKey",Kt)}},G=class extends w{constructor(e,t){super(e);this.replayToHandler=e;s(this,"messageType",Kt);this.content=t}isTypeof(e){return e.messageType===this.messageType}};var zt="GetAttributeReplayMessage",ft=class extends S{constructor(e,t,r){super(r);this.ref=e;this.name=t;s(this,"replyMessageKey",zt);s(this,"messageType","GetAttributeMessage")}},de=class extends w{constructor(e){super();this.content=e;s(this,"messageType",zt)}};var H=class extends M{constructor(e){super();this.method=e;s(this,"messageType","ExecuteComponentMethod")}};var gt=class extends M{constructor(){super(...arguments);s(this,"messageType","SetMutationObserverMessage")}},le=class extends M{constructor(){super(...arguments);s(this,"messageType","MutationObserverMessage")}};var Ft="CleanupReplayMessage",fe=class extends S{constructor(e,t){super(t);this.cleanupForMessageId=e;s(this,"replyMessageKey",Ft);s(this,"messageType","CleanupMessage")}},ge=class extends w{constructor(e){super();this.customCleanup=e;s(this,"messageType",Ft)}};var ue=class extends M{constructor(){super(...arguments);s(this,"messageType","DisposeMessage")}};var ut=class extends M{constructor(){super(...arguments);s(this,"cleanable",!0);s(this,"messageType","SetResizeObserverMessage")}},ye=class extends M{constructor(){super(...arguments);s(this,"messageType","ResizeObserverMessage")}};var yt=class{constructor(n,e){this.id=n;this.context=e;s(this,"send",n=>{})}},ee=class{constructor(){s(this,"messageToHandleAfterInit",[]);s(this,"components",{});s(this,"alwaysPassEnvelopesToHost",!1);s(this,"messageCleanupCache",{})}handleIncomeMessages(n){let e=n.data?n.data:n.detail;if(!(!e||!e.myop)){let t=e;if(t.direction!==b.down)return;if(t.messageType===d.DisposeMessage){t.destination&&delete this.components[t.destination];return}if(t.messageType===d.InitMessage){let r=t.content.id;if(this.components[r])return;this.components[r]=new yt(r),this.messageToHost(new pe(r));return}if(t.messageType===d.EnvelopedMessage){let r=t,i=r.message;if(t=i,this.alwaysPassEnvelopesToHost||this.components[t.destination]){let a=myop.hostSDK.components.find(c=>c.id===i.destination);if(a){a.send(i);return}let p=myop.hostSDK.components.find(c=>c.id===r.destination);if(p){p.send(i);return}}else return}if(t.messageType){if(t.messageType===d.CleanupMessage){let i=t,a=this.messageCleanupCache[i.cleanupForMessageId],p=new ge(!!a);p.destination=t.destination,a?(delete this.messageCleanupCache[i.cleanupForMessageId],Ht(a).then(()=>{this.messageToHost(p,i)}).catch(()=>{})):this.messageToHost(p,i);return}let r=!1;this.supportedHandlers.forEach(i=>{if(i.messageType===t.messageType){r=!0;let a=i.executor(t);if(t.cleanable&&a&&(this.messageCleanupCache[t.id]=a),a&&!t.cleanable)throw new Error("Cleanup handler generated for non-cleanable message. \nmessageType - ".concat(t.messageType,", handler executor was - ").concat(i.executor,"\n\nPlease review the message definition object & message handler.\nTo ensure cleanup properly set 'cleanable' true at message definition and return IMessageExecutorCleanup from your handlers."));if(!a&&t.cleanable)throw new Error("No cleanup handler generated for a cleanable message. \nmessageType - ".concat(t.messageType,", handler executor was - ").concat(i.executor,"\n\nPlease review the message definition object & message handler.\nTo ensure cleanup properly set 'cleanable' true at message definition and return IMessageExecutorCleanup from your handlers."))}})}else console.log("unsupported message type")}}};var P={IframeLoader:"IframeLoader",WebComponentLoader:"WebComponentLoader",HTMLLoader:"HTMLLoader",MinimizedLoader:"MinimizedLoader"};var X={open:"open",closed:"closed",none:"none",localFrame:"localFrame"};var oe={message:"message",code:"code"},te=class{};s(te,"code","code"),s(te,"component","component");var J={Segmented:"Segmented",Dedicated:"Dedicated",Default:"Default"},be={Segment:"Segment",Promo:"Promo",AB:"AB"},ne=class{constructor(n,e){this.container=n;this.shadowRoot=e;s(this,"getRootDiv",()=>(this.shadowRoot||this.container).querySelector("div"));s(this,"getRoot",()=>this.shadowRoot||this.container)}};var T={id:"myop-id"};var we=class extends h{constructor(){super(...arguments);s(this,"messageType",d.DetectMyopRefsMessage);s(this,"executor",e=>{let t=document.querySelectorAll("[".concat(T.id,"]")),r=[];t.forEach(i=>{let a=i.getAttribute(T.id);a&&r.push(new Y(a,i.tagName,i.getBoundingClientRect()))}),this.messageToHost(new G(e.handlerUniqueId,r))})}};var I=(o,n)=>n.querySelectorAll("[".concat(T.id,"='").concat(o.refConfig.selector,"']")),$t=(o,n)=>{let e=I(o,n);return e.length?e.item(0):null};var Se=class extends h{constructor(){super(...arguments);s(this,"messageType",d.BindClickMessage);s(this,"executor",e=>{let t=[];return I(e.ref,document).forEach(i=>{let a=()=>{this.messageToHost(new U,e)};i.addEventListener("click",a);let p=()=>{i.removeEventListener("click",a)};t.push(p)}),()=>{t.forEach(i=>i())}})}};var Te=class extends h{constructor(){super(...arguments);s(this,"messageType",d.ChangeTextMessage);s(this,"executor",e=>{I(e.ref,document).forEach(r=>{r.textContent=e.content})})}};var ht=o=>o!==Object(o),ln=o=>typeof o=="function",Mt=o=>{if(ht(o))return!0;if(ln(o)||Object.getPrototypeOf(o))return!1;for(let n in o){let e=o[n];if(typeof e=="object"){if(!Mt(e))return!1}else{if(ht(e))continue;return!1}}return!0},v=(o,n={},e=!0,t=new WeakMap)=>{if(ht(o))return o;if(Array.isArray(o)){if(t.has(o))return t.get(o);let r=[];t.set(o,r);for(let i=0;i<o.length;i++){let a=o[i];r[i]=v(a,n,e,t)}return r}if(o!==null&&typeof o=="object"){if(t.has(o))return t.get(o);let r={};t.set(o,r);for(let i in o){let a=typeof n=="boolean"?n:n[i];a&&(a===!0?(e?o[i]!==void 0:o[i])&&(r[i]=v(o[i],!0,e,t)):typeof a=="object"&&(r[i]=v(o[i],a,e,t)))}return r}return{}};var Ee=(o,n,e)=>{let t=o.scriptInputs?o.scriptInputs:{};t.makeSerializable=v,t.send=n,t.rootRef=e,t.__scriptInputs=t;let i=new Function("return (".concat(o.script,")(...arguments)"))(t);n(i)};var Re=class extends h{constructor(){super(...arguments);s(this,"messageType",d.ExecuteScriptMessage);s(this,"executor",e=>{Ee(e,r=>{this.messageToHost(new N(e.handlerUniqueId,r))},new ne(document.documentElement))})}};var ve="__federation__",Ut="onLoad";var se=(o,n)=>{window[ve]&&window[ve][o]&&window[ve][o][Ut]&&window[ve][o][Ut]({[o]:n})};var ke=class extends h{constructor(){super(...arguments);s(this,"messageType",d.AddEventListenerMessage);s(this,"executor",e=>{let t=I(e.ref,document),r=[];return t.forEach(i=>{let a=p=>{requestAnimationFrame(()=>{this.messageToHost(new V(e.handlerUniqueId,v(p,e.serializableSkeleton)))})};i.addEventListener(e.type,a),r.push(()=>{i.removeEventListener(e.type,a)})}),()=>{r.forEach(i=>{i()})}})}};var He=class extends h{constructor(){super(...arguments);s(this,"messageType",d.SetAttributeMessage);s(this,"executor",e=>{I(e.ref,document).forEach(r=>{r.setAttribute(e.name,e.value)})})}};var z=class{constructor(n,e,t){this.componentDefinition=n;this.container=e;s(this,"id","");s(this,"messageHandlers",{});s(this,"element");s(this,"_markedForDisposed",!1);s(this,"bind",(n,e)=>{this.messageHandlers[n]||(this.messageHandlers[n]=[]),this.messageHandlers[n].includes(e)||this.messageHandlers[n].push(e)});s(this,"bindWhen",(n,e,t)=>{if(!t)throw new Error("can't use component.bindWhen without an handler");this.messageHandlers[n]||(this.messageHandlers[n]=[]);let r=this.messageHandlers[n],i=a=>e(a)?(t(a),!0):!1;return r.push(i),()=>{let a=r.indexOf(i);a>-1&&r.splice(a,1)}});s(this,"setInitiated",()=>{this.isInitiated=!0,this._whenInitiatedResolve&&this._whenInitiatedResolve()});s(this,"isInitiated",!1);s(this,"_whenInitiatedResolve");s(this,"_whenInitiatedReject");s(this,"_whenInitiated",new Promise((n,e)=>{this._whenInitiatedResolve=n,this._whenInitiatedReject=e}));s(this,"initiated",()=>this._whenInitiated);s(this,"props",{});s(this,"refs",{});this.id=(t==null?void 0:t.id)||B.Instance().assignId(n);let r=t!=null&&t.timeout?t==null?void 0:t.timeout:5*1e3;setTimeout(()=>{!this.isInitiated&&this._whenInitiatedReject&&!this._markedForDisposed&&this._whenInitiatedReject("timeout_".concat(r," ").concat(this.id))},r),this.initiated().then(()=>{window.myop.hostSDK.inspected&&this.inspect()})}get markedForDisposed(){return this._markedForDisposed}set markedForDisposed(n){if(this._markedForDisposed)throw new Error("InvalidOperationException: The component is already in the process of being disposed. Dispose operation cannot be performed again until the current disposal process is complete.");this._markedForDisposed=n}onMessageReceived(n){if(n.messageType===d.ExecuteComponentMethod){let t=n;return this[t.method]?this[t.method](t.content):console.log("method not found ".concat(t.method," on component"),this),!0}let e=this.messageHandlers[n.messageType];if(e&&e.length){let t=!1;return e.forEach(r=>{t=t||r(n)}),t}return!1}sendCleanupMessage(n){n.source=this.id,n.destination=this.id,n.direction=b.down;let e=this.bindWhen(n.replyMessageKey,r=>r.replayToHandler===n.handlerUniqueId,r=>{n.handler(r),e()}),t=n.handler;delete n.handler,this.send(n),n.handler=t}send(n){n.source||(n.source=this.id),n.destination||(n.destination=this.id),n.direction=b.down;let e;if(n.handler){let t=n;e=this.bindWhen(t.replyMessageKey,r=>r.replayToHandler===t.handlerUniqueId,t.handler),delete n.handler}return n.ref&&(n.ref=n.ref.__nonProxied||n.ref),n.cleanable?()=>{this.sendCleanupMessage(new fe(n.id,t=>{})),e&&e()}:()=>{}}dispose(){if(this.markedForDisposed=!0,!this.isInitiated)return;console.log("disposing component",this.id),this.send(new ue);let n=this.messageHandlers.onDispose;n&&n.forEach(e=>{e(null)}),this.messageHandlers={},this.id+="_disposed",this.isInitiated=!1}};var Nt={notSerializableRefCall:(o,n)=>{throw new Error("\nThe input provided to '".concat(o.toString(),"' is not serializable. Serialization is required to ensure that the data can be safely transferred to the skin implementation. \nThe following types of data are considered non-serializable and cannot be processed:\n\n- Functions\n- DOM elements\n- Class instances\n- Circular references\n- Symbols\n- BigInt values\n\nIn the following execution we detected :\n~~~~~~~~\n").concat(n," \n~~~~~~~~\nas not serializable.\n\nTo resolve this issue, please ensure that all inputs passed to '").concat(o.toString(),"' are in a serializable format.\nThis typically includes primitive types (strings, numbers, booleans), arrays, and plain objects. \nIf you need to include complex data types, consider converting them to a serializable structure before passing them to the function.\nOr use Myop message that support it: CustomRefMessage, AddEventListenerMessage or ExecuteScriptMessage.\n\nSuggested Fix:\n1. Remove or replace non-serializable values from your input.\n2. If using objects, ensure they do not contain any functions or circular references.\n3. Convert any class instances to plain objects or JSON-compatible formats.\n4. Use dedicated Myop message.\n\nFor more details on serialization and Myop message examples, refer to https://docs.myop.dev.\n\n"))}};var he=class extends z{constructor(e,t,r){super(e,t.container,r);this.componentDefinition=e;this.parent=t;s(this,"send",e=>{let t=e.handler,r=super.send(e);return this.parent.send(new me(this.id,e)),e.handler=t,r});s(this,"dispose",()=>{this.isInitiated&&this.send(new H("dispose")),super.dispose()})}hide(){this.send(new H("hide"))}show(){this.send(new H("show"))}inspect(){return this.send(new H("inspect"))}setHeightBasedOnDocumentElement(){this.send(new H("setHeightBasedOnDocumentElement"))}setHeightBasedOnScrollHeight(){this.send(new H("setHeightBasedOnScrollHeight"))}onMessageReceived(e){return super.onMessageReceived(e)}};var fn=(o,n,e)=>{let t=document.createElement("a");return t.textContent=o,t.style.position="relative",t.style.padding="0 5px",t.style.fontSize="14px",t.style.top="0",t.style.top="".concat(n,"px"),t.style.transform="translateX(-50%)",t.target="_blank",t.href="https://dashboard.myop.dev/dashboard/component/".concat(e.id),t},Be=(o,n,e,t,r,i)=>{let a=fn("".concat(i.name," : ").concat(n),e,i);return t.insertBefore(a,r),r.style.border="1px solid #007BFF",r.style.display="block",()=>{r.style.border="unset",t.removeChild(a)}},Wt=(o,n,e)=>o?!1:(console.error("Error: Undefined Prop\n\nIt looks like you've tried to use a prop that hasn't been defined.\nPlease check the prop name for any typos or ensure that it is properly defined in the component's prop list.\n\n"+"Prop Name: ".concat(n,"\n")+"Component: ".concat(e.componentDefinition.name,", ID: ").concat(e.componentDefinition.id,"\n\n")+"For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/".concat(e.componentDefinition.id," or consult the developer guide.")),!0),Vt=(o,n,e)=>{console.error("Error: Code Prop Not Supported\n\nCurrently, code props are only supported in local frame components.\n\u26A0\uFE0F This is a work in progress feature \u2014 code props will be supported in upcoming versions.\n\nIn the meantime, you can use message props.\n\n"+"Prop Name: ".concat(n,"\n")+"Component: ".concat(e.componentDefinition.name,", ID: ").concat(e.componentDefinition.id,"\n\n")+"For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/".concat(e.componentDefinition.id," or consult the developer guide."))},qt=(o,n,e)=>{let t=n.reduce((i,a)=>_(y({},i),{[a.name]:y({},a)}),{}),r={get:(i,a)=>{let p=t[a];if(Wt(p,a,o))return!1;if(p.behavior.type===oe.code){if(e.loader.type===P.HTMLLoader&&e.loader.shadowRootMode===X.localFrame){let m=p.behavior;return o.element.contentWindow[m.remap||a]}return Vt(p,a,o),!1}return p.mode==="output"?new Promise(c=>{let m=[];p.behavior.ref&&m.push(K.create(p.behavior.ref)),m.push(l=>{c(l)}),p.behavior.params&&m.push(...p.behavior.params);let f=xe[p.behavior.message];o.send(new f(...m))}):null},set:(i,a,p)=>{let c=t[a];if(Wt(c,a,o))return!1;if(c.behavior.type===oe.code){if(e.loader.type===P.HTMLLoader&&e.loader.shadowRootMode===X.localFrame){let f=c.behavior;return o.element.contentWindow[f.remap||a]=p,!0}return Vt(c,a,o),!1}else if(c.mode==="input")if(c.behavior.type==="message"){let m=[];c.behavior.ref&&m.push(K.create(c.behavior.ref)),m.push(p),c.behavior.params&&m.push(...c.behavior.params);let f=xe[c.behavior.message];return o.send(new f(...m)),!0}else throw new Error("Error: Unsupported Behavior\n\nThe 'behavior' field provided is not supported.\n"+"Component: ".concat(o.componentDefinition.name,", ID: ").concat(o.componentDefinition.id,"\n\n")+"Prop Name: ".concat(a,"\n")+"Behavior Field: ".concat(c.behavior.type,"\n\n")+"Check the documentation for valid behavior options.");return!1}};return o.props={},o.props=new Proxy(o.props,r),o},gn=(o,n)=>new Proxy(o,{get(e,t){return e[t]?e[t]:(...i)=>new Promise(a=>{i.forEach(p=>{Mt(p)||Nt.notSerializableRefCall(t,p)}),n.send(new W(({ref:p,propName:c,functionArgs:m,makeSerializable:f})=>{if(p){let l=p[c];return f(typeof l=="function"?p[c](...m):l,!0)}return null},{elementId:e.refConfig.selector,propName:t,functionArgs:i},p=>{a(p.content)}))})},set(e,t,r){return n.send(new W(({ref:i,propName:a,propValue:p})=>{i&&(i[a]=p)},{elementId:e.refConfig.selector,propValue:r,propName:t},i=>{})),!0}}),It=async(o,n,e,t)=>{let r=o.component;if(!r)throw new Error("cant createRefComponent with detached ref");return new Promise(async(i,a)=>{let p=new he(n.type,r,t);e.push(p),await r.initiated();let c=setTimeout(()=>{a("timeout")},5e3);r.send(new ce(o.refConfig,n,_(y({},t||{}),{id:p.id,_hasParent:!0}),async m=>{if(clearTimeout(c),m.failed){a("CreateRefComponentMessage failed");return}let f=e.find(l=>l.id==p.id);if(f!==p){r.refs[o.refConfig.name]=f,i(f);return}else p.setInitiated(),r.refs[o.refConfig.name]=p;m.nestedRefs.forEach(l=>{let g=n.instance.resolvedNestedComponents.find(C=>C.type.id===l.componentDefinitionId).type,u=new he(g,p);u.setInitiated(),p.refs[l.refName]=u,e.push(u)});try{await Ct(p,n,e,!0),r.setHeightBasedOnScrollHeight&&r.setHeightBasedOnScrollHeight(),i(p)}catch(l){a(l)}}))})},Ct=async(o,n,e,t=!1)=>{o.refs||(o.refs={});let r=Object.values(o.componentDefinition.refs).map(i=>new Promise(async(a,p)=>{var c;if(i.behavior.type==te.component){if(t){a();return}let m=i.behavior.componentId;m||(m=i.behavior.instance.componentId);let f=(c=n.instance.resolvedNestedComponents)==null?void 0:c.find(g=>g.type.id===m);if(!f)throw new Error("componentConfig provided without nestedComponentConfig check the config object");let l=K.create("",i,o);try{let g=await It(l,f,e);o.refs[i.name]=g,a()}catch(g){p(g)}}else try{let m=K.create("",i,o);o.refs[i.name]=gn(m,o),a()}catch(m){}}));try{await Promise.all(r)}catch(i){throw i}};var re=class extends z{constructor(e,t,r,i,a){super(e,r,a);this.componentConfig=e;this.container=r;this.IframeElement=i;s(this,"cleanupInspect");s(this,"setHeightBasedOnDocumentElement",()=>{let e=this.send(new R(()=>window.document.documentElement.scrollHeight,t=>{this.IframeElement.style.height="".concat(t.content,"px"),e()}))});s(this,"observeSizeBasedOnDocumentElement",()=>this.send(new R(({send:t})=>{let{height:r,width:i}=document.documentElement.getBoundingClientRect(),a=new ResizeObserver(()=>{let{height:p,width:c}=document.documentElement.getBoundingClientRect();t({height:p,width:c})});return a.observe(document.documentElement),a.observe(document.body),{height:r,width:i}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px")})));s(this,"observeAutoSize",e=>{var wt;let t=this.IframeElement,r=t.contentDocument;if(!r)return console.warn("[MyopIframeComponent] Cannot observe auto size: contentDocument not accessible"),()=>{};let i=(E,L,Q)=>L!==void 0&&E<L?L:Q!==void 0&&E>Q?Q:E,a=E=>{if(E===void 0)return;if(typeof E=="number")return E;let L=parseFloat(E);return isNaN(L)?void 0:L},p=a(e==null?void 0:e.minWidth),c=a(e==null?void 0:e.maxWidth),m=a(e==null?void 0:e.minHeight),f=a(e==null?void 0:e.maxHeight),l=(wt=e==null?void 0:e.loaderMinHeight)!=null?wt:50,g=(e==null?void 0:e.explicitWidth)!==void 0,u=(e==null?void 0:e.explicitHeight)!==void 0,C=this.container.getBoundingClientRect(),tt=C.width===0,D=C.height===0||C.height===l,A=(e!=null&&e.forceAutoSize||tt)&&!g,$=(e!=null&&e.forceAutoSize||D)&&!u;if(!A&&!$)return()=>{};let ae=()=>{var L;let E=t.contentDocument;if(E){let Q=E.documentElement.getBoundingClientRect(),St=Math.ceil(Q.width),Tt=Math.ceil(Q.height),Et=i(St,p,c),Rt=i(Tt,m,f);A&&(t.style.width="".concat(Et,"px")),$&&(t.style.height="".concat(Rt,"px"));let en=A&&c!==void 0&&St>c,tn=$&&f!==void 0&&Tt>f;E.documentElement.style.overflowX=en?"auto":"hidden",E.documentElement.style.overflowY=tn?"auto":"hidden",(L=e==null?void 0:e.onSizeChange)==null||L.call(e,{width:Et,height:Rt,autoSizingWidth:A,autoSizingHeight:$})}};ae();let nt=new ResizeObserver(ae);return nt.observe(r.body),nt.observe(r.documentElement),()=>{nt.disconnect()}});s(this,"setSizeBasedOnDocumentElement",()=>{let e=this.send(new R(()=>{let{height:t,width:r}=document.documentElement.getBoundingClientRect();return{height:t,width:r}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px"),e()}))});s(this,"setHeightBasedOnScrollHeight",()=>{let e=this.send(new R(()=>{let r=0;return r++,r--,Math.max(Math.max(window.document.body.clientHeight,window.document.body.scrollHeight),window.document.body.offsetHeight)+r+"px"},t=>{this.IframeElement.style.height=t.content,e()}))});s(this,"send",e=>{var i,a;let t=y({},e);if(t.messageType===d.ExecuteComponentMethod)return this[t.method](),()=>{};t.direction=b.down;let r=super.send(t);return(a=(i=this.IframeElement)==null?void 0:i.contentWindow)==null||a.postMessage(t,"*"),r});s(this,"dispose",()=>{this.cleanupInspect&&this.cleanupInspect(),super.dispose(),this.IframeElement.parentNode.removeChild(this.IframeElement)});t.loader.autoHeight&&this.initiated().then(()=>{this.setHeightBasedOnScrollHeight()}),this.element=this.IframeElement}inspect(){return this.cleanupInspect?this.cleanupInspect:(this.cleanupInspect=Be(this.id,"MyopIframeComponent",10,this.container,this.IframeElement,this.componentDefinition),()=>{this.cleanupInspect(),this.cleanupInspect=void 0})}hide(){this.IframeElement.style.opacity="0",this.IframeElement.style.position="absolute",this.IframeElement.style.pointerEvents="none",this.IframeElement.style.visibility="hidden"}show(){this.IframeElement.style.opacity="1",this.IframeElement.style.position="unset",this.IframeElement.style.pointerEvents="all",this.IframeElement.style.visibility="visible"}onMessageReceived(e){return e.messageType===d.In.MutationObserverMessage||e.messageType===d.In.ResizeObserverMessage?(this.setHeightBasedOnScrollHeight(),!0):super.onMessageReceived(e)}};var F=class{constructor(){s(this,"appendChild",(n,e,t)=>{var r;if(t!=null&&t.relative){if(t.relative.direction==="before")return n.insertBefore(e,t.relative.child);if(t.relative.direction==="after"){let i=(r=t.relative.child)==null?void 0:r.nextSibling;return n.insertBefore(e,i||null)}}else return n.appendChild(e)})}};var un=(o,n,e)=>{let t=new URL(o);return t.searchParams.append(n,e),t.toString()},De=class extends F{constructor(){super(...arguments);s(this,"type",P.IframeLoader);s(this,"load",async(e,t,r,i)=>{let a,p=t.loader;if((r==null?void 0:r.nodeName)==="IFRAME")console.log("needs to load into an exsisting Iframe...",p.url,r),a=r,a.src=p.url;else{let c=k(),m="myop-comp-".concat(c);a=document.createElement("iframe"),a.id=m;let f="\n                padding: 0;\n                margin: 0;\n                position: absolute;\n                inset: 0;\n                height: ".concat(p.autoHeight||!p.height?"100%":p.height,";\n                width: 100%;\n                overflow: hidden;\n                border: none;\n                opacity: ").concat(i!=null&&i.hidden?"0":"1",";\n                pointer-events: ").concat(i!=null&&i.hidden?"none":"all",";\n            ");a.style.cssText=f,i!=null&&i.elementAttributes&&Object.entries(i.elementAttributes).forEach(([g,u])=>{u===""||u===null||u===void 0?a.setAttribute(g,""):a.setAttribute(g,String(u))});let l=t.loader.url;i!=null&&i._hasParent&&(l=un(l,"_myop-comp",c)),a.src=l,r.querySelector('[id^="myop-comp-"]')||(r.innerHTML=""),a=this.appendChild(r,a,i)}return new re(e,t,r,a,i)})}};var Le={webcomponent_message_key:"myop_webcomponent_message"};var ie=class extends z{constructor(e,t,r,i,a){super(e,r,a);this.container=r;this.customElement=i;s(this,"cleanupInspect",()=>{});s(this,"send",e=>{let t=y({},e),r=super.send(t),i=new CustomEvent(Le.webcomponent_message_key,{detail:t});try{this.customElement.dispatchEvent(i)}catch(a){console.log("error while trying to dispatchEvent",a)}return r});s(this,"dispose",()=>{var e;super.dispose(),(e=this.customElement.parentNode)==null||e.removeChild(this.customElement)});this.element=i}inspect(){return this.cleanupInspect=Be(this.id,"MyopWebComponent",0,this.container,this.customElement,this.componentDefinition),this.cleanupInspect}hide(){this.customElement.style.opacity="0",this.customElement.style.position="absolute",this.customElement.style.pointerEvents="none",this.customElement.style.visibility="hidden",this.customElement.style.height="0",this.customElement.style.width="0"}show(){this.customElement.style.opacity="1",this.customElement.style.position="unset",this.customElement.style.pointerEvents="all",this.customElement.style.visibility="visible",this.customElement.style.height="",this.customElement.style.width=""}};var xt={},_e=class extends F{constructor(){super(...arguments);s(this,"type",P.WebComponentLoader);s(this,"load",async(e,t,r,i)=>{let a=t.loader;xt[a.url]?console.log("Module alreday loaded or in loading process"):xt[a.url]=new Promise((m,f)=>{let l=a.url,g=document.createElement("script");g.type="module",g.src=l,g.onload=()=>{m()},g.onerror=()=>{f()},document.head.appendChild(g)}),await xt[a.url],await Bt(1);let p="myop-comp-".concat(k()),c=document.createElement(a.tag);return r.querySelector('[id^="myop-comp-"]')||(r.innerHTML=""),c.id=p,i!=null&&i.hidden&&(c.style.opacity="0",c.style.position="absolute",c.style.height="0",c.style.width="0",c.style.pointerEvents="none",c.style.visibility="hidden"),i!=null&&i._environment&&(c._myopEnvironment=i==null?void 0:i._environment),this.appendChild(r,c,i),new ie(e,t,r,c,i)})}};var Oe="0.2.7";var x=class extends Ce{constructor(e,t){super(e);this.context=t;s(this,"executor",e=>{if(e.destination){let t=e.destination;if(this.context[t].context){let r=(i,a)=>{this.messageToHost(_(y({},i),{source:e.destination?e.destination:e.source,destination:e.source?e.source:e.destination}),a)};return this.innerExecutor(e,this.context[t].context,r)}else debugger}else debugger})}};var Pe=class extends x{constructor(){super(...arguments);s(this,"messageType",d.BindClickMessage);s(this,"innerExecutor",(e,t,r)=>{let i=I(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let c=()=>{r(new U(e.handlerUniqueId))};p.addEventListener("click",c),a.push(()=>{p.removeEventListener("click",c)})}),()=>{a.forEach(p=>p())}})}};var Ae=class extends x{constructor(){super(...arguments);s(this,"messageType",d.ChangeTextMessage);s(this,"innerExecutor",(e,t)=>{I(e.ref,t.shadowRoot).forEach(i=>{i.textContent=e.content})})}};var Ke=class extends ne{constructor(e,t){super(e,t);this.container=e;this.shadowRoot=t}};var ze=class extends x{constructor(){super(...arguments);s(this,"innerExecutor",(e,t)=>{let r=t.shadowRoot.querySelectorAll("[".concat(T.id,"]")),i=[];r.forEach(a=>{let p=a.getAttribute(T.id);p&&i.push(new Y(p,a.tagName,a.getBoundingClientRect(),a.offsetTop,a.offsetLeft))}),this.messageToHost(new G(e.handlerUniqueId,i))});s(this,"messageType",d.DetectMyopRefsMessage)}};var Fe=class extends x{constructor(){super(...arguments);s(this,"messageType",d.SetAttributeMessage);s(this,"innerExecutor",(e,t)=>{I(e.ref,t.shadowRoot).forEach(i=>{i.setAttribute(e.name,e.value)})})}};var $e=class extends x{constructor(){super(...arguments);s(this,"messageType",d.AddEventListenerMessage);s(this,"innerExecutor",(e,t,r)=>{let i=I(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let c=m=>{r(new V(e.handlerUniqueId,v(m,e.serializableSkeleton)))};p.addEventListener(e.type,c),a.push(()=>{p.removeEventListener(e.type,c)})}),()=>{a.forEach(p=>p())}})}};var Ue=class extends x{constructor(){super(...arguments);s(this,"messageType",d.CreateRefComponentMessage);s(this,"innerExecutor",(e,t,r)=>{(async()=>{let a=t.shadowRoot.querySelectorAll("[".concat(T.id,"='").concat(e.refConfig.selector,"']"));if(a.length===1){let p=B.Instance(),c=p.components.find(g=>g.id===e.options.id);c&&c.dispose();let m=p.components.indexOf(c);m!==-1&&p.components.splice(m,1);let f=await p.loadComponent(e.nestedComponentConfig,a.item(0),e.options),l=[];Object.keys(f.refs).forEach(g=>{let u=f.refs[g];u=u.__nonProxied||u,u.componentDefinition&&l.push({refName:g,componentDefinitionId:u.componentDefinition.id})}),r(new O(e.handlerUniqueId,l))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new O(e.handlerUniqueId,[],!0));debugger}})().then()})}};var Ne=class extends x{constructor(){super(...arguments);s(this,"messageType",d.ExecuteScriptMessage);s(this,"innerExecutor",(e,t,r)=>{Ee(e,a=>{r(new N(e.handlerUniqueId,a))},t)})}};var jt=o=>{if(!o)return null;if(o.tagName==="FORM"){let n=new FormData(o),e={formData:{},unmappedData:[]},t=o.querySelectorAll("input, select, textarea"),r=-1;return t.forEach(i=>{if(typeof i.value=="string"){let a=i.getAttribute(T.id),p=i.getAttribute("name"),c={id:i.id,name:p,value:jt(i),required:i.required,validity:v(i.validity,!0),myopId:a};p?e.formData[p]?e.formData[p].value?e.unmappedData.push(c):(e.unmappedData.push(e.formData[p]),e.formData[p]=c):e.formData[p]=c:e.unmappedData.push(c)}}),e}return o.type==="checkbox"||o.type==="radio"?o.checked?o.value:null:o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.tagName==="SELECT"?o.value:o.isContentEditable?o.innerText||o.textContent:null},We=class extends x{constructor(){super(...arguments);s(this,"messageType",d.GetElementValueMessage);s(this,"innerExecutor",(e,t,r)=>{I(e.ref,t.shadowRoot).forEach(a=>{r(new q(jt(a)),e)})})}};var Ve=class extends x{constructor(){super(...arguments);s(this,"messageType",d.SetInnerHtml);s(this,"innerExecutor",(e,t)=>{I(e.ref,t.shadowRoot).forEach(i=>{i.innerHTML=e.content})})}};var Me=class extends ee{constructor(){super(...arguments);s(this,"alwaysPassEnvelopesToHost",!0);s(this,"connectedCallback",(e,t)=>{e.addEventListener(Le.webcomponent_message_key,r=>{let i=r.data?r.data:r.detail;if(!i||!i.myop){debugger;throw new Error("recvied webcomponent_message with wrong type")}else{let a=i;if(this.handleIncomeMessages(r),a.messageType===d.InitMessage){let p=a.content.id;this.components[p].context=new Ke(e,t)}}}),setTimeout(()=>{this.messageToHost(new j)},1)});s(this,"messageToHost",(e,t)=>{e.direction=b.up,!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId),window.myop.hostSDK.send(e)});s(this,"supportedHandlers",[new Ae(this.messageToHost,this.components),new Ve(this.messageToHost,this.components),new Pe(this.messageToHost,this.components),new ze(this.messageToHost,this.components),new Fe(this.messageToHost,this.components),new $e(this.messageToHost,this.components),new Ne(this.messageToHost,this.components),new We(this.messageToHost,this.components),new Ue(this.messageToHost,this.components)]);s(this,"init",()=>{})}};se("WebComponentSDK",Me);var Gt=[],qe,Xt=async()=>(qe||(qe=new Me,qe.init()),qe);function yn(o,n){return class extends HTMLElement{connectedCallback(){let e=n===X.open?"open":"closed",t=this.attachShadow({mode:e});Xt().then(r=>{r.connectedCallback(this,t),t.innerHTML=o})}}}var hn=(o,n,e)=>{customElements.define(o,yn(n,e)),console.log("define('".concat(o,"') was called, web component ready to use"))},Mn=o=>o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/(\d+)/g,"-$1").toLowerCase(),In=o=>(o=Mn(o),o.replace(/_/g,"-"));var je=class extends F{constructor(){super(...arguments);s(this,"type",P.HTMLLoader);s(this,"load",async(e,t,r,i)=>{let a=t.loader,p="myop-comp-".concat(k()),c;if(a.shadowRootMode===X.localFrame){let m=k(),f="myop-comp-".concat(m),l=document.createElement("iframe");l.id=f,l.style.cssText="\n                display: block;\n                padding: 0;\n                margin: 0;\n                position: absolute;\n                inset: 0;\n                overflow: hidden;\n                border: none;\n                opacity: ".concat(i!=null&&i.hidden?"0":"1",";\n                width: 100%;\n                height: 100%;\n                pointer-events: ").concat(i!=null&&i.hidden?"none":"all",";\n            "),r.querySelector('[id^="myop-comp-"]')||(r.innerHTML=""),l=this.appendChild(r,l,i);let g=l.contentDocument||l.contentWindow.document;g.open();let u=a.HTML;if(i!=null&&i._inspection){let D=new DOMParser().parseFromString(a.HTML,"text/html"),A=D.getElementById("myop_preview");A==null||A.removeAttribute("type");let $=D.implementation.createHTMLDocument();$.body.innerHTML="<script>\n                        const beforeKeysWindow = new Set(Object.keys(window));\n                        window.myopState = {\n                            beforeKeysWindow,\n                        };\n                <\/script>";let ae=$.body.firstChild;ae&&D.head&&D.head.insertBefore(D.importNode(ae,!0),D.head.firstChild),u=D.documentElement.outerHTML}g.writeln(u),g.writeln('<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__,'"><\/script>\n                    <script>\n                  \n                   window.__federation__.__public_path__ =  window.__federation__.__public_path__;\n                  \n                   const __myop_init = async () => {\n                        const {IframeSDK} = (await window.myop.rootSDK.getIframeModule());\n                        const sdk = new IframeSDK()\n                        sdk.init();\n                   }\n                    \n                   __myop_init().then();\n                    \n              <\/script>')),g.close();let C=new re(e,t,r,l,i);return a.autoHeight&&(l.onload=()=>{C.observeSizeBasedOnDocumentElement()}),C}if(a.shadowRootMode===X.none){let m=document.createElement("template");m.innerHTML=a.HTML,c=m.content.firstElementChild,Xt().then(f=>{f.connectedCallback(c,c)})}else{let m=In(e.name+t.id);Gt.includes(m)||(hn(m,a.HTML,a.shadowRootMode),Gt.push(m)),c=document.createElement(m)}return r.querySelector('[id^="myop-comp-"]')||(r.innerHTML=""),c.id=p,i!=null&&i.hidden&&(c.style.opacity="0",c.style.position="absolute",c.style.height="0",c.style.width="0",c.style.pointerEvents="none",c.style.visibility="hidden"),this.appendChild(r,c,i),new ie(e,t,r,c,i)})}};var Cn=o=>({instance:{id:"auto",componentId:o.componentId,componentName:o.name,skinSelector:{type:"Dedicated",skin:{id:"skin_auto_v2_converted"}}},type:{id:o.id,name:o.name,description:o.description,props:[{id:"in_auto_v2_converted",name:"myop_init_interface",type:"any",behavior:{type:oe.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:oe.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:o.consume_variant[0].loader}],defaultSkin:0},name:o.name}),Ge=class Ge{constructor(n="https://cloud.myop.dev"){this._baseUrl=n;s(this,"variants",{});s(this,"userFlows",{});s(this,"_defaultEnv","production")}setEnvironment(n){this._defaultEnv=n}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(n,e,t){return"".concat(n,":").concat(e||this._defaultEnv,":").concat(t?"preview":"live")in this.variants}async fetchComponentV2(n,e,t){let r=e||this._defaultEnv,i="".concat(n,":").concat(r,":").concat(t?"preview":"live");return this.variants[i]||(this.variants[i]=new Promise(async(a,p)=>{try{let c="".concat(this._baseUrl,"/consume?id=").concat(n,"&env=").concat(r);t&&(c+="&preview=true");let l=(await(await fetch(c)).json()).item;if(!l){p(new Error('Component "'.concat(n,'" not found')));return}if(!l.consume_variant||!l.consume_variant.length){p(new Error('Component "'.concat(n,'" has no implementation for environment "').concat(r,'"')));return}let g=Cn(l);a(g)}catch(c){p(c)}})),await this.variants[i]}async fetchComponentV1(n,e){return e?(await this.fetchFlow(e)).components.find(r=>r.type.id===n):(await this.fetchAutoFlow(n)).components[0]}async fetchAutoFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&auto=true"))).json();e(i.item)}catch(r){t(r)}})),await this.userFlows[n]}async fetchFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&resolve=components"))).json();e(i.item)}catch(r){t(r)}})),await this.userFlows[n]}async fetchComponent(n,e){return this.fetchComponentV1(n,e)}};s(Ge,"Main",new Ge);var Ie=Ge;var Jt=async o=>{try{let n=new URL(window.location.href),t=new URLSearchParams(n.search).get("myopOverride");if(t){let[r,...i]=st(t);switch(r){case"component":{let[a,p]=i,c=await Ie.Main.fetchComponent(a);if(c&&c.type.skins.find(f=>f.id===p))return c.instance.skinSelector={type:J.Dedicated,skin:{id:p}},c}break;default:{let[a,p]=st(t),m=(await Ie.Main.fetchFlow(a)).components.find(f=>f.type.id===o.type.id);if(m&&m.instance.skinSelector.type===J.Segmented&&m.instance.resolvedExperiences){let f=m.instance.resolvedExperiences.find(l=>l.id===p);if((f==null?void 0:f.type)===be.Segment){let l=f,u=m.instance.skinSelector.segments.find(C=>C.segmentId===l.segment.id);if(u)return m.instance.skinSelector=u==null?void 0:u.skinSelector,m}}}break}}}finally{return null}};var Qt="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",B=class{constructor(){s(this,"components2init",[]);s(this,"components",[]);s(this,"componentsLoaders",[]);s(this,"initiated",!1);s(this,"version",Oe);s(this,"type2InstanceCount",{});s(this,"assignId",n=>(this.type2InstanceCount[n.id]||(this.type2InstanceCount[n.id]=0),"".concat(n.id,"_").concat(++this.type2InstanceCount[n.id])));s(this,"inspected",!1);s(this,"inspect",()=>{this.inspected||(this.inspected=!0,this.components.forEach(n=>{n.inspect&&n.inspect()}))});s(this,"incomingMessageHandler",n=>{if(n.origin,document.location.origin,n.data.myop){if(n.data.direction!==b.up&&n.data.messageType!==d.EnvelopedMessage)return;let e=n.data;if(e.messageType===d.InitRequest){this.components2init.forEach(r=>{r.send(new Z(r.id))});return}if(e.messageType===d.InitResponse){this.components2init=this.components2init.filter(i=>i.id!==e.content.id);let r=this.components.find(i=>{var a;return i.id===((a=e.content)==null?void 0:a.id)});r==null||r.setInitiated();return}if(e.messageType===d.EnvelopedMessage){let r=e,i=this.components.find(a=>a.id===r.destination);if(i){if(r.direction===b.down){r.message.messageType===H.name?i.onMessageReceived(r.message):(r.message.route=r.route,i.send(r.message));return}}else{let a=this.components.find(p=>p.id===r.message.destination);a&&a.send(r.message)}return}let t=this.components.find(r=>r.id===e.destination);if(!t){window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(e);return}if(t){if(t.onMessageReceived(e))return;window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(e)}}});s(this,"send",n=>{let e=new MessageEvent("",{data:n});this.incomingMessageHandler(e)});s(this,"init",n=>{if(this.initiated)throw new Error("hostSDK already initiated");let e=[new De,new _e,new je];if(this.componentsLoaders=[...e],n){let t={};n.forEach(r=>{let i=new r(this.componentsLoaders);t[i.type]=i}),this.componentsLoaders.forEach(r=>{t[r.type]||(t[r.type]=r)}),this.componentsLoaders=Object.values(t)}window.addEventListener("message",this.incomingMessageHandler,!1),console.log("myop hostSDK initiated",document.location.href),this.initiated=!0});s(this,"_getSkinIdBySkinSelector",async(n,e=[],t)=>{var i;async function r(a,p){for(let c of a)if(await p(c))return c}switch(n.type){case"DedicatedSkin":case J.Dedicated:return((i=n.skin)==null?void 0:i.id)||n.skins[0].id;case J.Segmented:{let p=await r(n.segments,async c=>{if(c.segmentId==="Default")return!0;let m=e.find(u=>u.type===be.Segment?u.segment.id===c.segmentId:!1);if(!m)throw new Error("experience not found");let l=m.segment,g=(t||{})[l.function];return g?await g():(console.warn("segmentId:".concat(c.segmentId,", ").concat(l.function," function not provided !")),!1)});if(p)return this._getSkinIdBySkinSelector(p.skinSelector,e);debugger}break;default:debugger}return""});s(this,"runSkinSelector",async(n,e)=>{let t=await this._getSkinIdBySkinSelector(n.instance.skinSelector,n.instance.resolvedExperiences,e);return n.type.skins.find(r=>r.id===t)});s(this,"loaderHooks");s(this,"loadComponent",async(n,e,t)=>{var f,l,g,u;if(!e){debugger;throw new Error("no container was found for this component")}let r=await Jt(n);r&&(n=r);let i=y(y({},(f=this.loaderHooks)!=null?f:{}),(l=t==null?void 0:t.hooks)!=null?l:{}),a=e;if(a.myop)if(a.component){n=y({},n),n.instance=y({},n.instance);let C=await this.runSkinSelector(n,i);if(!C)throw new Error("runSkinSelector failed to choose skin, check the provided config");return(g=t==null?void 0:t.hooks)!=null&&g.afterSkinSelected&&(C=await t.hooks.afterSkinSelected(y({},C))),n.instance.skinSelector={type:J.Dedicated,skin:C},t&&(t=y({},t),delete t.hooks),await It(a,n,this.components,t)}else throw new Error("load component got a detached ref.");e=e;let p=await this.runSkinSelector(n,i);if(!p)throw new Error("runSkinSelector failed to choose skin, check the provided config");(u=t==null?void 0:t.hooks)!=null&&u.afterSkinSelected&&(p=await t.hooks.afterSkinSelected(y({},p)));let c=this.componentsLoaders.find(C=>C.type===p.loader.type);if(!c){debugger;throw new Error('no loader "'.concat(p.loader.type,'" was found for component'))}let m=await c.load(n.type,p,e,t);m.isInitiated||this.components2init.push(m),m.bind("onDispose",()=>(this.components=this.components.filter(C=>C!==m),this.components2init=this.components2init.filter(C=>C!==m),!0)),this.components.push(m),(!t||t.connectProps!==!1)&&(m=qt(m,n.type.props,p));try{await Ct(m,n,this.components)}catch(C){throw C}return t!=null&&t.skipInit||await m.initiated(),m});s(this,"navigate",async(n,e,t)=>{if(n.parent)throw new Error("Navigating on remote ref components is not implemented yet");if(t!=null&&t.staged){let r=await this.loadComponent(e,n.container,y({hidden:!0,relative:{direction:"after",child:n.element}},t));return t.init&&await t.init(r),r.show(),n.dispose(),r}else{let r=n.element.nextSibling;return n.dispose(),this.loadComponent(e,n.container,y({relative:{direction:"before",child:r}},t))}})}};s(B,"Instance",()=>window.myop.hostSDK);window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Qt});if(!window.myop.hostSDK){let o=new B;o.init(),window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Qt}),window.myop.hostSDK=o}var xn=window.myop.hostSDK;se("hostSDK",xn);var Xe=class extends h{constructor(){super(...arguments);s(this,"messageType",d.CreateRefComponentMessage);s(this,"executor",e=>{(async()=>{let r=document.querySelectorAll("[".concat(T.id,"='").concat(e.refConfig.selector,"']"));if(r.length===1){let a=await B.Instance().loadComponent(e.nestedComponentConfig,r.item(0),e.options),p=[];Object.keys(a.refs).forEach(c=>{let m=a.refs[c];m=m.__nonProxied||m,m.componentDefinition&&p.push({refName:c,componentDefinitionId:m.componentDefinition.id})}),this.messageToHost(new O(e.handlerUniqueId,p))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new O(e.handlerUniqueId,[],!0));debugger}})().then()})}};var Yt=(o,n)=>{if(!o){console.log("n");return}let e=window.MutationObserver||window.WebKitMutationObserver;if(!(!o||o.nodeType!==1))if(e){let t=new e(n),r={attributes:!0,childList:!0,subtree:!0};return t.observe(o,r),t}else window.addEventListener&&(o.addEventListener("DOMNodeInserted",n,!1),o.addEventListener("DOMNodeRemoved",n,!1))};var Je=class extends h{constructor(){super(...arguments);s(this,"messageType",d.SetMutationObserverMessage);s(this,"executor",e=>{e.source&&Yt(document.body,()=>{this.messageToHost(new le)})})}};var Zt=o=>{if(!o)return null;if(o.tagName==="FORM"){let n=new FormData(o),e={formData:{},unmappedData:[]},t=o.querySelectorAll("input, select, textarea"),r=-1;return t.forEach(i=>{if(typeof i.value=="string"){let a=i.getAttribute(T.id),p=i.getAttribute("name"),c={id:i.id,name:p,value:Zt(i),required:i.required,validity:v(i.validity,!0),myopId:a};e.unmappedData.push(c),p&&(!e.formData[p]||!e.formData[p].value||c.value)&&(e.formData[p]=c)}}),e}return o.type==="checkbox"||o.type==="radio"?o.checked?o.value:null:o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.tagName==="SELECT"?o.value:o.isContentEditable?o.innerText||o.textContent:null},Qe=class extends h{constructor(){super(...arguments);s(this,"messageType",d.GetElementValueMessage);s(this,"executor",e=>{I(e.ref,document).forEach(r=>{this.messageToHost(new q(Zt(r)),e)})})}};var Ye=class extends h{constructor(){super(...arguments);s(this,"messageType",d.GetAttributeMessage);s(this,"executor",e=>{let t=$t(e.ref,document);t&&this.messageToHost(new de(t.getAttribute(e.name)),e)})}};var Ze=class extends h{constructor(){super(...arguments);s(this,"messageType",d.SetResizeObserverMessage);s(this,"executor",e=>{let t=new ResizeObserver(r=>{this.messageToHost(new ye)});return t.observe(document.body),()=>{t.disconnect()}})}};var et=class extends h{constructor(){super(...arguments);s(this,"messageType",d.SetInnerHtml);s(this,"executor",e=>{I(e.ref,document).forEach(r=>{r.innerHTML=e.content})})}};var bt=class extends ee{constructor(){super();s(this,"version",Oe);s(this,"messageToHost",(e,t)=>{var i;!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId);let r=Object.keys(this.components);e.destination||(t!=null&&t.route?e.destination=t.route[t.route.length-1]:e.destination=r[0]),e.source||(e.source=r[0]),e.direction=b.up,(i=window.parent)==null||i.postMessage(y({},e),"*")});s(this,"supportedHandlers",[new Te(this.messageToHost),new et(this.messageToHost),new Se(this.messageToHost),new we(this.messageToHost),new Re(this.messageToHost),new ke(this.messageToHost),new He(this.messageToHost),new Qe(this.messageToHost),new Je(this.messageToHost),new Ze(this.messageToHost),new Ye(this.messageToHost),new Xe(this.messageToHost)]);s(this,"init",()=>{window.onmessage=this.handleIncomeMessages.bind(this),this.messageToHost(new j)});window.myop||(window.myop={}),window.myop.IframeSDK=this}};se("IframeSDK",bt);export{bt as IframeSDK};

package/dist/cjs/_WebComponentSDK.5d90b79c.min.js

@@ -1 +0,0 @@
-var gt=Object.defineProperty,$t=Object.defineProperties;var zt=Object.getOwnPropertyDescriptors;var ft=Object.getOwnPropertySymbols;var Ut=Object.prototype.hasOwnProperty,Wt=Object.prototype.propertyIsEnumerable;var Fe=(o,n,e)=>n in o?gt(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,h=(o,n)=>{for(var e in n||(n={}))Ut.call(n,e)&&Fe(o,e,n[e]);if(ft)for(var e of ft(n))Wt.call(n,e)&&Fe(o,e,n[e]);return o},H=(o,n)=>$t(o,zt(n));var Nt=(o,n)=>{for(var e in n)gt(o,e,{get:n[e],enumerable:!0})};var r=(o,n,e)=>Fe(o,typeof n!="symbol"?n+"":n,e);var le=class{constructor(n,e,t,s,i){this.myopId=n;this.htmlTagName=e;this.BoundingRect=t;this.offsetTop=s;this.offsetLeft=i;r(this,"type","MyopElementRef")}};var ut=async o=>{if(typeof o=="function")o();else if(o instanceof Promise){let n=await o;typeof n=="function"&&n()}},$e=class{constructor(n){this.messageToHost=n}},fe=class extends $e{constructor(e,t){super(e);this.messageToHost=e;this.context=t}};var g={InitRequest:"InitRequest",InitResponse:"InitResponse",InitMessage:"InitMessage",DisposeMessage:"DisposeMessage",ChangeTextMessage:"ChangeTextMessage",BindClickMessage:"BindClickMessage",DetectMyopRefsMessage:"DetectMyopRefsMessage",ExecuteScriptMessage:"ExecuteScriptMessage",AddEventListenerMessage:"AddEventListenerMessage",SetAttributeMessage:"SetAttributeMessage",CreateRefComponentMessage:"CreateRefComponentMessage",EnvelopedMessage:"EnvelopedMessage",GetElementValueMessage:"GetElementValueMessage",GetAttributeMessage:"GetAttributeMessage",SetInnerHtml:"SetInnerHtml",ExecuteComponentMethod:"ExecuteComponentMethod",SetMutationObserverMessage:"SetMutationObserverMessage",SetResizeObserverMessage:"SetResizeObserverMessage",CleanupMessage:"CleanupMessage",In:{DetectedMyopRefsMessage:"DetectedMyopRefsMessage",ClickReplayMessage:"ClickReplayMessage",ExecuteScriptReplyMessage:"ExecuteScriptReplyMessage",EventListenerCallbackMessage:"EventListenerCallbackMessage",ElementValueReplayMessage:"ElementValueReplayMessage",GetAttributeReplayMessage:"GetAttributeReplayMessage",RefComponentCreatedMessage:"RefComponentCreatedMessage",EnvelopedMessage:"EnvelopedMessage",MutationObserverMessage:"MutationObserverMessage",CleanupReplayMessage:"CleanupReplayMessage",ResizeObserverMessage:"ResizeObserverMessage"}};var ge={};Nt(ge,{AddEventListenerMessage:()=>Ve,BaseMyopMessage:()=>y,BindClickMessage:()=>We,ChangeTextMessage:()=>Ne,CleanupMessage:()=>ie,CleanupReplayMessage:()=>ae,ClickReplayMessage:()=>Q,CreateRefComponentMessage:()=>oe,CustomRefMessage:()=>$,DetectMyopRefsMessage:()=>Je,DetectedMyopRefsMessage:()=>re,DisposeMessage:()=>pe,ElementValueReplayMessage:()=>ee,EnvelopedMessage:()=>se,EventListenerCallbackMessage:()=>Z,ExecuteComponentMethod:()=>R,ExecuteScriptMessage:()=>w,ExecuteScriptReplyMessage:()=>Y,GetAttributeMessage:()=>Xe,GetAttributeReplayMessage:()=>Qe,GetElementValueMessage:()=>je,InitMessage:()=>N,InitRequest:()=>ne,InitResponse:()=>te,MessageDirection:()=>b,MutationObserverMessage:()=>Ze,MyopBindMessage:()=>x,MyopBindReplayMessage:()=>C,MyopElementMessage:()=>Ue,Ref:()=>P,RefComponentCreatedMessage:()=>V,ResizeObserverMessage:()=>tt,SetAttributeMessage:()=>qe,SetInnerHtml:()=>Ge,SetMutationObserverMessage:()=>Ye,SetResizeObserverMessage:()=>et,stripFunction:()=>It});var T=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>(+o^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+o/4).toString(16));var Vt=o=>{let n=[...o].map(e=>e.toString(16).padStart(2,"0")).join("");return[n.slice(0,8),n.slice(8,12),n.slice(12,16),n.slice(16,20),n.slice(20)].join("-")};var qt=o=>{let n=o.replace(/-/g,"+").replace(/_/g,"/");for(;n.length%4;)n+="=";let e=atob(n);return Uint8Array.from(e,t=>t.charCodeAt(0))};var ze=o=>{let n=qt(o);if(n.length%16!==0)throw new Error("Invalid input length");let e=[];for(let t=0;t<n.length;t+=16)e.push(Vt(n.slice(t,t+16)));return e};var yt=o=>new Promise(n=>setTimeout(n,o));var b=class{};r(b,"down","down"),r(b,"up","up");var y=class{constructor(){r(this,"id",T());r(this,"myop",!0);r(this,"content");r(this,"source");r(this,"destination");r(this,"route");r(this,"ref");r(this,"direction");r(this,"cleanable",!1)}static create(...n){return new this(...n)}isTypeof(n){return n.messageType===this.messageType}},Ue=class extends y{constructor(e){super();this.ref=e}},C=class extends y{constructor(e){super();this.replayToHandler=e}},x=class extends y{constructor(e){super();this.handler=e;r(this,"handlerUniqueId",T())}},P=class o{constructor(n,e){this.refConfig=n;this.component=e;r(this,"myop",!0);r(this,"__nonProxied");this.__nonProxied=H(h({},this),{component:null})}static create(n,e,t){let s=e;return s||(s={id:"",name:"",description:"",selectorType:"id-attribute",selector:n,behavior:{type:"code"}}),new o(s,t)}};var ht="ClickReplayMessage",We=class extends x{constructor(e,t){super(t);this.ref=e;r(this,"replyMessageKey",ht);r(this,"messageType","BindClickMessage");r(this,"cleanable",!0)}},Q=class extends C{constructor(){super(...arguments);r(this,"messageType",ht)}};var Ne=class extends y{constructor(e,t){super();this.ref=e;r(this,"messageType","ChangeTextMessage");this.content=t}};var Mt="ExecuteScriptReplyMessage",jt=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,Gt=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,It=o=>{let n=o.match(jt);if(n)return n[1]||n[3];{let e=o.match(Gt);if(e)return e[1].trim()}},w=class extends x{constructor(e,t=()=>{},s){super(t);this.scriptInputs=s;r(this,"replyMessageKey",Mt);r(this,"messageType","ExecuteScriptMessage");r(this,"script","");this.script=e.toString(),this.content=e.toString(),this.content=It(this.content)}};r(w,"replierKey","send"),r(w,"completeStreamKey","completeStream");var Y=class extends C{constructor(e,t){super(e);this.replayToHandler=e;this.content=t;r(this,"messageType",Mt)}};var $=class extends w{constructor(e,t,s=()=>{}){super(({rootRef:i,elementId:a,_script:p,__scriptInputs:d})=>{let c=(i.shadowRoot||i.container).querySelectorAll("[myop-id='".concat(a,"']"));return c.length?(d.ref=c[0],new Function("return (".concat(p,")(...arguments)"))(d)):null},s);this.scriptInputs=t;this.scriptInputs=H(h({},t),{_script:e.toString()})}};var Ct="EventListenerCallbackMessage",Ve=class extends x{constructor(e,t,s){super(s);this.ref=e;this.type=t;this.handler=s;r(this,"replyMessageKey",Ct);r(this,"messageType","AddEventListenerMessage");r(this,"cleanable",!0);r(this,"serializableSkeleton",!1)}withSerializableSkeleton(e){return this.serializableSkeleton=e,this}},Z=class extends C{constructor(e,t){super(e);this.replayToHandler=e;this.e=t;r(this,"messageType",Ct);this.content={e:t}}};var qe=class extends y{constructor(e,t,s){super();this.ref=e;this.name=t;this.value=s;r(this,"messageType","SetAttributeMessage")}};var xt="ElementValueReplayMessage",je=class extends x{constructor(e,t){super(t);this.ref=e;r(this,"replyMessageKey",xt);r(this,"messageType","GetElementValueMessage")}},ee=class extends C{constructor(e){super();this.content=e;r(this,"messageType",xt)}};var Ge=class extends y{constructor(e,t){super();this.ref=e;r(this,"messageType","SetInnerHtml");this.content=t}};var N=class extends y{constructor(e){super();r(this,"messageType","InitMessage");this.content={id:e}}isTypeof(e){return e.messageType===this.messageType}},te=class extends N{constructor(){super(...arguments);r(this,"messageType","InitResponse")}},ne=class extends y{constructor(){super(...arguments);r(this,"messageType","InitRequest")}};var bt="RefComponentCreatedMessage",oe=class extends x{constructor(e,t,s,i){super(i);this.refConfig=e;this.nestedComponentConfig=t;this.options=s;r(this,"replyMessageKey",bt);r(this,"messageType","CreateRefComponentMessage")}},V=class extends C{constructor(e,t,s){super(e);this.replayToHandler=e;this.nestedRefs=t;this.failed=s;r(this,"messageType",bt)}};var se=class extends y{constructor(e,t){super();this.destination=e;this.message=t;r(this,"messageType","EnvelopedMessage");let s=t;this.route=[e,...s.route?s.route:[]]}};var St="DetectedMyopRefsMessage",Je=class extends x{constructor(){super(...arguments);r(this,"messageType","DetectMyopRefsMessage");r(this,"replyMessageKey",St)}},re=class extends C{constructor(e,t){super(e);this.replayToHandler=e;r(this,"messageType",St);this.content=t}isTypeof(e){return e.messageType===this.messageType}};var wt="GetAttributeReplayMessage",Xe=class extends x{constructor(e,t,s){super(s);this.ref=e;this.name=t;r(this,"replyMessageKey",wt);r(this,"messageType","GetAttributeMessage")}},Qe=class extends C{constructor(e){super();this.content=e;r(this,"messageType",wt)}};var R=class extends y{constructor(e){super();this.method=e;r(this,"messageType","ExecuteComponentMethod")}};var Ye=class extends y{constructor(){super(...arguments);r(this,"messageType","SetMutationObserverMessage")}},Ze=class extends y{constructor(){super(...arguments);r(this,"messageType","MutationObserverMessage")}};var Tt="CleanupReplayMessage",ie=class extends x{constructor(e,t){super(t);this.cleanupForMessageId=e;r(this,"replyMessageKey",Tt);r(this,"messageType","CleanupMessage")}},ae=class extends C{constructor(e){super();this.customCleanup=e;r(this,"messageType",Tt)}};var pe=class extends y{constructor(){super(...arguments);r(this,"messageType","DisposeMessage")}};var et=class extends y{constructor(){super(...arguments);r(this,"cleanable",!0);r(this,"messageType","SetResizeObserverMessage")}},tt=class extends y{constructor(){super(...arguments);r(this,"messageType","ResizeObserverMessage")}};var nt=class{constructor(n,e){this.id=n;this.context=e;r(this,"send",n=>{})}},ue=class{constructor(){r(this,"messageToHandleAfterInit",[]);r(this,"components",{});r(this,"alwaysPassEnvelopesToHost",!1);r(this,"messageCleanupCache",{})}handleIncomeMessages(n){let e=n.data?n.data:n.detail;if(!(!e||!e.myop)){let t=e;if(t.direction!==b.down)return;if(t.messageType===g.DisposeMessage){t.destination&&delete this.components[t.destination];return}if(t.messageType===g.InitMessage){let s=t.content.id;if(this.components[s])return;this.components[s]=new nt(s),this.messageToHost(new te(s));return}if(t.messageType===g.EnvelopedMessage){let s=t,i=s.message;if(t=i,this.alwaysPassEnvelopesToHost||this.components[t.destination]){let a=myop.hostSDK.components.find(d=>d.id===i.destination);if(a){a.send(i);return}let p=myop.hostSDK.components.find(d=>d.id===s.destination);if(p){p.send(i);return}}else return}if(t.messageType){if(t.messageType===g.CleanupMessage){let i=t,a=this.messageCleanupCache[i.cleanupForMessageId],p=new ae(!!a);p.destination=t.destination,a?(delete this.messageCleanupCache[i.cleanupForMessageId],ut(a).then(()=>{this.messageToHost(p,i)}).catch(()=>{})):this.messageToHost(p,i);return}let s=!1;this.supportedHandlers.forEach(i=>{if(i.messageType===t.messageType){s=!0;let a=i.executor(t);if(t.cleanable&&a&&(this.messageCleanupCache[t.id]=a),a&&!t.cleanable)throw new Error("Cleanup handler generated for non-cleanable message. \nmessageType - ".concat(t.messageType,", handler executor was - ").concat(i.executor,"\n\nPlease review the message definition object & message handler.\nTo ensure cleanup properly set 'cleanable' true at message definition and return IMessageExecutorCleanup from your handlers."));if(!a&&t.cleanable)throw new Error("No cleanup handler generated for a cleanable message. \nmessageType - ".concat(t.messageType,", handler executor was - ").concat(i.executor,"\n\nPlease review the message definition object & message handler.\nTo ensure cleanup properly set 'cleanable' true at message definition and return IMessageExecutorCleanup from your handlers."))}})}else console.log("unsupported message type")}}};var B={IframeLoader:"IframeLoader",WebComponentLoader:"WebComponentLoader",HTMLLoader:"HTMLLoader",MinimizedLoader:"MinimizedLoader"};var z={open:"open",closed:"closed",none:"none",localFrame:"localFrame"};var j={message:"message",code:"code"},q=class{};r(q,"code","code"),r(q,"component","component");var U={Segmented:"Segmented",Dedicated:"Dedicated",Default:"Default"},he={Segment:"Segment",Promo:"Promo",AB:"AB"},ye=class{constructor(n,e){this.container=n;this.shadowRoot=e;r(this,"getRootDiv",()=>(this.shadowRoot||this.container).querySelector("div"));r(this,"getRoot",()=>this.shadowRoot||this.container)}};var Me={webcomponent_message_key:"myop_webcomponent_message"};var I=class extends fe{constructor(e,t){super(e);this.context=t;r(this,"executor",e=>{if(e.destination){let t=e.destination;if(this.context[t].context){let s=(i,a)=>{this.messageToHost(H(h({},i),{source:e.destination?e.destination:e.source,destination:e.source?e.source:e.destination}),a)};return this.innerExecutor(e,this.context[t].context,s)}else debugger}else debugger})}};var D={id:"myop-id"};var E=(o,n)=>n.querySelectorAll("[".concat(D.id,"='").concat(o.refConfig.selector,"']"));var Ie=class extends I{constructor(){super(...arguments);r(this,"messageType",g.BindClickMessage);r(this,"innerExecutor",(e,t,s)=>{let i=E(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let d=()=>{s(new Q(e.handlerUniqueId))};p.addEventListener("click",d),a.push(()=>{p.removeEventListener("click",d)})}),()=>{a.forEach(p=>p())}})}};var Ce=class extends I{constructor(){super(...arguments);r(this,"messageType",g.ChangeTextMessage);r(this,"innerExecutor",(e,t)=>{E(e.ref,t.shadowRoot).forEach(i=>{i.textContent=e.content})})}};var xe=class extends ye{constructor(e,t){super(e,t);this.container=e;this.shadowRoot=t}};var be=class extends I{constructor(){super(...arguments);r(this,"innerExecutor",(e,t)=>{let s=t.shadowRoot.querySelectorAll("[".concat(D.id,"]")),i=[];s.forEach(a=>{let p=a.getAttribute(D.id);p&&i.push(new le(p,a.tagName,a.getBoundingClientRect(),a.offsetTop,a.offsetLeft))}),this.messageToHost(new re(e.handlerUniqueId,i))});r(this,"messageType",g.DetectMyopRefsMessage)}};var Se="__federation__",Rt="onLoad";var we=(o,n)=>{window[Se]&&window[Se][o]&&window[Se][o][Rt]&&window[Se][o][Rt]({[o]:n})};var Te=class extends I{constructor(){super(...arguments);r(this,"messageType",g.SetAttributeMessage);r(this,"innerExecutor",(e,t)=>{E(e.ref,t.shadowRoot).forEach(i=>{i.setAttribute(e.name,e.value)})})}};var ot=o=>o!==Object(o),Jt=o=>typeof o=="function",st=o=>{if(ot(o))return!0;if(Jt(o)||Object.getPrototypeOf(o))return!1;for(let n in o){let e=o[n];if(typeof e=="object"){if(!st(e))return!1}else{if(ot(e))continue;return!1}}return!0},L=(o,n={},e=!0,t=new WeakMap)=>{if(ot(o))return o;if(Array.isArray(o)){if(t.has(o))return t.get(o);let s=[];t.set(o,s);for(let i=0;i<o.length;i++){let a=o[i];s[i]=L(a,n,e,t)}return s}if(o!==null&&typeof o=="object"){if(t.has(o))return t.get(o);let s={};t.set(o,s);for(let i in o){let a=typeof n=="boolean"?n:n[i];a&&(a===!0?(e?o[i]!==void 0:o[i])&&(s[i]=L(o[i],!0,e,t)):typeof a=="object"&&(s[i]=L(o[i],a,e,t)))}return s}return{}};var Re=class extends I{constructor(){super(...arguments);r(this,"messageType",g.AddEventListenerMessage);r(this,"innerExecutor",(e,t,s)=>{let i=E(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let d=c=>{s(new Z(e.handlerUniqueId,L(c,e.serializableSkeleton)))};p.addEventListener(e.type,d),a.push(()=>{p.removeEventListener(e.type,d)})}),()=>{a.forEach(p=>p())}})}};var O=class{constructor(n,e,t){this.componentDefinition=n;this.container=e;r(this,"id","");r(this,"messageHandlers",{});r(this,"element");r(this,"_markedForDisposed",!1);r(this,"bind",(n,e)=>{this.messageHandlers[n]||(this.messageHandlers[n]=[]),this.messageHandlers[n].includes(e)||this.messageHandlers[n].push(e)});r(this,"bindWhen",(n,e,t)=>{if(!t)throw new Error("can't use component.bindWhen without an handler");this.messageHandlers[n]||(this.messageHandlers[n]=[]);let s=this.messageHandlers[n],i=a=>e(a)?(t(a),!0):!1;return s.push(i),()=>{let a=s.indexOf(i);a>-1&&s.splice(a,1)}});r(this,"setInitiated",()=>{this.isInitiated=!0,this._whenInitiatedResolve&&this._whenInitiatedResolve()});r(this,"isInitiated",!1);r(this,"_whenInitiatedResolve");r(this,"_whenInitiatedReject");r(this,"_whenInitiated",new Promise((n,e)=>{this._whenInitiatedResolve=n,this._whenInitiatedReject=e}));r(this,"initiated",()=>this._whenInitiated);r(this,"props",{});r(this,"refs",{});this.id=(t==null?void 0:t.id)||K.Instance().assignId(n);let s=t!=null&&t.timeout?t==null?void 0:t.timeout:5*1e3;setTimeout(()=>{!this.isInitiated&&this._whenInitiatedReject&&!this._markedForDisposed&&this._whenInitiatedReject("timeout_".concat(s," ").concat(this.id))},s),this.initiated().then(()=>{window.myop.hostSDK.inspected&&this.inspect()})}get markedForDisposed(){return this._markedForDisposed}set markedForDisposed(n){if(this._markedForDisposed)throw new Error("InvalidOperationException: The component is already in the process of being disposed. Dispose operation cannot be performed again until the current disposal process is complete.");this._markedForDisposed=n}onMessageReceived(n){if(n.messageType===g.ExecuteComponentMethod){let t=n;return this[t.method]?this[t.method](t.content):console.log("method not found ".concat(t.method," on component"),this),!0}let e=this.messageHandlers[n.messageType];if(e&&e.length){let t=!1;return e.forEach(s=>{t=t||s(n)}),t}return!1}sendCleanupMessage(n){n.source=this.id,n.destination=this.id,n.direction=b.down;let e=this.bindWhen(n.replyMessageKey,s=>s.replayToHandler===n.handlerUniqueId,s=>{n.handler(s),e()}),t=n.handler;delete n.handler,this.send(n),n.handler=t}send(n){n.source||(n.source=this.id),n.destination||(n.destination=this.id),n.direction=b.down;let e;if(n.handler){let t=n;e=this.bindWhen(t.replyMessageKey,s=>s.replayToHandler===t.handlerUniqueId,t.handler),delete n.handler}return n.ref&&(n.ref=n.ref.__nonProxied||n.ref),n.cleanable?()=>{this.sendCleanupMessage(new ie(n.id,t=>{})),e&&e()}:()=>{}}dispose(){if(this.markedForDisposed=!0,!this.isInitiated)return;console.log("disposing component",this.id),this.send(new pe);let n=this.messageHandlers.onDispose;n&&n.forEach(e=>{e(null)}),this.messageHandlers={},this.id+="_disposed",this.isInitiated=!1}};var Et={notSerializableRefCall:(o,n)=>{throw new Error("\nThe input provided to '".concat(o.toString(),"' is not serializable. Serialization is required to ensure that the data can be safely transferred to the skin implementation. \nThe following types of data are considered non-serializable and cannot be processed:\n\n- Functions\n- DOM elements\n- Class instances\n- Circular references\n- Symbols\n- BigInt values\n\nIn the following execution we detected :\n~~~~~~~~\n").concat(n," \n~~~~~~~~\nas not serializable.\n\nTo resolve this issue, please ensure that all inputs passed to '").concat(o.toString(),"' are in a serializable format.\nThis typically includes primitive types (strings, numbers, booleans), arrays, and plain objects. \nIf you need to include complex data types, consider converting them to a serializable structure before passing them to the function.\nOr use Myop message that support it: CustomRefMessage, AddEventListenerMessage or ExecuteScriptMessage.\n\nSuggested Fix:\n1. Remove or replace non-serializable values from your input.\n2. If using objects, ensure they do not contain any functions or circular references.\n3. Convert any class instances to plain objects or JSON-compatible formats.\n4. Use dedicated Myop message.\n\nFor more details on serialization and Myop message examples, refer to https://docs.myop.dev.\n\n"))}};var de=class extends O{constructor(e,t,s){super(e,t.container,s);this.componentDefinition=e;this.parent=t;r(this,"send",e=>{let t=e.handler,s=super.send(e);return this.parent.send(new se(this.id,e)),e.handler=t,s});r(this,"dispose",()=>{this.isInitiated&&this.send(new R("dispose")),super.dispose()})}hide(){this.send(new R("hide"))}show(){this.send(new R("show"))}inspect(){return this.send(new R("inspect"))}setHeightBasedOnDocumentElement(){this.send(new R("setHeightBasedOnDocumentElement"))}setHeightBasedOnScrollHeight(){this.send(new R("setHeightBasedOnScrollHeight"))}onMessageReceived(e){return super.onMessageReceived(e)}};var Xt=(o,n,e)=>{let t=document.createElement("a");return t.textContent=o,t.style.position="relative",t.style.padding="0 5px",t.style.fontSize="14px",t.style.top="0",t.style.top="".concat(n,"px"),t.style.transform="translateX(-50%)",t.target="_blank",t.href="https://dashboard.myop.dev/dashboard/component/".concat(e.id),t},Ee=(o,n,e,t,s,i)=>{let a=Xt("".concat(i.name," : ").concat(n),e,i);return t.insertBefore(a,s),s.style.border="1px solid #007BFF",s.style.display="block",()=>{s.style.border="unset",t.removeChild(a)}},vt=(o,n,e)=>o?!1:(console.error("Error: Undefined Prop\n\nIt looks like you've tried to use a prop that hasn't been defined.\nPlease check the prop name for any typos or ensure that it is properly defined in the component's prop list.\n\n"+"Prop Name: ".concat(n,"\n")+"Component: ".concat(e.componentDefinition.name,", ID: ").concat(e.componentDefinition.id,"\n\n")+"For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/".concat(e.componentDefinition.id," or consult the developer guide.")),!0),kt=(o,n,e)=>{console.error("Error: Code Prop Not Supported\n\nCurrently, code props are only supported in local frame components.\n\u26A0\uFE0F This is a work in progress feature \u2014 code props will be supported in upcoming versions.\n\nIn the meantime, you can use message props.\n\n"+"Prop Name: ".concat(n,"\n")+"Component: ".concat(e.componentDefinition.name,", ID: ").concat(e.componentDefinition.id,"\n\n")+"For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/".concat(e.componentDefinition.id," or consult the developer guide."))},Ht=(o,n,e)=>{let t=n.reduce((i,a)=>H(h({},i),{[a.name]:h({},a)}),{}),s={get:(i,a)=>{let p=t[a];if(vt(p,a,o))return!1;if(p.behavior.type===j.code){if(e.loader.type===B.HTMLLoader&&e.loader.shadowRootMode===z.localFrame){let c=p.behavior;return o.element.contentWindow[c.remap||a]}return kt(p,a,o),!1}return p.mode==="output"?new Promise(d=>{let c=[];p.behavior.ref&&c.push(P.create(p.behavior.ref)),c.push(m=>{d(m)}),p.behavior.params&&c.push(...p.behavior.params);let l=ge[p.behavior.message];o.send(new l(...c))}):null},set:(i,a,p)=>{let d=t[a];if(vt(d,a,o))return!1;if(d.behavior.type===j.code){if(e.loader.type===B.HTMLLoader&&e.loader.shadowRootMode===z.localFrame){let l=d.behavior;return o.element.contentWindow[l.remap||a]=p,!0}return kt(d,a,o),!1}else if(d.mode==="input")if(d.behavior.type==="message"){let c=[];d.behavior.ref&&c.push(P.create(d.behavior.ref)),c.push(p),d.behavior.params&&c.push(...d.behavior.params);let l=ge[d.behavior.message];return o.send(new l(...c)),!0}else throw new Error("Error: Unsupported Behavior\n\nThe 'behavior' field provided is not supported.\n"+"Component: ".concat(o.componentDefinition.name,", ID: ").concat(o.componentDefinition.id,"\n\n")+"Prop Name: ".concat(a,"\n")+"Behavior Field: ".concat(d.behavior.type,"\n\n")+"Check the documentation for valid behavior options.");return!1}};return o.props={},o.props=new Proxy(o.props,s),o},Qt=(o,n)=>new Proxy(o,{get(e,t){return e[t]?e[t]:(...i)=>new Promise(a=>{i.forEach(p=>{st(p)||Et.notSerializableRefCall(t,p)}),n.send(new $(({ref:p,propName:d,functionArgs:c,makeSerializable:l})=>{if(p){let m=p[d];return l(typeof m=="function"?p[d](...c):m,!0)}return null},{elementId:e.refConfig.selector,propName:t,functionArgs:i},p=>{a(p.content)}))})},set(e,t,s){return n.send(new $(({ref:i,propName:a,propValue:p})=>{i&&(i[a]=p)},{elementId:e.refConfig.selector,propValue:s,propName:t},i=>{})),!0}}),rt=async(o,n,e,t)=>{let s=o.component;if(!s)throw new Error("cant createRefComponent with detached ref");return new Promise(async(i,a)=>{let p=new de(n.type,s,t);e.push(p),await s.initiated();let d=setTimeout(()=>{a("timeout")},5e3);s.send(new oe(o.refConfig,n,H(h({},t||{}),{id:p.id,_hasParent:!0}),async c=>{if(clearTimeout(d),c.failed){a("CreateRefComponentMessage failed");return}let l=e.find(m=>m.id==p.id);if(l!==p){s.refs[o.refConfig.name]=l,i(l);return}else p.setInitiated(),s.refs[o.refConfig.name]=p;c.nestedRefs.forEach(m=>{let f=n.instance.resolvedNestedComponents.find(M=>M.type.id===m.componentDefinitionId).type,u=new de(f,p);u.setInitiated(),p.refs[m.refName]=u,e.push(u)});try{await it(p,n,e,!0),s.setHeightBasedOnScrollHeight&&s.setHeightBasedOnScrollHeight(),i(p)}catch(m){a(m)}}))})},it=async(o,n,e,t=!1)=>{o.refs||(o.refs={});let s=Object.values(o.componentDefinition.refs).map(i=>new Promise(async(a,p)=>{var d;if(i.behavior.type==q.component){if(t){a();return}let c=i.behavior.componentId;c||(c=i.behavior.instance.componentId);let l=(d=n.instance.resolvedNestedComponents)==null?void 0:d.find(f=>f.type.id===c);if(!l)throw new Error("componentConfig provided without nestedComponentConfig check the config object");let m=P.create("",i,o);try{let f=await rt(m,l,e);o.refs[i.name]=f,a()}catch(f){p(f)}}else try{let c=P.create("",i,o);o.refs[i.name]=Qt(c,o),a()}catch(c){}}));try{await Promise.all(s)}catch(i){throw i}};var G=class extends O{constructor(e,t,s,i,a){super(e,s,a);this.componentConfig=e;this.container=s;this.IframeElement=i;r(this,"cleanupInspect");r(this,"setHeightBasedOnDocumentElement",()=>{let e=this.send(new w(()=>window.document.documentElement.scrollHeight,t=>{this.IframeElement.style.height="".concat(t.content,"px"),e()}))});r(this,"observeSizeBasedOnDocumentElement",()=>this.send(new w(({send:t})=>{let{height:s,width:i}=document.documentElement.getBoundingClientRect(),a=new ResizeObserver(()=>{let{height:p,width:d}=document.documentElement.getBoundingClientRect();t({height:p,width:d})});return a.observe(document.documentElement),a.observe(document.body),{height:s,width:i}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px")})));r(this,"observeAutoSize",e=>{var pt;let t=this.IframeElement,s=t.contentDocument;if(!s)return console.warn("[MyopIframeComponent] Cannot observe auto size: contentDocument not accessible"),()=>{};let i=(S,k,W)=>k!==void 0&&S<k?k:W!==void 0&&S>W?W:S,a=S=>{if(S===void 0)return;if(typeof S=="number")return S;let k=parseFloat(S);return isNaN(k)?void 0:k},p=a(e==null?void 0:e.minWidth),d=a(e==null?void 0:e.maxWidth),c=a(e==null?void 0:e.minHeight),l=a(e==null?void 0:e.maxHeight),m=(pt=e==null?void 0:e.loaderMinHeight)!=null?pt:50,f=(e==null?void 0:e.explicitWidth)!==void 0,u=(e==null?void 0:e.explicitHeight)!==void 0,M=this.container.getBoundingClientRect(),Ke=M.width===0,v=M.height===0||M.height===m,_=(e!=null&&e.forceAutoSize||Ke)&&!f,F=(e!=null&&e.forceAutoSize||v)&&!u;if(!_&&!F)return()=>{};let X=()=>{var k;let S=t.contentDocument;if(S){let W=S.documentElement.getBoundingClientRect(),dt=Math.ceil(W.width),ct=Math.ceil(W.height),mt=i(dt,p,d),lt=i(ct,c,l);_&&(t.style.width="".concat(mt,"px")),F&&(t.style.height="".concat(lt,"px"));let At=_&&d!==void 0&&dt>d,Ft=F&&l!==void 0&&ct>l;S.documentElement.style.overflowX=At?"auto":"hidden",S.documentElement.style.overflowY=Ft?"auto":"hidden",(k=e==null?void 0:e.onSizeChange)==null||k.call(e,{width:mt,height:lt,autoSizingWidth:_,autoSizingHeight:F})}};X();let Ae=new ResizeObserver(X);return Ae.observe(s.body),Ae.observe(s.documentElement),()=>{Ae.disconnect()}});r(this,"setSizeBasedOnDocumentElement",()=>{let e=this.send(new w(()=>{let{height:t,width:s}=document.documentElement.getBoundingClientRect();return{height:t,width:s}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px"),e()}))});r(this,"setHeightBasedOnScrollHeight",()=>{let e=this.send(new w(()=>{let s=0;return s++,s--,Math.max(Math.max(window.document.body.clientHeight,window.document.body.scrollHeight),window.document.body.offsetHeight)+s+"px"},t=>{this.IframeElement.style.height=t.content,e()}))});r(this,"send",e=>{var i,a;let t=h({},e);if(t.messageType===g.ExecuteComponentMethod)return this[t.method](),()=>{};t.direction=b.down;let s=super.send(t);return(a=(i=this.IframeElement)==null?void 0:i.contentWindow)==null||a.postMessage(t,"*"),s});r(this,"dispose",()=>{this.cleanupInspect&&this.cleanupInspect(),super.dispose(),this.IframeElement.parentNode.removeChild(this.IframeElement)});t.loader.autoHeight&&this.initiated().then(()=>{this.setHeightBasedOnScrollHeight()}),this.element=this.IframeElement}inspect(){return this.cleanupInspect?this.cleanupInspect:(this.cleanupInspect=Ee(this.id,"MyopIframeComponent",10,this.container,this.IframeElement,this.componentDefinition),()=>{this.cleanupInspect(),this.cleanupInspect=void 0})}hide(){this.IframeElement.style.opacity="0",this.IframeElement.style.position="absolute",this.IframeElement.style.pointerEvents="none",this.IframeElement.style.visibility="hidden"}show(){this.IframeElement.style.opacity="1",this.IframeElement.style.position="unset",this.IframeElement.style.pointerEvents="all",this.IframeElement.style.visibility="visible"}onMessageReceived(e){return e.messageType===g.In.MutationObserverMessage||e.messageType===g.In.ResizeObserverMessage?(this.setHeightBasedOnScrollHeight(),!0):super.onMessageReceived(e)}};var A=class{constructor(){r(this,"appendChild",(n,e,t)=>{var s;if(t!=null&&t.relative){if(t.relative.direction==="before")return n.insertBefore(e,t.relative.child);if(t.relative.direction==="after"){let i=(s=t.relative.child)==null?void 0:s.nextSibling;return n.insertBefore(e,i||null)}}else return n.appendChild(e)})}};var Yt=(o,n,e)=>{let t=new URL(o);return t.searchParams.append(n,e),t.toString()},ve=class extends A{constructor(){super(...arguments);r(this,"type",B.IframeLoader);r(this,"load",async(e,t,s,i)=>{let a,p=t.loader;if((s==null?void 0:s.nodeName)==="IFRAME")console.log("needs to load into an exsisting Iframe...",p.url,s),a=s,a.src=p.url;else{let d=T(),c="myop-comp-".concat(d);a=document.createElement("iframe"),a.id=c;let l="\n                padding: 0;\n                margin: 0;\n                position: absolute;\n                inset: 0;\n                height: ".concat(p.autoHeight||!p.height?"100%":p.height,";\n                width: 100%;\n                overflow: hidden;\n                border: none;\n                opacity: ").concat(i!=null&&i.hidden?"0":"1",";\n                pointer-events: ").concat(i!=null&&i.hidden?"none":"all",";\n            ");a.style.cssText=l,i!=null&&i.elementAttributes&&Object.entries(i.elementAttributes).forEach(([f,u])=>{u===""||u===null||u===void 0?a.setAttribute(f,""):a.setAttribute(f,String(u))});let m=t.loader.url;i!=null&&i._hasParent&&(m=Yt(m,"_myop-comp",d)),a.src=m,s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),a=this.appendChild(s,a,i)}return new G(e,t,s,a,i)})}};var J=class extends O{constructor(e,t,s,i,a){super(e,s,a);this.container=s;this.customElement=i;r(this,"cleanupInspect",()=>{});r(this,"send",e=>{let t=h({},e),s=super.send(t),i=new CustomEvent(Me.webcomponent_message_key,{detail:t});try{this.customElement.dispatchEvent(i)}catch(a){console.log("error while trying to dispatchEvent",a)}return s});r(this,"dispose",()=>{var e;super.dispose(),(e=this.customElement.parentNode)==null||e.removeChild(this.customElement)});this.element=i}inspect(){return this.cleanupInspect=Ee(this.id,"MyopWebComponent",0,this.container,this.customElement,this.componentDefinition),this.cleanupInspect}hide(){this.customElement.style.opacity="0",this.customElement.style.position="absolute",this.customElement.style.pointerEvents="none",this.customElement.style.visibility="hidden",this.customElement.style.height="0",this.customElement.style.width="0"}show(){this.customElement.style.opacity="1",this.customElement.style.position="unset",this.customElement.style.pointerEvents="all",this.customElement.style.visibility="visible",this.customElement.style.height="",this.customElement.style.width=""}};var at={},ke=class extends A{constructor(){super(...arguments);r(this,"type",B.WebComponentLoader);r(this,"load",async(e,t,s,i)=>{let a=t.loader;at[a.url]?console.log("Module alreday loaded or in loading process"):at[a.url]=new Promise((c,l)=>{let m=a.url,f=document.createElement("script");f.type="module",f.src=m,f.onload=()=>{c()},f.onerror=()=>{l()},document.head.appendChild(f)}),await at[a.url],await yt(1);let p="myop-comp-".concat(T()),d=document.createElement(a.tag);return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),d.id=p,i!=null&&i.hidden&&(d.style.opacity="0",d.style.position="absolute",d.style.height="0",d.style.width="0",d.style.pointerEvents="none",d.style.visibility="hidden"),i!=null&&i._environment&&(d._myopEnvironment=i==null?void 0:i._environment),this.appendChild(s,d,i),new J(e,t,s,d,i)})}};var Bt="0.2.7";var Dt=[],He,Lt=async()=>(He||(He=new ce,He.init()),He);function Zt(o,n){return class extends HTMLElement{connectedCallback(){let e=n===z.open?"open":"closed",t=this.attachShadow({mode:e});Lt().then(s=>{s.connectedCallback(this,t),t.innerHTML=o})}}}var en=(o,n,e)=>{customElements.define(o,Zt(n,e)),console.log("define('".concat(o,"') was called, web component ready to use"))},tn=o=>o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/(\d+)/g,"-$1").toLowerCase(),nn=o=>(o=tn(o),o.replace(/_/g,"-"));var Be=class extends A{constructor(){super(...arguments);r(this,"type",B.HTMLLoader);r(this,"load",async(e,t,s,i)=>{let a=t.loader,p="myop-comp-".concat(T()),d;if(a.shadowRootMode===z.localFrame){let c=T(),l="myop-comp-".concat(c),m=document.createElement("iframe");m.id=l,m.style.cssText="\n                display: block;\n                padding: 0;\n                margin: 0;\n                position: absolute;\n                inset: 0;\n                overflow: hidden;\n                border: none;\n                opacity: ".concat(i!=null&&i.hidden?"0":"1",";\n                width: 100%;\n                height: 100%;\n                pointer-events: ").concat(i!=null&&i.hidden?"none":"all",";\n            "),s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),m=this.appendChild(s,m,i);let f=m.contentDocument||m.contentWindow.document;f.open();let u=a.HTML;if(i!=null&&i._inspection){let v=new DOMParser().parseFromString(a.HTML,"text/html"),_=v.getElementById("myop_preview");_==null||_.removeAttribute("type");let F=v.implementation.createHTMLDocument();F.body.innerHTML="<script>\n                        const beforeKeysWindow = new Set(Object.keys(window));\n                        window.myopState = {\n                            beforeKeysWindow,\n                        };\n                <\/script>";let X=F.body.firstChild;X&&v.head&&v.head.insertBefore(v.importNode(X,!0),v.head.firstChild),u=v.documentElement.outerHTML}f.writeln(u),f.writeln('<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__,'"><\/script>\n                    <script>\n                  \n                   window.__federation__.__public_path__ =  window.__federation__.__public_path__;\n                  \n                   const __myop_init = async () => {\n                        const {IframeSDK} = (await window.myop.rootSDK.getIframeModule());\n                        const sdk = new IframeSDK()\n                        sdk.init();\n                   }\n                    \n                   __myop_init().then();\n                    \n              <\/script>')),f.close();let M=new G(e,t,s,m,i);return a.autoHeight&&(m.onload=()=>{M.observeSizeBasedOnDocumentElement()}),M}if(a.shadowRootMode===z.none){let c=document.createElement("template");c.innerHTML=a.HTML,d=c.content.firstElementChild,Lt().then(l=>{l.connectedCallback(d,d)})}else{let c=nn(e.name+t.id);Dt.includes(c)||(en(c,a.HTML,a.shadowRootMode),Dt.push(c)),d=document.createElement(c)}return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),d.id=p,i!=null&&i.hidden&&(d.style.opacity="0",d.style.position="absolute",d.style.height="0",d.style.width="0",d.style.pointerEvents="none",d.style.visibility="hidden"),this.appendChild(s,d,i),new J(e,t,s,d,i)})}};var on=o=>({instance:{id:"auto",componentId:o.componentId,componentName:o.name,skinSelector:{type:"Dedicated",skin:{id:"skin_auto_v2_converted"}}},type:{id:o.id,name:o.name,description:o.description,props:[{id:"in_auto_v2_converted",name:"myop_init_interface",type:"any",behavior:{type:j.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:j.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:o.consume_variant[0].loader}],defaultSkin:0},name:o.name}),De=class De{constructor(n="https://cloud.myop.dev"){this._baseUrl=n;r(this,"variants",{});r(this,"userFlows",{});r(this,"_defaultEnv","production")}setEnvironment(n){this._defaultEnv=n}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(n,e,t){return"".concat(n,":").concat(e||this._defaultEnv,":").concat(t?"preview":"live")in this.variants}async fetchComponentV2(n,e,t){let s=e||this._defaultEnv,i="".concat(n,":").concat(s,":").concat(t?"preview":"live");return this.variants[i]||(this.variants[i]=new Promise(async(a,p)=>{try{let d="".concat(this._baseUrl,"/consume?id=").concat(n,"&env=").concat(s);t&&(d+="&preview=true");let m=(await(await fetch(d)).json()).item;if(!m){p(new Error('Component "'.concat(n,'" not found')));return}if(!m.consume_variant||!m.consume_variant.length){p(new Error('Component "'.concat(n,'" has no implementation for environment "').concat(s,'"')));return}let f=on(m);a(f)}catch(d){p(d)}})),await this.variants[i]}async fetchComponentV1(n,e){return e?(await this.fetchFlow(e)).components.find(s=>s.type.id===n):(await this.fetchAutoFlow(n)).components[0]}async fetchAutoFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&auto=true"))).json();e(i.item)}catch(s){t(s)}})),await this.userFlows[n]}async fetchFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&resolve=components"))).json();e(i.item)}catch(s){t(s)}})),await this.userFlows[n]}async fetchComponent(n,e){return this.fetchComponentV1(n,e)}};r(De,"Main",new De);var me=De;var _t=async o=>{try{let n=new URL(window.location.href),t=new URLSearchParams(n.search).get("myopOverride");if(t){let[s,...i]=ze(t);switch(s){case"component":{let[a,p]=i,d=await me.Main.fetchComponent(a);if(d&&d.type.skins.find(l=>l.id===p))return d.instance.skinSelector={type:U.Dedicated,skin:{id:p}},d}break;default:{let[a,p]=ze(t),c=(await me.Main.fetchFlow(a)).components.find(l=>l.type.id===o.type.id);if(c&&c.instance.skinSelector.type===U.Segmented&&c.instance.resolvedExperiences){let l=c.instance.resolvedExperiences.find(m=>m.id===p);if((l==null?void 0:l.type)===he.Segment){let m=l,u=c.instance.skinSelector.segments.find(M=>M.segmentId===m.segment.id);if(u)return c.instance.skinSelector=u==null?void 0:u.skinSelector,c}}}break}}}finally{return null}};var Pt="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",K=class{constructor(){r(this,"components2init",[]);r(this,"components",[]);r(this,"componentsLoaders",[]);r(this,"initiated",!1);r(this,"version",Bt);r(this,"type2InstanceCount",{});r(this,"assignId",n=>(this.type2InstanceCount[n.id]||(this.type2InstanceCount[n.id]=0),"".concat(n.id,"_").concat(++this.type2InstanceCount[n.id])));r(this,"inspected",!1);r(this,"inspect",()=>{this.inspected||(this.inspected=!0,this.components.forEach(n=>{n.inspect&&n.inspect()}))});r(this,"incomingMessageHandler",n=>{if(n.origin,document.location.origin,n.data.myop){if(n.data.direction!==b.up&&n.data.messageType!==g.EnvelopedMessage)return;let e=n.data;if(e.messageType===g.InitRequest){this.components2init.forEach(s=>{s.send(new N(s.id))});return}if(e.messageType===g.InitResponse){this.components2init=this.components2init.filter(i=>i.id!==e.content.id);let s=this.components.find(i=>{var a;return i.id===((a=e.content)==null?void 0:a.id)});s==null||s.setInitiated();return}if(e.messageType===g.EnvelopedMessage){let s=e,i=this.components.find(a=>a.id===s.destination);if(i){if(s.direction===b.down){s.message.messageType===R.name?i.onMessageReceived(s.message):(s.message.route=s.route,i.send(s.message));return}}else{let a=this.components.find(p=>p.id===s.message.destination);a&&a.send(s.message)}return}let t=this.components.find(s=>s.id===e.destination);if(!t){window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(e);return}if(t){if(t.onMessageReceived(e))return;window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(e)}}});r(this,"send",n=>{let e=new MessageEvent("",{data:n});this.incomingMessageHandler(e)});r(this,"init",n=>{if(this.initiated)throw new Error("hostSDK already initiated");let e=[new ve,new ke,new Be];if(this.componentsLoaders=[...e],n){let t={};n.forEach(s=>{let i=new s(this.componentsLoaders);t[i.type]=i}),this.componentsLoaders.forEach(s=>{t[s.type]||(t[s.type]=s)}),this.componentsLoaders=Object.values(t)}window.addEventListener("message",this.incomingMessageHandler,!1),console.log("myop hostSDK initiated",document.location.href),this.initiated=!0});r(this,"_getSkinIdBySkinSelector",async(n,e=[],t)=>{var i;async function s(a,p){for(let d of a)if(await p(d))return d}switch(n.type){case"DedicatedSkin":case U.Dedicated:return((i=n.skin)==null?void 0:i.id)||n.skins[0].id;case U.Segmented:{let p=await s(n.segments,async d=>{if(d.segmentId==="Default")return!0;let c=e.find(u=>u.type===he.Segment?u.segment.id===d.segmentId:!1);if(!c)throw new Error("experience not found");let m=c.segment,f=(t||{})[m.function];return f?await f():(console.warn("segmentId:".concat(d.segmentId,", ").concat(m.function," function not provided !")),!1)});if(p)return this._getSkinIdBySkinSelector(p.skinSelector,e);debugger}break;default:debugger}return""});r(this,"runSkinSelector",async(n,e)=>{let t=await this._getSkinIdBySkinSelector(n.instance.skinSelector,n.instance.resolvedExperiences,e);return n.type.skins.find(s=>s.id===t)});r(this,"loaderHooks");r(this,"loadComponent",async(n,e,t)=>{var l,m,f,u;if(!e){debugger;throw new Error("no container was found for this component")}let s=await _t(n);s&&(n=s);let i=h(h({},(l=this.loaderHooks)!=null?l:{}),(m=t==null?void 0:t.hooks)!=null?m:{}),a=e;if(a.myop)if(a.component){n=h({},n),n.instance=h({},n.instance);let M=await this.runSkinSelector(n,i);if(!M)throw new Error("runSkinSelector failed to choose skin, check the provided config");return(f=t==null?void 0:t.hooks)!=null&&f.afterSkinSelected&&(M=await t.hooks.afterSkinSelected(h({},M))),n.instance.skinSelector={type:U.Dedicated,skin:M},t&&(t=h({},t),delete t.hooks),await rt(a,n,this.components,t)}else throw new Error("load component got a detached ref.");e=e;let p=await this.runSkinSelector(n,i);if(!p)throw new Error("runSkinSelector failed to choose skin, check the provided config");(u=t==null?void 0:t.hooks)!=null&&u.afterSkinSelected&&(p=await t.hooks.afterSkinSelected(h({},p)));let d=this.componentsLoaders.find(M=>M.type===p.loader.type);if(!d){debugger;throw new Error('no loader "'.concat(p.loader.type,'" was found for component'))}let c=await d.load(n.type,p,e,t);c.isInitiated||this.components2init.push(c),c.bind("onDispose",()=>(this.components=this.components.filter(M=>M!==c),this.components2init=this.components2init.filter(M=>M!==c),!0)),this.components.push(c),(!t||t.connectProps!==!1)&&(c=Ht(c,n.type.props,p));try{await it(c,n,this.components)}catch(M){throw M}return t!=null&&t.skipInit||await c.initiated(),c});r(this,"navigate",async(n,e,t)=>{if(n.parent)throw new Error("Navigating on remote ref components is not implemented yet");if(t!=null&&t.staged){let s=await this.loadComponent(e,n.container,h({hidden:!0,relative:{direction:"after",child:n.element}},t));return t.init&&await t.init(s),s.show(),n.dispose(),s}else{let s=n.element.nextSibling;return n.dispose(),this.loadComponent(e,n.container,h({relative:{direction:"before",child:s}},t))}})}};r(K,"Instance",()=>window.myop.hostSDK);window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Pt});if(!window.myop.hostSDK){let o=new K;o.init(),window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Pt}),window.myop.hostSDK=o}var sn=window.myop.hostSDK;we("hostSDK",sn);var Le=class extends I{constructor(){super(...arguments);r(this,"messageType",g.CreateRefComponentMessage);r(this,"innerExecutor",(e,t,s)=>{(async()=>{let a=t.shadowRoot.querySelectorAll("[".concat(D.id,"='").concat(e.refConfig.selector,"']"));if(a.length===1){let p=K.Instance(),d=p.components.find(f=>f.id===e.options.id);d&&d.dispose();let c=p.components.indexOf(d);c!==-1&&p.components.splice(c,1);let l=await p.loadComponent(e.nestedComponentConfig,a.item(0),e.options),m=[];Object.keys(l.refs).forEach(f=>{let u=l.refs[f];u=u.__nonProxied||u,u.componentDefinition&&m.push({refName:f,componentDefinitionId:u.componentDefinition.id})}),s(new V(e.handlerUniqueId,m))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new V(e.handlerUniqueId,[],!0));debugger}})().then()})}};var Ot=(o,n,e)=>{let t=o.scriptInputs?o.scriptInputs:{};t.makeSerializable=L,t.send=n,t.rootRef=e,t.__scriptInputs=t;let i=new Function("return (".concat(o.script,")(...arguments)"))(t);n(i)};var _e=class extends I{constructor(){super(...arguments);r(this,"messageType",g.ExecuteScriptMessage);r(this,"innerExecutor",(e,t,s)=>{Ot(e,a=>{s(new Y(e.handlerUniqueId,a))},t)})}};var Kt=o=>{if(!o)return null;if(o.tagName==="FORM"){let n=new FormData(o),e={formData:{},unmappedData:[]},t=o.querySelectorAll("input, select, textarea"),s=-1;return t.forEach(i=>{if(typeof i.value=="string"){let a=i.getAttribute(D.id),p=i.getAttribute("name"),d={id:i.id,name:p,value:Kt(i),required:i.required,validity:L(i.validity,!0),myopId:a};p?e.formData[p]?e.formData[p].value?e.unmappedData.push(d):(e.unmappedData.push(e.formData[p]),e.formData[p]=d):e.formData[p]=d:e.unmappedData.push(d)}}),e}return o.type==="checkbox"||o.type==="radio"?o.checked?o.value:null:o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.tagName==="SELECT"?o.value:o.isContentEditable?o.innerText||o.textContent:null},Pe=class extends I{constructor(){super(...arguments);r(this,"messageType",g.GetElementValueMessage);r(this,"innerExecutor",(e,t,s)=>{E(e.ref,t.shadowRoot).forEach(a=>{s(new ee(Kt(a)),e)})})}};var Oe=class extends I{constructor(){super(...arguments);r(this,"messageType",g.SetInnerHtml);r(this,"innerExecutor",(e,t)=>{E(e.ref,t.shadowRoot).forEach(i=>{i.innerHTML=e.content})})}};var ce=class extends ue{constructor(){super(...arguments);r(this,"alwaysPassEnvelopesToHost",!0);r(this,"connectedCallback",(e,t)=>{e.addEventListener(Me.webcomponent_message_key,s=>{let i=s.data?s.data:s.detail;if(!i||!i.myop){debugger;throw new Error("recvied webcomponent_message with wrong type")}else{let a=i;if(this.handleIncomeMessages(s),a.messageType===g.InitMessage){let p=a.content.id;this.components[p].context=new xe(e,t)}}}),setTimeout(()=>{this.messageToHost(new ne)},1)});r(this,"messageToHost",(e,t)=>{e.direction=b.up,!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId),window.myop.hostSDK.send(e)});r(this,"supportedHandlers",[new Ce(this.messageToHost,this.components),new Oe(this.messageToHost,this.components),new Ie(this.messageToHost,this.components),new be(this.messageToHost,this.components),new Te(this.messageToHost,this.components),new Re(this.messageToHost,this.components),new _e(this.messageToHost,this.components),new Pe(this.messageToHost,this.components),new Le(this.messageToHost,this.components)]);r(this,"init",()=>{})}};we("WebComponentSDK",ce);export{ce as WebComponentSDK};

package/dist/cjs/_hostSDK.98520a3d.min.js

@@ -1 +0,0 @@
-var gt=Object.defineProperty,$t=Object.defineProperties;var zt=Object.getOwnPropertyDescriptors;var ft=Object.getOwnPropertySymbols;var Ut=Object.prototype.hasOwnProperty,Wt=Object.prototype.propertyIsEnumerable;var Fe=(o,n,e)=>n in o?gt(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,h=(o,n)=>{for(var e in n||(n={}))Ut.call(n,e)&&Fe(o,e,n[e]);if(ft)for(var e of ft(n))Wt.call(n,e)&&Fe(o,e,n[e]);return o},H=(o,n)=>$t(o,zt(n));var Nt=(o,n)=>{for(var e in n)gt(o,e,{get:n[e],enumerable:!0})};var r=(o,n,e)=>Fe(o,typeof n!="symbol"?n+"":n,e);var le="__federation__",ut="onLoad";var fe=(o,n)=>{window[le]&&window[le][o]&&window[le][o][ut]&&window[le][o][ut]({[o]:n})};var g={InitRequest:"InitRequest",InitResponse:"InitResponse",InitMessage:"InitMessage",DisposeMessage:"DisposeMessage",ChangeTextMessage:"ChangeTextMessage",BindClickMessage:"BindClickMessage",DetectMyopRefsMessage:"DetectMyopRefsMessage",ExecuteScriptMessage:"ExecuteScriptMessage",AddEventListenerMessage:"AddEventListenerMessage",SetAttributeMessage:"SetAttributeMessage",CreateRefComponentMessage:"CreateRefComponentMessage",EnvelopedMessage:"EnvelopedMessage",GetElementValueMessage:"GetElementValueMessage",GetAttributeMessage:"GetAttributeMessage",SetInnerHtml:"SetInnerHtml",ExecuteComponentMethod:"ExecuteComponentMethod",SetMutationObserverMessage:"SetMutationObserverMessage",SetResizeObserverMessage:"SetResizeObserverMessage",CleanupMessage:"CleanupMessage",In:{DetectedMyopRefsMessage:"DetectedMyopRefsMessage",ClickReplayMessage:"ClickReplayMessage",ExecuteScriptReplyMessage:"ExecuteScriptReplyMessage",EventListenerCallbackMessage:"EventListenerCallbackMessage",ElementValueReplayMessage:"ElementValueReplayMessage",GetAttributeReplayMessage:"GetAttributeReplayMessage",RefComponentCreatedMessage:"RefComponentCreatedMessage",EnvelopedMessage:"EnvelopedMessage",MutationObserverMessage:"MutationObserverMessage",CleanupReplayMessage:"CleanupReplayMessage",ResizeObserverMessage:"ResizeObserverMessage"}};var ge={};Nt(ge,{AddEventListenerMessage:()=>Ne,BaseMyopMessage:()=>y,BindClickMessage:()=>Ue,ChangeTextMessage:()=>We,CleanupMessage:()=>ie,CleanupReplayMessage:()=>ae,ClickReplayMessage:()=>Q,CreateRefComponentMessage:()=>oe,CustomRefMessage:()=>$,DetectMyopRefsMessage:()=>Ge,DetectedMyopRefsMessage:()=>re,DisposeMessage:()=>pe,ElementValueReplayMessage:()=>ee,EnvelopedMessage:()=>se,EventListenerCallbackMessage:()=>Z,ExecuteComponentMethod:()=>R,ExecuteScriptMessage:()=>w,ExecuteScriptReplyMessage:()=>Y,GetAttributeMessage:()=>Je,GetAttributeReplayMessage:()=>Xe,GetElementValueMessage:()=>qe,InitMessage:()=>N,InitRequest:()=>ne,InitResponse:()=>te,MessageDirection:()=>b,MutationObserverMessage:()=>Ye,MyopBindMessage:()=>x,MyopBindReplayMessage:()=>C,MyopElementMessage:()=>ze,Ref:()=>P,RefComponentCreatedMessage:()=>V,ResizeObserverMessage:()=>et,SetAttributeMessage:()=>Ve,SetInnerHtml:()=>je,SetMutationObserverMessage:()=>Qe,SetResizeObserverMessage:()=>Ze,stripFunction:()=>It});var T=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>(+o^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+o/4).toString(16));var Vt=o=>{let n=[...o].map(e=>e.toString(16).padStart(2,"0")).join("");return[n.slice(0,8),n.slice(8,12),n.slice(12,16),n.slice(16,20),n.slice(20)].join("-")};var qt=o=>{let n=o.replace(/-/g,"+").replace(/_/g,"/");for(;n.length%4;)n+="=";let e=atob(n);return Uint8Array.from(e,t=>t.charCodeAt(0))};var $e=o=>{let n=qt(o);if(n.length%16!==0)throw new Error("Invalid input length");let e=[];for(let t=0;t<n.length;t+=16)e.push(Vt(n.slice(t,t+16)));return e};var yt=o=>new Promise(n=>setTimeout(n,o));var b=class{};r(b,"down","down"),r(b,"up","up");var y=class{constructor(){r(this,"id",T());r(this,"myop",!0);r(this,"content");r(this,"source");r(this,"destination");r(this,"route");r(this,"ref");r(this,"direction");r(this,"cleanable",!1)}static create(...n){return new this(...n)}isTypeof(n){return n.messageType===this.messageType}},ze=class extends y{constructor(e){super();this.ref=e}},C=class extends y{constructor(e){super();this.replayToHandler=e}},x=class extends y{constructor(e){super();this.handler=e;r(this,"handlerUniqueId",T())}},P=class o{constructor(n,e){this.refConfig=n;this.component=e;r(this,"myop",!0);r(this,"__nonProxied");this.__nonProxied=H(h({},this),{component:null})}static create(n,e,t){let s=e;return s||(s={id:"",name:"",description:"",selectorType:"id-attribute",selector:n,behavior:{type:"code"}}),new o(s,t)}};var ht="ClickReplayMessage",Ue=class extends x{constructor(e,t){super(t);this.ref=e;r(this,"replyMessageKey",ht);r(this,"messageType","BindClickMessage");r(this,"cleanable",!0)}},Q=class extends C{constructor(){super(...arguments);r(this,"messageType",ht)}};var We=class extends y{constructor(e,t){super();this.ref=e;r(this,"messageType","ChangeTextMessage");this.content=t}};var Mt="ExecuteScriptReplyMessage",jt=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,Gt=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,It=o=>{let n=o.match(jt);if(n)return n[1]||n[3];{let e=o.match(Gt);if(e)return e[1].trim()}},w=class extends x{constructor(e,t=()=>{},s){super(t);this.scriptInputs=s;r(this,"replyMessageKey",Mt);r(this,"messageType","ExecuteScriptMessage");r(this,"script","");this.script=e.toString(),this.content=e.toString(),this.content=It(this.content)}};r(w,"replierKey","send"),r(w,"completeStreamKey","completeStream");var Y=class extends C{constructor(e,t){super(e);this.replayToHandler=e;this.content=t;r(this,"messageType",Mt)}};var $=class extends w{constructor(e,t,s=()=>{}){super(({rootRef:i,elementId:a,_script:p,__scriptInputs:d})=>{let c=(i.shadowRoot||i.container).querySelectorAll("[myop-id='".concat(a,"']"));return c.length?(d.ref=c[0],new Function("return (".concat(p,")(...arguments)"))(d)):null},s);this.scriptInputs=t;this.scriptInputs=H(h({},t),{_script:e.toString()})}};var Ct="EventListenerCallbackMessage",Ne=class extends x{constructor(e,t,s){super(s);this.ref=e;this.type=t;this.handler=s;r(this,"replyMessageKey",Ct);r(this,"messageType","AddEventListenerMessage");r(this,"cleanable",!0);r(this,"serializableSkeleton",!1)}withSerializableSkeleton(e){return this.serializableSkeleton=e,this}},Z=class extends C{constructor(e,t){super(e);this.replayToHandler=e;this.e=t;r(this,"messageType",Ct);this.content={e:t}}};var Ve=class extends y{constructor(e,t,s){super();this.ref=e;this.name=t;this.value=s;r(this,"messageType","SetAttributeMessage")}};var xt="ElementValueReplayMessage",qe=class extends x{constructor(e,t){super(t);this.ref=e;r(this,"replyMessageKey",xt);r(this,"messageType","GetElementValueMessage")}},ee=class extends C{constructor(e){super();this.content=e;r(this,"messageType",xt)}};var je=class extends y{constructor(e,t){super();this.ref=e;r(this,"messageType","SetInnerHtml");this.content=t}};var N=class extends y{constructor(e){super();r(this,"messageType","InitMessage");this.content={id:e}}isTypeof(e){return e.messageType===this.messageType}},te=class extends N{constructor(){super(...arguments);r(this,"messageType","InitResponse")}},ne=class extends y{constructor(){super(...arguments);r(this,"messageType","InitRequest")}};var bt="RefComponentCreatedMessage",oe=class extends x{constructor(e,t,s,i){super(i);this.refConfig=e;this.nestedComponentConfig=t;this.options=s;r(this,"replyMessageKey",bt);r(this,"messageType","CreateRefComponentMessage")}},V=class extends C{constructor(e,t,s){super(e);this.replayToHandler=e;this.nestedRefs=t;this.failed=s;r(this,"messageType",bt)}};var se=class extends y{constructor(e,t){super();this.destination=e;this.message=t;r(this,"messageType","EnvelopedMessage");let s=t;this.route=[e,...s.route?s.route:[]]}};var St="DetectedMyopRefsMessage",Ge=class extends x{constructor(){super(...arguments);r(this,"messageType","DetectMyopRefsMessage");r(this,"replyMessageKey",St)}},re=class extends C{constructor(e,t){super(e);this.replayToHandler=e;r(this,"messageType",St);this.content=t}isTypeof(e){return e.messageType===this.messageType}};var wt="GetAttributeReplayMessage",Je=class extends x{constructor(e,t,s){super(s);this.ref=e;this.name=t;r(this,"replyMessageKey",wt);r(this,"messageType","GetAttributeMessage")}},Xe=class extends C{constructor(e){super();this.content=e;r(this,"messageType",wt)}};var R=class extends y{constructor(e){super();this.method=e;r(this,"messageType","ExecuteComponentMethod")}};var Qe=class extends y{constructor(){super(...arguments);r(this,"messageType","SetMutationObserverMessage")}},Ye=class extends y{constructor(){super(...arguments);r(this,"messageType","MutationObserverMessage")}};var Tt="CleanupReplayMessage",ie=class extends x{constructor(e,t){super(t);this.cleanupForMessageId=e;r(this,"replyMessageKey",Tt);r(this,"messageType","CleanupMessage")}},ae=class extends C{constructor(e){super();this.customCleanup=e;r(this,"messageType",Tt)}};var pe=class extends y{constructor(){super(...arguments);r(this,"messageType","DisposeMessage")}};var Ze=class extends y{constructor(){super(...arguments);r(this,"cleanable",!0);r(this,"messageType","SetResizeObserverMessage")}},et=class extends y{constructor(){super(...arguments);r(this,"messageType","ResizeObserverMessage")}};var O=class{constructor(n,e,t){this.componentDefinition=n;this.container=e;r(this,"id","");r(this,"messageHandlers",{});r(this,"element");r(this,"_markedForDisposed",!1);r(this,"bind",(n,e)=>{this.messageHandlers[n]||(this.messageHandlers[n]=[]),this.messageHandlers[n].includes(e)||this.messageHandlers[n].push(e)});r(this,"bindWhen",(n,e,t)=>{if(!t)throw new Error("can't use component.bindWhen without an handler");this.messageHandlers[n]||(this.messageHandlers[n]=[]);let s=this.messageHandlers[n],i=a=>e(a)?(t(a),!0):!1;return s.push(i),()=>{let a=s.indexOf(i);a>-1&&s.splice(a,1)}});r(this,"setInitiated",()=>{this.isInitiated=!0,this._whenInitiatedResolve&&this._whenInitiatedResolve()});r(this,"isInitiated",!1);r(this,"_whenInitiatedResolve");r(this,"_whenInitiatedReject");r(this,"_whenInitiated",new Promise((n,e)=>{this._whenInitiatedResolve=n,this._whenInitiatedReject=e}));r(this,"initiated",()=>this._whenInitiated);r(this,"props",{});r(this,"refs",{});this.id=(t==null?void 0:t.id)||K.Instance().assignId(n);let s=t!=null&&t.timeout?t==null?void 0:t.timeout:5*1e3;setTimeout(()=>{!this.isInitiated&&this._whenInitiatedReject&&!this._markedForDisposed&&this._whenInitiatedReject("timeout_".concat(s," ").concat(this.id))},s),this.initiated().then(()=>{window.myop.hostSDK.inspected&&this.inspect()})}get markedForDisposed(){return this._markedForDisposed}set markedForDisposed(n){if(this._markedForDisposed)throw new Error("InvalidOperationException: The component is already in the process of being disposed. Dispose operation cannot be performed again until the current disposal process is complete.");this._markedForDisposed=n}onMessageReceived(n){if(n.messageType===g.ExecuteComponentMethod){let t=n;return this[t.method]?this[t.method](t.content):console.log("method not found ".concat(t.method," on component"),this),!0}let e=this.messageHandlers[n.messageType];if(e&&e.length){let t=!1;return e.forEach(s=>{t=t||s(n)}),t}return!1}sendCleanupMessage(n){n.source=this.id,n.destination=this.id,n.direction=b.down;let e=this.bindWhen(n.replyMessageKey,s=>s.replayToHandler===n.handlerUniqueId,s=>{n.handler(s),e()}),t=n.handler;delete n.handler,this.send(n),n.handler=t}send(n){n.source||(n.source=this.id),n.destination||(n.destination=this.id),n.direction=b.down;let e;if(n.handler){let t=n;e=this.bindWhen(t.replyMessageKey,s=>s.replayToHandler===t.handlerUniqueId,t.handler),delete n.handler}return n.ref&&(n.ref=n.ref.__nonProxied||n.ref),n.cleanable?()=>{this.sendCleanupMessage(new ie(n.id,t=>{})),e&&e()}:()=>{}}dispose(){if(this.markedForDisposed=!0,!this.isInitiated)return;console.log("disposing component",this.id),this.send(new pe);let n=this.messageHandlers.onDispose;n&&n.forEach(e=>{e(null)}),this.messageHandlers={},this.id+="_disposed",this.isInitiated=!1}};var ue=class{constructor(n,e,t,s,i){this.myopId=n;this.htmlTagName=e;this.BoundingRect=t;this.offsetTop=s;this.offsetLeft=i;r(this,"type","MyopElementRef")}};var Rt=async o=>{if(typeof o=="function")o();else if(o instanceof Promise){let n=await o;typeof n=="function"&&n()}},tt=class{constructor(n){this.messageToHost=n}},ye=class extends tt{constructor(e,t){super(e);this.messageToHost=e;this.context=t}};var nt=class{constructor(n,e){this.id=n;this.context=e;r(this,"send",n=>{})}},he=class{constructor(){r(this,"messageToHandleAfterInit",[]);r(this,"components",{});r(this,"alwaysPassEnvelopesToHost",!1);r(this,"messageCleanupCache",{})}handleIncomeMessages(n){let e=n.data?n.data:n.detail;if(!(!e||!e.myop)){let t=e;if(t.direction!==b.down)return;if(t.messageType===g.DisposeMessage){t.destination&&delete this.components[t.destination];return}if(t.messageType===g.InitMessage){let s=t.content.id;if(this.components[s])return;this.components[s]=new nt(s),this.messageToHost(new te(s));return}if(t.messageType===g.EnvelopedMessage){let s=t,i=s.message;if(t=i,this.alwaysPassEnvelopesToHost||this.components[t.destination]){let a=myop.hostSDK.components.find(d=>d.id===i.destination);if(a){a.send(i);return}let p=myop.hostSDK.components.find(d=>d.id===s.destination);if(p){p.send(i);return}}else return}if(t.messageType){if(t.messageType===g.CleanupMessage){let i=t,a=this.messageCleanupCache[i.cleanupForMessageId],p=new ae(!!a);p.destination=t.destination,a?(delete this.messageCleanupCache[i.cleanupForMessageId],Rt(a).then(()=>{this.messageToHost(p,i)}).catch(()=>{})):this.messageToHost(p,i);return}let s=!1;this.supportedHandlers.forEach(i=>{if(i.messageType===t.messageType){s=!0;let a=i.executor(t);if(t.cleanable&&a&&(this.messageCleanupCache[t.id]=a),a&&!t.cleanable)throw new Error("Cleanup handler generated for non-cleanable message. \nmessageType - ".concat(t.messageType,", handler executor was - ").concat(i.executor,"\n\nPlease review the message definition object & message handler.\nTo ensure cleanup properly set 'cleanable' true at message definition and return IMessageExecutorCleanup from your handlers."));if(!a&&t.cleanable)throw new Error("No cleanup handler generated for a cleanable message. \nmessageType - ".concat(t.messageType,", handler executor was - ").concat(i.executor,"\n\nPlease review the message definition object & message handler.\nTo ensure cleanup properly set 'cleanable' true at message definition and return IMessageExecutorCleanup from your handlers."))}})}else console.log("unsupported message type")}}};var B={IframeLoader:"IframeLoader",WebComponentLoader:"WebComponentLoader",HTMLLoader:"HTMLLoader",MinimizedLoader:"MinimizedLoader"};var z={open:"open",closed:"closed",none:"none",localFrame:"localFrame"};var j={message:"message",code:"code"},q=class{};r(q,"code","code"),r(q,"component","component");var U={Segmented:"Segmented",Dedicated:"Dedicated",Default:"Default"},Ie={Segment:"Segment",Promo:"Promo",AB:"AB"},Me=class{constructor(n,e){this.container=n;this.shadowRoot=e;r(this,"getRootDiv",()=>(this.shadowRoot||this.container).querySelector("div"));r(this,"getRoot",()=>this.shadowRoot||this.container)}};var ot=o=>o!==Object(o),Jt=o=>typeof o=="function",st=o=>{if(ot(o))return!0;if(Jt(o)||Object.getPrototypeOf(o))return!1;for(let n in o){let e=o[n];if(typeof e=="object"){if(!st(e))return!1}else{if(ot(e))continue;return!1}}return!0},D=(o,n={},e=!0,t=new WeakMap)=>{if(ot(o))return o;if(Array.isArray(o)){if(t.has(o))return t.get(o);let s=[];t.set(o,s);for(let i=0;i<o.length;i++){let a=o[i];s[i]=D(a,n,e,t)}return s}if(o!==null&&typeof o=="object"){if(t.has(o))return t.get(o);let s={};t.set(o,s);for(let i in o){let a=typeof n=="boolean"?n:n[i];a&&(a===!0?(e?o[i]!==void 0:o[i])&&(s[i]=D(o[i],!0,e,t)):typeof a=="object"&&(s[i]=D(o[i],a,e,t)))}return s}return{}};var Et={notSerializableRefCall:(o,n)=>{throw new Error("\nThe input provided to '".concat(o.toString(),"' is not serializable. Serialization is required to ensure that the data can be safely transferred to the skin implementation. \nThe following types of data are considered non-serializable and cannot be processed:\n\n- Functions\n- DOM elements\n- Class instances\n- Circular references\n- Symbols\n- BigInt values\n\nIn the following execution we detected :\n~~~~~~~~\n").concat(n," \n~~~~~~~~\nas not serializable.\n\nTo resolve this issue, please ensure that all inputs passed to '").concat(o.toString(),"' are in a serializable format.\nThis typically includes primitive types (strings, numbers, booleans), arrays, and plain objects. \nIf you need to include complex data types, consider converting them to a serializable structure before passing them to the function.\nOr use Myop message that support it: CustomRefMessage, AddEventListenerMessage or ExecuteScriptMessage.\n\nSuggested Fix:\n1. Remove or replace non-serializable values from your input.\n2. If using objects, ensure they do not contain any functions or circular references.\n3. Convert any class instances to plain objects or JSON-compatible formats.\n4. Use dedicated Myop message.\n\nFor more details on serialization and Myop message examples, refer to https://docs.myop.dev.\n\n"))}};var de=class extends O{constructor(e,t,s){super(e,t.container,s);this.componentDefinition=e;this.parent=t;r(this,"send",e=>{let t=e.handler,s=super.send(e);return this.parent.send(new se(this.id,e)),e.handler=t,s});r(this,"dispose",()=>{this.isInitiated&&this.send(new R("dispose")),super.dispose()})}hide(){this.send(new R("hide"))}show(){this.send(new R("show"))}inspect(){return this.send(new R("inspect"))}setHeightBasedOnDocumentElement(){this.send(new R("setHeightBasedOnDocumentElement"))}setHeightBasedOnScrollHeight(){this.send(new R("setHeightBasedOnScrollHeight"))}onMessageReceived(e){return super.onMessageReceived(e)}};var Xt=(o,n,e)=>{let t=document.createElement("a");return t.textContent=o,t.style.position="relative",t.style.padding="0 5px",t.style.fontSize="14px",t.style.top="0",t.style.top="".concat(n,"px"),t.style.transform="translateX(-50%)",t.target="_blank",t.href="https://dashboard.myop.dev/dashboard/component/".concat(e.id),t},Ce=(o,n,e,t,s,i)=>{let a=Xt("".concat(i.name," : ").concat(n),e,i);return t.insertBefore(a,s),s.style.border="1px solid #007BFF",s.style.display="block",()=>{s.style.border="unset",t.removeChild(a)}},vt=(o,n,e)=>o?!1:(console.error("Error: Undefined Prop\n\nIt looks like you've tried to use a prop that hasn't been defined.\nPlease check the prop name for any typos or ensure that it is properly defined in the component's prop list.\n\n"+"Prop Name: ".concat(n,"\n")+"Component: ".concat(e.componentDefinition.name,", ID: ").concat(e.componentDefinition.id,"\n\n")+"For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/".concat(e.componentDefinition.id," or consult the developer guide.")),!0),kt=(o,n,e)=>{console.error("Error: Code Prop Not Supported\n\nCurrently, code props are only supported in local frame components.\n\u26A0\uFE0F This is a work in progress feature \u2014 code props will be supported in upcoming versions.\n\nIn the meantime, you can use message props.\n\n"+"Prop Name: ".concat(n,"\n")+"Component: ".concat(e.componentDefinition.name,", ID: ").concat(e.componentDefinition.id,"\n\n")+"For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/".concat(e.componentDefinition.id," or consult the developer guide."))},Ht=(o,n,e)=>{let t=n.reduce((i,a)=>H(h({},i),{[a.name]:h({},a)}),{}),s={get:(i,a)=>{let p=t[a];if(vt(p,a,o))return!1;if(p.behavior.type===j.code){if(e.loader.type===B.HTMLLoader&&e.loader.shadowRootMode===z.localFrame){let c=p.behavior;return o.element.contentWindow[c.remap||a]}return kt(p,a,o),!1}return p.mode==="output"?new Promise(d=>{let c=[];p.behavior.ref&&c.push(P.create(p.behavior.ref)),c.push(m=>{d(m)}),p.behavior.params&&c.push(...p.behavior.params);let l=ge[p.behavior.message];o.send(new l(...c))}):null},set:(i,a,p)=>{let d=t[a];if(vt(d,a,o))return!1;if(d.behavior.type===j.code){if(e.loader.type===B.HTMLLoader&&e.loader.shadowRootMode===z.localFrame){let l=d.behavior;return o.element.contentWindow[l.remap||a]=p,!0}return kt(d,a,o),!1}else if(d.mode==="input")if(d.behavior.type==="message"){let c=[];d.behavior.ref&&c.push(P.create(d.behavior.ref)),c.push(p),d.behavior.params&&c.push(...d.behavior.params);let l=ge[d.behavior.message];return o.send(new l(...c)),!0}else throw new Error("Error: Unsupported Behavior\n\nThe 'behavior' field provided is not supported.\n"+"Component: ".concat(o.componentDefinition.name,", ID: ").concat(o.componentDefinition.id,"\n\n")+"Prop Name: ".concat(a,"\n")+"Behavior Field: ".concat(d.behavior.type,"\n\n")+"Check the documentation for valid behavior options.");return!1}};return o.props={},o.props=new Proxy(o.props,s),o},Qt=(o,n)=>new Proxy(o,{get(e,t){return e[t]?e[t]:(...i)=>new Promise(a=>{i.forEach(p=>{st(p)||Et.notSerializableRefCall(t,p)}),n.send(new $(({ref:p,propName:d,functionArgs:c,makeSerializable:l})=>{if(p){let m=p[d];return l(typeof m=="function"?p[d](...c):m,!0)}return null},{elementId:e.refConfig.selector,propName:t,functionArgs:i},p=>{a(p.content)}))})},set(e,t,s){return n.send(new $(({ref:i,propName:a,propValue:p})=>{i&&(i[a]=p)},{elementId:e.refConfig.selector,propValue:s,propName:t},i=>{})),!0}}),rt=async(o,n,e,t)=>{let s=o.component;if(!s)throw new Error("cant createRefComponent with detached ref");return new Promise(async(i,a)=>{let p=new de(n.type,s,t);e.push(p),await s.initiated();let d=setTimeout(()=>{a("timeout")},5e3);s.send(new oe(o.refConfig,n,H(h({},t||{}),{id:p.id,_hasParent:!0}),async c=>{if(clearTimeout(d),c.failed){a("CreateRefComponentMessage failed");return}let l=e.find(m=>m.id==p.id);if(l!==p){s.refs[o.refConfig.name]=l,i(l);return}else p.setInitiated(),s.refs[o.refConfig.name]=p;c.nestedRefs.forEach(m=>{let f=n.instance.resolvedNestedComponents.find(M=>M.type.id===m.componentDefinitionId).type,u=new de(f,p);u.setInitiated(),p.refs[m.refName]=u,e.push(u)});try{await it(p,n,e,!0),s.setHeightBasedOnScrollHeight&&s.setHeightBasedOnScrollHeight(),i(p)}catch(m){a(m)}}))})},it=async(o,n,e,t=!1)=>{o.refs||(o.refs={});let s=Object.values(o.componentDefinition.refs).map(i=>new Promise(async(a,p)=>{var d;if(i.behavior.type==q.component){if(t){a();return}let c=i.behavior.componentId;c||(c=i.behavior.instance.componentId);let l=(d=n.instance.resolvedNestedComponents)==null?void 0:d.find(f=>f.type.id===c);if(!l)throw new Error("componentConfig provided without nestedComponentConfig check the config object");let m=P.create("",i,o);try{let f=await rt(m,l,e);o.refs[i.name]=f,a()}catch(f){p(f)}}else try{let c=P.create("",i,o);o.refs[i.name]=Qt(c,o),a()}catch(c){}}));try{await Promise.all(s)}catch(i){throw i}};var G=class extends O{constructor(e,t,s,i,a){super(e,s,a);this.componentConfig=e;this.container=s;this.IframeElement=i;r(this,"cleanupInspect");r(this,"setHeightBasedOnDocumentElement",()=>{let e=this.send(new w(()=>window.document.documentElement.scrollHeight,t=>{this.IframeElement.style.height="".concat(t.content,"px"),e()}))});r(this,"observeSizeBasedOnDocumentElement",()=>this.send(new w(({send:t})=>{let{height:s,width:i}=document.documentElement.getBoundingClientRect(),a=new ResizeObserver(()=>{let{height:p,width:d}=document.documentElement.getBoundingClientRect();t({height:p,width:d})});return a.observe(document.documentElement),a.observe(document.body),{height:s,width:i}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px")})));r(this,"observeAutoSize",e=>{var pt;let t=this.IframeElement,s=t.contentDocument;if(!s)return console.warn("[MyopIframeComponent] Cannot observe auto size: contentDocument not accessible"),()=>{};let i=(S,k,W)=>k!==void 0&&S<k?k:W!==void 0&&S>W?W:S,a=S=>{if(S===void 0)return;if(typeof S=="number")return S;let k=parseFloat(S);return isNaN(k)?void 0:k},p=a(e==null?void 0:e.minWidth),d=a(e==null?void 0:e.maxWidth),c=a(e==null?void 0:e.minHeight),l=a(e==null?void 0:e.maxHeight),m=(pt=e==null?void 0:e.loaderMinHeight)!=null?pt:50,f=(e==null?void 0:e.explicitWidth)!==void 0,u=(e==null?void 0:e.explicitHeight)!==void 0,M=this.container.getBoundingClientRect(),Ke=M.width===0,v=M.height===0||M.height===m,_=(e!=null&&e.forceAutoSize||Ke)&&!f,F=(e!=null&&e.forceAutoSize||v)&&!u;if(!_&&!F)return()=>{};let X=()=>{var k;let S=t.contentDocument;if(S){let W=S.documentElement.getBoundingClientRect(),dt=Math.ceil(W.width),ct=Math.ceil(W.height),mt=i(dt,p,d),lt=i(ct,c,l);_&&(t.style.width="".concat(mt,"px")),F&&(t.style.height="".concat(lt,"px"));let At=_&&d!==void 0&&dt>d,Ft=F&&l!==void 0&&ct>l;S.documentElement.style.overflowX=At?"auto":"hidden",S.documentElement.style.overflowY=Ft?"auto":"hidden",(k=e==null?void 0:e.onSizeChange)==null||k.call(e,{width:mt,height:lt,autoSizingWidth:_,autoSizingHeight:F})}};X();let Ae=new ResizeObserver(X);return Ae.observe(s.body),Ae.observe(s.documentElement),()=>{Ae.disconnect()}});r(this,"setSizeBasedOnDocumentElement",()=>{let e=this.send(new w(()=>{let{height:t,width:s}=document.documentElement.getBoundingClientRect();return{height:t,width:s}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px"),e()}))});r(this,"setHeightBasedOnScrollHeight",()=>{let e=this.send(new w(()=>{let s=0;return s++,s--,Math.max(Math.max(window.document.body.clientHeight,window.document.body.scrollHeight),window.document.body.offsetHeight)+s+"px"},t=>{this.IframeElement.style.height=t.content,e()}))});r(this,"send",e=>{var i,a;let t=h({},e);if(t.messageType===g.ExecuteComponentMethod)return this[t.method](),()=>{};t.direction=b.down;let s=super.send(t);return(a=(i=this.IframeElement)==null?void 0:i.contentWindow)==null||a.postMessage(t,"*"),s});r(this,"dispose",()=>{this.cleanupInspect&&this.cleanupInspect(),super.dispose(),this.IframeElement.parentNode.removeChild(this.IframeElement)});t.loader.autoHeight&&this.initiated().then(()=>{this.setHeightBasedOnScrollHeight()}),this.element=this.IframeElement}inspect(){return this.cleanupInspect?this.cleanupInspect:(this.cleanupInspect=Ce(this.id,"MyopIframeComponent",10,this.container,this.IframeElement,this.componentDefinition),()=>{this.cleanupInspect(),this.cleanupInspect=void 0})}hide(){this.IframeElement.style.opacity="0",this.IframeElement.style.position="absolute",this.IframeElement.style.pointerEvents="none",this.IframeElement.style.visibility="hidden"}show(){this.IframeElement.style.opacity="1",this.IframeElement.style.position="unset",this.IframeElement.style.pointerEvents="all",this.IframeElement.style.visibility="visible"}onMessageReceived(e){return e.messageType===g.In.MutationObserverMessage||e.messageType===g.In.ResizeObserverMessage?(this.setHeightBasedOnScrollHeight(),!0):super.onMessageReceived(e)}};var A=class{constructor(){r(this,"appendChild",(n,e,t)=>{var s;if(t!=null&&t.relative){if(t.relative.direction==="before")return n.insertBefore(e,t.relative.child);if(t.relative.direction==="after"){let i=(s=t.relative.child)==null?void 0:s.nextSibling;return n.insertBefore(e,i||null)}}else return n.appendChild(e)})}};var Yt=(o,n,e)=>{let t=new URL(o);return t.searchParams.append(n,e),t.toString()},xe=class extends A{constructor(){super(...arguments);r(this,"type",B.IframeLoader);r(this,"load",async(e,t,s,i)=>{let a,p=t.loader;if((s==null?void 0:s.nodeName)==="IFRAME")console.log("needs to load into an exsisting Iframe...",p.url,s),a=s,a.src=p.url;else{let d=T(),c="myop-comp-".concat(d);a=document.createElement("iframe"),a.id=c;let l="\n                padding: 0;\n                margin: 0;\n                position: absolute;\n                inset: 0;\n                height: ".concat(p.autoHeight||!p.height?"100%":p.height,";\n                width: 100%;\n                overflow: hidden;\n                border: none;\n                opacity: ").concat(i!=null&&i.hidden?"0":"1",";\n                pointer-events: ").concat(i!=null&&i.hidden?"none":"all",";\n            ");a.style.cssText=l,i!=null&&i.elementAttributes&&Object.entries(i.elementAttributes).forEach(([f,u])=>{u===""||u===null||u===void 0?a.setAttribute(f,""):a.setAttribute(f,String(u))});let m=t.loader.url;i!=null&&i._hasParent&&(m=Yt(m,"_myop-comp",d)),a.src=m,s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),a=this.appendChild(s,a,i)}return new G(e,t,s,a,i)})}};var be={webcomponent_message_key:"myop_webcomponent_message"};var J=class extends O{constructor(e,t,s,i,a){super(e,s,a);this.container=s;this.customElement=i;r(this,"cleanupInspect",()=>{});r(this,"send",e=>{let t=h({},e),s=super.send(t),i=new CustomEvent(be.webcomponent_message_key,{detail:t});try{this.customElement.dispatchEvent(i)}catch(a){console.log("error while trying to dispatchEvent",a)}return s});r(this,"dispose",()=>{var e;super.dispose(),(e=this.customElement.parentNode)==null||e.removeChild(this.customElement)});this.element=i}inspect(){return this.cleanupInspect=Ce(this.id,"MyopWebComponent",0,this.container,this.customElement,this.componentDefinition),this.cleanupInspect}hide(){this.customElement.style.opacity="0",this.customElement.style.position="absolute",this.customElement.style.pointerEvents="none",this.customElement.style.visibility="hidden",this.customElement.style.height="0",this.customElement.style.width="0"}show(){this.customElement.style.opacity="1",this.customElement.style.position="unset",this.customElement.style.pointerEvents="all",this.customElement.style.visibility="visible",this.customElement.style.height="",this.customElement.style.width=""}};var at={},Se=class extends A{constructor(){super(...arguments);r(this,"type",B.WebComponentLoader);r(this,"load",async(e,t,s,i)=>{let a=t.loader;at[a.url]?console.log("Module alreday loaded or in loading process"):at[a.url]=new Promise((c,l)=>{let m=a.url,f=document.createElement("script");f.type="module",f.src=m,f.onload=()=>{c()},f.onerror=()=>{l()},document.head.appendChild(f)}),await at[a.url],await yt(1);let p="myop-comp-".concat(T()),d=document.createElement(a.tag);return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),d.id=p,i!=null&&i.hidden&&(d.style.opacity="0",d.style.position="absolute",d.style.height="0",d.style.width="0",d.style.pointerEvents="none",d.style.visibility="hidden"),i!=null&&i._environment&&(d._myopEnvironment=i==null?void 0:i._environment),this.appendChild(s,d,i),new J(e,t,s,d,i)})}};var Bt="0.2.7";var I=class extends ye{constructor(e,t){super(e);this.context=t;r(this,"executor",e=>{if(e.destination){let t=e.destination;if(this.context[t].context){let s=(i,a)=>{this.messageToHost(H(h({},i),{source:e.destination?e.destination:e.source,destination:e.source?e.source:e.destination}),a)};return this.innerExecutor(e,this.context[t].context,s)}else debugger}else debugger})}};var L={id:"myop-id"};var E=(o,n)=>n.querySelectorAll("[".concat(L.id,"='").concat(o.refConfig.selector,"']"));var we=class extends I{constructor(){super(...arguments);r(this,"messageType",g.BindClickMessage);r(this,"innerExecutor",(e,t,s)=>{let i=E(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let d=()=>{s(new Q(e.handlerUniqueId))};p.addEventListener("click",d),a.push(()=>{p.removeEventListener("click",d)})}),()=>{a.forEach(p=>p())}})}};var Te=class extends I{constructor(){super(...arguments);r(this,"messageType",g.ChangeTextMessage);r(this,"innerExecutor",(e,t)=>{E(e.ref,t.shadowRoot).forEach(i=>{i.textContent=e.content})})}};var Re=class extends Me{constructor(e,t){super(e,t);this.container=e;this.shadowRoot=t}};var Ee=class extends I{constructor(){super(...arguments);r(this,"innerExecutor",(e,t)=>{let s=t.shadowRoot.querySelectorAll("[".concat(L.id,"]")),i=[];s.forEach(a=>{let p=a.getAttribute(L.id);p&&i.push(new ue(p,a.tagName,a.getBoundingClientRect(),a.offsetTop,a.offsetLeft))}),this.messageToHost(new re(e.handlerUniqueId,i))});r(this,"messageType",g.DetectMyopRefsMessage)}};var ve=class extends I{constructor(){super(...arguments);r(this,"messageType",g.SetAttributeMessage);r(this,"innerExecutor",(e,t)=>{E(e.ref,t.shadowRoot).forEach(i=>{i.setAttribute(e.name,e.value)})})}};var ke=class extends I{constructor(){super(...arguments);r(this,"messageType",g.AddEventListenerMessage);r(this,"innerExecutor",(e,t,s)=>{let i=E(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let d=c=>{s(new Z(e.handlerUniqueId,D(c,e.serializableSkeleton)))};p.addEventListener(e.type,d),a.push(()=>{p.removeEventListener(e.type,d)})}),()=>{a.forEach(p=>p())}})}};var He=class extends I{constructor(){super(...arguments);r(this,"messageType",g.CreateRefComponentMessage);r(this,"innerExecutor",(e,t,s)=>{(async()=>{let a=t.shadowRoot.querySelectorAll("[".concat(L.id,"='").concat(e.refConfig.selector,"']"));if(a.length===1){let p=K.Instance(),d=p.components.find(f=>f.id===e.options.id);d&&d.dispose();let c=p.components.indexOf(d);c!==-1&&p.components.splice(c,1);let l=await p.loadComponent(e.nestedComponentConfig,a.item(0),e.options),m=[];Object.keys(l.refs).forEach(f=>{let u=l.refs[f];u=u.__nonProxied||u,u.componentDefinition&&m.push({refName:f,componentDefinitionId:u.componentDefinition.id})}),s(new V(e.handlerUniqueId,m))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new V(e.handlerUniqueId,[],!0));debugger}})().then()})}};var Dt=(o,n,e)=>{let t=o.scriptInputs?o.scriptInputs:{};t.makeSerializable=D,t.send=n,t.rootRef=e,t.__scriptInputs=t;let i=new Function("return (".concat(o.script,")(...arguments)"))(t);n(i)};var Be=class extends I{constructor(){super(...arguments);r(this,"messageType",g.ExecuteScriptMessage);r(this,"innerExecutor",(e,t,s)=>{Dt(e,a=>{s(new Y(e.handlerUniqueId,a))},t)})}};var Lt=o=>{if(!o)return null;if(o.tagName==="FORM"){let n=new FormData(o),e={formData:{},unmappedData:[]},t=o.querySelectorAll("input, select, textarea"),s=-1;return t.forEach(i=>{if(typeof i.value=="string"){let a=i.getAttribute(L.id),p=i.getAttribute("name"),d={id:i.id,name:p,value:Lt(i),required:i.required,validity:D(i.validity,!0),myopId:a};p?e.formData[p]?e.formData[p].value?e.unmappedData.push(d):(e.unmappedData.push(e.formData[p]),e.formData[p]=d):e.formData[p]=d:e.unmappedData.push(d)}}),e}return o.type==="checkbox"||o.type==="radio"?o.checked?o.value:null:o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.tagName==="SELECT"?o.value:o.isContentEditable?o.innerText||o.textContent:null},De=class extends I{constructor(){super(...arguments);r(this,"messageType",g.GetElementValueMessage);r(this,"innerExecutor",(e,t,s)=>{E(e.ref,t.shadowRoot).forEach(a=>{s(new ee(Lt(a)),e)})})}};var Le=class extends I{constructor(){super(...arguments);r(this,"messageType",g.SetInnerHtml);r(this,"innerExecutor",(e,t)=>{E(e.ref,t.shadowRoot).forEach(i=>{i.innerHTML=e.content})})}};var ce=class extends he{constructor(){super(...arguments);r(this,"alwaysPassEnvelopesToHost",!0);r(this,"connectedCallback",(e,t)=>{e.addEventListener(be.webcomponent_message_key,s=>{let i=s.data?s.data:s.detail;if(!i||!i.myop){debugger;throw new Error("recvied webcomponent_message with wrong type")}else{let a=i;if(this.handleIncomeMessages(s),a.messageType===g.InitMessage){let p=a.content.id;this.components[p].context=new Re(e,t)}}}),setTimeout(()=>{this.messageToHost(new ne)},1)});r(this,"messageToHost",(e,t)=>{e.direction=b.up,!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId),window.myop.hostSDK.send(e)});r(this,"supportedHandlers",[new Te(this.messageToHost,this.components),new Le(this.messageToHost,this.components),new we(this.messageToHost,this.components),new Ee(this.messageToHost,this.components),new ve(this.messageToHost,this.components),new ke(this.messageToHost,this.components),new Be(this.messageToHost,this.components),new De(this.messageToHost,this.components),new He(this.messageToHost,this.components)]);r(this,"init",()=>{})}};fe("WebComponentSDK",ce);var _t=[],_e,Pt=async()=>(_e||(_e=new ce,_e.init()),_e);function Zt(o,n){return class extends HTMLElement{connectedCallback(){let e=n===z.open?"open":"closed",t=this.attachShadow({mode:e});Pt().then(s=>{s.connectedCallback(this,t),t.innerHTML=o})}}}var en=(o,n,e)=>{customElements.define(o,Zt(n,e)),console.log("define('".concat(o,"') was called, web component ready to use"))},tn=o=>o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/(\d+)/g,"-$1").toLowerCase(),nn=o=>(o=tn(o),o.replace(/_/g,"-"));var Pe=class extends A{constructor(){super(...arguments);r(this,"type",B.HTMLLoader);r(this,"load",async(e,t,s,i)=>{let a=t.loader,p="myop-comp-".concat(T()),d;if(a.shadowRootMode===z.localFrame){let c=T(),l="myop-comp-".concat(c),m=document.createElement("iframe");m.id=l,m.style.cssText="\n                display: block;\n                padding: 0;\n                margin: 0;\n                position: absolute;\n                inset: 0;\n                overflow: hidden;\n                border: none;\n                opacity: ".concat(i!=null&&i.hidden?"0":"1",";\n                width: 100%;\n                height: 100%;\n                pointer-events: ").concat(i!=null&&i.hidden?"none":"all",";\n            "),s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),m=this.appendChild(s,m,i);let f=m.contentDocument||m.contentWindow.document;f.open();let u=a.HTML;if(i!=null&&i._inspection){let v=new DOMParser().parseFromString(a.HTML,"text/html"),_=v.getElementById("myop_preview");_==null||_.removeAttribute("type");let F=v.implementation.createHTMLDocument();F.body.innerHTML="<script>\n                        const beforeKeysWindow = new Set(Object.keys(window));\n                        window.myopState = {\n                            beforeKeysWindow,\n                        };\n                <\/script>";let X=F.body.firstChild;X&&v.head&&v.head.insertBefore(v.importNode(X,!0),v.head.firstChild),u=v.documentElement.outerHTML}f.writeln(u),f.writeln('<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__,'"><\/script>\n                    <script>\n                  \n                   window.__federation__.__public_path__ =  window.__federation__.__public_path__;\n                  \n                   const __myop_init = async () => {\n                        const {IframeSDK} = (await window.myop.rootSDK.getIframeModule());\n                        const sdk = new IframeSDK()\n                        sdk.init();\n                   }\n                    \n                   __myop_init().then();\n                    \n              <\/script>')),f.close();let M=new G(e,t,s,m,i);return a.autoHeight&&(m.onload=()=>{M.observeSizeBasedOnDocumentElement()}),M}if(a.shadowRootMode===z.none){let c=document.createElement("template");c.innerHTML=a.HTML,d=c.content.firstElementChild,Pt().then(l=>{l.connectedCallback(d,d)})}else{let c=nn(e.name+t.id);_t.includes(c)||(en(c,a.HTML,a.shadowRootMode),_t.push(c)),d=document.createElement(c)}return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),d.id=p,i!=null&&i.hidden&&(d.style.opacity="0",d.style.position="absolute",d.style.height="0",d.style.width="0",d.style.pointerEvents="none",d.style.visibility="hidden"),this.appendChild(s,d,i),new J(e,t,s,d,i)})}};var on=o=>({instance:{id:"auto",componentId:o.componentId,componentName:o.name,skinSelector:{type:"Dedicated",skin:{id:"skin_auto_v2_converted"}}},type:{id:o.id,name:o.name,description:o.description,props:[{id:"in_auto_v2_converted",name:"myop_init_interface",type:"any",behavior:{type:j.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:j.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:o.consume_variant[0].loader}],defaultSkin:0},name:o.name}),Oe=class Oe{constructor(n="https://cloud.myop.dev"){this._baseUrl=n;r(this,"variants",{});r(this,"userFlows",{});r(this,"_defaultEnv","production")}setEnvironment(n){this._defaultEnv=n}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(n,e,t){return"".concat(n,":").concat(e||this._defaultEnv,":").concat(t?"preview":"live")in this.variants}async fetchComponentV2(n,e,t){let s=e||this._defaultEnv,i="".concat(n,":").concat(s,":").concat(t?"preview":"live");return this.variants[i]||(this.variants[i]=new Promise(async(a,p)=>{try{let d="".concat(this._baseUrl,"/consume?id=").concat(n,"&env=").concat(s);t&&(d+="&preview=true");let m=(await(await fetch(d)).json()).item;if(!m){p(new Error('Component "'.concat(n,'" not found')));return}if(!m.consume_variant||!m.consume_variant.length){p(new Error('Component "'.concat(n,'" has no implementation for environment "').concat(s,'"')));return}let f=on(m);a(f)}catch(d){p(d)}})),await this.variants[i]}async fetchComponentV1(n,e){return e?(await this.fetchFlow(e)).components.find(s=>s.type.id===n):(await this.fetchAutoFlow(n)).components[0]}async fetchAutoFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&auto=true"))).json();e(i.item)}catch(s){t(s)}})),await this.userFlows[n]}async fetchFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&resolve=components"))).json();e(i.item)}catch(s){t(s)}})),await this.userFlows[n]}async fetchComponent(n,e){return this.fetchComponentV1(n,e)}};r(Oe,"Main",new Oe);var me=Oe;var Ot=async o=>{try{let n=new URL(window.location.href),t=new URLSearchParams(n.search).get("myopOverride");if(t){let[s,...i]=$e(t);switch(s){case"component":{let[a,p]=i,d=await me.Main.fetchComponent(a);if(d&&d.type.skins.find(l=>l.id===p))return d.instance.skinSelector={type:U.Dedicated,skin:{id:p}},d}break;default:{let[a,p]=$e(t),c=(await me.Main.fetchFlow(a)).components.find(l=>l.type.id===o.type.id);if(c&&c.instance.skinSelector.type===U.Segmented&&c.instance.resolvedExperiences){let l=c.instance.resolvedExperiences.find(m=>m.id===p);if((l==null?void 0:l.type)===Ie.Segment){let m=l,u=c.instance.skinSelector.segments.find(M=>M.segmentId===m.segment.id);if(u)return c.instance.skinSelector=u==null?void 0:u.skinSelector,c}}}break}}}finally{return null}};var Kt="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",K=class{constructor(){r(this,"components2init",[]);r(this,"components",[]);r(this,"componentsLoaders",[]);r(this,"initiated",!1);r(this,"version",Bt);r(this,"type2InstanceCount",{});r(this,"assignId",n=>(this.type2InstanceCount[n.id]||(this.type2InstanceCount[n.id]=0),"".concat(n.id,"_").concat(++this.type2InstanceCount[n.id])));r(this,"inspected",!1);r(this,"inspect",()=>{this.inspected||(this.inspected=!0,this.components.forEach(n=>{n.inspect&&n.inspect()}))});r(this,"incomingMessageHandler",n=>{if(n.origin,document.location.origin,n.data.myop){if(n.data.direction!==b.up&&n.data.messageType!==g.EnvelopedMessage)return;let e=n.data;if(e.messageType===g.InitRequest){this.components2init.forEach(s=>{s.send(new N(s.id))});return}if(e.messageType===g.InitResponse){this.components2init=this.components2init.filter(i=>i.id!==e.content.id);let s=this.components.find(i=>{var a;return i.id===((a=e.content)==null?void 0:a.id)});s==null||s.setInitiated();return}if(e.messageType===g.EnvelopedMessage){let s=e,i=this.components.find(a=>a.id===s.destination);if(i){if(s.direction===b.down){s.message.messageType===R.name?i.onMessageReceived(s.message):(s.message.route=s.route,i.send(s.message));return}}else{let a=this.components.find(p=>p.id===s.message.destination);a&&a.send(s.message)}return}let t=this.components.find(s=>s.id===e.destination);if(!t){window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(e);return}if(t){if(t.onMessageReceived(e))return;window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(e)}}});r(this,"send",n=>{let e=new MessageEvent("",{data:n});this.incomingMessageHandler(e)});r(this,"init",n=>{if(this.initiated)throw new Error("hostSDK already initiated");let e=[new xe,new Se,new Pe];if(this.componentsLoaders=[...e],n){let t={};n.forEach(s=>{let i=new s(this.componentsLoaders);t[i.type]=i}),this.componentsLoaders.forEach(s=>{t[s.type]||(t[s.type]=s)}),this.componentsLoaders=Object.values(t)}window.addEventListener("message",this.incomingMessageHandler,!1),console.log("myop hostSDK initiated",document.location.href),this.initiated=!0});r(this,"_getSkinIdBySkinSelector",async(n,e=[],t)=>{var i;async function s(a,p){for(let d of a)if(await p(d))return d}switch(n.type){case"DedicatedSkin":case U.Dedicated:return((i=n.skin)==null?void 0:i.id)||n.skins[0].id;case U.Segmented:{let p=await s(n.segments,async d=>{if(d.segmentId==="Default")return!0;let c=e.find(u=>u.type===Ie.Segment?u.segment.id===d.segmentId:!1);if(!c)throw new Error("experience not found");let m=c.segment,f=(t||{})[m.function];return f?await f():(console.warn("segmentId:".concat(d.segmentId,", ").concat(m.function," function not provided !")),!1)});if(p)return this._getSkinIdBySkinSelector(p.skinSelector,e);debugger}break;default:debugger}return""});r(this,"runSkinSelector",async(n,e)=>{let t=await this._getSkinIdBySkinSelector(n.instance.skinSelector,n.instance.resolvedExperiences,e);return n.type.skins.find(s=>s.id===t)});r(this,"loaderHooks");r(this,"loadComponent",async(n,e,t)=>{var l,m,f,u;if(!e){debugger;throw new Error("no container was found for this component")}let s=await Ot(n);s&&(n=s);let i=h(h({},(l=this.loaderHooks)!=null?l:{}),(m=t==null?void 0:t.hooks)!=null?m:{}),a=e;if(a.myop)if(a.component){n=h({},n),n.instance=h({},n.instance);let M=await this.runSkinSelector(n,i);if(!M)throw new Error("runSkinSelector failed to choose skin, check the provided config");return(f=t==null?void 0:t.hooks)!=null&&f.afterSkinSelected&&(M=await t.hooks.afterSkinSelected(h({},M))),n.instance.skinSelector={type:U.Dedicated,skin:M},t&&(t=h({},t),delete t.hooks),await rt(a,n,this.components,t)}else throw new Error("load component got a detached ref.");e=e;let p=await this.runSkinSelector(n,i);if(!p)throw new Error("runSkinSelector failed to choose skin, check the provided config");(u=t==null?void 0:t.hooks)!=null&&u.afterSkinSelected&&(p=await t.hooks.afterSkinSelected(h({},p)));let d=this.componentsLoaders.find(M=>M.type===p.loader.type);if(!d){debugger;throw new Error('no loader "'.concat(p.loader.type,'" was found for component'))}let c=await d.load(n.type,p,e,t);c.isInitiated||this.components2init.push(c),c.bind("onDispose",()=>(this.components=this.components.filter(M=>M!==c),this.components2init=this.components2init.filter(M=>M!==c),!0)),this.components.push(c),(!t||t.connectProps!==!1)&&(c=Ht(c,n.type.props,p));try{await it(c,n,this.components)}catch(M){throw M}return t!=null&&t.skipInit||await c.initiated(),c});r(this,"navigate",async(n,e,t)=>{if(n.parent)throw new Error("Navigating on remote ref components is not implemented yet");if(t!=null&&t.staged){let s=await this.loadComponent(e,n.container,h({hidden:!0,relative:{direction:"after",child:n.element}},t));return t.init&&await t.init(s),s.show(),n.dispose(),s}else{let s=n.element.nextSibling;return n.dispose(),this.loadComponent(e,n.container,h({relative:{direction:"before",child:s}},t))}})}};r(K,"Instance",()=>window.myop.hostSDK);window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Kt});if(!window.myop.hostSDK){let o=new K;o.init(),window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Kt}),window.myop.hostSDK=o}var sn=window.myop.hostSDK;fe("hostSDK",sn);export{K as HostSDK,sn as hostSDK};