@veloceapps/sdk 7.0.2-37 → 7.0.2-39

package/fesm2015/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 { InjectionToken, Injectable, 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 { 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';
 import { filter, tap, map, first, switchMap, skip, take, shareReplay, catchError, finalize } from 'rxjs/operators';
 import * as i1 from '@veloceapps/api';
@@ -10,6 +10,8 @@ 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 { DATE_PIPE_DEFAULT_OPTIONS, formatDate } from '@angular/common';
 
 const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
     var _a, _b, _c;
@@ -17,6 +19,8 @@ const getDefaultLineItem = (context, uiDefinitionProperties, qty = 1) => {
     return Object.assign({ id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', actionCode: 'ADD', qty, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b['displayName']) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (uiDefinitionProperties.offeringId ? { offeringId: uiDefinitionProperties.offeringId } : {}));
 };
 
+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";
@@ -1235,8 +1239,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)
@@ -1246,7 +1250,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) {
@@ -1254,6 +1261,30 @@ class RuntimeSettingsService {
             this.currencySettings$.next({ iso, symbol });
         }
     }
+    getFormattingSettings() {
+        var _a, _b, _c, _d;
+        if (this.formattingSettings) {
+            return this.formattingSettings;
+        }
+        const shoppingCartSettings = (_a = this.getConfigurationSettings()['shopping-cart']) === null || _a === void 0 ? void 0 : _a.reduce((acc, setting) => {
+            return Object.assign(Object.assign({}, acc), { [setting.id]: setting.properties });
+        }, {});
+        const currencySettings = this.getCurrencySettings();
+        const dateFormat = (validateDateFormat((_b = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT) !== null && _b !== void 0 ? _b : '') && (shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DATE_FORMAT)) ||
+            DEFAULT_DATE_FORMAT;
+        const decimalSeparator = (_c = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.DECIMAL_SEPARATOR) !== null && _c !== void 0 ? _c : DEFAULT_DECIMAL_SEPARATOR;
+        const thousandsSeparator = (_d = shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.THOUSANDS_SEPARATOR) !== null && _d !== void 0 ? _d : DEFAULT_THOUSANDS_SEPARATOR;
+        return {
+            currencySymbol: currencySettings.symbol,
+            dateFormats: getSupportedDateFormats(dateFormat),
+            decimalSeparator: (['.', ','].includes(decimalSeparator) && decimalSeparator) || DEFAULT_DECIMAL_SEPARATOR,
+            decimalsCount: (!isNaN(Number(shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.PRICE_SCALE)) && Number(shoppingCartSettings === null || shoppingCartSettings === void 0 ? void 0 : shoppingCartSettings.PRICE_SCALE)) ||
+                DEFAULT_DECIMALS_COUNT,
+            thousandsSeparator: ['.', ',', ''].includes(thousandsSeparator)
+                ? thousandsSeparator
+                : DEFAULT_THOUSANDS_SEPARATOR,
+        };
+    }
     getConfigurationSettings() {
         return this.configurationSettings$.value;
     }
@@ -1286,6 +1317,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 });
@@ -1296,6 +1334,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,
@@ -1307,13 +1349,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         ProductImagesService,
                         MetricsCalculationService,
                         RuntimeSettingsService,
+                        {
+                            provide: FORMATTING_SETTINGS_TOKEN,
+                            useExisting: RuntimeSettingsService,
+                        },
                     ],
                 }]
         }] });
 
+class CalendarDirective {
+    constructor() {
+        var _a;
+        this.ngControl = inject(NgControl, { host: true, optional: true });
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    set vlCalendar(calendar) {
+        this.calendar = calendar;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        var _a, _b;
+        if (this.calendar) {
+            this.calendar.dateFormat = (_b = (_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.dateFormats.primengFormat) !== null && _b !== void 0 ? _b : 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() {
+        var _a;
+        this.locale = inject(LOCALE_ID);
+        this.defaultOptions = inject(DATE_PIPE_DEFAULT_OPTIONS, { optional: true });
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(date) {
+        var _a, _b;
+        if (!date) {
+            return '';
+        }
+        try {
+            return formatDate(date, ((_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.dateFormats.datePipeFormat) || DEFAULT_DATE_FORMAT, this.locale, (_b = this.defaultOptions) === null || _b === void 0 ? void 0 : _b.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() {
+        var _a;
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(price) {
+        var _a, _b, _c;
+        return formatNumber(price, (_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.thousandsSeparator, (_b = this.formattingSettings) === null || _b === void 0 ? void 0 : _b.decimalSeparator, (_c = this.formattingSettings) === null || _c === void 0 ? void 0 : _c.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() {
+        var _a;
+        this.formattingSettings = (_a = inject(FORMATTING_SETTINGS_TOKEN, { optional: true })) === null || _a === void 0 ? void 0 : _a.getFormattingSettings();
+        this.destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    transform(price) {
+        var _a, _b, _c, _d;
+        if (price == null || price === '') {
+            return '';
+        }
+        return `${((_a = this.formattingSettings) === null || _a === void 0 ? void 0 : _a.currencySymbol) || DEFAULT_CURRENCY_SYMBOL}${formatNumber(price, (_b = this.formattingSettings) === null || _b === void 0 ? void 0 : _b.thousandsSeparator, (_c = this.formattingSettings) === null || _c === void 0 ? void 0 : _c.decimalSeparator, (_d = this.formattingSettings) === null || _d === void 0 ? void 0 : _d.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