@useinsider/guido 1.0.3-beta.c8da346 → 1.0.3-beta.cc03cd5

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

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, PositionData, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -20,13 +20,12 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "dynamic-content:open": (detail: DynamicContent | null, position?: PositionData | undefined) => void;
+    "dynamic-content:open": (detail: DynamicContent | null) => void;
     back: () => void;
     "save:start": () => void;
     "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/src/components/organisms/onboarding/NewVersionPopup.vue.d.ts

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

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

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

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

@@ -32,8 +32,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     closeOnOutsideClick: boolean;
     footerStatus: boolean;
 }>>>, {
-    size: "small" | "medium" | "large";
     description: string;
+    size: "small" | "medium" | "large";
     closeOnOutsideClick: boolean;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;

package/dist/src/enums/onboarding.d.ts

@@ -1,2 +1 @@
 export declare const SERVICE_HOVER_SELECTORS: string[];
-export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

package/dist/src/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -1,12 +1,6 @@
-import type { DynamicContent, PositionData } from '@@/Types/generic';
+import type { DynamicContent } from '@@/Types/generic';
 export declare class ExternalMergeTagsLibrary {
     selectedDynamicContent: DynamicContent | null;
     dataSelectCallback: (data: DynamicContent) => void;
-    /**
-     * Opens the merge tags library modal
-     * @param dynamicContent - Currently selected dynamic content (if any)
-     * @param onDataSelectCallback - Callback invoked when user selects a merge tag
-     * @param position - Optional position data to place the modal
-     */
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void, position?: PositionData): void;
+    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
 }

package/dist/src/extensions/DynamicContent/dynamic-content.d.ts

@@ -1,64 +1,16 @@
-import type { MergeTag } from '@@/Types/generic';
 import { UIElementType, UIElement, UIElementTagRegistry } from '@stripoinc/ui-editor-extensions';
 export declare class DynamicContentTagRegistry extends UIElementTagRegistry {
     registerUiElements(uiElementsTagsMap: Record<UIElementType, string>): void;
 }
 export declare class DynamicContentUiElementExtension extends UIElement {
     private mergeTagsButton;
+    private listener;
     private mergeTagsLibrary;
-    private clickListener;
-    private lastClickedPosition;
-    private mousedownListener;
+    private selectedDynamicContent;
     getId(): string;
     onRender(container: HTMLElement): void;
     onDestroy(): void;
     _onClick(): void;
-    /**
-     * Called when Stripo detects merge tag interactions
-     * This is the key method that receives notifications about merge tag clicks
-     * @param name - Attribute name (e.g., 'mergeTag')
-     * @param value - MergeTag object with label, value, selStart, selEnd, etc.
-     */
-    onAttributeUpdated(name: string, value: MergeTag | null | undefined): void;
     openMergeTagLibrary(): void;
-    /**
-     * Opens the dynamic content library for external apps
-     * Dispatches event with dynamic content data and position
-     */
-    private _openDynamicContentLibrary;
-    /**
-     * Ensures merge tags library is initialized
-     */
-    private _ensureMergeTagsLibrary;
-    /**
-     * Gets the button's position on the screen
-     * Used to position the modal near the button
-     */
-    private _getButtonPosition;
-    /**
-     * Sets up coordinate tracking for merge tag clicks in the iframe
-     * Workaround for Stripo intercepting click events - tracks mousedown events instead
-     */
-    private _setupCoordinateTracking;
-    /**
-     * Gets the editor iframe element
-     */
-    private _getEditorFrame;
-    /**
-     * Finds merge tag element in the element tree
-     */
-    private _findMergeTagElement;
-    /**
-     * Calculates absolute position of element relative to page
-     */
-    private _calculateAbsolutePosition;
-    /**
-     * Cleans up the coordinate tracking event listener
-     */
-    private _cleanupCoordinateTracking;
-    /**
-     * Returns the HTML template for the "Add Dynamic Content" button
-     * This button is placed in the merge tags selector UI
-     */
     getTemplate(): string;
 }

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

@@ -64,7 +64,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 senderName: string;
                 subject: string;
             };
-            migrationDate: number;
             partner?: {
                 partnerName: string;
                 productType: number;
@@ -77,23 +76,17 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"config", S
                 dynamicContent?: boolean | undefined;
                 saveAsTemplate?: boolean | undefined;
                 versionHistory?: boolean | undefined;
-                testMessage?: boolean | undefined;
             } | undefined;
-            blocks?: {
-                excludeDefaults?: import("@@/Types/generic").GuidoBlockType[] | undefined;
-                includeCustoms?: import("@@/Types/generic").GuidoCustomBlockType[] | undefined;
-            } | undefined;
-            backButtonLabel?: string | undefined;
         };
         templateConfig?: {
             preselectedDynamicContentList?: {
                 value: string;
+                text: string;
                 fallback?: string | undefined;
                 format?: {
                     key: string;
                     value: string;
                 } | undefined;
-                text: string;
             }[] | undefined;
             selectedUnsubscribePages?: number[] | undefined;
             variationId?: string | undefined;

package/dist/src/stores/dynamic-content.d.ts

@@ -6,21 +6,21 @@ export declare const useDynamicContentStore: import("pinia").StoreDefinition<"dy
     getSelectedDynamicContentList: (state: {
         selectedDynamicContent: {
             value: string;
+            text: string;
             fallback?: string | undefined;
             format?: {
                 key: string;
                 value: string;
             } | undefined;
-            text: string;
         };
         selectedDynamicContentList: {
             value: string;
+            text: string;
             fallback?: string | undefined;
             format?: {
                 key: string;
                 value: string;
             } | undefined;
-            text: string;
         }[];
     } & import("pinia").PiniaCustomStateProperties<{
         selectedDynamicContent: DynamicContent;

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

@@ -7,7 +7,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     editorVisualMode: string;
     hasChanges: boolean;
     isStripoInitialized: boolean;
-    templateId: string;
 }, {
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -18,7 +17,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -28,7 +26,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -39,7 +36,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -49,7 +45,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -60,7 +55,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -70,7 +64,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -81,7 +74,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -91,7 +83,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -102,7 +93,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -112,7 +102,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -123,7 +112,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -133,7 +121,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -144,7 +131,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -154,7 +140,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -165,7 +150,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -175,7 +159,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -186,7 +169,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -196,7 +178,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -207,7 +188,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -217,6 +197,5 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
         editorVisualMode: string;
         hasChanges: boolean;
         isStripoInitialized: boolean;
-        templateId: string;
     }>) => boolean;
 }, {}>;

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

@@ -1,22 +1 @@
-/**
- * Locale List:
- * en-US -> MM/DD/YYYY
- * en-GB -> DD/MM/YYYY
- * tr-TR -> DD.MM.YYYY
- */
-export declare const convertToDateObject: (date: string | number | Date | null | undefined) => Date;
-export declare const locale: () => string;
-export declare const localTz: string;
-export declare const timezone: () => string;
-export declare const hour12: () => boolean;
-export declare const dateFormat: () => string;
-/**
- * @example 04/22/2024
- * @param date - The date or timestamp input
- * @param specificLocale - Locale to use for formatting
- * @param tz - Timezone [window.l10n.timezone]
- * @returns Formatted date string
- */
-export declare const formatShortDate: (date: string | number | Date, specificLocale?: string, tz?: string) => string;
 export declare const formatPatchDate: (timestamp: number) => string;
-export declare const isAfterDate: (timestamp: number) => boolean;

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

@@ -6,4 +6,3 @@ export declare const getCsrfToken: () => string;
  */
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
-export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;

package/dist/static/styles/components/narrow-panel.css.js

@@ -32,16 +32,6 @@ ue-stripe-thumb:hover:not(.disabled),
     padding: 0 16px 16px;
     grid-row-gap: 16px;
 }
-
-/* TODO: will be removed after we find another way to hide stripo custom modules */
-#moduleTab_tab1,
-button[aria-label="Default Modules"],
-button[aria-controls="moduleTab_tab1_content"],
-#moduleTab_tab2,
-button[aria-label="Pre-Built AMP"],
-button[aria-controls="moduleTab_tab2_content"] {
-    display: none !important;
-}
 `;
 export {
   o as default

package/dist/static/styles/customEditorStyle.css.js

@@ -18,11 +18,6 @@ const n = `.esd-x,
     border-radius: 0;
     box-shadow: none;
 }
-
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
-    display: none !important;
-}
 `;
 export {
   n as default

package/dist/stores/editor.js

@@ -8,8 +8,7 @@ const o = e("editor", {
     isPreviewModeOpen: !1,
     editorVisualMode: "desktop",
     hasChanges: !1,
-    isStripoInitialized: !1,
-    templateId: ""
+    isStripoInitialized: !1
   }),
   getters: {
     // Middle Slot

package/dist/utils/dateUtil.js

@@ -1,19 +1,4 @@
-import { DEFAULT_LOCALE as r, DEFAULT as a, DEFAULT_TZ as c } from "../enums/date.js";
-const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length === 10 ? new Date(Number(t) * 1e3) : new Date(t) : typeof t == "number" ? t.toString().length === 10 ? new Date(t * 1e3) : new Date(t) : /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(), s = () => {
-  const t = window.l10n;
-  return (t == null ? void 0 : t.locale) === a ? r : (t == null ? void 0 : t.locale) || r;
-}, u = new Intl.DateTimeFormat().resolvedOptions().timeZone, f = () => {
-  const t = window.l10n;
-  return (t == null ? void 0 : t.timezone) || u || c;
-}, D = (t, e = s(), n = f()) => {
-  const o = {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    timeZone: n
-  }, i = m(t);
-  return new Intl.DateTimeFormat(e, o).format(i);
-}, T = (t) => {
+const o = (t) => {
   if (!t)
     return "";
   const e = new Date(t);
@@ -25,13 +10,7 @@ const m = (t) => t ? t instanceof Date ? t : typeof t == "string" ? t.length ===
     second: "2-digit",
     hour12: !1
   }).format(e);
-}, h = (t) => t ? Math.floor(Date.now() / 1e3) >= t : !1;
+};
 export {
-  m as convertToDateObject,
-  T as formatPatchDate,
-  D as formatShortDate,
-  h as isAfterDate,
-  u as localTz,
-  s as locale,
-  f as timezone
+  o as formatPatchDate
 };

package/dist/utils/genericUtil.js

@@ -1,15 +1,14 @@
-const o = (e) => e.map((a) => a.format ? {
+const e = (l) => l.map((a) => a.format ? {
   label: `${a.text} | ${a.format.key}=${a.format.value}`,
   value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
 } : {
   label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
   value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
-}), f = () => {
-  var e;
-  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
-}, $ = (e = "", a = {}, n = !1) => Object.entries(a).reduce((l, [t, r]) => n && (r === "" || r === null || r === void 0) ? l.replace(`&${t}={${t}}`, "") : l.replace(`{${t}}`, String(r)), e);
+}), r = () => {
+  var l;
+  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
+};
 export {
-  o as dynamicContentToMergeTags,
-  f as getCsrfToken,
-  $ as replaceString
+  e as dynamicContentToMergeTags,
+  r as getCsrfToken
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.c8da346",
+  "version": "1.0.3-beta.cc03cd5",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -31,8 +31,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.1.0",
-    "@useinsider/design-system-vue": "0.14.20",
+    "@stripoinc/ui-editor-extensions": "3.0.0",
+    "@useinsider/design-system-vue": "0.14.8",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -83,7 +83,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.42.0"
+      "version": "2.41.0"
     }
   }
 }

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

@@ -1,28 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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
-};