@myop/sdk 0.3.36 → 0.4.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/bundled-declarations.d.ts +406 -166
  2. package/dist/cjs/{_IframeSDK.3283252f.js → _IframeSDK.096d8320.js} +1325 -915
  3. package/dist/cjs/_IframeSDK.096d8320.js.map +7 -0
  4. package/dist/cjs/_IframeSDK.8e791f92.min.js +1 -0
  5. package/dist/cjs/_MyopHelpers.91004b19.min.js +1 -0
  6. package/dist/cjs/{_MyopHelpers.08d1cf5d.js → _MyopHelpers.efed13e4.js} +362 -2
  7. package/dist/cjs/_MyopHelpers.efed13e4.js.map +7 -0
  8. package/dist/cjs/_WebComponentSDK.4a87f826.min.js +1 -0
  9. package/dist/cjs/{_WebComponentSDK.e84be6ea.js → _WebComponentSDK.e9e877db.js} +893 -486
  10. package/dist/cjs/_WebComponentSDK.e9e877db.js.map +7 -0
  11. package/dist/cjs/{_hostSDK.fa5b3ccf.js → _hostSDK.0c271647.js} +1348 -941
  12. package/dist/cjs/_hostSDK.0c271647.js.map +7 -0
  13. package/dist/cjs/_hostSDK.7d759290.min.js +1 -0
  14. package/dist/cjs/myop_sdk.js +35 -24
  15. package/dist/cjs/myop_sdk.js.map +2 -2
  16. package/dist/cjs/myop_sdk.min.js +1 -1
  17. package/dist/cjs-bundled/myop_sdk.bundled.js +1820 -1379
  18. package/dist/cjs-bundled/myop_sdk.bundled.js.map +4 -4
  19. package/dist/cjs-bundled/myop_sdk.bundled.min.js +1 -1
  20. package/dist/module/Iframe/index.js +1501 -1079
  21. package/dist/module/Iframe/index.js.map +4 -4
  22. package/dist/module/SDK.d.ts +5 -1
  23. package/dist/module/SDK.js +1974 -1523
  24. package/dist/module/SDK.js.map +4 -4
  25. package/dist/module/embeddedSDK.js +1 -1
  26. package/dist/module/helpers/CloudRepository.d.ts +96 -0
  27. package/dist/module/helpers/cloudRepositoryHelpers.d.ts +99 -0
  28. package/dist/module/helpers/deliveryStore.d.ts +51 -0
  29. package/dist/module/helpers/index.js +370 -3
  30. package/dist/module/helpers/index.js.map +4 -4
  31. package/dist/module/host/components/myopIframeComponent.d.ts +6 -0
  32. package/dist/module/host/embeddedSDK.js +1 -1
  33. package/dist/module/host/hostSDK.d.ts +2 -0
  34. package/dist/module/host/index.js +1516 -1097
  35. package/dist/module/host/index.js.map +4 -4
  36. package/dist/module/webcomponent/index.js +1202 -783
  37. package/dist/module/webcomponent/index.js.map +4 -4
  38. package/package.json +1 -1
  39. package/dist/cjs/_IframeSDK.3283252f.js.map +0 -7
  40. package/dist/cjs/_IframeSDK.652f4774.min.js +0 -1
  41. package/dist/cjs/_MyopHelpers.08d1cf5d.js.map +0 -7
  42. package/dist/cjs/_MyopHelpers.59521d8f.min.js +0 -1
  43. package/dist/cjs/_WebComponentSDK.8fe7c9bf.min.js +0 -1
  44. package/dist/cjs/_WebComponentSDK.e84be6ea.js.map +0 -7
  45. package/dist/cjs/_hostSDK.de2d767e.min.js +0 -1
  46. package/dist/cjs/_hostSDK.fa5b3ccf.js.map +0 -7
@@ -5,7 +5,7 @@
5
5
  * The embedded SDK content as a minified JavaScript string.
6
6
  * This is the full @myop/sdk bundled for iframe injection.
7
7
  */
8
- export const EMBEDDED_SDK_CONTENT = `"use strict";var MyopSDK=(()=>{var Ze=Object.defineProperty,ni=Object.defineProperties,oi=Object.getOwnPropertyDescriptor,si=Object.getOwnPropertyDescriptors,ii=Object.getOwnPropertyNames,Wn=Object.getOwnPropertySymbols;var Fn=Object.prototype.hasOwnProperty,ri=Object.prototype.propertyIsEnumerable;var Vt=(o,n,e)=>n in o?Ze(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,M=(o,n)=>{for(var e in n||(n={}))Fn.call(n,e)&&Vt(o,e,n[e]);if(Wn)for(var e of Wn(n))ri.call(n,e)&&Vt(o,e,n[e]);return o},Q=(o,n)=>ni(o,si(n));var m=(o,n)=>()=>(o&&(n=o(o=0)),n);var ie=(o,n)=>{for(var e in n)Ze(o,e,{get:n[e],enumerable:!0})},ai=(o,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of ii(n))!Fn.call(o,s)&&s!==e&&Ze(o,s,{get:()=>n[s],enumerable:!(t=oi(n,s))||t.enumerable});return o};var pi=o=>ai(Ze({},"__esModule",{value:!0}),o);var i=(o,n,e)=>Vt(o,typeof n!="symbol"?n+"":n,e);var et,tt,jt,N,re=m(()=>{"use strict";et="__federation__",tt="onLoad",jt="moduleInstance",N=(o,n)=>{window[et]&&window[et][o]&&window[et][o][tt]&&window[et][o][tt]({[o]:n})}});var xe,nt=m(()=>{xe="0.3.36"});var y,C=m(()=>{"use strict";y={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 _,di,ci,Gt,Qt=m(()=>{"use strict";_=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>(+o^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+o/4).toString(16)),di=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("-")},ci=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))},Gt=o=>{let n=ci(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(di(n.slice(t,t+16)));return e}});var Un,ae=m(()=>{"use strict";Qt();Un=o=>new Promise(n=>setTimeout(n,o))});var R,I,Yt,H,k,te,D=m(()=>{"use strict";ae();R=class{};i(R,"down","down"),i(R,"up","up");I=class{constructor(){i(this,"id",_());i(this,"myop",!0);i(this,"content");i(this,"source");i(this,"destination");i(this,"route");i(this,"ref");i(this,"direction");i(this,"cleanable",!1)}static create(...n){return new this(...n)}isTypeof(n){return n.messageType===this.messageType}},Yt=class extends I{constructor(e){super();this.ref=e}},H=class extends I{constructor(e){super();this.replayToHandler=e}},k=class extends I{constructor(e){super();this.handler=e;i(this,"handlerUniqueId",_())}},te=class o{constructor(n,e){this.refConfig=n;this.component=e;i(this,"myop",!0);i(this,"__nonProxied");this.__nonProxied=Q(M({},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 qn,Jt,pe,Vn=m(()=>{"use strict";D();qn="ClickReplayMessage",Jt=class extends k{constructor(e,t){super(t);this.ref=e;i(this,"replyMessageKey",qn);i(this,"messageType","BindClickMessage");i(this,"cleanable",!0)}},pe=class extends H{constructor(){super(...arguments);i(this,"messageType",qn)}}});var Xt,jn=m(()=>{"use strict";D();Xt=class extends I{constructor(e,t){super();this.ref=e;i(this,"messageType","ChangeTextMessage");this.content=t}}});var Gn,mi,li,Qn,L,de,Zt=m(()=>{"use strict";D();Gn="ExecuteScriptReplyMessage",mi=/(?:function\\s*\\w*\\s*\\([^)]*\\)\\s*\\{([\\s\\S]*?)\\}|(\\([^)]*\\)\\s*=>\\s*\\{([\\s\\S]*?)\\}))\\s*$/,li=/\\(\\s*[^)]+\\s*\\)\\s*=>\\s*(.+)/,Qn=o=>{let n=o.match(mi);if(n)return n[1]||n[3];{let e=o.match(li);if(e)return e[1].trim()}},L=class extends k{constructor(e,t=()=>{},s){super(t);this.scriptInputs=s;i(this,"replyMessageKey",Gn);i(this,"messageType","ExecuteScriptMessage");i(this,"script","");this.script=e.toString(),this.content=e.toString(),this.content=Qn(this.content)}};i(L,"replierKey","send"),i(L,"completeStreamKey","completeStream");de=class extends H{constructor(e,t){super(e);this.replayToHandler=e;this.content=t;i(this,"messageType",Gn)}}});var Y,Yn=m(()=>{"use strict";Zt();Y=class extends L{constructor(e,t,s=()=>{}){super(({rootRef:r,elementId:a,_script:p,__scriptInputs:d})=>{let c=(r.shadowRoot||r.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=Q(M({},t),{_script:e.toString()})}}});var Jn,en,ce,Xn=m(()=>{"use strict";D();Jn="EventListenerCallbackMessage",en=class extends k{constructor(e,t,s){super(s);this.ref=e;this.type=t;this.handler=s;i(this,"replyMessageKey",Jn);i(this,"messageType","AddEventListenerMessage");i(this,"cleanable",!0);i(this,"serializableSkeleton",!1)}withSerializableSkeleton(e){return this.serializableSkeleton=e,this}},ce=class extends H{constructor(e,t){super(e);this.replayToHandler=e;this.e=t;i(this,"messageType",Jn);this.content={e:t}}}});var tn,Zn=m(()=>{"use strict";D();tn=class extends I{constructor(e,t,s){super();this.ref=e;this.name=t;this.value=s;i(this,"messageType","SetAttributeMessage")}}});var eo,nn,me,on=m(()=>{"use strict";D();eo="ElementValueReplayMessage",nn=class extends k{constructor(e,t){super(t);this.ref=e;i(this,"replyMessageKey",eo);i(this,"messageType","GetElementValueMessage")}},me=class extends H{constructor(e){super();this.content=e;i(this,"messageType",eo)}}});var sn,to=m(()=>{"use strict";D();sn=class extends I{constructor(e,t){super();this.ref=e;i(this,"messageType","SetInnerHtml");this.content=t}}});var we,Pe,le,no=m(()=>{"use strict";D();we=class extends I{constructor(e){super();i(this,"messageType","InitMessage");this.content={id:e}}isTypeof(e){return e.messageType===this.messageType}},Pe=class extends we{constructor(){super(...arguments);i(this,"messageType","InitResponse")}},le=class extends I{constructor(){super(...arguments);i(this,"messageType","InitRequest")}}});var oo,Oe,J,ot=m(()=>{"use strict";D();oo="RefComponentCreatedMessage",Oe=class extends k{constructor(e,t,s,r){super(r);this.refConfig=e;this.nestedComponentConfig=t;this.options=s;i(this,"replyMessageKey",oo);i(this,"messageType","CreateRefComponentMessage")}},J=class extends H{constructor(e,t,s){super(e);this.replayToHandler=e;this.nestedRefs=t;this.failed=s;i(this,"messageType",oo)}}});var ze,rn=m(()=>{"use strict";D();ze=class extends I{constructor(e,t){super();this.destination=e;this.message=t;i(this,"messageType","EnvelopedMessage");let s=t;this.route=[e,...s.route?s.route:[]]}}});var so,an,fe,io=m(()=>{"use strict";D();so="DetectedMyopRefsMessage",an=class extends k{constructor(){super(...arguments);i(this,"messageType","DetectMyopRefsMessage");i(this,"replyMessageKey",so)}},fe=class extends H{constructor(e,t){super(e);this.replayToHandler=e;i(this,"messageType",so);this.content=t}isTypeof(e){return e.messageType===this.messageType}}});var ro,pn,Ae,ao=m(()=>{"use strict";D();ro="GetAttributeReplayMessage",pn=class extends k{constructor(e,t,s){super(s);this.ref=e;this.name=t;i(this,"replyMessageKey",ro);i(this,"messageType","GetAttributeMessage")}},Ae=class extends H{constructor(e){super();this.content=e;i(this,"messageType",ro)}}});var W,po=m(()=>{"use strict";D();W=class extends I{constructor(e){super();this.method=e;i(this,"messageType","ExecuteComponentMethod")}}});var dn,Ke,co=m(()=>{"use strict";D();dn=class extends I{constructor(){super(...arguments);i(this,"messageType","SetMutationObserverMessage")}},Ke=class extends I{constructor(){super(...arguments);i(this,"messageType","MutationObserverMessage")}}});var mo,$e,We,lo=m(()=>{"use strict";D();mo="CleanupReplayMessage",$e=class extends k{constructor(e,t){super(t);this.cleanupForMessageId=e;i(this,"replyMessageKey",mo);i(this,"messageType","CleanupMessage")}},We=class extends H{constructor(e){super();this.customCleanup=e;i(this,"messageType",mo)}}});var Fe,fo=m(()=>{"use strict";D();Fe=class extends I{constructor(){super(...arguments);i(this,"messageType","DisposeMessage")}}});var cn,Ne,uo=m(()=>{"use strict";D();cn=class extends I{constructor(){super(...arguments);i(this,"cleanable",!0);i(this,"messageType","SetResizeObserverMessage")}},Ne=class extends I{constructor(){super(...arguments);i(this,"messageType","ResizeObserverMessage")}}});var Se={};ie(Se,{AddEventListenerMessage:()=>en,BaseMyopMessage:()=>I,BindClickMessage:()=>Jt,ChangeTextMessage:()=>Xt,CleanupMessage:()=>$e,CleanupReplayMessage:()=>We,ClickReplayMessage:()=>pe,CreateRefComponentMessage:()=>Oe,CustomRefMessage:()=>Y,DetectMyopRefsMessage:()=>an,DetectedMyopRefsMessage:()=>fe,DisposeMessage:()=>Fe,ElementValueReplayMessage:()=>me,EnvelopedMessage:()=>ze,EventListenerCallbackMessage:()=>ce,ExecuteComponentMethod:()=>W,ExecuteScriptMessage:()=>L,ExecuteScriptReplyMessage:()=>de,GetAttributeMessage:()=>pn,GetAttributeReplayMessage:()=>Ae,GetElementValueMessage:()=>nn,InitMessage:()=>we,InitRequest:()=>le,InitResponse:()=>Pe,MessageDirection:()=>R,MutationObserverMessage:()=>Ke,MyopBindMessage:()=>k,MyopBindReplayMessage:()=>H,MyopElementMessage:()=>Yt,Ref:()=>te,RefComponentCreatedMessage:()=>J,ResizeObserverMessage:()=>Ne,SetAttributeMessage:()=>tn,SetInnerHtml:()=>sn,SetMutationObserverMessage:()=>dn,SetResizeObserverMessage:()=>cn,stripFunction:()=>Qn});var w=m(()=>{"use strict";D();Vn();jn();Zt();Yn();Xn();Zn();on();to();no();ot();rn();io();on();ao();po();co();lo();fo();uo()});var U,Ue=m(()=>{"use strict";C();w();qe();U=class{constructor(n,e,t){this.componentDefinition=n;this.container=e;i(this,"id","");i(this,"messageHandlers",{});i(this,"element");i(this,"_markedForDisposed",!1);i(this,"bind",(n,e)=>{this.messageHandlers[n]||(this.messageHandlers[n]=[]),this.messageHandlers[n].includes(e)||this.messageHandlers[n].push(e)});i(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],r=a=>e(a)?(t(a),!0):!1;return s.push(r),()=>{let a=s.indexOf(r);a>-1&&s.splice(a,1)}});i(this,"setInitiated",()=>{this.isInitiated=!0,this._whenInitiatedResolve&&this._whenInitiatedResolve()});i(this,"isInitiated",!1);i(this,"_whenInitiatedResolve");i(this,"_whenInitiatedReject");i(this,"_whenInitiated",new Promise((n,e)=>{this._whenInitiatedResolve=n,this._whenInitiatedReject=e}));i(this,"initiated",()=>this._whenInitiated);i(this,"props",{});i(this,"refs",{});this.id=(t==null?void 0:t.id)||F.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===y.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=R.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=R.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 $e(n.id,t=>{})),e&&e()}:()=>{}}dispose(){if(this.markedForDisposed=!0,!this.isInitiated)return;console.log("disposing component",this.id),this.send(new Fe);let n=this.messageHandlers.onDispose;n&&n.forEach(e=>{e(null)}),this.messageHandlers={},this.id+="_disposed",this.isInitiated=!1}}});var ve,go=m(()=>{"use strict";ve=class{constructor(n,e,t,s,r){this.myopId=n;this.htmlTagName=e;this.BoundingRect=t;this.offsetTop=s;this.offsetLeft=r;i(this,"type","MyopElementRef")}}});var yo,b,st,ho=m(()=>{"use strict";yo=async o=>{if(typeof o=="function")o();else if(o instanceof Promise){let n=await o;typeof n=="function"&&n()}},b=class{constructor(n){this.messageToHost=n}},st=class extends b{constructor(e,t){super(e);this.messageToHost=e;this.context=t}}});var mn,Ee,Mo=m(()=>{"use strict";C();S();w();mn=class{constructor(n,e){this.id=n;this.context=e;i(this,"send",n=>{})}},Ee=class{constructor(){i(this,"messageToHandleAfterInit",[]);i(this,"components",{});i(this,"alwaysPassEnvelopesToHost",!1);i(this,"messageCleanupCache",{})}handleIncomeMessages(n){let e=n.data?n.data:n.detail;if(!(!e||!e.myop)){let t=e;if(t.direction!==R.down)return;if(t.messageType===y.DisposeMessage){t.destination&&delete this.components[t.destination];return}if(t.messageType===y.InitMessage){let s=t.content.id;if(this.components[s])return;this.components[s]=new mn(s),this.messageToHost(new Pe(s));return}if(t.messageType===y.EnvelopedMessage){let s=t,r=s.message;if(t=r,this.alwaysPassEnvelopesToHost||this.components[t.destination]){let a=myop.hostSDK.components.find(d=>d.id===r.destination);if(a){a.send(r);return}let p=myop.hostSDK.components.find(d=>d.id===s.destination);if(p){p.send(r);return}}else return}if(t.messageType){if(t.messageType===y.CleanupMessage){let r=t,a=this.messageCleanupCache[r.cleanupForMessageId],p=new We(!!a);p.destination=t.destination,a?(delete this.messageCleanupCache[r.cleanupForMessageId],yo(a).then(()=>{this.messageToHost(p,r)}).catch(()=>{})):this.messageToHost(p,r);return}let s=!1;this.supportedHandlers.forEach(r=>{if(r.messageType===t.messageType){s=!0;let a=r.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(r.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(r.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 X,ue,Re,_e,ge,it,Te,S=m(()=>{"use strict";go();ho();Mo();X={IframeLoader:"IframeLoader",WebComponentLoader:"WebComponentLoader",HTMLLoader:"HTMLLoader",MinimizedLoader:"MinimizedLoader"},ue={open:"open",closed:"closed",none:"none",localFrame:"localFrame"},Re={message:"message",code:"code"},_e=class{};i(_e,"code","code"),i(_e,"component","component");ge={Segmented:"Segmented",Dedicated:"Dedicated",Default:"Default"},it={Segment:"Segment",Promo:"Promo",AB:"AB"},Te=class{constructor(n,e){this.container=n;this.shadowRoot=e;i(this,"getRootDiv",()=>(this.shadowRoot||this.container).querySelector("div"));i(this,"getRoot",()=>this.shadowRoot||this.container)}}});var ln,fi,fn,z,ye=m(()=>{"use strict";ln=o=>o!==Object(o),fi=o=>typeof o=="function",fn=o=>{if(ln(o))return!0;if(fi(o)||Object.getPrototypeOf(o))return!1;for(let n in o){let e=o[n];if(typeof e=="object"){if(!fn(e))return!1}else{if(ln(e))continue;return!1}}return!0},z=(o,n={},e=!0,t=new WeakMap)=>{if(ln(o))return o;if(Array.isArray(o)){if(t.has(o))return t.get(o);let s=[];t.set(o,s);for(let r=0;r<o.length;r++){let a=o[r];s[r]=z(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 r in o){let a=typeof n=="boolean"?n:n[r];a&&(a===!0?(e?o[r]!==void 0:o[r])&&(s[r]=z(o[r],!0,e,t)):typeof a=="object"&&(s[r]=z(o[r],a,e,t)))}return s}return{}}});var Co,Io=m(()=>{"use strict";Co={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 Ve,bo=m(()=>{"use strict";Ue();w();rn();Ve=class extends U{constructor(e,t,s){super(e,t.container,s);this.componentDefinition=e;this.parent=t;i(this,"send",e=>{let t=e.handler,s=super.send(e);return this.parent.send(new ze(this.id,e)),e.handler=t,s});i(this,"dispose",()=>{this.isInitiated&&this.send(new W("dispose")),super.dispose()})}hide(){this.send(new W("hide"))}show(){this.send(new W("show"))}inspect(){return this.send(new W("inspect"))}setHeightBasedOnDocumentElement(){this.send(new W("setHeightBasedOnDocumentElement"))}setHeightBasedOnScrollHeight(){this.send(new W("setHeightBasedOnScrollHeight"))}onMessageReceived(e){return super.onMessageReceived(e)}}});var he,un=m(()=>{"use strict";Ue();je();he=class extends U{constructor(e,t,s,r,a,p){super(e,s,p);this.container=s;this.customElement=r;this.tagName=a;i(this,"ctaCleanup");i(this,"_ctaHandler");i(this,"_ctaQueue",[]);i(this,"_ctaListener",e=>{let t=e.detail;t!=null&&t.action&&(this._ctaHandler&&!this.markedForDisposed?this._ctaHandler(t.action,t.payload):this._ctaHandler||this._ctaQueue.push({action:t.action,payload:t.payload}))});i(this,"cleanupInspect",()=>{});i(this,"send",e=>{let t=super.send(e);return console.debug("[MyopExtractedWebComponent] send() called - web components use direct API instead",e),t});i(this,"dispose",()=>{var e;this.ctaCleanup&&this.ctaCleanup(),super.dispose(),(e=this.customElement.parentNode)==null||e.removeChild(this.customElement)});this.element=r,this.customElement.addEventListener("myop-cta",this._ctaListener),this.ctaCleanup=()=>this.customElement.removeEventListener("myop-cta",this._ctaListener),this.setInitiated()}inspect(){return this.cleanupInspect=He(this.id,"MyopExtractedWebComponent",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=""}initWithData(e){typeof this.customElement.myop_init_interface=="function"&&this.customElement.myop_init_interface(e)}getData(){if(typeof this.customElement.myop_init_interface=="function")return this.customElement.myop_init_interface()}setCtaHandler(e){if(this._ctaHandler=e,this._ctaQueue.length>0){let t=[...this._ctaQueue];this._ctaQueue=[],t.forEach(s=>{this.markedForDisposed||e(s.action,s.payload)})}}}});var ui,He,xo,wo,So,gi,gn,yn,je=m(()=>{"use strict";w();w();S();ye();Io();bo();un();rt();ui=(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},He=(o,n,e,t,s,r)=>{let a=ui("".concat(r.name," : ").concat(n),e,r);return t.insertBefore(a,s),s.style.border="1px solid #007BFF",s.style.display="block",()=>{s.style.border="unset",t.removeChild(a)}},xo=(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),wo=(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."))},So=(o,n,e)=>{let t=n.reduce((r,a)=>Q(M({},r),{[a.name]:M({},a)}),{}),s={get:(r,a)=>{let p=t[a];if(xo(p,a,o))return!1;if(p.behavior.type===Re.code){if(o instanceof he)return(p.behavior.remap||a)==="myop_init_interface"?u=>{if(u===void 0)return o.getData();o.initWithData(u)}:void 0;if(o instanceof Z&&o.isolated)return(p.behavior.remap||a)==="myop_init_interface"?u=>{if(u===void 0)return o.getData();o.initWithData(u)}:void 0;if(e.loader.type===X.HTMLLoader&&e.loader.shadowRootMode===ue.localFrame){let c=p.behavior;return o.element.contentWindow[c.remap||a]}return wo(p,a,o),!1}return p.mode==="output"?new Promise(d=>{let c=[];p.behavior.ref&&c.push(te.create(p.behavior.ref)),c.push(f=>{d(f)}),p.behavior.params&&c.push(...p.behavior.params);let u=Se[p.behavior.message];o.send(new u(...c))}):null},set:(r,a,p)=>{let d=t[a];if(xo(d,a,o))return!1;if(d.behavior.type===Re.code){if(o instanceof he){let u=d.behavior.remap||a;if(u==="myop_cta_handler")return o.setCtaHandler(p),!0;if(u==="myop_init_interface")return o.initWithData(p),!0}if(o instanceof Z&&o.isolated){let u=d.behavior.remap||a;if(u==="myop_cta_handler")return o.setCtaHandler(p),!0;if(u==="myop_init_interface")return o.initWithData(p),!0}if(e.loader.type===X.HTMLLoader&&e.loader.shadowRootMode===ue.localFrame){let u=d.behavior,f=o.element.contentWindow,h=u.remap||a;if(f[h]=p,h==="myop_cta_handler"&&f.__myop_cta_queue){let g=f.__myop_cta_queue;f.__myop_cta_queue=null,g.forEach(l=>{o.markedForDisposed||p(l.action,l.payload)})}return!0}return wo(d,a,o),!1}else if(d.mode==="input")if(d.behavior.type==="message"){let c=[];d.behavior.ref&&c.push(te.create(d.behavior.ref)),c.push(p),d.behavior.params&&c.push(...d.behavior.params);let u=Se[d.behavior.message];return o.send(new u(...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},gi=(o,n)=>new Proxy(o,{get(e,t){return e[t]?e[t]:(...r)=>new Promise(a=>{r.forEach(p=>{fn(p)||Co.notSerializableRefCall(t,p)}),n.send(new Y(({ref:p,propName:d,functionArgs:c,makeSerializable:u})=>{if(p){let f=p[d];return u(typeof f=="function"?p[d](...c):f,!0)}return null},{elementId:e.refConfig.selector,propName:t,functionArgs:r},p=>{a(p.content)}))})},set(e,t,s){return n.send(new Y(({ref:r,propName:a,propValue:p})=>{r&&(r[a]=p)},{elementId:e.refConfig.selector,propValue:s,propName:t},r=>{})),!0}}),gn=async(o,n,e,t)=>{let s=o.component;if(!s)throw new Error("cant createRefComponent with detached ref");return new Promise(async(r,a)=>{let p=new Ve(n.type,s,t);e.push(p),await s.initiated();let d=setTimeout(()=>{a("timeout")},5e3);s.send(new Oe(o.refConfig,n,Q(M({},t||{}),{id:p.id,_hasParent:!0}),async c=>{if(clearTimeout(d),c.failed){a("CreateRefComponentMessage failed");return}let u=e.find(f=>f.id==p.id);if(u!==p){s.refs[o.refConfig.name]=u,r(u);return}else p.setInitiated(),s.refs[o.refConfig.name]=p;c.nestedRefs.forEach(f=>{let h=n.instance.resolvedNestedComponents.find(l=>l.type.id===f.componentDefinitionId).type,g=new Ve(h,p);g.setInitiated(),p.refs[f.refName]=g,e.push(g)});try{await yn(p,n,e,!0),s.setHeightBasedOnScrollHeight&&s.setHeightBasedOnScrollHeight(),r(p)}catch(f){a(f)}}))})},yn=async(o,n,e,t=!1)=>{o.refs||(o.refs={});let s=Object.values(o.componentDefinition.refs).map(r=>new Promise(async(a,p)=>{var d;if(r.behavior.type==_e.component){if(t){a();return}let c=r.behavior.componentId;c||(c=r.behavior.instance.componentId);let u=(d=n.instance.resolvedNestedComponents)==null?void 0:d.find(h=>h.type.id===c);if(!u)throw new Error("componentConfig provided without nestedComponentConfig check the config object");let f=te.create("",r,o);try{let h=await gn(f,u,e);o.refs[r.name]=h,a()}catch(h){p(h)}}else try{let c=te.create("",r,o);o.refs[r.name]=gi(c,o),a()}catch(c){}}));try{await Promise.all(s)}catch(r){throw r}}});var Z,rt=m(()=>{"use strict";Ue();w();je();C();Z=class extends U{constructor(e,t,s,r,a){super(e,s,a);this.componentConfig=e;this.container=s;this.IframeElement=r;i(this,"_autoSizeCleanup");i(this,"_autoSizeOptions");i(this,"_autoSizeUpdate");i(this,"isolated",!1);i(this,"_lastData");i(this,"_ctaHandler");i(this,"_ctaQueue",[]);i(this,"_isoMsgHandler");i(this,"_isoSizeOpts");i(this,"_isoAutoSize",!1);i(this,"_isoLastSize");i(this,"sizeMeta");i(this,"cleanupInspect");i(this,"setHeightBasedOnDocumentElement",()=>{let e=this.send(new L(()=>window.document.documentElement.scrollHeight,t=>{this.IframeElement.style.height="".concat(t.content,"px"),e()}))});i(this,"observeSizeBasedOnDocumentElement",()=>this.send(new L(({send:t})=>{let{height:s,width:r}=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:r}},t=>{this.IframeElement.style.width="".concat(t.content.width,"px"),this.IframeElement.style.height="".concat(t.content.height,"px")})));i(this,"observeAutoSize",e=>{if(this._autoSizeOptions=e,this.isolated)return this._isoSizeOpts=e,this._isoAutoSize=!0,this._isoLastSize&&this._applyIsoSize(this._isoLastSize.height,this._isoLastSize.width),()=>{this._isoAutoSize=!1,this._isoSizeOpts=void 0};if(this._autoSizeCleanup&&this._autoSizeUpdate)return this._autoSizeUpdate(),this._autoSizeCleanup;let t=this.IframeElement,s=t.contentDocument;if(!s)return console.warn("[MyopIframeComponent] Cannot observe auto size: contentDocument not accessible"),()=>{};let r=(g,l,$)=>l!==void 0&&g<l?l:$!==void 0&&g>$?$:g,a=g=>{if(g===void 0)return;if(typeof g=="number")return g;let l=parseFloat(g);return isNaN(l)?void 0:l},p=()=>{var kn,Dn,Bn,Ln,Pn,On,zn,An;let g=t.contentDocument;if(!g)return;let l=this._autoSizeOptions,$=a(l==null?void 0:l.minWidth),V=a(l==null?void 0:l.maxWidth),Qe=a(l==null?void 0:l.minHeight),j=a(l==null?void 0:l.maxHeight),Nt=(kn=l==null?void 0:l.loaderMinHeight)!=null?kn:50,Ut=((Dn=this.sizeMeta)==null?void 0:Dn.width)==="100%"?"100%":void 0,ee=((Bn=this.sizeMeta)==null?void 0:Bn.height)==="100%"?"100%":void 0,E=(Pn=(Ln=l==null?void 0:l.explicitWidth)!=null?Ln:Ut)!=null?Pn:"100%",x=(On=l==null?void 0:l.explicitHeight)!=null?On:ee,B=E!==void 0,Me=x!==void 0,Ce=this.container.getBoundingClientRect(),Vs=Ce.width===0,js=Ce.height===0||Ce.height===Nt,Ie=(l!=null&&l.forceAutoSize||Vs)&&!B,be=(l!=null&&l.forceAutoSize||js)&&!Me;if(!Ie&&!be){t.style.width=typeof E=="number"?"".concat(E,"px"):"100%",t.style.height=typeof x=="number"?"".concat(x,"px"):"100%",(zn=l==null?void 0:l.onSizeChange)==null||zn.call(l,{width:typeof E=="number"?E:void 0,height:typeof x=="number"?x:void 0,autoSizingWidth:!1,autoSizingHeight:!1});return}let Gs=t.style.transition,G=this.container,Qs=G.style.transition;t.style.transition="none",G.style.transition="none";let vn=t.getBoundingClientRect().height,En=t.getBoundingClientRect().width,_n=Math.ceil(Math.max(g.documentElement.scrollHeight,g.body.scrollHeight,g.body.getBoundingClientRect().height)),Tn=Math.ceil(Math.max(g.documentElement.scrollWidth,g.body.scrollWidth,g.body.getBoundingClientRect().width)),Be=Tn,Le=_n,Ys=be&&_n>vn+1,Js=Ie&&Tn>En+1,Ye=be&&!Ys,Je=Ie&&!Js;if(Ye||Je){let ei=G.style.minHeight,ti=G.style.minWidth;Ye&&(G.style.minHeight="".concat(vn,"px")),Je&&(G.style.minWidth="".concat(En,"px")),Ye&&(t.style.height="0px"),Je&&(t.style.width="0px"),Be=Math.ceil(Math.max(g.documentElement.scrollWidth,g.body.scrollWidth,g.body.getBoundingClientRect().width)),Le=Math.ceil(Math.max(g.documentElement.scrollHeight,g.body.scrollHeight,g.body.getBoundingClientRect().height));let Kn=Ye&&Le<2,$n=Je&&Be<2;if(Kn||$n){let Xe=g.createElement("style");Xe.id="__myop_measure";let qt=[];Kn&&qt.push("height: auto !important","min-height: 0 !important","max-height: none !important"),$n&&qt.push("width: auto !important","min-width: 0 !important","max-width: none !important"),Xe.textContent="*, *::before, *::after { ".concat(qt.join("; "),"; flex-basis: auto !important; flex-grow: 0 !important; }"),g.head.appendChild(Xe),Be=Math.ceil(Math.max(g.documentElement.scrollWidth,g.body.scrollWidth,g.body.getBoundingClientRect().width)),Le=Math.ceil(Math.max(g.documentElement.scrollHeight,g.body.scrollHeight,g.body.getBoundingClientRect().height)),Xe.remove()}G.style.minHeight=ei,G.style.minWidth=ti}let Rn=r(Be,$,V),Hn=r(Le,Qe,j);Ie?t.style.width="".concat(Rn,"px"):t.style.width=typeof E=="number"?"".concat(E,"px"):"100%",be?t.style.height="".concat(Hn,"px"):t.style.height=typeof x=="number"?"".concat(x,"px"):"100%",t.offsetHeight,t.style.transition=Gs,G.style.transition=Qs;let Xs=Ie&&V!==void 0&&Be>V,Zs=be&&j!==void 0&&Le>j;g.documentElement.style.overflowX=Xs?"auto":"",g.documentElement.style.overflowY=Zs?"auto":"",(An=l==null?void 0:l.onSizeChange)==null||An.call(l,{width:Rn,height:Hn,autoSizingWidth:Ie,autoSizingHeight:be})};p(),this._autoSizeUpdate=p;let d,c=()=>{d===void 0&&(d=requestAnimationFrame(()=>{d=void 0,p()}))},u=new ResizeObserver(()=>c());u.observe(s.body),u.observe(s.documentElement);let f=new MutationObserver(()=>c());f.observe(s.body,{childList:!0,subtree:!0,characterData:!0,attributes:!0});let h=()=>{u.disconnect(),f.disconnect(),d!==void 0&&(cancelAnimationFrame(d),d=void 0),this._autoSizeUpdate=void 0,this._autoSizeCleanup=void 0};return this._autoSizeCleanup=h,h});i(this,"setSizeBasedOnDocumentElement",()=>{let e=this.send(new L(()=>{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()}))});i(this,"setHeightBasedOnScrollHeight",()=>{let e=this.send(new L(()=>{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()}))});i(this,"send",e=>{var r,a;let t=M({},e);if(t.messageType===y.ExecuteComponentMethod)return this[t.method](),()=>{};t.direction=R.down;let s=super.send(t);return(a=(r=this.IframeElement)==null?void 0:r.contentWindow)==null||a.postMessage(t,"*"),s});i(this,"dispose",()=>{this._autoSizeCleanup&&(this._autoSizeCleanup(),this._autoSizeCleanup=void 0),this._isoMsgHandler&&(window.removeEventListener("message",this._isoMsgHandler),this._isoMsgHandler=void 0),this.cleanupInspect&&this.cleanupInspect(),super.dispose(),this.IframeElement.parentNode.removeChild(this.IframeElement)});this.element=this.IframeElement,this._lastData=a==null?void 0:a.data}enableIsolation(){this.isolated=!0,this.setInitiated(),this._isoMsgHandler=e=>{if(e.source!==this.IframeElement.contentWindow)return;let t=e.data;!t||t.__myop!==!0||(t.type==="myop:cta"?this._ctaHandler&&!this.markedForDisposed?this._ctaHandler(t.action,t.payload):this._ctaHandler||this._ctaQueue.push({action:t.action,payload:t.payload}):t.type==="myop:size"&&this._applyIsoSize(t.height,t.width))},window.addEventListener("message",this._isoMsgHandler)}initWithData(e){var t,s;this._lastData=e,(s=(t=this.IframeElement)==null?void 0:t.contentWindow)==null||s.postMessage({__myop:!0,type:"myop:init",data:e},"*")}getData(){return this._lastData}setCtaHandler(e){if(this._ctaHandler=e,this._ctaQueue.length>0){let t=[...this._ctaQueue];this._ctaQueue=[],t.forEach(s=>{this.markedForDisposed||e(s.action,s.payload)})}}_applyIsoSize(e,t){var c;if(!e||Number.isNaN(e)||(this._isoLastSize={height:e,width:t},!this._isoAutoSize))return;let s=this._isoSizeOpts,r=u=>u===void 0?void 0:typeof u=="number"?u:isNaN(parseFloat(u))?void 0:parseFloat(u),a=r(s==null?void 0:s.minHeight),p=r(s==null?void 0:s.maxHeight),d=e;a!==void 0&&d<a&&(d=a),p!==void 0&&d>p&&(d=p),this.IframeElement.style.position="relative",this.IframeElement.style.inset="auto",this.IframeElement.style.height=d+"px",this.IframeElement.style.width="100%",(c=s==null?void 0:s.onSizeChange)==null||c.call(s,{width:t!=null?t:this.IframeElement.clientWidth,height:d,autoSizingWidth:!1,autoSizingHeight:!0})}inspect(){return this.cleanupInspect?this.cleanupInspect:(this.cleanupInspect=He(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===y.In.MutationObserverMessage||e.messageType===y.In.ResizeObserverMessage?(this.setHeightBasedOnScrollHeight(),!0):super.onMessageReceived(e)}}});var ne,at=m(()=>{"use strict";ne=class{constructor(){i(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 r=(s=t.relative.child)==null?void 0:s.nextSibling;return n.insertBefore(e,r||null)}}else return n.appendChild(e)})}}});var yi,pt,vo=m(()=>{"use strict";rt();at();ae();S();yi=(o,n,e)=>{let t=new URL(o);return t.searchParams.append(n,e),t.toString()},pt=class extends ne{constructor(){super(...arguments);i(this,"type",X.IframeLoader);i(this,"load",async(e,t,s,r)=>{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=_(),c="myop-comp-".concat(d);a=document.createElement("iframe"),a.id=c;let u="\\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(r!=null&&r.hidden?"0":"1",";\\n pointer-events: ").concat(r!=null&&r.hidden?"none":"all",";\\n ");a.style.cssText=u,r!=null&&r.elementAttributes&&Object.entries(r.elementAttributes).forEach(([h,g])=>{g===""||g===null||g===void 0?a.setAttribute(h,""):a.setAttribute(h,String(g))});let f=t.loader.url;r!=null&&r._hasParent&&(f=yi(f,"_myop-comp",d)),a.src=f,s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),a=this.appendChild(s,a,r)}return new Z(e,t,s,a,r)})}}});var dt,hn=m(()=>{"use strict";dt={webcomponent_message_key:"myop_webcomponent_message"}});var ke,Mn=m(()=>{"use strict";hn();Ue();je();ke=class extends U{constructor(e,t,s,r,a){super(e,s,a);this.container=s;this.customElement=r;i(this,"cleanupInspect",()=>{});i(this,"send",e=>{let t=M({},e),s=super.send(t),r=new CustomEvent(dt.webcomponent_message_key,{detail:t});try{this.customElement.dispatchEvent(r)}catch(a){console.log("error while trying to dispatchEvent",a)}return s});i(this,"dispose",()=>{var e;super.dispose(),(e=this.customElement.parentNode)==null||e.removeChild(this.customElement)});this.element=r}inspect(){return this.cleanupInspect=He(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 Cn,ct,Eo=m(()=>{"use strict";Mn();at();ae();S();Cn={},ct=class extends ne{constructor(){super(...arguments);i(this,"type",X.WebComponentLoader);i(this,"load",async(e,t,s,r)=>{let a=t.loader;Cn[a.url]?console.log("Module alreday loaded or in loading process"):Cn[a.url]=new Promise((c,u)=>{let f=a.url,h=document.createElement("script");h.type="module",h.src=f,h.onload=()=>{c()},h.onerror=()=>{u()},document.head.appendChild(h)}),await Cn[a.url],await Un(1);let p="myop-comp-".concat(_()),d=document.createElement(a.tag);return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),d.id=p,r!=null&&r.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"),r!=null&&r._environment&&(d._myopEnvironment=r==null?void 0:r._environment),this.appendChild(s,d,r),new ke(e,t,s,d,r)})}}});var T,q=m(()=>{"use strict";S();T=class extends st{constructor(e,t){super(e);this.context=t;i(this,"executor",e=>{if(e.destination){let t=e.destination;if(this.context[t].context){let s=(r,a)=>{this.messageToHost(Q(M({},r),{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 P,oe=m(()=>{"use strict";P={id:"myop-id"}});var v,_o,O=m(()=>{"use strict";oe();v=(o,n)=>n.querySelectorAll("[".concat(P.id,"='").concat(o.refConfig.selector,"']")),_o=(o,n)=>{let e=v(o,n);return e.length?e.item(0):null}});var mt,To=m(()=>{"use strict";C();w();q();O();mt=class extends T{constructor(){super(...arguments);i(this,"messageType",y.BindClickMessage);i(this,"innerExecutor",(e,t,s)=>{let r=v(e.ref,t.shadowRoot),a=[];return r.forEach(p=>{let d=()=>{s(new pe(e.handlerUniqueId))};p.addEventListener("click",d),a.push(()=>{p.removeEventListener("click",d)})}),()=>{a.forEach(p=>p())}})}}});var lt,Ro=m(()=>{"use strict";C();q();O();lt=class extends T{constructor(){super(...arguments);i(this,"messageType",y.ChangeTextMessage);i(this,"innerExecutor",(e,t)=>{v(e.ref,t.shadowRoot).forEach(r=>{r.textContent=e.content})})}}});var ft,Ho=m(()=>{"use strict";S();ft=class extends Te{constructor(e,t){super(e,t);this.container=e;this.shadowRoot=t}}});var ut,ko=m(()=>{"use strict";S();oe();q();w();C();ut=class extends T{constructor(){super(...arguments);i(this,"innerExecutor",(e,t)=>{let s=t.shadowRoot.querySelectorAll("[".concat(P.id,"]")),r=[];s.forEach(a=>{let p=a.getAttribute(P.id);p&&r.push(new ve(p,a.tagName,a.getBoundingClientRect(),a.offsetTop,a.offsetLeft))}),this.messageToHost(new fe(e.handlerUniqueId,r))});i(this,"messageType",y.DetectMyopRefsMessage)}}});var gt,Do=m(()=>{"use strict";C();q();O();gt=class extends T{constructor(){super(...arguments);i(this,"messageType",y.SetAttributeMessage);i(this,"innerExecutor",(e,t)=>{v(e.ref,t.shadowRoot).forEach(r=>{r.setAttribute(e.name,e.value)})})}}});var yt,Bo=m(()=>{"use strict";C();w();q();O();ye();yt=class extends T{constructor(){super(...arguments);i(this,"messageType",y.AddEventListenerMessage);i(this,"innerExecutor",(e,t,s)=>{let r=v(e.ref,t.shadowRoot),a=[];return r.forEach(p=>{let d=c=>{s(new ce(e.handlerUniqueId,z(c,e.serializableSkeleton)))};p.addEventListener(e.type,d),a.push(()=>{p.removeEventListener(e.type,d)})}),()=>{a.forEach(p=>p())}})}}});var ht,Lo=m(()=>{"use strict";C();oe();qe();ot();q();ht=class extends T{constructor(){super(...arguments);i(this,"messageType",y.CreateRefComponentMessage);i(this,"innerExecutor",(e,t,s)=>{(async()=>{let a=t.shadowRoot.querySelectorAll("[".concat(P.id,"='").concat(e.refConfig.selector,"']"));if(a.length===1){let p=F.Instance(),d=p.components.find(h=>h.id===e.options.id);d&&d.dispose();let c=p.components.indexOf(d);c!==-1&&p.components.splice(c,1);let u=await p.loadComponent(e.nestedComponentConfig,a.item(0),e.options),f=[];Object.keys(u.refs).forEach(h=>{let g=u.refs[h];g=g.__nonProxied||g,g.componentDefinition&&f.push({refName:h,componentDefinitionId:g.componentDefinition.id})}),s(new J(e.handlerUniqueId,f))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new J(e.handlerUniqueId,[],!0));debugger}})().then()})}}});var Mt,In=m(()=>{"use strict";ye();Mt=(o,n,e)=>{let t=o.scriptInputs?o.scriptInputs:{};t.makeSerializable=z,t.send=n,t.rootRef=e,t.__scriptInputs=t;let r=new Function("return (".concat(o.script,")(...arguments)"))(t);n(r)}});var Ct,Po=m(()=>{"use strict";C();w();q();In();Ct=class extends T{constructor(){super(...arguments);i(this,"messageType",y.ExecuteScriptMessage);i(this,"innerExecutor",(e,t,s)=>{Mt(e,a=>{s(new de(e.handlerUniqueId,a))},t)})}}});var Oo,It,zo=m(()=>{"use strict";C();w();q();O();oe();ye();Oo=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(r=>{if(typeof r.value=="string"){let a=r.getAttribute(P.id),p=r.getAttribute("name"),d={id:r.id,name:p,value:Oo(r),required:r.required,validity:z(r.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},It=class extends T{constructor(){super(...arguments);i(this,"messageType",y.GetElementValueMessage);i(this,"innerExecutor",(e,t,s)=>{v(e.ref,t.shadowRoot).forEach(a=>{s(new me(Oo(a)),e)})})}}});var bt,Ao=m(()=>{"use strict";C();q();O();bt=class extends T{constructor(){super(...arguments);i(this,"messageType",y.SetInnerHtml);i(this,"innerExecutor",(e,t)=>{v(e.ref,t.shadowRoot).forEach(r=>{r.innerHTML=e.content})})}}});var Ko={};ie(Ko,{WebComponentSDK:()=>De});var De,bn=m(()=>{"use strict";S();C();hn();To();Ro();Ho();ko();re();w();Do();Bo();Lo();Po();zo();Ao();De=class extends Ee{constructor(){super(...arguments);i(this,"alwaysPassEnvelopesToHost",!0);i(this,"connectedCallback",(e,t)=>{e.addEventListener(dt.webcomponent_message_key,s=>{let r=s.data?s.data:s.detail;if(!r||!r.myop){debugger;throw new Error("recvied webcomponent_message with wrong type")}else{let a=r;if(this.handleIncomeMessages(s),a.messageType===y.InitMessage){let p=a.content.id;this.components[p].context=new ft(e,t)}}}),setTimeout(()=>{this.messageToHost(new le)},1)});i(this,"messageToHost",(e,t)=>{e.direction=R.up,!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId),window.myop.hostSDK.send(e)});i(this,"supportedHandlers",[new lt(this.messageToHost,this.components),new bt(this.messageToHost,this.components),new mt(this.messageToHost,this.components),new ut(this.messageToHost,this.components),new gt(this.messageToHost,this.components),new yt(this.messageToHost,this.components),new Ct(this.messageToHost,this.components),new It(this.messageToHost,this.components),new ht(this.messageToHost,this.components)]);i(this,"init",()=>{})}};N("WebComponentSDK",De)});var $o=m(()=>{"use strict";bn()});var Wo,Fo=m(()=>{"use strict";Wo=""});function Ci(o,n){return class extends HTMLElement{connectedCallback(){let e=n===ue.open?"open":"closed",t=this.attachShadow({mode:e});Vo().then(s=>{s.connectedCallback(this,t),t.innerHTML=o})}}}var hi,Mi,Uo,qo,xt,Vo,Ii,bi,xi,wt,jo=m(()=>{"use strict";Mn();un();at();ae();S();$o();rt();Fo();hi="<!-- myop-web-component -->",Mi="myop-web-component",Uo=new Map,qo=[],Vo=async()=>(xt||(xt=new De,xt.init()),xt);Ii=(o,n,e)=>{customElements.define(o,Ci(n,e)),console.log("define('".concat(o,"') was called, web component ready to use"))},bi=o=>o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/(\\d+)/g,"-$1").toLowerCase(),xi=o=>(o=bi(o),o.replace(/_/g,"-")),wt=class extends ne{constructor(){super(...arguments);i(this,"type",X.HTMLLoader);i(this,"load",async(e,t,s,r)=>{let a=t.loader,p=this.isMyopWebComponent(a.HTML),{mode:d,isolate:c}=await this.resolveRenderMode(e,t,a,p,r);if(d===!1)throw new Error('[Myop] Rendering blocked by render policy for component "'.concat(e.id,'"'));if(p){if(d!=="webComponent")throw new Error('[Myop] Web-component rendering denied by render policy for component "'.concat(e.id,'"'));return this.loadExtractedWebComponent(e,t,s,a.HTML,r)}let u="myop-comp-".concat(_()),f;if(a.shadowRootMode===ue.localFrame){let h=_(),g="myop-comp-".concat(h),l=document.createElement("iframe");l.id=g,c&&l.setAttribute("sandbox","allow-scripts allow-forms allow-popups"),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(r!=null&&r.hidden?"0":"1",";\\n width: 100%;\\n height: 100%;\\n pointer-events: ").concat(r!=null&&r.hidden?"none":"all",";\\n "),s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),l=this.appendChild(s,l,r);let $=[],V=c?{open(){},writeln(E){$.push(E)},close(){l.srcdoc=$.join("\\n")}}:(()=>{let E=l.contentDocument||l.contentWindow.document;return E.open(),E})(),Qe=null;{let B=new DOMParser().parseFromString(a.HTML,"text/html").querySelector('meta[name="myop:size"]');if(B)try{Qe=JSON.parse(B.getAttribute("content")||"{}")}catch(Me){}}let j=a.HTML;if(r!=null&&r._inspection){let x=new DOMParser().parseFromString(a.HTML,"text/html"),B=x.getElementById("myop_preview");B==null||B.removeAttribute("type");let Me=x.implementation.createHTMLDocument();Me.body.innerHTML="<script>\\n const beforeKeysWindow = new Set(Object.keys(window));\\n window.myopState = {\\n beforeKeysWindow,\\n };\\n <\\/script>";let Ce=Me.body.firstChild;Ce&&x.head&&x.head.insertBefore(x.importNode(Ce,!0),x.head.firstChild),j="<!DOCTYPE html>"+x.documentElement.outerHTML}else if((r==null?void 0:r.data)!==void 0){let x=new DOMParser().parseFromString(a.HTML,"text/html"),B=x.getElementById("myop_preview");B&&(B.remove(),j="<!DOCTYPE html>"+x.documentElement.outerHTML)}if(r!=null&&r.injectCss){let x=new DOMParser().parseFromString(j,"text/html"),B=x.createElement("style");B.setAttribute("data-myop-injected","true"),B.textContent=r.injectCss.replace(/<\\s*\\/\\s*style/gi,"<\\\\/style"),(x.head||x.documentElement).appendChild(B),j="<!DOCTYPE html>"+x.documentElement.outerHTML}V.writeln(j);let Nt='<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__,'"><\\/script>'),Ut="<script>\\n window.__federation__.__public_path__ = window.__federation__.__public_path__;\\n const __myop_init = async () => {\\n const {IframeSDK} = (await window.myop.rootSDK.getIframeModule());\\n const sdk = new IframeSDK();\\n sdk.init();\\n }\\n __myop_init().then();\\n <\\/script>";if(c||V.writeln("".concat(Nt).concat(Ut)),!c&&(r==null?void 0:r.data)!==void 0){let E="<script>\\n window.__myop_cta_queue = [];\\n window.myop_cta_handler = function(action, payload) {\\n window.__myop_cta_queue.push({action: action, payload: payload});\\n };\\n <\\/script>",x=JSON.stringify(r.data).replace(/<\\/script/gi,"\\\\u003c/script"),B='<script id="__myop_init_data_script">\\n (function() {\\n var data = '.concat(x,";\\n var scriptEl = document.getElementById('__myop_init_data_script');\\n\\n var callInitInterface = function(fn) {\\n var startTime = performance.now();\\n // Mark as pre-injected data call for extension tracking\\n window.__myop_init_preinjected = true;\\n try {\\n fn(data);\\n } finally {\\n window.__myop_init_preinjected = false;\\n }\\n var duration = performance.now() - startTime;\\n\\n // Notify extension via postMessage (init* = pre-injected)\\n try {\\n window.parent.postMessage({\\n type: 'MYOP_PREINJECTED_INIT',\\n payload: {\\n data: data,\\n duration: duration,\\n timestamp: Date.now()\\n }\\n }, '*');\\n } catch (e) {}\\n\\n // Cleanup: remove script tag and stored data\\n if (scriptEl && scriptEl.parentNode) {\\n scriptEl.parentNode.removeChild(scriptEl);\\n }\\n delete window.__myop_init_data;\\n };\\n\\n if (typeof window.myop_init_interface === 'function') {\\n // Function already exists - call immediately\\n callInitInterface(window.myop_init_interface);\\n } else {\\n // Function not yet defined - store data and watch for definition\\n window.__myop_init_data = data;\\n\\n var _original;\\n Object.defineProperty(window, 'myop_init_interface', {\\n configurable: true,\\n enumerable: true,\\n set: function(fn) {\\n _original = fn;\\n if (window.__myop_init_data !== undefined) {\\n var storedData = window.__myop_init_data;\\n delete window.__myop_init_data;\\n callInitInterface(fn);\\n }\\n },\\n get: function() {\\n return _original;\\n }\\n });\\n }\\n })();\\n <\\/script>");V.writeln(E+B)}if(c){let E=(r==null?void 0:r.data)!==void 0?JSON.stringify(r.data).replace(/<\\/script/gi,"\\\\u003c/script"):"undefined";V.writeln(this.buildIsolationBridge(E))}V.close();let ee=new Z(e,t,s,l,r);return c&&ee.enableIsolation(),ee.sizeMeta=Qe,ee.initiated().then(()=>{if((r==null?void 0:r.autoSize)===!1)return;let E=!1;ee.observeAutoSize({forceAutoSize:!0,onSizeChange:()=>{!E&&!(r!=null&&r.hidden)&&(E=!0,ee.show())}})}),ee}if(a.shadowRootMode===ue.none){let h=document.createElement("template");h.innerHTML=a.HTML,f=h.content.firstElementChild,Vo().then(g=>{g.connectedCallback(f,f)})}else{let h=xi(e.name+t.id);qo.includes(h)||(Ii(h,a.HTML,a.shadowRootMode),qo.push(h)),f=document.createElement(h)}return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),f.id=u,r!=null&&r.hidden&&(f.style.opacity="0",f.style.position="absolute",f.style.height="0",f.style.width="0",f.style.pointerEvents="none",f.style.visibility="hidden"),this.appendChild(s,f,r),new ke(e,t,s,f,r)})}isMyopWebComponent(e){return e.trimStart().startsWith(hi)}async resolveRenderMode(e,t,s,r,a){var u,f,h,g;let p=r?"webComponent":s.isolation||a!=null&&a.isolation?"isolatedIframe":"iframe",d=(g=a==null?void 0:a.renderPolicy)!=null?g:(h=(f=(u=window==null?void 0:window.myop)==null?void 0:u.hostSDK)==null?void 0:f.getRenderPolicy)==null?void 0:h.call(f),c=d?await d({componentDefinition:e,skin:t,requestedMode:p,isWebComponent:r}):p;return{mode:c,isolate:c==="isolatedIframe"}}buildIsolationBridge(e){return"<script>\\n (function () {\\n var __initial = ".concat(e,";\\n var __pending;\\n // data-out (cta)\\n window.myop_cta_handler = function (action, payload) {\\n try { parent.postMessage({ __myop: true, type: 'myop:cta', action: action, payload: payload }, '*'); } catch (e) {}\\n };\\n function callInit(data) {\\n if (typeof window.myop_init_interface === 'function') { window.myop_init_interface(data); return true; }\\n return false;\\n }\\n // data-in (init updates)\\n window.addEventListener('message', function (e) {\\n var d = e.data;\\n if (!d || d.__myop !== true) return;\\n if (d.type === 'myop:init') { if (!callInit(d.data)) __pending = d.data; }\\n });\\n // first render: use a pending update if one arrived, else the baked initial data\\n (function flushInitial() {\\n var data = (__pending !== undefined) ? __pending : __initial;\\n if (data === undefined) return;\\n if (callInit(data)) { __pending = undefined; __initial = undefined; }\\n else requestAnimationFrame(flushInitial);\\n })();\\n // resize (report content size)\\n function contentHeight() {\\n // Measure the BODY (content box). documentElement.scrollHeight includes\\n // the iframe viewport \\u2014 which we're driving \\u2014 so it would report the\\n // current frame height, not the content, and never shrink.\\n var b = document.body;\\n if (b) return Math.max(b.scrollHeight, b.offsetHeight);\\n return document.documentElement.scrollHeight;\\n }\\n function postSize() {\\n try {\\n parent.postMessage({\\n __myop: true, type: 'myop:size',\\n height: contentHeight(),\\n width: document.documentElement.scrollWidth\\n }, '*');\\n } catch (e) {}\\n }\\n // Observe the BODY (reflows with content) \\u2014 not documentElement, whose box is\\n // the iframe viewport and would feed back into a resize loop. A MutationObserver\\n // catches content swaps (e.g. innerHTML re-render) that don't change body's box.\\n if (window.ResizeObserver) {\\n try { var __ro = new ResizeObserver(postSize); if (document.body) __ro.observe(document.body); } catch (e) {}\\n }\\n if (window.MutationObserver && document.body) {\\n try { new MutationObserver(postSize).observe(document.body, { childList: true, subtree: true, attributes: true, characterData: true }); } catch (e) {}\\n }\\n window.addEventListener('load', postSize);\\n postSize();\\n })();\\n <\\/script>")}extractWebComponentScript(e){let r=new DOMParser().parseFromString(e,"text/html").getElementById(Mi);return(r==null?void 0:r.textContent)||null}executeWebComponentScript(e,t){let s=Uo.get(t);if(s)return console.log("[MyopWebComponent] Script already executed for ".concat(t,", reusing <").concat(s,">")),s;let r=document.createElement("script");r.textContent=e,r.id="myop-extracted-".concat(t),document.head.appendChild(r);let a=window.__MYOP_TAG_NAME__;return a&&Uo.set(t,a),console.log("[MyopWebComponent] Executed web component script: ".concat(t," -> <").concat(a,">")),a}async loadExtractedWebComponent(e,t,s,r,a){let p=this.extractWebComponentScript(r);if(!p)throw new Error('[MyopWebComponent] No <script id="myop-web-component"> found in HTML');let d="".concat(e.id,"-").concat(t.id),c=this.executeWebComponentScript(p,d);if(!c)throw new Error("[MyopWebComponent] Script did not set window.__MYOP_TAG_NAME__");let u="myop-comp-".concat(_()),f=document.createElement(c);f.id=u,a!=null&&a.hidden&&(f.style.opacity="0",f.style.position="absolute",f.style.height="0",f.style.width="0",f.style.pointerEvents="none",f.style.visibility="hidden"),s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),this.appendChild(s,f,a);let h=new he(e,t,s,f,c,a);return(a==null?void 0:a.data)!==void 0&&h.initWithData(a.data),console.log("[MyopWebComponent] Loaded <".concat(c,"> into container")),h}}});var Go,Qo,Yo=m(()=>{"use strict";ae();w();Go=(o,n,e)=>{let t="myop-css-".concat(_());return o.send(new L(({rootRef:s,_stylesheet:r,_tagId:a,_css:p})=>{let d=document.createElement("style");d.type="text/css";let c=p;for(let u in r){c+="".concat(u," { ");let f=r[u];for(let h in f)c+="".concat(h,": ").concat(f[h],"; ");c+="} "}d.appendChild(document.createTextNode(c)),d.id=a,(s.shadowRoot||s.container).appendChild(d)},()=>{},{_stylesheet:n,_css:e||"",_tagId:t})),()=>{o.send(new L(({rootRef:s,_tagId:r})=>{let a=(s.shadowRoot||document).getElementById(r);a&&a.remove()},()=>{},{_tagId:t}))}},Qo=(o,n)=>{let e="myop-css-".concat(_());return o.send(new L(({rootRef:t,_tagId:s,_link:r})=>{let a=document.createElement("link");a.id=s,a.rel="stylesheet",a.href=r,document.head.appendChild(a),(t.shadowRoot||t.container).appendChild(a)},()=>{},{_link:n,_tagId:e})),()=>{o.send(new L(({rootRef:t,_tagId:s})=>{let r=(t.shadowRoot||document).getElementById(s);r&&r.remove()},()=>{},{_tagId:e}))}}});var wi,xn,Jo,Xo=m(()=>{"use strict";wi=(o,n)=>{let e=new RegExp(Object.keys(n).join("|"),"g");return o.replace(e,t=>(n[t]||t).toString())},xn=(o,n)=>{let e=o.loader;if(e.type!=="IframeLoader")throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(e.type,'", currently only "IframeLoader" is supported'));return o.loader=M({},o.loader),o.loader.url=wi(o.loader.url,n),o},Jo=o=>async n=>xn(n,o)});var Zo,es,ts=m(()=>{"use strict";w();Zo=(o,n,e)=>{o.send(new Y(({ref:t,_className:s})=>{t==null||t.classList.add(s)},{elementId:e,_className:n}))},es=(o,n,e)=>{o.send(new Y(({ref:t,_className:s})=>{t==null||t.classList.remove(s)},{elementId:e,_className:n}))}});var Et,St,_t,vt,ns=m(()=>{"use strict";ae();Et=class Et{constructor(){i(this,"_runTimeInstanceId","runtime-instance-id-"+_());i(this,"_runTimeId","runtime-id-"+_());i(this,"_runTimeName","runtime-name-"+_());i(this,"id",this._runTimeId);i(this,"name",this._runTimeName);i(this,"description","");i(this,"loader",null);i(this,"withLoader",n=>(this.loader=n,this));i(this,"withHTMLLoader",n=>(n.type="HTMLLoader",this.loader=n,this));i(this,"build",()=>this)}};i(Et,"create",()=>new Et);St=Et,_t=class _t{constructor(){i(this,"_runTimeInstanceId","runtime-instance-id-"+_());i(this,"_runTimeId","runtime-id-"+_());i(this,"_runTimeName","runtime-name-"+_());i(this,"instance",{id:this._runTimeInstanceId,componentId:this._runTimeId,componentName:this._runTimeName,skinSelector:null});i(this,"name",this._runTimeName);i(this,"type",{id:this._runTimeId,name:this._runTimeName,description:"",props:[],refs:[],skins:[],defaultSkin:0});i(this,"withInstance",n=>(this.instance=n,this));i(this,"withType",n=>(this.type=n,this));i(this,"withName",n=>(this.name=n,this));i(this,"withDefaultSkin",n=>(this.type.skins.push(n),this.type.defaultSkin=this.type.skins.length-1,this.instance.skinSelector={type:"Dedicated",skin:{id:n.id}},this));i(this,"withRef",n=>(this.type.refs.push(n),this));i(this,"withBasicRef",n=>{let e={id:"",name:n,description:"",selectorType:"id-attribute",selector:n,behavior:{type:"code"}};return this.type.refs.push(e),this});i(this,"build",()=>JSON.parse(JSON.stringify(this)))}};i(_t,"create",()=>new _t);vt=_t});var Si,Tt,vi,Ei,se,A,os,wn=m(()=>{"use strict";S();Si=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:Re.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:Re.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:o.consume_variant[0].loader}],defaultSkin:0},name:o.name}),Tt="__MYOP_CLOUD_REPOSITORY_MAIN__",vi=()=>{if(typeof window<"u")return window[Tt];if(typeof globalThis<"u")return globalThis[Tt]},Ei=o=>{typeof window<"u"&&(window[Tt]=o),typeof globalThis<"u"&&(globalThis[Tt]=o)},se=class se{constructor(n="https://cloud.myop.dev"){this._baseUrl=n;i(this,"variants",{});i(this,"preloadedComponents",{});i(this,"userFlows",{});i(this,"_defaultEnv","production");i(this,"_envExplicitlySet",!1);i(this,"_staticMode",!1);i(this,"_queryParams",{})}static get Main(){let n=vi();return n||(se._main||(se._main=new se,Ei(se._main)),se._main)}enableStaticMode(){this._staticMode=!0}setQueryParams(n){this._queryParams=n}setEnvironment(n){this._defaultEnv=n,this._envExplicitlySet=!0}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(n,e,t){return e!==void 0||t!==void 0?"".concat(n,":").concat(e||this._defaultEnv,":").concat(t?"preview":"live")in this.variants:n in this.preloadedComponents}getPreloadedParams(n){return this.preloadedComponents[n]}async resolveComponent(n,e,t){return this.fetchComponentV2(n,e,t)}async fetchComponentV2(n,e,t){let{env:s,usePreview:r,cacheKey:a}=this.resolveParams(n,e,t);return console.log("[CloudRepository] fetchComponentV2",{componentId:n.slice(0,8)+"...",env:s,usePreview:r,cacheKey:a,cached:a in this.variants}),this.variants[a]||(this.preloadedComponents[n]||(this.preloadedComponents[n]={env:s,preview:r}),this.variants[a]=new Promise(async(p,d)=>{try{let c;if(this._staticMode){let l=r?"preview":s;c="".concat(this._baseUrl,"/components/").concat(n,"/").concat(l,".json");let $=new URLSearchParams(this._queryParams).toString();$&&(c+="?".concat($))}else c="".concat(this._baseUrl,"/consume?id=").concat(n,"&env=").concat(s),r&&(c+="&preview=true");let u=await fetch(c);if(!u.ok){d(new Error('Failed to load component "'.concat(n,'" (').concat(u.status).concat(this._staticMode?" from ".concat(c):"",")")));return}let h=(await u.json()).item;if(!h){d(new Error('Component "'.concat(n,'" not found')));return}if(!h.consume_variant||!h.consume_variant.length){d(new Error('Component "'.concat(n,'" has no implementation for environment "').concat(s,'"')));return}let g=Si(h);this.variants[a].resolved=g,p(g)}catch(c){delete this.variants[a],d(c)}})),await this.variants[a]}getResolvedConfig(n,e,t){var r;let{cacheKey:s}=this.resolveParams(n,e,t);return((r=this.variants[s])==null?void 0:r.resolved)||null}resolveParams(n,e,t){let s=this.preloadedComponents[n],r=e!==void 0||t!==void 0,a,p;if(!r&&s)a=s.env,p=s.preview;else{a=e||this._defaultEnv;let d=e||this._envExplicitlySet;p=t===!0?!0:t===!1?!1:!d}return{env:a,usePreview:p,cacheKey:"".concat(n,":").concat(a,":").concat(p?"preview":"live")}}hydrateComponent(n,e,t,s){let{env:r,usePreview:a,cacheKey:p}=this.resolveParams(n,t,s),d=Promise.resolve(e);d.resolved=e,this.variants[p]=d,this.preloadedComponents[n]={env:r,preview:a}}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 r=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&auto=true"))).json();e(r.item)}catch(s){delete this.userFlows[n],t(s)}})),await this.userFlows[n]}async fetchFlow(n){return this.userFlows[n]||(this.userFlows[n]=new Promise(async(e,t)=>{try{let r=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(n,"&resolve=components"))).json();e(r.item)}catch(s){delete this.userFlows[n],t(s)}})),await this.userFlows[n]}async fetchComponent(n,e){return this.fetchComponentV1(n,e)}};i(se,"_main",null);A=se,os=A});var ss,is=m(()=>{"use strict";ss=async o=>await o()});var K,rs,as,ps,ds,cs,ms,ls,fs,us,gs,ys,hs=m(()=>{"use strict";wn();K=A.Main,rs=()=>K,as=(o,n,e)=>K.isPreloaded(o,n,e),ps=o=>K.getPreloadedParams(o),ds=()=>{K=new A("http://localhost:9292")},cs=o=>{K=new A(o)},ms=(o,n)=>{K=new A(o),K.enableStaticMode(),n&&K.setQueryParams(n)},ls=o=>{K=o},fs=o=>{K.setEnvironment(o)},us=(o,n,e)=>K.getResolvedConfig(o,n,e),gs=async(o,n,e)=>Promise.allSettled(o.map(t=>K.fetchComponentV2(t,n,e))),ys=(o,n,e)=>{for(let[t,s]of Object.entries(o))K.hydrateComponent(t,s,n,e)}});var Sn={};ie(Sn,{CloudRepository:()=>A,ComponentConfig:()=>vt,SkinConfig:()=>St,addClass:()=>Zo,applyStylesheet:()=>Go,applyStylesheetLink:()=>Qo,changeSkinUrlByTokenizer:()=>Jo,createIframeSkinByTokenizer:()=>xn,enableLocalDev:()=>ds,enableSelfHosted:()=>ms,exec:()=>ss,getCloudRepository:()=>rs,getPreloadedParams:()=>ps,getResolvedConfig:()=>us,hydrateComponents:()=>ys,isPreloaded:()=>as,preloadComponents:()=>gs,removeClass:()=>es,setCloudRepository:()=>ls,setCloudRepositoryUrl:()=>cs,setEnvironment:()=>fs,v2_CloudRepository:()=>os});var Rt=m(()=>{"use strict";Yo();Xo();ts();ns();wn();is();hs()});var Ms,Cs=m(()=>{"use strict";Qt();Rt();S();Ms=async o=>{try{let n=new URL(window.location.href),t=new URLSearchParams(n.search).get("myopOverride");if(t){let[s,...r]=Gt(t);switch(s){case"component":{let[a,p]=r,d=await A.Main.fetchComponent(a);if(d&&d.type.skins.find(u=>u.id===p))return d.instance.skinSelector={type:ge.Dedicated,skin:{id:p}},d}break;default:{let[a,p]=Gt(t),c=(await A.Main.fetchFlow(a)).components.find(u=>u.type.id===o.type.id);if(c&&c.instance.skinSelector.type===ge.Segmented&&c.instance.resolvedExperiences){let u=c.instance.resolvedExperiences.find(f=>f.id===p);if((u==null?void 0:u.type)===it.Segment){let f=u,g=c.instance.skinSelector.segments.find(l=>l.segmentId===f.segment.id);if(g)return c.instance.skinSelector=g==null?void 0:g.skinSelector,c}}}break}}}finally{return null}}});var xs={};ie(xs,{HostSDK:()=>F,hostSDK:()=>bs});var Is,F,bs,qe=m(()=>{"use strict";re();C();w();vo();Eo();je();S();nt();jo();Cs();Is="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",F=class{constructor(){i(this,"components2init",[]);i(this,"components",[]);i(this,"componentsLoaders",[]);i(this,"_renderPolicy");i(this,"setRenderPolicy",n=>{this._renderPolicy=n});i(this,"getRenderPolicy",()=>this._renderPolicy);i(this,"initiated",!1);i(this,"version",xe);i(this,"type2InstanceCount",{});i(this,"assignId",n=>(this.type2InstanceCount[n.id]||(this.type2InstanceCount[n.id]=0),"".concat(n.id,"_").concat(++this.type2InstanceCount[n.id])));i(this,"inspected",!1);i(this,"inspect",()=>{this.inspected||(this.inspected=!0,this.components.forEach(n=>{n.inspect&&n.inspect()}))});i(this,"incomingMessageHandler",n=>{if(n.origin,document.location.origin,n.data.myop){if(n.data.direction!==R.up&&n.data.messageType!==y.EnvelopedMessage)return;let e=n.data;if(e.messageType===y.InitRequest){this.components2init.forEach(s=>{s.send(new we(s.id))});return}if(e.messageType===y.InitResponse){this.components2init=this.components2init.filter(r=>r.id!==e.content.id);let s=this.components.find(r=>{var a;return r.id===((a=e.content)==null?void 0:a.id)});s==null||s.setInitiated();return}if(e.messageType===y.EnvelopedMessage){let s=e,r=this.components.find(a=>a.id===s.destination);if(r){if(s.direction===R.down){s.message.messageType===W.name?r.onMessageReceived(s.message):(s.message.route=s.route,r.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)}}});i(this,"send",n=>{let e=new MessageEvent("",{data:n});this.incomingMessageHandler(e)});i(this,"init",n=>{if(this.initiated)throw new Error("hostSDK already initiated");let e=[new pt,new ct,new wt];if(this.componentsLoaders=[...e],n){let t={};n.forEach(s=>{let r=new s(this.componentsLoaders);t[r.type]=r}),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});i(this,"_getSkinIdBySkinSelector",async(n,e=[],t)=>{var r;async function s(a,p){for(let d of a)if(await p(d))return d}switch(n.type){case"DedicatedSkin":case ge.Dedicated:return((r=n.skin)==null?void 0:r.id)||n.skins[0].id;case ge.Segmented:{let p=await s(n.segments,async d=>{if(d.segmentId==="Default")return!0;let c=e.find(g=>g.type===it.Segment?g.segment.id===d.segmentId:!1);if(!c)throw new Error("experience not found");let f=c.segment,h=(t||{})[f.function];return h?await h():(console.warn("segmentId:".concat(d.segmentId,", ").concat(f.function," function not provided !")),!1)});if(p)return this._getSkinIdBySkinSelector(p.skinSelector,e);debugger}break;default:debugger}return""});i(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)});i(this,"loaderHooks");i(this,"loadComponent",async(n,e,t)=>{var u,f,h,g;if(!e){debugger;throw new Error("no container was found for this component")}let s=await Ms(n);s&&(n=s);let r=M(M({},(u=this.loaderHooks)!=null?u:{}),(f=t==null?void 0:t.hooks)!=null?f:{}),a=e;if(a.myop)if(a.component){n=M({},n),n.instance=M({},n.instance);let l=await this.runSkinSelector(n,r);if(!l)throw new Error("runSkinSelector failed to choose skin, check the provided config");return(h=t==null?void 0:t.hooks)!=null&&h.afterSkinSelected&&(l=await t.hooks.afterSkinSelected(M({},l))),n.instance.skinSelector={type:ge.Dedicated,skin:l},t&&(t=M({},t),delete t.hooks),await gn(a,n,this.components,t)}else throw new Error("load component got a detached ref.");e=e;let p=await this.runSkinSelector(n,r);if(!p)throw new Error("runSkinSelector failed to choose skin, check the provided config");(g=t==null?void 0:t.hooks)!=null&&g.afterSkinSelected&&(p=await t.hooks.afterSkinSelected(M({},p)));let d=this.componentsLoaders.find(l=>l.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(l=>l!==c),this.components2init=this.components2init.filter(l=>l!==c),!0)),this.components.push(c),(!t||t.connectProps!==!1)&&(c=So(c,n.type.props,p));try{await yn(c,n,this.components)}catch(l){throw l}return t!=null&&t.skipInit||await c.initiated(),c});i(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,M({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,M({relative:{direction:"before",child:s}},t))}})}};i(F,"Instance",()=>window.myop.hostSDK);window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Is});if(!window.myop.hostSDK){let o=new F;o.init(),window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Is}),window.myop.hostSDK=o}bs=window.myop.hostSDK;N("hostSDK",bs)});var Ht,ws=m(()=>{"use strict";C();oe();S();w();Ht=class extends b{constructor(){super(...arguments);i(this,"messageType",y.DetectMyopRefsMessage);i(this,"executor",e=>{let t=document.querySelectorAll("[".concat(P.id,"]")),s=[];t.forEach(r=>{let a=r.getAttribute(P.id);a&&s.push(new ve(a,r.tagName,r.getBoundingClientRect()))}),this.messageToHost(new fe(e.handlerUniqueId,s))})}}});var kt,Ss=m(()=>{"use strict";C();S();w();O();kt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.BindClickMessage);i(this,"executor",e=>{let t=[];return v(e.ref,document).forEach(r=>{let a=()=>{this.messageToHost(new pe,e)};r.addEventListener("click",a);let p=()=>{r.removeEventListener("click",a)};t.push(p)}),()=>{t.forEach(r=>r())}})}}});var Dt,vs=m(()=>{"use strict";C();S();O();Dt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.ChangeTextMessage);i(this,"executor",e=>{v(e.ref,document).forEach(s=>{s.textContent=e.content})})}}});var Bt,Es=m(()=>{"use strict";C();w();S();In();Bt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.ExecuteScriptMessage);i(this,"executor",e=>{Mt(e,s=>{this.messageToHost(new de(e.handlerUniqueId,s))},new Te(document.documentElement))})}}});var Lt,_s=m(()=>{"use strict";C();S();w();ye();O();Lt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.AddEventListenerMessage);i(this,"executor",e=>{let t=v(e.ref,document),s=[];return t.forEach(r=>{let a=p=>{requestAnimationFrame(()=>{this.messageToHost(new ce(e.handlerUniqueId,z(p,e.serializableSkeleton)))})};r.addEventListener(e.type,a),s.push(()=>{r.removeEventListener(e.type,a)})}),()=>{s.forEach(r=>{r()})}})}}});var Pt,Ts=m(()=>{"use strict";C();S();O();Pt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.SetAttributeMessage);i(this,"executor",e=>{v(e.ref,document).forEach(s=>{s.setAttribute(e.name,e.value)})})}}});var Ot,Rs=m(()=>{"use strict";C();oe();S();qe();ot();Ot=class extends b{constructor(){super(...arguments);i(this,"messageType",y.CreateRefComponentMessage);i(this,"executor",e=>{(async()=>{let s=document.querySelectorAll("[".concat(P.id,"='").concat(e.refConfig.selector,"']"));if(s.length===1){let a=await F.Instance().loadComponent(e.nestedComponentConfig,s.item(0),e.options),p=[];Object.keys(a.refs).forEach(d=>{let c=a.refs[d];c=c.__nonProxied||c,c.componentDefinition&&p.push({refName:d,componentDefinitionId:c.componentDefinition.id})}),this.messageToHost(new J(e.handlerUniqueId,p))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new J(e.handlerUniqueId,[],!0));debugger}})().then()})}}});var Hs,ks=m(()=>{"use strict";Hs=(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),s={attributes:!0,childList:!0,subtree:!0};return t.observe(o,s),t}else window.addEventListener&&(o.addEventListener("DOMNodeInserted",n,!1),o.addEventListener("DOMNodeRemoved",n,!1))}});var zt,Ds=m(()=>{"use strict";C();w();S();ks();zt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.SetMutationObserverMessage);i(this,"executor",e=>{e.source&&Hs(document.body,()=>{this.messageToHost(new Ke)})})}}});var Bs,At,Ls=m(()=>{"use strict";C();oe();S();w();ye();O();Bs=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(r=>{if(typeof r.value=="string"){let a=r.getAttribute(P.id),p=r.getAttribute("name"),d={id:r.id,name:p,value:Bs(r),required:r.required,validity:z(r.validity,!0),myopId:a};e.unmappedData.push(d),p&&(!e.formData[p]||!e.formData[p].value||d.value)&&(e.formData[p]=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},At=class extends b{constructor(){super(...arguments);i(this,"messageType",y.GetElementValueMessage);i(this,"executor",e=>{v(e.ref,document).forEach(s=>{this.messageToHost(new me(Bs(s)),e)})})}}});var Kt,Ps=m(()=>{"use strict";C();S();w();O();Kt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.GetAttributeMessage);i(this,"executor",e=>{let t=_o(e.ref,document);t&&this.messageToHost(new Ae(t.getAttribute(e.name)),e)})}}});var $t,Os=m(()=>{"use strict";w();C();S();$t=class extends b{constructor(){super(...arguments);i(this,"messageType",y.SetResizeObserverMessage);i(this,"executor",e=>{let t=new ResizeObserver(s=>{this.messageToHost(new Ne)});return t.observe(document.body),()=>{t.disconnect()}})}}});var Wt,zs=m(()=>{"use strict";C();S();O();Wt=class extends b{constructor(){super(...arguments);i(this,"messageType",y.SetInnerHtml);i(this,"executor",e=>{v(e.ref,document).forEach(s=>{s.innerHTML=e.content})})}}});var As={};ie(As,{IframeSDK:()=>Ft});var Ft,Ks=m(()=>{"use strict";S();ws();Ss();vs();Es();re();_s();Ts();w();Rs();Ds();Ls();nt();Ps();Os();zs();Ft=class extends Ee{constructor(){super();i(this,"version",xe);i(this,"messageToHost",(e,t)=>{var r;!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId);let s=Object.keys(this.components);e.destination||(t!=null&&t.route?e.destination=t.route[t.route.length-1]:e.destination=s[0]),e.source||(e.source=s[0]),e.direction=R.up,(r=window.parent)==null||r.postMessage(M({},e),"*")});i(this,"supportedHandlers",[new Dt(this.messageToHost),new Wt(this.messageToHost),new kt(this.messageToHost),new Ht(this.messageToHost),new Bt(this.messageToHost),new Lt(this.messageToHost),new Pt(this.messageToHost),new At(this.messageToHost),new zt(this.messageToHost),new $t(this.messageToHost),new Kt(this.messageToHost),new Ot(this.messageToHost)]);i(this,"init",()=>{window.onmessage=this.handleIncomeMessages.bind(this),this.messageToHost(new le)});window.myop||(window.myop={}),window.myop.IframeSDK=this}};N("IframeSDK",Ft)});var Ti={};var _i,$s=m(()=>{"use strict";w();re();_i=M({},Se);N("MyopMessages",_i)});var Ws={};ie(Ws,{CloudRepository:()=>A,ComponentConfig:()=>vt,SkinConfig:()=>St,addClass:()=>Zo,applyStylesheet:()=>Go,applyStylesheetLink:()=>Qo,changeSkinUrlByTokenizer:()=>Jo,createIframeSkinByTokenizer:()=>xn,enableLocalDev:()=>ds,enableSelfHosted:()=>ms,exec:()=>ss,getCloudRepository:()=>rs,getPreloadedParams:()=>ps,getResolvedConfig:()=>us,hydrateComponents:()=>ys,isPreloaded:()=>as,preloadComponents:()=>gs,removeClass:()=>es,setCloudRepository:()=>ls,setCloudRepositoryUrl:()=>cs,setEnvironment:()=>fs,v2_CloudRepository:()=>os});var Fs=m(()=>{"use strict";re();Rt();Rt();N("MyopHelpers",Sn)});var Bi={};ie(Bi,{getHostModule:()=>Ns,getIframeModule:()=>Us,getWebcomponentModule:()=>qs});re();var Nn;if(window.__federation__)console.log("__federation__ loaded more than once.");else{let o=(Nn=document.currentScript)==null?void 0:Nn.src,n=o?o.split("/").slice(0,-1).join("/"):"";window.__federation__={__public_auto_path__:n,__use_public_auto_path__:!0,__public_path__:void 0,__loading_timeout__:5*1e3}}window.__federation__.load__federation__=(o,n,e)=>{if(window.__federation__[n])console.log("__federation__ module ".concat(n," already loaded.")),e(window.__federation__[n][jt]);else{let t;window.__federation__[n]={},window.__federation__[n][tt]=r=>{t&&(document.head.removeChild(t),t=null),window.__federation__[n][jt]=r,e(r)};let s=r=>{t=document.createElement("script"),t.type="module",t.src=r,t.async=!0,t.onerror=()=>{var d,c;let a=(c=(d=window.myop)==null?void 0:d.__ROOT_SDK_PUBLIC_URL__)==null?void 0:c.split("/").slice(0,-1).join("/"),p=r.split("/").pop();a&&!r.startsWith(a)&&(console.warn("[myop] chunk load failed from ".concat(r,", retrying from CDN")),document.head.removeChild(t),s("".concat(a,"/").concat(p)))},document.head.appendChild(t)};s(o)}};nt();console.log("myop root sdk - loaded",document.location.origin);var Ri="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",Ns=()=>Promise.resolve().then(()=>(qe(),xs)),Us=()=>Promise.resolve().then(()=>(Ks(),As)),qs=()=>Promise.resolve().then(()=>(bn(),Ko)),Hi=()=>Promise.resolve().then(()=>($s(),Ti)),ki=()=>Promise.resolve().then(()=>(Fs(),Ws)),Ge=o=>async()=>(await o()).get(),Di={version:xe,getHostModule:Ge(Ns),getIframeModule:Ge(Us),getWebcomponentModule:Ge(qs),getMyopMessages:Ge(Hi),getMyopHelpers:Ge(ki)};window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Ri});window.myop.rootSDK?console.log("myop root host loaded more than once."):window.myop=M({rootSDK:Di},window.myop);return pi(Bi);})();
8
+ export const EMBEDDED_SDK_CONTENT = `"use strict";var MyopSDK=(()=>{var rt=Object.defineProperty,Mi=Object.defineProperties,Ci=Object.getOwnPropertyDescriptor,bi=Object.getOwnPropertyDescriptors,wi=Object.getOwnPropertyNames,Zn=Object.getOwnPropertySymbols;var eo=Object.prototype.hasOwnProperty,Ii=Object.prototype.propertyIsEnumerable;var on=(o,n,e)=>n in o?rt(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,M=(o,n)=>{for(var e in n||(n={}))eo.call(n,e)&&on(o,e,n[e]);if(Zn)for(var e of Zn(n))Ii.call(n,e)&&on(o,e,n[e]);return o},q=(o,n)=>Mi(o,bi(n));var l=(o,n)=>()=>(o&&(n=o(o=0)),n);var pe=(o,n)=>{for(var e in n)rt(o,e,{get:n[e],enumerable:!0})},xi=(o,n,e,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of wi(n))!eo.call(o,s)&&s!==e&&rt(o,s,{get:()=>n[s],enumerable:!(t=Ci(n,s))||t.enumerable});return o};var vi=o=>xi(rt({},"__esModule",{value:!0}),o);var r=(o,n,e)=>on(o,typeof n!="symbol"?n+"":n,e);var at,pt,Fe,Y,de=l(()=>{"use strict";at="__federation__",pt="onLoad",Fe="moduleInstance",Y=(o,n)=>{window[at]&&window[at][o]&&window[at][o][pt]&&window[at][o][pt]({[o]:n})}});var Ee,dt=l(()=>{Ee="0.4.0-beta.0"});var h,C=l(()=>{"use strict";h={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 E,Si,_i,sn,rn=l(()=>{"use strict";E=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,o=>(+o^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+o/4).toString(16)),Si=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("-")},_i=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))},sn=o=>{let n=_i(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(Si(n.slice(t,t+16)));return e}});var no,ce=l(()=>{"use strict";rn();no=o=>new Promise(n=>setTimeout(n,o))});var R,b,an,H,k,se,D=l(()=>{"use strict";ce();R=class{};r(R,"down","down"),r(R,"up","up");b=class{constructor(){r(this,"id",E());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}},an=class extends b{constructor(e){super();this.ref=e}},H=class extends b{constructor(e){super();this.replayToHandler=e}},k=class extends b{constructor(e){super();this.handler=e;r(this,"handlerUniqueId",E())}},se=class o{constructor(n,e){this.refConfig=n;this.component=e;r(this,"myop",!0);r(this,"__nonProxied");this.__nonProxied=q(M({},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 oo,pn,le,so=l(()=>{"use strict";D();oo="ClickReplayMessage",pn=class extends k{constructor(e,t){super(t);this.ref=e;r(this,"replyMessageKey",oo);r(this,"messageType","BindClickMessage");r(this,"cleanable",!0)}},le=class extends H{constructor(){super(...arguments);r(this,"messageType",oo)}}});var dn,io=l(()=>{"use strict";D();dn=class extends b{constructor(e,t){super();this.ref=e;r(this,"messageType","ChangeTextMessage");this.content=t}}});var ro,Ei,Ti,ao,P,me,cn=l(()=>{"use strict";D();ro="ExecuteScriptReplyMessage",Ei=/(?:function\\s*\\w*\\s*\\([^)]*\\)\\s*\\{([\\s\\S]*?)\\}|(\\([^)]*\\)\\s*=>\\s*\\{([\\s\\S]*?)\\}))\\s*$/,Ti=/\\(\\s*[^)]+\\s*\\)\\s*=>\\s*(.+)/,ao=o=>{let n=o.match(Ei);if(n)return n[1]||n[3];{let e=o.match(Ti);if(e)return e[1].trim()}},P=class extends k{constructor(e,t=()=>{},s){super(t);this.scriptInputs=s;r(this,"replyMessageKey",ro);r(this,"messageType","ExecuteScriptMessage");r(this,"script","");this.script=e.toString(),this.content=e.toString(),this.content=ao(this.content)}};r(P,"replierKey","send"),r(P,"completeStreamKey","completeStream");me=class extends H{constructor(e,t){super(e);this.replayToHandler=e;this.content=t;r(this,"messageType",ro)}}});var Z,po=l(()=>{"use strict";cn();Z=class extends P{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=q(M({},t),{_script:e.toString()})}}});var co,ln,fe,lo=l(()=>{"use strict";D();co="EventListenerCallbackMessage",ln=class extends k{constructor(e,t,s){super(s);this.ref=e;this.type=t;this.handler=s;r(this,"replyMessageKey",co);r(this,"messageType","AddEventListenerMessage");r(this,"cleanable",!0);r(this,"serializableSkeleton",!1)}withSerializableSkeleton(e){return this.serializableSkeleton=e,this}},fe=class extends H{constructor(e,t){super(e);this.replayToHandler=e;this.e=t;r(this,"messageType",co);this.content={e:t}}}});var mn,mo=l(()=>{"use strict";D();mn=class extends b{constructor(e,t,s){super();this.ref=e;this.name=t;this.value=s;r(this,"messageType","SetAttributeMessage")}}});var fo,fn,ue,un=l(()=>{"use strict";D();fo="ElementValueReplayMessage",fn=class extends k{constructor(e,t){super(t);this.ref=e;r(this,"replyMessageKey",fo);r(this,"messageType","GetElementValueMessage")}},ue=class extends H{constructor(e){super();this.content=e;r(this,"messageType",fo)}}});var gn,uo=l(()=>{"use strict";D();gn=class extends b{constructor(e,t){super();this.ref=e;r(this,"messageType","SetInnerHtml");this.content=t}}});var Te,Ke,ge,go=l(()=>{"use strict";D();Te=class extends b{constructor(e){super();r(this,"messageType","InitMessage");this.content={id:e}}isTypeof(e){return e.messageType===this.messageType}},Ke=class extends Te{constructor(){super(...arguments);r(this,"messageType","InitResponse")}},ge=class extends b{constructor(){super(...arguments);r(this,"messageType","InitRequest")}}});var yo,We,ee,ct=l(()=>{"use strict";D();yo="RefComponentCreatedMessage",We=class extends k{constructor(e,t,s,i){super(i);this.refConfig=e;this.nestedComponentConfig=t;this.options=s;r(this,"replyMessageKey",yo);r(this,"messageType","CreateRefComponentMessage")}},ee=class extends H{constructor(e,t,s){super(e);this.replayToHandler=e;this.nestedRefs=t;this.failed=s;r(this,"messageType",yo)}}});var Ne,yn=l(()=>{"use strict";D();Ne=class extends b{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 ho,hn,ye,Mo=l(()=>{"use strict";D();ho="DetectedMyopRefsMessage",hn=class extends k{constructor(){super(...arguments);r(this,"messageType","DetectMyopRefsMessage");r(this,"replyMessageKey",ho)}},ye=class extends H{constructor(e,t){super(e);this.replayToHandler=e;r(this,"messageType",ho);this.content=t}isTypeof(e){return e.messageType===this.messageType}}});var Co,Mn,Ue,bo=l(()=>{"use strict";D();Co="GetAttributeReplayMessage",Mn=class extends k{constructor(e,t,s){super(s);this.ref=e;this.name=t;r(this,"replyMessageKey",Co);r(this,"messageType","GetAttributeMessage")}},Ue=class extends H{constructor(e){super();this.content=e;r(this,"messageType",Co)}}});var U,wo=l(()=>{"use strict";D();U=class extends b{constructor(e){super();this.method=e;r(this,"messageType","ExecuteComponentMethod")}}});var Cn,qe,Io=l(()=>{"use strict";D();Cn=class extends b{constructor(){super(...arguments);r(this,"messageType","SetMutationObserverMessage")}},qe=class extends b{constructor(){super(...arguments);r(this,"messageType","MutationObserverMessage")}}});var xo,Ve,je,vo=l(()=>{"use strict";D();xo="CleanupReplayMessage",Ve=class extends k{constructor(e,t){super(t);this.cleanupForMessageId=e;r(this,"replyMessageKey",xo);r(this,"messageType","CleanupMessage")}},je=class extends H{constructor(e){super();this.customCleanup=e;r(this,"messageType",xo)}}});var Ge,So=l(()=>{"use strict";D();Ge=class extends b{constructor(){super(...arguments);r(this,"messageType","DisposeMessage")}}});var Ye,Qe,_o=l(()=>{"use strict";D();Ye=class extends b{constructor(){super(...arguments);r(this,"cleanable",!0);r(this,"messageType","SetResizeObserverMessage")}},Qe=class extends b{constructor(){super(...arguments);r(this,"messageType","ResizeObserverMessage")}}});var Re={};pe(Re,{AddEventListenerMessage:()=>ln,BaseMyopMessage:()=>b,BindClickMessage:()=>pn,ChangeTextMessage:()=>dn,CleanupMessage:()=>Ve,CleanupReplayMessage:()=>je,ClickReplayMessage:()=>le,CreateRefComponentMessage:()=>We,CustomRefMessage:()=>Z,DetectMyopRefsMessage:()=>hn,DetectedMyopRefsMessage:()=>ye,DisposeMessage:()=>Ge,ElementValueReplayMessage:()=>ue,EnvelopedMessage:()=>Ne,EventListenerCallbackMessage:()=>fe,ExecuteComponentMethod:()=>U,ExecuteScriptMessage:()=>P,ExecuteScriptReplyMessage:()=>me,GetAttributeMessage:()=>Mn,GetAttributeReplayMessage:()=>Ue,GetElementValueMessage:()=>fn,InitMessage:()=>Te,InitRequest:()=>ge,InitResponse:()=>Ke,MessageDirection:()=>R,MutationObserverMessage:()=>qe,MyopBindMessage:()=>k,MyopBindReplayMessage:()=>H,MyopElementMessage:()=>an,Ref:()=>se,RefComponentCreatedMessage:()=>ee,ResizeObserverMessage:()=>Qe,SetAttributeMessage:()=>mn,SetInnerHtml:()=>gn,SetMutationObserverMessage:()=>Cn,SetResizeObserverMessage:()=>Ye,stripFunction:()=>ao});var x=l(()=>{"use strict";D();so();io();cn();po();lo();mo();un();uo();go();ct();yn();Mo();un();bo();wo();Io();vo();So();_o()});var Q,Je=l(()=>{"use strict";C();x();Xe();Q=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)||V.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===h.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=R.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=R.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 Ve(n.id,t=>{})),e&&e()}:()=>{}}dispose(){if(this.markedForDisposed=!0,!this.isInitiated)return;console.log("disposing component",this.id),this.send(new Ge);let n=this.messageHandlers.onDispose;n&&n.forEach(e=>{e(null)}),this.messageHandlers={},this.id+="_disposed",this.isInitiated=!1}}});var He,Eo=l(()=>{"use strict";He=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 To,w,lt,Ro=l(()=>{"use strict";To=async o=>{if(typeof o=="function")o();else if(o instanceof Promise){let n=await o;typeof n=="function"&&n()}},w=class{constructor(n){this.messageToHost=n}},lt=class extends w{constructor(e,t){super(e);this.messageToHost=e;this.context=t}}});var bn,ke,Ho=l(()=>{"use strict";C();v();x();bn=class{constructor(n,e){this.id=n;this.context=e;r(this,"send",n=>{})}},ke=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!==R.down)return;if(t.messageType===h.DisposeMessage){t.destination&&delete this.components[t.destination];return}if(t.messageType===h.InitMessage){let s=t.content.id;if(this.components[s])return;this.components[s]=new bn(s),this.messageToHost(new Ke(s));return}if(t.messageType===h.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===h.CleanupMessage){let i=t,a=this.messageCleanupCache[i.cleanupForMessageId],p=new je(!!a);p.destination=t.destination,a?(delete this.messageCleanupCache[i.cleanupForMessageId],To(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 te,he,Le,De,Me,mt,Be,v=l(()=>{"use strict";Eo();Ro();Ho();te={IframeLoader:"IframeLoader",WebComponentLoader:"WebComponentLoader",HTMLLoader:"HTMLLoader",MinimizedLoader:"MinimizedLoader"},he={open:"open",closed:"closed",none:"none",localFrame:"localFrame"},Le={message:"message",code:"code"},De=class{};r(De,"code","code"),r(De,"component","component");Me={Segmented:"Segmented",Dedicated:"Dedicated",Default:"Default"},mt={Segment:"Segment",Promo:"Promo",AB:"AB"},Be=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 wn,Ri,In,K,Ce=l(()=>{"use strict";wn=o=>o!==Object(o),Ri=o=>typeof o=="function",In=o=>{if(wn(o))return!0;if(Ri(o)||Object.getPrototypeOf(o))return!1;for(let n in o){let e=o[n];if(typeof e=="object"){if(!In(e))return!1}else{if(wn(e))continue;return!1}}return!0},K=(o,n={},e=!0,t=new WeakMap)=>{if(wn(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]=K(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]=K(o[i],!0,e,t)):typeof a=="object"&&(s[i]=K(o[i],a,e,t)))}return s}return{}}});var ko,Do=l(()=>{"use strict";ko={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 Ze,Bo=l(()=>{"use strict";Je();x();yn();Ze=class extends Q{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 Ne(this.id,e)),e.handler=t,s});r(this,"dispose",()=>{this.isInitiated&&this.send(new U("dispose")),super.dispose()})}hide(){this.send(new U("hide"))}show(){this.send(new U("show"))}inspect(){return this.send(new U("inspect"))}setHeightBasedOnDocumentElement(){this.send(new U("setHeightBasedOnDocumentElement"))}setHeightBasedOnScrollHeight(){this.send(new U("setHeightBasedOnScrollHeight"))}onMessageReceived(e){return super.onMessageReceived(e)}}});var be,xn=l(()=>{"use strict";Je();et();be=class extends Q{constructor(e,t,s,i,a,p){super(e,s,p);this.container=s;this.customElement=i;this.tagName=a;r(this,"ctaCleanup");r(this,"_ctaHandler");r(this,"_ctaQueue",[]);r(this,"_ctaListener",e=>{let t=e.detail;t!=null&&t.action&&(this._ctaHandler&&!this.markedForDisposed?this._ctaHandler(t.action,t.payload):this._ctaHandler||this._ctaQueue.push({action:t.action,payload:t.payload}))});r(this,"cleanupInspect",()=>{});r(this,"send",e=>{let t=super.send(e);return console.debug("[MyopExtractedWebComponent] send() called - web components use direct API instead",e),t});r(this,"dispose",()=>{var e;this.ctaCleanup&&this.ctaCleanup(),super.dispose(),(e=this.customElement.parentNode)==null||e.removeChild(this.customElement)});this.element=i,this.customElement.addEventListener("myop-cta",this._ctaListener),this.ctaCleanup=()=>this.customElement.removeEventListener("myop-cta",this._ctaListener),this.setInitiated()}inspect(){return this.cleanupInspect=Pe(this.id,"MyopExtractedWebComponent",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=""}initWithData(e){typeof this.customElement.myop_init_interface=="function"&&this.customElement.myop_init_interface(e)}getData(){if(typeof this.customElement.myop_init_interface=="function")return this.customElement.myop_init_interface()}setCtaHandler(e){if(this._ctaHandler=e,this._ctaQueue.length>0){let t=[...this._ctaQueue];this._ctaQueue=[],t.forEach(s=>{this.markedForDisposed||e(s.action,s.payload)})}}}});var Hi,Pe,Lo,Po,Oo,ki,vn,Sn,et=l(()=>{"use strict";x();x();v();Ce();Do();Bo();xn();ft();Hi=(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},Pe=(o,n,e,t,s,i)=>{let a=Hi("".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)}},Lo=(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),Po=(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."))},Oo=(o,n,e)=>{let t=n.reduce((i,a)=>q(M({},i),{[a.name]:M({},a)}),{}),s={get:(i,a)=>{let p=t[a];if(Lo(p,a,o))return!1;if(p.behavior.type===Le.code){if(o instanceof be)return(p.behavior.remap||a)==="myop_init_interface"?f=>{if(f===void 0)return o.getData();o.initWithData(f)}:void 0;if(o instanceof ne&&o.isolated)return(p.behavior.remap||a)==="myop_init_interface"?f=>{if(f===void 0)return o.getData();o.initWithData(f)}:void 0;if(e.loader.type===te.HTMLLoader&&e.loader.shadowRootMode===he.localFrame){let c=p.behavior;return o.element.contentWindow[c.remap||a]}return Po(p,a,o),!1}return p.mode==="output"?new Promise(d=>{let c=[];p.behavior.ref&&c.push(se.create(p.behavior.ref)),c.push(u=>{d(u)}),p.behavior.params&&c.push(...p.behavior.params);let f=Re[p.behavior.message];o.send(new f(...c))}):null},set:(i,a,p)=>{let d=t[a];if(Lo(d,a,o))return!1;if(d.behavior.type===Le.code){if(o instanceof be){let f=d.behavior.remap||a;if(f==="myop_cta_handler")return o.setCtaHandler(p),!0;if(f==="myop_init_interface")return o.initWithData(p),!0}if(o instanceof ne&&o.isolated){let f=d.behavior.remap||a;if(f==="myop_cta_handler")return o.setCtaHandler(p),!0;if(f==="myop_init_interface")return o.initWithData(p),!0}if(e.loader.type===te.HTMLLoader&&e.loader.shadowRootMode===he.localFrame){let f=d.behavior,u=o.element.contentWindow,y=f.remap||a;if(u[y]=p,y==="myop_cta_handler"&&u.__myop_cta_queue){let g=u.__myop_cta_queue;u.__myop_cta_queue=null,g.forEach(m=>{o.markedForDisposed||p(m.action,m.payload)})}return!0}return Po(d,a,o),!1}else if(d.mode==="input")if(d.behavior.type==="message"){let c=[];d.behavior.ref&&c.push(se.create(d.behavior.ref)),c.push(p),d.behavior.params&&c.push(...d.behavior.params);let f=Re[d.behavior.message];return o.send(new f(...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},ki=(o,n)=>new Proxy(o,{get(e,t){return e[t]?e[t]:(...i)=>new Promise(a=>{i.forEach(p=>{In(p)||ko.notSerializableRefCall(t,p)}),n.send(new Z(({ref:p,propName:d,functionArgs:c,makeSerializable:f})=>{if(p){let u=p[d];return f(typeof u=="function"?p[d](...c):u,!0)}return null},{elementId:e.refConfig.selector,propName:t,functionArgs:i},p=>{a(p.content)}))})},set(e,t,s){return n.send(new Z(({ref:i,propName:a,propValue:p})=>{i&&(i[a]=p)},{elementId:e.refConfig.selector,propValue:s,propName:t},i=>{})),!0}}),vn=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 Ze(n.type,s,t);e.push(p),await s.initiated();let d=setTimeout(()=>{a("timeout")},5e3);s.send(new We(o.refConfig,n,q(M({},t||{}),{id:p.id,_hasParent:!0}),async c=>{if(clearTimeout(d),c.failed){a("CreateRefComponentMessage failed");return}let f=e.find(u=>u.id==p.id);if(f!==p){s.refs[o.refConfig.name]=f,i(f);return}else p.setInitiated(),s.refs[o.refConfig.name]=p;c.nestedRefs.forEach(u=>{let y=n.instance.resolvedNestedComponents.find(m=>m.type.id===u.componentDefinitionId).type,g=new Ze(y,p);g.setInitiated(),p.refs[u.refName]=g,e.push(g)});try{await Sn(p,n,e,!0),s.setHeightBasedOnScrollHeight&&s.setHeightBasedOnScrollHeight(),i(p)}catch(u){a(u)}}))})},Sn=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==De.component){if(t){a();return}let c=i.behavior.componentId;c||(c=i.behavior.instance.componentId);let f=(d=n.instance.resolvedNestedComponents)==null?void 0:d.find(y=>y.type.id===c);if(!f)throw new Error("componentConfig provided without nestedComponentConfig check the config object");let u=se.create("",i,o);try{let y=await vn(u,f,e);o.refs[i.name]=y,a()}catch(y){p(y)}}else try{let c=se.create("",i,o);o.refs[i.name]=ki(c,o),a()}catch(c){}}));try{await Promise.all(s)}catch(i){throw i}}});var ne,ft=l(()=>{"use strict";Je();x();et();C();ne=class extends Q{constructor(e,t,s,i,a){super(e,s,a);this.componentConfig=e;this.container=s;this.IframeElement=i;r(this,"_autoSizeCleanup");r(this,"_autoSizeOptions");r(this,"_autoSizeUpdate");r(this,"isolated",!1);r(this,"_lastData");r(this,"_ctaHandler");r(this,"_ctaQueue",[]);r(this,"_isoMsgHandler");r(this,"_isoSizeOpts");r(this,"_isoAutoSize",!1);r(this,"_isoLastSize");r(this,"sizeMeta");r(this,"cleanupInspect");r(this,"setHeightBasedOnDocumentElement",()=>{let e=this.send(new P(()=>window.document.documentElement.scrollHeight,t=>{this.IframeElement.style.height="".concat(t.content,"px"),e()}))});r(this,"observeSizeBasedOnDocumentElement",()=>this.send(new P(({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=>{if(this._autoSizeOptions=e,this.isolated)return this._isoSizeOpts=e,this._isoAutoSize=!0,this._isoLastSize&&this._applyIsoSize(this._isoLastSize.height,this._isoLastSize.width),()=>{this._isoAutoSize=!1,this._isoSizeOpts=void 0};if(this._autoSizeCleanup&&this._autoSizeUpdate)return this._autoSizeUpdate(),this._autoSizeCleanup;let t=this.IframeElement,s=t.contentDocument;if(!s)return this.observeHeightViaBridge();let i=(g,m,A)=>m!==void 0&&g<m?m:A!==void 0&&g>A?A:g,a=g=>{if(g===void 0)return;if(typeof g=="number")return g;let m=parseFloat(g);return isNaN(m)?void 0:m},p=()=>{var Nn,Un,qn,Vn,jn,Gn,Yn,Qn;let g=t.contentDocument;if(!g)return;let m=this._autoSizeOptions,A=a(m==null?void 0:m.minWidth),F=a(m==null?void 0:m.maxWidth),oe=a(m==null?void 0:m.minHeight),B=a(m==null?void 0:m.maxHeight),Ie=(Nn=m==null?void 0:m.loaderMinHeight)!=null?Nn:50,ae=((Un=this.sizeMeta)==null?void 0:Un.width)==="100%"?"100%":void 0,N=((qn=this.sizeMeta)==null?void 0:qn.height)==="100%"?"100%":void 0,_=(jn=(Vn=m==null?void 0:m.explicitWidth)!=null?Vn:ae)!=null?jn:"100%",I=(Gn=m==null?void 0:m.explicitHeight)!=null?Gn:N,L=_!==void 0,xe=I!==void 0,ve=this.container.getBoundingClientRect(),pi=ve.width===0,di=ve.height===0||ve.height===Ie,Se=(m!=null&&m.forceAutoSize||pi)&&!L,_e=(m!=null&&m.forceAutoSize||di)&&!xe;if(!Se&&!_e){t.style.width=typeof _=="number"?"".concat(_,"px"):"100%",t.style.height=typeof I=="number"?"".concat(I,"px"):"100%",(Yn=m==null?void 0:m.onSizeChange)==null||Yn.call(m,{width:typeof _=="number"?_:void 0,height:typeof I=="number"?I:void 0,autoSizingWidth:!1,autoSizingHeight:!1});return}let ci=t.style.transition,X=this.container,li=X.style.transition;t.style.transition="none",X.style.transition="none";let zn=t.getBoundingClientRect().height,An=t.getBoundingClientRect().width,$n=Math.ceil(Math.max(g.documentElement.scrollHeight,g.body.scrollHeight,g.body.getBoundingClientRect().height)),Fn=Math.ceil(Math.max(g.documentElement.scrollWidth,g.body.scrollWidth,g.body.getBoundingClientRect().width)),Ae=Fn,$e=$n,mi=_e&&$n>zn+1,fi=Se&&Fn>An+1,ot=_e&&!mi,st=Se&&!fi;if(ot||st){let yi=X.style.minHeight,hi=X.style.minWidth;ot&&(X.style.minHeight="".concat(zn,"px")),st&&(X.style.minWidth="".concat(An,"px")),ot&&(t.style.height="0px"),st&&(t.style.width="0px"),Ae=Math.ceil(Math.max(g.documentElement.scrollWidth,g.body.scrollWidth,g.body.getBoundingClientRect().width)),$e=Math.ceil(Math.max(g.documentElement.scrollHeight,g.body.scrollHeight,g.body.getBoundingClientRect().height));let Jn=ot&&$e<2,Xn=st&&Ae<2;if(Jn||Xn){let it=g.createElement("style");it.id="__myop_measure";let nn=[];Jn&&nn.push("height: auto !important","min-height: 0 !important","max-height: none !important"),Xn&&nn.push("width: auto !important","min-width: 0 !important","max-width: none !important"),it.textContent="*, *::before, *::after { ".concat(nn.join("; "),"; flex-basis: auto !important; flex-grow: 0 !important; }"),g.head.appendChild(it),Ae=Math.ceil(Math.max(g.documentElement.scrollWidth,g.body.scrollWidth,g.body.getBoundingClientRect().width)),$e=Math.ceil(Math.max(g.documentElement.scrollHeight,g.body.scrollHeight,g.body.getBoundingClientRect().height)),it.remove()}X.style.minHeight=yi,X.style.minWidth=hi}let Kn=i(Ae,A,F),Wn=i($e,oe,B);Se?t.style.width="".concat(Kn,"px"):t.style.width=typeof _=="number"?"".concat(_,"px"):"100%",_e?t.style.height="".concat(Wn,"px"):t.style.height=typeof I=="number"?"".concat(I,"px"):"100%",t.offsetHeight,t.style.transition=ci,X.style.transition=li;let ui=Se&&F!==void 0&&Ae>F,gi=_e&&B!==void 0&&$e>B;g.documentElement.style.overflowX=ui?"auto":"",g.documentElement.style.overflowY=gi?"auto":"",(Qn=m==null?void 0:m.onSizeChange)==null||Qn.call(m,{width:Kn,height:Wn,autoSizingWidth:Se,autoSizingHeight:_e})};p(),this._autoSizeUpdate=p;let d,c=()=>{d===void 0&&(d=requestAnimationFrame(()=>{d=void 0,p()}))},f=new ResizeObserver(()=>c());f.observe(s.body),f.observe(s.documentElement);let u=new MutationObserver(()=>c());u.observe(s.body,{childList:!0,subtree:!0,characterData:!0,attributes:!0});let y=()=>{f.disconnect(),u.disconnect(),d!==void 0&&(cancelAnimationFrame(d),d=void 0),this._autoSizeUpdate=void 0,this._autoSizeCleanup=void 0};return this._autoSizeCleanup=y,y});r(this,"_bridgeSizeCleanup");r(this,"observeHeightViaBridge",()=>{if(this._bridgeSizeCleanup)return this._bridgeSizeCleanup;let e,t=!1,s=()=>{t=!0,e==null||e(),this._bridgeSizeCleanup=void 0};return this._bridgeSizeCleanup=s,this.initiated().then(()=>{t||this.markedForDisposed||(this.IframeElement.style.position="relative",this.IframeElement.style.inset="auto",this.IframeElement.style.width="100%",this.setHeightBasedOnScrollHeight(),e=this.send(new Ye))}).catch(()=>{}),s});r(this,"setSizeBasedOnDocumentElement",()=>{let e=this.send(new P(()=>{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 P(()=>{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=M({},e);if(t.messageType===h.ExecuteComponentMethod)return this[t.method](),()=>{};t.direction=R.down;let s=super.send(t);return(a=(i=this.IframeElement)==null?void 0:i.contentWindow)==null||a.postMessage(t,"*"),s});r(this,"dispose",()=>{var e;(e=this._bridgeSizeCleanup)==null||e.call(this),this._autoSizeCleanup&&(this._autoSizeCleanup(),this._autoSizeCleanup=void 0),this._isoMsgHandler&&(window.removeEventListener("message",this._isoMsgHandler),this._isoMsgHandler=void 0),this.cleanupInspect&&this.cleanupInspect(),super.dispose(),this.IframeElement.parentNode.removeChild(this.IframeElement)});this.element=this.IframeElement,this._lastData=a==null?void 0:a.data}enableIsolation(){this.isolated=!0,this.setInitiated(),this._isoMsgHandler=e=>{if(e.source!==this.IframeElement.contentWindow)return;let t=e.data;!t||t.__myop!==!0||(t.type==="myop:cta"?this._ctaHandler&&!this.markedForDisposed?this._ctaHandler(t.action,t.payload):this._ctaHandler||this._ctaQueue.push({action:t.action,payload:t.payload}):t.type==="myop:size"&&this._applyIsoSize(t.height,t.width))},window.addEventListener("message",this._isoMsgHandler)}initWithData(e){var t,s;this._lastData=e,(s=(t=this.IframeElement)==null?void 0:t.contentWindow)==null||s.postMessage({__myop:!0,type:"myop:init",data:e},"*")}getData(){return this._lastData}setCtaHandler(e){if(this._ctaHandler=e,this._ctaQueue.length>0){let t=[...this._ctaQueue];this._ctaQueue=[],t.forEach(s=>{this.markedForDisposed||e(s.action,s.payload)})}}_applyIsoSize(e,t){var c;if(!e||Number.isNaN(e)||(this._isoLastSize={height:e,width:t},!this._isoAutoSize))return;let s=this._isoSizeOpts,i=f=>f===void 0?void 0:typeof f=="number"?f:isNaN(parseFloat(f))?void 0:parseFloat(f),a=i(s==null?void 0:s.minHeight),p=i(s==null?void 0:s.maxHeight),d=e;a!==void 0&&d<a&&(d=a),p!==void 0&&d>p&&(d=p),this.IframeElement.style.position="relative",this.IframeElement.style.inset="auto",this.IframeElement.style.height=d+"px",this.IframeElement.style.width="100%",(c=s==null?void 0:s.onSizeChange)==null||c.call(s,{width:t!=null?t:this.IframeElement.clientWidth,height:d,autoSizingWidth:!1,autoSizingHeight:!0})}inspect(){return this.cleanupInspect?this.cleanupInspect:(this.cleanupInspect=Pe(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===h.In.MutationObserverMessage||e.messageType===h.In.ResizeObserverMessage?(this.setHeightBasedOnScrollHeight(),!0):super.onMessageReceived(e)}}});var ie,ut=l(()=>{"use strict";ie=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 Di,gt,zo=l(()=>{"use strict";ft();ut();ce();v();Di=(o,n,e)=>{let t=new URL(o);return t.searchParams.append(n,e),t.toString()},gt=class extends ie{constructor(){super(...arguments);r(this,"type",te.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 c=E(),f="myop-comp-".concat(c);a=document.createElement("iframe"),a.id=f;let u="\\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=u,i!=null&&i.elementAttributes&&Object.entries(i.elementAttributes).forEach(([g,m])=>{m===""||m===null||m===void 0?a.setAttribute(g,""):a.setAttribute(g,String(m))});let y=t.loader.url;i!=null&&i._hasParent&&(y=Di(y,"_myop-comp",c)),a.src=y,s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),a=this.appendChild(s,a,i)}let d=new ne(e,t,s,a,i);return p.autoHeight&&(i==null?void 0:i.autoSize)!==!1&&d.observeHeightViaBridge(),d})}}});var yt,_n=l(()=>{"use strict";yt={webcomponent_message_key:"myop_webcomponent_message"}});var Oe,En=l(()=>{"use strict";_n();Je();et();Oe=class extends Q{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=M({},e),s=super.send(t),i=new CustomEvent(yt.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=Pe(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 Tn,ht,Ao=l(()=>{"use strict";En();ut();ce();v();Tn={},ht=class extends ie{constructor(){super(...arguments);r(this,"type",te.WebComponentLoader);r(this,"load",async(e,t,s,i)=>{let a=t.loader;Tn[a.url]?console.log("Module alreday loaded or in loading process"):Tn[a.url]=new Promise((c,f)=>{let u=a.url,y=document.createElement("script");y.type="module",y.src=u,y.onload=()=>{c()},y.onerror=()=>{f()},document.head.appendChild(y)}),await Tn[a.url],await no(1);let p="myop-comp-".concat(E()),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 Oe(e,t,s,d,i)})}}});function Li(){return Mt||(Mt=new Promise(o=>{try{if(typeof indexedDB>"u")return o(null);let n=indexedDB.open(Bi,1);n.onupgradeneeded=()=>{let e=n.result;e.objectStoreNames.contains(bt)||e.createObjectStore(bt,{keyPath:"key"})},n.onsuccess=()=>o(n.result),n.onerror=()=>o(null),n.onblocked=()=>o(null)}catch(n){o(null)}}),Mt)}function Ct(o,n){return Li().then(e=>new Promise(t=>{if(!e)return t(null);try{let s=e.transaction(bt,o),i=n(s.objectStore(bt));i.onsuccess=()=>t(i.result),i.onerror=()=>t(null),s.onabort=()=>t(null)}catch(s){t(null)}}))}function $o(o,n,e){try{localStorage.setItem(Rn+o,JSON.stringify({t:n,e}))}catch(t){}}function Pi(o){try{localStorage.removeItem(Rn+o)}catch(n){}}var Bi,bt,Mt,Rn,tt,j,Fo=l(()=>{"use strict";Bi="myop-delivery",bt="components",Mt=null;Rn="myop.d.";tt=new Map,j={key(o,n,e,t,s){return"".concat(o,"|").concat(n,"|").concat(e,"|").concat(t?"preview":"live","|").concat(s||"raw")},async get(o){let n=tt.get(o);if(n)return n;let e=await Ct("readonly",t=>t.get(o));return e&&(tt.set(o,e),$o(o,e.tag,e.storedAt+e.windowMs)),e},async put(o){tt.set(o.key,o),$o(o.key,o.tag,o.storedAt+o.windowMs),await Ct("readwrite",n=>n.put(o))},async drop(o){tt.delete(o),Pi(o),await Ct("readwrite",n=>n.delete(o))},fresh(o){return!!o&&Date.now()-o.storedAt<o.windowMs},windowFrom(o){let n=o.get("cache-control")||"";if(/no-store|no-cache/i.test(n))return 0;let e=/s-maxage\\s*=\\s*(\\d+)/i.exec(n)||/max-age\\s*=\\s*(\\d+)/i.exec(n);if(!e)return 0;let t=Number(e[1]),s=Number(o.get("age")||0);return Math.max(0,t-(isNaN(s)?0:s))*1e3},async clear(){tt.clear();try{for(let o=localStorage.length-1;o>=0;o--){let n=localStorage.key(o);n&&n.startsWith(Rn)&&localStorage.removeItem(n)}}catch(o){}await Ct("readwrite",o=>o.clear())}}});var Ko,wt,Oi,zi,G,W,Wo,Hn=l(()=>{"use strict";v();Fo();Ko=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:Le.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:Le.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:o.consume_variant[0].loader}],defaultSkin:0},name:o.name}),wt="__MYOP_CLOUD_REPOSITORY_MAIN__",Oi=()=>{if(typeof window<"u")return window[wt];if(typeof globalThis<"u")return globalThis[wt]},zi=o=>{typeof window<"u"&&(window[wt]=o),typeof globalThis<"u"&&(globalThis[wt]=o)},G=class G{constructor(n="https://cloud.myop.dev"){this._baseUrl=n;r(this,"variants",{});r(this,"preloadedComponents",{});r(this,"userFlows",{});r(this,"_defaultEnv","production");r(this,"_envExplicitlySet",!1);r(this,"_staticMode",!1);r(this,"_queryParams",{});r(this,"_delivery",{minify:!1,host:null,cache:!1});r(this,"_deliveryStats",{requests:0,viaDelivery:0,fellBack:0,lastError:null,fromMemory:0,fromStorage:0,fromNetwork:0,revalidations:0,unchanged:0,bytesSaved:0});r(this,"_localServes",new Map);r(this,"_flushBound",!1)}static get Main(){let n=Oi();return n||(G._main||(G._main=new G,zi(G._main)),G._main)}static sizeOfHeld(n){var e,t,s,i,a;try{return(((a=(i=(s=(t=(e=n==null?void 0:n.config)==null?void 0:e.type)==null?void 0:t.skins)==null?void 0:s[0])==null?void 0:i.loader)==null?void 0:a.HTML)||"").length}catch(p){return 0}}setDelivery(n={}){n.minify!==void 0&&(this._delivery.minify=!!n.minify),n.host!==void 0&&(this._delivery.host=n.host),n.cache!==void 0&&(this._delivery.cache=!!n.cache)}deliveryStats(){var n;return q(M({},this._deliveryStats),{host:(n=this._delivery.host)!=null?n:G.DEFAULT_HOST,minify:this._delivery.minify,cache:this._delivery.cache})}async refreshDelivery(){await j.clear()}noteLocalServe(n,e){let t=this._localServes.get(n);t?t.count++:this._localServes.set(n,{env:e,count:1}),this.bindFlush()}bindFlush(){if(this._flushBound||typeof document>"u")return;this._flushBound=!0;let n=()=>{document.visibilityState==="hidden"&&this.flushLocalServes()};document.addEventListener("visibilitychange",n),window.addEventListener("pagehide",()=>this.flushLocalServes())}flushLocalServes(){if(!this._localServes.size)return;let n=[...this._localServes.entries()].map(([e,t])=>"".concat(e,":").concat(t.env,":").concat(t.count)).join(",");this._localServes.clear();try{let e="".concat(this.deliveryHost(),"/clientUsage?b=").concat(encodeURIComponent(n));fetch(e,{keepalive:!0,mode:"cors",credentials:"omit"}).catch(()=>{})}catch(e){}}deliveryHost(){return this._delivery.host||this._baseUrl}async deliveryFetch(n){var i;this._localServes.size&&this.flushLocalServes();let e=this.deliveryHost(),t="".concat(e).concat(n);this._deliveryStats.requests++;let s=e!==this._baseUrl;try{let a=await fetch(t);if(a.ok||a.status<500||!s)return s&&a.ok&&this._deliveryStats.viaDelivery++,a;this._deliveryStats.lastError="HTTP ".concat(a.status," from ").concat(e)}catch(a){if(!s)throw a;this._deliveryStats.lastError=String((i=a==null?void 0:a.message)!=null?i:a)}return this._deliveryStats.fellBack++,console.warn("[myop] delivery host failed (".concat(this._deliveryStats.lastError,") \\u2014 falling back to ").concat(this._baseUrl)),await fetch("".concat(this._baseUrl).concat(n))}enableStaticMode(){this._staticMode=!0}setQueryParams(n){this._queryParams=n}setEnvironment(n){this._defaultEnv=n,this._envExplicitlySet=!0}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(n,e,t){return e!==void 0||t!==void 0?"".concat(n,":").concat(e||this._defaultEnv,":").concat(t?"preview":"live")in this.variants:n in this.preloadedComponents}getPreloadedParams(n){return this.preloadedComponents[n]}async resolveComponent(n,e,t){return this.fetchComponentV2(n,e,t)}async fetchComponentV2(n,e,t){let{env:s,usePreview:i,cacheKey:a}=this.resolveParams(n,e,t);return console.log("[CloudRepository] fetchComponentV2",{componentId:n.slice(0,8)+"...",env:s,usePreview:i,cacheKey:a,cached:a in this.variants}),this.variants[a]||(this.preloadedComponents[n]||(this.preloadedComponents[n]={env:s,preview:i}),this.variants[a]=new Promise(async(p,d)=>{try{let c;if(this._staticMode){let oe=i?"preview":s;c="".concat(this._baseUrl,"/components/").concat(n,"/").concat(oe,".json");let B=new URLSearchParams(this._queryParams).toString();B&&(c+="?".concat(B))}else c="/consume?id=".concat(n,"&env=").concat(s),i&&(c+="&preview=true"),this._delivery.minify&&!i&&(c+="&opt=min");let f=this._delivery.cache&&!this._staticMode&&!i,u=f?j.key(this.deliveryHost(),n,s,i,this._delivery.minify?"min":"raw"):"",y=f?await j.get(u):null;if(y&&j.fresh(y)){this._deliveryStats.fromStorage++,this.noteLocalServe(n,s),this.variants[a].resolved=y.config,p(y.config);return}if(y&&y.tag){let oe="/consume?ids=".concat(n,"&env=").concat(s)+(this._delivery.minify?"&opt=min":"")+"&have=".concat(encodeURIComponent(y.tag));this._deliveryStats.revalidations++;try{let B=await this.deliveryFetch(oe);if(B.ok){let Ie=await B.json();if((Ie.unchanged||[]).includes(n)){this._deliveryStats.unchanged++,this._deliveryStats.bytesSaved+=G.sizeOfHeld(y),y.storedAt=Date.now(),y.windowMs=j.windowFrom(B.headers)||y.windowMs,await j.put(y),this.variants[a].resolved=y.config,p(y.config);return}let ae=(Ie.items||[])[0];if(ae){let N=Ko(ae);this._deliveryStats.fromNetwork++,await j.put({key:u,config:N,tag:ae.tag||null,storedAt:Date.now(),windowMs:j.windowFrom(B.headers),host:this.deliveryHost()}),this.variants[a].resolved=N,p(N);return}}}catch(B){}}let g=this._staticMode?await fetch(c):await this.deliveryFetch(c);if(!g.ok){d(new Error('Failed to load component "'.concat(n,'" (').concat(g.status).concat(this._staticMode?" from ".concat(c):"",")")));return}let A=(await g.json()).item;if(!A){d(new Error('Component "'.concat(n,'" not found')));return}if(!A.consume_variant||!A.consume_variant.length){d(new Error('Component "'.concat(n,'" has no implementation for environment "').concat(s,'"')));return}let F=Ko(A);this._deliveryStats.fromNetwork++,f&&await j.put({key:u,config:F,tag:A.tag||null,storedAt:Date.now(),windowMs:j.windowFrom(g.headers),host:this.deliveryHost()}),this.variants[a].resolved=F,p(F)}catch(c){delete this.variants[a],d(c)}})),await this.variants[a]}getResolvedConfig(n,e,t){var i;let{cacheKey:s}=this.resolveParams(n,e,t);return((i=this.variants[s])==null?void 0:i.resolved)||null}resolveParams(n,e,t){let s=this.preloadedComponents[n],i=e!==void 0||t!==void 0,a,p;if(!i&&s)a=s.env,p=s.preview;else{a=e||this._defaultEnv;let d=e||this._envExplicitlySet;p=t===!0?!0:t===!1?!1:!d}return{env:a,usePreview:p,cacheKey:"".concat(n,":").concat(a,":").concat(p?"preview":"live")}}hydrateComponent(n,e,t,s){let{env:i,usePreview:a,cacheKey:p}=this.resolveParams(n,t,s),d=Promise.resolve(e);d.resolved=e,this.variants[p]=d,this.preloadedComponents[n]={env:i,preview:a}}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){delete this.userFlows[n],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){delete this.userFlows[n],t(s)}})),await this.userFlows[n]}async fetchComponent(n,e){return this.fetchComponentV1(n,e)}};r(G,"_main",null),r(G,"DEFAULT_HOST","https://cloud.myop.dev");W=G,Wo=W});var O,No,Uo,qo,Vo,jo,Go,kn,It,xt,we,vt,Yo,Qo,Jo,Xo,Zo,Dn=l(()=>{"use strict";Hn();O=W.Main,No=()=>O,Uo=(o,n,e)=>O.isPreloaded(o,n,e),qo=o=>O.getPreloadedParams(o),Vo=()=>{O=new W("http://localhost:9292")},jo=o=>{O=new W(o)},Go=(o,n)=>{O=new W(o),O.enableStaticMode(),n&&O.setQueryParams(n)},kn="https://delivery.myop.dev",It=(o={})=>{var e,t;let n=o.minify!==!1||o.cache===!0;return O.setDelivery({minify:(e=o.minify)!=null?e:!1,cache:(t=o.cache)!=null?t:!1,host:o.host!==void 0?o.host:n?kn:null}),we()},xt=async()=>(await O.refreshDelivery(),we()),we=()=>O.deliveryStats(),vt=()=>(O.setDelivery({minify:!1,cache:!1,host:null}),we()),Yo=o=>{O=o},Qo=o=>{O.setEnvironment(o)},Jo=(o,n,e)=>O.getResolvedConfig(o,n,e),Xo=async(o,n,e)=>Promise.allSettled(o.map(t=>O.fetchComponentV2(t,n,e))),Zo=(o,n,e)=>{for(let[t,s]of Object.entries(o))O.hydrateComponent(t,s,n,e)}});var T,J=l(()=>{"use strict";v();T=class extends lt{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(q(M({},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 z,re=l(()=>{"use strict";z={id:"myop-id"}});var S,es,$=l(()=>{"use strict";re();S=(o,n)=>n.querySelectorAll("[".concat(z.id,"='").concat(o.refConfig.selector,"']")),es=(o,n)=>{let e=S(o,n);return e.length?e.item(0):null}});var St,ts=l(()=>{"use strict";C();x();J();$();St=class extends T{constructor(){super(...arguments);r(this,"messageType",h.BindClickMessage);r(this,"innerExecutor",(e,t,s)=>{let i=S(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let d=()=>{s(new le(e.handlerUniqueId))};p.addEventListener("click",d),a.push(()=>{p.removeEventListener("click",d)})}),()=>{a.forEach(p=>p())}})}}});var _t,ns=l(()=>{"use strict";C();J();$();_t=class extends T{constructor(){super(...arguments);r(this,"messageType",h.ChangeTextMessage);r(this,"innerExecutor",(e,t)=>{S(e.ref,t.shadowRoot).forEach(i=>{i.textContent=e.content})})}}});var Et,os=l(()=>{"use strict";v();Et=class extends Be{constructor(e,t){super(e,t);this.container=e;this.shadowRoot=t}}});var Tt,ss=l(()=>{"use strict";v();re();J();x();C();Tt=class extends T{constructor(){super(...arguments);r(this,"innerExecutor",(e,t)=>{let s=t.shadowRoot.querySelectorAll("[".concat(z.id,"]")),i=[];s.forEach(a=>{let p=a.getAttribute(z.id);p&&i.push(new He(p,a.tagName,a.getBoundingClientRect(),a.offsetTop,a.offsetLeft))}),this.messageToHost(new ye(e.handlerUniqueId,i))});r(this,"messageType",h.DetectMyopRefsMessage)}}});var Rt,is=l(()=>{"use strict";C();J();$();Rt=class extends T{constructor(){super(...arguments);r(this,"messageType",h.SetAttributeMessage);r(this,"innerExecutor",(e,t)=>{S(e.ref,t.shadowRoot).forEach(i=>{i.setAttribute(e.name,e.value)})})}}});var Ht,rs=l(()=>{"use strict";C();x();J();$();Ce();Ht=class extends T{constructor(){super(...arguments);r(this,"messageType",h.AddEventListenerMessage);r(this,"innerExecutor",(e,t,s)=>{let i=S(e.ref,t.shadowRoot),a=[];return i.forEach(p=>{let d=c=>{s(new fe(e.handlerUniqueId,K(c,e.serializableSkeleton)))};p.addEventListener(e.type,d),a.push(()=>{p.removeEventListener(e.type,d)})}),()=>{a.forEach(p=>p())}})}}});var kt,as=l(()=>{"use strict";C();re();Xe();ct();J();kt=class extends T{constructor(){super(...arguments);r(this,"messageType",h.CreateRefComponentMessage);r(this,"innerExecutor",(e,t,s)=>{(async()=>{let a=t.shadowRoot.querySelectorAll("[".concat(z.id,"='").concat(e.refConfig.selector,"']"));if(a.length===1){let p=V.Instance(),d=p.components.find(y=>y.id===e.options.id);d&&d.dispose();let c=p.components.indexOf(d);c!==-1&&p.components.splice(c,1);let f=await p.loadComponent(e.nestedComponentConfig,a.item(0),e.options),u=[];Object.keys(f.refs).forEach(y=>{let g=f.refs[y];g=g.__nonProxied||g,g.componentDefinition&&u.push({refName:y,componentDefinitionId:g.componentDefinition.id})}),s(new ee(e.handlerUniqueId,u))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new ee(e.handlerUniqueId,[],!0));debugger}})().then()})}}});var Dt,Bn=l(()=>{"use strict";Ce();Dt=(o,n,e)=>{let t=o.scriptInputs?o.scriptInputs:{};t.makeSerializable=K,t.send=n,t.rootRef=e,t.__scriptInputs=t;let i=new Function("return (".concat(o.script,")(...arguments)"))(t);n(i)}});var Bt,ps=l(()=>{"use strict";C();x();J();Bn();Bt=class extends T{constructor(){super(...arguments);r(this,"messageType",h.ExecuteScriptMessage);r(this,"innerExecutor",(e,t,s)=>{Dt(e,a=>{s(new me(e.handlerUniqueId,a))},t)})}}});var ds,Lt,cs=l(()=>{"use strict";C();x();J();$();re();Ce();ds=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(z.id),p=i.getAttribute("name"),d={id:i.id,name:p,value:ds(i),required:i.required,validity:K(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},Lt=class extends T{constructor(){super(...arguments);r(this,"messageType",h.GetElementValueMessage);r(this,"innerExecutor",(e,t,s)=>{S(e.ref,t.shadowRoot).forEach(a=>{s(new ue(ds(a)),e)})})}}});var Pt,ls=l(()=>{"use strict";C();J();$();Pt=class extends T{constructor(){super(...arguments);r(this,"messageType",h.SetInnerHtml);r(this,"innerExecutor",(e,t)=>{S(e.ref,t.shadowRoot).forEach(i=>{i.innerHTML=e.content})})}}});var ms={};pe(ms,{WebComponentSDK:()=>ze});var ze,Ln=l(()=>{"use strict";v();C();_n();ts();ns();os();ss();de();x();is();rs();as();ps();cs();ls();ze=class extends ke{constructor(){super(...arguments);r(this,"alwaysPassEnvelopesToHost",!0);r(this,"connectedCallback",(e,t)=>{e.addEventListener(yt.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===h.InitMessage){let p=a.content.id;this.components[p].context=new Et(e,t)}}}),setTimeout(()=>{this.messageToHost(new ge)},1)});r(this,"messageToHost",(e,t)=>{e.direction=R.up,!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId),window.myop.hostSDK.send(e)});r(this,"supportedHandlers",[new _t(this.messageToHost,this.components),new Pt(this.messageToHost,this.components),new St(this.messageToHost,this.components),new Tt(this.messageToHost,this.components),new Rt(this.messageToHost,this.components),new Ht(this.messageToHost,this.components),new Bt(this.messageToHost,this.components),new Lt(this.messageToHost,this.components),new kt(this.messageToHost,this.components)]);r(this,"init",()=>{})}};Y("WebComponentSDK",ze)});var fs=l(()=>{"use strict";Ln()});var us,gs=l(()=>{"use strict";us=""});function Fi(o,n){return class extends HTMLElement{connectedCallback(){let e=n===he.open?"open":"closed",t=this.attachShadow({mode:e});Cs().then(s=>{s.connectedCallback(this,t),t.innerHTML=o})}}}var Ai,$i,hs,Ms,Ot,Cs,Ki,Wi,Ni,zt,bs=l(()=>{"use strict";En();xn();ut();ce();v();fs();ft();gs();Ai="<!-- myop-web-component -->",$i="myop-web-component",hs=new Map,Ms=[],Cs=async()=>(Ot||(Ot=new ze,Ot.init()),Ot);Ki=(o,n,e)=>{customElements.define(o,Fi(n,e)),console.log("define('".concat(o,"') was called, web component ready to use"))},Wi=o=>o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/(\\d+)/g,"-$1").toLowerCase(),Ni=o=>(o=Wi(o),o.replace(/_/g,"-")),zt=class extends ie{constructor(){super(...arguments);r(this,"type",te.HTMLLoader);r(this,"load",async(e,t,s,i)=>{let a=t.loader,p=this.isMyopWebComponent(a.HTML),{mode:d,isolate:c}=await this.resolveRenderMode(e,t,a,p,i);if(d===!1)throw new Error('[Myop] Rendering blocked by render policy for component "'.concat(e.id,'"'));if(p){if(d!=="webComponent")throw new Error('[Myop] Web-component rendering denied by render policy for component "'.concat(e.id,'"'));return this.loadExtractedWebComponent(e,t,s,a.HTML,i)}let f="myop-comp-".concat(E()),u;if(a.shadowRootMode===he.localFrame){let y=E(),g="myop-comp-".concat(y),m=document.createElement("iframe");m.id=g,c&&m.setAttribute("sandbox","allow-scripts allow-forms allow-popups"),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 A=[],F=c?{open(){},writeln(_){A.push(_)},close(){m.srcdoc=A.join("\\n")}}:(()=>{let _=m.contentDocument||m.contentWindow.document;return _.open(),_})(),oe=null;{let L=new DOMParser().parseFromString(a.HTML,"text/html").querySelector('meta[name="myop:size"]');if(L)try{oe=JSON.parse(L.getAttribute("content")||"{}")}catch(xe){}}let B=a.HTML;if(i!=null&&i._inspection){let I=new DOMParser().parseFromString(a.HTML,"text/html"),L=I.getElementById("myop_preview");L==null||L.removeAttribute("type");let xe=I.implementation.createHTMLDocument();xe.body.innerHTML="<script>\\n const beforeKeysWindow = new Set(Object.keys(window));\\n window.myopState = {\\n beforeKeysWindow,\\n };\\n <\\/script>";let ve=xe.body.firstChild;ve&&I.head&&I.head.insertBefore(I.importNode(ve,!0),I.head.firstChild),B="<!DOCTYPE html>"+I.documentElement.outerHTML}else if((i==null?void 0:i.data)!==void 0){let I=new DOMParser().parseFromString(a.HTML,"text/html"),L=I.getElementById("myop_preview");L&&(L.remove(),B="<!DOCTYPE html>"+I.documentElement.outerHTML)}if(i!=null&&i.injectCss){let I=new DOMParser().parseFromString(B,"text/html"),L=I.createElement("style");L.setAttribute("data-myop-injected","true"),L.textContent=i.injectCss.replace(/<\\s*\\/\\s*style/gi,"<\\\\/style"),(I.head||I.documentElement).appendChild(L),B="<!DOCTYPE html>"+I.documentElement.outerHTML}F.writeln(B);let Ie='<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__,'"><\\/script>'),ae="<script>\\n window.__federation__.__public_path__ = window.__federation__.__public_path__;\\n const __myop_init = async () => {\\n const {IframeSDK} = (await window.myop.rootSDK.getIframeModule());\\n const sdk = new IframeSDK();\\n sdk.init();\\n }\\n __myop_init().then();\\n <\\/script>";if(c||F.writeln("".concat(Ie).concat(ae)),!c&&(i==null?void 0:i.data)!==void 0){let _="<script>\\n window.__myop_cta_queue = [];\\n window.myop_cta_handler = function(action, payload) {\\n window.__myop_cta_queue.push({action: action, payload: payload});\\n };\\n <\\/script>",I=JSON.stringify(i.data).replace(/<\\/script/gi,"\\\\u003c/script"),L='<script id="__myop_init_data_script">\\n (function() {\\n var data = '.concat(I,";\\n var scriptEl = document.getElementById('__myop_init_data_script');\\n\\n var callInitInterface = function(fn) {\\n var startTime = performance.now();\\n // Mark as pre-injected data call for extension tracking\\n window.__myop_init_preinjected = true;\\n try {\\n fn(data);\\n } finally {\\n window.__myop_init_preinjected = false;\\n }\\n var duration = performance.now() - startTime;\\n\\n // Notify extension via postMessage (init* = pre-injected)\\n try {\\n window.parent.postMessage({\\n type: 'MYOP_PREINJECTED_INIT',\\n payload: {\\n data: data,\\n duration: duration,\\n timestamp: Date.now()\\n }\\n }, '*');\\n } catch (e) {}\\n\\n // Cleanup: remove script tag and stored data\\n if (scriptEl && scriptEl.parentNode) {\\n scriptEl.parentNode.removeChild(scriptEl);\\n }\\n delete window.__myop_init_data;\\n };\\n\\n if (typeof window.myop_init_interface === 'function') {\\n // Function already exists - call immediately\\n callInitInterface(window.myop_init_interface);\\n } else {\\n // Function not yet defined - store data and watch for definition\\n window.__myop_init_data = data;\\n\\n var _original;\\n Object.defineProperty(window, 'myop_init_interface', {\\n configurable: true,\\n enumerable: true,\\n set: function(fn) {\\n _original = fn;\\n if (window.__myop_init_data !== undefined) {\\n var storedData = window.__myop_init_data;\\n delete window.__myop_init_data;\\n callInitInterface(fn);\\n }\\n },\\n get: function() {\\n return _original;\\n }\\n });\\n }\\n })();\\n <\\/script>");F.writeln(_+L)}if(c){let _=(i==null?void 0:i.data)!==void 0?JSON.stringify(i.data).replace(/<\\/script/gi,"\\\\u003c/script"):"undefined";F.writeln(this.buildIsolationBridge(_))}F.close();let N=new ne(e,t,s,m,i);return c&&N.enableIsolation(),N.sizeMeta=oe,N.initiated().then(()=>{if((i==null?void 0:i.autoSize)===!1)return;let _=!1;N.observeAutoSize({forceAutoSize:!0,onSizeChange:()=>{!_&&!(i!=null&&i.hidden)&&(_=!0,N.show())}})}),N}if(a.shadowRootMode===he.none){let y=document.createElement("template");y.innerHTML=a.HTML,u=y.content.firstElementChild,Cs().then(g=>{g.connectedCallback(u,u)})}else{let y=Ni(e.name+t.id);Ms.includes(y)||(Ki(y,a.HTML,a.shadowRootMode),Ms.push(y)),u=document.createElement(y)}return s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),u.id=f,i!=null&&i.hidden&&(u.style.opacity="0",u.style.position="absolute",u.style.height="0",u.style.width="0",u.style.pointerEvents="none",u.style.visibility="hidden"),this.appendChild(s,u,i),new Oe(e,t,s,u,i)})}isMyopWebComponent(e){return e.trimStart().startsWith(Ai)}async resolveRenderMode(e,t,s,i,a){var f,u,y,g;let p=i?"webComponent":s.isolation||a!=null&&a.isolation?"isolatedIframe":"iframe",d=(g=a==null?void 0:a.renderPolicy)!=null?g:(y=(u=(f=window==null?void 0:window.myop)==null?void 0:f.hostSDK)==null?void 0:u.getRenderPolicy)==null?void 0:y.call(u),c=d?await d({componentDefinition:e,skin:t,requestedMode:p,isWebComponent:i}):p;return{mode:c,isolate:c==="isolatedIframe"}}buildIsolationBridge(e){return"<script>\\n (function () {\\n var __initial = ".concat(e,";\\n var __pending;\\n // data-out (cta)\\n window.myop_cta_handler = function (action, payload) {\\n try { parent.postMessage({ __myop: true, type: 'myop:cta', action: action, payload: payload }, '*'); } catch (e) {}\\n };\\n function callInit(data) {\\n if (typeof window.myop_init_interface === 'function') { window.myop_init_interface(data); return true; }\\n return false;\\n }\\n // data-in (init updates)\\n window.addEventListener('message', function (e) {\\n var d = e.data;\\n if (!d || d.__myop !== true) return;\\n if (d.type === 'myop:init') { if (!callInit(d.data)) __pending = d.data; }\\n });\\n // first render: use a pending update if one arrived, else the baked initial data\\n (function flushInitial() {\\n var data = (__pending !== undefined) ? __pending : __initial;\\n if (data === undefined) return;\\n if (callInit(data)) { __pending = undefined; __initial = undefined; }\\n else requestAnimationFrame(flushInitial);\\n })();\\n // resize (report content size)\\n function contentHeight() {\\n // Measure the BODY (content box). documentElement.scrollHeight includes\\n // the iframe viewport \\u2014 which we're driving \\u2014 so it would report the\\n // current frame height, not the content, and never shrink.\\n var b = document.body;\\n if (b) return Math.max(b.scrollHeight, b.offsetHeight);\\n return document.documentElement.scrollHeight;\\n }\\n function postSize() {\\n try {\\n parent.postMessage({\\n __myop: true, type: 'myop:size',\\n height: contentHeight(),\\n width: document.documentElement.scrollWidth\\n }, '*');\\n } catch (e) {}\\n }\\n // Observe the BODY (reflows with content) \\u2014 not documentElement, whose box is\\n // the iframe viewport and would feed back into a resize loop. A MutationObserver\\n // catches content swaps (e.g. innerHTML re-render) that don't change body's box.\\n if (window.ResizeObserver) {\\n try { var __ro = new ResizeObserver(postSize); if (document.body) __ro.observe(document.body); } catch (e) {}\\n }\\n if (window.MutationObserver && document.body) {\\n try { new MutationObserver(postSize).observe(document.body, { childList: true, subtree: true, attributes: true, characterData: true }); } catch (e) {}\\n }\\n window.addEventListener('load', postSize);\\n postSize();\\n })();\\n <\\/script>")}extractWebComponentScript(e){let i=new DOMParser().parseFromString(e,"text/html").getElementById($i);return(i==null?void 0:i.textContent)||null}executeWebComponentScript(e,t){let s=hs.get(t);if(s)return console.log("[MyopWebComponent] Script already executed for ".concat(t,", reusing <").concat(s,">")),s;let i=document.createElement("script");i.textContent=e,i.id="myop-extracted-".concat(t),document.head.appendChild(i);let a=window.__MYOP_TAG_NAME__;return a&&hs.set(t,a),console.log("[MyopWebComponent] Executed web component script: ".concat(t," -> <").concat(a,">")),a}async loadExtractedWebComponent(e,t,s,i,a){let p=this.extractWebComponentScript(i);if(!p)throw new Error('[MyopWebComponent] No <script id="myop-web-component"> found in HTML');let d="".concat(e.id,"-").concat(t.id),c=this.executeWebComponentScript(p,d);if(!c)throw new Error("[MyopWebComponent] Script did not set window.__MYOP_TAG_NAME__");let f="myop-comp-".concat(E()),u=document.createElement(c);u.id=f,a!=null&&a.hidden&&(u.style.opacity="0",u.style.position="absolute",u.style.height="0",u.style.width="0",u.style.pointerEvents="none",u.style.visibility="hidden"),s.querySelector('[id^="myop-comp-"]')||(s.innerHTML=""),this.appendChild(s,u,a);let y=new be(e,t,s,u,c,a);return(a==null?void 0:a.data)!==void 0&&y.initWithData(a.data),console.log("[MyopWebComponent] Loaded <".concat(c,"> into container")),y}}});var ws,Is,xs=l(()=>{"use strict";ce();x();ws=(o,n,e)=>{let t="myop-css-".concat(E());return o.send(new P(({rootRef:s,_stylesheet:i,_tagId:a,_css:p})=>{let d=document.createElement("style");d.type="text/css";let c=p;for(let f in i){c+="".concat(f," { ");let u=i[f];for(let y in u)c+="".concat(y,": ").concat(u[y],"; ");c+="} "}d.appendChild(document.createTextNode(c)),d.id=a,(s.shadowRoot||s.container).appendChild(d)},()=>{},{_stylesheet:n,_css:e||"",_tagId:t})),()=>{o.send(new P(({rootRef:s,_tagId:i})=>{let a=(s.shadowRoot||document).getElementById(i);a&&a.remove()},()=>{},{_tagId:t}))}},Is=(o,n)=>{let e="myop-css-".concat(E());return o.send(new P(({rootRef:t,_tagId:s,_link:i})=>{let a=document.createElement("link");a.id=s,a.rel="stylesheet",a.href=i,document.head.appendChild(a),(t.shadowRoot||t.container).appendChild(a)},()=>{},{_link:n,_tagId:e})),()=>{o.send(new P(({rootRef:t,_tagId:s})=>{let i=(t.shadowRoot||document).getElementById(s);i&&i.remove()},()=>{},{_tagId:e}))}}});var Ui,Pn,vs,Ss=l(()=>{"use strict";Ui=(o,n)=>{let e=new RegExp(Object.keys(n).join("|"),"g");return o.replace(e,t=>(n[t]||t).toString())},Pn=(o,n)=>{let e=o.loader;if(e.type!=="IframeLoader")throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(e.type,'", currently only "IframeLoader" is supported'));return o.loader=M({},o.loader),o.loader.url=Ui(o.loader.url,n),o},vs=o=>async n=>Pn(n,o)});var _s,Es,Ts=l(()=>{"use strict";x();_s=(o,n,e)=>{o.send(new Z(({ref:t,_className:s})=>{t==null||t.classList.add(s)},{elementId:e,_className:n}))},Es=(o,n,e)=>{o.send(new Z(({ref:t,_className:s})=>{t==null||t.classList.remove(s)},{elementId:e,_className:n}))}});var Ft,At,Kt,$t,Rs=l(()=>{"use strict";ce();Ft=class Ft{constructor(){r(this,"_runTimeInstanceId","runtime-instance-id-"+E());r(this,"_runTimeId","runtime-id-"+E());r(this,"_runTimeName","runtime-name-"+E());r(this,"id",this._runTimeId);r(this,"name",this._runTimeName);r(this,"description","");r(this,"loader",null);r(this,"withLoader",n=>(this.loader=n,this));r(this,"withHTMLLoader",n=>(n.type="HTMLLoader",this.loader=n,this));r(this,"build",()=>this)}};r(Ft,"create",()=>new Ft);At=Ft,Kt=class Kt{constructor(){r(this,"_runTimeInstanceId","runtime-instance-id-"+E());r(this,"_runTimeId","runtime-id-"+E());r(this,"_runTimeName","runtime-name-"+E());r(this,"instance",{id:this._runTimeInstanceId,componentId:this._runTimeId,componentName:this._runTimeName,skinSelector:null});r(this,"name",this._runTimeName);r(this,"type",{id:this._runTimeId,name:this._runTimeName,description:"",props:[],refs:[],skins:[],defaultSkin:0});r(this,"withInstance",n=>(this.instance=n,this));r(this,"withType",n=>(this.type=n,this));r(this,"withName",n=>(this.name=n,this));r(this,"withDefaultSkin",n=>(this.type.skins.push(n),this.type.defaultSkin=this.type.skins.length-1,this.instance.skinSelector={type:"Dedicated",skin:{id:n.id}},this));r(this,"withRef",n=>(this.type.refs.push(n),this));r(this,"withBasicRef",n=>{let e={id:"",name:n,description:"",selectorType:"id-attribute",selector:n,behavior:{type:"code"}};return this.type.refs.push(e),this});r(this,"build",()=>JSON.parse(JSON.stringify(this)))}};r(Kt,"create",()=>new Kt);$t=Kt});var Hs,ks=l(()=>{"use strict";Hs=async o=>await o()});var On={};pe(On,{CloudRepository:()=>W,ComponentConfig:()=>$t,DELIVERY_HOST:()=>kn,SkinConfig:()=>At,addClass:()=>_s,applyStylesheet:()=>ws,applyStylesheetLink:()=>Is,changeSkinUrlByTokenizer:()=>vs,createIframeSkinByTokenizer:()=>Pn,delivery:()=>It,deliveryOff:()=>vt,deliveryRefresh:()=>xt,deliveryStats:()=>we,enableLocalDev:()=>Vo,enableSelfHosted:()=>Go,exec:()=>Hs,getCloudRepository:()=>No,getPreloadedParams:()=>qo,getResolvedConfig:()=>Jo,hydrateComponents:()=>Zo,isPreloaded:()=>Uo,preloadComponents:()=>Xo,removeClass:()=>Es,setCloudRepository:()=>Yo,setCloudRepositoryUrl:()=>jo,setEnvironment:()=>Qo,v2_CloudRepository:()=>Wo});var Wt=l(()=>{"use strict";xs();Ss();Ts();Rs();Hn();ks();Dn()});var Ds,Bs=l(()=>{"use strict";rn();Wt();v();Ds=async o=>{try{let n=new URL(window.location.href),t=new URLSearchParams(n.search).get("myopOverride");if(t){let[s,...i]=sn(t);switch(s){case"component":{let[a,p]=i,d=await W.Main.fetchComponent(a);if(d&&d.type.skins.find(f=>f.id===p))return d.instance.skinSelector={type:Me.Dedicated,skin:{id:p}},d}break;default:{let[a,p]=sn(t),c=(await W.Main.fetchFlow(a)).components.find(f=>f.type.id===o.type.id);if(c&&c.instance.skinSelector.type===Me.Segmented&&c.instance.resolvedExperiences){let f=c.instance.resolvedExperiences.find(u=>u.id===p);if((f==null?void 0:f.type)===mt.Segment){let u=f,g=c.instance.skinSelector.segments.find(m=>m.segmentId===u.segment.id);if(g)return c.instance.skinSelector=g==null?void 0:g.skinSelector,c}}}break}}}finally{return null}}});var Os={};pe(Os,{HostSDK:()=>V,hostSDK:()=>Ps});var Ls,V,Ps,Xe=l(()=>{"use strict";de();C();x();zo();Ao();et();v();dt();Dn();bs();Bs();Ls="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",V=class{constructor(){r(this,"components2init",[]);r(this,"components",[]);r(this,"componentsLoaders",[]);r(this,"_renderPolicy");r(this,"setRenderPolicy",n=>{this._renderPolicy=n});r(this,"getRenderPolicy",()=>this._renderPolicy);r(this,"initiated",!1);r(this,"version",Ee);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,"isTrustedSource",n=>{if(!n||n===window)return!0;let e=t=>{let s=t.element;return(s==null?void 0:s.nodeName)==="IFRAME"&&s.contentWindow===n};return this.components.some(e)||this.components2init.some(e)});r(this,"incomingMessageHandler",n=>{var e;if((e=n.data)!=null&&e.myop&&this.isTrustedSource(n.source)&&n.data.myop){if(n.data.direction!==R.up&&n.data.messageType!==h.EnvelopedMessage)return;let t=n.data;if(t.messageType===h.InitRequest){this.components2init.forEach(i=>{i.send(new Te(i.id))});return}if(t.messageType===h.InitResponse){this.components2init=this.components2init.filter(a=>a.id!==t.content.id);let i=this.components.find(a=>{var p;return a.id===((p=t.content)==null?void 0:p.id)});i==null||i.setInitiated();return}if(t.messageType===h.EnvelopedMessage){let i=t,a=this.components.find(p=>p.id===i.destination);if(a){if(i.direction===R.down){i.message.messageType===U.name?a.onMessageReceived(i.message):(i.message.route=i.route,a.send(i.message));return}}else{let p=this.components.find(d=>d.id===i.message.destination);p&&p.send(i.message)}return}let s=this.components.find(i=>i.id===t.destination);if(!s){window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(t);return}if(s){if(s.onMessageReceived(t))return;window.myop.IframeSDK&&window.myop.IframeSDK.messageToHost(t)}}});r(this,"send",n=>{let e=new MessageEvent("",{data:n});this.incomingMessageHandler(e)});r(this,"init",n=>{if(this.initiated){n!=null&&n.length&&this._registerLoaders(n);return}let e=[new gt,new ht,new zt];this.componentsLoaders=[...e],n&&this._registerLoaders(n),window.addEventListener("message",this.incomingMessageHandler,!1),console.log("myop hostSDK initiated",document.location.href),this.initiated=!0});r(this,"_registerLoaders",n=>{let e={};n.forEach(t=>{let s=new t(this.componentsLoaders);e[s.type]=s}),this.componentsLoaders.forEach(t=>{e[t.type]||(e[t.type]=t)}),this.componentsLoaders=Object.values(e)});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 Me.Dedicated:return((i=n.skin)==null?void 0:i.id)||n.skins[0].id;case Me.Segmented:{let p=await s(n.segments,async d=>{if(d.segmentId==="Default")return!0;let c=e.find(g=>g.type===mt.Segment?g.segment.id===d.segmentId:!1);if(!c)throw new Error("experience not found");let u=c.segment,y=(t||{})[u.function];return y?await y():(console.warn("segmentId:".concat(d.segmentId,", ").concat(u.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 f,u,y,g;if(!e){debugger;throw new Error("no container was found for this component")}let s=await Ds(n);s&&(n=s);let i=M(M({},(f=this.loaderHooks)!=null?f:{}),(u=t==null?void 0:t.hooks)!=null?u:{}),a=e;if(a.myop)if(a.component){n=M({},n),n.instance=M({},n.instance);let m=await this.runSkinSelector(n,i);if(!m)throw new Error("runSkinSelector failed to choose skin, check the provided config");return(y=t==null?void 0:t.hooks)!=null&&y.afterSkinSelected&&(m=await t.hooks.afterSkinSelected(M({},m))),n.instance.skinSelector={type:Me.Dedicated,skin:m},t&&(t=M({},t),delete t.hooks),await vn(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");(g=t==null?void 0:t.hooks)!=null&&g.afterSkinSelected&&(p=await t.hooks.afterSkinSelected(M({},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=Oo(c,n.type.props,p));try{await Sn(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,M({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,M({relative:{direction:"before",child:s}},t))}})}};r(V,"Instance",()=>window.myop.hostSDK);window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Ls});if(!window.myop.hostSDK){let o=new V;o.init(),window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:Ls}),window.myop.hostSDK=o}if(window.myop&&!window.myop.delivery){let o=n=>It(n);o.stats=we,o.off=vt,o.refresh=xt,window.myop.delivery=o}Ps=window.myop.hostSDK;Y("hostSDK",Ps)});var Nt,zs=l(()=>{"use strict";C();re();v();x();Nt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.DetectMyopRefsMessage);r(this,"executor",e=>{let t=document.querySelectorAll("[".concat(z.id,"]")),s=[];t.forEach(i=>{let a=i.getAttribute(z.id);a&&s.push(new He(a,i.tagName,i.getBoundingClientRect()))}),this.messageToHost(new ye(e.handlerUniqueId,s))})}}});var Ut,As=l(()=>{"use strict";C();v();x();$();Ut=class extends w{constructor(){super(...arguments);r(this,"messageType",h.BindClickMessage);r(this,"executor",e=>{let t=[];return S(e.ref,document).forEach(i=>{let a=()=>{this.messageToHost(new le,e)};i.addEventListener("click",a);let p=()=>{i.removeEventListener("click",a)};t.push(p)}),()=>{t.forEach(i=>i())}})}}});var qt,$s=l(()=>{"use strict";C();v();$();qt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.ChangeTextMessage);r(this,"executor",e=>{S(e.ref,document).forEach(s=>{s.textContent=e.content})})}}});var Vt,Fs=l(()=>{"use strict";C();x();v();Bn();Vt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.ExecuteScriptMessage);r(this,"executor",e=>{Dt(e,s=>{this.messageToHost(new me(e.handlerUniqueId,s))},new Be(document.documentElement))})}}});var jt,Ks=l(()=>{"use strict";C();v();x();Ce();$();jt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.AddEventListenerMessage);r(this,"executor",e=>{let t=S(e.ref,document),s=[];return t.forEach(i=>{let a=p=>{requestAnimationFrame(()=>{this.messageToHost(new fe(e.handlerUniqueId,K(p,e.serializableSkeleton)))})};i.addEventListener(e.type,a),s.push(()=>{i.removeEventListener(e.type,a)})}),()=>{s.forEach(i=>{i()})}})}}});var Gt,Ws=l(()=>{"use strict";C();v();$();Gt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.SetAttributeMessage);r(this,"executor",e=>{S(e.ref,document).forEach(s=>{s.setAttribute(e.name,e.value)})})}}});var Yt,Ns=l(()=>{"use strict";C();re();v();Xe();ct();Yt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.CreateRefComponentMessage);r(this,"executor",e=>{(async()=>{let s=document.querySelectorAll("[".concat(z.id,"='").concat(e.refConfig.selector,"']"));if(s.length===1){let a=await V.Instance().loadComponent(e.nestedComponentConfig,s.item(0),e.options),p=[];Object.keys(a.refs).forEach(d=>{let c=a.refs[d];c=c.__nonProxied||c,c.componentDefinition&&p.push({refName:d,componentDefinitionId:c.componentDefinition.id})}),this.messageToHost(new ee(e.handlerUniqueId,p))}else{console.error("CreateRefComponentMessageHandler - DOM element not found"),this.messageToHost(new ee(e.handlerUniqueId,[],!0));debugger}})().then()})}}});var Us,qs=l(()=>{"use strict";Us=(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),s={attributes:!0,childList:!0,subtree:!0};return t.observe(o,s),t}else window.addEventListener&&(o.addEventListener("DOMNodeInserted",n,!1),o.addEventListener("DOMNodeRemoved",n,!1))}});var Qt,Vs=l(()=>{"use strict";C();x();v();qs();Qt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.SetMutationObserverMessage);r(this,"executor",e=>{e.source&&Us(document.body,()=>{this.messageToHost(new qe)})})}}});var js,Jt,Gs=l(()=>{"use strict";C();re();v();x();Ce();$();js=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(z.id),p=i.getAttribute("name"),d={id:i.id,name:p,value:js(i),required:i.required,validity:K(i.validity,!0),myopId:a};e.unmappedData.push(d),p&&(!e.formData[p]||!e.formData[p].value||d.value)&&(e.formData[p]=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},Jt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.GetElementValueMessage);r(this,"executor",e=>{S(e.ref,document).forEach(s=>{this.messageToHost(new ue(js(s)),e)})})}}});var Xt,Ys=l(()=>{"use strict";C();v();x();$();Xt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.GetAttributeMessage);r(this,"executor",e=>{let t=es(e.ref,document);t&&this.messageToHost(new Ue(t.getAttribute(e.name)),e)})}}});var Zt,Qs=l(()=>{"use strict";x();C();v();Zt=class extends w{constructor(){super(...arguments);r(this,"messageType",h.SetResizeObserverMessage);r(this,"executor",e=>{let t=new ResizeObserver(s=>{this.messageToHost(new Qe)});return t.observe(document.body),()=>{t.disconnect()}})}}});var en,Js=l(()=>{"use strict";C();v();$();en=class extends w{constructor(){super(...arguments);r(this,"messageType",h.SetInnerHtml);r(this,"executor",e=>{S(e.ref,document).forEach(s=>{s.innerHTML=e.content})})}}});var Xs={};pe(Xs,{IframeSDK:()=>tn});var tn,Zs=l(()=>{"use strict";v();zs();As();$s();Fs();de();Ks();Ws();x();Ns();Vs();Gs();dt();Ys();Qs();Js();tn=class extends ke{constructor(){super();r(this,"version",Ee);r(this,"messageToHost",(e,t)=>{var i;!e.replayToHandler&&(t!=null&&t.handlerUniqueId)&&(e.replayToHandler=t.handlerUniqueId);let s=Object.keys(this.components);e.destination||(t!=null&&t.route?e.destination=t.route[t.route.length-1]:e.destination=s[0]),e.source||(e.source=s[0]),e.direction=R.up,(i=window.parent)==null||i.postMessage(M({},e),"*")});r(this,"supportedHandlers",[new qt(this.messageToHost),new en(this.messageToHost),new Ut(this.messageToHost),new Nt(this.messageToHost),new Vt(this.messageToHost),new jt(this.messageToHost),new Gt(this.messageToHost),new Jt(this.messageToHost),new Qt(this.messageToHost),new Zt(this.messageToHost),new Xt(this.messageToHost),new Yt(this.messageToHost)]);r(this,"init",()=>{window.onmessage=e=>{e.source&&e.source!==window.parent&&e.source!==window||this.handleIncomeMessages(e)},this.messageToHost(new ge)});window.myop||(window.myop={}),window.myop.IframeSDK=this}};Y("IframeSDK",tn)});var Vi={};var qi,ei=l(()=>{"use strict";x();de();qi=M({},Re);Y("MyopMessages",qi)});var ti={};pe(ti,{CloudRepository:()=>W,ComponentConfig:()=>$t,DELIVERY_HOST:()=>kn,SkinConfig:()=>At,addClass:()=>_s,applyStylesheet:()=>ws,applyStylesheetLink:()=>Is,changeSkinUrlByTokenizer:()=>vs,createIframeSkinByTokenizer:()=>Pn,delivery:()=>It,deliveryOff:()=>vt,deliveryRefresh:()=>xt,deliveryStats:()=>we,enableLocalDev:()=>Vo,enableSelfHosted:()=>Go,exec:()=>Hs,getCloudRepository:()=>No,getPreloadedParams:()=>qo,getResolvedConfig:()=>Jo,hydrateComponents:()=>Zo,isPreloaded:()=>Uo,preloadComponents:()=>Xo,removeClass:()=>Es,setCloudRepository:()=>Yo,setCloudRepositoryUrl:()=>jo,setEnvironment:()=>Qo,v2_CloudRepository:()=>Wo});var ni=l(()=>{"use strict";de();Wt();Wt();Y("MyopHelpers",On)});var Yi={};pe(Yi,{getHostModule:()=>oi,getIframeModule:()=>si,getMyopHelpers:()=>ai,getMyopMessages:()=>ri,getWebcomponentModule:()=>ii});de();var to;if(window.__federation__)console.log("__federation__ loaded more than once.");else{let o=(to=document.currentScript)==null?void 0:to.src,n=o?o.split("/").slice(0,-1).join("/"):"";window.__federation__={__public_auto_path__:n,__use_public_auto_path__:!0,__public_path__:void 0,__loading_timeout__:5*1e3}}window.__federation__.load__federation__=(o,n,e)=>{if(window.__federation__[n]){let t=window.__federation__[n];t[Fe]?e(t[Fe]):t.pending?t.pending.push(e):(console.log("__federation__ module ".concat(n," already loaded.")),e(t[Fe]))}else{let t,s=[e];window.__federation__[n]={pending:s},window.__federation__[n][pt]=a=>{t&&(document.head.removeChild(t),t=null),window.__federation__[n][Fe]=a,s.splice(0).forEach(p=>p(a))};let i=a=>{t=document.createElement("script"),t.type="module",t.src=a,t.async=!0,t.onerror=()=>{var c,f;let p=(f=(c=window.myop)==null?void 0:c.__ROOT_SDK_PUBLIC_URL__)==null?void 0:f.split("/").slice(0,-1).join("/"),d=a.split("/").pop();p&&!a.startsWith(p)&&(console.warn("[myop] chunk load failed from ".concat(a,", retrying from CDN")),document.head.removeChild(t),i("".concat(p,"/").concat(d)))},document.head.appendChild(t)};i(o)}};dt();console.log("myop root sdk - loaded",document.location.origin);var ji="https://cdn.myop.dev/sdk/next/myop_sdk.min.js",oi=()=>Promise.resolve().then(()=>(Xe(),Os)),si=()=>Promise.resolve().then(()=>(Zs(),Xs)),ii=()=>Promise.resolve().then(()=>(Ln(),ms)),ri=()=>Promise.resolve().then(()=>(ei(),Vi)),ai=()=>Promise.resolve().then(()=>(ni(),ti)),nt=o=>async()=>{let n=await o();return typeof n.get=="function"?n.get():n},Gi={version:Ee,getHostModule:nt(oi),getIframeModule:nt(si),getWebcomponentModule:nt(ii),getMyopMessages:nt(ri),getMyopHelpers:nt(ai)};window.myop||(window.myop={__ROOT_SDK_PUBLIC_URL__:ji});window.myop.rootSDK?console.log("myop root host loaded more than once."):window.myop=M({rootSDK:Gi},window.myop);return vi(Yi);})();
9
9
  `;
10
10
 
11
11
  /**
@@ -11,6 +11,102 @@ export declare class CloudRepository {
11
11
  private _staticMode;
12
12
  private _queryParams;
13
13
  constructor(_baseUrl?: string);
14
+ /**
15
+ * How big the component we are NOT re-downloading is. Deliberately measured from what
16
+ * we hold rather than from Content-Length: once a response is compressed the header is
17
+ * not readable cross-origin, so reading it there reported 0 every single time.
18
+ */
19
+ private static sizeOfHeld;
20
+ /** The host every request goes to unless delivery() moved it. Never changes. */
21
+ private static readonly DEFAULT_HOST;
22
+ /**
23
+ * Opt-in delivery settings, set by myop.delivery(). Off means: this file behaves
24
+ * EXACTLY as it did before — same host, same URL, same everything.
25
+ */
26
+ private _delivery;
27
+ /**
28
+ * What actually happened, for myop.delivery.stats(). `fellBack` is the number that
29
+ * matters: it is how you find out the lane is unhealthy without waiting for a
30
+ * bug report, because a fallback is INVISIBLE to the page (it still renders).
31
+ */
32
+ private _deliveryStats;
33
+ /**
34
+ * Turn on the opt-in delivery path.
35
+ *
36
+ * Opting in IS choosing the delivery stack: this points /consume at `host` (a second,
37
+ * complete stack reading the same data) and asks for the minified artifact. Leave this
38
+ * uncalled and nothing about the SDK changes.
39
+ *
40
+ * Deliberately mutates THIS instance rather than constructing a new repository:
41
+ * CloudRepository.Main is a global singleton shared across bundles (see getGlobalMain),
42
+ * so a second instance would be ignored by every component already using the first.
43
+ */
44
+ setDelivery(opts?: {
45
+ minify?: boolean;
46
+ host?: string | null;
47
+ cache?: boolean;
48
+ }): void;
49
+ deliveryStats(): {
50
+ host: string;
51
+ minify: boolean;
52
+ cache: boolean;
53
+ requests: number;
54
+ viaDelivery: number;
55
+ fellBack: number;
56
+ lastError: string | null;
57
+ /** where the last loads were answered from — the number the client window exists to move */
58
+ fromMemory: number;
59
+ fromStorage: number;
60
+ fromNetwork: number;
61
+ /** re-checks after the window ended, and how many were answered "nothing changed" */
62
+ revalidations: number;
63
+ unchanged: number;
64
+ bytesSaved: number;
65
+ };
66
+ /**
67
+ * Forget what this browser holds, so the next load asks the server.
68
+ * `refresh()` with no ids drops everything; the counterpart to the window for the case
69
+ * where a change has to be visible on THIS load — right after someone publishes.
70
+ */
71
+ refreshDelivery(): Promise<void>;
72
+ /**
73
+ * Local serves waiting to be reported: componentId -> {env, count}.
74
+ *
75
+ * THE MEASUREMENT PROBLEM THIS SOLVES. The better this cache works, the more usage
76
+ * vanishes: a visitor inside their freshness window renders the page with no request,
77
+ * so neither the server nor the CDN can see them. Left alone, a successful rollout
78
+ * looks in the ledger exactly like customers leaving.
79
+ *
80
+ * So local serves are counted here and reported afterwards, batched, on a path that
81
+ * never blocks rendering: flushed when the page is hidden (keepalive, so it survives
82
+ * the tab closing) and opportunistically whenever the SDK is talking to the server
83
+ * anyway. Nothing is sent while the page is loading, which is the point of the window.
84
+ */
85
+ private _localServes;
86
+ private _flushBound;
87
+ private noteLocalServe;
88
+ /** Report on page-hide, which is the only event that reliably fires on mobile. */
89
+ private bindFlush;
90
+ /**
91
+ * Send what we have. `keepalive` is what makes this work at page-hide: the request
92
+ * outlives the document. Failure is ignored — a lost usage report must never be
93
+ * visible to a visitor, and the next page load will report its own.
94
+ */
95
+ flushLocalServes(): void;
96
+ /** Where /consume should be fetched from right now. */
97
+ private deliveryHost;
98
+ /**
99
+ * Fetch a delivery URL with ONE fallback to the default host.
100
+ *
101
+ * The fallback is the kill switch: break or disable the lane and every client drifts
102
+ * back to cloud.myop.dev on its own, with no customer deploy. It must therefore be
103
+ * genuinely silent to the page and genuinely LOUD in stats() — a fallback that nobody
104
+ * counts is an outage nobody notices.
105
+ *
106
+ * Only transport failures and 5xx fall back. A 404 is an answer: the component really
107
+ * is missing, and retrying elsewhere would only hide it.
108
+ */
109
+ private deliveryFetch;
14
110
  /**
15
111
  * Enable static mode for self-hosted component registries.
16
112
  * In static mode, URLs are constructed as file paths instead of query params: