@useinsider/guido 3.18.2-beta.f42547e → 3.18.2-beta.fc87f65

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js

@@ -15,7 +15,7 @@ var a = function() {
   n,
   !1,
   null,
-  "521cf6b3"
+  "800656f5"
 );
 const y = i.exports;
 export {

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js

@@ -16,22 +16,22 @@ const rt = /* @__PURE__ */ A({
   __name: "AssignStrategyDrawer",
   setup(M) {
     const m = () => import("@useinsider/design-system-organisms"), u = (t, r) => ({
-      render: (a) => a(L, { props: { sizing: { width: t, height: r } } })
+      render: (o) => o(L, { props: { sizing: { width: t, height: r } } })
     }), w = S({
       loader: async () => (await m()).OrgStrategyDetailModal,
       loadingComponent: u(480, 240),
       delay: 0
     }), D = S({
       loader: async () => (await m()).OrgStrategyDropdown
-    }), n = "guido-edit-strategy-", o = b(), e = R(), { showToaster: i } = C(), s = T(null), c = T(!1), I = g(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: k.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    }), n = "guido-edit-strategy-", a = b(), e = R(), { showToaster: i } = C(), s = T(null), c = T(!1), I = g(() => e.assignStrategyDrawerStatus ? a("email-editor.assign-strategy-description", { url: k.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
     h(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      s.value = r || null, c.value = !1, e.fetchStrategies().catch(() => {
+      s.value = r || null, c.value = !1, e.invalidateStrategies(), e.fetchStrategies().catch(() => {
         i({
           type: d.Error,
-          message: o("discovery-strategy.error-description")
+          message: a("discovery-strategy.error-description")
         });
       });
     });
@@ -39,8 +39,8 @@ const rt = /* @__PURE__ */ A({
       const r = v(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const a = P(r, B);
-      return o("recommendation-strategy.last-updated-on", { value: a });
+      const o = P(r, B);
+      return a("recommendation-strategy.last-updated-on", { value: o });
     }, x = g(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
@@ -58,7 +58,7 @@ const rt = /* @__PURE__ */ A({
         // that can carry the strategy back to the click handler.
         buttonOptions: [{
           id: `${n}${t.strategy_id}`,
-          text: o("eureka.edit-strategy"),
+          text: a("eureka.edit-strategy"),
           type: "text",
           // Resolved from Guido's own public/sprite.svg by InIcons; an unknown name would
           // silently render blank space instead of failing.
@@ -70,10 +70,10 @@ const rt = /* @__PURE__ */ A({
       const r = (f = t == null ? void 0 : t.id) != null && f.startsWith(n) ? t.id.slice(n.length) : "";
       if (!r)
         return;
-      const a = e.currentRecommendationId;
+      const o = e.currentRecommendationId;
       String(s.value ?? "") === r && (s.value = null);
       const l = e.recommendationConfigs.strategyId === r;
-      l && e.removeStrategy(), e.openStrategyEdit(r), l && a !== null && _(a, "Removed recommendation strategy");
+      l && e.removeStrategy(), e.openStrategyEdit(r), l && o !== null && _(o, "Removed recommendation strategy");
     }, p = g(() => {
       const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
@@ -81,15 +81,15 @@ const rt = /* @__PURE__ */ A({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: o("products.assign-btn")
+        labelText: a("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: o("products.cancel")
+        labelText: a("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: m, skeleton: u, OrgStrategyDetailModal: w, OrgStrategyDropdown: D, EDIT_BUTTON_ID_PREFIX: n, trans: o, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: c, drawerDescription: I, lastUpdatedText: y, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: m, skeleton: u, OrgStrategyDetailModal: w, OrgStrategyDropdown: D, EDIT_BUTTON_ID_PREFIX: n, trans: a, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: c, drawerDescription: I, lastUpdatedText: y, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
       const t = p.value;
@@ -106,15 +106,15 @@ const rt = /* @__PURE__ */ A({
       if (!r) {
         i({
           type: d.Error,
-          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
+          message: a("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      const a = e.currentRecommendationId;
+      const o = e.currentRecommendationId;
       e.assignStrategy(t), i({
         type: d.Success,
-        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer(), a !== null && await _(a, "Assigned recommendation strategy");
+        message: a("email-editor.strategy-assigned-success", { strategyName: t.name })
+      }), e.closeAssignStrategyDrawer(), o !== null && await _(o, "Assigned recommendation strategy");
     }, onSelect: (t) => {
       s.value = t.value, c.value = !1;
     } };

package/dist/composables/useHtmlValidator.js

@@ -38,14 +38,14 @@ function pe(s, m, f, o, d) {
   const u = s.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
-  const p = new Set(m.map((C) => C.toLowerCase())), E = [];
-  return u.forEach((C) => {
-    const g = C.slice(2, -2).trim().toLowerCase();
+  const p = new Set(m.map((y) => y.toLowerCase())), E = [];
+  return u.forEach((y) => {
+    const g = y.slice(2, -2).trim().toLowerCase();
     if (g !== "" && p.has(g))
       return;
-    const y = fe(g);
-    if (y && o.has(y.recoId)) {
-      if (!d || d.has(y.attribute))
+    const C = fe(g);
+    if (C && o.has(C.recoId)) {
+      if (!d || d.has(C.attribute))
         return;
       E.push(g);
       return;
@@ -74,7 +74,7 @@ const ke = () => {
       return null;
     }
     return ge(u.filterList);
-  }, C = async (e) => {
+  }, y = async (e) => {
     const n = await m(
       "/newsletter/template-library/check-template-html-body",
       { html: re(e) }
@@ -86,7 +86,7 @@ const ke = () => {
       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()), I = (e, t) => {
+  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), C = (e) => ["if", "endif"].includes(e.toLowerCase()), I = (e, t) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
     return n !== null && !p.value && n.forEach((a) => {
@@ -100,7 +100,7 @@ const ke = () => {
       }
     }), r;
   }, R = async (e, t, n) => {
-    const r = n ? await C(e) : !0;
+    const r = n ? await y(e) : !0;
     return I(e, t) && r;
   }, A = (e) => e.length > 0 ? !0 : (s({
     type: c.Warning,
@@ -157,7 +157,7 @@ const ke = () => {
         }), r = !1);
         const S = h.match(/^[a-zA-Z]*$/g);
         S && S.forEach((T) => {
-          y(T) && n.push(T);
+          C(T) && n.push(T);
         });
       });
     }), n.length) {
@@ -180,15 +180,15 @@ const ke = () => {
   }), !1) : !0, B = () => {
     if (!u.hasInvalidBlock())
       return !0;
-    const e = u.invalidBlockFields().includes(ee);
+    const e = u.invalidBlockFields(), t = e.length > 0 && e.every((n) => n === ee);
     return s({
-      type: e ? c.Warning : c.Error,
-      message: o(e ? te : ne)
+      type: t ? c.Warning : c.Error,
+      message: o(t ? te : ne)
     }), !1;
-  }, x = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
+  }, F = () => 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, F = (e) => {
+  }), !1) : !0, x = (e) => {
     const t = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(t) === null ? !0 : (s({
       type: c.Error,
@@ -220,7 +220,7 @@ const ke = () => {
       ...q,
       ...((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) && A(e) && _(e) && b(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && x() && F(e) && D(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() && F() && x(e) && D(e) && k(e);
   } };
 };
 export {

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

@@ -1,19 +1,19 @@
-import { getRecommendationFeedSourceMaps as C, strategyEditPath as D, URLS as _, getOperatorOptions as N, PriceAttributes as U } from "../../../../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as v, strategyEditPath as D, URLS as _, getOperatorOptions as N, PriceAttributes as U } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as A } from "../../../../services/recommendationApi.js";
-import { useConfigStore as P } from "../../../../stores/config.js";
-import { defineStore as L } from "pinia";
+import { useConfigStore as k } from "../../../../stores/config.js";
+import { defineStore as E } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as E, DEFAULT_CARDS_IN_ROW as x } from "../constants/layout.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as L, DEFAULT_CARDS_IN_ROW as x } from "../constants/layout.js";
 import { DEFAULT_NODE_CONFIG as B, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
-import { getDefaultProducts as v } from "../templates/utils.js";
-import { generateCompleteFilterQuery as F } from "../utils/filterUtil.js";
+import { getDefaultProducts as F } from "../templates/utils.js";
+import { generateCompleteFilterQuery as w } from "../utils/filterUtil.js";
 import { getPartnerRecommendationParams as O } from "../utils/partnerCustomizations.js";
 import { sanitizeProductIds as T } from "../utils/productIds.js";
 import { isFilterValid as z } from "../validation/filterSchema.js";
 import { getInvalidFields as V, isConfigValid as j } from "../validation/requiredFields.js";
 const f = A();
 let S = null, p = null, y = null, I = "", R = null, b = 0;
-const h = /* @__PURE__ */ new Map();
+const g = /* @__PURE__ */ new Map();
 let l = null;
 function G() {
   return {
@@ -31,7 +31,7 @@ function G() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: E,
+    mobileCardsInRow: L,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -41,7 +41,7 @@ function G() {
     // that default is what reached buildCampaignUrl and baked a most-popular feed URL
     // for a block the user never configured (SD-149916). Legacy blocks still get their real
     // algorithm from the node-config sync or the save-time seed.
-    strategy: P().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
+    strategy: k().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
     strategyId: "",
     textTrimming: !0,
     unresponsive: !1,
@@ -51,7 +51,7 @@ function G() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function w() {
+function P() {
   return {
     recommendationConfigs: G(),
     recommendationProducts: [],
@@ -80,7 +80,7 @@ const $ = () => ({
   currentRecommendationId: null,
   strategyPanelOpen: !1,
   configVersion: 0
-}), it = L("guidoRecommendationExtension", {
+}), it = E("guidoRecommendationExtension", {
   state: () => $(),
   getters: {
     // ====================================================================
@@ -146,7 +146,7 @@ const $ = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = C(), r = [];
+      const e = v(), r = [];
       return t.activePredictiveAlgorithms.filter((n) => !M.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
@@ -187,7 +187,7 @@ const $ = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: w()
+        [t]: P()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -209,12 +209,16 @@ const $ = () => ({
     /**
      * Deep-clones a block's state and mirrors its campaign URL under a new id.
      * Invoked from `onCreated` when a duplicate is detected (SD-142352).
+     *
+     * The clone keeps the source's data but drops its "already fetched / already
+     * synced" claims for strategy blocks, so it fetches again like a fresh drop
+     * (SD-149916).
      */
     cloneBlockState(t, e) {
       const r = this.blockStates[t];
       if (r) {
         const o = structuredClone(r);
-        o.recommendationConfigs.id = e, this.blockStates = {
+        o.recommendationConfigs.id = e, o.recommendationConfigs.strategyId && k().isFeatureEnabled("reusableRecommendationStrategy") && (o.isInitialized = !1, o.syncedConfigFingerprint = null), this.blockStates = {
           ...this.blockStates,
           [e]: o
         };
@@ -255,7 +259,7 @@ const $ = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? w() : this.blockStates[t];
+      }, s = !this.blockStates[t], i = s ? P() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -571,7 +575,7 @@ const $ = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return F(this.recommendationConfigs.filters);
+      return w(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -611,20 +615,20 @@ const $ = () => ({
       }
     },
     async _doFetchProducts() {
-      var g;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
+      var h;
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = k();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = (h.get(t) ?? 0) + 1;
-      h.set(t, s);
+      const s = (g.get(t) ?? 0) + 1;
+      g.set(t, s);
       const i = parseInt(r.size) || 6;
       if (!r.strategy) {
         this._setBlockProducts(t, [], i);
         return;
       }
-      const o = r.filters.filter((d) => d.isValid), a = F(o), u = ((g = C().find((d) => d.key === r.strategy)) == null ? void 0 : g.path) || "", c = {
+      const o = r.filters.filter((d) => d.isValid), a = w(o), u = ((h = v().find((d) => d.key === r.strategy)) == null ? void 0 : h.path) || "", c = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -642,11 +646,11 @@ const $ = () => ({
       } catch {
         m = [];
       }
-      h.get(t) === s && this._setBlockProducts(t, m, i);
+      g.get(t) === s && this._setBlockProducts(t, m, i);
     },
     async _doFetchStrategyProducts(t) {
-      const e = (h.get(t) ?? 0) + 1;
-      h.set(t, e);
+      const e = (g.get(t) ?? 0) + 1;
+      g.set(t, e);
       const { recommendationConfigs: r } = this.blockStates[t];
       let n = [], s = parseInt(r.size) || 6;
       try {
@@ -656,21 +660,21 @@ const $ = () => ({
         );
         if (i) {
           s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, u = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), c = u.indexOf("?"), m = c === -1 ? u : u.slice(0, c), g = (c === -1 ? "" : u.slice(c + 1)).split("&").filter((k) => k && !k.startsWith("user_id=")), d = g.length ? `${m}?${g.join("&")}` : m;
+          const o = r.currencySettings.value, u = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), c = u.indexOf("?"), m = c === -1 ? u : u.slice(0, c), h = (c === -1 ? "" : u.slice(c + 1)).split("&").filter((C) => C && !C.startsWith("user_id=")), d = h.length ? `${m}?${h.join("&")}` : m;
           d && (n = await f.fetchRecommendationProductsByUrl(d));
         }
       } catch {
         n = [];
       }
-      h.get(t) === e && this._setBlockProducts(t, n, s);
+      g.get(t) === e && this._setBlockProducts(t, n, s);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : v(r);
+      const n = e.length > 0 ? e : F(r);
       this.blockStates[t].recommendationProducts = [
         ...n.slice(0, r),
-        ...v(Math.max(0, r - n.length))
+        ...F(Math.max(0, r - n.length))
       ];
     }
   }

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.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-1ca6baf0]{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-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{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-ec2027ff] .vueperslides__bullets,[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}.assign-strategy-drawer-content .assign-strategy-select[data-v-521cf6b3]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-521cf6b3] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
+@charset "UTF-8";.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-1ca6baf0]{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-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{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-ec2027ff] .vueperslides__bullets,[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}.assign-strategy-drawer-content .assign-strategy-select[data-v-800656f5]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-800656f5] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-800656f5] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}

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

@@ -426,6 +426,10 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     /**
      * Deep-clones a block's state and mirrors its campaign URL under a new id.
      * Invoked from `onCreated` when a duplicate is detected (SD-142352).
+     *
+     * The clone keeps the source's data but drops its "already fetched / already
+     * synced" claims for strategy blocks, so it fetches again like a fresh drop
+     * (SD-149916).
      */
     cloneBlockState(sourceId: number, newId: number): void;
     /**

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

@@ -0,0 +1,20 @@
+import type { BaseDynamicContent } from '@@/Types/generic';
+export type DynamicContentFormat = NonNullable<BaseDynamicContent['format']>;
+/** Format key the dynamic-content picker sends for a custom date/time format. */
+export declare const TIME_FORMAT_KEY = "time-format";
+/** Wraps a Liquid filter argument in whichever quote style the value itself does not use. */
+export declare const quoteArgument: (value: string) => string | null;
+/**
+ * `{ key: 'time-format', value: '%Y-%m-%d' }` -> `date: "%Y-%m-%d"`.
+ *
+ * Only a custom date/time strftime pattern has a Liquid equivalent. Anything else returns null so
+ * the caller emits a plain tag rather than one that silently lost — or literally printed — its
+ * format.
+ * @example formatToLiquidFilter({ key: 'time-format', value: '%b %-d, %Y' }) -> date: "%b %-d, %Y"
+ */
+export declare const formatToLiquidFilter: (format: DynamicContentFormat) => string | null;
+/**
+ * Inverse of `formatToLiquidFilter` — reads the picker format back out of one filter segment, so a
+ * reopened tag restores its selection in the host's format dropdown.
+ */
+export declare const liquidFilterToFormat: (segment: string) => DynamicContentFormat | null;

package/dist/utils/genericUtil.js

@@ -1,75 +1,78 @@
-const o = (a) => {
-  const t = a.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((e) => e.trim()), [s] = t, r = {
-    text: a.label,
-    value: s || ""
+import { formatToLiquidFilter as b, quoteArgument as y, liquidFilterToFormat as h } from "./liquidDynamicContent.js";
+const g = (t) => {
+  if (!t.includes("="))
+    return null;
+  const [r, e] = t.split("=");
+  return { key: r.trim(), value: e.trim() };
+}, c = "default:", f = (t) => {
+  if (!t.startsWith(c))
+    return t;
+  const r = t.slice(c.length).trim(), e = (l) => r.length >= 2 && r.startsWith(l) && r.endsWith(l);
+  return e('"') || e("'") ? r.slice(1, -1) : r;
+}, k = (t) => {
+  const e = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((a) => a.trim()), [l] = e, s = {
+    text: t.label,
+    value: l || ""
   };
-  if (t.length >= 2) {
-    const [, e, l] = t;
-    if (e.startsWith("default:")) {
-      let n = e.slice(8).trim();
-      n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
-    } else {
-      const n = e.includes("=") ? { key: e.split("=")[0].trim(), value: e.split("=")[1].trim() } : null;
-      n ? r.format = n : l || (r.fallback = e), l && (r.fallback = l);
+  if (e.length >= 2) {
+    const [, a, n] = e;
+    if (a.startsWith(c))
+      s.fallback = f(a);
+    else {
+      const o = h(a) ?? g(a);
+      o ? s.format = o : n || (s.fallback = a), n && (s.fallback = f(n));
     }
   }
-  return r;
-}, u = (a, c = !1) => a.map((t) => {
-  if (t.format)
-    return {
-      label: `${t.text} | ${t.format.key}=${t.format.value}`,
-      value: `{{${t.value}|${t.format.key}=${t.format.value}}}`
-    };
-  if (c) {
-    if (!t.fallback)
-      return {
-        label: t.text,
-        value: `{{ ${t.value} }}`
-      };
-    const r = !Number.isNaN(Number(t.fallback)) && t.fallback.trim() !== "" ? t.fallback : `"${t.fallback}"`;
-    return {
-      label: `${t.text} | ${t.fallback}`,
-      value: `{{ ${t.value} | default: ${r} }}`
-    };
-  }
+  return s;
+}, p = (t) => {
+  const e = !Number.isNaN(Number(t)) && t.trim() !== "" ? t : y(t);
+  return e === null ? null : `${c} ${e}`;
+}, v = (t) => {
+  const r = t.format ? b(t.format) : null, e = t.fallback ? p(t.fallback) : null, l = [t.value, r, e].filter(Boolean);
   return {
-    label: t.fallback ? `${t.text} | ${t.fallback}` : t.text,
-    value: t.fallback ? `{{${t.value}|${t.fallback}}}` : `{{${t.value}}}`
+    label: [t.text, r, e && t.fallback].filter(Boolean).join(" | "),
+    value: `{{ ${l.join(" | ")} }}`
   };
-}), b = (a) => {
-  const c = [], t = /* @__PURE__ */ new Set(), s = (e) => {
-    Array.isArray(e) && e.forEach((l) => {
-      const n = [...l.children ?? [], ...l.select_items ?? []];
-      if (n.length > 0) {
-        s(n);
+}, i = (t, r = !1) => t.map((e) => r ? v(e) : e.format ? {
+  label: `${e.text} | ${e.format.key}=${e.format.value}`,
+  value: `{{${e.value}|${e.format.key}=${e.format.value}}}`
+} : {
+  label: e.fallback ? `${e.text} | ${e.fallback}` : e.text,
+  value: e.fallback ? `{{${e.value}|${e.fallback}}}` : `{{${e.value}}}`
+}), $ = (t) => {
+  const r = [], e = /* @__PURE__ */ new Set(), l = (a) => {
+    Array.isArray(a) && a.forEach((n) => {
+      const o = [...n.children ?? [], ...n.select_items ?? []];
+      if (o.length > 0) {
+        l(o);
         return;
       }
-      const f = l.text || l.tag_text;
-      f && l.value && !t.has(l.value) && (t.add(l.value), c.push({ text: f, value: l.value }));
+      const u = n.text || n.tag_text;
+      u && n.value && !e.has(n.value) && (e.add(n.value), r.push({ text: u, value: n.value }));
     });
-  }, [r] = Object.values(a ?? {});
-  return s(r), c;
-}, i = (a, c, t = !1) => {
-  const s = new Set(a.map((e) => e.value)), r = c.filter((e) => s.has(e.value) ? !1 : (s.add(e.value), !0));
+  }, [s] = Object.values(t ?? {});
+  return l(s), r;
+}, d = (t, r, e = !1) => {
+  const l = new Set(t.map((a) => a.value)), s = r.filter((a) => l.has(a.value) ? !1 : (l.add(a.value), !0));
   return [
-    ...u(a, t),
-    ...u(r, t)
+    ...i(t, e),
+    ...i(s, e)
   ];
-}, k = () => {
-  var a;
-  return ((a = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : a.getAttribute("content")) ?? "";
-}, v = (a) => typeof a == "string" ? a : typeof a == "number" ? String(a) : "", y = (a) => {
-  if (a === null || typeof a != "object" || Array.isArray(a))
+}, F = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
+}, T = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "", x = (t) => {
+  if (t === null || typeof t != "object" || Array.isArray(t))
     return !1;
-  const c = Object.getPrototypeOf(a);
-  return c === Object.prototype || c === null;
+  const r = Object.getPrototypeOf(t);
+  return r === Object.prototype || r === null;
 };
 export {
-  v as asText,
-  i as buildMergeTagEntries,
-  u as dynamicContentToMergeTags,
-  b as flattenDynamicContentList,
-  k as getCsrfToken,
-  y as isPlainObject,
-  o as mergeTagToDynamicContent
+  T as asText,
+  d as buildMergeTagEntries,
+  i as dynamicContentToMergeTags,
+  $ as flattenDynamicContentList,
+  F as getCsrfToken,
+  x as isPlainObject,
+  k as mergeTagToDynamicContent
 };

package/dist/utils/liquidDynamicContent.js

@@ -0,0 +1,15 @@
+const E = "time-format", r = "date", u = new RegExp(`^${r}\\s*:\\s*(?:"([^"]*)"|'([^']*)')$`), s = /%[-_0^#]?\d*[a-zA-Z%]/, c = new RegExp(s, "g"), l = /\b(?:Y{2,4}|M{2,4}|D{1,4}|d{3,4}|H{2}|h{2}|m{2}|s{2}|S{1,3}|A|a)\b/, T = (t) => t.includes('"') ? t.includes("'") ? null : `'${t}'` : `"${t}"`, i = (t) => s.test(t) && !l.test(t.replace(c, "")), R = (t) => {
+  if (t.key !== E || !i(t.value ?? ""))
+    return null;
+  const n = T(t.value);
+  return n === null ? null : `${r}: ${n}`;
+}, _ = (t) => {
+  const [, n, o] = t.match(u) ?? [], e = n ?? o;
+  return e ? { key: E, value: e } : null;
+};
+export {
+  E as TIME_FORMAT_KEY,
+  R as formatToLiquidFilter,
+  _ as liquidFilterToFormat,
+  T as quoteArgument
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.f42547e",
+  "version": "3.18.2-beta.fc87f65",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -77,7 +77,7 @@
     "@typescript-eslint/parser": "7.18.0",
     "@useinsider/eslint-config": "1.5.3",
     "@vitejs/plugin-vue2": "2.3.1",
-    "@vitest/coverage-v8": "2.1.9",
+    "@vitest/coverage-v8": "4.1.11",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "18.0.0",
@@ -90,17 +90,17 @@
     "happy-dom": "15.11.7",
     "husky": "9.1.7",
     "msw": "2.10.3",
-    "nyc": "17.1.0",
+    "nyc": "18.0.0",
     "sass": "1.69.7",
     "typescript": "5.5.4",
     "typescript-eslint": "8.26.0",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-istanbul": "7.0.0",
-    "vitest": "2.1.9",
+    "vitest": "4.1.11",
     "vue-tsc": "2.2.10"
   },
   "overrides": {
-    "axios": "1.8.2",
+    "axios": "1.20.0",
     "flatted": "3.4.2",
     "micromatch": "4.0.8",
     "path-to-regexp": "6.3.0"