@spiffcommerce/core 16.1.0 → 16.2.1

package/dist/index.d.ts

@@ -944,7 +944,7 @@ type ProductCollectionResource = {
     globalPropertyConfiguration?: GlobalPropertyConfiguration;
     name: string;
     productCollectionProducts: ProductCollectionProductResource[];
-    transformCollection?: TransformCollection;
+    transformCollection?: TransformCollection$1;
 };
 type ProductCollectionProductResource = {
     id: string;
@@ -972,7 +972,7 @@ interface Vector3 {
     y: number;
     z: number;
 }
-interface TransformCollection {
+interface TransformCollection$1 {
     id: string;
     name: string;
     transforms: TransformCollectionTransform[];
@@ -1568,6 +1568,7 @@ declare class ProductCollection {
      * A list of products in this collections with useful helpers for interacting with them.
      */
     getProducts(): CollectionProduct[];
+    getTransformCollection(): TransformCollection | undefined;
     /**
      * The raw collection resource. This is generally not needed and should be avoided.
      */
@@ -1628,6 +1629,44 @@ declare class ProductWorkflow {
      */
     getThumbnail(): string;
 }
+/**
+ * Represents a collection of transforms that can be applied inside a product collection.
+ */
+declare class TransformCollection {
+    private readonly collection;
+    constructor(collection: TransformCollection$1);
+    /**
+     * @returns The ID of the transform collection.
+     */
+    getId(): string;
+    /**
+     * @returns The name of the transform collection.
+     */
+    getName(): string;
+    /**
+     * @returns The transforms in this collection.
+     */
+    getTransforms(): Transform[];
+}
+/**
+ * Represents the translations, rotation & scale of a product in 3D space.
+ */
+declare class Transform {
+    private readonly transform;
+    constructor(position: TransformCollectionTransform);
+    /**
+     * @returns The ID of the transform.
+     */
+    getId(): string;
+    /**
+     * @returns The name of the transform.
+     */
+    getName(): string;
+    /**
+     * @returns The transformation to be used to place the object.
+     */
+    get(): BundleStateTransform;
+}
 
 /**
  * A bundle serves as a container for a set of workflow experience.
@@ -2799,4 +2838,4 @@ interface StepAspectValue {
 declare const stepAspectValuesToDesignInputSteps: (stepAspectValues: StepAspectValue[], workflow: Workflow) => DesignInputStep[];
 declare const generateStateFromDesignInputSteps: (designInputSteps: DesignInputStep[], workflow: Workflow, layouts: ILayout[], productOverlayImageUrl?: string) => Promise<LayoutsState>;
 
-export { AssetNotFoundError, BulkPriceCalculationStrategy, BulkStepHandle, Bundle, CollectionProduct, ColorOption, ConversionConfiguration, ConversionData, ConversionDataType, ConversionLocation, Customer, CustomerDetailsInput, DesignCreationMessage, DesignCreationProgressUpdate, DesignInputStep, EditedSteps, FlowExecutionNodeResult, FlowExecutionResult, FlowService, FrameService, FrameStep, FrameStepHandle, GetWorkflowOptions, GlobalPropertyHandle, IllustrationStepHandle, InformationMessageType, InformationResult, InformationStepHandle, LayoutNotFoundError, MandatorySteps, MaterialStepHandle, MisconfigurationError, MockWorkflowManager, ModelStepHandle, NodeType, ObjectInput, ObjectInputType, OptionNotFoundError, ParseError, PictureStepHandle, Product, ProductCameraRig, ProductCollection, ProductWorkflow, PromiseQueue, QuestionStepHandle, QueueablePromise, RegionElement, RenderableScene, ResourceNotFoundError, SavedDesign, SelectionStorage, ShapeStepHandle, SilentIllustrationStepData, SpiffCommerceClient, Stakeholder, StakeholderType, StateMutationFunc, StepElements, StepHandle, TextStepHandle, TextStepStorage, Transaction, UnhandledBehaviorError, Variant, VariationRecord, WorkflowExperience, WorkflowExperienceImpl, WorkflowManager, WorkflowMetadata, WorkflowScene, WorkflowSelections, WorkflowStorage, assetService, createDesign, designService, digitalContentStepService, frameStepService, gatherVaryingStepAspects, generateCommands, generateStateFromDesignInputSteps, getBoundedOffsets, getWorkflow, getWorkflows, graphQlManager, illustrationStepService, materialStepService, modelStepService, moduleStepService, optionService, persistenceService, pictureStepService, questionStepService, shapeStepService, shortenUrl, spiffCoreConfiguration, stepAspectValuesToDesignInputSteps, textStepService, toast };
+export { AssetNotFoundError, BulkPriceCalculationStrategy, BulkStepHandle, Bundle, CollectionProduct, ColorOption, ConversionConfiguration, ConversionData, ConversionDataType, ConversionLocation, Customer, CustomerDetailsInput, DesignCreationMessage, DesignCreationProgressUpdate, DesignInputStep, EditedSteps, FlowExecutionNodeResult, FlowExecutionResult, FlowService, FrameService, FrameStep, FrameStepHandle, GetWorkflowOptions, GlobalPropertyHandle, IllustrationStepHandle, InformationMessageType, InformationResult, InformationStepHandle, LayoutNotFoundError, MandatorySteps, MaterialStepHandle, MisconfigurationError, MockWorkflowManager, ModelStepHandle, NodeType, ObjectInput, ObjectInputType, OptionNotFoundError, ParseError, PictureStepHandle, Product, ProductCameraRig, ProductCollection, ProductWorkflow, PromiseQueue, QuestionStepHandle, QueueablePromise, RegionElement, RenderableScene, ResourceNotFoundError, SavedDesign, SelectionStorage, ShapeStepHandle, SilentIllustrationStepData, SpiffCommerceClient, Stakeholder, StakeholderType, StateMutationFunc, StepElements, StepHandle, TextStepHandle, TextStepStorage, Transaction, Transform, TransformCollection, UnhandledBehaviorError, Variant, VariationRecord, Vector3, WorkflowExperience, WorkflowExperienceImpl, WorkflowManager, WorkflowMetadata, WorkflowScene, WorkflowSelections, WorkflowStorage, assetService, createDesign, designService, digitalContentStepService, frameStepService, gatherVaryingStepAspects, generateCommands, generateStateFromDesignInputSteps, getBoundedOffsets, getWorkflow, getWorkflows, graphQlManager, illustrationStepService, materialStepService, modelStepService, moduleStepService, optionService, persistenceService, pictureStepService, questionStepService, shapeStepService, shortenUrl, spiffCoreConfiguration, stepAspectValuesToDesignInputSteps, textStepService, toast };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createHttpLink as Ct, InMemoryCache as Qt, ApolloClient as ut, from as mt, gql as y } from "@apollo/client/core";
 import { getAttributesFromArrayBuffer as De, AssetType as ce, StepType as D, StepAspectType as O, getFrameData as Ae, frameDataCache as pt, UpdateFramePattern as fe, calculateOffsets as ee, LayoutElementType as H, generate as v, CreateElementCommand as b, generateSVGWithUnknownColors as Fe, svgObjectURL as nA, fetchAsString as Z, DeleteElementCommand as $, GroupCommand as G, generateDefaultRectangleFrameSvg as ge, GetSVGDimensions as It, patternImageDataCache as le, fetchAsArrayBuffer as Me, findElement as MA, modifySVGWithElementProperties as Dt, IllustrationColorCommand as VA, IllustrationCacheCommand as ft, getFontMetrics as Ft, getPatternImageData as WA, FontColorCommand as Mt, FontImageFillCommand as TA, applyTextTransformations as XA, determineCorrectFontSizeAndLines as IA, FontSourceCommand as Be, loadFontFromExternalUrl as DA, TextChangeCommand as yt, FontSizeCommand as Yt, createElementNS as St, createElement as wA, loadFontFromDataUrl as UA, UpdateWorkflowStateCommand as de, CommandContext as xt, createCanvas as yA, getSvgElement as ye, LayoutRenderingPurpose as Ye, renderPapyrusComponentAsString as Se, loadImage as xe, getDomParser as Ne, fetch as Re, toBase64 as we, getVariant as Nt, generateFrameSVG as Rt, getDefaultVariant as GA, domParser as Pe, sanitizeSvgTree as He, traverse as Pt, xmlSerializer as Ue, arrayBufferToDataUrl as Ht, loadFontFaceSet as Ut, CreateLayoutCommand as Gt, sortElementsByLayersWithIndex as vt, AspectType as fA, rehydrateSerializedLayout as AA } from "@spiffcommerce/papyrus";
-import { AssetType as bs, BringForwardCommand as Ts, BringToBackCommand as Ls, BringToFrontCommand as Os, CanvasCommand as zs, CommandContext as Ks, CreateElementCommand as js, CreateLayoutCommand as Vs, DeleteElementCommand as Ws, FontAlignmentCommand as Xs, FontColorCommand as qs, FontSizeCommand as Zs, FontSourceCommand as $s, GroupCommand as _s, LayoutElementFactory as Ai, LayoutElementType as ei, MoveCommand as ti, ResizeCommand as ai, RotateCommand as ni, SendBackwardsCommand as si, StepAspectType as ii, StepType as oi, TextChangeCommand as ri, UnitOfMeasurement as ci, dataUrlFromExternalUrl as gi, determineCorrectFontSizeAndLines as li, findElement as Bi, frameDataCache as di, generate as wi, generateSVGWithUnknownColors as Ei, getAttributesFromArrayBuffer as hi, getAxisAlignedBoundingBox as Ci, getFrameData as Qi, getSvgElement as ui, loadFontFromDataUrl as mi, loadFontFromExternalUrl as pi, patternImageDataCache as Ii, registerFetchImplementation as Di, registerWindowImplementation as fi, rehydrateSerializedLayout as Fi } from "@spiffcommerce/papyrus";
+import { AssetType as Ls, BringForwardCommand as Os, BringToBackCommand as zs, BringToFrontCommand as Ks, CanvasCommand as js, CommandContext as Vs, CreateElementCommand as Ws, CreateLayoutCommand as Xs, DeleteElementCommand as qs, FontAlignmentCommand as Zs, FontColorCommand as $s, FontSizeCommand as _s, FontSourceCommand as Ai, GroupCommand as ei, LayoutElementFactory as ti, LayoutElementType as ai, MoveCommand as ni, ResizeCommand as si, RotateCommand as ii, SendBackwardsCommand as oi, StepAspectType as ri, StepType as ci, TextChangeCommand as gi, UnitOfMeasurement as li, dataUrlFromExternalUrl as Bi, determineCorrectFontSizeAndLines as di, findElement as wi, frameDataCache as Ei, generate as hi, generateSVGWithUnknownColors as Ci, getAttributesFromArrayBuffer as Qi, getAxisAlignedBoundingBox as ui, getFrameData as mi, getSvgElement as pi, loadFontFromDataUrl as Ii, loadFontFromExternalUrl as Di, patternImageDataCache as fi, registerFetchImplementation as Fi, registerWindowImplementation as Mi, rehydrateSerializedLayout as yi } from "@spiffcommerce/papyrus";
 import { setContext as kt } from "@apollo/client/link/context";
 import { onError as Jt } from "@apollo/client/link/error";
 import { Pith as Ge } from "pith";
@@ -2424,7 +2424,7 @@ class ya {
         await t.setSelectionsAndElements(A.stepName, [e], [], async () => {
           try {
             const i = t.getModelContainer();
-            i && A.option && i.applyModelVariant(
+            i && A.option && await i.applyModelVariant(
               A.option.id || "",
               {
                 model: n,
@@ -6257,7 +6257,7 @@ class oA {
       case D.Model:
         return new An(A, e);
       case D.Frame:
-        return new Fs(A, e);
+        return new ys(A, e);
       case D.Bulk:
         return new Za(A, e);
       default:
@@ -6965,7 +6965,7 @@ class CA {
     const A = gA(this.getCommandContext().getState());
     if (!A)
       throw new J("Internal state is undefined! Cannot copy experience!");
-    const e = JSON.stringify(A.transaction), t = this.getWorkflowManager().getWorkflow(), a = new Ds({}), n = (i = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : i.id;
+    const e = JSON.stringify(A.transaction), t = this.getWorkflowManager().getWorkflow(), a = new Fs({}), n = (i = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : i.id;
     if (!n)
       throw new J("Integration product id is undefined!");
     return await a.initFromIntegrationProduct(n), await a.getWorkflowExperience(t.id, e, void 0);
@@ -8408,6 +8408,10 @@ class es {
   getProducts() {
     return this.collection.productCollectionProducts.map((A) => new ts(A));
   }
+  getTransformCollection() {
+    if (this.collection.transformCollection)
+      return new as(this.collection.transformCollection);
+  }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
    */
@@ -8503,6 +8507,56 @@ class pe {
     return this.workflow.imageUrl;
   }
 }
+class as {
+  constructor(A) {
+    this.collection = A;
+  }
+  /**
+   * @returns The ID of the transform collection.
+   */
+  getId() {
+    return this.collection.id;
+  }
+  /**
+   * @returns The name of the transform collection.
+   */
+  getName() {
+    return this.collection.name;
+  }
+  /**
+   * @returns The transforms in this collection.
+   */
+  getTransforms() {
+    return this.collection.transforms.map((A) => new ns(A));
+  }
+}
+class ns {
+  constructor(A) {
+    this.transform = A;
+  }
+  /**
+   * @returns The ID of the transform.
+   */
+  getId() {
+    return this.transform.id;
+  }
+  /**
+   * @returns The name of the transform.
+   */
+  getName() {
+    return this.transform.name;
+  }
+  /**
+   * @returns The transformation to be used to place the object.
+   */
+  get() {
+    return {
+      position: this.transform.position,
+      rotation: this.transform.rotation,
+      scale: this.transform.scale
+    };
+  }
+}
 class Ie {
   /* ThreeDPreviewService */
   constructor(A, e, t, a) {
@@ -8819,6 +8873,7 @@ class Ie {
   async injectExperienceIntoPreviewService(A) {
     if (this.previewService) {
       const e = A.getWorkflowManager().injectIntoPreviewService(this.previewService);
+      A.getWorkflowManager().getModelContainer();
       try {
         this.bundleStateManager.applyStateToWorkflowExperience(A);
       } catch (t) {
@@ -8886,14 +8941,14 @@ class Ie {
     );
   }
 }
-const as = y`
+const ss = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class ns {
+class is {
   /**
    *
    * @param id
@@ -8904,7 +8959,7 @@ class ns {
   async execute(A, e, t) {
     var B, l, d;
     const n = (l = (B = (await N.getShadowGraphqlClient().mutate({
-      mutation: as,
+      mutation: ss,
       variables: {
         processFlowId: A,
         inputs: [...e.map((w) => w.getValueForTransmission())]
@@ -8946,7 +9001,7 @@ class ns {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (w.completedAt) {
-        i = !0, r = new ss(w);
+        i = !0, r = new os(w);
         break;
       }
       o += 1;
@@ -8960,7 +9015,7 @@ class ns {
     return Promise.resolve(r);
   }
 }
-class ss {
+class os {
   constructor(A) {
     this.execution = A;
   }
@@ -9033,7 +9088,7 @@ class mA {
     return this.getArtifacts().get(A);
   }
 }
-class is {
+class rs {
   constructor(A) {
     this.value = A;
   }
@@ -9045,8 +9100,8 @@ class is {
     return A.startsWith("[") ? JSON.stringify(JSON.parse(A)) : A;
   }
 }
-var os = /* @__PURE__ */ ((g) => (g.Transaction = "Transaction", g.Bundle = "Bundle", g.Product = "Product", g.Variant = "Variant", g.Option = "Option", g.LineItem = "LineItem", g.Asset = "Asset", g))(os || {});
-class Et extends is {
+var cs = /* @__PURE__ */ ((g) => (g.Transaction = "Transaction", g.Bundle = "Bundle", g.Product = "Product", g.Variant = "Variant", g.Option = "Option", g.LineItem = "LineItem", g.Asset = "Asset", g))(cs || {});
+class Et extends rs {
   constructor(A, e) {
     if (e !== "Asset" && !Et.validUUID(A))
       throw new Error("Invalid ID, must be a valid v4 UUID. https://www.uuidgenerator.net/");
@@ -9056,7 +9111,7 @@ class Et extends is {
     return A.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-const rs = y`
+const gs = y`
     fragment RegionFields on Region {
         width
         top
@@ -9074,7 +9129,7 @@ const rs = y`
             height
         }
     }
-`, cs = y`
+`, ls = y`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -9085,7 +9140,7 @@ const rs = y`
             z
         }
     }
-`, gs = y`
+`, Bs = y`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -9169,21 +9224,21 @@ const rs = y`
             weight
         }
     }
-`, ls = y`
+`, ds = y`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, Bs = (g) => y`
+`, ws = (g) => y`
         ${JA(g)}
         ${ae}
         ${je}
-        ${rs}
-        ${cs}
         ${gs}
         ${ls}
+        ${Bs}
+        ${ds}
         query GetWorkflows($ids: [String!]!) {
             workflows(ids: $ids) {
                 allowProofDownload
@@ -9571,7 +9626,7 @@ const rs = y`
                 }
             }
         }
-    `, ds = y`
+    `, Es = y`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -9588,7 +9643,7 @@ const rs = y`
             }
         }
     }
-`, ws = y`
+`, hs = y`
     ${JA(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -9610,7 +9665,7 @@ const rs = y`
             }
         }
     }
-`, Es = y`
+`, Cs = y`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -9620,7 +9675,7 @@ const rs = y`
             }
         }
     }
-`, hs = y`
+`, Qs = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -9630,7 +9685,7 @@ const rs = y`
             }
         }
     }
-`, Cs = y`
+`, us = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -9657,11 +9712,11 @@ const rs = y`
             }
         }
     }
-`, Qs = y`
+`, ms = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, us = y`
+`, ps = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -9689,10 +9744,10 @@ const rs = y`
             }
         }
     }
-`, ms = async (g, A) => {
+`, Is = async (g, A) => {
   var a;
   const e = await N.getShadowGraphqlClient().query({
-    query: Bs(((a = A == null ? void 0 : A.assets) == null ? void 0 : a.metadata) || !1),
+    query: ws(((a = A == null ? void 0 : A.assets) == null ? void 0 : a.metadata) || !1),
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -9709,7 +9764,7 @@ const rs = y`
       }), BA.set({ id: s.option.id }, Promise.resolve(s.option)));
     });
   }), t;
-}, ps = async (g, A) => {
+}, Ds = async (g, A) => {
   const t = (await A).find((a) => a.id === g);
   if (!t)
     throw new Error(`Workflow not found: ${g}`);
@@ -9718,11 +9773,11 @@ const rs = y`
   const e = g.map((i) => BA.get({ id: i, options: A })), t = g.filter((i, o) => e[o] === void 0);
   if (t.length === 0)
     return Promise.all(e);
-  const a = ms(t, A), n = t.map(
-    (i) => BA.set({ id: i, options: A }, ps(i, a))
+  const a = Is(t, A), n = t.map(
+    (i) => BA.set({ id: i, options: A }, Ds(i, a))
   ), s = e.filter((i) => i !== void 0);
   return await Promise.all(s.concat(n));
-}, pA = async (g, A) => (await ht([g], A))[0], Is = (g) => g.sort((A, e) => A.index - e.index).map((A) => ({
+}, pA = async (g, A) => (await ht([g], A))[0], fs = (g) => g.sort((A, e) => A.index - e.index).map((A) => ({
   id: v(),
   panelId: A.name,
   name: A.name,
@@ -9737,9 +9792,9 @@ const rs = y`
   editableArea: A.editableArea
 })), jA = (g, A) => {
   const e = g.workflowState, t = e ? JSON.parse(e) : void 0;
-  return t ? Object.values(t.layouts).map((a) => a.layout) : Is(A.panels);
+  return t ? Object.values(t.layouts).map((a) => a.layout) : fs(A.panels);
 };
-class Ds {
+class Fs {
   constructor(A) {
     this.updateTransactionState = async (e) => {
       try {
@@ -9767,7 +9822,7 @@ class Ds {
   getFlowService() {
     if (!this.options.applicationKey)
       throw new Error("Application key required to use Flow Service.");
-    return new ns();
+    return new is();
   }
   // TODO: Authentication functions should probably be moved to a separate class.
   /**
@@ -9814,7 +9869,7 @@ class Ds {
   async authenticateTransactionFromLocalStorage(A) {
     var r, B, l, d, w, h;
     const e = N.getShadowGraphqlClient(), t = await e.query({
-      query: ds,
+      query: Es,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9856,7 +9911,7 @@ class Ds {
       }
     }
     const c = (await e.query({
-      query: ws,
+      query: hs,
       errorPolicy: "all",
       variables: {
         id: a.workflowId
@@ -9892,7 +9947,7 @@ class Ds {
     var s;
     this.customer = void 0;
     const e = N.getShadowGraphqlClient(), a = (await e.query({
-      query: Es,
+      query: Cs,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9901,7 +9956,7 @@ class Ds {
     })).data.customer;
     if (!a.id) {
       const o = (s = (await e.mutate({
-        mutation: hs,
+        mutation: Qs,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -9933,7 +9988,7 @@ class Ds {
     if (!a)
       return !1;
     const s = (i = (await e.mutate({
-      mutation: Cs,
+      mutation: us,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9948,7 +10003,7 @@ class Ds {
    */
   async generateVerificationCode(A) {
     await N.getShadowGraphqlClient().mutate({
-      mutation: Qs,
+      mutation: ms,
       variables: {
         emailAddress: A
       }
@@ -9963,7 +10018,7 @@ class Ds {
   async verifyCode(A, e) {
     var n, s;
     const a = (n = (await N.getShadowGraphqlClient().mutate({
-      mutation: us,
+      mutation: ps,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10503,7 +10558,7 @@ class Ds {
     e.set(A.partner.id, A.id), x.setMap("partnerCustomerIds", e);
   }
 }
-class vs {
+class Js {
   getInitializationPromise() {
     return Promise.resolve();
   }
@@ -10649,8 +10704,8 @@ class vs {
   ejectFromPreviewService() {
   }
 }
-var fs = /* @__PURE__ */ ((g) => (g.SelectFrame = "SelectFrame", g.SelectImage = "SelectImage", g.Position = "Position", g))(fs || {});
-class Fs extends j {
+var Ms = /* @__PURE__ */ ((g) => (g.SelectFrame = "SelectFrame", g.SelectImage = "SelectImage", g.Position = "Position", g))(Ms || {});
+class ys extends j {
   constructor(A, e) {
     var t;
     super(A, e), this.frameService = (t = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : t.frameService;
@@ -10698,45 +10753,45 @@ class Fs extends j {
 }
 export {
   _ as AssetNotFoundError,
-  bs as AssetType,
-  Ts as BringForwardCommand,
-  Ls as BringToBackCommand,
-  Os as BringToFrontCommand,
+  Ls as AssetType,
+  Os as BringForwardCommand,
+  zs as BringToBackCommand,
+  Ks as BringToFrontCommand,
   oa as BulkPriceCalculationStrategy,
   Za as BulkStepHandle,
-  zs as CanvasCommand,
+  js as CanvasCommand,
   ts as CollectionProduct,
-  Ks as CommandContext,
+  Vs as CommandContext,
   ca as ConversionDataType,
   ra as ConversionLocation,
-  js as CreateElementCommand,
-  Vs as CreateLayoutCommand,
-  Ws as DeleteElementCommand,
+  Ws as CreateElementCommand,
+  Xs as CreateLayoutCommand,
+  qs as DeleteElementCommand,
   mA as FlowExecutionNodeResult,
-  ss as FlowExecutionResult,
-  ns as FlowService,
-  Xs as FontAlignmentCommand,
-  qs as FontColorCommand,
-  Zs as FontSizeCommand,
-  $s as FontSourceCommand,
+  os as FlowExecutionResult,
+  is as FlowService,
+  Zs as FontAlignmentCommand,
+  $s as FontColorCommand,
+  _s as FontSizeCommand,
+  Ai as FontSourceCommand,
   ma as FrameService,
-  fs as FrameStep,
-  Fs as FrameStepHandle,
+  Ms as FrameStep,
+  ys as FrameStepHandle,
   re as GlobalPropertyHandle,
-  _s as GroupCommand,
+  ei as GroupCommand,
   $a as IllustrationStepHandle,
   HA as InformationMessageType,
   sn as InformationStepHandle,
-  Ai as LayoutElementFactory,
-  ei as LayoutElementType,
+  ti as LayoutElementFactory,
+  ai as LayoutElementType,
   L as LayoutNotFoundError,
   _a as MaterialStepHandle,
   SA as MisconfigurationError,
-  vs as MockWorkflowManager,
+  Js as MockWorkflowManager,
   An as ModelStepHandle,
-  ti as MoveCommand,
+  ni as MoveCommand,
   Et as ObjectInput,
-  os as ObjectInputType,
+  cs as ObjectInputType,
   YA as OptionNotFoundError,
   rA as ParseError,
   en as PictureStepHandle,
@@ -10746,58 +10801,60 @@ export {
   qe as PromiseQueue,
   tn as QuestionStepHandle,
   Xe as QueueablePromise,
-  ai as ResizeCommand,
+  si as ResizeCommand,
   lA as ResourceNotFoundError,
-  ni as RotateCommand,
-  si as SendBackwardsCommand,
+  ii as RotateCommand,
+  oi as SendBackwardsCommand,
   an as ShapeStepHandle,
-  Ds as SpiffCommerceClient,
+  Fs as SpiffCommerceClient,
   NA as StakeholderType,
-  ii as StepAspectType,
+  ri as StepAspectType,
   j as StepHandle,
-  oi as StepType,
-  ri as TextChangeCommand,
+  ci as StepType,
+  gi as TextChangeCommand,
   nn as TextStepHandle,
+  ns as Transform,
+  as as TransformCollection,
   J as UnhandledBehaviorError,
-  ci as UnitOfMeasurement,
+  li as UnitOfMeasurement,
   X as Variant,
   CA as WorkflowExperienceImpl,
   T as assetService,
   dn as createDesign,
-  gi as dataUrlFromExternalUrl,
+  Bi as dataUrlFromExternalUrl,
   KA as designService,
-  li as determineCorrectFontSizeAndLines,
+  di as determineCorrectFontSizeAndLines,
   Da as digitalContentStepService,
-  Bi as findElement,
-  di as frameDataCache,
+  wi as findElement,
+  Ei as frameDataCache,
   ZA as frameStepService,
   We as gatherVaryingStepAspects,
-  wi as generate,
+  hi as generate,
   Mn as generateCommands,
-  Ei as generateSVGWithUnknownColors,
+  Ci as generateSVGWithUnknownColors,
   Nn as generateStateFromDesignInputSteps,
-  hi as getAttributesFromArrayBuffer,
-  Ci as getAxisAlignedBoundingBox,
+  Qi as getAttributesFromArrayBuffer,
+  ui as getAxisAlignedBoundingBox,
   ua as getBoundedOffsets,
-  Qi as getFrameData,
-  ui as getSvgElement,
+  mi as getFrameData,
+  pi as getSvgElement,
   pA as getWorkflow,
   ht as getWorkflows,
   N as graphQlManager,
   FA as illustrationStepService,
-  mi as loadFontFromDataUrl,
-  pi as loadFontFromExternalUrl,
+  Ii as loadFontFromDataUrl,
+  Di as loadFontFromExternalUrl,
   $e as materialStepService,
   _e as modelStepService,
   Sa as moduleStepService,
   z as optionService,
-  Ii as patternImageDataCache,
+  fi as patternImageDataCache,
   x as persistenceService,
   At as pictureStepService,
   et as questionStepService,
-  Di as registerFetchImplementation,
-  fi as registerWindowImplementation,
-  Fi as rehydrateSerializedLayout,
+  Fi as registerFetchImplementation,
+  Mi as registerWindowImplementation,
+  yi as rehydrateSerializedLayout,
   cA as shapeStepService,
   pa as shortenUrl,
   xA as spiffCoreConfiguration,