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

package/src/implementation/AppSettingsModifierPlugin/transactionalDataAppSettingsModifierPluginFactory.ts

@@ -0,0 +1,41 @@
+import { defineComponent, h } from 'vue';
+import type {
+    DataType,
+    LocaleKey
+} from '@easy-wizzy/core';
+import type {
+    AppSettingsModifierPlugin, AppSettingsModifierPluginEmits, AppSettingsModifierPluginProps,
+} from '@easy-wizzy/core';
+import { TransactionalDataAppSettingsModifier } from '@easy-wizzy/retailrocket-transactional';
+
+export const transactionalDataAppSettingsModifierPluginFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        getTransactionTemplateData: () => DataType,
+        updateTransactionTemplateData: (data: DataType) => void
+    }
+): AppSettingsModifierPlugin => {
+    return defineComponent<
+        AppSettingsModifierPluginProps,
+        AppSettingsModifierPluginEmits
+    >(
+        (_, ctx) => {
+            return () => h(
+                TransactionalDataAppSettingsModifier,
+                {
+                    localeKey: arg.localeKey,
+                    getTransactionTemplateData: arg.getTransactionTemplateData,
+                    onTransactionTemplateDataUpdated: (transactionTemplateData: DataType) => {
+                        arg.updateTransactionTemplateData(transactionTemplateData);
+                        ctx.emit('onSettingsUpdated');
+                    }
+                },
+            )
+        },
+        {
+            emits: {
+                onSettingsUpdated: () => true
+            }
+        },
+    )
+}

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

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

package/src/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CreateComponentLibrarySectionModalWindow/transactionalEmailComponentFactory.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 {
+    TransactionalStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    TransactionalListExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    TransactionalNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+
+export const transactionalEmailComponentFactory = (
+    component: Component
+): EmailComponentType<
+    TransactionalListExpressionDataSource,
+    TransactionalNumberExpressionDataSource,
+    TransactionalStringExpressionDataSource
+> =>
+{
+    return component.transactional
+        ? JSON.parse(component.transactional.componentJson)
+        : JSON.parse(component.common!.componentJson)
+}

package/src/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/transactionalComponentLibraryFactory.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 {
+    TransactionalListExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    TransactionalNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    TransactionalStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import {
+    transactionalSectionFactory
+} from '@/implementation/Apps/components/WysiwygTemplateEditor/AsideMenu/ComponentLibrary/CustomComponentLibrary/transactionalSectionFactory';
+
+export const transactionalComponentLibraryFactory = (
+    componentLibrary: Array<ComponentLibrarySection>
+): CustomComponentLibraryType<
+    TransactionalListExpressionDataSource,
+    TransactionalNumberExpressionDataSource,
+    TransactionalStringExpressionDataSource
+> => {
+    return componentLibrary
+        .map(section => transactionalSectionFactory(section))
+}

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

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

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

@@ -0,0 +1,115 @@
+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 type { TransactionalListExpressionDataSource } from '@easy-wizzy/retailrocket-transactional';
+import { transactionalListExpressionDataSourceMatcher } from '@easy-wizzy/retailrocket-transactional';
+import { query } from '@easy-wizzy/core';
+import { stockIdFactory } from '@easy-wizzy/common-app';
+import type {
+    DataListType
+} from '@easy-wizzy/core';
+import type {
+    DataType
+} from '@easy-wizzy/core';
+import { getLatestProducts } from '@easy-wizzy/common-app';
+import { getSaleByPopularProducts } from '@easy-wizzy/common-app';
+import { getSaleByLatestProducts } from '@easy-wizzy/common-app';
+
+export const transactionalListExpressionDataSourceEvaluatorFactory = (arg: {
+    partnerId: string;
+    getTransactionalTemplateData: () => DataType;
+    listExpressionDataSourceBffClient: ListExpressionDataSourceBffClient;
+    customerStockId: string | undefined;
+}): ListExpressionDataSourceEvaluatorDelegate<TransactionalListExpressionDataSource> => {
+    const transactionalTemplateData = arg.getTransactionalTemplateData();
+    let productCache: { [key: string]: Product } = {};
+
+    return (asyncDataSource: TransactionalListExpressionDataSource) =>
+        transactionalListExpressionDataSourceMatcher(asyncDataSource).Match<Promise<DataListType>>({
+            ListFromTransactionalTemplateData: (x) => {
+                return query(transactionalTemplateData, x.Path);
+            },
+            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/transactionalNumberExpressionDataSourceEvaluatorFactory.ts

@@ -0,0 +1,35 @@
+import type {
+    TransactionalNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    NumberExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+import type { DataType } from '@easy-wizzy/core';
+import {
+    transactionalNumberExpressionDataSourceMatcher
+} from '@easy-wizzy/retailrocket-transactional';
+import {
+    pathValueGetNumberValue
+} from '@easy-wizzy/core';
+
+export const transactionalNumberExpressionDataSourceEvaluatorFactory = (arg: {
+    getTransactionalTemplateData: () => DataType
+}): NumberExpressionDataSourceEvaluatorDelegate<
+        TransactionalNumberExpressionDataSource
+    > => {
+        const transactionalTemplateData = arg.getTransactionalTemplateData();
+
+        return (a: {
+            numberExpressionDataSource: TransactionalNumberExpressionDataSource,
+            context: DataType
+        }) => transactionalNumberExpressionDataSourceMatcher(a.numberExpressionDataSource)
+            .Match({
+                NumberFromTransactionalTemplateData: x => Promise
+                    .resolve(
+                        pathValueGetNumberValue(
+                            x.Path,
+                            transactionalTemplateData
+                        )
+                    )
+            })
+    }

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

@@ -0,0 +1,55 @@
+import type {
+    DataType
+} from '@easy-wizzy/core';
+import {
+    transactionalStringExpressionDataSourceMatcher
+} from '@easy-wizzy/retailrocket-transactional';
+import { query } from '@easy-wizzy/core';
+import type {
+    StringExpressionDataSourceEvaluatorDelegate
+} from '@easy-wizzy/core';
+import type {
+    TransactionalStringExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    TransactionalNumberExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    TransactionalListExpressionDataSource
+} from '@easy-wizzy/retailrocket-transactional';
+import type {
+    ProductImageUrlBuilderExpressionEvaluatorDelegate
+} from '@easy-wizzy/common-app';
+import type { NextCouponFromBatchType } from '@easy-wizzy/retailrocket-common';
+
+export const transactionalStringExpressionDataSourceEvaluatorFactory = (arg: {
+    getTransactionalTemplateData: () => DataType,
+    productImageUrlBuilderExpressionEvaluator: ProductImageUrlBuilderExpressionEvaluatorDelegate<
+        TransactionalListExpressionDataSource,
+        TransactionalNumberExpressionDataSource
+    >
+    nextCouponFromBatch: NextCouponFromBatchType
+}): StringExpressionDataSourceEvaluatorDelegate<
+    TransactionalStringExpressionDataSource
+> => (
+    a: {
+        stringExpressionDataSource: TransactionalStringExpressionDataSource,
+        context: DataType
+}) => {
+    const transactionalTemplateData = arg.getTransactionalTemplateData();
+
+    return transactionalStringExpressionDataSourceMatcher(a.stringExpressionDataSource)
+        .Match({
+            StringFromTransactionalTemplateData: x => Promise.resolve(
+                query(
+                    transactionalTemplateData,
+                    x.Path
+                )
+            ),
+            ProductImageUrlBuilderExpression: e => arg.productImageUrlBuilderExpressionEvaluator({
+                expression: e,
+                context: a.context
+            }),
+            NextCouponFromBatch: () => Promise.resolve('Coupon')
+        })
+}

package/src/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/TransactionalProductShelfDataSourceExpressionBuilderModal/transactionalProductShelfDataSourceExpressionBuilderModalDepsFactory.ts

@@ -0,0 +1,127 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+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 type {
+    TransactionalProductShelfDataSourceExpressionBuilderModalDeps
+} from '@easy-wizzy/retailrocket-transactional';
+import {
+    popularProductListShelfBuilderDepsFactory
+} from '@easy-wizzy/common-app';
+import type { ProductShelfBuilderModalWindowBffClient } from '@easy-wizzy/common-app';
+import {
+    productListComposerModalWindowDepsFactory
+} 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 transactionalProductShelfDataSourceExpressionBuilderModalDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        customerStockId: string | undefined,
+        productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient,
+        productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient,
+        productPickerModalWindowBffClient: ProductPickerModalWindowBffClient
+    }
+): TransactionalProductShelfDataSourceExpressionBuilderModalDeps => {
+
+    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,
+            getCategoriesByIDsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetProductCategoriesByIds,
+            productCategoryPickerModalWindowBffClient: arg.productCategoryPickerModalWindowBffClient,
+            getAllStockIdsHttpClient: arg.productShelfBuilderModalWindowBffClient.postGetAllStockIds
+        }),
+        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/transactionalProductShelfDataSourceExpressionBuilderDepsFactory.ts

@@ -0,0 +1,35 @@
+import type { LocaleKey } from '@easy-wizzy/core';
+import type {
+    TransactionalProductShelfDataSourceExpressionBuilderDeps
+} from '@easy-wizzy/retailrocket-transactional';
+import {
+    transactionalProductShelfDataSourceExpressionBuilderModalDepsFactory
+} from '@/implementation/EmailComponentSettingsModifierPlugin/ProductShelfDataSourceExpressionBuilder/TransactionalProductShelfDataSourceExpressionBuilderModal/transactionalProductShelfDataSourceExpressionBuilderModalDepsFactory';
+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 transactionalProductShelfDataSourceExpressionBuilderDepsFactory = (
+    arg: {
+        localeKey: LocaleKey;
+        partnerId: string,
+        customerStockId: string | undefined,
+        productShelfBuilderModalWindowBffClient: ProductShelfBuilderModalWindowBffClient,
+        productCategoryPickerModalWindowBffClient: ProductCategoryPickerModalWindowBffClient,
+        productPickerModalWindowBffClient: ProductPickerModalWindowBffClient
+    }
+): TransactionalProductShelfDataSourceExpressionBuilderDeps => {
+    return {
+        transactionalProductShelfDataSourceExpressionBuilderModalDeps: transactionalProductShelfDataSourceExpressionBuilderModalDepsFactory({
+            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)),
+        },
+    },
+})