@useinsider/guido 3.14.0 → 3.15.0-beta.0b5dc39

package/dist/composables/useEmailTemplateApplier.js

@@ -1,43 +1,57 @@
-import { useActionsApi as T } from "./useActionsApi.js";
-import { useToaster as f } from "./useToaster.js";
-import { useTranslations as y } from "./useTranslations.js";
-import { ToasterTypeOptions as n } from "../enums/toaster.js";
-import { ref as v } from "vue";
-const E = 250, s = v({}), o = {}, j = () => {
-  const { updateHtmlAndCss: l } = T(), { showToaster: p } = f(), i = y(), u = (e) => {
-    s.value[e] === void 0 && (s.value = { ...s.value, [e]: "pending" });
-  }, c = (e, t, r) => {
-    s.value = { ...s.value, [e]: "applying" };
+import { useActionsApi as d } from "./useActionsApi.js";
+import { useConfig as D } from "./useConfig.js";
+import { useToaster as h } from "./useToaster.js";
+import { useTranslations as E } from "./useTranslations.js";
+import { ToasterTypeOptions as f } from "../enums/toaster.js";
+import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
+import { flattenDynamicContentList as S } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as O } from "../utils/registerUsedDynamicContent.js";
+import { ref as U } from "vue";
+const w = 250, o = U({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
+  const { updateHtmlAndCss: c } = d(), { showToaster: m } = h(), y = E(), { template: T } = D(), v = A(), g = (e, t) => {
+    const a = y(e);
+    return a === e ? t : a;
+  }, C = (e) => {
+    o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
+  }, l = (e, t, a) => {
+    var n;
+    o.value = { ...o.value, [e]: "applying" };
     try {
-      l(t, r), s.value = { ...s.value, [e]: "applied" }, p({
-        type: n.Success,
-        message: i("newsletter.ai-template-applied")
-      });
-    } catch (a) {
-      s.value = { ...s.value, [e]: "failed" }, p({
-        type: n.Error,
-        message: a instanceof Error ? a.message : "Failed to apply template"
+      c(t, a), o.value = { ...o.value, [e]: "applied" };
+      try {
+        const r = S((n = T.value) == null ? void 0 : n.dynamicContentList), p = O(t, r);
+        p.length > 0 && v.registerDynamicContent(p);
+      } catch {
+      }
+      u.get(e) !== t && (u.set(e, t), m({
+        type: f.Success,
+        message: g("newsletter.ai-template-applied", "Template applied to the editor")
+      }));
+    } catch (r) {
+      o.value = { ...o.value, [e]: "failed" }, m({
+        type: f.Error,
+        message: r instanceof Error ? r.message : "Failed to apply template"
       });
     }
-  }, m = (e) => {
-    const t = o[e];
-    t && (clearTimeout(t), delete o[e]);
+  }, i = (e) => {
+    const t = s[e];
+    t && (clearTimeout(t), delete s[e]);
   };
-  return { applyStatus: s, markPending: u, applyTemplate: (e, t) => {
-    t.html && (m(e), c(e, t.html, t.css ?? ""));
+  return { applyStatus: o, markPending: C, applyTemplate: (e, t) => {
+    t.html && (i(e), l(e, t.html, t.css ?? ""));
   }, applyTemplateDebounced: (e, t) => {
     if (!t.html)
       return;
-    m(e);
-    const { html: r } = t, a = t.css ?? "";
-    o[e] = setTimeout(() => {
-      delete o[e], c(e, r, a);
-    }, E);
+    i(e);
+    const { html: a } = t, n = t.css ?? "";
+    s[e] = setTimeout(() => {
+      delete s[e], l(e, a, n);
+    }, w);
   } };
-}, k = () => {
-  Object.values(o).forEach(clearTimeout), Object.keys(o).forEach((l) => delete o[l]), s.value = {};
+}, G = () => {
+  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((c) => delete s[c]), o.value = {};
 };
 export {
-  k as resetEmailTemplateApplier,
-  j as useEmailTemplateApplier
+  G as resetEmailTemplateApplier,
+  z as useEmailTemplateApplier
 };

package/dist/composables/useHtmlValidator.js

@@ -1,64 +1,69 @@
-import { useConfig as W } from "./useConfig.js";
-import { getIgnoredRecommendationBlockIds as G } from "../config/compiler/utils/recommendationIgnoreUtils.js";
-import { TemplateTypes as H } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as X, CampaignCouldNotBeSavedKey as $, CanNotMakeAnyChangesForRunningKey as Y, DATA_ATTRIBUTE_REGEX as U, DYNAMIC_CONTENT_TAG_REGEX as j, ALLOWED_DYNAMIC_SYSTEM_TOKENS as q, VALID_DYNAMIC_VARIABLE_REGEX as K } from "../enums/html-validator.js";
+import { useConfig as V } from "./useConfig.js";
+import { getIgnoredRecommendationBlockIds as M } from "../config/compiler/utils/recommendationIgnoreUtils.js";
+import { TemplateTypes as W } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as X, DATA_ATTRIBUTE_REGEX as $, DYNAMIC_CONTENT_TAG_REGEX as Y, ALLOWED_DYNAMIC_SYSTEM_TOKENS as U, VALID_DYNAMIC_VARIABLE_REGEX as j } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as z } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Z } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as J } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveProductAttrValue as Q } from "../extensions/Blocks/Recommendation/templates/utils.js";
-import { RecommendationRequiredFieldsKey as ee } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as te } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as ne } from "../utils/base64.js";
-import { useHttp as se } from "./useHttp.js";
-import { useToaster as re } from "./useToaster.js";
-import { useTranslations as oe } from "./useTranslations.js";
-const ie = /recommendation-id="(\d+)"/g;
-function ae(t) {
-  return [...t.matchAll(ie)].map((m) => m[1]);
+import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as K } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as z } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { filterToProductAttrValue as Z } from "../extensions/Blocks/Recommendation/utils/compositionKeys.js";
+import { RecommendationRequiredFieldsKey as J } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as Q } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as ee } from "../utils/base64.js";
+import { computed as te } from "vue";
+import { useHttp as ne } from "./useHttp.js";
+import { useToaster as se } from "./useToaster.js";
+import { useTranslations as re } from "./useTranslations.js";
+const oe = /recommendation-id="(\d+)"/g;
+function ie(s) {
+  return [...s.matchAll(oe)].map((m) => m[1]);
 }
-function ce(t, m) {
-  return m.some((f) => t.startsWith(`${f}_`));
+function ae(s, m) {
+  return m.some((f) => s.startsWith(`${f}_`));
 }
-const le = /^(\d+)_\d+_(.+)$/;
-function me(t) {
-  const m = t.match(le);
+const ce = /^(\d+)_\d+_(.+)$/;
+function le(s) {
+  const m = s.match(ce);
   return m ? { recoId: m[1], attribute: m[2] } : null;
 }
-function ue(t) {
-  const m = new Set(Z);
-  return Object.values(t).forEach((f) => {
-    m.add(Q(f.attributeName, t).toLowerCase());
+function me(s) {
+  const m = new Set(K);
+  return Object.values(s).forEach((f) => {
+    m.add(Z(f).toLowerCase());
   }), m;
 }
-function de(t, m, f, o, d) {
-  const u = t.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
+function ue(s, m, f, o, d) {
+  const u = s.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
-  const p = new Set(m.map((h) => h.toLowerCase())), E = [];
+  const g = new Set(m.map((h) => h.toLowerCase())), E = [];
   return u.forEach((h) => {
-    const g = h.slice(2, -2).trim().toLowerCase();
-    if (g !== "" && p.has(g))
+    const p = h.slice(2, -2).trim().toLowerCase();
+    if (p !== "" && g.has(p))
       return;
-    const y = me(g);
+    const y = le(p);
     if (y && o.has(y.recoId)) {
       if (!d || d.has(y.attribute))
         return;
-      E.push(g);
+      E.push(p);
       return;
     }
-    ce(g, f) || g.includes(".") || E.push(g);
+    ae(p, f) || p.includes(".") || E.push(p);
   }), E;
 }
-function fe(t) {
-  return (t.replace(U, "$1").match(j) ?? []).filter((o) => {
-    const d = o.slice(2, -2), u = d.indexOf("|"), p = (u === -1 ? d : d.slice(0, u)).trim();
-    return q.includes(p) ? !1 : K.test(p) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
+function de(s) {
+  return (s.replace($, "$1").match(Y) ?? []).filter((o) => {
+    const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
+    return U.includes(g) ? !1 : j.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
   });
 }
 const xe = () => {
-  var b, S;
-  const { showToaster: t } = re(), { post: m } = se(), { config: f } = W(), o = oe(), d = te(), u = J(), p = ((S = (b = f.value) == null ? void 0 : b.partner) == null ? void 0 : S.messageType) === H.transactional, E = async (e) => {
+  const { showToaster: s } = se(), { post: m } = ne(), { config: f } = V(), o = re(), d = Q(), u = z(), g = te(
+    () => {
+      var e, t;
+      return ((t = (e = f.value) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) === W.transactional;
+    }
+  ), E = async (e) => {
     if (e.size === 0)
       return /* @__PURE__ */ new Set();
     try {
@@ -66,60 +71,60 @@ const xe = () => {
     } catch {
       return null;
     }
-    return ue(u.filterList);
+    return me(u.filterList);
   }, h = async (e) => {
     const n = await m(
       "/newsletter/template-library/check-template-html-body",
-      { html: ne(e) }
+      { html: ee(e) }
     ), { status: r, message: a } = n.data;
-    return r || t({
+    return r || s({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o($), a === o(Y) && t({
+    }), o(P), a === o(X) && s({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
-  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, s) => {
+  }, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), S = (e, t) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !p && n.forEach((a) => {
+    return n !== null && !g.value && n.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
         const [l] = i;
-        g(l) && !s.includes(l) && (t({
+        p(l) && !t.includes(l) && (s({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
-  }, w = async (e, s, n) => {
+  }, A = async (e, t, n) => {
     const r = n ? await h(e) : !0;
-    return T(e, s) && r;
-  }, R = (e) => e.length > 0 ? !0 : (t({
+    return S(e, t) && r;
+  }, T = (e) => e.length > 0 ? !0 : (s({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
-  }), !1), _ = (e) => {
-    const s = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
-    return s > n && t({
+  }), !1), w = (e) => {
+    const t = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
+    return t > n && s({
       type: c.Warning,
       message: o("custom-fields.missing-closing-braces")
-    }), s < n && t({
+    }), t < n && s({
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
-    }), s === n;
-  }, N = (e) => {
-    const s = fe(e).length === 0;
-    return s || t({
+    }), t === n;
+  }, R = (e) => {
+    const t = de(e).length === 0;
+    return t || s({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
-    }), s;
-  }, x = (e, s, n, r) => {
-    if (p)
+    }), t;
+  }, _ = (e, t, n, r) => {
+    if (g.value)
       return !0;
-    const a = de(
+    const a = ue(
       e,
-      s,
-      ae(e),
+      t,
+      ie(e),
       n,
       r
     );
@@ -129,91 +134,91 @@ const xe = () => {
                     ${a.map((l) => `<li>${l}</li>`).join("")}
                 </ul>
             `;
-      return t({
+      return s({
         type: c.Error,
         message: o("custom-fields.invalid-custom-fields") + i
       }), !1;
     }
     return !0;
-  }, O = (e) => {
-    const s = e.match(/{%(.*?)%}/g), n = [];
+  }, N = (e) => {
+    const t = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
-    if (s && s.forEach((a) => {
-      const i = a.match(P), l = a.match(X), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !l && (t({
+    if (t && t.forEach((a) => {
+      const i = a.match(G), l = a.match(H), C = (i == null ? void 0 : i.join("")) || "";
+      (!i || a !== C) && !l && (s({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
-      }), r = !1), i && i.forEach((C) => {
-        C.trim() === "=" && (t({
+      }), r = !1), i && i.forEach((v) => {
+        v.trim() === "=" && (s({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
-        const I = C.match(/^[a-zA-Z]*$/g);
-        I && I.forEach((A) => {
-          y(A) && n.push(A);
+        const I = v.match(/^[a-zA-Z]*$/g);
+        I && I.forEach((b) => {
+          y(b) && n.push(b);
         });
       });
     }), n.length) {
       const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
-      a.length !== i.length && (t({
+      a.length !== i.length && (s({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
       }), r = !1);
     }
     return r;
-  }, k = (e) => {
-    const s = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length, r = s === n;
-    return r || t({
+  }, x = (e) => {
+    const t = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length, r = t === n;
+    return r || s({
       type: c.Warning,
       message: o("custom-conditions.no-space-after-braces")
     }), r;
-  }, B = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (t({
+  }, O = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (s({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, D = () => u.hasInvalidBlock() ? (t({
+  }), !1) : !0, k = () => u.hasInvalidBlock() ? (s({
     type: c.Error,
-    message: o(ee)
-  }), !1) : !0, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((s) => s.filters.find((n) => n.value === "")) !== void 0 ? (t({
+    message: o(J)
+  }), !1) : !0, B = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, L = (e) => {
-    const s = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(s) === null ? !0 : (t({
+  }), !1) : !0, D = (e) => {
+    const t = /src="[^"]*\.(svg|pst)"/gm;
+    return e.match(t) === null ? !0 : (s({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
-  }, V = (e) => {
+  }, F = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
     return Array.from(r).find((i) => {
       var l;
       return !((l = i.id) != null && l.trim());
-    }) ? (t({
+    }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, M = (e) => {
+  }, L = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
     return Array.from(r).find((i) => {
       var l;
       return !((l = i.id) != null && l.trim());
-    }) ? (t({
+    }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
-  return { validateHtml: async (e, s, n = !1) => {
-    var v, C;
+  return { validateHtml: async (e, t, n = !1) => {
+    var C, v;
     const r = [
-      ...s.map((I) => I.value),
-      ...z,
-      ...((C = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : C.customFieldAttributes) ?? []
-    ], a = G(e), i = await E(a);
-    return await w(e, r, n) && R(e) && _(e) && N(e) && x(e, r, a, i) && O(e) && k(e) && B(e) && D() && F() && L(e) && V(e) && M(e);
+      ...t.map((I) => I.value),
+      ...q,
+      ...((v = (C = f.value) == null ? void 0 : C.template) == null ? void 0 : v.customFieldAttributes) ?? []
+    ], a = M(e), i = await E(a);
+    return await A(e, r, n) && T(e) && w(e) && R(e) && _(e, r, a, i) && N(e) && x(e) && O(e) && k() && B() && D(e) && F(e) && L(e);
   } };
 };
 export {
-  ue as buildPartnerAttributeNameSet,
-  de as findInvalidCustomFields,
-  me as parseRecommendationVariable,
+  me as buildPartnerAttributeNameSet,
+  ue as findInvalidCustomFields,
+  le as parseRecommendationVariable,
   xe as useHtmlValidator
 };

package/dist/composables/useStripo.js

@@ -16,22 +16,22 @@ import { useEditorStore as b } from "../stores/editor.js";
 import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
 import Z from "../package.json.js";
 let n = null;
-const Ct = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: T, getCustomFonts: v, getSyncModulesStatus: B } = K(), { handleEvent: F } = z(), { handleModuleAdd: M } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+const Ce = () => {
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var l;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = r, t.onload = () => i(), t.onerror = () => {
-      t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
-    }, document.body.appendChild(t);
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const t = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
+    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -57,6 +57,7 @@ const Ct = () => {
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
+        keepModuleStylesEnabled: !0,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
@@ -77,38 +78,38 @@ const Ct = () => {
             )
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(t) {
           try {
-            const d = await T();
-            e(d);
+            const d = await M();
+            t(d);
           } catch (d) {
             p(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            e(), d(), x(), I(), o.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
-              t.hasChanges = !1;
+            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            p(e, "Failed to load custom interface appearance");
+          } catch (t) {
+            p(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          t.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(t) {
+          e.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(e) {
-          t.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          e.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          t.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(t) {
+          e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          t.hasChanges = !0;
+          e.hasChanges = !0;
         },
-        onEvent: F,
-        onModuleAdd: M,
+        onEvent: B,
+        onModuleAdd: F,
         notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
@@ -124,11 +125,11 @@ const Ct = () => {
     const a = b();
     try {
       await f();
-      const [r, t] = await Promise.all([
-        v(),
-        B()
+      const [r, e] = await Promise.all([
+        T(),
+        v()
       ]);
-      a.syncModulesEnabled = t, await _(i, s, o, r, t);
+      a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {
       a.loadingStatus = !1, k({
         type: X.Error,
@@ -145,5 +146,5 @@ const Ct = () => {
   } };
 };
 export {
-  Ct as useStripo
+  Ce as useStripo
 };

package/dist/config/compiler/itemsCompilerRules.js

@@ -1,14 +1,35 @@
-import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
-const t = [
+import { pairProductVariables as o } from "../../utils/pairProductVariables.js";
+import { wrapHiddenPriceTdsForOutlook as r, MSO_ITEMS_HIDE_START as e, MSO_ITEMS_HIDE_END as t } from "./utils/itemsCompilerUtils.js";
+const a = [
   {
     id: "pair-product-variables",
     description: "Replace product default values with template variables",
     type: "custom",
-    processor: r,
+    processor: o,
     priority: 60
     // After recommendation rules (priority 50-53)
+  },
+  {
+    id: "wrap-hidden-price-mso-conditional",
+    // SD-147597: Outlook ignores display:none on <td>, so the horizontal layout's
+    // hidden price fallback renders too — duplicate price. Mark the hidden td(s)
+    // with safe placeholder comments and collapse them inline for web-engine Outlook.
+    description: "Mark hidden Items price tds for Outlook conditional hiding",
+    type: "custom",
+    processor: r,
+    priority: 65
+    // After pair-product-variables (60), before outlook rules (70+)
+  },
+  {
+    id: "swap-items-mso-markers",
+    // Injecting the delicate `<!-- -->` ghost token LAST (after reco minify P99
+    // and reco swap P100) keeps it out of every whitespace/comment-mangling pass.
+    description: "Swap Items MSO markers into [if !mso] conditional comments",
+    type: "custom",
+    processor: (i) => i.replaceAll(`<!--${e}-->`, "<!--[if !mso]><!-- -->").replaceAll(`<!--${t}-->`, "<!--<![endif]-->"),
+    priority: 101
   }
 ];
 export {
-  t as itemsCompilerRules
+  a as itemsCompilerRules
 };

package/dist/config/compiler/utils/itemsCompilerUtils.js

@@ -0,0 +1,28 @@
+const p = "MSO_ITEMS_HIDE_START", E = "MSO_ITEMS_HIDE_END", u = "mso-hide:all; max-height:0; overflow:hidden; font-size:0; line-height:0;", _ = ".ins-product-cart td.horizontal-price, .ins-product-cart td.vertical-price";
+function T(t) {
+  if (!t.includes("vertical-price") || !t.includes("ins-product-cart"))
+    return t;
+  const i = t.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(i, "text/html");
+  let n = !1;
+  if (r.querySelectorAll(_).forEach((e) => {
+    var s, a;
+    const o = e.getAttribute("style") || "";
+    if (!/display\s*:\s*none/i.test(o))
+      return;
+    const c = e.previousSibling;
+    if (((c == null ? void 0 : c.nodeType) !== Node.COMMENT_NODE || c.data !== p) && ((s = e.parentNode) == null || s.insertBefore(r.createComment(p), e), (a = e.parentNode) == null || a.insertBefore(r.createComment(E), e.nextSibling)), !/mso-hide/i.test(o)) {
+      const d = o.trim().endsWith(";") ? " " : "; ";
+      e.setAttribute("style", `${o}${d}${u}`);
+    }
+    n = !0;
+  }), !n)
+    return t;
+  const l = i.match(/<!DOCTYPE[^>]*>/i);
+  return ((l ? `${l[0]}
+` : "") + r.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+export {
+  E as MSO_ITEMS_HIDE_END,
+  p as MSO_ITEMS_HIDE_START,
+  T as wrapHiddenPriceTdsForOutlook
+};

package/dist/config/i18n/en/labels.json.js

@@ -1,4 +1,4 @@
-const e = "Items", o = {
+const e = "Items", o = "Default", t = "Custom", s = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation",
@@ -7,9 +7,13 @@ const e = "Items", o = {
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
-  "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"
+  "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
+  Default: o,
+  Custom: t
 };
 export {
+  t as Custom,
+  o as Default,
   e as Items,
-  o as default
+  s as default
 };