@spiffcommerce/core 14.13.1 → 15.0.0-beta.0

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

@@ -1,14 +1,37 @@
-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, SilentStepData, Placeable, 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 { DefaultContext, OperationVariables } from "@apollo/client/core/types";
-import { MutationFunctionOptions } from "@apollo/client/react/types/types";
-import { ApolloCache, FetchResult } from "@apollo/client/core";
-import { ApolloClient } from "@apollo/client";
-import React, { ReactNode, Dispatch, FunctionComponent, RefObject, PointerEvent, KeyboardEvent } from "react";
-export const gatherVaryingStepAspects: (workflow: _Workflow1) => _StepAspect1[];
+import * as _spiffcommerce_papyrus from '@spiffcommerce/papyrus';
+import { OptionResource, VariantResource, Step, AnyStepData, FrameOffsets, PatternImageData, Region, SilentStepData, Placeable, 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, InformationStepData } 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, InformationStepData, 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, registerFetchImplementation, registerWindowImplementation, rehydrateSerializedLayout } from '@spiffcommerce/papyrus';
+import { ApolloClient, FetchResult } from '@apollo/client/core';
+import * as lodash from 'lodash';
+
+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;
+
 /**
  * A renderable scene is a scene that can be displayed to the user. This is based on the workflow state.
  */
-export interface RenderableScene {
+interface RenderableScene {
     /**
      * The id of the scene.
      */
@@ -26,7 +49,7 @@ export interface RenderableScene {
  * Information parsed froma workflow structure that is relevant
  * to a given scene.
  */
-export interface WorkflowScene {
+interface WorkflowScene {
     /**
      * A unique identifier for the scene.
      */
@@ -39,18 +62,19 @@ export interface WorkflowScene {
      * Steps which can display to the user.
      * But may be conditionally hidden based on workflow logic
      */
-    renderableSteps: _Step1<_AnyStepData1>[];
+    renderableSteps: Step<AnyStepData>[];
     /**
      * Steps which don't display to the user.
      * Their behavior is always silent & executed in the background.
      */
-    silentSteps: _Step1<_AnyStepData1>[];
+    silentSteps: Step<AnyStepData>[];
 }
+
 /**
  * A queue promise is a container for a promise that can be
  * executed at a later time.
  */
-export abstract class QueueablePromise {
+declare abstract class QueueablePromise {
     readonly timestamp: number;
     abstract execute(): Promise<any>;
 }
@@ -59,7 +83,10 @@ export 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.
  */
-export class PromiseQueue<T extends QueueablePromise> {
+declare class PromiseQueue<T extends QueueablePromise> {
+    private queue;
+    private activePromise?;
+    private queueMaxSize;
     /**
      * Constructs a new promise queue.
      * @param queueMaxSize An optional maximum size, when the max size is hit.
@@ -84,80 +111,13 @@ export 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.
@@ -166,8 +126,14 @@ export class ParseError extends ImplementationError {
  * @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.
  */
-export function getBoundedOffsets(newOffsets: FrameOffsets, frameData: FrameData, imageData: PatternImageData, mustCover?: boolean): FrameOffsets;
-export class FrameService {
+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;
     /**
      * The calculated minimum zoom value, per frame.
      */
@@ -176,6 +142,10 @@ export 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
@@ -240,8 +210,33 @@ export 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.
@@ -252,154 +247,7 @@ 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> {
-    readonly shapeFillId = "spiff-fill-shape";
-    availableColours(stepData: _Step1<_ShapeStepData1>): Promise<{
-        fill: string | undefined;
-        stroke: string | undefined;
-        variant: _VariantResource1;
-    }[]>;
-    setCustomColor(color: string, stepData: _Step1<_ShapeStepData1>, manager: WorkflowManager): void;
-    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.
@@ -414,38 +262,39 @@ declare abstract class ModuleProduct {
      */
     abstract svgPrint(text: string, region: Region): string;
 }
-export interface SilentIllustrationStepData extends SilentStepData, Placeable {
+
+interface SilentIllustrationStepData extends SilentStepData, Placeable {
 }
-export interface EditedSteps {
+interface EditedSteps {
     [stepName: string]: boolean;
 }
-export interface MandatorySteps {
+interface MandatorySteps {
     [stepName: string]: boolean;
 }
-export type StepElements = {
+type StepElements = {
     [key: string]: RegionElement[];
 };
 type StepInitialised = {
     [key: string]: boolean;
 };
 type StepMetadata = FrameMetadata | IllustrationMetadata | ModuleMetadata | TextMetadata;
-export interface WorkflowStorage {
-    [stepName: string]: _StepStorage1;
+interface WorkflowStorage {
+    [stepName: string]: StepStorage;
 }
-export interface WorkflowMetadata {
+interface WorkflowMetadata {
     [stepName: string]: StepMetadata;
 }
-export interface WorkflowSelections {
+interface WorkflowSelections {
     [stepName: string]: {
-        selections: _VariantResource1[];
+        selections: VariantResource[];
     };
 }
-export interface InformationResult {
+interface InformationResult {
     message: string;
     messageType: InformationMessageType;
     stepID: string;
 }
-export enum InformationMessageType {
+declare enum InformationMessageType {
     Error = "Error",
     Warning = "Warning",
     Info = "Info"
@@ -457,7 +306,7 @@ interface StepSpecificServices {
     frameService?: FrameService;
     module?: ModuleProduct;
 }
-export type DesignCreationProgressUpdate = (message: string) => void;
+type DesignCreationProgressUpdate = (message: string) => void;
 type ConfirmCallback = (isConfirmed: boolean) => void;
 type EditedCallback = (editedSteps: EditedSteps) => void;
 type ElementsCallback = (elements: StepElements) => void;
@@ -472,12 +321,12 @@ type SelectionCallback = (callbackOptions: {
     selections: StepSelections;
     traversableScenes: WorkflowScene[];
 }) => void;
-type StepSpecificStorageCallback = (selections: _StepStorage1) => void;
+type StepSpecificStorageCallback = (selections: StepStorage) => void;
 type StorageCallback = (storage: WorkflowStorage) => void;
 type CurrentVariationRecordCallback = (variationRecord: null | VariationRecord) => void;
 type VariationRecordsCallback = (records: VariationRecord[]) => void;
-export type StateMutationFunc = (options?: MutationFunctionOptions<any, OperationVariables, DefaultContext, ApolloCache<any>> | undefined) => Promise<FetchResult<any, Record<string, any>, Record<string, any>>>;
-export interface WorkflowManager {
+type StateMutationFunc = (options?: any) => Promise<FetchResult<any, Record<string, any>, Record<string, any>>>;
+interface WorkflowManager {
     addPoller: (poller: Poller) => void;
     addConfirmCallback: (callback: ConfirmCallback) => void;
     addCurrentVariationCallback: (callback: CurrentVariationRecordCallback) => void;
@@ -493,11 +342,11 @@ export interface WorkflowManager {
     addStorageCallback: (callback: StorageCallback) => void;
     addVariationRecord: (variationRecord: Omit<VariationRecord, "recordNumber">) => VariationRecord;
     addVariationRecordsCallback: (callback: VariationRecordsCallback) => void;
-    getCommandDispatcher: () => (command: _CanvasCommand1) => void;
+    getCommandDispatcher: () => (command: CanvasCommand) => void;
     getCurrentVariationRecord: () => VariationRecord | undefined;
     getVariationRecords: () => VariationRecord[];
-    getCommandContext: () => _CommandContext1;
-    getLayouts: () => _ILayout1[];
+    getCommandContext: () => CommandContext;
+    getLayouts: () => ILayout[];
     getAllLayoutData: () => LayoutState[];
     getLayoutPreviewService: () => any | undefined;
     getPreviewService: () => any | undefined;
@@ -505,7 +354,7 @@ export interface WorkflowManager {
     getRegionElements: (stepName: string) => RegionElement[];
     getSerializedStep: (stepName: string, serializedSteps: SerializableStep[]) => SerializableStep | undefined;
     getStepSpecificServices: (stepName: string) => StepSpecificServices | undefined;
-    getStepStorage: (stepName: string) => _StepStorage1 | undefined;
+    getStepStorage: (stepName: string) => StepStorage | undefined;
     getMetadata: (stepName: string) => StepMetadata | undefined;
     getWorkflowMetadata: () => WorkflowMetadata;
     getInformationResults(): InformationResult[];
@@ -518,7 +367,7 @@ export interface WorkflowManager {
     setTransactionCustomerDetails: (details: {
         email: string;
     }) => void;
-    getWorkflow: () => _Workflow1;
+    getWorkflow: () => Workflow;
     getWorkflowSelections: () => WorkflowSelections;
     getProduct: () => Product;
     /**
@@ -544,15 +393,15 @@ export interface WorkflowManager {
     setEditedStatus: (stepName: string, status: boolean) => void;
     setInformationResults: (results: InformationResult[]) => void;
     setMandatoryFulfilled: (stepName: string, status: boolean) => void;
-    setSelectionsAndElements: (stepName: string, variants: _VariantResource1[], elements: RegionElement[], callback?: () => Promise<void>) => Promise<void>;
+    setSelectionsAndElements: (stepName: string, variants: VariantResource[], 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: () => _CommandState1) => Promise<void>;
-    updateStorage: (stepName: string, update: _StepStorage1) => void;
+    updateStateWithServerImmediate: (getReducerState: () => CommandState) => Promise<void>;
+    updateStorage: (stepName: string, update: StepStorage) => void;
     getModelContainer: () => any | undefined;
     setModelContainer: (container: any) => void;
     /**
@@ -566,11 +415,12 @@ export interface WorkflowManager {
      */
     ejectFromPreviewService(): void;
 }
-interface StepService<T extends _AnyStepData1> {
+
+interface StepService<T extends AnyStepData> {
     /**
      * Initialize the given step, or reload from serialized data if present.
      */
-    init(stepData: _Step1<T>, workflowManager: WorkflowManager, reducerState?: _LayoutsState1): Promise<any>;
+    init(stepData: Step<T>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<any>;
 }
 interface FileInfo {
     /**
@@ -587,7 +437,7 @@ interface FileInfo {
  * A command along with a function to run afterwards.
  */
 interface CommandWithFollowup {
-    command?: _CanvasCommand1;
+    command?: CanvasCommand;
     followup?: () => Promise<void>;
 }
 /**
@@ -606,7 +456,7 @@ interface ExportedData {
         priceModifier: number;
     };
 }
-export interface DesignCreationMessage {
+interface DesignCreationMessage {
     baseCost?: number;
     designProductId?: string;
     designProductVariantId?: string;
@@ -631,7 +481,7 @@ export interface DesignCreationMessage {
 /**
  * Represents a transaction.
  */
-export interface Transaction {
+interface Transaction {
     /**
      * A unique identifier for this transaction. Useful for reloading and
      * modifying state of the transaction.
@@ -733,15 +583,33 @@ export interface Transaction {
      */
     stakeholders?: Stakeholder[];
 }
+/**
+ * An integration product represents the connection of a product in SpiffCommerce with
+ * a product on a third party platform.
+ */
 interface IntegrationProduct {
+    /**
+     * The ID of the IntegrationProduct entity. Used internally by SpiffCommerce.
+     */
     id: string;
+    /**
+     * The ID of the product on the third party platform. For example a Shopify product ID.
+     */
     externalProductId?: string;
+    /**
+     * The integration that this product is associated with. For example a Shopify integration.
+     */
     integration?: Integration;
 }
 interface Integration {
     id: string;
     enabled: boolean;
     externalIntegrationId?: string;
+    type?: IntegrationType;
+}
+declare enum IntegrationType {
+    Hub = "Hub",
+    Shopify = "Shopify"
 }
 /**
  * Fields found in a variant within a line item resource.
@@ -779,7 +647,7 @@ interface Partner {
     currencyCode?: string;
     customerDetailsPromptMarkdown?: string;
 }
-export interface Product {
+interface Product {
     /**
      * ID of the partner owner.
      */
@@ -877,18 +745,18 @@ interface ProductTag {
     id: string;
     name: string;
 }
-export interface ColorOption {
+interface ColorOption {
     id?: string;
     fill?: string;
     stroke?: string;
-    variant?: _VariantResource1;
+    variant?: VariantResource;
     colorProfileAssetKey?: string;
 }
 /**
  * Represents a variation as seen in Google sheets.
  * Record number = row# - 1
  */
-export interface VariationRecord {
+interface VariationRecord {
     recordNumber: number;
     transactionId: string;
     values: {
@@ -897,7 +765,7 @@ export interface VariationRecord {
         value: string;
     }[];
 }
-export interface RegionElement {
+interface RegionElement {
     id: string;
     region?: Region;
 }
@@ -915,10 +783,10 @@ interface TextMetadata {
     text: string;
     fillImage?: string;
 }
-export interface SelectionStorage {
-    selectedVariants?: _VariantResource1[];
+interface SelectionStorage {
+    selectedVariants?: VariantResource[];
 }
-export interface TextStepStorage extends SelectionStorage {
+interface TextStepStorage extends SelectionStorage {
     color?: string;
     defaultCleared?: boolean;
     inputText?: string;
@@ -946,7 +814,7 @@ interface FrameData {
  * Defines the different behaviors supported by the camera system
  * for control when viewing a product.
  */
-export enum ProductCameraRig {
+declare enum ProductCameraRig {
     Orbit = 0,
     Pan = 1
 }
@@ -954,7 +822,7 @@ export enum ProductCameraRig {
  * Defines the different strategies to use when calculating the total price
  * when creating bulk designs.
  */
-export enum BulkPriceCalculationStrategy {
+declare 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. */
@@ -973,7 +841,7 @@ interface BulkConfiguration {
 /**
  * Defines the locations at which a conversion attempt can take place.
  */
-export enum ConversionLocation {
+declare enum ConversionLocation {
     /**
      * The client should expose a flow for allowing the user to optionally input details at any point.
      */
@@ -994,20 +862,20 @@ export enum ConversionLocation {
 /**
  * The data configured to be requested.
  */
-export enum ConversionDataType {
+declare enum ConversionDataType {
     Email = "Email",
     FirstName = "FirstName",
     LastName = "LastName",
     Phone = "Phone"
 }
-export interface ConversionData {
+interface ConversionData {
     type: ConversionDataType;
     mandatory: boolean;
 }
 /**
  * The configuration for conversion, exposed on products currently.
  */
-export interface ConversionConfiguration {
+interface ConversionConfiguration {
     id: string;
     name?: string;
     locations: ConversionLocation[];
@@ -1018,7 +886,7 @@ export interface ConversionConfiguration {
 /**
  * Someone who has used a workflow experience and entered their contact details.
  */
-export interface Customer {
+interface Customer {
     id?: string;
     emailAddress: string;
     firstName?: string;
@@ -1029,25 +897,25 @@ export interface Customer {
     stakeholders?: Stakeholder[];
     bundleStakeholders?: BundleStakeholder[];
 }
-export interface CustomerDetailsInput {
+interface CustomerDetailsInput {
     emailAddress: string;
     firstName?: string;
     lastName?: string;
     phoneNumber?: string;
 }
-export enum StakeholderType {
+declare enum StakeholderType {
     Owner = "Owner",
     Approver = "Approver",
     Editor = "Editor",
     Viewer = "Viewer"
 }
-export interface Stakeholder {
+interface Stakeholder {
     id: string;
     type?: StakeholderType;
     transaction?: Transaction;
     customer?: Customer;
 }
-interface _Bundle1 {
+interface Bundle$1 {
     id?: string;
     bundleOwnerId?: string;
     bundleStakeholders?: BundleStakeholder[];
@@ -1058,12 +926,12 @@ interface _Bundle1 {
     }[];
     name?: string;
     partner?: Partner;
-    productCollection?: ProductCollection;
+    productCollection?: ProductCollectionResource;
     transactions?: Transaction[];
 }
 interface BundleStakeholder {
     id: string;
-    bundle?: _Bundle1;
+    bundle?: Bundle$1;
     customer?: Customer;
     type?: StakeholderType;
 }
@@ -1071,7 +939,7 @@ interface BundleStakeholderInput {
     type: StakeholderType;
     customerDetails: CustomerDetailsInput;
 }
-type ProductCollection = {
+type ProductCollectionResource = {
     id: string;
     globalPropertyConfiguration?: GlobalPropertyConfiguration;
     name: string;
@@ -1108,41 +976,7 @@ interface TransformCollectionTransform {
     rotation: Vector3;
     scale: Vector3;
 }
-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.
@@ -1151,17 +985,19 @@ interface AssetManager {
     /**
      * Uploads a file to the Spiff Commerce Platform.
      */
-    uploadFile: (file: File, onProgress: (val: number) => void) => Promise<_Asset1>;
+    uploadFile: (file: File, onProgress: (val: number) => void) => Promise<Asset>;
 }
 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<_Asset1>;
+    getLocalOrFromServer(assetKey: string): Promise<Asset>;
     /**
      * Caches an asset if it doesn't already exist.
      */
-    cacheAsset(asset: _Asset1): void;
+    cacheAsset(asset: Asset): void;
     /**
      * Caches a material if it doesn't already exist.
      */
@@ -1175,299 +1011,98 @@ 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: _AssetType1, onProgress: (val: number) => void, anonymous?: boolean, temporary?: boolean): Promise<_Asset1>;
-    uploadFile(file: File, onProgress: (val: number) => void): Promise<_Asset1>;
+    uploadAssetWithProgress(file: FileInfo, assetType: AssetType, onProgress: (val: number) => void, anonymous?: boolean, temporary?: boolean): Promise<Asset>;
+    uploadFile(file: File, onProgress: (val: number) => void): Promise<Asset>;
     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;
 }
-export const assetService: AssetService;
-declare class OptionService {
+declare const assetService: AssetService;
+
+interface StorageService {
     /**
-     * Allows for retrieving an option, returns the option from a cache if possible.
-     * @param id The option ID to be retrieved.
+     * Get a value.
+     * @param key The key to lookup the value with.
      */
-    getOption(id: string): Promise<undefined | _OptionResource1>;
-    getAssetTileImageForVariant(variant: _VariantResource1): Promise<string>;
-    getDefaultVariant(option: _OptionResource1): _VariantResource1 | undefined;
-    getDisplayImageSource: (variant?: _VariantResource1) => undefined | string;
+    get(key: string): string | undefined;
     /**
-     * Returns the first variant marked as selected. This is used by most steps.
+     * Set a value.
+     * @param key The key to set.
+     * @param val The new value.
      */
-    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 {
-}
-/**
- * This context stores global state for
- */
-export interface AdvancedEditorState extends UIState {
+    set(key: string, val: string): void;
     /**
-     * The layout currently being displayed in the editor.
+     * Remove a value.
+     * @param key The key to remove, does nothing if the key doesn't exist.
      */
-    layoutId: string;
+    remove(key: string): void;
     /**
-     * Returns the id of the currently selected element. Or undefined if no element is selected.
+     * Get a map from persistence.
+     * @param key The key to search by.
      */
-    selectedElement?: string;
+    getMap<K = any, V = any>(key: string): Map<K, V> | undefined;
     /**
-     * The current zoom level of the editor.
+     * St a map into persistence.
+     * @param key The key to set the map at.
+     * @param val The map to set.
      */
-    zoom: number;
+    setMap<K = any, V = any>(key: string, val: Map<K, V>): void;
+}
+declare const persistenceService: StorageService;
+
+/**
+ * A wrapping component that provides a simple interface for interacting with a variant.
+ */
+declare class Variant {
+    private readonly variantData;
+    constructor(variant: VariantResource);
+    getType(): AssetType | undefined;
     /**
-     * The current x translation of the transform for the canvas.
+     * @returns The unique identifier for the variant.
      */
-    xTranslation: number;
+    getId(): string;
     /**
-     * The current y translation of the transform for the canvas.
+     * @returns The configured name of the variant. Generally a human readable value.
      */
-    yTranslation: number;
+    getName(): string;
     /**
-     * The maxiumum zoom possible based on current canvas content.
+     * @returns The price modifier for this variant. This is the amount that will be added to the base price of the product.
      */
-    maxZoom: number;
+    getPriceFormatted(locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
     /**
-     * The current measurement system used for display of coordinates and dimensions.
+     * @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.
      */
-    units: _UnitOfMeasurement1;
+    getPrice(): number;
     /**
-     * The sub menu to be displayed to the user in place of the canvas.
+     * @returns The URL for the base asset resource configured on this variant
      */
-    subMenu: EditorSubMenu;
+    getAsset(): string | undefined;
     /**
-     * Any modifier keys that are currently pressed
+     * @returns The URL for the base asset resource configured on this variant
      */
-    activeModifierKeys: KeyEvent[];
+    getAssetResource(): Asset | undefined;
     /**
-     * WHether or not a meta key is pressed.
-     */
-    metaPressed: boolean;
-    /**
-     * Any active element event.
-     */
-    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.
+     * @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.
+     * @deprecated To be removed in a future version
      */
     getDisplayImage(): string | undefined;
     /**
@@ -1481,18 +1116,23 @@ export class Variant {
     /**
      * @returns The underlying variant resource. Generally not needed but made available just incase.
      */
-    getResource(): _VariantResource1;
+    getResource(): VariantResource;
     /**
      * @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.
  */
-export abstract class StepHandle<T extends _AnyStepData1> {
+declare abstract class StepHandle<T extends AnyStepData> {
+    /**
+     * Stores whether or not the step is currently updating.
+     */
+    private static readonly updateState;
     /**
      * Access to the workflow manager this step is contained by.
      */
@@ -1500,8 +1140,8 @@ export abstract class StepHandle<T extends _AnyStepData1> {
     /**
      * The step metadata, useful for determining logic based on configuration.
      */
-    protected readonly step: _Step1<T>;
-    constructor(manager: WorkflowManager, step: _Step1<T>);
+    protected readonly step: Step<T>;
+    constructor(manager: WorkflowManager, step: Step<T>);
     /**
      * Set the current update state of this step. All step handles pointing to this step will
      * see this value.
@@ -1546,11 +1186,11 @@ export abstract class StepHandle<T extends _AnyStepData1> {
     /**
      * @returns The type of the step handle.
      */
-    getType(): _StepType1;
+    getType(): StepType;
     /**
      * @returns The underlying data for this step. Favor using the step handle methods instead of this.
      */
-    getRaw(): _Step1<T>;
+    getRaw(): Step<T>;
     getTags(): string[];
     hasTag(tag: string): boolean;
     /**
@@ -1560,175 +1200,9 @@ export abstract class StepHandle<T extends _AnyStepData1> {
      */
     executeAnimations(): void;
 }
-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;
-    }[]>;
-    /**
-     * Allows for setting a custom color when the custom variant is selected. Will
-     * throw when a non-custom variant is selected.
-     */
-    setCustomColor(color: string): void;
-    getCustomColor(): string;
-}
-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 {
+
+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 | undefined>, workflowMetadata?: WorkflowMetadata) => Promise<DesignCreationMessage>;
+interface SavedDesign {
     /**
      * The user's name for this saved design.
      */
@@ -1768,6 +1242,8 @@ export interface SavedDesign {
  */
 declare class DesignService {
     readonly localPersistenceKey = "designTransactions";
+    private storageMethod;
+    private designSavedListeners;
     /**
      * @param func The function to call when a design is saved.
      */
@@ -1800,8 +1276,10 @@ declare class DesignService {
      * @param transactionId
      */
     removeDesign(transactionId: string): Promise<void>;
+    private setDesigns;
 }
-export const designService: DesignService;
+declare const designService: DesignService;
+
 /**
  * A scene is a collection of steps that can be used to group steps together.
  */
@@ -1825,11 +1303,11 @@ interface Scene {
 interface ExperienceOptions {
     product: Product;
     transaction: Transaction;
-    workflow?: _Workflow1;
+    workflow?: Workflow;
     previewService?: any;
     modelContainer?: any;
     renderableContextService?: any;
-    layouts: _ILayout1[];
+    layouts: ILayout[];
     reloadedState?: LayoutsState;
     /**
      * When true the experience is intended to be immutable.
@@ -1849,7 +1327,7 @@ interface ExperienceOptions {
  * 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.
  */
-export interface WorkflowExperience {
+interface WorkflowExperience {
     /**
      * Returns the client that was responsible for spawning this experience.
      */
@@ -1874,7 +1352,7 @@ export 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<_AnyStepData1> | undefined;
+    getStepById(id: string): StepHandle<AnyStepData> | undefined;
     /**
      * Returns the bulk step, undefined if not found.
      */
@@ -1883,21 +1361,21 @@ export 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<_AnyStepData1> | undefined;
+    getStepByName(name: string): StepHandle<AnyStepData> | 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: _StepType1): StepHandle<_AnyStepData1>[];
+    getStepsByType(type: StepType): StepHandle<AnyStepData>[];
     /**
      * Returns all steps that are children of a given scene.
      * @param scene The scene you want the steps for.
      */
-    getStepsByScene(scene: Scene): StepHandle<_AnyStepData1>[];
+    getStepsByScene(scene: Scene): StepHandle<AnyStepData>[];
     /**
      * Returns all steps in the workflow that are currently active. Ordered by scene and appearance within their respective scenes.
      */
-    getSteps(): StepHandle<_AnyStepData1>[];
+    getSteps(): StepHandle<AnyStepData>[];
     /**
      * Returns a list of scenes that are configured in the workflow. Each scene
      * contains a list of steps. See getStepsByScene to access these.
@@ -1961,8 +1439,9 @@ export interface WorkflowExperience {
     /**
      * To be called when the workflow experience is considered completed by the user.
      * @param onProgressUpdate Progress callback for finalizing the design. Optional
+     * @param capturePreviewImage When true a preview image will be generated for the design. Defaults to true.
      */
-    onDesignFinished(onProgressUpdate?: DesignCreationProgressUpdate): Promise<DesignCreationMessage>;
+    onDesignFinished(onProgressUpdate?: DesignCreationProgressUpdate, capturePreviewImage?: boolean): Promise<DesignCreationMessage>;
     /**
      * Returns the metadata associated with this workflow experience.
      * This is a combination of the metadata from the workflow, and the selections made by the user.
@@ -1971,11 +1450,13 @@ export interface WorkflowExperience {
         [key: string]: string;
     }>;
 }
-export class WorkflowExperienceImpl implements WorkflowExperience {
+declare class WorkflowExperienceImpl implements WorkflowExperience {
     readonly client: SpiffCommerceClient;
     readonly commandContext: CommandContext;
     readonly workflowManager: WorkflowManager;
     readonly isReadOnly: boolean;
+    private renderableScenes;
+    private renderableSceneCallbacks;
     constructor(client: SpiffCommerceClient, experienceOptions: ExperienceOptions);
     getClient(): SpiffCommerceClient;
     getIsReadOnly(): boolean;
@@ -1983,48 +1464,37 @@ export class WorkflowExperienceImpl implements WorkflowExperience {
     getWorkflowManager(): WorkflowManager;
     updateVariationRecords(variationRecords: VariationRecord[]): Promise<void>;
     createPreviewImage(isThreeD?: boolean, resolution?: number): Promise<string>;
-    getStepById(id: string): BulkStepHandle | import("index").IllustrationStepHandle | import("index").MaterialStepHandle | import("index").ModelStepHandle | import("index").PictureStepHandle | import("index").QuestionStepHandle | import("index").ShapeStepHandle | import("index").TextStepHandle | import("index").FrameStepHandle | undefined;
-    getSteps(): StepHandle<_AnyStepData1>[];
+    getStepById(id: string): TextStepHandle | FrameStepHandle | BulkStepHandle | ShapeStepHandle | InformationStepHandle | IllustrationStepHandle | MaterialStepHandle | ModelStepHandle | PictureStepHandle | QuestionStepHandle | undefined;
+    getSteps(): StepHandle<AnyStepData>[];
     getScenes(): Scene[];
     getSelectionPriceSubunits(): number;
     getBasePriceSubunits(): number;
     getTotalPriceSubunits(): number;
     getBulkStep(): BulkStepHandle | undefined;
-    getStepByName(name: string): BulkStepHandle | import("index").IllustrationStepHandle | import("index").MaterialStepHandle | import("index").ModelStepHandle | import("index").PictureStepHandle | import("index").QuestionStepHandle | import("index").ShapeStepHandle | import("index").TextStepHandle | import("index").FrameStepHandle | undefined;
-    getStepsByType(type: _StepType1): StepHandle<_AnyStepData1>[];
-    getStepsByScene(scene: Scene): StepHandle<_AnyStepData1>[];
+    getStepByName(name: string): TextStepHandle | FrameStepHandle | BulkStepHandle | ShapeStepHandle | InformationStepHandle | IllustrationStepHandle | MaterialStepHandle | ModelStepHandle | PictureStepHandle | QuestionStepHandle | undefined;
+    getStepsByType(type: StepType): StepHandle<AnyStepData>[];
+    getStepsByScene(scene: Scene): StepHandle<AnyStepData>[];
     attachCustomerDetails(details: {
         email: string;
     }): Promise<void>;
     assignCustomerDetails(details: CustomerDetailsInput): Promise<void>;
     attachRenderableSceneListener(cb: (scenes: RenderableScene[]) => void): void;
     detachRenderableSceneListener(cb: (scenes: RenderableScene[]) => void): void;
-    debouncedSavedDesignUpdate: import("lodash").DebouncedFunc<() => Promise<void>>;
+    debouncedSavedDesignUpdate: lodash.DebouncedFunc<() => Promise<void>>;
     save(title?: string): Promise<SavedDesign>;
     copy(): Promise<WorkflowExperience>;
-    onDesignFinished(onProgressUpdate?: DesignCreationProgressUpdate): Promise<DesignCreationMessage>;
+    onDesignFinished(onProgressUpdate?: DesignCreationProgressUpdate, capturePreviewImage?: boolean): Promise<DesignCreationMessage>;
+    /**
+     * @param step The step to test against.
+     * @returns Returns true when a valid handle is implemented for a given step type. Certain steps don't support handles, such as silent illustrations.
+     */
+    private stepHasHandle;
+    private getCanvasObjectURLAsync;
     getExportedData(): Map<string, {
         [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.
@@ -2062,17 +1532,73 @@ 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[]): import("stepHandles").StepHandle<import("index").AnyStepData>[];
+    protected getSharedSteps(targetExperiences?: WorkflowExperience[]): StepHandle<_spiffcommerce_papyrus.AnyStepData>[];
 }
+
 interface GlobalPropertyStateManager {
     getGlobalPropertyState(): GlobalPropertyState | undefined;
     getAspect(name: string): string | undefined;
     setAspect(name: string, value: string): Promise<void>;
 }
+
+/**
+ * A collection of products that can be used to form a bundle.
+ */
+declare class ProductCollection {
+    private readonly collection;
+    constructor(collection: ProductCollectionResource);
+    /**
+     * The ID of the product collection.
+     */
+    getId(): string;
+    /**
+     * The name of the collection.
+     */
+    getName(): string;
+    /**
+     * A list of products in this collections with useful helpers for interacting with them.
+     */
+    getProducts(): CollectionProduct[];
+    /**
+     * The raw collection resource. This is generally not needed and should be avoided.
+     */
+    getResource(): ProductCollectionResource;
+}
+/**
+ * A collection product is a product within a ProductCollection. It provides a simple interface for interacting with the product.
+ */
+declare class CollectionProduct {
+    private readonly product;
+    constructor(product: Product);
+    /**
+     * The ID of the product in SpiffCommerce.
+     * @returns
+     */
+    getId(): string;
+    /**
+     * The name of the product. Human readable.
+     */
+    getName(): string;
+    /**
+     * A helper function for getting integrations
+     * @param type The type of integration you want.
+     * @returns The integration if found. Throws an error if not found as this data is typically a neccesity.
+     */
+    getIntegrationByType(type: IntegrationType): IntegrationProduct;
+    /**
+     * A list of all integrations this product is connected to.
+     */
+    getIntegrations(): IntegrationProduct[];
+    /**
+     * The raw product resource. This is generally not needed and should be avoided.
+     */
+    getResource(): Product;
+}
+
 /**
  * A bundle serves as a container for a set of workflow experience.
  */
-export interface Bundle {
+interface Bundle {
     /**
      * @returns The client that this bundle is associated with.
      */
@@ -2214,8 +1740,9 @@ export interface Bundle {
      * Finalizes all experiences within the bundle. This will return a promise that resolves when all experiences have been finalized.
      * The promise resolves with a list of messages that indicate the status of each experience including
      * helpful details like what product to add to cart on supported e-commerce platforms.
+     * @param onProgressUpdate A callback that will be called when the progress of the finalization changes.
      */
-    finish(): Promise<DesignCreationMessage[]>;
+    finish(onProgressUpdate?: DesignCreationProgressUpdate): Promise<DesignCreationMessage[]>;
     /**
      * Add an event listener to this bundle.
      * @param event The event to listen for. Currently only "conditional-global-properties-changed" is supported.
@@ -2265,6 +1792,7 @@ interface ConditionalGlobalPropertiesChangedEventData {
 interface WorkflowExperienceHoverEventData {
     workflowExperience: WorkflowExperience;
 }
+
 interface ExecutionResponse {
     id: string;
     completedAt?: string;
@@ -2290,7 +1818,7 @@ declare abstract class FlowExecutionInput {
 /**
  * Represents the type of object being referenced by the input.
  */
-export const enum ObjectInputType {
+declare const enum ObjectInputType {
     Transaction = "Transaction",
     Bundle = "Bundle",
     Product = "Product",
@@ -2302,18 +1830,19 @@ export const enum ObjectInputType {
 /**
  * Handles validation of spiffObject structure for transmission to the server.
  */
-export class ObjectInput extends FlowExecutionInput {
+declare 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.
  */
-export class TextInput extends FlowExecutionInput {
+declare class TextInput extends FlowExecutionInput {
     constructor(id: string);
 }
-export const getWorkflows: (ids: string[], options?: GetWorkflowGraphqlOptions) => Promise<_Workflow1[]>;
-export const getWorkflow: (id: string, options?: GetWorkflowGraphqlOptions) => Promise<_Workflow1>;
+
+declare const getWorkflows: (ids: string[], options?: GetWorkflowGraphqlOptions) => Promise<Workflow[]>;
+declare const getWorkflow: (id: string, options?: GetWorkflowGraphqlOptions) => Promise<Workflow>;
 /**
  * Options that can be used during instantiation of the SpiffCommerce Javascript Client.
  * Please refer to the documentation for more information.
@@ -2374,12 +1903,21 @@ interface GetWorkflowFromExternalProductOptions extends GetWorkflowOptionsBase {
     bulk?: boolean;
     type: "external";
 }
-export type GetWorkflowOptions = GetWorkflowFromTransactionOptions | GetWorkflowFromIntegrationProductOptions | GetWorkflowFromExternalProductOptions;
+type GetWorkflowOptions = GetWorkflowFromTransactionOptions | GetWorkflowFromIntegrationProductOptions | GetWorkflowFromExternalProductOptions;
 /**
  * The Spiff Commerce Javascript Client. Required for
  * creating workflow experiences.
  */
-export class SpiffCommerceClient {
+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?;
     constructor(options: ClientOptions);
     /**
      * @returns The asset manager allows for common operations related to assets
@@ -2412,7 +1950,7 @@ export class SpiffCommerceClient {
         transactionReadOnly?: boolean;
         stakeholderType?: StakeholderType;
         success: boolean;
-        theme?: _Theme1;
+        theme?: Theme;
     }>;
     clearCustomer(): void;
     clearCustomerForTransaction(transactionId: string): void;
@@ -2421,6 +1959,7 @@ export 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.
@@ -2459,7 +1998,7 @@ export 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: _Workflow1) => any, options?: GetWorkflowOptions): Promise<WorkflowExperience>;
+    getWorkflowExperience(workflowId?: string, workflowState?: string, previewServiceConstructor?: (workflow: Workflow) => any, options?: GetWorkflowOptions): Promise<WorkflowExperience>;
     /**
      * Gets multiple workflow experiences at once.
      * @param optionsArray An array of options to configure loading the transactions and workflows.
@@ -2481,6 +2020,10 @@ export 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.
@@ -2490,26 +2033,259 @@ export 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(): import("types").Product;
+    getProduct(): 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;
+    storeCustomer(customer: Customer): void;
 }
-export class MockWorkflowManager implements WorkflowManager {
-    getInitializationPromise(): Promise<void>;
-    getProduct: () => Product;
-    isInitialized(): boolean;
-    getCommandContext: () => _CommandContext1;
-    getAllLayoutData: () => LayoutState[];
+
+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> {
+    readonly shapeFillId = "spiff-fill-shape";
+    availableColours(stepData: Step<ShapeStepData>): Promise<{
+        fill: string | undefined;
+        stroke: string | undefined;
+        variant: VariantResource;
+    }[]>;
+    setCustomColor(color: string, stepData: Step<ShapeStepData>, manager: WorkflowManager): void;
+    init(stepData: Step<ShapeStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
+    selectVariant(stepData: Step<ShapeStepData>, colourOption: ColorOption, elements: RegionElement[], workflowManager: WorkflowManager): Promise<void>;
+    private reload;
+    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 {
+    getInitializationPromise(): Promise<void>;
+    getProduct: () => Product;
+    isInitialized(): boolean;
+    getCommandContext: () => CommandContext;
+    getAllLayoutData: () => LayoutState[];
     getMetadata: (stepName: string) => StepMetadata | undefined;
     getWorkflowMetadata: () => WorkflowMetadata;
-    getStepStorage: (stepName: string) => _StepStorage1 | undefined;
+    getStepStorage: (stepName: string) => StepStorage | undefined;
     getInformationResults(): InformationResult[];
     getVariationRecords(): VariationRecord[];
     reset(): Promise<void>;
-    updateStateWithServer(_getReducerState: () => _CommandState1): void;
+    updateStateWithServer(_getReducerState: () => CommandState): void;
     addVariationRecord(_variationRecord: Omit<VariationRecord, "recordNumber">): {
         recordNumber: number;
         transactionId: string;
@@ -2518,7 +2294,7 @@ export class MockWorkflowManager implements WorkflowManager {
     getCurrentVariationRecord(): undefined;
     removeVariationRecord(_recordNumber: number): never[];
     outstandingRequestsPromise(): Promise<void>;
-    updateStateWithServerImmediate(_getReducerState: () => _CommandState1): Promise<void>;
+    updateStateWithServerImmediate(_getReducerState: () => CommandState): Promise<void>;
     addPoller(_poller: Poller): void;
     addConfirmCallback(_callback: ConfirmCallback): void;
     addCurrentVariationCallback(_callback: CurrentVariationRecordCallback): void;
@@ -2533,7 +2309,7 @@ export class MockWorkflowManager implements WorkflowManager {
     addStepSpecificStorageCallback(_callback: StepSpecificStorageCallback, _stepName: string): void;
     addStorageCallback(_callback: StorageCallback): void;
     addVariationRecordsCallback(_callback: VariationRecordsCallback): void;
-    getCommandDispatcher(): (_command: _CanvasCommand1) => void;
+    getCommandDispatcher(): (_command: CanvasCommand) => void;
     getLayouts(): never[];
     getLayoutPreviewService(): {
         getAll: () => Map<any, any>;
@@ -2571,17 +2347,311 @@ export class MockWorkflowManager implements WorkflowManager {
     setEditedStatus(_stepName: string, _status: boolean): void;
     setInformationResults(_results: InformationResult[]): void;
     setMandatoryFulfilled(_stepName: string, _status: boolean): void;
-    setSelectionsAndElements(_stepName: string, _variants: _VariantResource1[], _elements: RegionElement[]): Promise<void>;
+    setSelectionsAndElements(_stepName: string, _variants: VariantResource[], _elements: RegionElement[]): Promise<void>;
     setVariationRecords(_variationRecords: VariationRecord[]): void;
     toggleDesignConfirmed(): void;
     updateMetadata(_stepName: string, _update: any): void;
-    updateStorage(_stepName: string, _update: _StepStorage1): Promise<void>;
+    updateStorage(_stepName: string, _update: StepStorage): 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 };
 
-//# sourceMappingURL=types.d.ts.map
+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;
+    }[]>;
+    /**
+     * Allows for setting a custom color when the custom variant is selected. Will
+     * throw when a non-custom variant is selected.
+     */
+    setCustomColor(color: string): void;
+    getCustomColor(): string;
+}
+
+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>;
+
+declare class InformationStepHandle extends StepHandle<InformationStepData> {
+    constructor(manager: WorkflowManager, step: Step<InformationStepData>);
+    selectVariant(): Promise<void>;
+    /**
+     * The way that this step expects to be rendered.
+     */
+    getContent(): string;
+}
+
+interface StepAspectValue {
+    stepName: string;
+    stepAspectType: string;
+    value?: string;
+}
+declare const stepAspectValuesToDesignInputSteps: (stepAspectValues: StepAspectValue[], workflow: Workflow) => DesignInputStep[];
+declare const generateStateFromDesignInputSteps: (designInputSteps: DesignInputStep[], workflow: Workflow, layouts: ILayout[], productOverlayImageUrl?: string) => Promise<LayoutsState>;
+
+export { AssetNotFoundError, BulkPriceCalculationStrategy, BulkStepHandle, Bundle, CollectionProduct, ColorOption, ConversionConfiguration, ConversionData, ConversionDataType, ConversionLocation, Customer, CustomerDetailsInput, DesignCreationMessage, DesignCreationProgressUpdate, DesignInputStep, EditedSteps, FrameService, FrameStep, FrameStepHandle, GetWorkflowOptions, GlobalPropertyHandle, IllustrationStepHandle, InformationMessageType, InformationResult, InformationStepHandle, LayoutNotFoundError, MandatorySteps, MaterialStepHandle, MisconfigurationError, MockWorkflowManager, ModelStepHandle, ObjectInput, ObjectInputType, OptionNotFoundError, ParseError, PictureStepHandle, Product, ProductCameraRig, ProductCollection, PromiseQueue, QuestionStepHandle, QueueablePromise, RegionElement, RenderableScene, ResourceNotFoundError, SavedDesign, SelectionStorage, ShapeStepHandle, SilentIllustrationStepData, SpiffCommerceClient, Stakeholder, StakeholderType, StateMutationFunc, StepElements, StepHandle, TextInput, TextStepHandle, TextStepStorage, Transaction, UnhandledBehaviorError, Variant, VariationRecord, WorkflowExperience, WorkflowExperienceImpl, WorkflowManager, WorkflowMetadata, WorkflowScene, WorkflowSelections, WorkflowStorage, assetService, createDesign, designService, digitalContentStepService, frameStepService, gatherVaryingStepAspects, generateCommands, generateStateFromDesignInputSteps, getBoundedOffsets, getWorkflow, getWorkflows, graphQlManager, illustrationStepService, materialStepService, modelStepService, moduleStepService, optionService, persistenceService, pictureStepService, questionStepService, shapeStepService, shortenUrl, spiffCoreConfiguration, stepAspectValuesToDesignInputSteps, textStepService, toast };