buildingproduct-library 0.2.78 → 0.2.79

package/fesm2015/buildingproduct-library.js

@@ -16,13 +16,13 @@ import * as i2$2 from '@auth0/auth0-angular';
 import { AuthService, AuthModule } from '@auth0/auth0-angular';
 import * as i2$5 from '@ngrx/store';
 import { StoreModule } from '@ngrx/store';
+import { __awaiter, __rest } from 'tslib';
 import { throwError, BehaviorSubject, of, Observable, Subscription, combineLatest } from 'rxjs';
 import { catchError, switchMap, map, distinctUntilChanged, filter, tap, shareReplay } from 'rxjs/operators';
 import * as i2 from '@spartacus/user/account/root';
 import * as i3$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbToastModule, NgbModule, NgbModal, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
 import { AgmCoreModule } from '@agm/core';
-import { __awaiter, __rest } from 'tslib';
 import { MatDialogModule } from '@angular/material/dialog';
 import * as i1$2 from '@angular/forms';
 import { Validators, FormGroup, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
@@ -475,6 +475,19 @@ class UserAccountDetailServiceService {
     isAccountOwnerPermission() {
         return this._isAccountOwnerGroup;
     }
+    isEnviornmentLoaded() {
+        return new Promise((resolve) => {
+            let env = sessionStorage.getItem('env');
+            let environment = JSON.parse(env);
+            if (environment && environment.occBaseUrl == undefined) {
+                window.location.reload();
+                // this.isEnviornmentLoaded();
+            }
+            else {
+                resolve(true);
+            }
+        });
+    }
     isCreateInviteGroupPermission() {
         return new Promise((resolve) => {
             this._isDataLoaded.subscribe((isDataLoaded) => {
@@ -612,32 +625,35 @@ class AccountDropdownComponent {
         this.showToast = false;
     }
     ngOnInit() {
-        this.selecteduserData = JSON.parse(localStorage.getItem('selectedAccout') || '{}');
-        this.fiUserAccountDetailsService.getUserAccount().subscribe((user) => {
-            var _a, _b;
-            if (user) {
-                const username = (_a = user.uid) === null || _a === void 0 ? void 0 : _a.toString();
-                const cartObj = localStorage.getItem('spartacus⚿dimond-spa⚿cart');
-                const cartId = (_b = JSON.parse(cartObj)) === null || _b === void 0 ? void 0 : _b.active;
-                if (cartId) {
-                    this.service.getAccountDatawithCartId(cartId).subscribe((data) => {
-                        if (data) {
-                            this.showWaitCursor.next(false);
-                            this.accounts = data;
-                            this.getAccountsData();
-                        }
-                    });
-                }
-                else {
-                    this.service.getAccountData().subscribe((data) => {
-                        if (data) {
-                            this.showWaitCursor.next(false);
-                            this.accounts = data;
-                            this.getAccountsData();
-                        }
-                    });
+        return __awaiter(this, void 0, void 0, function* () {
+            const isLoaded = yield this.fiUserAccountDetailsService.isEnviornmentLoaded();
+            this.selecteduserData = JSON.parse(localStorage.getItem('selectedAccout') || '{}');
+            this.fiUserAccountDetailsService.getUserAccount().subscribe((user) => {
+                var _a, _b;
+                if (user) {
+                    const username = (_a = user.uid) === null || _a === void 0 ? void 0 : _a.toString();
+                    const cartObj = localStorage.getItem('spartacus⚿dimond-spa⚿cart');
+                    const cartId = (_b = JSON.parse(cartObj)) === null || _b === void 0 ? void 0 : _b.active;
+                    if (cartId) {
+                        this.service.getAccountDatawithCartId(cartId).subscribe((data) => {
+                            if (data) {
+                                this.showWaitCursor.next(false);
+                                this.accounts = data;
+                                this.getAccountsData();
+                            }
+                        });
+                    }
+                    else {
+                        this.service.getAccountData().subscribe((data) => {
+                            if (data) {
+                                this.showWaitCursor.next(false);
+                                this.accounts = data;
+                                this.getAccountsData();
+                            }
+                        });
+                    }
                 }
-            }
+            });
         });
     }
     getAccountsData() {
@@ -810,8 +826,9 @@ const createAccountFormConstants = {
 };
 
 class FindStoreComponent {
-    constructor(findStoreService, cd) {
+    constructor(findStoreService, fiUserAccountDetailsService, cd) {
         this.findStoreService = findStoreService;
+        this.fiUserAccountDetailsService = fiUserAccountDetailsService;
         this.cd = cd;
         this.storeApiSubscried = false;
         this.homeBranchAddress = {};
@@ -830,21 +847,24 @@ class FindStoreComponent {
         };
     }
     ngOnInit() {
-        this.findStoreService.homeBranch.subscribe((data) => {
-            setTimeout(() => {
-                var _a;
-                if (data) {
-                    if (localStorage.getItem('branchDetails')) {
-                        this.homeBranchData = localStorage.getItem('branchDetails');
-                        this.branchName = (_a = JSON.parse(this.homeBranchData)) === null || _a === void 0 ? void 0 : _a.displayName;
-                        this.cd.markForCheck();
-                    }
-                    else {
-                        this.branchName = data === null || data === void 0 ? void 0 : data.displayName;
-                        this.cd.markForCheck();
+        return __awaiter(this, void 0, void 0, function* () {
+            const isLoaded = yield this.fiUserAccountDetailsService.isEnviornmentLoaded();
+            this.findStoreService.homeBranch.subscribe((data) => {
+                setTimeout(() => {
+                    var _a;
+                    if (data) {
+                        if (localStorage.getItem('branchDetails')) {
+                            this.homeBranchData = localStorage.getItem('branchDetails');
+                            this.branchName = (_a = JSON.parse(this.homeBranchData)) === null || _a === void 0 ? void 0 : _a.displayName;
+                            this.cd.markForCheck();
+                        }
+                        else {
+                            this.branchName = data === null || data === void 0 ? void 0 : data.displayName;
+                            this.cd.markForCheck();
+                        }
                     }
-                }
-            }, 100);
+                }, 100);
+            });
         });
     }
     getStores() {
@@ -885,7 +905,7 @@ class FindStoreComponent {
         }
     }
 }
-FindStoreComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FindStoreComponent, deps: [{ token: FindStoreService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FindStoreComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FindStoreComponent, deps: [{ token: FindStoreService }, { token: UserAccountDetailServiceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 FindStoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FindStoreComponent, selector: "app-find-store", ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-lg-12 col-sm-12\">\r\n        <div class=\"input-group storeFinder\">\r\n            <div class=\"input-group-prepend input-icon po\">\r\n                <img src=\"../../../assets/images/ionic-ios-location-outline.svg\" class=\"w-20\">\r\n            </div>\r\n            <button class=\"btn custom-input position-relative text-left\" type=\"button\" data-toggle=\"modal\" data-target=\"#storeFinderModal\" (click)=\"getStores()\">\r\n                {{branchName}}\t\t\t\r\n            </button>\r\n            <p id=\"demo\"></p>\r\n            <span class=\"placeholder-icon\" (click)=\"getLocation()\">\r\n                <img src=\"../../../assets/images/ionic-ios-my-location.svg\" class=\"w-20\">\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal fade modal-right\" id=\"storeFinderModal\" role=\"dialog\" aria-labelledby=\"storeFinderLabel\" aria-hidden=\"true\">\r\n    <div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\" container\">\r\n                <div class=\"modal-header\">\r\n                    <h5 class=\"modal-title\">{{locationModalConstantsData.homeBranch}}</h5>\r\n                    <i class=\"icon-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n                </div>\r\n                <div class=\"modal-body px-2\">\r\n                    <div class=\"selected-location\">\r\n                        <address class=\"mb-0\">\r\n                            <h6>{{homeBranchAddress?.displayName}} <span>({{homeBranchAddress?.businessCategory}})</span></h6>\r\n                            <p class=\"mb-2\">\r\n                                {{homeBranchAddress?.address?.formattedAddress}}<br>\r\n                                <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{homeBranchAddress?.address?.email}}\">{{homeBranchAddress?.address?.email}}</a><br>\r\n                                <span class=\"homeTxtLabel\"> Phone : </span><a href=\"tel:{{homeBranchAddress?.address?.phone}}\">{{homeBranchAddress?.address?.phone}}</a>\r\n                            </p>\r\n                            <span class=\"homeDirection\">\r\n                                <a href=\"javascript:void(0)\" (click)=\"openMap(homeBranchAddress?.geoPoint.latitude, homeBranchAddress?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                            </span>\r\n                        </address>\r\n                    </div>\r\n                    <div class=\"nearest-branch\">\r\n                        <h5>Branches</h5>\r\n                        <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\r\n                            <li class=\"nav-item\">\r\n                                <a class=\"nav-link active d-inline-block pl-1\" id=\"all-tab\" data-toggle=\"tab\" href=\"#all\" role=\"tab\" aria-controls=\"all\" aria-selected=\"true\">{{locationModalConstantsData.allTab}}</a>\r\n                            </li>\r\n                            <li class=\"nav-item\">\r\n                                <a class=\"nav-link d-inline-block pl-1\" id=\"north-tab\" data-toggle=\"tab\" href=\"#north\" role=\"tab\" aria-controls=\"north\" aria-selected=\"false\">{{locationModalConstantsData.northIslandTab}}</a>\r\n                            </li>\r\n                            <li class=\"nav-item \">\r\n                                <a class=\"nav-link d-inline-block pl-1\" id=\"south-tab\" data-toggle=\"tab\" href=\"#south\" role=\"tab\" aria-controls=\"south\" aria-selected=\"false\">{{locationModalConstantsData.southIslandTab}}</a>\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"tab-content mt-2\" id=\"myTabContent\">\r\n                            <div class=\"tab-pane fade show active\" id=\"all\" role=\"tabpanel\" aria-labelledby=\"all-tab\">\r\n                                <ng-container *ngIf=\"stores && stores?.length; else storesAvalable\">\r\n                                    <address *ngFor=\"let store of stores\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #storesAvalable>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class=\"tab-pane fade\" id=\"north\" role=\"tabpanel\" aria-labelledby=\"north-tab\">\r\n                                <ng-container *ngIf=\"arrayNorthIsland && arrayNorthIsland?.length>0; else northIsland\">\r\n                                    <address *ngFor=\"let store of arrayNorthIsland\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #northIsland>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class=\"tab-pane fade\" id=\"south\" role=\"tabpanel\" aria-labelledby=\"south-tab\">\r\n                                <ng-container *ngIf=\"arraySouthIsland && arraySouthIsland?.length>0; else southIsland\">\r\n                                    <address *ngFor=\"let store of arraySouthIsland\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #southIsland>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0}cx-storefront header.is-expanded .PreHeader{position:absolute;right:15px;top:15px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;top:25px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}.storeFinder{max-width:328px}.input-icon{background-color:#6f6f6f;padding:8px 10px}.w-20{width:20px}.custom-input{height:40px;background-color:#393939;border:1px solid #6F6F6F;color:#fff;border-radius:0;padding:.375rem .75rem;font-size:var(--fontsize16);line-height:var(--fontsize22);width:calc(100% - 42px)}.custom-input:hover{color:#fff}.placeholder-icon{position:absolute;right:0;top:0;z-index:4;cursor:pointer;width:40px;height:40px;display:flex}.form-control[type=text]:focus{background-color:#464645}.close{color:#fff}::placeholder{color:#fff}#storeFinderModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0px;max-width:508px;padding-bottom:4.5rem}#storeFinderModal .modal-content{background-color:#393939;color:#fff}#storeFinderModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}#storeFinderModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}#storeFinderModal .modal-body{padding:1rem;height:calc(100vh - 88px)}#storeFinderModal .selected-location{background-color:#474747;padding:1rem}#storeFinderModal .selected-location .homeTxtLabel{width:60px;display:inline-block}#storeFinderModal .selected-location address{margin-bottom:0}#storeFinderModal .selected-location address h6{font-size:var(--fontsize18);line-height:var(--fontsize18);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .selected-location address h6 span{font-size:var(--fontsize14)}#storeFinderModal .selected-location address p{font-size:var(--fontsize16);line-height:30px}#storeFinderModal .selected-location address a{color:#fff;text-decoration:underline}#storeFinderModal .selected-location address .homeDirection{cursor:pointer;text-decoration:underline;text-transform:uppercase;font-size:var(--fontsize14);line-height:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch{margin-top:2rem;margin-bottom:3rem}#storeFinderModal .nearest-branch .tab-content .tab-pane{padding-right:1.5rem;overflow-y:auto;height:calc(100vh - 400px)}#storeFinderModal .nearest-branch h5{font-size:var(--fontsize18);line-height:var(--fontsize23);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch h5 span{font-size:var(--fontsize14)}#storeFinderModal .nearest-branch .nav-item{width:calc(100% / 3);text-align:left}#storeFinderModal .nearest-branch .nav-link{font-size:16px;padding-bottom:0;background:#393939;color:#fff}#storeFinderModal .nearest-branch .nav-link.active{border-bottom:4px solid #B61828}#storeFinderModal .nearest-branch address{padding:1rem 0;border-bottom:1px solid #707070}#storeFinderModal .nearest-branch address h5{font-size:var(--fontsize18);line-height:var(--fontsize18);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch address p{font-size:var(--fontsize16);line-height:30px}#storeFinderModal .nearest-branch address a{color:#fff;text-decoration:underline}#storeFinderModal .nearest-branch .direction{text-transform:uppercase}#storeFinderModal .nearest-branch .direction a{font-family:\"Arial Bold\",sans-serif;text-decoration:underline;font-size:var(--fontsize14)}#storeFinderModal .nearest-branch .select-btn{font-family:\"Arial Bold\",sans-serif;height:44px;width:132px;font-size:var(--fontsize14);line-height:var(--fontsize16);background-color:#b61828;color:#fff;border:none}.noDataAvailableLabel{font-size:var(--fontsize14)}.contactNumber{min-width:10em;font-size:var(--fontsize16);padding-top:2px;line-height:var(--fontsize40)}.contactNumber .contactNum i{font-size:var(--fontsize20)}.contactNumber .contactNum a{color:#fff;text-decoration:underline}@media screen and (max-width: 767px){#storeFinderModal .modal-content .modal-header .modal-title{font-size:1.5rem}}@media screen and (max-width: 576px){.storeFinder{max-width:100%}}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i4.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FindStoreComponent, decorators: [{
             type: Component,
@@ -894,7 +914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     templateUrl: './find-store.component.html',
                     styleUrls: ['./find-store.component.scss']
                 }]
-        }], ctorParameters: function () { return [{ type: FindStoreService }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: FindStoreService }, { type: UserAccountDetailServiceService }, { type: i0.ChangeDetectorRef }]; } });
 
 let sharedData$9 = {};
 const listOfModules$9 = [];