@spiffcommerce/core 34.1.0-beta.045b4f76-f7f9-5412-8815-ccbd8e5a09a4 → 34.1.0-beta.3582d45f-394f-5d84-990c-55ef010d8892

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { parse as Sn } from "css";
 import Ri from "fuse.js";
 import { Pith as Ia } from "pith";
 import Et from "lodash.clonedeep";
-import jt from "lodash.isequal";
+import Ht from "lodash.isequal";
 import { jsx as P, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
 import { parse as la } from "opentype.js";
 import Oi from "handlebars";
@@ -24,7 +24,7 @@ import En from "lodash.debounce";
 import "fs";
 import "path";
 import Gi from "lodash.omit";
-var Ee = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Ee || {}), bn = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(bn || {}), L = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(L || {}), b = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(b || {}), Wi = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Wi || {}), Jt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Jt || {}), F = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(F || {}), qi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(qi || {}), In = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(In || {}), Hi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Hi || {}), ji = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(ji || {}), Ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(Ba || {}), Ji = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Ji || {}), be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(be || {}), kt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(kt || {}), q = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(q || {}), Yi = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(Yi || {});
+var Ee = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Ee || {}), bn = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(bn || {}), L = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(L || {}), b = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(b || {}), Wi = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Wi || {}), Jt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Jt || {}), F = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(F || {}), qi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(qi || {}), In = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(In || {}), ji = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(ji || {}), Hi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(Hi || {}), Ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(Ba || {}), Ji = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Ji || {}), be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(be || {}), kt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(kt || {}), q = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(q || {}), Yi = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(Yi || {});
 class Bn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -40,7 +40,7 @@ class Ie extends Zt {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = t?.optionId || "N/A";
   }
 }
-class j extends Zt {
+class H extends Zt {
   constructor(t) {
     super(`Panel not Found: ${t.panelId}`), this.panelId = t?.panelId || "N/A";
   }
@@ -184,19 +184,19 @@ function nt(n, t) {
   }
   return Aa(n, t);
 }
-const Pn = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map(), ja = /* @__PURE__ */ new Map(), xn = async (n) => {
-  const t = Ha.get(n);
+const Pn = /* @__PURE__ */ new Map(), ja = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map(), xn = async (n) => {
+  const t = ja.get(n);
   if (t) return t;
   const a = (async () => {
     const i = await nt(n);
     return Pn.set(n, i.headers?.get("content-type") || ""), await i.arrayBuffer();
   })();
-  return Ha.set(n, a), a;
+  return ja.set(n, a), a;
 }, Zi = async (n) => {
-  const t = ja.get(n);
+  const t = Ha.get(n);
   if (t) return t;
   const a = (async () => await (await nt(n)).text())();
-  return ja.set(n, a), a;
+  return Ha.set(n, a), a;
 }, Mt = (n) => n.every((t) => t !== "undefined"), le = (n) => Mt([typeof document]) ? document.createElement(n) : te().document.createElement(n), tr = (n, t) => {
   if (Mt([typeof document]))
     return document.createElementNS(n, t);
@@ -217,14 +217,14 @@ const Pn = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map(), ja = /* @_
   t ? Zi(n).then(e).catch(a) : nt(n).then((i) => {
     i.text().then(e).catch(a);
   }).catch(a);
-}), Fn = (n) => Ti(n), je = /* @__PURE__ */ new Map(), ar = async (n, t) => {
+}), Fn = (n) => Ti(n), He = /* @__PURE__ */ new Map(), ar = async (n, t) => {
   if (Mt([typeof FontFace])) {
-    if (je.has(t))
-      return je.get(t);
+    if (He.has(t))
+      return He.get(t);
     const e = n.names.fullName.en, a = new FontFace(e, `url(${t})`);
     document.fonts.add(a);
     const i = a.load();
-    return je.set(t, i), i;
+    return He.set(t, i), i;
   }
 }, It = () => {
   if (Mt([typeof XMLSerializer]))
@@ -3947,7 +3947,7 @@ class Vr {
     }
   }
 }
-const H = new Vr(), Ln = C`
+const j = new Vr(), Ln = C`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -4231,13 +4231,13 @@ const H = new Vr(), Ln = C`
             id
         }
     }
-`, Hr = C`
+`, jr = C`
     mutation UpdateTransactionQuantity($id: String!, $quantity: Int) {
         transactionUpdate(id: $id, quantity: $quantity) {
             id
         }
     }
-`, jr = C`
+`, Hr = C`
     mutation UpdateTransactionWorkflow($id: String!, $workflowId: String!) {
         transactionUpdate(id: $id, workflowId: $workflowId) {
             id
@@ -5220,7 +5220,7 @@ class qn {
     this.timestamp = Date.now();
   }
 }
-class Hn {
+class jn {
   /**
    * Constructs a new promise queue.
    * @param queueMaxSize An optional maximum size, when the max size is hit.
@@ -5471,7 +5471,7 @@ const k = () => {
     x: (n.x - t.x) * i - (n.y - t.y) * a + t.x,
     y: (n.x - t.x) * a + (n.y - t.y) * i + t.y
   };
-}, Ed = 0.352778, bd = 0.035277, jn = (n) => {
+}, Ed = 0.352778, bd = 0.035277, Hn = (n) => {
   const t = n.rotation || 0, e = Ct(t), a = Math.cos(e), i = -Math.sin(e);
   return /* @__PURE__ */ P("g", { mask: n.stepName || n.productOverlay ? void 0 : n.mask, children: /* @__PURE__ */ P(
     "g",
@@ -5983,7 +5983,7 @@ const ko = (n) => {
 }, No = (n) => {
   if (n.cachedObjectURL && !n._renderingConfiguration?.omitCachedFields)
     return /* @__PURE__ */ P(
-      jn,
+      Hn,
       {
         id: n.id,
         src: n.cachedObjectURL,
@@ -6113,7 +6113,7 @@ class Qo {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const ti = (n) => n.type === F.Image ? /* @__PURE__ */ P(jn, { ...n }, n.id) : n.type === F.Frame ? /* @__PURE__ */ P(So, { ...n }, n.id) : n.type === F.Illustration ? /* @__PURE__ */ P(No, { ...n }, n.id) : n.type === F.Textbox ? /* @__PURE__ */ P(ko, { ...n }, n.id) : n.type === F.Group ? /* @__PURE__ */ P(Jn, { ...n }, n.id) : null, Na = (n, t, e) => {
+const ti = (n) => n.type === F.Image ? /* @__PURE__ */ P(Hn, { ...n }, n.id) : n.type === F.Frame ? /* @__PURE__ */ P(So, { ...n }, n.id) : n.type === F.Illustration ? /* @__PURE__ */ P(No, { ...n }, n.id) : n.type === F.Textbox ? /* @__PURE__ */ P(ko, { ...n }, n.id) : n.type === F.Group ? /* @__PURE__ */ P(Jn, { ...n }, n.id) : null, Na = (n, t, e) => {
   const a = e.renderingConfiguration, i = a?.removeExcludedElements ? t.filter((r) => !r.excludeFromExport) : t;
   return /* @__PURE__ */ P(
     yo,
@@ -7185,7 +7185,7 @@ class rn {
     this.processRegion = async (i) => {
       const r = this.layouts.find((l) => l.panelId === i.panelId);
       if (!r)
-        throw new j(i);
+        throw new H(i);
       let o = "";
       if (this.configuration.type === b.ProductOverlay) {
         let l = "";
@@ -7268,7 +7268,7 @@ class rn {
     } else return this.configuration.type === b.ProductOverlay ? Promise.all(
       this.configuration.data.regions.map((t) => {
         if (!this.layouts.find((a) => t.panelId === a.panelId))
-          throw new j(t);
+          throw new H(t);
         return this.processRegion(t);
       })
     ) : Promise.reject("Unknown silent step. This is a bug");
@@ -7384,7 +7384,7 @@ class qo {
     const r = a.getLayouts(), s = `data:image/svg+xml;base64,${btoa(await vn(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, u = r.find((A) => A.panelId === d?.panelId);
       if (!u && d)
-        throw new j(d);
+        throw new H(d);
       if (u && !d)
         throw new Error("Region not found");
       if (!u || !d)
@@ -7439,7 +7439,7 @@ class De {
       c && c.originalAssetKey && (r = (await $.getLocalOrFromServer(c.originalAssetKey)).fileLink);
     }
     if (t.option && t.option.variants && t.option.variants.length > 0) {
-      const s = t.option, l = H.getDefaultVariant(s);
+      const s = t.option, l = j.getDefaultVariant(s);
       return l ? this.selectVariantCommand(
         t,
         l,
@@ -7707,7 +7707,7 @@ class De {
           rotation: 0
         } : void 0, x = k(), v = i.getLayouts().find((B) => B.panelId === h.panelId);
         if (!v)
-          throw new j(h);
+          throw new H(h);
         return {
           command: this.getCreateElementCommand(x, h, g, v, {
             frameData: m,
@@ -7783,7 +7783,7 @@ class De {
   }
 }
 const St = new De();
-class Ho {
+class jo {
   async getIllustrationBody(t) {
     return new Promise((e) => {
       at(t, !0).then((a) => {
@@ -7834,7 +7834,7 @@ class Ho {
     if (a)
       return this.reload(t, e, a);
     {
-      const r = H.getDefaultVariant(i);
+      const r = j.getDefaultVariant(i);
       if (r)
         return await this.selectVariantCommand(t, r, [], () => {
         }, e);
@@ -7955,7 +7955,7 @@ class Ho {
     const c = await st(await this.getIllustrationBody(l)), d = await Xt(c.svg), u = (f, E) => {
       const w = r.getLayouts().find((y) => y.panelId === f.panelId);
       if (!w)
-        throw new j(f);
+        throw new H(f);
       const x = k();
       return {
         regionElement: { id: x, region: f, regionIndex: E },
@@ -8020,8 +8020,8 @@ class Ho {
     };
   }
 }
-const we = new Ho();
-class jo {
+const we = new jo();
+class Ho {
   async init(t, e, a) {
     const i = t.option;
     if (!i)
@@ -8029,7 +8029,7 @@ class jo {
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = H.getDefaultVariant(i);
+      const r = j.getDefaultVariant(i);
       if (r)
         return await this.selectVariantLambda(t, r, e, () => {
         });
@@ -8100,7 +8100,7 @@ class jo {
     };
   }
 }
-const si = new jo();
+const si = new Ho();
 class Jo {
   async init(t, e, a) {
     const i = t.option;
@@ -8108,7 +8108,7 @@ class Jo {
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = H.getDefaultVariant(i);
+      const r = j.getDefaultVariant(i);
       if (r)
         return await this.selectVariantLambda(t, r, e, () => {
         });
@@ -8361,7 +8361,7 @@ class Ko {
     const l = a.getRegionElements(t.stepName).map((u) => new Nt(u.id)), c = (u, A) => {
       const g = a.getLayouts().find((p) => p.panelId === u.panelId);
       if (!g)
-        throw new j(u);
+        throw new H(u);
       const m = k();
       return {
         regionElement: { id: m, region: u, regionIndex: A },
@@ -8412,7 +8412,7 @@ class _o {
       await this.reload(t, e, a);
     else {
       const r = i.variants;
-      if (H.getDefaultVariant(i)) {
+      if (j.getDefaultVariant(i)) {
         const s = r?.find((l) => l.id === i.defaultVariant?.id);
         return this.selectVariantLambda(t, s?.id || "", e);
       }
@@ -8474,7 +8474,7 @@ class Xo {
   setCustomColor(t, e, a) {
     const i = a.getLayouts(), o = (a.getRegionElements(e.stepName) || []).map((s) => {
       const l = s.region;
-      if (!i.find((d) => d.panelId === l?.panelId)) throw new j(l);
+      if (!i.find((d) => d.panelId === l?.panelId)) throw new H(l);
       return new Ca(s.id, this.shapeFillId, t);
     }).filter((s) => !!s);
     a.getCommandDispatcher()(new O(o)), a.updateStorage(e.stepName, { colour: t });
@@ -8486,7 +8486,7 @@ class Xo {
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = H.getDefaultVariant(i);
+      const r = j.getDefaultVariant(i);
       return r ? this.selectVariantCommand(
         t,
         {
@@ -8543,7 +8543,7 @@ class Xo {
       const l = (d) => {
         const u = d.region;
         if (!r.find((g) => g.panelId === u?.panelId))
-          throw new j(u);
+          throw new H(u);
         const h = s();
         return new Ca(d.id, this.shapeFillId, h);
       }, c = a.map(l).filter((d) => !!d);
@@ -8561,7 +8561,7 @@ class Xo {
       const l = (A, h) => {
         const g = r.find((w) => w.panelId === A.panelId);
         if (!g)
-          throw new j(A);
+          throw new H(A);
         const m = s(), p = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -8781,7 +8781,7 @@ class as {
         fillImage: r?.name,
         strokeColor: t.data.strokeEnabled ? c?.color : void 0
       });
-      const h = H.getDefaultVariant(i);
+      const h = j.getDefaultVariant(i);
       if (h)
         return this.selectVariantCommand(
           t,
@@ -9011,7 +9011,7 @@ class as {
               e.getCommandDispatcher()(f);
             }
           ), s.length === 0 && l) {
-            const p = H.getDefaultVariant(l);
+            const p = j.getDefaultVariant(l);
             if (p) {
               const f = await this.selectVariantCommand(
                 t,
@@ -9047,7 +9047,7 @@ class as {
           const h = c.getGlobalPropertyStateManager().getAspect(u.name);
           if (h)
             if (s.length === 0 && l) {
-              const g = H.getDefaultVariant(l);
+              const g = j.getDefaultVariant(l);
               if (g) {
                 const m = await this.selectVariantCommand(
                   t,
@@ -9078,21 +9078,21 @@ class as {
   getDefaultColorVariant(t) {
     const e = t.colorOption;
     if (e)
-      return H.getDefaultVariant(e);
+      return j.getDefaultVariant(e);
   }
   getDefaultColor(t) {
     const e = t.colorOption;
-    return e ? H.getDefaultVariant(e)?.color : void 0;
+    return e ? j.getDefaultVariant(e)?.color : void 0;
   }
   getDefaultImageFillVariant(t) {
     const e = t.imageFillOption;
     if (e)
-      return H.getDefaultVariant(e);
+      return j.getDefaultVariant(e);
   }
   getDefaultStrokeColorVariant(t) {
     const e = t.strokeOption;
     if (e)
-      return H.getDefaultVariant(e);
+      return j.getDefaultVariant(e);
   }
   async fontDataFromVariant(t) {
     const e = t.asset;
@@ -9546,7 +9546,7 @@ const As = [
   const l = s.toString(), d = `data:image/svg+xml;base64,${Ja(await vn(l, { type: "svg" }))}`, u = (h) => {
     const g = n.find((p) => p.panelId === h.panelId);
     if (!g)
-      throw new j(h);
+      throw new H(h);
     const m = k();
     return new z(
       {
@@ -9575,7 +9575,7 @@ const As = [
     const l = async (c) => {
       const d = await ei(c, s?.asset?.fileLink), u = await Ve(d), A = k(), h = n.find((m) => m.panelId === c.panelId);
       if (!h)
-        throw new j(c);
+        throw new H(c);
       const g = Ra(
         o,
         u,
@@ -9667,7 +9667,7 @@ const As = [
   const w = (y) => {
     const v = n.find((T) => T.panelId === y.panelId);
     if (!v)
-      throw new j(y);
+      throw new H(y);
     const B = k();
     return new z(
       {
@@ -9696,7 +9696,7 @@ const As = [
   const a = await Ai(e.data.module), i = t.data, r = (s, l) => {
     const c = n.find((u) => u.panelId === l.panelId);
     if (!c)
-      throw new j(l);
+      throw new H(l);
     const d = k();
     return new z(
       {
@@ -9738,7 +9738,7 @@ const As = [
   const l = (d) => {
     const u = n.find((h) => h.panelId === d.panelId);
     if (!u)
-      throw new j(d);
+      throw new H(d);
     const A = k();
     return new z(
       {
@@ -9774,7 +9774,7 @@ const As = [
   const s = (c) => {
     const d = n.find((m) => m.panelId === c.panelId);
     if (!d)
-      throw new j(c);
+      throw new H(c);
     const u = `
         <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -9826,7 +9826,7 @@ const As = [
       l.forEach((c) => {
         const d = n.find((A) => A.panelId === c.panelId);
         if (!d)
-          throw new j(c);
+          throw new H(c);
         const u = {
           id: k(),
           src: r,
@@ -9859,7 +9859,7 @@ const As = [
     l.forEach((u) => {
       const A = n.find((g) => g.panelId === u.panelId);
       if (!A)
-        throw new j(u);
+        throw new H(u);
       const h = {
         id: k(),
         src: r,
@@ -9909,7 +9909,7 @@ const As = [
     uppercase: a.data.uppercase
   }), h = async (p) => {
     const f = p.colorOption;
-    return f ? H.getDefaultVariant(f)?.color : void 0;
+    return f ? j.getDefaultVariant(f)?.color : void 0;
   }, g = r.color || await h(a.data), m = a.data.regions;
   for (const p of m) {
     const f = n.find((w) => w.panelId === p.panelId);
@@ -10073,7 +10073,7 @@ const bs = () => new Promise((n, t) => {
 }), Is = bs();
 class Bs {
   constructor(t, e, a, i, r) {
-    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Hn(2), this.id = t, this.name = e, this.service = a, this.panelSize = i, this.getWorkflowManager = r;
+    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new jn(2), this.id = t, this.name = e, this.service = a, this.panelSize = i, this.getWorkflowManager = r;
   }
   getID() {
     return this.id;
@@ -11085,13 +11085,13 @@ const ia = new Qs(), pi = C`
             id
         }
     }
-`, Hs = C`
+`, js = C`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, js = C`
+`, Hs = C`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -11374,7 +11374,7 @@ const hl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
   return a ? Object.values(a.layouts).map((i) => i.layout) : hl(t.panels);
 }, qt = class qt {
   constructor(t, e, a, i, r, o = !1, s, l = !1, c = !1, d = !1) {
-    this.workflowStatePromiseQueue = new Hn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.setWorkflow = async (A) => {
+    this.workflowStatePromiseQueue = new jn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.setWorkflow = async (A) => {
       this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.stepSpecificServices = {}, this.pollers = [], this.allScenes = [], this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.currentAdjustingStepId = "", this.reloadedState ? this.layouts = Object.values(this.reloadedState.layouts || {}).map((g) => g.layout) : A ? this.layouts = gl(this.experience.getTransaction(), A) : this.layouts = [], this.commandContext.initialize(this.layouts, this.reloadedState), this.renderableContextService = new Es(this.layouts), this.renderableContextService.setWorkflowManager(this), A.steps.forEach((g) => {
         this.stepTags[g.stepName] = g.tags ?? [];
       });
@@ -11789,7 +11789,7 @@ const hl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       ...this.storage,
       [t]: { ...this.storage[t], ...e }
     };
-    if (!jt(a, this.storage)) {
+    if (!Ht(a, this.storage)) {
       this.storage = a;
       const i = new an(this.constructSerializableWorkflow());
       this.commandContext.apply(i, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
@@ -12219,7 +12219,7 @@ class rt {
     return this.variantData.enabled;
   }
 }
-const Ht = class Ht {
+const jt = class jt {
   constructor(t, e, a) {
     this.manager = t, this.step = e, this.tags = a;
   }
@@ -12229,7 +12229,7 @@ const Ht = class Ht {
    * @param value The new value
    */
   setUpdateState(t) {
-    Ht.updateState.set(
+    jt.updateState.set(
       `${this.step.stepName}-${this.manager.getWorkflowExperience().getTransaction().id}`,
       t
     );
@@ -12238,7 +12238,7 @@ const Ht = class Ht {
    * @returns Gets the current update state of this step. All step handles for this step will see this value.
    */
   getUpdateState() {
-    return !!Ht.updateState.get(
+    return !!jt.updateState.get(
       `${this.step.stepName}-${this.manager.getWorkflowExperience().getTransaction().id}`
     );
   }
@@ -12350,8 +12350,8 @@ const Ht = class Ht {
     e ? r && e.executeCameraAnimation(r) : console.warn("No preview service available, cannot execute camera animations."), a ? i && a.executeAnimation(i, t) : console.warn("No model container available, cannot execute model animations.");
   }
 };
-Ht.updateState = /* @__PURE__ */ new Map();
-let tt = Ht;
+jt.updateState = /* @__PURE__ */ new Map();
+let tt = jt;
 class ml extends tt {
   constructor(t, e, a) {
     super(t, e, a);
@@ -13098,7 +13098,7 @@ class xl {
   }
   async setWorkflow(t) {
     return this.workflow = t, await this.graphQlClient().mutate({
-      mutation: jr,
+      mutation: Hr,
       variables: {
         id: this.getTransaction().id,
         workflowId: t.id
@@ -13488,7 +13488,7 @@ class xl {
     ), this.checkForPriceBreakChanges();
     const e = this.getTransaction();
     await this.graphQlClient().mutate({
-      mutation: Hr,
+      mutation: jr,
       variables: {
         id: e.id,
         quantity: t
@@ -13580,10 +13580,10 @@ class kl {
         return new dn(
           this.bundle,
           t,
-          t.entityId ? await H.getOption(t.entityId) : void 0
+          t.entityId ? await j.getOption(t.entityId) : void 0
         );
       case L.Option: {
-        const e = t.entityId ? await H.getOption(t.entityId) : void 0;
+        const e = t.entityId ? await j.getOption(t.entityId) : void 0;
         return e?.type === "Color" ? new dn(this.bundle, t, e) : new Ci(this.bundle, t, e);
       }
       case L.Text:
@@ -13659,7 +13659,7 @@ class Ml extends Ua {
     super(t, e);
   }
   async initialize() {
-    return this.property.data?.fileUpload?.colorOptionId && (this.colorOption = await H.getOption(this.property.data?.fileUpload?.colorOptionId)), await this.loadImageData(), this;
+    return this.property.data?.fileUpload?.colorOptionId && (this.colorOption = await j.getOption(this.property.data?.fileUpload?.colorOptionId)), await this.loadImageData(), this;
   }
   async loadImageData() {
     const t = await this.getImage();
@@ -14167,7 +14167,7 @@ class $l {
         storage: a !== null ? a : void 0,
         channel: i
       });
-    jt(o, this.globalPropertyState) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(o, this.globalPropertyState));
+    Ht(o, this.globalPropertyState) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(o, this.globalPropertyState));
   }
   async setAspectStorage(t, e, a) {
     if (!this.globalPropertyState)
@@ -14194,7 +14194,7 @@ class $l {
         storage: e !== null ? e : void 0,
         channel: a
       });
-    jt(r, this.globalPropertyState) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(r, this.globalPropertyState));
+    Ht(r, this.globalPropertyState) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(r, this.globalPropertyState));
   }
   async updateGlobalPropertyState() {
     if (!this.globalPropertyState)
@@ -14798,7 +14798,7 @@ class ql {
     };
   }
 }
-const Hl = C`
+const jl = C`
     ${Ge(!1)}
     query GetProductCollections($ids: [String!]!) {
         productCollections(ids: $ids) {
@@ -14806,13 +14806,13 @@ const Hl = C`
         }
     }
 `, $d = async (n) => (await S.getShadowGraphqlClient().query({
-  query: Hl,
+  query: jl,
   errorPolicy: "all",
   variables: {
     ids: n
   }
 })).data?.productCollections?.map((e) => new yi(e));
-class jl {
+class Hl {
   constructor() {
     this.listeners = {};
   }
@@ -14877,7 +14877,7 @@ const Jl = C`
 `;
 class un {
   constructor(t, e, a, i, r, o, s) {
-    this.workflowExperiences = [], this.eventEmitter = new jl(), this.updatesLocked = !1, this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = r, this.metadata = new Map(e.metadata?.map((d) => [d.key, d.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Ul(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new Hl(), this.updatesLocked = !1, this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = r, this.metadata = new Map(e.metadata?.map((d) => [d.key, d.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Ul(e.bundleStateData);
     const l = this.productCollection?.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = l?.id, this.globalPropertyStateManager = new $l(
       this.id,
@@ -15178,7 +15178,7 @@ class un {
       );
     const i = D.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), r = e.map((s) => i.get(s));
     await S.getShadowGraphqlClient().mutate({
-      mutation: Hs,
+      mutation: js,
       variables: {
         id: this.id,
         transactionIds: e,
@@ -15238,7 +15238,7 @@ class un {
     if (t > -1) {
       const i = this.workflowExperiences.find((r) => r.getTransaction().id === e.id);
       if (i.setBundle(void 0), this.previewService && i.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await S.getShadowGraphqlClient().mutate({
-        mutation: js,
+        mutation: Hs,
         variables: {
           id: this.id,
           transactionId: e.id,
@@ -15426,6 +15426,7 @@ class un {
         mutation: ul,
         variables: {
           id: this.id
+          // TODO: preview image
         },
         errorPolicy: "all"
       });
@@ -15433,7 +15434,7 @@ class un {
         let s = o.data.designCreateBundle;
         const c = await (async () => {
           let d = 0;
-          for (; d > 121; ) {
+          for (; d < 121; ) {
             if (d += 1, s.status === "Completed")
               return s;
             await new Promise((A) => setTimeout(A, 1e3));
@@ -15444,8 +15445,10 @@ class un {
               },
               errorPolicy: "all"
             });
-            if (!u.data?.jobs || u.data.jobs.length === 0)
+            if (!u.data?.jobs || u.data.jobs.length === 0) {
+              console.error("failed to refetch jobs", u.errors);
               return;
+            }
             s = u.data.jobs[0], a && a(
               s.children.length,
               s.children.filter((A) => A.status === "Completed").length
@@ -15480,8 +15483,10 @@ class un {
             items: d,
             bundleOwnerId: this.ownerId
           };
-        }
-      }
+        } else
+          console.error("failed to ensure job completed");
+      } else
+        console.error("designCreateBundle failed", o.errors);
     }
     const r = await mi(
       this.workflowExperiences.map((o) => {
@@ -15658,7 +15663,7 @@ class un {
     });
     await Promise.all(l), await Promise.all(r.map((u) => u.applyGlobalState()));
     const c = this.globalPropertyStateManager.getGlobalPropertyState(), d = this.globalPropertyHandleService.applyConditionsFromState(a, c);
-    jt(r.sort(), d.sort()) || (this.checkConditionalHandlesChanged(r, d), this.checkMandatoryHandlesChanged(c, d), await this.onGlobalPropertiesChanged(e, c));
+    Ht(r.sort(), d.sort()) || (this.checkConditionalHandlesChanged(r, d), this.checkMandatoryHandlesChanged(c, d), await this.onGlobalPropertiesChanged(e, c));
   }
   checkConditionalHandlesChanged(t, e) {
     (() => {
@@ -16269,7 +16274,7 @@ class Vd {
       } catch (a) {
         throw console.error(a), new gt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && sr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 34.1.0-beta.a76c4ba0-a053-56c6-8c60-be896da3de61"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && sr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 34.1.0-beta.2a094b75-2fe2-5f9d-9449-137427b6c156"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     pt.setHubUrl(t.hubUrl), pt.setServerUrl(t.serverUrl), pt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && cr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16802,9 +16807,9 @@ class Vd {
       }
       const oe = D.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
       !oe.get(N.id) && N.transactionOwnerId && (oe.set(N.id, N.transactionOwnerId), D.setMap("transactionOwnerIds", oe));
-      const He = oe.get(N.id) || void 0, Bi = new ic({
-        onMutate: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } }),
-        onQuery: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } })
+      const je = oe.get(N.id) || void 0, Bi = new ic({
+        onMutate: () => ({ context: { transactionOwnerId: je, bundleOwnerId: e?.bundleOwnerId } }),
+        onQuery: () => ({ context: { transactionOwnerId: je, bundleOwnerId: e?.bundleOwnerId } })
       }), se = {
         workflow: qe,
         transaction: N,
@@ -16813,7 +16818,7 @@ class Vd {
           throw new Q("State mutation is forbidden in read only mode!");
         } : async (it) => this.updateTransactionState({
           ...it,
-          context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId }
+          context: { transactionOwnerId: je, bundleOwnerId: e?.bundleOwnerId }
         }),
         graphQlClient: () => Bi,
         readOnly: M,
@@ -16959,7 +16964,7 @@ async function Ei(n) {
     ...a
   };
 }
-const Hd = async (n) => {
+const jd = async (n) => {
   const t = await Ei(n), e = await S.getShadowGraphqlClient().mutate({
     mutation: dl,
     errorPolicy: "all",
@@ -17011,7 +17016,7 @@ class gc {
           let r = !1;
           for (let o = 0; o < i.currentFrameSources.length; o++) {
             const s = i.currentFrameSources[o], l = await Ve(s), c = this.frameData ? this.frameData[o] : void 0;
-            jt(l, c) || (this.frameData || (this.frameData = new Array(i.currentFrameSources.length)), this.frameData[o] = l, r = !0);
+            Ht(l, c) || (this.frameData || (this.frameData = new Array(i.currentFrameSources.length)), this.frameData[o] = l, r = !0);
           }
           r && (this.onFrameDataChangeListeners.forEach(
             (o) => o(this.frameData)
@@ -17210,7 +17215,7 @@ class gc {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class jd {
+class Hd {
   traversableScenes() {
     throw new Error("Method not implemented.");
   }
@@ -18044,14 +18049,14 @@ export {
   We as InformationMessageType,
   vl as InformationStepHandle,
   An as IntegrationProduct,
-  ji as IntegrationType,
+  Hi as IntegrationType,
   Bd as LayoutElementFactory,
   F as LayoutElementType,
-  j as LayoutNotFoundError,
+  H as LayoutNotFoundError,
   Jt as LayoutRenderingPurpose,
   pl as MaterialStepHandle,
   Be as MisconfigurationError,
-  jd as MockWorkflowManager,
+  Hd as MockWorkflowManager,
   fl as ModelStepHandle,
   bl as ModuleStepHandle,
   Pd as MoveCommand,
@@ -18066,7 +18071,7 @@ export {
   Gl as ProductCollectionProductSortKey,
   Wt as ProductWorkflow,
   _t as PromiseCache,
-  Hn as PromiseQueue,
+  jn as PromiseQueue,
   wl as QuestionStepHandle,
   qn as QueueablePromise,
   Fd as ResizeCommand,
@@ -18075,7 +18080,7 @@ export {
   q as ScaleAxis,
   Nd as SendBackwardsCommand,
   yl as ShapeStepHandle,
-  Hi as ShareActionType,
+  ji as ShareActionType,
   Vd as SpiffCommerceClient,
   be as StakeholderType,
   Wi as StepAspectType,
@@ -18099,7 +18104,7 @@ export {
   bd as cmPerPixel,
   Sd as currentDirection,
   cd as dataUrlFromExternalUrl,
-  Hd as deleteBundle,
+  jd as deleteBundle,
   ia as designService,
   ye as determineCorrectFontSizeAndLines,
   oi as digitalContentStepService,
@@ -18159,7 +18164,7 @@ export {
   ci as moduleStepService,
   Jd as nameBundle,
   Yd as nameTransaction,
-  H as optionService,
+  j as optionService,
   Id as outlineFontsInSvg,
   cu as overrideWorkflowExperienceRecipientAddress,
   ht as patternImageDataCache,