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

package/README.md

@@ -52,6 +52,7 @@ npm install @useinsider/guido
       ref="guidoEditor"
       :template-id="templateId"
       :user-id="userId"
+      :migration-date="migrationDate"
       :guido-config="guidoConfig"
       :html="initialHtml"
       :css="initialCss"
@@ -74,6 +75,7 @@ export default {
     return {
       templateId: 'template-123',
       userId: 'user-456',
+      migrationDate: 1699488000,
       initialHtml: '<p>Initial HTML content</p>',
       initialCss: 'p { color: #333; }',
       guidoConfig: {
@@ -145,6 +147,7 @@ export default {
 | `templateId` | `string` | ✅ | - | Unique identifier for the email template |
 | `userId` | `string` | ✅ | - | Unique identifier for the user |
 | `guidoConfig` | `GuidoConfig` | ✅ | - | Configuration object for the editor |
+| `migrationDate` | `number` | ✅ | - | Stripo migration date in Unix timestamp (seconds). Retrieved from backend `/partner-settings` endpoint as `migrationDate`. Used for onboarding process |
 | `partnerName` | `string` | ⚪ | From URL host | Partner identifier |
 | `productType` | `string` | ⚪ | From URL path | Product type identifier |
 | `username` | `string` | ⚪ | `'Guido User'` | Display name for the user |
@@ -161,6 +164,7 @@ export default {
 | `save:complete` | `Omit<Template, 'forceRecreate'>` | Fired when template is successfully saved |
 | `on-change` | void | It Fires once for managing leave modal etc. |
 | `ready` | void | Fired when the editor is ready and template is loaded |
+| `onboarding-finished` | void | Fired when the onboarding popup is dismissed or completed, allowing parent applications to track onboarding state |
 
 ### Guido Exposed Methods
 ```typescript

package/dist/{src/@types → @types}/generic.d.ts

@@ -18,6 +18,7 @@ export type GuidoConfig = {
     ignoreDefaultHtmlCompilerRules?: boolean;
     useHeader?: boolean;
     emailHeader: EmailHeader;
+    migrationDate: number;
     partner?: Partner;
     extensions?: Extensions;
     features?: Features;
@@ -55,4 +56,8 @@ export type MergeTag = {
     label: string;
     value: string;
 };
+export type TextValueObject = {
+    text: string;
+    value: string;
+};
 export {};

package/dist/{src/components → components}/Guido.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
+    "onboarding:finished": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Guido.vue.js

@@ -1,18 +1,20 @@
-import a from "./Guido.vue2.js";
+import i from "./Guido.vue2.js";
 /* empty css           */
-import i from "../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
+import a from "../_virtual/_plugin-vue2_normalizer.js";
+var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._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.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, t = [], d = /* @__PURE__ */ i(
-  a,
-  s,
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._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), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+    return e.emit("onboarding:finished");
+  } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
+}, n = [], s = /* @__PURE__ */ a(
+  i,
   t,
+  n,
   !1,
   null,
-  "96687c1d"
+  "3c910a93"
 );
-const v = d.exports;
+const v = s.exports;
 export {
   v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,22 +1,23 @@
-import { defineComponent as x, defineAsyncComponent as U, ref as F, computed as I, watch as M, onMounted as z, onUnmounted as B } from "vue";
+import { defineComponent as R, defineAsyncComponent as I, ref as x, computed as U, watch as M, onMounted as z, onUnmounted as B } from "vue";
 import { provideGuidoActions as K } from "../composables/useGuidoActions.js";
 import { usePartner as O } from "../composables/usePartner.js";
 import { useStripo as j } from "../composables/useStripo.js";
 import { migrate as W } from "../config/migrator/index.js";
 import { DefaultUsername as q, DefaultMessageType as J, DefaultGuidoConfig as Q } from "../enums/defaults.js";
 import V from "./organisms/base/Toaster.vue.js";
-import X from "./organisms/header/HeaderWrapper.vue.js";
-import Y from "./organisms/LoadingWrapper.vue.js";
-import Z from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import $ from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ee } from "../services/stripoApi.js";
-import { useConfigStore as oe } from "../stores/config.js";
-import { useDynamicContentStore as te } from "../stores/dynamic-content.js";
-import { useEditorStore as ne } from "../stores/editor.js";
-import { usePreviewStore as re } from "../stores/preview.js";
-import { useUnsubscribeStore as se } from "../stores/unsubscribe.js";
-import ae from "../node_modules/lodash-es/merge.js";
-const Ee = /* @__PURE__ */ x({
+import X from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import Y from "./organisms/header/HeaderWrapper.vue.js";
+import Z from "./organisms/LoadingWrapper.vue.js";
+import $ from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as oe } from "../services/stripoApi.js";
+import { useConfigStore as te } from "../stores/config.js";
+import { useDynamicContentStore as ne } from "../stores/dynamic-content.js";
+import { useEditorStore as re } from "../stores/editor.js";
+import { usePreviewStore as ae } from "../stores/preview.js";
+import { useUnsubscribeStore as ie } from "../stores/unsubscribe.js";
+import se from "../node_modules/lodash-es/merge.js";
+const Ge = /* @__PURE__ */ R({
   __name: "Guido",
   props: {
     templateId: null,
@@ -30,43 +31,43 @@ const Ee = /* @__PURE__ */ x({
     guidoConfig: null,
     templateConfig: null
   },
-  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready"],
+  emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished"],
   setup(_, { expose: L, emit: t }) {
-    const d = _, k = U(
+    const u = _, k = I(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), A = U(
+    ), A = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), m = F(), s = te(), u = se(), l = oe(), p = ne(), N = re(), n = I(() => p.hasChanges), { getPartnerName: g, getProductType: f, isTestPartner: H } = O(), y = () => {
+    ), l = x(), a = ne(), p = ie(), g = te(), i = re(), N = ae(), n = U(() => i.hasChanges), { getPartnerName: f, getProductType: y, isTestPartner: F } = O(), v = () => {
       var e;
-      return (e = m.value) == null ? void 0 : e.handleSave(!0);
+      return (e = l.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: v,
+      templateId: s,
       userId: b,
       guidoConfig: C,
       templateConfig: o,
       html: r = "",
       css: h = "",
-      partnerName: a = g(),
-      productType: i = f(),
+      partnerName: c = f(),
+      productType: d = y(),
       messageType: S = J,
       username: w = q
-    } = d, c = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
-    window.GuidoConfig = ae(Q, C), window.GuidoConfig.partner = {
-      partnerName: a,
-      productType: i,
+    } = u, m = (o == null ? void 0 : o.preselectedDynamicContentList) || [];
+    i.templateId = s, window.GuidoConfig = se(Q, C), window.GuidoConfig.partner = {
+      partnerName: c,
+      productType: d,
       messageType: S
-    }, l.templateConfig = o;
+    }, g.templateConfig = o;
     const { initPlugin: D } = j({
-      emailId: v,
+      emailId: s,
       userId: b,
       username: w,
-      partnerName: a,
-      productType: i,
-      preselectedDynamicContentList: c,
+      partnerName: c,
+      productType: d,
+      preselectedDynamicContentList: m,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: T } = ee(), R = I(() => {
+    }), { getDefaultTemplate: T } = oe(), H = U(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
@@ -82,7 +83,7 @@ const Ee = /* @__PURE__ */ x({
       }
     });
     const E = (e) => {
-      console.debug("dynamic-content:close", e), s.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+      console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
     }, P = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
@@ -91,14 +92,14 @@ const Ee = /* @__PURE__ */ x({
     }), z(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        u.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        p.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
           html: r && await W(r),
           css: h,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await T(), e.html = await W(e.html)), await D(e), s.selectedDynamicContentList = c;
+        e.html || (e = await T(), e.html = await W(e.html)), await D(e), a.selectedDynamicContentList = m;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
@@ -118,10 +119,10 @@ const Ee = /* @__PURE__ */ x({
         close: P
       },
       hasChanges: n,
-      saveSilent: y
-    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: m, dynamicContentStore: s, unsubscribeStore: u, props: d, configStore: l, editorStore: p, previewStore: N, hasChanges: n, getPartnerName: g, getProductType: f, isTestPartner: H, saveSilent: y, templateId: v, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: a, productType: i, messageType: S, username: w, preselectedDynamicContentList: c, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: R, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, HeaderWrapper: X, LoadingWrapper: Y, SaveAsTemplateDrawer: Z, UnsubscribeWrapper: $ };
+      saveSilent: v
+    }), { __sfc: !0, PreviewContainer: k, OnboardingWrapper: A, headerWrapperRef: l, dynamicContentStore: a, unsubscribeStore: p, props: u, configStore: g, editorStore: i, previewStore: N, hasChanges: n, getPartnerName: f, getProductType: y, isTestPartner: F, saveSilent: v, templateId: s, userId: b, guidoConfig: C, templateConfig: o, html: r, css: h, partnerName: c, productType: d, messageType: S, username: w, preselectedDynamicContentList: m, emit: t, initPlugin: D, getDefaultTemplate: T, noHeader: H, insertDynamicContent: E, closeDynamicContent: P, Toaster: V, FilterSelectionDrawer: X, HeaderWrapper: Y, LoadingWrapper: Z, SaveAsTemplateDrawer: $, UnsubscribeWrapper: ee };
   }
 });
 export {
-  Ee as default
+  Ge as default
 };

package/dist/components/organisms/extensions/recommendation/FilterItem.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Filter } from '@@/Types/recommendation';
+type __VLS_Props = {
+    filter: Filter;
+    index: number;
+    hasLogicAdapter?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "delete-filter": (filter: Filter) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,28 @@
+import r from "./FilterItem.vue2.js";
+/* empty css                */
+import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var a = this, e = a._self._c, t = a._self._setupProxy;
+  return e("div", { staticClass: "d-f f-d-c w-1 gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b pt-4", class: { "bor-t-s-s bor-t-w-1 bor-t-c-50": a.index === 0 } }, [e("p", [a._v(" " + a._s(t.trans("newsletter.filter")) + " " + a._s(a.index + 1) + " ")]), e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: function(s) {
+    return t.emit("delete-filter", t.props.filter);
+  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, value: [t.selectedAttributeType] }, on: { select: function(s) {
+    return t.updateFilter({ text: "attribute", value: s.value });
+  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), value: [t.selectedOperatorType] }, on: { select: function(s) {
+    return t.updateFilter({ text: "operator", value: s.value });
+  } } }), e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", type: "text", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "tooltip-status": !1, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
+    t.updateFilter({ text: "value", value: encodeURIComponent(s) });
+  } } })], 1), t.props.hasLogicAdapter ? e("div", { staticClass: "w-1 d-f a-i-c j-c-c p-r bor-b-s-s bor-b-w-1 bor-b-c-50 mt-4" }, [e(t.LogicAdapter, { staticClass: "p-a", attrs: { logic: t.props.filter.innerGroupOperator }, on: { change: function(s) {
+    return t.updateFilter({ text: "innerGroupOperator", value: s });
+  } } })], 1) : a._e()]);
+}, n = [], o = /* @__PURE__ */ i(
+  r,
+  l,
+  n,
+  !1,
+  null,
+  "6562e38c"
+);
+const f = o.exports;
+export {
+  f as default
+};

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

@@ -0,0 +1,38 @@
+import { defineComponent as f, computed as i } from "vue";
+import { useTranslations as v } from "../../../../composables/useTranslations.js";
+import { getOperatorOptions as a } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as x } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { InButtonV2 as y, InSelect as F, InBasicTextInput as T } from "@useinsider/design-system-vue";
+import _ from "./LogicAdapter.vue.js";
+import { useDebounceFn as b } from "../../../../node_modules/@vueuse/shared/index.js";
+const h = /* @__PURE__ */ f({
+  __name: "FilterItem",
+  props: {
+    filter: null,
+    index: null,
+    hasLogicAdapter: { type: Boolean }
+  },
+  emits: ["delete-filter"],
+  setup(p, { emit: u }) {
+    const e = p, n = v(), r = x(), m = [
+      {
+        text: n("email-editor.standard-filter"),
+        value: "standardFilter"
+      }
+    ], s = i(() => e.filter.attribute || ""), l = i(() => r.getFilterList.find((t) => t.value === s.value) || { text: "", value: "", type: "" }), c = i(() => {
+      var t;
+      return a((t = l.value) == null ? void 0 : t.type).find((o) => o.value === e.filter.operator);
+    }), d = b((t) => {
+      console.debug("updateFilter: ", t);
+      const o = {
+        ...e.filter,
+        [t.text]: t.value
+      };
+      r.updateFilter(o);
+    }, 500);
+    return { __sfc: !0, trans: n, store: r, props: e, filterTypeOptions: m, attributeType: s, selectedAttributeType: l, selectedOperatorType: c, emit: u, updateFilter: d, getOperatorOptions: a, InBasicTextInput: T, InSelect: F, InButtonV2: y, LogicAdapter: _ };
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,17 @@
+import o from "./FilterSelectionDrawer.vue2.js";
+import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var e = this, r = e._self._c, t = e._self._setupProxy;
+  return r(t.WpDrawer, { attrs: { id: "recommendation-filter-drawer", "title-text": "Filter Selection", "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.filterSelectionDrawerStatus }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.applyFilter } }, [r(t.Filters)], 1);
+}, s = [], a = /* @__PURE__ */ n(
+  o,
+  l,
+  s,
+  !1,
+  null,
+  null
+);
+const p = a.exports;
+export {
+  p as default
+};

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

@@ -0,0 +1,37 @@
+import { defineComponent as n, ref as a, computed as l } from "vue";
+import i from "../../../wrappers/WpDrawer.vue.js";
+import { useTranslations as p } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as c } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import u from "./Filters.vue.js";
+const b = /* @__PURE__ */ n({
+  __name: "FilterSelectionDrawer",
+  setup(m) {
+    const t = p(), o = c(), e = a(!1), s = l(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: t(
+          e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
+        ),
+        loadingStatus: e.value,
+        disabledStatus: !1
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: t("products.cancel"),
+        disabledStatus: e.value
+      }
+    })), r = () => {
+      o.filterSelectionDrawerStatus = !1;
+    };
+    return { __sfc: !0, trans: t, store: o, isApplying: e, footerButtonGroupOptions: s, closeModal: r, applyFilter: () => {
+      e.value = !0, setTimeout(() => {
+        console.debug("Filter applied!"), r(), o.generateFilterQuery();
+      }, 2e3);
+    }, WpDrawer: i, Filters: u };
+  }
+});
+export {
+  b as default
+};

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

@@ -0,0 +1,20 @@
+import s from "./Filters.vue2.js";
+/* empty css             */
+import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f f-d-c gap-16" }, [e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e(t.InSegments, { staticClass: "f-g-1 w-1", attrs: { id: "guido__filter-group-segments", "segment-list": t.filterGroupList, selected: t.selectedFilterGroup, "with-icon": !1 }, on: { click: t.changeFilterGroup } }), e(t.InButtonV2, { staticClass: "w-20-s f-g-1", attrs: { id: "guido__add-filter-group-button", "left-icon": "line-plus-netural", type: "secondary", "disabled-status": t.isMaxFilterGroupCount, "label-text": t.trans("smart-recommender.add-filter-group"), "tooltip-text": t.isMaxFilterGroupCount ? t.trans("email-editor.add-filter-tooltip") : "" }, on: { click: t.handleAddFilterGroup } })], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b gap-16" }, [e("div", { staticClass: "d-f a-i-c" }, [t.selectedFilterGroup > 1 ? e(t.LogicAdapter, { staticClass: "mr-2" }) : i._e(), e("p", [i._v(" " + i._s(t.trans("email-editor.filter-group")) + " " + i._s(t.selectedFilterGroup) + " ")])], 1), t.hasRemoveFilterButton ? e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: t.handleDeleteFilterGroup } }) : i._e()], 1), e("div", { staticClass: "d-f a-i-c j-c-s-b f-d-c" }, i._l(t.selectedFilterGroupFilters, function(l, r) {
+    return e(t.FilterItem, { key: r, attrs: { filter: l, "has-logic-adapter": t.hasLogicAdapter && r !== t.selectedFilterGroupFilters.length - 1, index: r }, on: { "delete-filter": t.handleDeleteFilter } });
+  }), 1), e("div", { staticClass: "d-f a-i-c j-c-c mt-3" }, [e(t.InButtonV2, { staticClass: "w-11-s", attrs: { id: "filter-group--add-filter-button", "left-icon": "line-plus-netural", type: "subtle-primary", "label-text": t.trans("smart-recommender.add-filter-condition") }, on: { click: t.handleAddFilter } })], 1)]);
+}, d = [], n = /* @__PURE__ */ a(
+  s,
+  o,
+  d,
+  !1,
+  null,
+  "1ccb6d4a"
+);
+const _ = n.exports;
+export {
+  _ as default
+};

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.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    logic?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    change: (value: string) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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/onboarding/NewVersionPopup.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "onboarding-finished": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _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,42 @@
-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 f, ref as g, computed as o } from "vue";
+import b from "../../wrappers/WpModal.vue.js";
+import { useConfig as D } from "../../../composables/useConfig.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { DATE_FORMAT_DD_MM_YYYY as _ } from "../../../enums/date.js";
+import h from "../../../static/assets/onboarding-img.svg.js";
+import { useOnboardingStore as y } from "../../../stores/onboarding.js";
+import { isAfterDate as w, formatPatchDate as C } from "../../../utils/dateUtil.js";
+const V = /* @__PURE__ */ f({
   __name: "NewVersionPopup",
-  setup(p) {
-    const n = i(), e = m(), o = r(!0), t = r({
+  emits: ["onboarding-finished"],
+  setup(M, { emit: a }) {
+    const e = v(), t = y(), s = g(!0), { config: p } = D(), i = o(() => p.migrationDate), n = o(() => w(i.value || 0)), u = o(() => C(
+      i.value * 1e3,
+      _,
+      "en-GB"
+    )), l = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-title") : e("email-editor.onboarding-title")), m = o(() => n.value ? e("email-editor.onboarding-popup-sunsetted-description", {
+      sunsetDate: u.value
+    }) : e("email-editor.onboarding-description")), d = o(() => n.value ? e("products.cancel") : e("products.remind-me-later")), c = 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: d.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: u, popupTitle: l, popupDescription: m, secondaryButtonLabel: d, footerButtonOptions: c, 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: b, onboardingImageSvg: h };
   }
 });
 export {
-  w as default
+  V as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.d.ts

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