@retailrocketgroup/retailrocket-edit.multicast-vue-email-template-render 3.0.381747 → 5.0.384530

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

@@ -0,0 +1,4 @@
+import { MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import { ComponentLibrarySectionItem } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionItemType } from '@easy-wizzy/core';
+export declare const multicastComponentSectionItemFactory: (componentLibrarySectionItem: ComponentLibrarySectionItem) => CustomComponentSectionItemType<MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { EmailComponentType } from '@easy-wizzy/core';
+import { MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import { Component } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow/main';
+export declare const multicastEmailComponentFactory: (component: Component) => EmailComponentType<MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentLibraryType } from '@easy-wizzy/core';
+export declare const multicastComponentLibraryFactory: (componentLibrary: Array<ComponentLibrarySection>) => CustomComponentLibraryType<MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionType } from '@easy-wizzy/core';
+export declare const multicastSectionFactory: (section: ComponentLibrarySection) => CustomComponentSectionType<MulticastListExpressionDataSource, MulticastNumberExpressionDataSource, MulticastStringExpressionDataSource>;

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

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

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

@@ -0,0 +1,6 @@
+import { NumberExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { MulticastNumberExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import { ContactCustomData } from '@easy-wizzy/retailrocket-common';
+export declare const multicastNumberExpressionDataSourceEvaluatorFactory: (arg: {
+    contactCustomData: ContactCustomData;
+}) => NumberExpressionDataSourceEvaluatorDelegate<MulticastNumberExpressionDataSource>;

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

@@ -0,0 +1,9 @@
+import { MulticastStringExpressionDataSource, MulticastListExpressionDataSource, MulticastNumberExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import { StringExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { ContactCustomData, NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+import { ProductImageUrlBuilderExpressionEvaluatorDelegate } from '@easy-wizzy/common-app';
+export declare const multicastStringExpressionDataSourceEvaluatorFactory: (arg: {
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<MulticastListExpressionDataSource, MulticastNumberExpressionDataSource>;
+    contactCustomData: ContactCustomData;
+    nextCouponFromBatch: NextCouponFromBatchType;
+}) => StringExpressionDataSourceEvaluatorDelegate<MulticastStringExpressionDataSource>;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/MulticastProductShelfDataSourceExpressionBuilderModal/multicastProductShelfDataSourceExpressionBuilderModalDepsFactory.d.ts

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

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

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

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-email-template-json='{"Subject": "","Preheader": "","Theme": {"BodyWidth": 600,"IsResponsiveWidth": true,"FontFamily": "Arial","Colors": {"EmailBackgroundColor": "#EEEEEE","BodyColor": "#FFFFFF","PrimaryColor": "#557aff","PrimaryTextColor": "#ffffff","SecondaryColor": "#E4EAFF","SecondaryTextColor": "#557aff","CardBackgroundColor": "#F6F6F6","HeadingColor": "#2F2F2F","TitleColor": "#2F2F2F","SubHeadingColor": "#2F2F2F","LargeTextColor": "#2F2F2F","NormalTextColor": "#2F2F2F","DescriptionTextColor": "#999999","LinkColor": "#65A0FA","ButtonTextColor": "#ffffff"},"BorderRadius": {"TopLeft": 20,"TopRight": 20,"BottomLeft": 20,"BottomRight": 20},"BorderRadiusCard": {"TopLeft": 16,"TopRight": 16,"BottomLeft": 16,"BottomRight": 16},"BorderRadiusButton": {"TopLeft": 6,"TopRight": 6,"BottomLeft": 6,"BottomRight": 6},"BorderRadiusBanner": {"TopLeft": 0,"TopRight": 0,"BottomLeft": 0,"BottomRight": 0},"BodyPaddings": {"Left": 20,"Right": 20,"Top": 10,"Bottom": 10},"ComponentPaddings": {"Small": 8,"Medium": 16,"Large": 24,"Huge": 24},"ButtonPaddings": {"TopBottom": 12,"LeftRight": 14},"FontSettingsPresets": {"Title": {"FontSize": 24,"LineHeight": 28,"IsBold": true,"IsItalic": false,"Decoration": "None"},"Heading": {"FontSize": 20,"LineHeight": 24,"IsBold": true,"IsItalic": false,"Decoration": "None"},"SubHeading": {"FontSize": 14,"LineHeight": 16,"IsBold": true,"IsItalic": false,"Decoration": "None"},"LargeText": {"FontSize": 14,"LineHeight": 18,"IsBold": false,"IsItalic": false,"Decoration": "None"},"NormalText": {"FontSize": 12,"LineHeight": 15,"IsBold": false,"IsItalic": false,"Decoration": "None"},"DescriptionText": {"FontSize": 10,"LineHeight": 13,"IsBold": false,"IsItalic": false,"Decoration": "None"},"Button": {"FontSize": 12,"LineHeight": 14,"IsBold": true,"IsItalic": false,"Decoration": "None"},"Link": {"FontSize": 12,"LineHeight": 14,"IsBold": false,"IsItalic": false,"Decoration": "None"}}},"Components": [{"IsRequired": false,"BorderRadius": {"TopLeft": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"TopRight": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"BottomRight": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"BottomLeft": {"Discriminator": "CustomBorderRadius","CustomValue": 0}},"InnerBgColor": {"Discriminator": "BodyColor","CustomValue": "#000000"},"Paddings": {"Top": {"ThemePadding": "ThemePaddingsLarge"},"Bottom": {"ThemePadding": "ThemePaddingsLarge"}},"FullWidth": false,"BodyRowList": [{"MultipleColumnBodyRow": {"ColumnSpacerSize": {"CustomValue": 0},"DirectionRtl": false,"Paddings": {"Left": {"CustomValue": 0},"Top": {"CustomValue": 0},"Right": {"CustomValue": 0},"Bottom": {"CustomValue": 0}},"Border": {"Left": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}},"Top": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}},"Right": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}},"Bottom": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}}},"BorderRadius": {"TopLeft": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"TopRight": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"BottomRight": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"BottomLeft": {"Discriminator": "CustomBorderRadius","CustomValue": 0}},"BgColor": {"Discriminator": "None","CustomValue": "#ffffff"},"ContainerAlign": "Center","Columns": [{"VerticalAlign": "Top","BgColor": {"Discriminator": "None","CustomValue": "#ffffff"},"Paddings": {"Top": {"CustomValue": 0},"Right": {"CustomValue": 0},"Bottom": {"CustomValue": 0},"Left": {"CustomValue": 0}},"Border": {"Left": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}},"Top": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}},"Right": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}},"Bottom": {"Width": 0,"Style": "None","Color": {"Discriminator": "Custom","CustomValue": "#FFFFFF"}}},"BorderRadius": {"TopLeft": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"TopRight": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"BottomRight": {"Discriminator": "CustomBorderRadius","CustomValue": 0},"BottomLeft": {"Discriminator": "CustomBorderRadius","CustomValue": 0}},"ContainerAlign": "Center","Elements": [{"RichText": {"ImageVerticalAlign": "Baseline","MinHeight": 1,"ContentAlign": "Center","Text": {"Content": [{"ParagraphNode": {"Content": [{"TextNode": {"Text": "Сервис создания электронных писем","TextStyle": {"ThemeName": "Heading","Style": {}}}}]}}]}}},{"Spacer": {"Height": {"ThemePadding": "ThemePaddingsLarge"},"Weight": 0,"Color": {"Discriminator": "None","CustomValue": "#FFFFFF"}}},{"RichText": {"ImageVerticalAlign": "Baseline","MinHeight": 1,"ContentAlign": "Center","Text": {"Content": [{"ParagraphNode": {"Content": [{"TextNode": {"Text": "Мы рады представить вам наш новый продукт - сервис создания электронных писем. С помощью этого удобного и интуитивно понятного инструмента, вы сможете легко создавать красивые и профессиональные письма всего в несколько простых шагов.","TextStyle": {"ThemeName": "LargeText","Style": {}}}}]}}]}}}],"Width": {"JustifyWidth": {"WidthInPixels": 560}}}]}}]}]}'
+            data-create-email-template-submit-url="data-create-email-template-submit-url"
+            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-reset-template-form-url="https://webhook.site/a85a171c-bb86-4693-9552-d209a59a7e6a"
+            data-exit-link="ya.ru"
+            data-locale-key="ru"
+        ></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-exit-link="ya.ru"
             data-locale-key="ru"
         ></div>
+        <script type="module" src="/src/editMulticastEmailTemplate.ts"></script>
     </body>
 </html>

package/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@retailrocketgroup/retailrocket-edit.multicast-vue-email-template-render",
-  "version": "3.0.381747",
+  "version": "5.0.384530",
   "private": false
 }

package/src/editMulticastEmailTemplate.ts

@@ -0,0 +1,413 @@
+import 'bootstrap';
+import '@easy-wizzy/retailrocket-common/index.css';
+import '@easy-wizzy/core/index.css';
+
+import { createApp } from 'vue';
+import { createVuetify } from 'vuetify';
+import { ClickOutside } from 'vuetify/directives';
+import { createSimpleDataForm, matcherFactory } from '@easy-wizzy/core';
+import { EditEmailTemplateApp } from '@easy-wizzy/core';
+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 { StringExpressionEvaluatorDelegate } from '@easy-wizzy/core';
+import type { LocaleKey } from '@easy-wizzy/core';
+
+import { defaultThemeLibraryFactory } from '@easy-wizzy/theme-library';
+import { defaultComponentLibraryFactory } from '@easy-wizzy/component-library';
+
+import type { ApiMachineFetchDelegate } from '@easy-wizzy/common-app';
+
+import { apiMachineFetchFactory, variableSelectorDepsFactory } from '@easy-wizzy/common-app';
+import { editEmailTemplateAppDepsFactory } from '@easy-wizzy/common-app';
+import { wysiwygTemplateEditorBffClientFactory } from '@easy-wizzy/common-app';
+import { productImageUrlBuilderExpressionEvaluatorFactory } from '@easy-wizzy/common-app';
+
+import { productShelfDataSourceExpressionBuilderPluginFactory } from '@easy-wizzy/retailrocket-common';
+import { stringExpressionBuilderPluginFactory } from '@easy-wizzy/retailrocket-common';
+import { richTextToolbarPluginFactory } from '@easy-wizzy/retailrocket-common';
+import { VariableSelector } from '@easy-wizzy/retailrocket-common';
+
+import type { GeneralStringExpressionDataSource, NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+import type { ContactCustomData } from '@easy-wizzy/retailrocket-common';
+
+import type { MulticastNumberExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import type { MulticastListExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+import type { MulticastStringExpressionDataSource } from '@easy-wizzy/retailrocket-multicast';
+
+import { MulticastProductShelfDataSourceExpressionBuilder } from '@easy-wizzy/retailrocket-multicast';
+
+import { multicastNumberExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/NumberExpressionDataSource/multicastNumberExpressionDataSourceEvaluatorFactory';
+import { multicastStringExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/StringExpressionDataSource/multicastEvaluateStringExpressionDataSource';
+import { multicastEvaluateListExpressionDataSourceFactory } from '@/implementation/DataSources/ListDataExpressionSource/multicastEvaluateListExpressionDataSourceFactory';
+import { multicastComponentLibraryFactory } from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/multicastComponentLibraryFactory';
+import { multicastProductShelfDataSourceExpressionBuilderDepsFactory } from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/multicastProductShelfDataSourceExpressionBuilderDepsFactory';
+
+import { createApi as createMulticastwysiwygtemplateeditorClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.multicastwysiwygtemplateeditor';
+import { createApi as listExpressionDataSourceBffClientFactory } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.listexpressiondatasource';
+import {
+    type Component,
+    createApi as createAddComponentLibrarySectionItemModalWindowBffClient
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow';
+import { createApi as createProductShelfBuilderModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.productshelfmodalwindow';
+import { createApi as createProductCategoryPickerModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.productcategorypickermodalwindow';
+import { createApi as createProductPickerModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.productpickermodalwindow';
+import { createApi as createThemeLibraryBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.themelibrary';
+import { createApi as createComponentLibraryBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary';
+import { createApi as createAddThemeLibrarySectionItemModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addthemelibrarysectionitemmodalwindow';
+import { createApi as createDeleteThemeLibrarySectionItemModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.deletethemelibrarysectionitemmodalwindow';
+import { createApi as createDeleteThemeLibrarySectionModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.deletethemelibrarysectionmodalwindow';
+import { createApi as createEditThemeLibrarySectionItemModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.editthemelibrarysectionitemmodalwindow';
+import { createApi as createAddComponentLibrarySectionModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionmodalwindow';
+import { createApi as createEditComponentLibrarySectionItemModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.editcomponentlibrarysectionitemmodalwindow';
+import { createApi as createDeleteComponentLibrarySectionItemModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.deletecomponentlibrarysectionitemmodalwindow';
+import { createApi as createThemeLibrarySectionModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addthemelibrarysectionmodalwindow';
+import { createApi as createDeleteComponentLibrarySectionModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.deletecomponentlibrarysectionmodalwindow';
+import { createApi as saveFavoriteTemplate } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.savefavoritetemplatemodalwindow';
+
+const appTagId = '#app';
+const appTag = document.querySelector(appTagId);
+
+const params = {
+    partnerId: appTag!.getAttribute('data-partner-id')!,
+    wysiwygBffProxyBaseUrl: appTag!.getAttribute('data-wysiwyg-bff-proxy-base-url')!,
+    wysiwygTemplateEditorBffBaseUrl: appTag!.getAttribute('data-wysiwyg-template-editor-bff-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')!,
+    emailTemplateJson: appTag!.getAttribute('data-email-template-json')!,
+    previewTemplateDataJson: appTag!.getAttribute('data-preview-template-data-json')!,
+    resetTemplateFormUrl: appTag!.getAttribute('data-reset-template-form-url')!,
+    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 multicastMainPageBffClient = createMulticastwysiwygtemplateeditorClient(
+    apiMachineFetchFactory({
+        baseUrl: params.wysiwygTemplateEditorBffBaseUrl,
+        antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+        antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+    })
+);
+
+const createFavoriteTemplateBffClient = saveFavoriteTemplate(
+    _apiMachineFetchFactory({
+        baseUrl: params.wysiwygBffProxyBaseUrl
+    })
+);
+
+const resetTemplate = (): void => {
+    const formData = new FormData();
+    formData.append(
+        params.antiForgeryFormTokenName,
+        params.antiForgeryFormTokenValue);
+
+    const form = createSimpleDataForm({
+        method: 'POST',
+        action: params.resetTemplateFormUrl,
+        formData: formData
+    });
+
+    document.body.appendChild(form);
+    form.submit();
+};
+
+
+let contactCustomData: ContactCustomData = {};
+let nextCouponFromBatch: NextCouponFromBatchType = {
+    BatchId: '',
+};
+
+const listExpressionDataSourceBffClient = listExpressionDataSourceBffClientFactory(
+    _apiMachineFetchFactory({
+        baseUrl: params.wysiwygBffProxyBaseUrl
+    })
+);
+
+const listExpressionDataSourceEvaluator = multicastEvaluateListExpressionDataSourceFactory({
+    partnerId: params.partnerId,
+    listExpressionDataSourceBffClient: listExpressionDataSourceBffClient,
+    customerStockId: undefined
+});
+
+const listExpressionEvaluator = listExpressionEvaluatorFactory({
+    listExpressionDataSourceEvaluator: listExpressionDataSourceEvaluator
+});
+
+const numberExpressionDataSourceEvaluator = multicastNumberExpressionDataSourceEvaluatorFactory({
+    contactCustomData: contactCustomData
+});
+
+const numberExpressionEvaluator = numberExpressionEvaluatorDelegate({
+    listExpressionEvaluator: listExpressionEvaluator,
+    numberExpressionDataSourceEvaluator: numberExpressionDataSourceEvaluator
+})
+
+const stringExpressionEvaluator: StringExpressionEvaluatorDelegate<
+    MulticastListExpressionDataSource,
+    MulticastNumberExpressionDataSource,
+    MulticastStringExpressionDataSource
+> = stringExpressionEvaluatorFactory({
+    listExpressionEvaluator: listExpressionEvaluator,
+    numberExpressionEvaluator: numberExpressionEvaluator,
+    stringExpressionDataSourceEvaluatorFactory: () => multicastStringExpressionDataSourceEvaluatorFactory({
+        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 app = createApp(
+    EditEmailTemplateApp,
+    {
+        onTemplateReset: () => {
+            //eslint-disable-next-line no-console
+            console.log('onTemplateReset');
+            resetTemplate();
+        },
+        deps:
+        editEmailTemplateAppDepsFactory<
+            MulticastListExpressionDataSource,
+            MulticastNumberExpressionDataSource,
+            MulticastStringExpressionDataSource
+        >({
+            partnerId: params.partnerId,
+            localeKey: params.localeKey || 'en',
+            exitLink: params.exitLink,
+            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: stringExpressionBuilderPluginFactory({
+                            localeKey: params.localeKey
+                        })
+                    })
+                })
+            ],
+            defaultThemeLibrary: defaultThemeLibraryFactory({
+                localeKey: params.localeKey
+            }),
+            defaultComponentLibrary: defaultComponentLibraryFactory({
+                localeKey: params.localeKey
+            }),
+            saveEmailTemplate: async arg => {
+                const result = await multicastMainPageBffClient
+                    .postCreateTemplate({
+                        body: {
+                            partnerId: params.partnerId,
+                            templateJson: JSON.stringify(arg.emailTemplate)
+                        }
+                    })
+
+                return result.status === 200
+                    ? 'Success'
+                    : 'Fail'
+            },
+            createFavoriteTemplate: async arg => {
+                const result = await createFavoriteTemplateBffClient
+                    .postCreateFavoriteMulticastTemplate({
+                        body: {
+                            partnerId: params.partnerId,
+                            templateJson: JSON.stringify(arg.emailTemplate),
+                            favoriteTemplateName: 'Favorite template'
+                        }
+                    });
+
+                return result.status === 200
+                    ? 'Success'
+                    : 'Fail';
+            },
+            listExpressionEvaluator: listExpressionEvaluator,
+            numberExpressionEvaluator: numberExpressionEvaluator,
+            stringExpressionEvaluator: stringExpressionEvaluator,
+            dataStructExpressionEvaluator: dataStructExpressionEvaluator,
+            expressionEvaluator: expressionEvaluator,
+            getComponentLibraryFactory: x => () =>
+                x.getComponentLibraryHttpClient(
+                    {
+                        body: {
+                            partnerId: x.partnerId,
+                            componentTypes: [
+                                { multicast: {} },
+                                { common: {} }
+                            ]
+                        }
+                    }
+                )
+                    .then(x => multicastComponentLibraryFactory(x.body.sections)),
+            canProductShelfDataSourceBeConverted: () => false,
+            httpClientComponentFactoryDelegate: (emailComponent): Component => {
+                return {
+                    multicast: {
+                        componentJson: JSON.stringify(emailComponent)
+                    }
+                }
+            },
+            stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
+                localeKey: params.localeKey
+            }),
+            emailComponentSettingsModifierPlugin: productShelfDataSourceExpressionBuilderPluginFactory({
+                productShelfDataSourceExpressionBuilderComponent: MulticastProductShelfDataSourceExpressionBuilder,
+                deps: multicastProductShelfDataSourceExpressionBuilderDepsFactory({
+                    localeKey: params.localeKey,
+                    partnerId: params.partnerId,
+                    customerStockId: 'customerStockId',
+                    productShelfBuilderModalWindowBffClient: createProductShelfBuilderModalWindowBffClient(
+                        apiMachineFetchFactory({
+                            baseUrl: params.wysiwygBffProxyBaseUrl,
+                            antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                            antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                        })
+                    ),
+                    productCategoryPickerModalWindowBffClient: createProductCategoryPickerModalWindowBffClient(
+                        apiMachineFetchFactory({
+                            baseUrl: params.wysiwygBffProxyBaseUrl,
+                            antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                            antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                        })
+                    ),
+                    productPickerModalWindowBffClient: createProductPickerModalWindowBffClient(
+                        apiMachineFetchFactory({
+                            baseUrl: params.wysiwygBffProxyBaseUrl,
+                            antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                            antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                        })
+                    )
+                })
+            }),
+            initialEmailTemplate: JSON.parse(params.emailTemplateJson),
+            wysiwygTemplateEditorBffClient: wysiwygTemplateEditorBffClientFactory({
+                themeLibraryBffClient: createThemeLibraryBffClient(
+                    apiMachineFetchFactory({
+                        baseUrl: params.wysiwygBffProxyBaseUrl,
+                        antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                        antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                    })
+                ),
+                componentLibraryBffClient: createComponentLibraryBffClient(
+                    apiMachineFetchFactory({
+                        baseUrl: params.wysiwygBffProxyBaseUrl,
+                        antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                        antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                    })
+                )
+            }),
+            addThemeLibrarySectionItemModalWindowBffClient: createAddThemeLibrarySectionItemModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            addComponentLibrarySectionItemModalWindowBffClient: createAddComponentLibrarySectionItemModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            deleteThemeLibrarySectionItemModalWindowBffClient: createDeleteThemeLibrarySectionItemModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            deleteThemeLibrarySectionModalWindowBffClient: createDeleteThemeLibrarySectionModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            editThemeLibrarySectionItemModalWindowBffClient: createEditThemeLibrarySectionItemModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            createComponentLibrarySectionModalWindowBffClient: createAddComponentLibrarySectionModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            editComponentLibrarySectionItemModalWindowBffClient: createEditComponentLibrarySectionItemModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            deleteComponentLibrarySectionItemModalWindowBffClient: createDeleteComponentLibrarySectionItemModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            createThemeLibrarySectionModalWindowBffClient: createThemeLibrarySectionModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            ),
+            deleteComponentLibrarySectionModalWindowBffClient: createDeleteComponentLibrarySectionModalWindowBffClient(
+                apiMachineFetchFactory({
+                    baseUrl: params.wysiwygBffProxyBaseUrl,
+                    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+                    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+                })
+            )
+        })
+    }
+);
+
+app.use(createVuetify({
+    theme: false,
+    directives: {
+        ClickOutside
+    }
+}));
+
+app.mount(appTagId);

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

@@ -0,0 +1,30 @@
+import type {
+    MulticastListExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import {
+    multicastEmailComponentFactory
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/multicastEmailComponentFactory';
+import type {
+    ComponentLibrarySectionItem,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import type { CustomComponentSectionItemType } from '@easy-wizzy/core';
+
+export const multicastComponentSectionItemFactory = (
+    componentLibrarySectionItem: ComponentLibrarySectionItem,
+): CustomComponentSectionItemType<
+    MulticastListExpressionDataSource,
+    MulticastNumberExpressionDataSource,
+    MulticastStringExpressionDataSource
+> => {
+    return {
+        sectionItemId: componentLibrarySectionItem.sectionItemId,
+        sectionItemName: componentLibrarySectionItem.sectionItemName,
+        componentTemplate: multicastEmailComponentFactory(componentLibrarySectionItem.component),
+    };
+};

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

@@ -0,0 +1,26 @@
+import type { EmailComponentType } from '@easy-wizzy/core';
+import type {
+    MulticastListExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastNumberExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastStringExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    Component,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow/main';
+
+export const multicastEmailComponentFactory = (
+    component: Component
+): EmailComponentType<
+    MulticastListExpressionDataSource,
+    MulticastNumberExpressionDataSource,
+    MulticastStringExpressionDataSource
+> =>
+{
+    return component.multicast
+        ? JSON.parse(component.multicast.componentJson)
+        : JSON.parse(component.common!.componentJson)
+}