tango-app-ui-auth 3.1.4-dev → 3.1.5-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/tango-auth/tango-auth.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-forgot-password/tango-auth-forgot-password.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-login/tango-auth-login.component.mjs +7 -4
- package/esm2022/lib/components/tango-auth-signup/step/calendly-modal/calendly-modal.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/step/modal-content/modal-content.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/step/services/conversion.service.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/step/step1/step1.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/step/step2/step2.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/step/step3/step3.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/tango-auth-signup.component.mjs +4 -4
- package/esm2022/lib/components/tango-auth-signup/vertical/vertical.component.mjs +4 -4
- package/esm2022/lib/guards/auth.guard.mjs +4 -4
- package/esm2022/lib/services/auth.service.mjs +4 -4
- package/esm2022/lib/tango-auth-routing.module.mjs +5 -5
- package/esm2022/lib/tango-auth.module.mjs +5 -5
- package/fesm2022/tango-app-ui-auth.mjs +50 -47
- package/fesm2022/tango-app-ui-auth.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -15,10 +15,10 @@ import * as i7 from 'ng-otp-input';
|
|
|
15
15
|
import { NgOtpInputModule } from 'ng-otp-input';
|
|
16
16
|
|
|
17
17
|
class TangoAuthComponent {
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TangoAuthComponent, selector: "lib-tango-auth", ngImport: i0, template: "<router-outlet></router-outlet>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
|
|
20
20
|
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'lib-tango-auth', template: "<router-outlet></router-outlet>\r\n" }]
|
|
24
24
|
}] });
|
|
@@ -119,10 +119,10 @@ class AuthService {
|
|
|
119
119
|
.post(`${this.userApiUrl}/forgot-password-update`, data)
|
|
120
120
|
.pipe(map((response) => response), catchError(this.handleError));
|
|
121
121
|
}
|
|
122
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
123
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
122
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthService, deps: [{ token: i3.Router }, { token: i2.HttpClient }, { token: i4.GlobalStateService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
123
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthService, providedIn: "root" });
|
|
124
124
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthService, decorators: [{
|
|
126
126
|
type: Injectable,
|
|
127
127
|
args: [{
|
|
128
128
|
providedIn: "root",
|
|
@@ -178,6 +178,9 @@ class TangoAuthLoginComponent {
|
|
|
178
178
|
this.initForm();
|
|
179
179
|
// this.userProfile();
|
|
180
180
|
// get return url from route parameters or default to '/'
|
|
181
|
+
if (this.authlocalStorageToken) {
|
|
182
|
+
this.router.navigate(['/manage']);
|
|
183
|
+
}
|
|
181
184
|
this.returnUrl =
|
|
182
185
|
this.route.snapshot.queryParams["returnUrl".toString()] || "/";
|
|
183
186
|
if (this.emailInputRef?.nativeElement.value || this.passwordInputRef?.nativeElement.value) {
|
|
@@ -266,10 +269,10 @@ class TangoAuthLoginComponent {
|
|
|
266
269
|
showPassword() {
|
|
267
270
|
this.show = !this.show;
|
|
268
271
|
}
|
|
269
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
270
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: TangoAuthLoginComponent, selector: "lib-tango-auth-login", viewQueries: [{ propertyName: "emailInputRef", first: true, predicate: ["emailInput"], descendants: true }, { propertyName: "passwordInputRef", first: true, predicate: ["passwordInput"], descendants: true }], ngImport: i0, template: "<!-- <div class=\"row justify-content-center logotext px-0\">\r\n <img src=\"./assets/tango/Icons/login-background.svg\" alt=\"\">\r\n </div> -->\r\n\r\n<!-- \r\n<button (click)=\"onClick()\">Log In</button> -->\r\n\r\n<div *ngIf=\"isloader\" class=\"container mt-20\">\r\n <div class=\"text-center mt-20\">\r\n <img src=\"./assets/tango/Icons/favicon.png\" alt=\"Tango logo\" />\r\n <div>Loading ...</div>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!isloader\" class=\"container\">\r\n <!-- style=\"padding: 96px 142px 96px 142px;\" -->\r\n <div class=\"row position-absolute\" >\r\n <div class=\"col-md-6 pe-10 d-flex justify-content-center align-items-center \">\r\n <img src=\"./assets/tango/Icons/LHS.svg\" alt=\"Image\" class=\"img-fluid w-100\">\r\n </div>\r\n <div class=\"col-md-6 px-10 d-flex justify-content-center align-items-center\"> \r\n <div class=\"card card-flush w-lg-600px ms-20 py-3\">\r\n <div class=\"login-form login-signin\">\r\n \r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-10 ms-10\">\r\n <h3 class=\"login-title\">Log in</h3>\r\n <p class=\"login-sub-title\">Welcome back! Please enter your details.</p>\r\n </div>\r\n <form #loginForm=\"ngForm\" class=\"w-100 title-padding\" novalidate=\"novalidate\">\r\n <div class=\"mb-5 \">\r\n <label for=\"Email\" class=\"form-label\">Email</label>\r\n <input type=\"email\" class=\"form-control\" id=\"Email\" name=\"Email\" autocomplete=\"off\" required [(ngModel)]=\"credentials.email\" autocomplete=\"off\" #emailInput>\r\n </div>\r\n <div class=\"mb-5 \">\r\n <label for=\"Password\" class=\"form-label\">Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input class=\"form-control\" id=\"Password\" [type]=\"show ? 'text' : 'password'\"\r\n placeholder=\"\" name=\"password\" autocomplete=\"off\" required #passwordInput\r\n [(ngModel)]=\"credentials.password\">\r\n <span (click)=\"showPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"show\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!show\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div *ngIf=\"hasError\" class=\"text-danger\" style=\"color: #ffffff !important;\">\r\n Email Id / Mobile Number or Password is incorrect\r\n </div>\r\n </div>\r\n<div class=\"text-center\">\r\n <h6 class=\"forgot cursor-pointer\" routerLink=\"/auth/forgot-password\">Forgot Password</h6>\r\n\r\n</div>\r\n <button class=\"btn btn-primary w-100 mt-3\" [disabled]=\"!loginForm.valid || (!credentials.email || !credentials.password)\" (click)=\"onLogin()\">Sign in</button>\r\n\r\n <!-- <button class=\"btn btn-outline w-100 mt-3 not-allowed coming-soon\" >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3727_17759)\">\r\n <path\r\n d=\"M24.2663 12.9767C24.2663 12.161 24.2001 11.3408 24.059 10.5383H12.7402V15.1593H19.222C18.953 16.6497 18.0888 17.9681 16.8233 18.8058V21.8042H20.6903C22.9611 19.7142 24.2663 16.6276 24.2663 12.9767Z\"\r\n fill=\"#4285F4\" />\r\n <path\r\n d=\"M12.7401 24.701C15.9766 24.701 18.7059 23.6384 20.6945 21.8041L16.8276 18.8057C15.7517 19.5377 14.3627 19.9522 12.7445 19.9522C9.61388 19.9522 6.95946 17.8401 6.00705 15.0005H2.0166V18.0914C4.05371 22.1436 8.2029 24.701 12.7401 24.701Z\"\r\n fill=\"#34A853\" />\r\n <path\r\n d=\"M6.00277 15.0004C5.50011 13.5101 5.50011 11.8962 6.00277 10.4059V7.31494H2.01674C0.314734 10.7057 0.314734 14.7006 2.01674 18.0913L6.00277 15.0004Z\"\r\n fill=\"#FBBC04\" />\r\n <path\r\n d=\"M12.7401 5.44986C14.4509 5.4234 16.1044 6.06716 17.3434 7.24886L20.7695 3.82281C18.6001 1.7857 15.7208 0.665729 12.7401 0.701004C8.2029 0.701004 4.05371 3.25842 2.0166 7.315L6.00264 10.4059C6.95064 7.56193 9.60947 5.44986 12.7401 5.44986Z\"\r\n fill=\"#EA4335\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3727_17759\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5 0.700195)\" />\r\n </clipPath>\r\n </defs>\r\n </svg><span class=\"mx-2\">Sign in with Google</span> \r\n <span class=\"tooltip\">Coming Soon</span>\r\n </button>\r\n <button class=\"btn btn-outline w-100 mt-3 not-allowed coming-soon\" ><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3727_6141)\">\r\n <path d=\"M11.9057 12.104H0.5V0.700195H11.9057V12.104Z\" fill=\"#F1511B\" />\r\n <path d=\"M24.5004 12.104H13.0938V0.700195H24.4994V12.104H24.5004Z\" fill=\"#80CC28\" />\r\n <path d=\"M11.9057 24.7002H0.5V13.2964H11.9057V24.7002Z\" fill=\"#00ADEF\" />\r\n <path d=\"M24.5004 24.7002H13.0938V13.2964H24.4994V24.7002H24.5004Z\" fill=\"#FBBC09\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3727_6141\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5 0.700195)\" />\r\n </clipPath>\r\n </defs>\r\n </svg><span class=\"mx-2\">Sign in with Microsoft</span> <span class=\"tooltip\">Coming Soon</span></button> -->\r\n </form>\r\n\r\n <div class=\"mt-3 text-center ms-75px\"><span class=\"signup-default\"></span>Don\u2019t have an account?<span class=\"signup-primary ms-2 cursor-pointer\" routerLink=\"/auth/signup\">Sign up</span></div>\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack py-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer text-decoration-underline cursor-pointer\">@Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"mailto:support@tangotech.co.in?subject=Subject%20Here&body=Body%20Here\" class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\" stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n \r\n </ul>\r\n </div>\r\n </div>\r\n \r\n\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n<img src=\"./assets/tango/Icons/login-background1.svg\" alt=\"Image\" class=\"background-image\">\r\n</div>", styles: [".container{width:100%;height:100%;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;width:45%;margin-left:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.login-form .title-padding{padding:0 32px}.login-form .login-title{color:var(--Gray-900, #101828);font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.72px}.login-form .login-sub-title{color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px}.login-form .form-label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px}.login-form .img-src{padding:10px 5px 32px}.login-form .mx-25{margin-right:-10px!important;margin-left:-45px!important}.login-form .w-360px{width:360px!important}.login-form .forgot{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize;text-align:center}.login-form .signup-default{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.login-form .signup-primary{color:var(--Primary-700, #009BF3)!important;font-size:14px;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.login-form .footer{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:20px}@media (min-width: 1745px) and (max-width: 1910px){.mt-6{margin-top:7rem!important}}@media (min-width: 1920px) and (max-width: 2100px){.mt-6{margin-top:10rem!important}.login-form .mx-25{margin-right:0!important;margin-left:20px!important}}.position-absolute{position:absolute;top:50%;transform:translateY(-50%)}.not-allowed{cursor:not-allowed!important}.btn-outline.coming-soon{border-color:#ced4da;color:#6c757d;position:relative}.btn-outline.coming-soon:hover{border-color:#6c757d;color:#212529}.tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%);width:max-content}.btn-outline.coming-soon:hover .tooltip{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
272
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthLoginComponent, deps: [{ token: i3.Router }, { token: i3.ActivatedRoute }, { token: i2$1.FormBuilder }, { token: AuthService }, { token: i4.GlobalStateService }, { token: i0.ChangeDetectorRef }, { token: i5.ToastService }, { token: i4.PageInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
273
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TangoAuthLoginComponent, selector: "lib-tango-auth-login", viewQueries: [{ propertyName: "emailInputRef", first: true, predicate: ["emailInput"], descendants: true }, { propertyName: "passwordInputRef", first: true, predicate: ["passwordInput"], descendants: true }], ngImport: i0, template: "<!-- <div class=\"row justify-content-center logotext px-0\">\r\n <img src=\"./assets/tango/Icons/login-background.svg\" alt=\"\">\r\n </div> -->\r\n\r\n<!-- \r\n<button (click)=\"onClick()\">Log In</button> -->\r\n\r\n<div *ngIf=\"isloader\" class=\"container mt-20\">\r\n <div class=\"text-center mt-20\">\r\n <img src=\"./assets/tango/Icons/favicon.png\" alt=\"Tango logo\" />\r\n <div>Loading ...</div>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!isloader\" class=\"container\">\r\n <!-- style=\"padding: 96px 142px 96px 142px;\" -->\r\n <div class=\"row position-absolute\" >\r\n <div class=\"col-md-6 pe-10 d-flex justify-content-center align-items-center \">\r\n <img src=\"./assets/tango/Icons/LHS.svg\" alt=\"Image\" class=\"img-fluid w-100\">\r\n </div>\r\n <div class=\"col-md-6 px-10 d-flex justify-content-center align-items-center\"> \r\n <div class=\"card card-flush w-lg-600px ms-20 py-3\">\r\n <div class=\"login-form login-signin\">\r\n \r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-10 ms-10\">\r\n <h3 class=\"login-title\">Log in</h3>\r\n <p class=\"login-sub-title\">Welcome back! Please enter your details.</p>\r\n </div>\r\n <form #loginForm=\"ngForm\" class=\"w-100 title-padding\" novalidate=\"novalidate\">\r\n <div class=\"mb-5 \">\r\n <label for=\"Email\" class=\"form-label\">Email</label>\r\n <input type=\"email\" class=\"form-control\" id=\"Email\" name=\"Email\" autocomplete=\"off\" required [(ngModel)]=\"credentials.email\" autocomplete=\"off\" #emailInput>\r\n </div>\r\n <div class=\"mb-5 \">\r\n <label for=\"Password\" class=\"form-label\">Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input class=\"form-control\" id=\"Password\" [type]=\"show ? 'text' : 'password'\"\r\n placeholder=\"\" name=\"password\" autocomplete=\"off\" required #passwordInput\r\n [(ngModel)]=\"credentials.password\">\r\n <span (click)=\"showPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"show\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!show\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div *ngIf=\"hasError\" class=\"text-danger\" style=\"color: #ffffff !important;\">\r\n Email Id / Mobile Number or Password is incorrect\r\n </div>\r\n </div>\r\n<div class=\"text-center\">\r\n <h6 class=\"forgot cursor-pointer\" routerLink=\"/auth/forgot-password\">Forgot Password</h6>\r\n\r\n</div>\r\n <button class=\"btn btn-primary w-100 mt-3\" [disabled]=\"!loginForm.valid || (!credentials.email || !credentials.password)\" (click)=\"onLogin()\">Sign in</button>\r\n\r\n <!-- <button class=\"btn btn-outline w-100 mt-3 not-allowed coming-soon\" >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3727_17759)\">\r\n <path\r\n d=\"M24.2663 12.9767C24.2663 12.161 24.2001 11.3408 24.059 10.5383H12.7402V15.1593H19.222C18.953 16.6497 18.0888 17.9681 16.8233 18.8058V21.8042H20.6903C22.9611 19.7142 24.2663 16.6276 24.2663 12.9767Z\"\r\n fill=\"#4285F4\" />\r\n <path\r\n d=\"M12.7401 24.701C15.9766 24.701 18.7059 23.6384 20.6945 21.8041L16.8276 18.8057C15.7517 19.5377 14.3627 19.9522 12.7445 19.9522C9.61388 19.9522 6.95946 17.8401 6.00705 15.0005H2.0166V18.0914C4.05371 22.1436 8.2029 24.701 12.7401 24.701Z\"\r\n fill=\"#34A853\" />\r\n <path\r\n d=\"M6.00277 15.0004C5.50011 13.5101 5.50011 11.8962 6.00277 10.4059V7.31494H2.01674C0.314734 10.7057 0.314734 14.7006 2.01674 18.0913L6.00277 15.0004Z\"\r\n fill=\"#FBBC04\" />\r\n <path\r\n d=\"M12.7401 5.44986C14.4509 5.4234 16.1044 6.06716 17.3434 7.24886L20.7695 3.82281C18.6001 1.7857 15.7208 0.665729 12.7401 0.701004C8.2029 0.701004 4.05371 3.25842 2.0166 7.315L6.00264 10.4059C6.95064 7.56193 9.60947 5.44986 12.7401 5.44986Z\"\r\n fill=\"#EA4335\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3727_17759\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5 0.700195)\" />\r\n </clipPath>\r\n </defs>\r\n </svg><span class=\"mx-2\">Sign in with Google</span> \r\n <span class=\"tooltip\">Coming Soon</span>\r\n </button>\r\n <button class=\"btn btn-outline w-100 mt-3 not-allowed coming-soon\" ><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3727_6141)\">\r\n <path d=\"M11.9057 12.104H0.5V0.700195H11.9057V12.104Z\" fill=\"#F1511B\" />\r\n <path d=\"M24.5004 12.104H13.0938V0.700195H24.4994V12.104H24.5004Z\" fill=\"#80CC28\" />\r\n <path d=\"M11.9057 24.7002H0.5V13.2964H11.9057V24.7002Z\" fill=\"#00ADEF\" />\r\n <path d=\"M24.5004 24.7002H13.0938V13.2964H24.4994V24.7002H24.5004Z\" fill=\"#FBBC09\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3727_6141\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5 0.700195)\" />\r\n </clipPath>\r\n </defs>\r\n </svg><span class=\"mx-2\">Sign in with Microsoft</span> <span class=\"tooltip\">Coming Soon</span></button> -->\r\n </form>\r\n\r\n <div class=\"mt-3 text-center ms-75px\"><span class=\"signup-default\"></span>Don\u2019t have an account?<span class=\"signup-primary ms-2 cursor-pointer\" routerLink=\"/auth/signup\">Sign up</span></div>\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack py-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer text-decoration-underline cursor-pointer\">@Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"mailto:support@tangotech.co.in?subject=Subject%20Here&body=Body%20Here\" class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\" stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n \r\n </ul>\r\n </div>\r\n </div>\r\n \r\n\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n<img src=\"./assets/tango/Icons/login-background1.svg\" alt=\"Image\" class=\"background-image\">\r\n</div>", styles: [".container{width:100%;height:100%;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;width:45%;margin-left:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.login-form .title-padding{padding:0 32px}.login-form .login-title{color:var(--Gray-900, #101828);font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.72px}.login-form .login-sub-title{color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px}.login-form .form-label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px}.login-form .img-src{padding:10px 5px 32px}.login-form .mx-25{margin-right:-10px!important;margin-left:-45px!important}.login-form .w-360px{width:360px!important}.login-form .forgot{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize;text-align:center}.login-form .signup-default{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.login-form .signup-primary{color:var(--Primary-700, #009BF3)!important;font-size:14px;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.login-form .footer{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:20px}@media (min-width: 1745px) and (max-width: 1910px){.mt-6{margin-top:7rem!important}}@media (min-width: 1920px) and (max-width: 2100px){.mt-6{margin-top:10rem!important}.login-form .mx-25{margin-right:0!important;margin-left:20px!important}}.position-absolute{position:absolute;top:50%;transform:translateY(-50%)}.not-allowed{cursor:not-allowed!important}.btn-outline.coming-soon{border-color:#ced4da;color:#6c757d;position:relative}.btn-outline.coming-soon:hover{border-color:#6c757d;color:#212529}.tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%);width:max-content}.btn-outline.coming-soon:hover .tooltip{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
271
274
|
}
|
|
272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthLoginComponent, decorators: [{
|
|
273
276
|
type: Component,
|
|
274
277
|
args: [{ selector: "lib-tango-auth-login", template: "<!-- <div class=\"row justify-content-center logotext px-0\">\r\n <img src=\"./assets/tango/Icons/login-background.svg\" alt=\"\">\r\n </div> -->\r\n\r\n<!-- \r\n<button (click)=\"onClick()\">Log In</button> -->\r\n\r\n<div *ngIf=\"isloader\" class=\"container mt-20\">\r\n <div class=\"text-center mt-20\">\r\n <img src=\"./assets/tango/Icons/favicon.png\" alt=\"Tango logo\" />\r\n <div>Loading ...</div>\r\n </div>\r\n</div>\r\n\r\n<div *ngIf=\"!isloader\" class=\"container\">\r\n <!-- style=\"padding: 96px 142px 96px 142px;\" -->\r\n <div class=\"row position-absolute\" >\r\n <div class=\"col-md-6 pe-10 d-flex justify-content-center align-items-center \">\r\n <img src=\"./assets/tango/Icons/LHS.svg\" alt=\"Image\" class=\"img-fluid w-100\">\r\n </div>\r\n <div class=\"col-md-6 px-10 d-flex justify-content-center align-items-center\"> \r\n <div class=\"card card-flush w-lg-600px ms-20 py-3\">\r\n <div class=\"login-form login-signin\">\r\n \r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-10 ms-10\">\r\n <h3 class=\"login-title\">Log in</h3>\r\n <p class=\"login-sub-title\">Welcome back! Please enter your details.</p>\r\n </div>\r\n <form #loginForm=\"ngForm\" class=\"w-100 title-padding\" novalidate=\"novalidate\">\r\n <div class=\"mb-5 \">\r\n <label for=\"Email\" class=\"form-label\">Email</label>\r\n <input type=\"email\" class=\"form-control\" id=\"Email\" name=\"Email\" autocomplete=\"off\" required [(ngModel)]=\"credentials.email\" autocomplete=\"off\" #emailInput>\r\n </div>\r\n <div class=\"mb-5 \">\r\n <label for=\"Password\" class=\"form-label\">Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input class=\"form-control\" id=\"Password\" [type]=\"show ? 'text' : 'password'\"\r\n placeholder=\"\" name=\"password\" autocomplete=\"off\" required #passwordInput\r\n [(ngModel)]=\"credentials.password\">\r\n <span (click)=\"showPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"show\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!show\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div *ngIf=\"hasError\" class=\"text-danger\" style=\"color: #ffffff !important;\">\r\n Email Id / Mobile Number or Password is incorrect\r\n </div>\r\n </div>\r\n<div class=\"text-center\">\r\n <h6 class=\"forgot cursor-pointer\" routerLink=\"/auth/forgot-password\">Forgot Password</h6>\r\n\r\n</div>\r\n <button class=\"btn btn-primary w-100 mt-3\" [disabled]=\"!loginForm.valid || (!credentials.email || !credentials.password)\" (click)=\"onLogin()\">Sign in</button>\r\n\r\n <!-- <button class=\"btn btn-outline w-100 mt-3 not-allowed coming-soon\" >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3727_17759)\">\r\n <path\r\n d=\"M24.2663 12.9767C24.2663 12.161 24.2001 11.3408 24.059 10.5383H12.7402V15.1593H19.222C18.953 16.6497 18.0888 17.9681 16.8233 18.8058V21.8042H20.6903C22.9611 19.7142 24.2663 16.6276 24.2663 12.9767Z\"\r\n fill=\"#4285F4\" />\r\n <path\r\n d=\"M12.7401 24.701C15.9766 24.701 18.7059 23.6384 20.6945 21.8041L16.8276 18.8057C15.7517 19.5377 14.3627 19.9522 12.7445 19.9522C9.61388 19.9522 6.95946 17.8401 6.00705 15.0005H2.0166V18.0914C4.05371 22.1436 8.2029 24.701 12.7401 24.701Z\"\r\n fill=\"#34A853\" />\r\n <path\r\n d=\"M6.00277 15.0004C5.50011 13.5101 5.50011 11.8962 6.00277 10.4059V7.31494H2.01674C0.314734 10.7057 0.314734 14.7006 2.01674 18.0913L6.00277 15.0004Z\"\r\n fill=\"#FBBC04\" />\r\n <path\r\n d=\"M12.7401 5.44986C14.4509 5.4234 16.1044 6.06716 17.3434 7.24886L20.7695 3.82281C18.6001 1.7857 15.7208 0.665729 12.7401 0.701004C8.2029 0.701004 4.05371 3.25842 2.0166 7.315L6.00264 10.4059C6.95064 7.56193 9.60947 5.44986 12.7401 5.44986Z\"\r\n fill=\"#EA4335\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3727_17759\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5 0.700195)\" />\r\n </clipPath>\r\n </defs>\r\n </svg><span class=\"mx-2\">Sign in with Google</span> \r\n <span class=\"tooltip\">Coming Soon</span>\r\n </button>\r\n <button class=\"btn btn-outline w-100 mt-3 not-allowed coming-soon\" ><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_3727_6141)\">\r\n <path d=\"M11.9057 12.104H0.5V0.700195H11.9057V12.104Z\" fill=\"#F1511B\" />\r\n <path d=\"M24.5004 12.104H13.0938V0.700195H24.4994V12.104H24.5004Z\" fill=\"#80CC28\" />\r\n <path d=\"M11.9057 24.7002H0.5V13.2964H11.9057V24.7002Z\" fill=\"#00ADEF\" />\r\n <path d=\"M24.5004 24.7002H13.0938V13.2964H24.4994V24.7002H24.5004Z\" fill=\"#FBBC09\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_3727_6141\">\r\n <rect width=\"24\" height=\"24\" fill=\"white\" transform=\"translate(0.5 0.700195)\" />\r\n </clipPath>\r\n </defs>\r\n </svg><span class=\"mx-2\">Sign in with Microsoft</span> <span class=\"tooltip\">Coming Soon</span></button> -->\r\n </form>\r\n\r\n <div class=\"mt-3 text-center ms-75px\"><span class=\"signup-default\"></span>Don\u2019t have an account?<span class=\"signup-primary ms-2 cursor-pointer\" routerLink=\"/auth/signup\">Sign up</span></div>\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack py-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer text-decoration-underline cursor-pointer\">@Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"mailto:support@tangotech.co.in?subject=Subject%20Here&body=Body%20Here\" class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\" stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n \r\n </ul>\r\n </div>\r\n </div>\r\n \r\n\r\n\r\n\r\n </div>\r\n </div>\r\n </div>\r\n<img src=\"./assets/tango/Icons/login-background1.svg\" alt=\"Image\" class=\"background-image\">\r\n</div>", styles: [".container{width:100%;height:100%;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;width:45%;margin-left:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.login-form .title-padding{padding:0 32px}.login-form .login-title{color:var(--Gray-900, #101828);font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.72px}.login-form .login-sub-title{color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px}.login-form .form-label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px}.login-form .img-src{padding:10px 5px 32px}.login-form .mx-25{margin-right:-10px!important;margin-left:-45px!important}.login-form .w-360px{width:360px!important}.login-form .forgot{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize;text-align:center}.login-form .signup-default{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.login-form .signup-primary{color:var(--Primary-700, #009BF3)!important;font-size:14px;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.login-form .footer{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:20px}@media (min-width: 1745px) and (max-width: 1910px){.mt-6{margin-top:7rem!important}}@media (min-width: 1920px) and (max-width: 2100px){.mt-6{margin-top:10rem!important}.login-form .mx-25{margin-right:0!important;margin-left:20px!important}}.position-absolute{position:absolute;top:50%;transform:translateY(-50%)}.not-allowed{cursor:not-allowed!important}.btn-outline.coming-soon{border-color:#ced4da;color:#6c757d;position:relative}.btn-outline.coming-soon:hover{border-color:#6c757d;color:#212529}.tooltip{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%);width:max-content}.btn-outline.coming-soon:hover .tooltip{visibility:visible}\n"] }]
|
|
275
278
|
}], ctorParameters: () => [{ type: i3.Router }, { type: i3.ActivatedRoute }, { type: i2$1.FormBuilder }, { type: AuthService }, { type: i4.GlobalStateService }, { type: i0.ChangeDetectorRef }, { type: i5.ToastService }, { type: i4.PageInfoService }], propDecorators: { emailInputRef: [{
|
|
@@ -294,10 +297,10 @@ class ConversionService {
|
|
|
294
297
|
this.$stepper.emit(data);
|
|
295
298
|
console.log(data);
|
|
296
299
|
}
|
|
297
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
298
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
300
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ConversionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
301
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ConversionService, providedIn: 'root' });
|
|
299
302
|
}
|
|
300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ConversionService, decorators: [{
|
|
301
304
|
type: Injectable,
|
|
302
305
|
args: [{
|
|
303
306
|
providedIn: 'root'
|
|
@@ -520,10 +523,10 @@ class Step1Component {
|
|
|
520
523
|
k = event.charCode; // k = event.keyCode; (Both can be used)
|
|
521
524
|
return k == 8 || k == 32 || (k >= 48 && k <= 57);
|
|
522
525
|
}
|
|
523
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
524
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: Step1Component, selector: "lib-step1", ngImport: i0, template: "<div class=\"card mt-10 mx-15\">\r\n <div class=\"h-100 px-10 mx-5 my-7\">\r\n <!-- <div>\r\n <img class=\"bubble\" src=\"../../../../../../../assets/Icons/Signup-bubble-icon.svg\"\r\n alt=\"\" srcset=\"\"> -->\r\n <div class=\"mobileshow\">\r\n <h3 class=\"title1 pt-4\">AI co-pilot to boost your sales conversion</h3>\r\n <p class=\"subtext pb-4\">Join the leading global brands in understanding footfall and shopper behavior to\r\n boost\r\n sales.</p>\r\n\r\n\r\n <div class=\"d-flex justify-content-between\">\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/Lenskart-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/nykaa-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/giva-logo3.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/Duroflex-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/loccitone-logo.svg\" alt=\"\">\r\n </div>\r\n <div class=\"me-20\">\r\n <h4 class=\"icon-more\">30 +</h4>\r\n </div>\r\n\r\n </div>\r\n <div class=\"mt-12 card-title\">\r\n <h6 class=\"card-label mb-7\">Create an Account</h6>\r\n <form [formGroup]=\"aboutForm\" novalidate=\"novalidate\">\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"Brand\" class=\"form-label\">Brand Name <span class=\"alert-required\">*</span></label>\r\n <input (blur)=\"onClientNameBlur()\" (input)=\"isClientNameTaken = 0\" formControlName=\"clientName\" type=\"type\" class=\"form-control\" id=\"Brand\" \r\n [ngClass]=\"{ 'is-invalid': aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('required') }\" autocomplete=\"off\" >\r\n \r\n \r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('minlength')\">\r\n Brand name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('maxlength')\">\r\n Brand name must be maximum of 100 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('required')\">\r\n Brand name is required\r\n </small>\r\n <small \r\n *ngIf=\"isClientNameTaken\">\r\n Brand Name already exists\r\n </small>\r\n </div>\r\n </div>\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"firstname\" class=\"form-label\">First Name <span class=\"alert-required\">*</span></label>\r\n <input formControlName=\"firstName\" type=\"type\" class=\"form-control\" id=\"firstname\" autocomplete=\"off\"\r\n [ngClass]=\"{ 'is-invalid': aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('required') }\">\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('minlength')\">\r\n First name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('maxlength')\">\r\n First name must be maximum of 50 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('required')\">\r\n First name is required\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"lastname\" class=\"form-label\">Last Name</label>\r\n <input formControlName=\"lastName\" type=\"type\" class=\"form-control\" id=\"lastname\" autocomplete=\"off\">\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('minlength')\">\r\n Last name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('maxlength')\">\r\n Last name must be maximum of 50 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('required')\">\r\n Last name is required\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"email\" class=\"form-label\">Corporate Email <span class=\"alert-required\">*</span></label>\r\n <input (blur)=\"onEmailBlur()\" (input)=\"isEmailTaken = 0\" formControlName=\"corporateEmail\" type=\"email\" class=\"form-control\" id=\"email\" [ngClass]=\"{ 'is-invalid': aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('required') }\"\r\n autocomplete=\"off\">\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('minlength')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('maxlength')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('required')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('pattern')\">\r\n Enter valid email ID\r\n </small>\r\n <small \r\n *ngIf=\"isEmailTaken\">\r\n Email already exists\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n\r\n <label for=\"phonenumber\" class=\"form-label\">Phone number <span class=\"alert-required\">*</span></label>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-4 col-xl-4\">\r\n <!-- <div class=\"input-group mb-3\">\r\n <div class=\"input-group-append\"> -->\r\n <!-- <select\r\n class=\"form-select form-select-solid select2-hidden-accessible form-label text-dark fs-4\"\r\n name=\"dialCode\" #dialCode=\"ngModel\"\r\n [ngModelOptions]=\"{standalone: true}\" matNativeControl required\r\n [(ngModel)]=\"countryCodes\" (click)=\"chooseCountry(countryCodes)\">\r\n <option [value]=\"country.dial_code\" *ngFor=\"let country of countryCodeList\"><span\r\n class=\"fw-bolder text-dark ps-3\">\r\n {{ country.name }}</span><span class=\"text-muted\">({{ country.dial_code\r\n }})</span>\r\n </option>\r\n </select> -->\r\n <select formControlName=\"countryCode\" class=\"form-select ps-3 pe-8\" \r\n id=\"inputGroupSelect01\">\r\n <option *ngFor=\"let country of countryList\" class=\"mx-2\" [value]=\"country.phonecode\">{{country.name}}<span class=\"text-muted\">({{ country.phonecode\r\n }})</span></option>\r\n </select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-8 col-xl-8\">\r\n <!-- <input [value]=\"aboutForm.get('countryCode')?.value\" type=\"text\" [ngClass]=\"{ 'code-is-invalid': aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required') }\"\r\n class=\"form-control border-disabled\" readonly> -->\r\n <input (blur)=\"onMobileNumberBlur()\" (input)=\"isMobileTaken = 0\" formControlName=\"mobileNumber\" type=\"text\" class=\"form-control\" (keypress)=\"omit_special_char($event)\" [ngClass]=\"{ ' is-invalid': aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required') }\"\r\n id=\"phonenumber\" autocomplete=\"off\" minlength=\"7\" maxlength=\"15\">\r\n </div>\r\n </div>\r\n <small \r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required')\">\r\n Phone number is required\r\n </small>\r\n <small *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('pattern')\">\r\n Enter a valid phone number\r\n </small>\r\n <small\r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('min')\">\r\n Enter a valid phone number\r\n </small>\r\n <small\r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('max')\">\r\n Enter a valid phone number\r\n </small>\r\n <small \r\n *ngIf=\"isMobileTaken\">\r\n Phone Number already exists\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"password\" class=\"form-label\">Password <span class=\"alert-required\">*</span></label>\r\n <div class=\"position-relative mb-3\">\r\n <input (input)=\"onPasswordChange($event)\" formControlName=\"password\" [type]=\"passwordShow ? 'text' : 'password'\" [ngClass]=\"{ 'is-invalid': aboutForm.get('password')?.touched && aboutForm.get('password')?.hasError('required') }\"\r\n class=\"form-control\" id=\"password\" autocomplete=\"new-password\">\r\n <span (click)=\"showPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"passwordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!passwordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div class=\"progressbar-wrapper mt-2\">\r\n <span [style.width]=\"passwordStrength\"\r\n [ngStyle]=\"{'background-color': passwordStrength === '0%' ? '' : (passwordStrength === '25%' ? 'red' : (passwordStrength === '50%' ? 'orange': (passwordStrength === '75%' ? 'yellow' : (passwordStrength === '100%' ? 'green' : '')))) }\"\r\n class=\"progressbar-inner\"></span>\r\n </div>\r\n <div class=\"password-note mt-2\">The password must contain atleast one capital letter and number.</div>\r\n <div>\r\n <small *ngIf=\"aboutForm.get('password')?.hasError('required') && aboutForm.get('password')?.touched\">Password is required</small>\r\n </div>\r\n <div >\r\n <small *ngIf=\"aboutForm.get('password')?.hasError('noSpaces') && aboutForm.get('password')?.touched\">Password cannot contain spaces.</small> \r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"confirm\" class=\"form-label\">Confirm Password <span class=\"alert-required\">*</span></label>\r\n <div class=\"position-relative mb-3\">\r\n <input (input)=\"onConfirmPasswordChange($event)\" formControlName=\"confirmPassword\" [type]=\"confirmPasswordShow ? 'text' : 'password'\" class=\"form-control\" [ngClass]=\"{ 'is-invalid': aboutForm.get('confirmPassword')?.touched && aboutForm.get('confirmPassword')?.hasError('required') }\"\r\n id=\"confirm\" autocomplete=\"off\">\r\n <span (click)=\"showConfirmPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"confirmPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!confirmPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div class=\"progressbar-wrapper mt-2\">\r\n <span [style.width]=\"confirmPasswordStrength\"\r\n [ngStyle]=\"{'background-color': confirmPasswordStrength === '0%' ? '' : (confirmPasswordStrength === '25%' ? 'red' : (confirmPasswordStrength === '50%' ? 'orange': (confirmPasswordStrength === '75%' ? 'yellow' : (confirmPasswordStrength === '100%' ? 'green' : '')))) }\"\r\n class=\"progressbar-inner\"></span>\r\n </div>\r\n <div class=\"password-note mt-2\">The password must contain atleast one capital letter and number.</div>\r\n <div>\r\n <small *ngIf=\"aboutForm.get('confirmPassword')?.hasError('required') && aboutForm.get('confirmPassword')?.touched\">Confirm password is required</small>\r\n <small \r\n *ngIf=\"aboutForm.get('confirmPassword')?.touched && aboutForm.get('confirmPassword')?.hasError('NotEqual') && !aboutForm.get('confirmPassword')?.hasError('required')\">Password\r\n does not match</small>\r\n <small *ngIf=\"aboutForm.get('confirmPassword')?.hasError('noSpaces') && !aboutForm.get('confirmPassword')?.hasError('NotEqual') && aboutForm.get('confirmPassword')?.touched\">Password cannot contain spaces.</small> \r\n\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n <!-- <ng-container *ngIf=\"currentStep$.value == 1\"> -->\r\n <div class=\"text-end\">\r\n <button [disabled]=\"aboutForm.invalid || isMobileTaken || isEmailTaken || isClientNameTaken\" type=\"button\" class=\"btn btn-lg btn-primary\" (click)=\"nextStep()\">\r\n <span class=\"indicator-label px-5\">\r\n <ng-container>\r\n Next <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"white\" stroke-width=\"1.67\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </ng-container>\r\n\r\n </span>\r\n </button>\r\n </div>\r\n <!-- </ng-container> -->\r\n </div>\r\n\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n <div class=\"mb-3 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">\u00A9 2024 </span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer\">Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div>\r\n</div>", styles: [".logo{width:16%;height:73px!important;margin-top:150px;margin-left:44%}.heading{margin-left:41%}.title1{color:var(--Gray-700, #344054)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.subtext{color:var(--Gray-400, #98A2B3)!important;font-size:18px!important;font-weight:500!important;line-height:28px}.submit{padding-bottom:2%}.point{background:#ddd;border-radius:2px;display:inline-block;height:5px;width:85px}.form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1}input,button,select,optgroup,textarea{margin:5px 0}.form-control{display:block;color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px;-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{font-size:1.1rem;font-weight:600;line-height:24px;height:45px;padding:.5rem 1rem;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.card-label{font-weight:600;font-size:20px}.me-n2{margin-right:3.5rem!important}.font{font-family:Inter!important}.phone{flex:0 0 auto;width:62.666667%}@media (min-width: 1024px) and (max-width: 1299px){.title1{text-shadow:1px 1px 1px #096dd7;font-weight:600;font-size:21px!important;line-height:34px;text-align:center;color:#464e5f}.subtext{font-family:Inter;font-size:18px;font-weight:600;line-height:37px;letter-spacing:0em;text-align:center;color:#7e8299}.imgsrc{width:100px}}@media (min-width: 1300px) and (max-width: 1400px){.title1{text-shadow:1px 1px 1px #096dd7;font-weight:600;font-size:21px!important;line-height:34px;text-align:center;color:#464e5f}.subtext{font-family:Inter;font-size:18px;font-weight:600;line-height:37px;letter-spacing:0em;text-align:center;color:#7e8299}.imgsrc{width:100px}}small{color:var(--Gray-500, #667085)!important;font-size:10px!important;font-style:normal;font-weight:400!important;line-height:normal}.border-new{border-radius:0 8px 8px 0!important;border-left:none!important}.border-disabled{padding:5px 0;min-width:auto;max-width:14.5%;border-radius:0!important;border-right:none!important;border-left:none!important}.select-radius{padding:5px 0 5px 15px;border-radius:8px 0 0 8px!important;border-right:none!important}.progressbar-wrapper{height:4px;width:100%;background-color:#f2f4f7;border-radius:4px;position:relative}.progressbar-inner{height:100%;position:absolute;border-radius:4px}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}.alert-required{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.mobile-is-invalid{border-radius:0 8px 8px 0!important;border-left:none!important}.code-is-invalid{padding:5px 0;max-width:14.5%;border-radius:0!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;border-right:none!important;border-left:none!important}.country-is-invalid{padding:5px 0 5px 15px;border-radius:8px 0 0 8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;border-right:none!important}.icon-more{font-size:24px;font-weight:600;line-height:32px;color:#7e8299}.password-note{color:var(--Gray-500, #667085);font-size:10px;font-weight:400;line-height:normal}.footer{color:#7e8299!important;font-size:16px!important;font-weight:500!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.translate-middle{transform:translate(-65%,-50%)!important}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
|
|
526
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: Step1Component, deps: [{ token: ConversionService }, { token: i2$1.FormBuilder }, { token: AuthService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
527
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: Step1Component, selector: "lib-step1", ngImport: i0, template: "<div class=\"card mt-10 mx-15\">\r\n <div class=\"h-100 px-10 mx-5 my-7\">\r\n <!-- <div>\r\n <img class=\"bubble\" src=\"../../../../../../../assets/Icons/Signup-bubble-icon.svg\"\r\n alt=\"\" srcset=\"\"> -->\r\n <div class=\"mobileshow\">\r\n <h3 class=\"title1 pt-4\">AI co-pilot to boost your sales conversion</h3>\r\n <p class=\"subtext pb-4\">Join the leading global brands in understanding footfall and shopper behavior to\r\n boost\r\n sales.</p>\r\n\r\n\r\n <div class=\"d-flex justify-content-between\">\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/Lenskart-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/nykaa-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/giva-logo3.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/Duroflex-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/loccitone-logo.svg\" alt=\"\">\r\n </div>\r\n <div class=\"me-20\">\r\n <h4 class=\"icon-more\">30 +</h4>\r\n </div>\r\n\r\n </div>\r\n <div class=\"mt-12 card-title\">\r\n <h6 class=\"card-label mb-7\">Create an Account</h6>\r\n <form [formGroup]=\"aboutForm\" novalidate=\"novalidate\">\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"Brand\" class=\"form-label\">Brand Name <span class=\"alert-required\">*</span></label>\r\n <input (blur)=\"onClientNameBlur()\" (input)=\"isClientNameTaken = 0\" formControlName=\"clientName\" type=\"type\" class=\"form-control\" id=\"Brand\" \r\n [ngClass]=\"{ 'is-invalid': aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('required') }\" autocomplete=\"off\" >\r\n \r\n \r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('minlength')\">\r\n Brand name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('maxlength')\">\r\n Brand name must be maximum of 100 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('required')\">\r\n Brand name is required\r\n </small>\r\n <small \r\n *ngIf=\"isClientNameTaken\">\r\n Brand Name already exists\r\n </small>\r\n </div>\r\n </div>\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"firstname\" class=\"form-label\">First Name <span class=\"alert-required\">*</span></label>\r\n <input formControlName=\"firstName\" type=\"type\" class=\"form-control\" id=\"firstname\" autocomplete=\"off\"\r\n [ngClass]=\"{ 'is-invalid': aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('required') }\">\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('minlength')\">\r\n First name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('maxlength')\">\r\n First name must be maximum of 50 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('required')\">\r\n First name is required\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"lastname\" class=\"form-label\">Last Name</label>\r\n <input formControlName=\"lastName\" type=\"type\" class=\"form-control\" id=\"lastname\" autocomplete=\"off\">\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('minlength')\">\r\n Last name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('maxlength')\">\r\n Last name must be maximum of 50 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('required')\">\r\n Last name is required\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"email\" class=\"form-label\">Corporate Email <span class=\"alert-required\">*</span></label>\r\n <input (blur)=\"onEmailBlur()\" (input)=\"isEmailTaken = 0\" formControlName=\"corporateEmail\" type=\"email\" class=\"form-control\" id=\"email\" [ngClass]=\"{ 'is-invalid': aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('required') }\"\r\n autocomplete=\"off\">\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('minlength')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('maxlength')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('required')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('pattern')\">\r\n Enter valid email ID\r\n </small>\r\n <small \r\n *ngIf=\"isEmailTaken\">\r\n Email already exists\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n\r\n <label for=\"phonenumber\" class=\"form-label\">Phone number <span class=\"alert-required\">*</span></label>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-4 col-xl-4\">\r\n <!-- <div class=\"input-group mb-3\">\r\n <div class=\"input-group-append\"> -->\r\n <!-- <select\r\n class=\"form-select form-select-solid select2-hidden-accessible form-label text-dark fs-4\"\r\n name=\"dialCode\" #dialCode=\"ngModel\"\r\n [ngModelOptions]=\"{standalone: true}\" matNativeControl required\r\n [(ngModel)]=\"countryCodes\" (click)=\"chooseCountry(countryCodes)\">\r\n <option [value]=\"country.dial_code\" *ngFor=\"let country of countryCodeList\"><span\r\n class=\"fw-bolder text-dark ps-3\">\r\n {{ country.name }}</span><span class=\"text-muted\">({{ country.dial_code\r\n }})</span>\r\n </option>\r\n </select> -->\r\n <select formControlName=\"countryCode\" class=\"form-select ps-3 pe-8\" \r\n id=\"inputGroupSelect01\">\r\n <option *ngFor=\"let country of countryList\" class=\"mx-2\" [value]=\"country.phonecode\">{{country.name}}<span class=\"text-muted\">({{ country.phonecode\r\n }})</span></option>\r\n </select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-8 col-xl-8\">\r\n <!-- <input [value]=\"aboutForm.get('countryCode')?.value\" type=\"text\" [ngClass]=\"{ 'code-is-invalid': aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required') }\"\r\n class=\"form-control border-disabled\" readonly> -->\r\n <input (blur)=\"onMobileNumberBlur()\" (input)=\"isMobileTaken = 0\" formControlName=\"mobileNumber\" type=\"text\" class=\"form-control\" (keypress)=\"omit_special_char($event)\" [ngClass]=\"{ ' is-invalid': aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required') }\"\r\n id=\"phonenumber\" autocomplete=\"off\" minlength=\"7\" maxlength=\"15\">\r\n </div>\r\n </div>\r\n <small \r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required')\">\r\n Phone number is required\r\n </small>\r\n <small *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('pattern')\">\r\n Enter a valid phone number\r\n </small>\r\n <small\r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('min')\">\r\n Enter a valid phone number\r\n </small>\r\n <small\r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('max')\">\r\n Enter a valid phone number\r\n </small>\r\n <small \r\n *ngIf=\"isMobileTaken\">\r\n Phone Number already exists\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"password\" class=\"form-label\">Password <span class=\"alert-required\">*</span></label>\r\n <div class=\"position-relative mb-3\">\r\n <input (input)=\"onPasswordChange($event)\" formControlName=\"password\" [type]=\"passwordShow ? 'text' : 'password'\" [ngClass]=\"{ 'is-invalid': aboutForm.get('password')?.touched && aboutForm.get('password')?.hasError('required') }\"\r\n class=\"form-control\" id=\"password\" autocomplete=\"new-password\">\r\n <span (click)=\"showPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"passwordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!passwordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div class=\"progressbar-wrapper mt-2\">\r\n <span [style.width]=\"passwordStrength\"\r\n [ngStyle]=\"{'background-color': passwordStrength === '0%' ? '' : (passwordStrength === '25%' ? 'red' : (passwordStrength === '50%' ? 'orange': (passwordStrength === '75%' ? 'yellow' : (passwordStrength === '100%' ? 'green' : '')))) }\"\r\n class=\"progressbar-inner\"></span>\r\n </div>\r\n <div class=\"password-note mt-2\">The password must contain atleast one capital letter and number.</div>\r\n <div>\r\n <small *ngIf=\"aboutForm.get('password')?.hasError('required') && aboutForm.get('password')?.touched\">Password is required</small>\r\n </div>\r\n <div >\r\n <small *ngIf=\"aboutForm.get('password')?.hasError('noSpaces') && aboutForm.get('password')?.touched\">Password cannot contain spaces.</small> \r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"confirm\" class=\"form-label\">Confirm Password <span class=\"alert-required\">*</span></label>\r\n <div class=\"position-relative mb-3\">\r\n <input (input)=\"onConfirmPasswordChange($event)\" formControlName=\"confirmPassword\" [type]=\"confirmPasswordShow ? 'text' : 'password'\" class=\"form-control\" [ngClass]=\"{ 'is-invalid': aboutForm.get('confirmPassword')?.touched && aboutForm.get('confirmPassword')?.hasError('required') }\"\r\n id=\"confirm\" autocomplete=\"off\">\r\n <span (click)=\"showConfirmPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"confirmPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!confirmPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div class=\"progressbar-wrapper mt-2\">\r\n <span [style.width]=\"confirmPasswordStrength\"\r\n [ngStyle]=\"{'background-color': confirmPasswordStrength === '0%' ? '' : (confirmPasswordStrength === '25%' ? 'red' : (confirmPasswordStrength === '50%' ? 'orange': (confirmPasswordStrength === '75%' ? 'yellow' : (confirmPasswordStrength === '100%' ? 'green' : '')))) }\"\r\n class=\"progressbar-inner\"></span>\r\n </div>\r\n <div class=\"password-note mt-2\">The password must contain atleast one capital letter and number.</div>\r\n <div>\r\n <small *ngIf=\"aboutForm.get('confirmPassword')?.hasError('required') && aboutForm.get('confirmPassword')?.touched\">Confirm password is required</small>\r\n <small \r\n *ngIf=\"aboutForm.get('confirmPassword')?.touched && aboutForm.get('confirmPassword')?.hasError('NotEqual') && !aboutForm.get('confirmPassword')?.hasError('required')\">Password\r\n does not match</small>\r\n <small *ngIf=\"aboutForm.get('confirmPassword')?.hasError('noSpaces') && !aboutForm.get('confirmPassword')?.hasError('NotEqual') && aboutForm.get('confirmPassword')?.touched\">Password cannot contain spaces.</small> \r\n\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n <!-- <ng-container *ngIf=\"currentStep$.value == 1\"> -->\r\n <div class=\"text-end\">\r\n <button [disabled]=\"aboutForm.invalid || isMobileTaken || isEmailTaken || isClientNameTaken\" type=\"button\" class=\"btn btn-lg btn-primary\" (click)=\"nextStep()\">\r\n <span class=\"indicator-label px-5\">\r\n <ng-container>\r\n Next <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"white\" stroke-width=\"1.67\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </ng-container>\r\n\r\n </span>\r\n </button>\r\n </div>\r\n <!-- </ng-container> -->\r\n </div>\r\n\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n <div class=\"mb-3 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">\u00A9 2024 </span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer\">Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div>\r\n</div>", styles: [".logo{width:16%;height:73px!important;margin-top:150px;margin-left:44%}.heading{margin-left:41%}.title1{color:var(--Gray-700, #344054)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.subtext{color:var(--Gray-400, #98A2B3)!important;font-size:18px!important;font-weight:500!important;line-height:28px}.submit{padding-bottom:2%}.point{background:#ddd;border-radius:2px;display:inline-block;height:5px;width:85px}.form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1}input,button,select,optgroup,textarea{margin:5px 0}.form-control{display:block;color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px;-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{font-size:1.1rem;font-weight:600;line-height:24px;height:45px;padding:.5rem 1rem;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.card-label{font-weight:600;font-size:20px}.me-n2{margin-right:3.5rem!important}.font{font-family:Inter!important}.phone{flex:0 0 auto;width:62.666667%}@media (min-width: 1024px) and (max-width: 1299px){.title1{text-shadow:1px 1px 1px #096dd7;font-weight:600;font-size:21px!important;line-height:34px;text-align:center;color:#464e5f}.subtext{font-family:Inter;font-size:18px;font-weight:600;line-height:37px;letter-spacing:0em;text-align:center;color:#7e8299}.imgsrc{width:100px}}@media (min-width: 1300px) and (max-width: 1400px){.title1{text-shadow:1px 1px 1px #096dd7;font-weight:600;font-size:21px!important;line-height:34px;text-align:center;color:#464e5f}.subtext{font-family:Inter;font-size:18px;font-weight:600;line-height:37px;letter-spacing:0em;text-align:center;color:#7e8299}.imgsrc{width:100px}}small{color:var(--Gray-500, #667085)!important;font-size:10px!important;font-style:normal;font-weight:400!important;line-height:normal}.border-new{border-radius:0 8px 8px 0!important;border-left:none!important}.border-disabled{padding:5px 0;min-width:auto;max-width:14.5%;border-radius:0!important;border-right:none!important;border-left:none!important}.select-radius{padding:5px 0 5px 15px;border-radius:8px 0 0 8px!important;border-right:none!important}.progressbar-wrapper{height:4px;width:100%;background-color:#f2f4f7;border-radius:4px;position:relative}.progressbar-inner{height:100%;position:absolute;border-radius:4px}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}.alert-required{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.mobile-is-invalid{border-radius:0 8px 8px 0!important;border-left:none!important}.code-is-invalid{padding:5px 0;max-width:14.5%;border-radius:0!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;border-right:none!important;border-left:none!important}.country-is-invalid{padding:5px 0 5px 15px;border-radius:8px 0 0 8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;border-right:none!important}.icon-more{font-size:24px;font-weight:600;line-height:32px;color:#7e8299}.password-note{color:var(--Gray-500, #667085);font-size:10px;font-weight:400;line-height:normal}.footer{color:#7e8299!important;font-size:16px!important;font-weight:500!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.translate-middle{transform:translate(-65%,-50%)!important}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
|
|
525
528
|
}
|
|
526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: Step1Component, decorators: [{
|
|
527
530
|
type: Component,
|
|
528
531
|
args: [{ selector: 'lib-step1', template: "<div class=\"card mt-10 mx-15\">\r\n <div class=\"h-100 px-10 mx-5 my-7\">\r\n <!-- <div>\r\n <img class=\"bubble\" src=\"../../../../../../../assets/Icons/Signup-bubble-icon.svg\"\r\n alt=\"\" srcset=\"\"> -->\r\n <div class=\"mobileshow\">\r\n <h3 class=\"title1 pt-4\">AI co-pilot to boost your sales conversion</h3>\r\n <p class=\"subtext pb-4\">Join the leading global brands in understanding footfall and shopper behavior to\r\n boost\r\n sales.</p>\r\n\r\n\r\n <div class=\"d-flex justify-content-between\">\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/Lenskart-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/nykaa-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/giva-logo3.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/Duroflex-logo.svg\" alt=\"\">\r\n </div>\r\n <div>\r\n <img class=\"imgsrc\" src=\"./assets/tango/Icons/loccitone-logo.svg\" alt=\"\">\r\n </div>\r\n <div class=\"me-20\">\r\n <h4 class=\"icon-more\">30 +</h4>\r\n </div>\r\n\r\n </div>\r\n <div class=\"mt-12 card-title\">\r\n <h6 class=\"card-label mb-7\">Create an Account</h6>\r\n <form [formGroup]=\"aboutForm\" novalidate=\"novalidate\">\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"Brand\" class=\"form-label\">Brand Name <span class=\"alert-required\">*</span></label>\r\n <input (blur)=\"onClientNameBlur()\" (input)=\"isClientNameTaken = 0\" formControlName=\"clientName\" type=\"type\" class=\"form-control\" id=\"Brand\" \r\n [ngClass]=\"{ 'is-invalid': aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('required') }\" autocomplete=\"off\" >\r\n \r\n \r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('minlength')\">\r\n Brand name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('maxlength')\">\r\n Brand name must be maximum of 100 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('clientName')?.touched && aboutForm.get('clientName')?.hasError('required')\">\r\n Brand name is required\r\n </small>\r\n <small \r\n *ngIf=\"isClientNameTaken\">\r\n Brand Name already exists\r\n </small>\r\n </div>\r\n </div>\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"firstname\" class=\"form-label\">First Name <span class=\"alert-required\">*</span></label>\r\n <input formControlName=\"firstName\" type=\"type\" class=\"form-control\" id=\"firstname\" autocomplete=\"off\"\r\n [ngClass]=\"{ 'is-invalid': aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('required') }\">\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('minlength')\">\r\n First name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('maxlength')\">\r\n First name must be maximum of 50 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('firstName')?.touched && aboutForm.get('firstName')?.hasError('required')\">\r\n First name is required\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"lastname\" class=\"form-label\">Last Name</label>\r\n <input formControlName=\"lastName\" type=\"type\" class=\"form-control\" id=\"lastname\" autocomplete=\"off\">\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('minlength')\">\r\n Last name must be minimum of 3 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('maxlength')\">\r\n Last name must be maximum of 50 letters\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('lastName')?.touched && aboutForm.get('lastName')?.hasError('required')\">\r\n Last name is required\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"email\" class=\"form-label\">Corporate Email <span class=\"alert-required\">*</span></label>\r\n <input (blur)=\"onEmailBlur()\" (input)=\"isEmailTaken = 0\" formControlName=\"corporateEmail\" type=\"email\" class=\"form-control\" id=\"email\" [ngClass]=\"{ 'is-invalid': aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('required') }\"\r\n autocomplete=\"off\">\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('minlength')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('maxlength')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('required')\">\r\n Enter a valid email\r\n </small>\r\n <small \r\n *ngIf=\"aboutForm.get('corporateEmail')?.touched && aboutForm.get('corporateEmail')?.hasError('pattern')\">\r\n Enter valid email ID\r\n </small>\r\n <small \r\n *ngIf=\"isEmailTaken\">\r\n Email already exists\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n\r\n <label for=\"phonenumber\" class=\"form-label\">Phone number <span class=\"alert-required\">*</span></label>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-4 col-xl-4\">\r\n <!-- <div class=\"input-group mb-3\">\r\n <div class=\"input-group-append\"> -->\r\n <!-- <select\r\n class=\"form-select form-select-solid select2-hidden-accessible form-label text-dark fs-4\"\r\n name=\"dialCode\" #dialCode=\"ngModel\"\r\n [ngModelOptions]=\"{standalone: true}\" matNativeControl required\r\n [(ngModel)]=\"countryCodes\" (click)=\"chooseCountry(countryCodes)\">\r\n <option [value]=\"country.dial_code\" *ngFor=\"let country of countryCodeList\"><span\r\n class=\"fw-bolder text-dark ps-3\">\r\n {{ country.name }}</span><span class=\"text-muted\">({{ country.dial_code\r\n }})</span>\r\n </option>\r\n </select> -->\r\n <select formControlName=\"countryCode\" class=\"form-select ps-3 pe-8\" \r\n id=\"inputGroupSelect01\">\r\n <option *ngFor=\"let country of countryList\" class=\"mx-2\" [value]=\"country.phonecode\">{{country.name}}<span class=\"text-muted\">({{ country.phonecode\r\n }})</span></option>\r\n </select>\r\n </div>\r\n <div class=\"col-md-12 col-lg-8 col-xl-8\">\r\n <!-- <input [value]=\"aboutForm.get('countryCode')?.value\" type=\"text\" [ngClass]=\"{ 'code-is-invalid': aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required') }\"\r\n class=\"form-control border-disabled\" readonly> -->\r\n <input (blur)=\"onMobileNumberBlur()\" (input)=\"isMobileTaken = 0\" formControlName=\"mobileNumber\" type=\"text\" class=\"form-control\" (keypress)=\"omit_special_char($event)\" [ngClass]=\"{ ' is-invalid': aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required') }\"\r\n id=\"phonenumber\" autocomplete=\"off\" minlength=\"7\" maxlength=\"15\">\r\n </div>\r\n </div>\r\n <small \r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('required')\">\r\n Phone number is required\r\n </small>\r\n <small *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('pattern')\">\r\n Enter a valid phone number\r\n </small>\r\n <small\r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('min')\">\r\n Enter a valid phone number\r\n </small>\r\n <small\r\n *ngIf=\"aboutForm.get('mobileNumber')?.touched && aboutForm.get('mobileNumber')?.hasError('max')\">\r\n Enter a valid phone number\r\n </small>\r\n <small \r\n *ngIf=\"isMobileTaken\">\r\n Phone Number already exists\r\n </small>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"password\" class=\"form-label\">Password <span class=\"alert-required\">*</span></label>\r\n <div class=\"position-relative mb-3\">\r\n <input (input)=\"onPasswordChange($event)\" formControlName=\"password\" [type]=\"passwordShow ? 'text' : 'password'\" [ngClass]=\"{ 'is-invalid': aboutForm.get('password')?.touched && aboutForm.get('password')?.hasError('required') }\"\r\n class=\"form-control\" id=\"password\" autocomplete=\"new-password\">\r\n <span (click)=\"showPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"passwordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!passwordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div class=\"progressbar-wrapper mt-2\">\r\n <span [style.width]=\"passwordStrength\"\r\n [ngStyle]=\"{'background-color': passwordStrength === '0%' ? '' : (passwordStrength === '25%' ? 'red' : (passwordStrength === '50%' ? 'orange': (passwordStrength === '75%' ? 'yellow' : (passwordStrength === '100%' ? 'green' : '')))) }\"\r\n class=\"progressbar-inner\"></span>\r\n </div>\r\n <div class=\"password-note mt-2\">The password must contain atleast one capital letter and number.</div>\r\n <div>\r\n <small *ngIf=\"aboutForm.get('password')?.hasError('required') && aboutForm.get('password')?.touched\">Password is required</small>\r\n </div>\r\n <div >\r\n <small *ngIf=\"aboutForm.get('password')?.hasError('noSpaces') && aboutForm.get('password')?.touched\">Password cannot contain spaces.</small> \r\n </div>\r\n </div>\r\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-7\">\r\n <label for=\"confirm\" class=\"form-label\">Confirm Password <span class=\"alert-required\">*</span></label>\r\n <div class=\"position-relative mb-3\">\r\n <input (input)=\"onConfirmPasswordChange($event)\" formControlName=\"confirmPassword\" [type]=\"confirmPasswordShow ? 'text' : 'password'\" class=\"form-control\" [ngClass]=\"{ 'is-invalid': aboutForm.get('confirmPassword')?.touched && aboutForm.get('confirmPassword')?.hasError('required') }\"\r\n id=\"confirm\" autocomplete=\"off\">\r\n <span (click)=\"showConfirmPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"confirmPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!confirmPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n <div class=\"progressbar-wrapper mt-2\">\r\n <span [style.width]=\"confirmPasswordStrength\"\r\n [ngStyle]=\"{'background-color': confirmPasswordStrength === '0%' ? '' : (confirmPasswordStrength === '25%' ? 'red' : (confirmPasswordStrength === '50%' ? 'orange': (confirmPasswordStrength === '75%' ? 'yellow' : (confirmPasswordStrength === '100%' ? 'green' : '')))) }\"\r\n class=\"progressbar-inner\"></span>\r\n </div>\r\n <div class=\"password-note mt-2\">The password must contain atleast one capital letter and number.</div>\r\n <div>\r\n <small *ngIf=\"aboutForm.get('confirmPassword')?.hasError('required') && aboutForm.get('confirmPassword')?.touched\">Confirm password is required</small>\r\n <small \r\n *ngIf=\"aboutForm.get('confirmPassword')?.touched && aboutForm.get('confirmPassword')?.hasError('NotEqual') && !aboutForm.get('confirmPassword')?.hasError('required')\">Password\r\n does not match</small>\r\n <small *ngIf=\"aboutForm.get('confirmPassword')?.hasError('noSpaces') && !aboutForm.get('confirmPassword')?.hasError('NotEqual') && aboutForm.get('confirmPassword')?.touched\">Password cannot contain spaces.</small> \r\n\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n <!-- <ng-container *ngIf=\"currentStep$.value == 1\"> -->\r\n <div class=\"text-end\">\r\n <button [disabled]=\"aboutForm.invalid || isMobileTaken || isEmailTaken || isClientNameTaken\" type=\"button\" class=\"btn btn-lg btn-primary\" (click)=\"nextStep()\">\r\n <span class=\"indicator-label px-5\">\r\n <ng-container>\r\n Next <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\">\r\n <path d=\"M7.5 15L12.5 10L7.5 5\" stroke=\"white\" stroke-width=\"1.67\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </ng-container>\r\n\r\n </span>\r\n </button>\r\n </div>\r\n <!-- </ng-container> -->\r\n </div>\r\n\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n <div class=\"mb-3 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">\u00A9 2024 </span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer\">Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div>\r\n</div>", styles: [".logo{width:16%;height:73px!important;margin-top:150px;margin-left:44%}.heading{margin-left:41%}.title1{color:var(--Gray-700, #344054)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.subtext{color:var(--Gray-400, #98A2B3)!important;font-size:18px!important;font-weight:500!important;line-height:28px}.submit{padding-bottom:2%}.point{background:#ddd;border-radius:2px;display:inline-block;height:5px;width:85px}.form-control{display:block;height:45px;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1}input,button,select,optgroup,textarea{margin:5px 0}.form-control{display:block;color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px;-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{font-size:1.1rem;font-weight:600;line-height:24px;height:45px;padding:.5rem 1rem;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.card-label{font-weight:600;font-size:20px}.me-n2{margin-right:3.5rem!important}.font{font-family:Inter!important}.phone{flex:0 0 auto;width:62.666667%}@media (min-width: 1024px) and (max-width: 1299px){.title1{text-shadow:1px 1px 1px #096dd7;font-weight:600;font-size:21px!important;line-height:34px;text-align:center;color:#464e5f}.subtext{font-family:Inter;font-size:18px;font-weight:600;line-height:37px;letter-spacing:0em;text-align:center;color:#7e8299}.imgsrc{width:100px}}@media (min-width: 1300px) and (max-width: 1400px){.title1{text-shadow:1px 1px 1px #096dd7;font-weight:600;font-size:21px!important;line-height:34px;text-align:center;color:#464e5f}.subtext{font-family:Inter;font-size:18px;font-weight:600;line-height:37px;letter-spacing:0em;text-align:center;color:#7e8299}.imgsrc{width:100px}}small{color:var(--Gray-500, #667085)!important;font-size:10px!important;font-style:normal;font-weight:400!important;line-height:normal}.border-new{border-radius:0 8px 8px 0!important;border-left:none!important}.border-disabled{padding:5px 0;min-width:auto;max-width:14.5%;border-radius:0!important;border-right:none!important;border-left:none!important}.select-radius{padding:5px 0 5px 15px;border-radius:8px 0 0 8px!important;border-right:none!important}.progressbar-wrapper{height:4px;width:100%;background-color:#f2f4f7;border-radius:4px;position:relative}.progressbar-inner{height:100%;position:absolute;border-radius:4px}small{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}.alert-required{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.mobile-is-invalid{border-radius:0 8px 8px 0!important;border-left:none!important}.code-is-invalid{padding:5px 0;max-width:14.5%;border-radius:0!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;border-right:none!important;border-left:none!important}.country-is-invalid{padding:5px 0 5px 15px;border-radius:8px 0 0 8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;border-right:none!important}.icon-more{font-size:24px;font-weight:600;line-height:32px;color:#7e8299}.password-note{color:var(--Gray-500, #667085);font-size:10px;font-weight:400;line-height:normal}.footer{color:#7e8299!important;font-size:16px!important;font-weight:500!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.translate-middle{transform:translate(-65%,-50%)!important}\n"] }]
|
|
529
532
|
}], ctorParameters: () => [{ type: ConversionService }, { type: i2$1.FormBuilder }, { type: AuthService }, { type: i0.ChangeDetectorRef }] });
|
|
@@ -558,10 +561,10 @@ class ModalContentComponent {
|
|
|
558
561
|
passBack() {
|
|
559
562
|
this.activeModal.close(this.user);
|
|
560
563
|
}
|
|
561
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
562
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ModalContentComponent, selector: "lib-modal-content", inputs: { user: "user", width: "width", height: "height" }, ngImport: i0, template: "<div >\r\n<div class=\"modal-header border-bottom-0\">\r\n <!-- <h4 class=\"modal-title\" id=\"modal-basic-title\">Simple modal</h4> -->\r\n <div class=\"col-12 text-end \">\r\n <div class=\"btn btn-sm btn-icon btn-active-color-primary\" data-bs-dismiss=\"modal\">\r\n <i (click)=\"activeModal.dismiss('Cross click')\" class=\"ki-duotone ki-cross fs-1\"><span class=\"path1\"></span><span\r\n class=\"path2\"></span></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal-body pt-0\">\r\n <div class=\"row mx-5\">\r\n <div class=\"col-lg-6 col-md-6 col-sm-6 md-offset-3\">\r\n <div class=\"align-items-center border-0 mt-4\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 text-gray-800 mb-2 \">Product Offerings</span>\r\n </h3>\r\n </div>\r\n <div class=\"\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('traffic')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.traffic\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.traffic\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Traffic\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.traffic\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Footfall Analysis.</li>\r\n <li>Bounced vs Engager Analysis</li>\r\n <li>Missed Opportunity Vs Conversion Rate.</li>\r\n <li>Footfall Image Directory by the hour.</li>\r\n <li>Infra tracking ticketing system.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('zone')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.zone\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.zone\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Zone\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.zone\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Heatmap Analysis.</li>\r\n <li>Concentration % of each of your zone.</li>\r\n <li>Customer trajectory during their visit to your store.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <!-- <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('revops')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.revops\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.revops\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Revops\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.revops\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Identifying missed opportunities across reasons like Pricing, Store, Product, Staff\r\n etc.</li>\r\n <li>Customer database solution for retargeting.</li>\r\n <li>POS integration to capture conversion.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div> -->\r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('sop')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.sop\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.sop\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango SOP\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.sop\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Daily store operation.</li>\r\n <li> Extensive summary of data points like store open and close time.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n \r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('support')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.support\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.support\"><svg width=\"24\"\r\n height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Priority Support\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.support\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li> 24*7 CCTV monitoring of all the cameras in a single screen.</li>\r\n <li>Live and Recap video option for the entire day.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-md-6 col-sm-6 \">\r\n <div class=\"card-header\">\r\n <video class=\"video-width\" muted autoplay controls style=\"border-radius: 20px;\">\r\n <source src=\"https://tangoeye-dashboard-video.objectstore.e2enetworks.net/tango-main-video%201.mp4\"\r\n type=\"video/mp4\">\r\n <!-- https://tango-staticsite.s3.ap-south-1.amazonaws.com/Tango+Eye_720p_with+music_Trim.mp4\" -->\r\n </video>\r\n </div>\r\n <div class=\"card-header align-items-center border-0 mt-4\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 text-gray-800\">Product Walk-Through</span>\r\n </h3>\r\n </div>\r\n <div class=\"card-header align-items-center border-0 my-2 ms-6\" ><span\r\n class=\"sub\">We transform your existing CCTV cameras into a powerful store analytics tool.\r\n Our industry-first Al and computer vision technology help brands identify missed sale\r\n opportunities and focus on improving conversion rates across stores.</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n", styles: [".sub{color:#7e8299!important;font-weight:500;font-size:15px;line-height:25px}.main{font-weight:600!important;font-size:18px!important;line-height:22px;color:#13263c!important}::ng-deep .modal-content{border-radius:12px!important}@media (min-width: 320px) and (max-width: 1024px){.topbar{margin-top:3rem!important}.w-100{width:92%!important}.testrel{margin-left:4%}.imgsrc{width:48%;margin-top:5%;margin-left:37%}}.video-custom-tag{width:400px;height:400px;border-radius:40px;margin:0 20px}.font{font-family:Inter!important}.ul_style_none ul{list-style:none}.full-width-modal .modal-dialog{max-width:100%;width:100%}.full-width-modal .modal-content{width:100%}.video-width{width:350px}@media (min-width: 1920px) and (max-width: 2100px){::ng-deep .modal.show .modal-dialog{transform:none;margin-right:325px!important}::ng-deep .modal-lg,.modal-xl{--bs-modal-width: 1105px}.video-width{width:465px}}.close{position:absolute;right:10px;top:10px;z-index:1;opacity:.5;background-color:transparent;border:none;font-size:1.5rem;line-height:1;padding:.25rem .75rem}.close:hover{opacity:1}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ModalContentComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
|
|
565
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ModalContentComponent, selector: "lib-modal-content", inputs: { user: "user", width: "width", height: "height" }, ngImport: i0, template: "<div >\r\n<div class=\"modal-header border-bottom-0\">\r\n <!-- <h4 class=\"modal-title\" id=\"modal-basic-title\">Simple modal</h4> -->\r\n <div class=\"col-12 text-end \">\r\n <div class=\"btn btn-sm btn-icon btn-active-color-primary\" data-bs-dismiss=\"modal\">\r\n <i (click)=\"activeModal.dismiss('Cross click')\" class=\"ki-duotone ki-cross fs-1\"><span class=\"path1\"></span><span\r\n class=\"path2\"></span></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal-body pt-0\">\r\n <div class=\"row mx-5\">\r\n <div class=\"col-lg-6 col-md-6 col-sm-6 md-offset-3\">\r\n <div class=\"align-items-center border-0 mt-4\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 text-gray-800 mb-2 \">Product Offerings</span>\r\n </h3>\r\n </div>\r\n <div class=\"\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('traffic')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.traffic\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.traffic\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Traffic\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.traffic\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Footfall Analysis.</li>\r\n <li>Bounced vs Engager Analysis</li>\r\n <li>Missed Opportunity Vs Conversion Rate.</li>\r\n <li>Footfall Image Directory by the hour.</li>\r\n <li>Infra tracking ticketing system.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('zone')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.zone\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.zone\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Zone\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.zone\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Heatmap Analysis.</li>\r\n <li>Concentration % of each of your zone.</li>\r\n <li>Customer trajectory during their visit to your store.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <!-- <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('revops')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.revops\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.revops\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Revops\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.revops\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Identifying missed opportunities across reasons like Pricing, Store, Product, Staff\r\n etc.</li>\r\n <li>Customer database solution for retargeting.</li>\r\n <li>POS integration to capture conversion.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div> -->\r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('sop')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.sop\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.sop\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango SOP\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.sop\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Daily store operation.</li>\r\n <li> Extensive summary of data points like store open and close time.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n \r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('support')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.support\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.support\"><svg width=\"24\"\r\n height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Priority Support\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.support\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li> 24*7 CCTV monitoring of all the cameras in a single screen.</li>\r\n <li>Live and Recap video option for the entire day.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-md-6 col-sm-6 \">\r\n <div class=\"card-header\">\r\n <video class=\"video-width\" muted autoplay controls style=\"border-radius: 20px;\">\r\n <source src=\"https://tangoeye-dashboard-video.objectstore.e2enetworks.net/tango-main-video%201.mp4\"\r\n type=\"video/mp4\">\r\n <!-- https://tango-staticsite.s3.ap-south-1.amazonaws.com/Tango+Eye_720p_with+music_Trim.mp4\" -->\r\n </video>\r\n </div>\r\n <div class=\"card-header align-items-center border-0 mt-4\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 text-gray-800\">Product Walk-Through</span>\r\n </h3>\r\n </div>\r\n <div class=\"card-header align-items-center border-0 my-2 ms-6\" ><span\r\n class=\"sub\">We transform your existing CCTV cameras into a powerful store analytics tool.\r\n Our industry-first Al and computer vision technology help brands identify missed sale\r\n opportunities and focus on improving conversion rates across stores.</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n", styles: [".sub{color:#7e8299!important;font-weight:500;font-size:15px;line-height:25px}.main{font-weight:600!important;font-size:18px!important;line-height:22px;color:#13263c!important}::ng-deep .modal-content{border-radius:12px!important}@media (min-width: 320px) and (max-width: 1024px){.topbar{margin-top:3rem!important}.w-100{width:92%!important}.testrel{margin-left:4%}.imgsrc{width:48%;margin-top:5%;margin-left:37%}}.video-custom-tag{width:400px;height:400px;border-radius:40px;margin:0 20px}.font{font-family:Inter!important}.ul_style_none ul{list-style:none}.full-width-modal .modal-dialog{max-width:100%;width:100%}.full-width-modal .modal-content{width:100%}.video-width{width:350px}@media (min-width: 1920px) and (max-width: 2100px){::ng-deep .modal.show .modal-dialog{transform:none;margin-right:325px!important}::ng-deep .modal-lg,.modal-xl{--bs-modal-width: 1105px}.video-width{width:465px}}.close{position:absolute;right:10px;top:10px;z-index:1;opacity:.5;background-color:transparent;border:none;font-size:1.5rem;line-height:1;padding:.25rem .75rem}.close:hover{opacity:1}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
563
566
|
}
|
|
564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ModalContentComponent, decorators: [{
|
|
565
568
|
type: Component,
|
|
566
569
|
args: [{ selector: 'lib-modal-content', template: "<div >\r\n<div class=\"modal-header border-bottom-0\">\r\n <!-- <h4 class=\"modal-title\" id=\"modal-basic-title\">Simple modal</h4> -->\r\n <div class=\"col-12 text-end \">\r\n <div class=\"btn btn-sm btn-icon btn-active-color-primary\" data-bs-dismiss=\"modal\">\r\n <i (click)=\"activeModal.dismiss('Cross click')\" class=\"ki-duotone ki-cross fs-1\"><span class=\"path1\"></span><span\r\n class=\"path2\"></span></i>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal-body pt-0\">\r\n <div class=\"row mx-5\">\r\n <div class=\"col-lg-6 col-md-6 col-sm-6 md-offset-3\">\r\n <div class=\"align-items-center border-0 mt-4\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 text-gray-800 mb-2 \">Product Offerings</span>\r\n </h3>\r\n </div>\r\n <div class=\"\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('traffic')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.traffic\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.traffic\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Traffic\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.traffic\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Footfall Analysis.</li>\r\n <li>Bounced vs Engager Analysis</li>\r\n <li>Missed Opportunity Vs Conversion Rate.</li>\r\n <li>Footfall Image Directory by the hour.</li>\r\n <li>Infra tracking ticketing system.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('zone')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.zone\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.zone\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Zone\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.zone\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Heatmap Analysis.</li>\r\n <li>Concentration % of each of your zone.</li>\r\n <li>Customer trajectory during their visit to your store.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <!-- <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('revops')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.revops\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.revops\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango Revops\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.revops\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Identifying missed opportunities across reasons like Pricing, Store, Product, Staff\r\n etc.</li>\r\n <li>Customer database solution for retargeting.</li>\r\n <li>POS integration to capture conversion.</li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div> -->\r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('sop')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.sop\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.sop\"><svg width=\"24\" height=\"24\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Tango SOP\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.sop\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li>Daily store operation.</li>\r\n <li> Extensive summary of data points like store open and close time.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n \r\n <div class=\"m-0\">\r\n <div class=\"d-flex align-items-center collapsible py-3 toggle mb-0\" data-bs-toggle=\"collapse\"\r\n data-bs-target=\"#kt_job_4_1\">\r\n <div class=\"btn btn-sm btn-icon mw-20px btn-active-color-primary me-5\"\r\n (click)=\"expandPlan('support')\">\r\n <span class=\"svg-icon svg-icon-primary svg-icon-1\" *ngIf=\"expandDetails.support\"><svg\r\n width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"6.0104\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n <span class=\"svg-icon svg-icon-1\" *ngIf=\"!expandDetails.support\"><svg width=\"24\"\r\n height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect opacity=\"0.3\" x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" fill=\"currentColor\">\r\n </rect>\r\n <rect x=\"10.8891\" y=\"17.8033\" width=\"12\" height=\"2\" rx=\"1\"\r\n transform=\"rotate(-90 10.8891 17.8033)\" fill=\"currentColor\"></rect>\r\n <rect x=\"6.01041\" y=\"10.9247\" width=\"12\" height=\"2\" rx=\"1\" fill=\"currentColor\">\r\n </rect>\r\n </svg>\r\n </span>\r\n </div>\r\n <h4 class=\"text-gray-700 fw-bold cursor-pointer mb-0\">\r\n Priority Support\r\n </h4>\r\n </div>\r\n <div id=\"kt_job_4_1\" class=\"collapse show fs-6 ms-1\" *ngIf=\"expandDetails.support\">\r\n <div class=\"mb-4 text-gray-700 sub\">\r\n <ul>\r\n <li> 24*7 CCTV monitoring of all the cameras in a single screen.</li>\r\n <li>Live and Recap video option for the entire day.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-md-6 col-sm-6 \">\r\n <div class=\"card-header\">\r\n <video class=\"video-width\" muted autoplay controls style=\"border-radius: 20px;\">\r\n <source src=\"https://tangoeye-dashboard-video.objectstore.e2enetworks.net/tango-main-video%201.mp4\"\r\n type=\"video/mp4\">\r\n <!-- https://tango-staticsite.s3.ap-south-1.amazonaws.com/Tango+Eye_720p_with+music_Trim.mp4\" -->\r\n </video>\r\n </div>\r\n <div class=\"card-header align-items-center border-0 mt-4\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 text-gray-800\">Product Walk-Through</span>\r\n </h3>\r\n </div>\r\n <div class=\"card-header align-items-center border-0 my-2 ms-6\" ><span\r\n class=\"sub\">We transform your existing CCTV cameras into a powerful store analytics tool.\r\n Our industry-first Al and computer vision technology help brands identify missed sale\r\n opportunities and focus on improving conversion rates across stores.</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n", styles: [".sub{color:#7e8299!important;font-weight:500;font-size:15px;line-height:25px}.main{font-weight:600!important;font-size:18px!important;line-height:22px;color:#13263c!important}::ng-deep .modal-content{border-radius:12px!important}@media (min-width: 320px) and (max-width: 1024px){.topbar{margin-top:3rem!important}.w-100{width:92%!important}.testrel{margin-left:4%}.imgsrc{width:48%;margin-top:5%;margin-left:37%}}.video-custom-tag{width:400px;height:400px;border-radius:40px;margin:0 20px}.font{font-family:Inter!important}.ul_style_none ul{list-style:none}.full-width-modal .modal-dialog{max-width:100%;width:100%}.full-width-modal .modal-content{width:100%}.video-width{width:350px}@media (min-width: 1920px) and (max-width: 2100px){::ng-deep .modal.show .modal-dialog{transform:none;margin-right:325px!important}::ng-deep .modal-lg,.modal-xl{--bs-modal-width: 1105px}.video-width{width:465px}}.close{position:absolute;right:10px;top:10px;z-index:1;opacity:.5;background-color:transparent;border:none;font-size:1.5rem;line-height:1;padding:.25rem .75rem}.close:hover{opacity:1}\n"] }]
|
|
567
570
|
}], ctorParameters: () => [{ type: i1.NgbActiveModal }], propDecorators: { user: [{
|
|
@@ -593,10 +596,10 @@ class CalendlyModalComponent {
|
|
|
593
596
|
this.modalRef.close({ type: 'scheduled' });
|
|
594
597
|
}
|
|
595
598
|
}
|
|
596
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
597
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalendlyModalComponent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
|
|
600
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CalendlyModalComponent, selector: "lib-calendly-modal", inputs: { userData: "userData" }, ngImport: i0, template: "<div class=\"calendly-inline-widget\"></div>\r\n", styles: [".calendly-inline-widget{height:80dvh}\n"] });
|
|
598
601
|
}
|
|
599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CalendlyModalComponent, decorators: [{
|
|
600
603
|
type: Component,
|
|
601
604
|
args: [{ selector: 'lib-calendly-modal', template: "<div class=\"calendly-inline-widget\"></div>\r\n", styles: [".calendly-inline-widget{height:80dvh}\n"] }]
|
|
602
605
|
}], ctorParameters: () => [{ type: i1.NgbActiveModal }], propDecorators: { userData: [{
|
|
@@ -941,10 +944,10 @@ class Step2Component {
|
|
|
941
944
|
onPriceChange() {
|
|
942
945
|
this.getPricingData();
|
|
943
946
|
}
|
|
944
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
945
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: Step2Component, selector: "lib-step2", ngImport: i0, template: "<div class=\"card mt-10 mx-15\">\r\n <div class=\"h-100 px-5 mx-5 mt-7\">\r\n <!-- <img class=\"bubble\" src=\"./assets/tango/Icons/Signup-bubble-icon.svg\"\r\n alt=\"\" srcset=\"\"> -->\r\n\r\n <div class=\"d-flex flex-column beforeChoosing my-12\">\r\n <h1 class=\"heading mb-5\">How many stores do you have?</h1>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-9 col-xl-8 col-xxl-8 w-auto\">\r\n <div class=\"d-flex align-items-center bg-gray\">\r\n <div class=\"d-flex align-items-center justify-content-center activeClass cursor-pointer \"\r\n *ngFor=\"let count of storeCounts\" (click)=\"activeStoreCount(count)\" \r\n [class.activeClass]=\"count.active\">\r\n <div class=\"d-flex align-items-center mx-2\">\r\n <div class=\"fs-4 fw-bold\" [ngClass]=\"count.active === true? 'store-primary':'text-color'\">{{ count.text }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"storedetials\">\r\n <h2 class=\"heading mt-10 mb-5 \">What's the average size of your store?</h2>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 w-auto\">\r\n <div class=\"d-flex align-items-center bg-gray\">\r\n <div class=\"d-flex align-items-center justify-content-center activeClass cursor-pointer\"\r\n [class.activeClass]=\"i.active\" [class.disabled]=\"i.disabled\" *ngFor=\"let i of featAreaOptions\"\r\n (click)=\"activefeatArea(i)\">\r\n <div class=\"d-flex align-items-center mx-2\">\r\n <div class=\"fs-4 fw-bold\" [ngClass]=\"i.active === true? 'store-primary':'text-color'\">{{ i.text }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"featAreaCamera\" class=\"notice d-flex mt-5\">\r\n <div class=\"d-flex justify-content-center align-items-center gap-16px\">\r\n <span class=\"border-store\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"\r\n fill=\"none\">\r\n <path\r\n d=\"M1.3335 9.66667L8.00016 13L14.6668 9.66667M8.00016 3L1.3335 6.33333L8.00016 9.66667L14.6668 6.33333L8.00016 3Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <div class=\"featareaval ms-4\">Maximum {{featAreaCamera}} Cameras are permitted in stores with\r\n square feet between\r\n {{featArea}}.</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"pricevalue\">\r\n <div class=\"card-body px-0 mt-10\">\r\n <!--begin::Plans-->\r\n <div class=\"d-flex flex-column\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-10 text-start\">\r\n <h1 class=\"heading mb-5\">Plan Details</h1>\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Nav group-->\r\n <div class=\"nav-group nav-group-outline mx-auto mb-15\">\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3 me-2\"\r\n [ngClass]=\"plan === 'monthly'? 'activePlanBtn':'inactivePlanBtn'\" data-kt-plan=\"month\"\r\n (click)=\"selectPlan('monthly')\">\r\n Monthly\r\n </button>\r\n\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3\"\r\n [ngClass]=\"plan === 'quarterly'? 'activePlanBtn':'inactivePlanBtn'\"\r\n data-kt-plan=\"Quarterly\" (click)=\"selectPlan('quarterly')\">\r\n Quarterly - 10%\r\n </button>\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3\"\r\n [ngClass]=\"plan === 'annual'? 'activePlanBtn':'inactivePlanBtn'\" data-kt-plan=\"annual\"\r\n (click)=\"selectPlan('annual')\">\r\n Annual - 15%\r\n </button>\r\n </div>\r\n <!--end::Nav group-->\r\n\r\n <!--begin::Row-->\r\n <div class=\"row g-10\">\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 py-15 px-10\"\r\n [ngClass]=\"countOfStore === '1'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Free <span\r\n class=\"life-title fw-semibold mx-2\">Lifetime</span></h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solution for single store owners\r\n </div>\r\n <!--end::Description-->\r\n\r\n <!--begin::Price-->\r\n <div class=\"text-start \">\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode==='91'\">\u20B9</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode !=='91'\">$</span>\r\n <span class=\"fs-3x fw-bold text-primary text-val\">0 </span>\r\n </div>\r\n <!--end::Price-->\r\n <div class=\"fw-semibold\">\r\n <span class=\"period\">per store per month</span>\r\n </div>\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Features-->\r\n <div class=\"w-100\">\r\n <div class=\"d-flex flex-stack mb-10\"><span\r\n class=\"plan-head me-2 fs-14px\">Tango Traffic</span>\r\n <div class=\"form-check form-switch\">\r\n <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\"\r\n id=\"tangotraffic\" checked=\"\" disabled=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-center mb-10\">\r\n <span class=\"plan-head\">\r\n To accurately measure traffic and map shopper\u2019s in-store journey\r\n </span>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Footfall Analysis </span>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Bounced vs Engager Analysis </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Missed Opportunity Vs Conversion Rate </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Footfall Image Directory by the hour. </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n <!--begin::Select-->\r\n <button [disabled]=\"selectedCounts.value !== '1'\" class=\"btn btn-sm btn-primary w-100 button-size\"\r\n (click)=\"plandet('free')\">Get Started</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 text-container py-15 px-10\"\r\n [ngClass]=\"countOfStore === '2-25' || countOfStore === '26-50' || countOfStore === '26-50' || countOfStore === '51-75' || countOfStore === '76-100'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start text-container\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Premium</h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solution for Growing Business\r\n </div>\r\n <!--end::Description-->\r\n <button\r\n class=\"top-right btn-margin btn btn-lg btn-primary btn-height py-1 cursor-auto mt-3\">Recommended</button>\r\n <!--begin::Price-->\r\n <div class=\"text-start mt-15\">\r\n <span class=\"price-sub-head\">Starts from</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode==='91'\">\u20B9</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode !=='91'\">$</span>\r\n <span class=\"pricecodesize\" ><b\r\n class=\"pricecodecolor text-set mx-2\"> {{pricingData?.OriginalPrice}}\r\n </b>\r\n </span>\r\n <span class=\"fs-3x fw-bold text-primary text-val\">{{pricingData?.price}}</span>\r\n </div>\r\n <!--end::Price-->\r\n <div class=\"fw-semibold\">\r\n <span class=\"period\">per store per month</span>\r\n </div>\r\n </div>\r\n <!--end::Heading-->\r\n <form [formGroup]=\"productForm\" action=\"\" class=\"w-100 mb-3\">\r\n <!--begin::Features-->\r\n <div class=\"w-100\">\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mt-10 mb-5\"><span\r\n class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('traffic')\">Tango Traffic\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" style=\"pointer-events: none; background-color: #6BCAFF !important; border-color: #6BCAFF !important;\" formControlName=\"tangoTraffic\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangotraffic\" checked=\"\">\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('zone')\">Tango Zone\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"tangoZone\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangozone\" checked=\"\">\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('sop')\">Tango SOP\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"tangoSop\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangosop\" checked=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('support')\">Priority Support\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"prioritySupport\"\r\n class=\"form-check-input\" type=\"checkbox\" role=\"switch\"\r\n id=\"support\" checked=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n </form>\r\n\r\n\r\n <!--begin::Select-->\r\n <button class=\"btn btn-sm btn-primary button-size w-100\"\r\n (click)=\"plandet('premium')\">Start 14 day trial</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 py-15 px-10\"\r\n [ngClass]=\"countOfStore === '101-150'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Enterprise</h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solutions for Larger Business\r\n </div>\r\n <!--end::Description-->\r\n\r\n <!--begin::Price-->\r\n <div class=\"text-start mt-12\">\r\n\r\n <span class=\"fs-3x fw-bold text-primary text-val\">\r\n Let\u2019s Talk!</span>\r\n\r\n </div>\r\n <!--end::Price-->\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Features-->\r\n <div class=\"w-100 h-239px mb-10\">\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"price-sub-head fw-semibold \">\r\n Do you have more than 100 stores?</span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"price-sub-head fw-semibold \">\r\n Rest assured, our dedicated account managers are here to support you\r\n every\r\n step of the way.</span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n\r\n <!--begin::Select-->\r\n <button class=\"btn btn-sm btn-primary button-size w-100\"\r\n (click)=\"plandet('enterprise')\">Request Call Back</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n </div>\r\n <!--end::Row-->\r\n </div>\r\n <!--end::Plans-->\r\n </div>\r\n </div>\r\n <div class=\"row mt-12\">\r\n <div class=\"col-md-2\">\r\n <button type=\"button\" class=\"btn btn-lg text-nowrap btn-set me-5\" (click)=\"prevStep()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"none\">\r\n <path d=\"M13 15L8 10L13 5\" stroke=\"#009BF3\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg> Previous\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mb-3 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">\u00A9 2024 </span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer\">Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div>\r\n</div>\r\n\r\n<div class=\"overlay\" *ngIf=\"popup\">\r\n <div class=\"popup\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\" />\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\" />\r\n <path d=\"M38 18L27 29M38 18L31 38L27 29M38 18L18 25L27 29\" stroke=\"#00A3FF\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <h3 class=\"fw-bold get-touch my-5\">Get In Touch</h3>\r\n <div class=\"fw-normal get-sub mb-5\">Have questions? We\u2019re here to help. Send us a message, and we\u2019ll respond\r\n within\r\n 24 hours.</div>\r\n <div class=\"notice d-flex bg-light-primary rounded border-primary cursor-pointer my-4\"\r\n (click)=\"checkvalue('time')\" [ngClass]=\"timevalue === 'time'? 'touch-primary':'untouch-primary'\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 36 36\" fill=\"none\" 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\" stroke-width=\"4\" />\r\n <path d=\"M25.3332 14.6663L20.6665 17.9997L25.3332 21.333V14.6663Z\" stroke=\"#00A3FF\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M19.3332 13.333H11.9998C11.2635 13.333 10.6665 13.93 10.6665 14.6663V21.333C10.6665 22.0694 11.2635 22.6663 11.9998 22.6663H19.3332C20.0695 22.6663 20.6665 22.0694 20.6665 21.333V14.6663C20.6665 13.93 20.0695 13.333 19.3332 13.333Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n <div class=\"mb-3 mb-md-0 \">\r\n <h4 class=\"fw-semibold\" [ngClass]=\"timevalue === 'time'? 'video-title':'untouch-title'\">Schedule\r\n with\r\n Calendly</h4>\r\n <div class=\"fw-normal pe-7\" [ngClass]=\"timevalue === 'time'? 'video-sub':'untouch-sub'\">Choose your\r\n time\r\n slot in the next step.</div>\r\n </div><span *ngIf=\"timevalue ==='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#00A3FF\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#00A3FF\" />\r\n <path d=\"M11.3332 5.5L6.74984 10.0833L4.6665 8\" stroke=\"white\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n <span *ngIf=\"timevalue !=='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"white\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n </svg></span>\r\n\r\n </div>\r\n </div>\r\n <div class=\"notice d-flex bg-light-primary rounded border-primary cursor-pointer my-4\"\r\n (click)=\"checkvalue('call back')\" [ngClass]=\"timevalue === 'call back'? 'touch-primary':'untouch-primary'\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 36 36\" fill=\"none\" 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\" stroke-width=\"4\" />\r\n <g clip-path=\"url(#clip0_1731_70116)\">\r\n <path\r\n d=\"M24.6665 21.2797V23.2797C24.6672 23.4654 24.6292 23.6492 24.5548 23.8193C24.4804 23.9894 24.3713 24.1421 24.2345 24.2676C24.0977 24.3932 23.9362 24.4887 23.7603 24.5482C23.5844 24.6077 23.398 24.6298 23.2131 24.6131C21.1617 24.3902 19.1911 23.6892 17.4598 22.5664C15.849 21.5428 14.4834 20.1772 13.4598 18.5664C12.3331 16.8272 11.632 14.8471 11.4131 12.7864C11.3965 12.6021 11.4184 12.4162 11.4775 12.2408C11.5365 12.0654 11.6315 11.9042 11.7563 11.7675C11.8811 11.6308 12.033 11.5215 12.2023 11.4468C12.3716 11.372 12.5547 11.3332 12.7398 11.3331H14.7398C15.0633 11.3299 15.377 11.4445 15.6223 11.6554C15.8676 11.8664 16.0278 12.1594 16.0731 12.4797C16.1575 13.1198 16.3141 13.7482 16.5398 14.3531C16.6295 14.5917 16.6489 14.851 16.5957 15.1003C16.5426 15.3496 16.419 15.5785 16.2398 15.7597L15.3931 16.6064C16.3422 18.2754 17.7241 19.6574 19.3931 20.6064L20.2398 19.7597C20.4211 19.5805 20.6499 19.457 20.8992 19.4038C21.1485 19.3506 21.4078 19.37 21.6465 19.4597C22.2513 19.6854 22.8797 19.842 23.5198 19.9264C23.8436 19.9721 24.1394 20.1352 24.3508 20.3847C24.5622 20.6343 24.6746 20.9528 24.6665 21.2797Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1731_70116\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(10 10)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n <div class=\"mb-3 mb-md-0 \">\r\n <h4 class=\"fw-semibold\" [ngClass]=\"timevalue === 'call back'? 'video-title':'untouch-title'\">Request\r\n a\r\n call back</h4>\r\n <div class=\"fw-normal pe-7\" [ngClass]=\"timevalue === 'call back'? 'video-title':'untouch-sub'\">We\u2019ll\r\n call\r\n you on +91 987-654-3219</div>\r\n </div><span *ngIf=\"timevalue ==='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"white\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n </svg></span>\r\n <span *ngIf=\"timevalue !=='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#00A3FF\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#00A3FF\" />\r\n <path d=\"M11.3332 5.5L6.74984 10.0833L4.6665 8\" stroke=\"white\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"timevalue === 'call back'\">\r\n\r\n <h3 class=\"title-val fw-semibold my-3\">Select Preferred Timing</h3>\r\n <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\r\n <button [ngClass]=\"callbackPreferredTiming === '9am -12pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '9am -12pm'\" type=\"button\" class=\"btn btn-secondary\">9am -12pm</button>\r\n <button [ngClass]=\"callbackPreferredTiming === '12pm - 5pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '12pm - 5pm'\" type=\"button\" class=\"btn btn-secondary\">12pm - 5pm</button>\r\n <button [ngClass]=\"callbackPreferredTiming === '5pm - 8pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '5pm - 8pm'\" type=\"button\" class=\"btn btn-secondary\">5pm - 8pm</button>\r\n </div>\r\n <h5 class=\"title-sub fw-normal my-3\">We'll call you back in next 24 business hours</h5>\r\n <textarea [formControl]=\"callbackDescription\" class=\"form-control text-area fw-normal\" placeholder=\"Be more specific...\" row=\"2\"></textarea>\r\n\r\n </div>\r\n <div class=\"row mt-10 mb-7\">\r\n <div class=\"col-md-6\">\r\n <button class=\"btn btn-default fw-bold w-100\" (click)=\"close()\">Cancel</button>\r\n </div>\r\n <div class=\"col-md-6\">\r\n <button class=\"btn btn-primary submit fw-bold w-100\" (click)=\"submitvalue()\">Confirm</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"overlay\" *ngIf=\"requestpopup\">\r\n <div class=\"popup\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g id=\"Featured icon\">\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\"/>\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\"/>\r\n <g id=\"Check icon\">\r\n <rect x=\"16\" y=\"16\" width=\"24\" height=\"24\" rx=\"10\" fill=\"#DAF1FF\"/>\r\n <g id=\"Icon\">\r\n <mask id=\"path-3-inside-1_4346_82646\" fill=\"white\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.0965 23.3897L25.9365 30.2997L24.0365 28.2697C23.6865 27.9397 23.1365 27.9197 22.7365 28.1997C22.3465 28.4897 22.2365 28.9997 22.4765 29.4097L24.7265 33.0697C24.9465 33.4097 25.3265 33.6197 25.7565 33.6197C26.1665 33.6197 26.5565 33.4097 26.7765 33.0697C27.1365 32.5997 34.0065 24.4097 34.0065 24.4097C34.9065 23.4897 33.8165 22.6797 33.0965 23.3797V23.3897Z\"/>\r\n </mask>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.0965 23.3897L25.9365 30.2997L24.0365 28.2697C23.6865 27.9397 23.1365 27.9197 22.7365 28.1997C22.3465 28.4897 22.2365 28.9997 22.4765 29.4097L24.7265 33.0697C24.9465 33.4097 25.3265 33.6197 25.7565 33.6197C26.1665 33.6197 26.5565 33.4097 26.7765 33.0697C27.1365 32.5997 34.0065 24.4097 34.0065 24.4097C34.9065 23.4897 33.8165 22.6797 33.0965 23.3797V23.3897Z\" fill=\"#33B5FF\" stroke=\"#00A3FF\" stroke-width=\"4\" mask=\"url(#path-3-inside-1_4346_82646)\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n \r\n <h3 class=\"fw-bold get-touch my-5\">Thanks for your request!</h3>\r\n <div class=\"fw-normal get-sub mb-5\">Our team will get back to you shortly. Meanwhile explore more about us.\r\n </div>\r\n <div class=\"row mt-10 mb-7\">\r\n <div class=\"col-md-12\">\r\n <button class=\"btn btn-primary fw-bold w-100\" (click)=\"continuesignup()\">Continue Signing Up</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".bubble{position:fixed;top:0;right:3%}.activeClass{padding:8px 12px!important;gap:8px!important;border-radius:6px!important;background:var(--Primary-25, #F6FCFF)!important;padding:8px 12px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important}.activeClass .store-primary{color:var(--Gray-700, #344054)!important;font-size:16px!important;font-weight:600;line-height:24px}.bg-gray{padding:4px!important;gap:36px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important;background:var(--Gray-50, #F9FAFB)!important}.text-color{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:600!important;line-height:24px}.heading{color:#000!important;font-size:20px!important;font-weight:600!important;line-height:30px}.textval{color:var(--Gray-500, #2654b9)!important}.border-store{width:32px;height:32px;padding:8px;border-radius:28px!important;background:var(--Primary-100, #DAF1FF)!important}.gap-16px{display:flex;height:40px;padding:16px;align-items:center;gap:4px;border-radius:8px;border:1px solid var(--Primary-300, #6BCAFF);background:var(--Primary-50, #EAF8FF)}.featareaval{color:var(--Primary-800, #008EDF)!important;font-size:14px;font-weight:500;line-height:20px}.bg-light{padding:24px!important;border-radius:8px;border:1px solid var(--Gray-100, #F2F4F7)!important;background:var(--Gray-25, #FCFCFD)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.price-head{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.price-sub-head{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400;line-height:20px}.period{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:400!important;line-height:24px}.plan-sub{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:18px}.plan-head{color:var(--Gray-700, #344054)!important;font-size:12px!important;font-weight:500;line-height:18px}.fs-14px{font-size:14px!important;line-height:20px!important}.text-container{position:relative}.top-right{position:absolute;top:68px;left:173px;font-size:18px}.btn-margin{color:var(--White, #FFF)!important;font-size:12px!important;font-weight:600!important;line-height:18px;padding:6px 11px!important;border-radius:4px!important;background:var(--Primary-700, #009BF3)!important}.h-239px{height:239px}.button-size{color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;padding:10px 16px!important}.form-check-input:checked{border-color:#009bf3;border-radius:12px;background-color:var(--Primary-600, #00A3FF)!important}@media (min-width: 1396px) and (max-width: 1440px){.plan-sub{color:var(--Gray-500, #667085)!important;font-size:10px!important;font-weight:400!important;line-height:18px}}@media (min-width: 1920px) and (max-width: 2100px){.top-right{left:272px}}@media (min-width: 1745px) and (max-width: 1910px){.top-right{left:225px}}@media (min-width: 1706px) and (max-width: 1744px){.top-right{left:216px}}@media (min-width: 1430px) and (max-width: 1439px){.top-right{left:158px}}@media (min-width: 1396px) and (max-width: 1410px){.top-right{left:148px}}@media (min-width: 1410px) and (max-width: 1430px){.top-right{left:153px}}@media (min-width: 1439px) and (max-width: 1475px){.top-right{left:162px}}@media (min-width: 1475px) and (max-width: 1500px){.top-right{left:165px}}@media (min-width: 1547px) and (max-width: 1600px){.top-right{left:189px}}@media (min-width: 1600px) and (max-width: 1635px){.top-right{left:199px}}@media (min-width: 1635px) and (max-width: 1675px){.top-right{left:209px}}@media (min-width: 2160px) and (max-width: 2560px){.top-right{left:438px}}.activePlanBtn{border-radius:6px;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;color:var(--Gray-700, #344054);font-size:14px!important;font-weight:500!important;line-height:20px}.inactivePlanBtn{color:var(--Gray-500, #667085)!important;font-size:14px;font-weight:500!important;line-height:20px}.nav-group{background:var(--Gray-50, #F9FAFB)!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.freeplan{padding:24px!important;border-radius:8px!important;border:1px solid var(--Primary-100, #DAF1FF)!important;background:var(--Primary-25, #F6FCFF)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;width:100%}.text-val{color:var(--Primary-700, #009BF3)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.text-set{color:var(--Primary-700, #009BF3)!important;font-size:18px!important;font-weight:600!important;line-height:32px;text-decoration-line:line-through!important}.btn-set{color:var(--Primary-700, #009BF3)!important;font-size:16px!important;font-weight:600!important;line-height:24px;border-radius:8px;border:1px solid var(--Primary-50, #EAF8FF)!important;background:var(--Primary-50, #EAF8FF)!important;box-shadow:0 1px 2px #1018280d!important}.life-title{color:var(--Primary-700, #009BF3)!important;text-align:center;font-size:12px!important;line-height:18px;padding:2px 8px!important;border-radius:16px!important;background:var(--Primary-50, #EAF8FF)!important}.get-touch{color:var(--Gray-900, #101828);font-size:18px;line-height:28px}.get-sub{color:var(--Gray-500, #667085);font-size:14px;line-height:20px}.touch-primary{padding:16px;border-radius:8px!important;border:1px solid var(--Primary-300, #6BCAFF)!important;background:var(--Primary-50, #EAF8FF)!important}.video-title{color:var(--Primary-800, #008EDF);font-size:14px;line-height:20px}.video-sub{color:var(--Primary-600, #00A3FF);font-size:14px;line-height:20px}.untouch-primary{padding:16px!important;border-radius:8px!important;border:1px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.untouch-title{color:var(--Gray-700, #344054)!important;font-size:14px!important;line-height:20px}.untouch-sub{color:var(--Gray-500, #667085)!important;font-size:14px!important;line-height:20px}.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:16px!important;line-height:24px;text-transform:capitalize}.btn-primary.submit{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:16px!important;line-height:24px;text-transform:capitalize}.btn-group{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;box-shadow:0 1px 2px #1018280d!important}.btn-secondary{border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important}.btn-check:checked+.btn.btn-secondary,.btn-check:active+.btn.btn-secondary,.btn.btn-secondary:focus:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active),.btn.btn-secondary:active:not(.btn-active),.btn.btn-secondary.active,.btn.btn-secondary.show,.show>.btn.btn-secondary{background-color:var(--Gray-50, #F9FAFB)!important}.title-val{color:var(--Gray-700, #344054);font-size:14px;line-height:20px}.title-sub{color:var(--Primary-500, #33B5FF);font-size:12px;line-height:19.5px}.text-area{color:var(--Gray-500, #667085)!important;font-size:16px!important;line-height:24px!important}.overlay{position:fixed;inset:0;background:#6e6e6eb3;transition:opacity .5s;visibility:visible;opacity:1}.popup{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);padding:24px;background:var(--White, #FFF);box-shadow:0 8px 8px -4px #10182808,0 20px 24px -4px #10182814;border-radius:12px;width:480px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f;cursor:pointer}.popup .content{max-height:30%;overflow:auto}.popup-tab-selected{background-color:#f9fafb!important}.footer{color:#7e8299!important;font-size:16px!important;font-weight:500!important}.line-height{line-height:32px!important}.disabled{opacity:.5;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
|
|
947
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: Step2Component, deps: [{ token: i1.NgbModal }, { token: ConversionService }, { token: AuthService }, { token: i2$1.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i5.ToastService }], target: i0.ɵɵFactoryTarget.Component });
|
|
948
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: Step2Component, selector: "lib-step2", ngImport: i0, template: "<div class=\"card mt-10 mx-15\">\r\n <div class=\"h-100 px-5 mx-5 mt-7\">\r\n <!-- <img class=\"bubble\" src=\"./assets/tango/Icons/Signup-bubble-icon.svg\"\r\n alt=\"\" srcset=\"\"> -->\r\n\r\n <div class=\"d-flex flex-column beforeChoosing my-12\">\r\n <h1 class=\"heading mb-5\">How many stores do you have?</h1>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-9 col-xl-8 col-xxl-8 w-auto\">\r\n <div class=\"d-flex align-items-center bg-gray\">\r\n <div class=\"d-flex align-items-center justify-content-center activeClass cursor-pointer \"\r\n *ngFor=\"let count of storeCounts\" (click)=\"activeStoreCount(count)\" \r\n [class.activeClass]=\"count.active\">\r\n <div class=\"d-flex align-items-center mx-2\">\r\n <div class=\"fs-4 fw-bold\" [ngClass]=\"count.active === true? 'store-primary':'text-color'\">{{ count.text }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"storedetials\">\r\n <h2 class=\"heading mt-10 mb-5 \">What's the average size of your store?</h2>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 w-auto\">\r\n <div class=\"d-flex align-items-center bg-gray\">\r\n <div class=\"d-flex align-items-center justify-content-center activeClass cursor-pointer\"\r\n [class.activeClass]=\"i.active\" [class.disabled]=\"i.disabled\" *ngFor=\"let i of featAreaOptions\"\r\n (click)=\"activefeatArea(i)\">\r\n <div class=\"d-flex align-items-center mx-2\">\r\n <div class=\"fs-4 fw-bold\" [ngClass]=\"i.active === true? 'store-primary':'text-color'\">{{ i.text }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"featAreaCamera\" class=\"notice d-flex mt-5\">\r\n <div class=\"d-flex justify-content-center align-items-center gap-16px\">\r\n <span class=\"border-store\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"\r\n fill=\"none\">\r\n <path\r\n d=\"M1.3335 9.66667L8.00016 13L14.6668 9.66667M8.00016 3L1.3335 6.33333L8.00016 9.66667L14.6668 6.33333L8.00016 3Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <div class=\"featareaval ms-4\">Maximum {{featAreaCamera}} Cameras are permitted in stores with\r\n square feet between\r\n {{featArea}}.</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"pricevalue\">\r\n <div class=\"card-body px-0 mt-10\">\r\n <!--begin::Plans-->\r\n <div class=\"d-flex flex-column\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-10 text-start\">\r\n <h1 class=\"heading mb-5\">Plan Details</h1>\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Nav group-->\r\n <div class=\"nav-group nav-group-outline mx-auto mb-15\">\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3 me-2\"\r\n [ngClass]=\"plan === 'monthly'? 'activePlanBtn':'inactivePlanBtn'\" data-kt-plan=\"month\"\r\n (click)=\"selectPlan('monthly')\">\r\n Monthly\r\n </button>\r\n\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3\"\r\n [ngClass]=\"plan === 'quarterly'? 'activePlanBtn':'inactivePlanBtn'\"\r\n data-kt-plan=\"Quarterly\" (click)=\"selectPlan('quarterly')\">\r\n Quarterly - 10%\r\n </button>\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3\"\r\n [ngClass]=\"plan === 'annual'? 'activePlanBtn':'inactivePlanBtn'\" data-kt-plan=\"annual\"\r\n (click)=\"selectPlan('annual')\">\r\n Annual - 15%\r\n </button>\r\n </div>\r\n <!--end::Nav group-->\r\n\r\n <!--begin::Row-->\r\n <div class=\"row g-10\">\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 py-15 px-10\"\r\n [ngClass]=\"countOfStore === '1'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Free <span\r\n class=\"life-title fw-semibold mx-2\">Lifetime</span></h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solution for single store owners\r\n </div>\r\n <!--end::Description-->\r\n\r\n <!--begin::Price-->\r\n <div class=\"text-start \">\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode==='91'\">\u20B9</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode !=='91'\">$</span>\r\n <span class=\"fs-3x fw-bold text-primary text-val\">0 </span>\r\n </div>\r\n <!--end::Price-->\r\n <div class=\"fw-semibold\">\r\n <span class=\"period\">per store per month</span>\r\n </div>\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Features-->\r\n <div class=\"w-100\">\r\n <div class=\"d-flex flex-stack mb-10\"><span\r\n class=\"plan-head me-2 fs-14px\">Tango Traffic</span>\r\n <div class=\"form-check form-switch\">\r\n <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\"\r\n id=\"tangotraffic\" checked=\"\" disabled=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-center mb-10\">\r\n <span class=\"plan-head\">\r\n To accurately measure traffic and map shopper\u2019s in-store journey\r\n </span>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Footfall Analysis </span>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Bounced vs Engager Analysis </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Missed Opportunity Vs Conversion Rate </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Footfall Image Directory by the hour. </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n <!--begin::Select-->\r\n <button [disabled]=\"selectedCounts.value !== '1'\" class=\"btn btn-sm btn-primary w-100 button-size\"\r\n (click)=\"plandet('free')\">Get Started</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 text-container py-15 px-10\"\r\n [ngClass]=\"countOfStore === '2-25' || countOfStore === '26-50' || countOfStore === '26-50' || countOfStore === '51-75' || countOfStore === '76-100'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start text-container\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Premium</h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solution for Growing Business\r\n </div>\r\n <!--end::Description-->\r\n <button\r\n class=\"top-right btn-margin btn btn-lg btn-primary btn-height py-1 cursor-auto mt-3\">Recommended</button>\r\n <!--begin::Price-->\r\n <div class=\"text-start mt-15\">\r\n <span class=\"price-sub-head\">Starts from</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode==='91'\">\u20B9</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode !=='91'\">$</span>\r\n <span class=\"pricecodesize\" ><b\r\n class=\"pricecodecolor text-set mx-2\"> {{pricingData?.OriginalPrice}}\r\n </b>\r\n </span>\r\n <span class=\"fs-3x fw-bold text-primary text-val\">{{pricingData?.price}}</span>\r\n </div>\r\n <!--end::Price-->\r\n <div class=\"fw-semibold\">\r\n <span class=\"period\">per store per month</span>\r\n </div>\r\n </div>\r\n <!--end::Heading-->\r\n <form [formGroup]=\"productForm\" action=\"\" class=\"w-100 mb-3\">\r\n <!--begin::Features-->\r\n <div class=\"w-100\">\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mt-10 mb-5\"><span\r\n class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('traffic')\">Tango Traffic\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" style=\"pointer-events: none; background-color: #6BCAFF !important; border-color: #6BCAFF !important;\" formControlName=\"tangoTraffic\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangotraffic\" checked=\"\">\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('zone')\">Tango Zone\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"tangoZone\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangozone\" checked=\"\">\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('sop')\">Tango SOP\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"tangoSop\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangosop\" checked=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('support')\">Priority Support\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"prioritySupport\"\r\n class=\"form-check-input\" type=\"checkbox\" role=\"switch\"\r\n id=\"support\" checked=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n </form>\r\n\r\n\r\n <!--begin::Select-->\r\n <button class=\"btn btn-sm btn-primary button-size w-100\"\r\n (click)=\"plandet('premium')\">Start 14 day trial</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 py-15 px-10\"\r\n [ngClass]=\"countOfStore === '101-150'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Enterprise</h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solutions for Larger Business\r\n </div>\r\n <!--end::Description-->\r\n\r\n <!--begin::Price-->\r\n <div class=\"text-start mt-12\">\r\n\r\n <span class=\"fs-3x fw-bold text-primary text-val\">\r\n Let\u2019s Talk!</span>\r\n\r\n </div>\r\n <!--end::Price-->\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Features-->\r\n <div class=\"w-100 h-239px mb-10\">\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"price-sub-head fw-semibold \">\r\n Do you have more than 100 stores?</span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"price-sub-head fw-semibold \">\r\n Rest assured, our dedicated account managers are here to support you\r\n every\r\n step of the way.</span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n\r\n <!--begin::Select-->\r\n <button class=\"btn btn-sm btn-primary button-size w-100\"\r\n (click)=\"plandet('enterprise')\">Request Call Back</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n </div>\r\n <!--end::Row-->\r\n </div>\r\n <!--end::Plans-->\r\n </div>\r\n </div>\r\n <div class=\"row mt-12\">\r\n <div class=\"col-md-2\">\r\n <button type=\"button\" class=\"btn btn-lg text-nowrap btn-set me-5\" (click)=\"prevStep()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"none\">\r\n <path d=\"M13 15L8 10L13 5\" stroke=\"#009BF3\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg> Previous\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mb-3 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">\u00A9 2024 </span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer\">Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div>\r\n</div>\r\n\r\n<div class=\"overlay\" *ngIf=\"popup\">\r\n <div class=\"popup\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\" />\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\" />\r\n <path d=\"M38 18L27 29M38 18L31 38L27 29M38 18L18 25L27 29\" stroke=\"#00A3FF\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <h3 class=\"fw-bold get-touch my-5\">Get In Touch</h3>\r\n <div class=\"fw-normal get-sub mb-5\">Have questions? We\u2019re here to help. Send us a message, and we\u2019ll respond\r\n within\r\n 24 hours.</div>\r\n <div class=\"notice d-flex bg-light-primary rounded border-primary cursor-pointer my-4\"\r\n (click)=\"checkvalue('time')\" [ngClass]=\"timevalue === 'time'? 'touch-primary':'untouch-primary'\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 36 36\" fill=\"none\" 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\" stroke-width=\"4\" />\r\n <path d=\"M25.3332 14.6663L20.6665 17.9997L25.3332 21.333V14.6663Z\" stroke=\"#00A3FF\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M19.3332 13.333H11.9998C11.2635 13.333 10.6665 13.93 10.6665 14.6663V21.333C10.6665 22.0694 11.2635 22.6663 11.9998 22.6663H19.3332C20.0695 22.6663 20.6665 22.0694 20.6665 21.333V14.6663C20.6665 13.93 20.0695 13.333 19.3332 13.333Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n <div class=\"mb-3 mb-md-0 \">\r\n <h4 class=\"fw-semibold\" [ngClass]=\"timevalue === 'time'? 'video-title':'untouch-title'\">Schedule\r\n with\r\n Calendly</h4>\r\n <div class=\"fw-normal pe-7\" [ngClass]=\"timevalue === 'time'? 'video-sub':'untouch-sub'\">Choose your\r\n time\r\n slot in the next step.</div>\r\n </div><span *ngIf=\"timevalue ==='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#00A3FF\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#00A3FF\" />\r\n <path d=\"M11.3332 5.5L6.74984 10.0833L4.6665 8\" stroke=\"white\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n <span *ngIf=\"timevalue !=='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"white\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n </svg></span>\r\n\r\n </div>\r\n </div>\r\n <div class=\"notice d-flex bg-light-primary rounded border-primary cursor-pointer my-4\"\r\n (click)=\"checkvalue('call back')\" [ngClass]=\"timevalue === 'call back'? 'touch-primary':'untouch-primary'\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 36 36\" fill=\"none\" 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\" stroke-width=\"4\" />\r\n <g clip-path=\"url(#clip0_1731_70116)\">\r\n <path\r\n d=\"M24.6665 21.2797V23.2797C24.6672 23.4654 24.6292 23.6492 24.5548 23.8193C24.4804 23.9894 24.3713 24.1421 24.2345 24.2676C24.0977 24.3932 23.9362 24.4887 23.7603 24.5482C23.5844 24.6077 23.398 24.6298 23.2131 24.6131C21.1617 24.3902 19.1911 23.6892 17.4598 22.5664C15.849 21.5428 14.4834 20.1772 13.4598 18.5664C12.3331 16.8272 11.632 14.8471 11.4131 12.7864C11.3965 12.6021 11.4184 12.4162 11.4775 12.2408C11.5365 12.0654 11.6315 11.9042 11.7563 11.7675C11.8811 11.6308 12.033 11.5215 12.2023 11.4468C12.3716 11.372 12.5547 11.3332 12.7398 11.3331H14.7398C15.0633 11.3299 15.377 11.4445 15.6223 11.6554C15.8676 11.8664 16.0278 12.1594 16.0731 12.4797C16.1575 13.1198 16.3141 13.7482 16.5398 14.3531C16.6295 14.5917 16.6489 14.851 16.5957 15.1003C16.5426 15.3496 16.419 15.5785 16.2398 15.7597L15.3931 16.6064C16.3422 18.2754 17.7241 19.6574 19.3931 20.6064L20.2398 19.7597C20.4211 19.5805 20.6499 19.457 20.8992 19.4038C21.1485 19.3506 21.4078 19.37 21.6465 19.4597C22.2513 19.6854 22.8797 19.842 23.5198 19.9264C23.8436 19.9721 24.1394 20.1352 24.3508 20.3847C24.5622 20.6343 24.6746 20.9528 24.6665 21.2797Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1731_70116\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(10 10)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n <div class=\"mb-3 mb-md-0 \">\r\n <h4 class=\"fw-semibold\" [ngClass]=\"timevalue === 'call back'? 'video-title':'untouch-title'\">Request\r\n a\r\n call back</h4>\r\n <div class=\"fw-normal pe-7\" [ngClass]=\"timevalue === 'call back'? 'video-title':'untouch-sub'\">We\u2019ll\r\n call\r\n you on +91 987-654-3219</div>\r\n </div><span *ngIf=\"timevalue ==='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"white\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n </svg></span>\r\n <span *ngIf=\"timevalue !=='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#00A3FF\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#00A3FF\" />\r\n <path d=\"M11.3332 5.5L6.74984 10.0833L4.6665 8\" stroke=\"white\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"timevalue === 'call back'\">\r\n\r\n <h3 class=\"title-val fw-semibold my-3\">Select Preferred Timing</h3>\r\n <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\r\n <button [ngClass]=\"callbackPreferredTiming === '9am -12pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '9am -12pm'\" type=\"button\" class=\"btn btn-secondary\">9am -12pm</button>\r\n <button [ngClass]=\"callbackPreferredTiming === '12pm - 5pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '12pm - 5pm'\" type=\"button\" class=\"btn btn-secondary\">12pm - 5pm</button>\r\n <button [ngClass]=\"callbackPreferredTiming === '5pm - 8pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '5pm - 8pm'\" type=\"button\" class=\"btn btn-secondary\">5pm - 8pm</button>\r\n </div>\r\n <h5 class=\"title-sub fw-normal my-3\">We'll call you back in next 24 business hours</h5>\r\n <textarea [formControl]=\"callbackDescription\" class=\"form-control text-area fw-normal\" placeholder=\"Be more specific...\" row=\"2\"></textarea>\r\n\r\n </div>\r\n <div class=\"row mt-10 mb-7\">\r\n <div class=\"col-md-6\">\r\n <button class=\"btn btn-default fw-bold w-100\" (click)=\"close()\">Cancel</button>\r\n </div>\r\n <div class=\"col-md-6\">\r\n <button class=\"btn btn-primary submit fw-bold w-100\" (click)=\"submitvalue()\">Confirm</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"overlay\" *ngIf=\"requestpopup\">\r\n <div class=\"popup\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g id=\"Featured icon\">\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\"/>\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\"/>\r\n <g id=\"Check icon\">\r\n <rect x=\"16\" y=\"16\" width=\"24\" height=\"24\" rx=\"10\" fill=\"#DAF1FF\"/>\r\n <g id=\"Icon\">\r\n <mask id=\"path-3-inside-1_4346_82646\" fill=\"white\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.0965 23.3897L25.9365 30.2997L24.0365 28.2697C23.6865 27.9397 23.1365 27.9197 22.7365 28.1997C22.3465 28.4897 22.2365 28.9997 22.4765 29.4097L24.7265 33.0697C24.9465 33.4097 25.3265 33.6197 25.7565 33.6197C26.1665 33.6197 26.5565 33.4097 26.7765 33.0697C27.1365 32.5997 34.0065 24.4097 34.0065 24.4097C34.9065 23.4897 33.8165 22.6797 33.0965 23.3797V23.3897Z\"/>\r\n </mask>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.0965 23.3897L25.9365 30.2997L24.0365 28.2697C23.6865 27.9397 23.1365 27.9197 22.7365 28.1997C22.3465 28.4897 22.2365 28.9997 22.4765 29.4097L24.7265 33.0697C24.9465 33.4097 25.3265 33.6197 25.7565 33.6197C26.1665 33.6197 26.5565 33.4097 26.7765 33.0697C27.1365 32.5997 34.0065 24.4097 34.0065 24.4097C34.9065 23.4897 33.8165 22.6797 33.0965 23.3797V23.3897Z\" fill=\"#33B5FF\" stroke=\"#00A3FF\" stroke-width=\"4\" mask=\"url(#path-3-inside-1_4346_82646)\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n \r\n <h3 class=\"fw-bold get-touch my-5\">Thanks for your request!</h3>\r\n <div class=\"fw-normal get-sub mb-5\">Our team will get back to you shortly. Meanwhile explore more about us.\r\n </div>\r\n <div class=\"row mt-10 mb-7\">\r\n <div class=\"col-md-12\">\r\n <button class=\"btn btn-primary fw-bold w-100\" (click)=\"continuesignup()\">Continue Signing Up</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".bubble{position:fixed;top:0;right:3%}.activeClass{padding:8px 12px!important;gap:8px!important;border-radius:6px!important;background:var(--Primary-25, #F6FCFF)!important;padding:8px 12px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important}.activeClass .store-primary{color:var(--Gray-700, #344054)!important;font-size:16px!important;font-weight:600;line-height:24px}.bg-gray{padding:4px!important;gap:36px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important;background:var(--Gray-50, #F9FAFB)!important}.text-color{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:600!important;line-height:24px}.heading{color:#000!important;font-size:20px!important;font-weight:600!important;line-height:30px}.textval{color:var(--Gray-500, #2654b9)!important}.border-store{width:32px;height:32px;padding:8px;border-radius:28px!important;background:var(--Primary-100, #DAF1FF)!important}.gap-16px{display:flex;height:40px;padding:16px;align-items:center;gap:4px;border-radius:8px;border:1px solid var(--Primary-300, #6BCAFF);background:var(--Primary-50, #EAF8FF)}.featareaval{color:var(--Primary-800, #008EDF)!important;font-size:14px;font-weight:500;line-height:20px}.bg-light{padding:24px!important;border-radius:8px;border:1px solid var(--Gray-100, #F2F4F7)!important;background:var(--Gray-25, #FCFCFD)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.price-head{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.price-sub-head{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400;line-height:20px}.period{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:400!important;line-height:24px}.plan-sub{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:18px}.plan-head{color:var(--Gray-700, #344054)!important;font-size:12px!important;font-weight:500;line-height:18px}.fs-14px{font-size:14px!important;line-height:20px!important}.text-container{position:relative}.top-right{position:absolute;top:68px;left:173px;font-size:18px}.btn-margin{color:var(--White, #FFF)!important;font-size:12px!important;font-weight:600!important;line-height:18px;padding:6px 11px!important;border-radius:4px!important;background:var(--Primary-700, #009BF3)!important}.h-239px{height:239px}.button-size{color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;padding:10px 16px!important}.form-check-input:checked{border-color:#009bf3;border-radius:12px;background-color:var(--Primary-600, #00A3FF)!important}@media (min-width: 1396px) and (max-width: 1440px){.plan-sub{color:var(--Gray-500, #667085)!important;font-size:10px!important;font-weight:400!important;line-height:18px}}@media (min-width: 1920px) and (max-width: 2100px){.top-right{left:272px}}@media (min-width: 1745px) and (max-width: 1910px){.top-right{left:225px}}@media (min-width: 1706px) and (max-width: 1744px){.top-right{left:216px}}@media (min-width: 1430px) and (max-width: 1439px){.top-right{left:158px}}@media (min-width: 1396px) and (max-width: 1410px){.top-right{left:148px}}@media (min-width: 1410px) and (max-width: 1430px){.top-right{left:153px}}@media (min-width: 1439px) and (max-width: 1475px){.top-right{left:162px}}@media (min-width: 1475px) and (max-width: 1500px){.top-right{left:165px}}@media (min-width: 1547px) and (max-width: 1600px){.top-right{left:189px}}@media (min-width: 1600px) and (max-width: 1635px){.top-right{left:199px}}@media (min-width: 1635px) and (max-width: 1675px){.top-right{left:209px}}@media (min-width: 2160px) and (max-width: 2560px){.top-right{left:438px}}.activePlanBtn{border-radius:6px;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;color:var(--Gray-700, #344054);font-size:14px!important;font-weight:500!important;line-height:20px}.inactivePlanBtn{color:var(--Gray-500, #667085)!important;font-size:14px;font-weight:500!important;line-height:20px}.nav-group{background:var(--Gray-50, #F9FAFB)!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.freeplan{padding:24px!important;border-radius:8px!important;border:1px solid var(--Primary-100, #DAF1FF)!important;background:var(--Primary-25, #F6FCFF)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;width:100%}.text-val{color:var(--Primary-700, #009BF3)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.text-set{color:var(--Primary-700, #009BF3)!important;font-size:18px!important;font-weight:600!important;line-height:32px;text-decoration-line:line-through!important}.btn-set{color:var(--Primary-700, #009BF3)!important;font-size:16px!important;font-weight:600!important;line-height:24px;border-radius:8px;border:1px solid var(--Primary-50, #EAF8FF)!important;background:var(--Primary-50, #EAF8FF)!important;box-shadow:0 1px 2px #1018280d!important}.life-title{color:var(--Primary-700, #009BF3)!important;text-align:center;font-size:12px!important;line-height:18px;padding:2px 8px!important;border-radius:16px!important;background:var(--Primary-50, #EAF8FF)!important}.get-touch{color:var(--Gray-900, #101828);font-size:18px;line-height:28px}.get-sub{color:var(--Gray-500, #667085);font-size:14px;line-height:20px}.touch-primary{padding:16px;border-radius:8px!important;border:1px solid var(--Primary-300, #6BCAFF)!important;background:var(--Primary-50, #EAF8FF)!important}.video-title{color:var(--Primary-800, #008EDF);font-size:14px;line-height:20px}.video-sub{color:var(--Primary-600, #00A3FF);font-size:14px;line-height:20px}.untouch-primary{padding:16px!important;border-radius:8px!important;border:1px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.untouch-title{color:var(--Gray-700, #344054)!important;font-size:14px!important;line-height:20px}.untouch-sub{color:var(--Gray-500, #667085)!important;font-size:14px!important;line-height:20px}.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:16px!important;line-height:24px;text-transform:capitalize}.btn-primary.submit{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:16px!important;line-height:24px;text-transform:capitalize}.btn-group{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;box-shadow:0 1px 2px #1018280d!important}.btn-secondary{border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important}.btn-check:checked+.btn.btn-secondary,.btn-check:active+.btn.btn-secondary,.btn.btn-secondary:focus:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active),.btn.btn-secondary:active:not(.btn-active),.btn.btn-secondary.active,.btn.btn-secondary.show,.show>.btn.btn-secondary{background-color:var(--Gray-50, #F9FAFB)!important}.title-val{color:var(--Gray-700, #344054);font-size:14px;line-height:20px}.title-sub{color:var(--Primary-500, #33B5FF);font-size:12px;line-height:19.5px}.text-area{color:var(--Gray-500, #667085)!important;font-size:16px!important;line-height:24px!important}.overlay{position:fixed;inset:0;background:#6e6e6eb3;transition:opacity .5s;visibility:visible;opacity:1}.popup{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);padding:24px;background:var(--White, #FFF);box-shadow:0 8px 8px -4px #10182808,0 20px 24px -4px #10182814;border-radius:12px;width:480px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f;cursor:pointer}.popup .content{max-height:30%;overflow:auto}.popup-tab-selected{background-color:#f9fafb!important}.footer{color:#7e8299!important;font-size:16px!important;font-weight:500!important}.line-height{line-height:32px!important}.disabled{opacity:.5;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
|
|
946
949
|
}
|
|
947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
950
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: Step2Component, decorators: [{
|
|
948
951
|
type: Component,
|
|
949
952
|
args: [{ selector: "lib-step2", template: "<div class=\"card mt-10 mx-15\">\r\n <div class=\"h-100 px-5 mx-5 mt-7\">\r\n <!-- <img class=\"bubble\" src=\"./assets/tango/Icons/Signup-bubble-icon.svg\"\r\n alt=\"\" srcset=\"\"> -->\r\n\r\n <div class=\"d-flex flex-column beforeChoosing my-12\">\r\n <h1 class=\"heading mb-5\">How many stores do you have?</h1>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-9 col-xl-8 col-xxl-8 w-auto\">\r\n <div class=\"d-flex align-items-center bg-gray\">\r\n <div class=\"d-flex align-items-center justify-content-center activeClass cursor-pointer \"\r\n *ngFor=\"let count of storeCounts\" (click)=\"activeStoreCount(count)\" \r\n [class.activeClass]=\"count.active\">\r\n <div class=\"d-flex align-items-center mx-2\">\r\n <div class=\"fs-4 fw-bold\" [ngClass]=\"count.active === true? 'store-primary':'text-color'\">{{ count.text }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"storedetials\">\r\n <h2 class=\"heading mt-10 mb-5 \">What's the average size of your store?</h2>\r\n <div class=\"row\">\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 w-auto\">\r\n <div class=\"d-flex align-items-center bg-gray\">\r\n <div class=\"d-flex align-items-center justify-content-center activeClass cursor-pointer\"\r\n [class.activeClass]=\"i.active\" [class.disabled]=\"i.disabled\" *ngFor=\"let i of featAreaOptions\"\r\n (click)=\"activefeatArea(i)\">\r\n <div class=\"d-flex align-items-center mx-2\">\r\n <div class=\"fs-4 fw-bold\" [ngClass]=\"i.active === true? 'store-primary':'text-color'\">{{ i.text }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"featAreaCamera\" class=\"notice d-flex mt-5\">\r\n <div class=\"d-flex justify-content-center align-items-center gap-16px\">\r\n <span class=\"border-store\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"\r\n fill=\"none\">\r\n <path\r\n d=\"M1.3335 9.66667L8.00016 13L14.6668 9.66667M8.00016 3L1.3335 6.33333L8.00016 9.66667L14.6668 6.33333L8.00016 3Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <div class=\"featareaval ms-4\">Maximum {{featAreaCamera}} Cameras are permitted in stores with\r\n square feet between\r\n {{featArea}}.</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"pricevalue\">\r\n <div class=\"card-body px-0 mt-10\">\r\n <!--begin::Plans-->\r\n <div class=\"d-flex flex-column\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-10 text-start\">\r\n <h1 class=\"heading mb-5\">Plan Details</h1>\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Nav group-->\r\n <div class=\"nav-group nav-group-outline mx-auto mb-15\">\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3 me-2\"\r\n [ngClass]=\"plan === 'monthly'? 'activePlanBtn':'inactivePlanBtn'\" data-kt-plan=\"month\"\r\n (click)=\"selectPlan('monthly')\">\r\n Monthly\r\n </button>\r\n\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3\"\r\n [ngClass]=\"plan === 'quarterly'? 'activePlanBtn':'inactivePlanBtn'\"\r\n data-kt-plan=\"Quarterly\" (click)=\"selectPlan('quarterly')\">\r\n Quarterly - 10%\r\n </button>\r\n <button class=\"btn btn-color-gray-600 btn-active btn-active-secondary px-6 py-3\"\r\n [ngClass]=\"plan === 'annual'? 'activePlanBtn':'inactivePlanBtn'\" data-kt-plan=\"annual\"\r\n (click)=\"selectPlan('annual')\">\r\n Annual - 15%\r\n </button>\r\n </div>\r\n <!--end::Nav group-->\r\n\r\n <!--begin::Row-->\r\n <div class=\"row g-10\">\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 py-15 px-10\"\r\n [ngClass]=\"countOfStore === '1'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Free <span\r\n class=\"life-title fw-semibold mx-2\">Lifetime</span></h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solution for single store owners\r\n </div>\r\n <!--end::Description-->\r\n\r\n <!--begin::Price-->\r\n <div class=\"text-start \">\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode==='91'\">\u20B9</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode !=='91'\">$</span>\r\n <span class=\"fs-3x fw-bold text-primary text-val\">0 </span>\r\n </div>\r\n <!--end::Price-->\r\n <div class=\"fw-semibold\">\r\n <span class=\"period\">per store per month</span>\r\n </div>\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Features-->\r\n <div class=\"w-100\">\r\n <div class=\"d-flex flex-stack mb-10\"><span\r\n class=\"plan-head me-2 fs-14px\">Tango Traffic</span>\r\n <div class=\"form-check form-switch\">\r\n <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\"\r\n id=\"tangotraffic\" checked=\"\" disabled=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-center mb-10\">\r\n <span class=\"plan-head\">\r\n To accurately measure traffic and map shopper\u2019s in-store journey\r\n </span>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Footfall Analysis </span>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Bounced vs Engager Analysis </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Missed Opportunity Vs Conversion Rate </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"plan-sub \">\r\n Footfall Image Directory by the hour. </span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n <!--begin::Select-->\r\n <button [disabled]=\"selectedCounts.value !== '1'\" class=\"btn btn-sm btn-primary w-100 button-size\"\r\n (click)=\"plandet('free')\">Get Started</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 text-container py-15 px-10\"\r\n [ngClass]=\"countOfStore === '2-25' || countOfStore === '26-50' || countOfStore === '26-50' || countOfStore === '51-75' || countOfStore === '76-100'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start text-container\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Premium</h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solution for Growing Business\r\n </div>\r\n <!--end::Description-->\r\n <button\r\n class=\"top-right btn-margin btn btn-lg btn-primary btn-height py-1 cursor-auto mt-3\">Recommended</button>\r\n <!--begin::Price-->\r\n <div class=\"text-start mt-15\">\r\n <span class=\"price-sub-head\">Starts from</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode==='91'\">\u20B9</span>\r\n <span class=\"mb-2 text-primary text-val ms-1\" *ngIf=\"this.aboutFormData.countryCode !=='91'\">$</span>\r\n <span class=\"pricecodesize\" ><b\r\n class=\"pricecodecolor text-set mx-2\"> {{pricingData?.OriginalPrice}}\r\n </b>\r\n </span>\r\n <span class=\"fs-3x fw-bold text-primary text-val\">{{pricingData?.price}}</span>\r\n </div>\r\n <!--end::Price-->\r\n <div class=\"fw-semibold\">\r\n <span class=\"period\">per store per month</span>\r\n </div>\r\n </div>\r\n <!--end::Heading-->\r\n <form [formGroup]=\"productForm\" action=\"\" class=\"w-100 mb-3\">\r\n <!--begin::Features-->\r\n <div class=\"w-100\">\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mt-10 mb-5\"><span\r\n class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('traffic')\">Tango Traffic\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" style=\"pointer-events: none; background-color: #6BCAFF !important; border-color: #6BCAFF !important;\" formControlName=\"tangoTraffic\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangotraffic\" checked=\"\">\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('zone')\">Tango Zone\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"tangoZone\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangozone\" checked=\"\">\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('sop')\">Tango SOP\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"tangoSop\" class=\"form-check-input\"\r\n type=\"checkbox\" role=\"switch\" id=\"tangosop\" checked=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex flex-stack mb-5\"><span class=\"plan-head me-2 fs-14px line-height\"\r\n (click)=\"showViewMore('support')\">Priority Support\r\n <span class=\"ms-1 cursor-pointer\"><svg\r\n xmlns=\"http://www.w3.org/2000/svg\" width=\"13\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8686)\">\r\n <path\r\n d=\"M6 8.16699V6.16699M6 4.16699H6.005M11 6.16699C11 8.92842 8.76142 11.167 6 11.167C3.23858 11.167 1 8.92842 1 6.16699C1 3.40557 3.23858 1.16699 6 1.16699C8.76142 1.16699 11 3.40557 11 6.16699Z\"\r\n stroke=\"#98A2B3\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8686\">\r\n <rect width=\"12\" height=\"12\" fill=\"white\"\r\n transform=\"translate(0 0.166992)\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n </span>\r\n <div class=\"form-check form-switch\">\r\n <input (change)=\"onPriceChange()\" formControlName=\"prioritySupport\"\r\n class=\"form-check-input\" type=\"checkbox\" role=\"switch\"\r\n id=\"support\" checked=\"\">\r\n\r\n </div>\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n </form>\r\n\r\n\r\n <!--begin::Select-->\r\n <button class=\"btn btn-sm btn-primary button-size w-100\"\r\n (click)=\"plandet('premium')\">Start 14 day trial</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n <!--begin::Col-->\r\n <div class=\"col-md-6 col-lg-4 col-xl-4 col-xxl-4 h-100\">\r\n <div class=\"d-flex align-items-center\">\r\n <!--begin::Option-->\r\n <div class=\"w-100 d-flex flex-column flex-start rounded-3 py-15 px-10\"\r\n [ngClass]=\"countOfStore === '101-150'? 'freeplan':'bg-light'\">\r\n <!--begin::Heading-->\r\n <div class=\"mb-7 text-start\">\r\n <!--begin::Title-->\r\n <h1 class=\"price-head mb-5\">Enterprise</h1>\r\n <!--end::Title-->\r\n\r\n <!--begin::Description-->\r\n <div class=\"price-sub-head mb-5\">\r\n Integrated Solutions for Larger Business\r\n </div>\r\n <!--end::Description-->\r\n\r\n <!--begin::Price-->\r\n <div class=\"text-start mt-12\">\r\n\r\n <span class=\"fs-3x fw-bold text-primary text-val\">\r\n Let\u2019s Talk!</span>\r\n\r\n </div>\r\n <!--end::Price-->\r\n </div>\r\n <!--end::Heading-->\r\n\r\n <!--begin::Features-->\r\n <div class=\"w-100 h-239px mb-10\">\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"price-sub-head fw-semibold \">\r\n Do you have more than 100 stores?</span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n <!--begin::Item-->\r\n <div class=\"d-flex align-items-start mb-5\">\r\n <span class=\"me-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\"\r\n height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_1199_8736)\">\r\n <path\r\n d=\"M14.6668 7.38625V7.99958C14.666 9.4372 14.2005 10.836 13.3397 11.9875C12.4789 13.1389 11.269 13.9812 9.8904 14.3889C8.51178 14.7965 7.03834 14.7475 5.68981 14.2493C4.34128 13.7511 3.18993 12.8303 2.40747 11.6243C1.62501 10.4183 1.25336 8.99163 1.34795 7.55713C1.44254 6.12263 1.9983 4.75713 2.93235 3.6643C3.8664 2.57146 5.12869 1.80984 6.53096 1.49301C7.93323 1.17619 9.40034 1.32114 10.7135 1.90625M14.6668 2.66625L8.00017 9.33958L6.00017 7.33958\"\r\n stroke=\"#667085\" stroke-width=\"1.3\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1199_8736\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg></span>\r\n <span class=\"price-sub-head fw-semibold \">\r\n Rest assured, our dedicated account managers are here to support you\r\n every\r\n step of the way.</span>\r\n\r\n </div>\r\n <!--end::Item-->\r\n\r\n\r\n </div>\r\n <!--end::Features-->\r\n\r\n <!--begin::Select-->\r\n <button class=\"btn btn-sm btn-primary button-size w-100\"\r\n (click)=\"plandet('enterprise')\">Request Call Back</button>\r\n <!--end::Select-->\r\n </div>\r\n <!--end::Option-->\r\n </div>\r\n </div>\r\n <!--end::Col-->\r\n </div>\r\n <!--end::Row-->\r\n </div>\r\n <!--end::Plans-->\r\n </div>\r\n </div>\r\n <div class=\"row mt-12\">\r\n <div class=\"col-md-2\">\r\n <button type=\"button\" class=\"btn btn-lg text-nowrap btn-set me-5\" (click)=\"prevStep()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"20\" viewBox=\"0 0 21 20\" fill=\"none\">\r\n <path d=\"M13 15L8 10L13 5\" stroke=\"#009BF3\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg> Previous\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mb-3 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"me-1 footer\">\u00A9 2024 </span>\r\n <a target=\"_blank\" href=\"https://tangoeye.ai\" class=\"footer\">Tango IT Solutions India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div>\r\n</div>\r\n\r\n<div class=\"overlay\" *ngIf=\"popup\">\r\n <div class=\"popup\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\" />\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\" />\r\n <path d=\"M38 18L27 29M38 18L31 38L27 29M38 18L18 25L27 29\" stroke=\"#00A3FF\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <h3 class=\"fw-bold get-touch my-5\">Get In Touch</h3>\r\n <div class=\"fw-normal get-sub mb-5\">Have questions? We\u2019re here to help. Send us a message, and we\u2019ll respond\r\n within\r\n 24 hours.</div>\r\n <div class=\"notice d-flex bg-light-primary rounded border-primary cursor-pointer my-4\"\r\n (click)=\"checkvalue('time')\" [ngClass]=\"timevalue === 'time'? 'touch-primary':'untouch-primary'\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 36 36\" fill=\"none\" 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\" stroke-width=\"4\" />\r\n <path d=\"M25.3332 14.6663L20.6665 17.9997L25.3332 21.333V14.6663Z\" stroke=\"#00A3FF\"\r\n stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path\r\n d=\"M19.3332 13.333H11.9998C11.2635 13.333 10.6665 13.93 10.6665 14.6663V21.333C10.6665 22.0694 11.2635 22.6663 11.9998 22.6663H19.3332C20.0695 22.6663 20.6665 22.0694 20.6665 21.333V14.6663C20.6665 13.93 20.0695 13.333 19.3332 13.333Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n <div class=\"mb-3 mb-md-0 \">\r\n <h4 class=\"fw-semibold\" [ngClass]=\"timevalue === 'time'? 'video-title':'untouch-title'\">Schedule\r\n with\r\n Calendly</h4>\r\n <div class=\"fw-normal pe-7\" [ngClass]=\"timevalue === 'time'? 'video-sub':'untouch-sub'\">Choose your\r\n time\r\n slot in the next step.</div>\r\n </div><span *ngIf=\"timevalue ==='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#00A3FF\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#00A3FF\" />\r\n <path d=\"M11.3332 5.5L6.74984 10.0833L4.6665 8\" stroke=\"white\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n <span *ngIf=\"timevalue !=='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"white\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n </svg></span>\r\n\r\n </div>\r\n </div>\r\n <div class=\"notice d-flex bg-light-primary rounded border-primary cursor-pointer my-4\"\r\n (click)=\"checkvalue('call back')\" [ngClass]=\"timevalue === 'call back'? 'touch-primary':'untouch-primary'\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 36 36\" fill=\"none\" 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\" stroke-width=\"4\" />\r\n <g clip-path=\"url(#clip0_1731_70116)\">\r\n <path\r\n d=\"M24.6665 21.2797V23.2797C24.6672 23.4654 24.6292 23.6492 24.5548 23.8193C24.4804 23.9894 24.3713 24.1421 24.2345 24.2676C24.0977 24.3932 23.9362 24.4887 23.7603 24.5482C23.5844 24.6077 23.398 24.6298 23.2131 24.6131C21.1617 24.3902 19.1911 23.6892 17.4598 22.5664C15.849 21.5428 14.4834 20.1772 13.4598 18.5664C12.3331 16.8272 11.632 14.8471 11.4131 12.7864C11.3965 12.6021 11.4184 12.4162 11.4775 12.2408C11.5365 12.0654 11.6315 11.9042 11.7563 11.7675C11.8811 11.6308 12.033 11.5215 12.2023 11.4468C12.3716 11.372 12.5547 11.3332 12.7398 11.3331H14.7398C15.0633 11.3299 15.377 11.4445 15.6223 11.6554C15.8676 11.8664 16.0278 12.1594 16.0731 12.4797C16.1575 13.1198 16.3141 13.7482 16.5398 14.3531C16.6295 14.5917 16.6489 14.851 16.5957 15.1003C16.5426 15.3496 16.419 15.5785 16.2398 15.7597L15.3931 16.6064C16.3422 18.2754 17.7241 19.6574 19.3931 20.6064L20.2398 19.7597C20.4211 19.5805 20.6499 19.457 20.8992 19.4038C21.1485 19.3506 21.4078 19.37 21.6465 19.4597C22.2513 19.6854 22.8797 19.842 23.5198 19.9264C23.8436 19.9721 24.1394 20.1352 24.3508 20.3847C24.5622 20.6343 24.6746 20.9528 24.6665 21.2797Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_1731_70116\">\r\n <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(10 10)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n <div class=\"mb-3 mb-md-0 \">\r\n <h4 class=\"fw-semibold\" [ngClass]=\"timevalue === 'call back'? 'video-title':'untouch-title'\">Request\r\n a\r\n call back</h4>\r\n <div class=\"fw-normal pe-7\" [ngClass]=\"timevalue === 'call back'? 'video-title':'untouch-sub'\">We\u2019ll\r\n call\r\n you on +91 987-654-3219</div>\r\n </div><span *ngIf=\"timevalue ==='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"white\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#D0D5DD\" />\r\n </svg></span>\r\n <span *ngIf=\"timevalue !=='time'\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#00A3FF\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#00A3FF\" />\r\n <path d=\"M11.3332 5.5L6.74984 10.0833L4.6665 8\" stroke=\"white\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg></span>\r\n </div>\r\n </div>\r\n <div *ngIf=\"timevalue === 'call back'\">\r\n\r\n <h3 class=\"title-val fw-semibold my-3\">Select Preferred Timing</h3>\r\n <div class=\"btn-group\" role=\"group\" aria-label=\"Basic example\">\r\n <button [ngClass]=\"callbackPreferredTiming === '9am -12pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '9am -12pm'\" type=\"button\" class=\"btn btn-secondary\">9am -12pm</button>\r\n <button [ngClass]=\"callbackPreferredTiming === '12pm - 5pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '12pm - 5pm'\" type=\"button\" class=\"btn btn-secondary\">12pm - 5pm</button>\r\n <button [ngClass]=\"callbackPreferredTiming === '5pm - 8pm' ? 'popup-tab-selected': ''\" (click)=\"callbackPreferredTiming = '5pm - 8pm'\" type=\"button\" class=\"btn btn-secondary\">5pm - 8pm</button>\r\n </div>\r\n <h5 class=\"title-sub fw-normal my-3\">We'll call you back in next 24 business hours</h5>\r\n <textarea [formControl]=\"callbackDescription\" class=\"form-control text-area fw-normal\" placeholder=\"Be more specific...\" row=\"2\"></textarea>\r\n\r\n </div>\r\n <div class=\"row mt-10 mb-7\">\r\n <div class=\"col-md-6\">\r\n <button class=\"btn btn-default fw-bold w-100\" (click)=\"close()\">Cancel</button>\r\n </div>\r\n <div class=\"col-md-6\">\r\n <button class=\"btn btn-primary submit fw-bold w-100\" (click)=\"submitvalue()\">Confirm</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"overlay\" *ngIf=\"requestpopup\">\r\n <div class=\"popup\">\r\n <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g id=\"Featured icon\">\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#DAF1FF\"/>\r\n <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#EAF8FF\" stroke-width=\"8\"/>\r\n <g id=\"Check icon\">\r\n <rect x=\"16\" y=\"16\" width=\"24\" height=\"24\" rx=\"10\" fill=\"#DAF1FF\"/>\r\n <g id=\"Icon\">\r\n <mask id=\"path-3-inside-1_4346_82646\" fill=\"white\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.0965 23.3897L25.9365 30.2997L24.0365 28.2697C23.6865 27.9397 23.1365 27.9197 22.7365 28.1997C22.3465 28.4897 22.2365 28.9997 22.4765 29.4097L24.7265 33.0697C24.9465 33.4097 25.3265 33.6197 25.7565 33.6197C26.1665 33.6197 26.5565 33.4097 26.7765 33.0697C27.1365 32.5997 34.0065 24.4097 34.0065 24.4097C34.9065 23.4897 33.8165 22.6797 33.0965 23.3797V23.3897Z\"/>\r\n </mask>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M33.0965 23.3897L25.9365 30.2997L24.0365 28.2697C23.6865 27.9397 23.1365 27.9197 22.7365 28.1997C22.3465 28.4897 22.2365 28.9997 22.4765 29.4097L24.7265 33.0697C24.9465 33.4097 25.3265 33.6197 25.7565 33.6197C26.1665 33.6197 26.5565 33.4097 26.7765 33.0697C27.1365 32.5997 34.0065 24.4097 34.0065 24.4097C34.9065 23.4897 33.8165 22.6797 33.0965 23.3797V23.3897Z\" fill=\"#33B5FF\" stroke=\"#00A3FF\" stroke-width=\"4\" mask=\"url(#path-3-inside-1_4346_82646)\"/>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n \r\n <h3 class=\"fw-bold get-touch my-5\">Thanks for your request!</h3>\r\n <div class=\"fw-normal get-sub mb-5\">Our team will get back to you shortly. Meanwhile explore more about us.\r\n </div>\r\n <div class=\"row mt-10 mb-7\">\r\n <div class=\"col-md-12\">\r\n <button class=\"btn btn-primary fw-bold w-100\" (click)=\"continuesignup()\">Continue Signing Up</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".bubble{position:fixed;top:0;right:3%}.activeClass{padding:8px 12px!important;gap:8px!important;border-radius:6px!important;background:var(--Primary-25, #F6FCFF)!important;padding:8px 12px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important}.activeClass .store-primary{color:var(--Gray-700, #344054)!important;font-size:16px!important;font-weight:600;line-height:24px}.bg-gray{padding:4px!important;gap:36px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important;background:var(--Gray-50, #F9FAFB)!important}.text-color{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:600!important;line-height:24px}.heading{color:#000!important;font-size:20px!important;font-weight:600!important;line-height:30px}.textval{color:var(--Gray-500, #2654b9)!important}.border-store{width:32px;height:32px;padding:8px;border-radius:28px!important;background:var(--Primary-100, #DAF1FF)!important}.gap-16px{display:flex;height:40px;padding:16px;align-items:center;gap:4px;border-radius:8px;border:1px solid var(--Primary-300, #6BCAFF);background:var(--Primary-50, #EAF8FF)}.featareaval{color:var(--Primary-800, #008EDF)!important;font-size:14px;font-weight:500;line-height:20px}.bg-light{padding:24px!important;border-radius:8px;border:1px solid var(--Gray-100, #F2F4F7)!important;background:var(--Gray-25, #FCFCFD)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.price-head{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.price-sub-head{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400;line-height:20px}.period{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:400!important;line-height:24px}.plan-sub{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:18px}.plan-head{color:var(--Gray-700, #344054)!important;font-size:12px!important;font-weight:500;line-height:18px}.fs-14px{font-size:14px!important;line-height:20px!important}.text-container{position:relative}.top-right{position:absolute;top:68px;left:173px;font-size:18px}.btn-margin{color:var(--White, #FFF)!important;font-size:12px!important;font-weight:600!important;line-height:18px;padding:6px 11px!important;border-radius:4px!important;background:var(--Primary-700, #009BF3)!important}.h-239px{height:239px}.button-size{color:var(--White, #FFF)!important;font-size:14px!important;font-weight:600!important;line-height:20px;text-transform:capitalize;border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;padding:10px 16px!important}.form-check-input:checked{border-color:#009bf3;border-radius:12px;background-color:var(--Primary-600, #00A3FF)!important}@media (min-width: 1396px) and (max-width: 1440px){.plan-sub{color:var(--Gray-500, #667085)!important;font-size:10px!important;font-weight:400!important;line-height:18px}}@media (min-width: 1920px) and (max-width: 2100px){.top-right{left:272px}}@media (min-width: 1745px) and (max-width: 1910px){.top-right{left:225px}}@media (min-width: 1706px) and (max-width: 1744px){.top-right{left:216px}}@media (min-width: 1430px) and (max-width: 1439px){.top-right{left:158px}}@media (min-width: 1396px) and (max-width: 1410px){.top-right{left:148px}}@media (min-width: 1410px) and (max-width: 1430px){.top-right{left:153px}}@media (min-width: 1439px) and (max-width: 1475px){.top-right{left:162px}}@media (min-width: 1475px) and (max-width: 1500px){.top-right{left:165px}}@media (min-width: 1547px) and (max-width: 1600px){.top-right{left:189px}}@media (min-width: 1600px) and (max-width: 1635px){.top-right{left:199px}}@media (min-width: 1635px) and (max-width: 1675px){.top-right{left:209px}}@media (min-width: 2160px) and (max-width: 2560px){.top-right{left:438px}}.activePlanBtn{border-radius:6px;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;color:var(--Gray-700, #344054);font-size:14px!important;font-weight:500!important;line-height:20px}.inactivePlanBtn{color:var(--Gray-500, #667085)!important;font-size:14px;font-weight:500!important;line-height:20px}.nav-group{background:var(--Gray-50, #F9FAFB)!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.freeplan{padding:24px!important;border-radius:8px!important;border:1px solid var(--Primary-100, #DAF1FF)!important;background:var(--Primary-25, #F6FCFF)!important;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;width:100%}.text-val{color:var(--Primary-700, #009BF3)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.text-set{color:var(--Primary-700, #009BF3)!important;font-size:18px!important;font-weight:600!important;line-height:32px;text-decoration-line:line-through!important}.btn-set{color:var(--Primary-700, #009BF3)!important;font-size:16px!important;font-weight:600!important;line-height:24px;border-radius:8px;border:1px solid var(--Primary-50, #EAF8FF)!important;background:var(--Primary-50, #EAF8FF)!important;box-shadow:0 1px 2px #1018280d!important}.life-title{color:var(--Primary-700, #009BF3)!important;text-align:center;font-size:12px!important;line-height:18px;padding:2px 8px!important;border-radius:16px!important;background:var(--Primary-50, #EAF8FF)!important}.get-touch{color:var(--Gray-900, #101828);font-size:18px;line-height:28px}.get-sub{color:var(--Gray-500, #667085);font-size:14px;line-height:20px}.touch-primary{padding:16px;border-radius:8px!important;border:1px solid var(--Primary-300, #6BCAFF)!important;background:var(--Primary-50, #EAF8FF)!important}.video-title{color:var(--Primary-800, #008EDF);font-size:14px;line-height:20px}.video-sub{color:var(--Primary-600, #00A3FF);font-size:14px;line-height:20px}.untouch-primary{padding:16px!important;border-radius:8px!important;border:1px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.untouch-title{color:var(--Gray-700, #344054)!important;font-size:14px!important;line-height:20px}.untouch-sub{color:var(--Gray-500, #667085)!important;font-size:14px!important;line-height:20px}.btn-default{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--Gray-700, #344054)!important;font-size:16px!important;line-height:24px;text-transform:capitalize}.btn-primary.submit{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important;color:var(--White, #FFF)!important;font-size:16px!important;line-height:24px;text-transform:capitalize}.btn-group{border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;box-shadow:0 1px 2px #1018280d!important}.btn-secondary{border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important}.btn-check:checked+.btn.btn-secondary,.btn-check:active+.btn.btn-secondary,.btn.btn-secondary:focus:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active),.btn.btn-secondary:active:not(.btn-active),.btn.btn-secondary.active,.btn.btn-secondary.show,.show>.btn.btn-secondary{background-color:var(--Gray-50, #F9FAFB)!important}.title-val{color:var(--Gray-700, #344054);font-size:14px;line-height:20px}.title-sub{color:var(--Primary-500, #33B5FF);font-size:12px;line-height:19.5px}.text-area{color:var(--Gray-500, #667085)!important;font-size:16px!important;line-height:24px!important}.overlay{position:fixed;inset:0;background:#6e6e6eb3;transition:opacity .5s;visibility:visible;opacity:1}.popup{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);padding:24px;background:var(--White, #FFF);box-shadow:0 8px 8px -4px #10182808,0 20px 24px -4px #10182814;border-radius:12px;width:480px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f;cursor:pointer}.popup .content{max-height:30%;overflow:auto}.popup-tab-selected{background-color:#f9fafb!important}.footer{color:#7e8299!important;font-size:16px!important;font-weight:500!important}.line-height{line-height:32px!important}.disabled{opacity:.5;pointer-events:none}\n"] }]
|
|
950
953
|
}], ctorParameters: () => [{ type: i1.NgbModal }, { type: ConversionService }, { type: AuthService }, { type: i2$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i5.ToastService }] });
|
|
@@ -1171,10 +1174,10 @@ class Step3Component {
|
|
|
1171
1174
|
},
|
|
1172
1175
|
}));
|
|
1173
1176
|
}
|
|
1174
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1175
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: Step3Component, selector: "lib-step3", viewQueries: [{ propertyName: "ngOtpInputRef", first: true, predicate: ["ngOtpInput"], descendants: true }], ngImport: i0, template: "<div class=\"card mt-10 mx-15\">\r\n <div id=\"kt_content_container\" class=\"container-xxl font h-100 mx-10 pe-15 my-7\">\r\n <div class=\"h-550px sticky\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 col-md-12 col-sm-12\">\r\n <div class=\"card-header align-items-center border-0 mt-5 px-0\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 mb-4 text-gray-800\">General Terms and Conditions-SAAS\r\n Agreement</span><span class=\" text-muted fw-semibold me-1 sub\">These terms and\r\n conditions (hereinafter collectively referred to as <span class=\"text-helight\">\u201CSAAS\r\n Terms\u201D)</span> shall govern your <span class=\"text-helight\">(\u201CUser\u201D</span> or <span\r\n class=\"text-helight\">\u201CYou\u201D</span> or <span class=\"text-helight\">\u201CYour\u201D</span>or\r\n <span class=\"text-helight\">\u201CCustomer\u201D)</span> use of Services (as defined below) through\r\n this website https://tangoeye.ai/ <span class=\"text-helight\">(Website).</span></span>\r\n <span class=\" text-muted fw-semibold me-1 my-1 sub\">By accessing or using the Services\r\n through the Website or by executing an Order Form, that references these SAAS Terms, You\r\n agree to be bound by these SaaS Terms. If You are accessing or using the Software on\r\n behalf of a Company or other legal entity, You represent that You have the authority to\r\n bind such entity and its affiliates to these SAAS Terms in which case the terms \u201CUser\u201D\r\n or \u201CYou\u201D or \u201CYour\u201D or \u201CCustomer\u201D shall refer to such entity and its affiliates.</span>\r\n </h3>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- <div class=\"card-body py-lg-2\"> -->\r\n <div class=\"text-align-justify\">\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-5\">\r\n <span class=\"termsheading\">1. Definition </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\"> \u201COrder Form\u201D means the each order form,\r\n proposal or statement of work referencing this Agreement wherever applicable. </li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\"> <span class=\"text-helight\">\u201CSoftware\u201D</span>\r\n means the data analytics and business intelligence software and its object code version\r\n which enables the Customer to identify, amongst others, customer footfalls,\r\n demographics, identify missed opportunities, including any updates or new versions.</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\"> <span\r\n class=\"text-helight\">\u201CServices\u201D</span>refer to the in-store AI driven analytics\r\n provided through the Software to the Customer that is hosted by Tango Eye and made\r\n available to Customer over a network whether on a trial or paid basis.</li>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\"> \u201CTerm\u201D shall mean that period specified in a\r\n Schedule to be executed separately with the Customer during which Customer will have on-line\r\n access and use of the Services through the Website. </li> -->\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">2. Eligibility </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <span class=\"sub my-7\">In order to use the Services, You must:</span>\r\n <!-- <li class=\"text-muted fw-semibold sub my-7\"> Be above 18 years of age; </li> -->\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">Complete the account registration process to access\r\n the Services through the Website;</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">You will provide correct, upto date information\r\n during the registration process, including billing address;</li>\r\n <li class=\"text-muted fw-semibold sub my-5\"> You will keep all your credentials and password\r\n confidential and also responsible to maintaining the safety and security of your personal\r\n information; </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You will provide all relevant and required hardware\r\n and software as suggested by Tango Eye at your designated location in order to enable Tango\r\n Eye to install the Software in order to provide the Services.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">3. Services </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\"> In consideration for payment of the fees, Tango Eye\r\n grants the Customer a non-exclusive, non-transferable, personal, revocable, licence to\r\n access and use the Services in accordance with Tango Eye\u2019s intended purpose for the Services\r\n <span class=\"text-helight\">(Licence).</span></li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">The Services are not contingent on the delivery of\r\n any future functionality or features</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to change or remove features of the Services and or the Software from time to time. Where there is any material alteration to the Services and or the Software in accordance with this clause, Tango Eye will provide the Customer with 30 business days\u2019 notice and the Customer agrees that any material alteration is at Tango Eye\u2019s discretion.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Access to the Services shall be limited to authorized persons with valid credentials which is to be agreed at the time of providing access to the Services and the Website. If it is a single account access, such account shall not be used by multiple users at the same time.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to change, modify, amend, update, suspend or discontinue the whole or any portion of the Services, Website or the SaaS Terms at any time.</li>\r\n <li class=\"text-muted fw-semibold sub my-3\">You agree that\u00A0Tango Eye:</li>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">a. will supply the Services on a non-exclusive basis;\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">b. does not make any warranty or representation as to\r\n the ability of the facilities or services of any third-party suppliers; and</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">c. is not liable for any failure in, fault with or\r\n degradation of the Services/Software if that failure, fault or degradation is attributable\r\n to or caused by any failure of the Customer environment or the facilities or services of any\r\n third party.</div>\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">4. License Restrictions </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-3\"> You must not access or use the Services and or the Software except as permitted by the License and may not do or authorize the commission of any act that would or might invalidate or be inconsistent with the Tango Eye\u2019s intellectual property rights in the Services or Software. Without limiting the foregoing provisions, the Customer agrees and acknowledges that it must not and will not permit any person to:</li>\r\n\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">a. resell, assign, transfer, distribute or provide others\r\n with access to the Services;</div>\r\n\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">b. \u201Cframe\u201D, \u201Cmirror\u201D or serve any of the Services/Software\r\n on any web server or other computer server over the internet or any other network;</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">c. copy, alter, modify, create derivative works from,\r\n reproduce, resell, transfer to a third party, reverse assemble, reverse engineer, reverse\r\n compile or enhance the Services or Software; or </div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">d .alter, remove or tamper with any trademarks, any patent\r\n or copyright notices, or any confidentiality legend or notice, or any numbers, or other means of\r\n identification used on or in relation to the Services or Software.</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer must not use the Services in any way which\r\n is in breach of any statute, regulation, law or legal right of any person within the Republic of\r\n India or the jurisdiction in which the Customer or its personnel are located.\u00A0</li>\r\n\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">5. Prohibited Use </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub mt-7\">You agree to use the Website and the Services/Software\r\n accessed through it for the purpose enumerated under these SaaS Terms and agree not to undertake\r\n the following:</li>\r\n\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> a. Use of the Website and the Services to violate any\r\n applicable laws of any jurisdiction from which You access the Services.</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> b. Use the Services for competitive benchmarking or\r\n for developing a competitive product or services.</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> c. To upload or otherwise disseminate any computer\r\n viruses or other software that may the Software of Tango Eye;</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> d. To unlawfully gather information about others and\r\n use in in an unlawful manner;</div>\r\n <div class=\"text-muted fw-semibold sub mb-5 ms-5\"> e. To solicit others to perform or participate in any\r\n unlawful acts.</div>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\"> resell, assign, transfer, distribute or provide others\r\n with access to the Services;</li> -->\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">You acknowledge that Tango Eye will not be liable for\r\n any information that is relayed and stored in its cloud servers which is accessed through your\r\n systems. You shall always be responsible for the same at all times.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You agree to comply with all applicable laws statutes\r\n and regulations of the country you are accessing the Website/Software and the Services\r\n concerning the use of the information/video footage which is relayed through your cctv camera to\r\n the cloud storage of Tango Eye. </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You acknowledge that the Services has not been designed\r\n to collect or process any sensitive information and accordingly you agree not to use the\r\n Services to collect, process or store any sensitive personal data once you access the reports\r\n generated by Tango Eye in pursuance to the Services. Tango Eye specifically disclaim any\r\n liability that may result from your use of the Services to collect, process and store sensitive\r\n personal information.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to monitor the use of the\r\n Website/Services/Software by You to ensure compliance of these SaaS Terms and applicable law.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">In the event of violation of these SaaS Terms,\r\n applicable laws and regulations, Tango Eye shall have the right to investigate such breaches and\r\n take appropriate actions which shall include but not be limited to providing warning to first\r\n time offenders, suspending and or even terminating the Services and access to the Website.</li>\r\n </ul>\r\n </h3>\r\n\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">6. Invoicing: </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-7\">Invoices will be issued on the basis of the number of deployed stores in existence on the invoice date and shall be issued in accordance with the Payment Terms in the commercial terms above. Tango Eye shall bill Customer for applicable taxes as a separate line item on each invoice. Customer shall be responsible for payment of all sales and use taxes, Goods and Services tax, or similar charges relating to Customer\u2019s purchase and use of the Services.</div>\r\n </ul>\r\n\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">7. Payment: </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Payment shall be made in accordance with the Payment\r\n Terms in the commercial terms which shall be agreed to separately between Tango Eye and the\r\n Customer and which shall be read and be coterminous with these SaaS Terms <span class=\"text-helight\">(Payment Terms).</span>\r\n Except as expressly provided otherwise, payments are non-refundable. In the event the Customer\r\n fails to make the payment as per the payment terms, Tango Eye shall send a written notice to the\r\n Client to ensure that the payment is made within 30 (thirty) days (\u201CAdditional Period\u201D) from the\r\n date of receipt such written notice. If the customer fails to make the payment within the\r\n Additional Period, the access to the web portal will be blocked and the Services shall be\r\n suspended 7 (seven) days after sending a reminder email to Customer from the expiry of the\r\n Additional Period.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Parties acknowledge that time is of the essence with\r\n respect to payments required under this clause. In the event of any delay in payment by the\r\n Customer, Tango Eye may require the Customer to pay Tango Eye a late payment penalty equal to\r\n twelve percent (12%) per annum on all outstanding payments.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">8.Intellectual Property</span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">All Tango Eye Software, including the Website and any\r\n updates thereto, and any other intellectual property created by Tango Eye in furtherance to the\r\n Software or any works, products, documents, materials created using, incorporating, comprising\r\n in, or relating to such intellectual property (\u201CTango Eye IP\u201D) shall at all times remain the\r\n exclusive property of Tango Eye and/or its nominees or affiliates, as the case may be, and the\r\n Customer shall not have any right, title, claim etc. whatsoever over the same. Nothing contained\r\n herein shall be construed as a transfer, assignment or conveyance by Tango Eye to Customer of\r\n the ownership, interest or title to the intellectual property or intellectual property rights in\r\n or attached to the Tango Eye IP. The Customer is only authorized to receive a right to access\r\n Tango Eye IP for the term explicitly granted by Tango Eye to Customer and in accordance with the\r\n provisions of these SaaS Terms. This authorization is non-exclusive, non-transferable and\r\n non-sub-licensable, unless otherwise agreed under this Agreement. Customer shall not have any\r\n right to modify, adapt, incorporate, create any derivative using or incorporating Tango Eye IP\r\n or in any manner transfer, encumber, alienate, sell, share, assign, license or sub-let it to any\r\n third party.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">As between the parties, Customer retains all right,\r\n title and interest in and to \u2013\u00A0</li>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">a. all raw data generated from the use of the Software,\r\n including text, sound, video, or image files, but excluding any Business Data (\u201CGenerated\r\n Data\u201D); and\u00A0\u00A0</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">b. raw data owned by and relating to the Customer, such as\r\n company information, store location and details of the zones, employee information, but\r\n excluding any Generated Data (\u201CBusiness , that is provided to Tango Eye by, or on behalf of, the\r\n Customer through the Customer\u2019s use of the Software (together, \u201CCustomer Data\u201D).</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer hereby grants to Tango Eye a non-exclusive,\r\n worldwide, fully paid up and royalty free right and license to use the Generated Data for (i)\r\n the provision of Services and fulfillment of obligations under these SaaS Terms and; (ii)\r\n improving the Software.\u00A0</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer hereby grants to Tango Eye a non-exclusive,\r\n worldwide, fully paid up and royalty free right and license to use the Business Data for (i) the\r\n provision of Services and fulfillment of obligations under these SaaS Terms; and (ii) improving\r\n the Software.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Customer agrees to provide comments or feedback, if any,\r\n to Tango Eye regarding the Software or future releases/ development to the Software and\r\n reference of the work carried out during this engagement with the Customer or any and all\r\n knowledge and information of generic nature, arising out of use of the Software by the Customer,\r\n without disclosing any Customer Confidential Information or Customer Data.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer undertakes to promptly inform Tango Eye of\r\n any infringement of Tango Eye IP rights by third parties, and shall permit Tango Eye to assume\r\n sole authority to take appropriate legal action. Customer shall not make any statement or\r\n admission in relation to such claim which may prejudicially affect the chances of settlement or\r\n defense of such claim, and shall provide information and assistance reasonably requested in\r\n connection with such claim or suit.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye hereby undertakes, in the event that third\r\n parties act against the Customer for any reason whatsoever in relation to the Software or any\r\n Tango Eye IP, to provide the documentation in their possession and otherwise do and execute all\r\n acts, things, matters and deeds as may be reasonably required by the Customer, from time to time\r\n to show ownership of such Tango Eye IP.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Customer hereby consents and opts in to receive communications that Tango Eye may send via call or message service relating to this Agreement, to Customer including its employees, staff and other representatives.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">9. Data Protection and Privacy </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Each Party shall at all times comply with its\r\n obligations under applicable privacy regulations in relation to the Generated Data, Business\r\n Data, and Customer Data that is collected, stored and/or processed by it in the course of\r\n performing its obligations under these SaaS Terms. Further each Party shall process such\r\n Generated Data, Business Data, and Customer Data only to the extent necessary for the purposes\r\n of performing their respective obligations under these SaaS Terms </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Each party shall take appropriate technical and\r\n organizational measures as required under applicable law against any data breach, unauthorized\r\n or unlawful processing of the personal data or its accidental loss, destruction or damage.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">10. Representations, Warranties and Disclaimers </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Each Party represents, warrants and covenants to the\r\n other that: (i) it is duly organized and validly existing and in good standing under the laws of\r\n the state of its incorporation or formation; (ii) it has the full right and authority to enter\r\n into these SaaS Terms and that these SaaS Terms constitutes a legal, valid and binding\r\n obligation; (iii) the execution, delivery and performance of these SaaS Terms does not and will\r\n not conflict with, or constitute a breach or default under, its charter of organization, or any\r\n contract or other instrument to which it is a party; (iv) it will comply with, and will ensure\r\n all of its personnel, third party agents, consultants etc., comply with all laws and regulations\r\n applicable to (i) the provision, or access and use of the Software; and (ii) performance of\r\n obligations under these SaaS Terms, including without limitation laws and regulations related to\r\n privacy, data protection, electronic communications, export and confidentiality.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye represents, warrants and covenants that (i)\r\n Tango Eye personnel shall provide the Services in a diligent and professional manner with due\r\n care (ii) Tango Eye IP does not and will not infringe, misappropriate or otherwise violate the\r\n intellectual property rights of any party within the territory of India and or any other country\r\n where its righst are registered; and (iii) all Services that are provided will be free from any\r\n known malicious code or instructions that may intentionally disrupt, damage or interfere with\r\n any use by Customer. Tango Eye further warrants and represents to the Customer that it holds,\r\n and will continue to hold, any and all licenses, permits or other authorizations required by any\r\n applicable law to perform the Services in accordance with these SaaS Terms.</li>\r\n <div class=\"text-muted fw-semibold sub my-5\"><span class=\"text-helight\">\u201CApplicable law\u201D</span> means any applicable law, statute,\r\n rule, regulation, ordinance, requirement, directions, guidelines, announcement or other binding\r\n action or requirement of any government or quasi government; department, agency or\r\n instrumentality of any government thereof, any court or arbitral tribunal applicable and\r\n existing under the republic of India.</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">THE SOFTWARE AND ANYTHING PROVIDED IN CONNECTION WITH\r\n THESE SaaS TERMS ARE PROVIDED \u201CAS-IS\u201D. EXCEPT FOR THE EXPRESS REPRESENTATIONS AND WARRANTIES IN\r\n THIS SECTION 6, TANGO EYE DOES NOT MAKE ANY REPRESENTATIONS OR WARRANTIES, EXPRESS, IMPLIED OR\r\n STATUTORY INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OF MERCHANTABILITY, QUALITY,\r\n FITNESS FOR A PARTICULAR PURPOSE, SYSTEM INTEGRATION, ERROR-FREE, UN-INTERRUPTION, SUPPORT\r\n CORRECTION OR REPAIR (UNLESS OTHERWISE AGREED) OR OTHERWISE THAT TANGO EYE SOFTWARE HEREUNDER\r\n WILL OPERATE IN EVERY COMBINATION OR ENVIRONMENT DESIRED BY CUSTOMER WITH ANY DATA, DEVICES,\r\n COMPUTER SYSTEMS AND PROGRAMS OF ITS CHOICE OR THAT THE REMEDYING OF ONE PROGRAM ERROR DOES NOT\r\n RESULT IN THE OCCURRENCE OF OTHER PROGRAM ERRORS. ALL SUCH REPRESENTATIONS AND WARRANTIES ARE\r\n HEREBY DISCLAIMED.</li>\r\n <li class=\"text-muted fw-semibold sub mt-5\">\r\n The Customer warrants that: </li>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> a. Customer Data does not and will not infringe,\r\n misappropriate or otherwise violate the intellectual property rights of any third party;</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">b. it will be responsible for any security\r\n vulnerabilities and the consequences of such vulnerabilities arising solely from the nature of\r\n Customer Data;</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> c. it shall be responsible for ensuring that End\r\n Users comply with all requirements under these SaaS Terms in relation to the use of the Software\r\n (to the extent applicable);</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> d. it shall immediately notify Tango Eye of (a)\r\n any account-related abuse; (b) the unauthorized disclosure, use and distribution of their\r\n account credentials by or to any third party; and</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> e. it shall not, and shall not permit any party\r\n or person to, access or use the Software except as expressly permitted by these SaaS TERMS.\r\n Without limiting the generality of the foregoing, Customer shall not, and shall not permit any\r\n party or person to:</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\"> 1. interfere with or disrupt the integrity or\r\n performance of the Software, or circumvent, bypass, delete or remove any form of protection, or\r\n usage, functionality or technical restrictions or limitations, or to enable functionality\r\n disabled by Tango Eye, in connection with the Software;</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\"> 2. access or use the Software provided under\r\n these SaaS Terms, in any manner or for any purpose that violates any applicable law, the rights\r\n of others, in a way that could harm the service.</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\">3. reverse engineer, disassemble, de-compile,\r\n recreate, copy or reproduce the source code or object code of the Software or perform any\r\n customizations (without Tango Eye\u2019s prior written consent); and</div>\r\n\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">11. Customer\u2019s Account </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">\r\n Customers are fully responsible to safeguard their access credentials - including in the sense\r\n of the combination of username and password.</div>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">12. Duration, Renewal and Termination </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Unless otherwise specified in the proposal, these SaaS Terms shall continue to be effective during\r\n the\r\n period\r\n the Customer uses and or continues to use the Software, unless terminated in accordance with the\r\n terms set\r\n out\r\n herein.\r\n </li>\r\n <div class=\"text-muted fw-semibold sub my-5\">\r\n Unless otherwise specified in the Order Form, fees shall be subject to automatic increment at the rate of 7% per annum after every 12 months.\r\n </div>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Either party may terminate their business relationship under these SaaS Terms immediately upon a\r\n material\r\n breach by the other party that has not been cured within thirty (30) days after receipt of notice of\r\n such\r\n breach.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Either party may also terminate this Agreement upon thirty (30) days written notice without\r\n assigning any\r\n reason. Customer will pay in full for the Software up to and including the last day on which the\r\n Software\r\n was used.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Effect of Termination.\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (a) Upon termination of these SaaS Terms, Tango Eye shall immediately cease providing access to the Software.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (b) Upon termination of these SaaS Terms, Tango Eye may delete the Generated Data, Business Data and Customer Data collected, stored and/or processed under these SaaS Terms for the purpose of providing the Software within 15 (fifteen) days of receipt of notice of termination of these SaaS Terms.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (c) If Tango Eye terminates these SaaS Terms due to a breach by Customer of any of the provisions contained under these SaaS Terms, then Customer shall immediately pay to Tango Eye all amounts then due under these SaaS Terms. If Customer terminates these SaaS Terms due to a breach by Tango Eye, then Tango Eye shall immediately repay to Customer all pre-paid amounts for any unperformed Services scheduled to be delivered after the termination date.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (d) Subject to the rights granted under these SaaS Terms, upon its termination and upon subsequent written request by the Disclosing Party, the Receiving Party of tangible Confidential Information shall immediately return such information or destroy such information and provide written certification of such destruction, provided that the receiving party may permit its legal counsel to retain one archival copy of such information in the event of a subsequent dispute between the parties.\r\nThe provisions relating to confidentiality, as well as for liability, applicable law and settlement of disputes shall survive the expiration or termination of these SaaS Terms.\r\n </div>\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Termination shall not affect any rights or obligations of the parties incurred prior to the date of termination, unless otherwise agreed between the parties.\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <!-- <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">13. Effect of Termination. </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Upon termination of these SaaS Terms, Tango Eye shall immediately cease providing access to the\r\n Software.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Upon termination of these SaaS Terms, Tango Eye shall delete the Generated Data, Business Data and\r\n Customer Data\r\n collected, stored and/or processed under these SaaS Terms for the purpose of providing the Software\r\n within 15\r\n (fifteen) days of receipt of notice of termination of these SaaS Terms.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n If Tango Eye terminates these SaaS Terms due to a breach by Customer of any of the provisions\r\n contained under these\r\n SaaS Terms, then Customer shall immediately pay to Tango Eye all amounts then due under these SaaS\r\n Terms. If\r\n Customer terminates these SaaS Terms due to a breach by Tango Eye, then Tango Eye shall immediately\r\n repay to\r\n Customer all pre-paid amounts for any unperformed Services scheduled to be delivered after the\r\n termination date.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Subject to the rights granted under these SaaS Terms, upon its termination and upon subsequent\r\n written request by\r\n the Disclosing Party, the Receiving Party of tangible Confidential Information shall immediately\r\n return such\r\n information or destroy such information and provide written certification of such destruction,\r\n provided that the\r\n receiving party may permit its legal counsel to retain one archival copy of such information in the\r\n event of a\r\n subsequent dispute between the parties.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n The provisions relating to confidentiality, as well as for liability, applicable law and settlement\r\n of disputes\r\n shall survive the expiration or termination of these SaaS Terms.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Termination shall not affect any rights or obligations of the parties incurred prior to the date of\r\n termination,\r\n unless otherwise agreed between the parties.\r\n </li>\r\n </ul>\r\n </div> -->\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">13. Access to Analytics via Web Portal & Excel Reports</span>\r\n </h3>\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">The analytics is designed for use with a) web-based\r\n application, b) excel reports sent via email or File Transfer Protocol.\r\n </div>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\">Training: All \u201CSoftware\u201D used in connection with the\r\n Services. For avoidance of doubt, it is clarified that Tango Eye agrees to provide sample dashboard\r\n and arrange for training sessions to the Customer as mutually agreed by the Parties.\r\n </li> -->\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">14. Training </span>\r\n </h3>\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">All \u201CSoftware\u201D used in connection with the Services. For avoidance of doubt, it is clarified that Tango Eye agrees to provide a sample dashboard and arrange for training sessions to the Customer as mutually agreed by the Parties.\r\n </div>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">15. Confidential Information </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">All proprietary or confidential information, technical data,\r\n or know-how and all other non-public information, material or data in whatever form or mode of\r\n communication, which is disclosed by a party (\u201CDisclosing Party\u201D) to the other party (\u201CReceiving\r\n Party\u201D) in connection with the Software access and usage whether marked as \u201Cconfidential\u201D or not at\r\n the time of disclosure, shall be treated as \u201CConfidential Information\u201D. Confidential Information\r\n shall include, but not be limited to, the terms and pricing/commercial terms under these SaaS Terms,\r\n the technical and other specifications of the Software, any information specific to the software\r\n license codes and content as well as the software and hardware architecture and components, and all\r\n other non-public information.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Receiving Party undertakes: (i) not to use Confidential\r\n Information otherwise than for the purpose for which it was disclosed or to permit the Receiving\r\n Party to exercise rights and licenses granted under these SaaS Terms ; (ii) not to disclose\r\n Confidential Information without the prior written consent of the Disclosing Party, other than to\r\n those employees, agents, contractors, subcontractors, licensees of the Receiving Party, its\r\n Affiliates or any other parties who have a need to know it in order to assist the Receiving Party in\r\n performing its obligations, or to permit the Receiving Party to exercise its rights\u00A0 and licenses\r\n under this Agreement; (iii) to take all such steps to prevent unauthorized access to the Disclosing\r\n Party\u2019s Confidential Information, as it takes to protect its own confidential or proprietary\r\n information of a similar nature, which steps shall in no event be less than a reasonable standard of\r\n care; and iv) to return to the Customer, or destroy, on request all Confidential Information that\r\n has been disclosed to them, including all copies thereof and to delete all information stored in a\r\n machine-readable form to the extent practically possible, subject to any rights or licenses granted\r\n under these SaaS Terms .\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The obligations in relation to Confidential Information\r\n under these SaaS Terms\u00A0 shall not apply to Confidential Information, which (i) has become or becomes\r\n publicly available by means other than a breach of confidentiality obligations; (ii) was already\r\n known to the Receiving Party prior to disclosure; (iii) the Receiving Party is required to disclose\r\n in order to comply with applicable laws or regulations or with a court or administrative order; or\r\n (iv) is independently developed by the Receiving Party without reference to or use of any\r\n Confidential Information of the Disclosing Party.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Receiving Party shall promptly, and in any case within\r\n three (3) days advise the Disclosing Party in writing of any unauthorized disclosure,\r\n misappropriation or misuse of Confidential Information after it becomes aware of it and vice versa.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">If either party becomes aware that it will be required, or\r\n is likely to be required, to disclose Confidential Information in order to comply with applicable\r\n laws or regulations or with a court or administrative order, it shall, to the extent it is lawfully\r\n able to do so, prior to any such disclosure notify the other party, and comply with the other\r\n party\u2019s instructions to protect the confidentiality of the information.\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">16. Indemnity and Limitation of Liability </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Without prejudice to any other right available in law or under equity, each party hereby agrees to\r\n compensate, indemnify, defend and hold harmless the other, its affiliates, directors, shareholders,\r\n officers and employees and agents, from and against any and all losses, liabilities, damages,\r\n deficiencies, demands, claims (including third party claims), actions, judgments or causes of\r\n action, assessments, interest, penalties and other costs or expenses (including, without limitation,\r\n reasonable attorneys' fees and expenses) based upon, arising out of, or in relation to or otherwise\r\n in respect of (i) any breach of its obligations under these SaaS Terms ; or (ii) any willful\r\n misconduct, fraud, or wrongful or negligent act or omission of a Party.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n In no event shall either Party be liable to the other for any indirect, incidental, punitive,\r\n exemplary, special or consequential damages, or damages for loss of profits, revenue, whether in an\r\n action in contract or tort, or otherwise (collectively referred to as \u201CIndirect Losses\u201D) even if\r\n advised of the possibility of such damages.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Each Party\u2019s liability arising out of or in connection with the breach of any direct and actual\r\n liabilities, costs, losses, damages, suits, proceedings, costs, expenses or liabilities suffered or\r\n incurred due to resulting due to claims for breach of intellectual property of a Party or third\r\n party, breach of confidentiality obligation, data breach, breach of data privacy, fraud, willful\r\n negligence, gross misconduct or breach of applicable laws shall in no event exceed the annual total\r\n purchase price paid pursuant to grant of access and usage of the Services/Software by the Customer.\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">17. Force Majeure </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Each of the Parties is not responsible nor liable for any delays or failures in performance from any\r\n cause beyond its control, including, but not limited to acts of God, changes to law or regulations,\r\n embargoes, war, terrorist acts, acts or omissions of third party technology providers, riots, fires,\r\n earthquakes, floods, power blackouts, strikes, weather conditions, pandemic, epidemic, government\r\n lockdowns or any other unforeseeable event beyond its control (hereinafter collectively referred to\r\n as <span class=\"text-helight\">\u201CForce Majeure Event\u201D)</span>. Upon occurrence of any Force Majeure Event, either Party shall give\r\n notice to the other party of its inability to perform or of delay in completing its obligations and\r\n must act diligently to remedy the cause and restore performance, to the extent possible.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Where Force-Majeure Event continues for a period more than Sixty (60) continuous days, then the\r\n effected Party shall have the right to immediately terminate these SaaS Terms Agreement by providing\r\n a written notice.</li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">18. Miscellaneous</span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n These SaaS Terms is drawn up in English, which language shall govern all documents, notices,\r\n meetings, proceedings and processes relative thereto.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Nothing in these SaaS Terms shall be deemed to constitute a joint venture, agency, partnership,\r\n interest grouping or any other kind of formal business grouping or entity between the Parties.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n No rights or obligations of the Parties arising from these SaaS Terms may be assigned,\r\n sub-contracted, or transferred, in whole or in part, to any third party without the other party\u2019s\r\n prior written approval.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\"> In case of conflict terms between these SaaS Terms and Order Form, the Order Form will prevail.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Governing Law, Jurisdiction. These SaaS Terms shall be governed by the laws of India, and the\r\n Parties hereby agree to irrevocably submit to the exclusive jurisdiction of the courts of New Delhi\r\n in respect of all disputes arising out of these SaaS Terms.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<div class=\"row g-0 mb-0 bg-terms\">\r\n <div class=\"col-md-10\">\r\n <label class=\"form-check form-check-custom form-check-solid form-check-inline \">\r\n <input class=\"form-check-input\" type=\"checkbox\" required name=\"toc\" value=\"1\"\r\n (click)=\"updateterms($event)\" />\r\n <span class=\"form-check-label fw-bold text-gray-700\">\r\n </span>\r\n <span class=\"textsize mt-3\">I agree to the terms and conditions.</span>\r\n </label>\r\n\r\n </div>\r\n <div class=\"col-md-2\">\r\n <button [disabled]=\"!terms\" type=\"button\" class=\"btn btn-lg btn-primary ms-15 me-5 text-nowrap\" (click)=\"enterpriseactivate()\">\r\n Sign Up\r\n </button>\r\n </div>\r\n\r\n</div>\r\n</div>\r\n<div class=\"overlay\" *ngIf=\"showvalue\">\r\n\t<div class=\"popup\">\r\n\t\t<h1 class=\"a-o-i\">Verification Code</h1>\r\n <h5 class=\"sub-aoi\">An OTP has been sent to your mail. Please check & submit.</h5>\r\n <div class=\"otp-container d-flex\">\r\n <div class=\"otp-input d-flex\">\r\n <ng-otp-input #ngOtpInput (onInputChange)=\"onOtpChange($event)\" inputmode=\"numeric\" class=\"verification-code\" placeholder=\"0\" \r\n [config]=\"{ length: 4 ,allowNumbersOnly:true}\"></ng-otp-input>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"invalidOtp\" class=\"d-flex justify-content-center text-danger\" >\r\n Invalid OTP !\r\n </span>\r\n \r\n <div class=\"text-center\">\r\n <label *ngIf=\"resend\" class=\"small_lg cursor-pointer\" \r\n (click)=\"resendOTP()\"><b>Resend OTP</b></label>\r\n\r\n <label *ngIf=\"!resend\" class=\"small_lbl \" >Resend OTP ( {{counter\r\n }} )</label>\r\n </div>\r\n <div class=\"my-3\">\r\n <button type=\"button\" class=\"btn btn-lg btn-primary me-5 w-100 text-nowrap\" (click)=\"otpsubmit()\">\r\n Submit\r\n </button>\r\n </div>\r\n\t</div>\r\n</div>\r\n\r\n", styles: [".termsheading{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:30px}.sub{color:var(--Gray-900, #101828)!important;font-size:16px;font-style:normal;font-weight:400!important;line-height:20px}.main{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:20px}.sticky{overflow-y:auto;overflow-x:hidden}.textsize{color:var(--Gray-700, #344054)!important;font-size:16px!important;font-weight:400;line-height:31px}.bg-terms{border-top:1px solid var(--Gray-300, #D0D5DD);background:var(--Primary-25, #F6FCFF);padding:32px 26px}ul{list-style-position:inside!important}input[type=checkbox]{width:20px!important;height:20px!important;margin:5px;border-radius:4px!important;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid var(--gray-300, #D0D5DD);box-shadow:none;font-size:.8em;text-align:center;line-height:1em;background:#fff}input[type=checkbox]:checked{outline:1px solid var(--primary-600, #00A3FF);background-color:var(--primary-50, #EAF8FF)}input[type=checkbox]:checked:after{content:\"\";transform:rotate(45deg);border-bottom:2px solid #00A3FF;border-right:2px solid #00A3FF;display:inline-block;width:.5em;padding-left:0;padding-top:12px;padding-right:6px}.btn-primary{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important}.a-o-i{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.sub-aoi{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:400!important;line-height:24px}.overlay{position:fixed;inset:0;background:#6e6e6eb3;transition:opacity .5s;visibility:visible;opacity:1}.popup{position:absolute;left:62%;top:40%;transform:translate(-50%,-50%);padding:24px;border-radius:12px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);width:588px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f;cursor:pointer}.popup .content{max-height:30%;overflow:auto}:host ::ng-deep .ng-otp-input-wrapper .otp-input:first-child{margin:0}:host ::ng-deep .ng-otp-input-wrapper .otp-input{margin-right:0!important;height:96px!important;width:96px;padding:8px;text-align:center;margin:10px 50px;color:var(--Gray-300, #090909)!important;font-size:60px;font-style:normal;font-weight:500;line-height:72px;letter-spacing:-1.2px;border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);box-shadow:0 1px 2px #1018280d}.small_lbl{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:20px 0;cursor:not-allowed}.small_lg{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:20px 0}input:focus{border:1px solid #ccc;color:#333}.otp-inpu:focus{border-color:#00f}.hover:focus{border-color:green}.disabled:focus{border-color:#ccc;color:#999;cursor:not-allowed}.text-helight{color:#000!important;font-size:16px!important;font-weight:600!important;line-height:20px}li{list-style-type:lower-roman!important;color:#000!important;font-weight:600!important}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.NgOtpInputComponent, selector: "ng-otp-input", inputs: ["config", "formCtrl"], outputs: ["onInputChange"] }] });
|
|
1177
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: Step3Component, deps: [{ token: i1.NgbModal }, { token: AuthService }, { token: i3.Router }, { token: i3.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i4.GlobalStateService }, { token: i5.ToastService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1178
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: Step3Component, selector: "lib-step3", viewQueries: [{ propertyName: "ngOtpInputRef", first: true, predicate: ["ngOtpInput"], descendants: true }], ngImport: i0, template: "<div class=\"card mt-10 mx-15\">\r\n <div id=\"kt_content_container\" class=\"container-xxl font h-100 mx-10 pe-15 my-7\">\r\n <div class=\"h-550px sticky\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 col-md-12 col-sm-12\">\r\n <div class=\"card-header align-items-center border-0 mt-5 px-0\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 mb-4 text-gray-800\">General Terms and Conditions-SAAS\r\n Agreement</span><span class=\" text-muted fw-semibold me-1 sub\">These terms and\r\n conditions (hereinafter collectively referred to as <span class=\"text-helight\">\u201CSAAS\r\n Terms\u201D)</span> shall govern your <span class=\"text-helight\">(\u201CUser\u201D</span> or <span\r\n class=\"text-helight\">\u201CYou\u201D</span> or <span class=\"text-helight\">\u201CYour\u201D</span>or\r\n <span class=\"text-helight\">\u201CCustomer\u201D)</span> use of Services (as defined below) through\r\n this website https://tangoeye.ai/ <span class=\"text-helight\">(Website).</span></span>\r\n <span class=\" text-muted fw-semibold me-1 my-1 sub\">By accessing or using the Services\r\n through the Website or by executing an Order Form, that references these SAAS Terms, You\r\n agree to be bound by these SaaS Terms. If You are accessing or using the Software on\r\n behalf of a Company or other legal entity, You represent that You have the authority to\r\n bind such entity and its affiliates to these SAAS Terms in which case the terms \u201CUser\u201D\r\n or \u201CYou\u201D or \u201CYour\u201D or \u201CCustomer\u201D shall refer to such entity and its affiliates.</span>\r\n </h3>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- <div class=\"card-body py-lg-2\"> -->\r\n <div class=\"text-align-justify\">\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-5\">\r\n <span class=\"termsheading\">1. Definition </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\"> \u201COrder Form\u201D means the each order form,\r\n proposal or statement of work referencing this Agreement wherever applicable. </li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\"> <span class=\"text-helight\">\u201CSoftware\u201D</span>\r\n means the data analytics and business intelligence software and its object code version\r\n which enables the Customer to identify, amongst others, customer footfalls,\r\n demographics, identify missed opportunities, including any updates or new versions.</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\"> <span\r\n class=\"text-helight\">\u201CServices\u201D</span>refer to the in-store AI driven analytics\r\n provided through the Software to the Customer that is hosted by Tango Eye and made\r\n available to Customer over a network whether on a trial or paid basis.</li>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\"> \u201CTerm\u201D shall mean that period specified in a\r\n Schedule to be executed separately with the Customer during which Customer will have on-line\r\n access and use of the Services through the Website. </li> -->\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">2. Eligibility </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <span class=\"sub my-7\">In order to use the Services, You must:</span>\r\n <!-- <li class=\"text-muted fw-semibold sub my-7\"> Be above 18 years of age; </li> -->\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">Complete the account registration process to access\r\n the Services through the Website;</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">You will provide correct, upto date information\r\n during the registration process, including billing address;</li>\r\n <li class=\"text-muted fw-semibold sub my-5\"> You will keep all your credentials and password\r\n confidential and also responsible to maintaining the safety and security of your personal\r\n information; </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You will provide all relevant and required hardware\r\n and software as suggested by Tango Eye at your designated location in order to enable Tango\r\n Eye to install the Software in order to provide the Services.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">3. Services </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\"> In consideration for payment of the fees, Tango Eye\r\n grants the Customer a non-exclusive, non-transferable, personal, revocable, licence to\r\n access and use the Services in accordance with Tango Eye\u2019s intended purpose for the Services\r\n <span class=\"text-helight\">(Licence).</span></li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">The Services are not contingent on the delivery of\r\n any future functionality or features</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to change or remove features of the Services and or the Software from time to time. Where there is any material alteration to the Services and or the Software in accordance with this clause, Tango Eye will provide the Customer with 30 business days\u2019 notice and the Customer agrees that any material alteration is at Tango Eye\u2019s discretion.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Access to the Services shall be limited to authorized persons with valid credentials which is to be agreed at the time of providing access to the Services and the Website. If it is a single account access, such account shall not be used by multiple users at the same time.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to change, modify, amend, update, suspend or discontinue the whole or any portion of the Services, Website or the SaaS Terms at any time.</li>\r\n <li class=\"text-muted fw-semibold sub my-3\">You agree that\u00A0Tango Eye:</li>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">a. will supply the Services on a non-exclusive basis;\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">b. does not make any warranty or representation as to\r\n the ability of the facilities or services of any third-party suppliers; and</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">c. is not liable for any failure in, fault with or\r\n degradation of the Services/Software if that failure, fault or degradation is attributable\r\n to or caused by any failure of the Customer environment or the facilities or services of any\r\n third party.</div>\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">4. License Restrictions </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-3\"> You must not access or use the Services and or the Software except as permitted by the License and may not do or authorize the commission of any act that would or might invalidate or be inconsistent with the Tango Eye\u2019s intellectual property rights in the Services or Software. Without limiting the foregoing provisions, the Customer agrees and acknowledges that it must not and will not permit any person to:</li>\r\n\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">a. resell, assign, transfer, distribute or provide others\r\n with access to the Services;</div>\r\n\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">b. \u201Cframe\u201D, \u201Cmirror\u201D or serve any of the Services/Software\r\n on any web server or other computer server over the internet or any other network;</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">c. copy, alter, modify, create derivative works from,\r\n reproduce, resell, transfer to a third party, reverse assemble, reverse engineer, reverse\r\n compile or enhance the Services or Software; or </div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">d .alter, remove or tamper with any trademarks, any patent\r\n or copyright notices, or any confidentiality legend or notice, or any numbers, or other means of\r\n identification used on or in relation to the Services or Software.</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer must not use the Services in any way which\r\n is in breach of any statute, regulation, law or legal right of any person within the Republic of\r\n India or the jurisdiction in which the Customer or its personnel are located.\u00A0</li>\r\n\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">5. Prohibited Use </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub mt-7\">You agree to use the Website and the Services/Software\r\n accessed through it for the purpose enumerated under these SaaS Terms and agree not to undertake\r\n the following:</li>\r\n\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> a. Use of the Website and the Services to violate any\r\n applicable laws of any jurisdiction from which You access the Services.</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> b. Use the Services for competitive benchmarking or\r\n for developing a competitive product or services.</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> c. To upload or otherwise disseminate any computer\r\n viruses or other software that may the Software of Tango Eye;</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> d. To unlawfully gather information about others and\r\n use in in an unlawful manner;</div>\r\n <div class=\"text-muted fw-semibold sub mb-5 ms-5\"> e. To solicit others to perform or participate in any\r\n unlawful acts.</div>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\"> resell, assign, transfer, distribute or provide others\r\n with access to the Services;</li> -->\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">You acknowledge that Tango Eye will not be liable for\r\n any information that is relayed and stored in its cloud servers which is accessed through your\r\n systems. You shall always be responsible for the same at all times.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You agree to comply with all applicable laws statutes\r\n and regulations of the country you are accessing the Website/Software and the Services\r\n concerning the use of the information/video footage which is relayed through your cctv camera to\r\n the cloud storage of Tango Eye. </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You acknowledge that the Services has not been designed\r\n to collect or process any sensitive information and accordingly you agree not to use the\r\n Services to collect, process or store any sensitive personal data once you access the reports\r\n generated by Tango Eye in pursuance to the Services. Tango Eye specifically disclaim any\r\n liability that may result from your use of the Services to collect, process and store sensitive\r\n personal information.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to monitor the use of the\r\n Website/Services/Software by You to ensure compliance of these SaaS Terms and applicable law.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">In the event of violation of these SaaS Terms,\r\n applicable laws and regulations, Tango Eye shall have the right to investigate such breaches and\r\n take appropriate actions which shall include but not be limited to providing warning to first\r\n time offenders, suspending and or even terminating the Services and access to the Website.</li>\r\n </ul>\r\n </h3>\r\n\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">6. Invoicing: </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-7\">Invoices will be issued on the basis of the number of deployed stores in existence on the invoice date and shall be issued in accordance with the Payment Terms in the commercial terms above. Tango Eye shall bill Customer for applicable taxes as a separate line item on each invoice. Customer shall be responsible for payment of all sales and use taxes, Goods and Services tax, or similar charges relating to Customer\u2019s purchase and use of the Services.</div>\r\n </ul>\r\n\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">7. Payment: </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Payment shall be made in accordance with the Payment\r\n Terms in the commercial terms which shall be agreed to separately between Tango Eye and the\r\n Customer and which shall be read and be coterminous with these SaaS Terms <span class=\"text-helight\">(Payment Terms).</span>\r\n Except as expressly provided otherwise, payments are non-refundable. In the event the Customer\r\n fails to make the payment as per the payment terms, Tango Eye shall send a written notice to the\r\n Client to ensure that the payment is made within 30 (thirty) days (\u201CAdditional Period\u201D) from the\r\n date of receipt such written notice. If the customer fails to make the payment within the\r\n Additional Period, the access to the web portal will be blocked and the Services shall be\r\n suspended 7 (seven) days after sending a reminder email to Customer from the expiry of the\r\n Additional Period.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Parties acknowledge that time is of the essence with\r\n respect to payments required under this clause. In the event of any delay in payment by the\r\n Customer, Tango Eye may require the Customer to pay Tango Eye a late payment penalty equal to\r\n twelve percent (12%) per annum on all outstanding payments.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">8.Intellectual Property</span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">All Tango Eye Software, including the Website and any\r\n updates thereto, and any other intellectual property created by Tango Eye in furtherance to the\r\n Software or any works, products, documents, materials created using, incorporating, comprising\r\n in, or relating to such intellectual property (\u201CTango Eye IP\u201D) shall at all times remain the\r\n exclusive property of Tango Eye and/or its nominees or affiliates, as the case may be, and the\r\n Customer shall not have any right, title, claim etc. whatsoever over the same. Nothing contained\r\n herein shall be construed as a transfer, assignment or conveyance by Tango Eye to Customer of\r\n the ownership, interest or title to the intellectual property or intellectual property rights in\r\n or attached to the Tango Eye IP. The Customer is only authorized to receive a right to access\r\n Tango Eye IP for the term explicitly granted by Tango Eye to Customer and in accordance with the\r\n provisions of these SaaS Terms. This authorization is non-exclusive, non-transferable and\r\n non-sub-licensable, unless otherwise agreed under this Agreement. Customer shall not have any\r\n right to modify, adapt, incorporate, create any derivative using or incorporating Tango Eye IP\r\n or in any manner transfer, encumber, alienate, sell, share, assign, license or sub-let it to any\r\n third party.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">As between the parties, Customer retains all right,\r\n title and interest in and to \u2013\u00A0</li>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">a. all raw data generated from the use of the Software,\r\n including text, sound, video, or image files, but excluding any Business Data (\u201CGenerated\r\n Data\u201D); and\u00A0\u00A0</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">b. raw data owned by and relating to the Customer, such as\r\n company information, store location and details of the zones, employee information, but\r\n excluding any Generated Data (\u201CBusiness , that is provided to Tango Eye by, or on behalf of, the\r\n Customer through the Customer\u2019s use of the Software (together, \u201CCustomer Data\u201D).</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer hereby grants to Tango Eye a non-exclusive,\r\n worldwide, fully paid up and royalty free right and license to use the Generated Data for (i)\r\n the provision of Services and fulfillment of obligations under these SaaS Terms and; (ii)\r\n improving the Software.\u00A0</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer hereby grants to Tango Eye a non-exclusive,\r\n worldwide, fully paid up and royalty free right and license to use the Business Data for (i) the\r\n provision of Services and fulfillment of obligations under these SaaS Terms; and (ii) improving\r\n the Software.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Customer agrees to provide comments or feedback, if any,\r\n to Tango Eye regarding the Software or future releases/ development to the Software and\r\n reference of the work carried out during this engagement with the Customer or any and all\r\n knowledge and information of generic nature, arising out of use of the Software by the Customer,\r\n without disclosing any Customer Confidential Information or Customer Data.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer undertakes to promptly inform Tango Eye of\r\n any infringement of Tango Eye IP rights by third parties, and shall permit Tango Eye to assume\r\n sole authority to take appropriate legal action. Customer shall not make any statement or\r\n admission in relation to such claim which may prejudicially affect the chances of settlement or\r\n defense of such claim, and shall provide information and assistance reasonably requested in\r\n connection with such claim or suit.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye hereby undertakes, in the event that third\r\n parties act against the Customer for any reason whatsoever in relation to the Software or any\r\n Tango Eye IP, to provide the documentation in their possession and otherwise do and execute all\r\n acts, things, matters and deeds as may be reasonably required by the Customer, from time to time\r\n to show ownership of such Tango Eye IP.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Customer hereby consents and opts in to receive communications that Tango Eye may send via call or message service relating to this Agreement, to Customer including its employees, staff and other representatives.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">9. Data Protection and Privacy </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Each Party shall at all times comply with its\r\n obligations under applicable privacy regulations in relation to the Generated Data, Business\r\n Data, and Customer Data that is collected, stored and/or processed by it in the course of\r\n performing its obligations under these SaaS Terms. Further each Party shall process such\r\n Generated Data, Business Data, and Customer Data only to the extent necessary for the purposes\r\n of performing their respective obligations under these SaaS Terms </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Each party shall take appropriate technical and\r\n organizational measures as required under applicable law against any data breach, unauthorized\r\n or unlawful processing of the personal data or its accidental loss, destruction or damage.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">10. Representations, Warranties and Disclaimers </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Each Party represents, warrants and covenants to the\r\n other that: (i) it is duly organized and validly existing and in good standing under the laws of\r\n the state of its incorporation or formation; (ii) it has the full right and authority to enter\r\n into these SaaS Terms and that these SaaS Terms constitutes a legal, valid and binding\r\n obligation; (iii) the execution, delivery and performance of these SaaS Terms does not and will\r\n not conflict with, or constitute a breach or default under, its charter of organization, or any\r\n contract or other instrument to which it is a party; (iv) it will comply with, and will ensure\r\n all of its personnel, third party agents, consultants etc., comply with all laws and regulations\r\n applicable to (i) the provision, or access and use of the Software; and (ii) performance of\r\n obligations under these SaaS Terms, including without limitation laws and regulations related to\r\n privacy, data protection, electronic communications, export and confidentiality.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye represents, warrants and covenants that (i)\r\n Tango Eye personnel shall provide the Services in a diligent and professional manner with due\r\n care (ii) Tango Eye IP does not and will not infringe, misappropriate or otherwise violate the\r\n intellectual property rights of any party within the territory of India and or any other country\r\n where its righst are registered; and (iii) all Services that are provided will be free from any\r\n known malicious code or instructions that may intentionally disrupt, damage or interfere with\r\n any use by Customer. Tango Eye further warrants and represents to the Customer that it holds,\r\n and will continue to hold, any and all licenses, permits or other authorizations required by any\r\n applicable law to perform the Services in accordance with these SaaS Terms.</li>\r\n <div class=\"text-muted fw-semibold sub my-5\"><span class=\"text-helight\">\u201CApplicable law\u201D</span> means any applicable law, statute,\r\n rule, regulation, ordinance, requirement, directions, guidelines, announcement or other binding\r\n action or requirement of any government or quasi government; department, agency or\r\n instrumentality of any government thereof, any court or arbitral tribunal applicable and\r\n existing under the republic of India.</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">THE SOFTWARE AND ANYTHING PROVIDED IN CONNECTION WITH\r\n THESE SaaS TERMS ARE PROVIDED \u201CAS-IS\u201D. EXCEPT FOR THE EXPRESS REPRESENTATIONS AND WARRANTIES IN\r\n THIS SECTION 6, TANGO EYE DOES NOT MAKE ANY REPRESENTATIONS OR WARRANTIES, EXPRESS, IMPLIED OR\r\n STATUTORY INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OF MERCHANTABILITY, QUALITY,\r\n FITNESS FOR A PARTICULAR PURPOSE, SYSTEM INTEGRATION, ERROR-FREE, UN-INTERRUPTION, SUPPORT\r\n CORRECTION OR REPAIR (UNLESS OTHERWISE AGREED) OR OTHERWISE THAT TANGO EYE SOFTWARE HEREUNDER\r\n WILL OPERATE IN EVERY COMBINATION OR ENVIRONMENT DESIRED BY CUSTOMER WITH ANY DATA, DEVICES,\r\n COMPUTER SYSTEMS AND PROGRAMS OF ITS CHOICE OR THAT THE REMEDYING OF ONE PROGRAM ERROR DOES NOT\r\n RESULT IN THE OCCURRENCE OF OTHER PROGRAM ERRORS. ALL SUCH REPRESENTATIONS AND WARRANTIES ARE\r\n HEREBY DISCLAIMED.</li>\r\n <li class=\"text-muted fw-semibold sub mt-5\">\r\n The Customer warrants that: </li>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> a. Customer Data does not and will not infringe,\r\n misappropriate or otherwise violate the intellectual property rights of any third party;</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">b. it will be responsible for any security\r\n vulnerabilities and the consequences of such vulnerabilities arising solely from the nature of\r\n Customer Data;</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> c. it shall be responsible for ensuring that End\r\n Users comply with all requirements under these SaaS Terms in relation to the use of the Software\r\n (to the extent applicable);</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> d. it shall immediately notify Tango Eye of (a)\r\n any account-related abuse; (b) the unauthorized disclosure, use and distribution of their\r\n account credentials by or to any third party; and</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> e. it shall not, and shall not permit any party\r\n or person to, access or use the Software except as expressly permitted by these SaaS TERMS.\r\n Without limiting the generality of the foregoing, Customer shall not, and shall not permit any\r\n party or person to:</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\"> 1. interfere with or disrupt the integrity or\r\n performance of the Software, or circumvent, bypass, delete or remove any form of protection, or\r\n usage, functionality or technical restrictions or limitations, or to enable functionality\r\n disabled by Tango Eye, in connection with the Software;</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\"> 2. access or use the Software provided under\r\n these SaaS Terms, in any manner or for any purpose that violates any applicable law, the rights\r\n of others, in a way that could harm the service.</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\">3. reverse engineer, disassemble, de-compile,\r\n recreate, copy or reproduce the source code or object code of the Software or perform any\r\n customizations (without Tango Eye\u2019s prior written consent); and</div>\r\n\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">11. Customer\u2019s Account </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">\r\n Customers are fully responsible to safeguard their access credentials - including in the sense\r\n of the combination of username and password.</div>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">12. Duration, Renewal and Termination </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Unless otherwise specified in the proposal, these SaaS Terms shall continue to be effective during\r\n the\r\n period\r\n the Customer uses and or continues to use the Software, unless terminated in accordance with the\r\n terms set\r\n out\r\n herein.\r\n </li>\r\n <div class=\"text-muted fw-semibold sub my-5\">\r\n Unless otherwise specified in the Order Form, fees shall be subject to automatic increment at the rate of 7% per annum after every 12 months.\r\n </div>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Either party may terminate their business relationship under these SaaS Terms immediately upon a\r\n material\r\n breach by the other party that has not been cured within thirty (30) days after receipt of notice of\r\n such\r\n breach.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Either party may also terminate this Agreement upon thirty (30) days written notice without\r\n assigning any\r\n reason. Customer will pay in full for the Software up to and including the last day on which the\r\n Software\r\n was used.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Effect of Termination.\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (a) Upon termination of these SaaS Terms, Tango Eye shall immediately cease providing access to the Software.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (b) Upon termination of these SaaS Terms, Tango Eye may delete the Generated Data, Business Data and Customer Data collected, stored and/or processed under these SaaS Terms for the purpose of providing the Software within 15 (fifteen) days of receipt of notice of termination of these SaaS Terms.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (c) If Tango Eye terminates these SaaS Terms due to a breach by Customer of any of the provisions contained under these SaaS Terms, then Customer shall immediately pay to Tango Eye all amounts then due under these SaaS Terms. If Customer terminates these SaaS Terms due to a breach by Tango Eye, then Tango Eye shall immediately repay to Customer all pre-paid amounts for any unperformed Services scheduled to be delivered after the termination date.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (d) Subject to the rights granted under these SaaS Terms, upon its termination and upon subsequent written request by the Disclosing Party, the Receiving Party of tangible Confidential Information shall immediately return such information or destroy such information and provide written certification of such destruction, provided that the receiving party may permit its legal counsel to retain one archival copy of such information in the event of a subsequent dispute between the parties.\r\nThe provisions relating to confidentiality, as well as for liability, applicable law and settlement of disputes shall survive the expiration or termination of these SaaS Terms.\r\n </div>\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Termination shall not affect any rights or obligations of the parties incurred prior to the date of termination, unless otherwise agreed between the parties.\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <!-- <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">13. Effect of Termination. </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Upon termination of these SaaS Terms, Tango Eye shall immediately cease providing access to the\r\n Software.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Upon termination of these SaaS Terms, Tango Eye shall delete the Generated Data, Business Data and\r\n Customer Data\r\n collected, stored and/or processed under these SaaS Terms for the purpose of providing the Software\r\n within 15\r\n (fifteen) days of receipt of notice of termination of these SaaS Terms.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n If Tango Eye terminates these SaaS Terms due to a breach by Customer of any of the provisions\r\n contained under these\r\n SaaS Terms, then Customer shall immediately pay to Tango Eye all amounts then due under these SaaS\r\n Terms. If\r\n Customer terminates these SaaS Terms due to a breach by Tango Eye, then Tango Eye shall immediately\r\n repay to\r\n Customer all pre-paid amounts for any unperformed Services scheduled to be delivered after the\r\n termination date.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Subject to the rights granted under these SaaS Terms, upon its termination and upon subsequent\r\n written request by\r\n the Disclosing Party, the Receiving Party of tangible Confidential Information shall immediately\r\n return such\r\n information or destroy such information and provide written certification of such destruction,\r\n provided that the\r\n receiving party may permit its legal counsel to retain one archival copy of such information in the\r\n event of a\r\n subsequent dispute between the parties.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n The provisions relating to confidentiality, as well as for liability, applicable law and settlement\r\n of disputes\r\n shall survive the expiration or termination of these SaaS Terms.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Termination shall not affect any rights or obligations of the parties incurred prior to the date of\r\n termination,\r\n unless otherwise agreed between the parties.\r\n </li>\r\n </ul>\r\n </div> -->\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">13. Access to Analytics via Web Portal & Excel Reports</span>\r\n </h3>\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">The analytics is designed for use with a) web-based\r\n application, b) excel reports sent via email or File Transfer Protocol.\r\n </div>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\">Training: All \u201CSoftware\u201D used in connection with the\r\n Services. For avoidance of doubt, it is clarified that Tango Eye agrees to provide sample dashboard\r\n and arrange for training sessions to the Customer as mutually agreed by the Parties.\r\n </li> -->\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">14. Training </span>\r\n </h3>\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">All \u201CSoftware\u201D used in connection with the Services. For avoidance of doubt, it is clarified that Tango Eye agrees to provide a sample dashboard and arrange for training sessions to the Customer as mutually agreed by the Parties.\r\n </div>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">15. Confidential Information </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">All proprietary or confidential information, technical data,\r\n or know-how and all other non-public information, material or data in whatever form or mode of\r\n communication, which is disclosed by a party (\u201CDisclosing Party\u201D) to the other party (\u201CReceiving\r\n Party\u201D) in connection with the Software access and usage whether marked as \u201Cconfidential\u201D or not at\r\n the time of disclosure, shall be treated as \u201CConfidential Information\u201D. Confidential Information\r\n shall include, but not be limited to, the terms and pricing/commercial terms under these SaaS Terms,\r\n the technical and other specifications of the Software, any information specific to the software\r\n license codes and content as well as the software and hardware architecture and components, and all\r\n other non-public information.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Receiving Party undertakes: (i) not to use Confidential\r\n Information otherwise than for the purpose for which it was disclosed or to permit the Receiving\r\n Party to exercise rights and licenses granted under these SaaS Terms ; (ii) not to disclose\r\n Confidential Information without the prior written consent of the Disclosing Party, other than to\r\n those employees, agents, contractors, subcontractors, licensees of the Receiving Party, its\r\n Affiliates or any other parties who have a need to know it in order to assist the Receiving Party in\r\n performing its obligations, or to permit the Receiving Party to exercise its rights\u00A0 and licenses\r\n under this Agreement; (iii) to take all such steps to prevent unauthorized access to the Disclosing\r\n Party\u2019s Confidential Information, as it takes to protect its own confidential or proprietary\r\n information of a similar nature, which steps shall in no event be less than a reasonable standard of\r\n care; and iv) to return to the Customer, or destroy, on request all Confidential Information that\r\n has been disclosed to them, including all copies thereof and to delete all information stored in a\r\n machine-readable form to the extent practically possible, subject to any rights or licenses granted\r\n under these SaaS Terms .\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The obligations in relation to Confidential Information\r\n under these SaaS Terms\u00A0 shall not apply to Confidential Information, which (i) has become or becomes\r\n publicly available by means other than a breach of confidentiality obligations; (ii) was already\r\n known to the Receiving Party prior to disclosure; (iii) the Receiving Party is required to disclose\r\n in order to comply with applicable laws or regulations or with a court or administrative order; or\r\n (iv) is independently developed by the Receiving Party without reference to or use of any\r\n Confidential Information of the Disclosing Party.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Receiving Party shall promptly, and in any case within\r\n three (3) days advise the Disclosing Party in writing of any unauthorized disclosure,\r\n misappropriation or misuse of Confidential Information after it becomes aware of it and vice versa.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">If either party becomes aware that it will be required, or\r\n is likely to be required, to disclose Confidential Information in order to comply with applicable\r\n laws or regulations or with a court or administrative order, it shall, to the extent it is lawfully\r\n able to do so, prior to any such disclosure notify the other party, and comply with the other\r\n party\u2019s instructions to protect the confidentiality of the information.\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">16. Indemnity and Limitation of Liability </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Without prejudice to any other right available in law or under equity, each party hereby agrees to\r\n compensate, indemnify, defend and hold harmless the other, its affiliates, directors, shareholders,\r\n officers and employees and agents, from and against any and all losses, liabilities, damages,\r\n deficiencies, demands, claims (including third party claims), actions, judgments or causes of\r\n action, assessments, interest, penalties and other costs or expenses (including, without limitation,\r\n reasonable attorneys' fees and expenses) based upon, arising out of, or in relation to or otherwise\r\n in respect of (i) any breach of its obligations under these SaaS Terms ; or (ii) any willful\r\n misconduct, fraud, or wrongful or negligent act or omission of a Party.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n In no event shall either Party be liable to the other for any indirect, incidental, punitive,\r\n exemplary, special or consequential damages, or damages for loss of profits, revenue, whether in an\r\n action in contract or tort, or otherwise (collectively referred to as \u201CIndirect Losses\u201D) even if\r\n advised of the possibility of such damages.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Each Party\u2019s liability arising out of or in connection with the breach of any direct and actual\r\n liabilities, costs, losses, damages, suits, proceedings, costs, expenses or liabilities suffered or\r\n incurred due to resulting due to claims for breach of intellectual property of a Party or third\r\n party, breach of confidentiality obligation, data breach, breach of data privacy, fraud, willful\r\n negligence, gross misconduct or breach of applicable laws shall in no event exceed the annual total\r\n purchase price paid pursuant to grant of access and usage of the Services/Software by the Customer.\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">17. Force Majeure </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Each of the Parties is not responsible nor liable for any delays or failures in performance from any\r\n cause beyond its control, including, but not limited to acts of God, changes to law or regulations,\r\n embargoes, war, terrorist acts, acts or omissions of third party technology providers, riots, fires,\r\n earthquakes, floods, power blackouts, strikes, weather conditions, pandemic, epidemic, government\r\n lockdowns or any other unforeseeable event beyond its control (hereinafter collectively referred to\r\n as <span class=\"text-helight\">\u201CForce Majeure Event\u201D)</span>. Upon occurrence of any Force Majeure Event, either Party shall give\r\n notice to the other party of its inability to perform or of delay in completing its obligations and\r\n must act diligently to remedy the cause and restore performance, to the extent possible.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Where Force-Majeure Event continues for a period more than Sixty (60) continuous days, then the\r\n effected Party shall have the right to immediately terminate these SaaS Terms Agreement by providing\r\n a written notice.</li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">18. Miscellaneous</span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n These SaaS Terms is drawn up in English, which language shall govern all documents, notices,\r\n meetings, proceedings and processes relative thereto.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Nothing in these SaaS Terms shall be deemed to constitute a joint venture, agency, partnership,\r\n interest grouping or any other kind of formal business grouping or entity between the Parties.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n No rights or obligations of the Parties arising from these SaaS Terms may be assigned,\r\n sub-contracted, or transferred, in whole or in part, to any third party without the other party\u2019s\r\n prior written approval.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\"> In case of conflict terms between these SaaS Terms and Order Form, the Order Form will prevail.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Governing Law, Jurisdiction. These SaaS Terms shall be governed by the laws of India, and the\r\n Parties hereby agree to irrevocably submit to the exclusive jurisdiction of the courts of New Delhi\r\n in respect of all disputes arising out of these SaaS Terms.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<div class=\"row g-0 mb-0 bg-terms\">\r\n <div class=\"col-md-10\">\r\n <label class=\"form-check form-check-custom form-check-solid form-check-inline \">\r\n <input class=\"form-check-input\" type=\"checkbox\" required name=\"toc\" value=\"1\"\r\n (click)=\"updateterms($event)\" />\r\n <span class=\"form-check-label fw-bold text-gray-700\">\r\n </span>\r\n <span class=\"textsize mt-3\">I agree to the terms and conditions.</span>\r\n </label>\r\n\r\n </div>\r\n <div class=\"col-md-2\">\r\n <button [disabled]=\"!terms\" type=\"button\" class=\"btn btn-lg btn-primary ms-15 me-5 text-nowrap\" (click)=\"enterpriseactivate()\">\r\n Sign Up\r\n </button>\r\n </div>\r\n\r\n</div>\r\n</div>\r\n<div class=\"overlay\" *ngIf=\"showvalue\">\r\n\t<div class=\"popup\">\r\n\t\t<h1 class=\"a-o-i\">Verification Code</h1>\r\n <h5 class=\"sub-aoi\">An OTP has been sent to your mail. Please check & submit.</h5>\r\n <div class=\"otp-container d-flex\">\r\n <div class=\"otp-input d-flex\">\r\n <ng-otp-input #ngOtpInput (onInputChange)=\"onOtpChange($event)\" inputmode=\"numeric\" class=\"verification-code\" placeholder=\"0\" \r\n [config]=\"{ length: 4 ,allowNumbersOnly:true}\"></ng-otp-input>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"invalidOtp\" class=\"d-flex justify-content-center text-danger\" >\r\n Invalid OTP !\r\n </span>\r\n \r\n <div class=\"text-center\">\r\n <label *ngIf=\"resend\" class=\"small_lg cursor-pointer\" \r\n (click)=\"resendOTP()\"><b>Resend OTP</b></label>\r\n\r\n <label *ngIf=\"!resend\" class=\"small_lbl \" >Resend OTP ( {{counter\r\n }} )</label>\r\n </div>\r\n <div class=\"my-3\">\r\n <button type=\"button\" class=\"btn btn-lg btn-primary me-5 w-100 text-nowrap\" (click)=\"otpsubmit()\">\r\n Submit\r\n </button>\r\n </div>\r\n\t</div>\r\n</div>\r\n\r\n", styles: [".termsheading{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:30px}.sub{color:var(--Gray-900, #101828)!important;font-size:16px;font-style:normal;font-weight:400!important;line-height:20px}.main{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:20px}.sticky{overflow-y:auto;overflow-x:hidden}.textsize{color:var(--Gray-700, #344054)!important;font-size:16px!important;font-weight:400;line-height:31px}.bg-terms{border-top:1px solid var(--Gray-300, #D0D5DD);background:var(--Primary-25, #F6FCFF);padding:32px 26px}ul{list-style-position:inside!important}input[type=checkbox]{width:20px!important;height:20px!important;margin:5px;border-radius:4px!important;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid var(--gray-300, #D0D5DD);box-shadow:none;font-size:.8em;text-align:center;line-height:1em;background:#fff}input[type=checkbox]:checked{outline:1px solid var(--primary-600, #00A3FF);background-color:var(--primary-50, #EAF8FF)}input[type=checkbox]:checked:after{content:\"\";transform:rotate(45deg);border-bottom:2px solid #00A3FF;border-right:2px solid #00A3FF;display:inline-block;width:.5em;padding-left:0;padding-top:12px;padding-right:6px}.btn-primary{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important}.a-o-i{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.sub-aoi{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:400!important;line-height:24px}.overlay{position:fixed;inset:0;background:#6e6e6eb3;transition:opacity .5s;visibility:visible;opacity:1}.popup{position:absolute;left:62%;top:40%;transform:translate(-50%,-50%);padding:24px;border-radius:12px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);width:588px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f;cursor:pointer}.popup .content{max-height:30%;overflow:auto}:host ::ng-deep .ng-otp-input-wrapper .otp-input:first-child{margin:0}:host ::ng-deep .ng-otp-input-wrapper .otp-input{margin-right:0!important;height:96px!important;width:96px;padding:8px;text-align:center;margin:10px 50px;color:var(--Gray-300, #090909)!important;font-size:60px;font-style:normal;font-weight:500;line-height:72px;letter-spacing:-1.2px;border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);box-shadow:0 1px 2px #1018280d}.small_lbl{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:20px 0;cursor:not-allowed}.small_lg{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:20px 0}input:focus{border:1px solid #ccc;color:#333}.otp-inpu:focus{border-color:#00f}.hover:focus{border-color:green}.disabled:focus{border-color:#ccc;color:#999;cursor:not-allowed}.text-helight{color:#000!important;font-size:16px!important;font-weight:600!important;line-height:20px}li{list-style-type:lower-roman!important;color:#000!important;font-weight:600!important}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.NgOtpInputComponent, selector: "ng-otp-input", inputs: ["config", "formCtrl"], outputs: ["onInputChange"] }] });
|
|
1176
1179
|
}
|
|
1177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: Step3Component, decorators: [{
|
|
1178
1181
|
type: Component,
|
|
1179
1182
|
args: [{ selector: 'lib-step3', template: "<div class=\"card mt-10 mx-15\">\r\n <div id=\"kt_content_container\" class=\"container-xxl font h-100 mx-10 pe-15 my-7\">\r\n <div class=\"h-550px sticky\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 col-md-12 col-sm-12\">\r\n <div class=\"card-header align-items-center border-0 mt-5 px-0\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"main fs-lg-1 mb-4 text-gray-800\">General Terms and Conditions-SAAS\r\n Agreement</span><span class=\" text-muted fw-semibold me-1 sub\">These terms and\r\n conditions (hereinafter collectively referred to as <span class=\"text-helight\">\u201CSAAS\r\n Terms\u201D)</span> shall govern your <span class=\"text-helight\">(\u201CUser\u201D</span> or <span\r\n class=\"text-helight\">\u201CYou\u201D</span> or <span class=\"text-helight\">\u201CYour\u201D</span>or\r\n <span class=\"text-helight\">\u201CCustomer\u201D)</span> use of Services (as defined below) through\r\n this website https://tangoeye.ai/ <span class=\"text-helight\">(Website).</span></span>\r\n <span class=\" text-muted fw-semibold me-1 my-1 sub\">By accessing or using the Services\r\n through the Website or by executing an Order Form, that references these SAAS Terms, You\r\n agree to be bound by these SaaS Terms. If You are accessing or using the Software on\r\n behalf of a Company or other legal entity, You represent that You have the authority to\r\n bind such entity and its affiliates to these SAAS Terms in which case the terms \u201CUser\u201D\r\n or \u201CYou\u201D or \u201CYour\u201D or \u201CCustomer\u201D shall refer to such entity and its affiliates.</span>\r\n </h3>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- <div class=\"card-body py-lg-2\"> -->\r\n <div class=\"text-align-justify\">\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-5\">\r\n <span class=\"termsheading\">1. Definition </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\"> \u201COrder Form\u201D means the each order form,\r\n proposal or statement of work referencing this Agreement wherever applicable. </li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\"> <span class=\"text-helight\">\u201CSoftware\u201D</span>\r\n means the data analytics and business intelligence software and its object code version\r\n which enables the Customer to identify, amongst others, customer footfalls,\r\n demographics, identify missed opportunities, including any updates or new versions.</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\"> <span\r\n class=\"text-helight\">\u201CServices\u201D</span>refer to the in-store AI driven analytics\r\n provided through the Software to the Customer that is hosted by Tango Eye and made\r\n available to Customer over a network whether on a trial or paid basis.</li>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\"> \u201CTerm\u201D shall mean that period specified in a\r\n Schedule to be executed separately with the Customer during which Customer will have on-line\r\n access and use of the Services through the Website. </li> -->\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">2. Eligibility </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <span class=\"sub my-7\">In order to use the Services, You must:</span>\r\n <!-- <li class=\"text-muted fw-semibold sub my-7\"> Be above 18 years of age; </li> -->\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">Complete the account registration process to access\r\n the Services through the Website;</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">You will provide correct, upto date information\r\n during the registration process, including billing address;</li>\r\n <li class=\"text-muted fw-semibold sub my-5\"> You will keep all your credentials and password\r\n confidential and also responsible to maintaining the safety and security of your personal\r\n information; </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You will provide all relevant and required hardware\r\n and software as suggested by Tango Eye at your designated location in order to enable Tango\r\n Eye to install the Software in order to provide the Services.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">3. Services </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\"> In consideration for payment of the fees, Tango Eye\r\n grants the Customer a non-exclusive, non-transferable, personal, revocable, licence to\r\n access and use the Services in accordance with Tango Eye\u2019s intended purpose for the Services\r\n <span class=\"text-helight\">(Licence).</span></li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">The Services are not contingent on the delivery of\r\n any future functionality or features</li>\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to change or remove features of the Services and or the Software from time to time. Where there is any material alteration to the Services and or the Software in accordance with this clause, Tango Eye will provide the Customer with 30 business days\u2019 notice and the Customer agrees that any material alteration is at Tango Eye\u2019s discretion.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Access to the Services shall be limited to authorized persons with valid credentials which is to be agreed at the time of providing access to the Services and the Website. If it is a single account access, such account shall not be used by multiple users at the same time.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to change, modify, amend, update, suspend or discontinue the whole or any portion of the Services, Website or the SaaS Terms at any time.</li>\r\n <li class=\"text-muted fw-semibold sub my-3\">You agree that\u00A0Tango Eye:</li>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">a. will supply the Services on a non-exclusive basis;\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">b. does not make any warranty or representation as to\r\n the ability of the facilities or services of any third-party suppliers; and</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\">c. is not liable for any failure in, fault with or\r\n degradation of the Services/Software if that failure, fault or degradation is attributable\r\n to or caused by any failure of the Customer environment or the facilities or services of any\r\n third party.</div>\r\n </ul>\r\n </h3>\r\n </div>\r\n\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">4. License Restrictions </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-3\"> You must not access or use the Services and or the Software except as permitted by the License and may not do or authorize the commission of any act that would or might invalidate or be inconsistent with the Tango Eye\u2019s intellectual property rights in the Services or Software. Without limiting the foregoing provisions, the Customer agrees and acknowledges that it must not and will not permit any person to:</li>\r\n\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">a. resell, assign, transfer, distribute or provide others\r\n with access to the Services;</div>\r\n\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">b. \u201Cframe\u201D, \u201Cmirror\u201D or serve any of the Services/Software\r\n on any web server or other computer server over the internet or any other network;</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">c. copy, alter, modify, create derivative works from,\r\n reproduce, resell, transfer to a third party, reverse assemble, reverse engineer, reverse\r\n compile or enhance the Services or Software; or </div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">d .alter, remove or tamper with any trademarks, any patent\r\n or copyright notices, or any confidentiality legend or notice, or any numbers, or other means of\r\n identification used on or in relation to the Services or Software.</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer must not use the Services in any way which\r\n is in breach of any statute, regulation, law or legal right of any person within the Republic of\r\n India or the jurisdiction in which the Customer or its personnel are located.\u00A0</li>\r\n\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">5. Prohibited Use </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub mt-7\">You agree to use the Website and the Services/Software\r\n accessed through it for the purpose enumerated under these SaaS Terms and agree not to undertake\r\n the following:</li>\r\n\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> a. Use of the Website and the Services to violate any\r\n applicable laws of any jurisdiction from which You access the Services.</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> b. Use the Services for competitive benchmarking or\r\n for developing a competitive product or services.</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> c. To upload or otherwise disseminate any computer\r\n viruses or other software that may the Software of Tango Eye;</div>\r\n <div class=\"text-muted fw-semibold sub my-1 ms-5\"> d. To unlawfully gather information about others and\r\n use in in an unlawful manner;</div>\r\n <div class=\"text-muted fw-semibold sub mb-5 ms-5\"> e. To solicit others to perform or participate in any\r\n unlawful acts.</div>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\"> resell, assign, transfer, distribute or provide others\r\n with access to the Services;</li> -->\r\n\r\n <li class=\"text-muted fw-semibold sub my-5\">You acknowledge that Tango Eye will not be liable for\r\n any information that is relayed and stored in its cloud servers which is accessed through your\r\n systems. You shall always be responsible for the same at all times.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You agree to comply with all applicable laws statutes\r\n and regulations of the country you are accessing the Website/Software and the Services\r\n concerning the use of the information/video footage which is relayed through your cctv camera to\r\n the cloud storage of Tango Eye. </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">You acknowledge that the Services has not been designed\r\n to collect or process any sensitive information and accordingly you agree not to use the\r\n Services to collect, process or store any sensitive personal data once you access the reports\r\n generated by Tango Eye in pursuance to the Services. Tango Eye specifically disclaim any\r\n liability that may result from your use of the Services to collect, process and store sensitive\r\n personal information.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye reserves the right to monitor the use of the\r\n Website/Services/Software by You to ensure compliance of these SaaS Terms and applicable law.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">In the event of violation of these SaaS Terms,\r\n applicable laws and regulations, Tango Eye shall have the right to investigate such breaches and\r\n take appropriate actions which shall include but not be limited to providing warning to first\r\n time offenders, suspending and or even terminating the Services and access to the Website.</li>\r\n </ul>\r\n </h3>\r\n\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">6. Invoicing: </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-7\">Invoices will be issued on the basis of the number of deployed stores in existence on the invoice date and shall be issued in accordance with the Payment Terms in the commercial terms above. Tango Eye shall bill Customer for applicable taxes as a separate line item on each invoice. Customer shall be responsible for payment of all sales and use taxes, Goods and Services tax, or similar charges relating to Customer\u2019s purchase and use of the Services.</div>\r\n </ul>\r\n\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">7. Payment: </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Payment shall be made in accordance with the Payment\r\n Terms in the commercial terms which shall be agreed to separately between Tango Eye and the\r\n Customer and which shall be read and be coterminous with these SaaS Terms <span class=\"text-helight\">(Payment Terms).</span>\r\n Except as expressly provided otherwise, payments are non-refundable. In the event the Customer\r\n fails to make the payment as per the payment terms, Tango Eye shall send a written notice to the\r\n Client to ensure that the payment is made within 30 (thirty) days (\u201CAdditional Period\u201D) from the\r\n date of receipt such written notice. If the customer fails to make the payment within the\r\n Additional Period, the access to the web portal will be blocked and the Services shall be\r\n suspended 7 (seven) days after sending a reminder email to Customer from the expiry of the\r\n Additional Period.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Parties acknowledge that time is of the essence with\r\n respect to payments required under this clause. In the event of any delay in payment by the\r\n Customer, Tango Eye may require the Customer to pay Tango Eye a late payment penalty equal to\r\n twelve percent (12%) per annum on all outstanding payments.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">8.Intellectual Property</span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">All Tango Eye Software, including the Website and any\r\n updates thereto, and any other intellectual property created by Tango Eye in furtherance to the\r\n Software or any works, products, documents, materials created using, incorporating, comprising\r\n in, or relating to such intellectual property (\u201CTango Eye IP\u201D) shall at all times remain the\r\n exclusive property of Tango Eye and/or its nominees or affiliates, as the case may be, and the\r\n Customer shall not have any right, title, claim etc. whatsoever over the same. Nothing contained\r\n herein shall be construed as a transfer, assignment or conveyance by Tango Eye to Customer of\r\n the ownership, interest or title to the intellectual property or intellectual property rights in\r\n or attached to the Tango Eye IP. The Customer is only authorized to receive a right to access\r\n Tango Eye IP for the term explicitly granted by Tango Eye to Customer and in accordance with the\r\n provisions of these SaaS Terms. This authorization is non-exclusive, non-transferable and\r\n non-sub-licensable, unless otherwise agreed under this Agreement. Customer shall not have any\r\n right to modify, adapt, incorporate, create any derivative using or incorporating Tango Eye IP\r\n or in any manner transfer, encumber, alienate, sell, share, assign, license or sub-let it to any\r\n third party.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">As between the parties, Customer retains all right,\r\n title and interest in and to \u2013\u00A0</li>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">a. all raw data generated from the use of the Software,\r\n including text, sound, video, or image files, but excluding any Business Data (\u201CGenerated\r\n Data\u201D); and\u00A0\u00A0</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-5\">b. raw data owned by and relating to the Customer, such as\r\n company information, store location and details of the zones, employee information, but\r\n excluding any Generated Data (\u201CBusiness , that is provided to Tango Eye by, or on behalf of, the\r\n Customer through the Customer\u2019s use of the Software (together, \u201CCustomer Data\u201D).</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer hereby grants to Tango Eye a non-exclusive,\r\n worldwide, fully paid up and royalty free right and license to use the Generated Data for (i)\r\n the provision of Services and fulfillment of obligations under these SaaS Terms and; (ii)\r\n improving the Software.\u00A0</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer hereby grants to Tango Eye a non-exclusive,\r\n worldwide, fully paid up and royalty free right and license to use the Business Data for (i) the\r\n provision of Services and fulfillment of obligations under these SaaS Terms; and (ii) improving\r\n the Software.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Customer agrees to provide comments or feedback, if any,\r\n to Tango Eye regarding the Software or future releases/ development to the Software and\r\n reference of the work carried out during this engagement with the Customer or any and all\r\n knowledge and information of generic nature, arising out of use of the Software by the Customer,\r\n without disclosing any Customer Confidential Information or Customer Data.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Customer undertakes to promptly inform Tango Eye of\r\n any infringement of Tango Eye IP rights by third parties, and shall permit Tango Eye to assume\r\n sole authority to take appropriate legal action. Customer shall not make any statement or\r\n admission in relation to such claim which may prejudicially affect the chances of settlement or\r\n defense of such claim, and shall provide information and assistance reasonably requested in\r\n connection with such claim or suit.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye hereby undertakes, in the event that third\r\n parties act against the Customer for any reason whatsoever in relation to the Software or any\r\n Tango Eye IP, to provide the documentation in their possession and otherwise do and execute all\r\n acts, things, matters and deeds as may be reasonably required by the Customer, from time to time\r\n to show ownership of such Tango Eye IP.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Customer hereby consents and opts in to receive communications that Tango Eye may send via call or message service relating to this Agreement, to Customer including its employees, staff and other representatives.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">9. Data Protection and Privacy </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Each Party shall at all times comply with its\r\n obligations under applicable privacy regulations in relation to the Generated Data, Business\r\n Data, and Customer Data that is collected, stored and/or processed by it in the course of\r\n performing its obligations under these SaaS Terms. Further each Party shall process such\r\n Generated Data, Business Data, and Customer Data only to the extent necessary for the purposes\r\n of performing their respective obligations under these SaaS Terms </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Each party shall take appropriate technical and\r\n organizational measures as required under applicable law against any data breach, unauthorized\r\n or unlawful processing of the personal data or its accidental loss, destruction or damage.</li>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">10. Representations, Warranties and Disclaimers </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-7\">Each Party represents, warrants and covenants to the\r\n other that: (i) it is duly organized and validly existing and in good standing under the laws of\r\n the state of its incorporation or formation; (ii) it has the full right and authority to enter\r\n into these SaaS Terms and that these SaaS Terms constitutes a legal, valid and binding\r\n obligation; (iii) the execution, delivery and performance of these SaaS Terms does not and will\r\n not conflict with, or constitute a breach or default under, its charter of organization, or any\r\n contract or other instrument to which it is a party; (iv) it will comply with, and will ensure\r\n all of its personnel, third party agents, consultants etc., comply with all laws and regulations\r\n applicable to (i) the provision, or access and use of the Software; and (ii) performance of\r\n obligations under these SaaS Terms, including without limitation laws and regulations related to\r\n privacy, data protection, electronic communications, export and confidentiality.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">Tango Eye represents, warrants and covenants that (i)\r\n Tango Eye personnel shall provide the Services in a diligent and professional manner with due\r\n care (ii) Tango Eye IP does not and will not infringe, misappropriate or otherwise violate the\r\n intellectual property rights of any party within the territory of India and or any other country\r\n where its righst are registered; and (iii) all Services that are provided will be free from any\r\n known malicious code or instructions that may intentionally disrupt, damage or interfere with\r\n any use by Customer. Tango Eye further warrants and represents to the Customer that it holds,\r\n and will continue to hold, any and all licenses, permits or other authorizations required by any\r\n applicable law to perform the Services in accordance with these SaaS Terms.</li>\r\n <div class=\"text-muted fw-semibold sub my-5\"><span class=\"text-helight\">\u201CApplicable law\u201D</span> means any applicable law, statute,\r\n rule, regulation, ordinance, requirement, directions, guidelines, announcement or other binding\r\n action or requirement of any government or quasi government; department, agency or\r\n instrumentality of any government thereof, any court or arbitral tribunal applicable and\r\n existing under the republic of India.</div>\r\n <li class=\"text-muted fw-semibold sub my-5\">THE SOFTWARE AND ANYTHING PROVIDED IN CONNECTION WITH\r\n THESE SaaS TERMS ARE PROVIDED \u201CAS-IS\u201D. EXCEPT FOR THE EXPRESS REPRESENTATIONS AND WARRANTIES IN\r\n THIS SECTION 6, TANGO EYE DOES NOT MAKE ANY REPRESENTATIONS OR WARRANTIES, EXPRESS, IMPLIED OR\r\n STATUTORY INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OF MERCHANTABILITY, QUALITY,\r\n FITNESS FOR A PARTICULAR PURPOSE, SYSTEM INTEGRATION, ERROR-FREE, UN-INTERRUPTION, SUPPORT\r\n CORRECTION OR REPAIR (UNLESS OTHERWISE AGREED) OR OTHERWISE THAT TANGO EYE SOFTWARE HEREUNDER\r\n WILL OPERATE IN EVERY COMBINATION OR ENVIRONMENT DESIRED BY CUSTOMER WITH ANY DATA, DEVICES,\r\n COMPUTER SYSTEMS AND PROGRAMS OF ITS CHOICE OR THAT THE REMEDYING OF ONE PROGRAM ERROR DOES NOT\r\n RESULT IN THE OCCURRENCE OF OTHER PROGRAM ERRORS. ALL SUCH REPRESENTATIONS AND WARRANTIES ARE\r\n HEREBY DISCLAIMED.</li>\r\n <li class=\"text-muted fw-semibold sub mt-5\">\r\n The Customer warrants that: </li>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> a. Customer Data does not and will not infringe,\r\n misappropriate or otherwise violate the intellectual property rights of any third party;</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">b. it will be responsible for any security\r\n vulnerabilities and the consequences of such vulnerabilities arising solely from the nature of\r\n Customer Data;</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> c. it shall be responsible for ensuring that End\r\n Users comply with all requirements under these SaaS Terms in relation to the use of the Software\r\n (to the extent applicable);</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> d. it shall immediately notify Tango Eye of (a)\r\n any account-related abuse; (b) the unauthorized disclosure, use and distribution of their\r\n account credentials by or to any third party; and</div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\"> e. it shall not, and shall not permit any party\r\n or person to, access or use the Software except as expressly permitted by these SaaS TERMS.\r\n Without limiting the generality of the foregoing, Customer shall not, and shall not permit any\r\n party or person to:</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\"> 1. interfere with or disrupt the integrity or\r\n performance of the Software, or circumvent, bypass, delete or remove any form of protection, or\r\n usage, functionality or technical restrictions or limitations, or to enable functionality\r\n disabled by Tango Eye, in connection with the Software;</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\"> 2. access or use the Software provided under\r\n these SaaS Terms, in any manner or for any purpose that violates any applicable law, the rights\r\n of others, in a way that could harm the service.</div>\r\n <div class=\"text-muted fw-semibold sub my-2 ms-10\">3. reverse engineer, disassemble, de-compile,\r\n recreate, copy or reproduce the source code or object code of the Software or perform any\r\n customizations (without Tango Eye\u2019s prior written consent); and</div>\r\n\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">11. Customer\u2019s Account </span>\r\n </h3>\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">\r\n Customers are fully responsible to safeguard their access credentials - including in the sense\r\n of the combination of username and password.</div>\r\n </ul>\r\n </h3>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">12. Duration, Renewal and Termination </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Unless otherwise specified in the proposal, these SaaS Terms shall continue to be effective during\r\n the\r\n period\r\n the Customer uses and or continues to use the Software, unless terminated in accordance with the\r\n terms set\r\n out\r\n herein.\r\n </li>\r\n <div class=\"text-muted fw-semibold sub my-5\">\r\n Unless otherwise specified in the Order Form, fees shall be subject to automatic increment at the rate of 7% per annum after every 12 months.\r\n </div>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Either party may terminate their business relationship under these SaaS Terms immediately upon a\r\n material\r\n breach by the other party that has not been cured within thirty (30) days after receipt of notice of\r\n such\r\n breach.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Either party may also terminate this Agreement upon thirty (30) days written notice without\r\n assigning any\r\n reason. Customer will pay in full for the Software up to and including the last day on which the\r\n Software\r\n was used.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Effect of Termination.\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (a) Upon termination of these SaaS Terms, Tango Eye shall immediately cease providing access to the Software.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (b) Upon termination of these SaaS Terms, Tango Eye may delete the Generated Data, Business Data and Customer Data collected, stored and/or processed under these SaaS Terms for the purpose of providing the Software within 15 (fifteen) days of receipt of notice of termination of these SaaS Terms.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (c) If Tango Eye terminates these SaaS Terms due to a breach by Customer of any of the provisions contained under these SaaS Terms, then Customer shall immediately pay to Tango Eye all amounts then due under these SaaS Terms. If Customer terminates these SaaS Terms due to a breach by Tango Eye, then Tango Eye shall immediately repay to Customer all pre-paid amounts for any unperformed Services scheduled to be delivered after the termination date.\r\n </div>\r\n <div class=\"text-muted fw-semibold sub my-5 ms-5\">\r\n (d) Subject to the rights granted under these SaaS Terms, upon its termination and upon subsequent written request by the Disclosing Party, the Receiving Party of tangible Confidential Information shall immediately return such information or destroy such information and provide written certification of such destruction, provided that the receiving party may permit its legal counsel to retain one archival copy of such information in the event of a subsequent dispute between the parties.\r\nThe provisions relating to confidentiality, as well as for liability, applicable law and settlement of disputes shall survive the expiration or termination of these SaaS Terms.\r\n </div>\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Termination shall not affect any rights or obligations of the parties incurred prior to the date of termination, unless otherwise agreed between the parties.\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <!-- <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">13. Effect of Termination. </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Upon termination of these SaaS Terms, Tango Eye shall immediately cease providing access to the\r\n Software.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Upon termination of these SaaS Terms, Tango Eye shall delete the Generated Data, Business Data and\r\n Customer Data\r\n collected, stored and/or processed under these SaaS Terms for the purpose of providing the Software\r\n within 15\r\n (fifteen) days of receipt of notice of termination of these SaaS Terms.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n If Tango Eye terminates these SaaS Terms due to a breach by Customer of any of the provisions\r\n contained under these\r\n SaaS Terms, then Customer shall immediately pay to Tango Eye all amounts then due under these SaaS\r\n Terms. If\r\n Customer terminates these SaaS Terms due to a breach by Tango Eye, then Tango Eye shall immediately\r\n repay to\r\n Customer all pre-paid amounts for any unperformed Services scheduled to be delivered after the\r\n termination date.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Subject to the rights granted under these SaaS Terms, upon its termination and upon subsequent\r\n written request by\r\n the Disclosing Party, the Receiving Party of tangible Confidential Information shall immediately\r\n return such\r\n information or destroy such information and provide written certification of such destruction,\r\n provided that the\r\n receiving party may permit its legal counsel to retain one archival copy of such information in the\r\n event of a\r\n subsequent dispute between the parties.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n The provisions relating to confidentiality, as well as for liability, applicable law and settlement\r\n of disputes\r\n shall survive the expiration or termination of these SaaS Terms.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Termination shall not affect any rights or obligations of the parties incurred prior to the date of\r\n termination,\r\n unless otherwise agreed between the parties.\r\n </li>\r\n </ul>\r\n </div> -->\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">13. Access to Analytics via Web Portal & Excel Reports</span>\r\n </h3>\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">The analytics is designed for use with a) web-based\r\n application, b) excel reports sent via email or File Transfer Protocol.\r\n </div>\r\n <!-- <li class=\"text-muted fw-semibold sub my-5\">Training: All \u201CSoftware\u201D used in connection with the\r\n Services. For avoidance of doubt, it is clarified that Tango Eye agrees to provide sample dashboard\r\n and arrange for training sessions to the Customer as mutually agreed by the Parties.\r\n </li> -->\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">14. Training </span>\r\n </h3>\r\n <ul>\r\n <div class=\"text-muted fw-semibold sub my-5\">All \u201CSoftware\u201D used in connection with the Services. For avoidance of doubt, it is clarified that Tango Eye agrees to provide a sample dashboard and arrange for training sessions to the Customer as mutually agreed by the Parties.\r\n </div>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">15. Confidential Information </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">All proprietary or confidential information, technical data,\r\n or know-how and all other non-public information, material or data in whatever form or mode of\r\n communication, which is disclosed by a party (\u201CDisclosing Party\u201D) to the other party (\u201CReceiving\r\n Party\u201D) in connection with the Software access and usage whether marked as \u201Cconfidential\u201D or not at\r\n the time of disclosure, shall be treated as \u201CConfidential Information\u201D. Confidential Information\r\n shall include, but not be limited to, the terms and pricing/commercial terms under these SaaS Terms,\r\n the technical and other specifications of the Software, any information specific to the software\r\n license codes and content as well as the software and hardware architecture and components, and all\r\n other non-public information.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Receiving Party undertakes: (i) not to use Confidential\r\n Information otherwise than for the purpose for which it was disclosed or to permit the Receiving\r\n Party to exercise rights and licenses granted under these SaaS Terms ; (ii) not to disclose\r\n Confidential Information without the prior written consent of the Disclosing Party, other than to\r\n those employees, agents, contractors, subcontractors, licensees of the Receiving Party, its\r\n Affiliates or any other parties who have a need to know it in order to assist the Receiving Party in\r\n performing its obligations, or to permit the Receiving Party to exercise its rights\u00A0 and licenses\r\n under this Agreement; (iii) to take all such steps to prevent unauthorized access to the Disclosing\r\n Party\u2019s Confidential Information, as it takes to protect its own confidential or proprietary\r\n information of a similar nature, which steps shall in no event be less than a reasonable standard of\r\n care; and iv) to return to the Customer, or destroy, on request all Confidential Information that\r\n has been disclosed to them, including all copies thereof and to delete all information stored in a\r\n machine-readable form to the extent practically possible, subject to any rights or licenses granted\r\n under these SaaS Terms .\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The obligations in relation to Confidential Information\r\n under these SaaS Terms\u00A0 shall not apply to Confidential Information, which (i) has become or becomes\r\n publicly available by means other than a breach of confidentiality obligations; (ii) was already\r\n known to the Receiving Party prior to disclosure; (iii) the Receiving Party is required to disclose\r\n in order to comply with applicable laws or regulations or with a court or administrative order; or\r\n (iv) is independently developed by the Receiving Party without reference to or use of any\r\n Confidential Information of the Disclosing Party.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">The Receiving Party shall promptly, and in any case within\r\n three (3) days advise the Disclosing Party in writing of any unauthorized disclosure,\r\n misappropriation or misuse of Confidential Information after it becomes aware of it and vice versa.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">If either party becomes aware that it will be required, or\r\n is likely to be required, to disclose Confidential Information in order to comply with applicable\r\n laws or regulations or with a court or administrative order, it shall, to the extent it is lawfully\r\n able to do so, prior to any such disclosure notify the other party, and comply with the other\r\n party\u2019s instructions to protect the confidentiality of the information.\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">16. Indemnity and Limitation of Liability </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Without prejudice to any other right available in law or under equity, each party hereby agrees to\r\n compensate, indemnify, defend and hold harmless the other, its affiliates, directors, shareholders,\r\n officers and employees and agents, from and against any and all losses, liabilities, damages,\r\n deficiencies, demands, claims (including third party claims), actions, judgments or causes of\r\n action, assessments, interest, penalties and other costs or expenses (including, without limitation,\r\n reasonable attorneys' fees and expenses) based upon, arising out of, or in relation to or otherwise\r\n in respect of (i) any breach of its obligations under these SaaS Terms ; or (ii) any willful\r\n misconduct, fraud, or wrongful or negligent act or omission of a Party.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n In no event shall either Party be liable to the other for any indirect, incidental, punitive,\r\n exemplary, special or consequential damages, or damages for loss of profits, revenue, whether in an\r\n action in contract or tort, or otherwise (collectively referred to as \u201CIndirect Losses\u201D) even if\r\n advised of the possibility of such damages.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Each Party\u2019s liability arising out of or in connection with the breach of any direct and actual\r\n liabilities, costs, losses, damages, suits, proceedings, costs, expenses or liabilities suffered or\r\n incurred due to resulting due to claims for breach of intellectual property of a Party or third\r\n party, breach of confidentiality obligation, data breach, breach of data privacy, fraud, willful\r\n negligence, gross misconduct or breach of applicable laws shall in no event exceed the annual total\r\n purchase price paid pursuant to grant of access and usage of the Services/Software by the Customer.\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">17. Force Majeure </span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Each of the Parties is not responsible nor liable for any delays or failures in performance from any\r\n cause beyond its control, including, but not limited to acts of God, changes to law or regulations,\r\n embargoes, war, terrorist acts, acts or omissions of third party technology providers, riots, fires,\r\n earthquakes, floods, power blackouts, strikes, weather conditions, pandemic, epidemic, government\r\n lockdowns or any other unforeseeable event beyond its control (hereinafter collectively referred to\r\n as <span class=\"text-helight\">\u201CForce Majeure Event\u201D)</span>. Upon occurrence of any Force Majeure Event, either Party shall give\r\n notice to the other party of its inability to perform or of delay in completing its obligations and\r\n must act diligently to remedy the cause and restore performance, to the extent possible.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Where Force-Majeure Event continues for a period more than Sixty (60) continuous days, then the\r\n effected Party shall have the right to immediately terminate these SaaS Terms Agreement by providing\r\n a written notice.</li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"my-2\">\r\n <h3 class=\"card-title align-items-start flex-column my-7\">\r\n <span class=\"termsheading\">18. Miscellaneous</span>\r\n </h3>\r\n <ul>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n These SaaS Terms is drawn up in English, which language shall govern all documents, notices,\r\n meetings, proceedings and processes relative thereto.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Nothing in these SaaS Terms shall be deemed to constitute a joint venture, agency, partnership,\r\n interest grouping or any other kind of formal business grouping or entity between the Parties.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n No rights or obligations of the Parties arising from these SaaS Terms may be assigned,\r\n sub-contracted, or transferred, in whole or in part, to any third party without the other party\u2019s\r\n prior written approval.\r\n </li>\r\n <li class=\"text-muted fw-semibold sub my-5\"> In case of conflict terms between these SaaS Terms and Order Form, the Order Form will prevail.</li>\r\n <li class=\"text-muted fw-semibold sub my-5\">\r\n Governing Law, Jurisdiction. These SaaS Terms shall be governed by the laws of India, and the\r\n Parties hereby agree to irrevocably submit to the exclusive jurisdiction of the courts of New Delhi\r\n in respect of all disputes arising out of these SaaS Terms.\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<div class=\"row g-0 mb-0 bg-terms\">\r\n <div class=\"col-md-10\">\r\n <label class=\"form-check form-check-custom form-check-solid form-check-inline \">\r\n <input class=\"form-check-input\" type=\"checkbox\" required name=\"toc\" value=\"1\"\r\n (click)=\"updateterms($event)\" />\r\n <span class=\"form-check-label fw-bold text-gray-700\">\r\n </span>\r\n <span class=\"textsize mt-3\">I agree to the terms and conditions.</span>\r\n </label>\r\n\r\n </div>\r\n <div class=\"col-md-2\">\r\n <button [disabled]=\"!terms\" type=\"button\" class=\"btn btn-lg btn-primary ms-15 me-5 text-nowrap\" (click)=\"enterpriseactivate()\">\r\n Sign Up\r\n </button>\r\n </div>\r\n\r\n</div>\r\n</div>\r\n<div class=\"overlay\" *ngIf=\"showvalue\">\r\n\t<div class=\"popup\">\r\n\t\t<h1 class=\"a-o-i\">Verification Code</h1>\r\n <h5 class=\"sub-aoi\">An OTP has been sent to your mail. Please check & submit.</h5>\r\n <div class=\"otp-container d-flex\">\r\n <div class=\"otp-input d-flex\">\r\n <ng-otp-input #ngOtpInput (onInputChange)=\"onOtpChange($event)\" inputmode=\"numeric\" class=\"verification-code\" placeholder=\"0\" \r\n [config]=\"{ length: 4 ,allowNumbersOnly:true}\"></ng-otp-input>\r\n \r\n </div>\r\n </div>\r\n <span *ngIf=\"invalidOtp\" class=\"d-flex justify-content-center text-danger\" >\r\n Invalid OTP !\r\n </span>\r\n \r\n <div class=\"text-center\">\r\n <label *ngIf=\"resend\" class=\"small_lg cursor-pointer\" \r\n (click)=\"resendOTP()\"><b>Resend OTP</b></label>\r\n\r\n <label *ngIf=\"!resend\" class=\"small_lbl \" >Resend OTP ( {{counter\r\n }} )</label>\r\n </div>\r\n <div class=\"my-3\">\r\n <button type=\"button\" class=\"btn btn-lg btn-primary me-5 w-100 text-nowrap\" (click)=\"otpsubmit()\">\r\n Submit\r\n </button>\r\n </div>\r\n\t</div>\r\n</div>\r\n\r\n", styles: [".termsheading{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:30px}.sub{color:var(--Gray-900, #101828)!important;font-size:16px;font-style:normal;font-weight:400!important;line-height:20px}.main{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:20px}.sticky{overflow-y:auto;overflow-x:hidden}.textsize{color:var(--Gray-700, #344054)!important;font-size:16px!important;font-weight:400;line-height:31px}.bg-terms{border-top:1px solid var(--Gray-300, #D0D5DD);background:var(--Primary-25, #F6FCFF);padding:32px 26px}ul{list-style-position:inside!important}input[type=checkbox]{width:20px!important;height:20px!important;margin:5px;border-radius:4px!important;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid var(--gray-300, #D0D5DD);box-shadow:none;font-size:.8em;text-align:center;line-height:1em;background:#fff}input[type=checkbox]:checked{outline:1px solid var(--primary-600, #00A3FF);background-color:var(--primary-50, #EAF8FF)}input[type=checkbox]:checked:after{content:\"\";transform:rotate(45deg);border-bottom:2px solid #00A3FF;border-right:2px solid #00A3FF;display:inline-block;width:.5em;padding-left:0;padding-top:12px;padding-right:6px}.btn-primary{border-radius:8px!important;border:1px solid var(--Primary-600, #00A3FF)!important;background:var(--Primary-600, #00A3FF)!important;box-shadow:0 1px 2px #1018280d!important}.a-o-i{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600!important;line-height:32px}.sub-aoi{color:var(--Gray-500, #667085)!important;font-size:16px!important;font-weight:400!important;line-height:24px}.overlay{position:fixed;inset:0;background:#6e6e6eb3;transition:opacity .5s;visibility:visible;opacity:1}.popup{position:absolute;left:62%;top:40%;transform:translate(-50%,-50%);padding:24px;border-radius:12px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);width:588px;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup .close:hover{color:#06d85f;cursor:pointer}.popup .content{max-height:30%;overflow:auto}:host ::ng-deep .ng-otp-input-wrapper .otp-input:first-child{margin:0}:host ::ng-deep .ng-otp-input-wrapper .otp-input{margin-right:0!important;height:96px!important;width:96px;padding:8px;text-align:center;margin:10px 50px;color:var(--Gray-300, #090909)!important;font-size:60px;font-style:normal;font-weight:500;line-height:72px;letter-spacing:-1.2px;border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);box-shadow:0 1px 2px #1018280d}.small_lbl{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:20px 0;cursor:not-allowed}.small_lg{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin:20px 0}input:focus{border:1px solid #ccc;color:#333}.otp-inpu:focus{border-color:#00f}.hover:focus{border-color:green}.disabled:focus{border-color:#ccc;color:#999;cursor:not-allowed}.text-helight{color:#000!important;font-size:16px!important;font-weight:600!important;line-height:20px}li{list-style-type:lower-roman!important;color:#000!important;font-weight:600!important}\n"] }]
|
|
1180
1183
|
}], ctorParameters: () => [{ type: i1.NgbModal }, { type: AuthService }, { type: i3.Router }, { type: i3.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i4.GlobalStateService }, { type: i5.ToastService }], propDecorators: { ngOtpInputRef: [{
|
|
@@ -1228,10 +1231,10 @@ class VerticalComponent {
|
|
|
1228
1231
|
}
|
|
1229
1232
|
this.currentStep$.next(prevStep);
|
|
1230
1233
|
}
|
|
1231
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1232
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
1234
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: VerticalComponent, deps: [{ token: ConversionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1235
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: VerticalComponent, selector: "lib-vertical", ngImport: i0, template: "\r\n<div class=\"linearGradient fixed-element h-100\">\r\n <div class=\"d-flex justify-content-center justify-content-xl-start flex-row-auto\">\r\n\r\n<div class=\"stepper stepper-pills stepper-column \r\n \" id=\"kt_create_account_stepper\">\r\n <!--begin::Aside-->\r\n \r\n <div class=\"row justify-content-center logotext my-20\">\r\n <img class=\"mt-10\" src=\"./assets/tango/Icons/TangoEye.svg\" style=\"max-width: 35%\" alt=\"\">\r\n </div>\r\n <div class=\"card-body px-6 px-lg-10 px-xxl-15\">\r\n <div class=\"stepper-nav\">\r\n\r\n <div class=\"stepper-item my-5 pe-15\" [class.brandbg]=\"currentStep$.value === 1\" [ngClass]=\"{\r\n current: currentStep$.value === 1,\r\n completed: currentStep$.value > 1\r\n }\">\r\n <!--begin::Wrapper-->\r\n <div class=\"stepper-wrapper px-5\">\r\n <!--begin::Icon-->\r\n <div class=\"stepper-icon w-40px h-40px\">\r\n <i class=\"stepper-check stepper-number\">1</i>\r\n <span class=\"stepper-number\">1</span>\r\n </div>\r\n <!--end::Icon-->\r\n\r\n <!--begin::Label-->\r\n <div class=\"stepper-label\">\r\n <h3 class=\"stepper-title\">\r\n About\r\n </h3>\r\n\r\n <div class=\"stepper-desc fw-semibold\">\r\n Provide brand details\r\n </div>\r\n </div>\r\n <!--end::Label-->\r\n </div>\r\n <!--end::Wrapper-->\r\n\r\n \r\n </div>\r\n\r\n <div class=\"stepper-item my-5\" [class.brandbg]=\"currentStep$.value === 2\" [ngClass]=\"{\r\n current: currentStep$.value === 2,\r\n completed: currentStep$.value > 2\r\n }\">\r\n <!--begin::Wrapper-->\r\n <div class=\"stepper-wrapper px-5\">\r\n <!--begin::Icon-->\r\n <div class=\"stepper-icon w-40px h-40px\">\r\n <i class=\"stepper-check stepper-number\">2</i>\r\n <span class=\"stepper-number\">2</span>\r\n </div>\r\n <!--end::Icon-->\r\n\r\n <!--begin::Label-->\r\n <div class=\"stepper-label\">\r\n <h3 class=\"stepper-title\">\r\n Pricing \r\n </h3>\r\n <div class=\"stepper-desc fw-semibold\">\r\n Choose suitable plan\r\n </div>\r\n </div>\r\n <!--end::Label-->\r\n </div>\r\n <!--end::Wrapper-->\r\n\r\n \r\n </div>\r\n\r\n <div class=\"stepper-item my-5\" [class.brandbg]=\"currentStep$.value === 3\" [ngClass]=\"{\r\n current: currentStep$.value === 3,\r\n completed: currentStep$.value > 3\r\n }\">\r\n <!--begin::Wrapper-->\r\n <div class=\"stepper-wrapper px-5\">\r\n <!--begin::Icon-->\r\n <div class=\"stepper-icon w-40px h-40px\">\r\n <i class=\"stepper-check stepper-number\">3</i>\r\n <span class=\"stepper-number\">3</span>\r\n </div>\r\n <!--end::Icon-->\r\n\r\n <!--begin::Label-->\r\n <div class=\"stepper-label\">\r\n <h3 class=\"stepper-title\">\r\n Sign Up\r\n </h3>\r\n <div class=\"stepper-desc fw-semibold\">\r\n Let's get started\r\n </div>\r\n </div>\r\n <!--end::Label-->\r\n </div>\r\n <!--end::Wrapper-->\r\n\r\n </div>\r\n\r\n <div class=\"text-center\">\r\n <div class=\"footerleft text-center\" style=\" bottom: 3%;\"> Already\r\n have an\r\n Account? <a _ngcontent-skm-c153=\"\" href=\"/auth/login\" class=\"link-primary fw-bolder\"\r\n href=\"/auth/login\">Sign\r\n In</a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n \r\n </div>\r\n <!--begin::Aside-->\r\n </div>\r\n \r\n </div>\r\n\r\n\r\n\r\n ", styles: [".linearGradient{background:-webkit-linear-gradient(180deg,#794fd9 0%,#096dd7 100%);border-radius:0!important;height:100%}.fixed-element{position:fixed;border-radius:5px;z-index:999}@media (min-width: 1920px) and (max-width: 2100px){.fixed-element{padding:0 40px}}@media (min-width: 1440px) and (max-width: 1600px){.fixed-element{padding:0}}@media (min-width: 2160px) and (max-width: 3100px){.fixed-element{padding:0 110px}}.stepper.stepper-pills .stepper-item .stepper-icon{background-color:transparent}.brandbg{border-radius:8px;border:1px solid var(--Gray-400, #98A2B3);background:#ffffff1a;display:flex;padding:8px 24px 8px 0!important;align-items:flex-start;gap:16px!important}.stepper.stepper-pills .stepper-item .stepper-label .stepper-title{color:var(--White, #FFF)!important;font-family:Inter;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:30px}.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number{color:var(--White, #FFF);font-size:18px;font-weight:600;line-height:28px}.stepper-desc{color:var(--Gray-300, #D0D5DD)!important;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400!important;line-height:24px}.footerleft{position:fixed;color:var(--White, #FFF)!important;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400!important;line-height:24px}.link-primary{color:var(--Primary-700, #009BF3)!important;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:600!important;line-height:24px}.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check,.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check{color:#fff;display:inline-block;font-style:normal}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1233
1236
|
}
|
|
1234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: VerticalComponent, decorators: [{
|
|
1235
1238
|
type: Component,
|
|
1236
1239
|
args: [{ selector: 'lib-vertical', template: "\r\n<div class=\"linearGradient fixed-element h-100\">\r\n <div class=\"d-flex justify-content-center justify-content-xl-start flex-row-auto\">\r\n\r\n<div class=\"stepper stepper-pills stepper-column \r\n \" id=\"kt_create_account_stepper\">\r\n <!--begin::Aside-->\r\n \r\n <div class=\"row justify-content-center logotext my-20\">\r\n <img class=\"mt-10\" src=\"./assets/tango/Icons/TangoEye.svg\" style=\"max-width: 35%\" alt=\"\">\r\n </div>\r\n <div class=\"card-body px-6 px-lg-10 px-xxl-15\">\r\n <div class=\"stepper-nav\">\r\n\r\n <div class=\"stepper-item my-5 pe-15\" [class.brandbg]=\"currentStep$.value === 1\" [ngClass]=\"{\r\n current: currentStep$.value === 1,\r\n completed: currentStep$.value > 1\r\n }\">\r\n <!--begin::Wrapper-->\r\n <div class=\"stepper-wrapper px-5\">\r\n <!--begin::Icon-->\r\n <div class=\"stepper-icon w-40px h-40px\">\r\n <i class=\"stepper-check stepper-number\">1</i>\r\n <span class=\"stepper-number\">1</span>\r\n </div>\r\n <!--end::Icon-->\r\n\r\n <!--begin::Label-->\r\n <div class=\"stepper-label\">\r\n <h3 class=\"stepper-title\">\r\n About\r\n </h3>\r\n\r\n <div class=\"stepper-desc fw-semibold\">\r\n Provide brand details\r\n </div>\r\n </div>\r\n <!--end::Label-->\r\n </div>\r\n <!--end::Wrapper-->\r\n\r\n \r\n </div>\r\n\r\n <div class=\"stepper-item my-5\" [class.brandbg]=\"currentStep$.value === 2\" [ngClass]=\"{\r\n current: currentStep$.value === 2,\r\n completed: currentStep$.value > 2\r\n }\">\r\n <!--begin::Wrapper-->\r\n <div class=\"stepper-wrapper px-5\">\r\n <!--begin::Icon-->\r\n <div class=\"stepper-icon w-40px h-40px\">\r\n <i class=\"stepper-check stepper-number\">2</i>\r\n <span class=\"stepper-number\">2</span>\r\n </div>\r\n <!--end::Icon-->\r\n\r\n <!--begin::Label-->\r\n <div class=\"stepper-label\">\r\n <h3 class=\"stepper-title\">\r\n Pricing \r\n </h3>\r\n <div class=\"stepper-desc fw-semibold\">\r\n Choose suitable plan\r\n </div>\r\n </div>\r\n <!--end::Label-->\r\n </div>\r\n <!--end::Wrapper-->\r\n\r\n \r\n </div>\r\n\r\n <div class=\"stepper-item my-5\" [class.brandbg]=\"currentStep$.value === 3\" [ngClass]=\"{\r\n current: currentStep$.value === 3,\r\n completed: currentStep$.value > 3\r\n }\">\r\n <!--begin::Wrapper-->\r\n <div class=\"stepper-wrapper px-5\">\r\n <!--begin::Icon-->\r\n <div class=\"stepper-icon w-40px h-40px\">\r\n <i class=\"stepper-check stepper-number\">3</i>\r\n <span class=\"stepper-number\">3</span>\r\n </div>\r\n <!--end::Icon-->\r\n\r\n <!--begin::Label-->\r\n <div class=\"stepper-label\">\r\n <h3 class=\"stepper-title\">\r\n Sign Up\r\n </h3>\r\n <div class=\"stepper-desc fw-semibold\">\r\n Let's get started\r\n </div>\r\n </div>\r\n <!--end::Label-->\r\n </div>\r\n <!--end::Wrapper-->\r\n\r\n </div>\r\n\r\n <div class=\"text-center\">\r\n <div class=\"footerleft text-center\" style=\" bottom: 3%;\"> Already\r\n have an\r\n Account? <a _ngcontent-skm-c153=\"\" href=\"/auth/login\" class=\"link-primary fw-bolder\"\r\n href=\"/auth/login\">Sign\r\n In</a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n \r\n </div>\r\n <!--begin::Aside-->\r\n </div>\r\n \r\n </div>\r\n\r\n\r\n\r\n ", styles: [".linearGradient{background:-webkit-linear-gradient(180deg,#794fd9 0%,#096dd7 100%);border-radius:0!important;height:100%}.fixed-element{position:fixed;border-radius:5px;z-index:999}@media (min-width: 1920px) and (max-width: 2100px){.fixed-element{padding:0 40px}}@media (min-width: 1440px) and (max-width: 1600px){.fixed-element{padding:0}}@media (min-width: 2160px) and (max-width: 3100px){.fixed-element{padding:0 110px}}.stepper.stepper-pills .stepper-item .stepper-icon{background-color:transparent}.brandbg{border-radius:8px;border:1px solid var(--Gray-400, #98A2B3);background:#ffffff1a;display:flex;padding:8px 24px 8px 0!important;align-items:flex-start;gap:16px!important}.stepper.stepper-pills .stepper-item .stepper-label .stepper-title{color:var(--White, #FFF)!important;font-family:Inter;font-size:20px!important;font-style:normal;font-weight:600!important;line-height:30px}.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number{color:var(--White, #FFF);font-size:18px;font-weight:600;line-height:28px}.stepper-desc{color:var(--Gray-300, #D0D5DD)!important;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400!important;line-height:24px}.footerleft{position:fixed;color:var(--White, #FFF)!important;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:400!important;line-height:24px}.link-primary{color:var(--Primary-700, #009BF3)!important;font-family:Inter;font-size:16px!important;font-style:normal;font-weight:600!important;line-height:24px}.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check,.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check{color:#fff;display:inline-block;font-style:normal}\n"] }]
|
|
1237
1240
|
}], ctorParameters: () => [{ type: ConversionService }] });
|
|
@@ -1285,10 +1288,10 @@ class TangoAuthSignupComponent {
|
|
|
1285
1288
|
}
|
|
1286
1289
|
this.currentStep$.next(prevStep);
|
|
1287
1290
|
}
|
|
1288
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1289
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
1291
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthSignupComponent, deps: [{ token: ConversionService }, { token: i4.PageInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1292
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TangoAuthSignupComponent, selector: "lib-tango-auth-signup", ngImport: i0, template: "<div class=\"row me-0\">\r\n <lib-vertical class=\"col-lg-4 col-xl-3 col-xxl-3 p-0\"></lib-vertical>\r\n\r\n <!--begin::Content-->\r\n <div class=\" col-lg-8 col-xl-9 col-xxl-9 mb-10\">\r\n <div class=\"current\">\r\n <ng-container *ngIf=\"currentStep$.value === 1\">\r\n <lib-step1 class=\"w-100 \" [prevStepdata]='prevStepdata' [updateParentModel]=\"updateAccount\" [defaultValues]=\"account$.value\"></lib-step1>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"currentStep$.value === 2\">\r\n <lib-step2 class=\"w-100 \" [updateParentModel]=\"updateAccount\" [defaultValues]=\"account$.value\"></lib-step2>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"currentStep$.value === 3\">\r\n <lib-step3 class=\"w-100 \"></lib-step3>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- <div class=\"d-flex flex-stack py-2\">\r\n <div class=\"mr-2\">\r\n <ng-container *ngIf=\"currentStep$.value == 2\">\r\n <button type=\"button\" class=\"btn btn-lg btn-light-primary me-5\" (click)=\"prevStep()\">\r\n Previous\r\n </button>\r\n </ng-container>\r\n \r\n </div>\r\n\r\n </div> -->\r\n <!-- <div *ngIf=\"currentStep$.value !== 3\" class=\"my-5 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"text-muted fw-semibold me-1\">\u00A9 2024 </span>\r\n <a target=\"_blank\" class=\"text-gray-800 text-hover-primary\">Tango IT solutions</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-10\">\r\n <li class=\"menu-item\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div> -->\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n <!--end::Content-->\r\n<!-- </div> -->", styles: [""], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Step1Component, selector: "lib-step1" }, { kind: "component", type: Step2Component, selector: "lib-step2" }, { kind: "component", type: Step3Component, selector: "lib-step3" }, { kind: "component", type: VerticalComponent, selector: "lib-vertical" }] });
|
|
1290
1293
|
}
|
|
1291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1294
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthSignupComponent, decorators: [{
|
|
1292
1295
|
type: Component,
|
|
1293
1296
|
args: [{ selector: 'lib-tango-auth-signup', template: "<div class=\"row me-0\">\r\n <lib-vertical class=\"col-lg-4 col-xl-3 col-xxl-3 p-0\"></lib-vertical>\r\n\r\n <!--begin::Content-->\r\n <div class=\" col-lg-8 col-xl-9 col-xxl-9 mb-10\">\r\n <div class=\"current\">\r\n <ng-container *ngIf=\"currentStep$.value === 1\">\r\n <lib-step1 class=\"w-100 \" [prevStepdata]='prevStepdata' [updateParentModel]=\"updateAccount\" [defaultValues]=\"account$.value\"></lib-step1>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"currentStep$.value === 2\">\r\n <lib-step2 class=\"w-100 \" [updateParentModel]=\"updateAccount\" [defaultValues]=\"account$.value\"></lib-step2>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"currentStep$.value === 3\">\r\n <lib-step3 class=\"w-100 \"></lib-step3>\r\n </ng-container>\r\n </div>\r\n\r\n <!-- <div class=\"d-flex flex-stack py-2\">\r\n <div class=\"mr-2\">\r\n <ng-container *ngIf=\"currentStep$.value == 2\">\r\n <button type=\"button\" class=\"btn btn-lg btn-light-primary me-5\" (click)=\"prevStep()\">\r\n Previous\r\n </button>\r\n </ng-container>\r\n \r\n </div>\r\n\r\n </div> -->\r\n <!-- <div *ngIf=\"currentStep$.value !== 3\" class=\"my-5 d-flex flex-column flex-md-row flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-10\">\r\n <span class=\"text-muted fw-semibold me-1\">\u00A9 2024 </span>\r\n <a target=\"_blank\" class=\"text-gray-800 text-hover-primary\">Tango IT solutions</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-10\">\r\n <li class=\"menu-item\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\" class=\"menu-link px-5\">About us</a></li>\r\n <li class=\"menu-item\"><a target=\"_blank\" href=\"https://tangoeye.ai/#contact\" class=\"menu-link px-5\">Contact Us</a></li>\r\n <li class=\"menu-item\"><a target=\"_blank\" href=\"https://tangoeye.ai/privacy-policy-2/\" class=\"menu-link px-5\">Privacy & policy</a></li>\r\n </ul>\r\n </div> -->\r\n </div>\r\n <!-- </div> -->\r\n </div>\r\n <!--end::Content-->\r\n<!-- </div> -->" }]
|
|
1294
1297
|
}], ctorParameters: () => [{ type: ConversionService }, { type: i4.PageInfoService }] });
|
|
@@ -1415,10 +1418,10 @@ class TangoAuthForgotPasswordComponent {
|
|
|
1415
1418
|
},
|
|
1416
1419
|
});
|
|
1417
1420
|
}
|
|
1418
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1419
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: TangoAuthForgotPasswordComponent, selector: "lib-tango-auth-forgot-password", ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"row position-absolute\">\r\n <div class=\"col-md-6 pe-10 d-flex justify-content-center align-items-center \">\r\n <img src=\"./assets/tango/Icons/LHS.svg\" alt=\"Image\" class=\"img-fluid\">\r\n </div>\r\n @if (emailEnable) {\r\n <div class=\"col-md-6 ps-10 d-flex justify-content-center align-items-center\">\r\n <div class=\"card card-flush w-lg-600px ms-20 py-3 mt-20\">\r\n\r\n <div class=\"login-form login-signin w-100\">\r\n\r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-10 ms-10\">\r\n <h1 class=\"title my-4\"> Forgot Password\r\n </h1>\r\n <div class=\"title-subtitle mb-1\"> Enter the Email associated with your account and\r\n we'll send you a OTP to reset your password.\r\n </div>\r\n </div>\r\n <form class=\"w-100 title-padding\" novalidate=\"novalidate\">\r\n <div class=\"mb-1\">\r\n <label class=\"label\">Email</label>\r\n <input class=\"form-control my-3\" [formControl]=\"email\" type=\"email\" id=\"email\"\r\n name=\"email\">\r\n </div>\r\n </form>\r\n\r\n <div class=\"d-flex mt-5 mb-5 mx-10\" role=\"group\">\r\n\r\n <button class=\"btn btn-primary w-100\" id=\"alert-toast\" [disabled]=\"email.invalid\"\r\n (click)=\"onSubmit()\">Request reset link</button>\r\n </div>\r\n <a class=\"text-decoration-underline backtologin text-center my-3\" routerLink=\"/auth/login\">Back\r\n to\r\n login</a>\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-20\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\"\r\n class=\"footer text-decoration-underline cursor-pointer\">@TangoITSolutions\r\n India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\"\r\n class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path\r\n d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n }\r\n @if(passwordEnable) {\r\n <div class=\"col-md-6 ps-10 d-flex justify-content-center align-items-center\">\r\n <div class=\"card card-flush w-lg-600px ms-20 py-3 mt-20\">\r\n\r\n <div class=\"login-form login-signin w-100\">\r\n\r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-5 ms-10\">\r\n\r\n <h1 class=\"title my-4\">Reset Password\r\n </h1>\r\n <div class=\"title-subtitle mb-7\">Enter a new password to reset the password on your account\r\n </div>\r\n <form [formGroup]=\"PasswordForm\" novalidate=\"novalidate\" class=\"\">\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-7\">\r\n <label for=\"email\" class=\"form-label\">New Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input [type]=\"newPasswordShow ? 'text' : 'password'\" class=\"form-control\" id=\"password\"\r\n formControlName=\"password\"\r\n [ngClass]=\"{ 'is-invalid': PasswordForm.get('password')?.touched && PasswordForm.get('password')?.hasError('required') }\">\r\n <span (click)=\"showNewPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"newPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!newPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n @if(PasswordForm.get('password')?.touched) {\r\n @if (PasswordForm.get('password')?.hasError('required')) {\r\n <small>Password is required</small>\r\n } \r\n }\r\n <small *ngIf=\"PasswordForm.get('password')?.hasError('pattern')\">The password must contain atleast one capital letter and number.</small>\r\n <small *ngIf=\"PasswordForm.get('password')?.hasError('noSpaces') && !PasswordForm.get('password')?.hasError('pattern') && PasswordForm.get('password')?.touched\">Password cannot contain spaces.</small> \r\n </div>\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-7\">\r\n <label for=\"contact\" class=\"form-label\">Confirm New Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input [type]=\"verifyPasswordShow ? 'text' : 'password'\" class=\"form-control\" id=\"confirmPassword\"\r\n formControlName=\"confirmPassword\"\r\n [ngClass]=\"{ 'is-invalid': PasswordForm.get('confirmPassword')?.touched && PasswordForm.get('confirmPassword')?.hasError('required') }\">\r\n <span (click)=\"showVerifyPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"verifyPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!verifyPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n @if(PasswordForm.get('confirmPassword')?.touched) {\r\n @if (PasswordForm.get('confirmPassword')?.hasError('required')) {\r\n <small>Confirm password is required</small>\r\n } @else {\r\n <!-- <small *ngIf=\"PasswordForm.get('confirmPassword')?.hasError('pattern')\">The confirm password must\r\n contain atleast one capital letter and number.</small> -->\r\n <small\r\n *ngIf=\"PasswordForm.get('confirmPassword')?.touched && PasswordForm.get('confirmPassword')?.hasError('NotEqual') && !PasswordForm.get('confirmPassword')?.hasError('required')\">Password\r\n does not match</small>\r\n }\r\n <small *ngIf=\"PasswordForm.get('confirmPassword')?.hasError('noSpaces') && !PasswordForm.get('confirmPassword')?.hasError('NotEqual') && PasswordForm.get('confirmPassword')?.touched\">Password cannot contain spaces.</small> \r\n }\r\n </div>\r\n </div>\r\n </form>\r\n <div class=\"d-flex mt-10 mb-5\" role=\"group\">\r\n <button class=\"btn btn-primary w-100 \" id=\"alert-toast\" [disabled]=\"PasswordForm.invalid\"\r\n (click)=\"onPasswordSubmit()\">Reset\r\n password</button>\r\n </div>\r\n </div>\r\n <a class=\"text-decoration-underline backtologin text-center\" routerLink=\"/auth/login\">Back to\r\n login</a>\r\n\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-20\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\"\r\n class=\"footer text-decoration-underline cursor-pointer\">@TangoITSolutions\r\n India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\"\r\n class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path\r\n d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <img src=\"./assets/tango/Icons/login-background1.svg\" alt=\"Image\" class=\"background-image\">\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".title{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600;line-height:32px!important}.title-subtitle{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400;line-height:20px!important}.label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px!important}:host ::ng-deep .ng-otp-input-wrapper .otp-input:first-child{margin:0}:host ::ng-deep .ng-otp-input-wrapper .otp-input{margin-right:0!important;height:80px!important;width:80px;padding:8px;text-align:center;margin:10px 38px;color:var(--Gray-300, #D0D5DD)!important;font-size:60px;font-style:normal;font-weight:500;line-height:72px;letter-spacing:-1.2px;border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);box-shadow:0 1px 2px #1018280d}.small_lbl{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.container{width:100%;height:100%;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;width:45%;margin-left:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.login-form .title-padding{padding:0 32px}.login-form .login-title{color:var(--Gray-900, #101828);font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.72px}.login-form .login-sub-title{color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px}.login-form .form-label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px}.login-form .img-src{padding:10px 5px 32px}.login-form .mx-25{margin-right:-10px!important;margin-left:-45px!important}.login-form .w-360px{width:360px!important}.login-form .forgot{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize;text-align:center}.login-form .signup-default{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.login-form .signup-primary{color:var(--Primary-700, #009BF3)!important;font-size:14px;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.login-form .footer{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:20px}@media (min-width: 1745px) and (max-width: 1910px){.mt-6{margin-top:7rem!important}}@media (min-width: 1920px) and (max-width: 2100px){.mt-6{margin-top:10rem!important}.login-form .mx-25{margin-right:0!important;margin-left:20px!important}}.position-absolute{position:absolute;top:50%;transform:translateY(-50%)}.card{border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.backtologin{color:var(--Primary-700, #009BF3);font-size:14px;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.form-control{display:block;color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px;-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{font-size:1.1rem;font-weight:600;line-height:2.35;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}small{color:var(--Error-500, #F04438)!important;font-size:13px!important;font-weight:400!important;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}.alert-required{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.translate-middle{transform:translate(-65%,-50%)!important}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
1421
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthForgotPasswordComponent, deps: [{ token: i5.ToastService }, { token: AuthService }, { token: i3.ActivatedRoute }, { token: i2$1.FormBuilder }, { token: i3.Router }, { token: i4.PageInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1422
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TangoAuthForgotPasswordComponent, selector: "lib-tango-auth-forgot-password", ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"row position-absolute\">\r\n <div class=\"col-md-6 pe-10 d-flex justify-content-center align-items-center \">\r\n <img src=\"./assets/tango/Icons/LHS.svg\" alt=\"Image\" class=\"img-fluid\">\r\n </div>\r\n @if (emailEnable) {\r\n <div class=\"col-md-6 ps-10 d-flex justify-content-center align-items-center\">\r\n <div class=\"card card-flush w-lg-600px ms-20 py-3 mt-20\">\r\n\r\n <div class=\"login-form login-signin w-100\">\r\n\r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-10 ms-10\">\r\n <h1 class=\"title my-4\"> Forgot Password\r\n </h1>\r\n <div class=\"title-subtitle mb-1\"> Enter the Email associated with your account and\r\n we'll send you a OTP to reset your password.\r\n </div>\r\n </div>\r\n <form class=\"w-100 title-padding\" novalidate=\"novalidate\">\r\n <div class=\"mb-1\">\r\n <label class=\"label\">Email</label>\r\n <input class=\"form-control my-3\" [formControl]=\"email\" type=\"email\" id=\"email\"\r\n name=\"email\">\r\n </div>\r\n </form>\r\n\r\n <div class=\"d-flex mt-5 mb-5 mx-10\" role=\"group\">\r\n\r\n <button class=\"btn btn-primary w-100\" id=\"alert-toast\" [disabled]=\"email.invalid\"\r\n (click)=\"onSubmit()\">Request reset link</button>\r\n </div>\r\n <a class=\"text-decoration-underline backtologin text-center my-3\" routerLink=\"/auth/login\">Back\r\n to\r\n login</a>\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-20\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\"\r\n class=\"footer text-decoration-underline cursor-pointer\">@TangoITSolutions\r\n India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\"\r\n class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path\r\n d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n }\r\n @if(passwordEnable) {\r\n <div class=\"col-md-6 ps-10 d-flex justify-content-center align-items-center\">\r\n <div class=\"card card-flush w-lg-600px ms-20 py-3 mt-20\">\r\n\r\n <div class=\"login-form login-signin w-100\">\r\n\r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-5 ms-10\">\r\n\r\n <h1 class=\"title my-4\">Reset Password\r\n </h1>\r\n <div class=\"title-subtitle mb-7\">Enter a new password to reset the password on your account\r\n </div>\r\n <form [formGroup]=\"PasswordForm\" novalidate=\"novalidate\" class=\"\">\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-7\">\r\n <label for=\"email\" class=\"form-label\">New Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input [type]=\"newPasswordShow ? 'text' : 'password'\" class=\"form-control\" id=\"password\"\r\n formControlName=\"password\"\r\n [ngClass]=\"{ 'is-invalid': PasswordForm.get('password')?.touched && PasswordForm.get('password')?.hasError('required') }\">\r\n <span (click)=\"showNewPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"newPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!newPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n @if(PasswordForm.get('password')?.touched) {\r\n @if (PasswordForm.get('password')?.hasError('required')) {\r\n <small>Password is required</small>\r\n } \r\n }\r\n <small *ngIf=\"PasswordForm.get('password')?.hasError('pattern')\">The password must contain atleast one capital letter and number.</small>\r\n <small *ngIf=\"PasswordForm.get('password')?.hasError('noSpaces') && !PasswordForm.get('password')?.hasError('pattern') && PasswordForm.get('password')?.touched\">Password cannot contain spaces.</small> \r\n </div>\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-7\">\r\n <label for=\"contact\" class=\"form-label\">Confirm New Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input [type]=\"verifyPasswordShow ? 'text' : 'password'\" class=\"form-control\" id=\"confirmPassword\"\r\n formControlName=\"confirmPassword\"\r\n [ngClass]=\"{ 'is-invalid': PasswordForm.get('confirmPassword')?.touched && PasswordForm.get('confirmPassword')?.hasError('required') }\">\r\n <span (click)=\"showVerifyPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"verifyPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!verifyPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n @if(PasswordForm.get('confirmPassword')?.touched) {\r\n @if (PasswordForm.get('confirmPassword')?.hasError('required')) {\r\n <small>Confirm password is required</small>\r\n } @else {\r\n <!-- <small *ngIf=\"PasswordForm.get('confirmPassword')?.hasError('pattern')\">The confirm password must\r\n contain atleast one capital letter and number.</small> -->\r\n <small\r\n *ngIf=\"PasswordForm.get('confirmPassword')?.touched && PasswordForm.get('confirmPassword')?.hasError('NotEqual') && !PasswordForm.get('confirmPassword')?.hasError('required')\">Password\r\n does not match</small>\r\n }\r\n <small *ngIf=\"PasswordForm.get('confirmPassword')?.hasError('noSpaces') && !PasswordForm.get('confirmPassword')?.hasError('NotEqual') && PasswordForm.get('confirmPassword')?.touched\">Password cannot contain spaces.</small> \r\n }\r\n </div>\r\n </div>\r\n </form>\r\n <div class=\"d-flex mt-10 mb-5\" role=\"group\">\r\n <button class=\"btn btn-primary w-100 \" id=\"alert-toast\" [disabled]=\"PasswordForm.invalid\"\r\n (click)=\"onPasswordSubmit()\">Reset\r\n password</button>\r\n </div>\r\n </div>\r\n <a class=\"text-decoration-underline backtologin text-center\" routerLink=\"/auth/login\">Back to\r\n login</a>\r\n\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-20\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\"\r\n class=\"footer text-decoration-underline cursor-pointer\">@TangoITSolutions\r\n India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\"\r\n class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path\r\n d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <img src=\"./assets/tango/Icons/login-background1.svg\" alt=\"Image\" class=\"background-image\">\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".title{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600;line-height:32px!important}.title-subtitle{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400;line-height:20px!important}.label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px!important}:host ::ng-deep .ng-otp-input-wrapper .otp-input:first-child{margin:0}:host ::ng-deep .ng-otp-input-wrapper .otp-input{margin-right:0!important;height:80px!important;width:80px;padding:8px;text-align:center;margin:10px 38px;color:var(--Gray-300, #D0D5DD)!important;font-size:60px;font-style:normal;font-weight:500;line-height:72px;letter-spacing:-1.2px;border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);box-shadow:0 1px 2px #1018280d}.small_lbl{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.container{width:100%;height:100%;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;width:45%;margin-left:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.login-form .title-padding{padding:0 32px}.login-form .login-title{color:var(--Gray-900, #101828);font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.72px}.login-form .login-sub-title{color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px}.login-form .form-label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px}.login-form .img-src{padding:10px 5px 32px}.login-form .mx-25{margin-right:-10px!important;margin-left:-45px!important}.login-form .w-360px{width:360px!important}.login-form .forgot{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize;text-align:center}.login-form .signup-default{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.login-form .signup-primary{color:var(--Primary-700, #009BF3)!important;font-size:14px;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.login-form .footer{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:20px}@media (min-width: 1745px) and (max-width: 1910px){.mt-6{margin-top:7rem!important}}@media (min-width: 1920px) and (max-width: 2100px){.mt-6{margin-top:10rem!important}.login-form .mx-25{margin-right:0!important;margin-left:20px!important}}.position-absolute{position:absolute;top:50%;transform:translateY(-50%)}.card{border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.backtologin{color:var(--Primary-700, #009BF3);font-size:14px;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.form-control{display:block;color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px;-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{font-size:1.1rem;font-weight:600;line-height:2.35;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}small{color:var(--Error-500, #F04438)!important;font-size:13px!important;font-weight:400!important;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}.alert-required{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.translate-middle{transform:translate(-65%,-50%)!important}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
|
|
1420
1423
|
}
|
|
1421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthForgotPasswordComponent, decorators: [{
|
|
1422
1425
|
type: Component,
|
|
1423
1426
|
args: [{ selector: "lib-tango-auth-forgot-password", template: "<div class=\"container\">\r\n <div class=\"row position-absolute\">\r\n <div class=\"col-md-6 pe-10 d-flex justify-content-center align-items-center \">\r\n <img src=\"./assets/tango/Icons/LHS.svg\" alt=\"Image\" class=\"img-fluid\">\r\n </div>\r\n @if (emailEnable) {\r\n <div class=\"col-md-6 ps-10 d-flex justify-content-center align-items-center\">\r\n <div class=\"card card-flush w-lg-600px ms-20 py-3 mt-20\">\r\n\r\n <div class=\"login-form login-signin w-100\">\r\n\r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-10 ms-10\">\r\n <h1 class=\"title my-4\"> Forgot Password\r\n </h1>\r\n <div class=\"title-subtitle mb-1\"> Enter the Email associated with your account and\r\n we'll send you a OTP to reset your password.\r\n </div>\r\n </div>\r\n <form class=\"w-100 title-padding\" novalidate=\"novalidate\">\r\n <div class=\"mb-1\">\r\n <label class=\"label\">Email</label>\r\n <input class=\"form-control my-3\" [formControl]=\"email\" type=\"email\" id=\"email\"\r\n name=\"email\">\r\n </div>\r\n </form>\r\n\r\n <div class=\"d-flex mt-5 mb-5 mx-10\" role=\"group\">\r\n\r\n <button class=\"btn btn-primary w-100\" id=\"alert-toast\" [disabled]=\"email.invalid\"\r\n (click)=\"onSubmit()\">Request reset link</button>\r\n </div>\r\n <a class=\"text-decoration-underline backtologin text-center my-3\" routerLink=\"/auth/login\">Back\r\n to\r\n login</a>\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-20\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\"\r\n class=\"footer text-decoration-underline cursor-pointer\">@TangoITSolutions\r\n India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\"\r\n class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path\r\n d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n\r\n </div>\r\n </div>\r\n }\r\n @if(passwordEnable) {\r\n <div class=\"col-md-6 ps-10 d-flex justify-content-center align-items-center\">\r\n <div class=\"card card-flush w-lg-600px ms-20 py-3 mt-20\">\r\n\r\n <div class=\"login-form login-signin w-100\">\r\n\r\n <div class=\"d-flex flex-column align-items-between title-padding\">\r\n <div class=\"text-start my-5 ms-10\">\r\n\r\n <h1 class=\"title my-4\">Reset Password\r\n </h1>\r\n <div class=\"title-subtitle mb-7\">Enter a new password to reset the password on your account\r\n </div>\r\n <form [formGroup]=\"PasswordForm\" novalidate=\"novalidate\" class=\"\">\r\n <div class=\"row px-0\">\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-7\">\r\n <label for=\"email\" class=\"form-label\">New Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input [type]=\"newPasswordShow ? 'text' : 'password'\" class=\"form-control\" id=\"password\"\r\n formControlName=\"password\"\r\n [ngClass]=\"{ 'is-invalid': PasswordForm.get('password')?.touched && PasswordForm.get('password')?.hasError('required') }\">\r\n <span (click)=\"showNewPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"newPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!newPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n @if(PasswordForm.get('password')?.touched) {\r\n @if (PasswordForm.get('password')?.hasError('required')) {\r\n <small>Password is required</small>\r\n } \r\n }\r\n <small *ngIf=\"PasswordForm.get('password')?.hasError('pattern')\">The password must contain atleast one capital letter and number.</small>\r\n <small *ngIf=\"PasswordForm.get('password')?.hasError('noSpaces') && !PasswordForm.get('password')?.hasError('pattern') && PasswordForm.get('password')?.touched\">Password cannot contain spaces.</small> \r\n </div>\r\n <div class=\"col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-7\">\r\n <label for=\"contact\" class=\"form-label\">Confirm New Password</label>\r\n <div class=\"position-relative mb-3\">\r\n <input [type]=\"verifyPasswordShow ? 'text' : 'password'\" class=\"form-control\" id=\"confirmPassword\"\r\n formControlName=\"confirmPassword\"\r\n [ngClass]=\"{ 'is-invalid': PasswordForm.get('confirmPassword')?.touched && PasswordForm.get('confirmPassword')?.hasError('required') }\">\r\n <span (click)=\"showVerifyPassword()\"\r\n class=\"btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2\"\r\n data-kt-password-meter-control=\"visibility\">\r\n <i *ngIf=\"verifyPasswordShow\" class=\"fa fa-eye\" aria-hidden=\"true\"></i>\r\n <i *ngIf=\"!verifyPasswordShow\" class=\"fa fa-eye-slash\" aria-hidden=\"true\"></i>\r\n </span>\r\n </div>\r\n @if(PasswordForm.get('confirmPassword')?.touched) {\r\n @if (PasswordForm.get('confirmPassword')?.hasError('required')) {\r\n <small>Confirm password is required</small>\r\n } @else {\r\n <!-- <small *ngIf=\"PasswordForm.get('confirmPassword')?.hasError('pattern')\">The confirm password must\r\n contain atleast one capital letter and number.</small> -->\r\n <small\r\n *ngIf=\"PasswordForm.get('confirmPassword')?.touched && PasswordForm.get('confirmPassword')?.hasError('NotEqual') && !PasswordForm.get('confirmPassword')?.hasError('required')\">Password\r\n does not match</small>\r\n }\r\n <small *ngIf=\"PasswordForm.get('confirmPassword')?.hasError('noSpaces') && !PasswordForm.get('confirmPassword')?.hasError('NotEqual') && PasswordForm.get('confirmPassword')?.touched\">Password cannot contain spaces.</small> \r\n }\r\n </div>\r\n </div>\r\n </form>\r\n <div class=\"d-flex mt-10 mb-5\" role=\"group\">\r\n <button class=\"btn btn-primary w-100 \" id=\"alert-toast\" [disabled]=\"PasswordForm.invalid\"\r\n (click)=\"onPasswordSubmit()\">Reset\r\n password</button>\r\n </div>\r\n </div>\r\n <a class=\"text-decoration-underline backtologin text-center\" routerLink=\"/auth/login\">Back to\r\n login</a>\r\n\r\n </div>\r\n <div class=\" d-flex flex-column flex-md-row mb-3 flex-md-stack pt-3 container-fluid\">\r\n <div class=\"text-gray-900 order-2 order-md-1 ms-20\">\r\n <span class=\"me-1 footer\">2024</span>\r\n <a target=\"_blank\"\r\n class=\"footer text-decoration-underline cursor-pointer\">@TangoITSolutions\r\n India Pvt Ltd</a>\r\n </div>\r\n <ul class=\"menu menu-gray-600 menu-hover-primary fw-semibold order-1 me-7\">\r\n <li class=\"menu-item footer\"><a target=\"_blank\" href=\"https://tangoeye.ai/#aboutus\"\r\n class=\"menu-link px-5\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\"\r\n height=\"13\" viewBox=\"0 0 12 13\" fill=\"none\">\r\n <path\r\n d=\"M11 3.7002C11 3.1502 10.55 2.7002 10 2.7002H2C1.45 2.7002 1 3.1502 1 3.7002M11 3.7002V9.7002C11 10.2502 10.55 10.7002 10 10.7002H2C1.45 10.7002 1 10.2502 1 9.7002V3.7002M11 3.7002L6 7.2002L1 3.7002\"\r\n stroke=\"#667085\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg><span class=\"ms-2\">support@tangotech.co.in</span></a></li>\r\n\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <img src=\"./assets/tango/Icons/login-background1.svg\" alt=\"Image\" class=\"background-image\">\r\n</div>\r\n\r\n\r\n\r\n\r\n", styles: [".title{color:var(--Gray-900, #101828)!important;font-size:24px!important;font-weight:600;line-height:32px!important}.title-subtitle{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400;line-height:20px!important}.label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px!important}:host ::ng-deep .ng-otp-input-wrapper .otp-input:first-child{margin:0}:host ::ng-deep .ng-otp-input-wrapper .otp-input{margin-right:0!important;height:80px!important;width:80px;padding:8px;text-align:center;margin:10px 38px;color:var(--Gray-300, #D0D5DD)!important;font-size:60px;font-style:normal;font-weight:500;line-height:72px;letter-spacing:-1.2px;border-radius:8px;border:1px solid var(--Gray-300, #D0D5DD);background:var(--White, #FFF);box-shadow:0 1px 2px #1018280d}.small_lbl{color:var(--Gray-500, #667085);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.container{width:100%;height:100%;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.content{position:relative;z-index:1;width:45%;margin-left:auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.login-form .title-padding{padding:0 32px}.login-form .login-title{color:var(--Gray-900, #101828);font-size:36px;font-weight:600;line-height:44px;letter-spacing:-.72px}.login-form .login-sub-title{color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px}.login-form .form-label{color:var(--Gray-700, #344054)!important;font-size:14px!important;font-weight:500;line-height:20px}.login-form .img-src{padding:10px 5px 32px}.login-form .mx-25{margin-right:-10px!important;margin-left:-45px!important}.login-form .w-360px{width:360px!important}.login-form .forgot{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize;text-align:center}.login-form .signup-default{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.login-form .signup-primary{color:var(--Primary-700, #009BF3)!important;font-size:14px;font-weight:600!important;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.login-form .footer{color:var(--Gray-500, #667085)!important;font-size:12px!important;font-weight:400!important;line-height:20px}@media (min-width: 1745px) and (max-width: 1910px){.mt-6{margin-top:7rem!important}}@media (min-width: 1920px) and (max-width: 2100px){.mt-6{margin-top:10rem!important}.login-form .mx-25{margin-right:0!important;margin-left:20px!important}}.position-absolute{position:absolute;top:50%;transform:translateY(-50%)}.card{border-radius:16px;background:#fff;box-shadow:0 4px 10px #0000000d}.backtologin{color:var(--Primary-700, #009BF3);font-size:14px;font-weight:600;line-height:20px;text-decoration-line:underline;text-transform:capitalize}.form-control{display:block;color:var(--Gray-500, #667085);font-size:16px;font-weight:400;line-height:24px;-webkit-appearance:none;appearance:none;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{font-size:1.1rem;font-weight:600;line-height:2.35;border-radius:8px!important;border:1px solid var(--Gray-300, #D0D5DD)!important}.form-label{color:var(--Gray-700, #344054);font-size:14px;font-style:normal;font-weight:500;line-height:20px}small{color:var(--Error-500, #F04438)!important;font-size:13px!important;font-weight:400!important;line-height:20px}.is-invalid{border-radius:8px!important;border:1px solid var(--Error-300, #FDA29B)!important;background:var(--White, #FFF)!important;box-shadow:0 1px 2px #1018280d!important;padding-right:calc(1.5em + .75rem)!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIyMDFfMjA5NTApIj4KPHBhdGggZD0iTTcuOTk5NjcgNS4zMzM5OFY4LjAwMDY1TTcuOTk5NjcgMTAuNjY3M0g4LjAwNjM0TTE0LjY2NjMgOC4wMDA2NUMxNC42NjYzIDExLjY4MjYgMTEuNjgxNiAxNC42NjczIDcuOTk5NjcgMTQuNjY3M0M0LjMxNzc4IDE0LjY2NzMgMS4zMzMwMSAxMS42ODI2IDEuMzMzMDEgOC4wMDA2NUMxLjMzMzAxIDQuMzE4NzUgNC4zMTc3OCAxLjMzMzk4IDcuOTk5NjcgMS4zMzM5OEMxMS42ODE2IDEuMzMzOTggMTQuNjY2MyA0LjMxODc1IDE0LjY2NjMgOC4wMDA2NVoiIHN0cm9rZT0iI0YwNDQzOCIgc3Ryb2tlLXdpZHRoPSIxLjMzMzMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMjAxXzIwOTUwIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)!important;background-repeat:no-repeat!important;background-position:right calc(.375em + .1875rem) center!important;background-size:calc(.75em + .375rem) calc(.75em + .375rem)!important}.alert-required{color:var(--Error-500, #F04438)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.translate-middle{transform:translate(-65%,-50%)!important}\n"] }]
|
|
1424
1427
|
}], ctorParameters: () => [{ type: i5.ToastService }, { type: AuthService }, { type: i3.ActivatedRoute }, { type: i2$1.FormBuilder }, { type: i3.Router }, { type: i4.PageInfoService }] });
|
|
@@ -1452,11 +1455,11 @@ const routes = [
|
|
|
1452
1455
|
},
|
|
1453
1456
|
];
|
|
1454
1457
|
class TangoAuthRoutingModule {
|
|
1455
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1456
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1457
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1458
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1459
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthRoutingModule, imports: [i3.RouterModule], exports: [RouterModule] });
|
|
1460
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
|
|
1458
1461
|
}
|
|
1459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthRoutingModule, decorators: [{
|
|
1460
1463
|
type: NgModule,
|
|
1461
1464
|
args: [{
|
|
1462
1465
|
imports: [RouterModule.forChild(routes)],
|
|
@@ -1465,8 +1468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
|
|
|
1465
1468
|
}] });
|
|
1466
1469
|
|
|
1467
1470
|
class TangoAuthModule {
|
|
1468
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1469
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1471
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1472
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthModule, declarations: [TangoAuthComponent,
|
|
1470
1473
|
TangoAuthLoginComponent,
|
|
1471
1474
|
TangoAuthSignupComponent,
|
|
1472
1475
|
TangoAuthForgotPasswordComponent,
|
|
@@ -1480,13 +1483,13 @@ class TangoAuthModule {
|
|
|
1480
1483
|
NgOtpInputModule,
|
|
1481
1484
|
ReactiveFormsModule,
|
|
1482
1485
|
FormsModule] });
|
|
1483
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1486
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthModule, imports: [CommonModule,
|
|
1484
1487
|
TangoAuthRoutingModule,
|
|
1485
1488
|
NgOtpInputModule,
|
|
1486
1489
|
ReactiveFormsModule,
|
|
1487
1490
|
FormsModule] });
|
|
1488
1491
|
}
|
|
1489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TangoAuthModule, decorators: [{
|
|
1490
1493
|
type: NgModule,
|
|
1491
1494
|
args: [{
|
|
1492
1495
|
declarations: [
|
|
@@ -1539,10 +1542,10 @@ class AuthGuard {
|
|
|
1539
1542
|
return false;
|
|
1540
1543
|
}
|
|
1541
1544
|
}
|
|
1542
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1543
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1545
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthGuard, deps: [{ token: AuthService }, { token: i4.GlobalStateService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1546
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthGuard, providedIn: 'root' });
|
|
1544
1547
|
}
|
|
1545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthGuard, decorators: [{
|
|
1546
1549
|
type: Injectable,
|
|
1547
1550
|
args: [{ providedIn: 'root' }]
|
|
1548
1551
|
}], ctorParameters: () => [{ type: AuthService }, { type: i4.GlobalStateService }, { type: i3.Router }] });
|