tango-app-ui-shared 3.7.3-dev6-demo7 → 3.7.3-dev6-demo8

package/fesm2022/tango-app-ui-shared-edge-wrapper.module-CFDk0tvS.mjs

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { NgModule } from '@angular/core';
+import { TangoStoresEdgeappModule } from 'tango-app-ui-stores-edgeapp';
+
+class TangoEdgeAppWrapperModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TangoEdgeAppWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TangoEdgeAppWrapperModule, imports: [TangoStoresEdgeappModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TangoEdgeAppWrapperModule, imports: [TangoStoresEdgeappModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TangoEdgeAppWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        TangoStoresEdgeappModule
+                    ]
+                }]
+        }] });
+
+export { TangoEdgeAppWrapperModule };
+//# sourceMappingURL=tango-app-ui-shared-edge-wrapper.module-CFDk0tvS.mjs.map

package/fesm2022/tango-app-ui-shared-edge-wrapper.module-CFDk0tvS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tango-app-ui-shared-edge-wrapper.module-CFDk0tvS.mjs","sources":["../../../projects/tango-app-shared/src/lib/routes/route-wraper-modules/edge-wrapper.module.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { TangoStoresEdgeappModule } from 'tango-app-ui-stores-edgeapp';\r\n \r\n@NgModule({\r\n  declarations: [\r\n  ],\r\n  imports: [\r\n    TangoStoresEdgeappModule\r\n  ]\r\n})\r\nexport class TangoEdgeAppWrapperModule { }"],"names":[],"mappings":";;;;MAUa,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAHlC,wBAAwB,CAAA,EAAA,CAAA;AAGf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAHlC,wBAAwB,CAAA,EAAA,CAAA;;4FAGf,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EACb;AACD,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;;;;"}

package/fesm2022/tango-app-ui-shared-intro.module-DYh4ZRha.mjs

@@ -0,0 +1,188 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { Subject, takeUntil } from 'rxjs';
+import * as i2 from '@ng-bootstrap/ng-bootstrap';
+import { NgbCarouselConfig, NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';
+import dayjs from 'dayjs';
+import * as i1 from 'tango-app-ui-global';
+import { AuthService } from './tango-app-ui-shared.mjs';
+import '@angular/common/http';
+import 'sweetalert2';
+import '@angular/animations';
+import 'rxjs/operators';
+import '@angular/platform-browser';
+import 'dayjs/locale/en';
+import 'dayjs/plugin/utc';
+import 'dayjs/plugin/timezone';
+import '@angular/forms';
+import 'ngx-daterangepicker-material';
+import 'crypto-js';
+import 'ngx-pagination';
+import '@ngx-translate/core';
+import 'ng-inline-svg-2';
+
+class ContactSupportComponent {
+    activeModal;
+    constructor(activeModal) {
+        this.activeModal = activeModal;
+    }
+    accept() {
+        this.activeModal.close('submit');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContactSupportComponent, deps: [{ token: i2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContactSupportComponent, selector: "lib-contact-support", ngImport: i0, template: "<div class=\"card p-0\">\r\n    <div class=\"card-header border-0 pt-3\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label ellipse1 header mb-2\">Contact Support</span>\r\n        </h3>\r\n        <div class=\"card-toolbar\">\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body pt-0 mh-60vh\">\r\n        <div class=\"d-flex justify-content-between align-items-center pt-5\" >\r\n            <div class=\"d-flex\">\r\n                <div class=\"position-relative\">\r\n                    <div class=\"rounded-5 profile fw-semibold d-flex align-items-center justify-content-center\">CU</div>\r\n                </div>\r\n                <div class=\"d-grid mx-3\">\r\n                    <span class=\"headingtext fw-bold-600\"> Customer support </span>\r\n                    <span class=\"sub-header ellipse fw-bold-400\">hello&#64;tangotech.co.in</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"contact fw-semibold\">\r\n                <span>+91 6380909115</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body pt-0\">\r\n        <button (click)=\"accept()\" class=\"btn btn-default btn-primary mt-5 w-100\">\r\n            Okay\r\n        </button>\r\n    </div>\r\n</div>", styles: [".header{color:var(--Gray-900, #101828)!important;font-size:18px!important;line-height:28px!important}.sub-header{color:var(--Gray-500, #667085)!important;font-size:14px!important;line-height:20px}.contact{color:var(--Gray-500, #667085)!important;font-size:12px!important;line-height:18px}.fw-bold-400{font-weight:400!important}.fw-bold-600{font-weight:600!important}.ellipse{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipse1{min-width:auto;max-width:75vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile{color:var(--Primary-600, #00A3FF);background-color:var(--primary-50, #EAF8FF);width:40px!important;height:40px!important}.swal2-popup.swal2-toast.swal2-show,.swal2-toast{background-color:#0ff!important;border-left:2px solid red!important}.mh-60vh{max-height:60vh!important;overflow:auto!important}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContactSupportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-contact-support', template: "<div class=\"card p-0\">\r\n    <div class=\"card-header border-0 pt-3\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label ellipse1 header mb-2\">Contact Support</span>\r\n        </h3>\r\n        <div class=\"card-toolbar\">\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body pt-0 mh-60vh\">\r\n        <div class=\"d-flex justify-content-between align-items-center pt-5\" >\r\n            <div class=\"d-flex\">\r\n                <div class=\"position-relative\">\r\n                    <div class=\"rounded-5 profile fw-semibold d-flex align-items-center justify-content-center\">CU</div>\r\n                </div>\r\n                <div class=\"d-grid mx-3\">\r\n                    <span class=\"headingtext fw-bold-600\"> Customer support </span>\r\n                    <span class=\"sub-header ellipse fw-bold-400\">hello&#64;tangotech.co.in</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"contact fw-semibold\">\r\n                <span>+91 6380909115</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body pt-0\">\r\n        <button (click)=\"accept()\" class=\"btn btn-default btn-primary mt-5 w-100\">\r\n            Okay\r\n        </button>\r\n    </div>\r\n</div>", styles: [".header{color:var(--Gray-900, #101828)!important;font-size:18px!important;line-height:28px!important}.sub-header{color:var(--Gray-500, #667085)!important;font-size:14px!important;line-height:20px}.contact{color:var(--Gray-500, #667085)!important;font-size:12px!important;line-height:18px}.fw-bold-400{font-weight:400!important}.fw-bold-600{font-weight:600!important}.ellipse{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipse1{min-width:auto;max-width:75vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile{color:var(--Primary-600, #00A3FF);background-color:var(--primary-50, #EAF8FF);width:40px!important;height:40px!important}.swal2-popup.swal2-toast.swal2-show,.swal2-toast{background-color:#0ff!important;border-left:2px solid red!important}.mh-60vh{max-height:60vh!important;overflow:auto!important}\n"] }]
+        }], ctorParameters: () => [{ type: i2.NgbActiveModal }] });
+
+class LeadIntroComponent {
+    pageInfo;
+    gs;
+    modalService;
+    authService;
+    router;
+    productList = [];
+    destroy$ = new Subject();
+    trialDetails;
+    dayjs = dayjs;
+    constructor(pageInfo, gs, config, modalService, authService, router) {
+        this.pageInfo = pageInfo;
+        this.gs = gs;
+        this.modalService = modalService;
+        this.authService = authService;
+        this.router = router;
+        this.gs.userAccess.pipe(takeUntil(this.destroy$)).subscribe((e) => {
+            if (e && e?.userType === "lead") {
+                const user = JSON.parse(localStorage.getItem('user-info'));
+                this.authService.getLeadProducts(user.email).pipe(takeUntil(this.destroy$)).subscribe({
+                    next: (e) => {
+                        if (e?.data) {
+                            this.productList = e.data?.planDetails?.product;
+                        }
+                    }
+                });
+            }
+            else if (e && e?.userType === "client") {
+                const user = JSON.parse(localStorage.getItem('user-info'));
+                this.authService.getClientProducts(user.clientId).pipe(takeUntil(this.destroy$)).subscribe({
+                    next: (e) => {
+                        if (e?.data) {
+                            this.productList = e.data?.planDetails?.product?.map((product) => product.productName);
+                            this.trialDetails = this.daysWithin14(e.data?.planDetails?.product[0]?.trialEndDate);
+                        }
+                    }
+                });
+            }
+        });
+    }
+    daysWithin14(date) {
+        const currentDate = dayjs();
+        const givenDate = dayjs(date).add(2, 'day');
+        let diff = givenDate.diff(currentDate, 'day');
+        if (diff < 0) {
+            diff = 0;
+        }
+        const percentageRemaining = Math.round(((14 - diff) / 14) * 100);
+        return {
+            daysRemaining: diff <= 14 ? diff : 0,
+            percentageRemaining: diff <= 14 ? percentageRemaining : 100
+        };
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        this.setPageData();
+    }
+    setPageData() {
+        this.pageInfo.setTitle('Explore');
+        this.pageInfo.setDescription('Explore your products while waiting for admin approval');
+        this.pageInfo.setBreadcrumbs([
+            { title: 'Explore', path: '/explore', isActive: false, isSeparator: false },
+            { title: 'Explore', path: '/explore', isActive: false, isSeparator: true },
+        ]);
+    }
+    contactSupport() {
+        this.modalService.open(ContactSupportComponent, {
+            centered: true,
+            size: "md",
+        });
+    }
+    updateCircleChart(percentage) {
+        let id = 'progress-circle';
+        let text = 'percentage-text';
+        const progressCircle = document.getElementById(id);
+        const percentageText = document.getElementById(text);
+        if (progressCircle && percentageText) {
+            const circumference = Math.PI * 2 * parseFloat(progressCircle.getAttribute('r'));
+            const dasharray = circumference;
+            const dashoffset = circumference - (percentage / 100) * circumference;
+            progressCircle.setAttribute('stroke-dasharray', dasharray.toString());
+            progressCircle.setAttribute('stroke-dashoffset', dashoffset.toString());
+            percentageText.textContent = `${percentage}%`;
+        }
+    }
+    reDirectionUrl() {
+        this.router.navigateByUrl('/manage/summary');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LeadIntroComponent, deps: [{ token: i1.PageInfoService }, { token: i1.GlobalStateService }, { token: i2.NgbCarouselConfig }, { token: i2.NgbModal }, { token: AuthService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LeadIntroComponent, selector: "lib-lead-intro", providers: [NgbCarouselConfig], ngImport: i0, template: "<div *ngIf=\"(gs.userAccess | async)?.userType === 'lead'\" class=\"approvalcard mt-4 mb-5\">\r\n    <div class=\"d-flex align-items-center justify-content-between\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-30px me-5\"><span>\r\n                    <img src=\"./assets/tango/custompopup-Icons/danger-icon.svg\" alt=\"\">\r\n                </span>\r\n            </div>\r\n            <div class=\"approvaltext align-items-start justify-content-between\">\r\n                Your Approval is in pending !\r\n                <div class=\"approvesub d-block\">Can\u2019t find the answer you\u2019re looking for? Please chat to our friendly\r\n                    team.</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"d-flex align-items-center\">\r\n            <a (click)=\"contactSupport()\" type=\"button\" tabindex=\"0\"\r\n                class=\"btn btn-primary px-4 ng-star-inserted\"><span>Contact Us\r\n                </span></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" class=\"toastcard mb-5\">\r\n    <div class=\"d-flex align-items-center justify-content-between\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-30px me-5\"><span>\r\n                    <img src=\"./assets/tango/custompopup-Icons/danger-alert-primary.svg\" alt=\"\">\r\n                </span>\r\n            </div>\r\n            <span class=\"toasttext d-block\">Your trial has started. You have {{trialDetails?.daysRemaining}} days left\r\n                on your free trial</span>\r\n        </div>\r\n        <div class=\"row mt-1\">\r\n            <div class=\"d-flex align-items-center\">\r\n                <div><svg id=\"circle-chart\" width=\"94\" height=\"70\" viewBox=\"0 0 100 100\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                        <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#f0f0f0\" stroke-width=\"8\">\r\n                        </circle>\r\n\r\n                        <circle id=\"progress-circle\" cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#007bff\"\r\n                            stroke-width=\"8\" stroke-dasharray=\"251.2\"\r\n                            [attr.stroke-dashoffset]=\"updateCircleChart(trialDetails?.percentageRemaining)\">\r\n                        </circle>\r\n\r\n                        <text id=\"percentage-text\" x=\"50\" y=\"54\" class=\"producttext\" text-anchor=\"middle\"\r\n                            fill=\"#333333\">{{trialDetails?.percentageRemaining}}%</text>\r\n                    </svg></div>\r\n                <div class=\"align-items-start justify-content-between daysleft my-2\">\r\n                    {{trialDetails?.daysRemaining}} Days Left\r\n                    <div class=\"align-items-start trail\">\r\n                        Free trial</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<ngb-carousel #carousel [interval]=\"4000\" [pauseOnHover]=\"true\">\r\n    <ng-container *ngFor=\"let item of productList\">\r\n        <ng-container *ngIf=\"item === 'tangoTrax'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoTrax.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Trax! \uD83D\uDC4B\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Revolutionising Operations with AI powered SOPs\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Onboard Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Effortlessly add and manage your\r\n                                        stores,ensuring a smooth onboarding process.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Customize SOP Checklists</span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily create and configure SOP\r\n                                        checklists\r\n                                        tailored to your specific needs.</div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Gain Insights Dashboard </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Generate detailed reports and\r\n                                        visualize\r\n                                        checklist compliance data through an intuitive dashboard, enabling you to make\r\n                                        informed decisions cand enhance operational efficiency.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item === 'tangoZone'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoZone.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Zone! \uD83D\uDC4B\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Identify Hot Spots & Dead Zones of the store\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Choose Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Select Stores where you want to\r\n                                        identify\r\n                                        the\r\n                                        hot spots and dead zones\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Tag Zones </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Tag different sections or zones within\r\n                                        each\r\n                                        store and label them according to your operational needs.</div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Gain Insights </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Generate detailed reports and\r\n                                        visualize\r\n                                        zone-specific data such as traffic, dwell time, demographics, and heatmaps.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"item === 'tangoTraffic'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoTraffic.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Traffic! \uD83D\uDC4B\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Measure In-Store Traffic & Shopper Insights\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Onboard Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily add and manage stores with just\r\n                                        a\r\n                                        few\r\n                                        clicks on the dashboard\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Visualise Data </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">View intelligent insights including\r\n                                        traffic\r\n                                        patterns, dwell times, demographics enabling you to make informed decisions.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Manage Tickets </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily track and resolve your support\r\n                                        tickets\r\n                                        for prompt and efficient service.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n\r\n</ngb-carousel>", styles: [".heading{color:var(--Black, #101828);font-size:24px;font-style:normal;font-weight:600;line-height:32px}.sub{color:var(--Black, #101828);font-family:Inter;font-size:12px;font-weight:500!important;line-height:18px}.card-label{color:var(--gray-900, #101828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.card-sub{color:var(--gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.cardimg{width:500px;height:300px}::ng-deep .carousel-indicators [data-bs-target]{flex:0 1 auto;width:8px;height:8px;padding:0;cursor:pointer;background-color:#009bf3!important;border-radius:4px;transition:opacity .6s ease;margin-bottom:10px;border:0px}.toastcard{border-left:2px solid #00A3FF;background:#fff;box-shadow:0 4px 16px #0000001a;padding:6px 12px 6px 16px;align-items:center;gap:16px;align-self:stretch;border-radius:4px}.overflow{overflow-x:scroll}.toasttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:140%}.needhelp{border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);color:var(--Gray-700, #344054)!important;font-size:16px;font-weight:600!important;text-transform:capitalize}.daysleft{color:var(--Gray-800, #1D2939);font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:32px}.trail{color:var(--Gray-500, #667085);font-size:14px;font-weight:600;line-height:28px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.productitem{right:545px!important}.approvalcard{border-radius:12px;border:1px dashed var(--Warning-500, #F79009);background:var(--Warning-25, #FFFCF5);padding:16px 24px}.approvaltext{color:var(--Gray-900, #101828);font-size:20px;font-style:normal;font-weight:500;line-height:30px}.approvesub{color:var(--Gray-500, #667085);font-size:18px;font-style:normal;font-weight:400;line-height:28px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.NgbCarousel, selector: "ngb-carousel", inputs: ["animation", "activeId", "interval", "wrap", "keyboard", "pauseOnHover", "pauseOnFocus", "showNavigationArrows", "showNavigationIndicators"], outputs: ["slide", "slid"], exportAs: ["ngbCarousel"] }, { kind: "directive", type: i2.NgbSlide, selector: "ng-template[ngbSlide]", inputs: ["id"], outputs: ["slid"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LeadIntroComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-lead-intro', providers: [NgbCarouselConfig], template: "<div *ngIf=\"(gs.userAccess | async)?.userType === 'lead'\" class=\"approvalcard mt-4 mb-5\">\r\n    <div class=\"d-flex align-items-center justify-content-between\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-30px me-5\"><span>\r\n                    <img src=\"./assets/tango/custompopup-Icons/danger-icon.svg\" alt=\"\">\r\n                </span>\r\n            </div>\r\n            <div class=\"approvaltext align-items-start justify-content-between\">\r\n                Your Approval is in pending !\r\n                <div class=\"approvesub d-block\">Can\u2019t find the answer you\u2019re looking for? Please chat to our friendly\r\n                    team.</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"d-flex align-items-center\">\r\n            <a (click)=\"contactSupport()\" type=\"button\" tabindex=\"0\"\r\n                class=\"btn btn-primary px-4 ng-star-inserted\"><span>Contact Us\r\n                </span></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" class=\"toastcard mb-5\">\r\n    <div class=\"d-flex align-items-center justify-content-between\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-30px me-5\"><span>\r\n                    <img src=\"./assets/tango/custompopup-Icons/danger-alert-primary.svg\" alt=\"\">\r\n                </span>\r\n            </div>\r\n            <span class=\"toasttext d-block\">Your trial has started. You have {{trialDetails?.daysRemaining}} days left\r\n                on your free trial</span>\r\n        </div>\r\n        <div class=\"row mt-1\">\r\n            <div class=\"d-flex align-items-center\">\r\n                <div><svg id=\"circle-chart\" width=\"94\" height=\"70\" viewBox=\"0 0 100 100\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                        <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#f0f0f0\" stroke-width=\"8\">\r\n                        </circle>\r\n\r\n                        <circle id=\"progress-circle\" cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#007bff\"\r\n                            stroke-width=\"8\" stroke-dasharray=\"251.2\"\r\n                            [attr.stroke-dashoffset]=\"updateCircleChart(trialDetails?.percentageRemaining)\">\r\n                        </circle>\r\n\r\n                        <text id=\"percentage-text\" x=\"50\" y=\"54\" class=\"producttext\" text-anchor=\"middle\"\r\n                            fill=\"#333333\">{{trialDetails?.percentageRemaining}}%</text>\r\n                    </svg></div>\r\n                <div class=\"align-items-start justify-content-between daysleft my-2\">\r\n                    {{trialDetails?.daysRemaining}} Days Left\r\n                    <div class=\"align-items-start trail\">\r\n                        Free trial</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<ngb-carousel #carousel [interval]=\"4000\" [pauseOnHover]=\"true\">\r\n    <ng-container *ngFor=\"let item of productList\">\r\n        <ng-container *ngIf=\"item === 'tangoTrax'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoTrax.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Trax! \uD83D\uDC4B\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Revolutionising Operations with AI powered SOPs\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Onboard Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Effortlessly add and manage your\r\n                                        stores,ensuring a smooth onboarding process.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Customize SOP Checklists</span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily create and configure SOP\r\n                                        checklists\r\n                                        tailored to your specific needs.</div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Gain Insights Dashboard </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Generate detailed reports and\r\n                                        visualize\r\n                                        checklist compliance data through an intuitive dashboard, enabling you to make\r\n                                        informed decisions cand enhance operational efficiency.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item === 'tangoZone'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoZone.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Zone! \uD83D\uDC4B\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Identify Hot Spots & Dead Zones of the store\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Choose Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Select Stores where you want to\r\n                                        identify\r\n                                        the\r\n                                        hot spots and dead zones\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Tag Zones </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Tag different sections or zones within\r\n                                        each\r\n                                        store and label them according to your operational needs.</div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Gain Insights </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Generate detailed reports and\r\n                                        visualize\r\n                                        zone-specific data such as traffic, dwell time, demographics, and heatmaps.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"item === 'tangoTraffic'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoTraffic.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Traffic! \uD83D\uDC4B\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Measure In-Store Traffic & Shopper Insights\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Onboard Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily add and manage stores with just\r\n                                        a\r\n                                        few\r\n                                        clicks on the dashboard\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Visualise Data </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">View intelligent insights including\r\n                                        traffic\r\n                                        patterns, dwell times, demographics enabling you to make informed decisions.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Manage Tickets </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily track and resolve your support\r\n                                        tickets\r\n                                        for prompt and efficient service.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n\r\n</ngb-carousel>", styles: [".heading{color:var(--Black, #101828);font-size:24px;font-style:normal;font-weight:600;line-height:32px}.sub{color:var(--Black, #101828);font-family:Inter;font-size:12px;font-weight:500!important;line-height:18px}.card-label{color:var(--gray-900, #101828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.card-sub{color:var(--gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.cardimg{width:500px;height:300px}::ng-deep .carousel-indicators [data-bs-target]{flex:0 1 auto;width:8px;height:8px;padding:0;cursor:pointer;background-color:#009bf3!important;border-radius:4px;transition:opacity .6s ease;margin-bottom:10px;border:0px}.toastcard{border-left:2px solid #00A3FF;background:#fff;box-shadow:0 4px 16px #0000001a;padding:6px 12px 6px 16px;align-items:center;gap:16px;align-self:stretch;border-radius:4px}.overflow{overflow-x:scroll}.toasttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:140%}.needhelp{border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);color:var(--Gray-700, #344054)!important;font-size:16px;font-weight:600!important;text-transform:capitalize}.daysleft{color:var(--Gray-800, #1D2939);font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:32px}.trail{color:var(--Gray-500, #667085);font-size:14px;font-weight:600;line-height:28px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.productitem{right:545px!important}.approvalcard{border-radius:12px;border:1px dashed var(--Warning-500, #F79009);background:var(--Warning-25, #FFFCF5);padding:16px 24px}.approvaltext{color:var(--Gray-900, #101828);font-size:20px;font-style:normal;font-weight:500;line-height:30px}.approvesub{color:var(--Gray-500, #667085);font-size:18px;font-style:normal;font-weight:400;line-height:28px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.PageInfoService }, { type: i1.GlobalStateService }, { type: i2.NgbCarouselConfig }, { type: i2.NgbModal }, { type: AuthService }, { type: i2$1.Router }] });
+
+const routes = [
+    {
+        path: '',
+        component: LeadIntroComponent
+    }
+];
+class IntroRoutingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IntroRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: IntroRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IntroRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IntroRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule]
+                }]
+        }] });
+
+class IntroModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IntroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: IntroModule, declarations: [LeadIntroComponent,
+            ContactSupportComponent], imports: [CommonModule,
+            IntroRoutingModule,
+            NgbCarouselModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IntroModule, imports: [CommonModule,
+            IntroRoutingModule,
+            NgbCarouselModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IntroModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LeadIntroComponent,
+                        ContactSupportComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        IntroRoutingModule,
+                        NgbCarouselModule
+                    ]
+                }]
+        }] });
+
+export { IntroModule };
+//# sourceMappingURL=tango-app-ui-shared-intro.module-DYh4ZRha.mjs.map

package/fesm2022/tango-app-ui-shared-intro.module-DYh4ZRha.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tango-app-ui-shared-intro.module-DYh4ZRha.mjs","sources":["../../../projects/tango-app-shared/src/lib/modules/intro/contact-support/contact-support.component.ts","../../../projects/tango-app-shared/src/lib/modules/intro/contact-support/contact-support.component.html","../../../projects/tango-app-shared/src/lib/modules/intro/lead-intro/lead-intro.component.ts","../../../projects/tango-app-shared/src/lib/modules/intro/lead-intro/lead-intro.component.html","../../../projects/tango-app-shared/src/lib/modules/intro/intro-routing.module.ts","../../../projects/tango-app-shared/src/lib/modules/intro/intro.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n  selector: 'lib-contact-support',\r\n  templateUrl: './contact-support.component.html',\r\n  styleUrl: './contact-support.component.scss'\r\n})\r\nexport class ContactSupportComponent {\r\n  constructor(\r\n    private activeModal: NgbActiveModal,\r\n  ) {}\r\n\r\n  accept(){\r\n    this.activeModal.close('submit');\r\n  }\r\n}\r\n","<div class=\"card p-0\">\r\n    <div class=\"card-header border-0 pt-3\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label ellipse1 header mb-2\">Contact Support</span>\r\n        </h3>\r\n        <div class=\"card-toolbar\">\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body pt-0 mh-60vh\">\r\n        <div class=\"d-flex justify-content-between align-items-center pt-5\" >\r\n            <div class=\"d-flex\">\r\n                <div class=\"position-relative\">\r\n                    <div class=\"rounded-5 profile fw-semibold d-flex align-items-center justify-content-center\">CU</div>\r\n                </div>\r\n                <div class=\"d-grid mx-3\">\r\n                    <span class=\"headingtext fw-bold-600\"> Customer support </span>\r\n                    <span class=\"sub-header ellipse fw-bold-400\">hello&#64;tangotech.co.in</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"contact fw-semibold\">\r\n                <span>+91 6380909115</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-body pt-0\">\r\n        <button (click)=\"accept()\" class=\"btn btn-default btn-primary mt-5 w-100\">\r\n            Okay\r\n        </button>\r\n    </div>\r\n</div>","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { GlobalStateService, PageInfoService } from 'tango-app-ui-global';\r\nimport { Subject, takeUntil } from \"rxjs\";\r\nimport { NgbCarouselConfig, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { AuthService } from '../../../services/auth.service';\r\nimport { ContactSupportComponent } from '../contact-support/contact-support.component';\r\nimport  dayjs from \"dayjs\";\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n  selector: 'lib-lead-intro',\r\n  templateUrl: './lead-intro.component.html',\r\n  styleUrl: './lead-intro.component.scss',\r\n  providers: [NgbCarouselConfig],\r\n})\r\nexport class LeadIntroComponent implements OnDestroy, OnInit {\r\n  productList: any = [];\r\n  private readonly destroy$ = new Subject();\r\n  trialDetails:any\r\n  dayjs = dayjs\r\n\r\n\r\n\r\n  constructor(private pageInfo: PageInfoService, public gs: GlobalStateService, config: NgbCarouselConfig, private modalService: NgbModal, private authService: AuthService,private router:Router) {\r\n    this.gs.userAccess.pipe(takeUntil(this.destroy$)).subscribe((e) => {\r\n      if (e && e?.userType === \"lead\") {\r\n        const user = JSON.parse(localStorage.getItem('user-info') as string)\r\n        this.authService.getLeadProducts(user.email).pipe(takeUntil(this.destroy$)).subscribe({\r\n          next: (e) => {\r\n            if(e?.data){\r\n              this.productList = e.data?.planDetails?.product\r\n            }\r\n\r\n          }\r\n        })\r\n      } else if (e && e?.userType === \"client\") {\r\n        const user = JSON.parse(localStorage.getItem('user-info') as string)\r\n\r\n        this.authService.getClientProducts(user.clientId).pipe(takeUntil(this.destroy$)).subscribe({\r\n          next: (e) => {\r\n            if(e?.data){\r\n              this.productList = e.data?.planDetails?.product?.map((product:any)=> product.productName)                            \r\n\r\n              this.trialDetails = this.daysWithin14(e.data?.planDetails?.product[0]?.trialEndDate)\r\n            }\r\n\r\n          }\r\n        })\r\n        \r\n      }\r\n    })\r\n  }\r\n\r\n  daysWithin14(date: string) {\r\n    const currentDate = dayjs();\r\n    const givenDate = dayjs(date).add(2, 'day');\r\n    \r\n    let diff = givenDate.diff(currentDate, 'day');\r\n  \r\n    if (diff < 0) {\r\n      diff = 0;\r\n    }\r\n  \r\n    const percentageRemaining = Math.round(((14 - diff) / 14) * 100);\r\n  \r\n    return {\r\n      daysRemaining: diff <= 14 ? diff : 0,\r\n      percentageRemaining: diff <= 14 ? percentageRemaining : 100\r\n    };\r\n  }\r\n  \r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next(true);\r\n    this.destroy$.complete();\r\n  }\r\n  ngOnInit(): void {\r\n    this.setPageData()\r\n  }\r\n\r\n\r\n  setPageData() {\r\n    this.pageInfo.setTitle('Explore')\r\n    this.pageInfo.setDescription('Explore your products while waiting for admin approval')\r\n    this.pageInfo.setBreadcrumbs([\r\n      { title: 'Explore', path: '/explore', isActive: false, isSeparator: false },\r\n      { title: 'Explore', path: '/explore', isActive: false, isSeparator: true },\r\n    ])\r\n  }\r\n \r\n\r\n  contactSupport() {\r\n    this.modalService.open(ContactSupportComponent, {\r\n      centered: true,\r\n      size: \"md\",\r\n    });\r\n  }\r\n\r\n  updateCircleChart(percentage: number): void {\r\n    let id = 'progress-circle';\r\n    let text = 'percentage-text';\r\n    const progressCircle = document.getElementById(id);\r\n    const percentageText = document.getElementById(text);\r\n    if (progressCircle && percentageText) {\r\n      const circumference = Math.PI * 2 * parseFloat(progressCircle.getAttribute('r')!);\r\n      const dasharray = circumference;\r\n      const dashoffset = circumference - (percentage / 100) * circumference;\r\n\r\n      progressCircle.setAttribute('stroke-dasharray', dasharray.toString());\r\n      progressCircle.setAttribute('stroke-dashoffset', dashoffset.toString());\r\n\r\n      percentageText.textContent = `${percentage}%`;\r\n    }\r\n  }\r\n\r\n  reDirectionUrl(){\r\n    this.router.navigateByUrl('/manage/summary');\r\n    \r\n  }\r\n}","<div *ngIf=\"(gs.userAccess | async)?.userType === 'lead'\" class=\"approvalcard mt-4 mb-5\">\r\n    <div class=\"d-flex align-items-center justify-content-between\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-30px me-5\"><span>\r\n                    <img src=\"./assets/tango/custompopup-Icons/danger-icon.svg\" alt=\"\">\r\n                </span>\r\n            </div>\r\n            <div class=\"approvaltext align-items-start justify-content-between\">\r\n                Your Approval is in pending !\r\n                <div class=\"approvesub d-block\">Can’t find the answer you’re looking for? Please chat to our friendly\r\n                    team.</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"d-flex align-items-center\">\r\n            <a (click)=\"contactSupport()\" type=\"button\" tabindex=\"0\"\r\n                class=\"btn btn-primary px-4 ng-star-inserted\"><span>Contact Us\r\n                </span></a>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" class=\"toastcard mb-5\">\r\n    <div class=\"d-flex align-items-center justify-content-between\">\r\n        <div class=\"d-flex align-items-center\">\r\n            <div class=\"symbol symbol-30px me-5\"><span>\r\n                    <img src=\"./assets/tango/custompopup-Icons/danger-alert-primary.svg\" alt=\"\">\r\n                </span>\r\n            </div>\r\n            <span class=\"toasttext d-block\">Your trial has started. You have {{trialDetails?.daysRemaining}} days left\r\n                on your free trial</span>\r\n        </div>\r\n        <div class=\"row mt-1\">\r\n            <div class=\"d-flex align-items-center\">\r\n                <div><svg id=\"circle-chart\" width=\"94\" height=\"70\" viewBox=\"0 0 100 100\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\">\r\n\r\n                        <circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#f0f0f0\" stroke-width=\"8\">\r\n                        </circle>\r\n\r\n                        <circle id=\"progress-circle\" cx=\"50\" cy=\"50\" r=\"40\" fill=\"none\" stroke=\"#007bff\"\r\n                            stroke-width=\"8\" stroke-dasharray=\"251.2\"\r\n                            [attr.stroke-dashoffset]=\"updateCircleChart(trialDetails?.percentageRemaining)\">\r\n                        </circle>\r\n\r\n                        <text id=\"percentage-text\" x=\"50\" y=\"54\" class=\"producttext\" text-anchor=\"middle\"\r\n                            fill=\"#333333\">{{trialDetails?.percentageRemaining}}%</text>\r\n                    </svg></div>\r\n                <div class=\"align-items-start justify-content-between daysleft my-2\">\r\n                    {{trialDetails?.daysRemaining}} Days Left\r\n                    <div class=\"align-items-start trail\">\r\n                        Free trial</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<ngb-carousel #carousel [interval]=\"4000\" [pauseOnHover]=\"true\">\r\n    <ng-container *ngFor=\"let item of productList\">\r\n        <ng-container *ngIf=\"item === 'tangoTrax'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoTrax.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Trax! 👋\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Revolutionising Operations with AI powered SOPs\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Onboard Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Effortlessly add and manage your\r\n                                        stores,ensuring a smooth onboarding process.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Customize SOP Checklists</span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily create and configure SOP\r\n                                        checklists\r\n                                        tailored to your specific needs.</div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Gain Insights Dashboard </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Generate detailed reports and\r\n                                        visualize\r\n                                        checklist compliance data through an intuitive dashboard, enabling you to make\r\n                                        informed decisions cand enhance operational efficiency.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item === 'tangoZone'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoZone.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Zone! 👋\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Identify Hot Spots & Dead Zones of the store\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Choose Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Select Stores where you want to\r\n                                        identify\r\n                                        the\r\n                                        hot spots and dead zones\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Tag Zones </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Tag different sections or zones within\r\n                                        each\r\n                                        store and label them according to your operational needs.</div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Gain Insights </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Generate detailed reports and\r\n                                        visualize\r\n                                        zone-specific data such as traffic, dwell time, demographics, and heatmaps.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"item === 'tangoTraffic'\">\r\n            <ng-template ngbSlide>\r\n                <div class=\"card w-100\">\r\n                    <div class=\"row p-20\">\r\n                        <div class=\"col-lg-4 col-sm-12\">\r\n                            <img class=\"cardimg\" src=\"./assets/tango/Images/tangoTraffic.png\" alt=\"Tango logo\" />\r\n                        </div>\r\n                        <div class=\"col-lg-1\">\r\n                        </div>\r\n                        <div class=\"col-lg-7\">\r\n                            <div class=\"heading mb-2\">Welcome to Traffic! 👋\r\n                            </div>\r\n                            <span class=\"sub\">\r\n                                Measure In-Store Traffic & Shopper Insights\r\n                            </span>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Onboard Stores\r\n                                    </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily add and manage stores with just\r\n                                        a\r\n                                        few\r\n                                        clicks on the dashboard\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Visualise Data </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">View intelligent insights including\r\n                                        traffic\r\n                                        patterns, dwell times, demographics enabling you to make informed decisions.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <div class=\"mt-6\">\r\n                                <h3 class=\"card-title align-items-start flex-column mb-4\">\r\n                                    <span><svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"\r\n                                            xmlns=\"http://www.w3.org/2000/svg\">\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" fill=\"#DAF1FF\" />\r\n                                            <rect x=\"2\" y=\"2\" width=\"32\" height=\"32\" rx=\"16\" stroke=\"#EAF8FF\"\r\n                                                stroke-width=\"4\" />\r\n                                            <path\r\n                                                d=\"M18.6667 11.334L12 19.334H18L17.3333 24.6673L24 16.6673H18L18.6667 11.334Z\"\r\n                                                stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\" />\r\n                                        </svg>\r\n                                    </span>\r\n                                    <span class=\"card-label mx-3\">Manage Tickets </span>\r\n                                    <div class=\"align-items-start card-sub mx-14\">Easily track and resolve your support\r\n                                        tickets\r\n                                        for prompt and efficient service.\r\n                                    </div>\r\n                                </h3>\r\n                            </div>\r\n                            <a *ngIf=\"(gs.userAccess | async)?.userType === 'client'\" type=\"button\" routerLink=\"/manage/summary\"\r\n                                tabindex=\"0\" class=\"btn btn-primary px-4 mt-2 cursor-pointer ng-star-inserted\"><span>Get\r\n                                    Started\r\n                                </span></a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n\r\n    </ng-container>\r\n\r\n\r\n</ngb-carousel>","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { LeadIntroComponent } from './lead-intro/lead-intro.component';\r\n\r\nconst routes: Routes = [\r\n  {\r\n    path:'',\r\n    component:LeadIntroComponent\r\n  }\r\n];\r\n\r\n@NgModule({\r\n  imports: [RouterModule.forChild(routes)],\r\n  exports: [RouterModule]\r\n})\r\nexport class IntroRoutingModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { IntroRoutingModule } from './intro-routing.module';\r\nimport { LeadIntroComponent } from './lead-intro/lead-intro.component';\r\nimport {NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ContactSupportComponent } from './contact-support/contact-support.component';\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    LeadIntroComponent,\r\n    ContactSupportComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    IntroRoutingModule,\r\n    NgbCarouselModule\r\n  ]\r\n})\r\nexport class IntroModule { }\r\n"],"names":["i1","i3.AuthService","i4","i5"],"mappings":"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"}

package/fesm2022/tango-app-ui-shared-manage-wrapper.module-BHyh4Njw.mjs

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { NgModule } from '@angular/core';
+import { TangoManageModule } from 'tango-app-ui-manage';
+
+class ManageWrapperModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ManageWrapperModule, imports: [TangoManageModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageWrapperModule, imports: [TangoManageModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        TangoManageModule
+                    ]
+                }]
+        }] });
+
+export { ManageWrapperModule };
+//# sourceMappingURL=tango-app-ui-shared-manage-wrapper.module-BHyh4Njw.mjs.map

package/fesm2022/tango-app-ui-shared-manage-wrapper.module-BHyh4Njw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tango-app-ui-shared-manage-wrapper.module-BHyh4Njw.mjs","sources":["../../../projects/tango-app-shared/src/lib/routes/route-wraper-modules/manage-wrapper.module.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { TangoManageModule } from 'tango-app-ui-manage';\r\n\r\n@NgModule({\r\n  declarations: [\r\n  ],\r\n  imports: [\r\n    TangoManageModule\r\n  ]\r\n})\r\nexport class ManageWrapperModule { }\r\n"],"names":[],"mappings":";;;;MAUa,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAH5B,iBAAiB,CAAA,EAAA,CAAA;AAGR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAH5B,iBAAiB,CAAA,EAAA,CAAA;;4FAGR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EACb;AACD,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;;;;"}