@useinsider/guido 3.17.0-beta.6b602e7 → 3.17.0-beta.6f780fd

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

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as h, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -68,22 +68,22 @@ const p = {
       value: t()
     })
   )
-}), S = I(() => g({
+}), f = I(() => g({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
+  select_items: e(c(f))
 })), N = k(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const p = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -189,9 +189,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -216,6 +216,8 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
+  /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
+  accessibilityTesting: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
@@ -288,7 +290,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -308,7 +310,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
@@ -344,7 +346,7 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   E as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import o from "./Guido.vue2.js";
 import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var a = this, r = a._self._c, e = a._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : a._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, s = [], n = /* @__PURE__ */ i(
@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "d1f80922"
+  "5c588dc5"
 );
-const f = n.exports;
+const v = n.exports;
 export {
-  f as default
+  v as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,19 +1,19 @@
 import r from "./AssignStrategyDrawer.vue2.js";
 /* empty css                          */
 /* empty css                          */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
   var e = this, s = e._self._c, t = e._self._setupProxy;
   return t.store.assignStrategyDrawerStatus ? s(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
-    return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "info-box-position": "bottom right", "create-button-visible": !1, loading: t.store.strategiesLoading || t.store.legacyConversionLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { infoBoxButtonClick: t.onInfoBoxButtonClick, select: t.onSelect } })], 1)];
-  }, proxy: !0 }], null, !1, 239334473) }) : e._e();
-}, n = [], i = /* @__PURE__ */ o(
+    return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "info-box-position": "bottom right", "create-button-visible": !1, loading: t.store.strategiesLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { select: t.onSelect } })], 1)];
+  }, proxy: !0 }], null, !1, 2542767044) }) : e._e();
+}, n = [], i = /* @__PURE__ */ a(
   r,
-  a,
+  o,
   n,
   !1,
   null,
-  "4019dc4d"
+  "2580a7d9"
 );
 const y = i.exports;
 export {

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

@@ -1,73 +1,48 @@
-import { defineComponent as h, defineAsyncComponent as T, ref as _, computed as s, watch as B } from "vue";
+import { defineComponent as v, defineAsyncComponent as y, ref as u, computed as l, watch as O } from "vue";
 import "@useinsider/design-system-organisms/style";
-import { useLegacyStrategyConversion as I } from "../../../../composables/useLegacyStrategyConversion.js";
-import { useToaster as N } from "../../../../composables/useToaster.js";
-import { useTranslations as k } from "../../../../composables/useTranslations.js";
-import { DOTTED_DATE_LOCALE as P } from "../../../../enums/date.js";
-import { URLS as U } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as p } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as b } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import G from "./StrategyInfoBoxContent.vue.js";
-import { formatShortDate as M } from "../../../../utils/dateUtil.js";
-import { asText as D } from "../../../../utils/genericUtil.js";
-import { escapeHtml as x } from "../../../../utils/htmlEscape.js";
-import { InSkeleton as R } from "@useinsider/design-system-vue";
-const st = /* @__PURE__ */ h({
+import { useToaster as x } from "../../../../composables/useToaster.js";
+import { useTranslations as A } from "../../../../composables/useTranslations.js";
+import { DOTTED_DATE_LOCALE as E } from "../../../../enums/date.js";
+import { URLS as h } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as C } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import B from "./StrategyInfoBoxContent.vue.js";
+import { formatShortDate as I } from "../../../../utils/dateUtil.js";
+import { asText as f } from "../../../../utils/genericUtil.js";
+import { escapeHtml as N } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as b } from "@useinsider/design-system-vue";
+const W = /* @__PURE__ */ v({
   __name: "AssignStrategyDrawer",
-  setup(H) {
-    const l = () => import("@useinsider/design-system-organisms"), g = (t, a) => ({
-      render: (n) => n(R, { props: { sizing: { width: t, height: a } } })
-    }), O = T({
-      loader: async () => (await l()).OrgStrategyDetailModal,
+  setup(k) {
+    const c = () => import("@useinsider/design-system-organisms"), g = (t, r) => ({
+      render: (a) => a(b, { props: { sizing: { width: t, height: r } } })
+    }), S = y({
+      loader: async () => (await c()).OrgStrategyDetailModal,
       loadingComponent: g(480, 240),
       delay: 0
-    }), w = T({
-      loader: async () => (await l()).OrgStrategyDropdown,
+    }), T = y({
+      loader: async () => (await c()).OrgStrategyDropdown,
       loadingComponent: g(240, 42),
       delay: 0
-    }), r = k(), e = b(), { showToaster: i } = N(), { convertLegacyStrategy: u } = I(), o = _(null), y = "legacy", d = "guido__btn-update-legacy-strategy", c = _(!1), A = s(() => e.assignStrategyDrawerStatus ? r("email-editor.assign-strategy-description", { url: U.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
-    B(() => e.assignStrategyDrawerStatus, (t) => {
+    }), o = A(), e = C(), { showToaster: s } = x(), n = u(null), i = u(!1), _ = l(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    O(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
-      const { strategyId: a } = e.recommendationConfigs;
-      o.value = a || (e.isLegacyStrategyBlock ? y : null), c.value = !1, e.fetchStrategies().catch(() => {
-        i({
-          type: p.Error,
-          message: r("discovery-strategy.error-description")
+      const { strategyId: r } = e.recommendationConfigs;
+      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
+        s({
+          type: m.Error,
+          message: o("discovery-strategy.error-description")
         });
       });
     });
-    const f = (t) => {
-      const a = D(t.updated_at || t.created_at);
-      if (!a)
+    const p = (t) => {
+      const r = f(t.updated_at || t.created_at);
+      if (!r)
         return "";
-      const n = M(a, P);
-      return r("recommendation-strategy.last-updated-on", { value: n });
-    }, S = s(() => ({
-      text: r("ds-steps.legacy-strategy"),
-      value: y,
-      infoBoxProps: {
-        id: "strategy-info-legacy",
-        theme: "light",
-        variant: "information",
-        className: "assign-strategy-info-box",
-        titleText: x(r("ds-steps.legacy-strategy")),
-        descriptionStatus: !0,
-        descriptionText: r("statistics.legacy-strategy-description"),
-        buttonOptions: [{
-          id: d,
-          type: "primary",
-          text: r("ds-steps.update"),
-          loadingStatus: e.legacyConversionLoading,
-          disabledStatus: e.legacyConversionLoading
-        }]
-      }
-    })), E = async (t) => {
-      if ((t == null ? void 0 : t.id) !== d)
-        return;
-      const a = await u();
-      a && (o.value = a);
-    }, m = s(() => e.strategies.map((t) => ({
+      const a = I(r, E);
+      return o("recommendation-strategy.last-updated-on", { value: a });
+    }, D = l(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -75,57 +50,57 @@ const st = /* @__PURE__ */ h({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: x(D(t.name)),
+        titleText: N(f(t.name)),
         descriptionStatus: !0,
-        descriptionText: f(t),
-        slot: G,
+        descriptionText: p(t),
+        slot: B,
         slotProps: { strategy: t }
       }
-    }))), C = s(() => e.isLegacyStrategyBlock ? [S.value, ...m.value] : m.value), v = s(() => {
-      const t = e.strategies.find((a) => String(a.strategy_id) === String(o.value ?? ""));
+    }))), d = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), L = s(() => ({
+    }), w = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: r("products.assign-btn")
+        labelText: o("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: r("products.cancel")
+        labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: l, skeleton: g, OrgStrategyDetailModal: O, OrgStrategyDropdown: w, trans: r, store: e, showToaster: i, convertLegacyStrategy: u, selectedStrategyId: o, LEGACY_OPTION_VALUE: y, LEGACY_UPDATE_BUTTON_ID: d, showSelectionError: c, drawerDescription: A, lastUpdatedText: f, legacyStrategyOption: S, onInfoBoxButtonClick: E, remoteStrategyOptions: m, strategyOptions: C, selectedStrategy: v, footerButtonGroupOptions: L, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: S, OrgStrategyDropdown: T, trans: o, store: e, showToaster: s, selectedStrategyId: n, showSelectionError: i, drawerDescription: _, lastUpdatedText: p, strategyOptions: D, selectedStrategy: d, footerButtonGroupOptions: w, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
-      const t = v.value;
+      const t = d.value;
       if (!t) {
-        c.value = !0;
+        i.value = !0;
         return;
       }
-      let a = "";
+      let r = "";
       try {
-        a = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (n) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", n);
+        r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
+      } catch (a) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
       }
-      if (!a) {
-        i({
-          type: p.Error,
-          message: r("email-editor.strategy-assign-failed", { strategyName: t.name })
+      if (!r) {
+        s({
+          type: m.Error,
+          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      e.assignStrategy(t), i({
-        type: p.Success,
-        message: r("email-editor.strategy-assigned-success", { strategyName: t.name })
+      e.assignStrategy(t), s({
+        type: m.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
       }), e.closeAssignStrategyDrawer();
     }, onSelect: (t) => {
-      o.value = t.value, c.value = !1;
+      n.value = t.value, i.value = !1;
     } };
   }
 });
 export {
-  st as default
+  W as default
 };

package/dist/components/organisms/header/AutoSaveStatus.vue.js

@@ -0,0 +1,17 @@
+import e from "./AutoSaveStatus.vue2.js";
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var s = this, t = s._self._c, a = s._self._setupProxy;
+  return a.isFeatureEnabled("autosave") ? t("div", { staticClass: "d-f a-i-c auto-save-status" }, [a.autosaveStore.status === a.AUTOSAVE_STATUS.SAVING ? t("span", { staticClass: "d-f a-i-c f-s-1" }, [t(a.InLoading, { attrs: { "color-class": "i-c-53", size: "16" } }), t("span", { staticClass: "ml-1 t-c-53" }, [s._v(s._s(a.trans("newsletter.saving")))])], 1) : a.savedLabel ? t("span", { staticClass: "f-s-1 t-c-53", domProps: { innerHTML: s._s(a.savedLabel) } }) : s._e()]) : s._e();
+}, o = [], _ = /* @__PURE__ */ n(
+  e,
+  r,
+  o,
+  !1,
+  null,
+  null
+);
+const u = _.exports;
+export {
+  u as default
+};

package/dist/components/organisms/header/AutoSaveStatus.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as i, computed as u } from "vue";
+import { useConfig as d } from "../../../composables/useConfig.js";
+import { useTranslations as p } from "../../../composables/useTranslations.js";
+import { useAutosaveStore as f, AUTOSAVE_STATUS as o } from "../../../stores/autosave.js";
+import { autoSaveTimestamp as S } from "../../../utils/timeUtil.js";
+import { InLoading as c } from "@useinsider/design-system-vue";
+const g = /* @__PURE__ */ i({
+  __name: "AutoSaveStatus",
+  setup(v) {
+    const { isFeatureEnabled: a } = d(), t = f(), e = p(), s = u(() => {
+      if (t.status !== o.SAVED || !t.lastSavedAt)
+        return "";
+      const { isToday: r, time: m, date: n } = S(t.lastSavedAt);
+      return r ? e("email-editor.autosaved-at-today", { time: m }) : e("email-editor.autosaved-at-date", { date: n });
+    });
+    return { __sfc: !0, isFeatureEnabled: a, autosaveStore: t, trans: e, savedLabel: s, AUTOSAVE_STATUS: o, InLoading: c };
+  }
+});
+export {
+  g as default
+};

package/dist/components/organisms/header/EditorActions.vue.js

@@ -1,23 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import r from "./EditorActions.vue2.js";
 /* empty css                   */
-import d from "../../../_virtual/_plugin-vue2_normalizer.js";
-var u = function() {
-  var s, i, n, a;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var d = function() {
+  var o, s;
+  var e = this, i = e._self._c, t = e._self._setupProxy;
+  return i("div", { staticClass: "d-f a-i-c editor-actions" }, [t.editorStore.isPreviewModeOpen ? e._e() : i("div", { staticClass: "editor-actions__divider" }), (s = (o = t.config) == null ? void 0 : o.features) != null && s.testMessage && !t.editorStore.isPreviewModeOpen ? i(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : i(t.EditorActionsMenu), t.editorStore.isPreviewModeOpen ? e._e() : i("div", { staticClass: "editor-actions__divider" }), t.editorStore.isPreviewModeOpen ? e._e() : i(t.InButtonV2, { attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(n) {
     return t.handleSave(!1);
-  } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
+  } } }), i(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(n) {
     return t.executeSave(!1);
   } } })], 1);
-}, p = [], c = /* @__PURE__ */ d(
+}, l = [], c = /* @__PURE__ */ a(
+  r,
+  d,
   l,
-  u,
-  p,
   !1,
   null,
-  "6e711fd7"
+  "8aa5b2ca"
 );
-const v = c.exports;
+const p = c.exports;
 export {
-  v as default
+  p as default
 };