@spiffcommerce/core 21.13.0 → 21.13.1-1

package/dist/index.d.ts

@@ -3241,7 +3241,7 @@ declare class QuestionStepHandle extends StepHandle<QuestionStepData> {
     /**
      * The way that this step expects to be rendered.
      */
-    getDisplayType(): string | undefined;
+    getDisplayType(): any;
 }
 
 declare class ShapeStepHandle extends StepHandle<ShapeStepData> {

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createHttpLink as IA, InMemoryCache as fA, ApolloClient as DA, from as FA, gql as D } from "@apollo/client/core";
-import { fetch as et, getAttributesFromArrayBuffer as Rt, AssetType as ut, StepType as y, getFrameData as tt, frameDataCache as yA, GroupCommand as v, UpdateFramePattern as Ht, UpdateFrameThresholdSettingsCommand as MA, calculateOffsets as At, LayoutElementType as k, generate as J, CreateElementCommand as T, generateSVGWithUnknownColors as Ut, svgObjectURL as Pe, fetchAsString as _, DeleteElementCommand as ee, generateDefaultRectangleFrameSvg as Ct, GetSVGDimensions as SA, patternImageDataCache as Qt, fetchAsArrayBuffer as YA, findElement as xe, modifySVGWithElementProperties as PA, IllustrationColorCommand as We, IllustrationCacheCommand as xA, getFontMetrics as NA, getPatternImageData as Xe, FontAlignmentCommand as RA, FontColorCommand as HA, FontImageFillCommand as Oe, applyTextTransformations as qe, determineCorrectFontSizeAndLines as Me, FontSourceCommand as mt, loadFont as at, TextChangeCommand as UA, FontSizeCommand as vA, createElementNS as GA, createElement as Qe, _loadFontExternalDataURL as nt, UpdateWorkflowStateCommand as pt, CommandContext as kA, createCanvas as Ne, getSvgElement as vt, LayoutRenderingPurpose as Gt, renderPapyrusComponentAsString as kt, loadImage as bt, getDomParser as Jt, toBase64 as It, getVariant as bA, generateFrameSVG as JA, getDefaultVariant as be, domParser as Lt, sanitizeSvgTree as Tt, traverse as LA, xmlSerializer as Ot, CreateLayoutCommand as TA, AspectType as Be, rehydrateSerializedLayout as Ae } from "@spiffcommerce/papyrus";
-import { AspectType as es, AssetType as ts, BringForwardCommand as As, BringToBackCommand as as, BringToFrontCommand as ns, CanvasCommand as is, CommandContext as ss, CreateElementCommand as os, CreateLayoutCommand as rs, DeleteElementCommand as cs, FontAlignmentCommand as gs, FontColorCommand as ls, FontSizeCommand as Bs, FontSourceCommand as ds, GroupCommand as ws, LayoutElementFactory as hs, LayoutElementType as Es, MoveCommand as us, ResizeCommand as Cs, RotateCommand as Qs, SendBackwardsCommand as ms, StepAspectType as ps, StepType as Is, TextChangeCommand as fs, UnitOfMeasurement as Ds, UpdateImageSourceCommand as Fs, dataUrlFromExternalUrl as ys, determineCorrectFontSizeAndLines as Ms, findElement as Ss, frameDataCache as Ys, generate as Ps, generateSVGWithUnknownColors as xs, getAttributesFromArrayBuffer as Ns, getAxisAlignedBoundingBox as Rs, getFrameData as Hs, getSvgElement as Us, loadFont as vs, patternImageDataCache as Gs, registerFetchImplementation as ks, registerWindowImplementation as bs, rehydrateSerializedLayout as Js, setCanvasModule as Ls } from "@spiffcommerce/papyrus";
+import { fetch as et, getAttributesFromArrayBuffer as Rt, AssetType as ut, StepType as y, getFrameData as tt, frameDataCache as yA, GroupCommand as v, UpdateFramePattern as Ht, UpdateFrameThresholdSettingsCommand as MA, calculateOffsets as At, LayoutElementType as k, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Ut, svgObjectURL as Pe, fetchAsString as _, DeleteElementCommand as ee, generateDefaultRectangleFrameSvg as Ct, GetSVGDimensions as SA, patternImageDataCache as Qt, fetchAsArrayBuffer as YA, findElement as xe, modifySVGWithElementProperties as PA, IllustrationColorCommand as We, IllustrationCacheCommand as xA, getFontMetrics as NA, getPatternImageData as Xe, FontAlignmentCommand as RA, FontColorCommand as HA, FontImageFillCommand as Oe, applyTextTransformations as qe, determineCorrectFontSizeAndLines as Me, FontSourceCommand as mt, loadFont as at, TextChangeCommand as UA, FontSizeCommand as vA, createElementNS as GA, createElement as Qe, _loadFontExternalDataURL as nt, UpdateWorkflowStateCommand as pt, CommandContext as kA, createCanvas as Ne, getSvgElement as vt, LayoutRenderingPurpose as Gt, renderPapyrusComponentAsString as kt, loadImage as bt, getDomParser as Jt, toBase64 as It, getVariant as bA, generateFrameSVG as JA, getDefaultVariant as be, domParser as Tt, sanitizeSvgTree as Lt, traverse as TA, xmlSerializer as Ot, CreateLayoutCommand as LA, AspectType as Be, rehydrateSerializedLayout as Ae } from "@spiffcommerce/papyrus";
+import { AspectType as es, AssetType as ts, BringForwardCommand as As, BringToBackCommand as as, BringToFrontCommand as ns, CanvasCommand as is, CommandContext as ss, CreateElementCommand as os, CreateLayoutCommand as rs, DeleteElementCommand as cs, FontAlignmentCommand as gs, FontColorCommand as ls, FontSizeCommand as Bs, FontSourceCommand as ds, GroupCommand as ws, LayoutElementFactory as hs, LayoutElementType as Es, MoveCommand as us, ResizeCommand as Cs, RotateCommand as Qs, SendBackwardsCommand as ms, StepAspectType as ps, StepType as Is, TextChangeCommand as fs, UnitOfMeasurement as Ds, UpdateImageSourceCommand as Fs, dataUrlFromExternalUrl as ys, determineCorrectFontSizeAndLines as Ms, findElement as Ss, frameDataCache as Ys, generate as Ps, generateSVGWithUnknownColors as xs, getAttributesFromArrayBuffer as Ns, getAxisAlignedBoundingBox as Rs, getFrameData as Hs, getSvgElement as Us, loadFont as vs, patternImageDataCache as Gs, registerFetchImplementation as ks, registerWindowImplementation as bs, rehydrateSerializedLayout as Js, setCanvasModule as Ts } from "@spiffcommerce/papyrus";
 import { setContext as OA } from "@apollo/client/link/context";
 import { onError as zA } from "@apollo/client/link/error";
 import { Pith as zt } from "pith";
@@ -66,7 +66,7 @@ class U extends Je {
     super(`Client Error: ${e}`);
   }
 }
-class Le extends Je {
+class Te extends Je {
   constructor(e) {
     super(`Resource Generation Failed: ${e}`);
   }
@@ -1730,7 +1730,7 @@ class St {
             id: d.id,
             region: a
           },
-          command: new T(d, n)
+          command: new L(d, n)
         };
       } else {
         const l = this.configuration.type === y.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : i, w = await Ut(await (async () => new Promise((h, u) => {
@@ -1765,7 +1765,7 @@ class St {
             id: E.id,
             region: a
           },
-          command: new T(E, n)
+          command: new L(E, n)
         };
       }
     }, this.configuration = e, this.layouts = t, this.product = A || void 0;
@@ -1802,7 +1802,7 @@ const Pa = async (c) => {
       }
     })).json()).shortUrl;
   } catch (t) {
-    throw console.error(t), new Le("Failed to shorten URL, see console.");
+    throw console.error(t), new Te("Failed to shorten URL, see console.");
   }
 };
 class aA {
@@ -1876,7 +1876,7 @@ class xa {
       d.searchParams.append("video", btoa(JSON.stringify([B]))), d.pathname = d.pathname + (d.pathname.slice(-1) === "/" ? "" : "/");
       const w = d.toString();
       if (w.length >= 2e3)
-        throw new Le("Cannot create QR code, URL too long.");
+        throw new Te("Cannot create QR code, URL too long.");
       const E = await Pa(w);
       if (s(E), !i.data || !i.data.regions)
         throw new He(i, "Missing regions.");
@@ -1903,7 +1903,7 @@ class xa {
         throw new Error("Region not found");
       if (!B || !g)
         throw new Error("Neither a region or layout found!");
-      return new T(
+      return new L(
         {
           stepRegion: g,
           stepName: a,
@@ -2035,7 +2035,7 @@ class Ra {
             });
           },
           () => {
-            throw new Le("Failed to resolve transcoded PDF");
+            throw new Te("Failed to resolve transcoded PDF");
           }
         )
       );
@@ -2052,7 +2052,7 @@ class Ra {
     i && (i.command && a.getCommandDispatcher()(i.command), i.followup && await i.followup());
   }
   getCreateElementCommand(e, t, A, a) {
-    return new T(
+    return new L(
       {
         id: e,
         type: k.Frame,
@@ -2196,7 +2196,7 @@ class Ha {
     });
   }
   getCreateElementCommand(e, t, A, a) {
-    return new T(
+    return new L(
       {
         stepRegion: t,
         stepName: a.stepName,
@@ -2600,7 +2600,7 @@ class Ga {
         return console.error(`Can not find layout for region: ${l.panelId}`), null;
       const u = [];
       return d && u.push(new ee(w)), u.push(
-        new T(
+        new L(
           {
             stepRegion: l,
             stepName: e.stepName,
@@ -2728,7 +2728,7 @@ class ba {
       const E = J();
       return {
         regionElement: { id: E, region: l },
-        command: new T(
+        command: new L(
           {
             stepName: e.stepName,
             stepRegion: l,
@@ -2824,7 +2824,7 @@ class Ja {
   }
 }
 const oA = new Ja();
-class La {
+class Ta {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
   }
@@ -2958,7 +2958,7 @@ class La {
         return {
           id: C,
           region: d,
-          command: new T(
+          command: new L(
             {
               stepRegion: d,
               stepName: e.stepName,
@@ -2996,8 +2996,8 @@ class La {
     }
   }
 }
-const le = new La();
-class Ta {
+const le = new Ta();
+class La {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
   }
@@ -3022,7 +3022,7 @@ class Ta {
     );
   }
 }
-const Oa = new Ta(), ze = 30;
+const Oa = new La(), ze = 30;
 class ve extends Error {
   constructor(e) {
     super(e), Object.setPrototypeOf(this, new.target.prototype), this.name = ve.name;
@@ -3456,7 +3456,7 @@ class Ka {
         Q.push(
           this.generateTextChangeCommandsForRegion(F, A, m.id, P)
         );
-        const S = new T(m, d);
+        const S = new L(m, d);
         return {
           regionElement: { id: w, region: B },
           commands: [S, ...Q],
@@ -6020,7 +6020,7 @@ class gn extends X {
    */
   getDisplayType() {
     var e;
-    return (e = this.step.option) == null ? void 0 : e.displayType;
+    return this.step.data.displayType || ((e = this.step.option) == null ? void 0 : e.displayType);
   }
 }
 class ln extends X {
@@ -6519,8 +6519,8 @@ const En = async (c) => {
         transactionOwnerId: P
       }
     }), R = (O = N.data) == null ? void 0 : O.transactions[0].workflowState;
-    return N.errors ? (N.errors.forEach((L) => {
-      N.errors && console.log("Server Error:", L.message);
+    return N.errors ? (N.errors.forEach((T) => {
+      N.errors && console.log("Server Error:", T.message);
     }), null) : R ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(A())), await c.updateStateWithServerImmediate(A), console.log("Server state is undefined @ Workflow completion"));
   const l = c.getPreviewService(), d = (F = e == null ? void 0 : e.finalizeStepConfig) == null ? void 0 : F.lookAtAnimation, w = l && e.showModelOnFinishStep && !!d, E = o && _e(o, e, !0), h = o && _e(o, e, !1), u = async (M) => {
@@ -6528,16 +6528,16 @@ const En = async (c) => {
     let S = 0;
     if (Object.keys(n).length > 0)
       for (const N of Object.keys(n)) {
-        const R = n[N], O = e.steps.find((L) => L.stepName === N);
-        for (let L = 0; L < R.selections.length; ++L) {
-          const W = R.selections[L];
+        const R = n[N], O = e.steps.find((T) => T.stepName === N);
+        for (let T = 0; T < R.selections.length; ++T) {
+          const W = R.selections[T];
           if (O && (!M || O.option && (O.option.variants || []).length > 1 && !O.data.hideSelectionInCart && !O.data.hideSelectionsInCart)) {
-            const Te = O.stepTitle;
-            P[Te] ? P[Te].push({
+            const Le = O.stepTitle;
+            P[Le] ? P[Le].push({
               id: W.id || "",
               name: W.name,
               priceModifier: W.priceModifier
-            }) : P[Te] = [
+            }) : P[Le] = [
               {
                 id: W.id || "",
                 name: W.name,
@@ -6853,7 +6853,7 @@ class fe {
       height: g.layoutState.layout.height
     }, l = this.commandContext.getLayoutById(g.layoutState.layout.id), d = i.getContext("2d");
     if (!d)
-      throw new Le("Failed to obtain 2D context for preview image creation");
+      throw new Te("Failed to obtain 2D context for preview image creation");
     const w = vt(l.layoutState.layout, l.layoutState.elements, {
       renderingConfiguration: {
         purpose: Gt.Print,
@@ -7153,7 +7153,7 @@ const Dn = [
     if (!w)
       throw new z(d);
     const E = J();
-    return new T(
+    return new L(
       {
         id: E,
         src: g,
@@ -7194,7 +7194,7 @@ const Dn = [
         top: a.y
       });
       return [
-        new T(
+        new L(
           {
             id: l,
             path: B.path,
@@ -7239,12 +7239,12 @@ const Dn = [
   const s = (p = i.asset) == null ? void 0 : p.fileLink;
   if (!s)
     return console.error(`No asset link for variant with ID: ${a.illustrationVariantId}`), [];
-  const o = await _(s, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", w = Lt().parseFromString(B, "image/svg+xml").firstElementChild;
+  const o = await _(s, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", w = Tt().parseFromString(B, "image/svg+xml").firstElementChild;
   if (!w)
     return console.error("Failed to read SVG."), [];
-  Tt(w);
+  Lt(w);
   const E = {};
-  LA(w, (f) => {
+  TA(w, (f) => {
     Dn.includes(f.tagName) && !f.attributes.getNamedItem("fill") && f.setAttribute("fill", "#000000");
     const F = f.attributes.getNamedItem("fill");
     if (F && F.value !== "none") {
@@ -7271,7 +7271,7 @@ const Dn = [
     if (!F)
       throw new z(f);
     const M = J();
-    return new T(
+    return new L(
       {
         colors: E,
         id: M,
@@ -7300,7 +7300,7 @@ const Dn = [
     if (!r)
       throw new z(o);
     const g = J();
-    return new T(
+    return new L(
       {
         colors: {},
         id: g,
@@ -7343,7 +7343,7 @@ const Dn = [
     if (!d)
       throw new z(l);
     const w = J();
-    return new T(
+    return new L(
       {
         id: w,
         src: s,
@@ -7400,7 +7400,7 @@ const Dn = [
             />
         </svg>
         `, w = { "spiff-fill-shape": { browserValue: i.color || "#000000" } }, E = J();
-    return new T(
+    return new L(
       {
         colors: w,
         id: E,
@@ -7451,17 +7451,17 @@ const Dn = [
           excludeFromExport: e.data.excludeFromPrint,
           preserveAspectRatio: "none"
         };
-        A.push(new T(B, g));
+        A.push(new L(B, g));
       });
     } catch (r) {
       console.error(r);
     }
   else {
     const r = await _(n, !0), g = (B) => {
-      const l = /<svg.*?<\/svg>/s, d = B.match(l) || [], w = (d == null ? void 0 : d.length) > 0 ? d[0] : "", u = Lt().parseFromString(w, "image/svg+xml").firstElementChild;
+      const l = /<svg.*?<\/svg>/s, d = B.match(l) || [], w = (d == null ? void 0 : d.length) > 0 ? d[0] : "", u = Tt().parseFromString(w, "image/svg+xml").firstElementChild;
       if (!u)
         throw new ge("Failed to read SVG.");
-      return Tt(u), Ot().serializeToString(u);
+      return Lt(u), Ot().serializeToString(u);
     };
     o.forEach((B) => {
       const l = c.find((w) => w.panelId === B.panelId);
@@ -7486,7 +7486,7 @@ const Dn = [
         productOverlay: e.type === y.ProductOverlay ? !0 : void 0,
         excludeFromExport: e.data.excludeFromPrint
       };
-      A.push(new T(d, l));
+      A.push(new L(d, l));
     });
   }
   return A;
@@ -7565,7 +7565,7 @@ const Dn = [
         }
       );
       a.push(
-        new T(
+        new L(
           {
             ...C,
             fontSize: I,
@@ -7576,7 +7576,7 @@ const Dn = [
         )
       );
     } else
-      a.push(new T(C, u));
+      a.push(new L(C, u));
   }
   return a;
 }, Rn = (c, e) => c.conditions ? c.conditions.every((t) => {
@@ -7820,7 +7820,7 @@ const Vi = (c, e) => {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  a = new v(t.map((o) => new TA(o))).apply(a);
+  a = new v(t.map((o) => new LA(o))).apply(a);
   const i = await Hn(c, e, t, A);
   return new v(i).apply(a);
 }, bn = D`
@@ -7943,7 +7943,7 @@ const Vi = (c, e) => {
             }
         }
     }
-`, Ln = D`
+`, Tn = D`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -7963,7 +7963,7 @@ const Vi = (c, e) => {
             }
         }
     }
-`, Tn = D`
+`, Ln = D`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -9269,7 +9269,7 @@ class xt {
   }
   async getAllStakeholders() {
     const e = await x.getShadowGraphqlClient().query({
-      query: Ln,
+      query: Tn,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10048,6 +10048,7 @@ const Ei = D`
                             }
                             allowMultipleSelections
                             displaySelectionsOnFinishStep
+                            displayType
                             hideSelectionsInCart
                             lookAtAnimation {
                                 ...LookAtAnimationFields
@@ -10675,7 +10676,7 @@ class Ni {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const e = await x.getShadowGraphqlClient().query({
-      query: Tn,
+      query: Ln,
       variables: {
         id: this.customer.id
       },
@@ -10873,17 +10874,17 @@ class Ni {
         singleVariantsRenderable: (O = S == null ? void 0 : S.workflowConfiguration) == null ? void 0 : O.singleVariantsRenderable,
         stateMutationFunc: F ? async () => {
           throw new b("State mutation is forbidden in read only mode!");
-        } : async (L) => this.updateTransactionState({ ...L, context: { transactionOwnerId: N } }),
+        } : async (T) => this.updateTransactionState({ ...T, context: { transactionOwnerId: N } }),
         readOnly: F,
         workflow: P,
         isReloadedTransaction: S.type === "transaction"
       };
       if (S.type === "transaction" && p.workflowState) {
-        const L = JSON.parse(p.workflowState);
-        R.layouts = Object.values(L.layouts || {}).map((W) => W.layout), await Ae(L), await ne(L), R.reloadedState = L;
+        const T = JSON.parse(p.workflowState);
+        R.layouts = Object.values(T.layouts || {}).map((W) => W.layout), await Ae(T), await ne(T), R.reloadedState = T;
       } else if (!F && S.workflowState) {
-        const L = JSON.parse(S.workflowState);
-        R.layouts = Object.values(L.layouts || {}).map((W) => W.layout), await Ae(L), await ne(L), R.reloadedState = L;
+        const T = JSON.parse(S.workflowState);
+        R.layouts = Object.values(T.layouts || {}).map((W) => W.layout), await Ae(T), await ne(T), R.reloadedState = T;
       } else
         R.layouts = Ve(
           R.transaction,
@@ -11506,7 +11507,7 @@ export {
   ks as registerFetchImplementation,
   bs as registerWindowImplementation,
   Js as rehydrateSerializedLayout,
-  Ls as setCanvasModule,
+  Ts as setCanvasModule,
   le as shapeStepService,
   Pa as shortenUrl,
   $ as spiffCoreConfiguration,