@spiffcommerce/core 16.10.1 → 16.10.3

package/dist/index.js

@@ -119,7 +119,7 @@ const Gt = () => {
   } catch {
     return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new EA();
   }
-}, x = Gt();
+}, S = Gt();
 class vt {
   constructor() {
     this.defaultServerUrl = "https://api.spiff.com.au", this.defaultServicesApiUrl = "https://services.spiff.com.au", this.defaultHubUrl = "https://hub.spiff.com.au", this.serverUrl = this.defaultServerUrl, this.servicesApiUrl = this.defaultServicesApiUrl, this.hubUrl = this.defaultHubUrl, this.serverUrlCallbacks = [];
@@ -510,27 +510,27 @@ class Je {
     }
     const A = /* @__PURE__ */ new Map();
     A.set(e.key || "", e.fileLink);
-    const t = x.getMap(ne);
+    const t = S.getMap(ne);
     t && t.forEach((a, n) => {
       A.set(n, a);
-    }), x.setMap(ne, A);
+    }), S.setMap(ne, A);
   }
   /**
    * Remove an existing asset from persistence. Noop if the asset doesn't exist.
    * @param assetKey The key to remove.
    */
   static remove(e) {
-    const A = x.getMap(ne);
+    const A = S.getMap(ne);
     if (!A)
       return;
     const t = Array.from(A.entries()).find((a) => a[0] === e);
-    t && (A.delete(t[0]), x.setMap(ne, A));
+    t && (A.delete(t[0]), S.setMap(ne, A));
   }
   /**
    * Get a list of all persisted assets.
    */
   static list() {
-    const e = x.getMap(ne);
+    const e = S.getMap(ne);
     return e ? Array.from(e.entries()).map((A) => ({ assetKey: A[0], src: A[1] })) : [];
   }
 }
@@ -3343,10 +3343,10 @@ class Na {
         D.push(
           this.generateTextChangeCommandsForRegion(Y, t, p.id, U, i)
         );
-        const S = new J(p, E);
-        return S.varying = i, {
+        const x = new J(p, E);
+        return x.varying = i, {
           regionElement: { id: C, region: l },
-          commands: [S, ...D],
+          commands: [x, ...D],
           newElement: p,
           fontData: a
         };
@@ -4886,7 +4886,7 @@ class ka extends nA {
       const Y = R("g");
       p.appendChild(Y), Y.setAttribute("fill", "#9d2621"), Y.setAttribute("transform", "translate(1,1)"), Y.innerHTML = t;
       const M = R("g");
-      return p.appendChild(M), M.setAttribute("fill", "yellow"), M.innerHTML = t, new oA(p).transform(([S, b]) => [S, b + (n / 2 - S) ** 2 / (n * 2.9)]), p;
+      return p.appendChild(M), M.setAttribute("fill", "yellow"), M.innerHTML = t, new oA(p).transform(([x, b]) => [x, b + (n / 2 - x) ** 2 / (n * 2.9)]), p;
     }, [o, r, c] = $A(A);
     if (!o)
       return "";
@@ -4928,10 +4928,10 @@ class Ja extends nA {
       const M = R("g");
       m.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = a;
       const U = new oA(m);
-      return U.transform(([S, b]) => [S, b + ((i - S) * b) ** 2 / (i * 5e4)]), U.transform(([S, b]) => [
-        S,
-        b + (i / 3 - S) ** 2 / i * this.indicator(S < i / 3)
-      ]), U.transform(([S, b]) => [S - (s - b) * (i - S) / 800, b]), m;
+      return U.transform(([x, b]) => [x, b + ((i - x) * b) ** 2 / (i * 5e4)]), U.transform(([x, b]) => [
+        x,
+        b + (i / 3 - x) ** 2 / i * this.indicator(x < i / 3)
+      ]), U.transform(([x, b]) => [x - (s - b) * (i - x) / 800, b]), m;
     }, [c, B, l] = $A(A);
     if (!c)
       return "";
@@ -4978,7 +4978,7 @@ class La extends nA {
       const F = R("g");
       F.classList.add("module-layer2"), u.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = i;
       const Y = R("g");
-      return Y.classList.add("module-layer3"), u.appendChild(Y), Y.setAttribute("fill", "white"), Y.innerHTML = i, new oA(u).transform(([U, S]) => [U, S + (r / 2 - U) ** 2 / (r * 6)]), u;
+      return Y.classList.add("module-layer3"), u.appendChild(Y), Y.setAttribute("fill", "white"), Y.innerHTML = i, new oA(u).transform(([U, x]) => [U, x + (r / 2 - U) ** 2 / (r * 6)]), u;
     }, l = R("g");
     l.classList.add("module-root");
     const d = R("defs");
@@ -5855,7 +5855,7 @@ class ja extends W {
     throw new Error("Bulk step does not support variants.");
   }
   async setDesignName(e) {
-    const t = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.manager.getTransaction().id);
+    const t = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.manager.getTransaction().id);
     await N.getShadowGraphqlClient().mutate({
       mutation: Ka,
       variables: {
@@ -5886,7 +5886,7 @@ class ja extends W {
     window.open(this.transaction.bulkSourceUrl, "_blank");
   }
   async sendGoogleSheetLinkToEmail(e) {
-    const t = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.manager.getTransaction().id);
+    const t = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.manager.getTransaction().id);
     await N.getShadowGraphqlClient().mutate({
       mutation: nt,
       variables: { id: this.transaction.id, details: { emailAddress: e }, type: "Owner" },
@@ -6476,7 +6476,7 @@ const st = y`
   }
   return a;
 }, it = (g, e, A, t, a, n, s, i, o, r) => {
-  const B = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(g.id), l = {
+  const B = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(g.id), l = {
     baseCost: A,
     designProductId: g.externalDesignProductId,
     designProductVariantId: g.externalDesignProductVariantId,
@@ -6534,7 +6534,7 @@ const st = y`
     if (r !== void 0)
       return r;
     await g.outstandingRequestsPromise();
-    const M = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a.id), S = await N.getShadowGraphqlClient().query({
+    const M = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a.id), x = await N.getShadowGraphqlClient().query({
       query: OA,
       variables: { ids: [a.id] },
       fetchPolicy: "no-cache",
@@ -6542,17 +6542,17 @@ const st = y`
       context: {
         transactionOwnerId: M
       }
-    }), b = (K = S.data) == null ? void 0 : K.transactions[0].workflowState;
-    return S.errors ? (S.errors.forEach((j) => {
-      S.errors && console.log("Server Error:", j.message);
+    }), b = (K = x.data) == null ? void 0 : K.transactions[0].workflowState;
+    return x.errors ? (x.errors.forEach((j) => {
+      x.errors && console.log("Server Error:", j.message);
     }), null) : b ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(t())), await g.updateStateWithServerImmediate(t), console.log("Server state is undefined @ Workflow completion"));
   const l = g.getPreviewService(), d = (F = e == null ? void 0 : e.finalizeStepConfig) == null ? void 0 : F.lookAtAnimation, E = l && e.showModelOnFinishStep && !!d, C = o && qe(o, e, !0), w = o && qe(o, e, !1), Q = async (Y) => {
     const M = {};
     let U = 0;
     if (Object.keys(n).length > 0)
-      for (const S of Object.keys(n)) {
-        const b = n[S], K = e.steps.find((j) => j.stepName === S);
+      for (const x of Object.keys(n)) {
+        const b = n[x], K = e.steps.find((j) => j.stepName === x);
         for (let j = 0; j < b.selections.length; ++j) {
           const q = b.selections[j];
           if (K && (!Y || K.option && (K.option.variants || []).length > 1 && !K.data.hideSelectionInCart && !K.data.hideSelectionsInCart)) {
@@ -6596,14 +6596,14 @@ const st = y`
       };
       if (w) {
         const M = [];
-        for (const [U, S] of Object.entries(w))
-          M.push({ key: U, value: S });
+        for (const [U, x] of Object.entries(w))
+          M.push({ key: U, value: x });
         Y.metadata = M;
       }
       if (u) {
         const M = [];
-        for (const [U, S] of Object.entries(p))
-          M.push({ key: U, ids: S });
+        for (const [U, x] of Object.entries(p))
+          M.push({ key: U, ids: x });
         Y.selectedVariants = M;
       }
       return Y;
@@ -6721,7 +6721,7 @@ class gn {
    */
   async getSavedDesigns() {
     if (this.storageMethod === "Local") {
-      const e = x.get(this.localPersistenceKey);
+      const e = S.get(this.localPersistenceKey);
       return e ? JSON.parse(e) : [];
     }
     throw new v("Unexpected storage method requested");
@@ -6761,7 +6761,7 @@ class gn {
   }
   async setDesigns(e) {
     if (this.storageMethod === "Local") {
-      x.set(this.localPersistenceKey, JSON.stringify(e));
+      S.set(this.localPersistenceKey, JSON.stringify(e));
       return;
     }
     throw new v("Unexpected storage method requested");
@@ -6837,18 +6837,22 @@ class he {
     return this.workflowManager;
   }
   async updateVariationRecords(e) {
+    const t = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.workflowManager.getTransaction().id);
     await N.getShadowGraphqlClient().mutate({
       mutation: ca,
       variables: {
         transactionId: this.workflowManager.getTransaction().id,
-        updates: e.map((A) => ({
-          recordNumber: A.recordNumber,
-          values: A.values.map((t) => ({
-            aspect: t.aspect,
-            stepName: t.stepName,
-            value: t.value
+        updates: e.map((a) => ({
+          recordNumber: a.recordNumber,
+          values: a.values.map((n) => ({
+            aspect: n.aspect,
+            stepName: n.stepName,
+            value: n.value
           }))
         }))
+      },
+      context: {
+        transactionOwnerId: t
       }
     });
   }
@@ -6959,24 +6963,27 @@ class he {
     return this.assignCustomerDetails({ emailAddress: e.email });
   }
   async assignCustomerDetails(e) {
-    var a, n, s;
-    const t = (s = (n = (a = (await N.getShadowGraphqlClient().mutate({
+    var s, i, o;
+    const t = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (o = (i = (s = (await N.getShadowGraphqlClient().mutate({
       mutation: nt,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
         details: e,
         type: "Owner"
+      },
+      context: {
+        transactionOwnerId: t
       }
-    })).data) == null ? void 0 : a.transactionAddStakeholder) == null ? void 0 : n.stakeholders) == null ? void 0 : s.find(
-      (i) => {
-        var o;
-        return ((o = i.customer) == null ? void 0 : o.emailAddress) === e.emailAddress;
+    })).data) == null ? void 0 : s.transactionAddStakeholder) == null ? void 0 : i.stakeholders) == null ? void 0 : o.find(
+      (r) => {
+        var c;
+        return ((c = r.customer) == null ? void 0 : c.emailAddress) === e.emailAddress;
       }
     );
-    if (t != null && t.customer) {
-      this.getWorkflowManager().setTransactionCustomer(t.customer);
-      const i = x.getMap("transactionCustomerIds") || /* @__PURE__ */ new Map();
-      i.set(this.getWorkflowManager().getTransaction().id, t.customer.id), x.setMap("transactionCustomerIds", i);
+    if (n != null && n.customer) {
+      this.getWorkflowManager().setTransactionCustomer(n.customer);
+      const r = S.getMap("transactionCustomerIds") || /* @__PURE__ */ new Map();
+      r.set(this.getWorkflowManager().getTransaction().id, n.customer.id), S.setMap("transactionCustomerIds", r);
     }
   }
   attachRenderableSceneListener(e) {
@@ -7175,13 +7182,13 @@ const ln = [
     ln.includes(m.tagName) && !m.attributes.getNamedItem("fill") && m.setAttribute("fill", "#000000");
     const F = m.attributes.getNamedItem("fill");
     if (F && F.value !== "none") {
-      const M = F.value, S = `spiff-fill-${M.replace(/\W/g, "")}`;
-      m.classList.add(S), C[S] = { browserValue: M };
+      const M = F.value, x = `spiff-fill-${M.replace(/\W/g, "")}`;
+      m.classList.add(x), C[x] = { browserValue: M };
     }
     const Y = m.attributes.getNamedItem("stroke");
     if (Y && Y.value !== "none") {
-      const M = Y.value, S = `spiff-stroke-${M.replace(/\W/g, "")}`;
-      m.classList.add(S), C[S] = { browserValue: M };
+      const M = Y.value, x = `spiff-stroke-${M.replace(/\W/g, "")}`;
+      m.classList.add(x), C[x] = { browserValue: M };
     }
   });
   const Q = PA().serializeToString(E), h = a.colors;
@@ -8709,7 +8716,7 @@ class IA {
       throw new Error(
         "Unable to add transaction to bundle - Already Exists: " + t.filter((s) => !!s).map((s) => s == null ? void 0 : s.getWorkflowManager().getTransaction().id).join(", ")
       );
-    const a = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = A.map((s) => a.get(s));
+    const a = S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = A.map((s) => a.get(s));
     await N.getShadowGraphqlClient().mutate({
       mutation: Un,
       variables: {
@@ -8738,7 +8745,7 @@ class IA {
       (i) => i.getWorkflowManager().getTransaction().id === t
     ))
       throw new Error("Unable to add transaction to bundle - Already Exists!");
-    const s = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t);
+    const s = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t);
     await N.getShadowGraphqlClient().mutate({
       mutation: Hn,
       variables: {
@@ -9947,12 +9954,12 @@ class ms {
    */
   async authenticateBundleFromLocalStorage(e) {
     var a, n;
-    const A = x.getMap("bundleOwnerIds");
+    const A = S.getMap("bundleOwnerIds");
     if (A != null && A.has(e))
       return Promise.resolve({ success: !0, stakeholderType: xe.Owner });
-    const t = x.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const t = S.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (t.has(e)) {
-      const s = t.get(e), o = (x.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
+      const s = t.get(e), o = (S.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
       if (o && await this.authenticateCustomerId(o)) {
         const c = (n = (a = this.customer) == null ? void 0 : a.bundleStakeholders) == null ? void 0 : n.find(
           (B) => {
@@ -9996,10 +10003,10 @@ class ms {
       throw new Error(`Unable to read transaction: ${e}`);
     if (a.isOrdered)
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
-    const s = x.getMap("transactionOwnerIds");
+    const s = S.getMap("transactionOwnerIds");
     if (s != null && s.has(e))
       return Promise.resolve({ success: !0, stakeholderType: xe.Owner });
-    const i = x.getMap("transactionCustomerIds");
+    const i = S.getMap("transactionCustomerIds");
     if (i != null && i.has(e)) {
       const w = i.get(e);
       if (w && await this.authenticateCustomerId(w)) {
@@ -10040,8 +10047,8 @@ class ms {
     this.customer = void 0;
   }
   clearCustomerForTransaction(e) {
-    const A = x.getMap("transactionCustomerIds");
-    A != null && A.has(e) && (A.delete(e), x.setMap("transactionCustomerIds", A));
+    const A = S.getMap("transactionCustomerIds");
+    A != null && A.has(e) && (A.delete(e), S.setMap("transactionCustomerIds", A));
   }
   getStakeholderTypeForTransaction(e) {
     var t, a;
@@ -10092,7 +10099,7 @@ class ms {
   }
   async authenticateCustomerId(e) {
     var i;
-    const A = N.getShadowGraphqlClient(), t = x.getMap("customerTokens");
+    const A = N.getShadowGraphqlClient(), t = S.getMap("customerTokens");
     if (!(t != null && t.has(e)))
       return !1;
     const a = t.get(e);
@@ -10140,8 +10147,8 @@ class ms {
     if (a != null && a.loginToken) {
       if (!((s = a.partner) != null && s.id))
         throw new Error(`Unable to find customer: ${e}`);
-      const i = x.getMap("customerTokens") || /* @__PURE__ */ new Map();
-      return i.set(a.id, a.loginToken), x.setMap("customerTokens", i), this.storeCustomer(a), hA(a.loginToken), this.customer = {
+      const i = S.getMap("customerTokens") || /* @__PURE__ */ new Map();
+      return i.set(a.id, a.loginToken), S.setMap("customerTokens", i), this.storeCustomer(a), hA(a.loginToken), this.customer = {
         ...a,
         loginToken: void 0
       }, !0;
@@ -10163,10 +10170,10 @@ class ms {
     })).data) == null ? void 0 : s.bundleCreate;
     if (!(t != null && t.id))
       throw new Error("Unable to create bundle");
-    const a = x.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    a.set(t.id, t.partner.id), x.setMap("bundlePartnerIds", a);
-    const n = x.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
-    return n.set(t.id, t.bundleOwnerId), x.setMap("bundleOwnerIds", n), new IA(this, t, void 0, void 0, t.bundleOwnerId);
+    const a = S.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    a.set(t.id, t.partner.id), S.setMap("bundlePartnerIds", a);
+    const n = S.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
+    return n.set(t.id, t.bundleOwnerId), S.setMap("bundleOwnerIds", n), new IA(this, t, void 0, void 0, t.bundleOwnerId);
   }
   /**
    * Retrieves an existing bundle from the API, by id.
@@ -10177,7 +10184,7 @@ class ms {
    */
   async getExistingBundle(e, A, t) {
     var c, B, l, d;
-    const a = x.getMap("bundleOwnerIds"), n = a == null ? void 0 : a.get(e), s = await N.getShadowGraphqlClient().query({
+    const a = S.getMap("bundleOwnerIds"), n = a == null ? void 0 : a.get(e), s = await N.getShadowGraphqlClient().query({
       query: Sn,
       variables: {
         id: e
@@ -10189,8 +10196,8 @@ class ms {
     });
     if (!((c = s.data) != null && c.bundles) || ((B = s.data) == null ? void 0 : B.bundles.length) === 0 || !((l = s.data) != null && l.bundles[0]))
       throw new Error(`Unable to find bundle: ${e}`);
-    const i = (d = s.data) == null ? void 0 : d.bundles[0], o = x.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    o.set(i.id, i.partner.id), x.setMap("bundlePartnerIds", o);
+    const i = (d = s.data) == null ? void 0 : d.bundles[0], o = S.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    o.set(i.id, i.partner.id), S.setMap("bundlePartnerIds", o);
     const r = new IA(this, i, A, t, n);
     return await r.getInitializationPromise(), r;
   }
@@ -10211,11 +10218,11 @@ class ms {
     });
     if (!((n = e.data) != null && n.customers) || e.data.customers.length === 0)
       throw new Error("Unable to find customer.");
-    const t = e.data.customers[0].bundleStakeholders || [], a = x.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const t = e.data.customers[0].bundleStakeholders || [], a = S.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     return t.forEach((s) => {
       var i, o;
       (i = s.bundle) != null && i.id && ((o = s.bundle.partner) != null && o.id) && a.set(s.bundle.id, s.bundle.partner.id);
-    }), x.setMap("bundlePartnerIds", a), t;
+    }), S.setMap("bundlePartnerIds", a), t;
   }
   /**
    * Creates a new instance of WorkflowExperience. A high level wrapper for workflows.
@@ -10289,7 +10296,7 @@ class ms {
       stateMutationFunc: o ? async () => {
         throw new v("State mutation is forbidden in read only mode!");
       } : async (w) => {
-        const h = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(s.id) || void 0;
+        const h = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(s.id) || void 0;
         return this.updateTransactionState({ ...w, context: { transactionOwnerId: h } });
       },
       readOnly: o,
@@ -10315,8 +10322,8 @@ class ms {
       model: r.product.modelUrl,
       contextService: r.renderableContextService
     }))), a.type !== "transaction") {
-      const w = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
-      w.set(s.id, s.transactionOwnerId), x.setMap("transactionOwnerIds", w);
+      const w = S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
+      w.set(s.id, s.transactionOwnerId), S.setMap("transactionOwnerIds", w);
     } else
       r.isReloadedTransaction = !0;
     this.initialized = !0, this.experienceOptions = r;
@@ -10389,7 +10396,7 @@ class ms {
         readOnly: !1,
         index: s[F].index
       }));
-    }, r = (await Promise.all([i(), o()])).flat(), c = [...new Set(r.map((h) => h.workflowId))], B = await Bt(c, A), l = new Map(B.map((h) => [h.id, h])), d = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), E = r.map(async (h) => {
+    }, r = (await Promise.all([i(), o()])).flat(), c = [...new Set(r.map((h) => h.workflowId))], B = await Bt(c, A), l = new Map(B.map((h) => [h.id, h])), d = S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), E = r.map(async (h) => {
       var U;
       const { transaction: u, workflowId: f, readOnly: p, index: D } = h, m = l.get(f), F = e[D];
       !d.get(u.id) && u.transactionOwnerId && d.set(u.id, u.transactionOwnerId);
@@ -10400,17 +10407,17 @@ class ms {
         singleVariantsRenderable: (U = F == null ? void 0 : F.workflowConfiguration) == null ? void 0 : U.singleVariantsRenderable,
         stateMutationFunc: p ? async () => {
           throw new v("State mutation is forbidden in read only mode!");
-        } : async (S) => this.updateTransactionState({ ...S, context: { transactionOwnerId: Y } }),
+        } : async (x) => this.updateTransactionState({ ...x, context: { transactionOwnerId: Y } }),
         readOnly: p,
         workflow: m,
         isReloadedTransaction: F.type === "transaction"
       };
       if (F.type === "transaction" && u.workflowState) {
-        const S = JSON.parse(u.workflowState);
-        M.layouts = Object.values(S.layouts).map((b) => b.layout), await ee(S), await Ae(S), M.reloadedState = S;
+        const x = JSON.parse(u.workflowState);
+        M.layouts = Object.values(x.layouts).map((b) => b.layout), await ee(x), await Ae(x), M.reloadedState = x;
       } else if (!p && F.workflowState) {
-        const S = JSON.parse(F.workflowState);
-        M.layouts = Object.values(S.layouts).map((b) => b.layout), await ee(S), await Ae(S), M.reloadedState = S;
+        const x = JSON.parse(F.workflowState);
+        M.layouts = Object.values(x.layouts).map((b) => b.layout), await ee(x), await Ae(x), M.reloadedState = x;
       } else
         M.layouts = Oe(
           M.transaction,
@@ -10420,7 +10427,7 @@ class ms {
         M.layouts
       ), this.initialized = !0, this.experienceOptions = M, { experienceOptions: M, index: D, options: F };
     });
-    x.setMap("transactionOwnerIds", d);
+    S.setMap("transactionOwnerIds", d);
     const Q = (await Promise.all(E)).sort((h, u) => h.index - u.index).map(async (h) => {
       const { experienceOptions: u, options: f } = h, p = new he(this, u);
       return await p.getWorkflowManager().getInitializationPromise(), f.type !== "transaction" && this.customer && await p.attachCustomerDetails({ email: this.customer.emailAddress }), p;
@@ -10454,8 +10461,8 @@ class ms {
     if (!a.product)
       throw new P("Failed to create transaction, product not available.");
     this.currencyCode = (s = a.product.partner) == null ? void 0 : s.currencyCode;
-    const n = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
-    n.set(a.id, a.transactionOwnerId), x.setMap("transactionOwnerIds", n), this.experienceOptions = {
+    const n = S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
+    n.set(a.id, a.transactionOwnerId), S.setMap("transactionOwnerIds", n), this.experienceOptions = {
       product: a.product,
       transaction: a,
       layouts: [],
@@ -10496,7 +10503,7 @@ class ms {
     };
     if (A)
       return await a();
-    const n = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), s = n.get(e);
+    const n = S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), s = n.get(e);
     if (s) {
       const l = (i = (await t.query({
         query: we,
@@ -10528,7 +10535,7 @@ class ms {
         throw new P("Failed to read transaction.");
       if (!l.product)
         throw new P("Failed to load transaction, product not available.");
-      this.currencyCode = (c = l.product.partner) == null ? void 0 : c.currencyCode, l.transactionOwnerId && (n.set(l.id, l.transactionOwnerId), x.setMap("transactionOwnerIds", n)), this.experienceOptions = {
+      this.currencyCode = (c = l.product.partner) == null ? void 0 : c.currencyCode, l.transactionOwnerId && (n.set(l.id, l.transactionOwnerId), S.setMap("transactionOwnerIds", n)), this.experienceOptions = {
         product: l.product,
         transaction: l,
         layouts: [],
@@ -10560,7 +10567,7 @@ class ms {
       return await r.getWorkflowManager().getInitializationPromise(), r;
     }
     if (e) {
-      const r = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.experienceOptions.transaction.id), c = N.getShadowGraphqlClient().mutate({
+      const r = (S.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.experienceOptions.transaction.id), c = N.getShadowGraphqlClient().mutate({
         mutation: ra,
         variables: {
           workflowId: e,
@@ -10614,8 +10621,8 @@ class ms {
     return this.experienceOptions.transaction;
   }
   storeCustomer(e) {
-    const A = x.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
-    A.set(e.partner.id, e.id), x.setMap("partnerCustomerIds", A);
+    const A = S.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
+    A.set(e.partner.id, e.id), S.setMap("partnerCustomerIds", A);
   }
 }
 class Hs {
@@ -10909,7 +10916,7 @@ export {
   fa as moduleStepService,
   z as optionService,
   Qi as patternImageDataCache,
-  x as persistenceService,
+  S as persistenceService,
   qA as pictureStepService,
   ZA as questionStepService,
   ui as registerFetchImplementation,

package/dist/index.umd.cjs

@@ -1932,7 +1932,7 @@ IfnI8vaNAAAAAElFTkSuQmCC" transform="matrix(0.13 0.0141 -0.0141 0.1301 104.926 1
             }
         }
     }
-`,ln=async l=>{var t;return(t=(await R.getShadowGraphqlClient().mutate({mutation:cn,errorPolicy:"all",fetchPolicy:"no-cache",variables:{name:l.name,layouts:l.layouts,workflowId:l.workflowId,transactionId:l.transactionId,previewImage:l.previewImage,useThreeDimPreview:l.useThreeDimPreview,metadata:l.metadata,selectedVariants:l.selectedVariants}})).data)==null?void 0:t.designCreate},Bn=async l=>{var t;return(t=(await R.getShadowGraphqlClient().mutate({mutation:gn,errorPolicy:"all",fetchPolicy:"no-cache",variables:{inputs:l.map(A=>({name:A.name,layouts:A.layouts,workflowId:A.workflowId,transactionId:A.transactionId,previewImage:A.previewImage,useThreeDimPreview:A.useThreeDimPreview,metadata:A.metadata,selectedVariants:A.selectedVariants}))}})).data)==null?void 0:t.designCreateMany},Oe=(l,e,t)=>{const A=a=>{const i={};if(a.type==="Frame"){const o=l[a.stepName],s=a.data;if(!o||!o.image||s.hideImageInCart&&t)return i;i[`${a.stepTitle} image`]=o.image}if(a.type==="Illustration"){const o=l[a.stepName],s=a.data;if(!o||s.hideColorsInCart&&t||!o.colors)return i;if(o.colors.length>0){const r=o.colors.join(", ").toUpperCase();i[`${a.stepTitle} colors`]=r}}if(a.type==="Module"){const o=l[a.stepName],s=a.data;if(!o||o.text===void 0||o.text===null||s.hideTextInCart&&t)return i;i[`${a.stepTitle} text`]=o.text}if(a.type==="Text"){const o=l[a.stepName];if(!o)return i;const s=a.data;(!s.hideTextInCart||!t&&o.text!==void 0&&o.text!==null)&&(i[`${a.stepTitle} text`]=o.text),o.color&&(!s.hideColorInCart||!t)&&(i[`${a.stepTitle} color`]=o.color)}return i},n={};return e.steps.forEach(a=>{Object.assign(n,A(a))}),n},dn=(l,e,t,A)=>{const n={};let a;if(t){a=Oe(t,e,!1);for(const i of Object.keys(a))n[i]={value:a[i],priceModifier:0}}else if(A){a=A;for(const i of Object.keys(a))n[i]={value:a[i],priceModifier:0}}for(const i of Object.keys(l)){const o=l[i],s=e.steps.find(r=>r.stepTitle===i);if(o.length===1)n[`${s==null?void 0:s.stepTitle} selection`]={value:o[0].name,priceModifier:o[0].priceModifier};else if(o.length>1)for(let r=0;r<o.length;r++)n[`${s==null?void 0:s.stepTitle} selection ${r+1}`]={value:o[r].name,priceModifier:o[r].priceModifier}}return n},Tt=(l,e,t,A,n,a,i,o,s,r)=>{const d=(N.getMap("transactionOwnerIds")||new Map).get(l.id),B={baseCost:t,designProductId:l.externalDesignProductId,designProductVariantId:l.externalDesignProductVariantId,event:"onComplete",exportedData:a,externalCartProductId:l.externalCartProductId,externalCartProductVariantId:l.externalCartProductVariantId,lineItemImageUrl:i||"",optionsCost:A,processExecutionId:r,transactionId:l.id,transactionOwnerId:d,weight:e.weight,workflowViewerLink:l.workflowViewerLink||"",workflowViewerReadOnlyLink:l.workflowViewerReadOnlyLink||""};return n&&(B.metadata=n),o&&(B.selectedVariants=o),s&&(B.sku=s),B},wn=(l,e,t,A)=>{const n=(e.basePrice||0)*(l.variationsCount||0),a=l.priceModifierTotal||0,i={items:{value:l.variationsCount?`${l.variationsCount}`:"0",priceModifier:0}};return Tt(l,e,n,a,void 0,i,t,void 0,void 0,A)},Jt=async(l,e,t,A,n,a,i,o)=>{const s=e.basePrice||0,r=l.priceModifierTotal||0,g=dn(A,t,void 0,a);return Tt(l,e,s,r,a,g,i,A,n,o)},Lt=async(l,e,t,A,n,a,i,o,s,r)=>{var S;await(async()=>{var O;if(r!==void 0)return r;await l.outstandingRequestsPromise();const y=(N.getMap("transactionOwnerIds")||new Map).get(n.id),P=await R.getShadowGraphqlClient().query({query:Bt,variables:{ids:[n.id]},fetchPolicy:"no-cache",errorPolicy:"all",context:{transactionOwnerId:y}}),v=(O=P.data)==null?void 0:O.transactions[0].workflowState;return P.errors?(P.errors.forEach(z=>{P.errors&&console.log("Server Error:",z.message)}),null):v??null})()||(console.warn("State mismatch detected. Uploading known state explicitly"),console.warn("State Object:",JSON.stringify(A())),await l.updateStateWithServerImmediate(A),console.log("Server state is undefined @ Workflow completion"));const B=l.getPreviewService(),w=(S=e==null?void 0:e.finalizeStepConfig)==null?void 0:S.lookAtAnimation,h=B&&e.showModelOnFinishStep&&!!w,Q=s&&Oe(s,e,!0),E=s&&Oe(s,e,!1),m=async Y=>{const y={};let G=0;if(Object.keys(a).length>0)for(const P of Object.keys(a)){const v=a[P],O=e.steps.find(z=>z.stepName===P);for(let z=0;z<v.selections.length;++z){const V=v.selections[z];if(O&&(!Y||O.option&&(O.option.variants||[]).length>1&&!O.data.hideSelectionInCart&&!O.data.hideSelectionsInCart)){const We=O.stepTitle;y[We]?y[We].push({id:V.id||"",name:V.name,priceModifier:V.priceModifier}):y[We]=[{id:V.id||"",name:V.name,priceModifier:V.priceModifier}]}G+=V.priceModifier}}return[y,G]},[C]=await m(!0),I=Object.fromEntries(Object.keys(C).map(Y=>[Y,C[Y].map(y=>y.id)])),[F]=await m(!1),D=Object.fromEntries(Object.keys(F).map(Y=>[Y,F[Y].map(y=>y.id)])),p=await o(h);return{designDetails:(()=>{const Y={name:i,layouts:t.map(y=>({index:y.index,panelId:y.panelId})),workflowId:e.id,transactionId:n.id,useThreeDimPreview:!!h,previewImage:p};if(E){const y=[];for(const[G,P]of Object.entries(E))y.push({key:G,value:P});Y.metadata=y}if(I){const y=[];for(const[G,P]of Object.entries(D))y.push({key:G,ids:P});Y.selectedVariants=y}return Y})(),cartSelectionsWithPrices:C,cartMetadata:Q}},Ot=async(l,e,t,A,n,a,i,o,s,r,g,d,B)=>{var I,F,D;s("workflow.steps.finish.finalize.buildingLayouts");const{designDetails:w,cartSelectionsWithPrices:h,cartMetadata:Q}=await Lt(l,e,t,A,a,i,o,d,B);s("workflow.steps.finish.finalize.creatingDesign"),a.bulk&&await r(g);const E=await ln(w),m=(I=E==null?void 0:E.transaction)==null?void 0:I.previewImageLink;if(!(E!=null&&E.transaction))throw new Error("Failed to create design");s("workflow.steps.finish.finalize.updatingTransaction");const C=E.transaction;return a.bulk?wn(C,n,m,(F=E==null?void 0:E.processExecution)==null?void 0:F.id):await Jt(C,n,e,h,E==null?void 0:E.sku,Q,m,(D=E==null?void 0:E.processExecution)==null?void 0:D.id)},En=async(l,e)=>{e("workflow.steps.finish.finalize.buildingLayouts"),await Promise.all(l.map(async i=>{await i.workflowManager.outstandingRequestsPromise()}));const A=await(async()=>{var s;const o=await R.getShadowGraphqlClient().query({query:Bt,variables:{ids:l.map(r=>r.transaction.id)},fetchPolicy:"no-cache",errorPolicy:"all"});return o.errors?(o.errors.forEach(r=>{o.errors&&console.log("Server Error:",r.message)}),null):(s=o.data)!=null&&s.transactions?o.data.transactions.map(r=>r.workflowState??null):null})(),n=await Promise.all(l.map(async(i,o)=>await Lt(i.workflowManager,i.workflow,i.layouts,i.getReducerState,i.transaction,i.workflowSelections,i.designName,()=>Promise.resolve(void 0),i.workflowMetadata,A?A[o]:void 0)));e("workflow.steps.finish.finalize.creatingDesign");const a=await Bn(n.map(i=>i.designDetails));if(!a)throw new Error("Failed to create designs");return e("workflow.steps.finish.finalize.updatingTransaction"),Promise.all(a.map(async(i,o)=>{var d;const s=l[o],r=n[o],g=i.transaction;return await Jt(g,s.product,s.workflow,r.cartSelectionsWithPrices,i.sku,r.cartMetadata,void 0,(d=i.processExecution)==null?void 0:d.id)}))};class hn{constructor(){this.localPersistenceKey="designTransactions",this.storageMethod="Local",this.designSavedListeners=[]}attachSaveListener(e){this.designSavedListeners.push(e)}detachSaveListener(e){this.designSavedListeners=this.designSavedListeners.filter(t=>t!==e)}async getSavedDesigns(){if(this.storageMethod==="Local"){const e=N.get(this.localPersistenceKey);return e?JSON.parse(e):[]}throw new U("Unexpected storage method requested")}async getSavedDesignByTransaction(e){return(await this.getSavedDesigns()).find(A=>A.transactionId===e)}async addDesign(e){const A=(await this.getSavedDesigns()).filter(n=>n.transactionId!==e.transactionId);A.unshift(e),await this.setDesigns(A),this.designSavedListeners.forEach(n=>n(e))}async renameDesign(e,t){const A=await this.getSavedDesigns(),n=A.find(a=>a.transactionId===e);if(!n)throw new Error(`No saved design for transaction ${e}.`);n.title=t,await this.setDesigns(A)}async removeDesign(e){const t=await this.getSavedDesigns();await this.setDesigns(t.filter(A=>A.transactionId!==e))}async setDesigns(e){if(this.storageMethod==="Local"){N.set(this.localPersistenceKey,JSON.stringify(e));return}throw new U("Unexpected storage method requested")}}const De=new hn;class Be{constructor(e,t){var n;if(this.renderableScenes=[],this.renderableSceneCallbacks=[],this.debouncedSavedDesignUpdate=Ze(async()=>{await De.getSavedDesignByTransaction(this.getWorkflowManager().getTransaction().id)&&this.save()},2500),this.getCanvasObjectURLAsync=async a=>new Promise((i,o)=>{try{a.toBlob(s=>{if(s){const r=URL.createObjectURL(s);i(r)}})}catch(s){o(s)}}),!t.workflow)throw new Error("No Workflow ID provided.");this.client=e;const A=t.layouts;this.commandContext=new c.CommandContext,this.commandContext.initialize(A,t.reloadedState),this.isReadOnly=t.transaction.isOrdered||!!t.readOnly,this.workflowManager=new sn(t.workflow,((n=t.product.profanities)==null?void 0:n.map(a=>a.word))||[],A,this.commandContext,a=>{try{this.debouncedSavedDesignUpdate()}catch{console.error("Failed to update saved design details.")}return t.stateMutationFunc(a)},t.transaction,t.product,t.previewService,t.renderableContextService,t.reloadedState,t.readOnly,t.modelContainer,t.isReloadedTransaction,t.singleVariantsRenderable),this.workflowManager.addSelectionCallback(a=>{const i=a.traversableScenes.map(o=>{const s=o.renderableSteps.map(r=>r.stepName);return{id:o.name,title:o.title,renderableSteps:s}});this.renderableScenes=i,this.renderableSceneCallbacks.forEach(o=>o(i))})}getClient(){return this.client}getIsReadOnly(){return this.isReadOnly}getCommandContext(){return this.commandContext}getWorkflowManager(){return this.workflowManager}async updateVariationRecords(e){await R.getShadowGraphqlClient().mutate({mutation:PA,variables:{transactionId:this.workflowManager.getTransaction().id,updates:e.map(t=>({recordNumber:t.recordNumber,values:t.values.map(A=>({aspect:A.aspect,stepName:A.stepName,value:A.value}))}))}})}async createPreviewImage(e,t){var C,I;const A=this.workflowManager.getWorkflow(),n=(C=A==null?void 0:A.finalizeStepConfig)==null?void 0:C.lookAtAnimation;if(e){if(!n)throw new Error("Failed to generate cart preview image!");return await((I=this.workflowManager.getPreviewService())==null?void 0:I.renderSceneScreenshot(t??512,n))||""}let a=2048;t&&t<=2048&&(a=t);const i=c.createCanvas(a,a),o=this.commandContext.getAllLayouts(),s=A.defaultPreviewPanelIndex||0,r=A.panels[s],g=o.find(F=>{var D;return((D=F.layoutState)==null?void 0:D.layout.panelId)===(r==null?void 0:r.name)})||o[0],d=g.layoutState.layout.previewRegion?{x:g.layoutState.layout.previewRegion.left,y:g.layoutState.layout.previewRegion.top,width:g.layoutState.layout.previewRegion.width,height:g.layoutState.layout.previewRegion.height}:{x:0,y:0,width:g.layoutState.layout.width,height:g.layoutState.layout.height},B=this.commandContext.getLayoutById(g.layoutState.layout.id),w=i.getContext("2d");if(!w)throw new he("Failed to obtain 2D context for preview image creation");const h=c.getSvgElement(B.layoutState.layout,B.layoutState.elements,{renderingConfiguration:{purpose:c.LayoutRenderingPurpose.Print,region:{left:d.x,top:d.y,width:d.width,height:d.height}}}),Q=c.renderPapyrusComponentAsString(h);await(await qe.Pith.from(w,Q,{anonymousCrossOrigin:!0,ignoreDimensions:!1,createCanvas:c.createCanvas,createImage:c.loadImage,DOMParser:c.getDomParser(),fetch:c.fetch})).render();const m=await this.getCanvasObjectURLAsync(i);return i.toDataURL(m)}getStepById(e){const t=this.getWorkflowManager().getWorkflow().steps.find(A=>A.stepName===e);if(!(!t||!this.stepHasHandle(t)))return le.get(this.getWorkflowManager(),t)}getSteps(){return this.getScenes().flatMap(e=>this.getStepsByScene(e))}getScenes(){return this.getWorkflowManager().getWorkflow().stepGroups.map(t=>({id:t.id,name:t.name,stepIds:t.stepNames}))}getSelectionPriceSubunits(){const e=this.getWorkflowManager().getWorkflowSelections();let t=0;return Object.values(e).forEach(A=>{t+=A.selections.map(n=>n.priceModifier).reduce((n,a)=>n+a)}),t}getBasePriceSubunits(){return this.getWorkflowManager().getProduct().basePrice||0}getTotalPriceSubunits(){return this.getBasePriceSubunits()+this.getSelectionPriceSubunits()}getBulkStep(){if(this.getWorkflowManager().getTransaction().bulk){const e=this.getWorkflowManager().getProduct().bulkConfiguration,t={type:c.StepType.Bulk,stepName:"Bulk",stepTitle:(e==null?void 0:e.stepTitle)??"workflow.steps.bulk.title",helpText:e==null?void 0:e.helpText,data:{aspects:Pe(this.getWorkflowManager().getWorkflow())},conditions:[]};return le.get(this.getWorkflowManager(),t)}}getStepByName(e){const t=this.getWorkflowManager().getWorkflow().steps.find(A=>A.stepTitle===e);if(!(!t||!this.stepHasHandle(t)))return le.get(this.getWorkflowManager(),t)}getStepsByType(e){return this.getWorkflowManager().getWorkflow().steps.filter(t=>t.type===e).map(t=>le.get(this.getWorkflowManager(),t))}getStepsByScene(e){if(!this.getWorkflowManager().getWorkflow().stepGroups.find(A=>A.name===e.name))throw new Error("Given scene is not present on workflow! Be careful when persisting scenes that you only use them with the relevant workflow.");return e.stepIds.map(A=>this.getWorkflowManager().getWorkflow().steps.find(n=>n.stepName===A)).filter(A=>this.stepHasHandle(A)).map(A=>le.get(this.getWorkflowManager(),A))}async attachCustomerDetails(e){return this.assignCustomerDetails({emailAddress:e.email})}async assignCustomerDetails(e){var n,a,i;const A=(i=(a=(n=(await R.getShadowGraphqlClient().mutate({mutation:Yt,variables:{id:this.getWorkflowManager().getTransaction().id,details:e,type:"Owner"}})).data)==null?void 0:n.transactionAddStakeholder)==null?void 0:a.stakeholders)==null?void 0:i.find(o=>{var s;return((s=o.customer)==null?void 0:s.emailAddress)===e.emailAddress});if(A!=null&&A.customer){this.getWorkflowManager().setTransactionCustomer(A.customer);const o=N.getMap("transactionCustomerIds")||new Map;o.set(this.getWorkflowManager().getTransaction().id,A.customer.id),N.setMap("transactionCustomerIds",o)}}attachRenderableSceneListener(e){this.renderableSceneCallbacks.push(e),e(this.renderableScenes)}detachRenderableSceneListener(e){this.renderableSceneCallbacks=this.renderableSceneCallbacks.filter(t=>t!==e)}async save(e){if(!this.getCommandContext().getState())throw new U("State undefined!");const n={title:await(async()=>{var s;if(e)return e;const a=this.getWorkflowManager().getTransaction().id,o=(s=(await De.getSavedDesigns()).find(r=>r.transactionId===a))==null?void 0:s.title;return o||"My design"})(),thumbnail:await this.createPreviewImage(!1,256),transactionId:this.getWorkflowManager().getTransaction().id,productId:this.getWorkflowManager().getProduct().id,integrationProductId:this.getWorkflowManager().getTransaction().integrationProduct.id,workflowName:this.getWorkflowManager().getWorkflow().name,workflowId:this.getWorkflowManager().getWorkflow().id,lastEdited:new Date};return await De.addDesign(n),n}async copy(){var o;const e=te(this.getCommandContext().getState());if(!e)throw new U("Internal state is undefined! Cannot copy experience!");const t=JSON.stringify(e.transaction),A=this.getWorkflowManager().getWorkflow(),n=new nA({}),a=(o=this.getWorkflowManager().getTransaction().integrationProduct)==null?void 0:o.id;if(!a)throw new U("Integration product id is undefined!");return await n.initFromIntegrationProduct(a),await n.getWorkflowExperience(A.id,t,void 0)}async onDesignFinished(e,t=!0){return Ot(this.workflowManager,this.workflowManager.getWorkflow(),this.workflowManager.getLayouts(),()=>this.commandContext.getState(),this.workflowManager.getProduct(),this.workflowManager.getTransaction(),this.workflowManager.getWorkflowSelections(),this.workflowManager.getWorkflow().name,e||(()=>{}),A=>this.updateVariationRecords(A),this.workflowManager.getVariationRecords(),A=>t?this.createPreviewImage(A,1024):Promise.resolve(void 0),this.workflowManager.getWorkflowMetadata())}stepHasHandle(e){return e.type!==c.StepType.SilentIllustration&&e.type!==c.StepType.ProductOverlay}getExportedData(){var n;const e=new Map,t=this.getWorkflowManager().getWorkflowMetadata(),A=this.getWorkflowManager().getWorkflowSelections();return Object.keys(t).forEach(a=>{const i=this.workflowManager.getWorkflow().steps.find(s=>s.stepName===a);if(!i)return;e.has(i.stepTitle)||e.set(i.stepTitle,{});const o=t[a];Object.keys(o).forEach(s=>{e.get(i.stepTitle)[s]=o[s]})}),(n=Object.keys(A))==null||n.forEach(a=>{const i=this.workflowManager.getWorkflow().steps.find(o=>o.stepName===a);i&&(e.has(i.stepTitle)||e.set(i.stepTitle,{}),e.get(i.stepTitle).selection=A[a].selections[0].name)}),e}}const Cn=["altGlyph","circle","ellipse","path","polygon","polyline","rect","text","textPath","tref","tspan"],Qn=async(l,e,t)=>{const A=e.data,n=t.data.baseUrl,a=A.assetUrl.replace("localhost","localstack"),i=n.slice(0,4)==="http"?"":"https://",o=new URL(i+n);o.searchParams.append("video",c.toBase64(JSON.stringify([{href:a}]))),o.pathname=o.pathname+(o.pathname.slice(-1)==="/"?"":"/");const s=o.toString(),g=`data:image/svg+xml;base64,${c.toBase64(await _e.toString(s,{type:"svg"}))}`,d=w=>{const h=l.find(E=>E.panelId===w.panelId);if(!h)throw new k(w);const Q=c.generate();return new c.CreateElementCommand({id:Q,src:g,type:c.LayoutElementType.Image,y:w.top,x:w.left,width:w.width,height:w.height,rotation:0},h)},B=t.data.regions;try{return B.map(d)}catch(w){return console.error(w),[]}},un=async(l,e,t,A)=>{const n=t.data,a=n.assetUrl,i=await c.getPatternImageData(a);try{const o=c.getVariant(n,A.option);o&&(e[A.stepName]={selectedVariants:[o]});const s=async r=>{var Q;const g=await c.generateFrameSVG(r||{width:1,height:1},(Q=o==null?void 0:o.asset)==null?void 0:Q.fileLink),d=await c.getFrameData(g),B=c.generate(),w=l.find(E=>E.panelId===r.panelId);if(!w)throw new k(r);const h=c.calculateOffsets(i,d,{scale:n.scale,left:n.x,top:n.y});return[new c.CreateElementCommand({id:B,path:d.path,dataWidth:d.width,dataHeight:d.height,type:c.LayoutElementType.Frame,focalBlur:A.data.focalBlur,focalBlurStrength:A.data.focalBlurStrength,focalBlurRadius:A.data.focalBlurRadius,forceImageCover:A.data.forceImageCover,x:r.left,y:r.top,width:r.width,height:r.height,layer:r.layer,layerIndex:r.layerIndex,rotation:r.rotation,scaleX:r.width/d.width,scaleY:r.height/d.height,pattern:void 0},w),new c.UpdateFramePattern(B,i,h)]};return(await Promise.all(A.data.regions.map(r=>s(r)))).flat()}catch(o){return console.error(o),[]}},mn=async(l,e,t,A)=>{var D,p;const n=t.data,a=A.option;if(!a)return console.error(`No option for step ${A.stepName}.`),[];const i=((D=a.variants)==null?void 0:D.find(f=>f.id===n.illustrationVariantId))||c.getDefaultVariant(a);if(!i)return console.error(`No variant with ID: ${n.illustrationVariantId}`),[];if(!i.asset)return console.error(`No asset for variant with ID: ${n.illustrationVariantId}`),[];e[A.stepName]={selectedVariants:[i]};const o=(p=i.asset)==null?void 0:p.fileLink;if(!o)return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`),[];const s=await c.fetchAsString(o,!0),r=/<svg.*?<\/svg>/s,g=s.match(r)||[],d=(g==null?void 0:g.length)>0?g[0]:"",h=c.domParser().parseFromString(d,"image/svg+xml").firstElementChild;if(!h)return console.error("Failed to read SVG."),[];c.sanitizeSvgTree(h);const Q={};c.traverse(h,f=>{Cn.includes(f.tagName)&&!f.attributes.getNamedItem("fill")&&f.setAttribute("fill","#000000");const S=f.attributes.getNamedItem("fill");if(S&&S.value!=="none"){const y=S.value,P=`spiff-fill-${y.replace(/\W/g,"")}`;f.classList.add(P),Q[P]={browserValue:y}}const Y=f.attributes.getNamedItem("stroke");if(Y&&Y.value!=="none"){const y=Y.value,P=`spiff-stroke-${y.replace(/\W/g,"")}`;f.classList.add(P),Q[P]={browserValue:y}}});const m=c.xmlSerializer().serializeToString(h),C=n.colors;if(C){for(const[f,S]of Object.entries(Q))for(const Y of Object.keys(C))if(S.browserValue===Y){Q[f]={browserValue:C[Y]};break}}const I=f=>{const S=l.find(y=>y.panelId===f.panelId);if(!S)throw new k(f);const Y=c.generate();return new c.CreateElementCommand({colors:Q,id:Y,svg:m,type:c.LayoutElementType.Illustration,y:f.top,x:f.left,rotation:f.rotation,width:f.width,height:f.height,layer:f.layer,layerIndex:f.layerIndex,immutable:f.immutable},S)},F=A.data.regions;try{return F.map(I)}catch(f){return console.error(f),[]}},In=async(l,e,t)=>{const A=await Mt(t.data.module),n=e.data,a=(o,s)=>{const r=l.find(d=>d.panelId===s.panelId);if(!r)throw new k(s);const g=c.generate();return new c.CreateElementCommand({colors:{},id:g,svg:o,type:c.LayoutElementType.Illustration,y:s.top,x:s.left,rotation:s.rotation,width:s.width,height:s.height,layer:s.layer,layerIndex:s.layerIndex},r)},i=t.data.regions;try{return i.map(o=>a(A.svgPrint(n.text,o),o))}catch(o){return console.error(o),[]}},fn=async(l,e,t,A)=>{var g,d;const n=t.data,a=A.option;if(!a)return console.error(`No option for step ${A.stepName}.`),[];const i=((g=a.variants)==null?void 0:g.find(B=>B.id===n.pictureVariantId))||c.getDefaultVariant(a);if(!i)return console.error(`No variant with ID: ${n.pictureVariantId}`),[];if(!i.asset)return console.error(`No asset for variant with ID: ${n.pictureVariantId}`),[];e[A.stepName]={selectedVariants:[i]};const o=(d=i.asset)==null?void 0:d.fileLink;if(!o)return console.error(`No asset link for variant with ID: ${n.pictureVariantId}`),[];const s=B=>{const w=l.find(Q=>Q.panelId===B.panelId);if(!w)throw new k(B);const h=c.generate();return new c.CreateElementCommand({id:h,src:o,type:c.LayoutElementType.Image,y:B.top,x:B.left,rotation:B.rotation,width:B.width,height:B.height,layer:B.layer,layerIndex:B.layerIndex,immutable:B.immutable,preserveAspectRatio:"none"},w)},r=A.data.regions;try{return r.map(s)}catch(B){return console.error(B),[]}},Dn=async(l,e,t,A)=>{var r;const n=t.data,a=A.option;if(!a)return console.error(`No option for step ${A.stepName}.`),[];const i=((r=a.variants)==null?void 0:r.find(g=>g.id===n.colorVariantId))||c.getDefaultVariant(a);if(!i)return console.error(`No variant with ID: ${n.colorVariantId}`),[];e[A.stepName]={selectedVariants:[i]};const o=g=>{const d=l.find(E=>E.panelId===g.panelId);if(!d)throw new k(g);const B=`
+`,ln=async l=>{var t;return(t=(await R.getShadowGraphqlClient().mutate({mutation:cn,errorPolicy:"all",fetchPolicy:"no-cache",variables:{name:l.name,layouts:l.layouts,workflowId:l.workflowId,transactionId:l.transactionId,previewImage:l.previewImage,useThreeDimPreview:l.useThreeDimPreview,metadata:l.metadata,selectedVariants:l.selectedVariants}})).data)==null?void 0:t.designCreate},Bn=async l=>{var t;return(t=(await R.getShadowGraphqlClient().mutate({mutation:gn,errorPolicy:"all",fetchPolicy:"no-cache",variables:{inputs:l.map(A=>({name:A.name,layouts:A.layouts,workflowId:A.workflowId,transactionId:A.transactionId,previewImage:A.previewImage,useThreeDimPreview:A.useThreeDimPreview,metadata:A.metadata,selectedVariants:A.selectedVariants}))}})).data)==null?void 0:t.designCreateMany},Oe=(l,e,t)=>{const A=a=>{const i={};if(a.type==="Frame"){const o=l[a.stepName],s=a.data;if(!o||!o.image||s.hideImageInCart&&t)return i;i[`${a.stepTitle} image`]=o.image}if(a.type==="Illustration"){const o=l[a.stepName],s=a.data;if(!o||s.hideColorsInCart&&t||!o.colors)return i;if(o.colors.length>0){const r=o.colors.join(", ").toUpperCase();i[`${a.stepTitle} colors`]=r}}if(a.type==="Module"){const o=l[a.stepName],s=a.data;if(!o||o.text===void 0||o.text===null||s.hideTextInCart&&t)return i;i[`${a.stepTitle} text`]=o.text}if(a.type==="Text"){const o=l[a.stepName];if(!o)return i;const s=a.data;(!s.hideTextInCart||!t&&o.text!==void 0&&o.text!==null)&&(i[`${a.stepTitle} text`]=o.text),o.color&&(!s.hideColorInCart||!t)&&(i[`${a.stepTitle} color`]=o.color)}return i},n={};return e.steps.forEach(a=>{Object.assign(n,A(a))}),n},dn=(l,e,t,A)=>{const n={};let a;if(t){a=Oe(t,e,!1);for(const i of Object.keys(a))n[i]={value:a[i],priceModifier:0}}else if(A){a=A;for(const i of Object.keys(a))n[i]={value:a[i],priceModifier:0}}for(const i of Object.keys(l)){const o=l[i],s=e.steps.find(r=>r.stepTitle===i);if(o.length===1)n[`${s==null?void 0:s.stepTitle} selection`]={value:o[0].name,priceModifier:o[0].priceModifier};else if(o.length>1)for(let r=0;r<o.length;r++)n[`${s==null?void 0:s.stepTitle} selection ${r+1}`]={value:o[r].name,priceModifier:o[r].priceModifier}}return n},Tt=(l,e,t,A,n,a,i,o,s,r)=>{const d=(N.getMap("transactionOwnerIds")||new Map).get(l.id),B={baseCost:t,designProductId:l.externalDesignProductId,designProductVariantId:l.externalDesignProductVariantId,event:"onComplete",exportedData:a,externalCartProductId:l.externalCartProductId,externalCartProductVariantId:l.externalCartProductVariantId,lineItemImageUrl:i||"",optionsCost:A,processExecutionId:r,transactionId:l.id,transactionOwnerId:d,weight:e.weight,workflowViewerLink:l.workflowViewerLink||"",workflowViewerReadOnlyLink:l.workflowViewerReadOnlyLink||""};return n&&(B.metadata=n),o&&(B.selectedVariants=o),s&&(B.sku=s),B},wn=(l,e,t,A)=>{const n=(e.basePrice||0)*(l.variationsCount||0),a=l.priceModifierTotal||0,i={items:{value:l.variationsCount?`${l.variationsCount}`:"0",priceModifier:0}};return Tt(l,e,n,a,void 0,i,t,void 0,void 0,A)},Jt=async(l,e,t,A,n,a,i,o)=>{const s=e.basePrice||0,r=l.priceModifierTotal||0,g=dn(A,t,void 0,a);return Tt(l,e,s,r,a,g,i,A,n,o)},Lt=async(l,e,t,A,n,a,i,o,s,r)=>{var S;await(async()=>{var O;if(r!==void 0)return r;await l.outstandingRequestsPromise();const y=(N.getMap("transactionOwnerIds")||new Map).get(n.id),P=await R.getShadowGraphqlClient().query({query:Bt,variables:{ids:[n.id]},fetchPolicy:"no-cache",errorPolicy:"all",context:{transactionOwnerId:y}}),v=(O=P.data)==null?void 0:O.transactions[0].workflowState;return P.errors?(P.errors.forEach(z=>{P.errors&&console.log("Server Error:",z.message)}),null):v??null})()||(console.warn("State mismatch detected. Uploading known state explicitly"),console.warn("State Object:",JSON.stringify(A())),await l.updateStateWithServerImmediate(A),console.log("Server state is undefined @ Workflow completion"));const B=l.getPreviewService(),w=(S=e==null?void 0:e.finalizeStepConfig)==null?void 0:S.lookAtAnimation,h=B&&e.showModelOnFinishStep&&!!w,Q=s&&Oe(s,e,!0),E=s&&Oe(s,e,!1),m=async Y=>{const y={};let G=0;if(Object.keys(a).length>0)for(const P of Object.keys(a)){const v=a[P],O=e.steps.find(z=>z.stepName===P);for(let z=0;z<v.selections.length;++z){const V=v.selections[z];if(O&&(!Y||O.option&&(O.option.variants||[]).length>1&&!O.data.hideSelectionInCart&&!O.data.hideSelectionsInCart)){const We=O.stepTitle;y[We]?y[We].push({id:V.id||"",name:V.name,priceModifier:V.priceModifier}):y[We]=[{id:V.id||"",name:V.name,priceModifier:V.priceModifier}]}G+=V.priceModifier}}return[y,G]},[C]=await m(!0),I=Object.fromEntries(Object.keys(C).map(Y=>[Y,C[Y].map(y=>y.id)])),[F]=await m(!1),D=Object.fromEntries(Object.keys(F).map(Y=>[Y,F[Y].map(y=>y.id)])),p=await o(h);return{designDetails:(()=>{const Y={name:i,layouts:t.map(y=>({index:y.index,panelId:y.panelId})),workflowId:e.id,transactionId:n.id,useThreeDimPreview:!!h,previewImage:p};if(E){const y=[];for(const[G,P]of Object.entries(E))y.push({key:G,value:P});Y.metadata=y}if(I){const y=[];for(const[G,P]of Object.entries(D))y.push({key:G,ids:P});Y.selectedVariants=y}return Y})(),cartSelectionsWithPrices:C,cartMetadata:Q}},Ot=async(l,e,t,A,n,a,i,o,s,r,g,d,B)=>{var I,F,D;s("workflow.steps.finish.finalize.buildingLayouts");const{designDetails:w,cartSelectionsWithPrices:h,cartMetadata:Q}=await Lt(l,e,t,A,a,i,o,d,B);s("workflow.steps.finish.finalize.creatingDesign"),a.bulk&&await r(g);const E=await ln(w),m=(I=E==null?void 0:E.transaction)==null?void 0:I.previewImageLink;if(!(E!=null&&E.transaction))throw new Error("Failed to create design");s("workflow.steps.finish.finalize.updatingTransaction");const C=E.transaction;return a.bulk?wn(C,n,m,(F=E==null?void 0:E.processExecution)==null?void 0:F.id):await Jt(C,n,e,h,E==null?void 0:E.sku,Q,m,(D=E==null?void 0:E.processExecution)==null?void 0:D.id)},En=async(l,e)=>{e("workflow.steps.finish.finalize.buildingLayouts"),await Promise.all(l.map(async i=>{await i.workflowManager.outstandingRequestsPromise()}));const A=await(async()=>{var s;const o=await R.getShadowGraphqlClient().query({query:Bt,variables:{ids:l.map(r=>r.transaction.id)},fetchPolicy:"no-cache",errorPolicy:"all"});return o.errors?(o.errors.forEach(r=>{o.errors&&console.log("Server Error:",r.message)}),null):(s=o.data)!=null&&s.transactions?o.data.transactions.map(r=>r.workflowState??null):null})(),n=await Promise.all(l.map(async(i,o)=>await Lt(i.workflowManager,i.workflow,i.layouts,i.getReducerState,i.transaction,i.workflowSelections,i.designName,()=>Promise.resolve(void 0),i.workflowMetadata,A?A[o]:void 0)));e("workflow.steps.finish.finalize.creatingDesign");const a=await Bn(n.map(i=>i.designDetails));if(!a)throw new Error("Failed to create designs");return e("workflow.steps.finish.finalize.updatingTransaction"),Promise.all(a.map(async(i,o)=>{var d;const s=l[o],r=n[o],g=i.transaction;return await Jt(g,s.product,s.workflow,r.cartSelectionsWithPrices,i.sku,r.cartMetadata,void 0,(d=i.processExecution)==null?void 0:d.id)}))};class hn{constructor(){this.localPersistenceKey="designTransactions",this.storageMethod="Local",this.designSavedListeners=[]}attachSaveListener(e){this.designSavedListeners.push(e)}detachSaveListener(e){this.designSavedListeners=this.designSavedListeners.filter(t=>t!==e)}async getSavedDesigns(){if(this.storageMethod==="Local"){const e=N.get(this.localPersistenceKey);return e?JSON.parse(e):[]}throw new U("Unexpected storage method requested")}async getSavedDesignByTransaction(e){return(await this.getSavedDesigns()).find(A=>A.transactionId===e)}async addDesign(e){const A=(await this.getSavedDesigns()).filter(n=>n.transactionId!==e.transactionId);A.unshift(e),await this.setDesigns(A),this.designSavedListeners.forEach(n=>n(e))}async renameDesign(e,t){const A=await this.getSavedDesigns(),n=A.find(a=>a.transactionId===e);if(!n)throw new Error(`No saved design for transaction ${e}.`);n.title=t,await this.setDesigns(A)}async removeDesign(e){const t=await this.getSavedDesigns();await this.setDesigns(t.filter(A=>A.transactionId!==e))}async setDesigns(e){if(this.storageMethod==="Local"){N.set(this.localPersistenceKey,JSON.stringify(e));return}throw new U("Unexpected storage method requested")}}const De=new hn;class Be{constructor(e,t){var n;if(this.renderableScenes=[],this.renderableSceneCallbacks=[],this.debouncedSavedDesignUpdate=Ze(async()=>{await De.getSavedDesignByTransaction(this.getWorkflowManager().getTransaction().id)&&this.save()},2500),this.getCanvasObjectURLAsync=async a=>new Promise((i,o)=>{try{a.toBlob(s=>{if(s){const r=URL.createObjectURL(s);i(r)}})}catch(s){o(s)}}),!t.workflow)throw new Error("No Workflow ID provided.");this.client=e;const A=t.layouts;this.commandContext=new c.CommandContext,this.commandContext.initialize(A,t.reloadedState),this.isReadOnly=t.transaction.isOrdered||!!t.readOnly,this.workflowManager=new sn(t.workflow,((n=t.product.profanities)==null?void 0:n.map(a=>a.word))||[],A,this.commandContext,a=>{try{this.debouncedSavedDesignUpdate()}catch{console.error("Failed to update saved design details.")}return t.stateMutationFunc(a)},t.transaction,t.product,t.previewService,t.renderableContextService,t.reloadedState,t.readOnly,t.modelContainer,t.isReloadedTransaction,t.singleVariantsRenderable),this.workflowManager.addSelectionCallback(a=>{const i=a.traversableScenes.map(o=>{const s=o.renderableSteps.map(r=>r.stepName);return{id:o.name,title:o.title,renderableSteps:s}});this.renderableScenes=i,this.renderableSceneCallbacks.forEach(o=>o(i))})}getClient(){return this.client}getIsReadOnly(){return this.isReadOnly}getCommandContext(){return this.commandContext}getWorkflowManager(){return this.workflowManager}async updateVariationRecords(e){const A=(N.getMap("transactionOwnerIds")||new Map).get(this.workflowManager.getTransaction().id);await R.getShadowGraphqlClient().mutate({mutation:PA,variables:{transactionId:this.workflowManager.getTransaction().id,updates:e.map(n=>({recordNumber:n.recordNumber,values:n.values.map(a=>({aspect:a.aspect,stepName:a.stepName,value:a.value}))}))},context:{transactionOwnerId:A}})}async createPreviewImage(e,t){var C,I;const A=this.workflowManager.getWorkflow(),n=(C=A==null?void 0:A.finalizeStepConfig)==null?void 0:C.lookAtAnimation;if(e){if(!n)throw new Error("Failed to generate cart preview image!");return await((I=this.workflowManager.getPreviewService())==null?void 0:I.renderSceneScreenshot(t??512,n))||""}let a=2048;t&&t<=2048&&(a=t);const i=c.createCanvas(a,a),o=this.commandContext.getAllLayouts(),s=A.defaultPreviewPanelIndex||0,r=A.panels[s],g=o.find(F=>{var D;return((D=F.layoutState)==null?void 0:D.layout.panelId)===(r==null?void 0:r.name)})||o[0],d=g.layoutState.layout.previewRegion?{x:g.layoutState.layout.previewRegion.left,y:g.layoutState.layout.previewRegion.top,width:g.layoutState.layout.previewRegion.width,height:g.layoutState.layout.previewRegion.height}:{x:0,y:0,width:g.layoutState.layout.width,height:g.layoutState.layout.height},B=this.commandContext.getLayoutById(g.layoutState.layout.id),w=i.getContext("2d");if(!w)throw new he("Failed to obtain 2D context for preview image creation");const h=c.getSvgElement(B.layoutState.layout,B.layoutState.elements,{renderingConfiguration:{purpose:c.LayoutRenderingPurpose.Print,region:{left:d.x,top:d.y,width:d.width,height:d.height}}}),Q=c.renderPapyrusComponentAsString(h);await(await qe.Pith.from(w,Q,{anonymousCrossOrigin:!0,ignoreDimensions:!1,createCanvas:c.createCanvas,createImage:c.loadImage,DOMParser:c.getDomParser(),fetch:c.fetch})).render();const m=await this.getCanvasObjectURLAsync(i);return i.toDataURL(m)}getStepById(e){const t=this.getWorkflowManager().getWorkflow().steps.find(A=>A.stepName===e);if(!(!t||!this.stepHasHandle(t)))return le.get(this.getWorkflowManager(),t)}getSteps(){return this.getScenes().flatMap(e=>this.getStepsByScene(e))}getScenes(){return this.getWorkflowManager().getWorkflow().stepGroups.map(t=>({id:t.id,name:t.name,stepIds:t.stepNames}))}getSelectionPriceSubunits(){const e=this.getWorkflowManager().getWorkflowSelections();let t=0;return Object.values(e).forEach(A=>{t+=A.selections.map(n=>n.priceModifier).reduce((n,a)=>n+a)}),t}getBasePriceSubunits(){return this.getWorkflowManager().getProduct().basePrice||0}getTotalPriceSubunits(){return this.getBasePriceSubunits()+this.getSelectionPriceSubunits()}getBulkStep(){if(this.getWorkflowManager().getTransaction().bulk){const e=this.getWorkflowManager().getProduct().bulkConfiguration,t={type:c.StepType.Bulk,stepName:"Bulk",stepTitle:(e==null?void 0:e.stepTitle)??"workflow.steps.bulk.title",helpText:e==null?void 0:e.helpText,data:{aspects:Pe(this.getWorkflowManager().getWorkflow())},conditions:[]};return le.get(this.getWorkflowManager(),t)}}getStepByName(e){const t=this.getWorkflowManager().getWorkflow().steps.find(A=>A.stepTitle===e);if(!(!t||!this.stepHasHandle(t)))return le.get(this.getWorkflowManager(),t)}getStepsByType(e){return this.getWorkflowManager().getWorkflow().steps.filter(t=>t.type===e).map(t=>le.get(this.getWorkflowManager(),t))}getStepsByScene(e){if(!this.getWorkflowManager().getWorkflow().stepGroups.find(A=>A.name===e.name))throw new Error("Given scene is not present on workflow! Be careful when persisting scenes that you only use them with the relevant workflow.");return e.stepIds.map(A=>this.getWorkflowManager().getWorkflow().steps.find(n=>n.stepName===A)).filter(A=>this.stepHasHandle(A)).map(A=>le.get(this.getWorkflowManager(),A))}async attachCustomerDetails(e){return this.assignCustomerDetails({emailAddress:e.email})}async assignCustomerDetails(e){var i,o,s;const A=(N.getMap("transactionOwnerIds")||new Map).get(this.getWorkflowManager().getTransaction().id),a=(s=(o=(i=(await R.getShadowGraphqlClient().mutate({mutation:Yt,variables:{id:this.getWorkflowManager().getTransaction().id,details:e,type:"Owner"},context:{transactionOwnerId:A}})).data)==null?void 0:i.transactionAddStakeholder)==null?void 0:o.stakeholders)==null?void 0:s.find(r=>{var g;return((g=r.customer)==null?void 0:g.emailAddress)===e.emailAddress});if(a!=null&&a.customer){this.getWorkflowManager().setTransactionCustomer(a.customer);const r=N.getMap("transactionCustomerIds")||new Map;r.set(this.getWorkflowManager().getTransaction().id,a.customer.id),N.setMap("transactionCustomerIds",r)}}attachRenderableSceneListener(e){this.renderableSceneCallbacks.push(e),e(this.renderableScenes)}detachRenderableSceneListener(e){this.renderableSceneCallbacks=this.renderableSceneCallbacks.filter(t=>t!==e)}async save(e){if(!this.getCommandContext().getState())throw new U("State undefined!");const n={title:await(async()=>{var s;if(e)return e;const a=this.getWorkflowManager().getTransaction().id,o=(s=(await De.getSavedDesigns()).find(r=>r.transactionId===a))==null?void 0:s.title;return o||"My design"})(),thumbnail:await this.createPreviewImage(!1,256),transactionId:this.getWorkflowManager().getTransaction().id,productId:this.getWorkflowManager().getProduct().id,integrationProductId:this.getWorkflowManager().getTransaction().integrationProduct.id,workflowName:this.getWorkflowManager().getWorkflow().name,workflowId:this.getWorkflowManager().getWorkflow().id,lastEdited:new Date};return await De.addDesign(n),n}async copy(){var o;const e=te(this.getCommandContext().getState());if(!e)throw new U("Internal state is undefined! Cannot copy experience!");const t=JSON.stringify(e.transaction),A=this.getWorkflowManager().getWorkflow(),n=new nA({}),a=(o=this.getWorkflowManager().getTransaction().integrationProduct)==null?void 0:o.id;if(!a)throw new U("Integration product id is undefined!");return await n.initFromIntegrationProduct(a),await n.getWorkflowExperience(A.id,t,void 0)}async onDesignFinished(e,t=!0){return Ot(this.workflowManager,this.workflowManager.getWorkflow(),this.workflowManager.getLayouts(),()=>this.commandContext.getState(),this.workflowManager.getProduct(),this.workflowManager.getTransaction(),this.workflowManager.getWorkflowSelections(),this.workflowManager.getWorkflow().name,e||(()=>{}),A=>this.updateVariationRecords(A),this.workflowManager.getVariationRecords(),A=>t?this.createPreviewImage(A,1024):Promise.resolve(void 0),this.workflowManager.getWorkflowMetadata())}stepHasHandle(e){return e.type!==c.StepType.SilentIllustration&&e.type!==c.StepType.ProductOverlay}getExportedData(){var n;const e=new Map,t=this.getWorkflowManager().getWorkflowMetadata(),A=this.getWorkflowManager().getWorkflowSelections();return Object.keys(t).forEach(a=>{const i=this.workflowManager.getWorkflow().steps.find(s=>s.stepName===a);if(!i)return;e.has(i.stepTitle)||e.set(i.stepTitle,{});const o=t[a];Object.keys(o).forEach(s=>{e.get(i.stepTitle)[s]=o[s]})}),(n=Object.keys(A))==null||n.forEach(a=>{const i=this.workflowManager.getWorkflow().steps.find(o=>o.stepName===a);i&&(e.has(i.stepTitle)||e.set(i.stepTitle,{}),e.get(i.stepTitle).selection=A[a].selections[0].name)}),e}}const Cn=["altGlyph","circle","ellipse","path","polygon","polyline","rect","text","textPath","tref","tspan"],Qn=async(l,e,t)=>{const A=e.data,n=t.data.baseUrl,a=A.assetUrl.replace("localhost","localstack"),i=n.slice(0,4)==="http"?"":"https://",o=new URL(i+n);o.searchParams.append("video",c.toBase64(JSON.stringify([{href:a}]))),o.pathname=o.pathname+(o.pathname.slice(-1)==="/"?"":"/");const s=o.toString(),g=`data:image/svg+xml;base64,${c.toBase64(await _e.toString(s,{type:"svg"}))}`,d=w=>{const h=l.find(E=>E.panelId===w.panelId);if(!h)throw new k(w);const Q=c.generate();return new c.CreateElementCommand({id:Q,src:g,type:c.LayoutElementType.Image,y:w.top,x:w.left,width:w.width,height:w.height,rotation:0},h)},B=t.data.regions;try{return B.map(d)}catch(w){return console.error(w),[]}},un=async(l,e,t,A)=>{const n=t.data,a=n.assetUrl,i=await c.getPatternImageData(a);try{const o=c.getVariant(n,A.option);o&&(e[A.stepName]={selectedVariants:[o]});const s=async r=>{var Q;const g=await c.generateFrameSVG(r||{width:1,height:1},(Q=o==null?void 0:o.asset)==null?void 0:Q.fileLink),d=await c.getFrameData(g),B=c.generate(),w=l.find(E=>E.panelId===r.panelId);if(!w)throw new k(r);const h=c.calculateOffsets(i,d,{scale:n.scale,left:n.x,top:n.y});return[new c.CreateElementCommand({id:B,path:d.path,dataWidth:d.width,dataHeight:d.height,type:c.LayoutElementType.Frame,focalBlur:A.data.focalBlur,focalBlurStrength:A.data.focalBlurStrength,focalBlurRadius:A.data.focalBlurRadius,forceImageCover:A.data.forceImageCover,x:r.left,y:r.top,width:r.width,height:r.height,layer:r.layer,layerIndex:r.layerIndex,rotation:r.rotation,scaleX:r.width/d.width,scaleY:r.height/d.height,pattern:void 0},w),new c.UpdateFramePattern(B,i,h)]};return(await Promise.all(A.data.regions.map(r=>s(r)))).flat()}catch(o){return console.error(o),[]}},mn=async(l,e,t,A)=>{var D,p;const n=t.data,a=A.option;if(!a)return console.error(`No option for step ${A.stepName}.`),[];const i=((D=a.variants)==null?void 0:D.find(f=>f.id===n.illustrationVariantId))||c.getDefaultVariant(a);if(!i)return console.error(`No variant with ID: ${n.illustrationVariantId}`),[];if(!i.asset)return console.error(`No asset for variant with ID: ${n.illustrationVariantId}`),[];e[A.stepName]={selectedVariants:[i]};const o=(p=i.asset)==null?void 0:p.fileLink;if(!o)return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`),[];const s=await c.fetchAsString(o,!0),r=/<svg.*?<\/svg>/s,g=s.match(r)||[],d=(g==null?void 0:g.length)>0?g[0]:"",h=c.domParser().parseFromString(d,"image/svg+xml").firstElementChild;if(!h)return console.error("Failed to read SVG."),[];c.sanitizeSvgTree(h);const Q={};c.traverse(h,f=>{Cn.includes(f.tagName)&&!f.attributes.getNamedItem("fill")&&f.setAttribute("fill","#000000");const S=f.attributes.getNamedItem("fill");if(S&&S.value!=="none"){const y=S.value,P=`spiff-fill-${y.replace(/\W/g,"")}`;f.classList.add(P),Q[P]={browserValue:y}}const Y=f.attributes.getNamedItem("stroke");if(Y&&Y.value!=="none"){const y=Y.value,P=`spiff-stroke-${y.replace(/\W/g,"")}`;f.classList.add(P),Q[P]={browserValue:y}}});const m=c.xmlSerializer().serializeToString(h),C=n.colors;if(C){for(const[f,S]of Object.entries(Q))for(const Y of Object.keys(C))if(S.browserValue===Y){Q[f]={browserValue:C[Y]};break}}const I=f=>{const S=l.find(y=>y.panelId===f.panelId);if(!S)throw new k(f);const Y=c.generate();return new c.CreateElementCommand({colors:Q,id:Y,svg:m,type:c.LayoutElementType.Illustration,y:f.top,x:f.left,rotation:f.rotation,width:f.width,height:f.height,layer:f.layer,layerIndex:f.layerIndex,immutable:f.immutable},S)},F=A.data.regions;try{return F.map(I)}catch(f){return console.error(f),[]}},In=async(l,e,t)=>{const A=await Mt(t.data.module),n=e.data,a=(o,s)=>{const r=l.find(d=>d.panelId===s.panelId);if(!r)throw new k(s);const g=c.generate();return new c.CreateElementCommand({colors:{},id:g,svg:o,type:c.LayoutElementType.Illustration,y:s.top,x:s.left,rotation:s.rotation,width:s.width,height:s.height,layer:s.layer,layerIndex:s.layerIndex},r)},i=t.data.regions;try{return i.map(o=>a(A.svgPrint(n.text,o),o))}catch(o){return console.error(o),[]}},fn=async(l,e,t,A)=>{var g,d;const n=t.data,a=A.option;if(!a)return console.error(`No option for step ${A.stepName}.`),[];const i=((g=a.variants)==null?void 0:g.find(B=>B.id===n.pictureVariantId))||c.getDefaultVariant(a);if(!i)return console.error(`No variant with ID: ${n.pictureVariantId}`),[];if(!i.asset)return console.error(`No asset for variant with ID: ${n.pictureVariantId}`),[];e[A.stepName]={selectedVariants:[i]};const o=(d=i.asset)==null?void 0:d.fileLink;if(!o)return console.error(`No asset link for variant with ID: ${n.pictureVariantId}`),[];const s=B=>{const w=l.find(Q=>Q.panelId===B.panelId);if(!w)throw new k(B);const h=c.generate();return new c.CreateElementCommand({id:h,src:o,type:c.LayoutElementType.Image,y:B.top,x:B.left,rotation:B.rotation,width:B.width,height:B.height,layer:B.layer,layerIndex:B.layerIndex,immutable:B.immutable,preserveAspectRatio:"none"},w)},r=A.data.regions;try{return r.map(s)}catch(B){return console.error(B),[]}},Dn=async(l,e,t,A)=>{var r;const n=t.data,a=A.option;if(!a)return console.error(`No option for step ${A.stepName}.`),[];const i=((r=a.variants)==null?void 0:r.find(g=>g.id===n.colorVariantId))||c.getDefaultVariant(a);if(!i)return console.error(`No variant with ID: ${n.colorVariantId}`),[];e[A.stepName]={selectedVariants:[i]};const o=g=>{const d=l.find(E=>E.panelId===g.panelId);if(!d)throw new k(g);const B=`
         <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"

package/package.json

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