@retailrocketgroup/retailrocket-create.abandoned-basket-price-drop-vue-email-template-render 3.0.377566 → 5.0.384530

package/dist/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/abandonedBasketPriceDropComponentSectionItemFactory.d.ts

@@ -0,0 +1,4 @@
+import { ComponentLibrarySectionItem } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionItemType } from '@easy-wizzy/core';
+import { AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropComponentSectionItemFactory: (componentLibrarySectionItem: ComponentLibrarySectionItem) => CustomComponentSectionItemType<AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource>;

package/dist/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/abandonedBasketPriceDropEmailComponentFactory.d.ts

@@ -0,0 +1,4 @@
+import { EmailComponentType } from '@easy-wizzy/core';
+import { Component } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow/main';
+import { AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropEmailComponentFactory: (component: Component) => EmailComponentType<AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource>;

package/dist/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/abandonedBasketPriceDropComponentLibraryFactory.d.ts

@@ -0,0 +1,4 @@
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentLibraryType } from '@easy-wizzy/core';
+import { AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropComponentLibraryFactory: (componentLibrary: Array<ComponentLibrarySection>) => CustomComponentLibraryType<AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource>;

package/dist/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/abandonedBasketPriceDropSectionFactory.d.ts

@@ -0,0 +1,4 @@
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionType } from '@easy-wizzy/core';
+import { AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropSectionFactory: (section: ComponentLibrarySection) => CustomComponentSectionType<AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource>;

package/dist/implementation/DataSources/ListDataExpressionSource/abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory.d.ts

@@ -0,0 +1,8 @@
+import { ListExpressionDataSourceBffClient } from '@easy-wizzy/common-app';
+import { ListExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { AbandonedBasketPriceDropListExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory: (arg: {
+    partnerId: string;
+    listExpressionDataSourceBffClient: ListExpressionDataSourceBffClient;
+    customerStockId: string | undefined;
+}) => ListExpressionDataSourceEvaluatorDelegate<AbandonedBasketPriceDropListExpressionDataSource>;

package/dist/implementation/DataSources/NumberExpressionDataSource/abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory.d.ts

@@ -0,0 +1,2 @@
+import { NumberExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+export declare const abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory: <TNumberExpressionDataSource>() => NumberExpressionDataSourceEvaluatorDelegate<TNumberExpressionDataSource>;

package/dist/implementation/DataSources/StringExpressionDataSource/abandonedBasketPriceDropEvaluateStringExpressionDataSource.d.ts

@@ -0,0 +1,9 @@
+import { StringExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { ContactCustomData, NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+import { ProductImageUrlBuilderExpressionEvaluatorDelegate } from '@easy-wizzy/common-app';
+import { AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource, AbandonedBasketPriceDropStringExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropStringExpressionDataSourceEvaluatorFactory: (arg: {
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<AbandonedBasketPriceDropListExpressionDataSource, AbandonedBasketPriceDropNumberExpressionDataSource>;
+    contactCustomData: ContactCustomData;
+    nextCouponFromBatch: NextCouponFromBatchType;
+}) => StringExpressionDataSourceEvaluatorDelegate<AbandonedBasketPriceDropStringExpressionDataSource>;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/abandonedBasketPriceDropProductListShelfBuilderDepsFactory.d.ts

@@ -0,0 +1,8 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import { AbandonedBasketPriceDropProductListShelfBuilderDeps } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropProductListShelfBuilderDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient["postGetAllStockIds"];
+}) => AbandonedBasketPriceDropProductListShelfBuilderDeps;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/alternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDepsFactory.d.ts

@@ -0,0 +1,8 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import { AlternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDeps } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const alternativeProductsForAbandonedProductListShelfBuilderDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient["postGetAllStockIds"];
+}) => AlternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDeps;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory.d.ts

@@ -0,0 +1,11 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient, ProductCategoryPickerModalWindowBffClient, ProductPickerModalWindowBffClient } from '@easy-wizzy/common-app';
+import { AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDeps } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    customerStockId: string | undefined;
+    productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient;
+    productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient;
+    productPickerModalWindowBffClient: ProductPickerModalWindowBffClient;
+}) => AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDeps;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDepsFactory.d.ts

@@ -0,0 +1,11 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient, ProductCategoryPickerModalWindowBffClient, ProductPickerModalWindowBffClient } from '@easy-wizzy/common-app';
+import { AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDeps } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+export declare const abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    customerStockId: string | undefined;
+    productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient;
+    productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient;
+    productPickerModalWindowBffClient: ProductPickerModalWindowBffClient;
+}) => AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDeps;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
+        rel="stylesheet"
+    />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Lato:wght@100;300;400;700;900&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <title>Vite App</title>
+  <script type="module" crossorigin src="/assets/index.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index.css">
+</head>
+<body>
+<div
+    id="app"
+    data-partner-id="5df72bdc97a52507605e4cc1"
+    data-wysiwyg-template-editor-bff-base-url="https://my.retailrocket.ru/5db801c197a52821e86b0d45/TransactionalEmailCampaign/6757225a5520d1ae575e7f0e/CampaignWizard/Step2/WysiwygTemplateEditorBff"
+    data-wysiwyg-bff-proxy-base-url="https://k8s-b1.retailrocket.ru/"
+    data-anti-forgery-header-token-name="data-anti-forgery-header-token-name"
+    data-anti-forgery-header-token-value="data-anti-forgery-header-token-value"
+    data-anti-forgery-form-token-name="data-anti-forgery-form-token-name"
+    data-anti-forgery-form-token-value="data-anti-forgery-form-token-value"
+    data-initial-abandoned-basket-price-drop-template=""
+    data-abandoned-basket-price-drop-favorites-templates="[]"
+    data-create-email-template-submit-url="data-create-email-template-submit-url"
+    data-common-favorites-templates="[]"
+    data-exit-link="#"
+></div>
+</body>
+</html>

package/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/index.html

@@ -12,8 +12,6 @@
     />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Lato:wght@100;300;400;700;900&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
     <title>Vite App</title>
-  <script type="module" crossorigin src="/assets/main.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/main.css">
 </head>
 <body>
 <div
@@ -31,5 +29,6 @@
     data-common-favorites-templates="[]"
     data-exit-link="#"
 ></div>
+<script type="module" src="/src/createAbandonedBasketPriceDropEmailTemplateApp.ts"></script>
 </body>
 </html>

package/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@retailrocketgroup/retailrocket-create.abandoned-basket-price-drop-vue-email-template-render",
-  "version": "3.0.377566",
+  "version": "5.0.384530",
   "private": false
 }

package/src/createAbandonedBasketPriceDropEmailTemplateApp.ts

@@ -0,0 +1,295 @@
+import 'bootstrap';
+import '@easy-wizzy/core/index.css';
+
+import { createApp } from 'vue';
+import { createVuetify } from 'vuetify';
+import { ClickOutside } from 'vuetify/directives';
+
+import { CreateEmailTemplateApp } from '@easy-wizzy/core';
+import { createSimpleDataForm, matcherFactory } from '@easy-wizzy/core';
+import type { GeneralStringExpressionDataSource } from '@easy-wizzy/retailrocket-common';
+import { expressionEvaluatorFactory } from '@easy-wizzy/core';
+import { listExpressionEvaluatorFactory } from '@easy-wizzy/core';
+import { numberExpressionEvaluatorDelegate } from '@easy-wizzy/core';
+import { stringExpressionEvaluatorFactory } from '@easy-wizzy/core';
+import { dataStructBuilderExpressionEvaluatorFactory } from '@easy-wizzy/core';
+
+import type { EmailTemplateType } from '@easy-wizzy/core';
+import type { EmailTemplatePreviewTileComponent } from '@easy-wizzy/core';
+import type { LocaleKey } from '@easy-wizzy/core';
+import type { StringExpressionEvaluatorDelegate } from '@easy-wizzy/core';
+
+import { createEmailTemplateAppDepsFactory } from '@easy-wizzy/common-app';
+import { emailTemplatePreviewTileComponentFactory } from '@easy-wizzy/common-app';
+import { emailTemplatePreviewTileDepsFactory } from '@easy-wizzy/common-app';
+import { productImageUrlBuilderExpressionEvaluatorFactory } from '@easy-wizzy/common-app';
+import { defaultTemplateLibraryFactory } from '@easy-wizzy/common-app';
+import { apiMachineFetchFactory } from '@easy-wizzy/common-app';
+import { variableSelectorDepsFactory } from '@easy-wizzy/common-app';
+
+import type { ApiMachineFetchDelegate } from '@easy-wizzy/common-app';
+
+import { stringExpressionBuilderPluginFactory, richTextToolbarPluginFactory, VariableSelector } from '@easy-wizzy/retailrocket-common';
+
+import type { ContactCustomData } from '@easy-wizzy/retailrocket-common';
+import type { NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+
+import type { AbandonedBasketPriceDropListExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type { AbandonedBasketPriceDropNumberExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type { AbandonedBasketPriceDropStringExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+
+import { initialEmailTemplateRu } from '@easy-wizzy/template-library';
+import { initialEmailTemplateEn } from '@easy-wizzy/template-library';
+
+import { abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory } from '@/implementation/DataSources/ListDataExpressionSource/abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory';
+import { abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory } from '@/implementation/DataSources/NumberExpressionDataSource/abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory';
+import { abandonedBasketPriceDropStringExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/StringExpressionDataSource/abandonedBasketPriceDropEvaluateStringExpressionDataSource';
+
+import { createApi as listExpressionDataSourceBffClientFactory } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.listexpressiondatasource';
+
+const appTagId = '#app';
+const appTag = document.querySelector(appTagId);
+
+const params = {
+    partnerId: appTag!.getAttribute('data-partner-id')!,
+    wysiwygTemplateEditorBffBaseUrl: appTag!.getAttribute('data-wysiwyg-template-editor-bff-base-url')!,
+    wysiwygBffProxyBaseUrl: appTag!.getAttribute('data-wysiwyg-bff-proxy-base-url')!,
+    antiForgeryHeaderTokenName: appTag!.getAttribute('data-anti-forgery-header-token-name')!,
+    antiForgeryHeaderTokenValue: appTag!.getAttribute('data-anti-forgery-header-token-value')!,
+    antiForgeryFormTokenName: appTag!.getAttribute('data-anti-forgery-form-token-name')!,
+    antiForgeryFormTokenValue: appTag!.getAttribute('data-anti-forgery-form-token-value')!,
+    createEmailTemplateSubmitUrl: appTag!.getAttribute('data-create-email-template-submit-url')!,
+    initialEmailTemplateJson: appTag!.getAttribute('data-initial-abandoned-basket-price-drop-template')!,
+    abandonedBasketPriceDropFavoritesTemplates: JSON.parse(appTag!.getAttribute('data-abandoned-basket-price-drop-favorites-templates')!) as [{ templateId: string, templateJson: string, favoriteTemplateName: string }],
+    commonFavoritesTemplates: JSON.parse(appTag!.getAttribute('data-common-favorites-templates')!) as [{ templateId: string, templateJson: string, favoriteTemplateName: string }],
+    exitLink: appTag!.getAttribute('data-exit-link')!,
+    localeKey: appTag!.getAttribute('data-locale-key') as LocaleKey || 'en'
+};
+
+const _apiMachineFetchFactory = (arg: {
+    baseUrl: string
+}): ApiMachineFetchDelegate => apiMachineFetchFactory({
+    baseUrl: arg.baseUrl,
+    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+});
+
+const listExpressionDataSourceBffClient = listExpressionDataSourceBffClientFactory(
+    _apiMachineFetchFactory({
+        baseUrl: params.wysiwygBffProxyBaseUrl
+    })
+);
+
+const createTemplate = <
+    TListExpressionDataSource,
+    TNumberExpressionDataSource,
+    TStringExpressionDataSource>(arg: {
+    template: EmailTemplateType<
+        TListExpressionDataSource,
+        TNumberExpressionDataSource,
+        TStringExpressionDataSource>
+}): void => {
+    const formData = new FormData();
+    formData.append(
+        params.antiForgeryFormTokenName,
+        params.antiForgeryFormTokenValue);
+    formData.append(
+        'template',
+        JSON.stringify(arg.template));
+
+    const form = createSimpleDataForm({
+        method: 'POST',
+        action: params.createEmailTemplateSubmitUrl,
+        formData: formData
+    });
+
+    document.body.appendChild(form);
+    form.submit();
+};
+
+const contactCustomData: ContactCustomData = {};
+const nextCouponFromBatch: NextCouponFromBatchType = {
+    BatchId: ''
+};
+
+const createEmailTemplatePreviewTile = (arg: {
+    template: EmailTemplateType<
+        AbandonedBasketPriceDropListExpressionDataSource,
+        AbandonedBasketPriceDropNumberExpressionDataSource,
+        AbandonedBasketPriceDropStringExpressionDataSource
+    >;
+    templateName: string;
+}): EmailTemplatePreviewTileComponent => {
+
+    const listExpressionDataSourceEvaluator = abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory({
+        partnerId: params.partnerId,
+        listExpressionDataSourceBffClient: listExpressionDataSourceBffClient,
+        customerStockId: undefined
+    });
+
+    const listExpressionEvaluator = listExpressionEvaluatorFactory({
+        listExpressionDataSourceEvaluator: listExpressionDataSourceEvaluator
+    });
+
+    const numberExpressionDataSourceEvaluator = abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory();
+
+    const numberExpressionEvaluator = numberExpressionEvaluatorDelegate({
+        listExpressionEvaluator: listExpressionEvaluator,
+        numberExpressionDataSourceEvaluator: numberExpressionDataSourceEvaluator
+    })
+
+    const stringExpressionEvaluator: StringExpressionEvaluatorDelegate<
+        AbandonedBasketPriceDropListExpressionDataSource,
+        AbandonedBasketPriceDropNumberExpressionDataSource,
+        AbandonedBasketPriceDropStringExpressionDataSource
+    > = stringExpressionEvaluatorFactory({
+        listExpressionEvaluator: listExpressionEvaluator,
+        numberExpressionEvaluator: numberExpressionEvaluator,
+        stringExpressionDataSourceEvaluatorFactory: () => abandonedBasketPriceDropStringExpressionDataSourceEvaluatorFactory({
+            productImageUrlBuilderExpressionEvaluator: productImageUrlBuilderExpressionEvaluatorFactory({
+                partnerId: params.partnerId,
+                numberExpressionEvaluator: numberExpressionEvaluator
+            }),
+            contactCustomData: contactCustomData,
+            nextCouponFromBatch: nextCouponFromBatch
+        })
+    });
+
+    const expressionEvaluator = expressionEvaluatorFactory({
+        listExpressionEvaluator: listExpressionEvaluator,
+        numberExpressionEvaluator: numberExpressionEvaluator,
+        stringExpressionEvaluator: stringExpressionEvaluator,
+        dataStructBuilderExpressionEvaluatorFactory: expressionEvaluator => dataStructBuilderExpressionEvaluatorFactory({
+            expressionEvaluator: expressionEvaluator
+        })
+    });
+
+    const dataStructExpressionEvaluator = dataStructBuilderExpressionEvaluatorFactory({
+        expressionEvaluator: expressionEvaluator
+    });
+
+    const stringExpressionBuilderPlugin = stringExpressionBuilderPluginFactory({
+        localeKey: params.localeKey
+    });
+
+    return emailTemplatePreviewTileComponentFactory<
+        AbandonedBasketPriceDropListExpressionDataSource,
+        AbandonedBasketPriceDropNumberExpressionDataSource,
+        AbandonedBasketPriceDropStringExpressionDataSource
+    >({
+        template: arg.template,
+        templateName: arg.templateName,
+        emailTemplatePreviewTileDeps: emailTemplatePreviewTileDepsFactory<
+            AbandonedBasketPriceDropListExpressionDataSource,
+            AbandonedBasketPriceDropNumberExpressionDataSource,
+            AbandonedBasketPriceDropStringExpressionDataSource
+        >({
+            localeKey: params.localeKey,
+            dataSourceFieldNameDelegate: ({ dataSource }) => {
+                return matcherFactory(dataSource as GeneralStringExpressionDataSource).Match({
+                    StringFromContactCustomData: (customData) => customData.FieldName,
+                    StringFromContactCustomDataWithFallback: (customDataWithFallback) => customDataWithFallback.FallbackValue,
+                    ProductImageUrlBuilderExpression: () => 'ImageResizer',
+                    NextCouponFromBatch: () => 'Coupon'
+                });
+            },
+            richTextToolbarPlugins: [
+                richTextToolbarPluginFactory({
+                    richTextToolbarPluginComponent: VariableSelector,
+                    deps: variableSelectorDepsFactory({
+                        localeKey: params.localeKey,
+                        stringExpressionBuilderPlugin: stringExpressionBuilderPlugin
+                    })
+                })
+            ],
+            listExpressionEvaluator: listExpressionEvaluator,
+            numberExpressionEvaluator: numberExpressionEvaluator,
+            stringExpressionEvaluator: stringExpressionEvaluator,
+            dataStructExpressionEvaluator: dataStructExpressionEvaluator,
+            expressionEvaluator: expressionEvaluator,
+            stringExpressionBuilderPlugin: stringExpressionBuilderPlugin
+        }),
+        onFavoriteTemplateSelected: () => {
+            createTemplate({
+                template: arg.template
+            });
+        },
+    });
+};
+
+const initialEmailTemplate = params.localeKey === 'ru'
+    ? initialEmailTemplateRu
+    : initialEmailTemplateEn;
+
+const app = createApp(
+    CreateEmailTemplateApp,
+    {
+        onInitialTemplateSelected: () => {
+            createTemplate({
+                template: params.initialEmailTemplateJson.length
+                    ? JSON.parse(params.initialEmailTemplateJson)
+                    : initialEmailTemplate,
+            });
+        },
+        deps:
+            createEmailTemplateAppDepsFactory<
+                AbandonedBasketPriceDropListExpressionDataSource,
+                AbandonedBasketPriceDropNumberExpressionDataSource,
+                AbandonedBasketPriceDropStringExpressionDataSource
+            >({
+                partnerId: params.partnerId,
+                localeKey: params.localeKey,
+                emailTemplatePreviews:
+                    {
+                        custom: [
+                            ...params
+                                .commonFavoritesTemplates
+                                .map(o => ({
+                                    templateName: o.favoriteTemplateName,
+                                    previewTileComponent: createEmailTemplatePreviewTile({
+                                        template: JSON.parse(o.templateJson),
+                                        templateName: o.favoriteTemplateName
+                                    })
+                                })),
+                            ...params
+                                .abandonedBasketPriceDropFavoritesTemplates
+                                .map(o => ({
+                                    templateName: o.favoriteTemplateName,
+                                    previewTileComponent: createEmailTemplatePreviewTile({
+                                        template: JSON.parse(o.templateJson),
+                                        templateName: o.favoriteTemplateName
+                                    })
+                                }))
+                        ],
+                        default: [
+                            ...defaultTemplateLibraryFactory(params.localeKey)
+                                .map(o => ({
+                                    templateName: o.favoriteTemplateName,
+                                    previewTileComponent: createEmailTemplatePreviewTile({
+                                        template: o.defaultTemplate as EmailTemplateType<
+                                            AbandonedBasketPriceDropListExpressionDataSource,
+                                            AbandonedBasketPriceDropNumberExpressionDataSource,
+                                            AbandonedBasketPriceDropStringExpressionDataSource
+                                        >,
+                                        templateName: o.favoriteTemplateName
+                                    })
+                                }))
+                        ]
+                    },
+                initialEmailTemplate: params.initialEmailTemplateJson.length
+                    ? JSON.parse(params.initialEmailTemplateJson)
+                    : initialEmailTemplate,
+                exitLink: params.exitLink
+            }
+        )
+    }
+);
+
+app.use(createVuetify({
+    theme: false,
+    directives: {
+        ClickOutside
+    }
+}));
+
+app.mount(appTagId);

package/src/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/abandonedBasketPriceDropComponentSectionItemFactory.ts

@@ -0,0 +1,32 @@
+import type {
+    ComponentLibrarySectionItem,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import type {
+    CustomComponentSectionItemType
+} from '@easy-wizzy/core';
+import {
+    abandonedBasketPriceDropEmailComponentFactory
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/abandonedBasketPriceDropEmailComponentFactory';
+import type {
+    AbandonedBasketPriceDropNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropListExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+
+export const abandonedBasketPriceDropComponentSectionItemFactory = (
+    componentLibrarySectionItem: ComponentLibrarySectionItem,
+): CustomComponentSectionItemType<
+    AbandonedBasketPriceDropListExpressionDataSource,
+    AbandonedBasketPriceDropNumberExpressionDataSource,
+    AbandonedBasketPriceDropStringExpressionDataSource
+> => {
+    return {
+        sectionItemId: componentLibrarySectionItem.sectionItemId,
+        sectionItemName: componentLibrarySectionItem.sectionItemName,
+        componentTemplate: abandonedBasketPriceDropEmailComponentFactory(componentLibrarySectionItem.component),
+    };
+};

package/src/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/abandonedBasketPriceDropEmailComponentFactory.ts

@@ -0,0 +1,26 @@
+import type { EmailComponentType } from '@easy-wizzy/core';
+import type {
+    Component,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow/main';
+import type {
+    AbandonedBasketPriceDropListExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+
+export const abandonedBasketPriceDropEmailComponentFactory = (
+    component: Component
+): EmailComponentType<
+    AbandonedBasketPriceDropListExpressionDataSource,
+    AbandonedBasketPriceDropNumberExpressionDataSource,
+    AbandonedBasketPriceDropStringExpressionDataSource
+> =>
+{
+    return component.triggerAbandonedBasketPriceDrop
+        ? JSON.parse(component.triggerAbandonedBasketPriceDrop.componentJson)
+        : JSON.parse(component.common!.componentJson)
+}

package/src/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/abandonedBasketPriceDropComponentLibraryFactory.ts

@@ -0,0 +1,29 @@
+import type {
+    ComponentLibrarySection,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import type {
+    CustomComponentLibraryType
+} from '@easy-wizzy/core';
+import type {
+    AbandonedBasketPriceDropListExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import {
+    abandonedBasketPriceDropSectionFactory
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/abandonedBasketPriceDropSectionFactory';
+
+export const abandonedBasketPriceDropComponentLibraryFactory = (
+    componentLibrary: Array<ComponentLibrarySection>
+): CustomComponentLibraryType<
+    AbandonedBasketPriceDropListExpressionDataSource,
+    AbandonedBasketPriceDropNumberExpressionDataSource,
+    AbandonedBasketPriceDropStringExpressionDataSource
+> => {
+    return componentLibrary
+        .map(section => abandonedBasketPriceDropSectionFactory(section))
+}

package/src/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/abandonedBasketPriceDropSectionFactory.ts

@@ -0,0 +1,34 @@
+import type {
+    ComponentLibrarySection,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import type {
+    CustomComponentSectionType
+} from '@easy-wizzy/core';
+import type {
+    AbandonedBasketPriceDropListExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import {
+    abandonedBasketPriceDropComponentSectionItemFactory
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/abandonedBasketPriceDropComponentSectionItemFactory';
+
+export const abandonedBasketPriceDropSectionFactory = (
+    section: ComponentLibrarySection,
+): CustomComponentSectionType<
+    AbandonedBasketPriceDropListExpressionDataSource,
+    AbandonedBasketPriceDropNumberExpressionDataSource,
+    AbandonedBasketPriceDropStringExpressionDataSource
+> => {
+    return {
+        sectionId: section.sectionId,
+        sectionName: section.sectionName,
+        componentList: section
+            .sectionItems
+            .map(component => abandonedBasketPriceDropComponentSectionItemFactory(component)),
+    };
+};