@veloceapps/sdk 8.0.0-102 → 8.0.0-103

package/fesm2020/veloceapps-sdk.mjs

@@ -1,22 +1,22 @@
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule, InjectionToken, Optional, Inject, Injectable, inject } from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule, Optional, Inject, Injectable, inject } from '@angular/core';
 import * as i1$1 from '@veloceapps/api';
 import { ApiModule } from '@veloceapps/api';
 import * as i2$1 from '@veloceapps/components';
 import { ToastType, LoaderModule, EmptyStateModule, LetDirectiveModule } from '@veloceapps/components';
 import * as i5 from '@veloceapps/sdk/cms';
-import { extractElementMetadata, extendElementMetadata, PreviewModule, FlowAction, LauncherModule } from '@veloceapps/sdk/cms';
+import { extractElementMetadata, extendElementMetadata, btoaSafe, PreviewModule, FlowAction, LauncherModule } from '@veloceapps/sdk/cms';
 import * as i2 from '@veloceapps/sdk/core';
-import { ContextService, FlowStateService, FlowInfoService, QuoteDraftService, ConfigurationService, IntegrationState, SdkCoreModule } from '@veloceapps/sdk/core';
+import { FLOW_CUSTOMIZATION, ContextService, FlowStateService, FlowInfoService, QuoteDraftService, ConfigurationService, IntegrationState, SdkCoreModule } from '@veloceapps/sdk/core';
 import * as i3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i1 from 'primeng/dynamicdialog';
-import { BehaviorSubject, Subject, filter, first, tap, takeUntil, catchError, of, map, switchMap, forkJoin, shareReplay, startWith, distinctUntilChanged, from, take, combineLatest, throwError } from 'rxjs';
+import { BehaviorSubject, Subject, filter, first, tap, takeUntil, catchError, of, map, switchMap, shareReplay, startWith, distinctUntilChanged, from, take, combineLatest, forkJoin, throwError } from 'rxjs';
 import * as i1$2 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
-import { SalesforceIdUtils, ConfigurationContextMode, UITemplateComponentType, UUID } from '@veloceapps/core';
+import { SalesforceIdUtils, ConfigurationContextMode, UUID } from '@veloceapps/core';
 import { HttpErrorResponse, HttpParams } from '@angular/common/http';
 import * as i5$1 from '@angular/forms';
 import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -75,36 +75,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
-function btoaSafe(str) {
-    if (!str) {
-        return '';
-    }
-    try {
-        const encoder = new TextEncoder();
-        const charCodes = encoder.encode(str);
-        return window.btoa(String.fromCharCode(...charCodes)) || '';
-    }
-    catch (e) {
-        return '';
-    }
-}
-function atobSafe(str) {
-    if (!str) {
-        return '';
-    }
-    try {
-        const binary = window.atob(str);
-        const bytes = Uint8Array.from({ length: binary.length }, (_, index) => binary.charCodeAt(index));
-        const decoder = new TextDecoder('utf-8');
-        return decoder.decode(bytes);
-    }
-    catch (e) {
-        return '';
-    }
-}
-
-const FLOW_CUSTOMIZATION = new InjectionToken('FLOW_CUSTOMIZATION');
-
 class DocGenComponent {
     constructor(templatesApi, contextService, flowStateService, flowInfo, toastService, customizationService) {
         this.templatesApi = templatesApi;
@@ -141,14 +111,11 @@ class DocGenComponent {
         }), takeUntil(this.destroy$))
             .subscribe();
     }
-    getTemplateRootComponent$(template) {
-        return this.templatesApi.fetchComponents$(template.id);
-    }
-    getLocalTemplateComponentMeta$() {
-        if (!this.customizationService?.getTemplateComponent) {
+    getLocalMeta$() {
+        if (!this.customizationService?.getTemplateComponents) {
             return of(undefined);
         }
-        return this.customizationService?.getTemplateComponent(this.templateApiName).pipe(map(components => {
+        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
             if (!components) {
                 return;
             }
@@ -160,29 +127,23 @@ class DocGenComponent {
             }));
         }));
     }
-    getDocGenComponentMeta$() {
+    getOrgMeta$() {
         const template = this.flowInfo.templates.DOCGEN;
         if (!template) {
             return of(undefined);
         }
-        return this.getTemplateRootComponent$(template).pipe(switchMap(components => components
-            ? forkJoin([
-                ...components.map(component => {
-                    return this.templatesApi.fetchComponentAttachments$(component.uiTemplateId, component);
-                }),
-            ])
-            : of(undefined)));
+        return this.templatesApi.fetchComponentsAttachments$(template.id);
     }
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow Query parameter 'docGenTemplateApiName' is missing.");
+                throw new Error("Flow 'docGen' template is not defined.");
             }
-        }), switchMap(() => this.getLocalTemplateComponentMeta$()), switchMap(children => (children ? of(children) : this.getDocGenComponentMeta$())), map(children => {
-            if (!children) {
+        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
+            if (!metaList) {
                 return;
             }
-            const meta = children?.[0] ?? children;
+            const meta = metaList?.[0] ?? metaList;
             const headerId = this.contextService.resolve().properties.Id ?? null;
             let script = meta.js;
             if (script) {
@@ -200,7 +161,7 @@ class DocGenComponent {
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: children.map(child => ({
+                children: metaList.map(child => ({
                     children: [],
                     template: child.html && btoaSafe(child.html),
                     script: child.js && btoaSafe(child.js),
@@ -272,14 +233,11 @@ class GuidedSellingComponent {
         }), takeUntil(this.destroy$))
             .subscribe();
     }
-    getTemplateRootComponent$(template) {
-        return this.templatesApi.fetchComponents$(template.id);
-    }
-    getLocalTemplateComponentMeta$() {
-        if (!this.customizationService?.getTemplateComponent) {
+    getLocalMeta$() {
+        if (!this.customizationService?.getTemplateComponents) {
             return of(undefined);
         }
-        return this.customizationService?.getTemplateComponent(this.templateApiName).pipe(map(components => {
+        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
             if (!components) {
                 return;
             }
@@ -291,26 +249,20 @@ class GuidedSellingComponent {
             }));
         }));
     }
-    getGuidedSellingComponentMeta$() {
+    getOrgMeta$() {
         const template = this.flowInfo.templates.GUIDED_SELLING;
         if (!template) {
             return of(undefined);
         }
-        return this.getTemplateRootComponent$(template).pipe(switchMap(components => components
-            ? forkJoin([
-                ...components.map(component => {
-                    return this.templatesApi.fetchComponentAttachments$(component.uiTemplateId, component);
-                }),
-            ])
-            : of(undefined)));
+        return this.templatesApi.fetchComponentsAttachments$(template.id);
     }
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow Query parameter 'guidedSellingTemplateApiName' is missing.");
+                throw new Error("Flow 'guidedSelling' template is not defined.");
             }
-        }), switchMap(() => this.getLocalTemplateComponentMeta$()), switchMap(children => (children ? of(children) : this.getGuidedSellingComponentMeta$())), map(children => {
-            if (!children) {
+        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
+            if (!metaList) {
                 return;
             }
             const uiDef = {
@@ -319,11 +271,11 @@ class GuidedSellingComponent {
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: children.map(child => ({
+                children: metaList.map(meta => ({
                     children: [],
-                    template: child.html && btoaSafe(child.html),
-                    script: child.js && btoaSafe(child.js),
-                    styles: child.css && btoaSafe(child.css),
+                    template: meta.html && btoaSafe(meta.html),
+                    script: meta.js && btoaSafe(meta.js),
+                    styles: meta.css && btoaSafe(meta.css),
                 })),
             };
             return uiDef;
@@ -391,14 +343,11 @@ class FlowHeaderComponent {
         }), takeUntil(this.destroy$))
             .subscribe();
     }
-    getTemplateRootComponent$(template) {
-        return this.templatesApi.fetchComponents$(template.id);
-    }
-    getLocalTemplateComponentMeta$() {
-        if (!this.customizationService?.getTemplateComponent) {
+    getLocalMeta$() {
+        if (!this.customizationService?.getTemplateComponents) {
             return of(undefined);
         }
-        return this.customizationService?.getTemplateComponent(this.templateApiName).pipe(map(components => {
+        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
             if (!components) {
                 return;
             }
@@ -410,26 +359,20 @@ class FlowHeaderComponent {
             }));
         }));
     }
-    getFlowHeaderComponentMeta$() {
+    getOrgMeta$() {
         const template = this.flowInfo.templates.FLOW_HEADER;
         if (!template) {
             return of(undefined);
         }
-        return this.getTemplateRootComponent$(template).pipe(switchMap(components => components
-            ? forkJoin([
-                ...components.map(component => {
-                    return this.templatesApi.fetchComponentAttachments$(component.uiTemplateId, component);
-                }),
-            ])
-            : of(undefined)));
+        return this.templatesApi.fetchComponentsAttachments$(template.id);
     }
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow Query parameter 'flowHeaderTemplateApiName' is missing.");
+                throw new Error("Flow 'flowHeader' template is not defined.");
             }
-        }), switchMap(() => this.getLocalTemplateComponentMeta$()), switchMap(children => (children ? of(children) : this.getFlowHeaderComponentMeta$())), map(children => {
-            if (!children) {
+        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
+            if (!metaList) {
                 return;
             }
             const uiDef = {
@@ -438,11 +381,11 @@ class FlowHeaderComponent {
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: children.map(child => ({
+                children: metaList.map(meta => ({
                     children: [],
-                    template: child.html && btoaSafe(child.html),
-                    script: child.js && btoaSafe(child.js),
-                    styles: child.css && btoaSafe(child.css),
+                    template: meta.html && btoaSafe(meta.html),
+                    script: meta.js && btoaSafe(meta.js),
+                    styles: meta.css && btoaSafe(meta.css),
                 })),
             };
             return uiDef;
@@ -1151,42 +1094,36 @@ class AssetsComponent {
         this.destroyed$.next();
         this.destroyed$.complete();
     }
-    getTemplateRootComponent$(template) {
-        return this.templatesApi
-            .fetchComponents$(template.id)
-            .pipe(map(components => components.find(c => c.type === UITemplateComponentType.ROOT) ?? undefined));
-    }
-    getLocalAssetsComponentMeta$() {
-        if (!this.customizationService?.getAssetsComponent) {
+    getLocalMeta$() {
+        if (!this.customizationService?.getTemplateComponents) {
             return of(undefined);
         }
-        return this.customizationService?.getAssetsComponent(this.templateApiName).pipe(map(component => {
-            if (!component) {
+        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
+            if (!components) {
                 return;
             }
-            return {
+            return components.map(component => ({
                 html: component.html,
                 css: component.css,
                 js: component.js,
                 json: component.json,
-            };
+            }));
         }));
     }
-    getAssetsComponentMeta$() {
-        // No Assets template at the moment
+    getOrgMeta$() {
         const template = this.flowInfo.templates.SHOPPING_CART;
         if (!template) {
             return of(undefined);
         }
-        return this.getTemplateRootComponent$(template).pipe(switchMap(component => component ? this.templatesApi.fetchComponentAttachments$(component.uiTemplateId, component) : of(undefined)));
+        return this.templatesApi.fetchComponentsAttachments$(template.id);
     }
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow Query parameter 'assetsTemplateApiName' is missing.");
+                throw new Error("Flow 'assets' template is not defined.");
             }
-        }), switchMap(() => this.getLocalAssetsComponentMeta$()), switchMap(meta => (meta ? of(meta) : this.getAssetsComponentMeta$())), map(meta => {
-            if (!meta) {
+        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
+            if (!metaList) {
                 return;
             }
             const uiDef = {
@@ -1195,14 +1132,12 @@ class AssetsComponent {
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: [
-                    {
-                        children: [],
-                        template: meta.html && btoa(meta.html),
-                        script: meta.js && btoa(meta.js),
-                        styles: meta.css && btoa(meta.css),
-                    },
-                ],
+                children: metaList.map(meta => ({
+                    children: [],
+                    template: meta.html && btoaSafe(meta.html),
+                    script: meta.js && btoaSafe(meta.js),
+                    styles: meta.css && btoaSafe(meta.css),
+                })),
             };
             return uiDef;
         }));
@@ -1268,41 +1203,36 @@ class CatalogComponent {
         this.destroyed$.next();
         this.destroyed$.complete();
     }
-    getTemplateRootComponent$(template) {
-        return this.templatesApi
-            .fetchComponents$(template.id)
-            .pipe(map(components => components.find(c => c.type === UITemplateComponentType.ROOT) ?? undefined));
-    }
-    getLocalCatalogComponentMeta$() {
-        if (!this.customizationService?.getCatalogComponent) {
+    getLocalMeta$() {
+        if (!this.customizationService?.getTemplateComponents) {
             return of(undefined);
         }
-        return this.customizationService?.getCatalogComponent(this.templateApiName).pipe(map(component => {
-            if (!component) {
+        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
+            if (!components) {
                 return;
             }
-            return {
+            return components.map(component => ({
                 html: component.html,
                 css: component.css,
                 js: component.js,
                 json: component.json,
-            };
+            }));
         }));
     }
-    getCatalogComponentMeta$() {
+    getOrgMeta$() {
         const template = this.flowInfo.templates.CATALOG;
         if (!template) {
             return of(undefined);
         }
-        return this.getTemplateRootComponent$(template).pipe(switchMap(component => component ? this.templatesApi.fetchComponentAttachments$(component.uiTemplateId, component) : of(undefined)));
+        return this.templatesApi.fetchComponentsAttachments$(template.id);
     }
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow Query parameter 'catalogTemplateApiName' is missing.");
+                throw new Error("Flow 'catalog' template is not defined.");
             }
-        }), switchMap(() => this.getLocalCatalogComponentMeta$()), switchMap(meta => (meta ? of(meta) : this.getCatalogComponentMeta$())), map(meta => {
-            if (!meta) {
+        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
+            if (!metaList) {
                 return;
             }
             const uiDef = {
@@ -1311,14 +1241,12 @@ class CatalogComponent {
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: [
-                    {
-                        children: [],
-                        template: meta.html && btoa(meta.html),
-                        script: meta.js && btoa(meta.js),
-                        styles: meta.css && btoa(meta.css),
-                    },
-                ],
+                children: metaList.map(meta => ({
+                    children: [],
+                    template: meta.html && btoaSafe(meta.html),
+                    script: meta.js && btoaSafe(meta.js),
+                    styles: meta.css && btoaSafe(meta.css),
+                })),
             };
             return uiDef;
         }));
@@ -1936,7 +1864,7 @@ class ShoppingCartComponent {
             this.uiDefinition = uiDef;
             this.state$.next({ loading: false, failure: false });
         }), catchError(err => {
-            const message = 'Failed to resolve Shopping cart component. ' + (err.message ?? '');
+            const message = 'Failed to resolve Shopping Cart component. ' + (err.message ?? '');
             this.toastService.add({ severity: ToastType.error, summary: message, sticky: true });
             this.uiDefinition = undefined;
             this.state$.next({ loading: false, failure: true });
@@ -1948,41 +1876,36 @@ class ShoppingCartComponent {
         this.destroyed$.next();
         this.destroyed$.complete();
     }
-    getTemplateRootComponent$(template) {
-        return this.templatesApi
-            .fetchComponents$(template.id)
-            .pipe(map(components => components.find(c => c.type === UITemplateComponentType.ROOT) ?? undefined));
-    }
-    getLocalShoppingCartComponentMeta$() {
-        if (!this.customizationService?.getShoppingCartComponent) {
+    getLocalMeta$() {
+        if (!this.customizationService?.getTemplateComponents) {
             return of(undefined);
         }
-        return this.customizationService?.getShoppingCartComponent(this.templateApiName).pipe(map(component => {
-            if (!component) {
+        return this.customizationService?.getTemplateComponents(this.templateApiName).pipe(map(components => {
+            if (!components) {
                 return;
             }
-            return {
+            return components.map(component => ({
                 html: component.html,
                 css: component.css,
                 js: component.js,
                 json: component.json,
-            };
+            }));
         }));
     }
-    getShoppingCartComponentMeta$() {
+    getOrgMeta$() {
         const template = this.flowInfo.templates.SHOPPING_CART;
         if (!template) {
             return of(undefined);
         }
-        return this.getTemplateRootComponent$(template).pipe(switchMap(component => component ? this.templatesApi.fetchComponentAttachments$(component.uiTemplateId, component) : of(undefined)));
+        return this.templatesApi.fetchComponentsAttachments$(template.id);
     }
     generateUIDefinition$() {
         return of(undefined).pipe(tap(() => {
             if (!this.templateApiName) {
-                throw new Error("Flow Query parameter 'cartTemplateApiName' is missing.");
+                throw new Error("Flow 'shoppingCart' template is not defined.");
             }
-        }), switchMap(() => this.getLocalShoppingCartComponentMeta$()), switchMap(meta => (meta ? of(meta) : this.getShoppingCartComponentMeta$())), map(meta => {
-            if (!meta) {
+        }), switchMap(() => this.getLocalMeta$()), switchMap(metaList => (metaList ? of(metaList) : this.getOrgMeta$())), map(metaList => {
+            if (!metaList) {
                 return;
             }
             const uiDef = {
@@ -1991,14 +1914,12 @@ class ShoppingCartComponent {
                 primary: true,
                 type: 'DEFAULT',
                 version: 2,
-                children: [
-                    {
-                        children: [],
-                        template: meta.html && btoa(meta.html),
-                        script: meta.js && btoa(meta.js),
-                        styles: meta.css && btoa(meta.css),
-                    },
-                ],
+                children: metaList.map(meta => ({
+                    children: [],
+                    template: meta.html && btoaSafe(meta.html),
+                    script: meta.js && btoaSafe(meta.js),
+                    styles: meta.css && btoaSafe(meta.css),
+                })),
             };
             return uiDef;
         }));
@@ -2351,5 +2272,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ContextGuard, FLOW_CUSTOMIZATION, FlowDialogService, FlowModule, FlowRouterService, FlowService, VELOCE_FLOW_ROOT_ROUTE, getDefaultProperties, getFlowObjectIdPropertyName };
+export { ContextGuard, FlowDialogService, FlowModule, FlowRouterService, FlowService, VELOCE_FLOW_ROOT_ROUTE, getDefaultProperties, getFlowObjectIdPropertyName };
 //# sourceMappingURL=veloceapps-sdk.mjs.map