@spiffcommerce/core 27.0.0-beta.7123ea0f-ccbb-57f9-919e-cf0e8d93ccc4 → 27.0.0-beta.dd54188f-e25d-5605-a565-cd093566398b

package/dist/index.mjs

@@ -5875,7 +5875,14 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
   })()
 } : r, ya = 1.1, ts = (r) => {
   var m, g, p, f, C;
-  const e = (r.rotation || 0) * Math.PI / 180, a = Math.cos(e), n = -Math.sin(e), i = `text-path-${r.id}`, s = `text-fill-${r.id}`, o = r.x + (r.curved ? 0 : r.width / 2), l = r.y + (r.curved ? 0 : r.height / 2), c = gr.compile(r.text || "")((m = r._renderingConfiguration) == null ? void 0 : m.templatingContext), d = c.split(`
+  const e = (r.rotation || 0) * Math.PI / 180, a = Math.cos(e), n = -Math.sin(e), i = `text-path-${r.id}`, s = `text-fill-${r.id}`, o = r.x + (r.curved ? 0 : r.width / 2), l = r.y + (r.curved ? 0 : r.height / 2);
+  let c = "";
+  try {
+    c = gr.compile(r.text || "")((m = r._renderingConfiguration) == null ? void 0 : m.templatingContext);
+  } catch {
+    c = r.text ?? "";
+  }
+  const d = c.split(`
 `), A = (g = r.strokeColor) != null && g.browserValue && r.strokeThickness ? (p = r.strokeColor) == null ? void 0 : p.browserValue : void 0, u = (f = r.strokeColor) != null && f.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
   if (r.curved && !r.paths || !r.fontData)
     return null;
@@ -10192,26 +10199,30 @@ class Ya extends Dn {
 }
 class mo {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, C = !1) {
+    var w;
     this.workflowStatePromiseQueue = new Fn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
-      var v;
+      var B;
       if (!this.previewService)
         return;
-      const w = this.getCommandContext().getAllLayouts(), S = (v = this.getLayoutPreviewService()) == null ? void 0 : v.getAll();
-      if (S)
-        for (const [, B] of S)
-          B.render(w);
-    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.isReloadedTransaction = p, this.workflow.steps.forEach((w) => {
-      this.stepTags[w.stepName] = w.tags ?? [];
+      const S = this.getCommandContext().getAllLayouts(), v = (B = this.getLayoutPreviewService()) == null ? void 0 : B.getAll();
+      if (v)
+        for (const [, E] of v)
+          E.render(S);
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, (w = this.renderableContextService) == null || w.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((S) => {
+      this.stepTags[S.stepName] = S.tags ?? [];
     }), C && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
-    }), this.initializationPromise.catch((w) => {
-      throw console.error(w), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
+    }), this.initializationPromise.catch((S) => {
+      throw console.error(S), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
     }), this.initializationPromise.finally(
       () => this.getCommandContext().registerStateCallback(() => {
         this.updateStateWithServer(), this.renderLayouts();
       })
     );
   }
+  getTemplatingContext() {
+    return { recipient: this.transaction.recipient };
+  }
   async updateRecipient(t, e, a, n, i, s, o, l, c, d) {
     var A, u, h, m, g;
     if ((A = this.transaction.recipient) != null && A.id)
@@ -12279,7 +12290,8 @@ class Oo {
     const m = Sa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Ht.Print,
-        region: { left: A.x, top: A.y, width: A.width, height: A.height }
+        region: { left: A.x, top: A.y, width: A.width, height: A.height },
+        templatingContext: this.workflowManager.getTemplatingContext()
       }
     }), g = un(m);
     await (await Aa.from(h, g, {
@@ -13095,7 +13107,13 @@ class Jo {
     t.forEach(
       (a) => e.set(
         a.id,
-        new Xo(a.id, a.name, this, { width: a.width, height: a.height })
+        new Xo(
+          a.id,
+          a.name,
+          this,
+          { width: a.width, height: a.height },
+          this.getWorkflowManager.bind(this)
+        )
       )
     ), this.layouts = e;
   }
@@ -13108,6 +13126,12 @@ class Jo {
   getAll() {
     return this.layouts;
   }
+  setWorkflowManager(t) {
+    this.workflowManager = t;
+  }
+  getWorkflowManager() {
+    return this.workflowManager;
+  }
 }
 const Ko = () => new Promise((r, t) => {
   try {
@@ -13118,8 +13142,8 @@ const Ko = () => new Promise((r, t) => {
   }
 }), _o = Ko();
 class Xo {
-  constructor(t, e, a, n) {
-    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Fn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n;
+  constructor(t, e, a, n, i) {
+    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Fn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n, this.getWorkflowManager = i;
   }
   getID() {
     return this.id;
@@ -13180,15 +13204,15 @@ class Xo {
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
-        e
+        e,
+        this.getWorkflowManager
       )
     );
   }
 }
 class Zo extends Dn {
-  // TODO: Do we need to pass this whole array in?
-  constructor(t, e, a, n, i) {
-    super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = n, this.layouts = i;
+  constructor(t, e, a, n, i, s) {
+    super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = n, this.layouts = i, this.getWorkflowManager = s;
   }
   /**
    * Returns the resolution expected for generated textures.
@@ -13224,20 +13248,24 @@ class Zo extends Dn {
    * a loose target but should be kept in mind when making changes.
    */
   async execute() {
-    const t = this.layouts.find((h) => h.layoutState.layout.id === this.layoutId);
+    var h, m;
+    const t = this.layouts.find((g) => g.layoutState.layout.id === this.layoutId);
     if (!t)
       return;
     const e = t.layoutState.elements || [], a = t.layoutState.layout.width, n = t.layoutState.layout.height, i = a === 1 || n === 1 ? { width: 1, height: 1 } : this.getDynamicTextureResolution(), s = i.width, o = i.height;
     let l, c;
     if (this.nonPOTSupport) {
-      const h = s / o;
-      a / n < h ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
-      const g = this.resizeFit({ width: l, height: c });
-      l = g.width, c = g.height;
+      const g = s / o;
+      a / n < g ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
+      const f = this.resizeFit({ width: l, height: c });
+      l = f.width, c = f.height;
     } else
       l = i.width, c = i.height;
     const d = Sa(t.layoutState.layout, e, {
-      renderingConfiguration: { purpose: Ht.ThreeD }
+      renderingConfiguration: {
+        purpose: Ht.ThreeD,
+        templatingContext: (m = (h = this.getWorkflowManager) == null ? void 0 : h.call(this)) == null ? void 0 : m.getTemplatingContext()
+      }
     }), A = un(d), u = await Aa.from(this.ctx, A, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
@@ -15754,7 +15782,7 @@ class rd {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.0.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.0.0-beta.03520a63-5cd6-54a3-a288-e777858aba3b"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && $r(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);