@useinsider/guido 3.16.0-beta.0faee0c → 3.16.0-beta.1fe8cea

package/dist/composables/validators/useCouponBlockValidator.js

@@ -1,24 +1,27 @@
-import { ToasterTypeOptions as c } from "../../enums/toaster.js";
-import { COUPON_PLACEHOLDER_DEFAULT as i, COUPON_PLACEHOLDER_LIQUID as l } from "../../extensions/Blocks/CouponBlock/template.js";
-import { useToaster as m } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
-const u = /* @__PURE__ */ new Set([
-  i,
-  l
-]), A = () => {
-  const { showToaster: t } = m(), r = p();
-  return { validateCouponBlockTags: (e) => {
-    const n = new DOMParser().parseFromString(e, "text/html");
-    return Array.from(n.querySelectorAll(".coupon-block")).find((s) => {
-      var o;
-      const a = ((o = s.textContent) == null ? void 0 : o.trim()) ?? "";
-      return !u.has(a);
-    }) ? (t({
-      type: c.Warning,
-      message: r("newsletter.coupon-tag-modified")
-    }), !1) : !0;
-  } };
+import { ToasterTypeOptions as n } from "../../enums/toaster.js";
+import { COUPON_PLACEHOLDER_DEFAULT as s, COUPON_PLACEHOLDER_LIQUID as a } from "../../extensions/Blocks/CouponBlock/template.js";
+import { useToaster as i } from "../useToaster.js";
+import { useTranslations as l } from "../useTranslations.js";
+const c = /* @__PURE__ */ new Set([
+  s,
+  a
+]), p = "newsletter.coupon-tag-modified";
+function u(r) {
+  const e = new DOMParser().parseFromString(r, "text/html");
+  return Array.from(e.querySelectorAll(".coupon-block")).map((o) => {
+    var t;
+    return ((t = o.textContent) == null ? void 0 : t.trim()) ?? "";
+  }).filter((o) => !c.has(o));
+}
+const T = () => {
+  const { showToaster: r } = i(), e = l();
+  return { validateCouponBlockTags: (t) => u(t).length > 0 ? (r({
+    type: n.Warning,
+    message: e(p)
+  }), !1) : !0 };
 };
 export {
-  A as useCouponBlockValidator
+  p as COUPON_TAG_MODIFIED_KEY,
+  u as findInvalidCouponBlocks,
+  T as useCouponBlockValidator
 };

package/dist/composables/validators/useUnsubscribeBlockValidator.js

@@ -1,8 +1,8 @@
-import { ToasterTypeOptions as i } from "../../enums/toaster.js";
+import { ToasterTypeOptions as c } from "../../enums/toaster.js";
 import { PAGE_TYPES as u } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as l, DATA_ATTRIBUTES as a } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useToaster as E } from "../useToaster.js";
-import { useTranslations as m } from "../useTranslations.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as i, DATA_ATTRIBUTES as a } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useToaster as p } from "../useToaster.js";
+import { useTranslations as l } from "../useTranslations.js";
 const T = [
   {
     pageType: u.GLOBAL_UNSUBSCRIBE,
@@ -12,30 +12,37 @@ const T = [
     pageType: u.SUBSCRIPTION_PREFERENCE_CENTER,
     messageKey: "unsubscription-preference.duplicate-pref-center"
   }
-], g = "unsubscription-preference.duplicate-both", b = "unsubscription-preference.select-page-to-continue", P = () => {
-  const { showToaster: c } = E(), p = m();
-  return { validateUnsubscribeBlockUniqueness: (n) => {
-    const o = new DOMParser().parseFromString(n, "text/html"), r = /* @__PURE__ */ new Map();
-    o.querySelectorAll(l).forEach((e) => {
-      const s = Number(e.getAttribute(a.PAGE_TYPE));
-      r.set(s, (r.get(s) ?? 0) + 1);
-    });
-    const t = T.filter((e) => (r.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
-    return t.length ? (c({
-      type: i.Error,
-      message: p(t.length > 1 ? g : t[0])
+], g = "unsubscription-preference.duplicate-both", E = "unsubscription-preference.select-page-to-continue";
+function m(r) {
+  const s = new DOMParser().parseFromString(r, "text/html"), t = /* @__PURE__ */ new Map();
+  return s.querySelectorAll(i).forEach((n) => {
+    const e = Number(n.getAttribute(a.PAGE_TYPE));
+    t.set(e, (t.get(e) ?? 0) + 1);
+  }), T.filter((n) => (t.get(n.pageType) ?? 0) > 1);
+}
+function b(r) {
+  const s = new DOMParser().parseFromString(r, "text/html");
+  return Array.from(s.querySelectorAll(i)).filter((t) => {
+    const n = t.getAttribute(a.PAGE_TYPE), e = t.getAttribute(a.PAGE_LIST);
+    return !n || !e;
+  }).length;
+}
+const y = () => {
+  const { showToaster: r } = p(), s = l();
+  return { validateUnsubscribeBlockUniqueness: (e) => {
+    const o = m(e);
+    return o.length ? (r({
+      type: c.Error,
+      message: s(o.length > 1 ? g : o[0].messageKey)
     }), !1) : !0;
-  }, validateUnsubscribeBlockHasTemplate: (n) => {
-    const o = new DOMParser().parseFromString(n, "text/html");
-    return Array.from(o.querySelectorAll(l)).some((t) => {
-      const e = t.getAttribute(a.PAGE_TYPE), s = t.getAttribute(a.PAGE_LIST);
-      return !e || !s;
-    }) ? (c({
-      type: i.Warning,
-      message: p(b)
-    }), !1) : !0;
-  } };
+  }, validateUnsubscribeBlockHasTemplate: (e) => b(e) === 0 ? !0 : (r({
+    type: c.Warning,
+    message: s(E)
+  }), !1) };
 };
 export {
-  P as useUnsubscribeBlockValidator
+  E as EMPTY_BLOCK_KEY,
+  b as countUnsubBlocksWithoutPage,
+  m as findDuplicateUnsubPageTypes,
+  y as useUnsubscribeBlockValidator
 };

package/dist/enums/save-validation.js

@@ -0,0 +1,4 @@
+var n = /* @__PURE__ */ ((s) => (s.CouponTagModified = "coupon-tag-modified", s.DuplicateUnsubBlock = "duplicate-unsub-block", s.UnsubBlockMissingTemplate = "unsub-block-missing-template", s.LiquidSyntax = "liquid-syntax", s.InvalidLinks = "invalid-links", s.LinkCheckInProgress = "link-check-in-progress", s.CustomFieldScript = "custom-field-script", s.EmptyHtml = "empty-html", s.MismatchedBraces = "mismatched-braces", s.InvalidDynamicTag = "invalid-dynamic-tag", s.InvalidCustomField = "invalid-custom-field", s.ConditionsSyntax = "conditions-syntax", s.WrongEqualityOperator = "wrong-equality-operator", s.MissingIfEndif = "missing-if-endif", s.ConditionTagSpacing = "condition-tag-spacing", s.BracesInsideIfTag = "braces-inside-if-tag", s.RecommendationRequiredFields = "recommendation-required-fields", s.RecommendationFilters = "recommendation-filters", s.InvalidImageType = "invalid-image-type", s.CheckboxUnsubGroup = "checkbox-unsub-group", s.RadioButtonUnsubGroup = "radio-button-unsub-group", s))(n || {});
+export {
+  n as SaveValidationRule
+};

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,20 +1,20 @@
-import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
-import { useConfigStore as G } from "../../../../stores/config.js";
-import { defineStore as F } from "pinia";
+import { getRecommendationFeedSourceMaps as g, getOperatorOptions as C, PriceAttributes as y } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as G } from "../../../../services/recommendationApi.js";
+import { useConfigStore as F } from "../../../../stores/config.js";
+import { defineStore as P } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as P, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as D, DEFAULT_CARDS_IN_ROW as v } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
-import { isFilterValid as N } from "../validation/filterSchema.js";
-import { isConfigValid as x } from "../validation/requiredFields.js";
-const h = y();
+import { getPartnerRecommendationParams as N } from "../utils/partnerCustomizations.js";
+import { isFilterValid as x } from "../validation/filterSchema.js";
+import { isConfigValid as I } from "../validation/requiredFields.js";
+const h = G();
 let m = null, u = null, d = null;
-function k() {
+function R() {
   return {
-    cardsInRow: D,
+    cardsInRow: v,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -28,7 +28,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: P,
+    mobileCardsInRow: D,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -43,9 +43,9 @@ function k() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function I() {
+function k() {
   return {
-    recommendationConfigs: k(),
+    recommendationConfigs: R(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -63,7 +63,7 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), $ = F("guidoRecommendationExtension", {
+}), $ = P("guidoRecommendationExtension", {
   state: () => L(),
   getters: {
     // ====================================================================
@@ -74,7 +74,7 @@ const L = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : k();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : R();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -138,7 +138,7 @@ const L = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : y.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -160,7 +160,7 @@ const L = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: I()
+        [t]: k()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -228,7 +228,7 @@ const L = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, c = !this.blockStates[t], i = c ? I() : this.blockStates[t];
+      }, c = !this.blockStates[t], i = c ? k() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -266,7 +266,7 @@ const L = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = R(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = C(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -383,7 +383,7 @@ const L = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: N(t)
+          isValid: x(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -429,7 +429,14 @@ const L = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !x(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !I(t.recommendationConfigs, this));
+    },
+    /**
+     * Per-instance counterpart to `hasInvalidBlock`: the ids of every block
+     * that fails required-field validation, one drawer row each (SD-147430).
+     */
+    invalidBlockIds() {
+      return Object.entries(this.blockStates).filter(([, t]) => !I(t.recommendationConfigs, this)).map(([t]) => t);
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -450,7 +457,7 @@ const L = () => ({
     },
     async _doFetchProducts() {
       var p;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = g().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = G(), s = parseInt(r.size) || 6, a = {
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = g().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = F(), s = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: o.partnerName,
@@ -460,7 +467,7 @@ const L = () => ({
       };
       r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        v(o.partnerName, r.strategy)
+        N(o.partnerName, r.strategy)
       );
       let f;
       try {

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-b0d3b445]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b0d3b445]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b0d3b445]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-74d455fc] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-44d8e7c8]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-cdf0f8c8]{gap:16px}.validation-error-row[data-v-cdf0f8c8]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-cdf0f8c8]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-cdf0f8c8]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-f02fdde0]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-f02fdde0]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-f02fdde0]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

package/dist/src/@types/save-validation.d.ts

@@ -0,0 +1,19 @@
+import type { SaveValidationRule } from '@@/Enums/save-validation';
+import type { ToasterTypeOptions } from '@@/Enums/toaster';
+/** Which action triggered the validation run. Drives telemetry only in v1. */
+export type SaveValidationIntent = 'save' | 'back' | 'test';
+/**
+ * A single validation failure instance, one per drawer row. Names avoid the
+ * public `ValidationError` (config validation) collision — NOT exported from
+ * library.ts.
+ */
+export interface SaveValidationError {
+    /** Stable discriminator for tests and de-duplication. */
+    rule: SaveValidationRule;
+    /** Final translated string — trans() is applied at collect time. */
+    message: string;
+    /** Raw user content (field name / tag / src) — not i18n. */
+    detail?: string;
+    /** Mirrors the legacy toaster severity. Kept for the discriminator/tests; the drawer renders a uniform icon and never reads it. */
+    type: ToasterTypeOptions;
+}

package/dist/src/components/Guido.vue.d.ts

@@ -15,7 +15,23 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         close: () => void;
     };
     hasChanges: import("vue").ComputedRef<boolean>;
-    saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    saveSilent: () => Promise<{
+        dynamicContentList: import("@@/Types/generic").DynamicContent[];
+        compiledHtml: string;
+        rawHtml: string;
+        css: string;
+        ampHtml: string;
+        ampErrors: string[];
+        modules: number[];
+        recommendation: {
+            campaignUrls: Record<string, string>;
+            configs: Record<string, string>;
+        };
+        unsubscribe: {
+            status: boolean;
+            config: number[];
+        };
+    } | undefined> | undefined;
     setLoading: (value: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {

package/dist/src/components/organisms/header/EditorActions.vue.d.ts

@@ -1,4 +1,20 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    handleSave: (isSilent: boolean) => Promise<{
+        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
+        compiledHtml: string;
+        rawHtml: string;
+        css: string;
+        ampHtml: string;
+        ampErrors: string[];
+        modules: number[];
+        recommendation: {
+            campaignUrls: Record<string, string>;
+            configs: Record<string, string>;
+        };
+        unsubscribe: {
+            status: boolean;
+            config: number[];
+        };
+    } | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts

@@ -1,4 +1,20 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    handleSave: (isSilent: boolean) => Promise<{
+        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
+        compiledHtml: string;
+        rawHtml: string;
+        css: string;
+        ampHtml: string;
+        ampErrors: string[];
+        modules: number[];
+        recommendation: {
+            campaignUrls: Record<string, string>;
+            configs: Record<string, string>;
+        };
+        unsubscribe: {
+            status: boolean;
+            config: number[];
+        };
+    } | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/RightSlot.vue.d.ts

@@ -1,4 +1,20 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    handleSave: (isSilent: boolean) => Promise<{
+        dynamicContentList: import("../../../@types/generic.js").DynamicContent[];
+        compiledHtml: string;
+        rawHtml: string;
+        css: string;
+        ampHtml: string;
+        ampErrors: string[];
+        modules: number[];
+        recommendation: {
+            campaignUrls: Record<string, string>;
+            configs: Record<string, string>;
+        };
+        unsubscribe: {
+            status: boolean;
+            config: number[];
+        };
+    } | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/validation/ValidationErrorDrawer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/wrappers/WpDrawer.vue.d.ts

@@ -10,11 +10,11 @@ interface Props {
     status: boolean;
     titleText: string;
 }
-declare var __VLS_12: {}, __VLS_14: {};
+declare var __VLS_13: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    headerBottomSlot?: (props: typeof __VLS_12) => any;
+    headerBottomSlot?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
@@ -26,6 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     cancelOrBackButtonEvent: () => void;
     onCloseEvent: () => void;
     primaryButtonEvent: () => void;
+    secondaryButtonEvent: () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     className: string;
     size: string;

package/dist/src/composables/useHtmlValidator.d.ts

@@ -27,6 +27,20 @@ export declare function buildPartnerAttributeNameSet(filterList: FiltersResponse
  * before, so flagging it would false-positive on merge tags like `{{user.name}}`.
  */
 export declare function findInvalidCustomFields(html: string, validCustomFields: string[], recommendationBlockIds: string[], ignoredIds: Set<string>, ignoredAttributeNames: Set<string> | null): string[];
+/**
+ * Returns the invalid `{{ ... }}` dynamic-content tags found in the HTML.
+ *
+ * A tag's variable name is the part before the first `|` (everything after it is the fallback).
+ * Surrounding whitespace is always allowed (trimmed). A tag is valid only when the variable name
+ * is an allowed system token, or it is a clean identifier (`[A-Za-z0-9_.]`) and — when a `|` is
+ * present — the fallback after it is not empty. Otherwise the tag is invalid (e.g.
+ * `{{Api Response: OA1 Main Item Url}}` — spaces/`:` — or `{{bounce|}}` — empty fallback).
+ *
+ * `data-*` block-config attribute values are excluded from the scan: blocks such as Items/cart
+ * store product merge tags (`data-product_button_link="{{Abandoned Cart Item (1) Url}}"`) that the
+ * backend resolves through its own pipeline, so they must not be treated as user-authored tags.
+ */
+export declare function getInvalidDynamicContentTags(html: string): string[];
 export declare const useHtmlValidator: () => {
     validateHtml: (html: string, customFields: DynamicContent[], isOnSaveValidation?: boolean) => Promise<boolean>;
 };

package/dist/src/composables/useSave.d.ts

@@ -1,4 +1,9 @@
 import type { SavedTemplateDetails } from '@@/Types/stripo';
+type SaveDetails = Omit<SavedTemplateDetails, 'metadata' | 'silent'>;
+type SaveResult = SaveDetails | undefined;
 export declare const useSave: () => {
-    save: (suppressEmit?: boolean, silent?: boolean) => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined>;
+    save: (suppressEmit?: boolean, silent?: boolean) => Promise<SaveResult>;
+    saveWithErrors: () => Promise<SaveResult>;
+    saveRawOnly: () => Promise<SaveResult>;
 };
+export {};

package/dist/src/composables/useSaveValidation.d.ts

@@ -0,0 +1,6 @@
+import type { DynamicContent } from '@@/Types/generic';
+import type { SaveValidationError } from '@@/Types/save-validation';
+export declare const useSaveValidation: () => {
+    collectSaveValidationErrors: (compiledHtml: string, dynamicContentList: DynamicContent[]) => Promise<SaveValidationError[]>;
+    validateCurrentTemplate: () => Promise<SaveValidationError[]>;
+};

package/dist/src/composables/useSaveValidationRollout.d.ts

@@ -0,0 +1,3 @@
+export declare const useSaveValidationRollout: () => {
+    isEnabled: import("vue").ComputedRef<boolean>;
+};

package/dist/src/composables/validators/useCouponBlockValidator.d.ts

@@ -1,3 +1,6 @@
+export declare const COUPON_TAG_MODIFIED_KEY = "newsletter.coupon-tag-modified";
+/** Pure core: the tag text of every coupon block whose code was modified. */
+export declare function findInvalidCouponBlocks(html: string): string[];
 export declare const useCouponBlockValidator: () => {
     validateCouponBlockTags: (html: string) => boolean;
 };

package/dist/src/composables/validators/useUnsubscribeBlockValidator.d.ts

@@ -1,4 +1,14 @@
+declare const SINGLETON_BLOCK_RULES: {
+    pageType: number;
+    messageKey: string;
+}[];
+export declare const EMPTY_BLOCK_KEY = "unsubscription-preference.select-page-to-continue";
+/** Pure core: the singleton rules whose page type appears more than once. */
+export declare function findDuplicateUnsubPageTypes(html: string): typeof SINGLETON_BLOCK_RULES;
+/** Pure core: count of unsubscribe blocks with no page type or page list chosen. */
+export declare function countUnsubBlocksWithoutPage(html: string): number;
 export declare const useUnsubscribeBlockValidator: () => {
     validateUnsubscribeBlockUniqueness: (html: string) => boolean;
     validateUnsubscribeBlockHasTemplate: (html: string) => boolean;
 };
+export {};

package/dist/src/enums/save-validation.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Stable discriminators for each save-validation rule site — one per rule that
+ * can produce a drawer row, kept in sync with the collector + legacy validator chains.
+ */
+export declare enum SaveValidationRule {
+    CouponTagModified = "coupon-tag-modified",
+    DuplicateUnsubBlock = "duplicate-unsub-block",
+    UnsubBlockMissingTemplate = "unsub-block-missing-template",
+    LiquidSyntax = "liquid-syntax",
+    InvalidLinks = "invalid-links",
+    LinkCheckInProgress = "link-check-in-progress",
+    CustomFieldScript = "custom-field-script",
+    EmptyHtml = "empty-html",
+    MismatchedBraces = "mismatched-braces",
+    InvalidDynamicTag = "invalid-dynamic-tag",
+    InvalidCustomField = "invalid-custom-field",
+    ConditionsSyntax = "conditions-syntax",
+    WrongEqualityOperator = "wrong-equality-operator",
+    MissingIfEndif = "missing-if-endif",
+    ConditionTagSpacing = "condition-tag-spacing",
+    BracesInsideIfTag = "braces-inside-if-tag",
+    RecommendationRequiredFields = "recommendation-required-fields",
+    RecommendationFilters = "recommendation-filters",
+    InvalidImageType = "invalid-image-type",
+    CheckboxUnsubGroup = "checkbox-unsub-group",
+    RadioButtonUnsubGroup = "radio-button-unsub-group"
+}

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -286,6 +286,11 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock(): boolean;
+    /**
+     * Per-instance counterpart to `hasInvalidBlock`: the ids of every block
+     * that fails required-field validation, one drawer row each (SD-147430).
+     */
+    invalidBlockIds(): string[];
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
 }>;

package/dist/src/stores/config.d.ts

@@ -2106,6 +2106,11 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
             };
         } | null;
     } & import("pinia").PiniaCustomStateProperties<ConfigStoreState>) => number;
+    /**
+     * Transactional campaigns keep the hard save block. Reactive getter, so
+     * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
+     */
+    isTransactional(): boolean;
     /**
      * Get the username
      */

package/dist/src/stores/save-validation.d.ts

@@ -0,0 +1,22 @@
+import type { SaveValidationError, SaveValidationIntent } from '@@/Types/save-validation';
+interface SaveValidationState {
+    errors: SaveValidationError[];
+    isDrawerOpen: boolean;
+    intent: SaveValidationIntent | null;
+}
+export declare const useSaveValidationStore: import("pinia").StoreDefinition<"guidoSaveValidation", SaveValidationState, {
+    errorCount: (state: {
+        errors: {
+            rule: import("../enums/save-validation").SaveValidationRule;
+            message: string;
+            detail?: string | undefined;
+            type: import("../enums/toaster").ToasterTypeOptions;
+        }[];
+        isDrawerOpen: boolean;
+        intent: SaveValidationIntent | null;
+    } & import("pinia").PiniaCustomStateProperties<SaveValidationState>) => number;
+}, {
+    open(errors: SaveValidationError[], intent: SaveValidationIntent): void;
+    close(): void;
+}>;
+export {};

package/dist/src/utils/templatePreparation.d.ts

@@ -15,6 +15,36 @@ import type { SavedTemplateDetails } from '@@/Types/stripo';
  * same source), so it is reliably present regardless of how the block was added.
  */
 export declare function getHtmlReferencedUnsubscribePages(html: string): number[];
+/**
+ * Hydrates the recommendation extension store from the persisted `esd-ext-config`
+ * JSON blob on each `.recommendation-block-v2` element in the raw editor HTML.
+ *
+ * Why this runs before `compileHtml`:
+ *   The HTML compiler's `prepareRecommendationBlocks` rule asks
+ *   `useRecommendation.buildCampaignUrl(id)` to assemble each block's API URL
+ *   from `blockStates[id].recommendationConfigs`. That Pinia entry is normally
+ *   populated by `RecommendationBlockControl._syncNodeConfigToStore`, which
+ *   only fires when the user *selects* the block. Saving without ever
+ *   selecting a migrated block would otherwise build the URL from empty/
+ *   default state and the campaign URL would not be saved.
+ *
+ * Why we read raw HTML, not compiled HTML:
+ *   Stripo's `compileEmail()` strips editor-only attributes (`esd-*`) from the
+ *   compiled output, so `esd-ext-config` is gone by the time the compiler
+ *   pipeline sees the HTML. The raw HTML from `getTemplateData()` preserves
+ *   the attribute as the migrator wrote it.
+ *
+ * Reference data pre-load:
+ *   When the template has recommendation blocks, this also pre-loads the
+ *   shared reference data (languages / currency list) so the save-time
+ *   required-fields validator can check each block's locale and currency
+ *   against the partner's real options. Best-effort — on a fetch failure the
+ *   validator degrades to its empty-list guard (`requiredFields.ts`) instead
+ *   of blocking the save or stranding the Save button.
+ */
+declare function hydrateRecommendationStoreFromRawHtml(rawHtml: string): Promise<void>;
 export declare const useTemplatePreparation: () => {
     prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
+    hydrateRecommendationStore: typeof hydrateRecommendationStoreFromRawHtml;
 };
+export {};