@useinsider/guido 1.0.3-beta.dbf4a88 → 1.0.3-beta.ddb7e87

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

@@ -0,0 +1,44 @@
+import { defineComponent as m, computed as o, ref as h } from "vue";
+import { useTranslations as G } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as g } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { InButtonV2 as v, InSegments as f } from "@useinsider/design-system-vue";
+import _ from "./FilterItem.vue.js";
+import A from "./LogicAdapter.vue.js";
+const E = /* @__PURE__ */ m({
+  __name: "Filters",
+  setup(R) {
+    const i = G(), l = g(), u = o(() => l.getFilterGroupCount), t = o(() => Array.from({ length: u.value }, (e, a) => ({
+      text: (a + 1).toString(),
+      value: a + 1
+    }))), r = h(1), s = (e) => {
+      r.value = e;
+    }, d = () => {
+      const e = t.value.length + 1;
+      console.debug("handleAddFilterGroup", e), t.value.push({
+        text: e.toString(),
+        value: e
+      }), l.addFilterGroup(e);
+    }, p = o(() => t.value.length >= 3), n = o(() => l.getSelectedFilterGroup(r.value)), c = o(() => n.value.length > 1), F = o(() => t.value.length > 1);
+    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, trans: i, store: l, filterGroupCount: u, filterGroupList: t, selectedFilterGroup: r, changeFilterGroup: s, handleAddFilterGroup: d, isMaxFilterGroupCount: p, selectedFilterGroupFilters: n, hasLogicAdapter: c, hasRemoveFilterButton: F, handleAddFilter: () => {
+      l.addFilter({
+        type: "standardFilter",
+        attribute: "",
+        operatorReplace: "",
+        operator: "",
+        innerGroupOperator: "*",
+        outerGroupOperator: "*",
+        filterNumber: n.value.length + 1,
+        filterGroup: r.value,
+        isValid: !1,
+        value: ""
+      }), console.debug("handleAddFilter");
+    }, handleDeleteFilter: (e) => {
+      console.debug("handleDeleteFilter: ", e), l.deleteFilter(e);
+    }, handleDeleteFilterGroup: () => {
+      t.value.length !== 1 && (console.debug("handleDeleteFilterGroup"), t.value.splice(r.value - 1, 1), r.value > 1 && r.value--);
+    }, InSegments: f, InButtonV2: v, FilterItem: _, LogicAdapter: A };
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,17 @@
+import s from "./LogicAdapter.vue2.js";
+import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var t = this, r = t._self._c, e = t._self._setupProxy;
+  return r(e.InSegments, { staticClass: "guido__logic-adapter f-g-1", attrs: { "segment-list": e.logicAdapterList, selected: e.selectedLogicAdapter, "with-icon": !1 }, on: { click: e.changeLogicAdapter } });
+}, a = [], c = /* @__PURE__ */ n(
+  s,
+  o,
+  a,
+  !1,
+  null,
+  null
+);
+const p = c.exports;
+export {
+  p as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as s, ref as n } from "vue";
+import { InSegments as p } from "@useinsider/design-system-vue";
+const l = /* @__PURE__ */ s({
+  __name: "LogicAdapter",
+  props: {
+    logic: null
+  },
+  emits: ["change"],
+  setup(r, { emit: e }) {
+    const t = r, a = n([
+      {
+        text: "and",
+        value: "*"
+      },
+      {
+        text: "or",
+        value: "|"
+      }
+    ]), o = n(t.logic || "*");
+    return { __sfc: !0, logicAdapterList: a, emit: e, props: t, selectedLogicAdapter: o, changeLogicAdapter: (c) => {
+      o.value = c, e("change", c);
+    }, InSegments: p };
+  }
+});
+export {
+  l as default
+};

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

@@ -10,7 +10,7 @@ var n = function() {
   a,
   !1,
   null,
-  "2c168944"
+  "0502bceb"
 );
 const p = i.exports;
 export {

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

@@ -1,28 +1,29 @@
-import { defineComponent as s, computed as c } from "vue";
-import { useBack as m } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as a } from "../../../composables/usePreviewMode.js";
+import { defineComponent as c, computed as a } from "vue";
+import { useConfig as m } from "../../../composables/useConfig.js";
+import { useBack as u } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as f } from "../../../composables/usePreviewMode.js";
 import { useTranslations as p } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as u } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as d } from "../../../stores/editor.js";
-import { InButtonV2 as f } from "@useinsider/design-system-vue";
-import l from "./version-history/RestoreButton.vue.js";
-const O = /* @__PURE__ */ s({
+import { useVersionHistoryApi as d } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
+import { InButtonV2 as k } from "@useinsider/design-system-vue";
+import B from "./version-history/RestoreButton.vue.js";
+const P = /* @__PURE__ */ c({
   __name: "LeftSlot",
-  setup(k) {
-    const o = d(), r = m(), { closeVersionHistory: t } = u(), { closePreviewMode: i } = a(), e = p(), n = c(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : e("email-editor.back-to-design"));
-    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: t, closePreviewMode: i, trans: e, backButtonLabel: n, handleBackClick: () => {
+  setup(b) {
+    const o = l(), r = u(), { closeVersionHistory: i } = d(), { closePreviewMode: n } = f(), e = p(), { config: t } = m(), s = a(() => o.isVersionHistoryOpen || o.isPreviewModeOpen ? e("email-editor.back-to-editor") : t.backButtonLabel ? t.backButtonLabel : e("email-editor.back-to-design"));
+    return { __sfc: !0, editorStore: o, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: e, config: t, backButtonLabel: s, handleBackClick: () => {
       if (o.isVersionHistoryOpen) {
-        t();
+        i();
         return;
       }
       if (o.isPreviewModeOpen) {
-        i();
+        n();
         return;
       }
       r();
-    }, InButtonV2: f, RestoreButton: l };
+    }, InButtonV2: k, RestoreButton: B };
   }
 });
 export {
-  O as default
+  P as default
 };

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

@@ -1,20 +1,20 @@
-import n from "./RightSlot.vue2.js";
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
-  var s, i;
-  var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f" }, [(s = t.config.features) != null && s.versionHistory ? 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 = t.config.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(), 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"), "tooltip-text": t.trans("newsletter.test-email") } }), 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(p) {
+import a from "./RightSlot.vue2.js";
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var o, i, n;
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f" }, [(o = t.config.features) != null && o.versionHistory ? 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 } }) : s._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 = t.config.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 } }) : s._e(), (n = t.config.features) != null && n.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"), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : s._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(c) {
     return t.handleSave(!1);
   } } })], 1);
-}, r = [], d = /* @__PURE__ */ a(
-  n,
-  l,
+}, u = [], d = /* @__PURE__ */ l(
+  a,
   r,
+  u,
   !1,
   null,
   null
 );
-const g = d.exports;
+const f = d.exports;
 export {
-  g as default
+  f as default
 };

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

@@ -1,35 +1,36 @@
-import { defineComponent as g, ref as l, computed as H } from "vue";
-import { useConfig as _ } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useSave as V } from "../../../composables/useSave.js";
-import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { defineComponent as H, ref as m, computed as _ } from "vue";
+import { useConfig as h } from "../../../composables/useConfig.js";
+import { useExport as V } from "../../../composables/useExport.js";
+import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
+import { useSave as E } from "../../../composables/useSave.js";
+import { useTranslations as T } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as w } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as T } from "../../../stores/editor.js";
-import { getTooltipOptions as E } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as O } from "@useinsider/design-system-vue";
-const z = /* @__PURE__ */ g({
+import { useEditorStore as C } from "../../../stores/editor.js";
+import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as A } from "@useinsider/design-system-vue";
+const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(A, { expose: m }) {
-    const { config: u } = _(), { exportHtml: r } = h(), { save: n } = V(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = T(), t = x(), e = l(!1), s = l(!1), c = () => {
+  setup(k, { expose: c }) {
+    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
       if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, f = async () => {
+    }, d = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, v = () => {
+    }, y = () => {
       o.isSaveAsTemplateDrawerOpen = !0;
-    }, d = H(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), p = async (y) => {
+    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
       s.value = !0, o.loadingStatus = !0;
-      const S = await n(y);
-      return s.value = !1, o.loadingStatus = !1, S;
+      const g = await n(p);
+      return s.value = !1, p && (o.loadingStatus = !1), g;
     };
-    return m({
-      handleSave: p
-    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, handleVersionHistory: c, handleExport: f, handleSaveAs: v, versionHistoryTooltipText: d, handleSave: p, getTooltipOptions: E, InButtonV2: O };
+    return c({
+      handleSave: l
+    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {
-  z as default
+  J as default
 };

package/dist/components/organisms/onboarding/ItemsOnboarding.vue.js

@@ -0,0 +1,21 @@
+import g from "./ItemsOnboarding.vue2.js";
+/* empty css                     */
+import m from "../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var e, n, r, i, s, a;
+  var o = this, d = o._self._c, t = o._self._setupProxy;
+  return t.isVisible ? d(t.InOnboard, { key: "guido__items-onboard", staticClass: "w-21-s p-a z-11", class: (e = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : e.classes, attrs: { id: "guido__items-onboard", "is-multiple-page": "", visible: "", "image-source": "", title: "", "bottom-position": (n = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : n.bottom, "left-position": (r = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : r.left, "pages-config": t.onboardingStore.onboardings.itemsOnboarding.config, "pointer-position": (i = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : i.position, "right-position": (s = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : s.right, "top-position": (a = t.onboardingStore.getItemsCurrentCard) == null ? void 0 : a.top }, on: { backButtonClick: t.handleBack, close: function(b) {
+    return t.onboardingStore.close("itemsOnboarding");
+  }, nextButtonClick: t.handleNext } }) : o._e();
+}, c = [], p = /* @__PURE__ */ m(
+  g,
+  l,
+  c,
+  !1,
+  null,
+  "dd1a237a"
+);
+const I = p.exports;
+export {
+  I as default
+};

package/dist/components/organisms/onboarding/ItemsOnboarding.vue2.js

@@ -0,0 +1,99 @@
+import { defineComponent as l, computed as a, watch as u } from "vue";
+import { useTranslations as x } from "../../../composables/useTranslations.js";
+import { RIBBON_SELECTOR as T, UI_EDITOR_SELECTOR as O, CARD_COMPOSITION_TAB_SELECTOR as B, SETTINGS_TAB_SELECTOR as f } from "../../../enums/onboarding.js";
+import { useOnboardingStore as C } from "../../../stores/onboarding.js";
+import { InOnboard as k } from "@useinsider/design-system-vue";
+const E = /* @__PURE__ */ l({
+  __name: "ItemsOnboarding",
+  setup(_) {
+    const e = x(), o = C(), c = a(() => {
+      const t = document.querySelector(T);
+      return (t == null ? void 0 : t.offsetHeight) ?? 0;
+    }), n = (t) => `${t + c.value}px`, r = (t) => {
+      const i = document.querySelector(O);
+      if (!(i != null && i.shadowRoot))
+        return;
+      const { shadowRoot: s } = i, m = s.querySelector(t);
+      m && m.click();
+    }, d = a(() => [
+      {
+        classes: "guido-items-onboarding-card-1",
+        right: "426px",
+        top: n(90),
+        position: "Right Top",
+        title: e("email-editor.onboarding-items-title"),
+        description: e("email-editor.onboarding-items-description"),
+        imageSource: "",
+        backButtonClick: () => {
+        },
+        nextButtonType: "text",
+        nextButtonText: e("products.next"),
+        nextButtonClick: () => {
+          o.next("itemsOnboarding");
+        }
+      },
+      {
+        classes: "guido-items-onboarding-card-2",
+        right: "426px",
+        top: n(218),
+        position: "Right Top",
+        title: e("email-editor.onboarding-items-item-type-title"),
+        description: e("email-editor.onboarding-items-item-type-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: e("ds-steps.back"),
+        backButtonClick: () => {
+          o.previous("itemsOnboarding");
+        },
+        nextButtonType: "text",
+        nextButtonText: e("products.next"),
+        nextButtonClick: () => {
+          o.next("itemsOnboarding");
+        }
+      },
+      {
+        classes: "guido-items-onboarding-card-3",
+        right: "426px",
+        top: n(140),
+        position: "Right Top",
+        title: e("email-editor.onboarding-items-composition-title"),
+        description: e("email-editor.onboarding-items-composition-description"),
+        imageSource: "",
+        backButtonType: "text",
+        backButtonText: e("ds-steps.back"),
+        backButtonClick: () => {
+          o.previous("itemsOnboarding");
+        },
+        nextButtonType: "text",
+        nextButtonText: e("action-builder.ok"),
+        nextButtonClick: () => {
+          o.close("itemsOnboarding");
+        }
+      }
+    ]), g = a(() => o.onboardings.itemsOnboarding.config.length > 0 && o.onboardings.itemsOnboarding.isActive), p = () => {
+      var t, i;
+      (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.nextButtonClick) == null || i.call(t);
+    }, b = () => {
+      var t, i;
+      (i = (t = o.getItemsCurrentCard) == null ? void 0 : t.backButtonClick) == null || i.call(t);
+    };
+    return u(
+      () => o.isActive("itemsOnboarding"),
+      (t) => {
+        t && o.setConfig("itemsOnboarding", d.value);
+      },
+      { immediate: !0 }
+    ), u(
+      () => o.onboardings.itemsOnboarding.cardIndex,
+      (t, i) => {
+        if (!o.isActive("itemsOnboarding"))
+          return;
+        const s = `${i}-${t}`;
+        s === "1-2" && r(B), s === "2-1" && r(f);
+      }
+    ), { __sfc: !0, trans: e, onboardingStore: o, ribbonOffset: c, getTopPosition: n, switchTab: r, onboardingCardsConfig: d, isVisible: g, handleNext: p, handleBack: b, InOnboard: k };
+  }
+});
+export {
+  E as default
+};

package/dist/components/organisms/onboarding/NewVersionPopup.vue.js

@@ -1,17 +1,17 @@
-import s from "./NewVersionPopup.vue2.js";
+import t from "./NewVersionPopup.vue2.js";
 import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? t(o.WpModal, { attrs: { id: "guido__new-version-popup", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.onboarding-title") }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [t("div", { staticClass: "d-f f-d-c" }, [t("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), t("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.trans("email-editor.onboarding-description")) } })])]) : e._e();
-}, i = [], a = /* @__PURE__ */ n(
-  s,
-  r,
+var i = function() {
+  var e = this, s = e._self._c, o = e._self._setupProxy;
+  return o.isVisible ? s(o.WpModal, { attrs: { id: "guido__new-version-popup", size: "medium", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.popupTitle }, on: { close: o.handleClose, "primary-action": o.handleDiscoverNow, "secondary-action": o.handleRemindLater } }, [s("div", { staticClass: "d-f f-d-c" }, [s("img", { staticClass: "w-1 h-1 d-b p-e-n mb-5", attrs: { src: o.onboardingImageSvg } }), s("p", { staticClass: "f-s-2 f-w-400", domProps: { innerHTML: e._s(o.popupDescription) } })])]) : e._e();
+}, r = [], a = /* @__PURE__ */ n(
+  t,
   i,
+  r,
   !1,
   null,
   null
 );
-const p = a.exports;
+const _ = a.exports;
 export {
-  p as default
+  _ as default
 };

package/dist/components/organisms/onboarding/NewVersionPopup.vue2.js

@@ -1,30 +1,43 @@
-import { defineComponent as s, ref as r } from "vue";
-import a from "../../wrappers/WpModal.vue.js";
-import { useTranslations as i } from "../../../composables/useTranslations.js";
-import l from "../../../static/assets/onboarding-img.svg.js";
-import { useOnboardingStore as m } from "../../../stores/onboarding.js";
-const w = /* @__PURE__ */ s({
+import { defineComponent as g, ref as b, computed as o } from "vue";
+import v from "../../wrappers/WpModal.vue.js";
+import { useConfig as D } from "../../../composables/useConfig.js";
+import { useTranslations as h } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINK as l } from "../../../enums/onboarding.js";
+import y from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { isAfterDate as C, formatShortDate as L } from "../../../utils/dateUtil.js";
+const I = /* @__PURE__ */ g({
   __name: "NewVersionPopup",
-  setup(p) {
-    const n = i(), e = m(), o = r(!0), t = r({
+  emits: ["onboarding-finished"],
+  setup(w, { emit: a }) {
+    const e = h(), t = _(), s = b(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => C(i.value || 0)), d = o(() => L(
+      i.value
+    )), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), c = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
+      sunsetDate: d.value,
+      academyLink: l
+    }) : e("email-editor.onboarding-description", {
+      academyLink: l
+    })), u = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), f = o(() => ({
       primaryButton: {
         type: "primary",
-        labelText: n("left-menu.discover-now")
+        labelText: e("left-menu.discover-now")
       },
       secondaryButton: {
         type: "subtle-primary",
-        labelText: n("products.remind-me-later")
+        labelText: u.value
       }
-    });
-    return { __sfc: !0, trans: n, onboardingStore: e, isVisible: o, footerButtonOptions: t, handleDiscoverNow: () => {
-      e.onDiscoverNowClicked(), o.value = !1;
+    })), r = () => {
+      s.value = !1, a("onboarding-finished");
+    };
+    return { __sfc: !0, emit: a, trans: e, onboardingStore: t, isVisible: s, config: p, migrationDate: i, isAfterMigrationDate: n, formattedSunsetDate: d, popupTitle: m, popupDescription: c, secondaryButtonLabel: u, footerButtonOptions: f, closePopup: r, handleDiscoverNow: () => {
+      t.onDiscoverNowClicked(), r();
     }, handleRemindLater: () => {
-      e.onRemindMeLater(), o.value = !1;
+      t.onRemindMeLater(), r();
     }, handleClose: () => {
-      e.onNewVersionPopupClose(), o.value = !1;
-    }, WpModal: a, onboardingImageSvg: l };
+      t.onNewVersionPopupClose(), r();
+    }, WpModal: v, onboardingImageSvg: y };
   }
 });
 export {
-  w as default
+  I as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,19 +1,21 @@
-import o from "./OnboardingWrapper.vue2.js";
-import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
+import t from "./OnboardingWrapper.vue2.js";
+import i from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, t = n._self._setupProxy;
-  return e("div", n._l(t.visibleOnboardings, function(r) {
-    return e(r.component, { key: r.type, tag: "component" });
+  var n = this, e = n._self._c, r = n._self._setupProxy;
+  return e("div", n._l(r.visibleOnboardings, function(o) {
+    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
+      return r.emit("onboarding-finished");
+    } } });
   }), 1);
-}, a = [], p = /* @__PURE__ */ _(
-  o,
+}, _ = [], a = /* @__PURE__ */ i(
+  t,
   s,
-  a,
+  _,
   !1,
   null,
   null
 );
-const m = p.exports;
+const d = a.exports;
 export {
-  m as default
+  d as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,24 +1,27 @@
-import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
-import { usePartner as O } from "../../../composables/usePartner.js";
-import { useEditorStore as u } from "../../../stores/editor.js";
-import { useOnboardingStore as v } from "../../../stores/onboarding.js";
-import { usePreviewStore as l } from "../../../stores/preview.js";
-import y from "./AMPOnboarding.vue.js";
-import S from "./GenericOnboarding.vue.js";
-import w from "./NewVersionPopup.vue.js";
-import P from "./TextBlockOnboarding.vue.js";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
+import u from "./AMPOnboarding.vue.js";
+import v from "./GenericOnboarding.vue.js";
+import l from "./ItemsOnboarding.vue.js";
+import y from "./NewVersionPopup.vue.js";
+import S from "./TextBlockOnboarding.vue.js";
 import h from "./VersionHistoryOnboarding.vue.js";
-const E = /* @__PURE__ */ g({
+import { usePartner as w } from "../../../composables/usePartner.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
+import { usePreviewStore as A } from "../../../stores/preview.js";
+const G = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
-  setup(_) {
-    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: S },
-      { type: "textBlockOnboarding", component: P },
+  emits: ["onboarding-finished"],
+  setup(H, { emit: f }) {
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: y },
+      { type: "genericOnboarding", component: v },
+      { type: "textBlockOnboarding", component: S },
       { type: "versionHistoryOnboarding", component: h },
-      { type: "ampOnboarding", component: y }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
-    return b(async () => {
+      { type: "ampOnboarding", component: u },
+      { type: "itemsOnboarding", component: l }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -35,9 +38,9 @@ const E = /* @__PURE__ */ g({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  E as default
+  G as default
 };

package/dist/composables/useActionsApi.js

@@ -17,7 +17,7 @@ const A = () => {
         ]
       },
       mergeTags: ["Tag1", "Tag2"],
-      forseAmp: !1,
+      forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, m = {

package/dist/composables/useBlocksConfig.js

@@ -0,0 +1,48 @@
+const l = {
+  "amp-accordion": "ampAccordionEnabled",
+  "amp-carousel": "ampCarouselEnabled",
+  "amp-form-controls": "ampFormControlsEnabled",
+  "banner-block": "bannerEnabled",
+  "button-block": "buttonEnabled",
+  "html-block": "htmlEnabled",
+  "image-block": "imageEnabled",
+  "menu-block": "menuEnabled",
+  "social-block": "socialNetEnabled",
+  "spacer-block": "spacerEnabled",
+  "text-block": "textEnabled",
+  "timer-block": "timerEnabled",
+  "video-block": "videoEnabled"
+}, c = {
+  "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
+  "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
+  "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
+  "recommendation-block": () => import("../extensions/Blocks/Recommendation/extension.js"),
+  "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
+  "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
+  "items-block": () => import("../extensions/Blocks/Items/extension.js")
+}, a = (n) => {
+  if (!n || !n.length)
+    return {};
+  const o = {};
+  return n.forEach((e) => {
+    const t = l[e];
+    t && (o[t] = !1);
+  }), o;
+}, r = async (n) => !n || !n.length ? [] : (await Promise.all(
+  n.map(async (e) => {
+    const t = c[e];
+    return t ? (await t()).default : null;
+  })
+)).filter((e) => e !== null), s = () => ({
+  getStripoBlocksConfig: async () => {
+    var e;
+    const o = (e = window.GuidoConfig) == null ? void 0 : e.blocks;
+    return {
+      baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
+      extensions: await r(o == null ? void 0 : o.includeCustoms)
+    };
+  }
+});
+export {
+  s as useBlocksConfig
+};