@retailrocketgroup/retailrocket-edit.abandoned-basket-price-drop-vue-email-template-render 3.0.381747 → 5.0.384700

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

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

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

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

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

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

package/src/implementation/DataSources/ListDataExpressionSource/abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory.ts

@@ -0,0 +1,125 @@
+import type {
+    DataListType
+} from '@easy-wizzy/core';
+import type { ListExpressionDataSourceBffClient } from '@easy-wizzy/common-app';
+import type { ListExpressionDataSourceEvaluatorDelegate } from '@easy-wizzy/core';
+import { getPopularProducts } from '@easy-wizzy/common-app';
+import { stockIdFactory } from '@easy-wizzy/common-app';
+import type { AbandonedBasketPriceDropListExpressionDataSource } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import { abandonedBasketPriceDropListExpressionDataSourceMatcher } from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import { getProductList } from '@easy-wizzy/common-app';
+import { getRelatedProducts } from '@easy-wizzy/common-app';
+import { getAlternativeProducts } from '@easy-wizzy/common-app';
+import { getPopularProductsInCategories } from '@easy-wizzy/common-app';
+import type { Product } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.listexpressiondatasource';
+import { getLatestProducts } from '@easy-wizzy/common-app';
+import { getSaleByPopularProducts } from '@easy-wizzy/common-app';
+import { getSaleByLatestProducts } from '@easy-wizzy/common-app';
+import { getSampleProductsForPreview } from '@easy-wizzy/common-app';
+
+export const abandonedBasketPriceDropEvaluateListExpressionDataSourceFactory = (arg: {
+    partnerId: string;
+    listExpressionDataSourceBffClient: ListExpressionDataSourceBffClient;
+    customerStockId: string | undefined;
+}): ListExpressionDataSourceEvaluatorDelegate<AbandonedBasketPriceDropListExpressionDataSource> => {
+    let productCache: { [key: string]: Product } = {};
+
+    return (asyncDataSource: AbandonedBasketPriceDropListExpressionDataSource) =>
+        abandonedBasketPriceDropListExpressionDataSourceMatcher(asyncDataSource).Match<Promise<DataListType>>({
+            AbandonedBasketPriceDropProductList: ({ StockSource }) =>
+                getSampleProductsForPreview({
+                    partnerId: arg.partnerId,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getSampleProductsForPreviewHttpClient: arg.listExpressionDataSourceBffClient.postGetSampleProductsForPreview,
+                }),
+            AlternativeProductsForAbandonedBasketPriceDropProductList: ({ StockSource }) =>
+                getSampleProductsForPreview({
+                    partnerId: arg.partnerId,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getSampleProductsForPreviewHttpClient: arg.listExpressionDataSourceBffClient.postGetSampleProductsForPreview,
+                }),
+            ProductList: ({ ProductIds, StockSource }) =>
+                getProductList({
+                    partnerId: arg.partnerId,
+                    productIDs: ProductIds,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    productCache: productCache,
+                    getProductsByIDsHttpClient: arg.listExpressionDataSourceBffClient.postGetProductsByIds,
+                }),
+            RelatedProductsFor: ({ ProductIds, StockSource }) =>
+                getRelatedProducts({
+                    partnerId: arg.partnerId,
+                    productIDs: ProductIds,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId
+                    }),
+                    getRelatedProducts: arg.listExpressionDataSourceBffClient.postGetRelatedRecommendations,
+                }),
+            AlternativeProductsFor: ({ ProductIds, StockSource }) =>
+                getAlternativeProducts({
+                    partnerId: arg.partnerId,
+                    productIDs: ProductIds,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getAlternativeProductsHttpClient: arg.listExpressionDataSourceBffClient.postGetAlternativeRecommendations,
+                }),
+            PopularProductsInCategories: ({ CategoryIds, StockSource }) =>
+                getPopularProductsInCategories({
+                    partnerId: arg.partnerId,
+                    categoryIds: CategoryIds,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getPopularProductsInCategoriesHttpClient: arg.listExpressionDataSourceBffClient.postGetPopularInCategoriesRecommendations,
+                }),
+            Popular: ({ StockSource }) =>
+                getPopularProducts({
+                    partnerId: arg.partnerId,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getPopularProductsHttpClient: arg.listExpressionDataSourceBffClient.postGetPopularRecommendations,
+                }),
+            Latest: ({ StockSource }) =>
+                getLatestProducts({
+                    partnerId: arg.partnerId,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getLatestProductsHttpClient: arg.listExpressionDataSourceBffClient.postGetLatestRecommendations,
+                }),
+            SaleByPopular: ({ StockSource }) =>
+                getSaleByPopularProducts({
+                    partnerId: arg.partnerId,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getSaleByPopularProductsHttpClient: arg.listExpressionDataSourceBffClient.postGetSaleByPopularRecommendations,
+                }),
+            SaleByLatest: ({ StockSource }) =>
+                getSaleByLatestProducts({
+                    partnerId: arg.partnerId,
+                    stockId: stockIdFactory({
+                        stockSource: StockSource,
+                        customerStockId: arg.customerStockId,
+                    }),
+                    getSaleByLatestProductsHttpClient: arg.listExpressionDataSourceBffClient.postGetSaleByLatestRecommendations,
+                }),
+        });
+};

package/src/implementation/DataSources/NumberExpressionDataSource/abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory.ts

@@ -0,0 +1,10 @@
+import type {
+    NumberExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+
+export const abandonedBasketPriceDropEvaluateNumberExpressionDataSourceFactory = <
+    TNumberExpressionDataSource
+>():
+    NumberExpressionDataSourceEvaluatorDelegate<TNumberExpressionDataSource> => {
+    return () => Promise.resolve(0);
+}

package/src/implementation/DataSources/StringExpressionDataSource/abandonedBasketPriceDropEvaluateStringExpressionDataSource.ts

@@ -0,0 +1,56 @@
+import type {
+    StringExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+import type { ContactCustomData } from '@easy-wizzy/retailrocket-common';
+import type {
+    ProductImageUrlBuilderExpressionEvaluatorDelegate
+} from '@easy-wizzy/common-app';
+import type {
+    DataType
+} from '@easy-wizzy/core';
+import type {
+    AbandonedBasketPriceDropListExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type {
+    AbandonedBasketPriceDropStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import {
+    abandonedBasketPriceDropStringExpressionDataSourceMatcher
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import type { NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+
+export const abandonedBasketPriceDropStringExpressionDataSourceEvaluatorFactory = (arg: {
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<
+        AbandonedBasketPriceDropListExpressionDataSource,
+        AbandonedBasketPriceDropNumberExpressionDataSource
+    >
+    contactCustomData: ContactCustomData
+    nextCouponFromBatch: NextCouponFromBatchType
+}): StringExpressionDataSourceEvaluatorDelegate<
+    AbandonedBasketPriceDropStringExpressionDataSource
+> => {
+    const abandonedBasketPriceDropContactCustomData = arg.contactCustomData;
+
+    return (a: {
+        stringExpressionDataSource: AbandonedBasketPriceDropStringExpressionDataSource,
+        context: DataType
+    }) => abandonedBasketPriceDropStringExpressionDataSourceMatcher(
+        a.stringExpressionDataSource
+    )
+    .Match({
+        StringFromContactCustomData: (x) => Promise.resolve(abandonedBasketPriceDropContactCustomData[x.FieldName] as string),
+        StringFromContactCustomDataWithFallback: (x) => Promise.resolve(
+            x.FieldName in abandonedBasketPriceDropContactCustomData && typeof abandonedBasketPriceDropContactCustomData[x.FieldName] === 'string'
+                ? abandonedBasketPriceDropContactCustomData[x.FieldName] as string
+                : x.FallbackValue
+        ),
+        ProductImageUrlBuilderExpression: e => arg.productImageUrlBuilderExpressionEvaluator({
+            expression: e,
+            context: a.context
+        }),
+        NextCouponFromBatch: () => Promise.resolve('Coupon')
+    });
+}

package/src/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/abandonedBasketPriceDropProductListShelfBuilderDepsFactory.ts

@@ -0,0 +1,33 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import {
+    getAllStockIdsFactory
+} from '@easy-wizzy/common-app';
+import type {
+    AbandonedBasketPriceDropProductListShelfBuilderDeps
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+
+export const abandonedBasketPriceDropProductListShelfBuilderDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient['postGetAllStockIds']
+    }
+): AbandonedBasketPriceDropProductListShelfBuilderDeps => {
+    return {
+        localeKey: arg.localeKey,
+        getAllStockIds: getAllStockIdsFactory({
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.getAllStockIdsHttpClient
+        }),
+        stockSelectorDeps: {
+            localeKey: arg.localeKey,
+            stockSourceSelectorDeps: {
+                localeKey: arg.localeKey
+            }
+        },
+        productListShelfLimiterDeps: {
+            localeKey: arg.localeKey
+        }
+    }
+}

package/src/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/alternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDepsFactory.ts

@@ -0,0 +1,33 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import {
+    getAllStockIdsFactory
+} from '@easy-wizzy/common-app';
+import type {
+    AlternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDeps
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+
+export const alternativeProductsForAbandonedProductListShelfBuilderDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        getAllStockIdsHttpClient: ProductShelfBuilderModalWindowBffClient['postGetAllStockIds']
+    }
+): AlternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDeps => {
+    return {
+        localeKey: arg.localeKey,
+        getAllStockIds: getAllStockIdsFactory({
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.getAllStockIdsHttpClient
+        }),
+        stockSelectorDeps: {
+            localeKey: arg.localeKey,
+            stockSourceSelectorDeps: {
+                localeKey: arg.localeKey
+            }
+        },
+        productListShelfLimiterDeps: {
+            localeKey: arg.localeKey
+        }
+    }
+}

package/src/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory.ts

@@ -0,0 +1,142 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import {
+    popularProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import type {
+    AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDeps
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import {
+    alternativeProductsForAbandonedProductListShelfBuilderDepsFactory
+} from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/alternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDepsFactory';
+import {
+    abandonedBasketPriceDropProductListShelfBuilderDepsFactory
+} from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/ShelfBuilders/abandonedBasketPriceDropProductListShelfBuilderDepsFactory';
+import {
+    latestProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    saleByPopularProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    saleByLatestProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    productListComposerModalWindowDepsFactory
+} from '@easy-wizzy/common-app';
+import type {
+    ProductCategoryPickerModalWindowBffClient
+} from '@easy-wizzy/common-app';
+import type { ProductPickerModalWindowBffClient } from '@easy-wizzy/common-app';
+import {
+    categoryListComposerModalWindowDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    alternativeProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    relatedProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    productListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    popularFromCategoryListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+
+export const abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        customerStockId: string | undefined,
+        productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient,
+        productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient,
+        productPickerModalWindowBffClient: ProductPickerModalWindowBffClient,
+    }
+): AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDeps => {
+
+    const productCache = {};
+    const categoryCache = {};
+
+    const productListComposerModalWindowDeps = productListComposerModalWindowDepsFactory({
+        localeKey: arg.localeKey,
+        partnerId: arg.partnerId,
+        customerStockId: arg.customerStockId,
+        productPickerModalWindowBffClient: arg.productPickerModalWindowBffClient,
+    });
+
+    return {
+        localeKey: arg.localeKey,
+        ProductListComposerModalWindowDeps: productListComposerModalWindowDeps,
+        CategoryListComposerModalWindowDeps: categoryListComposerModalWindowDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            productCategoryPickerModalWindowBffClient: arg.productCategoryPickerModalWindowBffClient
+        }),
+        AbandonedBasketPriceDropProductListShelfBuilderDeps: abandonedBasketPriceDropProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        }),
+        AlternativeProductsForAbandonedBasketPriceDropProductListShelfBuilderDeps: alternativeProductsForAbandonedProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        }),
+        ProductListShelfBuilderDeps: productListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            customerStockId: arg.customerStockId,
+            productCache: productCache,
+            getProductsByIDsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetProductsByIds,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds,
+            productListComposerModalWindowDeps: productListComposerModalWindowDeps
+        }),
+        RelatedProductListShelfBuilderDeps: relatedProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            customerStockId: arg.customerStockId,
+            productCache: productCache,
+            getProductsByIDsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetProductsByIds,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds,
+            productListComposerModalWindowDeps: productListComposerModalWindowDeps
+        }),
+        AlternativeProductListShelfBuilderDeps: alternativeProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            customerStockId: arg.customerStockId,
+            productCache: productCache,
+            getProductsByIDsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetProductsByIds,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds,
+            productListComposerModalWindowDeps: productListComposerModalWindowDeps
+        }),
+        PopularFromCategoryListShelfBuilderDeps: popularFromCategoryListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            categoryCache: categoryCache,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds,
+            getCategoriesByIDsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetProductCategoriesByIds,
+            productCategoryPickerModalWindowBffClient: arg.productCategoryPickerModalWindowBffClient
+        }),
+        PopularProductListShelfBuilderDeps: popularProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        }),
+        LatestProductListShelfBuilderDeps: latestProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        }),
+        SaleByPopularProductListShelfBuilderDeps: saleByPopularProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        }),
+        SaleByLatestProductListShelfBuilderDeps: saleByLatestProductListShelfBuilderDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        })
+    }
+}

package/src/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDepsFactory.ts

@@ -0,0 +1,34 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import type {
+    AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDeps
+} from '@easy-wizzy/retailrocket-abandoned-basket-price-drop';
+import {
+    abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory
+} from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModal/abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory';
+import type {
+    ProductCategoryPickerModalWindowBffClient
+} from '@easy-wizzy/common-app';
+import type { ProductPickerModalWindowBffClient } from '@easy-wizzy/common-app';
+
+export const abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        customerStockId: string | undefined,
+        productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient,
+        productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient,
+        productPickerModalWindowBffClient: ProductPickerModalWindowBffClient
+    }
+): AbandonedBasketPriceDropProductShelfDataSourceExpressionBuilderDeps => {
+    return {
+        abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDeps: abandonedBasketPriceDropProductShelfDataSourceExpressionBuilderModalDepsFactory({
+            localeKey: arg.localeKey,
+            partnerId: arg.partnerId,
+            customerStockId: arg.customerStockId,
+            productShelfBuilderModalWindowBffClient: arg.productShelfBuilderModalWindowBffClient,
+            productCategoryPickerModalWindowBffClient: arg.productCategoryPickerModalWindowBffClient,
+            productPickerModalWindowBffClient: arg.productPickerModalWindowBffClient
+        })
+    }
+}

package/tsconfig.app.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@easy-wizzy/ts-config/app.json",
+  "include": [
+    "env.d.ts",
+    "src/**/*.ts",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.test.json"
+    }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "extends": "@easy-wizzy/ts-config/node.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "eslint.config.*"
+  ],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
+  }
+}

package/tsconfig.test.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "include": [
+    "env.d.ts",
+    "src/**/*.spec.ts"
+  ],
+  "exclude": [],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.test.tsbuildinfo"
+  }
+}

package/vite.config.ts

@@ -0,0 +1,36 @@
+import vue from '@vitejs/plugin-vue';
+import { fileURLToPath, URL } from 'node:url';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+    build: {
+        rollupOptions: {
+            input: fileURLToPath(new URL('./index.html', import.meta.url)),
+            output: {
+                entryFileNames: 'assets/[name].js',
+                chunkFileNames: 'assets/[name].js',
+                assetFileNames: 'assets/[name].[ext]',
+            },
+        },
+        sourcemap: true,
+    },
+    plugins: [
+        vue({
+            template: {
+                compilerOptions: {
+                    isCustomElement: tag => ['center'].includes(tag)
+                }
+            }
+        }),
+        dts({
+            insertTypesEntry: true,
+            tsconfigPath: './tsconfig.app.json',
+        })
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        },
+    },
+})