@veloceapps/sdk 7.0.2-38 → 7.0.2-39

package/fesm2020/veloceapps-sdk-core.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule } from '@angular/core';
-import { UUID, ConfigurationContext, RuntimeModel, ConfigurationContextMode, SalesforceIdUtils, ConfigurationMode, ConfigurationTranslatorUtils, ChargeGroupUtils, parseJsonSafely } from '@veloceapps/core';
+import { Injectable, InjectionToken, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
+import { UUID, ConfigurationContext, RuntimeModel, ConfigurationContextMode, SalesforceIdUtils, ConfigurationMode, ConfigurationTranslatorUtils, ChargeGroupUtils, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, getSupportedDateFormats, DEFAULT_DECIMALS_COUNT, parseJsonSafely, formatNumber } from '@veloceapps/core';
 import * as i1 from '@veloceapps/api';
 import { PriceApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloceapps/api';
 import { BehaviorSubject, combineLatest, zip, noop, throwError, shareReplay as shareReplay$1, tap as tap$1, map as map$2, of, switchMap as switchMap$1, catchError as catchError$1, Subject, take as take$1, distinctUntilChanged } from 'rxjs';
@@ -10,6 +10,9 @@ import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@vel
 import * as i5 from 'primeng/api';
 import * as i6 from 'primeng/dynamicdialog';
 import moment from 'moment';
+import { NgControl } from '@angular/forms';
+import 'primeng/calendar';
+import { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
 const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
     const id = UUID.UUID();
@@ -81,6 +84,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
+const FORMATTING_SETTINGS_TOKEN = new InjectionToken('Summary of formatting settings for variant types of data, e.g. numbers, text, dates, etc');
+
 var RuntimeMode;
 (function (RuntimeMode) {
     RuntimeMode[RuntimeMode["TEST"] = 0] = "TEST";
@@ -1293,8 +1298,8 @@ class RuntimeSettingsService {
         this.configurationSettingsApiService = configurationSettingsApiService;
         this.configurationSettings$ = new BehaviorSubject({});
         this.currencySettings$ = new BehaviorSubject({
-            iso: 'USD',
-            symbol: '$',
+            iso: DEFAULT_CURRENCY_ISO_CODE,
+            symbol: DEFAULT_CURRENCY_SYMBOL,
         });
         this.getCurrencySymbol = (locale, currency) => {
             return (0)
@@ -1304,7 +1309,10 @@ class RuntimeSettingsService {
         };
     }
     create() {
-        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => this.configurationSettings$.next(configurationSettings)), map$2(() => undefined));
+        return this.configurationSettingsApiService.fetchSettings().pipe(map$2(settings => this.parseConfigurationSettings(settings)), tap$1(configurationSettings => {
+            this.configurationSettings$.next(configurationSettings);
+            this.formattingSettings = this.getFormattingSettings();
+        }), map$2(() => undefined));
     }
     initCurrency(iso) {
         if (iso) {
@@ -1312,6 +1320,29 @@ class RuntimeSettingsService {
             this.currencySettings$.next({ iso, symbol });
         }
     }
+    getFormattingSettings() {
+        if (this.formattingSettings) {
+            return this.formattingSettings;
+        }
+        const shoppingCartSettings = this.getConfigurationSettings()['shopping-cart']?.reduce((acc, setting) => {
+            return { ...acc, [setting.id]: setting.properties };
+        }, {});
+        const currencySettings = this.getCurrencySettings();
+        const dateFormat = (validateDateFormat(shoppingCartSettings?.DATE_FORMAT ?? '') && shoppingCartSettings?.DATE_FORMAT) ||
+            DEFAULT_DATE_FORMAT;
+        const decimalSeparator = shoppingCartSettings?.DECIMAL_SEPARATOR ?? DEFAULT_DECIMAL_SEPARATOR;
+        const thousandsSeparator = shoppingCartSettings?.THOUSANDS_SEPARATOR ?? DEFAULT_THOUSANDS_SEPARATOR;
+        return {
+            currencySymbol: currencySettings.symbol,
+            dateFormats: getSupportedDateFormats(dateFormat),
+            decimalSeparator: (['.', ','].includes(decimalSeparator) && decimalSeparator) || DEFAULT_DECIMAL_SEPARATOR,
+            decimalsCount: (!isNaN(Number(shoppingCartSettings?.PRICE_SCALE)) && Number(shoppingCartSettings?.PRICE_SCALE)) ||
+                DEFAULT_DECIMALS_COUNT,
+            thousandsSeparator: ['.', ',', ''].includes(thousandsSeparator)
+                ? thousandsSeparator
+                : DEFAULT_THOUSANDS_SEPARATOR,
+        };
+    }
     getConfigurationSettings() {
         return this.configurationSettings$.value;
     }
@@ -1344,6 +1375,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
 
+const DEFAULT_FORMATTING_SETTINGS = {
+    currencySymbol: DEFAULT_CURRENCY_SYMBOL,
+    decimalsCount: DEFAULT_DECIMALS_COUNT,
+    dateFormats: getSupportedDateFormats(DEFAULT_DATE_FORMAT),
+    decimalSeparator: DEFAULT_DECIMAL_SEPARATOR,
+    thousandsSeparator: DEFAULT_THOUSANDS_SEPARATOR,
+};
 class SdkCoreModule {
 }
 SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1354,6 +1392,10 @@ SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         ProductImagesService,
         MetricsCalculationService,
         RuntimeSettingsService,
+        {
+            provide: FORMATTING_SETTINGS_TOKEN,
+            useExisting: RuntimeSettingsService,
+        },
     ], imports: [ConfigurationModule, FlowConfigurationModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkCoreModule, decorators: [{
             type: NgModule,
@@ -1365,13 +1407,156 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         ProductImagesService,
                         MetricsCalculationService,
                         RuntimeSettingsService,
+                        {
+                            provide: FORMATTING_SETTINGS_TOKEN,
+                            useExisting: RuntimeSettingsService,
+                        },
                     ],
                 }]
         }] });
 
+class CalendarDirective {
+    constructor() {
+        this.ngControl = inject(NgControl, { host: true, optional: true });
+        this.formattingSettings = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })?.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    set vlCalendar(calendar) {
+        this.calendar = calendar;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        if (this.calendar) {
+            this.calendar.dateFormat = this.formattingSettings?.dateFormats.primengFormat ?? DEFAULT_DATE_FORMAT;
+            if (this.ngControl && this.ngControl.control) {
+                const control = this.ngControl.control;
+                control.setValue(control.value, { emitEvent: false });
+            }
+        }
+    }
+}
+CalendarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CalendarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CalendarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: CalendarDirective, selector: "[vlCalendar]", inputs: { vlCalendar: "vlCalendar" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CalendarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vlCalendar]',
+                }]
+        }], propDecorators: { vlCalendar: [{
+                type: Input
+            }] } });
+
+class SdkDirectivesModule {
+}
+SdkDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdkDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule, declarations: [CalendarDirective], exports: [CalendarDirective] });
+SdkDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkDirectivesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CalendarDirective],
+                    exports: [CalendarDirective],
+                }]
+        }] });
+
+class DatePipe {
+    constructor() {
+        this.locale = inject(LOCALE_ID);
+        this.defaultOptions = inject(DATE_PIPE_DEFAULT_OPTIONS, { optional: true });
+        this.formattingSettings = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })?.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(date) {
+        if (!date) {
+            return '';
+        }
+        try {
+            return formatDate(date, this.formattingSettings?.dateFormats.datePipeFormat || DEFAULT_DATE_FORMAT, this.locale, this.defaultOptions?.timezone);
+        }
+        catch (error) {
+            return new Date(date).toString();
+        }
+    }
+}
+DatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: DatePipe, name: "vlDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlDate',
+                }]
+        }] });
+
+class NumberPipe {
+    constructor() {
+        this.formattingSettings = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })?.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(price) {
+        return formatNumber(price, this.formattingSettings?.thousandsSeparator, this.formattingSettings?.decimalSeparator, this.formattingSettings?.decimalsCount);
+    }
+}
+NumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: NumberPipe, name: "vlNumber" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlNumber',
+                }]
+        }] });
+
+class PricePipe {
+    constructor() {
+        this.formattingSettings = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })?.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(price) {
+        if (price == null || price === '') {
+            return '';
+        }
+        return `${this.formattingSettings?.currencySymbol || DEFAULT_CURRENCY_SYMBOL}${formatNumber(price, this.formattingSettings?.thousandsSeparator, this.formattingSettings?.decimalSeparator, this.formattingSettings?.decimalsCount)}`;
+    }
+}
+PricePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PricePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PricePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PricePipe, name: "vlPrice" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PricePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'vlPrice',
+                }]
+        }] });
+
+class SdkPipesModule {
+}
+SdkPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdkPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule, declarations: [NumberPipe, PricePipe, DatePipe], exports: [NumberPipe, PricePipe, DatePipe] });
+SdkPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SdkPipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NumberPipe, PricePipe, DatePipe],
+                    exports: [NumberPipe, PricePipe, DatePipe],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationRuntimeService, ConfigurationService, ContextService, FlowConfigurationModule, FlowConfigurationService, FlowUpdateService, LineItemWorker, MetricsCalculationService, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, findLineItem, findLineItemWithComparator, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+export { CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowUpdateService, LineItemWorker, MetricsCalculationService, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, findLineItem, findLineItemWithComparator, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map