@spiffcommerce/core 10.1.6 → 10.1.7
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/main.js +1 -1
- package/dist/module.js +1 -1
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -995,5 +995,5 @@ var t=require("@apollo/client"),e=require("lodash.clonedeep"),A=require("react/j
|
|
|
995
995
|
}
|
|
996
996
|
}
|
|
997
997
|
}
|
|
998
|
-
`,zo=async t=>{const e=(await ua.getShadowGraphqlClient().query({query:Lo,errorPolicy:"all",fetchPolicy:"no-cache",variables:{id:t}})).data.workflow;return e.steps.forEach((t=>{delete t.data.__typename})),e},jo=(t,e)=>{const A=t.workflowState,i=A?JSON.parse(A):void 0;return i?Object.values(i.layouts).map((t=>t.layout)):e.panels.sort(((t,e)=>t.index-e.index)).map((t=>({id:Ge(),panelId:t.name,name:t.name,index:t.index,createdAt:new Date,updatedAt:new Date,transparentBackground:t.transparentBackground,height:t.height,width:t.width,previewRegion:t.previewRegion,useEditableArea:t.useEditableArea,editableArea:t.editableArea})))};class Vo{constructor(t){Go(this,"options",void 0),Go(this,"initialized",void 0),Go(this,"experienceOptions",void 0),Go(this,"currencyCode",void 0),Go(this,"updateTransactionState",(async t=>{try{return ua.getShadowGraphqlClient().mutate({...t,mutation:Qs})}catch(t){throw console.error(t),new ia("Critical - Unable to synchronize workflow state with server.")}})),this.initialized=!1,this.options=t}getAssetManager(){return Da}getCurrencyCode(){if(void 0===this.currencyCode)throw new Error("No currency code set.");return this.currencyCode}async initFromIntegrationProduct(t){if(""===t)throw new ia("No integration product ID provided.");const e=ua.getShadowGraphqlClient();await e.resetStore();const A=await e.mutate({mutation:ms,variables:{integrationProductId:t,bulk:this.options.bulk||!1,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!A.data||!A.data.transactionCreate)throw new ia("Failed to create transaction!");const i=A.data.transactionCreate;if(!i.product)throw new ia("Failed to create transaction, product not available.");this.currencyCode=i.product.partner?.currencyCode;const n=oa.getMap("transactionOwnerIds")||new Map;n.set(i.id,i.transactionOwnerId),da(i.transactionOwnerId||""),oa.setMap("transactionOwnerIds",n),this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:this.updateTransactionState},this.initialized=!0}async initFromTransaction(t,e=!1){if(""===t)throw new ia("No transaction ID provided.");const A=ua.getShadowGraphqlClient();await A.resetStore();if(e)return await(async()=>{const i=(await A.query({query:fs,variables:{id:t},errorPolicy:"all"})).data?.transactions[0];if(!i)throw new ia("Failed to read transaction.");if(!i.product)throw new ia("Failed to load transaction, product not available.");this.currencyCode=i.product.partner?.currencyCode,this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:async()=>{throw new ea("State mutation is forbidden in read only mode!")},readOnly:e},this.initialized=!0})();const i=oa.getMap("transactionOwnerIds")||new Map,n=i.get(t);if(n){da(n);const i=(await A.query({query:fs,variables:{id:t},errorPolicy:"all"})).data?.transactions[0];if(!i)throw new ia("Failed to read transaction.");if(!i.product)throw new ia("Failed to load transaction, product not available.");return this.currencyCode=i.product.partner?.currencyCode,this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:e},void(this.initialized=!0)}try{const n=(await A.mutate({mutation:Cs,variables:{id:t},errorPolicy:"all"})).data?.transactionClaim;if(!n)throw new ia("Failed to read transaction.");if(!n.product)throw new ia("Failed to load transaction, product not available.");this.currencyCode=n.product.partner?.currencyCode,n.transactionOwnerId&&(i.set(n.id,n.transactionOwnerId),da(n.transactionOwnerId),oa.setMap("transactionOwnerIds",i)),this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:e},this.initialized=!0}catch{throw new ia("Attempted to access a transaction that isn't available.")}}async getWorkflowExperience(t,e,A,i){if(!i)return await this.getWorkflowExperienceDeprecated(t,e,A);const n=async t=>{for(const e in t.layouts){const A=t.layouts[e].elements.filter((t=>t.type===Le.Illustration));for(let t=0;t<A.length;++t){const e=A[t];e.src&&e.svg&&(e.cachedObjectURL=await Ln(e.svg))}const i=t.layouts[e].elements.filter((t=>t.type===Le.Textbox));for(let t=0;t<i.length;++t){const e=i[t];e.fontData?.assetUrl&&Ai(e.fontData.assetUrl)}}},{transaction:a,workflow:r,readOnly:s}=await(async()=>{const t=ua.getShadowGraphqlClient();if(await t.resetStore(),"transaction"===i.type){const{transactionId:e,readOnly:A}=i,n=await t.query({query:fs,variables:{id:e},errorPolicy:"all",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!n.data?.transactions||0===n.data.transactions.length)throw new ia("Existing transaction not found.");const a=n.data?.transactions[0];if(!a.workflowId)throw new ia("Existing transaction has no workflow ID.");const r=await zo(a.workflowId);if(!a.product)throw new ia("Failed to load transaction, product not available.");return{transaction:a,workflow:r,readOnly:A}}if("integration"===i.type||"external"===i.type){const e=async()=>{const e="integration"===i.type?{integrationProductId:i.integrationProductId}:{externalIntegrationId:i.externalIntegrationId,externalProductId:i.externalProductId},A=await t.mutate({mutation:ms,variables:{...e,bulk:i.bulk,workflowId:i.workflowId,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!A.data||!A.data.transactionCreate)throw new ia("Failed to create transaction!");const n=A.data.transactionCreate;if(!n.product)throw new ia("Failed to create transaction, product not available.");return n},A=zo(i.workflowId),[n,a]=await Promise.all([e(),A]);return{transaction:n,workflow:a}}throw new ia("No workflow ID provided.")})();if(this.currencyCode=a.product.partner?.currencyCode,this.experienceOptions={product:a.product,transaction:a,layouts:[],stateMutationFunc:s?async()=>{throw new ea("State mutation is forbidden in read only mode!")}:this.updateTransactionState,readOnly:s,workflow:r},"transaction"===i.type&&a.workflowState){const t=JSON.parse(a.workflowState);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await n(t),this.experienceOptions.reloadedState=t}else if(!s&&i.workflowState){const t=JSON.parse(i.workflowState);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await n(t),this.experienceOptions.reloadedState=t}else this.experienceOptions.layouts=jo(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=A&&A(r),this.experienceOptions.renderableContextService=new ls(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const o=oa.getMap("transactionOwnerIds")||new Map;o.set(a.id,a.transactionOwnerId),da(a.transactionOwnerId||""),oa.setMap("transactionOwnerIds",o),this.initialized=!0;const c=new Uo(this,this.experienceOptions);return await c.getWorkflowManager().getInitializationPromise(),c}async getWorkflowExperienceDeprecated(t,e,A){if(!this.initialized||!this.experienceOptions)throw new ia("Cannot launch experience: Not initialized.");const i=async t=>{for(const e in t.layouts){const A=t.layouts[e].elements.filter((t=>t.type===Le.Illustration));for(let t=0;t<A.length;++t){const e=A[t];e.src&&e.svg&&(e.cachedObjectURL=await Ln(e.svg))}const i=t.layouts[e].elements.filter((t=>t.type===Le.Textbox));for(let t=0;t<i.length;++t){const e=i[t];e.fontData?.assetUrl&&Ai(e.fontData.assetUrl)}}};if(this.experienceOptions.transaction.workflowId){const t=await zo(this.experienceOptions.transaction.workflowId);if(this.experienceOptions.workflow=t,this.experienceOptions.transaction.workflowState){const t=JSON.parse(this.experienceOptions.transaction.workflowState);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await i(t),this.experienceOptions.reloadedState=t}this.experienceOptions.previewService=A&&A(t),this.experienceOptions.renderableContextService=new ls(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const e=new Uo(this,this.experienceOptions);return await e.getWorkflowManager().getInitializationPromise(),e}if(t){const n=ua.getShadowGraphqlClient().mutate({mutation:ys,variables:{workflowId:t,id:this.experienceOptions.transaction.id}}),a=zo(t);if(await Promise.all([n,a]),this.experienceOptions.workflow=await a,e){const t=JSON.parse(e);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await i(t),this.experienceOptions.reloadedState=t}else this.experienceOptions.layouts=jo(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=A&&A(await a),this.experienceOptions.renderableContextService=new ls(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const r=new Uo(this,this.experienceOptions);return await r.getWorkflowManager().getInitializationPromise(),r}throw new ia("No workflow ID provided.")}getPreviewService(){return this.experienceOptions?.previewService}getProduct(){if(!this.initialized||!this.experienceOptions)throw new ia("Cannot get product: Not initialized.");return this.experienceOptions.product}getTransaction(){if(!this.initialized||!this.experienceOptions)throw new ia("Cannot get transaction: Not initialized.");return this.experienceOptions.transaction}}function Ko(t,e,A){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var A=t[Symbol.toPrimitive];if(void 0!==A){var i=A.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:A,enumerable:!0,configurable:!0,writable:!0}):t[e]=A,t}class Wo{constructor(){Ko(this,"getProduct",void 0),Ko(this,"getCommandContext",void 0),Ko(this,"getAllLayoutData",void 0),Ko(this,"getMetadata",void 0),Ko(this,"getWorkflowMetadata",void 0),Ko(this,"getStepStorage",void 0),Ko(this,"getUpdatesPending",void 0)}getInitializationPromise(){return Promise.resolve()}isInitialized(){return!0}getInformationResults(){return[]}getVariationRecords(){return[]}async reset(){}updateStateWithServer(t){}addVariationRecord(t){return{recordNumber:0,transactionId:"",values:[]}}getCurrentVariationRecord(){}removeVariationRecord(t){return[]}async outstandingRequestsPromise(){}async updateStateWithServerImmediate(t){}addPoller(t){}addConfirmCallback(t){}addCurrentVariationCallback(t){}addEditedCallback(t){}addElementsCallback(t){}addInformationResultCallback(t){}addInitCallback(t){}addMakingAdjustmentsCallback(t){}addMandatoryCallback(t){}addMetadataCallback(t){}addSelectionCallback(t){}addStepSpecificStorageCallback(t,e){}addStorageCallback(t){}addVariationRecordsCallback(t){}getCommandDispatcher(){return t=>{}}getLayouts(){return[]}getLayoutPreviewService(){return{getAll:()=>new Map}}getPreviewService(){}getProfanities(){return[]}getRegionElements(t){return[]}getSerializedStep(t,e){}getStepSpecificServices(t){}getTransaction(){return{id:""}}getTransactionCustomer(){}setTransactionCustomer(){}setTransactionCustomerDetails(){}getWorkflow(){return{id:"",name:"",panels:[],steps:[],showModelOnFinishStep:!1,allowProofDownload:!1,introduction:"",stepGroups:[]}}markStepsAsInitialised(t){}markUpdateCompleted(t){}markUpdatePending(){return"123"}getWorkflowSelections(){return{}}setCurrentAdjustingStepId(t){}setCurrentVariationRecord(t){}setEditedStatus(t,e){}setInformationResults(t){}setMandatoryFulfilled(t,e){}async setSelectionsAndElements(t,e,A){}setVariationRecords(t){}toggleDesignConfirmed(){}updateMetadata(t,e){}async updateStorage(t,e){}}function Xo(t,e,A){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var A=t[Symbol.toPrimitive];if(void 0!==A){var i=A.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:A,enumerable:!0,configurable:!0,writable:!0}):t[e]=A,t}let qo;var Zo;(Zo=qo||(qo={})).SelectFrame="SelectFrame",Zo.SelectImage="SelectImage",Zo.Position="Position";class $o extends Bo{constructor(t,e){super(t,e),Xo(this,"frameService",this.manager.getStepSpecificServices(this.getId())?.frameService)}selectVariant(t){const e=this.manager.getRegionElements(this.step.stepName);return js.selectVariant(this.step,t.getResource(),e,this.manager,(t=>this.setUpdateState(t)))}onFrameDataChanged(t){this.frameService&&this.frameService.onFrameDataChanged((e=>{e&&t(e)}))}selectImage(t){return js.selectImage(this.step,t,this.manager)}getImageData(){if(this.frameService)return this.frameService.getImageData()}getCurrentFrameStep(t,e,A,i){return i&&i.length>1&&void 0===t?qo.SelectFrame:e||A||this.getImageData()?qo.Position:qo.SelectImage}getFrameService(){return this.frameService}hasOverlayImageKey(){return this.step.data.overlayImageKey}hasOverlayImageUrl(){return this.step.data.overlayImageUrl}hasVaryingUpload(){return this.step.data.varyUpload}hasVaryingSelection(){return this.step.data.varySelection}}const _o=t=>{const e=(0,i.useRef)(null),[n,a]=(0,i.useState)(void 0),[r,s]=(0,i.useState)(void 0),{addEvent:o,removeEvent:c,updateEvent:l,eventCache:g}=Sa(),[h,d]=(0,i.useState)(!1),[u,B]=(0,i.useState)(!1),{state:w,uiDispatcher:E}=Ta(),p=(0,i.useCallback)((t=>{const e=t;E(new Ga({zoom:Math.max(.1,Math.min(e,w.maxZoom))}))}),[E,w.maxZoom]),m=(0,i.useCallback)((t=>{c(t),1===g.length&&a(void 0),2===g.length&&s(void 0);"touch"===t.pointerType&&g.length>1&&g.length-1==1&&(B(!1),d(!1))}),[e,g]),C=(0,i.useCallback)((t=>{o(t);"touch"===t.pointerType&&1===g.length&&(E(new Ga({selectedElement:void 0})),B(!0),d(!0))}),[e,u,g]),f=(0,i.useCallback)((t=>{l(t),t.isPrimary&&a({x:t.screenX,y:t.screenY});const e=1===g.length&&"touch"!==g[0].pointerType,A=2===g.length&&"touch"===g[0].pointerType;if(h&&A){const[t,e]=g,A=Math.abs(t.clientX-e.clientX),i=r;i&&p(w.zoom-.0055*(i-A)),s(A)}if(u&&(e||A)&&t.isPrimary){const e=(n?.x||t.screenX)-t.screenX,A=(n?.y||t.screenY)-t.screenY;E(new Ga({selectedElement:void 0,xTranslation:w.xTranslation-e/w.zoom,yTranslation:w.yTranslation-A/w.zoom}))}}),[w.xTranslation,w.yTranslation,w.zoom,u,h,p,g,n,r]),Q=(0,i.useCallback)((t=>{h&&p(w.zoom-.035*Math.sign(t.deltaY))}),[w,h]);(0,i.useEffect)((()=>{if(!e.current||0===g.length)return;const t=g[0].pointerId,A=e.current.hasPointerCapture(t);u&&!A&&e.current.setPointerCapture(t),!u&&A&&e.current.releasePointerCapture(t)}),[e,u,g]),Mr([" "],(()=>{B(!0),E(new Ga({selectedElement:void 0}))}),(()=>B(!1))),Mr(["Control"],(()=>d(!0)),(()=>d(!1)));const y=(0,i.useMemo)((()=>({cursor:u&&0===g.length?"grab":u&&1===g.length?"grabbing":h?"zoom-in":void 0,width:"100%",height:"100%",overflow:"clip"})),[u,h,g]);return(0,A.jsx)("div",{ref:e,className:"transform-wrapper",onWheel:Q,onPointerDown:C,onPointerUp:m,onPointerCancel:m,onPointerLeave:m,onPointerMove:f,style:y,children:t.children})};
|
|
998
|
+
`,zo=async t=>{const e=(await ua.getShadowGraphqlClient().query({query:Lo,errorPolicy:"all",fetchPolicy:"no-cache",variables:{id:t}})).data.workflow;return e.steps.forEach((t=>{delete t.data.__typename})),e},jo=(t,e)=>{const A=t.workflowState,i=A?JSON.parse(A):void 0;return i?Object.values(i.layouts).map((t=>t.layout)):e.panels.sort(((t,e)=>t.index-e.index)).map((t=>({id:Ge(),panelId:t.name,name:t.name,index:t.index,createdAt:new Date,updatedAt:new Date,transparentBackground:t.transparentBackground,height:t.height,width:t.width,previewRegion:t.previewRegion,useEditableArea:t.useEditableArea,editableArea:t.editableArea})))};class Vo{constructor(t){Go(this,"options",void 0),Go(this,"initialized",void 0),Go(this,"experienceOptions",void 0),Go(this,"currencyCode",void 0),Go(this,"updateTransactionState",(async t=>{try{return ua.getShadowGraphqlClient().mutate({...t,mutation:Qs})}catch(t){throw console.error(t),new ia("Critical - Unable to synchronize workflow state with server.")}})),this.initialized=!1,this.options=t}getAssetManager(){return Da}getCurrencyCode(){if(void 0===this.currencyCode)throw new Error("No currency code set.");return this.currencyCode}async initFromIntegrationProduct(t){if(""===t)throw new ia("No integration product ID provided.");const e=ua.getShadowGraphqlClient();await e.resetStore();const A=await e.mutate({mutation:ms,variables:{integrationProductId:t,bulk:this.options.bulk||!1,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!A.data||!A.data.transactionCreate)throw new ia("Failed to create transaction!");const i=A.data.transactionCreate;if(!i.product)throw new ia("Failed to create transaction, product not available.");this.currencyCode=i.product.partner?.currencyCode;const n=oa.getMap("transactionOwnerIds")||new Map;n.set(i.id,i.transactionOwnerId),da(i.transactionOwnerId||""),oa.setMap("transactionOwnerIds",n),this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:this.updateTransactionState},this.initialized=!0}async initFromTransaction(t,e=!1){if(""===t)throw new ia("No transaction ID provided.");const A=ua.getShadowGraphqlClient();await A.resetStore();if(e)return await(async()=>{const i=(await A.query({query:fs,variables:{id:t},errorPolicy:"all"})).data?.transactions[0];if(!i)throw new ia("Failed to read transaction.");if(!i.product)throw new ia("Failed to load transaction, product not available.");this.currencyCode=i.product.partner?.currencyCode,this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:async()=>{throw new ea("State mutation is forbidden in read only mode!")},readOnly:e},this.initialized=!0})();const i=oa.getMap("transactionOwnerIds")||new Map,n=i.get(t);if(n){da(n);const i=(await A.query({query:fs,variables:{id:t},errorPolicy:"all"})).data?.transactions[0];if(!i)throw new ia("Failed to read transaction.");if(!i.product)throw new ia("Failed to load transaction, product not available.");return this.currencyCode=i.product.partner?.currencyCode,this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:e},void(this.initialized=!0)}try{const n=(await A.mutate({mutation:Cs,variables:{id:t},errorPolicy:"all"})).data?.transactionClaim;if(!n)throw new ia("Failed to read transaction.");if(!n.product)throw new ia("Failed to load transaction, product not available.");this.currencyCode=n.product.partner?.currencyCode,n.transactionOwnerId&&(i.set(n.id,n.transactionOwnerId),da(n.transactionOwnerId),oa.setMap("transactionOwnerIds",i)),this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:e},this.initialized=!0}catch{throw new ia("Attempted to access a transaction that isn't available.")}}async getWorkflowExperience(t,e,A,i){if(!i)return await this.getWorkflowExperienceDeprecated(t,e,A);const n=async t=>{for(const e in t.layouts){const A=t.layouts[e].elements.filter((t=>t.type===Le.Illustration));for(let t=0;t<A.length;++t){const e=A[t];e.src&&e.svg&&(e.cachedObjectURL=await Ln(e.svg))}const i=t.layouts[e].elements.filter((t=>t.type===Le.Textbox));for(let t=0;t<i.length;++t){const e=i[t];e.fontData?.assetUrl&&Ai(e.fontData.assetUrl)}}},{transaction:a,workflow:r,readOnly:s}=await(async()=>{const t=ua.getShadowGraphqlClient();if(await t.resetStore(),"transaction"===i.type){const{transactionId:e,readOnly:A}=i,n=await t.query({query:fs,variables:{id:e},errorPolicy:"all",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!n.data?.transactions||0===n.data.transactions.length)throw new ia("Existing transaction not found.");const a=n.data?.transactions[0];if(!a.workflowId)throw new ia("Existing transaction has no workflow ID.");const r=await zo(a.workflowId);if(!a.product)throw new ia("Failed to load transaction, product not available.");return{transaction:a,workflow:r,readOnly:A}}if("integration"===i.type||"external"===i.type){const e=async()=>{const e="integration"===i.type?{integrationProductId:i.integrationProductId}:{externalIntegrationId:i.externalIntegrationId,externalProductId:i.externalProductId},A=await t.mutate({mutation:ms,variables:{...e,bulk:i.bulk,workflowId:i.workflowId,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!A.data||!A.data.transactionCreate)throw new ia("Failed to create transaction!");const n=A.data.transactionCreate;if(!n.product)throw new ia("Failed to create transaction, product not available.");return n},A=zo(i.workflowId),[n,a]=await Promise.all([e(),A]);return{transaction:n,workflow:a}}throw new ia("No workflow ID provided.")})();if(this.currencyCode=a.product.partner?.currencyCode,this.experienceOptions={product:a.product,transaction:a,layouts:[],stateMutationFunc:s?async()=>{throw new ea("State mutation is forbidden in read only mode!")}:this.updateTransactionState,readOnly:s,workflow:r},"transaction"===i.type&&a.workflowState){const t=JSON.parse(a.workflowState);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await n(t),this.experienceOptions.reloadedState=t}else if(!s&&i.workflowState){const t=JSON.parse(i.workflowState);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await n(t),this.experienceOptions.reloadedState=t}else this.experienceOptions.layouts=jo(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=A&&A(r),this.experienceOptions.renderableContextService=new ls(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const o=oa.getMap("transactionOwnerIds")||new Map;o.set(a.id,a.transactionOwnerId),da(a.transactionOwnerId||""),oa.setMap("transactionOwnerIds",o),this.initialized=!0;const c=new Uo(this,this.experienceOptions);return await c.getWorkflowManager().getInitializationPromise(),c}async getWorkflowExperienceDeprecated(t,e,A){if(!this.initialized||!this.experienceOptions)throw new ia("Cannot launch experience: Not initialized.");const i=async t=>{for(const e in t.layouts){const A=t.layouts[e].elements.filter((t=>t.type===Le.Illustration));for(let t=0;t<A.length;++t){const e=A[t];e.src&&e.svg&&(e.cachedObjectURL=await Ln(e.svg))}const i=t.layouts[e].elements.filter((t=>t.type===Le.Textbox));for(let t=0;t<i.length;++t){const e=i[t];e.fontData?.assetUrl&&Ai(e.fontData.assetUrl)}}};if(this.experienceOptions.transaction.workflowId){const t=await zo(this.experienceOptions.transaction.workflowId);if(this.experienceOptions.workflow=t,this.experienceOptions.transaction.workflowState){const t=JSON.parse(this.experienceOptions.transaction.workflowState);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await i(t),this.experienceOptions.reloadedState=t}this.experienceOptions.previewService=A&&A(t),this.experienceOptions.renderableContextService=new ls(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const e=new Uo(this,this.experienceOptions);return await e.getWorkflowManager().getInitializationPromise(),e}if(t){const n=ua.getShadowGraphqlClient().mutate({mutation:ys,variables:{workflowId:t,id:this.experienceOptions.transaction.id}}),a=zo(t);if(await Promise.all([n,a]),this.experienceOptions.workflow=await a,e){const t=JSON.parse(e);this.experienceOptions.layouts=Object.values(t.layouts).map((t=>t.layout)),await ji(t),await i(t),this.experienceOptions.reloadedState=t}else this.experienceOptions.layouts=jo(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=A&&A(await a),this.experienceOptions.renderableContextService=new ls(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const r=new Uo(this,this.experienceOptions);return await r.getWorkflowManager().getInitializationPromise(),r}throw new ia("No workflow ID provided.")}getPreviewService(){return this.experienceOptions?.previewService}getProduct(){if(!this.initialized||!this.experienceOptions)throw new ia("Cannot get product: Not initialized.");return this.experienceOptions.product}getTransaction(){if(!this.initialized||!this.experienceOptions)throw new ia("Cannot get transaction: Not initialized.");return this.experienceOptions.transaction}}function Ko(t,e,A){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var A=t[Symbol.toPrimitive];if(void 0!==A){var i=A.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:A,enumerable:!0,configurable:!0,writable:!0}):t[e]=A,t}class Wo{constructor(){Ko(this,"getProduct",void 0),Ko(this,"getCommandContext",void 0),Ko(this,"getAllLayoutData",void 0),Ko(this,"getMetadata",void 0),Ko(this,"getWorkflowMetadata",void 0),Ko(this,"getStepStorage",void 0),Ko(this,"getUpdatesPending",void 0)}getInitializationPromise(){return Promise.resolve()}isInitialized(){return!0}getInformationResults(){return[]}getVariationRecords(){return[]}async reset(){}updateStateWithServer(t){}addVariationRecord(t){return{recordNumber:0,transactionId:"",values:[]}}getCurrentVariationRecord(){}removeVariationRecord(t){return[]}async outstandingRequestsPromise(){}async updateStateWithServerImmediate(t){}addPoller(t){}addConfirmCallback(t){}addCurrentVariationCallback(t){}addEditedCallback(t){}addElementsCallback(t){}addInformationResultCallback(t){}addInitCallback(t){}addMakingAdjustmentsCallback(t){}addMandatoryCallback(t){}addMetadataCallback(t){}addSelectionCallback(t){}addStepSpecificStorageCallback(t,e){}addStorageCallback(t){}addVariationRecordsCallback(t){}getCommandDispatcher(){return t=>{}}getLayouts(){return[]}getLayoutPreviewService(){return{getAll:()=>new Map}}getPreviewService(){}getProfanities(){return[]}getRegionElements(t){return[]}getSerializedStep(t,e){}getStepSpecificServices(t){}getTransaction(){return{id:""}}getTransactionCustomer(){}setTransactionCustomer(){}setTransactionCustomerDetails(){}getWorkflow(){return{id:"",name:"",panels:[],steps:[],showModelOnFinishStep:!1,allowProofDownload:!1,introduction:"",stepGroups:[]}}markStepsAsInitialised(t){}markUpdateCompleted(t){}markUpdatePending(){return"123"}getWorkflowSelections(){return{}}setCurrentAdjustingStepId(t){}setCurrentVariationRecord(t){}setEditedStatus(t,e){}setInformationResults(t){}setMandatoryFulfilled(t,e){}async setSelectionsAndElements(t,e,A){}setVariationRecords(t){}toggleDesignConfirmed(){}updateMetadata(t,e){}async updateStorage(t,e){}}function Xo(t,e,A){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var A=t[Symbol.toPrimitive];if(void 0!==A){var i=A.call(t,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:A,enumerable:!0,configurable:!0,writable:!0}):t[e]=A,t}let qo;var Zo;(Zo=qo||(qo={})).SelectFrame="SelectFrame",Zo.SelectImage="SelectImage",Zo.Position="Position";class $o extends Bo{constructor(t,e){super(t,e),Xo(this,"frameService",this.manager.getStepSpecificServices(this.getId())?.frameService)}selectVariant(t){const e=this.manager.getRegionElements(this.step.stepName);return js.selectVariant(this.step,t.getResource(),e,this.manager,(t=>this.setUpdateState(t)))}onFrameDataChanged(t){this.frameService&&this.frameService.onFrameDataChanged((e=>{e&&t(e)}))}selectImage(t){return js.selectImage(this.step,t,this.manager)}getImageData(){if(this.frameService)return this.frameService.getImageData()}getCurrentFrameStep(t,e,A,i){return i&&i.length>1&&void 0===t?qo.SelectFrame:e||A||this.getImageData()?qo.Position:qo.SelectImage}getFrameService(){return this.frameService}hasOverlayImageKey(){return this.step.data.overlayImageKey}hasOverlayImageUrl(){return this.step.data.overlayImageUrl}hasVaryingUpload(){return this.step.data.varyUpload}hasVaryingSelection(){return this.step.data.varySelection}}const _o=t=>{const e=(0,i.useRef)(null);let n=(0,i.useRef)(void 0);const[a,r]=(0,i.useState)(void 0),{addEvent:s,removeEvent:o,updateEvent:c,eventCache:l}=Sa(),[g,h]=(0,i.useState)(!1),[d,u]=(0,i.useState)(!1),{state:B,uiDispatcher:w}=Ta(),E=(0,i.useCallback)((t=>{const e=t;w(new Ga({zoom:Math.max(.1,Math.min(e,B.maxZoom))}))}),[w,B.maxZoom]),p=(0,i.useCallback)((t=>{o(t),1===l.length&&(n.current=void 0),2===l.length&&r(void 0);"touch"===t.pointerType&&l.length>1&&l.length-1==1&&(u(!1),h(!1))}),[e,l]),m=(0,i.useCallback)((t=>{s(t);"touch"===t.pointerType&&1===l.length&&(w(new Ga({selectedElement:void 0})),u(!0),h(!0))}),[e,d,l]),C=(0,i.useCallback)((t=>{c(t),t.isPrimary&&(n.current={x:t.screenX,y:t.screenY});const e=1===l.length&&"touch"!==l[0].pointerType,A=2===l.length&&"touch"===l[0].pointerType;if(g&&A){const[t,e]=l,A=Math.abs(t.clientX-e.clientX),i=a;i&&E(B.zoom-.0055*(i-A)),r(A)}if(d&&(e||A)&&t.isPrimary){const e=(n?.current?.x||t.screenX)-t.screenX,A=(n?.current?.y||t.screenY)-t.screenY;w(new Ga({selectedElement:void 0,xTranslation:B.xTranslation-e/B.zoom,yTranslation:B.yTranslation-A/B.zoom}))}}),[B.xTranslation,B.yTranslation,B.zoom,d,g,E,l,n,a]),f=(0,i.useCallback)((t=>{g&&E(B.zoom-.035*Math.sign(t.deltaY))}),[B,g]);(0,i.useEffect)((()=>{if(!e.current||0===l.length)return;const t=l[0].pointerId,A=e.current.hasPointerCapture(t);d&&!A&&e.current.setPointerCapture(t),!d&&A&&e.current.releasePointerCapture(t)}),[e,d,l]),Mr([" "],(()=>{u(!0),w(new Ga({selectedElement:void 0}))}),(()=>u(!1))),Mr(["Control"],(()=>h(!0)),(()=>h(!1)));const Q=(0,i.useMemo)((()=>({cursor:d&&0===l.length?"grab":d&&1===l.length?"grabbing":g?"zoom-in":void 0,width:"100%",height:"100%",overflow:"clip"})),[d,g,l]);return(0,A.jsx)("div",{ref:e,className:"transform-wrapper",onWheel:f,onPointerDown:m,onPointerUp:p,onPointerCancel:p,onPointerLeave:p,onPointerMove:C,style:Q,children:t.children})};
|
|
999
999
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -995,5 +995,5 @@ import{CommandContext as A,AssetType as t,BringForwardCommand as e,BringToFrontC
|
|
|
995
995
|
}
|
|
996
996
|
}
|
|
997
997
|
}
|
|
998
|
-
`,ji=async A=>{const t=(await Ct.getShadowGraphqlClient().query({query:zi,errorPolicy:"all",fetchPolicy:"no-cache",variables:{id:A}})).data.workflow;return t.steps.forEach((A=>{delete A.data.__typename})),t},Ki=(A,t)=>{const e=A.workflowState,n=e?JSON.parse(e):void 0;return n?Object.values(n.layouts).map((A=>A.layout)):t.panels.sort(((A,t)=>A.index-t.index)).map((A=>({id:F(),panelId:A.name,name:A.name,index:A.index,createdAt:new Date,updatedAt:new Date,transparentBackground:A.transparentBackground,height:A.height,width:A.width,previewRegion:A.previewRegion,useEditableArea:A.useEditableArea,editableArea:A.editableArea})))};class Vi{constructor(A){Ti(this,"options",void 0),Ti(this,"initialized",void 0),Ti(this,"experienceOptions",void 0),Ti(this,"currencyCode",void 0),Ti(this,"updateTransactionState",(async A=>{try{return Ct.getShadowGraphqlClient().mutate({...A,mutation:Fn})}catch(A){throw console.error(A),new rt("Critical - Unable to synchronize workflow state with server.")}})),this.initialized=!1,this.options=A}getAssetManager(){return Yt}getCurrencyCode(){if(void 0===this.currencyCode)throw new Error("No currency code set.");return this.currencyCode}async initFromIntegrationProduct(A){if(""===A)throw new rt("No integration product ID provided.");const t=Ct.getShadowGraphqlClient();await t.resetStore();const e=await t.mutate({mutation:fn,variables:{integrationProductId:A,bulk:this.options.bulk||!1,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!e.data||!e.data.transactionCreate)throw new rt("Failed to create transaction!");const n=e.data.transactionCreate;if(!n.product)throw new rt("Failed to create transaction, product not available.");this.currencyCode=n.product.partner?.currencyCode;const i=lt.getMap("transactionOwnerIds")||new Map;i.set(n.id,n.transactionOwnerId),Qt(n.transactionOwnerId||""),lt.setMap("transactionOwnerIds",i),this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:this.updateTransactionState},this.initialized=!0}async initFromTransaction(A,t=!1){if(""===A)throw new rt("No transaction ID provided.");const e=Ct.getShadowGraphqlClient();await e.resetStore();if(t)return await(async()=>{const n=(await e.query({query:yn,variables:{id:A},errorPolicy:"all"})).data?.transactions[0];if(!n)throw new rt("Failed to read transaction.");if(!n.product)throw new rt("Failed to load transaction, product not available.");this.currencyCode=n.product.partner?.currencyCode,this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:async()=>{throw new at("State mutation is forbidden in read only mode!")},readOnly:t},this.initialized=!0})();const n=lt.getMap("transactionOwnerIds")||new Map,i=n.get(A);if(i){Qt(i);const n=(await e.query({query:yn,variables:{id:A},errorPolicy:"all"})).data?.transactions[0];if(!n)throw new rt("Failed to read transaction.");if(!n.product)throw new rt("Failed to load transaction, product not available.");return this.currencyCode=n.product.partner?.currencyCode,this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:t},void(this.initialized=!0)}try{const i=(await e.mutate({mutation:Mn,variables:{id:A},errorPolicy:"all"})).data?.transactionClaim;if(!i)throw new rt("Failed to read transaction.");if(!i.product)throw new rt("Failed to load transaction, product not available.");this.currencyCode=i.product.partner?.currencyCode,i.transactionOwnerId&&(n.set(i.id,i.transactionOwnerId),Qt(i.transactionOwnerId),lt.setMap("transactionOwnerIds",n)),this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:t},this.initialized=!0}catch{throw new rt("Attempted to access a transaction that isn't available.")}}async getWorkflowExperience(A,t,e,n){if(!n)return await this.getWorkflowExperienceDeprecated(A,t,e);const i=async A=>{for(const t in A.layouts){const e=A.layouts[t].elements.filter((A=>A.type===d.Illustration));for(let A=0;A<e.length;++A){const t=e[A];t.src&&t.svg&&(t.cachedObjectURL=await EA(t.svg))}const n=A.layouts[t].elements.filter((A=>A.type===d.Textbox));for(let A=0;A<n.length;++A){const t=n[A];t.fontData?.assetUrl&&U(t.fontData.assetUrl)}}},{transaction:a,workflow:o,readOnly:r}=await(async()=>{const A=Ct.getShadowGraphqlClient();if(await A.resetStore(),"transaction"===n.type){const{transactionId:t,readOnly:e}=n,i=await A.query({query:yn,variables:{id:t},errorPolicy:"all",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!i.data?.transactions||0===i.data.transactions.length)throw new rt("Existing transaction not found.");const a=i.data?.transactions[0];if(!a.workflowId)throw new rt("Existing transaction has no workflow ID.");const o=await ji(a.workflowId);if(!a.product)throw new rt("Failed to load transaction, product not available.");return{transaction:a,workflow:o,readOnly:e}}if("integration"===n.type||"external"===n.type){const t=async()=>{const t="integration"===n.type?{integrationProductId:n.integrationProductId}:{externalIntegrationId:n.externalIntegrationId,externalProductId:n.externalProductId},e=await A.mutate({mutation:fn,variables:{...t,bulk:n.bulk,workflowId:n.workflowId,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!e.data||!e.data.transactionCreate)throw new rt("Failed to create transaction!");const i=e.data.transactionCreate;if(!i.product)throw new rt("Failed to create transaction, product not available.");return i},e=ji(n.workflowId),[i,a]=await Promise.all([t(),e]);return{transaction:i,workflow:a}}throw new rt("No workflow ID provided.")})();if(this.currencyCode=a.product.partner?.currencyCode,this.experienceOptions={product:a.product,transaction:a,layouts:[],stateMutationFunc:r?async()=>{throw new at("State mutation is forbidden in read only mode!")}:this.updateTransactionState,readOnly:r,workflow:o},"transaction"===n.type&&a.workflowState){const A=JSON.parse(a.workflowState);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await i(A),this.experienceOptions.reloadedState=A}else if(!r&&n.workflowState){const A=JSON.parse(n.workflowState);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await i(A),this.experienceOptions.reloadedState=A}else this.experienceOptions.layouts=Ki(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=e&&e(o),this.experienceOptions.renderableContextService=new dn(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const s=lt.getMap("transactionOwnerIds")||new Map;s.set(a.id,a.transactionOwnerId),Qt(a.transactionOwnerId||""),lt.setMap("transactionOwnerIds",s),this.initialized=!0;const c=new Oi(this,this.experienceOptions);return await c.getWorkflowManager().getInitializationPromise(),c}async getWorkflowExperienceDeprecated(A,t,e){if(!this.initialized||!this.experienceOptions)throw new rt("Cannot launch experience: Not initialized.");const n=async A=>{for(const t in A.layouts){const e=A.layouts[t].elements.filter((A=>A.type===d.Illustration));for(let A=0;A<e.length;++A){const t=e[A];t.src&&t.svg&&(t.cachedObjectURL=await EA(t.svg))}const n=A.layouts[t].elements.filter((A=>A.type===d.Textbox));for(let A=0;A<n.length;++A){const t=n[A];t.fontData?.assetUrl&&U(t.fontData.assetUrl)}}};if(this.experienceOptions.transaction.workflowId){const A=await ji(this.experienceOptions.transaction.workflowId);if(this.experienceOptions.workflow=A,this.experienceOptions.transaction.workflowState){const A=JSON.parse(this.experienceOptions.transaction.workflowState);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await n(A),this.experienceOptions.reloadedState=A}this.experienceOptions.previewService=e&&e(A),this.experienceOptions.renderableContextService=new dn(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const t=new Oi(this,this.experienceOptions);return await t.getWorkflowManager().getInitializationPromise(),t}if(A){const i=Ct.getShadowGraphqlClient().mutate({mutation:Yn,variables:{workflowId:A,id:this.experienceOptions.transaction.id}}),a=ji(A);if(await Promise.all([i,a]),this.experienceOptions.workflow=await a,t){const A=JSON.parse(t);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await n(A),this.experienceOptions.reloadedState=A}else this.experienceOptions.layouts=Ki(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=e&&e(await a),this.experienceOptions.renderableContextService=new dn(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const o=new Oi(this,this.experienceOptions);return await o.getWorkflowManager().getInitializationPromise(),o}throw new rt("No workflow ID provided.")}getPreviewService(){return this.experienceOptions?.previewService}getProduct(){if(!this.initialized||!this.experienceOptions)throw new rt("Cannot get product: Not initialized.");return this.experienceOptions.product}getTransaction(){if(!this.initialized||!this.experienceOptions)throw new rt("Cannot get transaction: Not initialized.");return this.experienceOptions.transaction}}function Wi(A,t,e){return(t=function(A){var t=function(A,t){if("object"!=typeof A||null===A)return A;var e=A[Symbol.toPrimitive];if(void 0!==e){var n=e.call(A,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(A)}(A,"string");return"symbol"==typeof t?t:String(t)}(t))in A?Object.defineProperty(A,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):A[t]=e,A}class Xi{constructor(){Wi(this,"getProduct",void 0),Wi(this,"getCommandContext",void 0),Wi(this,"getAllLayoutData",void 0),Wi(this,"getMetadata",void 0),Wi(this,"getWorkflowMetadata",void 0),Wi(this,"getStepStorage",void 0),Wi(this,"getUpdatesPending",void 0)}getInitializationPromise(){return Promise.resolve()}isInitialized(){return!0}getInformationResults(){return[]}getVariationRecords(){return[]}async reset(){}updateStateWithServer(A){}addVariationRecord(A){return{recordNumber:0,transactionId:"",values:[]}}getCurrentVariationRecord(){}removeVariationRecord(A){return[]}async outstandingRequestsPromise(){}async updateStateWithServerImmediate(A){}addPoller(A){}addConfirmCallback(A){}addCurrentVariationCallback(A){}addEditedCallback(A){}addElementsCallback(A){}addInformationResultCallback(A){}addInitCallback(A){}addMakingAdjustmentsCallback(A){}addMandatoryCallback(A){}addMetadataCallback(A){}addSelectionCallback(A){}addStepSpecificStorageCallback(A,t){}addStorageCallback(A){}addVariationRecordsCallback(A){}getCommandDispatcher(){return A=>{}}getLayouts(){return[]}getLayoutPreviewService(){return{getAll:()=>new Map}}getPreviewService(){}getProfanities(){return[]}getRegionElements(A){return[]}getSerializedStep(A,t){}getStepSpecificServices(A){}getTransaction(){return{id:""}}getTransactionCustomer(){}setTransactionCustomer(){}setTransactionCustomerDetails(){}getWorkflow(){return{id:"",name:"",panels:[],steps:[],showModelOnFinishStep:!1,allowProofDownload:!1,introduction:"",stepGroups:[]}}markStepsAsInitialised(A){}markUpdateCompleted(A){}markUpdatePending(){return"123"}getWorkflowSelections(){return{}}setCurrentAdjustingStepId(A){}setCurrentVariationRecord(A){}setEditedStatus(A,t){}setInformationResults(A){}setMandatoryFulfilled(A,t){}async setSelectionsAndElements(A,t,e){}setVariationRecords(A){}toggleDesignConfirmed(){}updateMetadata(A,t){}async updateStorage(A,t){}}function qi(A,t,e){return(t=function(A){var t=function(A,t){if("object"!=typeof A||null===A)return A;var e=A[Symbol.toPrimitive];if(void 0!==e){var n=e.call(A,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(A)}(A,"string");return"symbol"==typeof t?t:String(t)}(t))in A?Object.defineProperty(A,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):A[t]=e,A}let Zi;var $i;($i=Zi||(Zi={})).SelectFrame="SelectFrame",$i.SelectImage="SelectImage",$i.Position="Position";class _i extends ui{constructor(A,t){super(A,t),qi(this,"frameService",this.manager.getStepSpecificServices(this.getId())?.frameService)}selectVariant(A){const t=this.manager.getRegionElements(this.step.stepName);return qn.selectVariant(this.step,A.getResource(),t,this.manager,(A=>this.setUpdateState(A)))}onFrameDataChanged(A){this.frameService&&this.frameService.onFrameDataChanged((t=>{t&&A(t)}))}selectImage(A){return qn.selectImage(this.step,A,this.manager)}getImageData(){if(this.frameService)return this.frameService.getImageData()}getCurrentFrameStep(A,t,e,n){return n&&n.length>1&&void 0===A?Zi.SelectFrame:t||e||this.getImageData()?Zi.Position:Zi.SelectImage}getFrameService(){return this.frameService}hasOverlayImageKey(){return this.step.data.overlayImageKey}hasOverlayImageUrl(){return this.step.data.overlayImageUrl}hasVaryingUpload(){return this.step.data.varyUpload}hasVaryingSelection(){return this.step.data.varySelection}}const Aa=A=>{const t=kA(null),[e,n]=NA(void 0),[i,a]=NA(void 0),{addEvent:o,removeEvent:r,updateEvent:s,eventCache:c}=Ht(),[g,B]=NA(!1),[l,w]=NA(!1),{state:E,uiDispatcher:d}=zt(),h=RA((A=>{const t=A;d(new Tt({zoom:Math.max(.1,Math.min(t,E.maxZoom))}))}),[d,E.maxZoom]),Q=RA((A=>{r(A),1===c.length&&n(void 0),2===c.length&&a(void 0);"touch"===A.pointerType&&c.length>1&&c.length-1==1&&(w(!1),B(!1))}),[t,c]),C=RA((A=>{o(A);"touch"===A.pointerType&&1===c.length&&(d(new Tt({selectedElement:void 0})),w(!0),B(!0))}),[t,l,c]),u=RA((A=>{s(A),A.isPrimary&&n({x:A.screenX,y:A.screenY});const t=1===c.length&&"touch"!==c[0].pointerType,o=2===c.length&&"touch"===c[0].pointerType;if(g&&o){const[A,t]=c,e=Math.abs(A.clientX-t.clientX),n=i;n&&h(E.zoom-.0055*(n-e)),a(e)}if(l&&(t||o)&&A.isPrimary){const t=(e?.x||A.screenX)-A.screenX,n=(e?.y||A.screenY)-A.screenY;d(new Tt({selectedElement:void 0,xTranslation:E.xTranslation-t/E.zoom,yTranslation:E.yTranslation-n/E.zoom}))}}),[E.xTranslation,E.yTranslation,E.zoom,l,g,h,c,e,i]),D=RA((A=>{g&&h(E.zoom-.035*Math.sign(A.deltaY))}),[E,g]);UA((()=>{if(!t.current||0===c.length)return;const A=c[0].pointerId,e=t.current.hasPointerCapture(A);l&&!e&&t.current.setPointerCapture(A),!l&&e&&t.current.releasePointerCapture(A)}),[t,l,c]),ve([" "],(()=>{w(!0),d(new Tt({selectedElement:void 0}))}),(()=>w(!1))),ve(["Control"],(()=>B(!0)),(()=>B(!1)));const m=GA((()=>({cursor:l&&0===c.length?"grab":l&&1===c.length?"grabbing":g?"zoom-in":void 0,width:"100%",height:"100%",overflow:"clip"})),[l,g,c]);return bA("div",{ref:t,className:"transform-wrapper",onWheel:D,onPointerDown:C,onPointerUp:Q,onPointerCancel:Q,onPointerLeave:Q,onPointerMove:u,style:m,children:A.children})};export{Vi as SpiffCommerceClient,A as CommandContext,Et as spiffCoreConfiguration,Ue as PromiseQueue,He as QueueablePromise,Xi as MockWorkflowManager,li as InformationMessageType,ui as StepHandle,Si as TextStepHandle,_i as FrameStepHandle,Ii as BulkStepHandle,xi as ShapeStepHandle,fi as IllustrationStepHandle,Mi as MaterialStepHandle,yi as ModelStepHandle,Fi as PictureStepHandle,Yi as QuestionStepHandle,Vt as BulkPriceCalculationStrategy,Qi as Variant,_A as OptionNotFoundError,At as LayoutNotFoundError,tt as AssetNotFoundError,et as ResourceNotFoundError,nt as MisconfigurationError,ot as ParseError,at as UnhandledBehaviorError,Yt as assetService,Ji as designService,Gi as createDesign,Nt as optionService,lt as persistenceService,Ct as graphQlManager,ai as toast,On as FrameService,Jn as getBoundedOffsets,qn as frameStepService,_n as modelStepService,$n as materialStepService,ni as shapeStepService,ei as questionStepService,Wn as digitalContentStepService,Ai as moduleStepService,ti as pictureStepService,gi as textStepService,Zn as illustrationStepService,jt as ProductCameraRig,Zi as FrameStep,Xt as ConversionLocation,Zt as ConversionDataType,ji as getWorkflow,t as AssetType,e as BringForwardCommand,n as BringToFrontCommand,i as BringToBackCommand,a as CanvasCommand,o as CreateElementCommand,r as CreateLayoutCommand,s as DeleteElementCommand,c as FontAlignmentCommand,g as FontColorCommand,B as FontSizeCommand,l as FontSourceCommand,w as GroupCommand,E as LayoutElementFactory,d as LayoutElementType,h as MoveCommand,Q as ResizeCommand,C as RotateCommand,u as SendBackwardsCommand,D as StepAspectType,m as StepType,p as TextChangeCommand,I as UnitOfMeasurement,f as dataUrlFromExternalUrl,M as findElement,y as frameDataCache,F as generate,Y as getAxisAlignedBoundingBox,x as generateSVGWithUnknownColors,S as getAttributesFromArrayBuffer,v as rehydrateSerializedLayout,N as getFrameData,R as getSvgElement,H as loadFontFromDataUrl,U as loadFontFromExternalUrl,P as determineCorrectFontSizeAndLines,G as patternImageDataCache,wn as generateCommands,k as registerJSDOM,Ye as minZoom,In as AdvancedEditor,Aa as TransformWrapper,pn as EditorCore,Ut as useLayouts,zt as useEditorState,Se as useEditorInteraction,ve as useShortcutCombination,Jt as commandReducer,bt as getDefaultState,Rt as CommandContextContext,Ot as AdvancedEditorStateProvider,Lt as AdvancedEditorContext,Tt as UICommand,Gt as EditorSubMenu,ne as ElementEventType,ae as KeyEvent,Nn as gatherVaryingStepAspects};
|
|
998
|
+
`,ji=async A=>{const t=(await Ct.getShadowGraphqlClient().query({query:zi,errorPolicy:"all",fetchPolicy:"no-cache",variables:{id:A}})).data.workflow;return t.steps.forEach((A=>{delete A.data.__typename})),t},Ki=(A,t)=>{const e=A.workflowState,n=e?JSON.parse(e):void 0;return n?Object.values(n.layouts).map((A=>A.layout)):t.panels.sort(((A,t)=>A.index-t.index)).map((A=>({id:F(),panelId:A.name,name:A.name,index:A.index,createdAt:new Date,updatedAt:new Date,transparentBackground:A.transparentBackground,height:A.height,width:A.width,previewRegion:A.previewRegion,useEditableArea:A.useEditableArea,editableArea:A.editableArea})))};class Vi{constructor(A){Ti(this,"options",void 0),Ti(this,"initialized",void 0),Ti(this,"experienceOptions",void 0),Ti(this,"currencyCode",void 0),Ti(this,"updateTransactionState",(async A=>{try{return Ct.getShadowGraphqlClient().mutate({...A,mutation:Fn})}catch(A){throw console.error(A),new rt("Critical - Unable to synchronize workflow state with server.")}})),this.initialized=!1,this.options=A}getAssetManager(){return Yt}getCurrencyCode(){if(void 0===this.currencyCode)throw new Error("No currency code set.");return this.currencyCode}async initFromIntegrationProduct(A){if(""===A)throw new rt("No integration product ID provided.");const t=Ct.getShadowGraphqlClient();await t.resetStore();const e=await t.mutate({mutation:fn,variables:{integrationProductId:A,bulk:this.options.bulk||!1,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!e.data||!e.data.transactionCreate)throw new rt("Failed to create transaction!");const n=e.data.transactionCreate;if(!n.product)throw new rt("Failed to create transaction, product not available.");this.currencyCode=n.product.partner?.currencyCode;const i=lt.getMap("transactionOwnerIds")||new Map;i.set(n.id,n.transactionOwnerId),Qt(n.transactionOwnerId||""),lt.setMap("transactionOwnerIds",i),this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:this.updateTransactionState},this.initialized=!0}async initFromTransaction(A,t=!1){if(""===A)throw new rt("No transaction ID provided.");const e=Ct.getShadowGraphqlClient();await e.resetStore();if(t)return await(async()=>{const n=(await e.query({query:yn,variables:{id:A},errorPolicy:"all"})).data?.transactions[0];if(!n)throw new rt("Failed to read transaction.");if(!n.product)throw new rt("Failed to load transaction, product not available.");this.currencyCode=n.product.partner?.currencyCode,this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:async()=>{throw new at("State mutation is forbidden in read only mode!")},readOnly:t},this.initialized=!0})();const n=lt.getMap("transactionOwnerIds")||new Map,i=n.get(A);if(i){Qt(i);const n=(await e.query({query:yn,variables:{id:A},errorPolicy:"all"})).data?.transactions[0];if(!n)throw new rt("Failed to read transaction.");if(!n.product)throw new rt("Failed to load transaction, product not available.");return this.currencyCode=n.product.partner?.currencyCode,this.experienceOptions={product:n.product,transaction:n,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:t},void(this.initialized=!0)}try{const i=(await e.mutate({mutation:Mn,variables:{id:A},errorPolicy:"all"})).data?.transactionClaim;if(!i)throw new rt("Failed to read transaction.");if(!i.product)throw new rt("Failed to load transaction, product not available.");this.currencyCode=i.product.partner?.currencyCode,i.transactionOwnerId&&(n.set(i.id,i.transactionOwnerId),Qt(i.transactionOwnerId),lt.setMap("transactionOwnerIds",n)),this.experienceOptions={product:i.product,transaction:i,layouts:[],stateMutationFunc:this.updateTransactionState,readOnly:t},this.initialized=!0}catch{throw new rt("Attempted to access a transaction that isn't available.")}}async getWorkflowExperience(A,t,e,n){if(!n)return await this.getWorkflowExperienceDeprecated(A,t,e);const i=async A=>{for(const t in A.layouts){const e=A.layouts[t].elements.filter((A=>A.type===d.Illustration));for(let A=0;A<e.length;++A){const t=e[A];t.src&&t.svg&&(t.cachedObjectURL=await EA(t.svg))}const n=A.layouts[t].elements.filter((A=>A.type===d.Textbox));for(let A=0;A<n.length;++A){const t=n[A];t.fontData?.assetUrl&&U(t.fontData.assetUrl)}}},{transaction:a,workflow:o,readOnly:r}=await(async()=>{const A=Ct.getShadowGraphqlClient();if(await A.resetStore(),"transaction"===n.type){const{transactionId:t,readOnly:e}=n,i=await A.query({query:yn,variables:{id:t},errorPolicy:"all",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!i.data?.transactions||0===i.data.transactions.length)throw new rt("Existing transaction not found.");const a=i.data?.transactions[0];if(!a.workflowId)throw new rt("Existing transaction has no workflow ID.");const o=await ji(a.workflowId);if(!a.product)throw new rt("Failed to load transaction, product not available.");return{transaction:a,workflow:o,readOnly:e}}if("integration"===n.type||"external"===n.type){const t=async()=>{const t="integration"===n.type?{integrationProductId:n.integrationProductId}:{externalIntegrationId:n.externalIntegrationId,externalProductId:n.externalProductId},e=await A.mutate({mutation:fn,variables:{...t,bulk:n.bulk,workflowId:n.workflowId,claim:!0},errorPolicy:"all",fetchPolicy:"no-cache",context:this.options.applicationKey?{headers:{"X-Application-Key":this.options.applicationKey}}:void 0});if(!e.data||!e.data.transactionCreate)throw new rt("Failed to create transaction!");const i=e.data.transactionCreate;if(!i.product)throw new rt("Failed to create transaction, product not available.");return i},e=ji(n.workflowId),[i,a]=await Promise.all([t(),e]);return{transaction:i,workflow:a}}throw new rt("No workflow ID provided.")})();if(this.currencyCode=a.product.partner?.currencyCode,this.experienceOptions={product:a.product,transaction:a,layouts:[],stateMutationFunc:r?async()=>{throw new at("State mutation is forbidden in read only mode!")}:this.updateTransactionState,readOnly:r,workflow:o},"transaction"===n.type&&a.workflowState){const A=JSON.parse(a.workflowState);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await i(A),this.experienceOptions.reloadedState=A}else if(!r&&n.workflowState){const A=JSON.parse(n.workflowState);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await i(A),this.experienceOptions.reloadedState=A}else this.experienceOptions.layouts=Ki(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=e&&e(o),this.experienceOptions.renderableContextService=new dn(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const s=lt.getMap("transactionOwnerIds")||new Map;s.set(a.id,a.transactionOwnerId),Qt(a.transactionOwnerId||""),lt.setMap("transactionOwnerIds",s),this.initialized=!0;const c=new Oi(this,this.experienceOptions);return await c.getWorkflowManager().getInitializationPromise(),c}async getWorkflowExperienceDeprecated(A,t,e){if(!this.initialized||!this.experienceOptions)throw new rt("Cannot launch experience: Not initialized.");const n=async A=>{for(const t in A.layouts){const e=A.layouts[t].elements.filter((A=>A.type===d.Illustration));for(let A=0;A<e.length;++A){const t=e[A];t.src&&t.svg&&(t.cachedObjectURL=await EA(t.svg))}const n=A.layouts[t].elements.filter((A=>A.type===d.Textbox));for(let A=0;A<n.length;++A){const t=n[A];t.fontData?.assetUrl&&U(t.fontData.assetUrl)}}};if(this.experienceOptions.transaction.workflowId){const A=await ji(this.experienceOptions.transaction.workflowId);if(this.experienceOptions.workflow=A,this.experienceOptions.transaction.workflowState){const A=JSON.parse(this.experienceOptions.transaction.workflowState);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await n(A),this.experienceOptions.reloadedState=A}this.experienceOptions.previewService=e&&e(A),this.experienceOptions.renderableContextService=new dn(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const t=new Oi(this,this.experienceOptions);return await t.getWorkflowManager().getInitializationPromise(),t}if(A){const i=Ct.getShadowGraphqlClient().mutate({mutation:Yn,variables:{workflowId:A,id:this.experienceOptions.transaction.id}}),a=ji(A);if(await Promise.all([i,a]),this.experienceOptions.workflow=await a,t){const A=JSON.parse(t);this.experienceOptions.layouts=Object.values(A.layouts).map((A=>A.layout)),await v(A),await n(A),this.experienceOptions.reloadedState=A}else this.experienceOptions.layouts=Ki(this.experienceOptions.transaction,this.experienceOptions.workflow);this.experienceOptions.previewService=e&&e(await a),this.experienceOptions.renderableContextService=new dn(this.experienceOptions.layouts),this.experienceOptions.product?.modelUrl&&this.experienceOptions.previewService?.initialize(this.experienceOptions.product.modelUrl,this.experienceOptions.renderableContextService);const o=new Oi(this,this.experienceOptions);return await o.getWorkflowManager().getInitializationPromise(),o}throw new rt("No workflow ID provided.")}getPreviewService(){return this.experienceOptions?.previewService}getProduct(){if(!this.initialized||!this.experienceOptions)throw new rt("Cannot get product: Not initialized.");return this.experienceOptions.product}getTransaction(){if(!this.initialized||!this.experienceOptions)throw new rt("Cannot get transaction: Not initialized.");return this.experienceOptions.transaction}}function Wi(A,t,e){return(t=function(A){var t=function(A,t){if("object"!=typeof A||null===A)return A;var e=A[Symbol.toPrimitive];if(void 0!==e){var n=e.call(A,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(A)}(A,"string");return"symbol"==typeof t?t:String(t)}(t))in A?Object.defineProperty(A,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):A[t]=e,A}class Xi{constructor(){Wi(this,"getProduct",void 0),Wi(this,"getCommandContext",void 0),Wi(this,"getAllLayoutData",void 0),Wi(this,"getMetadata",void 0),Wi(this,"getWorkflowMetadata",void 0),Wi(this,"getStepStorage",void 0),Wi(this,"getUpdatesPending",void 0)}getInitializationPromise(){return Promise.resolve()}isInitialized(){return!0}getInformationResults(){return[]}getVariationRecords(){return[]}async reset(){}updateStateWithServer(A){}addVariationRecord(A){return{recordNumber:0,transactionId:"",values:[]}}getCurrentVariationRecord(){}removeVariationRecord(A){return[]}async outstandingRequestsPromise(){}async updateStateWithServerImmediate(A){}addPoller(A){}addConfirmCallback(A){}addCurrentVariationCallback(A){}addEditedCallback(A){}addElementsCallback(A){}addInformationResultCallback(A){}addInitCallback(A){}addMakingAdjustmentsCallback(A){}addMandatoryCallback(A){}addMetadataCallback(A){}addSelectionCallback(A){}addStepSpecificStorageCallback(A,t){}addStorageCallback(A){}addVariationRecordsCallback(A){}getCommandDispatcher(){return A=>{}}getLayouts(){return[]}getLayoutPreviewService(){return{getAll:()=>new Map}}getPreviewService(){}getProfanities(){return[]}getRegionElements(A){return[]}getSerializedStep(A,t){}getStepSpecificServices(A){}getTransaction(){return{id:""}}getTransactionCustomer(){}setTransactionCustomer(){}setTransactionCustomerDetails(){}getWorkflow(){return{id:"",name:"",panels:[],steps:[],showModelOnFinishStep:!1,allowProofDownload:!1,introduction:"",stepGroups:[]}}markStepsAsInitialised(A){}markUpdateCompleted(A){}markUpdatePending(){return"123"}getWorkflowSelections(){return{}}setCurrentAdjustingStepId(A){}setCurrentVariationRecord(A){}setEditedStatus(A,t){}setInformationResults(A){}setMandatoryFulfilled(A,t){}async setSelectionsAndElements(A,t,e){}setVariationRecords(A){}toggleDesignConfirmed(){}updateMetadata(A,t){}async updateStorage(A,t){}}function qi(A,t,e){return(t=function(A){var t=function(A,t){if("object"!=typeof A||null===A)return A;var e=A[Symbol.toPrimitive];if(void 0!==e){var n=e.call(A,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(A)}(A,"string");return"symbol"==typeof t?t:String(t)}(t))in A?Object.defineProperty(A,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):A[t]=e,A}let Zi;var $i;($i=Zi||(Zi={})).SelectFrame="SelectFrame",$i.SelectImage="SelectImage",$i.Position="Position";class _i extends ui{constructor(A,t){super(A,t),qi(this,"frameService",this.manager.getStepSpecificServices(this.getId())?.frameService)}selectVariant(A){const t=this.manager.getRegionElements(this.step.stepName);return qn.selectVariant(this.step,A.getResource(),t,this.manager,(A=>this.setUpdateState(A)))}onFrameDataChanged(A){this.frameService&&this.frameService.onFrameDataChanged((t=>{t&&A(t)}))}selectImage(A){return qn.selectImage(this.step,A,this.manager)}getImageData(){if(this.frameService)return this.frameService.getImageData()}getCurrentFrameStep(A,t,e,n){return n&&n.length>1&&void 0===A?Zi.SelectFrame:t||e||this.getImageData()?Zi.Position:Zi.SelectImage}getFrameService(){return this.frameService}hasOverlayImageKey(){return this.step.data.overlayImageKey}hasOverlayImageUrl(){return this.step.data.overlayImageUrl}hasVaryingUpload(){return this.step.data.varyUpload}hasVaryingSelection(){return this.step.data.varySelection}}const Aa=A=>{const t=kA(null);let e=kA(void 0);const[n,i]=NA(void 0),{addEvent:a,removeEvent:o,updateEvent:r,eventCache:s}=Ht(),[c,g]=NA(!1),[B,l]=NA(!1),{state:w,uiDispatcher:E}=zt(),d=RA((A=>{const t=A;E(new Tt({zoom:Math.max(.1,Math.min(t,w.maxZoom))}))}),[E,w.maxZoom]),h=RA((A=>{o(A),1===s.length&&(e.current=void 0),2===s.length&&i(void 0);"touch"===A.pointerType&&s.length>1&&s.length-1==1&&(l(!1),g(!1))}),[t,s]),Q=RA((A=>{a(A);"touch"===A.pointerType&&1===s.length&&(E(new Tt({selectedElement:void 0})),l(!0),g(!0))}),[t,B,s]),C=RA((A=>{r(A),A.isPrimary&&(e.current={x:A.screenX,y:A.screenY});const t=1===s.length&&"touch"!==s[0].pointerType,a=2===s.length&&"touch"===s[0].pointerType;if(c&&a){const[A,t]=s,e=Math.abs(A.clientX-t.clientX),a=n;a&&d(w.zoom-.0055*(a-e)),i(e)}if(B&&(t||a)&&A.isPrimary){const t=(e?.current?.x||A.screenX)-A.screenX,n=(e?.current?.y||A.screenY)-A.screenY;E(new Tt({selectedElement:void 0,xTranslation:w.xTranslation-t/w.zoom,yTranslation:w.yTranslation-n/w.zoom}))}}),[w.xTranslation,w.yTranslation,w.zoom,B,c,d,s,e,n]),u=RA((A=>{c&&d(w.zoom-.035*Math.sign(A.deltaY))}),[w,c]);UA((()=>{if(!t.current||0===s.length)return;const A=s[0].pointerId,e=t.current.hasPointerCapture(A);B&&!e&&t.current.setPointerCapture(A),!B&&e&&t.current.releasePointerCapture(A)}),[t,B,s]),ve([" "],(()=>{l(!0),E(new Tt({selectedElement:void 0}))}),(()=>l(!1))),ve(["Control"],(()=>g(!0)),(()=>g(!1)));const D=GA((()=>({cursor:B&&0===s.length?"grab":B&&1===s.length?"grabbing":c?"zoom-in":void 0,width:"100%",height:"100%",overflow:"clip"})),[B,c,s]);return bA("div",{ref:t,className:"transform-wrapper",onWheel:u,onPointerDown:Q,onPointerUp:h,onPointerCancel:h,onPointerLeave:h,onPointerMove:C,style:D,children:A.children})};export{Vi as SpiffCommerceClient,A as CommandContext,Et as spiffCoreConfiguration,Ue as PromiseQueue,He as QueueablePromise,Xi as MockWorkflowManager,li as InformationMessageType,ui as StepHandle,Si as TextStepHandle,_i as FrameStepHandle,Ii as BulkStepHandle,xi as ShapeStepHandle,fi as IllustrationStepHandle,Mi as MaterialStepHandle,yi as ModelStepHandle,Fi as PictureStepHandle,Yi as QuestionStepHandle,Vt as BulkPriceCalculationStrategy,Qi as Variant,_A as OptionNotFoundError,At as LayoutNotFoundError,tt as AssetNotFoundError,et as ResourceNotFoundError,nt as MisconfigurationError,ot as ParseError,at as UnhandledBehaviorError,Yt as assetService,Ji as designService,Gi as createDesign,Nt as optionService,lt as persistenceService,Ct as graphQlManager,ai as toast,On as FrameService,Jn as getBoundedOffsets,qn as frameStepService,_n as modelStepService,$n as materialStepService,ni as shapeStepService,ei as questionStepService,Wn as digitalContentStepService,Ai as moduleStepService,ti as pictureStepService,gi as textStepService,Zn as illustrationStepService,jt as ProductCameraRig,Zi as FrameStep,Xt as ConversionLocation,Zt as ConversionDataType,ji as getWorkflow,t as AssetType,e as BringForwardCommand,n as BringToFrontCommand,i as BringToBackCommand,a as CanvasCommand,o as CreateElementCommand,r as CreateLayoutCommand,s as DeleteElementCommand,c as FontAlignmentCommand,g as FontColorCommand,B as FontSizeCommand,l as FontSourceCommand,w as GroupCommand,E as LayoutElementFactory,d as LayoutElementType,h as MoveCommand,Q as ResizeCommand,C as RotateCommand,u as SendBackwardsCommand,D as StepAspectType,m as StepType,p as TextChangeCommand,I as UnitOfMeasurement,f as dataUrlFromExternalUrl,M as findElement,y as frameDataCache,F as generate,Y as getAxisAlignedBoundingBox,x as generateSVGWithUnknownColors,S as getAttributesFromArrayBuffer,v as rehydrateSerializedLayout,N as getFrameData,R as getSvgElement,H as loadFontFromDataUrl,U as loadFontFromExternalUrl,P as determineCorrectFontSizeAndLines,G as patternImageDataCache,wn as generateCommands,k as registerJSDOM,Ye as minZoom,In as AdvancedEditor,Aa as TransformWrapper,pn as EditorCore,Ut as useLayouts,zt as useEditorState,Se as useEditorInteraction,ve as useShortcutCombination,Jt as commandReducer,bt as getDefaultState,Rt as CommandContextContext,Ot as AdvancedEditorStateProvider,Lt as AdvancedEditorContext,Tt as UICommand,Gt as EditorSubMenu,ne as ElementEventType,ae as KeyEvent,Nn as gatherVaryingStepAspects};
|
|
999
999
|
//# sourceMappingURL=module.js.map
|