@spiffcommerce/core 40.1.1 → 40.2.0

package/dist/index.mjs

@@ -4054,7 +4054,7 @@ class Yr {
     return e || (t.material ? t.material.id : "");
   }
 }
-const B = new Yr(), Wn = C`
+const I = new Yr(), Wn = C`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -5245,7 +5245,7 @@ const B = new Yr(), Wn = C`
       let l = 0;
       if (o.type !== "Finish" && o.type !== "Module") {
         let c;
-        o.option?.variants ? (c = o.option, l = c?.variants?.length || 0) : (c = await B.getOption(o.option?.id), l = c?.variants?.length || 0);
+        o.option?.variants ? (c = o.option, l = c?.variants?.length || 0) : (c = await I.getOption(o.option?.id), l = c?.variants?.length || 0);
       }
       o.silent || (o.type === E.Model || o.type === E.Material || o.type === E.Picture || o.type === E.Shape ? (l > 1 || e) && n.push(o.stepName) : n.push(o.stepName));
     }
@@ -5351,9 +5351,9 @@ const N = () => {
   viewBox: u,
   width: A
 }) => {
-  const h = e || 0, g = 2 * (l?.scale || 1), p = u || { x: 0, y: 0, width: A, height: r }, m = `${p.x} ${p.y} ${p.width} ${p.height}`, f = N(), y = a.purpose === _t.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: p.width, height: p.height, rx: h }) }) }), w = a.colorProfiles?.map((v, I) => (
+  const h = e || 0, g = 2 * (l?.scale || 1), p = u || { x: 0, y: 0, width: A, height: r }, m = `${p.x} ${p.y} ${p.width} ${p.height}`, f = N(), y = a.purpose === _t.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: p.width, height: p.height, rx: h }) }) }), w = a.colorProfiles?.map((v, B) => (
     /* @ts-ignore */
-    /* @__PURE__ */ F("color-profile", { name: v.name, xlinkHref: v.key, children: " " }, I)
+    /* @__PURE__ */ F("color-profile", { name: v.name, xlinkHref: v.key, children: " " }, B)
   )), x = n.map((v) => ({
     ...v,
     _renderingConfiguration: a,
@@ -5757,8 +5757,8 @@ const Is = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", _e = /* @_
       parseInt(A.getAttribute("font-size") ?? "72")
     ), b = x.getBoundingBox().x2 - x.getBoundingBox().x1;
     let v = 0;
-    const I = u.getAttribute("text-anchor");
-    I === "middle" ? v = b / 2 : I === "end" && (v = b);
+    const B = u.getAttribute("text-anchor");
+    B === "middle" ? v = b / 2 : B === "end" && (v = b);
     const M = p.getPath(
       m,
       parseFloat(u.getAttribute("x") ?? "0") - v,
@@ -6211,7 +6211,7 @@ const mt = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Map(), Ze = /* @_
 }, $s = async (i, t) => {
   if (!t)
     return;
-  const e = await B.getDefaultVariant(t, i.frameVariantId);
+  const e = await I.getDefaultVariant(t, i.frameVariantId);
   if (!e)
     throw new Error(`No variant with ID: ${i.frameVariantId}`);
   if (!e.asset)
@@ -7462,7 +7462,7 @@ class De {
   }
   async init(t, e, a) {
     const n = a?.serializableWorkflow.steps.find(
-      (o) => o.stepName === t.stepName
+      (l) => l.stepName === t.stepName
     );
     if (n?.storage && Object.keys(n.storage).length !== 0 || n?.selectedVariants && n.selectedVariants.length !== 0)
       return await this.reload(t, e, a), null;
@@ -7470,24 +7470,22 @@ class De {
     let r;
     const s = e.getWorkflowExperience().getBundle();
     if (s && t.globalPropertyAspectConfigurations) {
-      const o = s.getGlobalPropertyStateManager(), l = t.globalPropertyAspectConfigurations[0], c = o.getAspectStorage(l.aspectName);
-      c && c.originalAssetKey && (r = (await H.getLocalOrFromServer(c.originalAssetKey)).fileLink);
+      const l = s.getGlobalPropertyStateManager(), c = t.globalPropertyAspectConfigurations[0], d = l.getAspectStorage(c.aspectName);
+      d && d.originalAssetKey && (r = (await H.getLocalOrFromServer(d.originalAssetKey)).fileLink);
     }
-    if (t.option) {
-      const o = await B.getDefaultVariant(
-        t.option,
-        t.overrideDefaultVariantId
-      );
-      if (o)
+    const o = await I.getOptionForStep(t);
+    if (o) {
+      const l = await I.getDefaultVariant(o, t.overrideDefaultVariantId);
+      if (l)
         return this.selectVariantCommand(
           t,
-          o,
+          l,
           [],
           e,
           void 0,
           r || t.data.placeholderImageUrl
         );
-      if (t.option.variants && t.option.variants?.length !== 0) return null;
+      if (o.variants && o.variants?.length !== 0) return null;
     }
     return this.selectVariantCommand(
       t,
@@ -7502,59 +7500,59 @@ class De {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), l = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName).map((c) => ({
-      id: c.id,
-      region: c.stepRegion,
-      regionIndex: c.stepRegionIndex
-    }));
-    if (!t.option || (t.option.variants || []).length === 0) {
-      const c = t.data.regions.map((d) => fa(d));
+    ), l = Object.values(a.layouts).map((d) => d.elements).flat().filter((d) => d.stepName === t.stepName).map((d) => ({
+      id: d.id,
+      region: d.stepRegion,
+      regionIndex: d.stepRegionIndex
+    })), c = await I.getOptionForStep(t);
+    if (!c || (c.variants || []).length === 0) {
+      const d = t.data.regions.map((u) => fa(u));
       e.updateStorage(t.stepName, {
-        currentFrameSources: c
+        currentFrameSources: d
       });
     }
     if (n) {
-      const c = async () => {
-        const d = n.storage?.colors, u = n.storage?.framePatternSrc, A = n.storage?.frameOffsetsList;
+      const d = async () => {
+        const u = n.storage?.colors, A = n.storage?.framePatternSrc, h = n.storage?.frameOffsetsList;
         if (e.updateMetadata(t.stepName, {
-          frameOffsetsList: A,
-          framePatternSrc: u
-        }), u) {
-          const h = e.getWorkflowExperience().getStepById(t.stepName)?.frameService;
-          if (!h) throw new Error("Frame service unavailable, cannot load pattern!");
-          await this.loadPatternFromString(u, h, !0, d), e.updateMetadata(t.stepName, { image: u }), e.updateStorage(t.stepName, {
-            framePatternSrc: u
+          frameOffsetsList: h,
+          framePatternSrc: A
+        }), A) {
+          const g = e.getWorkflowExperience().getStepById(t.stepName)?.frameService;
+          if (!g) throw new Error("Frame service unavailable, cannot load pattern!");
+          await this.loadPatternFromString(A, g, !0, u), e.updateMetadata(t.stepName, { image: A }), e.updateStorage(t.stepName, {
+            framePatternSrc: A
           }), this.validateColorCount(t, e);
         }
-        if (A?.some((h) => h.zoom)) {
-          const h = e.getWorkflowExperience().getStepById(t.stepName)?.frameService;
-          if (!h) throw new Error("Frame service unavailable, cannot load pattern!");
-          h.updateOffsets(A);
+        if (h?.some((g) => g.zoom)) {
+          const g = e.getWorkflowExperience().getStepById(t.stepName)?.frameService;
+          if (!g) throw new Error("Frame service unavailable, cannot load pattern!");
+          g.updateOffsets(h);
         }
         e.setMandatoryFulfilled(t.stepName, !0);
       };
       if (n.selectedVariants && n.selectedVariants.length > 0) {
-        const d = n.selectedVariants[0].id;
-        if (t.option && d) {
-          const u = t.option.variants?.find((A) => A.id === d);
-          u && await e.setSelectionsAndElements(
+        const u = n.selectedVariants[0].id;
+        if (c && u) {
+          const A = c.variants?.find((h) => h.id === u);
+          A && await e.setSelectionsAndElements(
             t.stepName,
-            [u],
+            [A],
             l,
             async () => {
-              const A = await Promise.all(
-                t.data.regions.map((h) => this.frameSourceSvg(u, h))
+              const h = await Promise.all(
+                t.data.regions.map((g) => this.frameSourceSvg(A, g))
               );
-              e.updateStorage(t.stepName, { currentFrameSources: A }), await c();
+              e.updateStorage(t.stepName, { currentFrameSources: h }), await d();
             }
           );
         }
       } else
-        await e.setSelectionsAndElements(t.stepName, [], l, c);
+        await e.setSelectionsAndElements(t.stepName, [], l, d);
     }
   }
   async availableColors(t, e) {
-    return (await B.ensureFullOption(t.data.colorOption))?.variants?.map((n) => ({
+    return (await I.ensureFullOption(t.data.colorOption))?.variants?.map((n) => ({
       fill: n.color,
       stroke: n.color,
       variant: n,
@@ -7704,7 +7702,7 @@ class De {
     for (const [l, c] of a.entries())
       n[l] = { browserValue: c.browserValue, pmsValue: c.pmsValue }, r[l] = c;
     let s = Array.from(Object.values(n)).map((l) => l.browserValue);
-    const o = await B.ensureFullOption(e.data.colorOption);
+    const o = await I.ensureFullOption(e.data.colorOption);
     return o && o.variants?.forEach((l) => {
       s = s.map((c) => c.toLowerCase() === l.color?.toLowerCase() ? l.name : c);
     }), {
@@ -7730,7 +7728,7 @@ class De {
     r && r(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, g) => {
-        const p = await Le(l[g]), m = o.getImageData(), f = a.map((I) => new Ot(I.id)), y = m ? $a(
+        const p = await Le(l[g]), m = o.getImageData(), f = a.map((B) => new Ot(B.id)), y = m ? $a(
           m,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7745,7 +7743,7 @@ class De {
           scaleX: y?.zoom || 1,
           scaleY: y?.zoom || 1,
           rotation: 0
-        } : void 0, x = N(), v = n.getLayouts().find((I) => I.panelId === h.panelId);
+        } : void 0, x = N(), v = n.getLayouts().find((B) => B.panelId === h.panelId);
         if (!v)
           throw new J(h);
         return {
@@ -7868,13 +7866,13 @@ class Ys {
     }
   }
   async init(t, e, a) {
-    const n = await B.getOptionForStep(t);
+    const n = await I.getOptionForStep(t);
     if (!n)
       throw new At(t, "No option configured for illustration step.");
     if (a)
       return await this.reload(t, e, a);
     {
-      const r = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const r = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       if (r)
         return await this.selectVariantCommand(t, r, [], e);
     }
@@ -7884,7 +7882,7 @@ class Ys {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await B.getOptionForStep(t);
+    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await I.getOptionForStep(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
@@ -7911,7 +7909,7 @@ class Ys {
     return null;
   }
   async availableColors(t, e) {
-    const a = await B.ensureFullOption(t.data.colorOption);
+    const a = await I.ensureFullOption(t.data.colorOption);
     return a ? a ? a.variants?.map((n) => ({
       fill: n.color,
       stroke: n.color,
@@ -7957,7 +7955,7 @@ class Ys {
       }) : (s[A] = { browserValue: g, spotColor: s[A]?.spotColor, pmsValue: p }, o[A] = { browserValue: g });
     }
     let l = Array.from(Object.values(s)).map((A) => A.browserValue);
-    const c = await B.ensureFullOption(t.data.colorOption);
+    const c = await I.ensureFullOption(t.data.colorOption);
     c && c.variants?.forEach((A) => {
       l = l.map((h) => h.toLowerCase() === A.color?.toLowerCase() ? A.name : h);
     }), a.updateMetadata(t.stepName, { colors: l });
@@ -8012,7 +8010,7 @@ class Ys {
       };
     }, u = t.data.regions.map(d), A = u.map((m) => m.command), h = [...o, ...A];
     let g = Array.from(Object.values(l.colors)).map((m) => m.browserValue);
-    const p = await B.ensureFullOption(t.data.colorOption);
+    const p = await I.ensureFullOption(t.data.colorOption);
     return p && p.variants?.forEach((m) => {
       g = g.map((f) => f.toLowerCase() === m.color?.toLowerCase() ? m.name : f);
     }), n.updateMetadata(t.stepName, { colors: g }), {
@@ -8053,13 +8051,13 @@ class Ys {
 const ye = new Ys();
 class Js {
   async init(t, e, a) {
-    const n = t.option;
+    const n = await I.getOptionForStep(t);
     if (!n)
       throw new Ie(t);
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const r = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       if (r)
         return await this.selectVariantLambda(t, r, e, () => {
         });
@@ -8070,7 +8068,7 @@ class Js {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = t.option;
+    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await I.getOptionForStep(t);
     if (!l) throw new Ie(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
@@ -8131,12 +8129,12 @@ class Js {
 const Ai = new Js();
 class Ks {
   async init(t, e, a) {
-    const n = await B.getOptionForStep(t);
+    const n = await I.getOptionForStep(t);
     if (!n) throw new Ie(t);
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const r = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       if (r)
         return await this.selectVariantLambda(t, r, e, () => {
         });
@@ -8147,7 +8145,7 @@ class Ks {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await B.getOptionForStep(t);
+    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await I.getOptionForStep(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
@@ -8337,13 +8335,13 @@ class _s {
 const gi = new _s();
 class Xs {
   async init(t, e, a) {
-    const n = await B.getOptionForStep(t);
+    const n = await I.getOptionForStep(t);
     if (!n)
       throw new At(t, "Missing option for picture step");
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const r = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       if (r)
         return e.markStepsAsInitialised([t.stepName]), this.selectVariantCommand(t, r, e, () => {
         });
@@ -8354,7 +8352,7 @@ class Xs {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await B.getOptionForStep(t);
+    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await I.getOptionForStep(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
@@ -8429,13 +8427,13 @@ class Xs {
 const mi = new Xs();
 class Zs {
   async init(t, e, a) {
-    const n = t.option;
+    const n = await I.getOptionForStep(t);
     if (!n)
       throw new At(t, "Missing option for question step");
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const r = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       if (r)
         return this.selectVariantLambda(t, r.id || "", e);
     }
@@ -8445,7 +8443,7 @@ class Zs {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), r = await B.getOptionForStep(t);
+    ), r = await I.getOptionForStep(t);
     if (n?.selectedVariants) {
       const s = n.selectedVariants[0].id;
       if (r && s) {
@@ -8459,7 +8457,7 @@ class Zs {
     n && (n.command && a.getCommandDispatcher()(n.command), n.followup && await n.followup());
   }
   async selectVariantLambda(t, e, a) {
-    const n = await B.getOptionForStep(t);
+    const n = await I.getOptionForStep(t);
     if (!n)
       throw new At(t, "Missing option for question step");
     const r = n.variants;
@@ -8485,7 +8483,7 @@ class to {
   }
   // Get the step's options.
   async availableColours(t) {
-    const e = await B.getOptionForStep(t);
+    const e = await I.getOptionForStep(t);
     return e ? e.variants?.map((a) => ({
       fill: a.color,
       stroke: a.color,
@@ -8501,13 +8499,13 @@ class to {
     a.getCommandDispatcher()(new U(s)), a.updateStorage(e.stepName, { colour: t });
   }
   async init(t, e, a) {
-    const n = await B.getOptionForStep(t);
+    const n = await I.getOptionForStep(t);
     if (!n)
       throw new Ie(t);
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const r = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       return r ? this.selectVariantCommand(
         t,
         {
@@ -8529,7 +8527,7 @@ class to {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await B.getOptionForStep(t);
+    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await I.getOptionForStep(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
@@ -8764,7 +8762,7 @@ class io {
     };
   }
   async init(t, e, a) {
-    const n = await B.getOptionForStep(t);
+    const n = await I.getOptionForStep(t);
     if (!n)
       return null;
     if (a)
@@ -8802,7 +8800,7 @@ class io {
         fillImage: r?.name,
         strokeColor: t.data.strokeEnabled ? c?.color : void 0
       });
-      const h = await B.getDefaultVariant(n, t.overrideDefaultVariantId);
+      const h = await I.getDefaultVariant(n, t.overrideDefaultVariantId);
       if (h)
         return this.selectVariantCommand(
           t,
@@ -8832,7 +8830,7 @@ class io {
     const e = this.cachedColors.get(t.stepName);
     if (e)
       return e;
-    const a = await B.ensureFullOption(t.data.colorOption);
+    const a = await I.ensureFullOption(t.data.colorOption);
     if (a) {
       const n = a.variants?.map((r) => ({
         fill: r.color,
@@ -8857,7 +8855,7 @@ class io {
       return;
     const r = n.getCommandDispatcher();
     e.variant ? n.updateMetadata(t.stepName, { color: e.variant.name }) : n.updateMetadata(t.stepName, { color: e.fill });
-    const s = await B.ensureFullOption(t.data.colorOption), o = s ? this.createTextFillSpotColor(s, e.variant) : void 0;
+    const s = await I.ensureFullOption(t.data.colorOption), o = s ? this.createTextFillSpotColor(s, e.variant) : void 0;
     s ? n.updateStorage(t.stepName, {
       color: e.fill,
       colorProfileAssetKey: s.colorProfile?.key
@@ -8872,7 +8870,7 @@ class io {
     }
   }
   async availableFillImages(t) {
-    const e = await B.ensureFullOption(t.data.imageFillOption);
+    const e = await I.ensureFullOption(t.data.imageFillOption);
     if (e) {
       const a = e.variants?.map((n) => n.asset?.fileLink)?.filter((n) => !!n) || [];
       return Promise.all(
@@ -8892,13 +8890,13 @@ class io {
   async changeFillImage(t, e, a, n) {
     if (!t.data || !t.data.regions)
       return;
-    const r = n.getCommandDispatcher(), s = t.option?.variants?.find((o) => o.asset?.fileLink === e.src);
-    n.updateMetadata(t.stepName, { fillImage: s?.name }), n.updateStorage(t.stepName, {
+    const r = n.getCommandDispatcher(), o = (await I.getOptionForStep(t))?.variants?.find((l) => l.asset?.fileLink === e.src);
+    n.updateMetadata(t.stepName, { fillImage: o?.name }), n.updateStorage(t.stepName, {
       fillImage: e
     });
-    for (const o of a) {
-      const l = new ea(o.id, e);
-      r(l);
+    for (const l of a) {
+      const c = new ea(l.id, e);
+      r(c);
     }
   }
   /**
@@ -8910,7 +8908,7 @@ class io {
     const e = this.cachedStrokeColors.get(t.stepName);
     if (e)
       return e;
-    const a = await B.ensureFullOption(t.data.strokeOption);
+    const a = await I.ensureFullOption(t.data.strokeOption);
     if (a) {
       const n = a.variants?.map((r) => ({
         fill: r.color,
@@ -9000,7 +8998,7 @@ class io {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await B.getOptionForStep(t);
+    ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = await I.getOptionForStep(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
@@ -9032,7 +9030,7 @@ class io {
               e.getCommandDispatcher()(f);
             }
           ), o.length === 0 && l) {
-            const m = await B.getDefaultVariant(
+            const m = await I.getDefaultVariant(
               l,
               t.overrideDefaultVariantId
             );
@@ -9071,7 +9069,7 @@ class io {
           const h = c.getGlobalPropertyStateManager().getAspect(u.name);
           if (h)
             if (o.length === 0 && l) {
-              const g = await B.getDefaultVariant(
+              const g = await I.getDefaultVariant(
                 l,
                 t.overrideDefaultVariantId
               );
@@ -9105,21 +9103,21 @@ class io {
   async getDefaultColorVariant(t) {
     const e = t.colorOption;
     if (e)
-      return B.getDefaultVariant(e);
+      return I.getDefaultVariant(e);
   }
   async getDefaultColor(t) {
     const e = t.colorOption;
-    return e ? (await B.getDefaultVariant(e))?.color : void 0;
+    return e ? (await I.getDefaultVariant(e))?.color : void 0;
   }
   async getDefaultImageFillVariant(t) {
     const e = t.imageFillOption;
     if (e)
-      return B.getDefaultVariant(e);
+      return I.getDefaultVariant(e);
   }
   async getDefaultStrokeColorVariant(t) {
     const e = t.strokeOption;
     if (e)
-      return B.getDefaultVariant(e);
+      return I.getDefaultVariant(e);
   }
   async fontDataFromVariant(t) {
     const e = t.asset;
@@ -9226,10 +9224,10 @@ class io {
       try {
         if (!p)
           throw new Me("Failed to find layout for region: " + A.panelId);
-        const f = await B.ensureFullOption(a.colorOption);
+        const f = await I.ensureFullOption(a.colorOption);
         let y;
         if (f && f.variants) {
-          const k = await B.getDefaultVariant(f);
+          const k = await I.getDefaultVariant(f);
           k && (y = this.createTextFillSpotColor(f, k), s.updateStorage(t, {
             colorProfileAssetKey: f.colorProfile?.key
           }));
@@ -9259,7 +9257,7 @@ class io {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: y
-        }, v = [], I = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
+        }, v = [], B = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map();
         if (!b.fontData) throw new O("Failed to resolve font data for text.");
         const [R, P] = Se(
           b.fontSize,
@@ -9275,7 +9273,7 @@ class io {
           [c],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        I.set(b.id, R), M.set(b.id, P);
+        B.set(b.id, R), M.set(b.id, P);
         const T = a.curved || a.vertical ? c : (P || []).join(`
 `);
         v.push(
@@ -9322,31 +9320,31 @@ class io {
     const u = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), A = Dt(u, s), h = this.getProcessedInput(A, t.data, o), g = s.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
     for (const b of g)
       if (b.region) {
-        const [v, I] = Se(
+        const [v, B] = Se(
           e,
           a,
           b.region,
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        p.set(b.id, v), m.set(b.id, I);
+        p.set(b.id, v), m.set(b.id, B);
       }
     const y = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
       const b = s.getWorkflowExperience().getProfanityList(), v = ua(h.toLowerCase());
-      for (const I of v)
+      for (const B of v)
         for (const M in b) {
           const R = b[M].toLowerCase().replace(/\s/g, "");
-          if (I === R) {
+          if (B === R) {
             const T = "Blocked profanity.";
             return l(T), { error: T };
           }
         }
       if (!t.data.vertical && !t.data.allowNewlines && (h.includes(`
 `) || h.includes("\r"))) {
-        const I = "Text may not span multiple lines.";
-        return l(I), { error: I };
+        const B = "Text may not span multiple lines.";
+        return l(B), { error: B };
       }
       if (!t.data.curved && !Array.from(m.values()).every((M) => M)) {
         const M = "Text does not fit.";
@@ -9544,8 +9542,8 @@ class go extends ro {
       b.setAttribute("d", d), b.setAttribute("stroke", "black"), b.setAttribute("stroke-width", "3"), x.appendChild(b);
       const v = et("g");
       v.classList.add("module-layer0"), w.appendChild(v), v.setAttribute("filter", "url(#shadow)"), v.innerHTML = b.outerHTML;
-      const I = et("g");
-      I.classList.add("module-layer1"), w.appendChild(I), I.setAttribute("stroke-width", "3"), I.setAttribute("stroke", "rgb(45,41,38)"), I.setAttribute("fill", "rgb(45,41,38)"), I.setAttribute("transform", "translate(0.5,0)"), I.innerHTML = o;
+      const B = et("g");
+      B.classList.add("module-layer1"), w.appendChild(B), B.setAttribute("stroke-width", "3"), B.setAttribute("stroke", "rgb(45,41,38)"), B.setAttribute("fill", "rgb(45,41,38)"), B.setAttribute("transform", "translate(0.5,0)"), B.innerHTML = o;
       const M = et("g");
       M.classList.add("module-layer2"), w.appendChild(M), M.setAttribute("fill", "rgb(255,209,0)"), M.setAttribute("transform", "translate(1,-0.1)"), M.innerHTML = o;
       const R = et("g");
@@ -9668,10 +9666,10 @@ const mo = [
     return console.error(o), [];
   }
 }, Co = async (i, t, e, a) => {
-  const n = e.data, r = a.option;
+  const n = e.data, r = await I.getOptionForStep(a);
   if (!r)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = r.variants?.find((b) => b.id === n.illustrationVariantId) || await B.getDefaultVariant(r, a.overrideDefaultVariantId);
+  const s = r.variants?.find((b) => b.id === n.illustrationVariantId) || await I.getDefaultVariant(r, a.overrideDefaultVariantId);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -9692,18 +9690,18 @@ const mo = [
       const M = v.value, P = `spiff-fill-${M.replace(/\W/g, "")}`;
       b.classList.add(P), p[P] = { browserValue: M };
     }
-    const I = b.attributes.getNamedItem("stroke");
-    if (I && I.value !== "none") {
-      const M = I.value, P = `spiff-stroke-${M.replace(/\W/g, "")}`;
+    const B = b.attributes.getNamedItem("stroke");
+    if (B && B.value !== "none") {
+      const M = B.value, P = `spiff-stroke-${M.replace(/\W/g, "")}`;
       b.classList.add(P), p[P] = { browserValue: M };
     }
   });
   const f = Pt().serializeToString(g), y = n.colors;
   if (y) {
     for (const [b, v] of Object.entries(p))
-      for (const I of Object.keys(y))
-        if (v.browserValue === I) {
-          p[b] = { browserValue: y[I] };
+      for (const B of Object.keys(y))
+        if (v.browserValue === B) {
+          p[b] = { browserValue: y[B] };
           break;
         }
   }
@@ -9711,11 +9709,11 @@ const mo = [
     const v = i.find((M) => M.panelId === b.panelId);
     if (!v)
       throw new J(b);
-    const I = N();
+    const B = N();
     return new W(
       {
         colors: p,
-        id: I,
+        id: B,
         svg: f,
         type: D.Illustration,
         y: b.top,
@@ -9766,10 +9764,10 @@ const mo = [
     return console.error(o), [];
   }
 }, yo = async (i, t, e, a) => {
-  const n = e.data, r = a.option;
+  const n = e.data, r = await I.getOptionForStep(a);
   if (!r)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = r.variants?.find((d) => d.id === n.pictureVariantId) || await B.getDefaultVariant(r, a.overrideDefaultVariantId);
+  const s = r.variants?.find((d) => d.id === n.pictureVariantId) || await I.getDefaultVariant(r, a.overrideDefaultVariantId);
   if (!s)
     return console.error(`No variant with ID: ${n.pictureVariantId}`), [];
   if (!s.asset)
@@ -9807,10 +9805,10 @@ const mo = [
     return console.error(d), [];
   }
 }, So = async (i, t, e, a) => {
-  const n = e.data, r = a.option;
+  const n = e.data, r = await I.getOptionForStep(a);
   if (!r)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = r.variants?.find((c) => c.id === n.colorVariantId) || await B.getDefaultVariant(r, a.overrideDefaultVariantId);
+  const s = r.variants?.find((c) => c.id === n.colorVariantId) || await I.getDefaultVariant(r, a.overrideDefaultVariantId);
   if (!s)
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
@@ -9928,10 +9926,10 @@ const mo = [
   return a;
 }, Eo = async (i, t, e, a) => {
   const n = [], r = e.data, s = 30, o = (m) => m.vertical ? "center" : m.textAlign || "center", l = async () => {
-    const m = a.option;
+    const m = await I.getOptionForStep(a);
     if (!m)
       return;
-    const f = m.variants?.find((w) => w.id === r.fontVariantId) || await B.getDefaultVariant(m, a.overrideDefaultVariantId);
+    const f = m.variants?.find((w) => w.id === r.fontVariantId) || await I.getDefaultVariant(m, a.overrideDefaultVariantId);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
@@ -9952,7 +9950,7 @@ const mo = [
     uppercase: a.data.uppercase
   }), h = async (m) => {
     const f = m.colorOption;
-    return f ? (await B.getDefaultVariant(f))?.color : void 0;
+    return f ? (await I.getDefaultVariant(f))?.color : void 0;
   }, g = r.color || await h(a.data), p = a.data.regions;
   for (const m of p) {
     const f = i.find((w) => w.panelId === m.panelId);
@@ -11172,7 +11170,7 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
       this.reloadedState?.serializableWorkflow?.steps.reduce((d, u) => (u.selectedVariants?.length && (d[u.stepName] = {
         selectedVariants: u.selectedVariants.map((A) => ({ id: A.id }))
       }), d), {})
-    ), n = B.getOptions(Array.from(a)), r = this.fetchConversionConfiguration();
+    ), n = I.getOptions(Array.from(a)), r = this.fetchConversionConfiguration();
     await Promise.all([n, r]), this.allScenes = en(t);
     const o = (await lt(this.allScenes, this.stepSelections)).map((d) => d.silentSteps).flat(), { stepElements: l, commands: c } = await this.stepElementsForIntroducedSilentSteps(o, !!this.reloadedState);
     this.commandContext.apply(new U(c), !0), this.stepElements = { ...this.stepElements, ...l }, await this.ensureStepsAreLoaded(), this.isReloadedTransaction || this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
@@ -11641,11 +11639,11 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((v, I) => v + I.selectedVariants.map((M) => M.priceModifier || 0).reduce((M, R) => M + R, 0), 0);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((v, B) => v + B.selectedVariants.map((M) => M.priceModifier || 0).reduce((M, R) => M + R, 0), 0);
     for (const v of r.steps)
       await ft(v, this.stepSelections) || (this.stepInitialised[v.stepName] = !1, delete this.stepMetadata[v.stepName], delete this.stepSelections[v.stepName], delete this.storage[v.stepName]);
     const o = this.allScenes, l = await lt(o, s), c = await lt(o, this.stepSelections), d = l.map((v) => v.silentSteps).flat(), A = c.map((v) => v.silentSteps).flat().filter(
-      (v) => !d.some((I) => I.stepName === v.stepName)
+      (v) => !d.some((B) => B.stepName === v.stepName)
     );
     for (const v of d)
       await ft(v, this.stepSelections) || (this.stepInitialised[v.stepName] = !1);
@@ -11656,14 +11654,14 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
       [t]: a
     }, this.removeElements(h);
     const m = r.steps.find((v) => v.stepName === t);
-    m?.type === E.Frame && this.getWorkflowExperience().getStepById(m.stepName)?.frameService?.setTargetElements(a.map((I) => I.id));
+    m?.type === E.Frame && this.getWorkflowExperience().getStepById(m.stepName)?.frameService?.setTargetElements(a.map((B) => B.id));
     const f = h.map((v) => new Ot(v.id)), y = new on(this.constructSerializableWorkflow()), w = [...p, ...f, y];
     w.length > 0 && this.commandContext.apply(new U(w), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const x = await this.getInvalidModelVariants(), b = this.modelContainer;
     if (b) {
       const v = x.map(
-        (I) => b.applyModelVariant(
-          I,
+        (B) => b.applyModelVariant(
+          B,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -11933,7 +11931,7 @@ const Jt = class Jt {
     if (!this.step.option?.id) return [];
     if (this.step.option.variants)
       return (this.step.option.variants || []).map((e) => new rt(e)) || [];
-    const t = await B.getOption(this.step.option?.id);
+    const t = await I.getOption(this.step.option?.id);
     if (!t) throw new Error("Option not found, cannot fetch variants.");
     return (t.variants || []).map((e) => new rt(e)) || [];
   }
@@ -12088,7 +12086,7 @@ class hl extends tt {
     );
   }
   async getColorOption() {
-    return await B.ensureFullOption(this.step.data.colorOption);
+    return await I.ensureFullOption(this.step.data.colorOption);
   }
   getAvailableColors() {
     return this.step.data.colorPickerEnabled ? ye.availableColors(this.step, this.manager) : Promise.resolve([]);
@@ -12174,8 +12172,8 @@ class fl extends tt {
   /**
    * The way that this step expects to be rendered.
    */
-  getDisplayType() {
-    return this.step.data.displayType || this.step.option?.displayType;
+  async getDisplayType() {
+    return this.step.data.displayType ? this.step.data.displayType : (await I.getOptionForStep(this.step))?.displayType;
   }
 }
 class Cl extends tt {
@@ -12710,7 +12708,7 @@ const Il = async (i, t) => {
 }, Fl = async (i, t, e, a, n, r, s, o, l, c) => {
   c && (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await i.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
   const d = i.getPreviewService(), u = t?.finalizeStepConfig?.lookAtAnimation, A = d && t.showModelOnFinishStep && !!u, h = l && hn(l, t, !0), g = l && hn(l, t, !1), p = async (v) => {
-    const I = {};
+    const B = {};
     let M = 0;
     if (Object.keys(r).length > 0)
       for (const R of Object.keys(r)) {
@@ -12718,14 +12716,14 @@ const Il = async (i, t) => {
         for (let V = 0; V < P.selections.length; ++V) {
           const k = P.selections[V];
           if (T) {
-            const X = await B.getOptionForStep(T);
+            const X = await I.getOptionForStep(T);
             if (!v || X && (X.variants || []).length > 1 && !T.data.hideSelectionInCart && !T.data.hideSelectionsInCart) {
               const Et = T.stepTitle;
-              I[Et] ? I[Et].push({
+              B[Et] ? B[Et].push({
                 id: k.id || "",
                 name: k.name,
                 priceModifier: k.priceModifier
-              }) : I[Et] = [
+              }) : B[Et] = [
                 {
                   id: k.id || "",
                   name: k.name,
@@ -12737,13 +12735,13 @@ const Il = async (i, t) => {
           M += k.priceModifier;
         }
       }
-    return [I, M];
+    return [B, M];
   }, [m] = await p(!0), f = Object.fromEntries(
-    Object.keys(m).map((v) => [v, m[v].map((I) => I.id)])
+    Object.keys(m).map((v) => [v, m[v].map((B) => B.id)])
   ), [y] = await p(!1), w = Object.fromEntries(
     Object.keys(y).map((v) => [
       v,
-      y[v].map((I) => I.id)
+      y[v].map((B) => B.id)
     ])
   );
   let x = await o(A, n.id);
@@ -12760,9 +12758,9 @@ const Il = async (i, t) => {
     designDetails: (() => {
       const v = {
         name: s,
-        layouts: e.map((I) => ({
-          index: I.index,
-          panelId: I.panelId
+        layouts: e.map((B) => ({
+          index: B.index,
+          panelId: B.panelId
         })),
         workflowId: t.id,
         transactionId: n.id,
@@ -12770,16 +12768,16 @@ const Il = async (i, t) => {
         previewImage: x
       };
       if (g) {
-        const I = [];
+        const B = [];
         for (const [M, R] of Object.entries(g))
-          I.push({ key: M, value: R });
-        v.metadata = I;
+          B.push({ key: M, value: R });
+        v.metadata = B;
       }
       if (f) {
-        const I = [];
+        const B = [];
         for (const [M, R] of Object.entries(w))
-          I.push({ key: M, ids: R });
-        v.selectedVariants = I;
+          B.push({ key: M, ids: R });
+        v.selectedVariants = B;
       }
       return v;
     })(),
@@ -13593,7 +13591,7 @@ const Nl = (i) => {
   return !1;
 }, Ql = async (i, t) => {
   if (!Nl(i)) return !1;
-  const e = await B.getOptionForStep(i);
+  const e = await I.getOptionForStep(i);
   if (e && (e.variants || []).length > 1) {
     const a = t[i.stepName];
     return !!(a && a.selections.length > 0);
@@ -13647,10 +13645,10 @@ class Ol {
         return new mn(
           this.bundle,
           t,
-          t.entityId ? await B.getOption(t.entityId) : void 0
+          t.entityId ? await I.getOption(t.entityId) : void 0
         );
       case z.Option: {
-        const e = t.entityId ? await B.getOption(t.entityId) : void 0;
+        const e = t.entityId ? await I.getOption(t.entityId) : void 0;
         return e?.type === "Color" ? new mn(this.bundle, t, e) : new Si(this.bundle, t, e);
       }
       case z.Text:
@@ -13733,7 +13731,7 @@ class Rl extends La {
     super(t, e);
   }
   async initialize() {
-    return this.property.data?.fileUpload?.colorOptionId && (this.colorOption = await B.getOption(this.property.data?.fileUpload?.colorOptionId)), await this.loadImageData(), this;
+    return this.property.data?.fileUpload?.colorOptionId && (this.colorOption = await I.getOption(this.property.data?.fileUpload?.colorOptionId)), await this.loadImageData(), this;
   }
   async loadImageData() {
     const t = await this.getImage();
@@ -14030,7 +14028,7 @@ class Si extends La {
   async ensureOptionLoaded() {
     if (this.optionResource?.variants) return this.optionResource;
     if (!this.property.entityId) return this.optionResource;
-    const t = await B.getOption(this.property.entityId);
+    const t = await I.getOption(this.property.entityId);
     return t && (this.optionResource = t), this.optionResource;
   }
   /**
@@ -16278,7 +16276,7 @@ class Wd {
       } catch (a) {
         throw console.error(a), new pt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Ar(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 40.1.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Ar(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 40.2.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.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 && gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Gt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -17460,7 +17458,7 @@ class yc extends tt {
       return this.frameService.getImageData();
   }
   async getColorOption() {
-    return await B.ensureFullOption(this.step.data.colorOption);
+    return await I.ensureFullOption(this.step.data.colorOption);
   }
   getAvailableColors() {
     return this.step.data.colorPickerEnabled ? bt.availableColors(this.step, this.manager) : Promise.resolve([]);
@@ -18161,7 +18159,7 @@ export {
   gi as moduleStepService,
   tu as nameBundle,
   eu as nameTransaction,
-  B as optionService,
+  I as optionService,
   Dd as outlineFontsInSvg,
   mu as overrideWorkflowExperienceRecipientAddress,
   mt as patternImageDataCache,