@transcommerce/cwm-shared 1.1.17 → 1.1.20

package/fesm2022/transcommerce-cwm-shared.mjs

@@ -1,15 +1,117 @@
-import { InteractionType, PublicClientApplication } from '@azure/msal-browser';
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, NgModule } from '@angular/core';
-import * as i2 from '@angular/common/http';
-import { HttpResponseBase, HttpResponse, HttpErrorResponse, HttpHeaders, HttpStatusCode, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { Subject, firstValueFrom } from 'rxjs';
+import { Component, Injectable, Pipe, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { InteractionType, PublicClientApplication } from '@azure/msal-browser';
+import * as i2$1 from '@angular/common/http';
+import { HttpResponseBase, HttpResponse, HttpErrorResponse, HttpHeaders, HttpStatusCode } from '@angular/common/http';
+import { CommonModule } from '@angular/common';
+export * from '@angular/common';
+import { MsalModule } from '@azure/msal-angular';
+export * from '@azure/msal-angular';
+import * as i1$1 from '@angular/platform-browser';
+import { BrowserModule } from '@angular/platform-browser';
 import { AppConfigurationClient } from '@azure/app-configuration';
+import { firstValueFrom, Subject } from 'rxjs';
 import { keys, countBy } from 'lodash';
-import * as i1 from '@angular/platform-browser';
-import { BrowserModule } from '@angular/platform-browser';
-import { CommonModule } from '@angular/common';
-import { MsalModule, MsalService, MSAL_INSTANCE, MSAL_INTERCEPTOR_CONFIG, MsalInterceptor } from '@azure/msal-angular';
+
+class ExternalNavigationComponent {
+    router;
+    route = "";
+    constructor(router) {
+        this.router = router;
+    }
+    ngAfterViewInit() {
+        document.getElementById("txtRoute")?.focus();
+    }
+    navigateToRoute() {
+        const route = this.route.trim();
+        const router = this.router;
+        setTimeout(() => { router.navigate([route]).then(); }, 1000);
+    }
+    navigate() {
+        this.router.navigate([this.route], { skipLocationChange: true }).then();
+    }
+    navigateByUrl() {
+        this.router.navigateByUrl(this.route, { skipLocationChange: true }).then();
+    }
+    navigateToExternalUrl() {
+        window.open(this.route, '_blank');
+    }
+    navigateToExternalHref() {
+        window.location.href = this.route;
+    }
+    onKeyPress($event) {
+        if ($event.key == 'Enter') {
+            this.navigateToExternalUrl();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ExternalNavigationComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ExternalNavigationComponent, isStandalone: false, selector: "cwm-external-navigation", ngImport: i0, template: `<div class="container">
+    <h3>Enter the destination route, URL, or Href you want and press the button that uses the navigation method of your choosing:</h3>
+    <input id="txtRoute" type="text" [(ngModel)]="route" placeholder="Enter the destination route, URL, or Href..."
+           (keydown)="onKeyPress($event)"/>
+    <button (click)="navigateToRoute()">Navigate to route</button>
+    <button (click)="navigate()">Navigate</button>
+    <button (click)="navigateByUrl()">Navigate by URL</button>
+    <button (click)="navigateToExternalUrl()">Navigate to external URL</button>
+    <button (click)="navigateToExternalHref()">Navigate to external Href</button>
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ExternalNavigationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cwm-external-navigation',
+                    standalone: false,
+                    template: `<div class="container">
+    <h3>Enter the destination route, URL, or Href you want and press the button that uses the navigation method of your choosing:</h3>
+    <input id="txtRoute" type="text" [(ngModel)]="route" placeholder="Enter the destination route, URL, or Href..."
+           (keydown)="onKeyPress($event)"/>
+    <button (click)="navigateToRoute()">Navigate to route</button>
+    <button (click)="navigate()">Navigate</button>
+    <button (click)="navigateByUrl()">Navigate by URL</button>
+    <button (click)="navigateToExternalUrl()">Navigate to external URL</button>
+    <button (click)="navigateToExternalHref()">Navigate to external Href</button>
+  </div>`
+                }]
+        }], ctorParameters: () => [{ type: i1.Router }] });
+
+class NavigateToRouteComponent {
+    router;
+    route = '';
+    constructor(router) {
+        this.router = router;
+    }
+    ngAfterViewInit() {
+        document.getElementById("txtRoute")?.focus();
+    }
+    navigateToRoute() {
+        const route = this.route.trim();
+        const router = this.router;
+        setTimeout(() => { router.navigate([route]); }, 1000);
+    }
+    onKeyPress($event) {
+        if ($event.key == 'Enter') {
+            this.navigateToRoute();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavigateToRouteComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: NavigateToRouteComponent, isStandalone: false, selector: "cwm-navigate-to-route", ngImport: i0, template: "<div class=\"container\">\n    <h2>Enter the route you want to navigate to:</h2>\n    <input id=\"txtRoute\" type=\"text\" [(ngModel)]=\"route\" placeholder=\"Enter Route...\"\n           (keydown)=\"onKeyPress($event)\"/>\n    <button (click)=\"navigateToRoute()\">Navigate</button>\n</div>\n``\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NavigateToRouteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cwm-navigate-to-route', standalone: false, template: "<div class=\"container\">\n    <h2>Enter the route you want to navigate to:</h2>\n    <input id=\"txtRoute\" type=\"text\" [(ngModel)]=\"route\" placeholder=\"Enter Route...\"\n           (keydown)=\"onKeyPress($event)\"/>\n    <button (click)=\"navigateToRoute()\">Navigate</button>\n</div>\n``\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }] });
+
+class PageNotFoundComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: PageNotFoundComponent, isStandalone: false, selector: "cwm-page-not-found", ngImport: i0, template: "<p>\n  Page Not Found\n</p>\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cwm-page-not-found', standalone: false, template: "<p>\n  Page Not Found\n</p>\n" }]
+        }] });
 
 function MSALGuardConfigFactory() {
     return {
@@ -949,572 +1051,184 @@ class Product {
     }
 }
 
-/**
-* Provides a wrapper for accessing the web storage API and synchronizing session storage across tabs/windows.
-*/
-class LocalStorageService {
-    static syncListenerInitialized = false;
-    syncKeys = [];
-    initEvent = new Subject();
-    reservedKeys = [
-        'sync_keys',
-        'addToSyncKeys',
-        'removeFromSyncKeys',
-        'getSessionStorage',
-        'setSessionStorage',
-        'addToSessionStorage',
-        'removeFromSessionStorage',
-        'clearAllSessionsStorage'
-    ];
-    InitializeStorageSyncListener() {
-        if (LocalStorageService.syncListenerInitialized == true) {
-            return;
-        }
-        LocalStorageService.syncListenerInitialized = true;
-        window.addEventListener('storage', this.sessionStorageTransferHandler, false);
-        this.syncSessionStorage();
-    }
-    deInitializeStorageSyncListener() {
-        window.removeEventListener('storage', this.sessionStorageTransferHandler, false);
-        LocalStorageService.syncListenerInitialized = false;
-    }
-    clearAllStorage() {
-        this.clearAllSessionsStorage();
-        this.clearLocalStorage();
-    }
-    clearAllSessionsStorage() {
-        this.clearInstanceSessionStorage();
-        localStorage.removeItem(DbKeys.SYNC_KEYS);
-        localStorage.setItem('clearAllSessionsStorage', '_dummy');
-        localStorage.removeItem('clearAllSessionsStorage');
-    }
-    clearInstanceSessionStorage() {
-        sessionStorage.clear();
-        this.syncKeys = [];
-    }
-    clearLocalStorage() {
-        localStorage.clear();
-    }
-    saveSessionData(data, key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        this.removeFromSyncKeys(key);
-        localStorage.removeItem(key);
-        this.sessionStorageSetItem(key, data);
-    }
-    saveSyncedSessionData(data, key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        localStorage.removeItem(key);
-        this.addToSessionStorage(data, key);
-    }
-    savePermanentData(data, key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        this.removeFromSessionStorage(key);
-        this.localStorageSetItem(key, data);
-    }
-    moveDataToSessionStorage(key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        const data = this.getData(key);
-        if (data == null) {
-            return;
-        }
-        this.saveSessionData(data, key);
-    }
-    moveDataToSyncedSessionStorage(key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        const data = this.getData(key);
-        if (data == null) {
-            return;
-        }
-        this.saveSyncedSessionData(data, key);
-    }
-    moveDataToPermanentStorage(key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        const data = this.getData(key);
-        if (data == null) {
-            return;
-        }
-        this.savePermanentData(data, key);
-    }
-    exists(key = DbKeys.USER_DATA) {
-        let data = sessionStorage.getItem(key);
-        if (data == null) {
-            data = localStorage.getItem(key);
-        }
-        return data != null;
-    }
-    getData(key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        let data = this.sessionStorageGetItem(key);
-        if (data == '') {
-            data = this.localStorageGetItem(key);
-        }
-        return data;
-    }
-    getDataObject(key = DbKeys.USER_DATA, isDateType = false) {
-        let data = this.getData(key);
-        if (data != null) {
-            if (isDateType) {
-                data = new Date(data);
-            }
-            return data;
-        }
-        else {
-            return data;
-        }
-    }
-    deleteData(key = DbKeys.USER_DATA) {
-        this.testForInvalidKeys(key);
-        this.removeFromSessionStorage(key);
-        localStorage.removeItem(key);
+class SafeHtmlPipe {
+    sanitizer;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
     }
-    getInitEvent() {
-        return this.initEvent.asObservable();
+    transform(value) {
+        return this.sanitizer.bypassSecurityTrustHtml(value);
     }
-    sessionStorageTransferHandler = (event) => {
-        if (!event.newValue) {
-            return;
-        }
-        if (event.key == 'getSessionStorage') {
-            if (sessionStorage.length) {
-                this.localStorageSetItem('setSessionStorage', sessionStorage);
-                localStorage.removeItem('setSessionStorage');
-            }
-        }
-        else if (event.key == 'setSessionStorage') {
-            if (!this.syncKeys.length) {
-                this.loadSyncKeys();
-            }
-            const data = JSON.parse(event.newValue);
-            // console.info("Set => Key: Transfer setSessionStorage" + ",  data: " + JSON.stringify(data));
-            for (const key in data) {
-                if (this.syncKeysContains(key)) {
-                    this.sessionStorageSetItem(key, JSON.parse(data[key]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, isStandalone: false, name: "safeHtml" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
+
+class CwmSharedModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, declarations: [ExternalNavigationComponent,
+            NavigateToRouteComponent,
+            PageNotFoundComponent,
+            SafeHtmlPipe], imports: [CommonModule,
+            MsalModule,
+            BrowserModule,
+            FormsModule], exports: [CommonModule,
+            MsalModule,
+            ExternalNavigationComponent,
+            NavigateToRouteComponent,
+            PageNotFoundComponent,
+            SafeHtmlPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, imports: [CommonModule,
+            MsalModule,
+            BrowserModule,
+            FormsModule, CommonModule,
+            MsalModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ExternalNavigationComponent,
+                        NavigateToRouteComponent,
+                        PageNotFoundComponent,
+                        SafeHtmlPipe
+                    ],
+                    imports: [
+                        CommonModule,
+                        MsalModule,
+                        BrowserModule,
+                        FormsModule
+                    ],
+                    exports: [
+                        CommonModule,
+                        MsalModule,
+                        ExternalNavigationComponent,
+                        NavigateToRouteComponent,
+                        PageNotFoundComponent,
+                        SafeHtmlPipe
+                    ]
+                }]
+        }] });
+
+const MockInventoryApiResponse = {
+    "status": 200,
+    "data": [
+        {
+            "brand": "Portland Cannabis Market",
+            "cannabinoidInformation": [
+                {
+                    "lowerRange": 0,
+                    "name": "cbd",
+                    "unitOfMeasure": "%",
+                    "unitOfMeasureToGramsMultiplier": null,
+                    "upperRange": 0
+                },
+                {
+                    "lowerRange": 25.25,
+                    "name": "thc",
+                    "unitOfMeasure": "%",
+                    "unitOfMeasureToGramsMultiplier": null,
+                    "upperRange": 25.25
                 }
-            }
-            this.onInit();
-        }
-        else if (event.key == 'addToSessionStorage') {
-            const data = JSON.parse(event.newValue);
-            // console.warn("Set => Key: Transfer addToSessionStorage" + ",  data: " + JSON.stringify(data));
-            this.addToSessionStorageHelper(data.data, data.key);
-        }
-        else if (event.key == 'removeFromSessionStorage') {
-            this.removeFromSessionStorageHelper(event.newValue);
-        }
-        else if (event.key == 'clearAllSessionsStorage' && sessionStorage.length) {
-            this.clearInstanceSessionStorage();
-        }
-        else if (event.key == 'addToSyncKeys') {
-            this.addToSyncKeysHelper(event.newValue);
-        }
-        else if (event.key == 'removeFromSyncKeys') {
-            this.removeFromSyncKeysHelper(event.newValue);
-        }
-    };
-    syncSessionStorage() {
-        localStorage.setItem('getSessionStorage', '_dummy');
-        localStorage.removeItem('getSessionStorage');
-    }
-    addToSessionStorage(data, key) {
-        this.addToSessionStorageHelper(data, key);
-        this.addToSyncKeysBackup(key);
-        this.localStorageSetItem('addToSessionStorage', { key, data });
-        localStorage.removeItem('addToSessionStorage');
-    }
-    addToSessionStorageHelper(data, key) {
-        this.addToSyncKeysHelper(key);
-        this.sessionStorageSetItem(key, data);
-    }
-    removeFromSessionStorage(keyToRemove) {
-        this.removeFromSessionStorageHelper(keyToRemove);
-        this.removeFromSyncKeysBackup(keyToRemove);
-        localStorage.setItem('removeFromSessionStorage', keyToRemove);
-        localStorage.removeItem('removeFromSessionStorage');
-    }
-    removeFromSessionStorageHelper(keyToRemove) {
-        sessionStorage.removeItem(keyToRemove);
-        this.removeFromSyncKeysHelper(keyToRemove);
-    }
-    testForInvalidKeys(key) {
-        if (!key) {
-            throw new Error('key cannot be empty');
-        }
-        if (this.reservedKeys.some(x => x == key)) {
-            throw new Error(`The storage key "${key}" is reserved and cannot be used. Please use a different key`);
-        }
-    }
-    syncKeysContains(key) {
-        if (Array.isArray(this.syncKeys))
-            return this.syncKeys.some(x => x == key);
-        else
-            return false;
-    }
-    loadSyncKeys() {
-        if (this.syncKeys.length) {
-            return;
-        }
-        this.syncKeys = this.getSyncKeysFromStorage();
-    }
-    getSyncKeysFromStorage(defaultValue = []) {
-        const data = this.localStorageGetItem(DbKeys.SYNC_KEYS);
-        if (data == null) {
-            return defaultValue;
-        }
-        else {
-            return data;
-        }
-    }
-    addToSyncKeys(key) {
-        this.addToSyncKeysHelper(key);
-        this.addToSyncKeysBackup(key);
-        localStorage.setItem('addToSyncKeys', key);
-        localStorage.removeItem('addToSyncKeys');
-    }
-    addToSyncKeysBackup(key) {
-        const storedSyncKeys = this.getSyncKeysFromStorage();
-        if (!storedSyncKeys.some(x => x == key)) {
-            storedSyncKeys.push(key);
-            this.localStorageSetItem(DbKeys.SYNC_KEYS, storedSyncKeys);
-        }
-    }
-    removeFromSyncKeysBackup(key) {
-        const storedSyncKeys = this.getSyncKeysFromStorage();
-        const index = storedSyncKeys.indexOf(key);
-        if (index > -1) {
-            storedSyncKeys.splice(index, 1);
-            this.localStorageSetItem(DbKeys.SYNC_KEYS, storedSyncKeys);
-        }
-    }
-    addToSyncKeysHelper(key) {
-        if (!this.syncKeysContains(key)) {
-            this.syncKeys.push(key);
-        }
-    }
-    removeFromSyncKeys(key) {
-        this.removeFromSyncKeysHelper(key);
-        this.removeFromSyncKeysBackup(key);
-        localStorage.setItem('removeFromSyncKeys', key);
-        localStorage.removeItem('removeFromSyncKeys');
-    }
-    removeFromSyncKeysHelper(key) {
-        const index = this.syncKeys.indexOf(key);
-        if (index > -1) {
-            this.syncKeys.splice(index, 1);
-        }
-    }
-    localStorageSetItem(key, data) {
-        localStorage.setItem(key, JSON.stringify(data));
-    }
-    sessionStorageSetItem(key, data) {
-        sessionStorage.setItem(key, JSON.stringify(data));
-    }
-    localStorageGetItem(key) {
-        return Utilities.JsonTryParse(localStorage.getItem(key) ?? '');
-    }
-    sessionStorageGetItem(key) {
-        return Utilities.JsonTryParse(sessionStorage.getItem(key) ?? '');
-    }
-    onInit() {
-        setTimeout(() => {
-            //this.initEvent.next();
-            this.initEvent.complete();
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-const MockConfig = {
-    "authConfig": {
-        "logLevel": "Info",
-        "configConnectString": "Endpoint=https://cheap-weed-menus-appconfig.azconfig.io;Id=tyjA;Secret=1FgL95lHkXViZX4Qf2GcRqn26mhTYDVYany8ToXpTnO68AzrdUUEJQQJ99AHAC8vTInIcYexAAACAZACsteF",
-        "clientId": "af1486e0-a27f-4c8d-8503-0752d90ce72d",
-        "tenantId": "445012c4-563a-4795-84d0-f7473a3197e0",
-        "authority": "https://login.microsoft.com/445012c4-563a-4795-84d0-f7473a3197e0",
-        "scopes": "openid,email,profile",
-        "menu_uri": "http://localhost:4200/",
-        "redirect_uri": "https://www.cheapweedmenu.com",
-        "logout_redirect_uri": "https://www.cheapweedmenu.com",
-        "prompt": "login"
-    },
-    "apiConfig": {
-        "apiBaseUrl": "https://cheap-weed-menus-webapi.azurewebsites.net",
-        "addCustomerApiRoute": "/AddCustomer",
-        "addSubscriptionApiRoute": "/subscription",
-        "getInventoryApiRoute": "/inventory",
-        "apiKey": "8b66d117-5d23-4b81-8c2f-52142c67d0cd",
-        "clientId": "5dd15878-aa4c-4adf-8650-b931f32a7b67",
-        "locationId": "10f19fc5-31d0-4d76-bad4-ad593c9803ae"
-    },
-    "menuBoardConfig": {
-        "amountToScroll": 1,
-        "autoScrollTimeout": 20,
-        "dataAgeThreshold": 300000
-    },
-    "footerCarouselConfig": {
-        "slidesToShow": 3,
-        "slidesToScroll": 1,
-        "dots": false,
-        "infinite": true,
-        "autoplay": true,
-        "autoplaySpeed": 10000,
-        "speed": 500,
-        "arrows": false
-    },
-    "footerCarouselSlideConfig": [
-        {
-            "image": "../../../images/sunday.png",
-            "title": "CBD Sunday",
-            "description": "20% off all CBD products & house pre-rolls",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        },
-        {
-            "image": "../../../images/new-monday.jpg",
-            "title": "Edible Monday",
-            "description": "10% off edibles",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        },
-        {
-            "image": "../../../images/tuesday.png",
-            "title": "Doobie Tuesday",
-            "description": "10% off all pre-rolls & packs<",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../images/wednesday.png",
-            "title": "Weed Crush Wednesday",
-            "description": "10% off all jar bud",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../images/thursday.png",
-            "title": "Thirsty Thursday",
-            "description": "10% off Tinctures, RSO & cartridges",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
+            ],
+            "category": "Flower",
+            "clientId": "5dd15878-aa4c-4adf-8650-b931f32a7b67",
+            "createdAt": "2024-05-06T21:41:03Z",
+            "currencyCode": "USD",
+            "customCategoryName": null,
+            "erpId": null,
+            "erpName": null,
+            "expirationDate": null,
+            "inventoryUnitOfMeasure": "grams",
+            "inventoryUnitOfMeasureToGramsMultiplier": 1,
+            "invoiceNumber": null,
+            "isMixAndMatch": false,
+            "isSoldByWeight": true,
+            "isStackable": true,
+            "locationId": "10f19fc5-31d0-4d76-bad4-ad593c9803ae",
+            "locationName": "Portland Pot Shop",
+            "manifestId": null,
+            "nutrients": null,
+            "parentproductId": "88caa95f-8a25-4960-ae1f-0894d86e8f02",
+            "parentproductName": "Royal Hindu Truffle by Upper Rogue Terraces",
+            "postTaxPriceInPennies": 800,
+            "preTaxPriceInPennies": 667,
+            "priceInMinorUnits": 667,
+            "productDescription": "",
+            "productId": "df363dba-1cd3-402e-b6c3-b3697abed6ee",
+            "productName": "Royal Hindu Truffle by Upper Rogue Terraces",
+            "productPictureURL": null,
+            "productUnitOfMeasure": "grams",
+            "productUnitOfMeasureToGramsMultiplier": 1,
+            "productUpdatedAt": "2024-06-30T02:42:59.621977Z",
+            "productWeight": null,
+            "purchaseCategory": "rec",
+            "quantity": 146.89,
+            "regulatoryId": "1A4010300000D4A000001042",
+            "sku": "zddCdpqRvw",
+            "speciesName": "Indica",
+            "supplierName": "Portland Cannabis Market",
+            "terpenes": null,
+            "type": null,
+            "variantId": "b0ed44e0-68df-44f3-a34a-f05bb5bd8ae0",
+            "variantName": "",
+            "weightTierInformation": [
+                {
+                    "gramAmount": 1,
+                    "name": "Grams",
+                    "pricePerUnitInMinorUnits": 667
+                },
+                {
+                    "gramAmount": 3.5,
+                    "name": "Eighth",
+                    "pricePerUnitInMinorUnits": 2167
+                },
+                {
+                    "gramAmount": 7,
+                    "name": "Quarter",
+                    "pricePerUnitInMinorUnits": 3833
+                },
+                {
+                    "gramAmount": 14,
+                    "name": "Half-Ounce",
+                    "pricePerUnitInMinorUnits": 7000
+                },
+                {
+                    "gramAmount": 28,
+                    "name": "Ounce",
+                    "pricePerUnitInMinorUnits": 12917
+                }
+            ],
+            costInMinorUnits: 0
         },
         {
-            "image": "../../../images/friday.png",
-            "title": "Fire Friday",
-            "description": "10% off all jar bud",
-            "highlighted": false,
-            "textColor": "black",
-            "backgroundColor": "white"
-        },
-        {
-            "image": "../../../images/saturday.png",
-            "title": "Shatterday Saturday",
-            "description": "10% off all concentrate",
-            "highlighted": false,
-            "textColor": "white",
-            "backgroundColor": "black"
-        }
-    ]
-};
-
-/*
-The LogService is really just a wrapper around the existing console logging functionality
-The three main reasons for using this service are:
-  1. The abstraction layer will allow us to pick a different logging  endpoint if needed
-  2. This service allows you to specify what level verbosity you want this service tp log with
-  3. Has logic to log method entry and exit points automagically
-*/
-class LogService {
-    logLevel = 'Info';
-    _className = "";
-    get className() { return this._className; }
-    set className(value) {
-        this._className = value;
-        this.methodName = "constructor()";
-    }
-    _methodName = "";
-    get methodName() { return this._methodName; }
-    set methodName(value) {
-        if (value === "" && this.logLevel != 'None') {
-            this.info("End of method");
-            console.groupEnd();
-            console.timeEnd(this.targetName);
-            this._methodName = value;
-        }
-        else if (this.logLevel != 'None') {
-            this._methodName = value;
-            console.group(this.targetName);
-            console.time(this.targetName);
-            this.info("Start of method");
-        }
-    }
-    get targetName() {
-        if (this.methodName === "")
-            return this.className;
-        else
-            return this.className + "." + this.methodName;
-    }
-    get prefix() {
-        return Date.now().toLocaleString() + " " + this.targetName + "> ";
-    }
-    log(message, ...optionalParams) {
-        if (this.logLevel != 'None') {
-            if (this.targetName != this.className)
-                console.timeLog(this.targetName, this.prefix + " " + message, optionalParams);
-            else
-                console.log(this.prefix + " " + message, optionalParams);
-        }
-    }
-    info(message, ...optionalParams) {
-        if (this.logLevel === 'Debug' || this.logLevel === 'Info') {
-            if (this.targetName != this.className)
-                console.timeLog(this.targetName, this.prefix + " " + message, optionalParams);
-            else
-                console.info(this.prefix + " " + message, optionalParams);
-        }
-    }
-    warn(message, ...optionalParams) {
-        if (this.logLevel === 'Warn' || this.logLevel === 'Debug' || this.logLevel === 'Info') {
-            if (this.targetName != this.className) {
-                console.timeEnd(this.targetName);
-                console.time(this.targetName);
-            }
-            console.warn(this.prefix + " " + message, optionalParams);
-        }
-    }
-    error(message, ...optionalParams) {
-        if (this.logLevel != 'None') {
-            if (this.targetName != this.className) {
-                console.timeEnd(this.targetName);
-                console.time(this.targetName);
-            }
-            console.error(this.prefix + " " + message, optionalParams);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LogService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class ConfigService {
-    logService;
-    mockData = false;
-    configClient;
-    configConnectString;
-    _configCache;
-    get configCache() {
-        return this._configCache;
-    }
-    set configCache(value) {
-        this._configCache = value;
-    }
-    constructor(logService) {
-        this.logService = logService;
-        this.logService.className = "ConfigService";
-        this.configConnectString = "Endpoint=https://cheap-weed-menus-appconfig.azconfig.io;Id=tyjA;Secret=1FgL95lHkXViZX4Qf2GcRqn26mhTYDVYany8ToXpTnO68AzrdUUEJQQJ99AHAC8vTInIcYexAAACAZACsteF";
-        this.configClient = new AppConfigurationClient(this.configConnectString);
-        this.logService.log("Config Client", this.configClient);
-        this.logService.methodName = "";
-    }
-    async getConfigurationSettingAsync(key, label) {
-        this.logService.methodName = "getConfigurationSettingAsync()";
-        const setting = await this.configClient.getConfigurationSetting({ key: key, label: label.replace(".", "") });
-        this.logService.log("Configuration Setting Key/Value", key, setting.value);
-        return setting.value;
-    }
-    async setConfigurationSettingAsync(templateName, label, setting, contentType = "Text") {
-        this.logService.className = "ConfigService";
-        this.logService.methodName = "setConfigurationSettingAsync()";
-        const configurationSetting = {
-            key: templateName,
-            label: label,
-            value: setting,
-            contentType: contentType,
-        };
-        this.logService.log("Setting", configurationSetting);
-        await this.configClient.setConfigurationSetting(configurationSetting);
-        this.logService.methodName = "";
-    }
-    async getConfigAsync(company) {
-        this.logService.className = "ConfigService";
-        this.logService.methodName = "getConfigAsync()";
-        if (this.configCache == undefined) {
-            this.logService.log("configCache == undefined");
-            // If we want to use Mock data then load the Mock data into the cache
-            if (this.mockData) {
-                this.configCache = MockConfig;
-            }
-            else {
-                const jsonConfig = await this.getConfigurationSettingAsync("App.Config.Json", company) ?? "{ }";
-                this.configCache = JSON.parse(jsonConfig);
-            }
-        }
-        this.logService.log("Config Cache", this.configCache);
-        const config = this.configCache;
-        this.logService.methodName = "";
-        return config;
-    }
-    async saveConfigAsync(config, company) {
-        this.logService.className = "ConfigService";
-        this.logService.methodName = "saveConfigAsync()";
-        // Update configuration cache
-        this.configCache = config;
-        this.logService.log("Updated Config Cache", this.configCache);
-        if (this.mockData) {
-            return;
-        }
-        await this.setConfigurationSettingAsync("App.Config.Json", company, config, "JSON");
-        this.logService.methodName = "";
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, deps: [{ token: LogService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: LogService }] });
-
-const MockInventoryApiResponse = {
-    "status": 200,
-    "data": [
-        {
-            "brand": "Portland Cannabis Market",
+            "brand": "Garden First",
             "cannabinoidInformation": [
                 {
-                    "lowerRange": 0,
-                    "name": "cbd",
+                    "lowerRange": 25.5,
+                    "name": "thc",
                     "unitOfMeasure": "%",
                     "unitOfMeasureToGramsMultiplier": null,
-                    "upperRange": 0
+                    "upperRange": 25.5
                 },
                 {
-                    "lowerRange": 25.25,
-                    "name": "thc",
+                    "lowerRange": 0.1,
+                    "name": "cbd",
                     "unitOfMeasure": "%",
                     "unitOfMeasureToGramsMultiplier": null,
-                    "upperRange": 25.25
+                    "upperRange": 0.1
                 }
             ],
             "category": "Flower",
             "clientId": "5dd15878-aa4c-4adf-8650-b931f32a7b67",
-            "createdAt": "2024-05-06T21:41:03Z",
+            "costInMinorUnits": 374,
+            "createdAt": "2024-06-14T21:25:49Z",
             "currencyCode": "USD",
             "customCategoryName": null,
             "erpId": null,
@@ -1523,172 +1237,83 @@ const MockInventoryApiResponse = {
             "inventoryUnitOfMeasure": "grams",
             "inventoryUnitOfMeasureToGramsMultiplier": 1,
             "invoiceNumber": null,
-            "isMixAndMatch": false,
+            "isMixAndMatch": true,
             "isSoldByWeight": true,
             "isStackable": true,
             "locationId": "10f19fc5-31d0-4d76-bad4-ad593c9803ae",
             "locationName": "Portland Pot Shop",
             "manifestId": null,
             "nutrients": null,
-            "parentproductId": "88caa95f-8a25-4960-ae1f-0894d86e8f02",
-            "parentproductName": "Royal Hindu Truffle by Upper Rogue Terraces",
-            "postTaxPriceInPennies": 800,
-            "preTaxPriceInPennies": 667,
-            "priceInMinorUnits": 667,
+            "parentproductId": "798c79ac-7b88-425d-bd2f-c8684fdac27f",
+            "parentproductName": "Donny Burger by Garden First",
+            "postTaxPriceInPennies": 1200,
+            "preTaxPriceInPennies": 1000,
+            "priceInMinorUnits": 1000,
             "productDescription": "",
-            "productId": "df363dba-1cd3-402e-b6c3-b3697abed6ee",
-            "productName": "Royal Hindu Truffle by Upper Rogue Terraces",
+            "productId": "db3b1fdc-f0b3-4936-afae-c0a828abfbaf",
+            "productName": "Donny Burger by Garden First",
             "productPictureURL": null,
             "productUnitOfMeasure": "grams",
             "productUnitOfMeasureToGramsMultiplier": 1,
-            "productUpdatedAt": "2024-06-30T02:42:59.621977Z",
+            "productUpdatedAt": "2024-06-30T02:42:36.303028Z",
             "productWeight": null,
             "purchaseCategory": "rec",
-            "quantity": 146.89,
-            "regulatoryId": "1A4010300000D4A000001042",
-            "sku": "zddCdpqRvw",
+            "quantity": 95.8,
+            "regulatoryId": "1A4010300016ECD000037910",
+            "sku": "FSS0cRLR6G",
             "speciesName": "Indica",
-            "supplierName": "Portland Cannabis Market",
+            "supplierName": "Hunter Distributing",
             "terpenes": null,
             "type": null,
-            "variantId": "b0ed44e0-68df-44f3-a34a-f05bb5bd8ae0",
+            "variantId": "c3beca27-92a6-413a-938f-f8cf699d1b86",
             "variantName": "",
             "weightTierInformation": [
                 {
                     "gramAmount": 1,
                     "name": "Grams",
-                    "pricePerUnitInMinorUnits": 667
+                    "pricePerUnitInMinorUnits": 1000
                 },
                 {
                     "gramAmount": 3.5,
                     "name": "Eighth",
-                    "pricePerUnitInMinorUnits": 2167
+                    "pricePerUnitInMinorUnits": 3083
                 },
                 {
                     "gramAmount": 7,
                     "name": "Quarter",
-                    "pricePerUnitInMinorUnits": 3833
+                    "pricePerUnitInMinorUnits": 5417
                 },
                 {
                     "gramAmount": 14,
                     "name": "Half-Ounce",
-                    "pricePerUnitInMinorUnits": 7000
+                    "pricePerUnitInMinorUnits": 10000
                 },
                 {
                     "gramAmount": 28,
                     "name": "Ounce",
-                    "pricePerUnitInMinorUnits": 12917
+                    "pricePerUnitInMinorUnits": 18750
                 }
-            ],
-            costInMinorUnits: 0
+            ]
         },
         {
-            "brand": "Garden First",
+            "brand": "Portland Pot Shop",
             "cannabinoidInformation": [
                 {
-                    "lowerRange": 25.5,
+                    "lowerRange": 35.41,
                     "name": "thc",
                     "unitOfMeasure": "%",
                     "unitOfMeasureToGramsMultiplier": null,
-                    "upperRange": 25.5
+                    "upperRange": 35.41
                 },
                 {
-                    "lowerRange": 0.1,
+                    "lowerRange": 0.13,
                     "name": "cbd",
                     "unitOfMeasure": "%",
                     "unitOfMeasureToGramsMultiplier": null,
-                    "upperRange": 0.1
+                    "upperRange": 0.13
                 }
             ],
-            "category": "Flower",
-            "clientId": "5dd15878-aa4c-4adf-8650-b931f32a7b67",
-            "costInMinorUnits": 374,
-            "createdAt": "2024-06-14T21:25:49Z",
-            "currencyCode": "USD",
-            "customCategoryName": null,
-            "erpId": null,
-            "erpName": null,
-            "expirationDate": null,
-            "inventoryUnitOfMeasure": "grams",
-            "inventoryUnitOfMeasureToGramsMultiplier": 1,
-            "invoiceNumber": null,
-            "isMixAndMatch": true,
-            "isSoldByWeight": true,
-            "isStackable": true,
-            "locationId": "10f19fc5-31d0-4d76-bad4-ad593c9803ae",
-            "locationName": "Portland Pot Shop",
-            "manifestId": null,
-            "nutrients": null,
-            "parentproductId": "798c79ac-7b88-425d-bd2f-c8684fdac27f",
-            "parentproductName": "Donny Burger by Garden First",
-            "postTaxPriceInPennies": 1200,
-            "preTaxPriceInPennies": 1000,
-            "priceInMinorUnits": 1000,
-            "productDescription": "",
-            "productId": "db3b1fdc-f0b3-4936-afae-c0a828abfbaf",
-            "productName": "Donny Burger by Garden First",
-            "productPictureURL": null,
-            "productUnitOfMeasure": "grams",
-            "productUnitOfMeasureToGramsMultiplier": 1,
-            "productUpdatedAt": "2024-06-30T02:42:36.303028Z",
-            "productWeight": null,
-            "purchaseCategory": "rec",
-            "quantity": 95.8,
-            "regulatoryId": "1A4010300016ECD000037910",
-            "sku": "FSS0cRLR6G",
-            "speciesName": "Indica",
-            "supplierName": "Hunter Distributing",
-            "terpenes": null,
-            "type": null,
-            "variantId": "c3beca27-92a6-413a-938f-f8cf699d1b86",
-            "variantName": "",
-            "weightTierInformation": [
-                {
-                    "gramAmount": 1,
-                    "name": "Grams",
-                    "pricePerUnitInMinorUnits": 1000
-                },
-                {
-                    "gramAmount": 3.5,
-                    "name": "Eighth",
-                    "pricePerUnitInMinorUnits": 3083
-                },
-                {
-                    "gramAmount": 7,
-                    "name": "Quarter",
-                    "pricePerUnitInMinorUnits": 5417
-                },
-                {
-                    "gramAmount": 14,
-                    "name": "Half-Ounce",
-                    "pricePerUnitInMinorUnits": 10000
-                },
-                {
-                    "gramAmount": 28,
-                    "name": "Ounce",
-                    "pricePerUnitInMinorUnits": 18750
-                }
-            ]
-        },
-        {
-            "brand": "Portland Pot Shop",
-            "cannabinoidInformation": [
-                {
-                    "lowerRange": 35.41,
-                    "name": "thc",
-                    "unitOfMeasure": "%",
-                    "unitOfMeasureToGramsMultiplier": null,
-                    "upperRange": 35.41
-                },
-                {
-                    "lowerRange": 0.13,
-                    "name": "cbd",
-                    "unitOfMeasure": "%",
-                    "unitOfMeasureToGramsMultiplier": null,
-                    "upperRange": 0.13
-                }
-            ],
-            "category": "Pre-Roll",
+            "category": "Pre-Roll",
             "clientId": "5dd15878-aa4c-4adf-8650-b931f32a7b67",
             "costInMinorUnits": 55,
             "createdAt": "2024-06-10T21:55:43Z",
@@ -27234,256 +26859,706 @@ const MockInventoryApiResponse = {
             "variantName": "",
             "weightTierInformation": null
         }
-    ]
-};
-
-class BaseApiService {
-    configService;
-    httpClient;
-    logService;
-    config;
-    get apiBaseUrl() {
-        if (this.config)
-            return this.config.apiBaseUrl;
-        else
-            return Utilities.baseUrl();
+    ]
+};
+
+const MockConfig = {
+    "authConfig": {
+        "logLevel": "Info",
+        "configConnectString": "Endpoint=https://cheap-weed-menus-appconfig.azconfig.io;Id=tyjA;Secret=1FgL95lHkXViZX4Qf2GcRqn26mhTYDVYany8ToXpTnO68AzrdUUEJQQJ99AHAC8vTInIcYexAAACAZACsteF",
+        "clientId": "af1486e0-a27f-4c8d-8503-0752d90ce72d",
+        "tenantId": "445012c4-563a-4795-84d0-f7473a3197e0",
+        "authority": "https://login.microsoft.com/445012c4-563a-4795-84d0-f7473a3197e0",
+        "scopes": "openid,email,profile",
+        "menu_uri": "http://localhost:4200/",
+        "redirect_uri": "https://www.cheapweedmenu.com",
+        "logout_redirect_uri": "https://www.cheapweedmenu.com",
+        "prompt": "login"
+    },
+    "apiConfig": {
+        "apiBaseUrl": "https://cheap-weed-menus-webapi.azurewebsites.net",
+        "addCustomerApiRoute": "/AddCustomer",
+        "addSubscriptionApiRoute": "/subscription",
+        "getInventoryApiRoute": "/inventory",
+        "apiKey": "8b66d117-5d23-4b81-8c2f-52142c67d0cd",
+        "clientId": "5dd15878-aa4c-4adf-8650-b931f32a7b67",
+        "locationId": "10f19fc5-31d0-4d76-bad4-ad593c9803ae"
+    },
+    "menuBoardConfig": {
+        "amountToScroll": 1,
+        "autoScrollTimeout": 20,
+        "dataAgeThreshold": 300000
+    },
+    "footerCarouselConfig": {
+        "slidesToShow": 3,
+        "slidesToScroll": 1,
+        "dots": false,
+        "infinite": true,
+        "autoplay": true,
+        "autoplaySpeed": 10000,
+        "speed": 500,
+        "arrows": false
+    },
+    "footerCarouselSlideConfig": [
+        {
+            "image": "../../../images/sunday.png",
+            "title": "CBD Sunday",
+            "description": "20% off all CBD products & house pre-rolls",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        },
+        {
+            "image": "../../../images/new-monday.jpg",
+            "title": "Edible Monday",
+            "description": "10% off edibles",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        },
+        {
+            "image": "../../../images/tuesday.png",
+            "title": "Doobie Tuesday",
+            "description": "10% off all pre-rolls & packs<",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../images/wednesday.png",
+            "title": "Weed Crush Wednesday",
+            "description": "10% off all jar bud",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../images/thursday.png",
+            "title": "Thirsty Thursday",
+            "description": "10% off Tinctures, RSO & cartridges",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../images/friday.png",
+            "title": "Fire Friday",
+            "description": "10% off all jar bud",
+            "highlighted": false,
+            "textColor": "black",
+            "backgroundColor": "white"
+        },
+        {
+            "image": "../../../images/saturday.png",
+            "title": "Shatterday Saturday",
+            "description": "10% off all concentrate",
+            "highlighted": false,
+            "textColor": "white",
+            "backgroundColor": "black"
+        }
+    ]
+};
+
+const MockProfile = {
+    companyName: "The Portland Pot Shop",
+    businessPhones: ["503.555.1212"],
+    displayName: "PPS User",
+    givenName: "PPS Menu User",
+    id: "",
+    jobTitle: "Menu",
+    mail: "portlandpotshop@google.com",
+    mobilePhone: "503.555.1212",
+    officeLocation: "autoscroll",
+    photoUrl: "",
+    preferredLanguage: "en-us",
+    surname: "Pot Shop",
+    userPrincipalName: "portlandpotshop"
+};
+
+class AuthService {
+    constructor() {
+    }
+    static getAuthConfig() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const wind = window;
+        return wind.authConfig;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+The LogService is really just a wrapper around the existing console logging functionality
+The three main reasons for using this service are:
+  1. The abstraction layer will allow us to pick a different logging  endpoint if needed
+  2. This service allows you to specify what level verbosity you want this service tp log with
+  3. Has logic to log method entry and exit points automagically
+*/
+class LogService {
+    logLevel = 'Info';
+    _className = "";
+    get className() { return this._className; }
+    set className(value) {
+        this._className = value;
+        this.methodName = "constructor()";
+    }
+    _methodName = "";
+    get methodName() { return this._methodName; }
+    set methodName(value) {
+        if (value === "" && this.logLevel != 'None') {
+            this.info("End of method");
+            console.groupEnd();
+            console.timeEnd(this.targetName);
+            this._methodName = value;
+        }
+        else if (this.logLevel != 'None') {
+            this._methodName = value;
+            console.group(this.targetName);
+            console.time(this.targetName);
+            this.info("Start of method");
+        }
+    }
+    get targetName() {
+        if (this.methodName === "")
+            return this.className;
+        else
+            return this.className + "." + this.methodName;
+    }
+    get prefix() {
+        return Date.now().toLocaleString() + " " + this.targetName + "> ";
+    }
+    log(message, ...optionalParams) {
+        if (this.logLevel != 'None') {
+            if (this.targetName != this.className)
+                console.timeLog(this.targetName, this.prefix + " " + message, optionalParams);
+            else
+                console.log(this.prefix + " " + message, optionalParams);
+        }
+    }
+    info(message, ...optionalParams) {
+        if (this.logLevel === 'Debug' || this.logLevel === 'Info') {
+            if (this.targetName != this.className)
+                console.timeLog(this.targetName, this.prefix + " " + message, optionalParams);
+            else
+                console.info(this.prefix + " " + message, optionalParams);
+        }
+    }
+    warn(message, ...optionalParams) {
+        if (this.logLevel === 'Warn' || this.logLevel === 'Debug' || this.logLevel === 'Info') {
+            if (this.targetName != this.className) {
+                console.timeEnd(this.targetName);
+                console.time(this.targetName);
+            }
+            console.warn(this.prefix + " " + message, optionalParams);
+        }
+    }
+    error(message, ...optionalParams) {
+        if (this.logLevel != 'None') {
+            if (this.targetName != this.className) {
+                console.timeEnd(this.targetName);
+                console.time(this.targetName);
+            }
+            console.error(this.prefix + " " + message, optionalParams);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ConfigService {
+    logService;
+    mockData = false;
+    configClient;
+    configConnectString;
+    _configCache;
+    get configCache() {
+        return this._configCache;
+    }
+    set configCache(value) {
+        this._configCache = value;
+    }
+    constructor(logService) {
+        this.logService = logService;
+        this.logService.className = "ConfigService";
+        this.configConnectString = "Endpoint=https://cheap-weed-menus-appconfig.azconfig.io;Id=tyjA;Secret=1FgL95lHkXViZX4Qf2GcRqn26mhTYDVYany8ToXpTnO68AzrdUUEJQQJ99AHAC8vTInIcYexAAACAZACsteF";
+        this.configClient = new AppConfigurationClient(this.configConnectString);
+        this.logService.log("Config Client", this.configClient);
+        this.logService.methodName = "";
+    }
+    async getConfigurationSettingAsync(key, label) {
+        this.logService.methodName = "getConfigurationSettingAsync()";
+        const setting = await this.configClient.getConfigurationSetting({ key: key, label: label.replace(".", "") });
+        this.logService.log("Configuration Setting Key/Value", key, setting.value);
+        return setting.value;
+    }
+    async setConfigurationSettingAsync(templateName, label, setting, contentType = "Text") {
+        this.logService.className = "ConfigService";
+        this.logService.methodName = "setConfigurationSettingAsync()";
+        const configurationSetting = {
+            key: templateName,
+            label: label,
+            value: setting,
+            contentType: contentType,
+        };
+        this.logService.log("Setting", configurationSetting);
+        await this.configClient.setConfigurationSetting(configurationSetting);
+        this.logService.methodName = "";
+    }
+    async getConfigAsync(company) {
+        this.logService.className = "ConfigService";
+        this.logService.methodName = "getConfigAsync()";
+        if (this.configCache == undefined) {
+            this.logService.log("configCache == undefined");
+            // If we want to use Mock data then load the Mock data into the cache
+            if (this.mockData) {
+                this.configCache = MockConfig;
+            }
+            else {
+                const jsonConfig = await this.getConfigurationSettingAsync("App.Config.Json", company) ?? "{ }";
+                this.configCache = JSON.parse(jsonConfig);
+            }
+        }
+        this.logService.log("Config Cache", this.configCache);
+        const config = this.configCache;
+        this.logService.methodName = "";
+        return config;
+    }
+    async saveConfigAsync(config, company) {
+        this.logService.className = "ConfigService";
+        this.logService.methodName = "saveConfigAsync()";
+        // Update configuration cache
+        this.configCache = config;
+        this.logService.log("Updated Config Cache", this.configCache);
+        if (this.mockData) {
+            return;
+        }
+        await this.setConfigurationSettingAsync("App.Config.Json", company, config, "JSON");
+        this.logService.methodName = "";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, deps: [{ token: LogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConfigService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: LogService }] });
+
+class BaseApiService {
+    configService;
+    httpClient;
+    logService;
+    config;
+    get apiBaseUrl() {
+        if (this.config)
+            return this.config.apiBaseUrl;
+        else
+            return Utilities.baseUrl();
+    }
+    get apiFullUrl() {
+        return this.apiBaseUrl;
+    }
+    constructor(configService, httpClient, logService) {
+        this.configService = configService;
+        this.httpClient = httpClient;
+        this.logService = logService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BaseApiService, deps: [{ token: ConfigService }, { token: i2$1.HttpClient }, { token: LogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BaseApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BaseApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ConfigService }, { type: i2$1.HttpClient }, { type: LogService }] });
+
+class CustomerApiService extends BaseApiService {
+    get apiFullUrl() {
+        return this.apiBaseUrl + this.config?.addCustomerApiRoute;
+    }
+    async getCustomerAsync(customerId) { return; }
+    async getCustomersAsync() { return; }
+    async setCustomerAsync(companyName, customer) {
+        this.config = (await this.configService.getConfigAsync(companyName)).apiConfig;
+        return;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomerApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomerApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomerApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class InventoryApiService extends BaseApiService {
+    demoData = false;
+    constructor(configService, httpClient, logService) {
+        super(configService, httpClient, logService);
+        logService.className = "InventoryApiService";
+    }
+    get httpHeaders() {
+        return new HttpHeaders()
+            .set('key', this.config?.apiKey)
+            .set('clientId', this.config?.clientId)
+            .set('locationId', this.config?.locationId);
+    }
+    get apiFullUrl() {
+        return this.apiBaseUrl + this.config?.getInventoryApiRoute;
+    }
+    async getProductsAsync(companyName = "Cheap Weed Menus") {
+        this.logService.methodName = "getProductsAsync()";
+        var response;
+        this.logService.log("Fetching Products for Company", companyName);
+        if (this.demoData) {
+            this.config = MockConfig.apiConfig;
+            response = Promise.resolve(MockInventoryApiResponse);
+            this.logService.log("Mock Data Returned", response);
+        }
+        else {
+            this.config = (await this.configService.getConfigAsync(companyName)).apiConfig;
+            response = firstValueFrom(this.httpClient.get(this.apiFullUrl, { headers: this.httpHeaders }));
+            this.logService.log("Inventory API Response", response);
+        }
+        this.logService.methodName = "";
+        return response;
+    }
+    async getCategoriesAsync(companyName) {
+        { }
+        const productApiResponse = await this.getProductsAsync(companyName);
+        return keys(countBy(productApiResponse.data, (product) => product.category));
+    }
+    async getProductsByAllCategories(companyName) {
+        const productApiResponse = await this.getProductsAsync(companyName);
+        if (productApiResponse.status != HttpStatusCode.Ok) {
+            throw new Error(`ProductApiResponse status:  ${productApiResponse.status}`);
+        }
+        const allProducts = productApiResponse.data.map((value) => Product.FromFlowhubProduct(value))
+            .sort((a, b) => a.category.localeCompare(b.category));
+        const allCategories = keys(countBy(allProducts, (product) => product.category))
+            .map((category) => Category.MapFromString(category));
+        const productsByAllCategories = [];
+        allCategories.sort().forEach(category => productsByAllCategories.push({
+            key: category.name,
+            value: allProducts.filter((product) => product.category === category.name &&
+                product.quantity > 0).sort()
+        }));
+        return productsByAllCategories;
+    }
+    ;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InventoryApiService, deps: [{ token: ConfigService }, { token: i2$1.HttpClient }, { token: LogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InventoryApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InventoryApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: ConfigService }, { type: i2$1.HttpClient }, { type: LogService }] });
+
+/**
+* Provides a wrapper for accessing the web storage API and synchronizing session storage across tabs/windows.
+*/
+class LocalStorageService {
+    static syncListenerInitialized = false;
+    syncKeys = [];
+    initEvent = new Subject();
+    reservedKeys = [
+        'sync_keys',
+        'addToSyncKeys',
+        'removeFromSyncKeys',
+        'getSessionStorage',
+        'setSessionStorage',
+        'addToSessionStorage',
+        'removeFromSessionStorage',
+        'clearAllSessionsStorage'
+    ];
+    InitializeStorageSyncListener() {
+        if (LocalStorageService.syncListenerInitialized == true) {
+            return;
+        }
+        LocalStorageService.syncListenerInitialized = true;
+        window.addEventListener('storage', this.sessionStorageTransferHandler, false);
+        this.syncSessionStorage();
+    }
+    deInitializeStorageSyncListener() {
+        window.removeEventListener('storage', this.sessionStorageTransferHandler, false);
+        LocalStorageService.syncListenerInitialized = false;
+    }
+    clearAllStorage() {
+        this.clearAllSessionsStorage();
+        this.clearLocalStorage();
+    }
+    clearAllSessionsStorage() {
+        this.clearInstanceSessionStorage();
+        localStorage.removeItem(DbKeys.SYNC_KEYS);
+        localStorage.setItem('clearAllSessionsStorage', '_dummy');
+        localStorage.removeItem('clearAllSessionsStorage');
+    }
+    clearInstanceSessionStorage() {
+        sessionStorage.clear();
+        this.syncKeys = [];
+    }
+    clearLocalStorage() {
+        localStorage.clear();
+    }
+    saveSessionData(data, key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        this.removeFromSyncKeys(key);
+        localStorage.removeItem(key);
+        this.sessionStorageSetItem(key, data);
+    }
+    saveSyncedSessionData(data, key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        localStorage.removeItem(key);
+        this.addToSessionStorage(data, key);
+    }
+    savePermanentData(data, key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        this.removeFromSessionStorage(key);
+        this.localStorageSetItem(key, data);
+    }
+    moveDataToSessionStorage(key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        const data = this.getData(key);
+        if (data == null) {
+            return;
+        }
+        this.saveSessionData(data, key);
+    }
+    moveDataToSyncedSessionStorage(key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        const data = this.getData(key);
+        if (data == null) {
+            return;
+        }
+        this.saveSyncedSessionData(data, key);
+    }
+    moveDataToPermanentStorage(key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        const data = this.getData(key);
+        if (data == null) {
+            return;
+        }
+        this.savePermanentData(data, key);
+    }
+    exists(key = DbKeys.USER_DATA) {
+        let data = sessionStorage.getItem(key);
+        if (data == null) {
+            data = localStorage.getItem(key);
+        }
+        return data != null;
+    }
+    getData(key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        let data = this.sessionStorageGetItem(key);
+        if (data == '') {
+            data = this.localStorageGetItem(key);
+        }
+        return data;
+    }
+    getDataObject(key = DbKeys.USER_DATA, isDateType = false) {
+        let data = this.getData(key);
+        if (data != null) {
+            if (isDateType) {
+                data = new Date(data);
+            }
+            return data;
+        }
+        else {
+            return data;
+        }
+    }
+    deleteData(key = DbKeys.USER_DATA) {
+        this.testForInvalidKeys(key);
+        this.removeFromSessionStorage(key);
+        localStorage.removeItem(key);
+    }
+    getInitEvent() {
+        return this.initEvent.asObservable();
+    }
+    sessionStorageTransferHandler = (event) => {
+        if (!event.newValue) {
+            return;
+        }
+        if (event.key == 'getSessionStorage') {
+            if (sessionStorage.length) {
+                this.localStorageSetItem('setSessionStorage', sessionStorage);
+                localStorage.removeItem('setSessionStorage');
+            }
+        }
+        else if (event.key == 'setSessionStorage') {
+            if (!this.syncKeys.length) {
+                this.loadSyncKeys();
+            }
+            const data = JSON.parse(event.newValue);
+            // console.info("Set => Key: Transfer setSessionStorage" + ",  data: " + JSON.stringify(data));
+            for (const key in data) {
+                if (this.syncKeysContains(key)) {
+                    this.sessionStorageSetItem(key, JSON.parse(data[key]));
+                }
+            }
+            this.onInit();
+        }
+        else if (event.key == 'addToSessionStorage') {
+            const data = JSON.parse(event.newValue);
+            // console.warn("Set => Key: Transfer addToSessionStorage" + ",  data: " + JSON.stringify(data));
+            this.addToSessionStorageHelper(data.data, data.key);
+        }
+        else if (event.key == 'removeFromSessionStorage') {
+            this.removeFromSessionStorageHelper(event.newValue);
+        }
+        else if (event.key == 'clearAllSessionsStorage' && sessionStorage.length) {
+            this.clearInstanceSessionStorage();
+        }
+        else if (event.key == 'addToSyncKeys') {
+            this.addToSyncKeysHelper(event.newValue);
+        }
+        else if (event.key == 'removeFromSyncKeys') {
+            this.removeFromSyncKeysHelper(event.newValue);
+        }
+    };
+    syncSessionStorage() {
+        localStorage.setItem('getSessionStorage', '_dummy');
+        localStorage.removeItem('getSessionStorage');
     }
-    get apiFullUrl() {
-        return this.apiBaseUrl;
+    addToSessionStorage(data, key) {
+        this.addToSessionStorageHelper(data, key);
+        this.addToSyncKeysBackup(key);
+        this.localStorageSetItem('addToSessionStorage', { key, data });
+        localStorage.removeItem('addToSessionStorage');
     }
-    constructor(configService, httpClient, logService) {
-        this.configService = configService;
-        this.httpClient = httpClient;
-        this.logService = logService;
+    addToSessionStorageHelper(data, key) {
+        this.addToSyncKeysHelper(key);
+        this.sessionStorageSetItem(key, data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BaseApiService, deps: [{ token: ConfigService }, { token: i2.HttpClient }, { token: LogService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BaseApiService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BaseApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: ConfigService }, { type: i2.HttpClient }, { type: LogService }] });
-
-class InventoryApiService extends BaseApiService {
-    demoData = false;
-    get httpHeaders() {
-        return new HttpHeaders()
-            .set('key', this.config?.apiKey)
-            .set('clientId', this.config?.clientId)
-            .set('locationId', this.config?.locationId);
+    removeFromSessionStorage(keyToRemove) {
+        this.removeFromSessionStorageHelper(keyToRemove);
+        this.removeFromSyncKeysBackup(keyToRemove);
+        localStorage.setItem('removeFromSessionStorage', keyToRemove);
+        localStorage.removeItem('removeFromSessionStorage');
     }
-    get apiFullUrl() {
-        return this.apiBaseUrl + this.config?.getInventoryApiRoute;
+    removeFromSessionStorageHelper(keyToRemove) {
+        sessionStorage.removeItem(keyToRemove);
+        this.removeFromSyncKeysHelper(keyToRemove);
     }
-    async getProductsAsync(companyName) {
-        this.config = (await this.configService.getConfigAsync(companyName)).apiConfig;
-        if (this.demoData) {
-            return Promise.resolve(MockInventoryApiResponse);
+    testForInvalidKeys(key) {
+        if (!key) {
+            throw new Error('key cannot be empty');
+        }
+        if (this.reservedKeys.some(x => x == key)) {
+            throw new Error(`The storage key "${key}" is reserved and cannot be used. Please use a different key`);
+        }
+    }
+    syncKeysContains(key) {
+        if (Array.isArray(this.syncKeys))
+            return this.syncKeys.some(x => x == key);
+        else
+            return false;
+    }
+    loadSyncKeys() {
+        if (this.syncKeys.length) {
+            return;
+        }
+        this.syncKeys = this.getSyncKeysFromStorage();
+    }
+    getSyncKeysFromStorage(defaultValue = []) {
+        const data = this.localStorageGetItem(DbKeys.SYNC_KEYS);
+        if (data == null) {
+            return defaultValue;
         }
         else {
-            return firstValueFrom(this.httpClient.get(this.apiFullUrl, { headers: this.httpHeaders }));
+            return data;
         }
     }
-    async getCategoriesAsync(companyName) {
-        { }
-        const productApiResponse = await this.getProductsAsync(companyName);
-        return keys(countBy(productApiResponse.data, (product) => product.category));
+    addToSyncKeys(key) {
+        this.addToSyncKeysHelper(key);
+        this.addToSyncKeysBackup(key);
+        localStorage.setItem('addToSyncKeys', key);
+        localStorage.removeItem('addToSyncKeys');
     }
-    async getProductsByAllCategories(companyName) {
-        const productApiResponse = await this.getProductsAsync(companyName);
-        if (productApiResponse.status != HttpStatusCode.Ok) {
-            throw new Error(`ProductApiResponse status:  ${productApiResponse.status}`);
+    addToSyncKeysBackup(key) {
+        const storedSyncKeys = this.getSyncKeysFromStorage();
+        if (!storedSyncKeys.some(x => x == key)) {
+            storedSyncKeys.push(key);
+            this.localStorageSetItem(DbKeys.SYNC_KEYS, storedSyncKeys);
         }
-        const allProducts = productApiResponse.data.map((value) => Product.FromFlowhubProduct(value))
-            .sort((a, b) => a.category.localeCompare(b.category));
-        const allCategories = keys(countBy(allProducts, (product) => product.category))
-            .map((category) => Category.MapFromString(category));
-        const productsByAllCategories = [];
-        allCategories.sort().forEach(category => productsByAllCategories.push({
-            key: category.name,
-            value: allProducts.filter((product) => product.category === category.name &&
-                product.quantity > 0).sort()
-        }));
-        return productsByAllCategories;
     }
-    ;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InventoryApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InventoryApiService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InventoryApiService, decorators: [{
-            type: Injectable
-        }] });
-
-class AuthService {
-    constructor() {
+    removeFromSyncKeysBackup(key) {
+        const storedSyncKeys = this.getSyncKeysFromStorage();
+        const index = storedSyncKeys.indexOf(key);
+        if (index > -1) {
+            storedSyncKeys.splice(index, 1);
+            this.localStorageSetItem(DbKeys.SYNC_KEYS, storedSyncKeys);
+        }
     }
-    static getAuthConfig() {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const wind = window;
-        return wind.authConfig;
+    addToSyncKeysHelper(key) {
+        if (!this.syncKeysContains(key)) {
+            this.syncKeys.push(key);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-class CustomerApiService extends BaseApiService {
-    get apiFullUrl() {
-        return this.apiBaseUrl + this.config?.addCustomerApiRoute;
+    removeFromSyncKeys(key) {
+        this.removeFromSyncKeysHelper(key);
+        this.removeFromSyncKeysBackup(key);
+        localStorage.setItem('removeFromSyncKeys', key);
+        localStorage.removeItem('removeFromSyncKeys');
     }
-    async getCustomerAsync(customerId) { return; }
-    async getCustomersAsync() { return; }
-    async setCustomerAsync(companyName, customer) {
-        this.config = (await this.configService.getConfigAsync(companyName)).apiConfig;
-        return;
+    removeFromSyncKeysHelper(key) {
+        const index = this.syncKeys.indexOf(key);
+        if (index > -1) {
+            this.syncKeys.splice(index, 1);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomerApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomerApiService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CustomerApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class SafeHtmlPipe {
-    sanitizer;
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+    localStorageSetItem(key, data) {
+        localStorage.setItem(key, JSON.stringify(data));
     }
-    transform(value) {
-        return this.sanitizer.bypassSecurityTrustHtml(value);
+    sessionStorageSetItem(key, data) {
+        sessionStorage.setItem(key, JSON.stringify(data));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, isStandalone: false, name: "safeHtml" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SafeHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'safeHtml',
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
-
-// Services - providers
-const isIE = window.navigator.userAgent.indexOf('MSIE ') > -1 || window.navigator.userAgent.indexOf('Trident/') > -1;
-const baseUrl = Utilities.baseUrl();
-const apiUri = "api://" + window.location.hostname;
-const authConfig = AuthService.getAuthConfig();
-class CwmSharedModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, declarations: [
-            //ExternalNavigationComponent,
-            //NavigateToRouteComponent,
-            SafeHtmlPipe], imports: [CommonModule,
-            BrowserModule,
-            MsalModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, providers: [
-            CustomerApiService,
-            LogService,
-            LocalStorageService,
-            ConfigService,
-            InventoryApiService,
-            MsalService,
-            {
-                provide: MSAL_INSTANCE,
-                useFactory: MSALInstanceFactory
-            },
-            {
-                provide: MSAL_INTERCEPTOR_CONFIG,
-                useFactory: MSALInterceptorConfigFactory
-            },
-            {
-                provide: HTTP_INTERCEPTORS,
-                useClass: MsalInterceptor,
-                multi: true
-            }
-        ], imports: [CommonModule,
-            BrowserModule,
-            MsalModule] });
+    localStorageGetItem(key) {
+        return Utilities.JsonTryParse(localStorage.getItem(key) ?? '');
+    }
+    sessionStorageGetItem(key) {
+        return Utilities.JsonTryParse(sessionStorage.getItem(key) ?? '');
+    }
+    onInit() {
+        setTimeout(() => {
+            //this.initEvent.next();
+            this.initEvent.complete();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CwmSharedModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LocalStorageService, decorators: [{
+            type: Injectable,
             args: [{
-                    declarations: [
-                        //ExternalNavigationComponent,
-                        //NavigateToRouteComponent,
-                        SafeHtmlPipe,
-                    ],
-                    imports: [
-                        CommonModule,
-                        BrowserModule,
-                        MsalModule,
-                        /*
-                        AppRoutingModule,
-                        RouterModule,
-                        AvatarModule,
-                        BrowserModule,
-                        BrowserAnimationsModule,
-                        NoopAnimationsModule,
-                        SlickCarouselModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MsalModule*/
-                    ],
-                    providers: [
-                        CustomerApiService,
-                        LogService,
-                        LocalStorageService,
-                        ConfigService,
-                        InventoryApiService,
-                        MsalService,
-                        {
-                            provide: MSAL_INSTANCE,
-                            useFactory: MSALInstanceFactory
-                        },
-                        {
-                            provide: MSAL_INTERCEPTOR_CONFIG,
-                            useFactory: MSALInterceptorConfigFactory
-                        },
-                        {
-                            provide: HTTP_INTERCEPTORS,
-                            useClass: MsalInterceptor,
-                            multi: true
-                        }
-                    ]
+                    providedIn: 'root'
                 }]
         }] });
 
-const MockProfile = {
-    companyName: "The Portland Pot Shop",
-    businessPhones: ["503.555.1212"],
-    displayName: "PPS User",
-    givenName: "PPS Menu User",
-    id: "",
-    jobTitle: "Menu",
-    mail: "portlandpotshop@google.com",
-    mobilePhone: "503.555.1212",
-    officeLocation: "autoscroll",
-    photoUrl: "",
-    preferredLanguage: "en-us",
-    surname: "Pot Shop",
-    userPrincipalName: "portlandpotshop"
-};
-
 // ================================================
 // Export every type you want this module to expose
 // ================================================
-// Components
-//export * from './lib/components/external-navigation/external-navigation.component'
-//export * from './lib/components/navigate-to-route/navigate-to-route.component'
-//export * from './lib/components/page-not-found/page-not-found.component'
-//export * from './lib/components/route-based-templates/route-based-templates.component'
-// Factories
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AuthService, BaseApiService, CardTypes, Category, ConfigService, Customer, CustomerApiService, CwmSharedModule, DbKeys, InventoryApiService, Justifications, LocalStorageService, LogService, LoggingVerbosity, MSALGuardConfigFactory, MSALInstanceFactory, MSALInterceptorConfigFactory, MockConfig, MockInventoryApiResponse, MockProfile, NamedColors, OnElementStyle, Product, Profile, SafeHtmlPipe, TimeSpan, TimeSpanOverflowError, UserTypes, Utilities, decodeToken, doWithLock, isTokenValid, waitFor };
+export { AuthService, BaseApiService, CardTypes, Category, ConfigService, Customer, CustomerApiService, CwmSharedModule, DbKeys, ExternalNavigationComponent, InventoryApiService, Justifications, LocalStorageService, LogService, LoggingVerbosity, MSALGuardConfigFactory, MSALInstanceFactory, MSALInterceptorConfigFactory, MockConfig, MockInventoryApiResponse, MockProfile, NamedColors, NavigateToRouteComponent, OnElementStyle, PageNotFoundComponent, Product, Profile, SafeHtmlPipe, TimeSpan, TimeSpanOverflowError, UserTypes, Utilities, decodeToken, doWithLock, isTokenValid, waitFor };
 //# sourceMappingURL=transcommerce-cwm-shared.mjs.map