@useinsider/guido 3.18.1-beta.dea994d → 3.18.1-beta.e489d08

package/dist/composables/useHtmlValidator.js

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

package/dist/composables/usePreviewMode.js

@@ -1,12 +1,11 @@
-import { useEditorStore as p } from "../stores/editor.js";
-import { usePreviewStore as c } from "../stores/preview.js";
-import { appendMobileHiddenColumnCss as u } from "../utils/appendMobileHiddenColumnCss.js";
-import { useActionsApi as v } from "./useActionsApi.js";
-import { useCodeEditorApi as w } from "./useCodeEditorApi.js";
-import { useHtmlCompiler as P } from "./useHtmlCompiler.js";
-import { useRecommendationPreview as f } from "./useRecommendationPreview.js";
-const A = () => {
-  const t = p(), e = c(), { closeCodeEditor: a } = w(), { getPreviewData: m, getCompiledEmail: s } = v(), { compileHtml: l } = P(), { substituteRecommendationPreview: r } = f(), i = () => {
+import { useEditorStore as n } from "../stores/editor.js";
+import { usePreviewStore as p } from "../stores/preview.js";
+import { useActionsApi as c } from "./useActionsApi.js";
+import { useCodeEditorApi as u } from "./useCodeEditorApi.js";
+import { useHtmlCompiler as v } from "./useHtmlCompiler.js";
+import { useRecommendationPreview as w } from "./useRecommendationPreview.js";
+const C = () => {
+  const t = n(), e = p(), { closeCodeEditor: a } = u(), { getPreviewData: m, getCompiledEmail: s } = c(), { compileHtml: l } = v(), { substituteRecommendationPreview: r } = w(), i = () => {
     t.isPreviewModeOpen = !1, e.$reset();
   };
   return {
@@ -21,8 +20,8 @@ const A = () => {
           const [o, d] = await Promise.all([
             m(),
             s({ minimize: !0, resetDataSavedFlag: !1 })
-          ]), n = r(o.html || "");
-          e.templateHtml = u(n), e.ampHtml = r(o.ampHtml || ""), e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = l(d.html).estimatedSizeKB, e.isLoaded = !0;
+          ]);
+          e.templateHtml = r(o.html || ""), e.ampHtml = r(o.ampHtml || ""), e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = l(d.html).estimatedSizeKB, e.isLoaded = !0;
         } catch (o) {
           console.error("Failed to load preview data:", o), i();
         } finally {
@@ -33,5 +32,5 @@ const A = () => {
   };
 };
 export {
-  A as usePreviewMode
+  C as usePreviewMode
 };

package/dist/composables/useRecommendation.js

@@ -1,22 +1,22 @@
 import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as f } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
+    mobileLeftPadding: a,
     mobileRightPadding: c,
-    cardsInRow: s,
+    cardsInRow: i,
     unresponsive: n
   }) => {
-    const o = n ? s : 1, e = i + c + (o - 1) * R;
+    const o = n ? i : 1, e = a + c + (o - 1) * R;
     return (C - e) / o;
   },
-  getRecommendationCampaignData: (i) => {
-    const c = l(), s = Number(i), n = c.blockStates[s];
+  getRecommendationCampaignData: (a) => {
+    const c = f(), i = Number(a), n = c.blockStates[i];
     if (!n)
       return {
         textTrimming: !1,
@@ -44,17 +44,17 @@ const B = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i, c) => {
-    var m;
-    const s = l(), n = P(), o = Number(i);
+  buildCampaignUrl: (a, c) => {
+    var l;
+    const i = f(), n = P(), o = Number(a);
     let e;
     if (c)
       e = c;
     else {
-      const a = s.blockStates[o];
-      if (!a)
+      const s = i.blockStates[o];
+      if (!s)
         return "";
-      const { recommendationConfigs: r } = a;
+      const { recommendationConfigs: r } = s;
       e = {
         strategy: r.strategy,
         strategyId: r.strategyId,
@@ -67,17 +67,20 @@ const B = () => ({
       };
     }
     if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
-      return s.recommendationCampaignUrls[i] = {
+      return i.recommendationCampaignUrls[a] = {
         strategyId: e.strategyId,
         locale: e.language,
         currency: e.currencyCode
       }, "";
-    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const d = ((l = y().find((s) => s.key === e.strategy)) == null ? void 0 : l.path) || "";
+    if (!d)
+      return delete i.recommendationCampaignUrls[a], "";
+    const t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const f = e.filters.filter((a) => a.isValid), d = b(f);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
-    return s.recommendationCampaignUrls[i] = u, u;
+    const g = e.filters.filter((s) => s.isValid), u = b(g);
+    u && t.set("filter", u), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([s, r]) => t.set(s, r));
+    const p = decodeURIComponent(t.toString()), m = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
+    return i.recommendationCampaignUrls[a] = m, m;
   }
 });
 export {

package/dist/composables/useStripo.js

@@ -16,7 +16,7 @@ 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 Ce = () => {
+const he = () => {
   const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
@@ -31,8 +31,8 @@ const Ce = () => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: d, 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 = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
-    await window.UIEditor.initEditor(
+    const e = b(), { html: d, 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 = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), I = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    H().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
@@ -62,7 +62,7 @@ const Ce = () => {
         displayUTM: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
+        allowedScriptSourceDomains: I,
         ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -88,8 +88,8 @@ const Ce = () => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
+            t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -146,5 +146,5 @@ const Ce = () => {
   } };
 };
 export {
-  Ce as useStripo
+  he as useStripo
 };

package/dist/config/compiler/htmlCompilerRules.js

@@ -1,6 +1,5 @@
-import { appendMobileHiddenColumnCss as c } from "../../utils/appendMobileHiddenColumnCss.js";
-import { stripFontTags as l } from "../../utils/stripFontTags.js";
-const g = [
+import { stripFontTags as p } from "../../utils/stripFontTags.js";
+const d = [
   {
     id: "fix-url-encoding-start",
     description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -59,7 +58,7 @@ const g = [
     id: "strip-font-tags",
     description: 'Unwrap browser-translate-injected <font dir="auto"> tags, keeping inner content; other <font> elements are left intact.',
     type: "custom",
-    processor: (e) => l(e),
+    processor: (e) => p(e),
     priority: 15
   },
   {
@@ -130,13 +129,6 @@ const g = [
     },
     priority: 30
   },
-  {
-    id: "append-mobile-hidden-column-css",
-    description: "Inject media-query CSS that hides mobile-hidden columns and their gap cells",
-    type: "custom",
-    processor: (e) => c(e),
-    priority: 31
-  },
   {
     id: "replace-old-image-domain",
     description: "Replacing old image domains",
@@ -165,8 +157,8 @@ const g = [
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
       return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
-        const [s, a, p] = [Number(o), Number(n), Number(r)];
-        return s > 255 || a > 255 || p > 255 ? i : `#${t(s)}${t(a)}${t(p)}`;
+        const [s, a, c] = [Number(o), Number(n), Number(r)];
+        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44
@@ -208,5 +200,5 @@ const g = [
   }
 ];
 export {
-  g as defaultHtmlCompilerRules
+  d as defaultHtmlCompilerRules
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,14 +1,20 @@
-import { useTranslations as r } from "../../composables/useTranslations.js";
-const l = {
+import { useTranslations as n } from "../../composables/useTranslations.js";
+const o = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
   RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies",
-  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies"
-}, c = {
+  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies",
+  // Smart Recommender hides the Email channel unless the URL asks for it, so a strategy created
+  // without this flag can never be Email-suitable and would never reach the editor's list.
+  RECOMMENDATION_STRATEGY_CREATE_PATH: "/discovery/recommendation-strategies/create?isEmail=true"
+}, d = (e) => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: r } = o;
+  return `${r}/${e}/edit`;
+}, m = {
   CLIENT_ID: "clientId"
-}, d = () => {
-  const e = r();
+}, p = () => {
+  const e = n();
   return [
     {
       id: 11,
@@ -71,14 +77,14 @@ const l = {
       path: "top-sellers"
     }
   ];
-}, m = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], p = [
+}, v = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], h = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], v = [
+], x = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], h = [
+], b = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
@@ -90,54 +96,55 @@ const l = {
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: a }
-], n = [
+], s = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: a }
-], o = [
+], i = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], s = [
+], u = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], i = [
+], c = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], x = (e) => {
+], g = (e) => {
   if (!e)
     return t;
   switch (e) {
     case "Boolean":
-      return i;
+      return c;
     case "Date":
-      return s;
+      return u;
     case "Number":
-      return o;
+      return i;
     case "String":
       return t;
     case "Strings":
-      return n;
+      return s;
     default:
       return t;
   }
 };
 export {
   a as OP_ANY_OF,
-  m as PriceAttributes,
-  c as QUERY_PARAMS,
-  l as URLS,
-  h as currencyDecimalCounts,
-  p as currencyLocationMaps,
-  v as currencyOperators,
-  x as getOperatorOptions,
-  d as getRecommendationFeedSourceMaps,
-  n as operatorOptionsForArrayOfStrings,
-  i as operatorOptionsForBooleans,
-  s as operatorOptionsForDates,
-  o as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings
+  v as PriceAttributes,
+  m as QUERY_PARAMS,
+  o as URLS,
+  b as currencyDecimalCounts,
+  h as currencyLocationMaps,
+  x as currencyOperators,
+  g as getOperatorOptions,
+  p as getRecommendationFeedSourceMaps,
+  s as operatorOptionsForArrayOfStrings,
+  c as operatorOptionsForBooleans,
+  u as operatorOptionsForDates,
+  i as operatorOptionsForNumbers,
+  t as operatorOptionsForStrings,
+  d as strategyEditPath
 };