@spiffcommerce/core 21.16.0 → 21.16.1-alpha.1

package/dist/index.js

@@ -471,7 +471,7 @@ class sa {
     }, A, a);
   }
   async uploadFile(e, t) {
-    const A = !(e.type === "image/svg+xml" || e.type === "application/pdf"), a = A ? We.Image : We.Illustration;
+    const A = !(e.type === "image/svg+xml" || e.type === "application/pdf" || e.type === "application/postscript"), a = A ? We.Image : We.Illustration;
     if (A) {
       const n = await this.loadImageAsFileInfo(e);
       return await this.uploadAssetWithProgress(n, a, t, !0);
@@ -2024,7 +2024,11 @@ class Ha {
   selectImage(e, t, A, a = !0) {
     var o;
     const n = this.patternSource(t), i = (o = A.getStepStorage(e.stepName)) == null ? void 0 : o.framePatternSrc;
-    return i && i === n ? Promise.resolve() : (A.setEditedStatus(e.stepName, !0), (t.fileLink || "").endsWith("pdf") ? new Promise((r) => {
+    if (i && i === n)
+      return Promise.resolve();
+    A.setEditedStatus(e.stepName, !0);
+    const s = t.fileLink || "";
+    return s.endsWith(".pdf") || s.endsWith(".eps") || s.endsWith(".ai") ? new Promise((r) => {
       A.addPoller(
         new aA(
           async () => {
@@ -2044,7 +2048,7 @@ class Ha {
           }
         )
       );
-    }) : this.loadPatternFromAsset(t, e, A, a));
+    }) : this.loadPatternFromAsset(t, e, A, a);
   }
   async selectVariant(e, t, A, a, n) {
     const i = await this.selectVariantCommand(

package/dist/index.umd.cjs

@@ -102,7 +102,7 @@
             ...AssetFields
         }
     }
-`,wt=async c=>(await N.getShadowGraphqlClient().query({query:MA,errorPolicy:"all",fetchPolicy:"no-cache",variables:{keys:c}})).data.assets,PA=async c=>(await N.getShadowGraphqlClient().query({query:yA,errorPolicy:"all",fetchPolicy:"no-cache",variables:{ids:c}})).data.materials,xA=async(c,e,t,A,n)=>{var i;return(i=(await N.getShadowGraphqlClient().mutate({mutation:SA,errorPolicy:"all",fetchPolicy:"no-cache",variables:{name:c,type:e,mimeType:t,anonymous:A,temporary:n}})).data)==null?void 0:i.assetCreate};class NA{constructor(){this.cache=new Map,this.bgrmProcessCache=new Map,this.materialCache=new Map,this.loadImageAsFileInfo=async e=>{const t=await e.arrayBuffer(),A=await l.getAttributesFromArrayBuffer(t),n=(a,i)=>{const o=atob(a.split(",")[1]),s=[];for(let r=0;r<o.length;r++)s.push(o.charCodeAt(r));return new Blob([new Uint8Array(s)],{type:i})};return{name:e.name.substring(e.name.lastIndexOf("/")+1),blob:n(A.dataUrl,e.type)}}}async getLocalOrFromServer(e){if(this.cache.has(e)){const n=this.cache.get(e);if(!n)throw new k("Failed to get asset from cache!");return n}const A=(async()=>(await wt([e]))[0])();return this.cache.set(e,A),A}keyFromURL(e){let t;try{t=new URL(e).pathname}catch{t=void 0}return t!==void 0&&t.startsWith("/")&&(t=t.replace("/","")),t==null?void 0:t.split("?")[0]}cacheAsset(e){if(!e.key)throw new k("Asset has no key!");this.cache.has(e.key)||this.cache.set(e.key,Promise.resolve(e))}cacheMaterial(e){if(!e.id)throw new k("Material has no id!");this.materialCache.has(e.id)||this.materialCache.set(e.id,Promise.resolve(e))}async getMaterialLocalOrFromServer(e){if(this.materialCache.has(e))return this.materialCache.get(e);const A=(async()=>(await PA([e]))[0])();return this.materialCache.set(e,A),A}async uploadAssetWithProgress(e,t,A,n,a){const i=await this.dispatchCreateAssetRequest(e,t,n,a);if(!i)throw new Error("Failed to create asset.");return await new Promise((o,s)=>{const r=new XMLHttpRequest;r.open("PUT",i.assetResponse.uploadUrl,!0),r.setRequestHeader("Content-Type",i.mimeType),r.setRequestHeader("Cache-Control","public,max-age=31536000,immutable"),r.upload.onprogress=g=>{g.lengthComputable&&A(g.loaded*100/g.total)},r.onload=()=>{const g=i.assetResponse.asset;_.add(i.assetResponse.asset),o(g)},r.onerror=s,r.send(e.blob)}),this.cacheAsset(i.assetResponse.asset),i.assetResponse.asset}async uploadAsset(e,t,A,n){return this.uploadAssetWithProgress(e,t,()=>{},A,n)}async uploadFile(e,t){const A=!(e.type==="image/svg+xml"||e.type==="application/pdf"),n=A?l.AssetType.Image:l.AssetType.Illustration;if(A){const a=await this.loadImageAsFileInfo(e);return await this.uploadAssetWithProgress(a,n,t,!0)}else{const a={name:e.name,blob:new Blob([e],{type:e.type})};return await this.uploadAssetWithProgress(a,n,t,!0)}}async removeBackgroundFromAsset(e){const t=e.key;if(this.bgrmProcessCache.has(t))return this.bgrmProcessCache.get(t);if(O.has(t)){const a=this.getLocalOrFromServer(O.get(t));return this.bgrmProcessCache.set(t,a),a}const n=(async()=>{var i,o;const a=await N.getShadowGraphqlClient().mutate({mutation:YA,fetchPolicy:"no-cache",errorPolicy:"all",variables:{key:t}});if(this.bgrmProcessCache.delete(t),!((o=(i=a.data)==null?void 0:i.assetRemoveBackground)!=null&&o.key))throw new Error("Failed to remove background from image");return _.add(a.data.assetRemoveBackground),O.add(t,a.data.assetRemoveBackground.key),this.cache.set(a.data.assetRemoveBackground.key,Promise.resolve(a.data.assetRemoveBackground)),a.data.assetRemoveBackground})();return this.bgrmProcessCache.set(t,n),n}removePersistedAsset(e){_.remove(e),O.delete(e),O.deleteForBgRemovedKey(e)}getPersistedAssets(){return _.list()}registerPersistedAssetListener(e){_.addCallback(e)}unRegisterPersistedAssetListener(e){_.removeCallback(e)}async dispatchCreateAssetRequest(e,t,A,n){const a=e.blob.type?e.blob.type:this.guessMIME(e.name),i=await xA(e.name,t,a,A,n);if(i)return{assetResponse:i,mimeType:a}}guessMIME(e){const t=e.split(".").pop();switch(t){case"glb":return"model/gltf-binary";case"ttf":return"font/ttf";case"mkv":return"video/x-matroska";default:throw new k("Unexpected mimetype: "+t)}}}const de="persistentAssets",ht=class q{static add(e){if(!e.fileLink){console.error("Failed to find cdn link on asset, cannot persist!");return}const t=new Map;t.set(e.key||"",e.fileLink);const A=Y.getMap(de);A&&A.forEach((n,a)=>{t.set(a,n)}),Y.setMap(de,t),q.executeCallbacks()}static remove(e){const t=Y.getMap(de);if(!t)return;const A=Array.from(t.entries()).find(n=>n[0]===e);A&&(t.delete(A[0]),Y.setMap(de,t),q.executeCallbacks())}static list(){const e=Y.getMap(de);return e?Array.from(e.entries()).map(t=>({assetKey:t[0],src:t[1]})):[]}static addCallback(e){q.callbacks.push(e)}static removeCallback(e){q.callbacks=q.callbacks.filter(t=>t!==e)}static executeCallbacks(){q.callbacks.forEach(e=>e())}};ht.callbacks=[];let _=ht;const Et="bgrmPersistentAssets";class O{static has(e){return O.getMap().has(e)}static get(e){return O.getMap().get(e)}static keys(){return O.getMap().keys()}static values(){return O.getMap().values()}static add(e,t){const A=O.getMap();A.set(e,t),O.setMap(A)}static delete(e){const t=O.getMap();t.delete(e),O.setMap(t)}static deleteForBgRemovedKey(e){const t=O.getMap(),A=Array.from(t.keys()).find(n=>t.get(n)===e);A&&(t.delete(A),O.setMap(t))}static getMap(){return Y.getMap(Et)||new Map}static setMap(e){Y.setMap(Et,e)}}const G=new NA;class HA{constructor(){this.cache={},this.disabled=!1}get(e){if(this.disabled)return;const t=JSON.stringify(e);return this.cache[t]}set(e,t){if(this.disabled)return t;const A=JSON.stringify(e);return this.cache[A]=t,t}disable(e){this.disabled=e}}const ee=new HA,Ct=M.gql`
+`,wt=async c=>(await N.getShadowGraphqlClient().query({query:MA,errorPolicy:"all",fetchPolicy:"no-cache",variables:{keys:c}})).data.assets,PA=async c=>(await N.getShadowGraphqlClient().query({query:yA,errorPolicy:"all",fetchPolicy:"no-cache",variables:{ids:c}})).data.materials,xA=async(c,e,t,A,n)=>{var i;return(i=(await N.getShadowGraphqlClient().mutate({mutation:SA,errorPolicy:"all",fetchPolicy:"no-cache",variables:{name:c,type:e,mimeType:t,anonymous:A,temporary:n}})).data)==null?void 0:i.assetCreate};class NA{constructor(){this.cache=new Map,this.bgrmProcessCache=new Map,this.materialCache=new Map,this.loadImageAsFileInfo=async e=>{const t=await e.arrayBuffer(),A=await l.getAttributesFromArrayBuffer(t),n=(a,i)=>{const o=atob(a.split(",")[1]),s=[];for(let r=0;r<o.length;r++)s.push(o.charCodeAt(r));return new Blob([new Uint8Array(s)],{type:i})};return{name:e.name.substring(e.name.lastIndexOf("/")+1),blob:n(A.dataUrl,e.type)}}}async getLocalOrFromServer(e){if(this.cache.has(e)){const n=this.cache.get(e);if(!n)throw new k("Failed to get asset from cache!");return n}const A=(async()=>(await wt([e]))[0])();return this.cache.set(e,A),A}keyFromURL(e){let t;try{t=new URL(e).pathname}catch{t=void 0}return t!==void 0&&t.startsWith("/")&&(t=t.replace("/","")),t==null?void 0:t.split("?")[0]}cacheAsset(e){if(!e.key)throw new k("Asset has no key!");this.cache.has(e.key)||this.cache.set(e.key,Promise.resolve(e))}cacheMaterial(e){if(!e.id)throw new k("Material has no id!");this.materialCache.has(e.id)||this.materialCache.set(e.id,Promise.resolve(e))}async getMaterialLocalOrFromServer(e){if(this.materialCache.has(e))return this.materialCache.get(e);const A=(async()=>(await PA([e]))[0])();return this.materialCache.set(e,A),A}async uploadAssetWithProgress(e,t,A,n,a){const i=await this.dispatchCreateAssetRequest(e,t,n,a);if(!i)throw new Error("Failed to create asset.");return await new Promise((o,s)=>{const r=new XMLHttpRequest;r.open("PUT",i.assetResponse.uploadUrl,!0),r.setRequestHeader("Content-Type",i.mimeType),r.setRequestHeader("Cache-Control","public,max-age=31536000,immutable"),r.upload.onprogress=g=>{g.lengthComputable&&A(g.loaded*100/g.total)},r.onload=()=>{const g=i.assetResponse.asset;_.add(i.assetResponse.asset),o(g)},r.onerror=s,r.send(e.blob)}),this.cacheAsset(i.assetResponse.asset),i.assetResponse.asset}async uploadAsset(e,t,A,n){return this.uploadAssetWithProgress(e,t,()=>{},A,n)}async uploadFile(e,t){const A=!(e.type==="image/svg+xml"||e.type==="application/pdf"||e.type==="application/postscript"),n=A?l.AssetType.Image:l.AssetType.Illustration;if(A){const a=await this.loadImageAsFileInfo(e);return await this.uploadAssetWithProgress(a,n,t,!0)}else{const a={name:e.name,blob:new Blob([e],{type:e.type})};return await this.uploadAssetWithProgress(a,n,t,!0)}}async removeBackgroundFromAsset(e){const t=e.key;if(this.bgrmProcessCache.has(t))return this.bgrmProcessCache.get(t);if(O.has(t)){const a=this.getLocalOrFromServer(O.get(t));return this.bgrmProcessCache.set(t,a),a}const n=(async()=>{var i,o;const a=await N.getShadowGraphqlClient().mutate({mutation:YA,fetchPolicy:"no-cache",errorPolicy:"all",variables:{key:t}});if(this.bgrmProcessCache.delete(t),!((o=(i=a.data)==null?void 0:i.assetRemoveBackground)!=null&&o.key))throw new Error("Failed to remove background from image");return _.add(a.data.assetRemoveBackground),O.add(t,a.data.assetRemoveBackground.key),this.cache.set(a.data.assetRemoveBackground.key,Promise.resolve(a.data.assetRemoveBackground)),a.data.assetRemoveBackground})();return this.bgrmProcessCache.set(t,n),n}removePersistedAsset(e){_.remove(e),O.delete(e),O.deleteForBgRemovedKey(e)}getPersistedAssets(){return _.list()}registerPersistedAssetListener(e){_.addCallback(e)}unRegisterPersistedAssetListener(e){_.removeCallback(e)}async dispatchCreateAssetRequest(e,t,A,n){const a=e.blob.type?e.blob.type:this.guessMIME(e.name),i=await xA(e.name,t,a,A,n);if(i)return{assetResponse:i,mimeType:a}}guessMIME(e){const t=e.split(".").pop();switch(t){case"glb":return"model/gltf-binary";case"ttf":return"font/ttf";case"mkv":return"video/x-matroska";default:throw new k("Unexpected mimetype: "+t)}}}const de="persistentAssets",ht=class q{static add(e){if(!e.fileLink){console.error("Failed to find cdn link on asset, cannot persist!");return}const t=new Map;t.set(e.key||"",e.fileLink);const A=Y.getMap(de);A&&A.forEach((n,a)=>{t.set(a,n)}),Y.setMap(de,t),q.executeCallbacks()}static remove(e){const t=Y.getMap(de);if(!t)return;const A=Array.from(t.entries()).find(n=>n[0]===e);A&&(t.delete(A[0]),Y.setMap(de,t),q.executeCallbacks())}static list(){const e=Y.getMap(de);return e?Array.from(e.entries()).map(t=>({assetKey:t[0],src:t[1]})):[]}static addCallback(e){q.callbacks.push(e)}static removeCallback(e){q.callbacks=q.callbacks.filter(t=>t!==e)}static executeCallbacks(){q.callbacks.forEach(e=>e())}};ht.callbacks=[];let _=ht;const Et="bgrmPersistentAssets";class O{static has(e){return O.getMap().has(e)}static get(e){return O.getMap().get(e)}static keys(){return O.getMap().keys()}static values(){return O.getMap().values()}static add(e,t){const A=O.getMap();A.set(e,t),O.setMap(A)}static delete(e){const t=O.getMap();t.delete(e),O.setMap(t)}static deleteForBgRemovedKey(e){const t=O.getMap(),A=Array.from(t.keys()).find(n=>t.get(n)===e);A&&(t.delete(A),O.setMap(t))}static getMap(){return Y.getMap(Et)||new Map}static setMap(e){Y.setMap(Et,e)}}const G=new NA;class HA{constructor(){this.cache={},this.disabled=!1}get(e){if(this.disabled)return;const t=JSON.stringify(e);return this.cache[t]}set(e,t){if(this.disabled)return t;const A=JSON.stringify(e);return this.cache[A]=t,t}disable(e){this.disabled=e}}const ee=new HA,Ct=M.gql`
     fragment OptionFields on Option {
         id
         name
@@ -654,7 +654,7 @@
             ...IntegrationProductFields
         }
     }
-`,we=[l.StepType.SilentIllustration,l.StepType.ProductOverlay],KA=async c=>{const e=[];c.introduction&&e.push({name:"Introduction",title:c.name,renderableSteps:[{type:l.StepType.Introduction,stepName:"Introduction",stepTitle:c.name,helpText:c.introduction,data:{},conditions:[]}],silentSteps:[]});for(const A of c.steps){const n=VA(A.stepName,c.stepGroups);if(!n)e.push({name:A.stepName,title:A.stepTitle,renderableSteps:we.includes(A.type)?[]:[A],silentSteps:we.includes(A.type)?[A]:[]});else{const a=e.find(i=>i.name===n.name);a?we.includes(A.type)?a.silentSteps.push(A):a.renderableSteps.push(A):e.push({name:n.name,title:n.name,renderableSteps:we.includes(A.type)?[]:[A],silentSteps:we.includes(A.type)?[A]:[]})}}const t="workflow.steps.finish.confirmDesign";return e.push({name:"Finish",title:t,renderableSteps:[{type:l.StepType.Finish,stepName:"Finish",stepTitle:t,helpText:"",data:{modelAnimation:c.finalizeStepConfig?c.finalizeStepConfig.modelAnimation:void 0,lookAtAnimation:c.finalizeStepConfig?c.finalizeStepConfig.lookAtAnimation:void 0},conditions:[]}],silentSteps:[]}),e},VA=(c,e)=>e.find(t=>t.stepNames.includes(c)),Ae=(c,e)=>(c.conditions||[]).every(t=>{const A=e[t.targetStepName];if(A&&A.selectedVariants){const n=A.selectedVariants;return t.requiredVariantSelections.some(a=>n.find(i=>i.id===a)!==void 0)}return!1}),WA=(c,e)=>{const t={name:c.name,title:c.title,renderableSteps:c.renderableSteps.filter(A=>Ae(A,e)),silentSteps:c.silentSteps.filter(A=>Ae(A,e))};return t.silentSteps.length===0&&t.renderableSteps.length===0?null:t},ne=(c,e)=>c.map(t=>WA(t,e)).filter(t=>t!==null),XA=async(c,e,t=!1)=>{var i;const A=ne(c,e),n=[];for(const o of A)for(const s of o.renderableSteps){const r=(((i=s.option)==null?void 0:i.variants)||[]).length;s.silent||(s.type===l.StepType.Model||s.type===l.StepType.Material||s.type===l.StepType.Picture||s.type===l.StepType.Shape?(r>1||t)&&n.push(s.stepName):n.push(s.stepName))}const a=A.filter(o=>o.renderableSteps.filter(r=>n.includes(r.stepName)).length>0);for(const o of a)o.renderableSteps=o.renderableSteps.filter(s=>n.includes(s.stepName));return a};class Ge{constructor(){this.timestamp=Date.now()}}class ke{constructor(e,t=!0){this.queue=[],this.activePromise=void 0,this.queueMaxSize=void 0,this.queueMaxSize=e,this.isEnabled=t}enqueue(e){if(this.queue.push(e),this.queueMaxSize!==void 0&&this.queue.length>this.queueMaxSize){const t=this.queue.length-1;for(let A=0;A<t;++A)this.queue.shift()}this.isEnabled&&(this.activePromise||(this.activePromise=this.dequeue()))}get enabled(){return this.isEnabled}set enabled(e){!this.isEnabled&&e&&!this.activePromise&&(this.activePromise=this.dequeue()),this.isEnabled=e}hasActivePromise(){return!!this.activePromise}getRemainingQueueSize(){return this.queue.length}async finalize(){return this.activePromise?this.activePromise:Promise.resolve()}async dequeue(){const e=this.queue.shift();if(!e){this.activePromise=void 0;return}try{await e.execute()}catch(t){console.log(t)}finally{await this.dequeue()}}}function Ft(c,e,t,A){const n=t.width*c.zoom,a=t.height*c.zoom;if(A){const o=c,s=Math.max(e.width/t.width,e.height/t.height);o.zoom=Math.max(s,c.zoom);const r=t.width*o.zoom,g=t.height*o.zoom;return o.x=Fe(c.x,e.width-r,0),o.y=Fe(c.y,e.height-g,0),o}const i=c;return i.x=Fe(i.x,-n,e.width),i.y=Fe(i.y,-a,e.height),i}function Fe(c,e,t){return Math.min(Math.max(c,e),t)}class Mt{constructor(e){this.minZoomScale=[.03],this.maxZoomScale=[20],this._debouncedUpdateFrameOffsets=ot(this.updateFrameOffsets,200),this.targetElements=[],this.onFrameDataChangeListeners=[],this.onZoomChangeListeners=[],this.forceImageCover=e,this.thresholdSettings={useThreshold:!1,invertThreshold:!1,threshold:128,thresholdSaturation:.5}}connectWorkflowManager(e,t){t&&e.addStepSpecificStorageCallback(async A=>{if(A){const n=A;if(n.currentFrameSources){let a=!1;for(let i=0;i<n.currentFrameSources.length;i++){const o=n.currentFrameSources[i],s=await l.getFrameData(o),r=this.frameData?this.frameData[i]:void 0;st(s,r)||(this.frameData||(this.frameData=new Array(n.currentFrameSources.length)),this.frameData[i]=s,a=!0)}a&&(this.onFrameDataChangeListeners.forEach(i=>i(this.frameData)),this.frameData&&this.imageData&&(this.recalculateOffsets(this.imageData),this.updateOffsets(this.offsets),this.recalculateZoomLimits(this.imageData,this.frameData)))}}},t),this.workflowManager=e,this.stepName=t}setTargetElements(e){this.targetElements=e}getFrameData(){return this.frameData}setFrameData(e){if(!e){this.frameData=void 0;return}e.forEach((t,A)=>{const n=l.frameDataCache.get(t);n&&(this.frameData||(this.frameData=new Array(e.length)),this.frameData[A]=n)})}getImageData(){return this.imageData}getOffsets(){return this.offsets}setOffsets(e){this.offsets=e}setZoom(e,t,A,n){if(this.imageData&&this.offsets&&this.frameData){(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length));const a=this.frameData.map((i,o)=>{const s=(t[o]-this.offsets[o].x)/this.offsets[o].zoom,r=(A[o]-this.offsets[o].y)/this.offsets[o].zoom,g=t[o]-s*e[o],B=A[o]-r*e[o];return{x:g,y:B,zoom:this.imageData.width*e[o]/this.imageData.width}});this.updateOffsets(a,n),this.onZoomChangeListeners.forEach(i=>i(e))}}setPatternData(e,t=!0){this.imageData=e,e&&this.frameData&&((t||!this.offsets)&&this.recalculateOffsets(e),this.updateOffsets(this.offsets,void 0,!0)),this.imageData&&this.frameData&&this.recalculateZoomLimits(this.imageData,this.frameData)}updateOffsets(e,t,A){const n=this.imageData;if(!n||!this.frameData)return;if(this.frameData.length!==e.length)throw new k("Frame data and offsets are not the same length. This is a bug. Please report it.");if(!this.offsets.some((i,o)=>!(e[o].x===i.x&&e[o].y===i.y&&e[o].zoom===i.zoom))&&!A){t&&t();return}(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length)),this.frameData.forEach((i,o)=>{this.offsets[o]=Ft(e[o],i,this.imageData,this.forceImageCover)}),this._debouncedUpdateFrameOffsets(this.offsets,n,this.frameData,this.thresholdSettings,this.targetElements,t)}getThresholdSettings(){return this.thresholdSettings}setThresholdSettings(e){this.thresholdSettings=e,this.imageData&&this.frameData&&this._debouncedUpdateFrameOffsets(this.offsets,this.imageData,this.frameData,e,this.targetElements)}onFrameDataChanged(e){e(this.frameData),this.onFrameDataChangeListeners.push(e)}onZoom(e){this.onZoomChangeListeners.push(e)}updateFrameOffsets(e,t,A,n,a,i){if(!A||A.length===0||A.some(s=>!s))throw new k("Frame data not set. This is a bug");if(!this.workflowManager)throw new k("No workflow manager set, cannot update offsets.");const o=this.workflowManager.getCommandDispatcher();a.forEach((s,r)=>{o(new l.GroupCommand([new l.UpdateFramePattern(s,t,e[r]),new l.UpdateFrameThresholdSettingsCommand(s,n.useThreshold,n.invertThreshold,n.threshold,n.thresholdSaturation)]))}),this.stepName&&this.workflowManager.updateStorage(this.stepName,{frameOffsetsList:e}),i&&i()}recalculateZoomLimits(e,t){(this.minZoomScale.length!==t.length||this.maxZoomScale.length!==t.length)&&(this.minZoomScale=new Array(t.length),this.maxZoomScale=new Array(t.length)),t.forEach((A,n)=>{const a=Math.max(A.width/e.width,A.height/e.height);this.forceImageCover?(this.minZoomScale[n]=a,this.maxZoomScale[n]=a*2.5):(this.minZoomScale[n]=a/10,this.maxZoomScale[n]=a*2.5)})}recalculateOffsets(e){this.frameData&&((!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length)),this.frameData.forEach((t,A)=>{this.offsets[A]=l.calculateOffsets(e,t)}),this._debouncedUpdateFrameOffsets(this.offsets,e,this.frameData,this.thresholdSettings,this.targetElements))}}class yt{constructor(e,t,A){this.processRegion=async n=>{var s,r,g,B;const a=this.layouts.find(d=>d.panelId===n.panelId);if(!a)throw new J(n);let i="";if(this.configuration.type===l.StepType.ProductOverlay){let d="";if((s=this.product)!=null&&s.overlayImageUrl&&(d=this.product.overlayImageUrl),i=d,!d)throw new ge(this.configuration,"Couldn't find an asset for product overlay step")}const o=this.evaluateAssetType();if(o===l.LayoutElementType.Image){const d=this.configuration.type===l.StepType.SilentIllustration?(r=this.configuration.data.asset)==null?void 0:r.fileLink:(g=this.product)==null?void 0:g.overlayImageUrl;if(!d)throw new Error("Undefined raster silent step source");const w={stepName:this.configuration.stepName,id:l.generate(),src:d,type:o,y:n.top,x:n.left,width:n.width,height:n.height,layer:n.layer,layerIndex:n.layerIndex,immutable:n.immutable,productOverlay:this.configuration.type===l.StepType.ProductOverlay?!0:void 0,rotation:n.rotation,excludeFromExport:this.configuration.data.excludeFromPrint,preserveAspectRatio:"none"};return{regionElement:{id:w.id,region:n},command:new l.CreateElementCommand(w,a)}}else{const d=this.configuration.type===l.StepType.SilentIllustration?(B=this.configuration.data.asset)==null?void 0:B.fileLink:i,w=async()=>new Promise((E,m)=>{if(!d){m("Undefined vector silent step source");return}l.fetchAsString(d,!0).then(Q=>{E(Q)}).catch(Q=>console.error(Q))}),h=await l.generateSVGWithUnknownColors(await w()),C={stepName:this.configuration.stepName,id:l.generate(),cachedObjectURL:await l.svgObjectURL(h.svg),src:d,svg:h.svg,colors:h.colors,type:o,y:n.top,x:n.left,width:n.width,height:n.height,layer:n.layer,layerIndex:n.layerIndex,rotation:n.rotation,immutable:n.immutable,productOverlay:this.configuration.type===l.StepType.ProductOverlay?!0:void 0,excludeFromExport:this.configuration.data.excludeFromPrint};return{regionElement:{id:C.id,region:n},command:new l.CreateElementCommand(C,a)}}},this.configuration=e,this.layouts=t,this.product=A||void 0}async trigger(){if(!this.configuration.data.regions)throw new ge(this.configuration,"Missing regions.");if(this.configuration.type===l.StepType.SilentIllustration){const e=this.configuration.data.regions.map(this.processRegion);return Promise.all(e)}else return this.configuration.type===l.StepType.ProductOverlay?Promise.all(this.configuration.data.regions.map(e=>{if(!this.layouts.find(A=>e.panelId===A.panelId))throw new J(e);return this.processRegion(e)})):Promise.reject("Unknown silent step. This is a bug")}evaluateAssetType(){var t,A,n;const e=this.configuration.type===l.StepType.ProductOverlay&&((t=this.product)!=null&&t.overlayImageUrl)?this.product.overlayImageUrl.toLowerCase():(n=(A=this.configuration.data.asset)==null?void 0:A.fileLink)==null?void 0:n.toLowerCase().split("?")[0];return e!=null&&e.startsWith("data:image/png")||e!=null&&e.endsWith(".jpeg")||e!=null&&e.endsWith(".jpg")||e!=null&&e.endsWith(".png")?l.LayoutElementType.Image:(e!=null&&e.endsWith(".svg")||e!=null&&e.startsWith("image/svg+xml"),l.LayoutElementType.Illustration)}}const St=async c=>{const e=`${X.getServicesApiUrl()}/shortener`;try{return(await(await fetch(e,{method:"POST",body:JSON.stringify({longUrl:c}),headers:{"Content-Type":"application/json"}})).json()).shortUrl}catch(t){throw console.error(t),new Ie("Failed to shorten URL, see console.")}};class Yt{async poll(){try{if(await this.predicate()){this.onSuccess(),this.pollingId>-1&&window.clearInterval(this.pollingId);return}}catch{}this.attempts+=1,this.attempts<this.maxAttempts?this.pollingId=window.setTimeout(this.poll.bind(this),this.interval):this.onFailure()}constructor(e,t,A,n=3e3,a=10){this.onSuccess=t,this.onFailure=A,this.predicate=e,this.attempts=0,this.pollingId=-1,this.interval=n,this.maxAttempts=a,this.poll()}}class qA{async init(e,t,A){return A&&await this.reload(e,t,A),null}async reload(e,t,A){const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),s=Object.values(A.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],s,async()=>{var B,d;const r=(B=n==null?void 0:n.storage)==null?void 0:B.videoShortUrl,g=(d=n==null?void 0:n.storage)==null?void 0:d.videoUrl;t.updateStorage(e.stepName,{videoShortUrl:r,videoUrl:g})})}async regenerateQRCode(e,t,A,n,a,i,o,s,r){if(!t&&A!==""&&n===""){const g=async()=>{var f,p;const Q=(await wt([A]))[0],F=(p=(f=Q==null?void 0:Q.versions)==null?void 0:f.find(I=>I.name==="mpeg4"))==null?void 0:p.link;return{asset:Q,link:F}},B=await new Promise((Q,F)=>{new Yt(async()=>!!(await g()).link,async()=>{const f=await g();if(!f.link||!f.link)throw new Z(f.asset);Q({rel:"mpeg4",href:f.link})},()=>{F("Poller timed out with 40 attempts @ 3 second interval")},3e3,40)});e.forEach(Q=>s(new l.DeleteElementCommand(Q.id)));const d=i.data.baseUrl.slice(0,4)==="http"?"":"https://",w=new URL(d+i.data.baseUrl);w.searchParams.append("video",btoa(JSON.stringify([B]))),w.pathname=w.pathname+(w.pathname.slice(-1)==="/"?"":"/");const h=w.toString();if(h.length>=2e3)throw new Ie("Cannot create QR code, URL too long.");const C=await St(h);if(o(C),!i.data||!i.data.regions)throw new ge(i,"Missing regions.");const E=await this.regionElements(i),m=await this.command(C,E,a,i.stepName);m&&(m.command&&a.getCommandDispatcher()(m.command),m.followup&&await m.followup()),await a.setSelectionsAndElements(i.stepName,[],E,async()=>{a.updateStorage(i.stepName,{videoShortUrl:C,videoUrl:n}),r(!1)})}else r(!1)}async regionElements(e){const t=A=>({id:l.generate(),region:A});return e.data.regions.map(t)}async command(e,t,A,n){const a=A.getLayouts(),o=`data:image/svg+xml;base64,${btoa(await rt.toString(e,{type:"svg"}))}`,s=t.map(r=>{const g=r.region,B=a.find(d=>d.panelId===(g==null?void 0:g.panelId));if(!B&&g)throw new J(g);if(B&&!g)throw new Error("Region not found");if(!B||!g)throw new Error("Neither a region or layout found!");return new l.CreateElementCommand({stepRegion:g,stepName:n,id:r.id,src:o,type:l.LayoutElementType.Image,y:g.top,x:g.left,width:g.width,height:g.height,rotation:0},B)});return{command:new l.GroupCommand(s),followup:async()=>{}}}}const Pt=new qA;class ZA{constructor(){this.frameSourceSvg=async(e,t)=>{if(!e)return l.generateDefaultRectangleFrameSvg(t);const A=e.asset;if(!A)throw new W(e);const n=A.fileLink;if(n)return l.fetchAsString(n,!0);throw new Z(A)}}async init(e,t,A){if(A)return await this.reload(e,t,A),null;if(e.mandatory&&t.setMandatoryFulfilled(e.stepName,!1),t.markStepsAsInitialised([e.stepName]),e.option&&e.option.variants&&e.option.variants.length>0){const n=e.option,a=L.getDefaultVariant(n);return a?this.selectVariantCommand(e,a,[],t,void 0,e.data.placeholderImageUrl):null}return this.selectVariantCommand(e,void 0,[],t,void 0,e.data.placeholderImageUrl)}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),s=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName).map(g=>({id:g.id,region:g.stepRegion}));if(!e.option||(e.option.variants||[]).length===0){const g=e.data.regions.map(B=>l.generateDefaultRectangleFrameSvg(B));t.updateStorage(e.stepName,{currentFrameSources:g})}if(n){const g=async()=>{var w,h,C,E;const B=(w=n.storage)==null?void 0:w.framePatternSrc,d=(h=n.storage)==null?void 0:h.frameOffsetsList;if(t.updateMetadata(e.stepName,{frameOffsetsList:d,framePatternSrc:B}),B){const m=(C=t.getStepSpecificServices(e.stepName))==null?void 0:C.frameService;if(!m)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(B,m,!0),t.updateMetadata(e.stepName,{image:B}),t.updateStorage(e.stepName,{framePatternSrc:B})}if(d!=null&&d.some(m=>m.zoom)){const m=(E=t.getStepSpecificServices(e.stepName))==null?void 0:E.frameService;if(!m)throw new Error("Frame service unavailable, cannot load pattern!");m.updateOffsets(d)}t.setMandatoryFulfilled(e.stepName,!0)};if(n.selectedVariants&&n.selectedVariants.length>0){const B=n.selectedVariants[0].id;if(e.option&&B){const d=(r=e.option.variants)==null?void 0:r.find(w=>w.id===B);d&&await t.setSelectionsAndElements(e.stepName,[d],s,async()=>{const w=await Promise.all(e.data.regions.map(h=>this.frameSourceSvg(d,h)));t.updateStorage(e.stepName,{currentFrameSources:w}),await g()})}}else await t.setSelectionsAndElements(e.stepName,[],s,g)}}selectImage(e,t,A,n=!0){var s;const a=this.patternSource(t),i=(s=A.getStepStorage(e.stepName))==null?void 0:s.framePatternSrc;return i&&i===a?Promise.resolve():(A.setEditedStatus(e.stepName,!0),(t.fileLink||"").endsWith("pdf")?new Promise(r=>{A.addPoller(new Yt(async()=>{var w;const B=(w=(await G.getLocalOrFromServer(t.key||"")).versions)==null?void 0:w.find(h=>h.name==="svg");return B?(await fetch(B.link)).status===200:!1},()=>{G.getLocalOrFromServer(t.key||"").then(g=>{this.loadPatternFromAsset(g,e,A,n).then(r)})},()=>{throw new Ie("Failed to resolve transcoded PDF")}))}):this.loadPatternFromAsset(t,e,A,n))}async selectVariant(e,t,A,n,a){const i=await this.selectVariantCommand(e,t,A,n,a);i&&(i.command&&n.getCommandDispatcher()(i.command),i.followup&&await i.followup())}getCreateElementCommand(e,t,A,n){return new l.CreateElementCommand({id:e,type:l.LayoutElementType.Frame,x:t.left,y:t.top,width:t.width,height:t.height,layer:t.layer,layerIndex:t.layerIndex,rotation:t.rotation,scaleX:t.width/n.frameData.width,scaleY:t.height/n.frameData.height,path:n.frameData.path,dataWidth:n.frameData.width,dataHeight:n.frameData.height,stepRegion:t,stepName:n.stepName,disablePlaceholder:n.disablePlaceholder,focalBlur:n.focalBlur,focalBlurStrength:n.focalBlurStrength,focalBlurRadius:n.focalBlurRadius,pattern:n.pattern,immutable:t.immutable},A)}async loadPatternFromString(e,t,A=!0){if(e.endsWith("svg")){const n=await l.GetSVGDimensions(e),a=n.width,i=n.height,o={src:e,width:a,height:i,aspect:a/i};l.patternImageDataCache.set(e,o),t.setPatternData(o,A)}else{const n=await l.fetchAsArrayBuffer(e,!0),a=await l.getAttributesFromArrayBuffer(n),i={src:e,width:a.width,height:a.height,aspect:a.width/a.height};l.patternImageDataCache.set(e,i),t.setPatternData(i,A)}}async selectVariantCommand(e,t,A,n,a,i){var d;const o=(d=n.getStepSpecificServices(e.stepName))==null?void 0:d.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");const s=await Promise.all(e.data.regions.map(w=>this.frameSourceSvg(t,w)));a&&a(!0);const r=await Promise.all(e.data.regions.map(async(w,h)=>{const C=await l.getFrameData(s[h]),E=o.getImageData(),m=A.map(D=>new l.DeleteElementCommand(D.id)),Q=E?l.calculateOffsets(E,C):void 0,F=E?{id:l.generate(),src:E.src,x:(Q==null?void 0:Q.x)||0,y:(Q==null?void 0:Q.y)||0,width:E.width,height:E.height,scaleX:(Q==null?void 0:Q.zoom)||1,scaleY:(Q==null?void 0:Q.zoom)||1,rotation:0}:void 0,f=l.generate(),I=n.getLayouts().find(D=>D.panelId===w.panelId);if(!I)throw new J(w);return{command:this.getCreateElementCommand(f,w,I,{frameData:C,pattern:F,disablePlaceholder:e.data.disablePlaceholder,focalBlur:e.data.focalBlur,focalBlurStrength:e.data.focalBlurStrength,focalBlurRadius:e.data.focalBlurRadius,stepName:e.stepName}),regionEl:{id:f,region:w},removeExistingCommands:m}})),g=r.map(w=>w.command),B=r.map(w=>w.removeExistingCommands).flat();return{command:new l.GroupCommand([...g,...B]),followup:async()=>{a&&a(!1),await n.setSelectionsAndElements(e.stepName,t?[t]:[],[...r.map(w=>w.regionEl)],async()=>{var w;if(n.updateStorage(e.stepName,{currentFrameSources:s}),i){const h=(w=n.getStepSpecificServices(e.stepName))==null?void 0:w.frameService;if(!h)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(i,h,!0)}})}}}patternSource(e){var n;const t=(n=e.versions)==null?void 0:n.find(a=>a.name==="svg");if(t)return t.link;const A=e.fileLink;if(A)return A;throw new Z(e)}async loadPatternFromAsset(e,t,A,n){var s;const a=this.patternSource(e),i=A.markUpdatePending(),o=(s=A.getStepSpecificServices(t.stepName))==null?void 0:s.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(a,o,n),A.updateMetadata(t.stepName,{image:a}),A.updateStorage(t.stepName,{framePatternSrc:a}),A.markUpdateCompleted(i)}}const he=new ZA;class $A{async getIllustrationBody(e){return new Promise(t=>{l.fetchAsString(e,!0).then(A=>{t(A)}).catch(A=>console.error(A))})}getCreateElementCommand(e,t,A,n){return new l.CreateElementCommand({stepRegion:t,stepName:n.stepName,colors:n.svg.colors,id:e,src:n.src,svg:n.svg.svg,cachedObjectURL:n.objectURL,type:l.LayoutElementType.Illustration,y:t.top,x:t.left,rotation:t.rotation,width:t.width,height:t.height,layer:t.layer,layerIndex:t.layerIndex,immutable:t.immutable},A)}getColors(e,t){const A=t.getRegionElements(e.stepName)||[];if(A.length===0)return[];try{return l.findElement(A[0].id,t.getAllLayoutData()).colors}catch{return[]}}async init(e,t,A){const n=e.option;if(!n)return null;if(A)return this.reload(e,t,A);{const a=L.getDefaultVariant(n);if(a)return await this.selectVariantCommand(e,a,[],()=>{},t)}return null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{var w;t.updateMetadata(e.stepName,{colors:(w=n.storage)==null?void 0:w.colors}),t.setMandatoryFulfilled(e.stepName,!0)})}}else throw new Error("Required illustration variant no longer available")}return null}async availableColors(e,t){var n;const A=e.data.colorOption;return A?A?(n=A.variants)==null?void 0:n.map(a=>({fill:a.color,stroke:a.color,variant:a})):[]:[]}async changeColorsCommand(e,t,A,n,a){var g;const i={};for(const[B,d]of a.entries())i[B]={browserValue:d,spotColor:(g=i[B])==null?void 0:g.spotColor};const o=l.modifySVGWithElementProperties(e,t,A,i),s=await l.svgObjectURL(o),r=[];for(const B of n){for(const[d,w]of a.entries())r.push(new l.IllustrationColorCommand(B,d,w));r.push(new l.IllustrationCacheCommand(B,o,s))}return new l.GroupCommand(r)}async changeColors(e,t,A,n,a){var w,h;if(t.length===0)return;const i=l.findElement(t[0].id,n().map(C=>C.layoutState)),o={...i.colors},s={};Object.entries(o).forEach(([C,E])=>{const m={browserValue:E.browserValue},Q=E.spotColor;Q&&(m.spotColor={profileName:Q.profileName,namedColor:Q.namedColor}),s[C]=m});for(const[C,E]of a.entries())o[C]={browserValue:E,spotColor:(w=o[C])==null?void 0:w.spotColor},s[C]={browserValue:E};let r=Array.from(Object.values(o)).map(C=>C.browserValue);const g=e.data.colorOption;g&&((h=g.variants)==null||h.forEach(C=>{r=r.map(E=>{var m;return E.toLowerCase()===((m=C.color)==null?void 0:m.toLowerCase())?C.name:E})})),A.updateMetadata(e.stepName,{colors:r});const B=new Map;if(Object.entries(o).forEach(([C,E])=>{B.set(C,E.browserValue)}),!i.svg)throw new Error("Colors changed before SVG loaded. This should never happen!");const d=await this.changeColorsCommand(i.svg,i.width,i.height,t.map(C=>C.id),B);A.updateStorage(e.stepName,{colors:s}),A.getCommandDispatcher()(d)}async selectVariant(e,t,A,n,a){const i=await this.selectVariantCommand(e,t,A,n,a);i&&(i.command&&a.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async selectVariantCommand(e,t,A,n,a){var m;if(!e.data||!e.data.regions)throw new ge(e,"Missing regions.");n(!0);const i=A.map(Q=>new l.DeleteElementCommand(Q.id));e.mandatory&&a.setMandatoryFulfilled(e.stepName,!1);const o=t.asset;if(!o)throw new W(t);const s=o.fileLink;if(!s)throw new Z(o);const r=await l.generateSVGWithUnknownColors(await this.getIllustrationBody(s)),g=await l.svgObjectURL(r.svg),B=Q=>{const F=a.getLayouts().find(p=>p.panelId===Q.panelId);if(!F)throw new J(Q);const f=l.generate();return{regionElement:{id:f,region:Q},command:this.getCreateElementCommand(f,Q,F,{stepName:e.stepName,src:s,objectURL:g,svg:r})}},d=e.data.regions.map(B),h=[...d.map(Q=>Q.command),...i];let C=Array.from(Object.values(r.colors)).map(Q=>Q.browserValue);const E=e.data.colorOption;return E&&((m=E.variants)==null||m.forEach(Q=>{C=C.map(F=>{var f;return F.toLowerCase()===((f=Q.color)==null?void 0:f.toLowerCase())?Q.name:F})})),a.updateMetadata(e.stepName,{colors:C}),{command:new l.GroupCommand(h),followup:async()=>{await a.setSelectionsAndElements(e.stepName,[t],d.map(f=>f.regionElement),async()=>{a.setMandatoryFulfilled(e.stepName,!0),n(!1)});const Q=await this.availableColors(e,a)||[],F=Object.keys(r.colors);if(e.data.colorPickerEnabled&&Q.length===1&&F.length===1){const f=Q[0],p=F[0];await this.changeColors(e,d.map(I=>I.regionElement),a,()=>a.getCommandContext().getAllLayouts(),new Map([[p,f.variant.color]]))}}}}}const Ee=new $A;class _A{async init(e,t,A){const n=e.option;if(!n)throw new ce(e);if(A)await this.reload(e,t,A);else{const a=L.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,t,()=>{})}return null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(!s)throw new ce(e);if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=B.material,w=o.map(h=>({id:h.id,region:h.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],w,async()=>{const h=t.getModelContainer();if(h){const C=e.data.targetMaterials.map(E=>h.applyMaterialVariant(E,s.id||"",d||{}));Promise.all(C).then(()=>t.setMandatoryFulfilled(e.stepName,!0))}})}}}}async selectVariant(e,t,A,n){const a=await this.selectVariantLambda(e,t,A,n);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,t,A,n){const a=A.getModelContainer();n(!0);const i=t.material;if(!i)throw n(!1),new W(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{a&&e.data.targetMaterials.forEach(o=>{e.option&&a.applyMaterialVariant(o,e.option.id||"",i)}),A.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const be=new _A;class en{async init(e,t,A){const n=e.option;if(!n)throw new ce(e);if(A)await this.reload(e,t,A);else{const a=L.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,t,()=>{})}return null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{var h;const w=t.getModelContainer();if(w&&e.option){const C=(h=B.asset)==null?void 0:h.fileLink;if(!C)throw new W(B);await w.applyModelVariant(e.stepName||"",{model:C,contextService:t.getLayoutPreviewService()},e.data.replaceProductModel||!1),t.setMandatoryFulfilled(e.stepName,!0)}})}}}}async selectVariant(e,t,A,n){const a=await this.selectVariantLambda(e,t,A,n);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,t,A,n){var i;n(!0);const a=(i=t.asset)==null?void 0:i.fileLink;if(!a)throw new W(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{const o=A.getModelContainer();o&&await o.applyModelVariant(e.stepName,{model:a,contextService:A.getLayoutPreviewService()},e.data.replaceProductModel||!1),A.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const Je=new en;class tn{async init(e,t,A){if(A)await this.reload(e,t,A);else return t.updateMetadata(e.stepName,{text:""}),this.changeTextCommand(e,"",t,"",()=>{});return null}async reload(e,t,A){const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),s=Object.values(A.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],s,async()=>{var r,g;t.updateStorage(e.stepName,{text:(r=n==null?void 0:n.storage)==null?void 0:r.text}),t.setMandatoryFulfilled(e.stepName,((g=n==null?void 0:n.storage)==null?void 0:g.text)!=="")})}async changeText(e,t,A,n,a){const i=await this.changeTextCommand(e,t,A,n,a);i&&(i.command&&A.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async changeTextCommand(e,t,A,n,a){var g;const i=A.getRegionElements(e.stepName),o=(g=A.getStepSpecificServices(e.stepName))==null?void 0:g.module;if(!o)return console.error("Missing module."),null;const s=A.getProfanities();if(!this.validateInput(e,t,s,a))return A.setMandatoryFulfilled(e.stepName,!1),console.error(n),null;if(A.setMandatoryFulfilled(e.stepName,t!==""),!e.data||!e.data.regions||e.data.regions.length<=0)return console.error("Missing configuration."),null;A.updateStorage(e.stepName,{text:t});const r=(B,d,w)=>{const h=w||l.generate(),E=A.getLayouts().find(Q=>Q.panelId===d.panelId);if(!E)return console.error(`Can not find layout for region: ${d.panelId}`),null;const m=[];return w&&m.push(new l.DeleteElementCommand(h)),m.push(new l.CreateElementCommand({stepRegion:d,stepName:e.stepName,colors:{},id:h,svg:B,type:l.LayoutElementType.Illustration,y:d.top,x:d.left,rotation:d.rotation,width:d.width,height:d.height,layer:d.layer,layerIndex:d.layerIndex,immutable:d.immutable},E)),{id:h,region:d,command:new l.GroupCommand(m)}};if(i.length>0){const d=i.map(w=>{if(!w.region)return null;const h=o.svgPrint(t,w.region);return r(h,w.region,w.id)}).filter(w=>!!w).filter(w=>!!w).map(w=>w&&w.command);return{command:new l.GroupCommand(d),followup:async()=>{}}}else{const B=e.data.regions.map(w=>r(o.svgPrint(t,w),w)),d=B.filter(w=>!!w).map(w=>w&&w.command);return{command:new l.GroupCommand(d),followup:async()=>{const w=B.filter(h=>h).map(h=>h&&{id:h.id,region:h.region});await A.setSelectionsAndElements(e.stepName,[],w)}}}}validateInput(e,t,A,n){if(e.data&&e.data.maxLength){const i=e.data.maxLength;if(t.length>i)return n("Too many characters."),!1}if(!/^$|^[a-zA-Z0-9 ]+$/.test(t))return n("Unsupported characters."),!1;const a=He.split(t.toLowerCase());for(const i of a)for(const o in A){const s=A[o].toLowerCase().replace(/\s/g,"");if(i===s)return n("Blocked profanity."),!1}return n(""),!0}}const xt=new tn;class An{async init(e,t,A){const n=e.option;if(!n)return null;if(A)await this.reload(e,t,A);else if(n.defaultVariant)return t.markStepsAsInitialised([e.stepName]),this.selectVariantCommand(e,n.defaultVariant,t,()=>{});return t.markStepsAsInitialised([e.stepName]),null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariant(e,t,A,n){const a=await this.selectVariantCommand(e,t,A,n);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantCommand(e,t,A,n){const a=t.asset;if(!a)throw new W(t);const i=a==null?void 0:a.fileLink;if(!i)return console.error("No URL for picture!"),null;n(!0),e.mandatory&&A.setMandatoryFulfilled(e.stepName,!1);const s=A.getRegionElements(e.stepName).map(B=>new l.DeleteElementCommand(B.id)),r=B=>{const w=A.getLayouts().find(C=>C.panelId===B.panelId);if(!w)throw new J(B);const h=l.generate();return{regionElement:{id:h,region:B},command:new l.CreateElementCommand({stepName:e.stepName,stepRegion:B,id:h,src:i,type:l.LayoutElementType.Image,y:B.top,x:B.left,rotation:B.rotation,width:B.width,height:B.height,layer:B.layer,layerIndex:B.layerIndex,immutable:B.immutable,preserveAspectRatio:"none"},w)}},g=e.data.regions.map(r);return{command:new l.GroupCommand([...s,...g.map(B=>B.command)]),followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],g.map(B=>B.regionElement),async()=>{A.setMandatoryFulfilled(e.stepName,!0),n(!1)})}}}}const Te=new An;class nn{async init(e,t,A){const n=e.option;if(!n)return null;if(A)await this.reload(e,t,A);else{const a=n.variants;if(L.getDefaultVariant(n)){const o=a==null?void 0:a.find(s=>{var r;return s.id===((r=n.defaultVariant)==null?void 0:r.id)});return this.selectVariantLambda(e,(o==null?void 0:o.id)||"",t)}}return null}async reload(e,t,A){var i;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),a=e.option;if(n!=null&&n.selectedVariants){const o=n.selectedVariants[0].id;if(a&&o){const s=(i=a.variants)==null?void 0:i.find(r=>r.id===o);s&&await t.setSelectionsAndElements(e.stepName,[s],[])}}}async selectVariant(e,t,A){await A.getInitializationPromise();const n=await this.selectVariantLambda(e,t,A);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,t,A){const n=e.option;if(!n)return null;const a=n.variants;if(!a)return null;const i=a.length>1?a.find(o=>o.id===t):a[0];if(!i)throw new Error("Failed to find selected variant in step variants, this should never happen!");return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[i],[],async()=>{A.setMandatoryFulfilled(e.stepName,!0)})}}}}const Oe=new nn;class an{constructor(){this.shapeFillId="spiff-fill-shape"}async availableColours(e){var A;const t=e.option;return t?((A=t.variants)==null?void 0:A.map(n=>({fill:n.color,stroke:n.color,variant:n})))||[]:[]}setCustomColor(e,t,A){const n=A.getLayouts(),i=(A.getRegionElements(t.stepName)||[]).map(o=>{const s=o.region;if(!n.find(g=>g.panelId===(s==null?void 0:s.panelId)))throw new J(s);return new l.IllustrationColorCommand(o.id,this.shapeFillId,e)}).filter(o=>!!o);A.getCommandDispatcher()(new l.GroupCommand(i)),A.updateStorage(t.stepName,{colour:e})}async init(e,t,A){const n=e.option;if(!n)throw new ce(e);if(A)await this.reload(e,t,A);else{const a=L.getDefaultVariant(n);return a?this.selectVariantCommand(e,{fill:a.color,stroke:a.color,variant:a},[],t):null}return null}async selectVariant(e,t,A,n){const a=await this.selectVariantCommand(e,t,A,n);a&&(a.command&&n.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{var w;t.updateStorage(e.stepName,{colour:((w=n==null?void 0:n.storage)==null?void 0:w.colour)||""}),t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariantCommand(e,t,A,n){var s;const a=n.getLayouts(),i=(s=n.getStepStorage(e.stepName))==null?void 0:s.colour,o=()=>{var r,g;if(((r=t.variant)==null?void 0:r.color)==="#custom")return i||"#FFFFFF";if((g=t.variant)!=null&&g.color)return t.variant.color;throw new Error("Failed to resolve color for shape step.")};if(A.length>0){const r=B=>{const d=B.region;if(!a.find(C=>C.panelId===(d==null?void 0:d.panelId)))throw new J(d);const h=o();return new l.IllustrationColorCommand(B.id,this.shapeFillId,h)},g=A.map(r).filter(B=>!!B);return{command:new l.GroupCommand(g),followup:async()=>{await n.setSelectionsAndElements(e.stepName,t.variant?[t.variant]:[],A),n.updateStorage(e.stepName,{colour:o()})}}}else{const r=w=>{const h=a.find(F=>F.panelId===w.panelId);if(!h)throw new J(w);const C=o(),E=`
+`,we=[l.StepType.SilentIllustration,l.StepType.ProductOverlay],KA=async c=>{const e=[];c.introduction&&e.push({name:"Introduction",title:c.name,renderableSteps:[{type:l.StepType.Introduction,stepName:"Introduction",stepTitle:c.name,helpText:c.introduction,data:{},conditions:[]}],silentSteps:[]});for(const A of c.steps){const n=VA(A.stepName,c.stepGroups);if(!n)e.push({name:A.stepName,title:A.stepTitle,renderableSteps:we.includes(A.type)?[]:[A],silentSteps:we.includes(A.type)?[A]:[]});else{const a=e.find(i=>i.name===n.name);a?we.includes(A.type)?a.silentSteps.push(A):a.renderableSteps.push(A):e.push({name:n.name,title:n.name,renderableSteps:we.includes(A.type)?[]:[A],silentSteps:we.includes(A.type)?[A]:[]})}}const t="workflow.steps.finish.confirmDesign";return e.push({name:"Finish",title:t,renderableSteps:[{type:l.StepType.Finish,stepName:"Finish",stepTitle:t,helpText:"",data:{modelAnimation:c.finalizeStepConfig?c.finalizeStepConfig.modelAnimation:void 0,lookAtAnimation:c.finalizeStepConfig?c.finalizeStepConfig.lookAtAnimation:void 0},conditions:[]}],silentSteps:[]}),e},VA=(c,e)=>e.find(t=>t.stepNames.includes(c)),Ae=(c,e)=>(c.conditions||[]).every(t=>{const A=e[t.targetStepName];if(A&&A.selectedVariants){const n=A.selectedVariants;return t.requiredVariantSelections.some(a=>n.find(i=>i.id===a)!==void 0)}return!1}),WA=(c,e)=>{const t={name:c.name,title:c.title,renderableSteps:c.renderableSteps.filter(A=>Ae(A,e)),silentSteps:c.silentSteps.filter(A=>Ae(A,e))};return t.silentSteps.length===0&&t.renderableSteps.length===0?null:t},ne=(c,e)=>c.map(t=>WA(t,e)).filter(t=>t!==null),XA=async(c,e,t=!1)=>{var i;const A=ne(c,e),n=[];for(const o of A)for(const s of o.renderableSteps){const r=(((i=s.option)==null?void 0:i.variants)||[]).length;s.silent||(s.type===l.StepType.Model||s.type===l.StepType.Material||s.type===l.StepType.Picture||s.type===l.StepType.Shape?(r>1||t)&&n.push(s.stepName):n.push(s.stepName))}const a=A.filter(o=>o.renderableSteps.filter(r=>n.includes(r.stepName)).length>0);for(const o of a)o.renderableSteps=o.renderableSteps.filter(s=>n.includes(s.stepName));return a};class Ge{constructor(){this.timestamp=Date.now()}}class ke{constructor(e,t=!0){this.queue=[],this.activePromise=void 0,this.queueMaxSize=void 0,this.queueMaxSize=e,this.isEnabled=t}enqueue(e){if(this.queue.push(e),this.queueMaxSize!==void 0&&this.queue.length>this.queueMaxSize){const t=this.queue.length-1;for(let A=0;A<t;++A)this.queue.shift()}this.isEnabled&&(this.activePromise||(this.activePromise=this.dequeue()))}get enabled(){return this.isEnabled}set enabled(e){!this.isEnabled&&e&&!this.activePromise&&(this.activePromise=this.dequeue()),this.isEnabled=e}hasActivePromise(){return!!this.activePromise}getRemainingQueueSize(){return this.queue.length}async finalize(){return this.activePromise?this.activePromise:Promise.resolve()}async dequeue(){const e=this.queue.shift();if(!e){this.activePromise=void 0;return}try{await e.execute()}catch(t){console.log(t)}finally{await this.dequeue()}}}function Ft(c,e,t,A){const n=t.width*c.zoom,a=t.height*c.zoom;if(A){const o=c,s=Math.max(e.width/t.width,e.height/t.height);o.zoom=Math.max(s,c.zoom);const r=t.width*o.zoom,g=t.height*o.zoom;return o.x=Fe(c.x,e.width-r,0),o.y=Fe(c.y,e.height-g,0),o}const i=c;return i.x=Fe(i.x,-n,e.width),i.y=Fe(i.y,-a,e.height),i}function Fe(c,e,t){return Math.min(Math.max(c,e),t)}class Mt{constructor(e){this.minZoomScale=[.03],this.maxZoomScale=[20],this._debouncedUpdateFrameOffsets=ot(this.updateFrameOffsets,200),this.targetElements=[],this.onFrameDataChangeListeners=[],this.onZoomChangeListeners=[],this.forceImageCover=e,this.thresholdSettings={useThreshold:!1,invertThreshold:!1,threshold:128,thresholdSaturation:.5}}connectWorkflowManager(e,t){t&&e.addStepSpecificStorageCallback(async A=>{if(A){const n=A;if(n.currentFrameSources){let a=!1;for(let i=0;i<n.currentFrameSources.length;i++){const o=n.currentFrameSources[i],s=await l.getFrameData(o),r=this.frameData?this.frameData[i]:void 0;st(s,r)||(this.frameData||(this.frameData=new Array(n.currentFrameSources.length)),this.frameData[i]=s,a=!0)}a&&(this.onFrameDataChangeListeners.forEach(i=>i(this.frameData)),this.frameData&&this.imageData&&(this.recalculateOffsets(this.imageData),this.updateOffsets(this.offsets),this.recalculateZoomLimits(this.imageData,this.frameData)))}}},t),this.workflowManager=e,this.stepName=t}setTargetElements(e){this.targetElements=e}getFrameData(){return this.frameData}setFrameData(e){if(!e){this.frameData=void 0;return}e.forEach((t,A)=>{const n=l.frameDataCache.get(t);n&&(this.frameData||(this.frameData=new Array(e.length)),this.frameData[A]=n)})}getImageData(){return this.imageData}getOffsets(){return this.offsets}setOffsets(e){this.offsets=e}setZoom(e,t,A,n){if(this.imageData&&this.offsets&&this.frameData){(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length));const a=this.frameData.map((i,o)=>{const s=(t[o]-this.offsets[o].x)/this.offsets[o].zoom,r=(A[o]-this.offsets[o].y)/this.offsets[o].zoom,g=t[o]-s*e[o],B=A[o]-r*e[o];return{x:g,y:B,zoom:this.imageData.width*e[o]/this.imageData.width}});this.updateOffsets(a,n),this.onZoomChangeListeners.forEach(i=>i(e))}}setPatternData(e,t=!0){this.imageData=e,e&&this.frameData&&((t||!this.offsets)&&this.recalculateOffsets(e),this.updateOffsets(this.offsets,void 0,!0)),this.imageData&&this.frameData&&this.recalculateZoomLimits(this.imageData,this.frameData)}updateOffsets(e,t,A){const n=this.imageData;if(!n||!this.frameData)return;if(this.frameData.length!==e.length)throw new k("Frame data and offsets are not the same length. This is a bug. Please report it.");if(!this.offsets.some((i,o)=>!(e[o].x===i.x&&e[o].y===i.y&&e[o].zoom===i.zoom))&&!A){t&&t();return}(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length)),this.frameData.forEach((i,o)=>{this.offsets[o]=Ft(e[o],i,this.imageData,this.forceImageCover)}),this._debouncedUpdateFrameOffsets(this.offsets,n,this.frameData,this.thresholdSettings,this.targetElements,t)}getThresholdSettings(){return this.thresholdSettings}setThresholdSettings(e){this.thresholdSettings=e,this.imageData&&this.frameData&&this._debouncedUpdateFrameOffsets(this.offsets,this.imageData,this.frameData,e,this.targetElements)}onFrameDataChanged(e){e(this.frameData),this.onFrameDataChangeListeners.push(e)}onZoom(e){this.onZoomChangeListeners.push(e)}updateFrameOffsets(e,t,A,n,a,i){if(!A||A.length===0||A.some(s=>!s))throw new k("Frame data not set. This is a bug");if(!this.workflowManager)throw new k("No workflow manager set, cannot update offsets.");const o=this.workflowManager.getCommandDispatcher();a.forEach((s,r)=>{o(new l.GroupCommand([new l.UpdateFramePattern(s,t,e[r]),new l.UpdateFrameThresholdSettingsCommand(s,n.useThreshold,n.invertThreshold,n.threshold,n.thresholdSaturation)]))}),this.stepName&&this.workflowManager.updateStorage(this.stepName,{frameOffsetsList:e}),i&&i()}recalculateZoomLimits(e,t){(this.minZoomScale.length!==t.length||this.maxZoomScale.length!==t.length)&&(this.minZoomScale=new Array(t.length),this.maxZoomScale=new Array(t.length)),t.forEach((A,n)=>{const a=Math.max(A.width/e.width,A.height/e.height);this.forceImageCover?(this.minZoomScale[n]=a,this.maxZoomScale[n]=a*2.5):(this.minZoomScale[n]=a/10,this.maxZoomScale[n]=a*2.5)})}recalculateOffsets(e){this.frameData&&((!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length)),this.frameData.forEach((t,A)=>{this.offsets[A]=l.calculateOffsets(e,t)}),this._debouncedUpdateFrameOffsets(this.offsets,e,this.frameData,this.thresholdSettings,this.targetElements))}}class yt{constructor(e,t,A){this.processRegion=async n=>{var s,r,g,B;const a=this.layouts.find(d=>d.panelId===n.panelId);if(!a)throw new J(n);let i="";if(this.configuration.type===l.StepType.ProductOverlay){let d="";if((s=this.product)!=null&&s.overlayImageUrl&&(d=this.product.overlayImageUrl),i=d,!d)throw new ge(this.configuration,"Couldn't find an asset for product overlay step")}const o=this.evaluateAssetType();if(o===l.LayoutElementType.Image){const d=this.configuration.type===l.StepType.SilentIllustration?(r=this.configuration.data.asset)==null?void 0:r.fileLink:(g=this.product)==null?void 0:g.overlayImageUrl;if(!d)throw new Error("Undefined raster silent step source");const w={stepName:this.configuration.stepName,id:l.generate(),src:d,type:o,y:n.top,x:n.left,width:n.width,height:n.height,layer:n.layer,layerIndex:n.layerIndex,immutable:n.immutable,productOverlay:this.configuration.type===l.StepType.ProductOverlay?!0:void 0,rotation:n.rotation,excludeFromExport:this.configuration.data.excludeFromPrint,preserveAspectRatio:"none"};return{regionElement:{id:w.id,region:n},command:new l.CreateElementCommand(w,a)}}else{const d=this.configuration.type===l.StepType.SilentIllustration?(B=this.configuration.data.asset)==null?void 0:B.fileLink:i,w=async()=>new Promise((E,m)=>{if(!d){m("Undefined vector silent step source");return}l.fetchAsString(d,!0).then(Q=>{E(Q)}).catch(Q=>console.error(Q))}),h=await l.generateSVGWithUnknownColors(await w()),C={stepName:this.configuration.stepName,id:l.generate(),cachedObjectURL:await l.svgObjectURL(h.svg),src:d,svg:h.svg,colors:h.colors,type:o,y:n.top,x:n.left,width:n.width,height:n.height,layer:n.layer,layerIndex:n.layerIndex,rotation:n.rotation,immutable:n.immutable,productOverlay:this.configuration.type===l.StepType.ProductOverlay?!0:void 0,excludeFromExport:this.configuration.data.excludeFromPrint};return{regionElement:{id:C.id,region:n},command:new l.CreateElementCommand(C,a)}}},this.configuration=e,this.layouts=t,this.product=A||void 0}async trigger(){if(!this.configuration.data.regions)throw new ge(this.configuration,"Missing regions.");if(this.configuration.type===l.StepType.SilentIllustration){const e=this.configuration.data.regions.map(this.processRegion);return Promise.all(e)}else return this.configuration.type===l.StepType.ProductOverlay?Promise.all(this.configuration.data.regions.map(e=>{if(!this.layouts.find(A=>e.panelId===A.panelId))throw new J(e);return this.processRegion(e)})):Promise.reject("Unknown silent step. This is a bug")}evaluateAssetType(){var t,A,n;const e=this.configuration.type===l.StepType.ProductOverlay&&((t=this.product)!=null&&t.overlayImageUrl)?this.product.overlayImageUrl.toLowerCase():(n=(A=this.configuration.data.asset)==null?void 0:A.fileLink)==null?void 0:n.toLowerCase().split("?")[0];return e!=null&&e.startsWith("data:image/png")||e!=null&&e.endsWith(".jpeg")||e!=null&&e.endsWith(".jpg")||e!=null&&e.endsWith(".png")?l.LayoutElementType.Image:(e!=null&&e.endsWith(".svg")||e!=null&&e.startsWith("image/svg+xml"),l.LayoutElementType.Illustration)}}const St=async c=>{const e=`${X.getServicesApiUrl()}/shortener`;try{return(await(await fetch(e,{method:"POST",body:JSON.stringify({longUrl:c}),headers:{"Content-Type":"application/json"}})).json()).shortUrl}catch(t){throw console.error(t),new Ie("Failed to shorten URL, see console.")}};class Yt{async poll(){try{if(await this.predicate()){this.onSuccess(),this.pollingId>-1&&window.clearInterval(this.pollingId);return}}catch{}this.attempts+=1,this.attempts<this.maxAttempts?this.pollingId=window.setTimeout(this.poll.bind(this),this.interval):this.onFailure()}constructor(e,t,A,n=3e3,a=10){this.onSuccess=t,this.onFailure=A,this.predicate=e,this.attempts=0,this.pollingId=-1,this.interval=n,this.maxAttempts=a,this.poll()}}class qA{async init(e,t,A){return A&&await this.reload(e,t,A),null}async reload(e,t,A){const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),s=Object.values(A.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],s,async()=>{var B,d;const r=(B=n==null?void 0:n.storage)==null?void 0:B.videoShortUrl,g=(d=n==null?void 0:n.storage)==null?void 0:d.videoUrl;t.updateStorage(e.stepName,{videoShortUrl:r,videoUrl:g})})}async regenerateQRCode(e,t,A,n,a,i,o,s,r){if(!t&&A!==""&&n===""){const g=async()=>{var f,p;const Q=(await wt([A]))[0],F=(p=(f=Q==null?void 0:Q.versions)==null?void 0:f.find(I=>I.name==="mpeg4"))==null?void 0:p.link;return{asset:Q,link:F}},B=await new Promise((Q,F)=>{new Yt(async()=>!!(await g()).link,async()=>{const f=await g();if(!f.link||!f.link)throw new Z(f.asset);Q({rel:"mpeg4",href:f.link})},()=>{F("Poller timed out with 40 attempts @ 3 second interval")},3e3,40)});e.forEach(Q=>s(new l.DeleteElementCommand(Q.id)));const d=i.data.baseUrl.slice(0,4)==="http"?"":"https://",w=new URL(d+i.data.baseUrl);w.searchParams.append("video",btoa(JSON.stringify([B]))),w.pathname=w.pathname+(w.pathname.slice(-1)==="/"?"":"/");const h=w.toString();if(h.length>=2e3)throw new Ie("Cannot create QR code, URL too long.");const C=await St(h);if(o(C),!i.data||!i.data.regions)throw new ge(i,"Missing regions.");const E=await this.regionElements(i),m=await this.command(C,E,a,i.stepName);m&&(m.command&&a.getCommandDispatcher()(m.command),m.followup&&await m.followup()),await a.setSelectionsAndElements(i.stepName,[],E,async()=>{a.updateStorage(i.stepName,{videoShortUrl:C,videoUrl:n}),r(!1)})}else r(!1)}async regionElements(e){const t=A=>({id:l.generate(),region:A});return e.data.regions.map(t)}async command(e,t,A,n){const a=A.getLayouts(),o=`data:image/svg+xml;base64,${btoa(await rt.toString(e,{type:"svg"}))}`,s=t.map(r=>{const g=r.region,B=a.find(d=>d.panelId===(g==null?void 0:g.panelId));if(!B&&g)throw new J(g);if(B&&!g)throw new Error("Region not found");if(!B||!g)throw new Error("Neither a region or layout found!");return new l.CreateElementCommand({stepRegion:g,stepName:n,id:r.id,src:o,type:l.LayoutElementType.Image,y:g.top,x:g.left,width:g.width,height:g.height,rotation:0},B)});return{command:new l.GroupCommand(s),followup:async()=>{}}}}const Pt=new qA;class ZA{constructor(){this.frameSourceSvg=async(e,t)=>{if(!e)return l.generateDefaultRectangleFrameSvg(t);const A=e.asset;if(!A)throw new W(e);const n=A.fileLink;if(n)return l.fetchAsString(n,!0);throw new Z(A)}}async init(e,t,A){if(A)return await this.reload(e,t,A),null;if(e.mandatory&&t.setMandatoryFulfilled(e.stepName,!1),t.markStepsAsInitialised([e.stepName]),e.option&&e.option.variants&&e.option.variants.length>0){const n=e.option,a=L.getDefaultVariant(n);return a?this.selectVariantCommand(e,a,[],t,void 0,e.data.placeholderImageUrl):null}return this.selectVariantCommand(e,void 0,[],t,void 0,e.data.placeholderImageUrl)}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),s=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName).map(g=>({id:g.id,region:g.stepRegion}));if(!e.option||(e.option.variants||[]).length===0){const g=e.data.regions.map(B=>l.generateDefaultRectangleFrameSvg(B));t.updateStorage(e.stepName,{currentFrameSources:g})}if(n){const g=async()=>{var w,h,C,E;const B=(w=n.storage)==null?void 0:w.framePatternSrc,d=(h=n.storage)==null?void 0:h.frameOffsetsList;if(t.updateMetadata(e.stepName,{frameOffsetsList:d,framePatternSrc:B}),B){const m=(C=t.getStepSpecificServices(e.stepName))==null?void 0:C.frameService;if(!m)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(B,m,!0),t.updateMetadata(e.stepName,{image:B}),t.updateStorage(e.stepName,{framePatternSrc:B})}if(d!=null&&d.some(m=>m.zoom)){const m=(E=t.getStepSpecificServices(e.stepName))==null?void 0:E.frameService;if(!m)throw new Error("Frame service unavailable, cannot load pattern!");m.updateOffsets(d)}t.setMandatoryFulfilled(e.stepName,!0)};if(n.selectedVariants&&n.selectedVariants.length>0){const B=n.selectedVariants[0].id;if(e.option&&B){const d=(r=e.option.variants)==null?void 0:r.find(w=>w.id===B);d&&await t.setSelectionsAndElements(e.stepName,[d],s,async()=>{const w=await Promise.all(e.data.regions.map(h=>this.frameSourceSvg(d,h)));t.updateStorage(e.stepName,{currentFrameSources:w}),await g()})}}else await t.setSelectionsAndElements(e.stepName,[],s,g)}}selectImage(e,t,A,n=!0){var s;const a=this.patternSource(t),i=(s=A.getStepStorage(e.stepName))==null?void 0:s.framePatternSrc;if(i&&i===a)return Promise.resolve();A.setEditedStatus(e.stepName,!0);const o=t.fileLink||"";return o.endsWith(".pdf")||o.endsWith(".eps")||o.endsWith(".ai")?new Promise(r=>{A.addPoller(new Yt(async()=>{var w;const B=(w=(await G.getLocalOrFromServer(t.key||"")).versions)==null?void 0:w.find(h=>h.name==="svg");return B?(await fetch(B.link)).status===200:!1},()=>{G.getLocalOrFromServer(t.key||"").then(g=>{this.loadPatternFromAsset(g,e,A,n).then(r)})},()=>{throw new Ie("Failed to resolve transcoded PDF")}))}):this.loadPatternFromAsset(t,e,A,n)}async selectVariant(e,t,A,n,a){const i=await this.selectVariantCommand(e,t,A,n,a);i&&(i.command&&n.getCommandDispatcher()(i.command),i.followup&&await i.followup())}getCreateElementCommand(e,t,A,n){return new l.CreateElementCommand({id:e,type:l.LayoutElementType.Frame,x:t.left,y:t.top,width:t.width,height:t.height,layer:t.layer,layerIndex:t.layerIndex,rotation:t.rotation,scaleX:t.width/n.frameData.width,scaleY:t.height/n.frameData.height,path:n.frameData.path,dataWidth:n.frameData.width,dataHeight:n.frameData.height,stepRegion:t,stepName:n.stepName,disablePlaceholder:n.disablePlaceholder,focalBlur:n.focalBlur,focalBlurStrength:n.focalBlurStrength,focalBlurRadius:n.focalBlurRadius,pattern:n.pattern,immutable:t.immutable},A)}async loadPatternFromString(e,t,A=!0){if(e.endsWith("svg")){const n=await l.GetSVGDimensions(e),a=n.width,i=n.height,o={src:e,width:a,height:i,aspect:a/i};l.patternImageDataCache.set(e,o),t.setPatternData(o,A)}else{const n=await l.fetchAsArrayBuffer(e,!0),a=await l.getAttributesFromArrayBuffer(n),i={src:e,width:a.width,height:a.height,aspect:a.width/a.height};l.patternImageDataCache.set(e,i),t.setPatternData(i,A)}}async selectVariantCommand(e,t,A,n,a,i){var d;const o=(d=n.getStepSpecificServices(e.stepName))==null?void 0:d.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");const s=await Promise.all(e.data.regions.map(w=>this.frameSourceSvg(t,w)));a&&a(!0);const r=await Promise.all(e.data.regions.map(async(w,h)=>{const C=await l.getFrameData(s[h]),E=o.getImageData(),m=A.map(D=>new l.DeleteElementCommand(D.id)),Q=E?l.calculateOffsets(E,C):void 0,F=E?{id:l.generate(),src:E.src,x:(Q==null?void 0:Q.x)||0,y:(Q==null?void 0:Q.y)||0,width:E.width,height:E.height,scaleX:(Q==null?void 0:Q.zoom)||1,scaleY:(Q==null?void 0:Q.zoom)||1,rotation:0}:void 0,f=l.generate(),I=n.getLayouts().find(D=>D.panelId===w.panelId);if(!I)throw new J(w);return{command:this.getCreateElementCommand(f,w,I,{frameData:C,pattern:F,disablePlaceholder:e.data.disablePlaceholder,focalBlur:e.data.focalBlur,focalBlurStrength:e.data.focalBlurStrength,focalBlurRadius:e.data.focalBlurRadius,stepName:e.stepName}),regionEl:{id:f,region:w},removeExistingCommands:m}})),g=r.map(w=>w.command),B=r.map(w=>w.removeExistingCommands).flat();return{command:new l.GroupCommand([...g,...B]),followup:async()=>{a&&a(!1),await n.setSelectionsAndElements(e.stepName,t?[t]:[],[...r.map(w=>w.regionEl)],async()=>{var w;if(n.updateStorage(e.stepName,{currentFrameSources:s}),i){const h=(w=n.getStepSpecificServices(e.stepName))==null?void 0:w.frameService;if(!h)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(i,h,!0)}})}}}patternSource(e){var n;const t=(n=e.versions)==null?void 0:n.find(a=>a.name==="svg");if(t)return t.link;const A=e.fileLink;if(A)return A;throw new Z(e)}async loadPatternFromAsset(e,t,A,n){var s;const a=this.patternSource(e),i=A.markUpdatePending(),o=(s=A.getStepSpecificServices(t.stepName))==null?void 0:s.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(a,o,n),A.updateMetadata(t.stepName,{image:a}),A.updateStorage(t.stepName,{framePatternSrc:a}),A.markUpdateCompleted(i)}}const he=new ZA;class $A{async getIllustrationBody(e){return new Promise(t=>{l.fetchAsString(e,!0).then(A=>{t(A)}).catch(A=>console.error(A))})}getCreateElementCommand(e,t,A,n){return new l.CreateElementCommand({stepRegion:t,stepName:n.stepName,colors:n.svg.colors,id:e,src:n.src,svg:n.svg.svg,cachedObjectURL:n.objectURL,type:l.LayoutElementType.Illustration,y:t.top,x:t.left,rotation:t.rotation,width:t.width,height:t.height,layer:t.layer,layerIndex:t.layerIndex,immutable:t.immutable},A)}getColors(e,t){const A=t.getRegionElements(e.stepName)||[];if(A.length===0)return[];try{return l.findElement(A[0].id,t.getAllLayoutData()).colors}catch{return[]}}async init(e,t,A){const n=e.option;if(!n)return null;if(A)return this.reload(e,t,A);{const a=L.getDefaultVariant(n);if(a)return await this.selectVariantCommand(e,a,[],()=>{},t)}return null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{var w;t.updateMetadata(e.stepName,{colors:(w=n.storage)==null?void 0:w.colors}),t.setMandatoryFulfilled(e.stepName,!0)})}}else throw new Error("Required illustration variant no longer available")}return null}async availableColors(e,t){var n;const A=e.data.colorOption;return A?A?(n=A.variants)==null?void 0:n.map(a=>({fill:a.color,stroke:a.color,variant:a})):[]:[]}async changeColorsCommand(e,t,A,n,a){var g;const i={};for(const[B,d]of a.entries())i[B]={browserValue:d,spotColor:(g=i[B])==null?void 0:g.spotColor};const o=l.modifySVGWithElementProperties(e,t,A,i),s=await l.svgObjectURL(o),r=[];for(const B of n){for(const[d,w]of a.entries())r.push(new l.IllustrationColorCommand(B,d,w));r.push(new l.IllustrationCacheCommand(B,o,s))}return new l.GroupCommand(r)}async changeColors(e,t,A,n,a){var w,h;if(t.length===0)return;const i=l.findElement(t[0].id,n().map(C=>C.layoutState)),o={...i.colors},s={};Object.entries(o).forEach(([C,E])=>{const m={browserValue:E.browserValue},Q=E.spotColor;Q&&(m.spotColor={profileName:Q.profileName,namedColor:Q.namedColor}),s[C]=m});for(const[C,E]of a.entries())o[C]={browserValue:E,spotColor:(w=o[C])==null?void 0:w.spotColor},s[C]={browserValue:E};let r=Array.from(Object.values(o)).map(C=>C.browserValue);const g=e.data.colorOption;g&&((h=g.variants)==null||h.forEach(C=>{r=r.map(E=>{var m;return E.toLowerCase()===((m=C.color)==null?void 0:m.toLowerCase())?C.name:E})})),A.updateMetadata(e.stepName,{colors:r});const B=new Map;if(Object.entries(o).forEach(([C,E])=>{B.set(C,E.browserValue)}),!i.svg)throw new Error("Colors changed before SVG loaded. This should never happen!");const d=await this.changeColorsCommand(i.svg,i.width,i.height,t.map(C=>C.id),B);A.updateStorage(e.stepName,{colors:s}),A.getCommandDispatcher()(d)}async selectVariant(e,t,A,n,a){const i=await this.selectVariantCommand(e,t,A,n,a);i&&(i.command&&a.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async selectVariantCommand(e,t,A,n,a){var m;if(!e.data||!e.data.regions)throw new ge(e,"Missing regions.");n(!0);const i=A.map(Q=>new l.DeleteElementCommand(Q.id));e.mandatory&&a.setMandatoryFulfilled(e.stepName,!1);const o=t.asset;if(!o)throw new W(t);const s=o.fileLink;if(!s)throw new Z(o);const r=await l.generateSVGWithUnknownColors(await this.getIllustrationBody(s)),g=await l.svgObjectURL(r.svg),B=Q=>{const F=a.getLayouts().find(p=>p.panelId===Q.panelId);if(!F)throw new J(Q);const f=l.generate();return{regionElement:{id:f,region:Q},command:this.getCreateElementCommand(f,Q,F,{stepName:e.stepName,src:s,objectURL:g,svg:r})}},d=e.data.regions.map(B),h=[...d.map(Q=>Q.command),...i];let C=Array.from(Object.values(r.colors)).map(Q=>Q.browserValue);const E=e.data.colorOption;return E&&((m=E.variants)==null||m.forEach(Q=>{C=C.map(F=>{var f;return F.toLowerCase()===((f=Q.color)==null?void 0:f.toLowerCase())?Q.name:F})})),a.updateMetadata(e.stepName,{colors:C}),{command:new l.GroupCommand(h),followup:async()=>{await a.setSelectionsAndElements(e.stepName,[t],d.map(f=>f.regionElement),async()=>{a.setMandatoryFulfilled(e.stepName,!0),n(!1)});const Q=await this.availableColors(e,a)||[],F=Object.keys(r.colors);if(e.data.colorPickerEnabled&&Q.length===1&&F.length===1){const f=Q[0],p=F[0];await this.changeColors(e,d.map(I=>I.regionElement),a,()=>a.getCommandContext().getAllLayouts(),new Map([[p,f.variant.color]]))}}}}}const Ee=new $A;class _A{async init(e,t,A){const n=e.option;if(!n)throw new ce(e);if(A)await this.reload(e,t,A);else{const a=L.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,t,()=>{})}return null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(!s)throw new ce(e);if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=B.material,w=o.map(h=>({id:h.id,region:h.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],w,async()=>{const h=t.getModelContainer();if(h){const C=e.data.targetMaterials.map(E=>h.applyMaterialVariant(E,s.id||"",d||{}));Promise.all(C).then(()=>t.setMandatoryFulfilled(e.stepName,!0))}})}}}}async selectVariant(e,t,A,n){const a=await this.selectVariantLambda(e,t,A,n);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,t,A,n){const a=A.getModelContainer();n(!0);const i=t.material;if(!i)throw n(!1),new W(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{a&&e.data.targetMaterials.forEach(o=>{e.option&&a.applyMaterialVariant(o,e.option.id||"",i)}),A.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const be=new _A;class en{async init(e,t,A){const n=e.option;if(!n)throw new ce(e);if(A)await this.reload(e,t,A);else{const a=L.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,t,()=>{})}return null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{var h;const w=t.getModelContainer();if(w&&e.option){const C=(h=B.asset)==null?void 0:h.fileLink;if(!C)throw new W(B);await w.applyModelVariant(e.stepName||"",{model:C,contextService:t.getLayoutPreviewService()},e.data.replaceProductModel||!1),t.setMandatoryFulfilled(e.stepName,!0)}})}}}}async selectVariant(e,t,A,n){const a=await this.selectVariantLambda(e,t,A,n);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,t,A,n){var i;n(!0);const a=(i=t.asset)==null?void 0:i.fileLink;if(!a)throw new W(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{const o=A.getModelContainer();o&&await o.applyModelVariant(e.stepName,{model:a,contextService:A.getLayoutPreviewService()},e.data.replaceProductModel||!1),A.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const Je=new en;class tn{async init(e,t,A){if(A)await this.reload(e,t,A);else return t.updateMetadata(e.stepName,{text:""}),this.changeTextCommand(e,"",t,"",()=>{});return null}async reload(e,t,A){const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),s=Object.values(A.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],s,async()=>{var r,g;t.updateStorage(e.stepName,{text:(r=n==null?void 0:n.storage)==null?void 0:r.text}),t.setMandatoryFulfilled(e.stepName,((g=n==null?void 0:n.storage)==null?void 0:g.text)!=="")})}async changeText(e,t,A,n,a){const i=await this.changeTextCommand(e,t,A,n,a);i&&(i.command&&A.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async changeTextCommand(e,t,A,n,a){var g;const i=A.getRegionElements(e.stepName),o=(g=A.getStepSpecificServices(e.stepName))==null?void 0:g.module;if(!o)return console.error("Missing module."),null;const s=A.getProfanities();if(!this.validateInput(e,t,s,a))return A.setMandatoryFulfilled(e.stepName,!1),console.error(n),null;if(A.setMandatoryFulfilled(e.stepName,t!==""),!e.data||!e.data.regions||e.data.regions.length<=0)return console.error("Missing configuration."),null;A.updateStorage(e.stepName,{text:t});const r=(B,d,w)=>{const h=w||l.generate(),E=A.getLayouts().find(Q=>Q.panelId===d.panelId);if(!E)return console.error(`Can not find layout for region: ${d.panelId}`),null;const m=[];return w&&m.push(new l.DeleteElementCommand(h)),m.push(new l.CreateElementCommand({stepRegion:d,stepName:e.stepName,colors:{},id:h,svg:B,type:l.LayoutElementType.Illustration,y:d.top,x:d.left,rotation:d.rotation,width:d.width,height:d.height,layer:d.layer,layerIndex:d.layerIndex,immutable:d.immutable},E)),{id:h,region:d,command:new l.GroupCommand(m)}};if(i.length>0){const d=i.map(w=>{if(!w.region)return null;const h=o.svgPrint(t,w.region);return r(h,w.region,w.id)}).filter(w=>!!w).filter(w=>!!w).map(w=>w&&w.command);return{command:new l.GroupCommand(d),followup:async()=>{}}}else{const B=e.data.regions.map(w=>r(o.svgPrint(t,w),w)),d=B.filter(w=>!!w).map(w=>w&&w.command);return{command:new l.GroupCommand(d),followup:async()=>{const w=B.filter(h=>h).map(h=>h&&{id:h.id,region:h.region});await A.setSelectionsAndElements(e.stepName,[],w)}}}}validateInput(e,t,A,n){if(e.data&&e.data.maxLength){const i=e.data.maxLength;if(t.length>i)return n("Too many characters."),!1}if(!/^$|^[a-zA-Z0-9 ]+$/.test(t))return n("Unsupported characters."),!1;const a=He.split(t.toLowerCase());for(const i of a)for(const o in A){const s=A[o].toLowerCase().replace(/\s/g,"");if(i===s)return n("Blocked profanity."),!1}return n(""),!0}}const xt=new tn;class An{async init(e,t,A){const n=e.option;if(!n)return null;if(A)await this.reload(e,t,A);else if(n.defaultVariant)return t.markStepsAsInitialised([e.stepName]),this.selectVariantCommand(e,n.defaultVariant,t,()=>{});return t.markStepsAsInitialised([e.stepName]),null}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariant(e,t,A,n){const a=await this.selectVariantCommand(e,t,A,n);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantCommand(e,t,A,n){const a=t.asset;if(!a)throw new W(t);const i=a==null?void 0:a.fileLink;if(!i)return console.error("No URL for picture!"),null;n(!0),e.mandatory&&A.setMandatoryFulfilled(e.stepName,!1);const s=A.getRegionElements(e.stepName).map(B=>new l.DeleteElementCommand(B.id)),r=B=>{const w=A.getLayouts().find(C=>C.panelId===B.panelId);if(!w)throw new J(B);const h=l.generate();return{regionElement:{id:h,region:B},command:new l.CreateElementCommand({stepName:e.stepName,stepRegion:B,id:h,src:i,type:l.LayoutElementType.Image,y:B.top,x:B.left,rotation:B.rotation,width:B.width,height:B.height,layer:B.layer,layerIndex:B.layerIndex,immutable:B.immutable,preserveAspectRatio:"none"},w)}},g=e.data.regions.map(r);return{command:new l.GroupCommand([...s,...g.map(B=>B.command)]),followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],g.map(B=>B.regionElement),async()=>{A.setMandatoryFulfilled(e.stepName,!0),n(!1)})}}}}const Te=new An;class nn{async init(e,t,A){const n=e.option;if(!n)return null;if(A)await this.reload(e,t,A);else{const a=n.variants;if(L.getDefaultVariant(n)){const o=a==null?void 0:a.find(s=>{var r;return s.id===((r=n.defaultVariant)==null?void 0:r.id)});return this.selectVariantLambda(e,(o==null?void 0:o.id)||"",t)}}return null}async reload(e,t,A){var i;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),a=e.option;if(n!=null&&n.selectedVariants){const o=n.selectedVariants[0].id;if(a&&o){const s=(i=a.variants)==null?void 0:i.find(r=>r.id===o);s&&await t.setSelectionsAndElements(e.stepName,[s],[])}}}async selectVariant(e,t,A){await A.getInitializationPromise();const n=await this.selectVariantLambda(e,t,A);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,t,A){const n=e.option;if(!n)return null;const a=n.variants;if(!a)return null;const i=a.length>1?a.find(o=>o.id===t):a[0];if(!i)throw new Error("Failed to find selected variant in step variants, this should never happen!");return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[i],[],async()=>{A.setMandatoryFulfilled(e.stepName,!0)})}}}}const Oe=new nn;class an{constructor(){this.shapeFillId="spiff-fill-shape"}async availableColours(e){var A;const t=e.option;return t?((A=t.variants)==null?void 0:A.map(n=>({fill:n.color,stroke:n.color,variant:n})))||[]:[]}setCustomColor(e,t,A){const n=A.getLayouts(),i=(A.getRegionElements(t.stepName)||[]).map(o=>{const s=o.region;if(!n.find(g=>g.panelId===(s==null?void 0:s.panelId)))throw new J(s);return new l.IllustrationColorCommand(o.id,this.shapeFillId,e)}).filter(o=>!!o);A.getCommandDispatcher()(new l.GroupCommand(i)),A.updateStorage(t.stepName,{colour:e})}async init(e,t,A){const n=e.option;if(!n)throw new ce(e);if(A)await this.reload(e,t,A);else{const a=L.getDefaultVariant(n);return a?this.selectVariantCommand(e,{fill:a.color,stroke:a.color,variant:a},[],t):null}return null}async selectVariant(e,t,A,n){const a=await this.selectVariantCommand(e,t,A,n);a&&(a.command&&n.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async reload(e,t,A){var r;const n=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const g=n.selectedVariants[0].id;if(s&&g){const B=(r=s.variants)==null?void 0:r.find(d=>d.id===g);if(B){const d=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[B],d,async()=>{var w;t.updateStorage(e.stepName,{colour:((w=n==null?void 0:n.storage)==null?void 0:w.colour)||""}),t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariantCommand(e,t,A,n){var s;const a=n.getLayouts(),i=(s=n.getStepStorage(e.stepName))==null?void 0:s.colour,o=()=>{var r,g;if(((r=t.variant)==null?void 0:r.color)==="#custom")return i||"#FFFFFF";if((g=t.variant)!=null&&g.color)return t.variant.color;throw new Error("Failed to resolve color for shape step.")};if(A.length>0){const r=B=>{const d=B.region;if(!a.find(C=>C.panelId===(d==null?void 0:d.panelId)))throw new J(d);const h=o();return new l.IllustrationColorCommand(B.id,this.shapeFillId,h)},g=A.map(r).filter(B=>!!B);return{command:new l.GroupCommand(g),followup:async()=>{await n.setSelectionsAndElements(e.stepName,t.variant?[t.variant]:[],A),n.updateStorage(e.stepName,{colour:o()})}}}else{const r=w=>{const h=a.find(F=>F.panelId===w.panelId);if(!h)throw new J(w);const C=o(),E=`
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spiffcommerce/core",
-    "version": "21.16.0",
+    "version": "21.16.1-alpha.1",
     "description": "Core client API for interacting with the Spiff Commerce backend.",
     "source": "src/index.ts",
     "main": "dist/index.umd.cjs",