@retailrocketgroup/retailrocket-edit.transactional-vue-email-template-render 3.0.377566 → 5.0.384530

package/dist/httpClient/TransactionalWysiwygTemplateEditorClient.d.ts

@@ -0,0 +1,2 @@
+import { createApi as createTransactionalwysiwygtemplateeditorClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.transactionalwysiwygtemplateeditor';
+export type TransactionalWysiwygTemplateEditorClient = ReturnType<typeof createTransactionalwysiwygtemplateeditorClient>;

package/dist/implementation/AppSettingsModifierPlugin/transactionalDataAppSettingsModifierPluginFactory.d.ts

@@ -0,0 +1,6 @@
+import { DataType, LocaleKey, AppSettingsModifierPlugin } from '@easy-wizzy/core';
+export declare const transactionalDataAppSettingsModifierPluginFactory: (arg: {
+    localeKey: LocaleKey;
+    getTransactionTemplateData: () => DataType;
+    updateTransactionTemplateData: (data: DataType) => void;
+}) => AppSettingsModifierPlugin;

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

@@ -0,0 +1,4 @@
+import { ComponentLibrarySectionItem } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { TransactionalStringExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalListExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+import { CustomComponentSectionItemType } from '@easy-wizzy/core';
+export declare const transactionalComponentSectionItemFactory: (componentLibrarySectionItem: ComponentLibrarySectionItem) => CustomComponentSectionItemType<TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { EmailComponentType } from '@easy-wizzy/core';
+import { Component } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow/main';
+import { TransactionalStringExpressionDataSource, TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+export declare const transactionalEmailComponentFactory: (component: Component) => EmailComponentType<TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentLibraryType } from '@easy-wizzy/core';
+import { TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalStringExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+export declare const transactionalComponentLibraryFactory: (componentLibrary: Array<ComponentLibrarySection>) => CustomComponentLibraryType<TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionType } from '@easy-wizzy/core';
+import { TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalStringExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+export declare const transactionalSectionFactory: (section: ComponentLibrarySection) => CustomComponentSectionType<TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalStringExpressionDataSource>;

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

@@ -0,0 +1,9 @@
+import { ListExpressionDataSourceBffClient } from '@easy-wizzy/common-app';
+import { ListExpressionDataSourceEvaluatorDelegate, DataType } from '@easy-wizzy/core';
+import { TransactionalListExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+export declare const transactionalListExpressionDataSourceEvaluatorFactory: (arg: {
+    partnerId: string;
+    getTransactionalTemplateData: () => DataType;
+    listExpressionDataSourceBffClient: ListExpressionDataSourceBffClient;
+    customerStockId: string | undefined;
+}) => ListExpressionDataSourceEvaluatorDelegate<TransactionalListExpressionDataSource>;

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

@@ -0,0 +1,5 @@
+import { TransactionalNumberExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+import { NumberExpressionDataSourceEvaluatorDelegate, DataType } from '@easy-wizzy/core';
+export declare const transactionalNumberExpressionDataSourceEvaluatorFactory: (arg: {
+    getTransactionalTemplateData: () => DataType;
+}) => NumberExpressionDataSourceEvaluatorDelegate<TransactionalNumberExpressionDataSource>;

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

@@ -0,0 +1,9 @@
+import { DataType, StringExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { TransactionalStringExpressionDataSource, TransactionalNumberExpressionDataSource, TransactionalListExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+import { ProductImageUrlBuilderExpressionEvaluatorDelegate } from '@easy-wizzy/common-app';
+import { NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+export declare const transactionalStringExpressionDataSourceEvaluatorFactory: (arg: {
+    getTransactionalTemplateData: () => DataType;
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<TransactionalListExpressionDataSource, TransactionalNumberExpressionDataSource>;
+    nextCouponFromBatch: NextCouponFromBatchType;
+}) => StringExpressionDataSourceEvaluatorDelegate<TransactionalStringExpressionDataSource>;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/TransactionalProductShelfDataSourceExpressionBuilderModal/transactionalProductShelfDataSourceExpressionBuilderModalDepsFactory.d.ts

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

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

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

package/dist/index.d.ts

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

package/dist/index.html

@@ -0,0 +1,36 @@
+<!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-preview-template-data-json='{"name": "Chizh Andrey", "age": 33}'
+        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
@@ -30,7 +28,8 @@
         data-reset-template-form-url="https://webhook.site/a85a171c-bb86-4693-9552-d209a59a7e6a"
         data-preview-template-data-json='{"name": "Chizh Andrey", "age": 33}'
         data-exit-link="ya.ru"
-        data-locale-key="en"
+        data-locale-key="ru"
     ></div>
+    <script type="module" src="/src/editTransactionalEmailTemplateApp.ts"></script>
   </body>
 </html>

package/package.json

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

package/src/editTransactionalEmailTemplateApp.ts

@@ -0,0 +1,426 @@
+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 { LocaleKey } from '@easy-wizzy/core';
+import type { StringExpressionEvaluatorDelegate } from '@easy-wizzy/core';
+import type { DataType } from '@easy-wizzy/core';
+import type { DefaultComponentLibraryType } 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 } from '@easy-wizzy/common-app';
+import { editEmailTemplateAppDepsFactory } from '@easy-wizzy/common-app';
+import { productImageUrlBuilderExpressionEvaluatorFactory } from '@easy-wizzy/common-app';
+import { wysiwygTemplateEditorBffClientFactory } from '@easy-wizzy/common-app';
+import { variableSelectorDepsFactory } from '@easy-wizzy/common-app';
+
+import { productShelfDataSourceExpressionBuilderPluginFactory } from '@easy-wizzy/retailrocket-common';
+import { stringExpressionBuilderPluginFactory, richTextToolbarPluginFactory, VariableSelector } from '@easy-wizzy/retailrocket-common';
+
+import type { GeneralStringExpressionDataSource, NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+
+import type { TransactionalListExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+import type { TransactionalNumberExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+import type { TransactionalStringExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+
+import { TransactionalProductShelfDataSourceExpressionBuilder } from '@easy-wizzy/retailrocket-transactional';
+
+import { transactionalListExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/ListDataExpressionSource/transactionalListExpressionDataSourceEvaluatorFactory';
+import { transactionalNumberExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/NumberExpressionDataSource/transactionalNumberExpressionDataSourceEvaluatorFactory';
+import { transactionalStringExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/StringExpressionDataSource/transactionalEvaluateStringExpressionDataSource';
+import { transactionalComponentLibraryFactory } from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/transactionalComponentLibraryFactory';
+import { transactionalProductShelfDataSourceExpressionBuilderDepsFactory } from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/transactionalProductShelfDataSourceExpressionBuilderDepsFactory';
+import { transactionalDataAppSettingsModifierPluginFactory } from '@/implementation/AppSettingsModifierPlugin/transactionalDataAppSettingsModifierPluginFactory';
+
+import { createApi as createTransactionalwysiwygtemplateeditorClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.transactionalwysiwygtemplateeditor';
+import {
+    type Component,
+    createApi as createAddComponentLibrarySectionItemModalWindowBffClient
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow';
+import { createApi as listExpressionDataSourceBffClientFactory } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.listexpressiondatasource';
+import { createApi as createProductShelfBuilderModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.productshelfmodalwindow';
+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 createProductCategoryPickerModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.productcategorypickermodalwindow';
+import { createApi as createProductPickerModalWindowBffClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.productpickermodalwindow';
+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'
+};
+
+let transactionDataAppSettings: DataType = JSON.parse(params.previewTemplateDataJson);
+
+const _apiMachineFetchFactory = (arg: {
+    baseUrl: string
+}): ApiMachineFetchDelegate => apiMachineFetchFactory({
+    baseUrl: arg.baseUrl,
+    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+})
+
+const transactionalMainPageBffClient = createTransactionalwysiwygtemplateeditorClient(
+    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 nextCouponFromBatch: NextCouponFromBatchType = {
+    BatchId: ''
+};
+
+const listExpressionDataSourceBffClient = listExpressionDataSourceBffClientFactory(
+    _apiMachineFetchFactory({
+        baseUrl: params.wysiwygBffProxyBaseUrl
+    })
+);
+
+const listExpressionEvaluator = listExpressionEvaluatorFactory({
+    listExpressionDataSourceEvaluator: transactionalListExpressionDataSourceEvaluatorFactory({
+        partnerId: params.partnerId,
+        getTransactionalTemplateData: () => transactionDataAppSettings,
+        listExpressionDataSourceBffClient: listExpressionDataSourceBffClient,
+        customerStockId: undefined
+    })
+});
+
+const numberExpressionEvaluator = numberExpressionEvaluatorDelegate({
+    listExpressionEvaluator: listExpressionEvaluator,
+    numberExpressionDataSourceEvaluator: transactionalNumberExpressionDataSourceEvaluatorFactory({
+        getTransactionalTemplateData: () => transactionDataAppSettings
+    })
+})
+
+const stringExpressionEvaluator: StringExpressionEvaluatorDelegate<
+    TransactionalListExpressionDataSource,
+    TransactionalNumberExpressionDataSource,
+    TransactionalStringExpressionDataSource
+> = stringExpressionEvaluatorFactory({
+    listExpressionEvaluator: listExpressionEvaluator,
+    numberExpressionEvaluator: numberExpressionEvaluator,
+    stringExpressionDataSourceEvaluatorFactory: () => transactionalStringExpressionDataSourceEvaluatorFactory({
+        getTransactionalTemplateData: () => transactionDataAppSettings,
+        productImageUrlBuilderExpressionEvaluator: productImageUrlBuilderExpressionEvaluatorFactory({
+            partnerId: params.partnerId,
+            numberExpressionEvaluator: numberExpressionEvaluator
+        }),
+        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<
+                TransactionalListExpressionDataSource,
+                TransactionalNumberExpressionDataSource,
+                TransactionalStringExpressionDataSource
+            >({
+                appSettingsModifierPlugin: transactionalDataAppSettingsModifierPluginFactory({
+                    localeKey: params.localeKey,
+                    getTransactionTemplateData: () => transactionDataAppSettings,
+                    updateTransactionTemplateData: (data) => {
+                        transactionDataAppSettings = data;
+                    }
+                }),
+                partnerId: params.partnerId,
+                localeKey: params.localeKey,
+                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
+            }) as DefaultComponentLibraryType<
+                    TransactionalListExpressionDataSource,
+                    TransactionalNumberExpressionDataSource,
+                    TransactionalStringExpressionDataSource
+                >,
+                saveEmailTemplate: async arg => {
+                    const result = await transactionalMainPageBffClient
+                        .postSaveTemplate({
+                            body: {
+                                partnerId: params.partnerId,
+                                templateJson: JSON.stringify(arg.emailTemplate),
+                                previewTemplateDataJson: JSON.stringify(transactionDataAppSettings)
+                            }
+                        });
+
+                    return result.status === 200
+                        ? 'Success'
+                        : 'Fail'
+                },
+                createFavoriteTemplate: async arg => {
+                    const result = await createFavoriteTemplateBffClient
+                        .postCreateFavoriteTransactionalTemplate({
+                            body: {
+                                previewTemplateDataJson: JSON.stringify(transactionDataAppSettings),
+                                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,
+                canProductShelfDataSourceBeConverted: () => false,
+                httpClientComponentFactoryDelegate: (emailComponent): Component => {
+                    return {
+                        transactional: {
+                            componentJson: JSON.stringify(emailComponent)
+                        }
+                    }
+                },
+                getComponentLibraryFactory: x => () =>
+                    x.getComponentLibraryHttpClient(
+                        {
+                            body: {
+                                partnerId: x.partnerId,
+                                componentTypes: [
+                                    { transactional: {} },
+                                    { common: {} }
+                                ]
+                            }
+                        }
+                    )
+                    .then(x => transactionalComponentLibraryFactory(x.body.sections)),
+                stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
+                    localeKey: params.localeKey
+                }),
+                emailComponentSettingsModifierPlugin: productShelfDataSourceExpressionBuilderPluginFactory({
+                    productShelfDataSourceExpressionBuilderComponent: TransactionalProductShelfDataSourceExpressionBuilder,
+                    deps: transactionalProductShelfDataSourceExpressionBuilderDepsFactory({
+                        localeKey: params.localeKey,
+                        partnerId: params.partnerId,
+                        customerStockId: undefined,
+                        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/httpClient/TransactionalWysiwygTemplateEditorClient.ts

@@ -0,0 +1,5 @@
+import {
+    createApi as createTransactionalwysiwygtemplateeditorClient
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.transactionalwysiwygtemplateeditor';
+
+export type TransactionalWysiwygTemplateEditorClient = ReturnType<typeof createTransactionalwysiwygtemplateeditorClient>;