@spiffcommerce/core 17.0.3-1 → 17.0.3-2

package/dist/index.js

@@ -1334,7 +1334,7 @@ class ga {
     return this.thresholdSettings;
   }
   setThresholdSettings(A) {
-    this.thresholdSettings = A;
+    this.thresholdSettings = A, this.imageData && this.frameData && this._debouncedUpdateFrameOffsets(this.offsets, this.imageData, this.frameData, A, this.targetElements);
   }
   // Allows users of the frame service to listen to frame data changes.
   onFrameDataChanged(A) {

package/dist/index.umd.cjs

@@ -488,7 +488,7 @@
             workflowState
         }
     }
-`,se=[c.StepType.SilentIllustration,c.StepType.ProductOverlay],Ft=async g=>{const e=[];g.introduction&&e.push({name:"Introduction",title:g.name,renderableSteps:[{type:c.StepType.Introduction,stepName:"Introduction",stepTitle:g.name,helpText:g.introduction,data:{},conditions:[]}],silentSteps:[]});for(const t of g.steps){const n=Mt(t.stepName,g.stepGroups);if(!n)e.push({name:t.stepName,title:t.stepTitle,renderableSteps:se.includes(t.type)?[]:[t],silentSteps:se.includes(t.type)?[t]:[]});else{const a=e.find(i=>i.name===n.name);a?se.includes(t.type)?a.silentSteps.push(t):a.renderableSteps.push(t):e.push({name:n.name,title:n.name,renderableSteps:se.includes(t.type)?[]:[t],silentSteps:se.includes(t.type)?[t]:[]})}}const A="workflow.steps.finish.confirmDesign";return e.push({name:"Finish",title:A,renderableSteps:[{type:c.StepType.Finish,stepName:"Finish",stepTitle:A,helpText:"",data:{modelAnimation:g.finalizeStepConfig?g.finalizeStepConfig.modelAnimation:void 0,lookAtAnimation:g.finalizeStepConfig?g.finalizeStepConfig.lookAtAnimation:void 0},conditions:[]}],silentSteps:[]}),e},Mt=(g,e)=>e.find(A=>A.stepNames.includes(g)),Z=(g,e)=>(g.conditions||[]).every(A=>{const t=e[A.targetStepName];if(t&&t.selectedVariants){const n=t.selectedVariants;return A.requiredVariantSelections.some(a=>n.find(i=>i.id===a)!==void 0)}return!1}),St=(g,e)=>{const A={name:g.name,title:g.title,renderableSteps:g.renderableSteps.filter(t=>Z(t,e)),silentSteps:g.silentSteps.filter(t=>Z(t,e))};return A.silentSteps.length===0&&A.renderableSteps.length===0?null:A},$=(g,e)=>g.map(A=>St(A,e)).filter(A=>A!==null),Yt=async(g,e,A=!1)=>{var i;const t=$(g,e),n=[];for(const o of t)for(const s of o.renderableSteps){const r=(((i=s.option)==null?void 0:i.variants)||[]).length;s.silent||(s.type===c.StepType.Model||s.type===c.StepType.Material||s.type===c.StepType.Picture||s.type===c.StepType.Shape?(r>1||A)&&n.push(s.stepName):n.push(s.stepName))}const a=t.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 Ne{constructor(){this.timestamp=Date.now()}}class He{constructor(e){this.queue=[],this.activePromise=void 0,this.queueMaxSize=void 0,this.queueMaxSize=e}enqueue(e){if(this.queue.push(e),this.queueMaxSize!==void 0&&this.queue.length>this.queueMaxSize){const A=this.queue.length-1;for(let t=0;t<A;++t)this.queue.shift()}this.activePromise||(this.activePromise=this.dequeue())}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(A){console.log(A)}finally{await this.dequeue()}}}function BA(g,e,A,t){const n=A.width*g.zoom,a=A.height*g.zoom;if(t){const o=g,s=Math.max(e.width/A.width,e.height/A.height);o.zoom=Math.max(s,g.zoom);const r=A.width*o.zoom,l=A.height*o.zoom;return o.x=Qe(g.x,e.width-r,0),o.y=Qe(g.y,e.height-l,0),o}const i=g;return i.x=Qe(i.x,-n,e.width),i.y=Qe(i.y,-a,e.height),i}function Qe(g,e,A){return Math.min(Math.max(g,e),A)}class dA{constructor(e){this.minZoomScale=[.03],this.maxZoomScale=[20],this._debouncedUpdateFrameOffsets=qe(this.updateFrameOffsets,200),this.targetElements=[],this.onFrameDataChangeListeners=[],this.onZoomChangeListeners=[],this.forceImageCover=e,this.thresholdSettings={useThreshold:!1,invertThreshold:!1,threshold:128,thresholdSaturation:.5}}connectWorkflowManager(e,A){A&&e.addStepSpecificStorageCallback(async t=>{if(t){const n=t;if(n.currentFrameSources){let a=!1;for(let i=0;i<n.currentFrameSources.length;i++){const o=n.currentFrameSources[i],s=await c.getFrameData(o);Ze(s,this.frameData)||(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)))}}},A),this.workflowManager=e,this.stepName=A}setTargetElements(e){this.targetElements=e}getFrameData(){return this.frameData}setFrameData(e){if(!e){this.frameData=void 0;return}e.forEach((A,t)=>{const n=c.frameDataCache.get(A);n&&(this.frameData||(this.frameData=new Array(e.length)),this.frameData[t]=n)})}getImageData(){return this.imageData}getOffsets(){return this.offsets}setOffsets(e){this.offsets=e}setZoom(e,A,t,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=(A[o]-this.offsets[o].x)/this.offsets[o].zoom,r=(t[o]-this.offsets[o].y)/this.offsets[o].zoom,l=A[o]-s*e[o],d=t[o]-r*e[o];return{x:l,y:d,zoom:this.imageData.width*e[o]/this.imageData.width}});this.updateOffsets(a,n),this.onZoomChangeListeners.forEach(i=>i(e))}}setPatternData(e){this.imageData=e,e&&this.frameData&&(this.recalculateOffsets(e),this.updateOffsets(this.offsets,void 0,!0)),this.imageData&&this.frameData&&this.recalculateZoomLimits(this.imageData,this.frameData)}updateOffsets(e,A,t){const n=this.imageData;if(!n||!this.frameData)return;if(this.frameData.length!==e.length)throw new U("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))&&!t){A&&A();return}(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length)),this.frameData.forEach((i,o)=>{this.offsets[o]=BA(e[o],i,this.imageData,this.forceImageCover)}),this._debouncedUpdateFrameOffsets(this.offsets,n,this.frameData,this.thresholdSettings,this.targetElements,A)}getThresholdSettings(){return this.thresholdSettings}setThresholdSettings(e){this.thresholdSettings=e}onFrameDataChanged(e){e(this.frameData),this.onFrameDataChangeListeners.push(e)}onZoom(e){this.onZoomChangeListeners.push(e)}updateFrameOffsets(e,A,t,n,a,i){if(!t||t.length===0||t.some(s=>!s))throw new U("Frame data not set. This is a bug");if(!this.workflowManager)throw new U("No workflow manager set, cannot update offsets.");const o=this.workflowManager.getCommandDispatcher();a.forEach((s,r)=>{o(new c.GroupCommand([new c.UpdateFramePattern(s,A,e[r]),new c.UpdateFrameThresholdSettingsCommand(s,n.useThreshold,n.invertThreshold,n.threshold,n.thresholdSaturation)]))}),this.stepName&&this.workflowManager.updateStorage(this.stepName,{frameOffsetsList:e}),i&&i()}recalculateZoomLimits(e,A){(this.minZoomScale.length!==A.length||this.maxZoomScale.length!==A.length)&&(this.minZoomScale=new Array(A.length),this.maxZoomScale=new Array(A.length)),A.forEach((t,n)=>{const a=Math.max(t.width/e.width,t.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((A,t)=>{this.offsets[t]=c.calculateOffsets(e,A)}),this._debouncedUpdateFrameOffsets(this.offsets,e,this.frameData,this.thresholdSettings,this.targetElements))}}class wA{constructor(e,A,t){this.processRegion=async n=>{var s,r,l,d;const a=this.layouts.find(B=>B.panelId===n.panelId);if(!a)throw new k(n);let i="";if(this.configuration.type===c.StepType.ProductOverlay){let B="";if((s=this.product)!=null&&s.overlayImageUrl&&(B=this.product.overlayImageUrl),i=B,!B)throw new ne(this.configuration,"Couldn't find an asset for product overlay step")}const o=this.evaluateAssetType();if(o===c.LayoutElementType.Image){const B=this.configuration.type===c.StepType.SilentIllustration?(r=this.configuration.data.asset)==null?void 0:r.fileLink:(l=this.product)==null?void 0:l.overlayImageUrl;if(!B)throw new Error("Undefined raster silent step source");const w={stepName:this.configuration.stepName,id:c.generate(),src:B,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===c.StepType.ProductOverlay?!0:void 0,rotation:n.rotation,excludeFromExport:this.configuration.data.excludeFromPrint,preserveAspectRatio:"none"};return{regionElement:{id:w.id,region:n},command:new c.CreateElementCommand(w,a)}}else{const B=this.configuration.type===c.StepType.SilentIllustration?(d=this.configuration.data.asset)==null?void 0:d.fileLink:i,w=async()=>new Promise((h,u)=>{if(!B){u("Undefined vector silent step source");return}c.fetchAsString(B,!0).then(C=>{h(C)}).catch(C=>console.error(C))}),E=await c.generateSVGWithUnknownColors(await w()),m={stepName:this.configuration.stepName,id:c.generate(),cachedObjectURL:await c.svgObjectURL(E.svg),src:B,svg:E.svg,colors:E.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===c.StepType.ProductOverlay?!0:void 0,excludeFromExport:this.configuration.data.excludeFromPrint};return{regionElement:{id:m.id,region:n},command:new c.CreateElementCommand(m,a)}}},this.configuration=e,this.layouts=A,this.product=t||void 0}async trigger(){if(!this.configuration.data.regions)throw new ne(this.configuration,"Missing regions.");if(this.configuration.type===c.StepType.SilentIllustration){const e=this.configuration.data.regions.map(this.processRegion);return Promise.all(e)}else return this.configuration.type===c.StepType.ProductOverlay?Promise.all(this.configuration.data.regions.map(e=>{if(!this.layouts.find(t=>e.panelId===t.panelId))throw new k(e);return this.processRegion(e)})):Promise.reject("Unknown silent step. This is a bug")}evaluateAssetType(){var A,t,n;const e=this.configuration.type===c.StepType.ProductOverlay&&((A=this.product)!=null&&A.overlayImageUrl)?this.product.overlayImageUrl.toLowerCase():(n=(t=this.configuration.data.asset)==null?void 0:t.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")?c.LayoutElementType.Image:(e!=null&&e.endsWith(".svg")||e!=null&&e.startsWith("image/svg+xml"),c.LayoutElementType.Illustration)}}const EA=async g=>{const e=`${ae.getServicesApiUrl()}/shortener`;try{return(await(await fetch(e,{method:"POST",body:JSON.stringify({longUrl:g}),headers:{"Content-Type":"application/json"}})).json()).shortUrl}catch(A){throw console.error(A),new Ee("Failed to shorten URL, see console.")}};class hA{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,A,t,n=3e3,a=10){this.onSuccess=A,this.onFailure=t,this.predicate=e,this.attempts=0,this.pollingId=-1,this.interval=n,this.maxAttempts=a,this.poll()}}class yt{async init(e,A,t){return t&&await this.reload(e,A,t),null}async reload(e,A,t){const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),s=Object.values(t.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await A.setSelectionsAndElements(e.stepName,[],s,async()=>{var d,B;const r=(d=n==null?void 0:n.storage)==null?void 0:d.videoShortUrl,l=(B=n==null?void 0:n.storage)==null?void 0:B.videoUrl;A.updateStorage(e.stepName,{videoShortUrl:r,videoUrl:l})})}async regenerateQRCode(e,A,t,n,a,i,o,s,r){if(!A&&t!==""&&n===""){const l=async()=>{var I,F;const C=(await aA([t]))[0],D=(F=(I=C==null?void 0:C.versions)==null?void 0:I.find(p=>p.name==="mpeg4"))==null?void 0:F.link;return{asset:C,link:D}},d=await new Promise((C,D)=>{new hA(async()=>!!(await l()).link,async()=>{const I=await l();if(!I.link||!I.link)throw new W(I.asset);C({rel:"mpeg4",href:I.link})},()=>{D("Poller timed out with 40 attempts @ 3 second interval")},3e3,40)});e.forEach(C=>s(new c.DeleteElementCommand(C.id)));const B=i.data.baseUrl.slice(0,4)==="http"?"":"https://",w=new URL(B+i.data.baseUrl);w.searchParams.append("video",btoa(JSON.stringify([d]))),w.pathname=w.pathname+(w.pathname.slice(-1)==="/"?"":"/");const E=w.toString();if(E.length>=2e3)throw new Ee("Cannot create QR code, URL too long.");const m=await EA(E);if(o(m),!i.data||!i.data.regions)throw new ne(i,"Missing regions.");const h=await this.regionElements(i),u=await this.command(m,h,a,i.stepName);u&&(u.command&&a.getCommandDispatcher()(u.command),u.followup&&await u.followup()),await a.setSelectionsAndElements(i.stepName,[],h,async()=>{a.updateStorage(i.stepName,{videoShortUrl:m,videoUrl:n}),r(!1)})}else r(!1)}async regionElements(e){const A=t=>({id:c.generate(),region:t});return e.data.regions.map(A)}async command(e,A,t,n){const a=t.getLayouts(),o=`data:image/svg+xml;base64,${btoa(await $e.toString(e,{type:"svg"}))}`,s=A.map(r=>{const l=r.region,d=a.find(B=>B.panelId===(l==null?void 0:l.panelId));if(!d&&l)throw new k(l);if(d&&!l)throw new Error("Region not found");if(!d||!l)throw new Error("Neither a region or layout found!");return new c.CreateElementCommand({stepRegion:l,stepName:n,id:r.id,src:o,type:c.LayoutElementType.Image,y:l.top,x:l.left,width:l.width,height:l.height,rotation:0},d)});return{command:new c.GroupCommand(s),followup:async()=>{}}}}const CA=new yt;class Pt{constructor(){this.frameSourceSvg=async(e,A)=>{if(!e)return c.generateDefaultRectangleFrameSvg(A);const t=e.asset;if(!t)throw new j(e);const n=t.fileLink;if(n)return c.fetchAsString(n,!0);throw new W(t)}}async init(e,A,t){if(t)return await this.reload(e,A,t),null;if(A.setMandatoryFulfilled(e.stepName,!1),A.markStepsAsInitialised([e.stepName]),e.option&&e.option.variants&&e.option.variants.length>0){const n=e.option,a=J.getDefaultVariant(n);return a?this.selectVariantCommand(e,a,[],A,void 0,e.data.placeholderImageUrl):null}return this.selectVariantCommand(e,void 0,[],A,void 0,e.data.placeholderImageUrl)}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),s=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName).map(l=>({id:l.id,region:l.stepRegion}));if(!e.option||(e.option.variants||[]).length===0){const l=e.data.regions.map(d=>c.generateDefaultRectangleFrameSvg(d));A.updateStorage(e.stepName,{currentFrameSources:l})}if(n){const l=async()=>{var w,E,m,h;const d=(w=n.storage)==null?void 0:w.framePatternSrc,B=(E=n.storage)==null?void 0:E.frameOffsetsList;if(A.updateMetadata(e.stepName,{frameOffsetsList:B,framePatternSrc:d}),d){const u=(m=A.getStepSpecificServices(e.stepName))==null?void 0:m.frameService;if(!u)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(d,u),A.updateMetadata(e.stepName,{image:d}),A.updateStorage(e.stepName,{framePatternSrc:d})}if(B!=null&&B.some(u=>u.zoom)){const u=(h=A.getStepSpecificServices(e.stepName))==null?void 0:h.frameService;if(!u)throw new Error("Frame service unavailable, cannot load pattern!");u.updateOffsets(B)}A.setMandatoryFulfilled(e.stepName,!0)};if(n.selectedVariants&&n.selectedVariants.length>0){const d=n.selectedVariants[0].id;if(e.option&&d){const B=(r=e.option.variants)==null?void 0:r.find(w=>w.id===d);B&&await A.setSelectionsAndElements(e.stepName,[B],s,async()=>{const w=await Promise.all(e.data.regions.map(E=>this.frameSourceSvg(B,E)));A.updateStorage(e.stepName,{currentFrameSources:w}),await l()})}}else await A.setSelectionsAndElements(e.stepName,[],s,l)}}selectImage(e,A,t){t.setEditedStatus(e.stepName,!0),(A.fileLink||"").endsWith("pdf")?t.addPoller(new hA(async()=>{var s;const i=(s=(await b.getLocalOrFromServer(A.key||"")).versions)==null?void 0:s.find(r=>r.name==="svg");return i?(await fetch(i.link)).status===200:!1},()=>{b.getLocalOrFromServer(A.key||"").then(a=>{this.loadPatternFromAsset(a,e,t)})},()=>{throw new Ee("Failed to resolve transcoded PDF")})):this.loadPatternFromAsset(A,e,t)}async selectVariant(e,A,t,n,a){const i=await this.selectVariantCommand(e,A,t,n,a);i&&(i.command&&n.getCommandDispatcher()(i.command),i.followup&&await i.followup())}getCreateElementCommand(e,A,t,n){return new c.CreateElementCommand({id:e,type:c.LayoutElementType.Frame,x:A.left,y:A.top,width:A.width,height:A.height,layer:A.layer,layerIndex:A.layerIndex,rotation:A.rotation,scaleX:A.width/n.frameData.width,scaleY:A.height/n.frameData.height,path:n.frameData.path,dataWidth:n.frameData.width,dataHeight:n.frameData.height,stepRegion:A,stepName:n.stepName,disablePlaceholder:n.disablePlaceholder,focalBlur:n.focalBlur,focalBlurStrength:n.focalBlurStrength,focalBlurRadius:n.focalBlurRadius,pattern:n.pattern,immutable:A.immutable},t)}async loadPatternFromString(e,A){if(e.endsWith("svg")){const t=await c.GetSVGDimensions(e),n=t.width,a=t.height,i={src:e,width:n,height:a,aspect:n/a};c.patternImageDataCache.set(e,i),A.setPatternData(i)}else{const t=await c.fetchAsArrayBuffer(e,!0),n=await c.getAttributesFromArrayBuffer(t),a={src:e,width:n.width,height:n.height,aspect:n.width/n.height};c.patternImageDataCache.set(e,a),A.setPatternData(a)}}async selectVariantCommand(e,A,t,n,a,i){var B;const o=(B=n.getStepSpecificServices(e.stepName))==null?void 0:B.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");const s=await Promise.all(e.data.regions.map(w=>this.frameSourceSvg(A,w)));a&&a(!0);const r=await Promise.all(e.data.regions.map(async(w,E)=>{const m=await c.getFrameData(s[E]),h=o.getImageData(),u=t.map(f=>new c.DeleteElementCommand(f.id)),C=h?c.calculateOffsets(h,m):void 0,D=h?{id:c.generate(),src:h.src,x:(C==null?void 0:C.x)||0,y:(C==null?void 0:C.y)||0,width:h.width,height:h.height,scaleX:(C==null?void 0:C.zoom)||1,scaleY:(C==null?void 0:C.zoom)||1,rotation:0}:void 0,I=c.generate(),p=n.getLayouts().find(f=>f.panelId===w.panelId);if(!p)throw new k(w);return{command:this.getCreateElementCommand(I,w,p,{frameData:m,pattern:D,disablePlaceholder:e.data.disablePlaceholder,focalBlur:e.data.focalBlur,focalBlurStrength:e.data.focalBlurStrength,focalBlurRadius:e.data.focalBlurRadius,stepName:e.stepName}),regionEl:{id:I,region:w},removeExistingCommands:u}})),l=r.map(w=>w.command),d=r.map(w=>w.removeExistingCommands).flat();return{command:new c.GroupCommand([...l,...d]),followup:async()=>{a&&a(!1),await n.setSelectionsAndElements(e.stepName,A?[A]:[],[...r.map(w=>w.regionEl)],async()=>{var w;if(n.updateStorage(e.stepName,{currentFrameSources:s}),i){const E=(w=n.getStepSpecificServices(e.stepName))==null?void 0:w.frameService;if(!E)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(i,E)}})}}}patternSource(e){var n;const A=(n=e.versions)==null?void 0:n.find(a=>a.name==="svg");if(A)return A.link;const t=e.fileLink;if(t)return t;throw new W(e)}async loadPatternFromAsset(e,A,t){var o;const n=this.patternSource(e),a=t.markUpdatePending(),i=(o=t.getStepSpecificServices(A.stepName))==null?void 0:o.frameService;if(!i)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(n,i),t.updateMetadata(A.stepName,{image:n}),t.updateStorage(A.stepName,{framePatternSrc:n}),t.markUpdateCompleted(a)}}const me=new Pt;class Nt{async getIllustrationBody(e){return new Promise(A=>{c.fetchAsString(e,!0).then(t=>{A(t)}).catch(t=>console.error(t))})}getCreateElementCommand(e,A,t,n){return new c.CreateElementCommand({stepRegion:A,stepName:n.stepName,colors:n.svg.colors,id:e,src:n.src,svg:n.svg.svg,cachedObjectURL:n.objectURL,type:c.LayoutElementType.Illustration,y:A.top,x:A.left,rotation:A.rotation,width:A.width,height:A.height,layer:A.layer,layerIndex:A.layerIndex,immutable:A.immutable},t)}getColors(e,A){const t=A.getRegionElements(e.stepName)||[];if(t.length===0)return[];try{return c.findElement(t[0].id,A.getAllLayoutData()).colors}catch{return[]}}async init(e,A,t){const n=e.option;if(!n)return null;if(t)return this.reload(e,A,t);{const a=J.getDefaultVariant(n);if(a)return await this.selectVariantCommand(e,a,[],()=>{},A)}return null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;A.updateMetadata(e.stepName,{colors:(w=n.storage)==null?void 0:w.colors}),A.setMandatoryFulfilled(e.stepName,!0)})}}else throw new Error("Required illustration variant no longer available")}return null}async availableColors(e,A){var n;const t=e.data.colorOption;return t?t?(n=t.variants)==null?void 0:n.map(a=>({fill:a.color,stroke:a.color,variant:a})):[]:[]}async changeColorsCommand(e,A,t,n,a){var l;const i={};for(const[d,B]of a.entries())i[d]={browserValue:B,spotColor:(l=i[d])==null?void 0:l.spotColor};const o=c.modifySVGWithElementProperties(e,A,t,i),s=await c.svgObjectURL(o),r=[];for(const d of n){for(const[B,w]of a.entries())r.push(new c.IllustrationColorCommand(d,B,w));r.push(new c.IllustrationCacheCommand(d,o,s))}return new c.GroupCommand(r)}async changeColors(e,A,t,n,a){var w,E;if(A.length===0)return;const i=c.findElement(A[0].id,n().map(m=>m.layoutState)),o={...i.colors},s={};Object.entries(o).forEach(([m,h])=>{const u={browserValue:h.browserValue},C=h.spotColor;C&&(u.spotColor={profileName:C.profileName,namedColor:C.namedColor}),s[m]=u});for(const[m,h]of a.entries())o[m]={browserValue:h,spotColor:(w=o[m])==null?void 0:w.spotColor},s[m]={browserValue:h};let r=Array.from(Object.values(o)).map(m=>m.browserValue);const l=e.data.colorOption;l&&((E=l.variants)==null||E.forEach(m=>{r=r.map(h=>{var u;return h.toLowerCase()===((u=m.color)==null?void 0:u.toLowerCase())?m.name:h})})),t.updateMetadata(e.stepName,{colors:r});const d=new Map;if(Object.entries(o).forEach(([m,h])=>{d.set(m,h.browserValue)}),!i.svg)throw new Error("Colors changed before SVG loaded. This should never happen!");const B=await this.changeColorsCommand(i.svg,i.width,i.height,A.map(m=>m.id),d);t.updateStorage(e.stepName,{colors:s}),t.getCommandDispatcher()(B)}async selectVariant(e,A,t,n,a){const i=await this.selectVariantCommand(e,A,t,n,a);i&&(i.command&&a.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async selectVariantCommand(e,A,t,n,a){var u;if(!e.data||!e.data.regions)throw new ne(e,"Missing regions.");n(!0);const i=t.map(C=>new c.DeleteElementCommand(C.id));a.setMandatoryFulfilled(e.stepName,!1);const o=A.asset;if(!o)throw new j(A);const s=o.fileLink;if(!s)throw new W(o);const r=await c.generateSVGWithUnknownColors(await this.getIllustrationBody(s)),l=await c.svgObjectURL(r.svg),d=C=>{const D=a.getLayouts().find(F=>F.panelId===C.panelId);if(!D)throw new k(C);const I=c.generate();return{regionElement:{id:I,region:C},command:this.getCreateElementCommand(I,C,D,{stepName:e.stepName,src:s,objectURL:l,svg:r})}},B=e.data.regions.map(d),E=[...B.map(C=>C.command),...i];let m=Array.from(Object.values(r.colors)).map(C=>C.browserValue);const h=e.data.colorOption;return h&&((u=h.variants)==null||u.forEach(C=>{m=m.map(D=>{var I;return D.toLowerCase()===((I=C.color)==null?void 0:I.toLowerCase())?C.name:D})})),a.updateMetadata(e.stepName,{colors:m}),{command:new c.GroupCommand(E),followup:async()=>{await a.setSelectionsAndElements(e.stepName,[A],B.map(C=>C.regionElement),async()=>{a.setMandatoryFulfilled(e.stepName,!0),n(!1)})}}}}const re=new Nt;class Ht{async init(e,A,t){const n=e.option;if(!n)throw new te(e);if(t)await this.reload(e,A,t);else{const a=J.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,A,()=>{})}return null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(!s)throw new te(e);if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=d.material,w=o.map(E=>({id:E.id,region:E.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],w,async()=>{const E=A.getModelContainer();if(E){const m=e.data.targetMaterials.map(h=>E.applyMaterialVariant(h,s.id||"",B||{}));Promise.all(m).then(()=>A.setMandatoryFulfilled(e.stepName,!0))}})}}}}async selectVariant(e,A,t,n){const a=await this.selectVariantLambda(e,A,t,n);a&&(a.command&&t.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,A,t,n){const a=t.getModelContainer();n(!0);const i=A.material;if(!i)throw n(!1),new j(A);return{command:void 0,followup:async()=>{await t.setSelectionsAndElements(e.stepName,[A],[],async()=>{try{a&&e.data.targetMaterials.forEach(o=>{e.option&&a.applyMaterialVariant(o,e.option.id||"",i)}),t.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const xe=new Ht;class xt{async init(e,A,t){const n=e.option;if(!n)throw new te(e);if(t)await this.reload(e,A,t);else{const a=J.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,A,()=>{})}return null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{var E;const w=A.getModelContainer();if(w&&e.option){const m=(E=d.asset)==null?void 0:E.fileLink;if(!m)throw new j(d);await w.applyModelVariant(e.stepName||"",{model:m,contextService:A.getLayoutPreviewService()},e.data.replaceProductModel||!1),A.setMandatoryFulfilled(e.stepName,!0)}})}}}}async selectVariant(e,A,t,n){const a=await this.selectVariantLambda(e,A,t,n);a&&(a.command&&t.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,A,t,n){var i;n(!0);const a=(i=A.asset)==null?void 0:i.fileLink;if(!a)throw new j(A);return{command:void 0,followup:async()=>{await t.setSelectionsAndElements(e.stepName,[A],[],async()=>{try{const o=t.getModelContainer();o&&await o.applyModelVariant(e.stepName,{model:a,contextService:t.getLayoutPreviewService()},e.data.replaceProductModel||!1),t.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const Re=new xt;class Rt{async init(e,A,t){if(t)await this.reload(e,A,t);else return A.updateMetadata(e.stepName,{text:""}),this.changeTextCommand(e,"",A,"",()=>{});return null}async reload(e,A,t){const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),s=Object.values(t.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await A.setSelectionsAndElements(e.stepName,[],s,async()=>{var r,l;A.updateStorage(e.stepName,{text:(r=n==null?void 0:n.storage)==null?void 0:r.text}),A.setMandatoryFulfilled(e.stepName,((l=n==null?void 0:n.storage)==null?void 0:l.text)!=="")})}async changeText(e,A,t,n,a){const i=await this.changeTextCommand(e,A,t,n,a);i&&(i.command&&t.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async changeTextCommand(e,A,t,n,a){var l;const i=t.getRegionElements(e.stepName),o=(l=t.getStepSpecificServices(e.stepName))==null?void 0:l.module;if(!o)return console.error("Missing module."),null;const s=t.getProfanities();if(!this.validateInput(e,A,s,a))return t.setMandatoryFulfilled(e.stepName,!1),console.error(n),null;if(t.setMandatoryFulfilled(e.stepName,A!==""),!e.data||!e.data.regions||e.data.regions.length<=0)return console.error("Missing configuration."),null;t.updateStorage(e.stepName,{text:A});const r=(d,B,w)=>{const E=w||c.generate(),h=t.getLayouts().find(C=>C.panelId===B.panelId);if(!h)return console.error(`Can not find layout for region: ${B.panelId}`),null;const u=[];return w&&u.push(new c.DeleteElementCommand(E)),u.push(new c.CreateElementCommand({stepRegion:B,stepName:e.stepName,colors:{},id:E,svg:d,type:c.LayoutElementType.Illustration,y:B.top,x:B.left,rotation:B.rotation,width:B.width,height:B.height,layer:B.layer,layerIndex:B.layerIndex,immutable:B.immutable},h)),{id:E,region:B,command:new c.GroupCommand(u)}};if(i.length>0){const B=i.map(w=>{if(!w.region)return null;const E=o.svgPrint(A,w.region);return r(E,w.region,w.id)}).filter(w=>!!w).filter(w=>!!w).map(w=>w&&w.command);return{command:new c.GroupCommand(B),followup:async()=>{}}}else{const d=e.data.regions.map(w=>r(o.svgPrint(A,w),w)),B=d.filter(w=>!!w).map(w=>w&&w.command);return{command:new c.GroupCommand(B),followup:async()=>{const w=d.filter(E=>E).map(E=>E&&{id:E.id,region:E.region});await t.setSelectionsAndElements(e.stepName,[],w)}}}}validateInput(e,A,t,n){if(e.data&&e.data.maxLength){const i=e.data.maxLength;if(A.length>i)return n("Too many characters."),!1}if(!/^$|^[a-zA-Z0-9 ]+$/.test(A))return n("Unsupported characters."),!1;const a=Se.split(A.toLowerCase());for(const i of a)for(const o in t){const s=t[o].toLowerCase().replace(/\s/g,"");if(i===s)return n("Blocked profanity."),!1}return n(""),!0}}const QA=new Rt;class Ut{async init(e,A,t){const n=e.option;if(!n)return null;if(t)await this.reload(e,A,t);else if(n.defaultVariant)return A.markStepsAsInitialised([e.stepName]),this.selectVariantCommand(e,n.defaultVariant,A,()=>{});return A.markStepsAsInitialised([e.stepName]),null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{A.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariant(e,A,t,n){const a=await this.selectVariantCommand(e,A,t,n);a&&(a.command&&t.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantCommand(e,A,t,n){const a=A.asset;if(!a)throw new j(A);const i=a==null?void 0:a.fileLink;if(!i)return console.error("No URL for picture!"),null;n(!0),t.setMandatoryFulfilled(e.stepName,!1);const s=t.getRegionElements(e.stepName).map(d=>new c.DeleteElementCommand(d.id)),r=d=>{const w=t.getLayouts().find(m=>m.panelId===d.panelId);if(!w)throw new k(d);const E=c.generate();return{regionElement:{id:E,region:d},command:new c.CreateElementCommand({stepName:e.stepName,stepRegion:d,id:E,src:i,type:c.LayoutElementType.Image,y:d.top,x:d.left,rotation:d.rotation,width:d.width,height:d.height,layer:d.layer,layerIndex:d.layerIndex,immutable:d.immutable,preserveAspectRatio:"none"},w)}},l=e.data.regions.map(r);return{command:new c.GroupCommand([...s,...l.map(d=>d.command)]),followup:async()=>{await t.setSelectionsAndElements(e.stepName,[A],l.map(d=>d.regionElement),async()=>{t.setMandatoryFulfilled(e.stepName,!0),n(!1)})}}}}const Ue=new Ut;class Gt{async init(e,A,t){const n=e.option;if(!n)return null;if(t)await this.reload(e,A,t);else{const a=n.variants;if(J.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)||"",A)}}return null}async reload(e,A,t){var i;const n=A.getSerializedStep(e.stepName,t.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 A.setSelectionsAndElements(e.stepName,[s],[])}}}async selectVariant(e,A,t){await t.getInitializationPromise();const n=await this.selectVariantLambda(e,A,t);n&&(n.command&&t.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,A,t){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===A):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 t.setSelectionsAndElements(e.stepName,[i],[],async()=>{t.setMandatoryFulfilled(e.stepName,!0)})}}}}const Ge=new Gt;class vt{constructor(){this.shapeFillId="spiff-fill-shape"}async availableColours(e){var t;const A=e.option;return A?((t=A.variants)==null?void 0:t.map(n=>({fill:n.color,stroke:n.color,variant:n})))||[]:[]}setCustomColor(e,A,t){const n=t.getLayouts(),i=(t.getRegionElements(A.stepName)||[]).map(o=>{const s=o.region;if(!n.find(l=>l.panelId===(s==null?void 0:s.panelId)))throw new k(s);return new c.IllustrationColorCommand(o.id,this.shapeFillId,e)}).filter(o=>!!o);t.getCommandDispatcher()(new c.GroupCommand(i)),t.updateStorage(A.stepName,{colour:e})}async init(e,A,t){const n=e.option;if(!n)throw new te(e);if(t)await this.reload(e,A,t);else{const a=J.getDefaultVariant(n);return a?this.selectVariantCommand(e,{fill:a.color,stroke:a.color,variant:a},[],A):null}return null}async selectVariant(e,A,t,n){const a=await this.selectVariantCommand(e,A,t,n);a&&(a.command&&n.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;A.updateStorage(e.stepName,{colour:((w=n==null?void 0:n.storage)==null?void 0:w.colour)||""}),A.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariantCommand(e,A,t,n){var s;const a=n.getLayouts(),i=(s=n.getStepStorage(e.stepName))==null?void 0:s.colour,o=()=>{var r,l;if(((r=A.variant)==null?void 0:r.color)==="#custom")return i||"#FFFFFF";if((l=A.variant)!=null&&l.color)return A.variant.color;throw new Error("Failed to resolve color for shape step.")};if(t.length>0){const r=d=>{const B=d.region;if(!a.find(m=>m.panelId===(B==null?void 0:B.panelId)))throw new k(B);const E=o();return new c.IllustrationColorCommand(d.id,this.shapeFillId,E)},l=t.map(r).filter(d=>!!d);return{command:new c.GroupCommand(l),followup:async()=>{await n.setSelectionsAndElements(e.stepName,A.variant?[A.variant]:[],t),n.updateStorage(e.stepName,{colour:o()})}}}else{const r=w=>{const E=a.find(D=>D.panelId===w.panelId);if(!E)throw new k(w);const m=o(),h=`
+`,se=[c.StepType.SilentIllustration,c.StepType.ProductOverlay],Ft=async g=>{const e=[];g.introduction&&e.push({name:"Introduction",title:g.name,renderableSteps:[{type:c.StepType.Introduction,stepName:"Introduction",stepTitle:g.name,helpText:g.introduction,data:{},conditions:[]}],silentSteps:[]});for(const t of g.steps){const n=Mt(t.stepName,g.stepGroups);if(!n)e.push({name:t.stepName,title:t.stepTitle,renderableSteps:se.includes(t.type)?[]:[t],silentSteps:se.includes(t.type)?[t]:[]});else{const a=e.find(i=>i.name===n.name);a?se.includes(t.type)?a.silentSteps.push(t):a.renderableSteps.push(t):e.push({name:n.name,title:n.name,renderableSteps:se.includes(t.type)?[]:[t],silentSteps:se.includes(t.type)?[t]:[]})}}const A="workflow.steps.finish.confirmDesign";return e.push({name:"Finish",title:A,renderableSteps:[{type:c.StepType.Finish,stepName:"Finish",stepTitle:A,helpText:"",data:{modelAnimation:g.finalizeStepConfig?g.finalizeStepConfig.modelAnimation:void 0,lookAtAnimation:g.finalizeStepConfig?g.finalizeStepConfig.lookAtAnimation:void 0},conditions:[]}],silentSteps:[]}),e},Mt=(g,e)=>e.find(A=>A.stepNames.includes(g)),Z=(g,e)=>(g.conditions||[]).every(A=>{const t=e[A.targetStepName];if(t&&t.selectedVariants){const n=t.selectedVariants;return A.requiredVariantSelections.some(a=>n.find(i=>i.id===a)!==void 0)}return!1}),St=(g,e)=>{const A={name:g.name,title:g.title,renderableSteps:g.renderableSteps.filter(t=>Z(t,e)),silentSteps:g.silentSteps.filter(t=>Z(t,e))};return A.silentSteps.length===0&&A.renderableSteps.length===0?null:A},$=(g,e)=>g.map(A=>St(A,e)).filter(A=>A!==null),Yt=async(g,e,A=!1)=>{var i;const t=$(g,e),n=[];for(const o of t)for(const s of o.renderableSteps){const r=(((i=s.option)==null?void 0:i.variants)||[]).length;s.silent||(s.type===c.StepType.Model||s.type===c.StepType.Material||s.type===c.StepType.Picture||s.type===c.StepType.Shape?(r>1||A)&&n.push(s.stepName):n.push(s.stepName))}const a=t.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 Ne{constructor(){this.timestamp=Date.now()}}class He{constructor(e){this.queue=[],this.activePromise=void 0,this.queueMaxSize=void 0,this.queueMaxSize=e}enqueue(e){if(this.queue.push(e),this.queueMaxSize!==void 0&&this.queue.length>this.queueMaxSize){const A=this.queue.length-1;for(let t=0;t<A;++t)this.queue.shift()}this.activePromise||(this.activePromise=this.dequeue())}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(A){console.log(A)}finally{await this.dequeue()}}}function BA(g,e,A,t){const n=A.width*g.zoom,a=A.height*g.zoom;if(t){const o=g,s=Math.max(e.width/A.width,e.height/A.height);o.zoom=Math.max(s,g.zoom);const r=A.width*o.zoom,l=A.height*o.zoom;return o.x=Qe(g.x,e.width-r,0),o.y=Qe(g.y,e.height-l,0),o}const i=g;return i.x=Qe(i.x,-n,e.width),i.y=Qe(i.y,-a,e.height),i}function Qe(g,e,A){return Math.min(Math.max(g,e),A)}class dA{constructor(e){this.minZoomScale=[.03],this.maxZoomScale=[20],this._debouncedUpdateFrameOffsets=qe(this.updateFrameOffsets,200),this.targetElements=[],this.onFrameDataChangeListeners=[],this.onZoomChangeListeners=[],this.forceImageCover=e,this.thresholdSettings={useThreshold:!1,invertThreshold:!1,threshold:128,thresholdSaturation:.5}}connectWorkflowManager(e,A){A&&e.addStepSpecificStorageCallback(async t=>{if(t){const n=t;if(n.currentFrameSources){let a=!1;for(let i=0;i<n.currentFrameSources.length;i++){const o=n.currentFrameSources[i],s=await c.getFrameData(o);Ze(s,this.frameData)||(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)))}}},A),this.workflowManager=e,this.stepName=A}setTargetElements(e){this.targetElements=e}getFrameData(){return this.frameData}setFrameData(e){if(!e){this.frameData=void 0;return}e.forEach((A,t)=>{const n=c.frameDataCache.get(A);n&&(this.frameData||(this.frameData=new Array(e.length)),this.frameData[t]=n)})}getImageData(){return this.imageData}getOffsets(){return this.offsets}setOffsets(e){this.offsets=e}setZoom(e,A,t,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=(A[o]-this.offsets[o].x)/this.offsets[o].zoom,r=(t[o]-this.offsets[o].y)/this.offsets[o].zoom,l=A[o]-s*e[o],d=t[o]-r*e[o];return{x:l,y:d,zoom:this.imageData.width*e[o]/this.imageData.width}});this.updateOffsets(a,n),this.onZoomChangeListeners.forEach(i=>i(e))}}setPatternData(e){this.imageData=e,e&&this.frameData&&(this.recalculateOffsets(e),this.updateOffsets(this.offsets,void 0,!0)),this.imageData&&this.frameData&&this.recalculateZoomLimits(this.imageData,this.frameData)}updateOffsets(e,A,t){const n=this.imageData;if(!n||!this.frameData)return;if(this.frameData.length!==e.length)throw new U("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))&&!t){A&&A();return}(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length)),this.frameData.forEach((i,o)=>{this.offsets[o]=BA(e[o],i,this.imageData,this.forceImageCover)}),this._debouncedUpdateFrameOffsets(this.offsets,n,this.frameData,this.thresholdSettings,this.targetElements,A)}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,A,t,n,a,i){if(!t||t.length===0||t.some(s=>!s))throw new U("Frame data not set. This is a bug");if(!this.workflowManager)throw new U("No workflow manager set, cannot update offsets.");const o=this.workflowManager.getCommandDispatcher();a.forEach((s,r)=>{o(new c.GroupCommand([new c.UpdateFramePattern(s,A,e[r]),new c.UpdateFrameThresholdSettingsCommand(s,n.useThreshold,n.invertThreshold,n.threshold,n.thresholdSaturation)]))}),this.stepName&&this.workflowManager.updateStorage(this.stepName,{frameOffsetsList:e}),i&&i()}recalculateZoomLimits(e,A){(this.minZoomScale.length!==A.length||this.maxZoomScale.length!==A.length)&&(this.minZoomScale=new Array(A.length),this.maxZoomScale=new Array(A.length)),A.forEach((t,n)=>{const a=Math.max(t.width/e.width,t.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((A,t)=>{this.offsets[t]=c.calculateOffsets(e,A)}),this._debouncedUpdateFrameOffsets(this.offsets,e,this.frameData,this.thresholdSettings,this.targetElements))}}class wA{constructor(e,A,t){this.processRegion=async n=>{var s,r,l,d;const a=this.layouts.find(B=>B.panelId===n.panelId);if(!a)throw new k(n);let i="";if(this.configuration.type===c.StepType.ProductOverlay){let B="";if((s=this.product)!=null&&s.overlayImageUrl&&(B=this.product.overlayImageUrl),i=B,!B)throw new ne(this.configuration,"Couldn't find an asset for product overlay step")}const o=this.evaluateAssetType();if(o===c.LayoutElementType.Image){const B=this.configuration.type===c.StepType.SilentIllustration?(r=this.configuration.data.asset)==null?void 0:r.fileLink:(l=this.product)==null?void 0:l.overlayImageUrl;if(!B)throw new Error("Undefined raster silent step source");const w={stepName:this.configuration.stepName,id:c.generate(),src:B,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===c.StepType.ProductOverlay?!0:void 0,rotation:n.rotation,excludeFromExport:this.configuration.data.excludeFromPrint,preserveAspectRatio:"none"};return{regionElement:{id:w.id,region:n},command:new c.CreateElementCommand(w,a)}}else{const B=this.configuration.type===c.StepType.SilentIllustration?(d=this.configuration.data.asset)==null?void 0:d.fileLink:i,w=async()=>new Promise((h,u)=>{if(!B){u("Undefined vector silent step source");return}c.fetchAsString(B,!0).then(C=>{h(C)}).catch(C=>console.error(C))}),E=await c.generateSVGWithUnknownColors(await w()),m={stepName:this.configuration.stepName,id:c.generate(),cachedObjectURL:await c.svgObjectURL(E.svg),src:B,svg:E.svg,colors:E.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===c.StepType.ProductOverlay?!0:void 0,excludeFromExport:this.configuration.data.excludeFromPrint};return{regionElement:{id:m.id,region:n},command:new c.CreateElementCommand(m,a)}}},this.configuration=e,this.layouts=A,this.product=t||void 0}async trigger(){if(!this.configuration.data.regions)throw new ne(this.configuration,"Missing regions.");if(this.configuration.type===c.StepType.SilentIllustration){const e=this.configuration.data.regions.map(this.processRegion);return Promise.all(e)}else return this.configuration.type===c.StepType.ProductOverlay?Promise.all(this.configuration.data.regions.map(e=>{if(!this.layouts.find(t=>e.panelId===t.panelId))throw new k(e);return this.processRegion(e)})):Promise.reject("Unknown silent step. This is a bug")}evaluateAssetType(){var A,t,n;const e=this.configuration.type===c.StepType.ProductOverlay&&((A=this.product)!=null&&A.overlayImageUrl)?this.product.overlayImageUrl.toLowerCase():(n=(t=this.configuration.data.asset)==null?void 0:t.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")?c.LayoutElementType.Image:(e!=null&&e.endsWith(".svg")||e!=null&&e.startsWith("image/svg+xml"),c.LayoutElementType.Illustration)}}const EA=async g=>{const e=`${ae.getServicesApiUrl()}/shortener`;try{return(await(await fetch(e,{method:"POST",body:JSON.stringify({longUrl:g}),headers:{"Content-Type":"application/json"}})).json()).shortUrl}catch(A){throw console.error(A),new Ee("Failed to shorten URL, see console.")}};class hA{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,A,t,n=3e3,a=10){this.onSuccess=A,this.onFailure=t,this.predicate=e,this.attempts=0,this.pollingId=-1,this.interval=n,this.maxAttempts=a,this.poll()}}class yt{async init(e,A,t){return t&&await this.reload(e,A,t),null}async reload(e,A,t){const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),s=Object.values(t.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await A.setSelectionsAndElements(e.stepName,[],s,async()=>{var d,B;const r=(d=n==null?void 0:n.storage)==null?void 0:d.videoShortUrl,l=(B=n==null?void 0:n.storage)==null?void 0:B.videoUrl;A.updateStorage(e.stepName,{videoShortUrl:r,videoUrl:l})})}async regenerateQRCode(e,A,t,n,a,i,o,s,r){if(!A&&t!==""&&n===""){const l=async()=>{var I,F;const C=(await aA([t]))[0],D=(F=(I=C==null?void 0:C.versions)==null?void 0:I.find(p=>p.name==="mpeg4"))==null?void 0:F.link;return{asset:C,link:D}},d=await new Promise((C,D)=>{new hA(async()=>!!(await l()).link,async()=>{const I=await l();if(!I.link||!I.link)throw new W(I.asset);C({rel:"mpeg4",href:I.link})},()=>{D("Poller timed out with 40 attempts @ 3 second interval")},3e3,40)});e.forEach(C=>s(new c.DeleteElementCommand(C.id)));const B=i.data.baseUrl.slice(0,4)==="http"?"":"https://",w=new URL(B+i.data.baseUrl);w.searchParams.append("video",btoa(JSON.stringify([d]))),w.pathname=w.pathname+(w.pathname.slice(-1)==="/"?"":"/");const E=w.toString();if(E.length>=2e3)throw new Ee("Cannot create QR code, URL too long.");const m=await EA(E);if(o(m),!i.data||!i.data.regions)throw new ne(i,"Missing regions.");const h=await this.regionElements(i),u=await this.command(m,h,a,i.stepName);u&&(u.command&&a.getCommandDispatcher()(u.command),u.followup&&await u.followup()),await a.setSelectionsAndElements(i.stepName,[],h,async()=>{a.updateStorage(i.stepName,{videoShortUrl:m,videoUrl:n}),r(!1)})}else r(!1)}async regionElements(e){const A=t=>({id:c.generate(),region:t});return e.data.regions.map(A)}async command(e,A,t,n){const a=t.getLayouts(),o=`data:image/svg+xml;base64,${btoa(await $e.toString(e,{type:"svg"}))}`,s=A.map(r=>{const l=r.region,d=a.find(B=>B.panelId===(l==null?void 0:l.panelId));if(!d&&l)throw new k(l);if(d&&!l)throw new Error("Region not found");if(!d||!l)throw new Error("Neither a region or layout found!");return new c.CreateElementCommand({stepRegion:l,stepName:n,id:r.id,src:o,type:c.LayoutElementType.Image,y:l.top,x:l.left,width:l.width,height:l.height,rotation:0},d)});return{command:new c.GroupCommand(s),followup:async()=>{}}}}const CA=new yt;class Pt{constructor(){this.frameSourceSvg=async(e,A)=>{if(!e)return c.generateDefaultRectangleFrameSvg(A);const t=e.asset;if(!t)throw new j(e);const n=t.fileLink;if(n)return c.fetchAsString(n,!0);throw new W(t)}}async init(e,A,t){if(t)return await this.reload(e,A,t),null;if(A.setMandatoryFulfilled(e.stepName,!1),A.markStepsAsInitialised([e.stepName]),e.option&&e.option.variants&&e.option.variants.length>0){const n=e.option,a=J.getDefaultVariant(n);return a?this.selectVariantCommand(e,a,[],A,void 0,e.data.placeholderImageUrl):null}return this.selectVariantCommand(e,void 0,[],A,void 0,e.data.placeholderImageUrl)}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),s=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName).map(l=>({id:l.id,region:l.stepRegion}));if(!e.option||(e.option.variants||[]).length===0){const l=e.data.regions.map(d=>c.generateDefaultRectangleFrameSvg(d));A.updateStorage(e.stepName,{currentFrameSources:l})}if(n){const l=async()=>{var w,E,m,h;const d=(w=n.storage)==null?void 0:w.framePatternSrc,B=(E=n.storage)==null?void 0:E.frameOffsetsList;if(A.updateMetadata(e.stepName,{frameOffsetsList:B,framePatternSrc:d}),d){const u=(m=A.getStepSpecificServices(e.stepName))==null?void 0:m.frameService;if(!u)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(d,u),A.updateMetadata(e.stepName,{image:d}),A.updateStorage(e.stepName,{framePatternSrc:d})}if(B!=null&&B.some(u=>u.zoom)){const u=(h=A.getStepSpecificServices(e.stepName))==null?void 0:h.frameService;if(!u)throw new Error("Frame service unavailable, cannot load pattern!");u.updateOffsets(B)}A.setMandatoryFulfilled(e.stepName,!0)};if(n.selectedVariants&&n.selectedVariants.length>0){const d=n.selectedVariants[0].id;if(e.option&&d){const B=(r=e.option.variants)==null?void 0:r.find(w=>w.id===d);B&&await A.setSelectionsAndElements(e.stepName,[B],s,async()=>{const w=await Promise.all(e.data.regions.map(E=>this.frameSourceSvg(B,E)));A.updateStorage(e.stepName,{currentFrameSources:w}),await l()})}}else await A.setSelectionsAndElements(e.stepName,[],s,l)}}selectImage(e,A,t){t.setEditedStatus(e.stepName,!0),(A.fileLink||"").endsWith("pdf")?t.addPoller(new hA(async()=>{var s;const i=(s=(await b.getLocalOrFromServer(A.key||"")).versions)==null?void 0:s.find(r=>r.name==="svg");return i?(await fetch(i.link)).status===200:!1},()=>{b.getLocalOrFromServer(A.key||"").then(a=>{this.loadPatternFromAsset(a,e,t)})},()=>{throw new Ee("Failed to resolve transcoded PDF")})):this.loadPatternFromAsset(A,e,t)}async selectVariant(e,A,t,n,a){const i=await this.selectVariantCommand(e,A,t,n,a);i&&(i.command&&n.getCommandDispatcher()(i.command),i.followup&&await i.followup())}getCreateElementCommand(e,A,t,n){return new c.CreateElementCommand({id:e,type:c.LayoutElementType.Frame,x:A.left,y:A.top,width:A.width,height:A.height,layer:A.layer,layerIndex:A.layerIndex,rotation:A.rotation,scaleX:A.width/n.frameData.width,scaleY:A.height/n.frameData.height,path:n.frameData.path,dataWidth:n.frameData.width,dataHeight:n.frameData.height,stepRegion:A,stepName:n.stepName,disablePlaceholder:n.disablePlaceholder,focalBlur:n.focalBlur,focalBlurStrength:n.focalBlurStrength,focalBlurRadius:n.focalBlurRadius,pattern:n.pattern,immutable:A.immutable},t)}async loadPatternFromString(e,A){if(e.endsWith("svg")){const t=await c.GetSVGDimensions(e),n=t.width,a=t.height,i={src:e,width:n,height:a,aspect:n/a};c.patternImageDataCache.set(e,i),A.setPatternData(i)}else{const t=await c.fetchAsArrayBuffer(e,!0),n=await c.getAttributesFromArrayBuffer(t),a={src:e,width:n.width,height:n.height,aspect:n.width/n.height};c.patternImageDataCache.set(e,a),A.setPatternData(a)}}async selectVariantCommand(e,A,t,n,a,i){var B;const o=(B=n.getStepSpecificServices(e.stepName))==null?void 0:B.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");const s=await Promise.all(e.data.regions.map(w=>this.frameSourceSvg(A,w)));a&&a(!0);const r=await Promise.all(e.data.regions.map(async(w,E)=>{const m=await c.getFrameData(s[E]),h=o.getImageData(),u=t.map(f=>new c.DeleteElementCommand(f.id)),C=h?c.calculateOffsets(h,m):void 0,D=h?{id:c.generate(),src:h.src,x:(C==null?void 0:C.x)||0,y:(C==null?void 0:C.y)||0,width:h.width,height:h.height,scaleX:(C==null?void 0:C.zoom)||1,scaleY:(C==null?void 0:C.zoom)||1,rotation:0}:void 0,I=c.generate(),p=n.getLayouts().find(f=>f.panelId===w.panelId);if(!p)throw new k(w);return{command:this.getCreateElementCommand(I,w,p,{frameData:m,pattern:D,disablePlaceholder:e.data.disablePlaceholder,focalBlur:e.data.focalBlur,focalBlurStrength:e.data.focalBlurStrength,focalBlurRadius:e.data.focalBlurRadius,stepName:e.stepName}),regionEl:{id:I,region:w},removeExistingCommands:u}})),l=r.map(w=>w.command),d=r.map(w=>w.removeExistingCommands).flat();return{command:new c.GroupCommand([...l,...d]),followup:async()=>{a&&a(!1),await n.setSelectionsAndElements(e.stepName,A?[A]:[],[...r.map(w=>w.regionEl)],async()=>{var w;if(n.updateStorage(e.stepName,{currentFrameSources:s}),i){const E=(w=n.getStepSpecificServices(e.stepName))==null?void 0:w.frameService;if(!E)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(i,E)}})}}}patternSource(e){var n;const A=(n=e.versions)==null?void 0:n.find(a=>a.name==="svg");if(A)return A.link;const t=e.fileLink;if(t)return t;throw new W(e)}async loadPatternFromAsset(e,A,t){var o;const n=this.patternSource(e),a=t.markUpdatePending(),i=(o=t.getStepSpecificServices(A.stepName))==null?void 0:o.frameService;if(!i)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(n,i),t.updateMetadata(A.stepName,{image:n}),t.updateStorage(A.stepName,{framePatternSrc:n}),t.markUpdateCompleted(a)}}const me=new Pt;class Nt{async getIllustrationBody(e){return new Promise(A=>{c.fetchAsString(e,!0).then(t=>{A(t)}).catch(t=>console.error(t))})}getCreateElementCommand(e,A,t,n){return new c.CreateElementCommand({stepRegion:A,stepName:n.stepName,colors:n.svg.colors,id:e,src:n.src,svg:n.svg.svg,cachedObjectURL:n.objectURL,type:c.LayoutElementType.Illustration,y:A.top,x:A.left,rotation:A.rotation,width:A.width,height:A.height,layer:A.layer,layerIndex:A.layerIndex,immutable:A.immutable},t)}getColors(e,A){const t=A.getRegionElements(e.stepName)||[];if(t.length===0)return[];try{return c.findElement(t[0].id,A.getAllLayoutData()).colors}catch{return[]}}async init(e,A,t){const n=e.option;if(!n)return null;if(t)return this.reload(e,A,t);{const a=J.getDefaultVariant(n);if(a)return await this.selectVariantCommand(e,a,[],()=>{},A)}return null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;A.updateMetadata(e.stepName,{colors:(w=n.storage)==null?void 0:w.colors}),A.setMandatoryFulfilled(e.stepName,!0)})}}else throw new Error("Required illustration variant no longer available")}return null}async availableColors(e,A){var n;const t=e.data.colorOption;return t?t?(n=t.variants)==null?void 0:n.map(a=>({fill:a.color,stroke:a.color,variant:a})):[]:[]}async changeColorsCommand(e,A,t,n,a){var l;const i={};for(const[d,B]of a.entries())i[d]={browserValue:B,spotColor:(l=i[d])==null?void 0:l.spotColor};const o=c.modifySVGWithElementProperties(e,A,t,i),s=await c.svgObjectURL(o),r=[];for(const d of n){for(const[B,w]of a.entries())r.push(new c.IllustrationColorCommand(d,B,w));r.push(new c.IllustrationCacheCommand(d,o,s))}return new c.GroupCommand(r)}async changeColors(e,A,t,n,a){var w,E;if(A.length===0)return;const i=c.findElement(A[0].id,n().map(m=>m.layoutState)),o={...i.colors},s={};Object.entries(o).forEach(([m,h])=>{const u={browserValue:h.browserValue},C=h.spotColor;C&&(u.spotColor={profileName:C.profileName,namedColor:C.namedColor}),s[m]=u});for(const[m,h]of a.entries())o[m]={browserValue:h,spotColor:(w=o[m])==null?void 0:w.spotColor},s[m]={browserValue:h};let r=Array.from(Object.values(o)).map(m=>m.browserValue);const l=e.data.colorOption;l&&((E=l.variants)==null||E.forEach(m=>{r=r.map(h=>{var u;return h.toLowerCase()===((u=m.color)==null?void 0:u.toLowerCase())?m.name:h})})),t.updateMetadata(e.stepName,{colors:r});const d=new Map;if(Object.entries(o).forEach(([m,h])=>{d.set(m,h.browserValue)}),!i.svg)throw new Error("Colors changed before SVG loaded. This should never happen!");const B=await this.changeColorsCommand(i.svg,i.width,i.height,A.map(m=>m.id),d);t.updateStorage(e.stepName,{colors:s}),t.getCommandDispatcher()(B)}async selectVariant(e,A,t,n,a){const i=await this.selectVariantCommand(e,A,t,n,a);i&&(i.command&&a.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async selectVariantCommand(e,A,t,n,a){var u;if(!e.data||!e.data.regions)throw new ne(e,"Missing regions.");n(!0);const i=t.map(C=>new c.DeleteElementCommand(C.id));a.setMandatoryFulfilled(e.stepName,!1);const o=A.asset;if(!o)throw new j(A);const s=o.fileLink;if(!s)throw new W(o);const r=await c.generateSVGWithUnknownColors(await this.getIllustrationBody(s)),l=await c.svgObjectURL(r.svg),d=C=>{const D=a.getLayouts().find(F=>F.panelId===C.panelId);if(!D)throw new k(C);const I=c.generate();return{regionElement:{id:I,region:C},command:this.getCreateElementCommand(I,C,D,{stepName:e.stepName,src:s,objectURL:l,svg:r})}},B=e.data.regions.map(d),E=[...B.map(C=>C.command),...i];let m=Array.from(Object.values(r.colors)).map(C=>C.browserValue);const h=e.data.colorOption;return h&&((u=h.variants)==null||u.forEach(C=>{m=m.map(D=>{var I;return D.toLowerCase()===((I=C.color)==null?void 0:I.toLowerCase())?C.name:D})})),a.updateMetadata(e.stepName,{colors:m}),{command:new c.GroupCommand(E),followup:async()=>{await a.setSelectionsAndElements(e.stepName,[A],B.map(C=>C.regionElement),async()=>{a.setMandatoryFulfilled(e.stepName,!0),n(!1)})}}}}const re=new Nt;class Ht{async init(e,A,t){const n=e.option;if(!n)throw new te(e);if(t)await this.reload(e,A,t);else{const a=J.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,A,()=>{})}return null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(!s)throw new te(e);if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=d.material,w=o.map(E=>({id:E.id,region:E.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],w,async()=>{const E=A.getModelContainer();if(E){const m=e.data.targetMaterials.map(h=>E.applyMaterialVariant(h,s.id||"",B||{}));Promise.all(m).then(()=>A.setMandatoryFulfilled(e.stepName,!0))}})}}}}async selectVariant(e,A,t,n){const a=await this.selectVariantLambda(e,A,t,n);a&&(a.command&&t.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,A,t,n){const a=t.getModelContainer();n(!0);const i=A.material;if(!i)throw n(!1),new j(A);return{command:void 0,followup:async()=>{await t.setSelectionsAndElements(e.stepName,[A],[],async()=>{try{a&&e.data.targetMaterials.forEach(o=>{e.option&&a.applyMaterialVariant(o,e.option.id||"",i)}),t.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const xe=new Ht;class xt{async init(e,A,t){const n=e.option;if(!n)throw new te(e);if(t)await this.reload(e,A,t);else{const a=J.getDefaultVariant(n);if(a)return await this.selectVariantLambda(e,a,A,()=>{})}return null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{var E;const w=A.getModelContainer();if(w&&e.option){const m=(E=d.asset)==null?void 0:E.fileLink;if(!m)throw new j(d);await w.applyModelVariant(e.stepName||"",{model:m,contextService:A.getLayoutPreviewService()},e.data.replaceProductModel||!1),A.setMandatoryFulfilled(e.stepName,!0)}})}}}}async selectVariant(e,A,t,n){const a=await this.selectVariantLambda(e,A,t,n);a&&(a.command&&t.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,A,t,n){var i;n(!0);const a=(i=A.asset)==null?void 0:i.fileLink;if(!a)throw new j(A);return{command:void 0,followup:async()=>{await t.setSelectionsAndElements(e.stepName,[A],[],async()=>{try{const o=t.getModelContainer();o&&await o.applyModelVariant(e.stepName,{model:a,contextService:t.getLayoutPreviewService()},e.data.replaceProductModel||!1),t.setMandatoryFulfilled(e.stepName,!0)}finally{n(!1)}})}}}}const Re=new xt;class Rt{async init(e,A,t){if(t)await this.reload(e,A,t);else return A.updateMetadata(e.stepName,{text:""}),this.changeTextCommand(e,"",A,"",()=>{});return null}async reload(e,A,t){const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),s=Object.values(t.layouts).map(r=>r.elements).flat().filter(r=>r.stepName===e.stepName).map(r=>({id:r.id,region:r.stepRegion}));await A.setSelectionsAndElements(e.stepName,[],s,async()=>{var r,l;A.updateStorage(e.stepName,{text:(r=n==null?void 0:n.storage)==null?void 0:r.text}),A.setMandatoryFulfilled(e.stepName,((l=n==null?void 0:n.storage)==null?void 0:l.text)!=="")})}async changeText(e,A,t,n,a){const i=await this.changeTextCommand(e,A,t,n,a);i&&(i.command&&t.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async changeTextCommand(e,A,t,n,a){var l;const i=t.getRegionElements(e.stepName),o=(l=t.getStepSpecificServices(e.stepName))==null?void 0:l.module;if(!o)return console.error("Missing module."),null;const s=t.getProfanities();if(!this.validateInput(e,A,s,a))return t.setMandatoryFulfilled(e.stepName,!1),console.error(n),null;if(t.setMandatoryFulfilled(e.stepName,A!==""),!e.data||!e.data.regions||e.data.regions.length<=0)return console.error("Missing configuration."),null;t.updateStorage(e.stepName,{text:A});const r=(d,B,w)=>{const E=w||c.generate(),h=t.getLayouts().find(C=>C.panelId===B.panelId);if(!h)return console.error(`Can not find layout for region: ${B.panelId}`),null;const u=[];return w&&u.push(new c.DeleteElementCommand(E)),u.push(new c.CreateElementCommand({stepRegion:B,stepName:e.stepName,colors:{},id:E,svg:d,type:c.LayoutElementType.Illustration,y:B.top,x:B.left,rotation:B.rotation,width:B.width,height:B.height,layer:B.layer,layerIndex:B.layerIndex,immutable:B.immutable},h)),{id:E,region:B,command:new c.GroupCommand(u)}};if(i.length>0){const B=i.map(w=>{if(!w.region)return null;const E=o.svgPrint(A,w.region);return r(E,w.region,w.id)}).filter(w=>!!w).filter(w=>!!w).map(w=>w&&w.command);return{command:new c.GroupCommand(B),followup:async()=>{}}}else{const d=e.data.regions.map(w=>r(o.svgPrint(A,w),w)),B=d.filter(w=>!!w).map(w=>w&&w.command);return{command:new c.GroupCommand(B),followup:async()=>{const w=d.filter(E=>E).map(E=>E&&{id:E.id,region:E.region});await t.setSelectionsAndElements(e.stepName,[],w)}}}}validateInput(e,A,t,n){if(e.data&&e.data.maxLength){const i=e.data.maxLength;if(A.length>i)return n("Too many characters."),!1}if(!/^$|^[a-zA-Z0-9 ]+$/.test(A))return n("Unsupported characters."),!1;const a=Se.split(A.toLowerCase());for(const i of a)for(const o in t){const s=t[o].toLowerCase().replace(/\s/g,"");if(i===s)return n("Blocked profanity."),!1}return n(""),!0}}const QA=new Rt;class Ut{async init(e,A,t){const n=e.option;if(!n)return null;if(t)await this.reload(e,A,t);else if(n.defaultVariant)return A.markStepsAsInitialised([e.stepName]),this.selectVariantCommand(e,n.defaultVariant,A,()=>{});return A.markStepsAsInitialised([e.stepName]),null}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{A.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariant(e,A,t,n){const a=await this.selectVariantCommand(e,A,t,n);a&&(a.command&&t.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantCommand(e,A,t,n){const a=A.asset;if(!a)throw new j(A);const i=a==null?void 0:a.fileLink;if(!i)return console.error("No URL for picture!"),null;n(!0),t.setMandatoryFulfilled(e.stepName,!1);const s=t.getRegionElements(e.stepName).map(d=>new c.DeleteElementCommand(d.id)),r=d=>{const w=t.getLayouts().find(m=>m.panelId===d.panelId);if(!w)throw new k(d);const E=c.generate();return{regionElement:{id:E,region:d},command:new c.CreateElementCommand({stepName:e.stepName,stepRegion:d,id:E,src:i,type:c.LayoutElementType.Image,y:d.top,x:d.left,rotation:d.rotation,width:d.width,height:d.height,layer:d.layer,layerIndex:d.layerIndex,immutable:d.immutable,preserveAspectRatio:"none"},w)}},l=e.data.regions.map(r);return{command:new c.GroupCommand([...s,...l.map(d=>d.command)]),followup:async()=>{await t.setSelectionsAndElements(e.stepName,[A],l.map(d=>d.regionElement),async()=>{t.setMandatoryFulfilled(e.stepName,!0),n(!1)})}}}}const Ue=new Ut;class Gt{async init(e,A,t){const n=e.option;if(!n)return null;if(t)await this.reload(e,A,t);else{const a=n.variants;if(J.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)||"",A)}}return null}async reload(e,A,t){var i;const n=A.getSerializedStep(e.stepName,t.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 A.setSelectionsAndElements(e.stepName,[s],[])}}}async selectVariant(e,A,t){await t.getInitializationPromise();const n=await this.selectVariantLambda(e,A,t);n&&(n.command&&t.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,A,t){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===A):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 t.setSelectionsAndElements(e.stepName,[i],[],async()=>{t.setMandatoryFulfilled(e.stepName,!0)})}}}}const Ge=new Gt;class vt{constructor(){this.shapeFillId="spiff-fill-shape"}async availableColours(e){var t;const A=e.option;return A?((t=A.variants)==null?void 0:t.map(n=>({fill:n.color,stroke:n.color,variant:n})))||[]:[]}setCustomColor(e,A,t){const n=t.getLayouts(),i=(t.getRegionElements(A.stepName)||[]).map(o=>{const s=o.region;if(!n.find(l=>l.panelId===(s==null?void 0:s.panelId)))throw new k(s);return new c.IllustrationColorCommand(o.id,this.shapeFillId,e)}).filter(o=>!!o);t.getCommandDispatcher()(new c.GroupCommand(i)),t.updateStorage(A.stepName,{colour:e})}async init(e,A,t){const n=e.option;if(!n)throw new te(e);if(t)await this.reload(e,A,t);else{const a=J.getDefaultVariant(n);return a?this.selectVariantCommand(e,{fill:a.color,stroke:a.color,variant:a},[],A):null}return null}async selectVariant(e,A,t,n){const a=await this.selectVariantCommand(e,A,t,n);a&&(a.command&&n.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async reload(e,A,t){var r;const n=A.getSerializedStep(e.stepName,t.serializableWorkflow.steps),o=Object.values(t.layouts).map(l=>l.elements).flat().filter(l=>l.stepName===e.stepName),s=e.option;if(n!=null&&n.selectedVariants){const l=n.selectedVariants[0].id;if(s&&l){const d=(r=s.variants)==null?void 0:r.find(B=>B.id===l);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await A.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;A.updateStorage(e.stepName,{colour:((w=n==null?void 0:n.storage)==null?void 0:w.colour)||""}),A.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariantCommand(e,A,t,n){var s;const a=n.getLayouts(),i=(s=n.getStepStorage(e.stepName))==null?void 0:s.colour,o=()=>{var r,l;if(((r=A.variant)==null?void 0:r.color)==="#custom")return i||"#FFFFFF";if((l=A.variant)!=null&&l.color)return A.variant.color;throw new Error("Failed to resolve color for shape step.")};if(t.length>0){const r=d=>{const B=d.region;if(!a.find(m=>m.panelId===(B==null?void 0:B.panelId)))throw new k(B);const E=o();return new c.IllustrationColorCommand(d.id,this.shapeFillId,E)},l=t.map(r).filter(d=>!!d);return{command:new c.GroupCommand(l),followup:async()=>{await n.setSelectionsAndElements(e.stepName,A.variant?[A.variant]:[],t),n.updateStorage(e.stepName,{colour:o()})}}}else{const r=w=>{const E=a.find(D=>D.panelId===w.panelId);if(!E)throw new k(w);const m=o(),h=`
                     <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": "17.0.3-1",
+    "version": "17.0.3-2",
     "description": "Core client API for interacting with the Spiff Commerce backend.",
     "source": "src/index.ts",
     "main": "dist/index.umd.cjs",