@spiffcommerce/core 16.2.0 → 16.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2424,7 +2424,7 @@ class ya {
|
|
|
2424
2424
|
await t.setSelectionsAndElements(A.stepName, [e], [], async () => {
|
|
2425
2425
|
try {
|
|
2426
2426
|
const i = t.getModelContainer();
|
|
2427
|
-
i && A.option && i.applyModelVariant(
|
|
2427
|
+
i && A.option && await i.applyModelVariant(
|
|
2428
2428
|
A.option.id || "",
|
|
2429
2429
|
{
|
|
2430
2430
|
model: n,
|
package/dist/index.umd.cjs
CHANGED
|
@@ -556,7 +556,7 @@
|
|
|
556
556
|
workflowState
|
|
557
557
|
}
|
|
558
558
|
}
|
|
559
|
-
`,Re=l=>{const e=[];for(const t of l.steps)switch(t.type){case s.StepType.DigitalContent:t.data.varyUpload&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Upload});break;case s.StepType.Frame:const a=t.data;a.varySelection&&t.option&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection}),a.varyUpload&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Upload});break;case s.StepType.Illustration:const n=t.data;n.varySelection&&t.option&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection}),n.varyColors&&n.colorPickerEnabled&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Colors});break;case s.StepType.Material:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Model:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Picture:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Question:t.data.varySelections&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selections});break;case s.StepType.Shape:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Text:const d=t.data;d.varyText&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Text}),d.varySelection&&t.option&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection}),d.varyColor&&d.colorPickerEnabled&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Color});break}return e},re=[s.StepType.SilentIllustration,s.StepType.ProductOverlay],UA=async(l,e,t)=>{var a;const A=[];l.introduction&&A.push({name:"Introduction",title:l.name,renderableSteps:[{type:s.StepType.Introduction,stepName:"Introduction",stepTitle:l.name,helpText:l.introduction,data:{},conditions:[]}],silentSteps:[]});for(const n of l.steps){if(e.bulkScene){let o=!1;switch(n.type){case s.StepType.DigitalContent:n.data.varyUpload&&(o=!0);break;case s.StepType.Frame:{const r=n.data;r.varyUpload&&(r.varySelection||!n.option)&&(o=!0)}break;case s.StepType.Illustration:{const r=n.data;(r.varySelection||!n.option||(n.option.variants||[]).length===1)&&(r.varyColors||!r.colorPickerEnabled)&&(o=!0)}break;case s.StepType.Material:n.data.varySelection&&(o=!0);break;case s.StepType.Model:n.data.varySelection&&(o=!0);break;case s.StepType.Picture:n.data.varySelection&&(o=!0);break;case s.StepType.Question:n.data.varySelections&&(o=!0);break;case s.StepType.Shape:n.data.varySelection&&(o=!0);break;case s.StepType.Text:{const r=n.data;(r.varySelection||!n.option||(n.option.variants||[]).length===1)&&(r.varyColor||!r.colorPickerEnabled||!r.colorOption)&&r.varyText&&(o=!0)}break}if(o)continue}const i=vA(n.stepName,l.stepGroups);if(!i)A.push({name:n.stepName,title:n.stepTitle,renderableSteps:re.includes(n.type)?[]:[n],silentSteps:re.includes(n.type)?[n]:[]});else{const o=A.find(r=>r.name===i.name);o?re.includes(n.type)?o.silentSteps.push(n):o.renderableSteps.push(n):A.push({name:i.name,title:i.name,renderableSteps:re.includes(n.type)?[]:[n],silentSteps:re.includes(n.type)?[n]:[]})}}if(e.bulkScene){const n=(a=t==null?void 0:t.product)==null?void 0:a.bulkConfiguration;A.push({name:"Bulk",title:(n==null?void 0:n.sceneTitle)??e.bulkSceneTitle,renderableSteps:[{type:s.StepType.Bulk,stepName:"Bulk",stepTitle:(n==null?void 0:n.stepTitle)??e.bulkSceneTitle,helpText:n==null?void 0:n.helpText,data:{aspects:Re(l)},conditions:[]}],silentSteps:[]})}return e.finishScene&&A.push({name:"Finish",title:e.finishSceneTitle,renderableSteps:[{type:s.StepType.Finish,stepName:"Finish",stepTitle:e.finishSceneTitle,helpText:"",data:{modelAnimation:l.finalizeStepConfig?l.finalizeStepConfig.modelAnimation:void 0,lookAtAnimation:l.finalizeStepConfig?l.finalizeStepConfig.lookAtAnimation:void 0},conditions:[]}],silentSteps:[]}),A},vA=(l,e)=>e.find(t=>t.stepNames.includes(l)),Z=(l,e)=>(l.conditions||[]).every(t=>{const A=e[t.targetStepName];if(A&&A.selectedVariants){const a=A.selectedVariants;return t.requiredVariantSelections.some(n=>a.find(i=>i.id===n)!==void 0)}return!1}),GA=(l,e)=>{const t={name:l.name,title:l.title,renderableSteps:l.renderableSteps.filter(A=>Z(A,e)),silentSteps:l.silentSteps.filter(A=>Z(A,e))};return t.silentSteps.length===0&&t.renderableSteps.length===0?null:t},$=(l,e)=>l.map(t=>GA(t,e)).filter(t=>t!==null),kA=async(l,e)=>{var n;const t=$(l,e),A=[];for(const i of t)for(const o of i.renderableSteps)if(o.type===s.StepType.Model||o.type===s.StepType.Material||o.type===s.StepType.Picture||o.type===s.StepType.Shape){const r=(((n=o.option)==null?void 0:n.variants)||[]).length;r&&r>1&&A.push(o.stepName)}else A.push(o.stepName);const a=t.filter(i=>i.renderableSteps.filter(r=>A.includes(r.stepName)).length>0);for(const i of a)i.renderableSteps=i.renderableSteps.filter(o=>A.includes(o.stepName));return a};class xe{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 t=this.queue.length-1;for(let A=0;A<t;++A)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(t){console.log(t)}finally{await this.dequeue()}}}function ht(l,e,t,A){const a=t.width*l.zoom,n=t.height*l.zoom;if(A){const o=l,r=Math.max(e.width/t.width,e.height/t.height);o.zoom=Math.max(r,l.zoom);const g=t.width*o.zoom,c=t.height*o.zoom;return o.x=ue(l.x,e.width-g,0),o.y=ue(l.y,e.height-c,0),o}const i=l;return i.x=ue(i.x,-a,e.width),i.y=ue(i.y,-n,e.height),i}function ue(l,e,t){return Math.min(Math.max(l,e),t)}class Ct{constructor(e){this.minZoomScale=[.03],this.maxZoomScale=[20],this._debouncedUpdateFrameOffsets=$e(this.updateFrameOffsets,200),this.targetElements=[],this.onFrameDataChangeListeners=[],this.onZoomChangeListeners=[],this.forceImageCover=e}connectWorkflowManager(e,t){t&&e.addStepSpecificStorageCallback(async A=>{if(A){const a=A;if(a.currentFrameSources){let n=!1;for(let i=0;i<a.currentFrameSources.length;i++){const o=a.currentFrameSources[i],r=await s.getFrameData(o);_e(r,this.frameData)||(this.frameData||(this.frameData=new Array(a.currentFrameSources.length)),this.frameData[i]=r,n=!0)}n&&(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 a=s.frameDataCache.get(t);a&&(this.frameData||(this.frameData=new Array(e.length)),this.frameData[A]=a)})}getImageData(){return this.imageData}getOffsets(){return this.offsets}setOffsets(e){this.offsets=e}setZoom(e,t,A,a){if(this.imageData&&this.offsets&&this.frameData){(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length));const n=this.frameData.map((i,o)=>{const r=(t[o]-this.offsets[o].x)/this.offsets[o].zoom,g=(A[o]-this.offsets[o].y)/this.offsets[o].zoom,c=t[o]-r*e[o],d=A[o]-g*e[o];return{x:c,y:d,zoom:this.imageData.width*e[o]/this.imageData.width}});this.updateOffsets(n,a),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,t,A){const a=this.imageData;if(!a||!this.frameData)return;if(this.frameData.length!==e.length)throw new v("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]=ht(e[o],i,this.imageData,this.forceImageCover)}),this._debouncedUpdateFrameOffsets(this.offsets,a,this.frameData,this.targetElements,t)}onFrameDataChanged(e){e(this.frameData),this.onFrameDataChangeListeners.push(e)}onZoom(e){this.onZoomChangeListeners.push(e)}updateFrameOffsets(e,t,A,a,n){if(!A||A.length===0||A.some(o=>!o))throw new v("Frame data not set. This is a bug");if(!this.workflowManager)throw new v("No workflow manager set, cannot update offsets.");const i=this.workflowManager.getCommandDispatcher();a.forEach((o,r)=>{i(new s.UpdateFramePattern(o,t,e[r]))}),this.stepName&&this.workflowManager.updateStorage(this.stepName,{frameOffsetsList:e}),n&&n()}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,a)=>{const n=Math.max(A.width/e.width,A.height/e.height);this.forceImageCover?(this.minZoomScale[a]=n,this.maxZoomScale[a]=n*2.5):(this.minZoomScale[a]=n/10,this.maxZoomScale[a]=n*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]=s.calculateOffsets(e,t)}),this._debouncedUpdateFrameOffsets(this.offsets,e,this.frameData,this.targetElements))}}class Qt{constructor(e,t,A){this.processRegion=async a=>{var r,g,c,d;const n=this.layouts.find(B=>B.panelId===a.panelId);if(!n)throw new k(a);let i="";if(this.configuration.type===s.StepType.ProductOverlay){let B="";if((r=this.product)!=null&&r.overlayImageUrl&&(B=this.product.overlayImageUrl),i=B,!B)throw new ae(this.configuration,"Couldn't find an asset for product overlay step")}const o=this.evaluateAssetType();if(o===s.LayoutElementType.Image){const B=this.configuration.type===s.StepType.SilentIllustration?(g=this.configuration.data.asset)==null?void 0:g.fileLink:(c=this.product)==null?void 0:c.overlayImageUrl;if(!B)throw new Error("Undefined raster silent step source");const w={stepName:this.configuration.stepName,id:s.generate(),src:B,type:o,y:a.top,x:a.left,width:a.width,height:a.height,layer:a.layer,layerIndex:a.layerIndex,immutable:a.immutable,productOverlay:this.configuration.type===s.StepType.ProductOverlay?!0:void 0,rotation:a.rotation,excludeFromExport:this.configuration.data.excludeFromPrint,preserveAspectRatio:"none"};return{regionElement:{id:w.id,region:a},command:new s.CreateElementCommand(w,n)}}else{const B=this.configuration.type===s.StepType.SilentIllustration?(d=this.configuration.data.asset)==null?void 0:d.fileLink:i,w=async()=>new Promise((h,Q)=>{if(!B){Q("Undefined vector silent step source");return}s.fetchAsString(B).then(m=>{h(m)}).catch(m=>console.error(m))}),E=await s.generateSVGWithUnknownColors(await w()),C={stepName:this.configuration.stepName,id:s.generate(),cachedObjectURL:await s.svgObjectURL(E.svg),src:B,svg:E.svg,colors:E.colors,type:o,y:a.top,x:a.left,width:a.width,height:a.height,layer:a.layer,layerIndex:a.layerIndex,rotation:a.rotation,immutable:a.immutable,productOverlay:this.configuration.type===s.StepType.ProductOverlay?!0:void 0,excludeFromExport:this.configuration.data.excludeFromPrint};return{regionElement:{id:C.id,region:a},command:new s.CreateElementCommand(C,n)}}},this.configuration=e,this.layouts=t,this.product=A||void 0}async trigger(){if(!this.configuration.data.regions)throw new ae(this.configuration,"Missing regions.");if(this.configuration.type===s.StepType.SilentIllustration){const e=this.configuration.data.regions.map(this.processRegion);return Promise.all(e)}else return this.configuration.type===s.StepType.ProductOverlay?Promise.all(this.configuration.data.regions.map(e=>{if(!this.layouts.find(A=>e.panelId===A.panelId))throw new k(e);return this.processRegion(e)})):Promise.reject("Unknown silent step. This is a bug")}evaluateAssetType(){var t,A,a;const e=this.configuration.type===s.StepType.ProductOverlay&&((t=this.product)!=null&&t.overlayImageUrl)?this.product.overlayImageUrl.toLowerCase():(a=(A=this.configuration.data.asset)==null?void 0:A.fileLink)==null?void 0:a.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")?s.LayoutElementType.Image:(e!=null&&e.endsWith(".svg")||e!=null&&e.startsWith("image/svg+xml"),s.LayoutElementType.Illustration)}}const ut=async l=>{const e=`${ne.getServicesApiUrl()}/shortener`;try{return(await(await fetch(e,{method:"POST",body:JSON.stringify({longUrl:l}),headers:{"Content-Type":"application/json"}})).json()).shortUrl}catch(t){throw console.error(t),new he("Failed to shorten URL, see console.")}};class mt{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,a=3e3,n=10){this.onSuccess=t,this.onFailure=A,this.predicate=e,this.attempts=0,this.pollingId=-1,this.interval=a,this.maxAttempts=n,this.poll()}}class bA{async init(e,t,A){return A&&await this.reload(e,t,A),null}async reload(e,t,A){const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),r=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName).map(g=>({id:g.id,region:g.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],r,async()=>{var d,B;const g=(d=a==null?void 0:a.storage)==null?void 0:d.videoShortUrl,c=(B=a==null?void 0:a.storage)==null?void 0:B.videoUrl;t.updateStorage(e.stepName,{videoShortUrl:g,videoUrl:c})})}async regenerateQRCode(e,t,A,a,n,i,o,r,g){if(!t&&A!==""&&a===""){const c=async()=>{var I,D;const m=(await rt([A]))[0],f=(D=(I=m==null?void 0:m.versions)==null?void 0:I.find(M=>M.name==="mpeg4"))==null?void 0:D.link;return{asset:m,link:f}},d=await new Promise((m,f)=>{new mt(async()=>!!(await c()).link,async()=>{const I=await c();if(!I.link||!I.link)throw new W(I.asset);m({rel:"mpeg4",href:I.link})},()=>{f("Poller timed out with 40 attempts @ 3 second interval")},3e3,40)});e.forEach(m=>r(new s.DeleteElementCommand(m.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 he("Cannot create QR code, URL too long.");const C=await ut(E);if(o(C),!i.data||!i.data.regions)throw new ae(i,"Missing regions.");const h=await this.regionElements(i),Q=await this.command(C,h,n,i.stepName);Q&&(Q.command&&n.getCommandDispatcher()(Q.command),Q.followup&&await Q.followup()),await n.setSelectionsAndElements(i.stepName,[],h,async()=>{n.updateStorage(i.stepName,{videoShortUrl:C,videoUrl:a}),g(!1)})}else g(!1)}async regionElements(e){const t=A=>({id:s.generate(),region:A});return e.data.regions.map(t)}async command(e,t,A,a){const n=A.getLayouts(),o=`data:image/svg+xml;base64,${btoa(await et.toString(e,{type:"svg"}))}`,r=t.map(g=>{const c=g.region,d=n.find(B=>B.panelId===(c==null?void 0:c.panelId));if(!d&&c)throw new k(c);if(d&&!c)throw new Error("Region not found");if(!d||!c)throw new Error("Neither a region or layout found!");return new s.CreateElementCommand({stepRegion:c,stepName:a,id:g.id,src:o,type:s.LayoutElementType.Image,y:c.top,x:c.left,width:c.width,height:c.height,rotation:0},d)});return{command:new s.GroupCommand(r),followup:async()=>{}}}}const It=new bA;class JA{constructor(){this.frameSourceSvg=async(e,t)=>{if(!e)return s.generateDefaultRectangleFrameSvg(t);const A=e.asset;if(!A)throw new z(e);const a=A.fileLink;if(a)return s.fetchAsString(a);throw new W(A)}}async init(e,t,A){if(A)return await this.reload(e,t,A),null;if(t.setMandatoryFulfilled(e.stepName,!1),t.markStepsAsInitialised([e.stepName]),e.option&&e.option.variants&&e.option.variants.length>0){const a=e.option,n=J.getDefaultVariant(a);return n?this.selectVariantCommand(e,n,[],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 g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),r=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName).map(c=>({id:c.id,region:c.stepRegion}));if(!e.option||(e.option.variants||[]).length===0){const c=e.data.regions.map(d=>s.generateDefaultRectangleFrameSvg(d));t.updateStorage(e.stepName,{currentFrameSources:c})}if(a){const c=async()=>{var w,E,C,h;const d=(w=a.storage)==null?void 0:w.framePatternSrc,B=(E=a.storage)==null?void 0:E.frameOffsetsList;if(t.updateMetadata(e.stepName,{frameOffsetsList:B,framePatternSrc:d}),d){const Q=(C=t.getStepSpecificServices(e.stepName))==null?void 0:C.frameService;if(!Q)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(d,Q),t.updateMetadata(e.stepName,{image:d}),t.updateStorage(e.stepName,{framePatternSrc:d})}if(B!=null&&B.some(Q=>Q.zoom)){const Q=(h=t.getStepSpecificServices(e.stepName))==null?void 0:h.frameService;if(!Q)throw new Error("Frame service unavailable, cannot load pattern!");Q.updateOffsets(B)}t.setMandatoryFulfilled(e.stepName,!0)};if(a.selectedVariants&&a.selectedVariants.length>0){const d=a.selectedVariants[0].id;if(e.option&&d){const B=(g=e.option.variants)==null?void 0:g.find(w=>w.id===d);B&&await t.setSelectionsAndElements(e.stepName,[B],r,async()=>{const w=await Promise.all(e.data.regions.map(E=>this.frameSourceSvg(B,E)));t.updateStorage(e.stepName,{currentFrameSources:w}),await c()})}}else await t.setSelectionsAndElements(e.stepName,[],r,c)}}selectImage(e,t,A){A.setEditedStatus(e.stepName,!0),(t.fileLink||"").endsWith("pdf")?A.addPoller(new mt(async()=>{var r;const i=(r=(await b.getLocalOrFromServer(t.key||"")).versions)==null?void 0:r.find(g=>g.name==="svg");return i?(await fetch(i.link)).status===200:!1},()=>{b.getLocalOrFromServer(t.key||"").then(n=>{this.loadPatternFromAsset(n,e,A)})},()=>{throw new he("Failed to resolve transcoded PDF")})):this.loadPatternFromAsset(t,e,A)}async selectVariant(e,t,A,a,n){const i=await this.selectVariantCommand(e,t,A,a,n);i&&(i.command&&a.getCommandDispatcher()(i.command),i.followup&&await i.followup())}getCreateElementCommand(e,t,A,a){return new s.CreateElementCommand({id:e,type:s.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/a.frameData.width,scaleY:t.height/a.frameData.height,path:a.frameData.path,dataWidth:a.frameData.width,dataHeight:a.frameData.height,stepRegion:t,stepName:a.stepName,disablePlaceholder:a.disablePlaceholder,focalBlur:a.focalBlur,focalBlurStrength:a.focalBlurStrength,focalBlurRadius:a.focalBlurRadius,pattern:a.pattern,immutable:t.immutable},A)}async loadPatternFromString(e,t){if(e.endsWith("svg")){const A=await s.GetSVGDimensions(e),a=A.width,n=A.height,i={src:e,width:a,height:n,aspect:a/n};s.patternImageDataCache.set(e,i),t.setPatternData(i)}else{const A=await s.fetchAsArrayBuffer(e),a=await s.getAttributesFromArrayBuffer(A),n={src:e,width:a.width,height:a.height,aspect:a.width/a.height};s.patternImageDataCache.set(e,n),t.setPatternData(n)}}async selectVariantCommand(e,t,A,a,n,i){var B;const o=(B=a.getStepSpecificServices(e.stepName))==null?void 0:B.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");const r=await Promise.all(e.data.regions.map(w=>this.frameSourceSvg(t,w)));n&&n(!0);const g=await Promise.all(e.data.regions.map(async(w,E)=>{const C=await s.getFrameData(r[E]),h=o.getImageData(),Q=A.map(p=>new s.DeleteElementCommand(p.id)),m=h?s.calculateOffsets(h,C):void 0,f=h?{id:s.generate(),src:h.src,x:(m==null?void 0:m.x)||0,y:(m==null?void 0:m.y)||0,width:h.width,height:h.height,scaleX:(m==null?void 0:m.zoom)||1,scaleY:(m==null?void 0:m.zoom)||1,rotation:0}:void 0,I=s.generate(),M=a.getLayouts().find(p=>p.panelId===w.panelId);if(!M)throw new k(w);return{command:this.getCreateElementCommand(I,w,M,{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:I,region:w},removeExistingCommands:Q}})),c=g.map(w=>w.command),d=g.map(w=>w.removeExistingCommands).flat();return{command:new s.GroupCommand([...c,...d]),followup:async()=>{n&&n(!1),await a.setSelectionsAndElements(e.stepName,t?[t]:[],[...g.map(w=>w.regionEl)],async()=>{var w;if(a.updateStorage(e.stepName,{currentFrameSources:r}),i){const E=(w=a.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 a;const t=(a=e.versions)==null?void 0:a.find(n=>n.name==="svg");if(t)return t.link;const A=e.fileLink;if(A)return A;throw new W(e)}async loadPatternFromAsset(e,t,A){var o;const a=this.patternSource(e),n=A.markUpdatePending(),i=(o=A.getStepSpecificServices(t.stepName))==null?void 0:o.frameService;if(!i)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(a,i),A.updateMetadata(t.stepName,{image:a}),A.updateStorage(t.stepName,{framePatternSrc:a}),A.markUpdateCompleted(n)}}const me=new JA;class TA{async getIllustrationBody(e){return new Promise(t=>{s.fetchAsString(e).then(A=>{t(A)}).catch(A=>console.error(A))})}getCreateElementCommand(e,t,A,a){return new s.CreateElementCommand({stepRegion:t,stepName:a.stepName,colors:a.svg.colors,id:e,src:a.src,svg:a.svg.svg,cachedObjectURL:a.objectURL,type:s.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 s.findElement(A[0].id,t.getAllLayoutData()).colors}catch{return[]}}async init(e,t,A){const a=e.option;if(!a)return null;if(A)return this.reload(e,t,A);{const n=J.getDefaultVariant(a);if(n)return await this.selectVariantCommand(e,n,[],()=>{},t)}return null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;t.updateMetadata(e.stepName,{colors:(w=a.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 a;const A=e.data.colorOption;return A?A?(a=A.variants)==null?void 0:a.map(n=>({fill:n.color,stroke:n.color,variant:n})):[]:[]}async changeColorsCommand(e,t,A,a,n){var c;const i={};for(const[d,B]of n.entries())i[d]={browserValue:B,spotColor:(c=i[d])==null?void 0:c.spotColor};const o=s.modifySVGWithElementProperties(e,t,A,i),r=await s.svgObjectURL(o),g=[];for(const d of a){for(const[B,w]of n.entries())g.push(new s.IllustrationColorCommand(d,B,w));g.push(new s.IllustrationCacheCommand(d,o,r))}return new s.GroupCommand(g)}async changeColors(e,t,A,a,n){var w,E;if(t.length===0)return;const i=s.findElement(t[0].id,a().map(C=>C.layoutState)),o={...i.colors},r={};Object.entries(o).forEach(([C,h])=>{const Q={browserValue:h.browserValue},m=h.spotColor;m&&(Q.spotColor={profileName:m.profileName,namedColor:m.namedColor}),r[C]=Q});for(const[C,h]of n.entries())o[C]={browserValue:h,spotColor:(w=o[C])==null?void 0:w.spotColor},r[C]={browserValue:h};let g=Array.from(Object.values(o)).map(C=>C.browserValue);const c=e.data.colorOption;c&&((E=c.variants)==null||E.forEach(C=>{g=g.map(h=>{var Q;return h.toLowerCase()===((Q=C.color)==null?void 0:Q.toLowerCase())?C.name:h})})),A.updateMetadata(e.stepName,{colors:g});const d=new Map;if(Object.entries(o).forEach(([C,h])=>{d.set(C,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,t.map(C=>C.id),d);A.updateStorage(e.stepName,{colors:r}),A.getCommandDispatcher()(B)}async selectVariant(e,t,A,a,n){const i=await this.selectVariantCommand(e,t,A,a,n);i&&(i.command&&n.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async selectVariantCommand(e,t,A,a,n){var Q;if(!e.data||!e.data.regions)throw new ae(e,"Missing regions.");a(!0);const i=A.map(m=>new s.DeleteElementCommand(m.id));n.setMandatoryFulfilled(e.stepName,!1);const o=t.asset;if(!o)throw new z(t);const r=o.fileLink;if(!r)throw new W(o);const g=await s.generateSVGWithUnknownColors(await this.getIllustrationBody(r)),c=await s.svgObjectURL(g.svg),d=m=>{const f=n.getLayouts().find(D=>D.panelId===m.panelId);if(!f)throw new k(m);const I=s.generate();return{regionElement:{id:I,region:m},command:this.getCreateElementCommand(I,m,f,{stepName:e.stepName,src:r,objectURL:c,svg:g})}},B=e.data.regions.map(d),E=[...B.map(m=>m.command),...i];let C=Array.from(Object.values(g.colors)).map(m=>m.browserValue);const h=e.data.colorOption;return h&&((Q=h.variants)==null||Q.forEach(m=>{C=C.map(f=>{var I;return f.toLowerCase()===((I=m.color)==null?void 0:I.toLowerCase())?m.name:f})})),n.updateMetadata(e.stepName,{colors:C}),{command:new s.GroupCommand(E),followup:async()=>{await n.setSelectionsAndElements(e.stepName,[t],B.map(m=>m.regionElement),async()=>{n.setMandatoryFulfilled(e.stepName,!0),a(!1)})}}}}const ce=new TA;class LA{async init(e,t,A){const a=e.option;if(!a)throw new Ae(e);if(A)await this.reload(e,t,A);else{const n=J.getDefaultVariant(a);if(n)return await this.selectVariantLambda(e,n,t,()=>{})}return null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(!r)throw new Ae(e);if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=d.material,w=o.map(E=>({id:E.id,region:E.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],w,async()=>{const E=t.getModelContainer();if(E){const C=e.data.targetMaterials.map(h=>E.applyMaterialVariant(h,r.id||"",B||{}));Promise.all(C).then(()=>t.setMandatoryFulfilled(e.stepName,!0))}})}}}}async selectVariant(e,t,A,a){const n=await this.selectVariantLambda(e,t,A,a);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,t,A,a){const n=A.getModelContainer();a(!0);const i=t.material;if(!i)throw a(!1),new z(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{n&&e.data.targetMaterials.forEach(o=>{e.option&&n.applyMaterialVariant(o,e.option.id||"",i)}),A.setMandatoryFulfilled(e.stepName,!0)}finally{a(!1)}})}}}}const Ue=new LA;class OA{async init(e,t,A){const a=e.option;if(!a)throw new Ae(e);if(A)await this.reload(e,t,A);else{const n=J.getDefaultVariant(a);if(n)return await this.selectVariantLambda(e,n,t,()=>{})}return null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{var E;const w=t.getModelContainer();if(w&&e.option){const C=(E=d.asset)==null?void 0:E.fileLink;if(!C)throw new z(d);await w.applyModelVariant(e.option.id||"",{model:C,contextService:t.getLayoutPreviewService()},e.data.replaceProductModel||!1),t.setMandatoryFulfilled(e.stepName,!0)}})}}}}async selectVariant(e,t,A,a){const n=await this.selectVariantLambda(e,t,A,a);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,t,A,a){var i;a(!0);const n=(i=t.asset)==null?void 0:i.fileLink;if(!n)throw new z(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{const o=A.getModelContainer();o&&e.option&&o.applyModelVariant(e.option.id||"",{model:n,contextService:A.getLayoutPreviewService()},e.data.replaceProductModel||!1),A.setMandatoryFulfilled(e.stepName,!0)}finally{a(!1)}})}}}}const ve=new OA;class zA{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 a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),r=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName).map(g=>({id:g.id,region:g.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],r,async()=>{var g,c;t.updateStorage(e.stepName,{text:(g=a==null?void 0:a.storage)==null?void 0:g.text}),t.setMandatoryFulfilled(e.stepName,((c=a==null?void 0:a.storage)==null?void 0:c.text)!=="")})}async changeText(e,t,A,a,n){const i=await this.changeTextCommand(e,t,A,a,n);i&&(i.command&&A.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async changeTextCommand(e,t,A,a,n){var c;const i=A.getRegionElements(e.stepName),o=(c=A.getStepSpecificServices(e.stepName))==null?void 0:c.module;if(!o)return console.error("Missing module."),null;const r=A.getProfanities();if(!this.validateInput(e,t,r,n))return A.setMandatoryFulfilled(e.stepName,!1),console.error(a),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 g=(d,B,w)=>{const E=w||s.generate(),h=A.getLayouts().find(m=>m.panelId===B.panelId);if(!h)return console.error(`Can not find layout for region: ${B.panelId}`),null;const Q=[];return w&&Q.push(new s.DeleteElementCommand(E)),Q.push(new s.CreateElementCommand({stepRegion:B,stepName:e.stepName,colors:{},id:E,svg:d,type:s.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 s.GroupCommand(Q)}};if(i.length>0){const B=i.map(w=>{if(!w.region)return null;const E=o.svgPrint(t,w.region);return g(E,w.region,w.id)}).filter(w=>!!w).filter(w=>!!w).map(w=>w&&w.command);return{command:new s.GroupCommand(B),followup:async()=>{}}}else{const d=e.data.regions.map(w=>g(o.svgPrint(t,w),w)),B=d.filter(w=>!!w).map(w=>w&&w.command);return{command:new s.GroupCommand(B),followup:async()=>{const w=d.filter(E=>E).map(E=>E&&{id:E.id,region:E.region});await A.setSelectionsAndElements(e.stepName,[],w)}}}}validateInput(e,t,A,a){if(e.data&&e.data.maxLength){const i=e.data.maxLength;if(t.length>i)return a("Too many characters."),!1}if(!/^$|^[a-zA-Z0-9 ]+$/.test(t))return a("Unsupported characters."),!1;const n=Se.split(t.toLowerCase());for(const i of n)for(const o in A){const r=A[o].toLowerCase().replace(/\s/g,"");if(i===r)return a("Blocked profanity."),!1}return a(""),!0}}const ft=new zA;class jA{async init(e,t,A){const a=e.option;if(!a)return null;if(A)await this.reload(e,t,A);else if(a.defaultVariant)return t.markStepsAsInitialised([e.stepName]),this.selectVariantCommand(e,a.defaultVariant,t,()=>{});return t.markStepsAsInitialised([e.stepName]),null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariant(e,t,A,a){const n=await this.selectVariantCommand(e,t,A,a);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantCommand(e,t,A,a){const n=t.asset;if(!n)throw new z(t);const i=n==null?void 0:n.fileLink;if(!i)return console.error("No URL for picture!"),null;a(!0),A.setMandatoryFulfilled(e.stepName,!1);const r=A.getRegionElements(e.stepName).map(d=>new s.DeleteElementCommand(d.id)),g=d=>{const w=A.getLayouts().find(C=>C.panelId===d.panelId);if(!w)throw new k(d);const E=s.generate();return{regionElement:{id:E,region:d},command:new s.CreateElementCommand({stepName:e.stepName,stepRegion:d,id:E,src:i,type:s.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)}},c=e.data.regions.map(g);return{command:new s.GroupCommand([...r,...c.map(d=>d.command)]),followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],c.map(d=>d.regionElement),async()=>{A.setMandatoryFulfilled(e.stepName,!0),a(!1)})}}}}const Ge=new jA;class KA{async init(e,t,A){const a=e.option;if(!a)return null;if(A)await this.reload(e,t,A);else{const n=a.variants;if(J.getDefaultVariant(a)){const o=n==null?void 0:n.find(r=>{var g;return r.id===((g=a.defaultVariant)==null?void 0:g.id)});return this.selectVariantLambda(e,(o==null?void 0:o.id)||"",t)}}return null}async reload(e,t,A){var i;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),n=e.option;if(a!=null&&a.selectedVariants){const o=a.selectedVariants[0].id;if(n&&o){const r=(i=n.variants)==null?void 0:i.find(g=>g.id===o);r&&await t.setSelectionsAndElements(e.stepName,[r],[])}}}async selectVariant(e,t,A){await A.getInitializationPromise();const a=await this.selectVariantLambda(e,t,A);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,t,A){const a=e.option;if(!a)return null;const n=a.variants;if(!n)return null;const i=n.length>1?n.find(o=>o.id===t):n[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 ke=new KA;class VA{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(a=>({fill:a.color,stroke:a.color,variant:a})))||[]:[]}setCustomColor(e,t,A){const a=A.getLayouts(),i=(A.getRegionElements(t.stepName)||[]).map(o=>{const r=o.region;if(!a.find(c=>c.panelId===(r==null?void 0:r.panelId)))throw new k(r);return new s.IllustrationColorCommand(o.id,this.shapeFillId,e)}).filter(o=>!!o);A.getCommandDispatcher()(new s.GroupCommand(i)),A.updateStorage(t.stepName,{colour:e})}async init(e,t,A){const a=e.option;if(!a)throw new Ae(e);if(A)await this.reload(e,t,A);else{const n=J.getDefaultVariant(a);return n?this.selectVariantCommand(e,{fill:n.color,stroke:n.color,variant:n},[],t):null}return null}async selectVariant(e,t,A,a){const n=await this.selectVariantCommand(e,t,A,a);n&&(n.command&&a.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;t.updateStorage(e.stepName,{colour:((w=a==null?void 0:a.storage)==null?void 0:w.colour)||""}),t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariantCommand(e,t,A,a){var r;const n=a.getLayouts(),i=(r=a.getStepStorage(e.stepName))==null?void 0:r.colour,o=()=>{var g,c;if(((g=t.variant)==null?void 0:g.color)==="#custom")return i||"#FFFFFF";if((c=t.variant)!=null&&c.color)return t.variant.color;throw new Error("Failed to resolve color for shape step.")};if(A.length>0){const g=d=>{const B=d.region;if(!n.find(C=>C.panelId===(B==null?void 0:B.panelId)))throw new k(B);const E=o();return new s.IllustrationColorCommand(d.id,this.shapeFillId,E)},c=A.map(g).filter(d=>!!d);return{command:new s.GroupCommand(c),followup:async()=>{await a.setSelectionsAndElements(e.stepName,t.variant?[t.variant]:[],A),a.updateStorage(e.stepName,{colour:o()})}}}else{const g=w=>{const E=n.find(f=>f.panelId===w.panelId);if(!E)throw new k(w);const C=o(),h=`
|
|
559
|
+
`,Re=l=>{const e=[];for(const t of l.steps)switch(t.type){case s.StepType.DigitalContent:t.data.varyUpload&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Upload});break;case s.StepType.Frame:const a=t.data;a.varySelection&&t.option&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection}),a.varyUpload&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Upload});break;case s.StepType.Illustration:const n=t.data;n.varySelection&&t.option&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection}),n.varyColors&&n.colorPickerEnabled&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Colors});break;case s.StepType.Material:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Model:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Picture:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Question:t.data.varySelections&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selections});break;case s.StepType.Shape:t.data.varySelection&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection});break;case s.StepType.Text:const d=t.data;d.varyText&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Text}),d.varySelection&&t.option&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Selection}),d.varyColor&&d.colorPickerEnabled&&e.push({stepName:t.stepName,stepType:t.type,aspectType:s.StepAspectType.Color});break}return e},re=[s.StepType.SilentIllustration,s.StepType.ProductOverlay],UA=async(l,e,t)=>{var a;const A=[];l.introduction&&A.push({name:"Introduction",title:l.name,renderableSteps:[{type:s.StepType.Introduction,stepName:"Introduction",stepTitle:l.name,helpText:l.introduction,data:{},conditions:[]}],silentSteps:[]});for(const n of l.steps){if(e.bulkScene){let o=!1;switch(n.type){case s.StepType.DigitalContent:n.data.varyUpload&&(o=!0);break;case s.StepType.Frame:{const r=n.data;r.varyUpload&&(r.varySelection||!n.option)&&(o=!0)}break;case s.StepType.Illustration:{const r=n.data;(r.varySelection||!n.option||(n.option.variants||[]).length===1)&&(r.varyColors||!r.colorPickerEnabled)&&(o=!0)}break;case s.StepType.Material:n.data.varySelection&&(o=!0);break;case s.StepType.Model:n.data.varySelection&&(o=!0);break;case s.StepType.Picture:n.data.varySelection&&(o=!0);break;case s.StepType.Question:n.data.varySelections&&(o=!0);break;case s.StepType.Shape:n.data.varySelection&&(o=!0);break;case s.StepType.Text:{const r=n.data;(r.varySelection||!n.option||(n.option.variants||[]).length===1)&&(r.varyColor||!r.colorPickerEnabled||!r.colorOption)&&r.varyText&&(o=!0)}break}if(o)continue}const i=vA(n.stepName,l.stepGroups);if(!i)A.push({name:n.stepName,title:n.stepTitle,renderableSteps:re.includes(n.type)?[]:[n],silentSteps:re.includes(n.type)?[n]:[]});else{const o=A.find(r=>r.name===i.name);o?re.includes(n.type)?o.silentSteps.push(n):o.renderableSteps.push(n):A.push({name:i.name,title:i.name,renderableSteps:re.includes(n.type)?[]:[n],silentSteps:re.includes(n.type)?[n]:[]})}}if(e.bulkScene){const n=(a=t==null?void 0:t.product)==null?void 0:a.bulkConfiguration;A.push({name:"Bulk",title:(n==null?void 0:n.sceneTitle)??e.bulkSceneTitle,renderableSteps:[{type:s.StepType.Bulk,stepName:"Bulk",stepTitle:(n==null?void 0:n.stepTitle)??e.bulkSceneTitle,helpText:n==null?void 0:n.helpText,data:{aspects:Re(l)},conditions:[]}],silentSteps:[]})}return e.finishScene&&A.push({name:"Finish",title:e.finishSceneTitle,renderableSteps:[{type:s.StepType.Finish,stepName:"Finish",stepTitle:e.finishSceneTitle,helpText:"",data:{modelAnimation:l.finalizeStepConfig?l.finalizeStepConfig.modelAnimation:void 0,lookAtAnimation:l.finalizeStepConfig?l.finalizeStepConfig.lookAtAnimation:void 0},conditions:[]}],silentSteps:[]}),A},vA=(l,e)=>e.find(t=>t.stepNames.includes(l)),Z=(l,e)=>(l.conditions||[]).every(t=>{const A=e[t.targetStepName];if(A&&A.selectedVariants){const a=A.selectedVariants;return t.requiredVariantSelections.some(n=>a.find(i=>i.id===n)!==void 0)}return!1}),GA=(l,e)=>{const t={name:l.name,title:l.title,renderableSteps:l.renderableSteps.filter(A=>Z(A,e)),silentSteps:l.silentSteps.filter(A=>Z(A,e))};return t.silentSteps.length===0&&t.renderableSteps.length===0?null:t},$=(l,e)=>l.map(t=>GA(t,e)).filter(t=>t!==null),kA=async(l,e)=>{var n;const t=$(l,e),A=[];for(const i of t)for(const o of i.renderableSteps)if(o.type===s.StepType.Model||o.type===s.StepType.Material||o.type===s.StepType.Picture||o.type===s.StepType.Shape){const r=(((n=o.option)==null?void 0:n.variants)||[]).length;r&&r>1&&A.push(o.stepName)}else A.push(o.stepName);const a=t.filter(i=>i.renderableSteps.filter(r=>A.includes(r.stepName)).length>0);for(const i of a)i.renderableSteps=i.renderableSteps.filter(o=>A.includes(o.stepName));return a};class xe{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 t=this.queue.length-1;for(let A=0;A<t;++A)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(t){console.log(t)}finally{await this.dequeue()}}}function ht(l,e,t,A){const a=t.width*l.zoom,n=t.height*l.zoom;if(A){const o=l,r=Math.max(e.width/t.width,e.height/t.height);o.zoom=Math.max(r,l.zoom);const g=t.width*o.zoom,c=t.height*o.zoom;return o.x=ue(l.x,e.width-g,0),o.y=ue(l.y,e.height-c,0),o}const i=l;return i.x=ue(i.x,-a,e.width),i.y=ue(i.y,-n,e.height),i}function ue(l,e,t){return Math.min(Math.max(l,e),t)}class Ct{constructor(e){this.minZoomScale=[.03],this.maxZoomScale=[20],this._debouncedUpdateFrameOffsets=$e(this.updateFrameOffsets,200),this.targetElements=[],this.onFrameDataChangeListeners=[],this.onZoomChangeListeners=[],this.forceImageCover=e}connectWorkflowManager(e,t){t&&e.addStepSpecificStorageCallback(async A=>{if(A){const a=A;if(a.currentFrameSources){let n=!1;for(let i=0;i<a.currentFrameSources.length;i++){const o=a.currentFrameSources[i],r=await s.getFrameData(o);_e(r,this.frameData)||(this.frameData||(this.frameData=new Array(a.currentFrameSources.length)),this.frameData[i]=r,n=!0)}n&&(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 a=s.frameDataCache.get(t);a&&(this.frameData||(this.frameData=new Array(e.length)),this.frameData[A]=a)})}getImageData(){return this.imageData}getOffsets(){return this.offsets}setOffsets(e){this.offsets=e}setZoom(e,t,A,a){if(this.imageData&&this.offsets&&this.frameData){(!this.offsets||this.offsets.length!==this.frameData.length)&&(this.offsets=new Array(this.frameData.length));const n=this.frameData.map((i,o)=>{const r=(t[o]-this.offsets[o].x)/this.offsets[o].zoom,g=(A[o]-this.offsets[o].y)/this.offsets[o].zoom,c=t[o]-r*e[o],d=A[o]-g*e[o];return{x:c,y:d,zoom:this.imageData.width*e[o]/this.imageData.width}});this.updateOffsets(n,a),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,t,A){const a=this.imageData;if(!a||!this.frameData)return;if(this.frameData.length!==e.length)throw new v("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]=ht(e[o],i,this.imageData,this.forceImageCover)}),this._debouncedUpdateFrameOffsets(this.offsets,a,this.frameData,this.targetElements,t)}onFrameDataChanged(e){e(this.frameData),this.onFrameDataChangeListeners.push(e)}onZoom(e){this.onZoomChangeListeners.push(e)}updateFrameOffsets(e,t,A,a,n){if(!A||A.length===0||A.some(o=>!o))throw new v("Frame data not set. This is a bug");if(!this.workflowManager)throw new v("No workflow manager set, cannot update offsets.");const i=this.workflowManager.getCommandDispatcher();a.forEach((o,r)=>{i(new s.UpdateFramePattern(o,t,e[r]))}),this.stepName&&this.workflowManager.updateStorage(this.stepName,{frameOffsetsList:e}),n&&n()}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,a)=>{const n=Math.max(A.width/e.width,A.height/e.height);this.forceImageCover?(this.minZoomScale[a]=n,this.maxZoomScale[a]=n*2.5):(this.minZoomScale[a]=n/10,this.maxZoomScale[a]=n*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]=s.calculateOffsets(e,t)}),this._debouncedUpdateFrameOffsets(this.offsets,e,this.frameData,this.targetElements))}}class Qt{constructor(e,t,A){this.processRegion=async a=>{var r,g,c,d;const n=this.layouts.find(B=>B.panelId===a.panelId);if(!n)throw new k(a);let i="";if(this.configuration.type===s.StepType.ProductOverlay){let B="";if((r=this.product)!=null&&r.overlayImageUrl&&(B=this.product.overlayImageUrl),i=B,!B)throw new ae(this.configuration,"Couldn't find an asset for product overlay step")}const o=this.evaluateAssetType();if(o===s.LayoutElementType.Image){const B=this.configuration.type===s.StepType.SilentIllustration?(g=this.configuration.data.asset)==null?void 0:g.fileLink:(c=this.product)==null?void 0:c.overlayImageUrl;if(!B)throw new Error("Undefined raster silent step source");const w={stepName:this.configuration.stepName,id:s.generate(),src:B,type:o,y:a.top,x:a.left,width:a.width,height:a.height,layer:a.layer,layerIndex:a.layerIndex,immutable:a.immutable,productOverlay:this.configuration.type===s.StepType.ProductOverlay?!0:void 0,rotation:a.rotation,excludeFromExport:this.configuration.data.excludeFromPrint,preserveAspectRatio:"none"};return{regionElement:{id:w.id,region:a},command:new s.CreateElementCommand(w,n)}}else{const B=this.configuration.type===s.StepType.SilentIllustration?(d=this.configuration.data.asset)==null?void 0:d.fileLink:i,w=async()=>new Promise((h,Q)=>{if(!B){Q("Undefined vector silent step source");return}s.fetchAsString(B).then(m=>{h(m)}).catch(m=>console.error(m))}),E=await s.generateSVGWithUnknownColors(await w()),C={stepName:this.configuration.stepName,id:s.generate(),cachedObjectURL:await s.svgObjectURL(E.svg),src:B,svg:E.svg,colors:E.colors,type:o,y:a.top,x:a.left,width:a.width,height:a.height,layer:a.layer,layerIndex:a.layerIndex,rotation:a.rotation,immutable:a.immutable,productOverlay:this.configuration.type===s.StepType.ProductOverlay?!0:void 0,excludeFromExport:this.configuration.data.excludeFromPrint};return{regionElement:{id:C.id,region:a},command:new s.CreateElementCommand(C,n)}}},this.configuration=e,this.layouts=t,this.product=A||void 0}async trigger(){if(!this.configuration.data.regions)throw new ae(this.configuration,"Missing regions.");if(this.configuration.type===s.StepType.SilentIllustration){const e=this.configuration.data.regions.map(this.processRegion);return Promise.all(e)}else return this.configuration.type===s.StepType.ProductOverlay?Promise.all(this.configuration.data.regions.map(e=>{if(!this.layouts.find(A=>e.panelId===A.panelId))throw new k(e);return this.processRegion(e)})):Promise.reject("Unknown silent step. This is a bug")}evaluateAssetType(){var t,A,a;const e=this.configuration.type===s.StepType.ProductOverlay&&((t=this.product)!=null&&t.overlayImageUrl)?this.product.overlayImageUrl.toLowerCase():(a=(A=this.configuration.data.asset)==null?void 0:A.fileLink)==null?void 0:a.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")?s.LayoutElementType.Image:(e!=null&&e.endsWith(".svg")||e!=null&&e.startsWith("image/svg+xml"),s.LayoutElementType.Illustration)}}const ut=async l=>{const e=`${ne.getServicesApiUrl()}/shortener`;try{return(await(await fetch(e,{method:"POST",body:JSON.stringify({longUrl:l}),headers:{"Content-Type":"application/json"}})).json()).shortUrl}catch(t){throw console.error(t),new he("Failed to shorten URL, see console.")}};class mt{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,a=3e3,n=10){this.onSuccess=t,this.onFailure=A,this.predicate=e,this.attempts=0,this.pollingId=-1,this.interval=a,this.maxAttempts=n,this.poll()}}class bA{async init(e,t,A){return A&&await this.reload(e,t,A),null}async reload(e,t,A){const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),r=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName).map(g=>({id:g.id,region:g.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],r,async()=>{var d,B;const g=(d=a==null?void 0:a.storage)==null?void 0:d.videoShortUrl,c=(B=a==null?void 0:a.storage)==null?void 0:B.videoUrl;t.updateStorage(e.stepName,{videoShortUrl:g,videoUrl:c})})}async regenerateQRCode(e,t,A,a,n,i,o,r,g){if(!t&&A!==""&&a===""){const c=async()=>{var I,D;const m=(await rt([A]))[0],f=(D=(I=m==null?void 0:m.versions)==null?void 0:I.find(M=>M.name==="mpeg4"))==null?void 0:D.link;return{asset:m,link:f}},d=await new Promise((m,f)=>{new mt(async()=>!!(await c()).link,async()=>{const I=await c();if(!I.link||!I.link)throw new W(I.asset);m({rel:"mpeg4",href:I.link})},()=>{f("Poller timed out with 40 attempts @ 3 second interval")},3e3,40)});e.forEach(m=>r(new s.DeleteElementCommand(m.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 he("Cannot create QR code, URL too long.");const C=await ut(E);if(o(C),!i.data||!i.data.regions)throw new ae(i,"Missing regions.");const h=await this.regionElements(i),Q=await this.command(C,h,n,i.stepName);Q&&(Q.command&&n.getCommandDispatcher()(Q.command),Q.followup&&await Q.followup()),await n.setSelectionsAndElements(i.stepName,[],h,async()=>{n.updateStorage(i.stepName,{videoShortUrl:C,videoUrl:a}),g(!1)})}else g(!1)}async regionElements(e){const t=A=>({id:s.generate(),region:A});return e.data.regions.map(t)}async command(e,t,A,a){const n=A.getLayouts(),o=`data:image/svg+xml;base64,${btoa(await et.toString(e,{type:"svg"}))}`,r=t.map(g=>{const c=g.region,d=n.find(B=>B.panelId===(c==null?void 0:c.panelId));if(!d&&c)throw new k(c);if(d&&!c)throw new Error("Region not found");if(!d||!c)throw new Error("Neither a region or layout found!");return new s.CreateElementCommand({stepRegion:c,stepName:a,id:g.id,src:o,type:s.LayoutElementType.Image,y:c.top,x:c.left,width:c.width,height:c.height,rotation:0},d)});return{command:new s.GroupCommand(r),followup:async()=>{}}}}const It=new bA;class JA{constructor(){this.frameSourceSvg=async(e,t)=>{if(!e)return s.generateDefaultRectangleFrameSvg(t);const A=e.asset;if(!A)throw new z(e);const a=A.fileLink;if(a)return s.fetchAsString(a);throw new W(A)}}async init(e,t,A){if(A)return await this.reload(e,t,A),null;if(t.setMandatoryFulfilled(e.stepName,!1),t.markStepsAsInitialised([e.stepName]),e.option&&e.option.variants&&e.option.variants.length>0){const a=e.option,n=J.getDefaultVariant(a);return n?this.selectVariantCommand(e,n,[],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 g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),r=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName).map(c=>({id:c.id,region:c.stepRegion}));if(!e.option||(e.option.variants||[]).length===0){const c=e.data.regions.map(d=>s.generateDefaultRectangleFrameSvg(d));t.updateStorage(e.stepName,{currentFrameSources:c})}if(a){const c=async()=>{var w,E,C,h;const d=(w=a.storage)==null?void 0:w.framePatternSrc,B=(E=a.storage)==null?void 0:E.frameOffsetsList;if(t.updateMetadata(e.stepName,{frameOffsetsList:B,framePatternSrc:d}),d){const Q=(C=t.getStepSpecificServices(e.stepName))==null?void 0:C.frameService;if(!Q)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(d,Q),t.updateMetadata(e.stepName,{image:d}),t.updateStorage(e.stepName,{framePatternSrc:d})}if(B!=null&&B.some(Q=>Q.zoom)){const Q=(h=t.getStepSpecificServices(e.stepName))==null?void 0:h.frameService;if(!Q)throw new Error("Frame service unavailable, cannot load pattern!");Q.updateOffsets(B)}t.setMandatoryFulfilled(e.stepName,!0)};if(a.selectedVariants&&a.selectedVariants.length>0){const d=a.selectedVariants[0].id;if(e.option&&d){const B=(g=e.option.variants)==null?void 0:g.find(w=>w.id===d);B&&await t.setSelectionsAndElements(e.stepName,[B],r,async()=>{const w=await Promise.all(e.data.regions.map(E=>this.frameSourceSvg(B,E)));t.updateStorage(e.stepName,{currentFrameSources:w}),await c()})}}else await t.setSelectionsAndElements(e.stepName,[],r,c)}}selectImage(e,t,A){A.setEditedStatus(e.stepName,!0),(t.fileLink||"").endsWith("pdf")?A.addPoller(new mt(async()=>{var r;const i=(r=(await b.getLocalOrFromServer(t.key||"")).versions)==null?void 0:r.find(g=>g.name==="svg");return i?(await fetch(i.link)).status===200:!1},()=>{b.getLocalOrFromServer(t.key||"").then(n=>{this.loadPatternFromAsset(n,e,A)})},()=>{throw new he("Failed to resolve transcoded PDF")})):this.loadPatternFromAsset(t,e,A)}async selectVariant(e,t,A,a,n){const i=await this.selectVariantCommand(e,t,A,a,n);i&&(i.command&&a.getCommandDispatcher()(i.command),i.followup&&await i.followup())}getCreateElementCommand(e,t,A,a){return new s.CreateElementCommand({id:e,type:s.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/a.frameData.width,scaleY:t.height/a.frameData.height,path:a.frameData.path,dataWidth:a.frameData.width,dataHeight:a.frameData.height,stepRegion:t,stepName:a.stepName,disablePlaceholder:a.disablePlaceholder,focalBlur:a.focalBlur,focalBlurStrength:a.focalBlurStrength,focalBlurRadius:a.focalBlurRadius,pattern:a.pattern,immutable:t.immutable},A)}async loadPatternFromString(e,t){if(e.endsWith("svg")){const A=await s.GetSVGDimensions(e),a=A.width,n=A.height,i={src:e,width:a,height:n,aspect:a/n};s.patternImageDataCache.set(e,i),t.setPatternData(i)}else{const A=await s.fetchAsArrayBuffer(e),a=await s.getAttributesFromArrayBuffer(A),n={src:e,width:a.width,height:a.height,aspect:a.width/a.height};s.patternImageDataCache.set(e,n),t.setPatternData(n)}}async selectVariantCommand(e,t,A,a,n,i){var B;const o=(B=a.getStepSpecificServices(e.stepName))==null?void 0:B.frameService;if(!o)throw new Error("Frame service unavailable, cannot load pattern!");const r=await Promise.all(e.data.regions.map(w=>this.frameSourceSvg(t,w)));n&&n(!0);const g=await Promise.all(e.data.regions.map(async(w,E)=>{const C=await s.getFrameData(r[E]),h=o.getImageData(),Q=A.map(p=>new s.DeleteElementCommand(p.id)),m=h?s.calculateOffsets(h,C):void 0,f=h?{id:s.generate(),src:h.src,x:(m==null?void 0:m.x)||0,y:(m==null?void 0:m.y)||0,width:h.width,height:h.height,scaleX:(m==null?void 0:m.zoom)||1,scaleY:(m==null?void 0:m.zoom)||1,rotation:0}:void 0,I=s.generate(),M=a.getLayouts().find(p=>p.panelId===w.panelId);if(!M)throw new k(w);return{command:this.getCreateElementCommand(I,w,M,{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:I,region:w},removeExistingCommands:Q}})),c=g.map(w=>w.command),d=g.map(w=>w.removeExistingCommands).flat();return{command:new s.GroupCommand([...c,...d]),followup:async()=>{n&&n(!1),await a.setSelectionsAndElements(e.stepName,t?[t]:[],[...g.map(w=>w.regionEl)],async()=>{var w;if(a.updateStorage(e.stepName,{currentFrameSources:r}),i){const E=(w=a.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 a;const t=(a=e.versions)==null?void 0:a.find(n=>n.name==="svg");if(t)return t.link;const A=e.fileLink;if(A)return A;throw new W(e)}async loadPatternFromAsset(e,t,A){var o;const a=this.patternSource(e),n=A.markUpdatePending(),i=(o=A.getStepSpecificServices(t.stepName))==null?void 0:o.frameService;if(!i)throw new Error("Frame service unavailable, cannot load pattern!");await this.loadPatternFromString(a,i),A.updateMetadata(t.stepName,{image:a}),A.updateStorage(t.stepName,{framePatternSrc:a}),A.markUpdateCompleted(n)}}const me=new JA;class TA{async getIllustrationBody(e){return new Promise(t=>{s.fetchAsString(e).then(A=>{t(A)}).catch(A=>console.error(A))})}getCreateElementCommand(e,t,A,a){return new s.CreateElementCommand({stepRegion:t,stepName:a.stepName,colors:a.svg.colors,id:e,src:a.src,svg:a.svg.svg,cachedObjectURL:a.objectURL,type:s.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 s.findElement(A[0].id,t.getAllLayoutData()).colors}catch{return[]}}async init(e,t,A){const a=e.option;if(!a)return null;if(A)return this.reload(e,t,A);{const n=J.getDefaultVariant(a);if(n)return await this.selectVariantCommand(e,n,[],()=>{},t)}return null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;t.updateMetadata(e.stepName,{colors:(w=a.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 a;const A=e.data.colorOption;return A?A?(a=A.variants)==null?void 0:a.map(n=>({fill:n.color,stroke:n.color,variant:n})):[]:[]}async changeColorsCommand(e,t,A,a,n){var c;const i={};for(const[d,B]of n.entries())i[d]={browserValue:B,spotColor:(c=i[d])==null?void 0:c.spotColor};const o=s.modifySVGWithElementProperties(e,t,A,i),r=await s.svgObjectURL(o),g=[];for(const d of a){for(const[B,w]of n.entries())g.push(new s.IllustrationColorCommand(d,B,w));g.push(new s.IllustrationCacheCommand(d,o,r))}return new s.GroupCommand(g)}async changeColors(e,t,A,a,n){var w,E;if(t.length===0)return;const i=s.findElement(t[0].id,a().map(C=>C.layoutState)),o={...i.colors},r={};Object.entries(o).forEach(([C,h])=>{const Q={browserValue:h.browserValue},m=h.spotColor;m&&(Q.spotColor={profileName:m.profileName,namedColor:m.namedColor}),r[C]=Q});for(const[C,h]of n.entries())o[C]={browserValue:h,spotColor:(w=o[C])==null?void 0:w.spotColor},r[C]={browserValue:h};let g=Array.from(Object.values(o)).map(C=>C.browserValue);const c=e.data.colorOption;c&&((E=c.variants)==null||E.forEach(C=>{g=g.map(h=>{var Q;return h.toLowerCase()===((Q=C.color)==null?void 0:Q.toLowerCase())?C.name:h})})),A.updateMetadata(e.stepName,{colors:g});const d=new Map;if(Object.entries(o).forEach(([C,h])=>{d.set(C,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,t.map(C=>C.id),d);A.updateStorage(e.stepName,{colors:r}),A.getCommandDispatcher()(B)}async selectVariant(e,t,A,a,n){const i=await this.selectVariantCommand(e,t,A,a,n);i&&(i.command&&n.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async selectVariantCommand(e,t,A,a,n){var Q;if(!e.data||!e.data.regions)throw new ae(e,"Missing regions.");a(!0);const i=A.map(m=>new s.DeleteElementCommand(m.id));n.setMandatoryFulfilled(e.stepName,!1);const o=t.asset;if(!o)throw new z(t);const r=o.fileLink;if(!r)throw new W(o);const g=await s.generateSVGWithUnknownColors(await this.getIllustrationBody(r)),c=await s.svgObjectURL(g.svg),d=m=>{const f=n.getLayouts().find(D=>D.panelId===m.panelId);if(!f)throw new k(m);const I=s.generate();return{regionElement:{id:I,region:m},command:this.getCreateElementCommand(I,m,f,{stepName:e.stepName,src:r,objectURL:c,svg:g})}},B=e.data.regions.map(d),E=[...B.map(m=>m.command),...i];let C=Array.from(Object.values(g.colors)).map(m=>m.browserValue);const h=e.data.colorOption;return h&&((Q=h.variants)==null||Q.forEach(m=>{C=C.map(f=>{var I;return f.toLowerCase()===((I=m.color)==null?void 0:I.toLowerCase())?m.name:f})})),n.updateMetadata(e.stepName,{colors:C}),{command:new s.GroupCommand(E),followup:async()=>{await n.setSelectionsAndElements(e.stepName,[t],B.map(m=>m.regionElement),async()=>{n.setMandatoryFulfilled(e.stepName,!0),a(!1)})}}}}const ce=new TA;class LA{async init(e,t,A){const a=e.option;if(!a)throw new Ae(e);if(A)await this.reload(e,t,A);else{const n=J.getDefaultVariant(a);if(n)return await this.selectVariantLambda(e,n,t,()=>{})}return null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(!r)throw new Ae(e);if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=d.material,w=o.map(E=>({id:E.id,region:E.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],w,async()=>{const E=t.getModelContainer();if(E){const C=e.data.targetMaterials.map(h=>E.applyMaterialVariant(h,r.id||"",B||{}));Promise.all(C).then(()=>t.setMandatoryFulfilled(e.stepName,!0))}})}}}}async selectVariant(e,t,A,a){const n=await this.selectVariantLambda(e,t,A,a);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,t,A,a){const n=A.getModelContainer();a(!0);const i=t.material;if(!i)throw a(!1),new z(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{n&&e.data.targetMaterials.forEach(o=>{e.option&&n.applyMaterialVariant(o,e.option.id||"",i)}),A.setMandatoryFulfilled(e.stepName,!0)}finally{a(!1)}})}}}}const Ue=new LA;class OA{async init(e,t,A){const a=e.option;if(!a)throw new Ae(e);if(A)await this.reload(e,t,A);else{const n=J.getDefaultVariant(a);if(n)return await this.selectVariantLambda(e,n,t,()=>{})}return null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{var E;const w=t.getModelContainer();if(w&&e.option){const C=(E=d.asset)==null?void 0:E.fileLink;if(!C)throw new z(d);await w.applyModelVariant(e.option.id||"",{model:C,contextService:t.getLayoutPreviewService()},e.data.replaceProductModel||!1),t.setMandatoryFulfilled(e.stepName,!0)}})}}}}async selectVariant(e,t,A,a){const n=await this.selectVariantLambda(e,t,A,a);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantLambda(e,t,A,a){var i;a(!0);const n=(i=t.asset)==null?void 0:i.fileLink;if(!n)throw new z(t);return{command:void 0,followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],[],async()=>{try{const o=A.getModelContainer();o&&e.option&&await o.applyModelVariant(e.option.id||"",{model:n,contextService:A.getLayoutPreviewService()},e.data.replaceProductModel||!1),A.setMandatoryFulfilled(e.stepName,!0)}finally{a(!1)}})}}}}const ve=new OA;class zA{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 a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),r=Object.values(A.layouts).map(g=>g.elements).flat().filter(g=>g.stepName===e.stepName).map(g=>({id:g.id,region:g.stepRegion}));await t.setSelectionsAndElements(e.stepName,[],r,async()=>{var g,c;t.updateStorage(e.stepName,{text:(g=a==null?void 0:a.storage)==null?void 0:g.text}),t.setMandatoryFulfilled(e.stepName,((c=a==null?void 0:a.storage)==null?void 0:c.text)!=="")})}async changeText(e,t,A,a,n){const i=await this.changeTextCommand(e,t,A,a,n);i&&(i.command&&A.getCommandDispatcher()(i.command),i.followup&&await i.followup())}async changeTextCommand(e,t,A,a,n){var c;const i=A.getRegionElements(e.stepName),o=(c=A.getStepSpecificServices(e.stepName))==null?void 0:c.module;if(!o)return console.error("Missing module."),null;const r=A.getProfanities();if(!this.validateInput(e,t,r,n))return A.setMandatoryFulfilled(e.stepName,!1),console.error(a),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 g=(d,B,w)=>{const E=w||s.generate(),h=A.getLayouts().find(m=>m.panelId===B.panelId);if(!h)return console.error(`Can not find layout for region: ${B.panelId}`),null;const Q=[];return w&&Q.push(new s.DeleteElementCommand(E)),Q.push(new s.CreateElementCommand({stepRegion:B,stepName:e.stepName,colors:{},id:E,svg:d,type:s.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 s.GroupCommand(Q)}};if(i.length>0){const B=i.map(w=>{if(!w.region)return null;const E=o.svgPrint(t,w.region);return g(E,w.region,w.id)}).filter(w=>!!w).filter(w=>!!w).map(w=>w&&w.command);return{command:new s.GroupCommand(B),followup:async()=>{}}}else{const d=e.data.regions.map(w=>g(o.svgPrint(t,w),w)),B=d.filter(w=>!!w).map(w=>w&&w.command);return{command:new s.GroupCommand(B),followup:async()=>{const w=d.filter(E=>E).map(E=>E&&{id:E.id,region:E.region});await A.setSelectionsAndElements(e.stepName,[],w)}}}}validateInput(e,t,A,a){if(e.data&&e.data.maxLength){const i=e.data.maxLength;if(t.length>i)return a("Too many characters."),!1}if(!/^$|^[a-zA-Z0-9 ]+$/.test(t))return a("Unsupported characters."),!1;const n=Se.split(t.toLowerCase());for(const i of n)for(const o in A){const r=A[o].toLowerCase().replace(/\s/g,"");if(i===r)return a("Blocked profanity."),!1}return a(""),!0}}const ft=new zA;class jA{async init(e,t,A){const a=e.option;if(!a)return null;if(A)await this.reload(e,t,A);else if(a.defaultVariant)return t.markStepsAsInitialised([e.stepName]),this.selectVariantCommand(e,a.defaultVariant,t,()=>{});return t.markStepsAsInitialised([e.stepName]),null}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariant(e,t,A,a){const n=await this.selectVariantCommand(e,t,A,a);n&&(n.command&&A.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async selectVariantCommand(e,t,A,a){const n=t.asset;if(!n)throw new z(t);const i=n==null?void 0:n.fileLink;if(!i)return console.error("No URL for picture!"),null;a(!0),A.setMandatoryFulfilled(e.stepName,!1);const r=A.getRegionElements(e.stepName).map(d=>new s.DeleteElementCommand(d.id)),g=d=>{const w=A.getLayouts().find(C=>C.panelId===d.panelId);if(!w)throw new k(d);const E=s.generate();return{regionElement:{id:E,region:d},command:new s.CreateElementCommand({stepName:e.stepName,stepRegion:d,id:E,src:i,type:s.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)}},c=e.data.regions.map(g);return{command:new s.GroupCommand([...r,...c.map(d=>d.command)]),followup:async()=>{await A.setSelectionsAndElements(e.stepName,[t],c.map(d=>d.regionElement),async()=>{A.setMandatoryFulfilled(e.stepName,!0),a(!1)})}}}}const Ge=new jA;class KA{async init(e,t,A){const a=e.option;if(!a)return null;if(A)await this.reload(e,t,A);else{const n=a.variants;if(J.getDefaultVariant(a)){const o=n==null?void 0:n.find(r=>{var g;return r.id===((g=a.defaultVariant)==null?void 0:g.id)});return this.selectVariantLambda(e,(o==null?void 0:o.id)||"",t)}}return null}async reload(e,t,A){var i;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),n=e.option;if(a!=null&&a.selectedVariants){const o=a.selectedVariants[0].id;if(n&&o){const r=(i=n.variants)==null?void 0:i.find(g=>g.id===o);r&&await t.setSelectionsAndElements(e.stepName,[r],[])}}}async selectVariant(e,t,A){await A.getInitializationPromise();const a=await this.selectVariantLambda(e,t,A);a&&(a.command&&A.getCommandDispatcher()(a.command),a.followup&&await a.followup())}async selectVariantLambda(e,t,A){const a=e.option;if(!a)return null;const n=a.variants;if(!n)return null;const i=n.length>1?n.find(o=>o.id===t):n[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 ke=new KA;class VA{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(a=>({fill:a.color,stroke:a.color,variant:a})))||[]:[]}setCustomColor(e,t,A){const a=A.getLayouts(),i=(A.getRegionElements(t.stepName)||[]).map(o=>{const r=o.region;if(!a.find(c=>c.panelId===(r==null?void 0:r.panelId)))throw new k(r);return new s.IllustrationColorCommand(o.id,this.shapeFillId,e)}).filter(o=>!!o);A.getCommandDispatcher()(new s.GroupCommand(i)),A.updateStorage(t.stepName,{colour:e})}async init(e,t,A){const a=e.option;if(!a)throw new Ae(e);if(A)await this.reload(e,t,A);else{const n=J.getDefaultVariant(a);return n?this.selectVariantCommand(e,{fill:n.color,stroke:n.color,variant:n},[],t):null}return null}async selectVariant(e,t,A,a){const n=await this.selectVariantCommand(e,t,A,a);n&&(n.command&&a.getCommandDispatcher()(n.command),n.followup&&await n.followup())}async reload(e,t,A){var g;const a=t.getSerializedStep(e.stepName,A.serializableWorkflow.steps),o=Object.values(A.layouts).map(c=>c.elements).flat().filter(c=>c.stepName===e.stepName),r=e.option;if(a!=null&&a.selectedVariants){const c=a.selectedVariants[0].id;if(r&&c){const d=(g=r.variants)==null?void 0:g.find(B=>B.id===c);if(d){const B=o.map(w=>({id:w.id,region:w.stepRegion}));await t.setSelectionsAndElements(e.stepName,[d],B,async()=>{var w;t.updateStorage(e.stepName,{colour:((w=a==null?void 0:a.storage)==null?void 0:w.colour)||""}),t.setMandatoryFulfilled(e.stepName,!0)})}}}}async selectVariantCommand(e,t,A,a){var r;const n=a.getLayouts(),i=(r=a.getStepStorage(e.stepName))==null?void 0:r.colour,o=()=>{var g,c;if(((g=t.variant)==null?void 0:g.color)==="#custom")return i||"#FFFFFF";if((c=t.variant)!=null&&c.color)return t.variant.color;throw new Error("Failed to resolve color for shape step.")};if(A.length>0){const g=d=>{const B=d.region;if(!n.find(C=>C.panelId===(B==null?void 0:B.panelId)))throw new k(B);const E=o();return new s.IllustrationColorCommand(d.id,this.shapeFillId,E)},c=A.map(g).filter(d=>!!d);return{command:new s.GroupCommand(c),followup:async()=>{await a.setSelectionsAndElements(e.stepName,t.variant?[t.variant]:[],A),a.updateStorage(e.stepName,{colour:o()})}}}else{const g=w=>{const E=n.find(f=>f.panelId===w.panelId);if(!E)throw new k(w);const C=o(),h=`
|
|
560
560
|
<svg
|
|
561
561
|
xmlns="http://www.w3.org/2000/svg"
|
|
562
562
|
xmlnsXlink="http://www.w3.org/1999/xlink"
|