@spiffcommerce/core 14.2.5-alpha.0 → 14.3.0

package/dist/{index.d.mts → types.d.ts}

@@ -1,36 +1,11 @@
-import * as _spiffcommerce_papyrus from '@spiffcommerce/papyrus';
-import { OptionResource, VariantResource, Step, AnyStepData, FrameOffsets, PatternImageData, Region, StepStorage, CanvasCommand, CommandContext, ILayout, LayoutState, SerializableStep, Workflow, CommandState, GlobalPropertyConfiguration, LayoutsState, Asset, MaterialResource, AssetType, StepType, GlobalPropertyConfigurationAspect, AspectType, Theme, StepAspect, FrameStepData, CreateElementCommand, FrameElement, IllustrationStepData, IllustrationElement, ColorDefinition, LayoutData, MaterialStepData, ModelStepData, TextStepData, TextboxElement, TextFillImage, FontData, GroupCommand, PictureStepData, QuestionStepData, ShapeStepData, ModuleStepData, DigitalContentStepData, FrameData as FrameData$1, BulkStepData } from '@spiffcommerce/papyrus';
-export { Animatable, AnyStepData, Asset, AssetType, BringForwardCommand, BringToBackCommand, BringToFrontCommand, BulkStepData, CanvasCommand, ColorDefinition, ColorProfileProps, CommandContext, CommandState, CreateElementCommand, CreateLayoutCommand, DeleteElementCommand, DigitalContentStepData, FontAlignmentCommand, FontColorCommand, FontSizeCommand, FontSourceCommand, FrameElement, FrameStepData, GroupCommand, ILayout, IllustrationElement, IllustrationStepData, ImageElement, LayoutData, LayoutElement, LayoutElementFactory, LayoutElementType, LayoutsState, MaterialStepData, ModelStepData, ModuleStepData, MoveCommand, OptionResource, PictureStepData, QuestionStepData, ResizeCommand, RotateCommand, SendBackwardsCommand, ShapeStepData, Step, StepAspect, StepAspectType, StepStorage, StepType, TextChangeCommand, TextStepData, TextboxElement, Theme, UnitOfMeasurement, VariantResource, Workflow, WorkflowPanel, dataUrlFromExternalUrl, determineCorrectFontSizeAndLines, findElement, frameDataCache, generate, generateSVGWithUnknownColors, getAttributesFromArrayBuffer, getAxisAlignedBoundingBox, getFrameData, getSvgElement, loadFontFromDataUrl, loadFontFromExternalUrl, patternImageDataCache, registerJSDOM, rehydrateSerializedLayout } from '@spiffcommerce/papyrus';
-import { ApolloClient } from '@apollo/client/core';
-
-declare class OptionService {
-    /**
-     * Allows for retrieving an option, returns the option from a cache if possible.
-     * @param id The option ID to be retrieved.
-     */
-    getOption(id: string): Promise<undefined | OptionResource>;
-    getAssetTileImageForVariant(variant: VariantResource): Promise<string>;
-    getDefaultVariant(option: OptionResource): VariantResource | undefined;
-    getDisplayImageSource: (variant?: VariantResource) => undefined | string;
-    /**
-     * Returns the first variant marked as selected. This is used by most steps.
-     */
-    getSelectedVariant: (option: OptionResource | undefined, selectedVariantIds: string[]) => VariantResource | undefined;
-}
-declare const optionService: OptionService;
-
-declare class GraphQlManager {
-    private shadowGraphqlClient;
-    constructor();
-    getShadowGraphqlClient(): ApolloClient<any>;
-    private constructShadowGraphqlClient;
-}
-declare const graphQlManager: GraphQlManager;
-
+import { Workflow as _Workflow1, StepAspect as _StepAspect1, Step as _Step1, AnyStepData as _AnyStepData1, Asset as _Asset1, Region, VariantResource as _VariantResource1, FrameOffsets, PatternImageData, DigitalContentStepData as _DigitalContentStepData1, LayoutsState as _LayoutsState1, CanvasCommand as _CanvasCommand1, FrameStepData as _FrameStepData1, ILayout as _ILayout1, CreateElementCommand as _CreateElementCommand1, FrameElement as _FrameElement1, ColorDefinition as _ColorDefinition1, IllustrationStepData as _IllustrationStepData1, IllustrationElement as _IllustrationElement1, LayoutData as _LayoutData1, MaterialStepData as _MaterialStepData1, ModelStepData as _ModelStepData1, ModuleStepData as _ModuleStepData1, PictureStepData as _PictureStepData1, QuestionStepData as _QuestionStepData1, ShapeStepData as _ShapeStepData1, FontData, GroupCommand as _GroupCommand1, OptionResource as _OptionResource1, TextboxElement as _TextboxElement1, TextFillImage, TextStepData as _TextStepData1, StepStorage as _StepStorage1, SerializableStep, CommandState as _CommandState1, CommandContext as _CommandContext1, LayoutState, GlobalPropertyConfiguration, MaterialResource, AssetType as _AssetType1, Point, ScaleAxis, UnitOfMeasurement as _UnitOfMeasurement1, StepType as _StepType1, BulkStepData as _BulkStepData1, FrameData as _FrameData1, AspectType, GlobalPropertyConfigurationAspect, Theme as _Theme1, Animatable, AnyStepData, Asset, AssetType, BringForwardCommand, BringToFrontCommand, BringToBackCommand, BulkStepData, CanvasCommand, ColorDefinition, CommandContext, CommandState, CreateElementCommand, DeleteElementCommand, DigitalContentStepData, FontAlignmentCommand, FontColorCommand, FontSizeCommand, FontSourceCommand, FrameElement, FrameStepData, GroupCommand, ILayout, IllustrationElement, IllustrationStepData, ImageElement, LayoutData, LayoutElement, LayoutElementFactory, LayoutElementType, LayoutsState, MaterialStepData, ModelStepData, ModuleStepData, MoveCommand, OptionResource, PictureStepData, QuestionStepData, ResizeCommand, RotateCommand, SendBackwardsCommand, ShapeStepData, Step, StepAspect, StepAspectType, StepStorage, StepType, TextChangeCommand, TextStepData, TextboxElement, UnitOfMeasurement, VariantResource, Workflow, dataUrlFromExternalUrl, findElement, frameDataCache, generate, generateSVGWithUnknownColors, getAttributesFromArrayBuffer, getFrameData, getSvgElement, loadFontFromDataUrl, loadFontFromExternalUrl, patternImageDataCache, CreateLayoutCommand, rehydrateSerializedLayout, ColorProfileProps, WorkflowPanel, determineCorrectFontSizeAndLines, registerJSDOM, getAxisAlignedBoundingBox, Theme } from "@spiffcommerce/papyrus";
+import { ApolloClient } from "@apollo/client";
+import React, { ReactNode, Dispatch, FunctionComponent, RefObject, PointerEvent, KeyboardEvent } from "react";
+export const gatherVaryingStepAspects: (workflow: _Workflow1) => _StepAspect1[];
 /**
  * A renderable scene is a scene that can be displayed to the user. This is based on the workflow state.
  */
-interface RenderableScene {
+export interface RenderableScene {
     /**
      * The id of the scene.
      */
@@ -48,7 +23,7 @@ interface RenderableScene {
  * Information parsed froma workflow structure that is relevant
  * to a given scene.
  */
-interface WorkflowScene {
+export interface WorkflowScene {
     /**
      * A unique identifier for the scene.
      */
@@ -61,19 +36,18 @@ interface WorkflowScene {
      * Steps which can display to the user.
      * But may be conditionally hidden based on workflow logic
      */
-    renderableSteps: Step<AnyStepData>[];
+    renderableSteps: _Step1<_AnyStepData1>[];
     /**
      * Steps which don't display to the user.
      * Their behavior is always silent & executed in the background.
      */
-    silentSteps: Step<AnyStepData>[];
+    silentSteps: _Step1<_AnyStepData1>[];
 }
-
 /**
  * A queue promise is a container for a promise that can be
  * executed at a later time.
  */
-declare abstract class QueueablePromise {
+export abstract class QueueablePromise {
     readonly timestamp: number;
     abstract execute(): Promise<any>;
 }
@@ -82,10 +56,7 @@ declare abstract class QueueablePromise {
  * as quickly as possible in order. This is ideal in situations where a specific operation should be
  * applied in an ordered way while still making.
  */
-declare class PromiseQueue<T extends QueueablePromise> {
-    private queue;
-    private activePromise?;
-    private queueMaxSize;
+export class PromiseQueue<T extends QueueablePromise> {
     /**
      * Constructs a new promise queue.
      * @param queueMaxSize An optional maximum size, when the max size is hit.
@@ -110,13 +81,80 @@ declare class PromiseQueue<T extends QueueablePromise> {
      * in the promise being extended.
      */
     finalize(): Promise<void>;
-    /**
-     * Once called will recursively resolve the jobs in the
-     * queue until no more are available.
-     */
-    private dequeue;
 }
-
+/**
+ * A generic base class for custom errors that assigns the name
+ * of the error class automatically. All custom errors should extend this.
+ */
+declare abstract class CustomError extends Error {
+    constructor(message: any);
+}
+/**
+ * A custom class for categorising errors related to workflow configuration.
+ */
+declare abstract class ConfigurationError extends CustomError {
+    constructor(message: any);
+}
+/**
+ * Thrown when an option was expected but not found in the workflow configuration or
+ * the server returned a 404 for an option we expected.
+ */
+export class OptionNotFoundError extends ConfigurationError {
+    readonly optionId: string;
+    constructor(step: _Step1<_AnyStepData1>);
+}
+/**
+ * Thrown when a layout is not found for a given region entity. This
+ * can occur when panels are deleted from a workflow but steps are still relying
+ * on the layout being present.
+ */
+export class LayoutNotFoundError extends ConfigurationError {
+    readonly panelId: string;
+    constructor(region: Region);
+}
+/**
+ * Thrown when an asset is not found on a specific variant. This can occur when
+ * the asset wasn't configured in hub and the variant is loaded in a workflow.
+ */
+export class AssetNotFoundError extends ConfigurationError {
+    readonly variant: _VariantResource1;
+    constructor(variant: _VariantResource1);
+}
+/**
+ * Thrown when a resource is not found linked to a specific asset. This
+ * can occur when generation of a resource fails or hasn't completed. Or may be
+ * a sign of a misconfiguration.
+ */
+export class ResourceNotFoundError extends ConfigurationError {
+    readonly asset: _Asset1;
+    constructor(asset: _Asset1);
+}
+/**
+ * Thrown when configuration is missing when it was expected. More generic
+ * to cover remaining cases outside of the more specific ones such as options, variants & assets.
+ */
+export class MisconfigurationError extends ConfigurationError {
+    readonly step: _Step1<_AnyStepData1>;
+    constructor(step: _Step1<_AnyStepData1>, message: string);
+}
+/**
+ * A custom class for categorising errors related to implementation of core.
+ */
+declare abstract class ImplementationError extends CustomError {
+    constructor(message: any);
+}
+/**
+ * Thrown when we hit a case that we didn't expect to happen
+ */
+export class UnhandledBehaviorError extends ImplementationError {
+    constructor(message: string);
+}
+/**
+ * Thrown when we fail to parse something that we expected to be valid
+ */
+export class ParseError extends ImplementationError {
+    constructor(message: string);
+}
 /**
  * Bounds the offsets for an image to the box, preventing
  * the user from moving the image in a way that wouldn't be intended.
@@ -125,14 +163,8 @@ declare class PromiseQueue<T extends QueueablePromise> {
  * @param borderWidth The width of the border added by the cropper.
  * @param mustCover When true the image sgould be bounded in such a way that it covers the entire frame at all times.
  */
-declare function getBoundedOffsets(newOffsets: FrameOffsets, frameData: FrameData, imageData: PatternImageData, mustCover?: boolean): FrameOffsets;
-declare class FrameService {
-    private offsets;
-    private forceImageCover?;
-    private targetElements;
-    private imageData?;
-    private frameData?;
-    private readonly _debouncedUpdateFrameOffsets;
+export function getBoundedOffsets(newOffsets: FrameOffsets, frameData: FrameData, imageData: PatternImageData, mustCover?: boolean): FrameOffsets;
+export class FrameService {
     /**
      * The calculated minimum zoom value, per frame.
      */
@@ -141,10 +173,6 @@ declare class FrameService {
      * The calculated maximum zoom value. Note: This is calculated based on the first frame.
      */
     maxZoomScale: number[];
-    private onFrameDataChangeListeners;
-    private onZoomChangeListeners;
-    private workflowManager?;
-    private stepName?;
     constructor(forceImageCover?: boolean);
     /**
      * When we want to connect a workflow manager to the state of the image cropper we
@@ -209,33 +237,8 @@ declare class FrameService {
      * @param newListener
      */
     onZoom(newListener: (zoomValue: number[]) => void): void;
-    /**
-     * Updates the offsets of the frame
-     * @param newOffsets New offset object
-     * @param imageData The image data
-     * @param frameData The frame data
-     * @param targetElements A list of elements that need updating, by ID
-     * @param onComplete A callback when the operation is completed.
-     */
-    private updateFrameOffsets;
-    /**
-     * Determines limitations of zoom based on relative size of image and frame.
-     * @param imageData The image to include in calculations
-     * @param frameData The frame to include in calculations.
-     */
-    private recalculateZoomLimits;
-    private recalculateOffsets;
 }
-
 declare class Poller {
-    private pollingId;
-    private attempts;
-    private readonly interval;
-    private readonly maxAttempts;
-    private readonly predicate;
-    private readonly onSuccess;
-    private readonly onFailure;
-    private poll;
     /**
      * Constructs a new polling service.
      * @param predicate An async function that returns true when polling has returned a successful result.
@@ -246,7 +249,152 @@ declare class Poller {
      */
     constructor(predicate: () => Promise<boolean>, onSuccess: () => void, onFailure: () => void, interval?: number, maxAttempts?: number);
 }
-
+declare class Configuration {
+    constructor();
+    getServerUrl(): string;
+    getServicesApiUrl(): string;
+    getHubUrl(): string;
+    setServerUrl(serverUrl: string): void;
+    setServicesApiUrl(servicesApiUrl: string): void;
+    setHubUrl(hubUrl: string): void;
+    addServerUrlCallback(callback: () => void): void;
+}
+export const spiffCoreConfiguration: Configuration;
+export const shortenUrl: (longUrl: string) => Promise<string>;
+declare class DigitalContentStepService implements StepService<_DigitalContentStepData1> {
+    init(stepData: _Step1<_DigitalContentStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    regenerateQRCode(elements: RegionElement[], uploading: boolean, assetKey: string, url: string, workflowManager: WorkflowManager, stepData: _Step1<_DigitalContentStepData1>, setUrl: (finalUrl: string) => void, commandDispatcher: (command: _CanvasCommand1) => void, setIsRegenerating: (state: boolean) => void): Promise<void>;
+}
+export const digitalContentStepService: DigitalContentStepService;
+interface FrameCreateOpts {
+    stepName?: string;
+    frameData: FrameData;
+    disablePlaceholder?: boolean;
+    focalBlur?: boolean;
+    focalBlurStrength?: number;
+    focalBlurRadius?: number;
+    pattern?: any;
+}
+declare class FrameStepService implements StepService<_FrameStepData1> {
+    init(stepData: _Step1<_FrameStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    selectImage(stepData: _Step1<_FrameStepData1>, asset: _Asset1, workflowManager: WorkflowManager): void;
+    selectVariant(stepData: _Step1<_FrameStepData1>, variant: _VariantResource1 | undefined, elements: RegionElement[], workflowManager: WorkflowManager, setFrameIsUpdating?: (status: boolean) => void): Promise<void>;
+    getCreateElementCommand(id: string, region: Region, layout: _ILayout1, options: FrameCreateOpts): _CreateElementCommand1<_FrameElement1>;
+    loadPatternFromString(src: string, frameService: FrameService): Promise<void>;
+}
+export const frameStepService: FrameStepService;
+interface SVGCreateOpts {
+    stepName?: string;
+    src: string;
+    objectURL: string;
+    svg: {
+        svg: string;
+        colors: {
+            [key: string]: _ColorDefinition1;
+        };
+    };
+}
+declare class IllustrationStepService implements StepService<_IllustrationStepData1> {
+    getIllustrationBody(src: string): Promise<string>;
+    getCreateElementCommand(id: string, region: Region, layout: _ILayout1, options: SVGCreateOpts): _CreateElementCommand1<_IllustrationElement1>;
+    getColors(stepData: _Step1<_IllustrationStepData1>, workflowManager: WorkflowManager): {
+        [key: string]: _ColorDefinition1;
+    } | never[];
+    init(stepData: _Step1<_IllustrationStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    availableColors(stepData: _Step1<_IllustrationStepData1>, workflowManager: WorkflowManager): Promise<{
+        fill: string | undefined;
+        stroke: string | undefined;
+        variant: _VariantResource1;
+    }[] | undefined>;
+    changeColorsCommand(svg: string, illustrationWidth: number, illustrationHeight: number, elements: string[], newFills: Map<string, string>): Promise<_CanvasCommand1>;
+    changeColors(stepData: _Step1<_IllustrationStepData1>, elements: RegionElement[], workflowManager: WorkflowManager, getAllLayouts: () => _LayoutData1[], newFills: Map<string, string>): Promise<void>;
+    selectVariant(stepData: _Step1<_IllustrationStepData1>, variant: _VariantResource1, elements: RegionElement[], setIsUpdating: (isUpdating: boolean) => void, workflowManager: WorkflowManager): Promise<void>;
+}
+export const illustrationStepService: IllustrationStepService;
+declare class MaterialStepService implements StepService<_MaterialStepData1> {
+    init(stepData: _Step1<_MaterialStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<null | CommandWithFollowup>;
+    selectVariant(step: _Step1<_MaterialStepData1>, variant: _VariantResource1, workflowManager: WorkflowManager, setApplying: (status: boolean) => void): Promise<void>;
+}
+export const materialStepService: MaterialStepService;
+declare class ModelStepService implements StepService<_ModelStepData1> {
+    init(stepData: _Step1<_ModelStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    selectVariant(step: _Step1<_ModelStepData1>, variant: _VariantResource1, workflowManager: WorkflowManager, setApplying: (status: boolean) => void): Promise<void>;
+}
+export const modelStepService: ModelStepService;
+declare class ModuleStepService implements StepService<_ModuleStepData1> {
+    init(stepData: _Step1<_ModuleStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    changeText(stepData: _Step1<_ModuleStepData1>, input: string, workflowManager: WorkflowManager, error: string, setError: (e: string) => void): Promise<void>;
+}
+export const moduleStepService: ModuleStepService;
+declare class PictureStepService implements StepService<_PictureStepData1> {
+    init(stepData: _Step1<_PictureStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    selectVariant(stepData: _Step1<_PictureStepData1>, variant: _VariantResource1, workflowManager: WorkflowManager, setIsUpdating: (status: boolean) => void): Promise<void>;
+}
+export const pictureStepService: PictureStepService;
+declare class QuestionStepService implements StepService<_QuestionStepData1> {
+    init(stepData: _Step1<_QuestionStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    selectVariant(stepData: _Step1<_QuestionStepData1>, variantId: string, workflowManager: WorkflowManager): Promise<void>;
+}
+export const questionStepService: QuestionStepService;
+declare class ShapeStepService implements StepService<_ShapeStepData1> {
+    availableColours(stepData: _Step1<_ShapeStepData1>): Promise<{
+        fill: string | undefined;
+        stroke: string | undefined;
+        variant: _VariantResource1;
+    }[]>;
+    init(stepData: _Step1<_ShapeStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    selectVariant(stepData: _Step1<_ShapeStepData1>, colourOption: ColorOption, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
+}
+export const shapeStepService: ShapeStepService;
+type ToastCallback = (callbackOptions: {
+    toastMessage: null | string;
+    toastType: InformationMessageType | null;
+}) => void;
+declare class Toast {
+    constructor();
+    addToastCallback(callback: ToastCallback): void;
+    setLatestToast(errorMessage: null | string, errorType: InformationMessageType | null): void;
+}
+export const toast: Toast;
+interface TextFillSpotColor {
+    profileName: string;
+    namedColor: string;
+}
+interface TextUpdateResult {
+    command?: _GroupCommand1;
+    helperText: string;
+    errors: TextError[];
+}
+interface TextError {
+    localizationKey: string;
+}
+declare class TextStepService implements StepService<_TextStepData1> {
+    init(stepData: _Step1<_TextStepData1>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<CommandWithFollowup | null>;
+    findLayoutElements(workflowManager: WorkflowManager, step: _Step1<_TextStepData1>): _TextboxElement1[];
+    /**
+     * Get the colors that can be used for a given text step.
+     * @param stepData The text step to get colors for.
+     * @returns A list of color objects containg fill, stroke and variant if available.
+     */
+    availableFillColors(stepData: _Step1<_TextStepData1>): ColorOption[];
+    changeFillColor(stepData: _Step1<_TextStepData1>, newColor: ColorOption, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
+    availableFillImages(stepData: _Step1<_TextStepData1>): Promise<TextFillImage[]>;
+    changeFillImage(stepData: _Step1<_TextStepData1>, fillImage: TextFillImage, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
+    /**
+     * Given an element and a string, filters any characters from the string that are
+     * not supported by the font of the given element.
+     * @param text The text string to filter.
+     * @param fontData An optional fontData object, when provided, we use the font table to determine glyphs that aren't provided and additionally strip these out also.
+     * @returns A new string representing the passed string with unsupported characters removed.
+     */
+    filterUnsupportedCharacters: (text: string, fontData?: FontData) => string;
+    getProcessedInput(input: string, stepData: _TextStepData1, customiseAllText: boolean): string;
+    updateInputText(input: string, elements: _TextboxElement1[], step: _Step1<_TextStepData1>, workflowManager: WorkflowManager): TextUpdateResult;
+    selectVariant(step: _Step1<_TextStepData1>, variant: _VariantResource1, workflowManager: WorkflowManager, setError: (status: boolean) => void, setHelperText: (text: string) => void): Promise<void>;
+    textAlign: (stepData: _TextStepData1) => string;
+    createTextFillSpotColor(colorOption: _OptionResource1, variant: _VariantResource1): TextFillSpotColor | undefined;
+}
+export const textStepService: TextStepService;
 declare abstract class ModuleProduct {
     /**
      * Name used by class. Usually product or brand name.
@@ -261,37 +409,36 @@ declare abstract class ModuleProduct {
      */
     abstract svgPrint(text: string, region: Region): string;
 }
-
-interface EditedSteps {
+export interface EditedSteps {
     [stepName: string]: boolean;
 }
-interface MandatorySteps {
+export interface MandatorySteps {
     [stepName: string]: boolean;
 }
-type StepElements = {
+export type StepElements = {
     [key: string]: RegionElement[];
 };
 type StepInitialised = {
     [key: string]: boolean;
 };
 type StepMetadata = FrameMetadata | IllustrationMetadata | ModuleMetadata | TextMetadata;
-interface WorkflowStorage {
-    [stepName: string]: StepStorage;
+export interface WorkflowStorage {
+    [stepName: string]: _StepStorage1;
 }
-interface WorkflowMetadata {
+export interface WorkflowMetadata {
     [stepName: string]: StepMetadata;
 }
-interface WorkflowSelections {
+export interface WorkflowSelections {
     [stepName: string]: {
-        selections: VariantResource[];
+        selections: _VariantResource1[];
     };
 }
-interface InformationResult {
+export interface InformationResult {
     message: string;
     messageType: InformationMessageType;
     stepID: string;
 }
-declare enum InformationMessageType {
+export enum InformationMessageType {
     Error = "Error",
     Warning = "Warning",
     Info = "Info"
@@ -303,7 +450,7 @@ interface StepSpecificServices {
     frameService?: FrameService;
     module?: ModuleProduct;
 }
-type DesignCreationProgressUpdate = (message: string) => void;
+export type DesignCreationProgressUpdate = (message: string) => void;
 type ConfirmCallback = (isConfirmed: boolean) => void;
 type EditedCallback = (editedSteps: EditedSteps) => void;
 type ElementsCallback = (elements: StepElements) => void;
@@ -318,11 +465,11 @@ type SelectionCallback = (callbackOptions: {
     selections: StepSelections;
     traversableScenes: WorkflowScene[];
 }) => void;
-type StepSpecificStorageCallback = (selections: StepStorage) => void;
+type StepSpecificStorageCallback = (selections: _StepStorage1) => void;
 type StorageCallback = (storage: WorkflowStorage) => void;
 type CurrentVariationRecordCallback = (variationRecord: null | VariationRecord) => void;
 type VariationRecordsCallback = (records: VariationRecord[]) => void;
-interface WorkflowManager {
+export interface WorkflowManager {
     addPoller: (poller: Poller) => void;
     addConfirmCallback: (callback: ConfirmCallback) => void;
     addCurrentVariationCallback: (callback: CurrentVariationRecordCallback) => void;
@@ -338,11 +485,11 @@ interface WorkflowManager {
     addStorageCallback: (callback: StorageCallback) => void;
     addVariationRecord: (variationRecord: Omit<VariationRecord, "recordNumber">) => VariationRecord;
     addVariationRecordsCallback: (callback: VariationRecordsCallback) => void;
-    getCommandDispatcher: () => (command: CanvasCommand) => void;
+    getCommandDispatcher: () => (command: _CanvasCommand1) => void;
     getCurrentVariationRecord: () => VariationRecord | undefined;
     getVariationRecords: () => VariationRecord[];
-    getCommandContext: () => CommandContext;
-    getLayouts: () => ILayout[];
+    getCommandContext: () => _CommandContext1;
+    getLayouts: () => _ILayout1[];
     getAllLayoutData: () => LayoutState[];
     getLayoutPreviewService: () => any | undefined;
     getPreviewService: () => any | undefined;
@@ -350,7 +497,7 @@ interface WorkflowManager {
     getRegionElements: (stepName: string) => RegionElement[];
     getSerializedStep: (stepName: string, serializedSteps: SerializableStep[]) => SerializableStep | undefined;
     getStepSpecificServices: (stepName: string) => StepSpecificServices | undefined;
-    getStepStorage: (stepName: string) => StepStorage | undefined;
+    getStepStorage: (stepName: string) => _StepStorage1 | undefined;
     getMetadata: (stepName: string) => StepMetadata | undefined;
     getWorkflowMetadata: () => WorkflowMetadata;
     getInformationResults(): InformationResult[];
@@ -363,7 +510,7 @@ interface WorkflowManager {
     setTransactionCustomerDetails: (details: {
         email: string;
     }) => void;
-    getWorkflow: () => Workflow;
+    getWorkflow: () => _Workflow1;
     getWorkflowSelections: () => WorkflowSelections;
     getProduct: () => Product;
     /**
@@ -389,15 +536,15 @@ interface WorkflowManager {
     setEditedStatus: (stepName: string, status: boolean) => void;
     setInformationResults: (results: InformationResult[]) => void;
     setMandatoryFulfilled: (stepName: string, status: boolean) => void;
-    setSelectionsAndElements: (stepName: string, variants: VariantResource[], elements: RegionElement[], callback?: () => Promise<void>) => Promise<void>;
+    setSelectionsAndElements: (stepName: string, variants: _VariantResource1[], elements: RegionElement[], callback?: () => Promise<void>) => Promise<void>;
     setVariationRecords: (variationRecords: VariationRecord[]) => void;
     toggleDesignConfirmed: () => void;
     updateMetadata: (stepName: string, update: any) => void;
     /**
      * @deprecated State updates are being pulled internally. This function will be removed in the future.
      */
-    updateStateWithServerImmediate: (getReducerState: () => CommandState) => Promise<void>;
-    updateStorage: (stepName: string, update: StepStorage) => Promise<void>;
+    updateStateWithServerImmediate: (getReducerState: () => _CommandState1) => Promise<void>;
+    updateStorage: (stepName: string, update: _StepStorage1) => Promise<void>;
     getModelContainer: () => any | undefined;
     setModelContainer: (container: any) => void;
     /**
@@ -407,16 +554,15 @@ interface WorkflowManager {
      */
     injectIntoPreviewService(previewService: any): Promise<void>;
     /**
-     * Ejects the model of this product from the preview service.
+     * Ejects the model of this product from the preview service. This also sets the internal preview service to undefined.
      */
     ejectFromPreviewService(): void;
 }
-
-interface StepService<T extends AnyStepData> {
+interface StepService<T extends _AnyStepData1> {
     /**
      * Initialize the given step, or reload from serialized data if present.
      */
-    init(stepData: Step<T>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<any>;
+    init(stepData: _Step1<T>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<any>;
 }
 interface FileInfo {
     /**
@@ -433,7 +579,7 @@ interface FileInfo {
  * A command along with a function to run afterwards.
  */
 interface CommandWithFollowup {
-    command?: CanvasCommand;
+    command?: _CanvasCommand1;
     followup?: () => Promise<void>;
 }
 /**
@@ -452,7 +598,7 @@ interface ExportedData {
         priceModifier: number;
     };
 }
-interface DesignCreationMessage {
+export interface DesignCreationMessage {
     baseCost?: number;
     designProductId?: string;
     designProductVariantId?: string;
@@ -477,7 +623,7 @@ interface DesignCreationMessage {
 /**
  * Represents a transaction.
  */
-interface Transaction {
+export interface Transaction {
     /**
      * A unique identifier for this transaction. Useful for reloading and
      * modifying state of the transaction.
@@ -723,18 +869,18 @@ interface ProductTag {
     id: string;
     name: string;
 }
-interface ColorOption {
+export interface ColorOption {
     id?: string;
     fill?: string;
     stroke?: string;
-    variant?: VariantResource;
+    variant?: _VariantResource1;
     colorProfileAssetKey?: string;
 }
 /**
  * Represents a variation as seen in Google sheets.
  * Record number = row# - 1
  */
-interface VariationRecord {
+export interface VariationRecord {
     recordNumber: number;
     transactionId: string;
     values: {
@@ -743,7 +889,7 @@ interface VariationRecord {
         value: string;
     }[];
 }
-interface RegionElement {
+export interface RegionElement {
     id: string;
     region?: Region;
 }
@@ -761,10 +907,10 @@ interface TextMetadata {
     text: string;
     fillImage?: string;
 }
-interface SelectionStorage {
-    selectedVariants?: VariantResource[];
+export interface SelectionStorage {
+    selectedVariants?: _VariantResource1[];
 }
-interface TextStepStorage extends SelectionStorage {
+export interface TextStepStorage extends SelectionStorage {
     color?: string;
     defaultCleared?: boolean;
     inputText?: string;
@@ -792,7 +938,7 @@ interface FrameData {
  * Defines the different behaviors supported by the camera system
  * for control when viewing a product.
  */
-declare enum ProductCameraRig {
+export enum ProductCameraRig {
     Orbit = 0,
     Pan = 1
 }
@@ -800,7 +946,7 @@ declare enum ProductCameraRig {
  * Defines the different strategies to use when calculating the total price
  * when creating bulk designs.
  */
-declare enum BulkPriceCalculationStrategy {
+export enum BulkPriceCalculationStrategy {
     /** The total price should increase with the amount of variations. */
     PerVariation = "PerVariation",
     /** The total price should remain at the base price of the product. */
@@ -819,7 +965,7 @@ interface BulkConfiguration {
 /**
  * Defines the locations at which a conversion attempt can take place.
  */
-declare enum ConversionLocation {
+export enum ConversionLocation {
     /**
      * The client should expose a flow for allowing the user to optionally input details at any point.
      */
@@ -840,20 +986,20 @@ declare enum ConversionLocation {
 /**
  * The data configured to be requested.
  */
-declare enum ConversionDataType {
+export enum ConversionDataType {
     Email = "Email",
     FirstName = "FirstName",
     LastName = "LastName",
     Phone = "Phone"
 }
-interface ConversionData {
+export interface ConversionData {
     type: ConversionDataType;
     mandatory: boolean;
 }
 /**
  * The configuration for conversion, exposed on products currently.
  */
-interface ConversionConfiguration {
+export interface ConversionConfiguration {
     id: string;
     name?: string;
     locations: ConversionLocation[];
@@ -864,7 +1010,7 @@ interface ConversionConfiguration {
 /**
  * Someone who has used a workflow experience and entered their contact details.
  */
-interface Customer {
+export interface Customer {
     id?: string;
     emailAddress: string;
     firstName?: string;
@@ -875,25 +1021,25 @@ interface Customer {
     stakeholders?: Stakeholder[];
     bundleStakeholders?: BundleStakeholder[];
 }
-interface CustomerDetailsInput {
+export interface CustomerDetailsInput {
     emailAddress: string;
     firstName?: string;
     lastName?: string;
     phoneNumber?: string;
 }
-declare enum StakeholderType {
+export enum StakeholderType {
     Owner = "Owner",
     Approver = "Approver",
     Editor = "Editor",
     Viewer = "Viewer"
 }
-interface Stakeholder {
+export interface Stakeholder {
     id: string;
     type?: StakeholderType;
     transaction?: Transaction;
     customer?: Customer;
 }
-interface Bundle$1 {
+interface Bundle {
     id?: string;
     bundleOwnerId?: string;
     bundleStakeholders?: BundleStakeholder[];
@@ -908,7 +1054,7 @@ interface Bundle$1 {
 }
 interface BundleStakeholder {
     id: string;
-    bundle?: Bundle$1;
+    bundle?: Bundle;
     customer?: Customer;
     type?: StakeholderType;
 }
@@ -930,7 +1076,41 @@ type GlobalPropertyStateAspect = {
     name: string;
     value: string;
 };
-
+interface StorageService {
+    /**
+     * Get a value.
+     * @param key The key to lookup the value with.
+     */
+    get(key: string): string | undefined;
+    /**
+     * Set a value.
+     * @param key The key to set.
+     * @param val The new value.
+     */
+    set(key: string, val: string): void;
+    /**
+     * Remove a value.
+     * @param key The key to remove, does nothing if the key doesn't exist.
+     */
+    remove(key: string): void;
+    /**
+     * Get a map from persistence.
+     * @param key The key to search by.
+     */
+    getMap<K = any, V = any>(key: string): Map<K, V> | undefined;
+    /**
+     * St a map into persistence.
+     * @param key The key to set the map at.
+     * @param val The map to set.
+     */
+    setMap<K = any, V = any>(key: string, val: Map<K, V>): void;
+}
+export const persistenceService: StorageService;
+declare class GraphQlManager {
+    constructor();
+    getShadowGraphqlClient(): ApolloClient<any>;
+}
+export const graphQlManager: GraphQlManager;
 /**
  * An asset manager provides a way to create and
  * manage assets on the Spiff Commerce Platform.
@@ -939,15 +1119,13 @@ interface AssetManager {
     /**
      * Uploads a file to the Spiff Commerce Platform.
      */
-    uploadFile: (file: File, onProgress: (val: number) => void) => Promise<Asset>;
+    uploadFile: (file: File, onProgress: (val: number) => void) => Promise<_Asset1>;
 }
 declare class AssetService implements AssetManager {
-    private cache;
-    private materialCache;
     /**
      * Allows for retrieving an asset, returns the option from a cache if possible.
      */
-    getLocalOrFromServer(assetKey: string): Promise<Asset>;
+    getLocalOrFromServer(assetKey: string): Promise<_Asset1>;
     /**
      * Allows for retrieving amaterial, returns the option from a cache if possible.
      * @param id The option ID to be retrieved.
@@ -957,123 +1135,324 @@ declare class AssetService implements AssetManager {
      * Upload a user asset to the server. Using callbacks to notify important events.
      * The asset will be stored via the persistence service for future access, if available.
      */
-    uploadAssetWithProgress(file: FileInfo, assetType: AssetType, onProgress: (val: number) => void, anonymous?: boolean, temporary?: boolean): Promise<Asset>;
-    uploadFile(file: File, onProgress: (val: number) => void): Promise<Asset>;
+    uploadAssetWithProgress(file: FileInfo, assetType: _AssetType1, onProgress: (val: number) => void, anonymous?: boolean, temporary?: boolean): Promise<_Asset1>;
+    uploadFile(file: File, onProgress: (val: number) => void): Promise<_Asset1>;
     removePersistedAsset(assetKey: string): void;
     getPersistedAssets(): PersistedAsset[];
     /**
      * Convert a File object for an image into a FileInfo.
      */
     loadImageAsFileInfo: (file: File) => Promise<FileInfo>;
-    /**
-     * Handles mimeType resolution & asset creation request
-     * @param file A file info object containing data about the file and its name
-     * @param assetType The type of asset we're expecting to upload
-     */
-    private dispatchCreateAssetRequest;
-    private guessMIME;
 }
 interface PersistedAsset {
     assetKey: string;
     src: string;
 }
-declare const assetService: AssetService;
-
-interface StorageService {
-    /**
-     * Get a value.
-     * @param key The key to lookup the value with.
-     */
-    get(key: string): string | undefined;
-    /**
-     * Set a value.
-     * @param key The key to set.
-     * @param val The new value.
-     */
-    set(key: string, val: string): void;
-    /**
-     * Remove a value.
-     * @param key The key to remove, does nothing if the key doesn't exist.
-     */
-    remove(key: string): void;
+export const assetService: AssetService;
+declare class OptionService {
     /**
-     * Get a map from persistence.
-     * @param key The key to search by.
+     * Allows for retrieving an option, returns the option from a cache if possible.
+     * @param id The option ID to be retrieved.
      */
-    getMap<K = any, V = any>(key: string): Map<K, V> | undefined;
+    getOption(id: string): Promise<undefined | _OptionResource1>;
+    getAssetTileImageForVariant(variant: _VariantResource1): Promise<string>;
+    getDefaultVariant(option: _OptionResource1): _VariantResource1 | undefined;
+    getDisplayImageSource: (variant?: _VariantResource1) => undefined | string;
     /**
-     * St a map into persistence.
-     * @param key The key to set the map at.
-     * @param val The map to set.
+     * Returns the first variant marked as selected. This is used by most steps.
      */
-    setMap<K = any, V = any>(key: string, val: Map<K, V>): void;
+    getSelectedVariant: (option: _OptionResource1 | undefined, selectedVariantIds: string[]) => _VariantResource1 | undefined;
+}
+export const optionService: OptionService;
+export const CommandContextContext: import("react").Context<_CommandContext1>;
+export const useLayouts: () => {
+    commandDispatcher: (command: _CanvasCommand1, leaveOffUndoStack: boolean) => void;
+    getLayoutById: (id: string) => _LayoutData1;
+    getAllLayouts: () => _LayoutData1[];
+    getReducerState: () => _CommandState1;
+    lastUpdated: Date;
+    flattenSequence: (sequenceId: string, initialState: _LayoutsState1) => void;
+};
+export type CommandDispatcher = (command: _CanvasCommand1, leaveOffUndoStack: boolean) => void;
+export type LayoutGetter = (layoutId: string) => _LayoutData1;
+export type LayoutsGetter = () => _LayoutData1[];
+/**
+ * Details about a guideline that can be drawn on the canvas.
+ */
+interface SnapPoint {
+    type: "x" | "y" | "rotation";
+    value: number;
+    svgNode?: ReactNode;
+    anchorPoint: number;
+    guidelineCoordinates?: Point[];
+}
+export enum ElementEventType {
+    Translate = "Translate",
+    Rotate = "Rotate",
+    Resize = "Resize"
+}
+export enum KeyEvent {
+    ControlLeft = "ControlLeft",
+    ControlRight = "ControlRight",
+    Equal = "Equal",
+    MetaLeft = "MetaLeft",
+    MetaRight = "MetaRight",
+    Minus = "Minus",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    ArrowDown = "ArrowDown",
+    AltLeft = "AltLeft",
+    AltRight = "AltRight",
+    Delete = "Delete",
+    Backspace = "Backspace"
+}
+type ElementEvent = {
+    type: ElementEventType.Translate;
+} | {
+    type: ElementEventType.Rotate;
+} | {
+    type: ElementEventType.Resize;
+    relativeAxis: ScaleAxis;
+    screenAxis: ScaleAxis;
+};
+export enum EditorSubMenu {
+    None = "None",
+    FrameAdjustment = "FrameAdjustment",
+    Variations = "Variations",
+    FinalizeDesign = "FinalizeDesign",
+    SavedDesigns = "SavedDesigns",
+    ThreeDPreview = "ThreeDPreview",
+    Panels = "Panels"
+}
+interface UIState {
 }
-declare const persistenceService: StorageService;
-
 /**
- * A wrapping component that provides a simple interface for interacting with a variant.
+ * This context stores global state for
  */
-declare class Variant {
-    private readonly variantData;
-    constructor(variant: VariantResource);
-    getType(): AssetType | undefined;
+export interface AdvancedEditorState extends UIState {
     /**
-     * @returns The unique identifier for the variant.
+     * The layout currently being displayed in the editor.
      */
-    getId(): string;
+    layoutId: string;
     /**
-     * @returns The configured name of the variant. Generally a human readable value.
+     * Returns the id of the currently selected element. Or undefined if no element is selected.
      */
-    getName(): string;
+    selectedElement?: string;
     /**
-     * @returns The price modifier for this variant. This is the amount that will be added to the base price of the product.
+     * The current zoom level of the editor.
      */
-    getPriceFormatted(locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
+    zoom: number;
     /**
-     * @returns The price modifier for this variant. This is the amount that will be added to the base price of the product.
-     *          Presented in subunits of the currency of the option. For example, if the option is configured to use USD, the price modifier will be in cents.
+     * The current x translation of the transform for the canvas.
      */
-    getPrice(): number;
+    xTranslation: number;
     /**
-     * @returns The URL for the base asset resource configured on this variant
+     * The current y translation of the transform for the canvas.
      */
-    getAsset(): string | undefined;
+    yTranslation: number;
     /**
-     * @returns The URL for a thumbnail resource configured on this variant. When no thumbnail is configured explicitly we fall back to the base asset and see if a thumbnail is genererated for that.
+     * The maxiumum zoom possible based on current canvas content.
      */
-    getThumbnail(): string | undefined;
+    maxZoom: number;
     /**
-     * @returns The URL for the display image configured on this variant. Can be used for things like size charts.
+     * The current measurement system used for display of coordinates and dimensions.
      */
-    getDisplayImage(): string | undefined;
+    units: _UnitOfMeasurement1;
     /**
-     * @returns When this variant is configured to have a color, this will return the hex value for that color.
+     * The sub menu to be displayed to the user in place of the canvas.
      */
-    getColor(): string | undefined;
+    subMenu: EditorSubMenu;
     /**
-     * @returns True when the variant is the default for its containing option. False otherwise.
+     * Any modifier keys that are currently pressed
      */
-    isDefault(): boolean;
+    activeModifierKeys: KeyEvent[];
     /**
-     * @returns The underlying variant resource. Generally not needed but made available just incase.
+     * WHether or not a meta key is pressed.
      */
-    getResource(): VariantResource;
+    metaPressed: boolean;
     /**
-     * @returns True when the variant is enabled. False otherwise.
+     * Any active element event.
      */
-    isEnabled(): boolean;
+    elementEvent?: ElementEvent;
+    /**
+     * If movement should assume that it's operating in a scrolled environment.
+     * FIXME: Can we get rid of this somehow.
+     */
+    scrolledMovement: boolean;
+}
+export const getDefaultState: (getLayouts: LayoutsGetter, defaultZoom: number) => AdvancedEditorState;
+export const commandReducer: (state: AdvancedEditorState, command: UICommand) => AdvancedEditorState;
+export const AdvancedEditorContext: import("react").Context<{
+    uiDispatcher: Dispatch<UICommand>;
+    state: AdvancedEditorState;
+}>;
+export const AdvancedEditorStateProvider: FunctionComponent<{
+    defaultZoom?: number;
+    children: ReactNode;
+}>;
+export class UICommand {
+    constructor(changes: Partial<AdvancedEditorState>);
+    apply(state: AdvancedEditorState): {
+        layoutId: string;
+        selectedElement?: string | undefined;
+        zoom: number;
+        xTranslation: number;
+        yTranslation: number;
+        maxZoom: number;
+        units: _UnitOfMeasurement1;
+        subMenu: EditorSubMenu;
+        activeModifierKeys: KeyEvent[];
+        metaPressed: boolean;
+        elementEvent?: ElementEvent | undefined;
+        scrolledMovement: boolean;
+    };
+}
+export const useEditorState: () => {
+    uiDispatcher: Dispatch<UICommand>;
+    state: AdvancedEditorState;
+};
+/**
+ * The minimum zoom that can be applied to a canvas.
+ */
+export const minZoom = 0.5;
+export const useEditorInteraction: (editorRef: RefObject<SVGRectElement>, interactionRef: RefObject<HTMLDivElement>, zoomableElementRef: RefObject<HTMLDivElement>, defaultAdjustmentZoom: number | undefined, mode: "adjustment" | "advanced", canvasDispatcher: CommandDispatcher, breakpoint: string, guidelinePrimaryColor?: string, onSequenceComplete?: () => void) => {
+    guidelines: SnapPoint[];
+    scale: number;
+    zoomableElementRef: RefObject<HTMLDivElement>;
+    setElementEvent: (newEvent: ElementEvent | undefined) => void;
+    handleZoom: (_event: any, value: any) => void;
+    handleKeyDown: (event: KeyboardEvent, adjustmentBoundary?: Region) => void;
+    handleKeyUp: (event: KeyboardEvent) => void;
+    handlePointerPressedBackground: (event: PointerEvent) => void;
+    handlePointerReleased: () => void;
+    handlePointerMove: (event: PointerEvent, adjustmentBoundary?: Region) => void;
+    handleScroll: () => void;
+    handleSequenceStart: () => void;
+};
+export const useShortcutCombination: (shortcutKeys: string[], onCombinationPressed: () => void, onCombinationReleased?: () => void) => void;
+export interface DesignInputStep {
+    data: DesignInputStepData;
+    name: string;
+}
+interface DesignInputStepData {
+}
+export const generateCommands: (designInputSteps: DesignInputStep[], workflow: _Workflow1, layouts: _ILayout1[], productOverlayImageUrl?: string) => Promise<_CanvasCommand1[]>;
+export const EditorCore: FunctionComponent<{
+    isMobile: boolean;
+    color?: string;
+    outlineColor?: string;
+    editorRef: RefObject<SVGRectElement>;
+    zoomableElementRef: RefObject<HTMLDivElement>;
+    interactionElementRef: RefObject<HTMLDivElement>;
+    guidelines: SnapPoint[];
+    isMakingAdjustments?: boolean;
+    outlineArea?: {
+        x?: number;
+        y?: number;
+        height?: number;
+        width?: number;
+        hidden?: boolean;
+    };
+    visibleLayoutId: string;
+    xTranslation: number;
+    yTranslation: number;
+    targetedElements?: string[];
+    borderRadius?: number;
+    canvasFilter?: string;
+    handleContextMenu?: (e: any) => void;
+    onMouseMove?: (event: React.MouseEvent<SVGRectElement, MouseEvent>) => void;
+    onContextMenuHandlePointerDown?: (event: PointerEvent) => void;
+    handleKeyDown: (event: KeyboardEvent, adjustmentBoundary?: Region) => void;
+    handleKeyUp: (event: KeyboardEvent) => void;
+    handlePointerMove: (e: PointerEvent, adjustmentBoundary?: Region) => void;
+    handlePointerPressedBackground: (event: PointerEvent) => void;
+    handlePointerReleased: () => void;
+    handleScroll: () => void;
+    onSequenceStart: () => void;
+    setElementEvent: (e: ElementEvent | undefined) => void;
+    onElementSelected: (elementId: string | undefined, event: PointerEvent) => void;
+    variationRecord: null | VariationRecord;
+    workflow: _Workflow1;
+}>;
+/**
+ * The advanced editor encapsulates the logic required to allow users to manipulate a design
+ * with more granular control such as toolbars, direct element manipulation, and more.
+ */
+export const AdvancedEditor: FunctionComponent<{
+    borderRadius?: number;
+    canvasFilter?: string;
+    color?: string;
+    guidelineColor?: string;
+    handleContextMenu?: (event: React.MouseEvent) => void;
+    hideEditableAreaRect?: boolean;
+    isMobile: boolean;
+    onContextMenuHandlePointerDown?: (event: PointerEvent) => void;
+    onDragEnd?: () => void;
+    onElementSelected?: (id: string | undefined, element: PointerEvent) => void;
+    onMouseMove?: (event: React.MouseEvent<SVGRectElement, MouseEvent>) => void;
+    outlineColor?: string;
+    variationRecord: null | VariationRecord;
+    workflow: _Workflow1;
+}>;
+/**
+ * A wrapping component that provides a simple interface for interacting with a variant.
+ */
+export class Variant {
+    constructor(variant: _VariantResource1);
+    getType(): _AssetType1 | undefined;
+    /**
+     * @returns The unique identifier for the variant.
+     */
+    getId(): string;
+    /**
+     * @returns The configured name of the variant. Generally a human readable value.
+     */
+    getName(): string;
+    /**
+     * @returns The price modifier for this variant. This is the amount that will be added to the base price of the product.
+     */
+    getPriceFormatted(locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
+    /**
+     * @returns The price modifier for this variant. This is the amount that will be added to the base price of the product.
+     *          Presented in subunits of the currency of the option. For example, if the option is configured to use USD, the price modifier will be in cents.
+     */
+    getPrice(): number;
+    /**
+     * @returns The URL for the base asset resource configured on this variant
+     */
+    getAsset(): string | undefined;
+    /**
+     * @returns The URL for a thumbnail resource configured on this variant. When no thumbnail is configured explicitly we fall back to the base asset and see if a thumbnail is genererated for that.
+     */
+    getThumbnail(): string | undefined;
+    /**
+     * @returns The URL for the display image configured on this variant. Can be used for things like size charts.
+     */
+    getDisplayImage(): string | undefined;
+    /**
+     * @returns When this variant is configured to have a color, this will return the hex value for that color.
+     */
+    getColor(): string | undefined;
+    /**
+     * @returns True when the variant is the default for its containing option. False otherwise.
+     */
+    isDefault(): boolean;
+    /**
+     * @returns The underlying variant resource. Generally not needed but made available just incase.
+     */
+    getResource(): _VariantResource1;
+    /**
+     * @returns True when the variant is enabled. False otherwise.
+     */
+    isEnabled(): boolean;
 }
-
 /**
  * A StepHandle allows for managing the state of a specific step in a workflow. This class
  * abstracts away the complexities of dealing with a step directly and allows for using high level
  * concepts instead of dealing with the underlying data structures.
  */
-declare abstract class StepHandle<T extends AnyStepData> {
-    /**
-     * Stores whether or not the step is currently updating.
-     */
-    private static readonly updateState;
+export abstract class StepHandle<T extends _AnyStepData1> {
     /**
      * Access to the workflow manager this step is contained by.
      */
@@ -1081,8 +1460,8 @@ declare abstract class StepHandle<T extends AnyStepData> {
     /**
      * The step metadata, useful for determining logic based on configuration.
      */
-    protected readonly step: Step<T>;
-    constructor(manager: WorkflowManager, step: Step<T>);
+    protected readonly step: _Step1<T>;
+    constructor(manager: WorkflowManager, step: _Step1<T>);
     /**
      * Set the current update state of this step. All step handles pointing to this step will
      * see this value.
@@ -1127,11 +1506,11 @@ declare abstract class StepHandle<T extends AnyStepData> {
     /**
      * @returns The type of the step handle.
      */
-    getType(): StepType;
+    getType(): _StepType1;
     /**
      * @returns The underlying data for this step. Favor using the step handle methods instead of this.
      */
-    getRaw(): Step<T>;
+    getRaw(): _Step1<T>;
     /**
      * Fires any configured animations on the 3D preview for this step.
      * This includes camera & model animations. If the preview is unavailable
@@ -1139,9 +1518,169 @@ declare abstract class StepHandle<T extends AnyStepData> {
      */
     executeAnimations(): void;
 }
-
-declare const createDesign: (workflowManager: WorkflowManager, workflow: Workflow, layouts: ILayout[], getReducerState: () => CommandState, product: Product, transaction: Transaction, workflowSelections: WorkflowSelections, designName: string, onProgressUpdate: DesignCreationProgressUpdate, updateVariationRecords: (variationRecords: VariationRecord[]) => Promise<void>, variationRecords: VariationRecord[], createPreviewImage: (shouldRender3D?: boolean) => Promise<string>, workflowMetadata?: WorkflowMetadata) => Promise<DesignCreationMessage>;
-interface SavedDesign {
+export class BulkStepHandle extends StepHandle<_BulkStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_BulkStepData1>);
+    selectVariant(): Promise<void>;
+    setDesignName(designName: string): Promise<void>;
+    addVariationRecord(): VariationRecord;
+    updateBulkIsConnected(bulkIsConnected: boolean): void;
+    /**
+     * Opens the bulk source in a seperate tab. This bulk source could be a google sheet or a csv file.
+     */
+    openBulkSourceUrl(): void;
+    sendGoogleSheetLinkToEmail(email: string): Promise<void>;
+    /**
+     * Removes a variation from the bulk step.
+     * @param recordNumber The record number of the variation to remove.
+     */
+    deleteVariationRecord(recordNumber: number): void;
+    /**
+     * @returns The aspects of each step that are modifiable from the bulk handle. These are configured in the workflow.
+     */
+    getAspects(): import("@spiffcommerce/papyrus").StepAspect[];
+}
+export class IllustrationStepHandle extends StepHandle<_IllustrationStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_IllustrationStepData1>);
+    /**
+     * Allows for select a vector from the available vectors configured on this steps base option.
+     * @param variant The new vector variant to use for this step.
+     * @returns A promise that can be awaited to know when the new vector asset has been updated on the design.
+     */
+    selectVariant(variant: Variant): Promise<void>;
+    /**
+     * Get colors for the illustration.
+     * @returns A list of color definitions that are currently applied to the illustration.
+     */
+    getColors(): {
+        [key: string]: import("@spiffcommerce/papyrus").ColorDefinition;
+    } | undefined;
+    /**
+     * Set color for the illustration.
+     */
+    setColor(key: string, value: string): Promise<void>;
+    getColorOption(): Promise<import("@spiffcommerce/papyrus").OptionResource | undefined>;
+    getAvailableColors(): Promise<{
+        fill: string | undefined;
+        stroke: string | undefined;
+        variant: import("@spiffcommerce/papyrus").VariantResource;
+    }[] | undefined>;
+    hasVaryingSelection(): boolean | undefined;
+    hasVaryingColors(): boolean | undefined;
+    isColorPickerEnabled(): boolean | undefined;
+}
+export class MaterialStepHandle extends StepHandle<_MaterialStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_MaterialStepData1>);
+    selectVariant(variant: Variant): Promise<void>;
+}
+export class ModelStepHandle extends StepHandle<_ModelStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_ModelStepData1>);
+    selectVariant(variant: Variant): Promise<void>;
+}
+export class PictureStepHandle extends StepHandle<_PictureStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_PictureStepData1>);
+    /**
+     * Allows the user to select an image variant from the available variants configured on this steps base option.
+     * @param variant The new image variant to use.
+     * @returns A promise that can be awaited to ensure the new image asset has been updated on the design.
+     */
+    selectVariant(variant: Variant): Promise<void>;
+}
+export class QuestionStepHandle extends StepHandle<_QuestionStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_QuestionStepData1>);
+    selectVariant(variant: Variant): Promise<void>;
+    /**
+     * The way that this step expects to be rendered.
+     */
+    getDisplayType(): string | undefined;
+}
+export class ShapeStepHandle extends StepHandle<_ShapeStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_ShapeStepData1>);
+    selectVariant(variant: Variant): Promise<void>;
+    /**
+     * Sets the color of the shape.
+     * @param color The color option to use.
+     * @returns A promise resolving when the color has changed in the design.
+     * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
+     */
+    setColor(color: ColorOption): Promise<void>;
+    /**
+     * Get available colors for the shape.
+     * @returns A list of color definitions that are currently applied to the illustration.
+     */
+    getColors(): Promise<{
+        fill: string | undefined;
+        stroke: string | undefined;
+        variant: import("@spiffcommerce/papyrus").VariantResource;
+    }[]>;
+}
+interface TextChangeResult {
+    input: string;
+    helperText?: string;
+    errorText?: string;
+}
+export class TextStepHandle extends StepHandle<_TextStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_TextStepData1>);
+    /**
+     * Allows for select a font from the available fonts configured on this steps base option.
+     * @param variant The font variant to use.
+     */
+    selectVariant(variant: Variant): Promise<void>;
+    /**
+     * @returns A list of colors that can be used to fill the text.
+     */
+    getAvailableFillColors(): ColorOption[];
+    /**
+     * Changes the fill of text related to this step to the new fill value.
+     * @param fill A new fill value to use.
+     */
+    setFillColor(fill: ColorOption): Promise<void>;
+    /**
+     * Gets the color currently applied to the element.
+     */
+    getFillColor(): string;
+    getAvailableFillImages(): Promise<TextFillImage[]>;
+    setFillImage(fillImage: TextFillImage): Promise<void>;
+    getFillImage(): TextFillImage | undefined;
+    /**
+     * When true & the step has replaceable text configured the user will be
+     * abled to edit the entire text string including the non-replaceable text.
+     * @param shouldCustomizeAll When true the user can configure the entire text string.
+     */
+    setFullTextCustomization(shouldCustomizeAll: boolean): TextChangeResult;
+    /**
+     * Changes the text value of text related to this step to a new value.
+     * @param userInput Input from the user.
+     */
+    setText(userInput: string): TextChangeResult;
+    /**
+     * Gets the text currently applied to the elements of this step.
+     */
+    getText(): string;
+    isReplaceable(): boolean | undefined;
+    /**
+     * Inform the step that now is the time to
+     * clear default text if it should do so.
+     * Returns a text change rwsult if a clear occurred.
+     */
+    clearDefaultTextIfNecessary(): TextChangeResult | undefined;
+    hasVaryingText(): boolean | undefined;
+    hasVaryingColor(): boolean | undefined;
+    hasVaryingSelection(): boolean | undefined;
+    hasColorPicker(): boolean | undefined;
+    getRegions(): import("@spiffcommerce/papyrus").Region[];
+    /**
+     * Return the maximum characters allowed for
+     * this step, or undefined if there is no limit.
+     */
+    getCharacterLimit(): number | undefined;
+    /**
+     * Return the remaining amount of characters that
+     * the user is allowed to add, or undefined if there is no limit.
+     */
+    getCharactersRemaining(): number | undefined;
+}
+export const createDesign: (workflowManager: WorkflowManager, workflow: _Workflow1, layouts: _ILayout1[], getReducerState: () => _CommandState1, product: Product, transaction: Transaction, workflowSelections: WorkflowSelections, designName: string, onProgressUpdate: DesignCreationProgressUpdate, updateVariationRecords: (variationRecords: VariationRecord[]) => Promise<void>, variationRecords: VariationRecord[], createPreviewImage: (shouldRender3D?: boolean) => Promise<string>, workflowMetadata?: WorkflowMetadata) => Promise<DesignCreationMessage>;
+export interface SavedDesign {
     /**
      * The user's name for this saved design.
      */
@@ -1181,8 +1720,6 @@ interface SavedDesign {
  */
 declare class DesignService {
     readonly localPersistenceKey = "designTransactions";
-    private storageMethod;
-    private designSavedListeners;
     /**
      * @param func The function to call when a design is saved.
      */
@@ -1215,10 +1752,8 @@ declare class DesignService {
      * @param transactionId
      */
     removeDesign(transactionId: string): Promise<void>;
-    private setDesigns;
 }
-declare const designService: DesignService;
-
+export const designService: DesignService;
 /**
  * A scene is a collection of steps that can be used to group steps together.
  */
@@ -1241,7 +1776,7 @@ interface Scene {
  * provides a simplified interface for interacting with the workflow manager. You
  * should get an instance of this class from a Client you have constructed previously.
  */
-interface WorkflowExperience {
+export interface WorkflowExperience {
     /**
      * Returns the client that was responsible for spawning this experience.
      */
@@ -1266,7 +1801,7 @@ interface WorkflowExperience {
      * Returns the step matching a given name, undefined if not found.
      * @param id The id the step must match.
      */
-    getStepById(id: string): StepHandle<AnyStepData> | undefined;
+    getStepById(id: string): StepHandle<_AnyStepData1> | undefined;
     /**
      * Returns the bulk step, undefined if not found.
      */
@@ -1275,21 +1810,21 @@ interface WorkflowExperience {
      * Returns the step matching a given name, undefined if not found.
      * @param name The name the step must match.
      */
-    getStepByName(name: string): StepHandle<AnyStepData> | undefined;
+    getStepByName(name: string): StepHandle<_AnyStepData1> | undefined;
     /**
      * Returns all steps matching a specific type in the workflow. These steps
      * may be across multiple scenes and may or may not be active based on condition state.
      */
-    getStepsByType(type: StepType): StepHandle<AnyStepData>[];
+    getStepsByType(type: _StepType1): StepHandle<_AnyStepData1>[];
     /**
      * Returns all steps that are children of a given scene.
      * @param scene The scene you want the steps for.
      */
-    getStepsByScene(scene: Scene): StepHandle<AnyStepData>[];
+    getStepsByScene(scene: Scene): StepHandle<_AnyStepData1>[];
     /**
      * Returns all steps in the workflow that are currently active. Ordered by scene and appearance within their respective scenes.
      */
-    getSteps(): StepHandle<AnyStepData>[];
+    getSteps(): StepHandle<_AnyStepData1>[];
     /**
      * Returns a list of scenes that are configured in the workflow. Each scene
      * contains a list of steps. See getStepsByScene to access these.
@@ -1363,15 +1898,32 @@ interface WorkflowExperience {
         [key: string]: string;
     }>;
 }
-
+export enum FrameStep {
+    SelectFrame = "SelectFrame",
+    SelectImage = "SelectImage",
+    Position = "Position"
+}
+export class FrameStepHandle extends StepHandle<_FrameStepData1> {
+    constructor(manager: WorkflowManager, step: _Step1<_FrameStepData1>);
+    selectVariant(variant: Variant): Promise<void>;
+    onFrameDataChanged(callback: (frameData: _FrameData1[]) => void): void;
+    selectImage(asset: _Asset1): void;
+    getImageData(): PatternImageData | undefined;
+    getCurrentFrameStep(frameData: _FrameData1, uploading?: any, imageUploadComplete?: any, variants?: _VariantResource1[]): FrameStep;
+    getFrameService(): FrameService | undefined;
+    hasOverlayImageKey(): string | undefined;
+    hasOverlayImageUrl(): any;
+    hasVaryingUpload(): boolean | undefined;
+    hasVaryingSelection(): boolean | undefined;
+}
 /**
  * A GlobalPropertyHandle acts as an interface to global properties on our platform. Currently
  * bundles can return a handle for any global properties associated to the collection.
  */
 declare abstract class GlobalPropertyHandle {
-    protected readonly bundle: Bundle;
+    protected readonly bundle: _Bundle1;
     protected readonly property: GlobalPropertyConfigurationAspect;
-    constructor(bundle: Bundle, property: GlobalPropertyConfigurationAspect);
+    constructor(bundle: _Bundle1, property: GlobalPropertyConfigurationAspect);
     /**
      * @returns The name of the global property. This is the key used to store the property in the state.
      */
@@ -1401,19 +1953,17 @@ declare abstract class GlobalPropertyHandle {
      * Returns all steps that share this property.
      * @param targetExperiences Optionally filter the steps to only those in the given experiences.
      */
-    protected getSharedSteps(targetExperiences?: WorkflowExperience[]): StepHandle<_spiffcommerce_papyrus.AnyStepData>[];
+    protected getSharedSteps(targetExperiences?: WorkflowExperience[]): import("stepHandles").StepHandle<import("index").AnyStepData>[];
 }
-
 interface GlobalPropertyStateManager {
     getGlobalPropertyState(): GlobalPropertyState | undefined;
     getAspect(name: string): string | undefined;
     setAspect(name: string, value: string): Promise<void>;
 }
-
 /**
  * A bundle serves as a container for a set of workflow experience.
  */
-interface Bundle {
+interface _Bundle1 {
     /**
      * @returns The client that this bundle is associated with.
      */
@@ -1530,9 +2080,27 @@ interface Bundle {
      * Remove a previously added event listener from this bundle.
      */
     removeEventListener(event: BundleEvent, listener: () => void): void;
+    /**
+     * Retrieves the current preview service for this bundle, if one exists.
+     * If a preview service was specified when calling client.getExistingBundle, this will return that service.
+     * Call `setPreviewService` to update the preview service for this bundle.
+     */
+    getPreviewService(): any | undefined;
+    /**
+     * Set the preview service for this bundle. This will update the preview service for all workflow experiences in this bundle, and will
+     * also automatically inject the preview service into any new workflow experiences that are added to this bundle.
+     * If this method is called with no arguments or undefined, the preview service will be removed from this bundle.
+     * @param previewService The preview service to use for this bundle.
+     * @returns A promise that resolves when the preview service has been updated for all workflow experiences in this bundle.
+     */
+    setPreviewService(previewService?: any): Promise<void>;
+    /**
+     * Returns a promise that resolves when the bundle has been initialized.
+     * This will resolve immediately if the bundle has no experiences, or if the bundle has already been initialized.
+     */
+    getInitializationPromise(): Promise<void>;
 }
 type BundleEvent = "conditional-global-properties-changed";
-
 interface ExecutionResponse {
     id: string;
     completedAt?: string;
@@ -1558,7 +2126,7 @@ declare abstract class FlowExecutionInput {
 /**
  * Represents the type of object being referenced by the input.
  */
-declare const enum ObjectInputType {
+export const enum ObjectInputType {
     Transaction = "Transaction",
     Bundle = "Bundle",
     Product = "Product",
@@ -1570,18 +2138,17 @@ declare const enum ObjectInputType {
 /**
  * Handles validation of spiffObject structure for transmission to the server.
  */
-declare class ObjectInput extends FlowExecutionInput {
+export class ObjectInput extends FlowExecutionInput {
     constructor(id: string, type: ObjectInputType);
     static validUUID(uuid: string): RegExpMatchArray | null;
 }
 /**
  * Handles validation of text input for transmission to the server.
  */
-declare class TextInput extends FlowExecutionInput {
+export class TextInput extends FlowExecutionInput {
     constructor(id: string);
 }
-
-declare const getWorkflow: (id: string) => Promise<Workflow>;
+export const getWorkflow: (id: string) => Promise<_Workflow1>;
 /**
  * Options that can be used during instantiation of the SpiffCommerce Javascript Client.
  * Please refer to the documentation for more information.
@@ -1635,21 +2202,12 @@ interface GetWorkflowFromExternalProductOptions extends GetWorkflowOptionsBase {
     bulk?: boolean;
     type: "external";
 }
-type GetWorkflowOptions = GetWorkflowFromTransactionOptions | GetWorkflowFromIntegrationProductOptions | GetWorkflowFromExternalProductOptions;
+export type GetWorkflowOptions = GetWorkflowFromTransactionOptions | GetWorkflowFromIntegrationProductOptions | GetWorkflowFromExternalProductOptions;
 /**
  * The Spiff Commerce Javascript Client. Required for
  * creating workflow experiences.
  */
-declare class SpiffCommerceClient {
-    private options;
-    private initialized;
-    private currencyCode?;
-    private customer?;
-    /**
-     * @deprecated This object is passed to the WorkflowExperience constructor and is no longer needed on this object.
-     * Any functionality referencing this object will be removed in a future release.
-     */
-    private experienceOptions?;
+export class SpiffCommerceClient {
     constructor(options: ClientOptions);
     /**
      * @returns The asset manager allows for common operations related to assets
@@ -1682,7 +2240,7 @@ declare class SpiffCommerceClient {
         transactionReadOnly?: boolean;
         stakeholderType?: StakeholderType;
         success: boolean;
-        theme?: Theme;
+        theme?: _Theme1;
     }>;
     clearCustomer(): void;
     clearCustomerForTransaction(transactionId: string): void;
@@ -1691,7 +2249,6 @@ declare class SpiffCommerceClient {
         customer: Customer;
         isAuthenticated: boolean;
     }>;
-    private authenticateCustomerId;
     /**
      * Generates a verification code for the given email address.
      * @param emailAddress The email address to generate a verification code for. The user will be sent an email with the verification code.
@@ -1708,12 +2265,14 @@ declare class SpiffCommerceClient {
      * @param collectionId Optional: The id of the product collection that the bundle can use.
      * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
      */
-    getNewBundle(collectionId?: string): Promise<Bundle>;
+    getNewBundle(collectionId?: string): Promise<_Bundle1>;
     /**
      * Retrieves an existing bundle from the API, by id.
+     * @param bundleId The id of the bundle to retrieve.
+     * @param previewService Optional: A reference to an existing preview service to use. This can be assigned manually later.
      * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
      */
-    getExistingBundle(bundleId: string, previewServiceConstructor?: (workflow: Workflow, transactionId: string) => any): Promise<Bundle>;
+    getExistingBundle(bundleId: string, previewService?: any): Promise<_Bundle1>;
     /**
      * Retrieves all existing bundle stakeholders from the API, for the currently authenticated customer.
      * @returns An array of bundle stakeholders.
@@ -1727,7 +2286,7 @@ declare class SpiffCommerceClient {
      * @param options Options to configure loading the transaction and workflow.
      * @returns A workflow experience configured as requested.
      */
-    getWorkflowExperience(workflowId?: string, workflowState?: string, previewServiceConstructor?: (workflow: Workflow) => any, options?: GetWorkflowOptions): Promise<WorkflowExperience>;
+    getWorkflowExperience(workflowId?: string, workflowState?: string, previewServiceConstructor?: (workflow: _Workflow1) => any, options?: GetWorkflowOptions): Promise<WorkflowExperience>;
     /**
      * Initialize the client from an integration product.
      * @param integrationProductId The integration product to use.
@@ -1741,10 +2300,6 @@ declare class SpiffCommerceClient {
      * @deprecated Use getWorkflowExperience to initialize the experience.
      */
     initFromTransaction(transactionId: string, readOnly?: boolean): Promise<void>;
-    /**
-     * @deprecated Remove when the initFrom functions are removed.
-     */
-    private getWorkflowExperienceDeprecated;
     /**
      * @deprecated The value this returns will be changed whenever `getWorkflowExperience()` is called. Use `workflowExperience.getWorkflowManager().getPreviewService()` instead.
      * @returns The preview service that was provided during construction.
@@ -1754,256 +2309,26 @@ declare class SpiffCommerceClient {
      * @deprecated The value this returns will be changed whenever `getWorkflowExperience()` is called. Use `WorkflowManager.getProduct()` instead.
      * @returns The product associated with this client.
      */
-    getProduct(): Product;
+    getProduct(): import("types").Product;
     /**
      * @deprecated The value this returns will be changed whenever `getWorkflowExperience()` is called. Use `WorkflowManager.getTransaction()` instead.
      * @returns The transaction associated with this client.
      */
     getTransaction(): Transaction;
-    /**
-     * A function used to synchronize transaction state with the server.
-     * @param options New state details. To be spread into the query.
-     * @returns
-     */
-    private updateTransactionState;
-}
-
-declare class Configuration {
-    private readonly defaultServerUrl;
-    private readonly defaultServicesApiUrl;
-    private readonly defaultHubUrl;
-    private serverUrl;
-    private servicesApiUrl;
-    private hubUrl;
-    private serverUrlCallbacks;
-    constructor();
-    getServerUrl(): string;
-    getServicesApiUrl(): string;
-    getHubUrl(): string;
-    setServerUrl(serverUrl: string): void;
-    setServicesApiUrl(servicesApiUrl: string): void;
-    setHubUrl(hubUrl: string): void;
-    addServerUrlCallback(callback: () => void): void;
 }
-declare const spiffCoreConfiguration: Configuration;
-
-declare const gatherVaryingStepAspects: (workflow: Workflow) => StepAspect[];
-
-type ToastCallback = (callbackOptions: {
-    toastMessage: null | string;
-    toastType: InformationMessageType | null;
-}) => void;
-declare class Toast {
-    private latestToast;
-    private toastType;
-    private toastCallbacks;
-    constructor();
-    addToastCallback(callback: ToastCallback): void;
-    setLatestToast(errorMessage: null | string, errorType: InformationMessageType | null): void;
-    private onToastChange;
-}
-declare const toast: Toast;
-
-interface FrameCreateOpts {
-    stepName?: string;
-    frameData: FrameData;
-    disablePlaceholder?: boolean;
-    focalBlur?: boolean;
-    focalBlurStrength?: number;
-    focalBlurRadius?: number;
-    pattern?: any;
-}
-declare class FrameStepService implements StepService<FrameStepData> {
-    init(stepData: Step<FrameStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    selectImage(stepData: Step<FrameStepData>, asset: Asset, workflowManager: WorkflowManager): void;
-    selectVariant(stepData: Step<FrameStepData>, variant: VariantResource | undefined, elements: RegionElement[], workflowManager: WorkflowManager, setFrameIsUpdating?: (status: boolean) => void): Promise<void>;
-    getCreateElementCommand(id: string, region: Region, layout: ILayout, options: FrameCreateOpts): CreateElementCommand<FrameElement>;
-    loadPatternFromString(src: string, frameService: FrameService): Promise<void>;
-    private selectVariantCommand;
-    private frameSourceSvg;
-    /**
-     * Grab the source to be used for a frame from the variant or throw otherwise.
-     */
-    private patternSource;
-    private loadPatternFromAsset;
-}
-declare const frameStepService: FrameStepService;
-
-interface SVGCreateOpts {
-    stepName?: string;
-    src: string;
-    objectURL: string;
-    svg: {
-        svg: string;
-        colors: {
-            [key: string]: ColorDefinition;
-        };
-    };
-}
-declare class IllustrationStepService implements StepService<IllustrationStepData> {
-    getIllustrationBody(src: string): Promise<string>;
-    getCreateElementCommand(id: string, region: Region, layout: ILayout, options: SVGCreateOpts): CreateElementCommand<IllustrationElement>;
-    getColors(stepData: Step<IllustrationStepData>, workflowManager: WorkflowManager): never[] | {
-        [key: string]: ColorDefinition;
-    };
-    init(stepData: Step<IllustrationStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    availableColors(stepData: Step<IllustrationStepData>, workflowManager: WorkflowManager): Promise<{
-        fill: string | undefined;
-        stroke: string | undefined;
-        variant: VariantResource;
-    }[] | undefined>;
-    changeColorsCommand(svg: string, illustrationWidth: number, illustrationHeight: number, elements: string[], newFills: Map<string, string>): Promise<CanvasCommand>;
-    changeColors(stepData: Step<IllustrationStepData>, elements: RegionElement[], workflowManager: WorkflowManager, getAllLayouts: () => LayoutData[], newFills: Map<string, string>): Promise<void>;
-    selectVariant(stepData: Step<IllustrationStepData>, variant: VariantResource, elements: RegionElement[], setIsUpdating: (isUpdating: boolean) => void, workflowManager: WorkflowManager): Promise<void>;
-    private selectVariantCommand;
-}
-declare const illustrationStepService: IllustrationStepService;
-
-declare class MaterialStepService implements StepService<MaterialStepData> {
-    init(stepData: Step<MaterialStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<null | CommandWithFollowup>;
-    private reload;
-    selectVariant(step: Step<MaterialStepData>, variant: VariantResource, workflowManager: WorkflowManager, setApplying: (status: boolean) => void): Promise<void>;
-    private selectVariantLambda;
-}
-declare const materialStepService: MaterialStepService;
-
-declare class ModelStepService implements StepService<ModelStepData> {
-    init(stepData: Step<ModelStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    selectVariant(step: Step<ModelStepData>, variant: VariantResource, workflowManager: WorkflowManager, setApplying: (status: boolean) => void): Promise<void>;
-    private selectVariantLambda;
-}
-declare const modelStepService: ModelStepService;
-
-interface TextFillSpotColor {
-    profileName: string;
-    namedColor: string;
-}
-interface TextUpdateResult {
-    command?: GroupCommand;
-    helperText: string;
-    errors: TextError[];
-}
-interface TextError {
-    localizationKey: string;
-}
-declare class TextStepService implements StepService<TextStepData> {
-    private cachedColors;
-    init(stepData: Step<TextStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    findLayoutElements(workflowManager: WorkflowManager, step: Step<TextStepData>): TextboxElement[];
-    /**
-     * Get the colors that can be used for a given text step.
-     * @param stepData The text step to get colors for.
-     * @returns A list of color objects containg fill, stroke and variant if available.
-     */
-    availableFillColors(stepData: Step<TextStepData>): ColorOption[];
-    changeFillColor(stepData: Step<TextStepData>, newColor: ColorOption, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
-    availableFillImages(stepData: Step<TextStepData>): Promise<TextFillImage[]>;
-    changeFillImage(stepData: Step<TextStepData>, fillImage: TextFillImage, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
-    /**
-     * Given an element and a string, filters any characters from the string that are
-     * not supported by the font of the given element.
-     * @param text The text string to filter.
-     * @param fontData An optional fontData object, when provided, we use the font table to determine glyphs that aren't provided and additionally strip these out also.
-     * @returns A new string representing the passed string with unsupported characters removed.
-     */
-    filterUnsupportedCharacters: (text: string, fontData?: FontData) => string;
-    getProcessedInput(input: string, stepData: TextStepData, customiseAllText: boolean): string;
-    updateInputText(input: string, elements: TextboxElement[], step: Step<TextStepData>, workflowManager: WorkflowManager): TextUpdateResult;
-    selectVariant(step: Step<TextStepData>, variant: VariantResource, workflowManager: WorkflowManager, setError: (status: boolean) => void, setHelperText: (text: string) => void): Promise<void>;
-    textAlign: (stepData: TextStepData) => string;
-    createTextFillSpotColor(colorOption: OptionResource, variant: VariantResource): TextFillSpotColor | undefined;
-    private reload;
-    private getDefaultColorVariant;
-    private getDefaultColor;
-    private getDefaultImageFillVariant;
-    /**
-     * Validates a string of text based on step confoiguration.
-     * @param text The text to validate
-     * @param step The step providing configuration
-     * @param workflowManager Workflow manager for access to workflow state
-     * @returns A list of errors. Empty if the text passes validation.
-     */
-    private getErrorsForText;
-    private fontDataFromVariant;
-    private selectVariantCommand;
-    /**
-     * When a text step specifies replaceable text, the text input by the user will replace
-     * a specific token within a larger string of text specified in the step configuration. Otherwise
-     * this function will just return the text it's given when the feature is disabled.
-     */
-    private injectReplaceableText;
-    private createTextboxRegions;
-    private generateTextChangeCommandsForRegion;
-    /**
-     * @deprecated
-     */
-    private changeInputTextWithRegion;
-}
-declare const textStepService: TextStepService;
-
-declare class PictureStepService implements StepService<PictureStepData> {
-    init(stepData: Step<PictureStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    selectVariant(stepData: Step<PictureStepData>, variant: VariantResource, workflowManager: WorkflowManager, setIsUpdating: (status: boolean) => void): Promise<void>;
-    private selectVariantCommand;
-}
-declare const pictureStepService: PictureStepService;
-
-declare class QuestionStepService implements StepService<QuestionStepData> {
-    init(stepData: Step<QuestionStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    selectVariant(stepData: Step<QuestionStepData>, variantId: string, workflowManager: WorkflowManager): Promise<void>;
-    private selectVariantLambda;
-}
-declare const questionStepService: QuestionStepService;
-
-declare class ShapeStepService implements StepService<ShapeStepData> {
-    availableColours(stepData: Step<ShapeStepData>): Promise<{
-        fill: string | undefined;
-        stroke: string | undefined;
-        variant: VariantResource;
-    }[]>;
-    init(stepData: Step<ShapeStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    selectVariant(stepData: Step<ShapeStepData>, colourOption: ColorOption, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
-    private selectVariantCommand;
-}
-declare const shapeStepService: ShapeStepService;
-
-declare class ModuleStepService implements StepService<ModuleStepData> {
-    init(stepData: Step<ModuleStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    changeText(stepData: Step<ModuleStepData>, input: string, workflowManager: WorkflowManager, error: string, setError: (e: string) => void): Promise<void>;
-    private changeTextCommand;
-    private validateInput;
-}
-declare const moduleStepService: ModuleStepService;
-
-declare class DigitalContentStepService implements StepService<DigitalContentStepData> {
-    init(stepData: Step<DigitalContentStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
-    private reload;
-    regenerateQRCode(elements: RegionElement[], uploading: boolean, assetKey: string, url: string, workflowManager: WorkflowManager, stepData: Step<DigitalContentStepData>, setUrl: (finalUrl: string) => void, commandDispatcher: (command: CanvasCommand) => void, setIsRegenerating: (state: boolean) => void): Promise<void>;
-    private regionElements;
-    private command;
-}
-declare const digitalContentStepService: DigitalContentStepService;
-
-declare class MockWorkflowManager implements WorkflowManager {
+export class MockWorkflowManager implements WorkflowManager {
     getInitializationPromise(): Promise<void>;
     getProduct: () => Product;
     isInitialized(): boolean;
-    getCommandContext: () => CommandContext;
+    getCommandContext: () => _CommandContext1;
     getAllLayoutData: () => LayoutState[];
     getMetadata: (stepName: string) => StepMetadata | undefined;
     getWorkflowMetadata: () => WorkflowMetadata;
-    getStepStorage: (stepName: string) => StepStorage | undefined;
+    getStepStorage: (stepName: string) => _StepStorage1 | undefined;
     getInformationResults(): InformationResult[];
     getVariationRecords(): VariationRecord[];
     reset(): Promise<void>;
-    updateStateWithServer(_getReducerState: () => CommandState): void;
+    updateStateWithServer(_getReducerState: () => _CommandState1): void;
     addVariationRecord(_variationRecord: Omit<VariationRecord, "recordNumber">): {
         recordNumber: number;
         transactionId: string;
@@ -2012,7 +2337,7 @@ declare class MockWorkflowManager implements WorkflowManager {
     getCurrentVariationRecord(): undefined;
     removeVariationRecord(_recordNumber: number): never[];
     outstandingRequestsPromise(): Promise<void>;
-    updateStateWithServerImmediate(_getReducerState: () => CommandState): Promise<void>;
+    updateStateWithServerImmediate(_getReducerState: () => _CommandState1): Promise<void>;
     addPoller(_poller: Poller): void;
     addConfirmCallback(_callback: ConfirmCallback): void;
     addCurrentVariationCallback(_callback: CurrentVariationRecordCallback): void;
@@ -2027,7 +2352,7 @@ declare class MockWorkflowManager implements WorkflowManager {
     addStepSpecificStorageCallback(_callback: StepSpecificStorageCallback, _stepName: string): void;
     addStorageCallback(_callback: StorageCallback): void;
     addVariationRecordsCallback(_callback: VariationRecordsCallback): void;
-    getCommandDispatcher(): (_command: CanvasCommand) => void;
+    getCommandDispatcher(): (_command: _CanvasCommand1) => void;
     getLayouts(): never[];
     getLayoutPreviewService(): {
         getAll: () => Map<any, any>;
@@ -2065,288 +2390,17 @@ declare class MockWorkflowManager implements WorkflowManager {
     setEditedStatus(_stepName: string, _status: boolean): void;
     setInformationResults(_results: InformationResult[]): void;
     setMandatoryFulfilled(_stepName: string, _status: boolean): void;
-    setSelectionsAndElements(_stepName: string, _variants: VariantResource[], _elements: RegionElement[]): Promise<void>;
+    setSelectionsAndElements(_stepName: string, _variants: _VariantResource1[], _elements: RegionElement[]): Promise<void>;
     setVariationRecords(_variationRecords: VariationRecord[]): void;
     toggleDesignConfirmed(): void;
     updateMetadata(_stepName: string, _update: any): void;
-    updateStorage(_stepName: string, _update: StepStorage): Promise<void>;
+    updateStorage(_stepName: string, _update: _StepStorage1): Promise<void>;
     injectIntoPreviewService(_previewService: any): Promise<void>;
     ejectFromPreviewService(): void;
 }
+export const TransformWrapper: React.FunctionComponent;
+export { CommandContext };
+export { AssetType, BringForwardCommand, BringToFrontCommand, BringToBackCommand, CanvasCommand, CreateElementCommand, CreateLayoutCommand, DeleteElementCommand, FontAlignmentCommand, FontColorCommand, FontSizeCommand, FontSourceCommand, GroupCommand, LayoutElementFactory, LayoutElementType, MoveCommand, ResizeCommand, RotateCommand, SendBackwardsCommand, StepAspectType, StepType, TextChangeCommand, UnitOfMeasurement, dataUrlFromExternalUrl, findElement, frameDataCache, generate, getAxisAlignedBoundingBox, generateSVGWithUnknownColors, getAttributesFromArrayBuffer, rehydrateSerializedLayout, getFrameData, getSvgElement, loadFontFromDataUrl, loadFontFromExternalUrl, determineCorrectFontSizeAndLines, patternImageDataCache, registerJSDOM };
+export { Animatable, AnyStepData, Asset, BulkStepData, ColorProfileProps, ColorDefinition, CommandState, WorkflowPanel, DigitalContentStepData, FrameElement, FrameStepData, ILayout, IllustrationElement, IllustrationStepData, ImageElement, LayoutData, LayoutElement, LayoutsState, MaterialStepData, ModelStepData, ModuleStepData, OptionResource, PictureStepData, QuestionStepData, ShapeStepData, Step, StepAspect, StepStorage, TextStepData, TextboxElement, Theme, VariantResource, Workflow };
 
-interface DesignInputStep {
-    data: DesignInputStepData;
-    name: string;
-}
-interface DesignInputStepData {
-}
-
-declare const generateCommands: (designInputSteps: DesignInputStep[], workflow: Workflow, layouts: ILayout[], productOverlayImageUrl?: string) => Promise<CanvasCommand[]>;
-
-declare class IllustrationStepHandle extends StepHandle<IllustrationStepData> {
-    constructor(manager: WorkflowManager, step: Step<IllustrationStepData>);
-    /**
-     * Allows for select a vector from the available vectors configured on this steps base option.
-     * @param variant The new vector variant to use for this step.
-     * @returns A promise that can be awaited to know when the new vector asset has been updated on the design.
-     */
-    selectVariant(variant: Variant): Promise<void>;
-    /**
-     * Get colors for the illustration.
-     * @returns A list of color definitions that are currently applied to the illustration.
-     */
-    getColors(): {
-        [key: string]: _spiffcommerce_papyrus.ColorDefinition;
-    } | undefined;
-    /**
-     * Set color for the illustration.
-     */
-    setColor(key: string, value: string): Promise<void>;
-    getColorOption(): Promise<_spiffcommerce_papyrus.OptionResource | undefined>;
-    getAvailableColors(): Promise<{
-        fill: string | undefined;
-        stroke: string | undefined;
-        variant: _spiffcommerce_papyrus.VariantResource;
-    }[] | undefined>;
-    hasVaryingSelection(): boolean | undefined;
-    hasVaryingColors(): boolean | undefined;
-    isColorPickerEnabled(): boolean | undefined;
-}
-
-interface TextChangeResult {
-    input: string;
-    helperText?: string;
-    errorText?: string;
-}
-declare class TextStepHandle extends StepHandle<TextStepData> {
-    constructor(manager: WorkflowManager, step: Step<TextStepData>);
-    /**
-     * Allows for select a font from the available fonts configured on this steps base option.
-     * @param variant The font variant to use.
-     */
-    selectVariant(variant: Variant): Promise<void>;
-    /**
-     * @returns A list of colors that can be used to fill the text.
-     */
-    getAvailableFillColors(): ColorOption[];
-    /**
-     * Changes the fill of text related to this step to the new fill value.
-     * @param fill A new fill value to use.
-     */
-    setFillColor(fill: ColorOption): Promise<void>;
-    /**
-     * Gets the color currently applied to the element.
-     */
-    getFillColor(): string;
-    getAvailableFillImages(): Promise<TextFillImage[]>;
-    setFillImage(fillImage: TextFillImage): Promise<void>;
-    getFillImage(): TextFillImage | undefined;
-    /**
-     * When true & the step has replaceable text configured the user will be
-     * abled to edit the entire text string including the non-replaceable text.
-     * @param shouldCustomizeAll When true the user can configure the entire text string.
-     */
-    setFullTextCustomization(shouldCustomizeAll: boolean): TextChangeResult;
-    /**
-     * Changes the text value of text related to this step to a new value.
-     * @param userInput Input from the user.
-     */
-    setText(userInput: string): TextChangeResult;
-    /**
-     * Gets the text currently applied to the elements of this step.
-     */
-    getText(): string;
-    isReplaceable(): boolean | undefined;
-    /**
-     * Inform the step that now is the time to
-     * clear default text if it should do so.
-     * Returns a text change rwsult if a clear occurred.
-     */
-    clearDefaultTextIfNecessary(): TextChangeResult | undefined;
-    hasVaryingText(): boolean | undefined;
-    hasVaryingColor(): boolean | undefined;
-    hasVaryingSelection(): boolean | undefined;
-    hasColorPicker(): boolean | undefined;
-    getRegions(): _spiffcommerce_papyrus.Region[];
-    /**
-     * Return the maximum characters allowed for
-     * this step, or undefined if there is no limit.
-     */
-    getCharacterLimit(): number | undefined;
-    /**
-     * Return the remaining amount of characters that
-     * the user is allowed to add, or undefined if there is no limit.
-     */
-    getCharactersRemaining(): number | undefined;
-}
-
-declare class PictureStepHandle extends StepHandle<PictureStepData> {
-    constructor(manager: WorkflowManager, step: Step<PictureStepData>);
-    /**
-     * Allows the user to select an image variant from the available variants configured on this steps base option.
-     * @param variant The new image variant to use.
-     * @returns A promise that can be awaited to ensure the new image asset has been updated on the design.
-     */
-    selectVariant(variant: Variant): Promise<void>;
-}
-
-/**
- * A generic base class for custom errors that assigns the name
- * of the error class automatically. All custom errors should extend this.
- */
-declare abstract class CustomError extends Error {
-    constructor(message: any);
-}
-/**
- * A custom class for categorising errors related to workflow configuration.
- */
-declare abstract class ConfigurationError extends CustomError {
-    constructor(message: any);
-}
-/**
- * Thrown when an option was expected but not found in the workflow configuration or
- * the server returned a 404 for an option we expected.
- */
-declare class OptionNotFoundError extends ConfigurationError {
-    readonly optionId: string;
-    constructor(step: Step<AnyStepData>);
-}
-/**
- * Thrown when a layout is not found for a given region entity. This
- * can occur when panels are deleted from a workflow but steps are still relying
- * on the layout being present.
- */
-declare class LayoutNotFoundError extends ConfigurationError {
-    readonly panelId: string;
-    constructor(region: Region);
-}
-/**
- * Thrown when an asset is not found on a specific variant. This can occur when
- * the asset wasn't configured in hub and the variant is loaded in a workflow.
- */
-declare class AssetNotFoundError extends ConfigurationError {
-    readonly variant: VariantResource;
-    constructor(variant: VariantResource);
-}
-/**
- * Thrown when a resource is not found linked to a specific asset. This
- * can occur when generation of a resource fails or hasn't completed. Or may be
- * a sign of a misconfiguration.
- */
-declare class ResourceNotFoundError extends ConfigurationError {
-    readonly asset: Asset;
-    constructor(asset: Asset);
-}
-/**
- * Thrown when configuration is missing when it was expected. More generic
- * to cover remaining cases outside of the more specific ones such as options, variants & assets.
- */
-declare class MisconfigurationError extends ConfigurationError {
-    readonly step: Step<AnyStepData>;
-    constructor(step: Step<AnyStepData>, message: string);
-}
-/**
- * A custom class for categorising errors related to implementation of core.
- */
-declare abstract class ImplementationError extends CustomError {
-    constructor(message: any);
-}
-/**
- * Thrown when we hit a case that we didn't expect to happen
- */
-declare class UnhandledBehaviorError extends ImplementationError {
-    constructor(message: string);
-}
-/**
- * Thrown when we fail to parse something that we expected to be valid
- */
-declare class ParseError extends ImplementationError {
-    constructor(message: string);
-}
-
-declare class ModelStepHandle extends StepHandle<ModelStepData> {
-    constructor(manager: WorkflowManager, step: Step<ModelStepData>);
-    selectVariant(variant: Variant): Promise<void>;
-}
-
-declare enum FrameStep {
-    SelectFrame = "SelectFrame",
-    SelectImage = "SelectImage",
-    Position = "Position"
-}
-declare class FrameStepHandle extends StepHandle<FrameStepData> {
-    constructor(manager: WorkflowManager, step: Step<FrameStepData>);
-    private frameService;
-    selectVariant(variant: Variant): Promise<void>;
-    onFrameDataChanged(callback: (frameData: FrameData$1[]) => void): void;
-    selectImage(asset: Asset): void;
-    getImageData(): PatternImageData | undefined;
-    getCurrentFrameStep(frameData: FrameData$1, uploading?: any, imageUploadComplete?: any, variants?: VariantResource[]): FrameStep;
-    getFrameService(): FrameService | undefined;
-    hasOverlayImageKey(): string | undefined;
-    hasOverlayImageUrl(): any;
-    hasVaryingUpload(): boolean | undefined;
-    hasVaryingSelection(): boolean | undefined;
-}
-
-declare class MaterialStepHandle extends StepHandle<MaterialStepData> {
-    constructor(manager: WorkflowManager, step: Step<MaterialStepData>);
-    selectVariant(variant: Variant): Promise<void>;
-}
-
-declare class QuestionStepHandle extends StepHandle<QuestionStepData> {
-    constructor(manager: WorkflowManager, step: Step<QuestionStepData>);
-    selectVariant(variant: Variant): Promise<void>;
-    /**
-     * The way that this step expects to be rendered.
-     */
-    getDisplayType(): string | undefined;
-}
-
-declare class ShapeStepHandle extends StepHandle<ShapeStepData> {
-    constructor(manager: WorkflowManager, step: Step<ShapeStepData>);
-    selectVariant(variant: Variant): Promise<void>;
-    /**
-     * Sets the color of the shape.
-     * @param color The color option to use.
-     * @returns A promise resolving when the color has changed in the design.
-     * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
-     */
-    setColor(color: ColorOption): Promise<void>;
-    /**
-     * Get available colors for the shape.
-     * @returns A list of color definitions that are currently applied to the illustration.
-     */
-    getColors(): Promise<{
-        fill: string | undefined;
-        stroke: string | undefined;
-        variant: _spiffcommerce_papyrus.VariantResource;
-    }[]>;
-}
-
-declare class BulkStepHandle extends StepHandle<BulkStepData> {
-    constructor(manager: WorkflowManager, step: Step<BulkStepData>);
-    private transaction;
-    selectVariant(): Promise<void>;
-    setDesignName(designName: string): Promise<void>;
-    addVariationRecord(): VariationRecord;
-    updateBulkIsConnected(bulkIsConnected: boolean): void;
-    /**
-     * Opens the bulk source in a seperate tab. This bulk source could be a google sheet or a csv file.
-     */
-    openBulkSourceUrl(): void;
-    sendGoogleSheetLinkToEmail(email: string): Promise<void>;
-    /**
-     * Removes a variation from the bulk step.
-     * @param recordNumber The record number of the variation to remove.
-     */
-    deleteVariationRecord(recordNumber: number): void;
-    /**
-     * @returns The aspects of each step that are modifiable from the bulk handle. These are configured in the workflow.
-     */
-    getAspects(): _spiffcommerce_papyrus.StepAspect[];
-}
-
-declare const shortenUrl: (longUrl: string) => Promise<string>;
-
-export { AssetNotFoundError, BulkPriceCalculationStrategy, BulkStepHandle, ColorOption, ConversionConfiguration, ConversionData, ConversionDataType, ConversionLocation, Customer, CustomerDetailsInput, DesignCreationMessage, DesignCreationProgressUpdate, DesignInputStep, EditedSteps, FrameService, FrameStep, FrameStepHandle, GetWorkflowOptions, IllustrationStepHandle, InformationMessageType, InformationResult, LayoutNotFoundError, MandatorySteps, MaterialStepHandle, MisconfigurationError, MockWorkflowManager, ModelStepHandle, ObjectInput, ObjectInputType, OptionNotFoundError, ParseError, PictureStepHandle, ProductCameraRig, PromiseQueue, QuestionStepHandle, QueueablePromise, RegionElement, RenderableScene, ResourceNotFoundError, SavedDesign, SelectionStorage, ShapeStepHandle, SpiffCommerceClient, Stakeholder, StakeholderType, StepElements, StepHandle, TextInput, TextStepHandle, TextStepStorage, Transaction, UnhandledBehaviorError, Variant, VariationRecord, WorkflowExperience, WorkflowManager, WorkflowMetadata, WorkflowScene, WorkflowSelections, WorkflowStorage, assetService, createDesign, designService, digitalContentStepService, frameStepService, gatherVaryingStepAspects, generateCommands, getBoundedOffsets, getWorkflow, graphQlManager, illustrationStepService, materialStepService, modelStepService, moduleStepService, optionService, persistenceService, pictureStepService, questionStepService, shapeStepService, shortenUrl, spiffCoreConfiguration, textStepService, toast };
+//# sourceMappingURL=types.d.ts.map