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

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

@@ -0,0 +1,29 @@
+import type {
+    MulticastListExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastNumberExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastStringExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import {
+    multicastSectionFactory,
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/multicastSectionFactory';
+import type {
+    ComponentLibrarySection,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import type {
+    CustomComponentLibraryType
+} from '@easy-wizzy/core';
+
+export const multicastComponentLibraryFactory = (
+    componentLibrary: Array<ComponentLibrarySection>
+): CustomComponentLibraryType<
+    MulticastListExpressionDataSource,
+    MulticastNumberExpressionDataSource,
+    MulticastStringExpressionDataSource
+> => {
+    return componentLibrary
+        .map(section => multicastSectionFactory(section))
+}

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

@@ -0,0 +1,32 @@
+import type {
+    MulticastListExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    ComponentLibrarySection,
+} from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.componentlibrary/main';
+import {
+    multicastComponentSectionItemFactory,
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/multicastComponentSectionItemFactory';
+import type { CustomComponentSectionType } from '@easy-wizzy/core';
+
+export const multicastSectionFactory = (
+    section: ComponentLibrarySection,
+): CustomComponentSectionType<
+    MulticastListExpressionDataSource,
+    MulticastNumberExpressionDataSource,
+    MulticastStringExpressionDataSource
+> => {
+    return {
+        sectionId: section.sectionId,
+        sectionName: section.sectionName,
+        componentList: section
+            .sectionItems
+            .map(component => multicastComponentSectionItemFactory(component)),
+    };
+};

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

@@ -0,0 +1,137 @@
+import {
+    type MulticastListExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import {
+    multicastListExpressionDataSourceMatcher,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    DataListType
+} from '@easy-wizzy/core';
+import type { ListExpressionDataSourceBffClient } from '@easy-wizzy/common-app';
+import type {
+    ListExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+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 { getPopularProducts } from '@easy-wizzy/common-app';
+import type { Product } from '@retailrocket/retailrocket.wysiwyg.bff.v2.apiclients.listexpressiondatasource';
+import { stockIdFactory } from '@easy-wizzy/common-app';
+import { getLatestProducts } from '@easy-wizzy/common-app';
+import { getSaleByPopularProducts } from '@easy-wizzy/common-app';
+import { getSaleByLatestProducts } from '@easy-wizzy/common-app';
+
+
+export const multicastEvaluateListExpressionDataSourceFactory = (arg: {
+    partnerId: string,
+    listExpressionDataSourceBffClient: ListExpressionDataSourceBffClient,
+    customerStockId: string | undefined
+}): ListExpressionDataSourceEvaluatorDelegate<
+    MulticastListExpressionDataSource
+> => {
+    let productCache: { [key: string]: Product } = {};
+
+    return (asyncDataSource: MulticastListExpressionDataSource) =>
+        multicastListExpressionDataSourceMatcher(asyncDataSource)
+            .Match<Promise<DataListType>>({
+                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/multicastNumberExpressionDataSourceEvaluatorFactory.ts

@@ -0,0 +1,37 @@
+import type {
+    NumberExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+import type {
+    MulticastNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    DataType
+} from '@easy-wizzy/core';
+import {
+    multicastNumberExpressionDataSourceMatcher
+} from '@easy-wizzy/retailrocket-multicast';
+import type { ContactCustomData } from '@easy-wizzy/retailrocket-common';
+
+export const multicastNumberExpressionDataSourceEvaluatorFactory = (arg: {
+    contactCustomData: ContactCustomData
+}):
+    NumberExpressionDataSourceEvaluatorDelegate<MulticastNumberExpressionDataSource> => {
+    const multicastContactCustomData = arg.contactCustomData;
+
+    return (a: {
+        numberExpressionDataSource: MulticastNumberExpressionDataSource,
+        context: DataType
+    }) => multicastNumberExpressionDataSourceMatcher(
+        a.numberExpressionDataSource
+    )
+        .Match({
+            NumberFromContactCustomData: (x) => Promise.resolve(multicastContactCustomData[x.FieldName] as number),
+            NumberFromContactCustomDataWithFallback: (x) => Promise
+                .resolve(
+                    x.FieldName in multicastContactCustomData
+                    && typeof multicastContactCustomData[x.FieldName] === 'number'
+                        ? multicastContactCustomData[x.FieldName] as number
+                        : x.FallbackValue
+            )
+        })
+}

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

@@ -0,0 +1,56 @@
+import type {
+    MulticastStringExpressionDataSource,
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastListExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    MulticastNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    StringExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+import type { ContactCustomData } from '@easy-wizzy/retailrocket-common';
+import {
+    multicastStringExpressionDataSourceMatcher
+} from '@easy-wizzy/retailrocket-multicast';
+import type {
+    ProductImageUrlBuilderExpressionEvaluatorDelegate
+} from '@easy-wizzy/common-app';
+import type {
+    DataType
+} from '@easy-wizzy/core';
+import type { NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+
+export const multicastStringExpressionDataSourceEvaluatorFactory = (arg: {
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<
+        MulticastListExpressionDataSource,
+        MulticastNumberExpressionDataSource
+    >
+    contactCustomData: ContactCustomData
+    nextCouponFromBatch: NextCouponFromBatchType
+}): StringExpressionDataSourceEvaluatorDelegate<
+    MulticastStringExpressionDataSource
+> => {
+    const multicastContactCustomData = arg.contactCustomData;
+
+    return (a: {
+        stringExpressionDataSource: MulticastStringExpressionDataSource,
+        context: DataType
+    }) => multicastStringExpressionDataSourceMatcher(
+        a.stringExpressionDataSource
+    )
+    .Match({
+        StringFromContactCustomData: (x) => Promise.resolve(multicastContactCustomData[x.FieldName] as string),
+        StringFromContactCustomDataWithFallback: (x) => Promise.resolve(
+            x.FieldName in multicastContactCustomData && typeof multicastContactCustomData[x.FieldName] === 'string'
+                ? multicastContactCustomData[x.FieldName] as string
+                : x.FallbackValue
+        ),
+        ProductImageUrlBuilderExpression: e => arg.productImageUrlBuilderExpressionEvaluator({
+            expression: e,
+            context: a.context
+        }),
+        NextCouponFromBatch: () => Promise.resolve('Coupon')
+    });
+}

package/src/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/MulticastProductShelfDataSourceExpressionBuilderModal/multicastProductShelfDataSourceExpressionBuilderModalDepsFactory.ts

@@ -0,0 +1,127 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import type {
+    MulticastProductShelfDataSourceExpressionBuilderModalDeps
+} from '@easy-wizzy/retailrocket-multicast';
+import {
+    productListComposerModalWindowDepsFactory
+} 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';
+import {
+    popularProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+
+import type { ProductPickerModalWindowBffClient } from '@easy-wizzy/common-app';
+import {
+    latestProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    saleByPopularProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import {
+    saleByLatestProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import type {
+    ProductCategoryPickerModalWindowBffClient
+} from '@easy-wizzy/common-app';
+
+export const multicastProductShelfDataSourceExpressionBuilderModalDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        customerStockId: string | undefined,
+        productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient,
+        productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient,
+        productPickerModalWindowBffClient: ProductPickerModalWindowBffClient,
+    }
+): MulticastProductShelfDataSourceExpressionBuilderModalDeps => {
+
+    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
+        }),
+        AlternativeProductListShelfBuilderDeps: alternativeProductListShelfBuilderDepsFactory({
+            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
+        }),
+        ProductListShelfBuilderDeps: productListShelfBuilderDepsFactory({
+            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/multicastProductShelfDataSourceExpressionBuilderDepsFactory.ts

@@ -0,0 +1,35 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import type {
+    MulticastProductShelfDataSourceExpressionBuilderDeps
+} from '@easy-wizzy/retailrocket-multicast';
+import {
+    multicastProductShelfDataSourceExpressionBuilderModalDepsFactory
+} from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/MulticastProductShelfDataSourceExpressionBuilderModal/multicastProductShelfDataSourceExpressionBuilderModalDepsFactory';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+
+import type { ProductPickerModalWindowBffClient } from '@easy-wizzy/common-app';
+import type {
+    ProductCategoryPickerModalWindowBffClient
+} from '@easy-wizzy/common-app';
+
+export const multicastProductShelfDataSourceExpressionBuilderDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        customerStockId: string | undefined,
+        productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient,
+        productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient,
+        productPickerModalWindowBffClient: ProductPickerModalWindowBffClient
+    }
+): MulticastProductShelfDataSourceExpressionBuilderDeps => {
+    return {
+        multicastProductShelfDataSourceExpressionBuilderModalDeps: multicastProductShelfDataSourceExpressionBuilderModalDepsFactory({
+            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,37 @@
+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)),
+        },
+        dedupe: ['vue'],
+    },
+})