@myop/sdk 0.3.11 → 0.3.13

package/dist/cjs/{_MyopHelpers.982f48e2.min.js → _MyopHelpers.eb1728bc.min.js}

@@ -1 +1 @@
-var P=Object.defineProperty,U=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var k=(s,e,n)=>e in s?P(s,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[e]=n,I=(s,e)=>{for(var n in e||(e={}))$.call(e,n)&&k(s,n,e[n]);if(K)for(var n of K(e))z.call(e,n)&&k(s,n,e[n]);return s},E=(s,e)=>U(s,V(e));var N=(s,e)=>{for(var n in e)P(s,n,{get:e[n],enumerable:!0})};var t=(s,e,n)=>k(s,typeof e!="symbol"?e+"":e,n);var T="__federation__",H="onLoad";var O=(s,e)=>{window[T]&&window[T][s]&&window[T][s][H]&&window[T][s][H]({[s]:e})};var D={};N(D,{CloudRepository:()=>R,ComponentConfig:()=>_,SkinConfig:()=>B,addClass:()=>Z,applyStylesheet:()=>Y,applyStylesheetLink:()=>J,changeSkinUrlByTokenizer:()=>X,createIframeSkinByTokenizer:()=>F,exec:()=>re,removeClass:()=>ee,v2_CloudRepository:()=>oe});var c=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,s=>(+s^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+s/4).toString(16));var g=class{constructor(){t(this,"id",c());t(this,"myop",!0);t(this,"content");t(this,"source");t(this,"destination");t(this,"route");t(this,"ref");t(this,"direction");t(this,"cleanable",!1)}static create(...e){return new this(...e)}isTypeof(e){return e.messageType===this.messageType}};var l=class extends g{constructor(n){super();this.handler=n;t(this,"handlerUniqueId",c())}};var j="ExecuteScriptReplyMessage",G=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,q=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,W=s=>{let e=s.match(G);if(e)return e[1]||e[3];{let n=s.match(q);if(n)return n[1].trim()}},d=class extends l{constructor(n,o=()=>{},r){super(o);this.scriptInputs=r;t(this,"replyMessageKey",j);t(this,"messageType","ExecuteScriptMessage");t(this,"script","");this.script=n.toString(),this.content=n.toString(),this.content=W(this.content)}};t(d,"replierKey","send"),t(d,"completeStreamKey","completeStream");var C=class extends d{constructor(n,o,r=()=>{}){super(({rootRef:a,elementId:i,_script:m,__scriptInputs:p})=>{let y=(a.shadowRoot||a.container).querySelectorAll("[myop-id='".concat(i,"']"));return y.length?(p.ref=y[0],new Function("return (".concat(m,")(...arguments)"))(p)):null},r);this.scriptInputs=o;this.scriptInputs=E(I({},o),{_script:n.toString()})}};var Y=(s,e,n)=>{let o="myop-css-".concat(c());return s.send(new d(({rootRef:r,_stylesheet:a,_tagId:i,_css:m})=>{let p=document.createElement("style");p.type="text/css";let y=m;for(let u in a){y+="".concat(u," { ");let M=a[u];for(let w in M)y+="".concat(w,": ").concat(M[w],"; ");y+="} "}p.appendChild(document.createTextNode(y)),p.id=i,(r.shadowRoot||r.container).appendChild(p)},()=>{},{_stylesheet:e,_css:n||"",_tagId:o})),()=>{s.send(new d(({rootRef:r,_tagId:a})=>{let i=(r.shadowRoot||document).getElementById(a);i&&i.remove()},()=>{},{_tagId:o}))}},J=(s,e)=>{let n="myop-css-".concat(c());return s.send(new d(({rootRef:o,_tagId:r,_link:a})=>{let i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=a,document.head.appendChild(i),(o.shadowRoot||o.container).appendChild(i)},()=>{},{_link:e,_tagId:n})),()=>{s.send(new d(({rootRef:o,_tagId:r})=>{let a=(o.shadowRoot||document).getElementById(r);a&&a.remove()},()=>{},{_tagId:n}))}};var Q=(s,e)=>{let n=new RegExp(Object.keys(e).join("|"),"g");return s.replace(n,o=>(e[o]||o).toString())},F=(s,e)=>{let n=s.loader;if(n.type!=="IframeLoader")throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(n.type,'", currently only "IframeLoader" is supported'));return s.loader=I({},s.loader),s.loader.url=Q(s.loader.url,e),s},X=s=>async e=>F(e,s);var Z=(s,e,n)=>{s.send(new C(({ref:o,_className:r})=>{o==null||o.classList.add(r)},{elementId:n,_className:e}))},ee=(s,e,n)=>{s.send(new C(({ref:o,_className:r})=>{o==null||o.classList.remove(r)},{elementId:n,_className:e}))};var b=class b{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+c());t(this,"_runTimeId","runtime-id-"+c());t(this,"_runTimeName","runtime-name-"+c());t(this,"id",this._runTimeId);t(this,"name",this._runTimeName);t(this,"description","");t(this,"loader",null);t(this,"withLoader",e=>(this.loader=e,this));t(this,"withHTMLLoader",e=>(e.type="HTMLLoader",this.loader=e,this));t(this,"build",()=>this)}};t(b,"create",()=>new b);var B=b,v=class v{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+c());t(this,"_runTimeId","runtime-id-"+c());t(this,"_runTimeName","runtime-name-"+c());t(this,"instance",{id:this._runTimeInstanceId,componentId:this._runTimeId,componentName:this._runTimeName,skinSelector:null});t(this,"name",this._runTimeName);t(this,"type",{id:this._runTimeId,name:this._runTimeName,description:"",props:[],refs:[],skins:[],defaultSkin:0});t(this,"withInstance",e=>(this.instance=e,this));t(this,"withType",e=>(this.type=e,this));t(this,"withName",e=>(this.name=e,this));t(this,"withDefaultSkin",e=>(this.type.skins.push(e),this.type.defaultSkin=this.type.skins.length-1,this.instance.skinSelector={type:"Dedicated",skin:{id:e.id}},this));t(this,"withRef",e=>(this.type.refs.push(e),this));t(this,"withBasicRef",e=>{let n={id:"",name:e,description:"",selectorType:"id-attribute",selector:e,behavior:{type:"code"}};return this.type.refs.push(n),this});t(this,"build",()=>JSON.parse(JSON.stringify(this)))}};t(v,"create",()=>new v);var _=v;var L={message:"message",code:"code"};var te=s=>({instance:{id:"auto",componentId:s.componentId,componentName:s.name,skinSelector:{type:"Dedicated",skin:{id:"skin_auto_v2_converted"}}},type:{id:s.id,name:s.name,description:s.description,props:[{id:"in_auto_v2_converted",name:"myop_init_interface",type:"any",behavior:{type:L.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:L.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:s.consume_variant[0].loader}],defaultSkin:0},name:s.name}),S="__MYOP_CLOUD_REPOSITORY_MAIN__",se=()=>{if(typeof window<"u")return window[S];if(typeof globalThis<"u")return globalThis[S]},ne=s=>{typeof window<"u"&&(window[S]=s),typeof globalThis<"u"&&(globalThis[S]=s)},f=class f{constructor(e="https://cloud.myop.dev"){this._baseUrl=e;t(this,"variants",{});t(this,"preloadedComponents",{});t(this,"userFlows",{});t(this,"_defaultEnv","production")}static get Main(){let e=se();return e||(f._main||(f._main=new f,ne(f._main)),f._main)}setEnvironment(e){this._defaultEnv=e}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(e,n,o){return n!==void 0||o!==void 0?"".concat(e,":").concat(n||this._defaultEnv,":").concat(o?"preview":"live")in this.variants:e in this.preloadedComponents}getPreloadedParams(e){return this.preloadedComponents[e]}async fetchComponentV2(e,n,o){let r=this.preloadedComponents[e],a=n!==void 0||o!==void 0,i,m;!a&&r?(i=r.env,m=r.preview):(i=n||this._defaultEnv,m=o!=null?o:!0);let p="".concat(e,":").concat(i,":").concat(m?"preview":"live");return console.log("[CloudRepository] fetchComponentV2",{componentId:e.slice(0,8)+"...",env:i,usePreview:m,cacheKey:p,cached:p in this.variants}),this.variants[p]||(this.preloadedComponents[e]||(this.preloadedComponents[e]={env:i,preview:m}),this.variants[p]=new Promise(async(y,u)=>{try{let M="".concat(this._baseUrl,"/consume?id=").concat(e,"&env=").concat(i);m&&(M+="&preview=true");let h=(await(await fetch(M)).json()).item;if(!h){u(new Error('Component "'.concat(e,'" not found')));return}if(!h.consume_variant||!h.consume_variant.length){u(new Error('Component "'.concat(e,'" has no implementation for environment "').concat(i,'"')));return}let A=te(h);y(A)}catch(M){u(M)}})),await this.variants[p]}async fetchComponentV1(e,n){return n?(await this.fetchFlow(n)).components.find(r=>r.type.id===e):(await this.fetchAutoFlow(e)).components[0]}async fetchAutoFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(n,o)=>{try{let a=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&auto=true"))).json();n(a.item)}catch(r){o(r)}})),await this.userFlows[e]}async fetchFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(n,o)=>{try{let a=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&resolve=components"))).json();n(a.item)}catch(r){o(r)}})),await this.userFlows[e]}async fetchComponent(e,n){return this.fetchComponentV1(e,n)}};t(f,"_main",null);var R=f,oe=R;var re=async s=>await s();O("MyopHelpers",D);export{R as CloudRepository,_ as ComponentConfig,B as SkinConfig,Z as addClass,Y as applyStylesheet,J as applyStylesheetLink,X as changeSkinUrlByTokenizer,F as createIframeSkinByTokenizer,re as exec,ee as removeClass,oe as v2_CloudRepository};
+var P=Object.defineProperty,U=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var k=(s,e,n)=>e in s?P(s,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[e]=n,I=(s,e)=>{for(var n in e||(e={}))$.call(e,n)&&k(s,n,e[n]);if(K)for(var n of K(e))z.call(e,n)&&k(s,n,e[n]);return s},E=(s,e)=>U(s,V(e));var N=(s,e)=>{for(var n in e)P(s,n,{get:e[n],enumerable:!0})};var t=(s,e,n)=>k(s,typeof e!="symbol"?e+"":e,n);var T="__federation__",H="onLoad";var O=(s,e)=>{window[T]&&window[T][s]&&window[T][s][H]&&window[T][s][H]({[s]:e})};var D={};N(D,{CloudRepository:()=>R,ComponentConfig:()=>_,SkinConfig:()=>B,addClass:()=>Z,applyStylesheet:()=>Y,applyStylesheetLink:()=>J,changeSkinUrlByTokenizer:()=>X,createIframeSkinByTokenizer:()=>F,exec:()=>re,removeClass:()=>ee,v2_CloudRepository:()=>oe});var c=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,s=>(+s^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+s/4).toString(16));var g=class{constructor(){t(this,"id",c());t(this,"myop",!0);t(this,"content");t(this,"source");t(this,"destination");t(this,"route");t(this,"ref");t(this,"direction");t(this,"cleanable",!1)}static create(...e){return new this(...e)}isTypeof(e){return e.messageType===this.messageType}};var l=class extends g{constructor(n){super();this.handler=n;t(this,"handlerUniqueId",c())}};var j="ExecuteScriptReplyMessage",G=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,q=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,W=s=>{let e=s.match(G);if(e)return e[1]||e[3];{let n=s.match(q);if(n)return n[1].trim()}},d=class extends l{constructor(n,o=()=>{},r){super(o);this.scriptInputs=r;t(this,"replyMessageKey",j);t(this,"messageType","ExecuteScriptMessage");t(this,"script","");this.script=n.toString(),this.content=n.toString(),this.content=W(this.content)}};t(d,"replierKey","send"),t(d,"completeStreamKey","completeStream");var C=class extends d{constructor(n,o,r=()=>{}){super(({rootRef:a,elementId:i,_script:m,__scriptInputs:p})=>{let y=(a.shadowRoot||a.container).querySelectorAll("[myop-id='".concat(i,"']"));return y.length?(p.ref=y[0],new Function("return (".concat(m,")(...arguments)"))(p)):null},r);this.scriptInputs=o;this.scriptInputs=E(I({},o),{_script:n.toString()})}};var Y=(s,e,n)=>{let o="myop-css-".concat(c());return s.send(new d(({rootRef:r,_stylesheet:a,_tagId:i,_css:m})=>{let p=document.createElement("style");p.type="text/css";let y=m;for(let u in a){y+="".concat(u," { ");let M=a[u];for(let w in M)y+="".concat(w,": ").concat(M[w],"; ");y+="} "}p.appendChild(document.createTextNode(y)),p.id=i,(r.shadowRoot||r.container).appendChild(p)},()=>{},{_stylesheet:e,_css:n||"",_tagId:o})),()=>{s.send(new d(({rootRef:r,_tagId:a})=>{let i=(r.shadowRoot||document).getElementById(a);i&&i.remove()},()=>{},{_tagId:o}))}},J=(s,e)=>{let n="myop-css-".concat(c());return s.send(new d(({rootRef:o,_tagId:r,_link:a})=>{let i=document.createElement("link");i.id=r,i.rel="stylesheet",i.href=a,document.head.appendChild(i),(o.shadowRoot||o.container).appendChild(i)},()=>{},{_link:e,_tagId:n})),()=>{s.send(new d(({rootRef:o,_tagId:r})=>{let a=(o.shadowRoot||document).getElementById(r);a&&a.remove()},()=>{},{_tagId:n}))}};var Q=(s,e)=>{let n=new RegExp(Object.keys(e).join("|"),"g");return s.replace(n,o=>(e[o]||o).toString())},F=(s,e)=>{let n=s.loader;if(n.type!=="IframeLoader")throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(n.type,'", currently only "IframeLoader" is supported'));return s.loader=I({},s.loader),s.loader.url=Q(s.loader.url,e),s},X=s=>async e=>F(e,s);var Z=(s,e,n)=>{s.send(new C(({ref:o,_className:r})=>{o==null||o.classList.add(r)},{elementId:n,_className:e}))},ee=(s,e,n)=>{s.send(new C(({ref:o,_className:r})=>{o==null||o.classList.remove(r)},{elementId:n,_className:e}))};var b=class b{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+c());t(this,"_runTimeId","runtime-id-"+c());t(this,"_runTimeName","runtime-name-"+c());t(this,"id",this._runTimeId);t(this,"name",this._runTimeName);t(this,"description","");t(this,"loader",null);t(this,"withLoader",e=>(this.loader=e,this));t(this,"withHTMLLoader",e=>(e.type="HTMLLoader",this.loader=e,this));t(this,"build",()=>this)}};t(b,"create",()=>new b);var B=b,v=class v{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+c());t(this,"_runTimeId","runtime-id-"+c());t(this,"_runTimeName","runtime-name-"+c());t(this,"instance",{id:this._runTimeInstanceId,componentId:this._runTimeId,componentName:this._runTimeName,skinSelector:null});t(this,"name",this._runTimeName);t(this,"type",{id:this._runTimeId,name:this._runTimeName,description:"",props:[],refs:[],skins:[],defaultSkin:0});t(this,"withInstance",e=>(this.instance=e,this));t(this,"withType",e=>(this.type=e,this));t(this,"withName",e=>(this.name=e,this));t(this,"withDefaultSkin",e=>(this.type.skins.push(e),this.type.defaultSkin=this.type.skins.length-1,this.instance.skinSelector={type:"Dedicated",skin:{id:e.id}},this));t(this,"withRef",e=>(this.type.refs.push(e),this));t(this,"withBasicRef",e=>{let n={id:"",name:e,description:"",selectorType:"id-attribute",selector:e,behavior:{type:"code"}};return this.type.refs.push(n),this});t(this,"build",()=>JSON.parse(JSON.stringify(this)))}};t(v,"create",()=>new v);var _=v;var L={message:"message",code:"code"};var te=s=>({instance:{id:"auto",componentId:s.componentId,componentName:s.name,skinSelector:{type:"Dedicated",skin:{id:"skin_auto_v2_converted"}}},type:{id:s.id,name:s.name,description:s.description,props:[{id:"in_auto_v2_converted",name:"myop_init_interface",type:"any",behavior:{type:L.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:L.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:s.consume_variant[0].loader}],defaultSkin:0},name:s.name}),S="__MYOP_CLOUD_REPOSITORY_MAIN__",se=()=>{if(typeof window<"u")return window[S];if(typeof globalThis<"u")return globalThis[S]},ne=s=>{typeof window<"u"&&(window[S]=s),typeof globalThis<"u"&&(globalThis[S]=s)},f=class f{constructor(e="https://cloud.myop.dev"){this._baseUrl=e;t(this,"variants",{});t(this,"preloadedComponents",{});t(this,"userFlows",{});t(this,"_defaultEnv","production")}static get Main(){let e=se();return e||(f._main||(f._main=new f,ne(f._main)),f._main)}setEnvironment(e){this._defaultEnv=e}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(e,n,o){return n!==void 0||o!==void 0?"".concat(e,":").concat(n||this._defaultEnv,":").concat(o?"preview":"live")in this.variants:e in this.preloadedComponents}getPreloadedParams(e){return this.preloadedComponents[e]}async fetchComponentV2(e,n,o){let r=this.preloadedComponents[e],a=n!==void 0||o!==void 0,i,m;!a&&r?(i=r.env,m=r.preview):(i=n||this._defaultEnv,m=o===!0?!0:o===!1?!1:!n);let p="".concat(e,":").concat(i,":").concat(m?"preview":"live");return console.log("[CloudRepository] fetchComponentV2",{componentId:e.slice(0,8)+"...",env:i,usePreview:m,cacheKey:p,cached:p in this.variants}),this.variants[p]||(this.preloadedComponents[e]||(this.preloadedComponents[e]={env:i,preview:m}),this.variants[p]=new Promise(async(y,u)=>{try{let M="".concat(this._baseUrl,"/consume?id=").concat(e,"&env=").concat(i);m&&(M+="&preview=true");let h=(await(await fetch(M)).json()).item;if(!h){u(new Error('Component "'.concat(e,'" not found')));return}if(!h.consume_variant||!h.consume_variant.length){u(new Error('Component "'.concat(e,'" has no implementation for environment "').concat(i,'"')));return}let A=te(h);y(A)}catch(M){u(M)}})),await this.variants[p]}async fetchComponentV1(e,n){return n?(await this.fetchFlow(n)).components.find(r=>r.type.id===e):(await this.fetchAutoFlow(e)).components[0]}async fetchAutoFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(n,o)=>{try{let a=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&auto=true"))).json();n(a.item)}catch(r){o(r)}})),await this.userFlows[e]}async fetchFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(n,o)=>{try{let a=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&resolve=components"))).json();n(a.item)}catch(r){o(r)}})),await this.userFlows[e]}async fetchComponent(e,n){return this.fetchComponentV1(e,n)}};t(f,"_main",null);var R=f,oe=R;var re=async s=>await s();O("MyopHelpers",D);export{R as CloudRepository,_ as ComponentConfig,B as SkinConfig,Z as addClass,Y as applyStylesheet,J as applyStylesheetLink,X as changeSkinUrlByTokenizer,F as createIframeSkinByTokenizer,re as exec,ee as removeClass,oe as v2_CloudRepository};

package/dist/cjs/{_WebComponentSDK.833b1ae4.js → _WebComponentSDK.4ed98c20.js}

@@ -1815,7 +1815,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.11";
+var myop_sdk_version_default = "0.3.13";
 
 // src/host/embeddedSDK.ts
 var EMBEDDED_SDK_CONTENT = "";
@@ -2084,7 +2084,7 @@ var _CloudRepository = class _CloudRepository {
       usePreview = preloaded.preview;
     } else {
       env = environmentIdentifier || this._defaultEnv;
-      usePreview = preview != null ? preview : true;
+      usePreview = preview === true ? true : preview === false ? false : !environmentIdentifier;
     }
     const cacheKey = "".concat(componentId, ":").concat(env, ":").concat(usePreview ? "preview" : "live");
     console.log("[CloudRepository] fetchComponentV2", {