@retailrocketgroup/retailrocket-edit.transactional-vue-email-template-render 6.0.388429-dev → 6.0.388652

package/package.json

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

package/src/editTransactionalEmailTemplateApp.ts

@@ -184,235 +184,233 @@ const dataStructExpressionEvaluator = dataStructBuilderExpressionEvaluatorFactor
     expressionEvaluator: expressionEvaluator
 });
 
-const app = createApp(
-    WysiwygTemplateEditor,
-    {
-        onTemplateReset: () => {
-            //eslint-disable-next-line no-console
-            console.log('onTemplateReset');
-            resetTemplate();
+const deps = wysiwygTemplateEditorDepsFactory<
+        TransactionalListExpressionDataSource,
+        TransactionalNumberExpressionDataSource,
+        TransactionalStringExpressionDataSource
+    >({
+        appSettingsModifierPlugin: transactionalDataAppSettingsModifierPluginFactory({
+            localeKey: params.localeKey,
+            getTransactionTemplateData: () => transactionDataAppSettings,
+            updateTransactionTemplateData: (data) => {
+                transactionDataAppSettings = data;
+            }
+        }),
+        partnerId: params.partnerId,
+        localeKey: params.localeKey,
+        exitLink: params.exitLink,
+        dataSourceFieldNameDelegate: ({ dataSource }) => {
+            return matcherFactory(dataSource as GeneralStringExpressionDataSource).Match({
+                StringFromContactCustomData: (customData) => customData.FieldName,
+                StringFromContactCustomDataWithFallback: (customDataWithFallback) => customDataWithFallback.FallbackValue,
+                ProductImageUrlBuilderExpression: () => 'ImageResizer',
+                NextCouponFromBatch: () => 'Coupon'
+            });
         },
-        deps:
-            wysiwygTemplateEditorDepsFactory<
-                TransactionalListExpressionDataSource,
-                TransactionalNumberExpressionDataSource,
-                TransactionalStringExpressionDataSource
-            >({
-                appSettingsModifierPlugin: transactionalDataAppSettingsModifierPluginFactory({
+        richTextToolbarPlugins: [
+            richTextToolbarPluginFactory({
+                richTextToolbarPluginComponent: VariableSelector,
+                deps: variableSelectorDepsFactory({
                     localeKey: params.localeKey,
-                    getTransactionTemplateData: () => transactionDataAppSettings,
-                    updateTransactionTemplateData: (data) => {
-                        transactionDataAppSettings = data;
-                    }
-                }),
-                partnerId: params.partnerId,
-                localeKey: params.localeKey,
-                exitLink: params.exitLink,
-                dataSourceFieldNameDelegate: ({ dataSource }) => {
-                    return matcherFactory(dataSource as GeneralStringExpressionDataSource).Match({
-                        StringFromContactCustomData: (customData) => customData.FieldName,
-                        StringFromContactCustomDataWithFallback: (customDataWithFallback) => customDataWithFallback.FallbackValue,
-                        ProductImageUrlBuilderExpression: () => 'ImageResizer',
-                        NextCouponFromBatch: () => 'Coupon'
-                    });
-                },
-                richTextToolbarPlugins: [
-                    richTextToolbarPluginFactory({
-                        richTextToolbarPluginComponent: VariableSelector,
-                        deps: variableSelectorDepsFactory({
-                            localeKey: params.localeKey,
-                            stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
-                                localeKey: params.localeKey
-                            })
-                        })
+                    stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
+                        localeKey: params.localeKey
                     })
-                ],
-                defaultThemeLibrary: defaultThemeLibraryFactory({
-                localeKey: params.localeKey
-            }),
-                defaultComponentLibrary: defaultComponentLibraryFactory({
-                localeKey: params.localeKey
-            }) as DefaultComponentLibraryType<
-                    TransactionalListExpressionDataSource,
-                    TransactionalNumberExpressionDataSource,
-                    TransactionalStringExpressionDataSource
-                >,
-                saveEmailTemplate: async arg => {
-                    const result = await transactionalMainPageBffClient
-                        .postSaveTemplate({
-                            body: {
-                                partnerId: params.partnerId,
-                                templateJson: JSON.stringify(arg.emailTemplate),
-                                previewTemplateDataJson: JSON.stringify(transactionDataAppSettings)
-                            }
-                        });
-
-                    return result.status === 200
-                        ? 'Success'
-                        : 'Fail'
-                },
-                createFavoriteTemplate: async arg => {
-                    const result = await createFavoriteTemplateBffClient
-                        .postCreateFavoriteTransactionalTemplate({
-                            body: {
-                                previewTemplateDataJson: JSON.stringify(transactionDataAppSettings),
-                                partnerId: params.partnerId,
-                                templateJson: JSON.stringify(arg.emailTemplate),
-                                favoriteTemplateName: 'Favorite template'
-                            }
-                        });
-
-                    return result.status === 200
-                        ? 'Success'
-                        : 'Fail';
-                },
-                listExpressionEvaluator: listExpressionEvaluator,
-                numberExpressionEvaluator: numberExpressionEvaluator,
-                stringExpressionEvaluator: stringExpressionEvaluator,
-                dataStructExpressionEvaluator: dataStructExpressionEvaluator,
-                expressionEvaluator: expressionEvaluator,
-                canProductShelfDataSourceBeConverted: () => false,
-                httpClientComponentFactoryDelegate: (emailComponent): Component => {
-                    return {
-                        transactional: {
-                            componentJson: JSON.stringify(emailComponent)
-                        }
+                })
+            })
+        ],
+        defaultThemeLibrary: defaultThemeLibraryFactory({
+        localeKey: params.localeKey
+    }),
+        defaultComponentLibrary: defaultComponentLibraryFactory({
+        localeKey: params.localeKey
+    }) as DefaultComponentLibraryType<
+            TransactionalListExpressionDataSource,
+            TransactionalNumberExpressionDataSource,
+            TransactionalStringExpressionDataSource
+        >,
+        saveEmailTemplate: async arg => {
+            const result = await transactionalMainPageBffClient
+                .postSaveTemplate({
+                    body: {
+                        partnerId: params.partnerId,
+                        templateJson: JSON.stringify(arg.emailTemplate),
+                        previewTemplateDataJson: JSON.stringify(transactionDataAppSettings)
                     }
-                },
-                getComponentLibraryFactory: x => () =>
-                    x.getComponentLibraryHttpClient(
-                        {
-                            body: {
-                                partnerId: x.partnerId,
-                                componentTypes: [
-                                    { transactional: {} },
-                                    { common: {} }
-                                ]
-                            }
-                        }
-                    )
-                    .then(x => transactionalComponentLibraryFactory(x.body.sections)),
-                stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
-                    localeKey: params.localeKey
-                }),
-                emailComponentSettingsModifierPlugin: productShelfDataSourceExpressionBuilderPluginFactory({
-                    productShelfDataSourceExpressionBuilderComponent: TransactionalProductShelfDataSourceExpressionBuilder,
-                    deps: transactionalProductShelfDataSourceExpressionBuilderDepsFactory({
-                        localeKey: params.localeKey,
+                });
+
+            return result.status === 200
+                ? 'Success'
+                : 'Fail'
+        },
+        createFavoriteTemplate: async arg => {
+            const result = await createFavoriteTemplateBffClient
+                .postCreateFavoriteTransactionalTemplate({
+                    body: {
+                        previewTemplateDataJson: JSON.stringify(transactionDataAppSettings),
                         partnerId: params.partnerId,
-                        customerStockId: undefined,
-                        productShelfBuilderModalWindowBffClient: createProductShelfBuilderModalWindowBffClient(
-                            apiMachineFetchFactory({
-                                baseUrl: params.wysiwygBffProxyBaseUrl,
-                                antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
-                                antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
-                            })
-                        ),
-                        productCategoryPickerModalWindowBffClient: createProductCategoryPickerModalWindowBffClient(
-                            apiMachineFetchFactory({
-                                baseUrl: params.wysiwygBffProxyBaseUrl,
-                                antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
-                                antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
-                            })
-                        ),
-                        productPickerModalWindowBffClient: createProductPickerModalWindowBffClient(
-                            apiMachineFetchFactory({
-                                baseUrl: params.wysiwygBffProxyBaseUrl,
-                                antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
-                                antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
-                            })
-                        )
-                    })
-                }),
-                template: 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(
+                        templateJson: JSON.stringify(arg.emailTemplate),
+                        favoriteTemplateName: 'Favorite template'
+                    }
+                });
+
+            return result.status === 200
+                ? 'Success'
+                : 'Fail';
+        },
+        listExpressionEvaluator: listExpressionEvaluator,
+        numberExpressionEvaluator: numberExpressionEvaluator,
+        stringExpressionEvaluator: stringExpressionEvaluator,
+        dataStructExpressionEvaluator: dataStructExpressionEvaluator,
+        expressionEvaluator: expressionEvaluator,
+        canProductShelfDataSourceBeConverted: () => false,
+        httpClientComponentFactoryDelegate: (emailComponent): Component => {
+            return {
+                transactional: {
+                    componentJson: JSON.stringify(emailComponent)
+                }
+            }
+        },
+        getComponentLibraryFactory: x => () =>
+            x.getComponentLibraryHttpClient(
+                {
+                    body: {
+                        partnerId: x.partnerId,
+                        componentTypes: [
+                            { transactional: {} },
+                            { common: {} }
+                        ]
+                    }
+                }
+            )
+            .then(x => transactionalComponentLibraryFactory(x.body.sections)),
+        stringExpressionBuilderPlugin: stringExpressionBuilderPluginFactory({
+            localeKey: params.localeKey
+        }),
+        emailComponentSettingsModifierPlugin: productShelfDataSourceExpressionBuilderPluginFactory({
+            productShelfDataSourceExpressionBuilderComponent: TransactionalProductShelfDataSourceExpressionBuilder,
+            deps: transactionalProductShelfDataSourceExpressionBuilderDepsFactory({
+                localeKey: params.localeKey,
+                partnerId: params.partnerId,
+                customerStockId: undefined,
+                productShelfBuilderModalWindowBffClient: createProductShelfBuilderModalWindowBffClient(
                     apiMachineFetchFactory({
                         baseUrl: params.wysiwygBffProxyBaseUrl,
                         antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
                         antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
                     })
                 ),
-                createThemeLibrarySectionModalWindowBffClient: createThemeLibrarySectionModalWindowBffClient(
+                productCategoryPickerModalWindowBffClient: createProductCategoryPickerModalWindowBffClient(
                     apiMachineFetchFactory({
                         baseUrl: params.wysiwygBffProxyBaseUrl,
                         antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
                         antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
                     })
                 ),
-                deleteComponentLibrarySectionModalWindowBffClient: createDeleteComponentLibrarySectionModalWindowBffClient(
+                productPickerModalWindowBffClient: createProductPickerModalWindowBffClient(
                     apiMachineFetchFactory({
                         baseUrl: params.wysiwygBffProxyBaseUrl,
                         antiForgeryTokenHeaderName: params.antiForgeryHeaderTokenName,
                         antiForgeryTokenValue: params.antiForgeryHeaderTokenValue
                     })
                 )
-            }
+            })
+        }),
+        template: 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
+            })
         )
+    });
+
+const app = createApp(
+    WysiwygTemplateEditor,
+    {
+        deps: deps,
+        onOnTemplateReset: () => {
+            resetTemplate();
+        }
     }
 );