@retailrocketgroup/retailrocket-edit.product-still-out-of-stock-vue-email-template-render 3.0.381747 → 5.0.384700

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

@@ -0,0 +1,4 @@
+import { ComponentLibrarySectionItem } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionItemType } from '@easy-wizzy/core';
+import { ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockComponentSectionItemFactory: (componentLibrarySectionItem: ComponentLibrarySectionItem) => CustomComponentSectionItemType<ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { EmailComponentType } from '@easy-wizzy/core';
+import { Component } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.addcomponentlibrarysectionitemmodalwindow/main';
+import { ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockEmailComponentFactory: (component: Component) => EmailComponentType<ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentLibraryType } from '@easy-wizzy/core';
+import { ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockComponentLibraryFactory: (componentLibrary: Array<ComponentLibrarySection>) => CustomComponentLibraryType<ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource>;

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

@@ -0,0 +1,4 @@
+import { ComponentLibrarySection } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import { CustomComponentSectionType } from '@easy-wizzy/core';
+import { ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockSectionFactory: (section: ComponentLibrarySection) => CustomComponentSectionType<ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource>;

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

@@ -0,0 +1,8 @@
+import { ListExpressionDataSourceBffClient } from '@easy-wizzy/common-app';
+import { ListExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { ProductStillOutOfStockListExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockEvaluateListExpressionDataSourceFactory: (arg: {
+    partnerId: string;
+    listExpressionDataSourceBffClient: ListExpressionDataSourceBffClient;
+    customerStockId: string | undefined;
+}) => ListExpressionDataSourceEvaluatorDelegate<ProductStillOutOfStockListExpressionDataSource>;

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

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

package/dist/implementation/DataSources/StringExpressionDataSource/productStillOutOfStockEvaluateStringExpressionDataSource.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 { ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource, ProductStillOutOfStockStringExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockStringExpressionDataSourceEvaluatorFactory: (arg: {
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<ProductStillOutOfStockListExpressionDataSource, ProductStillOutOfStockNumberExpressionDataSource>;
+    contactCustomData: ContactCustomData;
+    nextCouponFromBatch: NextCouponFromBatchType;
+}) => StringExpressionDataSourceEvaluatorDelegate<ProductStillOutOfStockStringExpressionDataSource>;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/ProductStillOutOfStockProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/alternativeProductsForProductStillOutOfStockProductListShelfBuilderDepsFactory.d.ts

@@ -0,0 +1,8 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import { AlternativeProductsForProductStillOutOfStockProductListShelfBuilderDeps } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const alternativeProductsForAbandonedProductListShelfBuilderDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient["postGetAllStockIds"];
+}) => AlternativeProductsForProductStillOutOfStockProductListShelfBuilderDeps;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/ProductStillOutOfStockProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/productStillOutOfStockProductListShelfBuilderDepsFactory.d.ts

@@ -0,0 +1,8 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import { ProductStillOutOfStockProductListShelfBuilderDeps } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const productStillOutOfStockProductListShelfBuilderDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient["postGetAllStockIds"];
+}) => ProductStillOutOfStockProductListShelfBuilderDeps;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/ProductStillOutOfStockProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/relatedProductsForProductStillOutOfStockProductListShelfBuilderDepsFactory.d.ts

@@ -0,0 +1,8 @@
+import { LocaleKey } from '@easy-wizzy/core';
+import { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import { RelatedProductsForProductStillOutOfStockProductListShelfBuilderDeps } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+export declare const relatedProductsForAbandonedProductListShelfBuilderDepsFactory: (arg: {
+    localeKey: LocaleKey;
+    partnerId: string;
+    getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient["postGetAllStockIds"];
+}) => RelatedProductsForProductStillOutOfStockProductListShelfBuilderDeps;

package/dist/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/ProductStillOutOfStockProductShelfDataSourceExpressionBuilderModal/productStillOutOfStockProductShelfDataSourceExpressionBuilderModalDepsFactory.d.ts

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

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

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

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="en"
+        ></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="en"
         ></div>
+        <script type="module" src="/src/editProductStillOutOfStockEmailTemplate.ts"></script>
     </body>
 </html>

package/package.json

@@ -1,5 +1,5 @@
 {
   "name": "@retailrocketgroup/retailrocket-edit.product-still-out-of-stock-vue-email-template-render",
-  "version": "3.0.381747",
+  "version": "5.0.384700",
   "private": false
 }

package/src/editProductStillOutOfStockEmailTemplate.ts

@@ -0,0 +1,407 @@
+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 { 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 { ContactCustomData, GeneralStringExpressionDataSource, NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+
+import type { ProductStillOutOfStockListExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+import type { ProductStillOutOfStockNumberExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+import type { ProductStillOutOfStockStringExpressionDataSource } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+
+import { ProductStillOutOfStockProductShelfDataSourceExpressionBuilder } from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+
+import { productStillOutOfStockEvaluateListExpressionDataSourceFactory } from '@/implementation/DataSources/ListDataExpressionSource/productStillOutOfStockEvaluateListExpressionDataSourceFactory';
+import { productStillOutOfStockEvaluateNumberExpressionDataSourceFactory } from '@/implementation/DataSources/NumberExpressionDataSource/productStillOutOfStockEvaluateNumberExpressionDataSourceFactory';
+import { productStillOutOfStockStringExpressionDataSourceEvaluatorFactory } from '@/implementation/DataSources/StringExpressionDataSource/productStillOutOfStockEvaluateStringExpressionDataSource';
+import { productStillOutOfStockComponentLibraryFactory } from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/productStillOutOfStockComponentLibraryFactory';
+import { productStillOutOfStockProductShelfDataSourceExpressionBuilderDepsFactory } from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/productStillOutOfStockProductShelfDataSourceExpressionBuilderDepsFactory';
+
+import { createApi as createTriggerProductStillOutOfStockWysiwygTemplateEditorClient } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.triggerproductstilloutofstockwysiwygtemplateeditor';
+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'
+};
+
+const _apiMachineFetchFactory = (arg: {
+    baseUrl: string
+}): ApiMachineFetchDelegate => apiMachineFetchFactory({
+    baseUrl: arg.baseUrl,
+    antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
+    antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
+});
+
+const productStillOutOfStockMainPageBffClient = createTriggerProductStillOutOfStockWysiwygTemplateEditorClient(
+    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 = productStillOutOfStockEvaluateListExpressionDataSourceFactory({
+    partnerId: params.partnerId,
+    listExpressionDataSourceBffClient: listExpressionDataSourceBffClient,
+    customerStockId: undefined
+});
+
+const listExpressionEvaluator = listExpressionEvaluatorFactory({
+    listExpressionDataSourceEvaluator: listExpressionDataSourceEvaluator
+});
+
+const numberExpressionDataSourceEvaluator = productStillOutOfStockEvaluateNumberExpressionDataSourceFactory();
+
+const numberExpressionEvaluator = numberExpressionEvaluatorDelegate({
+    listExpressionEvaluator: listExpressionEvaluator,
+    numberExpressionDataSourceEvaluator: numberExpressionDataSourceEvaluator
+})
+
+const stringExpressionEvaluator: StringExpressionEvaluatorDelegate<
+    ProductStillOutOfStockListExpressionDataSource,
+    ProductStillOutOfStockNumberExpressionDataSource,
+    ProductStillOutOfStockStringExpressionDataSource
+> = stringExpressionEvaluatorFactory({
+    listExpressionEvaluator: listExpressionEvaluator,
+    numberExpressionEvaluator: numberExpressionEvaluator,
+    stringExpressionDataSourceEvaluatorFactory: () => productStillOutOfStockStringExpressionDataSourceEvaluatorFactory({
+        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: () => {
+            resetTemplate();
+        },
+        deps:
+        editEmailTemplateAppDepsFactory<
+            ProductStillOutOfStockListExpressionDataSource,
+            ProductStillOutOfStockNumberExpressionDataSource,
+            ProductStillOutOfStockStringExpressionDataSource
+        >({
+            partnerId: params.partnerId,
+            exitLink: params.exitLink,
+            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: stringExpressionBuilderPluginFactory({
+                            localeKey: params.localeKey
+                        })
+                    })
+                })
+            ],
+            defaultThemeLibrary: defaultThemeLibraryFactory({
+                localeKey: params.localeKey
+            }),
+            defaultComponentLibrary: defaultComponentLibraryFactory({
+                localeKey: params.localeKey
+            }),
+            saveEmailTemplate: async arg => {
+                const result = await productStillOutOfStockMainPageBffClient
+                    .postSaveTemplate({
+                        body: {
+                            partnerId: params.partnerId,
+                            templateJson: JSON.stringify(arg.emailTemplate)
+                        }
+                    })
+
+                return result.status === 200
+                    ? 'Success'
+                    : 'Fail'
+            },
+            createFavoriteTemplate: async arg => {
+                const result = await createFavoriteTemplateBffClient
+                    .postCreateFavoriteTriggerProductStillOutOfStockTemplate({
+                        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: [
+                                { triggerProductStillOutOfStock: {} },
+                                { common: {} }
+                            ]
+                        }
+                    }
+                )
+                .then(x => productStillOutOfStockComponentLibraryFactory(x.body.sections)),
+            canProductShelfDataSourceBeConverted: () => false,
+            httpClientComponentFactoryDelegate: (emailComponent): Component => {
+                return {
+                    triggerProductStillOutOfStock: {
+                        componentJson: JSON.stringify(emailComponent)
+                    }
+                }
+            },
+            stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
+                localeKey: params.localeKey
+            }),
+            emailComponentSettingsModifierPlugin: productShelfDataSourceExpressionBuilderPluginFactory({
+                productShelfDataSourceExpressionBuilderComponent: ProductStillOutOfStockProductShelfDataSourceExpressionBuilder,
+                deps: productStillOutOfStockProductShelfDataSourceExpressionBuilderDepsFactory({
+                    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/productStillOutOfStockComponentSectionItemFactory.ts

@@ -0,0 +1,30 @@
+import type {
+    ComponentLibrarySectionItem,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import type { CustomComponentSectionItemType } from '@easy-wizzy/core';
+import type {
+    ProductStillOutOfStockListExpressionDataSource
+} from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+import type {
+    ProductStillOutOfStockNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+import type {
+    ProductStillOutOfStockStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-product-still-out-of-stock';
+import {
+    productStillOutOfStockEmailComponentFactory
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/productStillOutOfStockEmailComponentFactory';
+
+export const productStillOutOfStockComponentSectionItemFactory = (
+    componentLibrarySectionItem: ComponentLibrarySectionItem,
+): CustomComponentSectionItemType<
+    ProductStillOutOfStockListExpressionDataSource,
+    ProductStillOutOfStockNumberExpressionDataSource,
+    ProductStillOutOfStockStringExpressionDataSource
+> => {
+    return {
+        sectionItemId: componentLibrarySectionItem.sectionItemId,
+        sectionItemName: componentLibrarySectionItem.sectionItemName,
+        componentTemplate: productStillOutOfStockEmailComponentFactory(componentLibrarySectionItem.component),
+    };
+};