@softpak/components 20.0.2 → 20.2.0

package/fesm2022/softpak-components-spx-channel-selection.mjs

@@ -1,48 +1,41 @@
+import * as i2 from '@angular/router';
+import { Router } from '@angular/router';
 import * as i0 from '@angular/core';
-import { Injectable, Component, signal, computed } from '@angular/core';
+import { inject, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
 import { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';
-import * as i1 from '@angular/router';
+import { createAction, props, union, createFeature, createReducer, on, Store } from '@ngrx/store';
 import { SpxButtonComponent } from '@softpak/components/spx-button';
-import * as i2 from '@ngrx/store';
-import { createAction, props, union, createFeature, createReducer, on } from '@ngrx/store';
 import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
-import { AsyncPipe } from '@angular/common';
 import { TranslatePipe } from '@ngx-translate/core';
 import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
-import { spxTextChange, spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';
-import * as i1$1 from '@ionic/angular';
-import * as i2$1 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { SpxFormButtonTypeEnum, SpxFormViewComponent } from '@softpak/components/spx-form-view';
-import { valuePairToValue, SpxSeverityEnum, unsubscribeSubscriptions } from '@softpak/components/spx-helpers';
-import { SpxInputTypeEnum } from '@softpak/components/spx-inputs';
-import { spxValidatorRequired } from '@softpak/components/spx-validation';
-import { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';
-import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
-import * as i1$2 from '@ngrx/effects';
+import { spxTextChange } from '@softpak/components/spx-translate';
+import { NavController } from '@ionic/angular';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { map } from 'rxjs';
+import * as i1 from '@ngrx/effects';
 import { createEffect, ofType } from '@ngrx/effects';
 import { switchMap } from 'rxjs/operators';
 import { setConfig } from '@capacitor/live-updates';
 import { Capacitor } from '@capacitor/core';
 import { spxUpdateUrl } from '@softpak/components/spx-update';
+import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
 import { captureMessage } from '@sentry/angular';
 import { App } from '@capacitor/app';
 
-const spxChannelSelectionUrl = 'wlc';
-
+// import { spxChannelSelectionUrl } from '../../src/app.const';
 class SpxChannelGuard {
-    constructor(router) {
-        this.router = router;
+    constructor() {
+        this.router = inject(Router);
     }
     canActivate() {
         if (!SpxStorage.getSetting(SpxStorageKeyEnum.brand) ||
             !SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {
-            this.router.navigate([spxChannelSelectionUrl]);
+            this.router.navigate(['wlc']);
             return false;
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelGuard, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelGuard, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelGuard, decorators: [{
@@ -50,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.Router }] });
+        }] });
 
 const choose = createAction('[SPX / Channel] Select', props());
 const initialize = createAction('[SPX / Channel] Initialize', props());
@@ -71,15 +64,9 @@ const initialState = {
     channelType: null,
     channels: [],
 };
-
-var spxChannel_initial = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    initialState: initialState
-});
-
 const determineActiveChannel = (channels) => {
     if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {
-        const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.includes(SpxStorage.getSetting(SpxStorageKeyEnum.channelType)));
+        const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.some((e) => e.name === SpxStorage.getSetting(SpxStorageKeyEnum.channelType)));
         if (channelResult) {
             return channelResult;
         }
@@ -106,225 +93,63 @@ var spxChannelReducer$1 = createFeature({
     name: 'spxChannel',
     reducer: createReducer(initialState, on(choose, (state, { channel, channelType }) => {
         SpxStorage.setSetting(SpxStorageKeyEnum.brand, channel?.brand);
-        SpxStorage.setSetting(SpxStorageKeyEnum.channelType, channelType);
+        SpxStorage.setSetting(SpxStorageKeyEnum.channelType, channelType.name);
+        SpxStorage.setSetting(SpxStorageKeyEnum.channelTypeWithWebUrl, JSON.stringify(channelType));
         return {
             ...state,
             previousChannel: state.channel,
             channel,
             channelType,
         };
-    }), on(initialize, (state, { channels }) => ({
-        ...state,
-        channel: determineActiveChannel(channels),
-        channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),
-        channelType: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) ? SpxStorage.getSetting(SpxStorageKeyEnum.channelType) : SpxAppChannelTypeEnum.production,
-    }))),
+    }), on(initialize, (state, { channels }) => {
+        let channelType = null;
+        if (SpxStorage.getSetting(SpxStorageKeyEnum.channelTypeWithWebUrl)) {
+            channelType = JSON.parse(SpxStorage.getSetting(SpxStorageKeyEnum.channelTypeWithWebUrl));
+        }
+        else if (SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {
+            channelType = { name: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) };
+        }
+        else {
+            channelType = { name: SpxAppChannelTypeEnum.production }; // Default to production if no type is set
+        }
+        return {
+            ...state,
+            channel: determineActiveChannel(channels),
+            channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),
+            channelType: channelType,
+        };
+    })),
 });
 
 var spxChannel_reducer = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: spxChannelReducer$1
+    default: spxChannelReducer$1,
+    initialState: initialState
 });
 
+const spxChannelSelectionUrl = 'wlc';
 class SpxChannelIndicatorComponent {
-    constructor(navController, store) {
-        this.navController = navController;
-        this.store = store;
-        this.channel = this.store.select(spxChannelReducer$1.selectChannel);
-        this.channelType = this.store.select(spxChannelReducer$1.selectChannelType);
+    constructor() {
+        this.navController = inject(NavController);
+        this.store = inject(Store);
+        this.channel = toSignal(this.store.select(spxChannelReducer$1.selectChannel));
+        this.channelType = toSignal(this.store.select(spxChannelReducer$1.selectChannelType).pipe(map(channelType => channelType?.name)));
         this.spxTextChange = spxTextChange;
     }
     onChange() {
         this.navController.navigateRoot([spxChannelSelectionUrl]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelIndicatorComponent, deps: [{ token: i1$1.NavController }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: SpxChannelIndicatorComponent, isStandalone: true, selector: "spx-channel-indicator", ngImport: i0, template: `<div class="bg-white p-3 rounded flex gap-3 items-center text-black">
-    <div class="grow">
-      <div class="text-lg font-bold">{{ (channel | async)?.brand }}</div>
-      @if ((channelType | async) !== 'Production') {
-        <div class="text-base text-gray-600">{{ channelType | async }}</div>
-      }
-    </div>
-    <spx-button (click)="onChange()" [spxType]="'button'">{{ spxTextChange | translate | capitalize }}</spx-button>
-  </div>`, isInline: true, dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: SpxChannelIndicatorComponent, isStandalone: true, selector: "spx-channel-indicator", ngImport: i0, template: "<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\r\n  <div class=\"grow\">\r\n    <div class=\"text-lg font-bold\">{{ channel()?.brand }}</div>\r\n    @if (channelType() !== 'Production') {\r\n      <div class=\"text-base text-gray-600\">{{ channelType() }}</div>\r\n    }\r\n  </div>\r\n  <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\r\n</div>", dependencies: [{ kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxChannelIndicatorComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'spx-channel-indicator',
-                    template: `<div class="bg-white p-3 rounded flex gap-3 items-center text-black">
-    <div class="grow">
-      <div class="text-lg font-bold">{{ (channel | async)?.brand }}</div>
-      @if ((channelType | async) !== 'Production') {
-        <div class="text-base text-gray-600">{{ channelType | async }}</div>
-      }
-    </div>
-    <spx-button (click)="onChange()" [spxType]="'button'">{{ spxTextChange | translate | capitalize }}</spx-button>
-  </div>`,
-                    imports: [
-                        AsyncPipe,
+            args: [{ selector: 'spx-channel-indicator', imports: [
                         SpxButtonComponent,
                         SpxCapitalizePipe,
                         TranslatePipe,
-                    ]
-                }]
-        }], ctorParameters: () => [{ type: i1$1.NavController }, { type: i2.Store }] });
-
-const spxCectionWelcome = 'welcome';
-const spxCtrlChannel = 'channel';
-const spxCtrlChannelType = 'channelType';
-class SpxWelcomeComponent {
-    get formSection() { return this.formGroup.get(spxCectionWelcome); }
-    get ctrlChannel() { return this.formSection.get(spxCtrlChannel); }
-    get ctrlChannelType() { return this.formSection.get(spxCtrlChannelType); }
-    constructor(appStore, formBuilder) {
-        this.appStore = appStore;
-        this.formBuilder = formBuilder;
-        this.channels = signal([]);
-        this.filteredCompanies = computed(() => this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })));
-        this.channelTypes = [
-            SpxAppChannelTypeEnum.production,
-            SpxAppChannelTypeEnum.beta,
-            SpxAppChannelTypeEnum.alpha,
-            SpxAppChannelTypeEnum.development,
-        ];
-        this.textChannel = spxTextChannel;
-        this.textCompany = spxTextCompany;
-        this.textSelect = spxTextSelect;
-        this.textSelectYourCompany = spxTextSelectYourCompany;
-        this.suggestions = {
-            [spxCtrlChannelType]: [],
-            [spxCtrlChannel]: [],
-        };
-        this.subscriptions = {};
-        this.form = {
-            buttons: [
-                {
-                    severity: SpxSeverityEnum.success,
-                    type: SpxFormButtonTypeEnum.submit,
-                    label: () => this.textSelect,
-                }
-            ],
-            sections: [
-                {
-                    key: spxCectionWelcome,
-                    showTitle: () => false,
-                    fields: [
-                        {
-                            key: spxCtrlChannel,
-                            type: () => SpxInputTypeEnum.radio,
-                            label: () => this.textCompany,
-                            validators: () => [spxValidatorRequired()],
-                        },
-                        {
-                            key: spxCtrlChannelType,
-                            type: () => SpxInputTypeEnum.radio,
-                            label: () => this.textChannel,
-                            capitalize: () => true,
-                            show: () => valuePairToValue(this.ctrlChannel.value),
-                            validators: () => [spxValidatorRequired()],
-                        },
-                    ]
-                }
-            ]
-        };
-        this.formGroup = this.formBuilder.group({
-            [spxCectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form.sections)
-        });
-    }
-    ngOnDestroy() {
-        unsubscribeSubscriptions(this.subscriptions);
-    }
-    ngOnInit() {
-        this.subscriptions.channels = this.appStore.select(spxChannelReducer$1.selectChannels).subscribe(channels => {
-            this.channels.set(channels);
-            this.suggestions[spxCtrlChannel] = this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));
-        });
-        this.subscriptions.channel = this.ctrlChannel.valueChanges.subscribe(valuePair => {
-            const brandFound = this.channels().find(c => c.brand === valuePairToValue(valuePair));
-            this.suggestions[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({
-                description: channelType,
-                value: channelType
-            }));
-            this.ctrlChannelType.setValue({
-                value: SpxAppChannelTypeEnum.production,
-            });
-        });
-    }
-    onSubmit() {
-        const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel.value));
-        const channelType = valuePairToValue(this.ctrlChannelType.value);
-        if (!channel) {
-            this.appStore.dispatch(spxToasterActions.createWarning({
-                autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,
-                messageText: 'Please select a company',
-            }));
-        }
-        else {
-            this.appStore.dispatch(choose({
-                channel,
-                channelType,
-            }));
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i2.Store }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", ngImport: i0, template: `
-  <ion-header>
-  <ion-toolbar>
-    <ion-title>
-      {{ textSelectYourCompany | translate | capitalize }}
-    </ion-title>
-    <ion-buttons slot="end">
-    </ion-buttons>
-  </ion-toolbar>
-</ion-header>
-<ion-content class="ion-padding">
-  <form [formGroup]="formGroup" class="max-w-lg mx-auto flex flex-col gap-3" (ngSubmit)="onSubmit()">
-    <spx-form-view
-      [spxForm]="form"
-      [spxFormGroup]="formSection"
-      [spxSuggestions]="suggestions">
-    </spx-form-view>
-  </form>
-</ion-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxWelcomeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'spx-welcome',
-                    template: `
-  <ion-header>
-  <ion-toolbar>
-    <ion-title>
-      {{ textSelectYourCompany | translate | capitalize }}
-    </ion-title>
-    <ion-buttons slot="end">
-    </ion-buttons>
-  </ion-toolbar>
-</ion-header>
-<ion-content class="ion-padding">
-  <form [formGroup]="formGroup" class="max-w-lg mx-auto flex flex-col gap-3" (ngSubmit)="onSubmit()">
-    <spx-form-view
-      [spxForm]="form"
-      [spxFormGroup]="formSection"
-      [spxSuggestions]="suggestions">
-    </spx-form-view>
-  </form>
-</ion-content>`,
-                    imports: [
-                        FormsModule,
-                        ReactiveFormsModule,
-                        SpxCapitalizePipe,
-                        SpxFormViewComponent,
-                        IonHeader,
-                        IonToolbar,
-                        IonTitle,
-                        IonButtons,
-                        IonContent,
-                        TranslatePipe,
-                    ]
-                }]
-        }], ctorParameters: () => [{ type: i2.Store }, { type: i2$1.FormBuilder }] });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\r\n  <div class=\"grow\">\r\n    <div class=\"text-lg font-bold\">{{ channel()?.brand }}</div>\r\n    @if (channelType() !== 'Production') {\r\n      <div class=\"text-base text-gray-600\">{{ channelType() }}</div>\r\n    }\r\n  </div>\r\n  <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\r\n</div>" }]
+        }] });
 
 class Effects {
     constructor(actions$, router) {
@@ -332,7 +157,12 @@ class Effects {
         this.router = router;
         this.onChoose$ = createEffect(() => this.actions$.pipe(ofType(choose), switchMap((action) => {
             if (Capacitor.getPlatform() === 'web') {
-                this.router.navigate(['tabs/hme']);
+                if (action.channelType.webUrl) {
+                    window.location.href = action.channelType.webUrl;
+                }
+                else {
+                    this.router.navigate(['tabs/hme']);
+                }
             }
             else {
                 App.getInfo().then((binaryInfo) => {
@@ -352,25 +182,21 @@ class Effects {
                 })];
         })), { dispatch: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: Effects, deps: [{ token: i1$2.Actions }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: Effects, deps: [{ token: i1.Actions }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: Effects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: Effects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Actions }, { type: i1.Router }] });
+        }], ctorParameters: () => [{ type: i1.Actions }, { type: i2.Router }] });
 
 var spxChannel_effects = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Effects: Effects
 });
 
-var spxChannel_state = /*#__PURE__*/Object.freeze({
-    __proto__: null
-});
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SpxChannelGuard, SpxChannelIndicatorComponent, SpxWelcomeComponent, spxCectionWelcome, spxChannel_actions as spxChannelActions, spxChannel_effects as spxChannelEffects, spxChannel_initial as spxChannelInitial, spxChannel_reducer as spxChannelReducer, spxChannel_state as spxChannelState, spxCtrlChannel, spxCtrlChannelType };
+export { SpxChannelGuard, SpxChannelIndicatorComponent, spxChannel_actions as spxChannelActions, spxChannel_effects as spxChannelEffects, spxChannel_reducer as spxChannelReducer, spxChannelSelectionUrl };
 //# sourceMappingURL=softpak-components-spx-channel-selection.mjs.map

package/fesm2022/softpak-components-spx-channel-selection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-channel-selection.mjs","sources":["../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-selection-url.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-guard.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.actions.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.initial.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.reducer.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator.component.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-welcome.component.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel/spx-channel.effects.ts","../../../../projects/softpak/components/spx-channel-selection/softpak-components-spx-channel-selection.ts"],"sourcesContent":["export const spxChannelSelectionUrl = 'wlc';","import { Router } from '@angular/router';\r\nimport { Injectable } from '@angular/core';\r\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\r\nimport { spxChannelSelectionUrl } from './spx-channel-selection-url';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SpxChannelGuard  {\r\n\r\n  constructor(\r\n    public router: Router,\r\n  ) {}\r\n\r\n  canActivate(): boolean {\r\n    if (\r\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand) ||\r\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType)\r\n    ) {\r\n      this.router.navigate([spxChannelSelectionUrl]);\r\n      return false;\r\n    }\r\n    return true;\r\n  }\r\n}\r\n","import { createAction, props, union } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\n\r\nexport const choose = createAction('[SPX / Channel] Select', props<{\r\n    channel: SpxAppChannelI;\r\n    channelType: SpxAppChannelTypeEnum;\r\n}>());\r\nexport const initialize = createAction('[SPX / Channel] Initialize', props<{\r\n    channels: SpxAppChannelI[];\r\n}>());\r\n\r\nconst all = union({\r\n    choose,\r\n    initialize,\r\n});\r\n\r\nexport type Actions = typeof all;\r\n","import { StateI } from \"./spx-channel.state\";\r\n\r\nexport const initialState: StateI = {\r\n    previousChannel: null,\r\n    channel: null,\r\n    channelType: null,\r\n    channels: [],\r\n};\r\n","\r\nimport * as actions from './spx-channel.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\nimport { StateI } from './spx-channel.state';\r\nimport { initialState } from './spx-channel.initial';\r\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\n\r\nconst determineActiveChannel = (channels: SpxAppChannelI[]): SpxAppChannelI | null => {\r\n    if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\r\n        const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.includes(SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum));\r\n        if (channelResult) {\r\n            return channelResult;\r\n        } else {\r\n            const defaultBrandResult = channels.find(channel => channel.default);\r\n            if (defaultBrandResult) {\r\n                return defaultBrandResult;\r\n            } else {\r\n                SpxStorage.clearSetting(SpxStorageKeyEnum.brand);\r\n                return null;\r\n            }\r\n        }\r\n    } else {\r\n        const defaultBrandResult = channels.find(channel => channel.default);\r\n        if (defaultBrandResult) {\r\n            return defaultBrandResult;\r\n        }\r\n        return null;\r\n    }\r\n}\r\n\r\nexport default createFeature({\r\n    name: 'spxChannel',\r\n    reducer: createReducer(\r\n        initialState,\r\n        on(actions.choose, (state, { channel, channelType }): StateI => {\r\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand, channel?.brand);\r\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType, channelType);\r\n            return {\r\n                ...state,\r\n                previousChannel: state.channel,\r\n                channel,\r\n                channelType,\r\n            };\r\n        }),\r\n        on(actions.initialize, (state, { channels }): StateI => ({\r\n            ...state,\r\n            channel: determineActiveChannel(channels),\r\n            channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),\r\n            channelType: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) ? SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum : SpxAppChannelTypeEnum.production,\r\n        })),\r\n    ),\r\n});\r\n","import { Component } from '@angular/core';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\r\nimport spxChannelReducer from '../store/spx-channel/spx-channel.reducer';\r\nimport { AsyncPipe } from '@angular/common';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { spxTextChange } from '@softpak/components/spx-translate';\r\nimport { spxChannelSelectionUrl } from './spx-channel-selection-url';\r\nimport { NavController } from '@ionic/angular';\r\n\r\n@Component({\r\n  selector: 'spx-channel-indicator',\r\n  template: `<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\r\n    <div class=\"grow\">\r\n      <div class=\"text-lg font-bold\">{{ (channel | async)?.brand }}</div>\r\n      @if ((channelType | async) !== 'Production') {\r\n        <div class=\"text-base text-gray-600\">{{ channelType | async }}</div>\r\n      }\r\n    </div>\r\n    <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\r\n  </div>`,\r\n  imports: [\r\n    AsyncPipe,\r\n    SpxButtonComponent,\r\n    SpxCapitalizePipe,\r\n    TranslatePipe,\r\n  ]\r\n})\r\nexport class SpxChannelIndicatorComponent {\r\n  channel = this.store.select(spxChannelReducer.selectChannel);\r\n  channelType = this.store.select(spxChannelReducer.selectChannelType);\r\n  spxTextChange = spxTextChange;\r\n\r\n  constructor(\r\n    private navController: NavController,\r\n    private store: Store,\r\n  ) { }\r\n\r\n  onChange() {\r\n    this.navController.navigateRoot([spxChannelSelectionUrl]);\r\n  }\r\n}\r\n","import { Component, OnInit, OnDestroy, signal, computed } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\nimport { Subscription } from 'rxjs';\r\nimport spxChannelReducer from '../store/spx-channel/spx-channel.reducer';\r\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\r\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\r\nimport { choose } from '../store/spx-channel/spx-channel.actions';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\n\r\nexport const spxCectionWelcome = 'welcome';\r\nexport const spxCtrlChannel = 'channel';\r\nexport const spxCtrlChannelType = 'channelType';\r\nexport interface SpxWelcomeValueI {\r\n  [spxCtrlChannel]?: SpxAppChannelI;\r\n  [spxCtrlChannelType]: SpxAppChannelTypeEnum;\r\n}\r\n\r\n@Component({\r\n  selector: 'spx-welcome',\r\n  template: `\r\n  <ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form\"\r\n      [spxFormGroup]=\"formSection\"\r\n      [spxSuggestions]=\"suggestions\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>`,\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SpxCapitalizePipe,\r\n    SpxFormViewComponent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonTitle,\r\n    IonButtons,\r\n    IonContent,\r\n    TranslatePipe,\r\n  ]\r\n})\r\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\r\n  channels = signal<SpxAppChannelI[]>([]);\r\n  filteredCompanies = computed(() => this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand })));\r\n  channelTypes = [\r\n    SpxAppChannelTypeEnum.production,\r\n    SpxAppChannelTypeEnum.beta,\r\n    SpxAppChannelTypeEnum.alpha,\r\n    SpxAppChannelTypeEnum.development,\r\n  ];\r\n  formGroup!: FormGroup;\r\n  textChannel = spxTextChannel;\r\n  textCompany = spxTextCompany;\r\n  textSelect = spxTextSelect;\r\n  textSelectYourCompany = spxTextSelectYourCompany;\r\n  suggestions: {\r\n    [spxCtrlChannelType]?: SpxValuePair<string>[];\r\n    [spxCtrlChannel]?: SpxValuePair<string>[];\r\n  } = {\r\n      [spxCtrlChannelType]: [],\r\n      [spxCtrlChannel]: [],\r\n    };\r\n\r\n  get formSection(): FormGroup { return this.formGroup.get(spxCectionWelcome) as FormGroup; }\r\n  get ctrlChannel(): FormControl { return this.formSection.get(spxCtrlChannel) as FormControl; }\r\n  get ctrlChannelType(): FormControl { return this.formSection.get(spxCtrlChannelType) as FormControl; }\r\n  private subscriptions: {\r\n    channel?: Subscription;\r\n    channels?: Subscription;\r\n  } = {};\r\n\r\n  form: SpxFormI = {\r\n    buttons: [\r\n      {\r\n        severity: SpxSeverityEnum.success,\r\n        type: SpxFormButtonTypeEnum.submit,\r\n        label: () => this.textSelect,\r\n      }\r\n    ],\r\n    sections: [\r\n      {\r\n        key: spxCectionWelcome,\r\n        showTitle: () => false,\r\n        fields: [\r\n          {\r\n            key: spxCtrlChannel,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textCompany,\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n          {\r\n            key: spxCtrlChannelType,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textChannel,\r\n            capitalize: () => true,\r\n            show: () => valuePairToValue(this.ctrlChannel.value),\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n        ]\r\n      }\r\n    ]\r\n  };\r\n\r\n  constructor(\r\n    private readonly appStore: Store,\r\n    readonly formBuilder: FormBuilder\r\n  ) {\r\n    this.formGroup = this.formBuilder.group({\r\n      [spxCectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form.sections)\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    unsubscribeSubscriptions(this.subscriptions);\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.subscriptions.channels = this.appStore.select(spxChannelReducer.selectChannels).subscribe(channels => {\r\n      this.channels.set(channels);\r\n      this.suggestions[spxCtrlChannel] = this.channels().filter(channel => channel.channelTypes.includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\r\n    });\r\n\r\n    this.subscriptions.channel = this.ctrlChannel.valueChanges.subscribe(valuePair => {\r\n      const brandFound = this.channels().find(c => c.brand === valuePairToValue(valuePair));\r\n      this.suggestions[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\r\n        description: channelType,\r\n        value: channelType\r\n      }));\r\n      this.ctrlChannelType.setValue({\r\n        value: SpxAppChannelTypeEnum.production,\r\n      });\r\n    });\r\n  }\r\n\r\n  onSubmit(): void {\r\n    const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel.value))!;\r\n    const channelType = valuePairToValue(this.ctrlChannelType.value);\r\n\r\n    if (!channel) {\r\n      this.appStore.dispatch(spxToasterActions.createWarning({\r\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n        messageText: 'Please select a company',\r\n      }))\r\n    } else {\r\n      this.appStore.dispatch(choose({\r\n        channel,\r\n        channelType,\r\n      }));\r\n    }\r\n  }\r\n}\r\n","import { Actions, createEffect, ofType } from '@ngrx/effects';\r\nimport { switchMap } from 'rxjs/operators';\r\nimport { Injectable } from '@angular/core';\r\nimport * as actions from './spx-channel.actions';\r\nimport { setConfig } from '@capacitor/live-updates';\r\nimport { Capacitor } from '@capacitor/core';\r\nimport { Router } from '@angular/router';\r\nimport { spxUpdateUrl } from '@softpak/components/spx-update';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\nimport { captureMessage } from '@sentry/angular';\r\nimport { App } from '@capacitor/app';\r\n\r\n@Injectable()\r\nexport class Effects {\r\n    onChoose$ =\r\n        createEffect(() =>\r\n            this.actions$.pipe(\r\n                ofType(actions.choose),\r\n                switchMap((action) => {\r\n                    if (Capacitor.getPlatform() === 'web') {\r\n                        this.router.navigate(['tabs/hme']);\r\n                    } else {\r\n                        App.getInfo().then((binaryInfo) => {\r\n                            const binaryVersionGroup = binaryInfo.version.substring(0, 3);\r\n                            setConfig({\r\n                                channel: `${action.channelType}-${binaryVersionGroup}.x`\r\n                            });\r\n                            this.router.navigate([spxUpdateUrl]);\r\n                        }).catch((err) => {\r\n                            captureMessage(`SPX Channel Error: ${JSON.stringify(err)}`);\r\n                            this.router.navigate([spxUpdateUrl]);\r\n                        });\r\n                    }\r\n\r\n                    return [spxToasterActions.createSuccess({\r\n                        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n                        messageText: action.channel?.brand,\r\n                    })];\r\n                }),\r\n            ), { dispatch: true });\r\n\r\n    constructor(\r\n        private readonly actions$: Actions,\r\n        private readonly router: Router,\r\n    ) { }\r\n}\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.choose","actions.initialize","spxChannelReducer","i1","i2"],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-channel-selection.mjs","sources":["../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-guard.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.actions.ts","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.reducer.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator/spx-channel-indicator.component.ts","../../../../projects/softpak/components/spx-channel-selection/src/spx-channel-indicator/spx-channel-indicator.component.html","../../../../projects/softpak/components/spx-channel-selection/store/spx-channel.effects.ts","../../../../projects/softpak/components/spx-channel-selection/softpak-components-spx-channel-selection.ts"],"sourcesContent":["import { Router } from '@angular/router';\r\nimport { inject, Injectable } from '@angular/core';\r\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\r\n// import { spxChannelSelectionUrl } from '../../src/app.const';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SpxChannelGuard  {\r\n\r\n  private readonly router = inject(Router);\r\n\r\n  canActivate(): boolean {\r\n    if (\r\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand) ||\r\n      !SpxStorage.getSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType)\r\n    ) {\r\n      this.router.navigate(['wlc']);\r\n      return false;\r\n    }\r\n    return true;\r\n  }\r\n}\r\n","import { createAction, props, union } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxChannelTypeI } from '@softpak/components/spx-app-configuration';\r\n\r\nexport const choose = createAction('[SPX / Channel] Select', props<{\r\n    channel: SpxAppChannelI;\r\n    channelType: SpxChannelTypeI;\r\n}>());\r\nexport const initialize = createAction('[SPX / Channel] Initialize', props<{\r\n    channels: SpxAppChannelI[];\r\n}>());\r\n\r\nconst all = union({\r\n    choose,\r\n    initialize,\r\n});\r\n\r\nexport type Actions = typeof all;\r\n","\r\nimport * as actions from './spx-channel.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\nimport { SpxStorage, SpxStorageKeyEnum } from '@softpak/components/spx-storage';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum, SpxChannelTypeI } from '@softpak/components/spx-app-configuration';\r\n\r\nexport const initialState: StateI = {\r\n  previousChannel: null,\r\n  channel: null,\r\n  channelType: null,\r\n  channels: [],\r\n};\r\n\r\nexport interface StateI {\r\n  previousChannel: SpxAppChannelI | null;\r\n  channel: SpxAppChannelI | null;\r\n  channels: SpxAppChannelI[];\r\n  channelType: SpxChannelTypeI | null;\r\n}\r\n\r\nconst determineActiveChannel = (channels: SpxAppChannelI[]): SpxAppChannelI | null => {\r\n    if (SpxStorage.getSetting(SpxStorageKeyEnum.brand) && SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\r\n        const channelResult = channels.find(channel => channel.brand === SpxStorage.getSetting(SpxStorageKeyEnum.brand) && channel.channelTypes.some((e: SpxChannelTypeI) => e.name === SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum));\r\n        if (channelResult) {\r\n            return channelResult;\r\n        } else {\r\n            const defaultBrandResult = channels.find(channel => channel.default);\r\n            if (defaultBrandResult) {\r\n                return defaultBrandResult;\r\n            } else {\r\n                SpxStorage.clearSetting(SpxStorageKeyEnum.brand);\r\n                return null;\r\n            }\r\n        }\r\n    } else {\r\n        const defaultBrandResult = channels.find(channel => channel.default);\r\n        if (defaultBrandResult) {\r\n            return defaultBrandResult;\r\n        }\r\n        return null;\r\n    }\r\n}\r\n\r\nexport default createFeature({\r\n    name: 'spxChannel',\r\n    reducer: createReducer(\r\n        initialState,\r\n        on(actions.choose, (state, { channel, channelType }): StateI => {\r\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.brand, channel?.brand);\r\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelType, channelType.name);\r\n            SpxStorage.setSetting<SpxStorageKeyEnum>(SpxStorageKeyEnum.channelTypeWithWebUrl, JSON.stringify(channelType));\r\n            return {\r\n                ...state,\r\n                previousChannel: state.channel,\r\n                channel,\r\n                channelType,\r\n            };\r\n        }),\r\n        on(actions.initialize, (state, { channels }): StateI => {\r\n          \r\n          let channelType: SpxChannelTypeI | null = null;\r\n          \r\n          if(SpxStorage.getSetting(SpxStorageKeyEnum.channelTypeWithWebUrl)) {\r\n            channelType = JSON.parse(SpxStorage.getSetting(SpxStorageKeyEnum.channelTypeWithWebUrl) as string);\r\n          }\r\n          else if (SpxStorage.getSetting(SpxStorageKeyEnum.channelType)) {\r\n            channelType = { name: SpxStorage.getSetting(SpxStorageKeyEnum.channelType) as SpxAppChannelTypeEnum };\r\n          }\r\n          else {\r\n            channelType = { name: SpxAppChannelTypeEnum.production }; // Default to production if no type is set\r\n          }\r\n\r\n          return {\r\n            ...state,\r\n            channel: determineActiveChannel(channels),\r\n            channels: channels.slice().sort((a, b) => a.brand.localeCompare(b.brand)),\r\n            channelType: channelType,\r\n          }\r\n        }),\r\n    ),\r\n});\r\n","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxButtonComponent } from '@softpak/components/spx-button';\r\nimport spxChannelReducer from '../../store/spx-channel.reducer';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { spxTextChange } from '@softpak/components/spx-translate';\r\nimport { NavController } from '@ionic/angular';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { map } from 'rxjs';\r\nexport const spxChannelSelectionUrl = 'wlc';\r\n\r\n@Component({\r\n  selector: 'spx-channel-indicator',\r\n  templateUrl: './spx-channel-indicator.component.html',\r\n  imports: [\r\n    SpxButtonComponent,\r\n    SpxCapitalizePipe,\r\n    TranslatePipe,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SpxChannelIndicatorComponent {\r\n  private readonly navController = inject(NavController);\r\n  private readonly store = inject(Store);\r\n  protected readonly channel = toSignal(this.store.select(spxChannelReducer.selectChannel));\r\n  protected readonly channelType = toSignal(this.store.select(spxChannelReducer.selectChannelType).pipe(\r\n    map(channelType => channelType?.name)\r\n  ));\r\n  protected readonly spxTextChange = spxTextChange;\r\n\r\n  protected onChange() {\r\n    this.navController.navigateRoot([spxChannelSelectionUrl]);\r\n  }\r\n}\r\n","<div class=\"bg-white p-3 rounded flex gap-3 items-center text-black\">\r\n  <div class=\"grow\">\r\n    <div class=\"text-lg font-bold\">{{ channel()?.brand }}</div>\r\n    @if (channelType() !== 'Production') {\r\n      <div class=\"text-base text-gray-600\">{{ channelType() }}</div>\r\n    }\r\n  </div>\r\n  <spx-button (click)=\"onChange()\" [spxType]=\"'button'\">{{ spxTextChange | translate | capitalize }}</spx-button>\r\n</div>","import { Actions, createEffect, ofType } from '@ngrx/effects';\r\nimport { switchMap } from 'rxjs/operators';\r\nimport { Injectable } from '@angular/core';\r\nimport * as actions from './spx-channel.actions';\r\nimport { setConfig } from '@capacitor/live-updates';\r\nimport { Capacitor } from '@capacitor/core';\r\nimport { Router } from '@angular/router';\r\nimport { spxUpdateUrl } from '@softpak/components/spx-update';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\nimport { captureMessage } from '@sentry/angular';\r\nimport { App } from '@capacitor/app';\r\n\r\n@Injectable()\r\nexport class Effects {\r\n    onChoose$ =\r\n        createEffect(() =>\r\n            this.actions$.pipe(\r\n                ofType(actions.choose),\r\n                switchMap((action) => {\r\n                    if (Capacitor.getPlatform() === 'web') {\r\n                      if(action.channelType.webUrl) {\r\n                        window.location.href = action.channelType.webUrl;\r\n                      }\r\n                      else {\r\n                        this.router.navigate(['tabs/hme']);\r\n                      }\r\n                    } else {\r\n                        App.getInfo().then((binaryInfo) => {\r\n                            const binaryVersionGroup = binaryInfo.version.substring(0, 3);\r\n                            setConfig({\r\n                                channel: `${action.channelType}-${binaryVersionGroup}.x`\r\n                            });\r\n                            this.router.navigate([spxUpdateUrl]);\r\n                        }).catch((err) => {\r\n                            captureMessage(`SPX Channel Error: ${JSON.stringify(err)}`);\r\n                            this.router.navigate([spxUpdateUrl]);\r\n                        });\r\n                    }\r\n\r\n                    return [spxToasterActions.createSuccess({\r\n                        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n                        messageText: action.channel?.brand,\r\n                    })];\r\n                }),\r\n            ), { dispatch: true });\r\n\r\n    constructor(\r\n        private readonly actions$: Actions,\r\n        private readonly router: Router,\r\n    ) { }\r\n}\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.choose","actions.initialize","spxChannelReducer"],"mappings":"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"}

package/fesm2022/softpak-components-spx-storage.mjs

@@ -4,6 +4,7 @@ var SpxStorageKeyEnum;
     SpxStorageKeyEnum["brand"] = "brand";
     SpxStorageKeyEnum["bundleVersion"] = "bundleVersion";
     SpxStorageKeyEnum["channelType"] = "channelType";
+    SpxStorageKeyEnum["channelTypeWithWebUrl"] = "channelTypeWithWebUrl";
     SpxStorageKeyEnum["channelSettings"] = "companySettings";
     SpxStorageKeyEnum["liveUpdate"] = "liveUpdate";
     SpxStorageKeyEnum["platform"] = "platform";

package/fesm2022/softpak-components-spx-storage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\r\n    afterSignIn = 'afterSignIn',\r\n    brand = 'brand',\r\n    bundleVersion = 'bundleVersion',\r\n    channelType = 'channelType',\r\n    channelSettings = 'companySettings',\r\n    liveUpdate = 'liveUpdate',\r\n    platform = 'platform',\r\n    platformVersion = 'platformVersion',\r\n    token = 'token',\r\n    updateInProgress = 'updateInProgress',\r\n    randomDeviceId = 'randomDeviceId',\r\n    release = 'release',\r\n    patch = 'patch',\r\n};\r\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\r\n\r\nexport class SpxStorage {\r\n    private static get channelId() {\r\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\r\n    }\r\n\r\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\r\n        localStorage.removeItem(key as string);\r\n    }\r\n\r\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\r\n        return localStorage.getItem(key as string);\r\n    }\r\n\r\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\r\n        localStorage.setItem(key as string, settingValue);\r\n    }\r\n\r\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\r\n        let storageObj;\r\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\r\n\r\n        if (storageObjStr) {\r\n            storageObj = JSON.parse(storageObjStr);\r\n            if (!storageObj[this.channelId]) {\r\n                return undefined;\r\n            }\r\n            return storageObj[this.channelId][key];\r\n        } else {\r\n            return undefined;\r\n        }\r\n    }\r\n\r\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\r\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\r\n        let storageObj;\r\n\r\n        if (companySettings) {\r\n            storageObj = JSON.parse(companySettings);\r\n        } else {\r\n            storageObj = {};\r\n        }\r\n\r\n        if (!storageObj[this.channelId]) {\r\n            storageObj[this.channelId] = {};\r\n        }\r\n\r\n        storageObj[this.channelId][key] = settingValue;\r\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\r\n    }\r\n}\r\n\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,iBAAiB,EAAA;AACzB,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,iBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnC,IAAA,iBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC;AACnC,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAqC;AACrC,IAAA,iBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC;AACjC,IAAA,iBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,iBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACnB,CAAC,EAdW,iBAAiB,KAAjB,iBAAiB,GAc5B,EAAA,CAAA,CAAA;AAAA;;MCZY,UAAU,CAAA;AACX,IAAA,WAAW,SAAS,GAAA;QACxB,OAAO,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,CAAA,CAAE;;IAGjI,OAAO,YAAY,CAAU,GAAgC,EAAA;AAChE,QAAA,YAAY,CAAC,UAAU,CAAC,GAAa,CAAC;;IAGnC,OAAO,UAAU,CAAU,GAAgC,EAAA;AAC9D,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,GAAa,CAAC;;AAGvC,IAAA,OAAO,UAAU,CAAU,GAAgC,EAAE,YAAoB,EAAA;AACpF,QAAA,YAAY,CAAC,OAAO,CAAC,GAAa,EAAE,YAAY,CAAC;;IAG9C,OAAO,iBAAiB,CAAU,GAAgC,EAAA;AACrE,QAAA,IAAI,UAAU;QACd,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,eAAe,CAAC;QAE7E,IAAI,aAAa,EAAE;AACf,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,gBAAA,OAAO,SAAS;;YAEpB,OAAO,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC;;aACnC;AACH,YAAA,OAAO,SAAS;;;AAIjB,IAAA,OAAO,iBAAiB,CAAU,GAAgC,EAAE,YAAiB,EAAA;QACxF,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,CAAC;AAC1E,QAAA,IAAI,UAAU;QAEd,IAAI,eAAe,EAAE;AACjB,YAAA,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;;aACrC;YACH,UAAU,GAAG,EAAE;;QAGnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7B,YAAA,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;;QAGnC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY;AAC9C,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;;AAErF;;ACnDD;;AAEG;;;;"}
+{"version":3,"file":"softpak-components-spx-storage.mjs","sources":["../../../../projects/softpak/components/spx-storage/src/spx-storage-key.enum.ts","../../../../projects/softpak/components/spx-storage/src/spx-storage.class.ts","../../../../projects/softpak/components/spx-storage/softpak-components-spx-storage.ts"],"sourcesContent":["export enum SpxStorageKeyEnum {\r\n    afterSignIn = 'afterSignIn',\r\n    brand = 'brand',\r\n    bundleVersion = 'bundleVersion',\r\n    channelType = 'channelType',\r\n    channelTypeWithWebUrl = \"channelTypeWithWebUrl\",\r\n    channelSettings = 'companySettings',\r\n    liveUpdate = 'liveUpdate',\r\n    platform = 'platform',\r\n    platformVersion = 'platformVersion',\r\n    token = 'token',\r\n    updateInProgress = 'updateInProgress',\r\n    randomDeviceId = 'randomDeviceId',\r\n    release = 'release',\r\n    patch = 'patch',\r\n};\r\n","import { SpxStorageKeyEnum } from './spx-storage-key.enum';\r\n\r\nexport class SpxStorage {\r\n    private static get channelId() {\r\n        return `${this.getSetting(SpxStorageKeyEnum.brand)?.toUpperCase()}_${this.getSetting(SpxStorageKeyEnum.channelType)?.toUpperCase()}`;\r\n    }\r\n\r\n    public static clearSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): void {\r\n        localStorage.removeItem(key as string);\r\n    }\r\n\r\n    public static getSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | null {\r\n        return localStorage.getItem(key as string);\r\n    }\r\n\r\n    public static setSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: string): void {\r\n        localStorage.setItem(key as string, settingValue);\r\n    }\r\n\r\n    public static getChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum): string | undefined {\r\n        let storageObj;\r\n        const storageObjStr = localStorage.getItem(SpxStorageKeyEnum.channelSettings);\r\n\r\n        if (storageObjStr) {\r\n            storageObj = JSON.parse(storageObjStr);\r\n            if (!storageObj[this.channelId]) {\r\n                return undefined;\r\n            }\r\n            return storageObj[this.channelId][key];\r\n        } else {\r\n            return undefined;\r\n        }\r\n    }\r\n\r\n    public static setChannelSetting<KeyEnum>(key: KeyEnum | SpxStorageKeyEnum, settingValue: any): void {\r\n        const companySettings = this.getSetting(SpxStorageKeyEnum.channelSettings);\r\n        let storageObj;\r\n\r\n        if (companySettings) {\r\n            storageObj = JSON.parse(companySettings);\r\n        } else {\r\n            storageObj = {};\r\n        }\r\n\r\n        if (!storageObj[this.channelId]) {\r\n            storageObj[this.channelId] = {};\r\n        }\r\n\r\n        storageObj[this.channelId][key] = settingValue;\r\n        this.setSetting(SpxStorageKeyEnum.channelSettings, JSON.stringify(storageObj));\r\n    }\r\n}\r\n\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/softpak-components-spx-welcome.mjs

@@ -0,0 +1,135 @@
+import * as i0 from '@angular/core';
+import { signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
+import { SpxFormButtonTypeEnum, SpxFormViewComponent } from '@softpak/components/spx-form-view';
+import { valuePairToValue, SpxSeverityEnum, unsubscribeSubscriptions } from '@softpak/components/spx-helpers';
+import { SpxInputTypeEnum } from '@softpak/components/spx-inputs';
+import { spxValidatorRequired } from '@softpak/components/spx-validation';
+import { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';
+import { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';
+import { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';
+import { TranslatePipe } from '@ngx-translate/core';
+import { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
+import { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';
+import * as i1 from '@ngrx/store';
+
+const spxSectionWelcome = 'welcome';
+const spxCtrlChannel = 'channel';
+const spxCtrlChannelType = 'channelType';
+class SpxWelcomeComponent {
+    constructor(store, formBuilder) {
+        this.store = store;
+        this.formBuilder = formBuilder;
+        this.channels = signal([]);
+        this.formGroup = signal(undefined);
+        this.suggestions = signal({
+            [spxCtrlChannelType]: [],
+            [spxCtrlChannel]: [],
+        });
+        this.textChannel = spxTextChannel;
+        this.textCompany = spxTextCompany;
+        this.textSelect = spxTextSelect;
+        this.textSelectYourCompany = spxTextSelectYourCompany;
+        this.formSection = computed(() => this.formGroup()?.get("welc"));
+        this.ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel));
+        this.ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType));
+        this.subscriptions = {};
+        this.form = signal({
+            buttons: [
+                {
+                    severity: SpxSeverityEnum.success,
+                    type: SpxFormButtonTypeEnum.submit,
+                    label: () => this.textSelect,
+                }
+            ],
+            sections: [
+                {
+                    key: spxSectionWelcome,
+                    showTitle: () => false,
+                    fields: [
+                        {
+                            key: spxCtrlChannel,
+                            type: () => SpxInputTypeEnum.radio,
+                            label: () => this.textCompany,
+                            validators: () => [spxValidatorRequired()],
+                        },
+                        {
+                            key: spxCtrlChannelType,
+                            type: () => SpxInputTypeEnum.radio,
+                            label: () => this.textChannel,
+                            capitalize: () => true,
+                            show: () => valuePairToValue(this.ctrlChannel().value),
+                            validators: () => [spxValidatorRequired()],
+                        },
+                    ]
+                }
+            ]
+        });
+        this.formGroup.set(this.formBuilder.group({
+            [spxSectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form().sections)
+        }));
+    }
+    ngOnDestroy() {
+        unsubscribeSubscriptions(this.subscriptions);
+    }
+    ngOnInit() {
+        let channels = [];
+        this.subscriptions.channels = this.store.select(spxChannelReducer.default.selectChannels).subscribe(channelsD => {
+            channels = channelsD;
+            this.channels.set(channels);
+            this.suggestions()[spxCtrlChannel] = channels.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));
+        });
+        this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {
+            const brandFound = channels.find(c => c.brand === valuePairToValue(valuePair));
+            this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({
+                description: channelType.name,
+                value: channelType.name
+            }));
+            this.ctrlChannelType().setValue({
+                value: SpxAppChannelTypeEnum.production,
+            });
+        });
+    }
+    onSubmit() {
+        const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel().value));
+        const channelType = valuePairToValue(this.ctrlChannelType().value);
+        if (!channel) {
+            this.store.dispatch(spxToasterActions.createWarning({
+                autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,
+                messageText: 'Please select a company',
+            }));
+        }
+        else {
+            this.store.dispatch(spxChannelActions.choose({
+                channel,
+                channelType,
+            }));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxWelcomeComponent, deps: [{ token: i1.Store }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: SpxWelcomeComponent, isStandalone: true, selector: "spx-welcome", ngImport: i0, template: "<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: SpxCapitalizePipe, name: "capitalize" }, { kind: "component", type: SpxFormViewComponent, selector: "spx-form-view", inputs: ["spxFormGroup", "spxForm", "spxSuggestions"], outputs: ["spxBlur", "spxClick", "spxSearch"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: SpxWelcomeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-welcome', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        SpxCapitalizePipe,
+                        SpxFormViewComponent,
+                        IonHeader,
+                        IonToolbar,
+                        IonTitle,
+                        IonButtons,
+                        IonContent,
+                        TranslatePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.FormBuilder }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpxWelcomeComponent, spxCtrlChannel, spxCtrlChannelType, spxSectionWelcome };
+//# sourceMappingURL=softpak-components-spx-welcome.mjs.map

package/fesm2022/softpak-components-spx-welcome.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"softpak-components-spx-welcome.mjs","sources":["../../../../projects/softpak/components/spx-welcome/spx-welcome.component.ts","../../../../projects/softpak/components/spx-welcome/spx-welcome.component.html","../../../../projects/softpak/components/spx-welcome/softpak-components-spx-welcome.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, signal, computed, ChangeDetectionStrategy } from '@angular/core';\r\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { Store } from '@ngrx/store';\r\nimport { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';\r\nimport { SpxFormButtonTypeEnum, SpxFormI, SpxFormViewComponent } from '@softpak/components/spx-form-view';\r\nimport { SpxSeverityEnum, unsubscribeSubscriptions, valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';\r\nimport { spxValidatorRequired } from '@softpak/components/spx-validation';\r\nimport { Subscription } from 'rxjs';\r\nimport { spxTextChannel, spxTextCompany, spxTextSelect, spxTextSelectYourCompany } from '@softpak/components/spx-translate';\r\nimport { IonHeader, IonToolbar, IonTitle, IonButtons, IonContent } from '@ionic/angular/standalone';\r\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\r\nimport { TranslatePipe } from '@ngx-translate/core';\r\nimport { spxToasterActions, SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';\r\nimport { spxChannelReducer, spxChannelActions } from '@softpak/components/spx-channel-selection';\r\n\r\nexport const spxSectionWelcome = 'welcome';\r\nexport const spxCtrlChannel = 'channel';\r\nexport const spxCtrlChannelType = 'channelType';\r\n\r\n@Component({\r\n  selector: 'spx-welcome',\r\n  templateUrl: './spx-welcome.component.html',\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    SpxCapitalizePipe,\r\n    SpxFormViewComponent,\r\n    IonHeader,\r\n    IonToolbar,\r\n    IonTitle,\r\n    IonButtons,\r\n    IonContent,\r\n    TranslatePipe,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class SpxWelcomeComponent implements OnInit, OnDestroy {\r\n  private readonly channels = signal<SpxAppChannelI[]>([]);\r\n  protected readonly formGroup = signal<FormGroup | undefined>(undefined);\r\n  protected readonly suggestions = signal<{\r\n  [spxCtrlChannelType]?: SpxValuePair<string>[];\r\n  [spxCtrlChannel]?: SpxValuePair<string>[];\r\n}>({\r\n    [spxCtrlChannelType]: [],\r\n    [spxCtrlChannel]: [],\r\n  });\r\n\r\n  textChannel = spxTextChannel;\r\n  textCompany = spxTextCompany;\r\n  textSelect = spxTextSelect;\r\n  textSelectYourCompany = spxTextSelectYourCompany;\r\n\r\n  protected readonly formSection = computed(() => this.formGroup()?.get(\"welc\") as FormGroup);\r\n  private readonly ctrlChannel = computed(() => this.formSection()?.get(spxCtrlChannel) as FormControl);\r\n  private readonly ctrlChannelType = computed(() => this.formSection()?.get(spxCtrlChannelType) as FormControl);\r\n  private subscriptions: {\r\n    channel?: Subscription;\r\n    channels?: Subscription;\r\n  } = {};\r\n\r\n  protected readonly form = signal<SpxFormI>({\r\n    buttons: [\r\n      {\r\n        severity: SpxSeverityEnum.success,\r\n        type: SpxFormButtonTypeEnum.submit,\r\n        label: () => this.textSelect,\r\n      }\r\n    ],\r\n    sections: [\r\n      {\r\n        key: spxSectionWelcome,\r\n        showTitle: () => false,\r\n        fields: [\r\n          {\r\n            key: spxCtrlChannel,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textCompany,\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n          {\r\n            key: spxCtrlChannelType,\r\n            type: () => SpxInputTypeEnum.radio,\r\n            label: () => this.textChannel,\r\n            capitalize: () => true,\r\n            show: () => valuePairToValue(this.ctrlChannel().value),\r\n            validators: () => [spxValidatorRequired()],\r\n          },\r\n        ]\r\n      }\r\n    ]\r\n  });\r\n\r\n  constructor(\r\n    private readonly store: Store,\r\n    private readonly formBuilder: FormBuilder\r\n  ) {\r\n    this.formGroup.set(this.formBuilder.group({\r\n      [spxSectionWelcome]: SpxFormViewComponent.createForm(this.formBuilder, this.form().sections)\r\n    }));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    unsubscribeSubscriptions(this.subscriptions);\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    let channels: SpxAppChannelI[] = [];\r\n\r\n    this.subscriptions.channels = this.store.select(spxChannelReducer.default.selectChannels).subscribe(channelsD => {\r\n      channels = channelsD;\r\n      this.channels.set(channels);\r\n      this.suggestions()[spxCtrlChannel] = channels.filter(channel => channel.channelTypes.map(type => type.name).includes(SpxAppChannelTypeEnum.production)).map(c => ({ description: c.brand, value: c.brand }));\r\n    });\r\n\r\n    this.subscriptions.channel = this.ctrlChannel().valueChanges.subscribe(valuePair => {\r\n      const brandFound = channels.find(c => c.brand === valuePairToValue(valuePair));\r\n      this.suggestions()[spxCtrlChannelType] = !brandFound ? [] : brandFound?.channelTypes?.map(channelType => ({\r\n        description: channelType.name,\r\n        value: channelType.name\r\n      }));\r\n      this.ctrlChannelType().setValue({\r\n        value: SpxAppChannelTypeEnum.production,\r\n      });\r\n    });\r\n  }\r\n\r\n  protected onSubmit(): void {\r\n    const channel = this.channels().find(c => c.brand === valuePairToValue(this.ctrlChannel().value))!;\r\n    const channelType = valuePairToValue(this.ctrlChannelType().value);\r\n\r\n    if (!channel) {\r\n      this.store.dispatch(spxToasterActions.createWarning({\r\n        autoClose: SpxToasterAutoCloseSpeedEnum.DEFAULT,\r\n        messageText: 'Please select a company',\r\n      }))\r\n    } else {\r\n      this.store.dispatch(spxChannelActions.choose({\r\n        channel,\r\n        channelType,\r\n      }));\r\n    }\r\n  }\r\n}\r\n","<ion-header>\r\n  <ion-toolbar>\r\n    <ion-title>\r\n      {{ textSelectYourCompany | translate | capitalize }}\r\n    </ion-title>\r\n    <ion-buttons slot=\"end\">\r\n    </ion-buttons>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<ion-content class=\"ion-padding\">\r\n  <form [formGroup]=\"formGroup()!\" class=\"max-w-lg mx-auto flex flex-col gap-3\" (ngSubmit)=\"onSubmit()\">\r\n    <spx-form-view\r\n      [spxForm]=\"form()\"\r\n      [spxFormGroup]=\"formSection()\"\r\n      [spxSuggestions]=\"suggestions()\">\r\n    </spx-form-view>\r\n  </form>\r\n</ion-content>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "20.0.2",
+  "version": "20.2.0",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x || 20.x.x",
@@ -10,8 +10,8 @@
     "@capacitor/live-updates": "0.3.x || 0.4.x",
     "@fortawesome/free-solid-svg-icons": "6.x.x",
     "@ionic/angular": "8.x.x",
-    "@ngrx/effects": "19.x.x",
-    "@ngrx/store": "19.x.x",
+    "@ngrx/effects": "19.x.x || 20.x.x",
+    "@ngrx/store": "19.x.x || 20.x.x",
     "@ngx-translate/core": "16.x.x",
     "@sentry/angular": "9.x.x"
   },
@@ -32,22 +32,22 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.mjs"
     },
-    "./spx-404-page": {
-      "types": "./spx-404-page/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-404-page.mjs"
-    },
-    "./spx-app-configuration": {
-      "types": "./spx-app-configuration/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
-    },
     "./spx-alert": {
       "types": "./spx-alert/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
+    "./spx-404-page": {
+      "types": "./spx-404-page/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-404-page.mjs"
+    },
     "./spx-app-expiry": {
       "types": "./spx-app-expiry/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
     },
+    "./spx-app-configuration": {
+      "types": "./spx-app-configuration/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
+    },
     "./spx-button": {
       "types": "./spx-button/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-button.mjs"
@@ -84,22 +84,18 @@
       "types": "./spx-form-view/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-view.mjs"
     },
-    "./spx-helpers": {
-      "types": "./spx-helpers/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-helpers.mjs"
-    },
     "./spx-inputs": {
       "types": "./spx-inputs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-inputs.mjs"
     },
+    "./spx-helpers": {
+      "types": "./spx-helpers/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-helpers.mjs"
+    },
     "./spx-navigation": {
       "types": "./spx-navigation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
-    "./spx-number-check": {
-      "types": "./spx-number-check/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
-    },
     "./spx-pagination": {
       "types": "./spx-pagination/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pagination.mjs"
@@ -108,17 +104,17 @@
       "types": "./spx-pipes/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pipes.mjs"
     },
-    "./spx-patch": {
-      "types": "./spx-patch/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-patch.mjs"
+    "./spx-progress-bar": {
+      "types": "./spx-progress-bar/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
     "./spx-spinner": {
       "types": "./spx-spinner/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
-    "./spx-progress-bar": {
-      "types": "./spx-progress-bar/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
+    "./spx-storage": {
+      "types": "./spx-storage/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-storage.mjs"
     },
     "./spx-suggestion": {
       "types": "./spx-suggestion/index.d.ts",
@@ -128,10 +124,6 @@
       "types": "./spx-tabs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-tabs.mjs"
     },
-    "./spx-stock-info": {
-      "types": "./spx-stock-info/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
-    },
     "./spx-toaster": {
       "types": "./spx-toaster/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-toaster.mjs"
@@ -140,25 +132,37 @@
       "types": "./spx-toggle/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-toggle.mjs"
     },
-    "./spx-storage": {
-      "types": "./spx-storage/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-storage.mjs"
+    "./spx-translate": {
+      "types": "./spx-translate/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-translate.mjs"
     },
     "./spx-update": {
       "types": "./spx-update/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
-    "./spx-validation-messages": {
-      "types": "./spx-validation-messages/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
+    "./spx-number-check": {
+      "types": "./spx-number-check/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
     },
-    "./spx-translate": {
-      "types": "./spx-translate/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-translate.mjs"
+    "./spx-stock-info": {
+      "types": "./spx-stock-info/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-stock-info.mjs"
+    },
+    "./spx-patch": {
+      "types": "./spx-patch/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-patch.mjs"
     },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"
+    },
+    "./spx-validation-messages": {
+      "types": "./spx-validation-messages/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-validation-messages.mjs"
+    },
+    "./spx-welcome": {
+      "types": "./spx-welcome/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-welcome.mjs"
     }
   }
 }

package/spx-app-configuration/index.d.ts

@@ -22,12 +22,17 @@ declare enum SpxAppChannelTypeEnum {
     development = "Development"
 }
 
+interface SpxChannelTypeI {
+    name: SpxAppChannelTypeEnum;
+    webUrl?: string;
+}
+
 interface SpxAppChannelI {
     backendCompanyCode: string;
     brand: string;
     catalogFileName: string;
     catalogPrefix: string;
-    channelTypes: SpxAppChannelTypeEnum[];
+    channelTypes: SpxChannelTypeI[];
     default?: boolean;
     serviceURI: string;
 }
@@ -63,4 +68,4 @@ interface SpxAppConfigI {
 }
 
 export { SpxAppChannelTypeEnum, SpxAppIdEnum, SpxAppLangEnum };
-export type { SpxAppAlertI, SpxAppBundleSetI, SpxAppChannelI, SpxAppConfigI };
+export type { SpxAppAlertI, SpxAppBundleSetI, SpxAppChannelI, SpxAppConfigI, SpxChannelTypeI };

package/spx-channel-selection/index.d.ts

@@ -1,83 +1,38 @@
-import { Router } from '@angular/router';
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy } from '@angular/core';
-import * as rxjs from 'rxjs';
 import * as _softpak_components_spx_app_configuration from '@softpak/components/spx-app-configuration';
-import { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
+import { SpxAppChannelI, SpxChannelTypeI } from '@softpak/components/spx-app-configuration';
 import * as _ngrx_store from '@ngrx/store';
-import { Store } from '@ngrx/store';
-import { NavController } from '@ionic/angular';
-import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
-import { SpxFormI } from '@softpak/components/spx-form-view';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
 import * as _ngrx_effects from '@ngrx/effects';
 import { Actions as Actions$1 } from '@ngrx/effects';
+import * as rxjs from 'rxjs';
+import { Router } from '@angular/router';
 import { SpxToasterAutoCloseSpeedEnum } from '@softpak/components/spx-toaster';
 
 declare class SpxChannelGuard {
-    router: Router;
-    constructor(router: Router);
+    private readonly router;
     canActivate(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChannelGuard, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SpxChannelGuard>;
 }
 
+declare const spxChannelSelectionUrl = "wlc";
 declare class SpxChannelIndicatorComponent {
-    private navController;
-    private store;
-    channel: rxjs.Observable<_softpak_components_spx_app_configuration.SpxAppChannelI | null>;
-    channelType: rxjs.Observable<_softpak_components_spx_app_configuration.SpxAppChannelTypeEnum | null>;
-    spxTextChange: string;
-    constructor(navController: NavController, store: Store);
-    onChange(): void;
+    private readonly navController;
+    private readonly store;
+    protected readonly channel: i0.Signal<_softpak_components_spx_app_configuration.SpxAppChannelI | null | undefined>;
+    protected readonly channelType: i0.Signal<_softpak_components_spx_app_configuration.SpxAppChannelTypeEnum | undefined>;
+    protected readonly spxTextChange = "spxTextChange";
+    protected onChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChannelIndicatorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxChannelIndicatorComponent, "spx-channel-indicator", never, {}, {}, never, never, true, never>;
 }
 
-declare const spxCectionWelcome = "welcome";
-declare const spxCtrlChannel = "channel";
-declare const spxCtrlChannelType = "channelType";
-interface SpxWelcomeValueI {
-    [spxCtrlChannel]?: SpxAppChannelI;
-    [spxCtrlChannelType]: SpxAppChannelTypeEnum;
-}
-declare class SpxWelcomeComponent implements OnInit, OnDestroy {
-    private readonly appStore;
-    readonly formBuilder: FormBuilder;
-    channels: i0.WritableSignal<SpxAppChannelI[]>;
-    filteredCompanies: i0.Signal<{
-        description: string;
-        value: string;
-    }[]>;
-    channelTypes: SpxAppChannelTypeEnum[];
-    formGroup: FormGroup;
-    textChannel: string;
-    textCompany: string;
-    textSelect: string;
-    textSelectYourCompany: string;
-    suggestions: {
-        [spxCtrlChannelType]?: SpxValuePair<string>[];
-        [spxCtrlChannel]?: SpxValuePair<string>[];
-    };
-    get formSection(): FormGroup;
-    get ctrlChannel(): FormControl;
-    get ctrlChannelType(): FormControl;
-    private subscriptions;
-    form: SpxFormI;
-    constructor(appStore: Store, formBuilder: FormBuilder);
-    ngOnDestroy(): void;
-    ngOnInit(): void;
-    onSubmit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpxWelcomeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxWelcomeComponent, "spx-welcome", never, {}, {}, never, never, true, never>;
-}
-
 declare const choose: _ngrx_store.ActionCreator<"[SPX / Channel] Select", (props: {
     channel: SpxAppChannelI;
-    channelType: SpxAppChannelTypeEnum;
+    channelType: SpxChannelTypeI;
 }) => {
     channel: SpxAppChannelI;
-    channelType: SpxAppChannelTypeEnum;
+    channelType: SpxChannelTypeI;
 } & _ngrx_store.Action<"[SPX / Channel] Select">>;
 declare const initialize: _ngrx_store.ActionCreator<"[SPX / Channel] Initialize", (props: {
     channels: SpxAppChannelI[];
@@ -86,7 +41,7 @@ declare const initialize: _ngrx_store.ActionCreator<"[SPX / Channel] Initialize"
 } & _ngrx_store.Action<"[SPX / Channel] Initialize">>;
 declare const all: ({
     channel: SpxAppChannelI;
-    channelType: SpxAppChannelTypeEnum;
+    channelType: SpxChannelTypeI;
 } & _ngrx_store.Action<"[SPX / Channel] Select">) | ({
     channels: SpxAppChannelI[];
 } & _ngrx_store.Action<"[SPX / Channel] Initialize">);
@@ -122,42 +77,28 @@ declare namespace spxChannel_effects_d {
   };
 }
 
+declare const initialState: StateI;
 interface StateI {
     previousChannel: SpxAppChannelI | null;
     channel: SpxAppChannelI | null;
     channels: SpxAppChannelI[];
-    channelType: SpxAppChannelTypeEnum | null;
-}
-
-type spxChannel_state_d_StateI = StateI;
-declare namespace spxChannel_state_d {
-  export type { spxChannel_state_d_StateI as StateI };
-}
-
-declare const initialState: StateI;
-
-declare const spxChannel_initial_d_initialState: typeof initialState;
-declare namespace spxChannel_initial_d {
-  export {
-    spxChannel_initial_d_initialState as initialState,
-  };
+    channelType: SpxChannelTypeI | null;
 }
-
 declare const _default: {
     name: "spxChannel";
     reducer: _ngrx_store.ActionReducer<StateI, _ngrx_store.Action<string>>;
     selectSpxChannelState: _ngrx_store.MemoizedSelector<Record<string, any>, StateI, (featureState: StateI) => StateI>;
     selectChannel: _ngrx_store.MemoizedSelector<Record<string, any>, SpxAppChannelI | null, (featureState: StateI) => SpxAppChannelI | null>;
-    selectChannelType: _ngrx_store.MemoizedSelector<Record<string, any>, SpxAppChannelTypeEnum | null, (featureState: StateI) => SpxAppChannelTypeEnum | null>;
+    selectChannelType: _ngrx_store.MemoizedSelector<Record<string, any>, SpxChannelTypeI | null, (featureState: StateI) => SpxChannelTypeI | null>;
     selectChannels: _ngrx_store.MemoizedSelector<Record<string, any>, SpxAppChannelI[], (featureState: StateI) => SpxAppChannelI[]>;
     selectPreviousChannel: _ngrx_store.MemoizedSelector<Record<string, any>, SpxAppChannelI | null, (featureState: StateI) => SpxAppChannelI | null>;
 };
 
+type spxChannel_reducer_d_StateI = StateI;
+declare const spxChannel_reducer_d_initialState: typeof initialState;
 declare namespace spxChannel_reducer_d {
-  export {
-    _default as default,
-  };
+  export { _default as default, spxChannel_reducer_d_initialState as initialState };
+  export type { spxChannel_reducer_d_StateI as StateI };
 }
 
-export { SpxChannelGuard, SpxChannelIndicatorComponent, SpxWelcomeComponent, spxCectionWelcome, spxChannel_actions_d as spxChannelActions, spxChannel_effects_d as spxChannelEffects, spxChannel_initial_d as spxChannelInitial, spxChannel_reducer_d as spxChannelReducer, spxChannel_state_d as spxChannelState, spxCtrlChannel, spxCtrlChannelType };
-export type { SpxWelcomeValueI };
+export { SpxChannelGuard, SpxChannelIndicatorComponent, spxChannel_actions_d as spxChannelActions, spxChannel_effects_d as spxChannelEffects, spxChannel_reducer_d as spxChannelReducer, spxChannelSelectionUrl };

package/spx-storage/index.d.ts

@@ -3,6 +3,7 @@ declare enum SpxStorageKeyEnum {
     brand = "brand",
     bundleVersion = "bundleVersion",
     channelType = "channelType",
+    channelTypeWithWebUrl = "channelTypeWithWebUrl",
     channelSettings = "companySettings",
     liveUpdate = "liveUpdate",
     platform = "platform",

package/spx-welcome/index.d.ts

@@ -0,0 +1,37 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { FormGroup, FormBuilder } from '@angular/forms';
+import { Store } from '@ngrx/store';
+import { SpxFormI } from '@softpak/components/spx-form-view';
+import { SpxValuePair } from '@softpak/components/spx-inputs';
+
+declare const spxSectionWelcome = "welcome";
+declare const spxCtrlChannel = "channel";
+declare const spxCtrlChannelType = "channelType";
+declare class SpxWelcomeComponent implements OnInit, OnDestroy {
+    private readonly store;
+    private readonly formBuilder;
+    private readonly channels;
+    protected readonly formGroup: _angular_core.WritableSignal<FormGroup<any> | undefined>;
+    protected readonly suggestions: _angular_core.WritableSignal<{
+        channelType?: SpxValuePair<string>[];
+        channel?: SpxValuePair<string>[];
+    }>;
+    textChannel: string;
+    textCompany: string;
+    textSelect: string;
+    textSelectYourCompany: string;
+    protected readonly formSection: _angular_core.Signal<FormGroup<any>>;
+    private readonly ctrlChannel;
+    private readonly ctrlChannelType;
+    private subscriptions;
+    protected readonly form: _angular_core.WritableSignal<SpxFormI>;
+    constructor(store: Store, formBuilder: FormBuilder);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    protected onSubmit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpxWelcomeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpxWelcomeComponent, "spx-welcome", never, {}, {}, never, never, true, never>;
+}
+
+export { SpxWelcomeComponent, spxCtrlChannel, spxCtrlChannelType, spxSectionWelcome };