@myop/sdk 0.3.29 → 0.3.30

package/package.json

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

package/dist/cjs/_MyopHelpers.ce80c342.min.js

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