@spiffcommerce/core 22.2.0 → 22.2.1-beta.2b2fdb9d-9fa3-5cbb-abad-c5aef7887af6

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { Animatable, AnyStepData, AspectType, Asset, AssetType, BringForwardComm
 import { ApolloClient, MutationOptions, FetchResult } from '@apollo/client/core';
 import { RenderableContextService, RenderableContext, ThreeDPreviewService, ModelContainer } from '@spiffcommerce/preview';
 import * as lodash from 'lodash';
+import { ThemeInstallConfigurationResource } from '@spiffcommerce/theme-bridge';
 import { FuseResult } from 'fuse.js';
 
 declare class OptionService {
@@ -1793,6 +1794,13 @@ interface GetWorkflowFromExternalProductOptions extends GetNewWorkflowOptionsBas
 }
 type GetNewWorkflowOptions = GetWorkflowFromIntegrationProductOptions | GetWorkflowFromExternalProductOptions;
 type GetWorkflowOptions = GetWorkflowFromTransactionOptions | GetNewWorkflowOptions;
+interface ClientConfiguration {
+    hubUrl: string;
+    serverUrl: string;
+    servicesApiUrl: string;
+    marketplaceThemeInstallId: string;
+    marketplaceThemeInstallConfigurationId: string;
+}
 /**
  * The Spiff Commerce Javascript Client. Required for
  * creating workflow experiences.
@@ -1803,12 +1811,17 @@ declare class SpiffCommerceClient {
     private currencyCode?;
     private customer?;
     private activeIntegration?;
+    private marketplaceThemeInstallId?;
+    private marketplaceThemeInstallConfigurationId?;
     /**
      * @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);
+    /** @deprecated Use configureClient instead */
+    configureUrls(hubUrl: string, serverUrl: string, servicesApiUrl: string): void;
+    configure(configuration: ClientConfiguration): void;
     /**
      * @returns The asset manager allows for common operations related to assets
      * and the Spiff Commerce platform.
@@ -1937,7 +1950,6 @@ declare class SpiffCommerceClient {
      * @returns The transaction associated with this client.
      */
     getTransaction(): Transaction;
-    configureUrls(hubUrl: string, serverUrl: string, servicesApiUrl: string): void;
     /**
      * A function used to synchronize transaction state with the server.
      * @param options New state details. To be spread into the query.
@@ -2317,6 +2329,7 @@ interface Transaction {
     transactionShareActions?: TransactionShareAction[];
     /** Whether any share actions for this Transaction require the user to be authenticated as a stakeholder */
     hasAuthenticatedActions?: boolean;
+    marketplaceThemeInstallConfiguration?: ThemeInstallConfigurationResource;
 }
 interface TransactionShareAction {
     id: string;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { createHttpLink as xA, InMemoryCache as NA, ApolloClient as RA, from as HA, gql as f } from "@apollo/client/core";
-import { fetch as ot, getAttributesFromArrayBuffer as Tt, AssetType as _e, StepType as F, getFrameData as rt, frameDataCache as vA, modifySVGColors as UA, svgToDataUrl as kA, GroupCommand as k, UpdateFramePattern as Ot, UpdateFrameThresholdSettingsCommand as GA, calculateOffsets as ct, LayoutElementType as G, generate as J, CreateElementCommand as O, generateSVGWithUnknownColors as Oe, svgObjectURL as Re, fetchAsString as Z, DeleteElementCommand as te, generateDefaultRectangleFrameSvg as ft, GetSVGDimensions as bA, patternImageDataCache as Ft, fetchAsArrayBuffer as JA, findElement as He, modifySVGWithElementProperties as TA, IllustrationColorCommand as et, IllustrationCacheCommand as OA, getFontMetrics as LA, getPatternImageData as tt, FontAlignmentCommand as zA, FontColorCommand as KA, FontImageFillCommand as Ve, applyTextTransformations as At, determineCorrectFontSizeAndLines as xe, FontSourceCommand as yt, loadFont as gt, TextChangeCommand as jA, FontSizeCommand as VA, createElementNS as WA, createElement as Ie, _loadFontExternalDataURL as lt, UpdateWorkflowStateCommand as Mt, CommandContext as XA, createCanvas as ve, getSvgElement as Lt, LayoutRenderingPurpose as zt, renderPapyrusComponentAsString as Kt, loadImage as jt, getDomParser as Vt, toBase64 as St, getVariant as qA, generateFrameSVG as ZA, getDefaultVariant as Le, domParser as Wt, sanitizeSvgTree as Xt, traverse as $A, xmlSerializer as qt, CreateLayoutCommand as _A, AspectType as oe, rehydrateSerializedLayout as ae } from "@spiffcommerce/papyrus";
+import { fetch as ot, getAttributesFromArrayBuffer as Tt, AssetType as _e, StepType as F, getFrameData as rt, frameDataCache as vA, modifySVGColors as UA, svgToDataUrl as kA, GroupCommand as k, UpdateFramePattern as Ot, UpdateFrameThresholdSettingsCommand as GA, calculateOffsets as ct, LayoutElementType as G, generate as J, CreateElementCommand as O, generateSVGWithUnknownColors as Oe, svgObjectURL as Re, fetchAsString as $, DeleteElementCommand as te, generateDefaultRectangleFrameSvg as ft, GetSVGDimensions as bA, patternImageDataCache as Ft, fetchAsArrayBuffer as JA, findElement as He, modifySVGWithElementProperties as TA, IllustrationColorCommand as et, IllustrationCacheCommand as OA, getFontMetrics as LA, getPatternImageData as tt, FontAlignmentCommand as zA, FontColorCommand as KA, FontImageFillCommand as Ve, applyTextTransformations as At, determineCorrectFontSizeAndLines as xe, FontSourceCommand as yt, loadFont as gt, TextChangeCommand as jA, FontSizeCommand as VA, createElementNS as WA, createElement as Ie, _loadFontExternalDataURL as lt, UpdateWorkflowStateCommand as Mt, CommandContext as XA, createCanvas as ve, getSvgElement as Lt, LayoutRenderingPurpose as zt, renderPapyrusComponentAsString as Kt, loadImage as jt, getDomParser as Vt, toBase64 as St, getVariant as qA, generateFrameSVG as ZA, getDefaultVariant as Le, domParser as Wt, sanitizeSvgTree as Xt, traverse as $A, xmlSerializer as qt, CreateLayoutCommand as _A, AspectType as oe, rehydrateSerializedLayout as ae } from "@spiffcommerce/papyrus";
 import { AspectType as Fs, AssetType as ys, BringForwardCommand as Ms, BringToBackCommand as Ss, BringToFrontCommand as Ys, CanvasCommand as Ps, CommandContext as xs, CreateElementCommand as Ns, CreateLayoutCommand as Rs, DeleteElementCommand as Hs, FontAlignmentCommand as vs, FontColorCommand as Us, FontSizeCommand as ks, FontSourceCommand as Gs, GroupCommand as bs, LayoutElementFactory as Js, LayoutElementType as Ts, MoveCommand as Os, ResizeCommand as Ls, RotateCommand as zs, SendBackwardsCommand as Ks, StepAspectType as js, StepType as Vs, TextChangeCommand as Ws, UnitOfMeasurement as Xs, UpdateImageSourceCommand as qs, dataUrlFromExternalUrl as Zs, determineCorrectFontSizeAndLines as $s, findElement as _s, frameDataCache as eo, generate as to, generateSVGWithUnknownColors as Ao, getAttributesFromArrayBuffer as ao, getAxisAlignedBoundingBox as no, getFrameData as io, getSvgElement as so, loadFont as oo, patternImageDataCache as ro, registerFetchImplementation as co, registerWindowImplementation as go, rehydrateSerializedLayout as lo, setCanvasModule as Bo, svgToDataUrl as Co } from "@spiffcommerce/papyrus";
 import { setContext as ea } from "@apollo/client/link/context";
 import { onError as ta } from "@apollo/client/link/error";
@@ -148,7 +148,7 @@ class ia {
     this.serverUrlCallbacks.push(e);
   }
 }
-const ee = new ia();
+const q = new ia();
 let AA;
 const xt = (c) => {
   AA = c;
@@ -161,7 +161,7 @@ let aA;
 const ds = (c) => {
   aA = c;
 }, ra = () => new Promise((c) => {
-  const e = ee.getHubUrl(), t = (A) => {
+  const e = q.getHubUrl(), t = (A) => {
     A.origin === e && (window.removeEventListener("message", t), c(A.data));
   };
   window.parent !== window && (window.addEventListener("message", t, !1), window.parent.postMessage("ready", e));
@@ -175,7 +175,7 @@ const ds = (c) => {
 };
 class ga {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), ee.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), q.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -184,7 +184,7 @@ class ga {
   }
   constructShadowGraphqlClient() {
     const e = xA({
-      uri: `${ee.getServerUrl()}/graphql`,
+      uri: `${q.getServerUrl()}/graphql`,
       fetch: ot
     }), t = ea(async (i, s) => {
       const { headers: o } = s, r = o || {}, g = await ca(), B = s.bearer ?? g.bearer, l = s.partnerId ?? g.partnerId, C = s.activeIntegration ?? g.activeIntegration, d = s.transactionOwnerId, E = s.customerToken ?? g.customerToken, w = s.applicationKey ?? g.applicationKey, u = s.bundleOwnerId;
@@ -562,7 +562,7 @@ class ua {
     }
   }
 }
-const le = "persistentAssets", nA = class $ {
+const le = "persistentAssets", nA = class _ {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -577,7 +577,7 @@ const le = "persistentAssets", nA = class $ {
     const A = Y.getMap(le);
     A && A.forEach((a, n) => {
       t.set(n, a);
-    }), Y.setMap(le, t), $.executeCallbacks();
+    }), Y.setMap(le, t), _.executeCallbacks();
   }
   /**
    * Remove an existing asset from persistence. Noop if the asset doesn't exist.
@@ -588,7 +588,7 @@ const le = "persistentAssets", nA = class $ {
     if (!t)
       return;
     const A = Array.from(t.entries()).find((a) => a[0] === e);
-    A && (t.delete(A[0]), Y.setMap(le, t), $.executeCallbacks());
+    A && (t.delete(A[0]), Y.setMap(le, t), _.executeCallbacks());
   }
   /**
    * Get a list of all persisted assets.
@@ -601,16 +601,16 @@ const le = "persistentAssets", nA = class $ {
    * Adds a callback that will be called whenever assets are added/removed from persistence.
    */
   static addCallback(e) {
-    $.callbacks.push(e);
+    _.callbacks.push(e);
   }
   /**
    * Removes an existing callback.
    */
   static removeCallback(e) {
-    $.callbacks = $.callbacks.filter((t) => t !== e);
+    _.callbacks = _.callbacks.filter((t) => t !== e);
   }
   static executeCallbacks() {
-    $.callbacks.forEach((e) => e());
+    _.callbacks.forEach((e) => e());
   }
 };
 nA.callbacks = [];
@@ -835,6 +835,8 @@ const ge = f`
         $claim: Boolean
         $workflowId: String
         $designName: String
+        $marketplaceThemeInstallId: String
+        $marketplaceThemeInstallConfigurationId: String
     ) {
         transactionCreate(
             integrationProductId: $integrationProductId
@@ -843,6 +845,8 @@ const ge = f`
             claim: $claim
             workflowId: $workflowId
             designName: $designName
+            marketplaceThemeInstallId: $marketplaceThemeInstallId
+            marketplaceThemeInstallConfigurationId: $marketplaceThemeInstallConfigurationId
         ) {
             id
             designName
@@ -920,8 +924,16 @@ const ge = f`
     }
 `, Pa = f`
     ${ge}
-    mutation CreateTransactions($inputs: [TransactionCreateInput]!) {
-        transactionCreateMany(inputs: $inputs) {
+    mutation CreateTransactions(
+        $inputs: [TransactionCreateInput]!
+        $marketplaceThemeInstallId: String
+        $marketplaceThemeInstallConfigurationId: String
+    ) {
+        transactionCreateMany(
+            inputs: $inputs
+            marketplaceThemeInstallId: $marketplaceThemeInstallId
+            marketplaceThemeInstallConfigurationId: $marketplaceThemeInstallConfigurationId
+        ) {
             id
             designName
             transactionOwnerId
@@ -1391,7 +1403,7 @@ const va = f`
     }
 `, Ga = f`
     ${sA}
-    query ReadStakeholdersForTransaction($id: String!) {
+    query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
             stakeholders {
                 ...StakeholderFields
@@ -1857,7 +1869,7 @@ class Ht {
             u("Undefined vector silent step source");
             return;
           }
-          Z(l, !0).then((h) => {
+          $(l, !0).then((h) => {
             w(h);
           }).catch((h) => console.error(h));
         }))()), E = {
@@ -1911,7 +1923,7 @@ class Ht {
   }
 }
 const Ka = async (c) => {
-  const e = `${ee.getServicesApiUrl()}/shortener`;
+  const e = `${q.getServicesApiUrl()}/shortener`;
   try {
     return (await (await fetch(e, {
       method: "POST",
@@ -4787,7 +4799,7 @@ class $a {
         throw new Ae(e);
       const a = A.fileLink;
       if (a)
-        return Z(a, !0);
+        return $(a, !0);
       throw new ue(A);
     };
   }
@@ -4949,7 +4961,7 @@ class $a {
   }
   async loadPatternFromString(e, t, A = !0, a = void 0, n) {
     if (e.endsWith("svg")) {
-      const i = await bA(e), s = i.width, o = i.height, r = await Z(e);
+      const i = await bA(e), s = i.width, o = i.height, r = await $(e);
       if (n) {
         const l = r.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (l && l.length > 0)
@@ -5156,11 +5168,11 @@ class $a {
     ), this.validateColorCount(t, A);
   }
 }
-const _ = new $a();
+const ee = new $a();
 class _a {
   async getIllustrationBody(e) {
     return new Promise((t) => {
-      Z(e, !0).then((A) => {
+      $(e, !0).then((A) => {
         t(A);
       }).catch((A) => console.error(A));
     });
@@ -8077,7 +8089,7 @@ async function pA(c) {
   if (c === "Favourites")
     return new un();
   if (c === "Maltesers") {
-    const e = Z("https://assets.spiff.com.au/public/modules/img/MaltesersBackground.svg"), t = Z("https://assets.spiff.com.au/public/modules/img/MaltesersBackgroundShort.svg"), A = await Promise.all([e, t]);
+    const e = $("https://assets.spiff.com.au/public/modules/img/MaltesersBackground.svg"), t = $("https://assets.spiff.com.au/public/modules/img/MaltesersBackgroundShort.svg"), A = await Promise.all([e, t]);
     return new mn(A[0], A[1]);
   }
   if (c === "Vegemite")
@@ -8603,7 +8615,7 @@ class fn {
               r.connectWorkflowManager(this, o.stepName), this.stepSpecificServices[o.stepName] = {
                 frameService: r
               }, A.push(
-                _.init(o, this, this.reloadedState)
+                ee.init(o, this, this.reloadedState)
               );
             }
             break;
@@ -8704,7 +8716,7 @@ class fn {
     return Oa(this.allScenes, this.stepSelections, this.singleVariantsRenderable);
   }
 }
-class q {
+class Z {
   constructor(e) {
     this.variantData = e;
   }
@@ -8819,21 +8831,21 @@ const DA = class it {
   getCurrentVariant() {
     const t = this.manager.getWorkflowSelections()[this.step.stepName], A = t == null ? void 0 : t.selections[0];
     if (A)
-      return new q(A);
+      return new Z(A);
   }
   /**
    * @returns A list of valid variants for this step. Does not include disabled variants.
    */
   getAvailableVariants() {
     var t, A;
-    return (((A = (t = this.step.option) == null ? void 0 : t.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new q(a));
+    return (((A = (t = this.step.option) == null ? void 0 : t.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new Z(a));
   }
   /**
    * @returns A list of all variants for this step, including disabled ones.
    */
   getAllVariants() {
     var t;
-    return (((t = this.step.option) == null ? void 0 : t.variants) || []).map((A) => new q(A));
+    return (((t = this.step.option) == null ? void 0 : t.variants) || []).map((A) => new Z(A));
   }
   /**
    * @returns A unique identifier for this step within the workflow.
@@ -9487,35 +9499,22 @@ const kn = async (c) => {
   }), a;
 }, bn = (c, e, t, A) => {
   const a = {};
-  let n;
-  if (t) {
-    n = st(t, e, !1);
-    for (const i of Object.keys(n))
-      a[i] = {
-        value: n[i],
-        priceModifier: 0
+  let n = {};
+  t ? n = st(t, e, !1) : A && (n = A);
+  const s = e.steps.map((o) => o.stepTitle).filter((o, r, g) => g.indexOf(o) == r);
+  for (const o of s) {
+    if (Object.keys(c).includes(o)) {
+      const r = c[o], g = e.steps.find((B) => B.stepTitle === o);
+      a[`${g == null ? void 0 : g.stepTitle} selection`] = {
+        value: r[0].name,
+        priceModifier: r[0].priceModifier
       };
-  } else if (A) {
-    n = A;
-    for (const i of Object.keys(n))
-      a[i] = {
-        value: n[i],
+    }
+    for (const r of Object.keys(n))
+      [`${o} color`, `${o} colors`, `${o} text`, `${o} image`].includes(r) && (a[r] = {
+        value: n[r],
         priceModifier: 0
-      };
-  }
-  for (const i of Object.keys(c)) {
-    const s = c[i], o = e.steps.find((r) => r.stepTitle === i);
-    if (s.length === 1)
-      a[`${o == null ? void 0 : o.stepTitle} selection`] = {
-        value: s[0].name,
-        priceModifier: s[0].priceModifier
-      };
-    else if (s.length > 1)
-      for (let r = 0; r < s.length; r++)
-        a[`${o == null ? void 0 : o.stepTitle} selection ${r + 1}`] = {
-          value: s[r].name,
-          priceModifier: s[r].priceModifier
-        };
+      });
   }
   return a;
 }, fA = (c, e, t, A, a, n, i, s) => {
@@ -10288,7 +10287,7 @@ const Kn = [
   const s = (Q = i.asset) == null ? void 0 : Q.fileLink;
   if (!s)
     return console.error(`No asset link for variant with ID: ${a.illustrationVariantId}`), [];
-  const o = await Z(s, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", d = Wt().parseFromString(B, "image/svg+xml").firstElementChild;
+  const o = await $(s, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", d = Wt().parseFromString(B, "image/svg+xml").firstElementChild;
   if (!d)
     return console.error("Failed to read SVG."), [];
   Xt(d);
@@ -10506,7 +10505,7 @@ const Kn = [
       console.error(r);
     }
   else {
-    const r = await Z(n, !0), g = (B) => {
+    const r = await $(n, !0), g = (B) => {
       const l = /<svg.*?<\/svg>/s, C = B.match(l) || [], d = (C == null ? void 0 : C.length) > 0 ? C[0] : "", u = Wt().parseFromString(d, "image/svg+xml").firstElementChild;
       if (!u)
         throw new de("Failed to read SVG.");
@@ -11467,7 +11466,7 @@ class SA extends pt {
     const e = this.getStateValue();
     if (e) {
       const a = (A = this.optionResource.variants) == null ? void 0 : A.find((n) => n.id === e);
-      return a ? new q(a) : void 0;
+      return a ? new Z(a) : void 0;
     } else {
       const a = (t = this.optionResource.variants) == null ? void 0 : t.find(
         (n) => {
@@ -11475,7 +11474,7 @@ class SA extends pt {
           return n.id === ((s = (i = this.optionResource) == null ? void 0 : i.defaultVariant) == null ? void 0 : s.id);
         }
       );
-      return a ? new q(a) : void 0;
+      return a ? new Z(a) : void 0;
     }
   }
   /**
@@ -11483,14 +11482,14 @@ class SA extends pt {
    */
   getAvailableVariants() {
     var t, A;
-    return (((A = (t = this.optionResource) == null ? void 0 : t.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new q(a));
+    return (((A = (t = this.optionResource) == null ? void 0 : t.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new Z(a));
   }
   /**
    * @returns A list of all variants for this step, including disabled ones.
    */
   getAllVariants() {
     var t;
-    return (((t = this.optionResource) == null ? void 0 : t.variants) || []).map((A) => new q(A));
+    return (((t = this.optionResource) == null ? void 0 : t.variants) || []).map((A) => new Z(A));
   }
   /**
    * Select a given variant on the option for all shared steps.
@@ -11508,7 +11507,7 @@ class SA extends pt {
     if (!t)
       return Promise.resolve();
     const A = (n = (a = this.optionResource) == null ? void 0 : a.variants) == null ? void 0 : n.find((i) => i.id === t);
-    return A ? this.applyVariantSelection(new q(A), e) : Promise.resolve();
+    return A ? this.applyVariantSelection(new Z(A), e) : Promise.resolve();
   }
   async applyVariantSelection(e, t) {
     const a = this.getSharedSteps(t).map((n) => n.selectVariant(e));
@@ -11535,7 +11534,7 @@ class Gt extends SA {
     if (!t)
       return Promise.resolve();
     const A = (n = (a = this.optionResource) == null ? void 0 : a.variants) == null ? void 0 : n.find((i) => i.id === t);
-    return A ? this.applyColorVariant(new q(A), e) : Promise.resolve();
+    return A ? this.applyColorVariant(new Z(A), e) : Promise.resolve();
   }
   async applyColorVariant(e, t) {
     const a = this.getSharedSteps(t).map((n) => {
@@ -13472,7 +13471,14 @@ class $i {
       } catch (A) {
         throw console.error(A), new v("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.initialized = !1, this.options = e, this.options.applicationKey && sa(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 22.1.5-beta.48866ff2-4747-587f-9ab9-bd1ae140115b"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.initialized = !1, this.options = e, this.options.applicationKey && sa(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 22.2.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+  }
+  /** @deprecated Use configureClient instead */
+  configureUrls(e, t, A) {
+    q.setHubUrl(e), q.setServerUrl(t), q.setServicesApiUrl(A), this.getIntegration();
+  }
+  configure(e) {
+    q.setHubUrl(e.hubUrl), q.setServerUrl(e.serverUrl), q.setServicesApiUrl(e.servicesApiUrl), this.marketplaceThemeInstallId = e.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = e.marketplaceThemeInstallConfigurationId, this.getIntegration();
   }
   /**
    * @returns The asset manager allows for common operations related to assets
@@ -13845,7 +13851,9 @@ class $i {
               ...I,
               workflowId: a.workflowId,
               designName: a.designName,
-              claim: !0
+              claim: !0,
+              marketplaceThemeInstallId: this.marketplaceThemeInstallId,
+              marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
             },
             errorPolicy: "all",
             fetchPolicy: "no-cache",
@@ -13955,7 +13963,9 @@ class $i {
             workflowId: S.option.workflowId,
             designName: S.option.designName,
             claim: !0
-          }))
+          })),
+          marketplaceThemeInstallId: this.marketplaceThemeInstallId,
+          marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
@@ -14026,7 +14036,9 @@ class $i {
       mutation: Rt,
       variables: {
         integrationProductId: e,
-        claim: !0
+        claim: !0,
+        marketplaceThemeInstallId: this.marketplaceThemeInstallId,
+        marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
       },
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -14204,9 +14216,6 @@ class $i {
       throw new v("Cannot get transaction: Not initialized.");
     return this.experienceOptions.transaction;
   }
-  configureUrls(e, t, A) {
-    ee.setHubUrl(e), ee.setServerUrl(t), ee.setServicesApiUrl(A), this.getIntegration();
-  }
   storeCustomer(e) {
     const t = Y.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
     t.set(e.partner.id, e.id), Y.setMap("partnerCustomerIds", t);
@@ -14412,7 +14421,7 @@ class es extends X {
   }
   selectVariant(e) {
     const t = this.manager.getRegionElements(this.step.stepName);
-    return _.selectVariant(
+    return ee.selectVariant(
       this.step,
       e.getResource(),
       t,
@@ -14433,7 +14442,7 @@ class es extends X {
    */
   async selectImage(e, t = !0, A = !0) {
     var a;
-    if (await _.selectImage(this.step, e, this.manager, A), t) {
+    if (await ee.selectImage(this.step, e, this.manager, A), t) {
       const n = ((a = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : a.framePatternData) || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -14473,7 +14482,7 @@ class es extends X {
     if (!t)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const A = await U.removeBackgroundFromAsset(t);
-    e && await _.selectImage(this.step, A, this.manager, !1);
+    e && await ee.selectImage(this.step, A, this.manager, !1);
     const a = ((n = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : n.framePatternData) || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -14484,7 +14493,7 @@ class es extends X {
     }), A;
   }
   changeColors(e) {
-    _.changeColors(this.step, this.manager, e);
+    ee.changeColors(this.step, this.manager, e);
   }
   getImageData() {
     if (this.frameService)
@@ -14494,7 +14503,7 @@ class es extends X {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? _.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? ee.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -14507,7 +14516,7 @@ class es extends X {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return _.getUniqueColorCount(this.step, this.manager);
+    return ee.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(e, t, A, a) {
     return a && a.length > 1 && e === void 0 ? "SelectFrame" : t || A || this.getImageData() ? "Position" : "SelectImage";
@@ -14656,7 +14665,7 @@ export {
   b as UnhandledBehaviorError,
   Xs as UnitOfMeasurement,
   qs as UpdateImageSourceCommand,
-  q as Variant,
+  Z as Variant,
   zn as WorkflowExperienceEventType,
   Me as WorkflowExperienceImpl,
   U as assetService,
@@ -14669,7 +14678,7 @@ export {
   _s as findElement,
   hs as findPmsColors,
   eo as frameDataCache,
-  _ as frameStepService,
+  ee as frameStepService,
   to as generate,
   ti as generateCommands,
   Ao as generateSVGWithUnknownColors,
@@ -14702,7 +14711,7 @@ export {
   Bo as setCanvasModule,
   we as shapeStepService,
   Ka as shortenUrl,
-  ee as spiffCoreConfiguration,
+  q as spiffCoreConfiguration,
   us as stepAspectValuesToDesignInputSteps,
   Co as svgToDataUrl,
   V as textStepService,