@useinsider/guido 3.13.1-beta.a1e3c5f → 3.13.1-beta.de07673

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as y, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as y } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as f, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const d = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, I = a({
+}, A = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -25,7 +25,7 @@ const d = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), A = a({
+}), I = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
@@ -53,7 +53,7 @@ const d = {
   /** Display name for the current user */
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
-  fallbackFont: e(A)
+  fallbackFont: e(I)
 }), v = a({
   /** Display text for the dynamic content */
   text: t(),
@@ -83,7 +83,7 @@ const d = {
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(y([t(), n()])),
+  decimalCount: e(f([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(y([t(), n()])),
+  size: e(f([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -175,9 +175,9 @@ const d = {
   /** Email header settings */
   emailHeader: e(N, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), y.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), y.DEFAULT_MODULES)
 }), x = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -203,9 +203,7 @@ const d = {
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
-  allowlistEnabled: e(o(), !1),
-  /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
-  linkTrackingIds: e(o(), !1)
+  allowlistEnabled: e(o(), !1)
 }), U = r([
   "amp-accordion",
   "amp-carousel",
@@ -301,7 +299,7 @@ const d = {
 }), K = a({
   // Required sections
   /** Identity configuration (required) */
-  identity: I,
+  identity: A,
   /** Partner configuration (required) */
   partner: L,
   // Optional sections (with defaults)
@@ -333,10 +331,10 @@ export {
   v as DynamicContentSchema,
   O as EditorSchema,
   N as EmailHeaderSchema,
-  A as FallbackFontSchema,
+  I as FallbackFontSchema,
   F as FeaturesSchema,
   K as GuidoConfigSchema,
-  I as IdentitySchema,
+  A as IdentitySchema,
   P as LegacyRecommendationConfigSchema,
   d as MessageType,
   L as PartnerSchema,

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "81958b3d"
+  "5079a1c8"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,50 +1,49 @@
-import { defineComponent as K, defineAsyncComponent as M, ref as O, computed as U, watch as _, onMounted as V, onUnmounted as j } from "vue";
-import { useCortexBlueprintBridge as J } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as Q } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as X } from "../composables/useGuidoStateBridge.js";
-import { usePartner as Y } from "../composables/usePartner.js";
-import { useStripo as Z } from "../composables/useStripo.js";
-import { useTimerClone as ee } from "../composables/useTimerClone.js";
-import { migrate as B } from "../config/migrator/index.js";
+import { defineComponent as q, defineAsyncComponent as M, ref as U, computed as _, watch as B, onMounted as K, onUnmounted as V } from "vue";
+import { useCortexBlueprintBridge as j } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as Q } from "../composables/useGuidoStateBridge.js";
+import { usePartner as X } from "../composables/usePartner.js";
+import { useStripo as Y } from "../composables/useStripo.js";
+import { useTimerClone as Z } from "../composables/useTimerClone.js";
+import { migrate as I } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as N } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as te } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as oe } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import ne from "./organisms/AutoSaveController.vue.js";
-import re from "./organisms/base/Toaster.vue.js";
-import se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ie from "./organisms/header/HeaderWrapper.vue.js";
-import ae from "./organisms/LoadingWrapper.vue.js";
-import ce from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import de from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as me } from "../services/stripoApi.js";
-import { useConfigStore as le } from "../stores/config.js";
-import { useDynamicContentStore as ue } from "../stores/dynamic-content.js";
-import { useEditorStore as P } from "../stores/editor.js";
-import { usePreviewStore as pe } from "../stores/preview.js";
-import { useTemplateStore as fe } from "../stores/template.js";
-import { useUnsubscribeStore as ye } from "../stores/unsubscribe.js";
-import { readTrackSeq as ve } from "../utils/linkTrackingIds.js";
-const $e = /* @__PURE__ */ K({
+import { RIBBON_SELECTOR as ee } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as te } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import oe from "./organisms/AutoSaveController.vue.js";
+import ne from "./organisms/base/Toaster.vue.js";
+import re from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import se from "./organisms/header/HeaderWrapper.vue.js";
+import ie from "./organisms/LoadingWrapper.vue.js";
+import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ce from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as de } from "../services/stripoApi.js";
+import { useConfigStore as me } from "../stores/config.js";
+import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
+import { useEditorStore as O } from "../stores/editor.js";
+import { usePreviewStore as ue } from "../stores/preview.js";
+import { useTemplateStore as pe } from "../stores/template.js";
+import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
+const xe = /* @__PURE__ */ q({
   __name: "Guido",
   props: {
     config: null,
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(A, { expose: W, emit: r }) {
-    const i = A, x = M(
+  setup(P, { expose: A, emit: n }) {
+    const i = P, W = M(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), G = M(
+    ), x = M(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), g = O(), l = O(), u = ue(), S = ye(), o = le();
+    ), g = U(), l = U(), u = le(), S = fe(), o = me();
     i.ready && o.init(i.config);
-    const c = P(), H = pe(), m = U(() => c.hasChanges), { isTestPartner: $ } = Y(), h = () => {
+    const d = O(), G = ue(), m = _(() => d.hasChanges), { isTestPartner: H } = X(), h = () => {
       var t;
       return (t = g.value) == null ? void 0 : t.handleSave(!0);
     }, b = (t) => {
-      c.loadingStatus = t;
+      d.loadingStatus = t;
     };
-    J(), X();
+    j(), Q();
     const p = () => {
       var t, e;
       return {
@@ -55,78 +54,78 @@ const $e = /* @__PURE__ */ K({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || N.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || N.DEFAULT_MODULES
       };
-    }, { initPlugin: E, preloadRuntime: w } = Z(), { getDefaultTemplate: C } = me(), { cloneTimersOnSave: D, hasTimerBlocks: k } = ee(), z = U(() => {
+    }, { initPlugin: E, preloadRuntime: w } = Y(), { getDefaultTemplate: C } = de(), { cloneTimersOnSave: D, hasTimerBlocks: T } = Z(), $ = _(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     });
-    Q({
+    J({
       onBack: () => {
-        console.debug("guido:back"), r("back");
+        console.debug("guido:back"), n("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), r("save:start");
+        console.debug("guido:save:start"), n("save:start");
       },
       onSaveComplete: (t) => {
         const e = { ...t, metadata: p() };
-        console.debug("guido:save:complete", e), r("save:complete", e);
+        console.debug("guido:save:complete", e), n("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), r("test-email:click");
+        console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const T = (t) => {
+    const L = (t) => {
       console.debug("dynamic-content:close", t), u.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, F = () => {
+    }, R = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    _(() => m.value, () => {
-      r("on-change", m.value);
+    B(() => m.value, () => {
+      n("on-change", m.value);
     });
     const f = (t) => {
-      const e = t, { attribute: s, position: d } = e.detail;
-      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
+      const e = t, { attribute: s, position: c } = e.detail;
+      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", s, c);
     };
     let a = null;
     const y = () => {
       var e;
-      const t = document.querySelector(te);
+      const t = document.querySelector(ee);
       (e = l.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, v = async () => {
       var t;
       try {
-        o.initialized || o.init(i.config), c.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", I = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        o.initialized || o.init(i.config), d.templateId = o.templateId;
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", c = (e == null ? void 0 : e.css) || "", k = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         S.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const L = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, R = { linkTrackingIds: o.isFeatureEnabled("linkTrackingIds") };
-        let n = {
-          html: s && await B(s, L, R),
-          css: d
+        const F = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {};
+        let r = {
+          html: s && await I(s, F),
+          css: c
         };
-        n.html || (n = await C(), n.html = await B(n.html, L, R)), k(n.html) && (n.html = await D(n.html)), c.trackIdSessionFloor = ve(n.html);
-        const q = {
-          preselectedDynamicContentList: I,
+        r.html || (r = await C(), r.html = await I(r.html, F)), T(r.html) && (r.html = await D(r.html));
+        const z = {
+          preselectedDynamicContentList: k,
           onReady: () => {
-            console.debug("guido:ready"), r("ready");
+            console.debug("guido:ready"), n("ready");
           }
         };
-        await E(n, p(), q), u.selectedDynamicContentList = I;
+        await E(r, p(), z), u.selectedDynamicContentList = k;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return V(async () => {
+    return K(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), oe().$reset(), P().$reset(), fe().$reset(), y();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), te().$reset(), O().$reset(), pe().$reset(), y();
       const t = (e = l.value) == null ? void 0 : e.parentElement;
       if (t && (a = new ResizeObserver(y), a.observe(t)), w(), i.ready)
         await v();
       else {
-        const s = _(() => i.ready, (d) => {
-          d && (s(), v());
+        const s = B(() => i.ready, (c) => {
+          c && (s(), v());
         });
       }
       document.addEventListener("dynamic-content:open", f);
-    }), j(() => {
+    }), V(() => {
       a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", f);
       try {
         window.UIEditor.removeEditor();
@@ -134,17 +133,17 @@ const $e = /* @__PURE__ */ K({
         console.debug("Failed to remove Stripo editor: No editor found");
       }
       o.reset();
-    }), W({
+    }), A({
       dynamicContent: {
-        insert: T,
-        close: F
+        insert: L,
+        close: R
       },
       hasChanges: m,
       saveSilent: h,
       setLoading: b
-    }), { __sfc: !0, PreviewContainer: x, OnboardingWrapper: G, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: c, previewStore: H, hasChanges: m, isTestPartner: $, saveSilent: h, setLoading: b, emit: r, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: k, noHeader: z, insertDynamicContent: T, closeDynamicContent: F, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: ne, Toaster: re, FilterSelectionDrawer: se, HeaderWrapper: ie, LoadingWrapper: ae, SaveAsTemplateDrawer: ce, UnsubscribeWrapper: de };
+    }), { __sfc: !0, PreviewContainer: W, OnboardingWrapper: x, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: d, previewStore: G, hasChanges: m, isTestPartner: H, saveSilent: h, setLoading: b, emit: n, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: T, noHeader: $, insertDynamicContent: L, closeDynamicContent: R, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: oe, Toaster: ne, FilterSelectionDrawer: re, HeaderWrapper: se, LoadingWrapper: ie, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
   }
 });
 export {
-  $e as default
+  xe as default
 };

package/dist/config/migrator/index.js

@@ -1,14 +1,14 @@
-import { migrateCheckbox as i } from "./checkboxMigrator.js";
-import { migrateCouponBlock as a } from "./couponBlockMigrator.js";
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
+import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
+import { migrateProductNameLink as a } from "./productNameLinkMigrator.js";
 import { migrateRadioButton as c } from "./radioButtonMigrator.js";
 import { migrateRecommendation as g } from "./recommendationMigrator.js";
 import { migrateSocialIcons as n } from "./socialIconMigrator.js";
-import { migrateTrackIds as p } from "./trackIdMigrator.js";
-import { migrateUnsubscribe as f } from "./unsubscribeMigrator.js";
-const x = async (m, o = {}, t = {}) => {
-  let r = m;
-  return r = i(r), r = c(r), r = await f(r), r = a(r), r = g(r, o), r = e(r), r = n(r), t.linkTrackingIds && (r = p(r)), r;
+import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
+const x = async (r, o = {}) => {
+  let m = r;
+  return m = t(m), m = c(m), m = await p(m), m = i(m), m = g(m, o), m = e(m), m = a(m), m = n(m), m;
 };
 export {
   x as migrate

package/dist/config/migrator/productNameLinkMigrator.js

@@ -0,0 +1,27 @@
+var n = Object.defineProperty;
+var a = (e, r, t) => r in e ? n(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var o = (e, r, t) => a(e, typeof r != "symbol" ? r + "" : r, t);
+import { unwrapProductNameLinks as i } from "../../utils/unwrapProductNameLink.js";
+const c = /<a[^>]*product-attr="name"/i;
+class s {
+  constructor() {
+    o(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(r) {
+    try {
+      if (!r.includes("items-block-v2") || !c.test(r))
+        return r;
+      const t = this.parser.parseFromString(r, "text/html");
+      return i(t), t.documentElement.outerHTML;
+    } catch (t) {
+      return console.error("ProductNameLinkMigrator failed:", t), r;
+    }
+  }
+}
+function d(e) {
+  return new s().migrate(e);
+}
+export {
+  d as migrateProductNameLink
+};

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,30 +1,31 @@
-import { ModificationDescription as d, UIElementType as a, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as T } from "../../../common-control.js";
-import { ItemsBlockControlId as l } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as o, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
-const g = l.NAME_TRIMMING, i = {
+import { ModificationDescription as l, UIElementType as s, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as p } from "../../../common-control.js";
+import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
+import { findNameTextNode as T } from "../../utils/nameNode.js";
+import { getItemsBlockConfig as r, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
+const g = a.NAME_TRIMMING, i = {
   TRIMMING: "trimming"
 };
-class y extends T {
+class y extends p {
   getId() {
     return g;
   }
   getTemplate() {
     return `
-            <div class="container ${l.NAME_TRIMMING}">
+            <div class="container ${a.NAME_TRIMMING}">
                 ${this._getTextTrimming()}
             </div>
         `;
   }
   onRender() {
-    const e = o(this.currentNode);
+    const e = r(this.currentNode);
     this.api.updateValues({ [i.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(i.TRIMMING, (t) => {
       this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = o(this.currentNode);
+      const t = r(this.currentNode);
       this.api.updateValues({ [i.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
@@ -32,20 +33,19 @@ class y extends T {
     c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [i.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
-    var m;
-    const t = (m = this.currentNode) == null ? void 0 : m.querySelector("p > a");
+    const t = T(this.currentNode);
     if (!t)
       return;
-    const n = o(this.currentNode), s = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, r = this.api.getDocumentModifier().modifyHtml(t);
-    s ? r.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : r.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), r.setStyle("max-width", "100%").apply(new d(`Text Trimming ${s ? "Enabled" : "Disabled"}`));
+    const n = r(this.currentNode), m = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, o = this.api.getDocumentModifier().modifyHtml(t);
+    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", "100%").apply(new l(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${a.LABEL}
-                    ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
+                <${s.LABEL}
+                    ${d.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
-                </${a.LABEL}>
+                </${s.LABEL}>
                 ${this._GuToggle(i.TRIMMING)}
             </div>
         `;

package/dist/extensions/Blocks/Items/controls/settingsControl.js

@@ -1,20 +1,21 @@
-import { ModificationDescription as y, UEAttr as L } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ModificationDescription as S, UEAttr as L } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as k } from "../../common-control.js";
 import { ItemsBlockId as I } from "../enums/controlEnums.js";
-import { productPairs as N, templateFirstLine as D } from "../enums/productEnums.js";
+import { productPairs as y, templateFirstLine as D } from "../enums/productEnums.js";
 import { SETTINGS_ENUMS as d, ItemTypeOptions as x, OrientationOptions as F, ItemInCartOptions as O, DefaultConfigValues as H } from "../enums/settingsEnums.js";
 import $ from "../layouts/horizontal.html.js";
-import q from "../layouts/vertical.html.js";
-import { getDefaultTemplate as w, wrapInTableRow as C } from "../template.js";
-import { getItemsBlockConfig as _, setItemsBlockConfig as M, escapeReplacement as g, deriveItemNumber as V } from "../utils/nodeConfigUtils.js";
-const B = "ui-elements-items-block", m = {
+import w from "../layouts/vertical.html.js";
+import { getDefaultTemplate as q, wrapInTableRow as C } from "../template.js";
+import { findNameTextNode as V } from "../utils/nameNode.js";
+import { getItemsBlockConfig as _, setItemsBlockConfig as M, escapeReplacement as g, deriveItemNumber as B } from "../utils/nodeConfigUtils.js";
+const G = "ui-elements-items-block", m = {
   ITEMS_TYPE: "itemsType",
   ORIENTATION: "orientation",
   ITEM_IDS: "itemIds"
 };
-class Z extends k {
+class te extends k {
   getId() {
-    return B;
+    return G;
   }
   getTemplate() {
     return `
@@ -86,7 +87,7 @@ class Z extends k {
     M(this.currentNode, this.api, {
       orientation: e,
       priceOrientation: "horizontal"
-    }, r), r.apply(new y("Changed orientation")), this._reOrderTemplate(), setTimeout(() => {
+    }, r), r.apply(new S("Changed orientation")), this._reOrderTemplate(), setTimeout(() => {
       this._recalculateTrimming();
     }, 50);
   }
@@ -103,7 +104,7 @@ class Z extends k {
       buttonLink: n
     }, o), this._updateDataTypeAttributes(r, o), this._initializeSelectItems();
     const c = this._getTemplateData(r, i.value);
-    this._updateImageSrc(c.imageSrc, o), this._updateName(c.name, o), this._updatePrice(c.price, o), this._updateOriginalPrice(c.originalPrice, o), this._updateQuantity(c.quantity, r, o), o.apply(new y("Updated items type"));
+    this._updateImageSrc(c.imageSrc, o), this._updateName(c.name, o), this._updatePrice(c.price, o), this._updateOriginalPrice(c.originalPrice, o), this._updateQuantity(c.quantity, r, o), o.apply(new S("Updated items type"));
   }
   _onItemIdsChange(e) {
     this.api.updateValues({ [m.ITEM_IDS]: e });
@@ -114,7 +115,7 @@ class Z extends k {
       buttonLink: r
     }, i), this._updateDataNumberAttributes(e, i);
     const n = this._getTemplateData(void 0, e);
-    this._updateImageSrc(n.imageSrc, i), this._updateName(n.name, i), this._updatePrice(n.price, i), this._updateOriginalPrice(n.originalPrice, i), this._updateQuantity(n.quantity, void 0, i), i.apply(new y("Updated item selection"));
+    this._updateImageSrc(n.imageSrc, i), this._updateName(n.name, i), this._updatePrice(n.price, i), this._updateOriginalPrice(n.originalPrice, i), this._updateQuantity(n.quantity, void 0, i), i.apply(new S("Updated item selection"));
   }
   _initializeSelectItems() {
     this.api.setUIEAttribute(
@@ -149,25 +150,25 @@ class Z extends k {
   }
   _renderTemplate() {
     const e = _(this.currentNode), r = (e == null ? void 0 : e.orientation) ?? d.ORIENTATION.VERTICAL, t = (e == null ? void 0 : e.type) ?? d.ITEMS_TYPE.CART_ITEMS, i = (e == null ? void 0 : e.itemsSelectValue) ?? "", n = (e == null ? void 0 : e.priceCurrencySymbol) ?? "", s = (e == null ? void 0 : e.priceCurrencyLocation) ?? "0", o = (e == null ? void 0 : e.priceFormatted) ?? !1;
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(w({
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setInnerHtml(q({
       orientation: r,
       itemsType: t,
       itemId: i,
       currencySymbol: n,
       currencyLocation: s,
       formattedPrice: o
-    })).apply(new y("Updated template"));
+    })).apply(new S("Updated template"));
   }
   _getTemplateData(e, r) {
-    const t = _(this.currentNode), i = e ?? (t == null ? void 0 : t.type) ?? d.ITEMS_TYPE.CART_ITEMS, n = r ?? (t == null ? void 0 : t.itemsSelectValue) ?? "", s = (t == null ? void 0 : t.priceFormatted) ?? !1, o = (t == null ? void 0 : t.priceSinglePrice) ?? !1, c = O[i].findIndex((h) => h.value === n), a = c > -1 ? c : 0, l = N.PAIRS_FOR_EXTENSION.price[i], T = N.PAIRS_FOR_EXTENSION.originalPrice[i];
+    const t = _(this.currentNode), i = e ?? (t == null ? void 0 : t.type) ?? d.ITEMS_TYPE.CART_ITEMS, n = r ?? (t == null ? void 0 : t.itemsSelectValue) ?? "", s = (t == null ? void 0 : t.priceFormatted) ?? !1, o = (t == null ? void 0 : t.priceSinglePrice) ?? !1, c = O[i].findIndex((h) => h.value === n), a = c > -1 ? c : 0, l = y.PAIRS_FOR_EXTENSION.price[i], T = y.PAIRS_FOR_EXTENSION.originalPrice[i];
     let u, p;
     return o ? (u = s ? l.DEFAULT_SINGLE_PRICE_FORMATTED : l.DEFAULT_SINGLE_PRICE, p = s ? T.DEFAULT_SINGLE_PRICE_FORMATTED : T.DEFAULT_SINGLE_PRICE) : (u = s ? l.DEFAULT_PRICE_FORMATTED : l.DEFAULT_PRICE, p = s ? T.DEFAULT_PRICE_FORMATTED : T.DEFAULT_PRICE), {
-      imageSrc: N.PAIRS_FOR_EXTENSION.imageSrc[i].DEFAULT[a],
-      name: N.PAIRS_FOR_EXTENSION.name[i].DEFAULT[a],
+      imageSrc: y.PAIRS_FOR_EXTENSION.imageSrc[i].DEFAULT[a],
+      name: y.PAIRS_FOR_EXTENSION.name[i].DEFAULT[a],
       price: u,
       originalPrice: p,
-      quantity: N.PAIRS_FOR_EXTENSION.quantity[i].DEFAULT,
-      button: N.PAIRS_FOR_EXTENSION.button[i].DEFAULT_LABEL
+      quantity: y.PAIRS_FOR_EXTENSION.quantity[i].DEFAULT,
+      button: y.PAIRS_FOR_EXTENSION.button[i].DEFAULT_LABEL
     };
   }
   _updateImageSrc(e, r) {
@@ -193,8 +194,8 @@ class Z extends k {
       const a = this._getParagraphFromBlock(c);
       if (!a)
         return;
-      const l = a.getInnerHTML().trim() || "", T = a.getInnerText().trim() || "", u = (n == null ? void 0 : n.trim()) || "", p = this._removeCurrencySymbol(T, u), h = this._replacePriceNumber(p, e), E = this._buildPriceContent(h, u, s), S = l.replace(T, g(E));
-      r.modifyHtml(a).setInnerHtml(S);
+      const l = a.getInnerHTML().trim() || "", T = a.getInnerText().trim() || "", u = (n == null ? void 0 : n.trim()) || "", p = this._removeCurrencySymbol(T, u), h = this._replacePriceNumber(p, e), E = this._buildPriceContent(h, u, s), N = l.replace(T, g(E));
+      r.modifyHtml(a).setInnerHtml(N);
     });
   }
   _updateOriginalPrice(e, r) {
@@ -209,7 +210,7 @@ class Z extends k {
       const l = a.querySelector("s");
       if (!l)
         return;
-      const T = l.getInnerHTML().trim() || "", u = l.getInnerText().trim() || "", p = (n == null ? void 0 : n.trim()) || "", h = this._removeCurrencySymbol(u, p), E = this._replacePriceNumber(h, e), S = this._buildPriceContent(E, p, s), R = `<s>${T.replace(u, g(S))}</s>`;
+      const T = l.getInnerHTML().trim() || "", u = l.getInnerText().trim() || "", p = (n == null ? void 0 : n.trim()) || "", h = this._removeCurrencySymbol(u, p), E = this._replacePriceNumber(h, e), N = this._buildPriceContent(E, p, s), R = `<s>${T.replace(u, g(N))}</s>`;
       r.modifyHtml(a).setInnerHtml(R);
     });
   }
@@ -223,17 +224,17 @@ class Z extends k {
       return;
     const T = l.getInnerText().trim();
     let u = l.getInnerHTML().trim();
-    function p(E, S, A) {
+    function p(E, N, A) {
       return E.replace(
-        new RegExp(`(>\\s*)?${S}(\\s*<)?`, "g"),
+        new RegExp(`(>\\s*)?${N}(\\s*<)?`, "g"),
         `$1${A}$2`
       );
     }
     u = p(u, T, e), t.modifyHtml(l).setInnerHtml(u), t.modifyHtml(a).setStyle("display", c ? "table-cell" : "none");
   }
   _reOrderTemplate(e) {
-    var h, E, S, A, R, b;
-    const r = (h = this.currentNode) == null ? void 0 : h.querySelector(`[esd-extension-block-id="${I.IMAGE}"]`), t = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${I.NAME}"]`), i = ((S = this.currentNode) == null ? void 0 : S.querySelectorAll(
+    var h, E, N, A, R, b;
+    const r = (h = this.currentNode) == null ? void 0 : h.querySelector(`[esd-extension-block-id="${I.IMAGE}"]`), t = (E = this.currentNode) == null ? void 0 : E.querySelector(`[esd-extension-block-id="${I.NAME}"]`), i = ((N = this.currentNode) == null ? void 0 : N.querySelectorAll(
       `[esd-extension-block-id="${I.PRICE}"]`
     )) || [], n = ((A = this.currentNode) == null ? void 0 : A.querySelectorAll(
       `[esd-extension-block-id="${I.ORIGINAL_PRICE}"]`
@@ -241,12 +242,12 @@ class Z extends k {
     if (!r || !t || !s || !o || !c || !a)
       return;
     const l = _(this.currentNode), u = ((l == null ? void 0 : l.orientation) ?? d.ORIENTATION.VERTICAL) === d.ORIENTATION.VERTICAL;
-    let p = u ? q : $;
+    let p = u ? w : $;
     setTimeout(() => {
-      const U = g(s.getOuterHTML()), f = g(o.getOuterHTML());
-      p = p.replace("{-{-TEMPLATE_FIRST_LINE-}-}", u ? D : "").replace("{-{-PRODUCT_IMAGE-}-}", C(r.getOuterHTML())).replace("{-{-PRODUCT_NAME-}-}", C(t.getOuterHTML())).replaceAll("{-{-PRODUCT_PRICE-}-}", C(U)).replaceAll("{-{-PRODUCT_ORIGINAL_PRICE-}-}", C(f)).replace("{-{-PRODUCT_QUANTITY-}-}", C(c.getOuterHTML())).replace("{-{-PRODUCT_BUTTON-}-}", C(a.getOuterHTML())), p = p.trim().replace(D, "").slice(0, -5);
+      const f = g(s.getOuterHTML()), U = g(o.getOuterHTML());
+      p = p.replace("{-{-TEMPLATE_FIRST_LINE-}-}", u ? D : "").replace("{-{-PRODUCT_IMAGE-}-}", C(r.getOuterHTML())).replace("{-{-PRODUCT_NAME-}-}", C(t.getOuterHTML())).replaceAll("{-{-PRODUCT_PRICE-}-}", C(f)).replaceAll("{-{-PRODUCT_ORIGINAL_PRICE-}-}", C(U)).replace("{-{-PRODUCT_QUANTITY-}-}", C(c.getOuterHTML())).replace("{-{-PRODUCT_BUTTON-}-}", C(a.getOuterHTML())), p = p.trim().replace(D, "").slice(0, -5);
       const P = e ?? this.api.getDocumentModifier();
-      P.modifyHtml(r.querySelector("img")).setAttribute("width", H.productImageWidth).setAttribute("height", H.productImageWidth), P.modifyHtml(this.currentNode).setInnerHtml(p), e || P.apply(new y("Reordered template"));
+      P.modifyHtml(r.querySelector("img")).setAttribute("width", H.productImageWidth).setAttribute("height", H.productImageWidth), P.modifyHtml(this.currentNode).setInnerHtml(p), e || P.apply(new S("Reordered template"));
     }, 50);
   }
   _updateDataTypeAttributes(e, r) {
@@ -261,7 +262,7 @@ class Z extends k {
   _updateDataNumberAttributes(e, r) {
     if (!this.currentNode)
       return;
-    const t = _(this.currentNode), i = (t == null ? void 0 : t.type) ?? d.ITEMS_TYPE.CART_ITEMS, n = V(e, i), s = this.currentNode.closest(".ins-product-td");
+    const t = _(this.currentNode), i = (t == null ? void 0 : t.type) ?? d.ITEMS_TYPE.CART_ITEMS, n = B(e, i), s = this.currentNode.closest(".ins-product-td");
     s && r.modifyHtml(s).setAttribute("data-number", n), this.currentNode.querySelectorAll("[data-number]").forEach((c) => {
       const a = c;
       r.modifyHtml(a).setAttribute("data-number", n);
@@ -269,7 +270,7 @@ class Z extends k {
   }
   _reFillTemplate(e) {
     const r = this._getTemplateData(e), t = this.api.getDocumentModifier();
-    this._updateImageSrc(r.imageSrc, t), this._updateName(r.name, t), this._updatePrice(r.price, t), this._updateOriginalPrice(r.originalPrice, t), this._updateQuantity(r.quantity, e, t), t.apply(new y("Refilled template"));
+    this._updateImageSrc(r.imageSrc, t), this._updateName(r.name, t), this._updatePrice(r.price, t), this._updateOriginalPrice(r.originalPrice, t), this._updateQuantity(r.quantity, e, t), t.apply(new S("Refilled template"));
   }
   _recalculateTrimming() {
     var n;
@@ -278,11 +279,11 @@ class Z extends k {
     const e = (n = this.currentNode) == null ? void 0 : n.querySelector(`[esd-extension-block-id="${I.NAME}"]`);
     if (!e)
       return;
-    const r = e.querySelector("p > a");
+    const r = V(e);
     if (!r)
       return;
     const t = _(this.currentNode), i = (t == null ? void 0 : t.nameTrimming) ?? !0;
-    this.api.getDocumentModifier().modifyHtml(r).setStyle("overflow", "hidden").setStyle("white-space", i ? "nowrap" : "normal").setStyle("text-overflow", i ? "ellipsis" : "unset").setStyle("max-width", "100%").setStyle("width", "100%").apply(new y("Recalculated trimming after orientation change"));
+    this.api.getDocumentModifier().modifyHtml(r).setStyle("overflow", "hidden").setStyle("white-space", i ? "nowrap" : "normal").setStyle("text-overflow", i ? "ellipsis" : "unset").setStyle("max-width", "100%").setStyle("width", "100%").apply(new S("Recalculated trimming after orientation change"));
   }
   _getParagraphFromBlock(e) {
     return e.querySelector("p");
@@ -314,6 +315,6 @@ class Z extends k {
   }
 }
 export {
-  B as CONTROL_BLOCK_ID,
-  Z as ItemsBlockControl
+  G as CONTROL_BLOCK_ID,
+  te as ItemsBlockControl
 };