buildingproduct-library 1.1.8 → 1.2.0

package/bundles/buildingproduct-library.umd.js

@@ -991,11 +991,92 @@
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
 
+    var CartService = /** @class */ (function () {
+        function CartService(http) {
+            this.http = http;
+            this.expandAll = new rxjs.BehaviorSubject(false);
+            this.isAccountLoaded = new rxjs.BehaviorSubject(false);
+        }
+        CartService.prototype.getCartList = function (cartId, sortBy) {
+            var url = GET_CART_LIST_ENDPOINT.url + cartId + '?fields=FULL';
+            if (sortBy != undefined)
+                url = url + sortBy;
+            return this.http
+                .get(url, {
+                headers: { 'Content-Type': 'application/json' },
+            })
+                .pipe(operators.catchError(function (errorRes) {
+                return rxjs.throwError(errorRes);
+            }));
+        };
+        CartService.prototype.getOrderDetails = function (orderId) {
+            var url = GET_ORDER_DETAIL.url + orderId + '?fields=DEFAULT&needBase64MediaURL=true&versionId=initial';
+            return this.http
+                .get(url, {
+                headers: { 'Content-Type': 'application/json' },
+            })
+                .pipe(operators.catchError(function (errorRes) {
+                return rxjs.throwError(errorRes);
+            }));
+        };
+        CartService.prototype.deleteCartEntry = function (cartId, entryNumber) {
+            var url = DELETE_CART_ENTRY_ENDPOINT.url + cartId + '/entries/' + entryNumber;
+            return this.http
+                .delete(url, {
+                headers: { 'Content-Type': 'application/json' },
+            })
+                .pipe(operators.catchError(function (errorRes) {
+                return rxjs.throwError(errorRes);
+            }));
+        };
+        CartService.prototype.clearCart = function (cartId) {
+            var url = DELETE_CART_ENTRY_ENDPOINT.url + cartId;
+            return this.http
+                .delete(url, {
+                headers: { 'Content-Type': 'application/json' },
+            })
+                .pipe(operators.catchError(function (errorRes) {
+                return rxjs.throwError(errorRes);
+            }));
+        };
+        CartService.prototype.updateCartEntry = function (cartId, entryNumber, payLoad) {
+            var url = UPDATE_CART_ENTRY_ENDPOINT.url + cartId + '/bpEntries/' + entryNumber;
+            return this.http.put(url, payLoad, {
+                headers: { 'Content-Type': 'application/json' },
+            })
+                .pipe(operators.catchError(function (errorRes) {
+                return rxjs.throwError(errorRes);
+            }));
+        };
+        CartService.prototype.reloadCart = function () {
+            var url = GET_CART_DETAILS.url + '?fields=carts(DEFAULT,potentialProductPromotions,appliedProductPromotions,potentialOrderPromotions,appliedOrderPromotions,entries(totalPrice(formattedValue),product(images(FULL),stock(FULL)),basePrice(formattedValue,value),updateable),totalPrice(formattedValue),totalItems,totalPriceWithTax(formattedValue),totalDiscounts(value,formattedValue),subTotal(formattedValue),deliveryItemsQuantity,deliveryCost(formattedValue),totalTax(formattedValue,%20value),pickupItemsQuantity,net,appliedVouchers,productDiscounts(formattedValue),user,saveTime,name,description)';
+            return this.http.get(url, {
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Cache-Control': 'no-store, no-cache'
+                },
+            })
+                .pipe(operators.catchError(function (errorRes) {
+                return rxjs.throwError(errorRes);
+            }));
+        };
+        return CartService;
+    }());
+    CartService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CartService, deps: [{ token: i1__namespace$1.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    CartService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CartService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CartService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
+
     var AccountDropdownComponent = /** @class */ (function () {
-        function AccountDropdownComponent(service, fiUserAccountDetailsService, findStoreService) {
+        function AccountDropdownComponent(service, fiUserAccountDetailsService, findStoreService, cartService) {
             this.service = service;
             this.fiUserAccountDetailsService = fiUserAccountDetailsService;
             this.findStoreService = findStoreService;
+            this.cartService = cartService;
             this.accounts = [];
             this.showWaitCursor = new rxjs.BehaviorSubject(false);
             this.isAccountChanged = false;
@@ -1057,6 +1138,7 @@
                     }
                 }
             });
+            this.cartService.isAccountLoaded.next(true);
             if (this.selecteduserData && this.selecteduserData.name) {
                 this.selecteduserData = JSON.parse(localStorage.getItem('selectedAccout') || '{}');
                 this.accounts.forEach(function (element) {
@@ -1146,7 +1228,7 @@
         };
         return AccountDropdownComponent;
     }());
-    AccountDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AccountDropdownComponent, deps: [{ token: AccountDropdownService }, { token: UserAccountDetailServiceService }, { token: FindStoreService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    AccountDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AccountDropdownComponent, deps: [{ token: AccountDropdownService }, { token: UserAccountDetailServiceService }, { token: FindStoreService }, { token: CartService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     AccountDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AccountDropdownComponent, selector: "app-account-dropdown", ngImport: i0__namespace, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row hello\">\r\n    <div class=\"col-lg-12 col-md-12\">\r\n        <div class=\"accountDropdown\">\r\n            <div class=\"dropdown input-group\">\r\n                <div class=\"input-group-prepend input-icon\">\r\n                    <img src=\"../../../assets/images/ionic-ios-users-outline.svg\" class=\"w-20\">\r\n                </div>\r\n                <button class=\"btn custom-input position-relative\" type=\"button\" id=\"branchAccountDropdown\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n\t\t\t\t\t<span *ngIf=\"selectedUser && !selecteduserData?.name\" class=\"accountName\"> {{selectedUser[0]?.name}} </span>\r\n\t\t\t\t\t<span *ngIf=\"selecteduserData && selecteduserData?.name\"  class=\"accountName\">{{selecteduserData?.name}}</span>\r\n\t\t\t\t\t<i class=\"fas fa-chevron-down custom-arrow\"></i>\r\n\t\t\t\t</button>\r\n                <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\r\n                    <div class=\"menu\">\r\n                        <div *ngFor=\"let data of accounts\" class=\"parent-dropdown-item\">\r\n                            <div (click)=\"getAccountName(data)\" [ngClass]=\"{'highlight':data.name == selecteduserData?.name || data.isDefaultAccount && !isAccountChanged}\" class=\"labelOneChild position-relative\">\r\n                                <span class=\"accountdata\"> {{data.name}} </span>\r\n                                <span class=\"accountIcon\"> \r\n\t\t\t\t\t\t\t\t<img *ngIf=\"data.isDefaultAccount && !isAccountChanged\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\">\r\n\t\t\t\t\t\t\t\t<img *ngIf=\"data.name == selecteduserData?.name\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\">\r\n\t\t\t\t\t\t\t</span>\r\n                            </div>\r\n                            <div class=\"child-menu\" *ngIf=\"data?.children?.length > 0\">\r\n                                <div *ngFor=\"let child of data?.children\" class=\"child-dropdown-item\">\r\n                                    <div (click)=\"getAccountName(child)\" [ngClass]=\"{'highlight':child.name == selecteduserData?.name}\" class=\"labelTwoChild position-relative\">\r\n                                        <span class=\"accountdata\">{{child.name}} </span>\r\n                                        <span class=\"accountIcon\"><img *ngIf=\"child.name == selecteduserData?.name\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\"></span>\r\n                                        <img *ngIf=\"child.isDefaultAccount && !isAccountChanged\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\">\r\n\t\t\t\t\t\t\t\t        <img *ngIf=\"child.name == selecteduserData?.name\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\">\r\n                                    </div>\r\n                                    <div *ngIf=\"child?.children?.length > 0\" class=\"subchild-menu\">\r\n                                        <div *ngFor=\"let subChild of child.children\" class=\"subdropdown-item\">\r\n                                            <div (click)=\"getAccountName(subChild)\" [ngClass]=\"{'highlight':subChild.name == selecteduserData?.name}\" class=\"labelThreeChild position-relative\">\r\n                                                <span class=\"accountdata\">{{subChild.name}} </span>\r\n                                                <span class=\"accountIcon\"><img *ngIf=\"subChild.name == selecteduserData?.name\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\"></span>\r\n                                                <img *ngIf=\"subChild.isDefaultAccount && !isAccountChanged\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\">\r\n\t\t\t\t\t\t\t\t                <img *ngIf=\"subChild.name == selecteduserData?.name\" src=\"../../../assets/images/Selected-icon.svg\" class=\"selectIcon\">\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n    <!-- <div class=\"col-lg-7 col-md-12\">\r\n        <app-find-store></app-find-store>\r\n    </div> -->\r\n</div>\r\n<ngb-toast *ngIf=\"showToast\" [autohide]=\"true\" [delay]=\"4000\">\r\n    <img src=\"../../../../assets/images/ActivateIcon.svg\">  Account has been changed\r\n    <i class=\"icon-close toast-close\" aria-label=\"Close\" (click)=\"closeToast()\"></i>\r\n</ngb-toast>\r\n", 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/Arial-BoldMT.eot);src:url(../assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(../assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(../assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(../assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(../assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:bold;font-style:normal;font-display:swap}@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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(../assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(../assets/images/icon-ridge-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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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;color:#fff}header .logoutMenu li:hover: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);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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 .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}}.accountDropdown{display:flex;align-items:center;width:100%;max-width:328px}.accountDropdown .dropdown-menu{background-color:#393939}.accountDropdown .dropdown-menu .menu{max-height:28rem;overflow:auto;padding:0 15px}.accountDropdown .dropdown-menu .menu .parent-dropdown-item{background-color:#393939;color:#c6c6c6;border-bottom:1px solid #525252}.accountDropdown .dropdown-menu .menu .parent-dropdown-item.selected{background-color:#474747}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .accountdata{width:90%;display:inline-block}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .accountIcon{width:10%;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2211.3%22 height%3D%227.8%22 viewBox%3D%220 0 11.3 7.8%22%3E%0D  %3Cpath id%3D%22Fill%22 d%3D%22M4.2%2C6.4.7%2C2.9%2C0%2C3.6%2C3.5%2C7.1l.7.7L11.3.7%2C10.6%2C0Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .labelOneChild{padding:7px 0}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .labelOneChild:hover{background-color:#474747}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .labelTwoChild{padding:7px 0 7px 15px}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .labelTwoChild:hover{background-color:#474747}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .labelThreeChild{padding:7px 0 7px 30px}.accountDropdown .dropdown-menu .menu .parent-dropdown-item .labelThreeChild:hover{background-color:#474747}.accountDropdown .dropdown-menu .menu .child-menu{padding:0}.accountDropdown .dropdown-menu .menu .child-menu .child-dropdown-item{border-top:1px solid #525252;padding:0}.accountDropdown .dropdown-menu .menu .subchild-menu .subdropdown-item{border-top:1px solid #525252}.selectIcon{position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:16px}.input-icon{background-color:#6f6f6f;padding:8px 10px}.w-20{width:20px}.dropdown-menu{width:calc(100% - 40px);top:-11px!important;padding:0}.accountName{display:block;width:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder-icon{position:relative;right:30px;top:0;z-index:4}.form-control[type=text]:focus{background-color:#464645}::placeholder{color:#fff}.btn:focus{box-shadow:none}.menu .parent-dropdown-item{cursor:pointer}.custom-arrow{position:absolute;right:20px;top:10px}@media screen and (max-width: 991px){.accountDropdown{margin-bottom:20px}}@media screen and (max-width: 576px){.accountDropdown{max-width:100%}}.highlight{background-color:#474747}::ng-deep .toast{top:20%;left:50%;position:fixed;min-width:500px;max-width:500px;transform:translate(-50%);z-index:9999;background-color:#1d1d1b}::ng-deep .toast .toast-body{color:#fff}::ng-deep .toast .toast-body img{margin-right:10px}::ng-deep .toast .toast-body .toast-close{top:50%;right:5%;position:absolute;transform:translate(-50%,-50%);cursor:pointer}::ng-deep .toast .toast-header{background-color:#1d1d1b;color:#fff;padding:15px;border-radius:0}::ng-deep .toast .toast-header .close{color:#fff;opacity:1;text-shadow:none}\n"], components: [{ type: i3__namespace$1.NgbToast, selector: "ngb-toast", inputs: ["delay", "autohide", "animation", "header"], outputs: ["shown", "hidden"], exportAs: ["ngbToast"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i5__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AccountDropdownComponent, decorators: [{
                 type: i0.Component,
@@ -1155,7 +1237,7 @@
                         templateUrl: './account-dropdown.component.html',
                         styleUrls: ['./account-dropdown.component.scss']
                     }]
-            }], ctorParameters: function () { return [{ type: AccountDropdownService }, { type: UserAccountDetailServiceService }, { type: FindStoreService }]; } });
+            }], ctorParameters: function () { return [{ type: AccountDropdownService }, { type: UserAccountDetailServiceService }, { type: FindStoreService }, { type: CartService }]; } });
 
     var generalConstants = {
     //general constants goes here 
@@ -1676,73 +1758,6 @@
         return CommonUtils;
     }());
 
-    var CartService = /** @class */ (function () {
-        function CartService(http) {
-            this.http = http;
-            this.expandAll = new rxjs.BehaviorSubject(false);
-        }
-        CartService.prototype.getCartList = function (cartId, sortBy) {
-            var url = GET_CART_LIST_ENDPOINT.url + cartId + '?fields=FULL';
-            if (sortBy != undefined)
-                url = url + sortBy;
-            return this.http
-                .get(url, {
-                headers: { 'Content-Type': 'application/json' },
-            })
-                .pipe(operators.catchError(function (errorRes) {
-                return rxjs.throwError(errorRes);
-            }));
-        };
-        CartService.prototype.getOrderDetails = function (orderId) {
-            var url = GET_ORDER_DETAIL.url + orderId + '?fields=DEFAULT&needBase64MediaURL=true&versionId=initial';
-            return this.http
-                .get(url, {
-                headers: { 'Content-Type': 'application/json' },
-            })
-                .pipe(operators.catchError(function (errorRes) {
-                return rxjs.throwError(errorRes);
-            }));
-        };
-        CartService.prototype.deleteCartEntry = function (cartId, entryNumber) {
-            var url = DELETE_CART_ENTRY_ENDPOINT.url + cartId + '/entries/' + entryNumber;
-            return this.http
-                .delete(url, {
-                headers: { 'Content-Type': 'application/json' },
-            })
-                .pipe(operators.catchError(function (errorRes) {
-                return rxjs.throwError(errorRes);
-            }));
-        };
-        CartService.prototype.clearCart = function (cartId) {
-            var url = DELETE_CART_ENTRY_ENDPOINT.url + cartId;
-            return this.http
-                .delete(url, {
-                headers: { 'Content-Type': 'application/json' },
-            })
-                .pipe(operators.catchError(function (errorRes) {
-                return rxjs.throwError(errorRes);
-            }));
-        };
-        CartService.prototype.updateCartEntry = function (cartId, entryNumber, payLoad) {
-            var url = UPDATE_CART_ENTRY_ENDPOINT.url + cartId + '/bpEntries/' + entryNumber;
-            return this.http.put(url, payLoad, {
-                headers: { 'Content-Type': 'application/json' },
-            })
-                .pipe(operators.catchError(function (errorRes) {
-                return rxjs.throwError(errorRes);
-            }));
-        };
-        return CartService;
-    }());
-    CartService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CartService, deps: [{ token: i1__namespace$1.HttpClient }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    CartService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CartService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CartService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.HttpClient }]; } });
-
     var AccountDropdownStateService = /** @class */ (function () {
         function AccountDropdownStateService() {
             this.cartValue = new rxjs.BehaviorSubject({});
@@ -1936,16 +1951,11 @@
         }
         CustomMiniCartComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var cartLoaded, _u;
+                var _u;
                 var _this = this;
                 return __generator(this, function (_v) {
                     switch (_v.label) {
                         case 0:
-                            cartLoaded = sessionStorage.getItem('isCartLoaded');
-                            if (cartLoaded == null) {
-                                sessionStorage.setItem('isCartLoaded', 'true');
-                                window.location.reload();
-                            }
                             _u = this;
                             return [4 /*yield*/, this.userProfileDetailsService.isCartPermission()];
                         case 1:
@@ -1953,31 +1963,26 @@
                                 _v.sent();
                             this.getCartId();
                             this.showWaitCursor.next(true);
-                            this.cmsService
-                                .getComponentData("ContactUsComponent")
-                                .subscribe(function (data) { });
-                            this.cart$.subscribe(function (dataRes) {
-                                var _a;
-                                _this.totalCartItems = dataRes === null || dataRes === void 0 ? void 0 : dataRes.totalItems;
-                                if (dataRes.totalPrice) {
-                                    _this.getCartLists();
-                                    _this.totalPriceFormat = (_a = dataRes === null || dataRes === void 0 ? void 0 : dataRes.totalPrice) === null || _a === void 0 ? void 0 : _a.formattedValue;
+                            this.router.events.subscribe(function (val) {
+                                if (window.location.pathname.includes("mylist")) {
+                                    _this.searchPlaceHolder = "Search for a particular list";
                                 }
                                 else {
-                                    _this.totalPriceFormat = "";
+                                    _this.searchPlaceHolder = "Search";
                                 }
-                                _this.accountDropDownStateService.setCartValue(dataRes);
-                                _this.router.events.subscribe(function (val) {
-                                    if (window.location.pathname.includes("mylist")) {
-                                        _this.searchPlaceHolder = "Search for a particular list";
-                                    }
-                                    else {
-                                        _this.searchPlaceHolder = "Search";
-                                    }
-                                    _this.ref.markForCheck();
-                                });
                                 _this.ref.markForCheck();
                             });
+                            this.cartService.isAccountLoaded.subscribe(function (isLoaded) {
+                                if (isLoaded) {
+                                    setTimeout(function () {
+                                        _this.loadFirstCartData();
+                                    }, 1000);
+                                    _this.getCartData();
+                                }
+                            });
+                            this.cmsService
+                                .getComponentData("ContactUsComponent")
+                                .subscribe(function (data) { });
                             this.cmsService
                                 .getComponentData("EmptyCartParagraphComponent")
                                 .subscribe(function (data) {
@@ -2012,6 +2017,53 @@
             var cartObj = localStorage.getItem("spartacus⚿dimond-spa⚿cart");
             this.cartId = (_a = JSON.parse(cartObj)) === null || _a === void 0 ? void 0 : _a.active;
         };
+        CustomMiniCartComponent.prototype.loadFirstCartData = function () {
+            var _this = this;
+            this.cartService.reloadCart().subscribe(function (data) {
+                var _a;
+                if (data && data.carts && data.carts.length > 0) {
+                    var dataRes = data.carts[0];
+                    _this.totalCartItems = dataRes === null || dataRes === void 0 ? void 0 : dataRes.totalItems;
+                    if (dataRes.totalPrice) {
+                        _this.totalPriceFormat = (_a = dataRes === null || dataRes === void 0 ? void 0 : dataRes.totalPrice) === null || _a === void 0 ? void 0 : _a.formattedValue;
+                    }
+                    else {
+                        _this.totalPriceFormat = "";
+                    }
+                    _this.items = [];
+                    dataRes.entries.forEach(function (n) {
+                        _this.items.push(n);
+                    });
+                    _this.cartDetails = dataRes.entries;
+                    _this.accountDropDownStateService.setCartValue(dataRes);
+                    _this.ref.markForCheck();
+                }
+            });
+        };
+        CustomMiniCartComponent.prototype.getCartData = function () {
+            var _this = this;
+            this.cart$.subscribe(function (dataRes) {
+                var _a;
+                _this.totalCartItems = dataRes === null || dataRes === void 0 ? void 0 : dataRes.totalItems;
+                if (dataRes.totalPrice) {
+                    _this.getCartLists();
+                    _this.totalPriceFormat = (_a = dataRes === null || dataRes === void 0 ? void 0 : dataRes.totalPrice) === null || _a === void 0 ? void 0 : _a.formattedValue;
+                }
+                else {
+                    _this.totalPriceFormat = "";
+                }
+                _this.accountDropDownStateService.setCartValue(dataRes);
+                _this.ref.markForCheck();
+            });
+            if (this.entries$) {
+                this.entries$.subscribe(function (data) {
+                    _this.items = [];
+                    data.forEach(function (n) {
+                        _this.items.push(n);
+                    });
+                });
+            }
+        };
         CustomMiniCartComponent.prototype.getCartLists = function () {
             var _this = this;
             this.showWaitCursor.next(true);