tango-app-ui-manage-settings 3.0.11-dev → 3.0.13-dev

package/esm2022/lib/components/payments-subscription/subscription-popups/product-confirmation/product-confirmation.component.mjs

@@ -1,35 +1,133 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import Swal from 'sweetalert2';
 import * as i0 from "@angular/core";
 import * as i1 from "@ng-bootstrap/ng-bootstrap";
 import * as i2 from "tango-app-ui-shared";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
+import * as i3 from "../../../../services/payment-subscription.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
 export class ProductConfirmationComponent {
     modalService;
     activeModal;
     toast;
-    select = 'continuetrail';
-    trailselect = 'subscribenow';
-    supportselect = 'daystrail';
-    constructor(modalService, activeModal, toast) {
+    PaymentSubscriptionService;
+    cd;
+    productList;
+    updatedProduct;
+    type;
+    stores;
+    clientId;
+    products = [];
+    clientProduct;
+    constructor(modalService, activeModal, toast, PaymentSubscriptionService, cd) {
         this.modalService = modalService;
         this.activeModal = activeModal;
         this.toast = toast;
+        this.PaymentSubscriptionService = PaymentSubscriptionService;
+        this.cd = cd;
     }
-    onTrail(event, continuetrail) {
-        this.select = continuetrail;
+    ngOnInit() {
+        let data = this.clientId;
+        this.PaymentSubscriptionService.getProductList(data).subscribe((res) => {
+            if (res && res.code == 200) {
+                this.clientProduct = res.data;
+                let clientProductList = this.clientProduct.map((item) => item.product);
+                let unsubScribedProduct = this.productList.filter((item) => !this.updatedProduct.includes(item));
+                let newProduct = this.updatedProduct.filter((item) => !this.productList.includes(item));
+                if (this.stores.length > 1) {
+                    newProduct = this.updatedProduct.filter((item) => !unsubScribedProduct.includes(item) && !clientProductList.includes(item));
+                }
+                if (newProduct.length) {
+                    newProduct = newProduct.join(',');
+                    this.products.push({
+                        name: newProduct,
+                        new: true,
+                        type: 'trial'
+                    });
+                }
+                if (unsubScribedProduct.length) {
+                    unsubScribedProduct = unsubScribedProduct.join(',');
+                    this.products.push({
+                        name: unsubScribedProduct,
+                        new: false,
+                        type: 'unsubscribe'
+                    });
+                }
+                this.cd.detectChanges();
+            }
+        });
     }
-    TrailExpired(event, subscribenow) {
-        this.trailselect = subscribenow;
+    updateproduct() {
+        let params = {
+            clientId: this.clientId,
+            product: this.products
+        };
+        this.PaymentSubscriptionService.updateProduct(params).subscribe((res) => {
+            if (res && res.code == 200) {
+                this.activeModal.close('product');
+                Swal.fire({
+                    iconHtml: `<img  src="../../../../assets/tango/toast-icons/Envelope-Open-icon.svg">`,
+                    html: `<div class="col-md-12 mt-5"><div class="toasttitile">${res.message}</div></div>`,
+                    toast: true,
+                    position: 'bottom',
+                    showConfirmButton: false,
+                    showCloseButton: true,
+                    timer: 6000,
+                    timerProgressBar: true,
+                    customClass: 'custom-toast-container',
+                    didOpen: (toast) => {
+                        toast.addEventListener('mouseenter', Swal.stopTimer);
+                        toast.addEventListener('mouseleave', Swal.resumeTimer);
+                    }
+                });
+            }
+        });
     }
-    support(event, daystrail) {
-        this.supportselect = daystrail;
+    updateType(index, type) {
+        this.products[index].type = type;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProductConfirmationComponent, deps: [{ token: i1.NgbModal }, { token: i1.NgbActiveModal }, { token: i2.ToastService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ProductConfirmationComponent, selector: "lib-product-confirmation", ngImport: i0, template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango Zone , Priority support</label>\r\n                            <span class=\"badge badge-light-primary ms-2\">Subscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'continuetrail')\">\r\n                                <input [ngClass]=\"select ==='continuetrail' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"continuetrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Start with trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'addsubscription')\">\r\n                                <input [ngClass]=\"select ==='addsubscription' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"addsubscription\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"confirmationborder mt-4\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango SOP</label>\r\n                            <span class=\"badge badge-light-warning ms-2\">Unsubscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'subscribenow')\">\r\n                                <input [ngClass]=\"trailselect ==='subscribenow' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"subscribenow\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Unsubscribe</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'dolater')\">\r\n                                <input [ngClass]=\"trailselect ==='dolater' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"dolater\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Cancel</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                  \r\n    \r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\">Cancel</button>\r\n                        <button type=\"button\"  tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+    updateStore() {
+        let params = {
+            clientId: this.clientId,
+            product: this.products,
+            store: this.stores
+        };
+        this.PaymentSubscriptionService.updateStore(params).subscribe((res) => {
+            if (res && res.code == 200) {
+                this.activeModal.close('store');
+                Swal.fire({
+                    iconHtml: `<img  src="../../../../assets/tango/toast-icons/Envelope-Open-icon.svg">`,
+                    html: `<div class="col-md-12 mt-5"><div class="toasttitile">${res.message}</div></div>`,
+                    toast: true,
+                    position: 'bottom',
+                    showConfirmButton: false,
+                    showCloseButton: true,
+                    timer: 6000,
+                    timerProgressBar: true,
+                    customClass: 'custom-toast-container',
+                    didOpen: (toast) => {
+                        toast.addEventListener('mouseenter', Swal.stopTimer);
+                        toast.addEventListener('mouseleave', Swal.resumeTimer);
+                    }
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProductConfirmationComponent, deps: [{ token: i1.NgbModal }, { token: i1.NgbActiveModal }, { token: i2.ToastService }, { token: i3.PaymentSubscriptionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ProductConfirmationComponent, selector: "lib-product-confirmation", inputs: { productList: "productList", updatedProduct: "updatedProduct", type: "type", stores: "stores", clientId: "clientId" }, ngImport: i0, template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\" *ngFor=\"let product of products;let i=index;\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">{{product.name}}</label>\r\n                            <span class=\"badge badge-light-primary ms-2\" *ngIf=\"product.new\">Subscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"badge badge-light-warning ms-2\" *ngIf=\"!product.new\">Unsubscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.new\">\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"trial\" (click)=\"updateType(i,'trial')\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Start with trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"subscription\" (click)=\"updateType(i,'subscription')\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"!product.new\">\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"unsubscribe\" (click)=\"updateType(i,'unsubscribe')\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Unsubscribe</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"cancel\" (click)=\"updateType(i,'cancel')\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Cancel</label>\r\n                            </div>\r\n                        \r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\" (click)=\"activeModal.close()\">Cancel</button>\r\n                        <button type=\"button\"  tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\" (click)=\"type === 'products' ? updateproduct() : updateStore()\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProductConfirmationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-product-confirmation', template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango Zone , Priority support</label>\r\n                            <span class=\"badge badge-light-primary ms-2\">Subscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'continuetrail')\">\r\n                                <input [ngClass]=\"select ==='continuetrail' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"continuetrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Start with trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'addsubscription')\">\r\n                                <input [ngClass]=\"select ==='addsubscription' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"addsubscription\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"confirmationborder mt-4\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango SOP</label>\r\n                            <span class=\"badge badge-light-warning ms-2\">Unsubscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'subscribenow')\">\r\n                                <input [ngClass]=\"trailselect ==='subscribenow' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"subscribenow\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Unsubscribe</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'dolater')\">\r\n                                <input [ngClass]=\"trailselect ==='dolater' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"dolater\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Cancel</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                  \r\n    \r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\">Cancel</button>\r\n                        <button type=\"button\"  tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i1.NgbActiveModal }, { type: i2.ToastService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tbWFuYWdlLXNldHRpbmdzL3NyYy9saWIvY29tcG9uZW50cy9wYXltZW50cy1zdWJzY3JpcHRpb24vc3Vic2NyaXB0aW9uLXBvcHVwcy9wcm9kdWN0LWNvbmZpcm1hdGlvbi9wcm9kdWN0LWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1tYW5hZ2Utc2V0dGluZ3Mvc3JjL2xpYi9jb21wb25lbnRzL3BheW1lbnRzLXN1YnNjcmlwdGlvbi9zdWJzY3JpcHRpb24tcG9wdXBzL3Byb2R1Y3QtY29uZmlybWF0aW9uL3Byb2R1Y3QtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVMxQyxNQUFNLE9BQU8sNEJBQTRCO0lBS2xCO0lBQWdDO0lBQXFDO0lBSjFGLE1BQU0sR0FBVyxlQUFlLENBQUM7SUFDakMsV0FBVyxHQUFXLGNBQWMsQ0FBQztJQUNyQyxhQUFhLEdBQVcsV0FBVyxDQUFDO0lBRXBDLFlBQXFCLFlBQXNCLEVBQVUsV0FBMkIsRUFBVSxLQUFrQjtRQUF2RixpQkFBWSxHQUFaLFlBQVksQ0FBVTtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQWE7SUFDNUcsQ0FBQztJQUNELE9BQU8sQ0FBQyxLQUFVLEVBQUUsYUFBcUI7UUFDdkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxhQUFhLENBQUM7SUFDOUIsQ0FBQztJQUNELFlBQVksQ0FBQyxLQUFVLEVBQUUsWUFBb0I7UUFDM0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7SUFDbEMsQ0FBQztJQUNELE9BQU8sQ0FBQyxLQUFVLEVBQUUsU0FBaUI7UUFDbkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUM7SUFDakMsQ0FBQzt1R0FmVSw0QkFBNEI7MkZBQTVCLDRCQUE0QixnRUNUekMsMHpLQStFTTs7MkZEdEVPLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSwwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdiQWN0aXZlTW9kYWwsIE5nYk1vZGFsIH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xyXG5pbXBvcnQgeyBUb2FzdFNlcnZpY2UgfSBmcm9tICd0YW5nby1hcHAtdWktc2hhcmVkJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXByb2R1Y3QtY29uZmlybWF0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZHVjdC1jb25maXJtYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9wcm9kdWN0LWNvbmZpcm1hdGlvbi5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2R1Y3RDb25maXJtYXRpb25Db21wb25lbnQge1xyXG4gIHNlbGVjdDogc3RyaW5nID0gJ2NvbnRpbnVldHJhaWwnOyBcclxuICB0cmFpbHNlbGVjdDogc3RyaW5nID0gJ3N1YnNjcmliZW5vdyc7XHJcbiAgc3VwcG9ydHNlbGVjdDogc3RyaW5nID0gJ2RheXN0cmFpbCc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCBwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWwsIHByaXZhdGUgYWN0aXZlTW9kYWwgOk5nYkFjdGl2ZU1vZGFsLCBwcml2YXRlIHRvYXN0OlRvYXN0U2VydmljZSl7XHJcbiAgfVxyXG4gIG9uVHJhaWwoZXZlbnQ6IGFueSwgY29udGludWV0cmFpbDogc3RyaW5nKSB7XHJcbiAgICB0aGlzLnNlbGVjdCA9IGNvbnRpbnVldHJhaWw7XHJcbiAgfVxyXG4gIFRyYWlsRXhwaXJlZChldmVudDogYW55LCBzdWJzY3JpYmVub3c6IHN0cmluZykge1xyXG4gICAgdGhpcy50cmFpbHNlbGVjdCA9IHN1YnNjcmliZW5vdztcclxuICB9XHJcbiAgc3VwcG9ydChldmVudDogYW55LCBkYXlzdHJhaWw6IHN0cmluZykge1xyXG4gICAgdGhpcy5zdXBwb3J0c2VsZWN0ID0gZGF5c3RyYWlsO1xyXG4gIH1cclxuXHJcbiAgLy8gc3VibWl0KCkge1xyXG4gIC8vICAgdGhpcy5hY3RpdmVNb2RhbC5jbG9zZSgnc3VibWl0Jyk7XHJcbiAgLy8gfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicC02XCI+XHJcbiAgICAgICAgPGRpdj48aW1nIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3NldHRpbmdzLWljb24uc3ZnXCIgYWx0PVwiXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmcgbXQtNCBtcy0xXCI+Q29uZmlybWF0aW9uPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnR0ZXh0IG10LTQgbXMtMVwiPlxyXG4gICAgICAgICAgICBQbGVhc2UgdXBkYXRlIHRoZSBzdGF0dXMgb2YgYmVsb3cgcHJvZHVjdFxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgICA8IS0tYmVnaW46OkZvcm0tLT5cclxuICAgICAgICAgICAgPGZvcm0gaWQ9XCJrdF9tb2RhbF9uZXdfY2FyZF9mb3JtXCIgY2xhc3M9XCJmb3JtIGZ2LXBsdWdpbnMtYm9vdHN0cmFwNSBmdi1wbHVnaW5zLWZyYW1ld29ya1wiIGFjdGlvbj1cIiNcIj5cclxuICAgIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZ2LXJvdyBmdi1wbHVnaW5zLWljb24tY29udGFpbmVyIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb25ib3JkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj1cIlRhbmdvWm9uZVwiIGNsYXNzPVwiIHByb2R1Y3R0ZXh0IG1iLTJcIj5UYW5nbyBab25lICwgUHJpb3JpdHkgc3VwcG9ydDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJhZGdlIGJhZGdlLWxpZ2h0LXByaW1hcnkgbXMtMlwiPlN1YnNjcmliZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJtcy0yXCIgc3JjPVwiLi9hc3NldHMvdGFuZ28vY3VzdG9tcG9wdXAtSWNvbnMvcHJpbWFyeS1jbG9jay1pY29uLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgcHQtMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2sgZm9ybS1jaGVjay1pbmxpbmUgcHMtMFwiIChjbGljayk9XCJvblRyYWlsKCRldmVudCwgJ2NvbnRpbnVldHJhaWwnKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBbbmdDbGFzc109XCJzZWxlY3QgPT09J2NvbnRpbnVldHJhaWwnID8gJ3JhZGlvLWN1c3RvbSBtcy0wJyA6J3RleHQtbXV0ZWQgJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJvbnRyYWlsUmFkaW9PcHRpb25zXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpbmxpbmVSYWRpbzFcIiB2YWx1ZT1cImNvbnRpbnVldHJhaWxcIiBjaGVja2VkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgcHJvZHVjdHRleHQgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5TdGFydCB3aXRoIHRyYWlsPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2Pjxicj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwib25UcmFpbCgkZXZlbnQsICdhZGRzdWJzY3JpcHRpb24nKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBbbmdDbGFzc109XCJzZWxlY3QgPT09J2FkZHN1YnNjcmlwdGlvbicgPyAncmFkaW8tY3VzdG9tIG1zLTAnIDondGV4dC1tdXRlZCAnXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCIgY3Vyc29yLXBvaW50ZXIgcmFkaW8tY3VzdG9tXCIgdHlwZT1cInJhZGlvXCIgbmFtZT1cIm9udHJhaWxSYWRpb09wdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImlubGluZVJhZGlvMVwiIHZhbHVlPVwiYWRkc3Vic2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZm9ybS1jaGVjay1sYWJlbCBwcm9kdWN0dGV4dCByYWRpby1jdXN0b20tbGFiZWwgbXgtMyBjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcj1cImlubGluZVJhZGlvMVwiPkFkZCB0byBTdWJzY3JpcHRpb248L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbmZpcm1hdGlvbmJvcmRlciBtdC00XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJUYW5nb1pvbmVcIiBjbGFzcz1cIiBwcm9kdWN0dGV4dCBtYi0yXCI+VGFuZ28gU09QPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFkZ2UgYmFkZ2UtbGlnaHQtd2FybmluZyBtcy0yXCI+VW5zdWJzY3JpYmVcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwibXMtMlwiIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3dhcm5pbmctY2xvY2staWNvbi5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIHB0LTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwiVHJhaWxFeHBpcmVkKCRldmVudCwgJ3N1YnNjcmliZW5vdycpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IFtuZ0NsYXNzXT1cInRyYWlsc2VsZWN0ID09PSdzdWJzY3JpYmVub3cnID8gJ3JhZGlvLWN1c3RvbSBtcy0wJyA6J3RleHQtbXV0ZWQgJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJUcmFpbEV4cGlyZWRSYWRpb09wdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImlubGluZVJhZGlvMVwiIHZhbHVlPVwic3Vic2NyaWJlbm93XCIgY2hlY2tlZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIHByb2R1Y3R0ZXh0IGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yPVwiaW5saW5lUmFkaW8xXCI+VW5zdWJzY3JpYmU8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+PGJyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2sgZm9ybS1jaGVjay1pbmxpbmUgcHMtMFwiIChjbGljayk9XCJUcmFpbEV4cGlyZWQoJGV2ZW50LCAnZG9sYXRlcicpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IFtuZ0NsYXNzXT1cInRyYWlsc2VsZWN0ID09PSdkb2xhdGVyJyA/ICdyYWRpby1jdXN0b20gbXMtMCcgOid0ZXh0LW11dGVkICdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwiVHJhaWxFeHBpcmVkUmFkaW9PcHRpb25zXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpbmxpbmVSYWRpbzFcIiB2YWx1ZT1cImRvbGF0ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHByb2R1Y3R0ZXh0IHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yPVwiaW5saW5lUmFkaW8xXCI+Q2FuY2VsPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICBcclxuICAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggbXQtOSBteS0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIGNsYXNzPVwiYnRuLW91dGxpbmUgYnRuIGNhbmNlbCBtZS00IHctNTBcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBweC00IG5nLXN0YXItaW5zZXJ0ZWQgdy01MFwiIHN0eWxlPVwid2hpdGUtc3BhY2U6IG5vd3JhcDtcIj48c3BhblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3VibWl0XCI+U3VibWl0PC9zcGFuPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICBcclxuICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPCEtLWVuZDo6QWN0aW9ucy0tPlxyXG4gICAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgICAgIDwhLS1lbmQ6OkZvcm0tLT5cclxuICAgICAgXHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+            args: [{ selector: 'lib-product-confirmation', template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\" [ngClass]=\"i !== 0 ? 'mt-4' : ''\" *ngFor=\"let product of products;let i=index;\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">{{product.name}}</label>\r\n                            <span class=\"badge badge-light-primary ms-2\" *ngIf=\"product.new\">Subscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"badge badge-light-warning ms-2\" *ngIf=\"!product.new\">Unsubscribe\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.new\">\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"trial\" (click)=\"updateType(i,'trial')\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Start with trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"subscription\" (click)=\"updateType(i,'subscription')\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"!product.new\">\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"unsubscribe\" (click)=\"updateType(i,'unsubscribe')\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Unsubscribe</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" >\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"cancel\" (click)=\"updateType(i,'cancel')\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Cancel</label>\r\n                            </div>\r\n                        \r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\" (click)=\"activeModal.close()\">Cancel</button>\r\n                        <button type=\"button\"  tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\" (click)=\"type === 'products' ? updateproduct() : updateStore()\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i1.NgbActiveModal }, { type: i2.ToastService }, { type: i3.PaymentSubscriptionService }, { type: i0.ChangeDetectorRef }], propDecorators: { productList: [{
+                type: Input
+            }], updatedProduct: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], stores: [{
+                type: Input
+            }], clientId: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ28tbWFuYWdlLXNldHRpbmdzL3NyYy9saWIvY29tcG9uZW50cy9wYXltZW50cy1zdWJzY3JpcHRpb24vc3Vic2NyaXB0aW9uLXBvcHVwcy9wcm9kdWN0LWNvbmZpcm1hdGlvbi9wcm9kdWN0LWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1tYW5hZ2Utc2V0dGluZ3Mvc3JjL2xpYi9jb21wb25lbnRzL3BheW1lbnRzLXN1YnNjcmlwdGlvbi9zdWJzY3JpcHRpb24tcG9wdXBzL3Byb2R1Y3QtY29uZmlybWF0aW9uL3Byb2R1Y3QtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUE2QixNQUFNLGVBQWUsQ0FBQztBQUk1RSxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7Ozs7Ozs7QUFPL0IsTUFBTSxPQUFPLDRCQUE0QjtJQVNuQjtJQUErQjtJQUFxQztJQUE2QjtJQUFnRTtJQVI1SyxXQUFXLENBQUs7SUFDaEIsY0FBYyxDQUFLO0lBQ25CLElBQUksQ0FBSztJQUNULE1BQU0sQ0FBSztJQUNYLFFBQVEsQ0FBSztJQUN0QixRQUFRLEdBQU8sRUFBRSxDQUFDO0lBQ2xCLGFBQWEsQ0FBSztJQUVsQixZQUFvQixZQUFzQixFQUFTLFdBQTJCLEVBQVUsS0FBbUIsRUFBVSwwQkFBc0QsRUFBVSxFQUFxQjtRQUF0TCxpQkFBWSxHQUFaLFlBQVksQ0FBVTtRQUFTLGdCQUFXLEdBQVgsV0FBVyxDQUFnQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQWM7UUFBVSwrQkFBMEIsR0FBMUIsMEJBQTBCLENBQTRCO1FBQVUsT0FBRSxH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QixlQUFlLEVBQUUsSUFBSTtvQkFDckIsS0FBSyxFQUFFLElBQUk7b0JBQ1gsZ0JBQWdCLEVBQUUsSUFBSTtvQkFDdEIsV0FBVyxFQUFFLHdCQUF3QjtvQkFDckMsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7d0JBQ2pCLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO3dCQUNwRCxLQUFLLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQTtvQkFDeEQsQ0FBQztpQkFDRixDQUFDLENBQUE7YUFFSDtRQUNILENBQUMsQ0FBQyxDQUFBO0lBRUosQ0FBQzt1R0F6R1UsNEJBQTRCOzJGQUE1Qiw0QkFBNEIsZ01DWHpDLCt4SkFxRU07OzJGRDFETyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsMEJBQTBCOzhNQUszQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ2JBY3RpdmVNb2RhbCwgTmdiTW9kYWwgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IFRvYXN0U2VydmljZSB9IGZyb20gJ3RhbmdvLWFwcC11aS1zaGFyZWQnO1xyXG5pbXBvcnQgeyBQYXltZW50U3Vic2NyaXB0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL3BheW1lbnQtc3Vic2NyaXB0aW9uLnNlcnZpY2UnO1xyXG5pbXBvcnQgU3dhbCBmcm9tICdzd2VldGFsZXJ0Mic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1wcm9kdWN0LWNvbmZpcm1hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2R1Y3QtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcHJvZHVjdC1jb25maXJtYXRpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcm9kdWN0Q29uZmlybWF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBwcm9kdWN0TGlzdDphbnk7XHJcbiAgQElucHV0KCkgdXBkYXRlZFByb2R1Y3Q6YW55O1xyXG4gIEBJbnB1dCgpIHR5cGU6YW55O1xyXG4gIEBJbnB1dCgpIHN0b3Jlczphbnk7XHJcbiAgQElucHV0KCkgY2xpZW50SWQ6YW55O1xyXG4gIHByb2R1Y3RzOmFueSA9IFtdO1xyXG4gIGNsaWVudFByb2R1Y3Q6YW55O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWwsIHB1YmxpYyBhY3RpdmVNb2RhbDogTmdiQWN0aXZlTW9kYWwsIHByaXZhdGUgdG9hc3Q6IFRvYXN0U2VydmljZSwgcHJpdmF0ZSBQYXltZW50U3Vic2NyaXB0aW9uU2VydmljZTogUGF5bWVudFN1YnNjcmlwdGlvblNlcnZpY2UsIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKXtcclxuICB9XHJcbiAgbmdPbkluaXQoKTp2b2lkIHtcclxuICAgIGxldCBkYXRhID0gdGhpcy5jbGllbnRJZDtcclxuICAgIHRoaXMuUGF5bWVudFN1YnNjcmlwdGlvblNlcnZpY2UuZ2V0UHJvZHVjdExpc3QoZGF0YSkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xyXG4gICAgICBpZiAocmVzICYmIHJlcy5jb2RlID09IDIwMCkge1xyXG4gICAgICAgIHRoaXMuY2xpZW50UHJvZHVjdCA9IHJlcy5kYXRhO1xyXG4gICAgICAgIGxldCBjbGllbnRQcm9kdWN0TGlzdCA9IHRoaXMuY2xpZW50UHJvZHVjdC5tYXAoKGl0ZW06YW55KSA9PiBpdGVtLnByb2R1Y3QpO1xyXG4gICAgICAgIGxldCB1bnN1YlNjcmliZWRQcm9kdWN0ID0gdGhpcy5wcm9kdWN0TGlzdC5maWx0ZXIoKGl0ZW06IGFueSkgPT4gIXRoaXMudXBkYXRlZFByb2R1Y3QuaW5jbHVkZXMoaXRlbSkpO1xyXG4gICAgICAgIGxldCBuZXdQcm9kdWN0ID0gdGhpcy51cGRhdGVkUHJvZHVjdC5maWx0ZXIoKGl0ZW06IGFueSkgPT4gIXRoaXMucHJvZHVjdExpc3QuaW5jbHVkZXMoaXRlbSkpO1xyXG4gICAgICAgIFxyXG4gICAgICAgIGlmICh0aGlzLnN0b3Jlcy5sZW5ndGggPiAxICkge1xyXG4gICAgICAgICAgbmV3UHJvZHVjdCA9IHRoaXMudXBkYXRlZFByb2R1Y3QuZmlsdGVyKChpdGVtOiBhbnkpID0+ICF1bnN1YlNjcmliZWRQcm9kdWN0LmluY2x1ZGVzKGl0ZW0pICYmICFjbGllbnRQcm9kdWN0TGlzdC5pbmNsdWRlcyhpdGVtKSlcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKG5ld1Byb2R1Y3QubGVuZ3RoKSB7XHJcbiAgICAgICAgICBuZXdQcm9kdWN0ID0gbmV3UHJvZHVjdC5qb2luKCcsJyk7XHJcbiAgICAgICAgICB0aGlzLnByb2R1Y3RzLnB1c2goe1xyXG4gICAgICAgICAgICBuYW1lOiBuZXdQcm9kdWN0LFxyXG4gICAgICAgICAgICBuZXc6IHRydWUsXHJcbiAgICAgICAgICAgIHR5cGU6ICd0cmlhbCdcclxuICAgICAgICAgIH0pXHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmICh1bnN1YlNjcmliZWRQcm9kdWN0Lmxlbmd0aCkge1xyXG4gICAgICAgICAgdW5zdWJTY3JpYmVkUHJvZHVjdCA9IHVuc3ViU2NyaWJlZFByb2R1Y3Quam9pbignLCcpO1xyXG4gICAgICAgICAgdGhpcy5wcm9kdWN0cy5wdXNoKHtcclxuICAgICAgICAgICAgbmFtZTogdW5zdWJTY3JpYmVkUHJvZHVjdCxcclxuICAgICAgICAgICAgbmV3OiBmYWxzZSxcclxuICAgICAgICAgICAgdHlwZTogJ3Vuc3Vic2NyaWJlJ1xyXG4gICAgICAgICAgfSlcclxuICAgICAgICB9XHJcbiAgICAgICAgXHJcbiAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH1cclxuICAgIH0pXHJcbiAgfVxyXG4gIHVwZGF0ZXByb2R1Y3QoKSB7XHJcbiAgICBsZXQgcGFyYW1zID0ge1xyXG4gICAgICBjbGllbnRJZDp0aGlzLmNsaWVudElkLFxyXG4gICAgICBwcm9kdWN0OnRoaXMucHJvZHVjdHNcclxuICAgIH1cclxuICAgIHRoaXMuUGF5bWVudFN1YnNjcmlwdGlvblNlcnZpY2UudXBkYXRlUHJvZHVjdChwYXJhbXMpLnN1YnNjcmliZSgocmVzOmFueSkgPT57XHJcbiAgICAgIGlmKHJlcyAmJiByZXMuY29kZSA9PSAyMDApIHtcclxuICAgICAgICB0aGlzLmFjdGl2ZU1vZGFsLmNsb3NlKCdwcm9kdWN0Jyk7XHJcbiAgICAgICAgU3dhbC5maXJlKHtcclxuICAgICAgICAgIGljb25IdG1sOiBgPGltZyAgc3JjPVwiLi4vLi4vLi4vLi4vYXNzZXRzL3RhbmdvL3RvYXN0LWljb25zL0VudmVsb3BlLU9wZW4taWNvbi5zdmdcIj5gLFxyXG4gICAgICAgICAgaHRtbDogYDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgbXQtNVwiPjxkaXYgY2xhc3M9XCJ0b2FzdHRpdGlsZVwiPiR7cmVzLm1lc3NhZ2V9PC9kaXY+PC9kaXY+YCxcclxuICAgICAgICAgIHRvYXN0OiB0cnVlLFxyXG4gICAgICAgICAgcG9zaXRpb246ICdib3R0b20nLFxyXG4gICAgICAgICAgc2hvd0NvbmZpcm1CdXR0b246IGZhbHNlLFxyXG4gICAgICAgICAgc2hvd0Nsb3NlQnV0dG9uOiB0cnVlLFxyXG4gICAgICAgICAgdGltZXI6IDYwMDAsXHJcbiAgICAgICAgICB0aW1lclByb2dyZXNzQmFyOiB0cnVlLFxyXG4gICAgICAgICAgY3VzdG9tQ2xhc3M6ICdjdXN0b20tdG9hc3QtY29udGFpbmVyJyxcclxuICAgICAgICAgIGRpZE9wZW46ICh0b2FzdCkgPT4ge1xyXG4gICAgICAgICAgICB0b2FzdC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWVudGVyJywgU3dhbC5zdG9wVGltZXIpXHJcbiAgICAgICAgICAgIHRvYXN0LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCBTd2FsLnJlc3VtZVRpbWVyKVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pXHJcbiAgICAgICAgXHJcbiAgICAgIH1cclxuICAgIH0pXHJcblxyXG4gIH1cclxuXHJcbiAgdXBkYXRlVHlwZShpbmRleDphbnksdHlwZTphbnkpIHtcclxuICAgIHRoaXMucHJvZHVjdHNbaW5kZXhdLnR5cGUgPSB0eXBlO1xyXG4gIH1cclxuXHJcbiAgdXBkYXRlU3RvcmUoKSB7XHJcbiAgICBsZXQgcGFyYW1zID0ge1xyXG4gICAgICBjbGllbnRJZDogdGhpcy5jbGllbnRJZCxcclxuICAgICAgcHJvZHVjdDogdGhpcy5wcm9kdWN0cyxcclxuICAgICAgc3RvcmU6IHRoaXMuc3RvcmVzXHJcbiAgICB9XHJcbiAgICB0aGlzLlBheW1lbnRTdWJzY3JpcHRpb25TZXJ2aWNlLnVwZGF0ZVN0b3JlKHBhcmFtcykuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xyXG4gICAgICBpZiAocmVzICYmIHJlcy5jb2RlID09IDIwMCkge1xyXG4gICAgICAgIHRoaXMuYWN0aXZlTW9kYWwuY2xvc2UoJ3N0b3JlJyk7XHJcbiAgICAgICAgU3dhbC5maXJlKHtcclxuICAgICAgICAgIGljb25IdG1sOiBgPGltZyAgc3JjPVwiLi4vLi4vLi4vLi4vYXNzZXRzL3RhbmdvL3RvYXN0LWljb25zL0VudmVsb3BlLU9wZW4taWNvbi5zdmdcIj5gLFxyXG4gICAgICAgICAgaHRtbDogYDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgbXQtNVwiPjxkaXYgY2xhc3M9XCJ0b2FzdHRpdGlsZVwiPiR7cmVzLm1lc3NhZ2V9PC9kaXY+PC9kaXY+YCxcclxuICAgICAgICAgIHRvYXN0OiB0cnVlLFxyXG4gICAgICAgICAgcG9zaXRpb246ICdib3R0b20nLFxyXG4gICAgICAgICAgc2hvd0NvbmZpcm1CdXR0b246IGZhbHNlLFxyXG4gICAgICAgICAgc2hvd0Nsb3NlQnV0dG9uOiB0cnVlLFxyXG4gICAgICAgICAgdGltZXI6IDYwMDAsXHJcbiAgICAgICAgICB0aW1lclByb2dyZXNzQmFyOiB0cnVlLFxyXG4gICAgICAgICAgY3VzdG9tQ2xhc3M6ICdjdXN0b20tdG9hc3QtY29udGFpbmVyJyxcclxuICAgICAgICAgIGRpZE9wZW46ICh0b2FzdCkgPT4ge1xyXG4gICAgICAgICAgICB0b2FzdC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWVudGVyJywgU3dhbC5zdG9wVGltZXIpXHJcbiAgICAgICAgICAgIHRvYXN0LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCBTd2FsLnJlc3VtZVRpbWVyKVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pXHJcblxyXG4gICAgICB9XHJcbiAgICB9KVxyXG4gICAgXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicC02XCI+XHJcbiAgICAgICAgPGRpdj48aW1nIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3NldHRpbmdzLWljb24uc3ZnXCIgYWx0PVwiXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmcgbXQtNCBtcy0xXCI+Q29uZmlybWF0aW9uPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnR0ZXh0IG10LTQgbXMtMVwiPlxyXG4gICAgICAgICAgICBQbGVhc2UgdXBkYXRlIHRoZSBzdGF0dXMgb2YgYmVsb3cgcHJvZHVjdFxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgICA8IS0tYmVnaW46OkZvcm0tLT5cclxuICAgICAgICAgICAgPGZvcm0gaWQ9XCJrdF9tb2RhbF9uZXdfY2FyZF9mb3JtXCIgY2xhc3M9XCJmb3JtIGZ2LXBsdWdpbnMtYm9vdHN0cmFwNSBmdi1wbHVnaW5zLWZyYW1ld29ya1wiIGFjdGlvbj1cIiNcIj5cclxuICAgIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZ2LXJvdyBmdi1wbHVnaW5zLWljb24tY29udGFpbmVyIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb25ib3JkZXJcIiBbbmdDbGFzc109XCJpICE9PSAwID8gJ210LTQnIDogJydcIiAqbmdGb3I9XCJsZXQgcHJvZHVjdCBvZiBwcm9kdWN0cztsZXQgaT1pbmRleDtcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj1cIlRhbmdvWm9uZVwiIGNsYXNzPVwiIHByb2R1Y3R0ZXh0IG1iLTJcIj57e3Byb2R1Y3QubmFtZX19PC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFkZ2UgYmFkZ2UtbGlnaHQtcHJpbWFyeSBtcy0yXCIgKm5nSWY9XCJwcm9kdWN0Lm5ld1wiPlN1YnNjcmliZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJtcy0yXCIgc3JjPVwiLi9hc3NldHMvdGFuZ28vY3VzdG9tcG9wdXAtSWNvbnMvcHJpbWFyeS1jbG9jay1pY29uLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWRnZSBiYWRnZS1saWdodC13YXJuaW5nIG1zLTJcIiAqbmdJZj1cIiFwcm9kdWN0Lm5ld1wiPlVuc3Vic2NyaWJlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzcz1cIm1zLTJcIiBzcmM9XCIuL2Fzc2V0cy90YW5nby9jdXN0b21wb3B1cC1JY29ucy93YXJuaW5nLWNsb2NrLWljb24uc3ZnXCIgYWx0PVwiXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBwdC0xXCIgKm5nSWY9XCJwcm9kdWN0Lm5ld1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2sgZm9ybS1jaGVjay1pbmxpbmUgcHMtMFwiID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCIgY3Vyc29yLXBvaW50ZXIgcmFkaW8tY3VzdG9tXCIgdHlwZT1cInJhZGlvXCIgbmFtZT1cIm9udHJhaWxSYWRpb09wdGlvbnNfe3tpfX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImlubGluZVJhZGlvMVwiIHZhbHVlPVwidHJpYWxcIiAoY2xpY2spPVwidXBkYXRlVHlwZShpLCd0cmlhbCcpXCIgY2hlY2tlZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIHByb2R1Y3R0ZXh0IGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yPVwiaW5saW5lUmFkaW8xXCI+U3RhcnQgd2l0aCB0cmFpbDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj48YnI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwib250cmFpbFJhZGlvT3B0aW9uc197e2l9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwiaW5saW5lUmFkaW8xXCIgdmFsdWU9XCJzdWJzY3JpcHRpb25cIiAoY2xpY2spPVwidXBkYXRlVHlwZShpLCdzdWJzY3JpcHRpb24nKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5BZGQgdG8gU3Vic2NyaXB0aW9uPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBwdC0xXCIgKm5nSWY9XCIhcHJvZHVjdC5uZXdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJUcmFpbEV4cGlyZWRSYWRpb09wdGlvbnNfe3tpfX1cIiBpZD1cImlubGluZVJhZGlvMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPVwidW5zdWJzY3JpYmVcIiAoY2xpY2spPVwidXBkYXRlVHlwZShpLCd1bnN1YnNjcmliZScpXCIgY2hlY2tlZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIHByb2R1Y3R0ZXh0IGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yPVwiaW5saW5lUmFkaW8xXCI+VW5zdWJzY3JpYmU8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+PGJyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2sgZm9ybS1jaGVjay1pbmxpbmUgcHMtMFwiID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCIgY3Vyc29yLXBvaW50ZXIgcmFkaW8tY3VzdG9tXCIgdHlwZT1cInJhZGlvXCIgbmFtZT1cIlRyYWlsRXhwaXJlZFJhZGlvT3B0aW9uc197e2l9fVwiIGlkPVwiaW5saW5lUmFkaW8xXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJjYW5jZWxcIiAoY2xpY2spPVwidXBkYXRlVHlwZShpLCdjYW5jZWwnKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5DYW5jZWw8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBtdC05IG15LTJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgY2xhc3M9XCJidG4tb3V0bGluZSBidG4gY2FuY2VsIG1lLTQgdy01MFwiIChjbGljayk9XCJhY3RpdmVNb2RhbC5jbG9zZSgpXCI+Q2FuY2VsPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiICB0YWJpbmRleD1cIjBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLXByaW1hcnkgcHgtNCBuZy1zdGFyLWluc2VydGVkIHctNTBcIiBzdHlsZT1cIndoaXRlLXNwYWNlOiBub3dyYXA7XCI+PHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN1Ym1pdFwiIChjbGljayk9XCJ0eXBlID09PSAncHJvZHVjdHMnID8gdXBkYXRlcHJvZHVjdCgpIDogdXBkYXRlU3RvcmUoKVwiPlN1Ym1pdDwvc3Bhbj48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwhLS1lbmQ6OkFjdGlvbnMtLT5cclxuICAgICAgICAgICAgPC9mb3JtPlxyXG4gICAgICAgICAgICA8IS0tZW5kOjpGb3JtLS0+XHJcbiAgICAgIFxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/components/payments-subscription/subscription-popups/subscription-approval/subscription-approval.component.mjs

@@ -1,49 +1,100 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { SuccessfullSubscriptionComponent } from '../successfull-subscription/successfull-subscription.component';
+import { Subject, takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@ng-bootstrap/ng-bootstrap";
 import * as i2 from "tango-app-ui-shared";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
+import * as i3 from "../../../../services/payment-subscription.service";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
 export class SubscriptionApprovalComponent {
     modalService;
     activeModel;
     toast;
+    PaymentSubscriptionService;
+    products;
+    clientInfo;
+    productList = [];
     select = 'continuetrail';
     trailselect = 'subscribenow';
     supportselect = 'daystrail';
     gifVisible = false;
-    constructor(modalService, activeModel, toast) {
+    destroy$ = new Subject();
+    constructor(modalService, activeModel, toast, PaymentSubscriptionService) {
         this.modalService = modalService;
         this.activeModel = activeModel;
         this.toast = toast;
+        this.PaymentSubscriptionService = PaymentSubscriptionService;
     }
-    suscribed() {
-        console.log('this.modalService');
-        this.activeModel.close();
-        const modalRef = this.modalService.open(SuccessfullSubscriptionComponent, {
-            centered: true, size: 'md'
-        });
-        modalRef.result.then((result) => {
+    ngOnInit() {
+        this.products.forEach((item) => {
+            if (typeof item.toolTip != 'undefined' && item?.toolTip == 'On Trial' && item.active) {
+                this.productList.push({
+                    name: item.productName,
+                    productName: item.aliseProductName,
+                    type: 'trial',
+                    content: 'trial'
+                });
+            }
+            if (typeof item.toolTip != 'undefined' && item?.toolTip == 'Trial Expired' && item.active) {
+                this.productList.push({
+                    name: item.productName,
+                    productName: item.aliseProductName,
+                    type: 'trial',
+                    content: 'trialExpired'
+                });
+            }
+            if (!item?.toolTip && item.active) {
+                this.productList.push({
+                    name: item.productName,
+                    productName: item.aliseProductName,
+                    type: 'startTrial',
+                    content: 'new'
+                });
+            }
         });
-        this.gifVisible = true;
-    }
-    showGif() {
+        console.log(this.productList, 'product');
     }
-    onTrail(event, continuetrail) {
-        this.select = continuetrail;
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
     }
-    TrailExpired(event, subscribenow) {
-        this.trailselect = subscribenow;
+    suscribed() {
+        let data = {
+            clientId: this.clientInfo.clientId,
+            price: this.clientInfo.currentPlanInfo.price,
+            priceType: this.clientInfo.currentPlanInfo.priceType,
+            subscriptionType: this.clientInfo.currentPlanInfo.subscriptionType,
+            subscriptionPeriod: this.clientInfo.currentPlanInfo.subscriptionPeriod,
+            storeCount: this.clientInfo.currentPlanInfo.storeCount,
+            totalCamera: this.clientInfo.currentPlanInfo.totalCamera,
+            totalStores: this.clientInfo.currentPlanInfo.totalStores,
+            storeSize: this.clientInfo.currentPlanInfo.storeSize,
+            products: this.productList
+        };
+        this.PaymentSubscriptionService.updateSubscription(data).pipe(takeUntil(this.destroy$)).subscribe((res) => {
+            if (res && res.code == 200) {
+                this.activeModel.close();
+                const modalRef = this.modalService.open(SuccessfullSubscriptionComponent, {
+                    centered: true, size: 'md'
+                });
+                modalRef.componentInstance.products = this.productList.map((item) => item.productName);
+            }
+        });
+        this.gifVisible = true;
     }
-    support(event, daystrail) {
-        this.supportselect = daystrail;
+    updateProduct(index, type) {
+        this.productList[index].type = type;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SubscriptionApprovalComponent, deps: [{ token: i1.NgbModal }, { token: i1.NgbActiveModal }, { token: i2.ToastService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SubscriptionApprovalComponent, selector: "lib-subscription-approval", ngImport: i0, template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango Zone</label>\r\n                            <span class=\"badge badge-light-primary ms-2\">On Trail\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'continuetrail')\">\r\n                                <input [ngClass]=\"select ==='continuetrail' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"continuetrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Continue with Trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'addsubscription')\">\r\n                                <input [ngClass]=\"select ==='addsubscription' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"addsubscription\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"confirmationborder mt-4\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango SOP</label>\r\n                            <span class=\"badge badge-light-warning ms-2\">Trail Expired\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'subscribenow')\">\r\n                                <input [ngClass]=\"trailselect ==='subscribenow' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"subscribenow\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Continue with Trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'dolater')\">\r\n                                <input [ngClass]=\"trailselect ==='dolater' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"dolater\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"confirmationborder mt-4\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Priority Support</label>\r\n                            <!-- <span class=\"badge badge-light-primary ms-2\">\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/clockexpiry-icon.svg\" alt=\"\">\r\n                            </span> -->\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"support($event, 'daystrail')\">\r\n                                <input [ngClass]=\"supportselect ==='daystrail' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"daystrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Start 14 days Trial</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"support($event, 'subscribenow')\">\r\n                                <input [ngClass]=\"supportselect ==='subscribenow' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"subscribenow\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Subscribe Now</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"support($event, 'later')\">\r\n                                <input [ngClass]=\"supportselect ==='later' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"later\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">I'll do it later</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n    \r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\">Cancel</button>\r\n                        <button type=\"button\" (click)=\"suscribed();showGif()\" tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SubscriptionApprovalComponent, deps: [{ token: i1.NgbModal }, { token: i1.NgbActiveModal }, { token: i2.ToastService }, { token: i3.PaymentSubscriptionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SubscriptionApprovalComponent, selector: "lib-subscription-approval", inputs: { products: "products", clientInfo: "clientInfo" }, ngImport: i0, template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\" *ngFor=\"let product of productList;let i=index\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">{{product.productName}}</label>\r\n                            <span class=\"badge badge-light-primary ms-2\" *ngIf=\"product.content === 'trial'\">On Trail\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"badge badge-light-warning ms-2\" *ngIf=\"product.content === 'trialExpired'\">Trail Expired\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.content === 'trial'\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'trial')\">\r\n                                <input  class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"continuetrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Continue with Trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'subscription')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"addsubscription\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.content === 'trialExpired'\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'subscription')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"subscribenow\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\" for=\"inlineRadio1\">Subscribe Now</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'cancel')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"dolater\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\" for=\"inlineRadio1\">I'll do it\r\n                                later</label>\r\n                            </div>\r\n                        \r\n                        </div>\r\n\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.content === 'new'\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'trial')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"daystrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\" for=\"inlineRadio1\">Start 14\r\n                                    days Trial</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'subscription')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"subscribenow\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\" for=\"inlineRadio1\">Subscribe\r\n                                    Now</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'cancel')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"later\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\" for=\"inlineRadio1\">I'll do it\r\n                                    later</label>\r\n                            </div>\r\n                        \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\" (click)=\"activeModel.close()\">Cancel</button>\r\n                        <button type=\"button\" (click)=\"suscribed()\" tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SubscriptionApprovalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-subscription-approval', template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango Zone</label>\r\n                            <span class=\"badge badge-light-primary ms-2\">On Trail\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'continuetrail')\">\r\n                                <input [ngClass]=\"select ==='continuetrail' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"continuetrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Continue with Trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"onTrail($event, 'addsubscription')\">\r\n                                <input [ngClass]=\"select ==='addsubscription' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"addsubscription\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"confirmationborder mt-4\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Tango SOP</label>\r\n                            <span class=\"badge badge-light-warning ms-2\">Trail Expired\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'subscribenow')\">\r\n                                <input [ngClass]=\"trailselect ==='subscribenow' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"subscribenow\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Continue with Trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"TrailExpired($event, 'dolater')\">\r\n                                <input [ngClass]=\"trailselect ==='dolater' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"dolater\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"confirmationborder mt-4\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">Priority Support</label>\r\n                            <!-- <span class=\"badge badge-light-primary ms-2\">\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/clockexpiry-icon.svg\" alt=\"\">\r\n                            </span> -->\r\n                        </div>\r\n                        <div class=\"form-group pt-1\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"support($event, 'daystrail')\">\r\n                                <input [ngClass]=\"supportselect ==='daystrail' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"daystrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Start 14 days Trial</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"support($event, 'subscribenow')\">\r\n                                <input [ngClass]=\"supportselect ==='subscribenow' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"subscribenow\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Subscribe Now</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"support($event, 'later')\">\r\n                                <input [ngClass]=\"supportselect ==='later' ? 'radio-custom ms-0' :'text-muted '\"\r\n                                    class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions\"\r\n                                    id=\"inlineRadio1\" value=\"later\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">I'll do it later</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                    </div>\r\n    \r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\">Cancel</button>\r\n                        <button type=\"button\" (click)=\"suscribed();showGif()\" tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i1.NgbActiveModal }, { type: i2.ToastService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWFwcHJvdmFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhbmdvLW1hbmFnZS1zZXR0aW5ncy9zcmMvbGliL2NvbXBvbmVudHMvcGF5bWVudHMtc3Vic2NyaXB0aW9uL3N1YnNjcmlwdGlvbi1wb3B1cHMvc3Vic2NyaXB0aW9uLWFwcHJvdmFsL3N1YnNjcmlwdGlvbi1hcHByb3ZhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1tYW5hZ2Utc2V0dGluZ3Mvc3JjL2xpYi9jb21wb25lbnRzL3BheW1lbnRzLXN1YnNjcmlwdGlvbi9zdWJzY3JpcHRpb24tcG9wdXBzL3N1YnNjcmlwdGlvbi1hcHByb3ZhbC9zdWJzY3JpcHRpb24tYXBwcm92YWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxQyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQzs7Ozs7O0FBT2xILE1BQU0sT0FBTyw2QkFBNkI7SUFNbkI7SUFBZ0M7SUFBcUM7SUFMMUYsTUFBTSxHQUFXLGVBQWUsQ0FBQztJQUNqQyxXQUFXLEdBQVcsY0FBYyxDQUFDO0lBQ3JDLGFBQWEsR0FBVyxXQUFXLENBQUM7SUFFcEMsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUM1QixZQUFxQixZQUFzQixFQUFVLFdBQTJCLEVBQVUsS0FBa0I7UUFBdkYsaUJBQVksR0FBWixZQUFZLENBQVU7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFBVSxVQUFLLEdBQUwsS0FBSyxDQUFhO0lBQzVHLENBQUM7SUFDRCxTQUFTO1FBQ1AsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsZ0NBQWdDLEVBQUM7WUFDdkUsUUFBUSxFQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsSUFBSTtTQUN4QixDQUFDLENBQUM7UUFDSCxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1FBRWhDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUNELE9BQU87SUFDUCxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQVUsRUFBRSxhQUFxQjtRQUN2QyxJQUFJLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQztJQUM5QixDQUFDO0lBQ0QsWUFBWSxDQUFDLEtBQVUsRUFBRSxZQUFvQjtRQUMzQyxJQUFJLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQztJQUNsQyxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQVUsRUFBRSxTQUFpQjtRQUNuQyxJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQztJQUNqQyxDQUFDO3VHQTdCVSw2QkFBNkI7MkZBQTdCLDZCQUE2QixpRUNWMUMsb2dRQThHTTs7MkZEcEdPLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdiQWN0aXZlTW9kYWwsIE5nYk1vZGFsIH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xyXG5pbXBvcnQgeyBUb2FzdFNlcnZpY2UgfSBmcm9tICd0YW5nby1hcHAtdWktc2hhcmVkJztcclxuaW1wb3J0IHsgU3VjY2Vzc2Z1bGxTdWJzY3JpcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWNjZXNzZnVsbC1zdWJzY3JpcHRpb24vc3VjY2Vzc2Z1bGwtc3Vic2NyaXB0aW9uLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1zdWJzY3JpcHRpb24tYXBwcm92YWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24tYXBwcm92YWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zdWJzY3JpcHRpb24tYXBwcm92YWwuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJzY3JpcHRpb25BcHByb3ZhbENvbXBvbmVudCB7XHJcbiAgc2VsZWN0OiBzdHJpbmcgPSAnY29udGludWV0cmFpbCc7IFxyXG4gIHRyYWlsc2VsZWN0OiBzdHJpbmcgPSAnc3Vic2NyaWJlbm93JztcclxuICBzdXBwb3J0c2VsZWN0OiBzdHJpbmcgPSAnZGF5c3RyYWlsJztcclxuXHJcbiAgZ2lmVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIGNvbnN0cnVjdG9yKCBwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWwsIHByaXZhdGUgYWN0aXZlTW9kZWwgOk5nYkFjdGl2ZU1vZGFsLCBwcml2YXRlIHRvYXN0OlRvYXN0U2VydmljZSl7XHJcbiAgfVxyXG4gIHN1c2NyaWJlZCgpe1xyXG4gICAgY29uc29sZS5sb2coJ3RoaXMubW9kYWxTZXJ2aWNlJyk7XHJcbiAgICB0aGlzLmFjdGl2ZU1vZGVsLmNsb3NlKCk7XHJcbiAgICBjb25zdCBtb2RhbFJlZiA9IHRoaXMubW9kYWxTZXJ2aWNlLm9wZW4oU3VjY2Vzc2Z1bGxTdWJzY3JpcHRpb25Db21wb25lbnQse1xyXG4gICAgICBjZW50ZXJlZDp0cnVlLHNpemU6J21kJ1xyXG4gICAgfSk7XHJcbiAgICBtb2RhbFJlZi5yZXN1bHQudGhlbigocmVzdWx0KSA9PiB7XHJcbiAgICBcclxuICAgIH0pO1xyXG4gICAgdGhpcy5naWZWaXNpYmxlID0gdHJ1ZTtcclxuICB9XHJcbiAgc2hvd0dpZigpIHtcclxuICB9XHJcbiAgb25UcmFpbChldmVudDogYW55LCBjb250aW51ZXRyYWlsOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuc2VsZWN0ID0gY29udGludWV0cmFpbDtcclxuICB9XHJcbiAgVHJhaWxFeHBpcmVkKGV2ZW50OiBhbnksIHN1YnNjcmliZW5vdzogc3RyaW5nKSB7XHJcbiAgICB0aGlzLnRyYWlsc2VsZWN0ID0gc3Vic2NyaWJlbm93O1xyXG4gIH1cclxuICBzdXBwb3J0KGV2ZW50OiBhbnksIGRheXN0cmFpbDogc3RyaW5nKSB7XHJcbiAgICB0aGlzLnN1cHBvcnRzZWxlY3QgPSBkYXlzdHJhaWw7XHJcbiAgfVxyXG4gIC8vIHN1YnNjcmliZWQoKSB7XHJcbiAgLy8gICB0aGlzLmFjdGl2ZU1vZGVsLmNsb3NlKCdzdWJzY3JpYmVkJyk7XHJcbiAgLy8gfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicC02XCI+XHJcbiAgICAgICAgPGRpdj48aW1nIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3NldHRpbmdzLWljb24uc3ZnXCIgYWx0PVwiXCI+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmcgbXQtNCBtcy0xXCI+Q29uZmlybWF0aW9uPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnR0ZXh0IG10LTQgbXMtMVwiPlxyXG4gICAgICAgICAgICBQbGVhc2UgdXBkYXRlIHRoZSBzdGF0dXMgb2YgYmVsb3cgcHJvZHVjdFxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgICA8IS0tYmVnaW46OkZvcm0tLT5cclxuICAgICAgICAgICAgPGZvcm0gaWQ9XCJrdF9tb2RhbF9uZXdfY2FyZF9mb3JtXCIgY2xhc3M9XCJmb3JtIGZ2LXBsdWdpbnMtYm9vdHN0cmFwNSBmdi1wbHVnaW5zLWZyYW1ld29ya1wiIGFjdGlvbj1cIiNcIj5cclxuICAgIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZ2LXJvdyBmdi1wbHVnaW5zLWljb24tY29udGFpbmVyIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb25ib3JkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj1cIlRhbmdvWm9uZVwiIGNsYXNzPVwiIHByb2R1Y3R0ZXh0IG1iLTJcIj5UYW5nbyBab25lPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFkZ2UgYmFkZ2UtbGlnaHQtcHJpbWFyeSBtcy0yXCI+T24gVHJhaWxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwibXMtMlwiIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3ByaW1hcnktY2xvY2staWNvbi5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIHB0LTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwib25UcmFpbCgkZXZlbnQsICdjb250aW51ZXRyYWlsJylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgW25nQ2xhc3NdPVwic2VsZWN0ID09PSdjb250aW51ZXRyYWlsJyA/ICdyYWRpby1jdXN0b20gbXMtMCcgOid0ZXh0LW11dGVkICdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwib250cmFpbFJhZGlvT3B0aW9uc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwiaW5saW5lUmFkaW8xXCIgdmFsdWU9XCJjb250aW51ZXRyYWlsXCIgY2hlY2tlZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIHByb2R1Y3R0ZXh0IGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yPVwiaW5saW5lUmFkaW8xXCI+Q29udGludWUgd2l0aCBUcmFpbDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj48YnI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cIm9uVHJhaWwoJGV2ZW50LCAnYWRkc3Vic2NyaXB0aW9uJylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgW25nQ2xhc3NdPVwic2VsZWN0ID09PSdhZGRzdWJzY3JpcHRpb24nID8gJ3JhZGlvLWN1c3RvbSBtcy0wJyA6J3RleHQtbXV0ZWQgJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJvbnRyYWlsUmFkaW9PcHRpb25zXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpbmxpbmVSYWRpbzFcIiB2YWx1ZT1cImFkZHN1YnNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5BZGQgdG8gU3Vic2NyaXB0aW9uPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb25ib3JkZXIgbXQtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgZm9yPVwiVGFuZ29ab25lXCIgY2xhc3M9XCIgcHJvZHVjdHRleHQgbWItMlwiPlRhbmdvIFNPUDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJhZGdlIGJhZGdlLWxpZ2h0LXdhcm5pbmcgbXMtMlwiPlRyYWlsIEV4cGlyZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwibXMtMlwiIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3dhcm5pbmctY2xvY2staWNvbi5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIHB0LTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwiVHJhaWxFeHBpcmVkKCRldmVudCwgJ3N1YnNjcmliZW5vdycpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IFtuZ0NsYXNzXT1cInRyYWlsc2VsZWN0ID09PSdzdWJzY3JpYmVub3cnID8gJ3JhZGlvLWN1c3RvbSBtcy0wJyA6J3RleHQtbXV0ZWQgJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJUcmFpbEV4cGlyZWRSYWRpb09wdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImlubGluZVJhZGlvMVwiIHZhbHVlPVwic3Vic2NyaWJlbm93XCIgY2hlY2tlZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIHByb2R1Y3R0ZXh0IGN1cnNvci1wb2ludGVyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yPVwiaW5saW5lUmFkaW8xXCI+Q29udGludWUgd2l0aCBUcmFpbDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj48YnI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cIlRyYWlsRXhwaXJlZCgkZXZlbnQsICdkb2xhdGVyJylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgW25nQ2xhc3NdPVwidHJhaWxzZWxlY3QgPT09J2RvbGF0ZXInID8gJ3JhZGlvLWN1c3RvbSBtcy0wJyA6J3RleHQtbXV0ZWQgJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJUcmFpbEV4cGlyZWRSYWRpb09wdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImlubGluZVJhZGlvMVwiIHZhbHVlPVwiZG9sYXRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5BZGQgdG8gU3Vic2NyaXB0aW9uPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb25ib3JkZXIgbXQtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgZm9yPVwiVGFuZ29ab25lXCIgY2xhc3M9XCIgcHJvZHVjdHRleHQgbWItMlwiPlByaW9yaXR5IFN1cHBvcnQ8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSA8c3BhbiBjbGFzcz1cImJhZGdlIGJhZGdlLWxpZ2h0LXByaW1hcnkgbXMtMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJtcy0yXCIgc3JjPVwiLi9hc3NldHMvdGFuZ28vY3VzdG9tcG9wdXAtSWNvbnMvY2xvY2tleHBpcnktaWNvbi5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj4gLS0+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBwdC0xXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cInN1cHBvcnQoJGV2ZW50LCAnZGF5c3RyYWlsJylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgW25nQ2xhc3NdPVwic3VwcG9ydHNlbGVjdCA9PT0nZGF5c3RyYWlsJyA/ICdyYWRpby1jdXN0b20gbXMtMCcgOid0ZXh0LW11dGVkICdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwic3VwcG9ydFJhZGlvT3B0aW9uc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwiaW5saW5lUmFkaW8xXCIgdmFsdWU9XCJkYXlzdHJhaWxcIiBjaGVja2VkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgcHJvZHVjdHRleHQgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5TdGFydCAxNCBkYXlzIFRyaWFsPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2Pjxicj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwic3VwcG9ydCgkZXZlbnQsICdzdWJzY3JpYmVub3cnKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBbbmdDbGFzc109XCJzdXBwb3J0c2VsZWN0ID09PSdzdWJzY3JpYmVub3cnID8gJ3JhZGlvLWN1c3RvbSBtcy0wJyA6J3RleHQtbXV0ZWQgJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJzdXBwb3J0UmFkaW9PcHRpb25zXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpbmxpbmVSYWRpbzFcIiB2YWx1ZT1cInN1YnNjcmliZW5vd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5TdWJzY3JpYmUgTm93PC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2Pjxicj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwic3VwcG9ydCgkZXZlbnQsICdsYXRlcicpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IFtuZ0NsYXNzXT1cInN1cHBvcnRzZWxlY3QgPT09J2xhdGVyJyA/ICdyYWRpby1jdXN0b20gbXMtMCcgOid0ZXh0LW11dGVkICdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwic3VwcG9ydFJhZGlvT3B0aW9uc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwiaW5saW5lUmFkaW8xXCIgdmFsdWU9XCJsYXRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5JJ2xsIGRvIGl0IGxhdGVyPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBtdC05IG15LTJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgY2xhc3M9XCJidG4tb3V0bGluZSBidG4gY2FuY2VsIG1lLTQgdy01MFwiPkNhbmNlbDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwic3VzY3JpYmVkKCk7c2hvd0dpZigpXCIgdGFiaW5kZXg9XCIwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5IHB4LTQgbmctc3Rhci1pbnNlcnRlZCB3LTUwXCIgc3R5bGU9XCJ3aGl0ZS1zcGFjZTogbm93cmFwO1wiPjxzcGFuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdWJtaXRcIj5TdWJtaXQ8L3NwYW4+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgIFxyXG4gICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8IS0tZW5kOjpBY3Rpb25zLS0+XHJcbiAgICAgICAgICAgIDwvZm9ybT5cclxuICAgICAgICAgICAgPCEtLWVuZDo6Rm9ybS0tPlxyXG4gICAgICBcclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+            args: [{ selector: 'lib-subscription-approval', template: "<div class=\"modal-content\">\r\n    <div class=\"p-6\">\r\n        <div><img src=\"./assets/tango/custompopup-Icons/settings-icon.svg\" alt=\"\"></div>\r\n        <div class=\"heading mt-4 ms-1\">Confirmation</div>\r\n        <div class=\"contenttext mt-4 ms-1\">\r\n            Please update the status of below product\r\n        </div>\r\n    </div>\r\n    <div class=\"modal-body\">\r\n            <!--begin::Form-->\r\n            <form id=\"kt_modal_new_card_form\" class=\"form fv-plugins-bootstrap5 fv-plugins-framework\" action=\"#\">\r\n    \r\n                <div class=\"fv-row fv-plugins-icon-container \">\r\n                    <div class=\"confirmationborder\" *ngFor=\"let product of productList;let i=index\">\r\n                        <div class=\"d-flex justify-content-between\">\r\n                            <label for=\"TangoZone\" class=\" producttext mb-2\">{{product.productName}}</label>\r\n                            <span class=\"badge badge-light-primary ms-2\" *ngIf=\"product.content === 'trial'\">On Trail\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/primary-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"badge badge-light-warning ms-2\" *ngIf=\"product.content === 'trialExpired'\">Trail Expired\r\n                                <img class=\"ms-2\" src=\"./assets/tango/custompopup-Icons/warning-clock-icon.svg\" alt=\"\">\r\n                            </span>\r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.content === 'trial'\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'trial')\">\r\n                                <input  class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"continuetrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Continue with Trail</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'subscription')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"ontrailRadioOptions_{{i}}\"\r\n                                    id=\"inlineRadio1\" value=\"addsubscription\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\"\r\n                                    for=\"inlineRadio1\">Add to Subscription</label>\r\n                            </div>\r\n    \r\n                        </div>\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.content === 'trialExpired'\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'subscription')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"subscribenow\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\" for=\"inlineRadio1\">Subscribe Now</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'cancel')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"TrailExpiredRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"dolater\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\" for=\"inlineRadio1\">I'll do it\r\n                                later</label>\r\n                            </div>\r\n                        \r\n                        </div>\r\n\r\n                        <div class=\"form-group pt-1\" *ngIf=\"product.content === 'new'\">\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'trial')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"daystrail\" checked>\r\n                                <label class=\"form-check-label radio-custom-label mx-3 producttext cursor-pointer\" for=\"inlineRadio1\">Start 14\r\n                                    days Trial</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'subscription')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"subscribenow\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\" for=\"inlineRadio1\">Subscribe\r\n                                    Now</label>\r\n                            </div><br>\r\n                            <div class=\"form-check form-check-inline ps-0\" (click)=\"updateProduct(i,'cancel')\">\r\n                                <input class=\" cursor-pointer radio-custom\" type=\"radio\" name=\"supportRadioOptions_{{i}}\" id=\"inlineRadio1\"\r\n                                    value=\"later\">\r\n                                <label class=\"form-check-label producttext radio-custom-label mx-3 cursor-pointer\" for=\"inlineRadio1\">I'll do it\r\n                                    later</label>\r\n                            </div>\r\n                        \r\n                        </div>\r\n                    </div>\r\n                    <div class=\"d-flex mt-9 my-2\">\r\n                        <button type=\"submit\" class=\"btn-outline btn cancel me-4 w-50\" (click)=\"activeModel.close()\">Cancel</button>\r\n                        <button type=\"button\" (click)=\"suscribed()\" tabindex=\"0\"\r\n                            class=\"btn btn-primary px-4 ng-star-inserted w-50\" style=\"white-space: nowrap;\"><span\r\n                                class=\"submit\">Submit</span></button>\r\n                    </div>\r\n                </div>\r\n    \r\n                \r\n                <!--end::Actions-->\r\n            </form>\r\n            <!--end::Form-->\r\n      \r\n    </div>\r\n</div>", styles: [".heading{color:var(--Gray-900, #101828);font-size:18px;font-weight:600;line-height:28px}.contenttext{color:var(--Gray-500, #667085);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.radio-custom{width:20px;height:20px;background-color:#eaf8ff}.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;margin:8px 0;cursor:pointer}.radio-custom-label{position:relative}.radio-custom:checked+.radio-custom-label:before{background:#00a3ff;box-shadow:inset 0 0 0 4.5px #eaf8ff;width:16px;height:16px}.producttext{color:var(--Gray-700, #344054);font-size:14px;font-weight:500;line-height:20px}.confirmationborder{border-radius:8px;border:1px solid var(--Gray-200, #EAECF0);background:var(--White, #FFF);padding:16px;flex-direction:column;align-items:flex-start;gap:18px;align-self:stretch}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgbModal }, { type: i1.NgbActiveModal }, { type: i2.ToastService }, { type: i3.PaymentSubscriptionService }], propDecorators: { products: [{
+                type: Input
+            }], clientInfo: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWFwcHJvdmFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhbmdvLW1hbmFnZS1zZXR0aW5ncy9zcmMvbGliL2NvbXBvbmVudHMvcGF5bWVudHMtc3Vic2NyaXB0aW9uL3N1YnNjcmlwdGlvbi1wb3B1cHMvc3Vic2NyaXB0aW9uLWFwcHJvdmFsL3N1YnNjcmlwdGlvbi1hcHByb3ZhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1tYW5hZ2Utc2V0dGluZ3Mvc3JjL2xpYi9jb21wb25lbnRzL3BheW1lbnRzLXN1YnNjcmlwdGlvbi9zdWJzY3JpcHRpb24tcG9wdXBzL3N1YnNjcmlwdGlvbi1hcHByb3ZhbC9zdWJzY3JpcHRpb24tYXBwcm92YWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBR25FLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBRWxILE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBTzFDLE1BQU0sT0FBTyw2QkFBNkI7SUFVcEI7SUFBK0I7SUFBcUM7SUFBNkI7SUFUNUcsUUFBUSxDQUFLO0lBQ2IsVUFBVSxDQUFLO0lBQ3hCLFdBQVcsR0FBTSxFQUFFLENBQUM7SUFDcEIsTUFBTSxHQUFXLGVBQWUsQ0FBQztJQUNqQyxXQUFXLEdBQVcsY0FBYyxDQUFDO0lBQ3JDLGFBQWEsR0FBVyxXQUFXLENBQUM7SUFFcEMsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUNYLFFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBQzFDLFlBQW9CLFlBQXNCLEVBQVMsV0FBMkIsRUFBVSxLQUFtQixFQUFV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QUFFLEVBQUU7WUFDN0csSUFBRyxHQUFHLElBQUksR0FBRyxDQUFDLElBQUksSUFBSSxHQUFHLEVBQUU7Z0JBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ3pCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGdDQUFnQyxFQUFDO29CQUN2RSxRQUFRLEVBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxJQUFJO2lCQUN4QixDQUFDLENBQUM7Z0JBQ0gsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQVEsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2FBQzVGO1FBRUgsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztJQUN6QixDQUFDO0lBQ0QsYUFBYSxDQUFDLEtBQVksRUFBQyxJQUFXO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztJQUN0QyxDQUFDO3VHQTFFVSw2QkFBNkI7MkZBQTdCLDZCQUE2Qiw2SENaMUMseW9OQXlGTTs7MkZEN0VPLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSwyQkFBMkI7OEtBSzVCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCxPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdiQWN0aXZlTW9kYWwsIE5nYk1vZGFsIH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xyXG5pbXBvcnQgeyBUb2FzdFNlcnZpY2UgfSBmcm9tICd0YW5nby1hcHAtdWktc2hhcmVkJztcclxuaW1wb3J0IHsgU3VjY2Vzc2Z1bGxTdWJzY3JpcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWNjZXNzZnVsbC1zdWJzY3JpcHRpb24vc3VjY2Vzc2Z1bGwtc3Vic2NyaXB0aW9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBheW1lbnRTdWJzY3JpcHRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvcGF5bWVudC1zdWJzY3JpcHRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItc3Vic2NyaXB0aW9uLWFwcHJvdmFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3Vic2NyaXB0aW9uLWFwcHJvdmFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc3Vic2NyaXB0aW9uLWFwcHJvdmFsLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3Vic2NyaXB0aW9uQXBwcm92YWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgcHJvZHVjdHM6YW55O1xyXG4gIEBJbnB1dCgpIGNsaWVudEluZm86YW55O1xyXG4gIHByb2R1Y3RMaXN0OmFueSA9W107XHJcbiAgc2VsZWN0OiBzdHJpbmcgPSAnY29udGludWV0cmFpbCc7IFxyXG4gIHRyYWlsc2VsZWN0OiBzdHJpbmcgPSAnc3Vic2NyaWJlbm93JztcclxuICBzdXBwb3J0c2VsZWN0OiBzdHJpbmcgPSAnZGF5c3RyYWlsJztcclxuXHJcbiAgZ2lmVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQgPSBuZXcgU3ViamVjdCgpO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbW9kYWxTZXJ2aWNlOiBOZ2JNb2RhbCwgcHVibGljIGFjdGl2ZU1vZGVsOiBOZ2JBY3RpdmVNb2RhbCwgcHJpdmF0ZSB0b2FzdDogVG9hc3RTZXJ2aWNlLCBwcml2YXRlIFBheW1lbnRTdWJzY3JpcHRpb25TZXJ2aWNlOiBQYXltZW50U3Vic2NyaXB0aW9uU2VydmljZSl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5wcm9kdWN0cy5mb3JFYWNoKChpdGVtOmFueSkgPT4ge1xyXG4gICAgICBpZiAodHlwZW9mIGl0ZW0udG9vbFRpcCAhPSAndW5kZWZpbmVkJyAmJiBpdGVtPy50b29sVGlwID09ICdPbiBUcmlhbCcgJiYgaXRlbS5hY3RpdmUpIHtcclxuICAgICAgICB0aGlzLnByb2R1Y3RMaXN0LnB1c2goe1xyXG4gICAgICAgICAgbmFtZTppdGVtLnByb2R1Y3ROYW1lLFxyXG4gICAgICAgICAgcHJvZHVjdE5hbWU6IGl0ZW0uYWxpc2VQcm9kdWN0TmFtZSxcclxuICAgICAgICAgIHR5cGU6J3RyaWFsJyxcclxuICAgICAgICAgIGNvbnRlbnQ6ICd0cmlhbCdcclxuICAgICAgICB9KVxyXG4gICAgICB9XHJcbiAgICAgIGlmICh0eXBlb2YgaXRlbS50b29sVGlwICE9ICd1bmRlZmluZWQnICYmIGl0ZW0/LnRvb2xUaXAgPT0gJ1RyaWFsIEV4cGlyZWQnICYmIGl0ZW0uYWN0aXZlKSB7XHJcbiAgICAgICAgdGhpcy5wcm9kdWN0TGlzdC5wdXNoKHtcclxuICAgICAgICAgIG5hbWU6aXRlbS5wcm9kdWN0TmFtZSxcclxuICAgICAgICAgIHByb2R1Y3ROYW1lOiBpdGVtLmFsaXNlUHJvZHVjdE5hbWUsXHJcbiAgICAgICAgICB0eXBlOid0cmlhbCcsXHJcbiAgICAgICAgICBjb250ZW50OiAndHJpYWxFeHBpcmVkJ1xyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgICAgaWYoIWl0ZW0/LnRvb2xUaXAgJiYgaXRlbS5hY3RpdmUpIHtcclxuICAgICAgICB0aGlzLnByb2R1Y3RMaXN0LnB1c2goe1xyXG4gICAgICAgICAgbmFtZTppdGVtLnByb2R1Y3ROYW1lLFxyXG4gICAgICAgICAgcHJvZHVjdE5hbWU6IGl0ZW0uYWxpc2VQcm9kdWN0TmFtZSxcclxuICAgICAgICAgIHR5cGU6J3N0YXJ0VHJpYWwnLFxyXG4gICAgICAgICAgY29udGVudDogJ25ldydcclxuICAgICAgICB9KVxyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMucHJvZHVjdExpc3QsJ3Byb2R1Y3QnKTtcclxuICAgIFxyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XHJcbiAgfVxyXG4gIHN1c2NyaWJlZCgpe1xyXG4gICAgbGV0IGRhdGEgPSB7XHJcbiAgICAgIGNsaWVudElkOiB0aGlzLmNsaWVudEluZm8uY2xpZW50SWQsXHJcbiAgICAgIHByaWNlOiB0aGlzLmNsaWVudEluZm8uY3VycmVudFBsYW5JbmZvLnByaWNlLFxyXG4gICAgICBwcmljZVR5cGU6IHRoaXMuY2xpZW50SW5mby5jdXJyZW50UGxhbkluZm8ucHJpY2VUeXBlLFxyXG4gICAgICBzdWJzY3JpcHRpb25UeXBlOiB0aGlzLmNsaWVudEluZm8uY3VycmVudFBsYW5JbmZvLnN1YnNjcmlwdGlvblR5cGUsXHJcbiAgICAgIHN1YnNjcmlwdGlvblBlcmlvZDogdGhpcy5jbGllbnRJbmZvLmN1cnJlbnRQbGFuSW5mby5zdWJzY3JpcHRpb25QZXJpb2QsXHJcbiAgICAgIHN0b3JlQ291bnQ6IHRoaXMuY2xpZW50SW5mby5jdXJyZW50UGxhbkluZm8uc3RvcmVDb3VudCxcclxuICAgICAgdG90YWxDYW1lcmE6IHRoaXMuY2xpZW50SW5mby5jdXJyZW50UGxhbkluZm8udG90YWxDYW1lcmEsXHJcbiAgICAgIHRvdGFsU3RvcmVzOiB0aGlzLmNsaWVudEluZm8uY3VycmVudFBsYW5JbmZvLnRvdGFsU3RvcmVzLFxyXG4gICAgICBzdG9yZVNpemU6IHRoaXMuY2xpZW50SW5mby5jdXJyZW50UGxhbkluZm8uc3RvcmVTaXplLFxyXG4gICAgICBwcm9kdWN0czp0aGlzLnByb2R1Y3RMaXN0XHJcbiAgICB9XHJcbiAgICB0aGlzLlBheW1lbnRTdWJzY3JpcHRpb25TZXJ2aWNlLnVwZGF0ZVN1YnNjcmlwdGlvbihkYXRhKS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xyXG4gICAgICBpZihyZXMgJiYgcmVzLmNvZGUgPT0gMjAwKSB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVNb2RlbC5jbG9zZSgpO1xyXG4gICAgICAgIGNvbnN0IG1vZGFsUmVmID0gdGhpcy5tb2RhbFNlcnZpY2Uub3BlbihTdWNjZXNzZnVsbFN1YnNjcmlwdGlvbkNvbXBvbmVudCx7XHJcbiAgICAgICAgICBjZW50ZXJlZDp0cnVlLHNpemU6J21kJ1xyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnByb2R1Y3RzID0gdGhpcy5wcm9kdWN0TGlzdC5tYXAoKGl0ZW06YW55KSA9PiBpdGVtLnByb2R1Y3ROYW1lKTtcclxuICAgICAgfVxyXG5cclxuICAgIH0pO1xyXG4gICAgdGhpcy5naWZWaXNpYmxlID0gdHJ1ZTtcclxuICB9XHJcbiAgdXBkYXRlUHJvZHVjdChpbmRleDpudW1iZXIsdHlwZTpzdHJpbmcpIHtcclxuICAgIHRoaXMucHJvZHVjdExpc3RbaW5kZXhdLnR5cGUgPSB0eXBlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInAtNlwiPlxyXG4gICAgICAgIDxkaXY+PGltZyBzcmM9XCIuL2Fzc2V0cy90YW5nby9jdXN0b21wb3B1cC1JY29ucy9zZXR0aW5ncy1pY29uLnN2Z1wiIGFsdD1cIlwiPjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nIG10LTQgbXMtMVwiPkNvbmZpcm1hdGlvbjwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50dGV4dCBtdC00IG1zLTFcIj5cclxuICAgICAgICAgICAgUGxlYXNlIHVwZGF0ZSB0aGUgc3RhdHVzIG9mIGJlbG93IHByb2R1Y3RcclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cclxuICAgICAgICAgICAgPCEtLWJlZ2luOjpGb3JtLS0+XHJcbiAgICAgICAgICAgIDxmb3JtIGlkPVwia3RfbW9kYWxfbmV3X2NhcmRfZm9ybVwiIGNsYXNzPVwiZm9ybSBmdi1wbHVnaW5zLWJvb3RzdHJhcDUgZnYtcGx1Z2lucy1mcmFtZXdvcmtcIiBhY3Rpb249XCIjXCI+XHJcbiAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmdi1yb3cgZnYtcGx1Z2lucy1pY29uLWNvbnRhaW5lciBcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uYm9yZGVyXCIgKm5nRm9yPVwibGV0IHByb2R1Y3Qgb2YgcHJvZHVjdExpc3Q7bGV0IGk9aW5kZXhcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj1cIlRhbmdvWm9uZVwiIGNsYXNzPVwiIHByb2R1Y3R0ZXh0IG1iLTJcIj57e3Byb2R1Y3QucHJvZHVjdE5hbWV9fTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJhZGdlIGJhZGdlLWxpZ2h0LXByaW1hcnkgbXMtMlwiICpuZ0lmPVwicHJvZHVjdC5jb250ZW50ID09PSAndHJpYWwnXCI+T24gVHJhaWxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwibXMtMlwiIHNyYz1cIi4vYXNzZXRzL3RhbmdvL2N1c3RvbXBvcHVwLUljb25zL3ByaW1hcnktY2xvY2staWNvbi5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFkZ2UgYmFkZ2UtbGlnaHQtd2FybmluZyBtcy0yXCIgKm5nSWY9XCJwcm9kdWN0LmNvbnRlbnQgPT09ICd0cmlhbEV4cGlyZWQnXCI+VHJhaWwgRXhwaXJlZFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJtcy0yXCIgc3JjPVwiLi9hc3NldHMvdGFuZ28vY3VzdG9tcG9wdXAtSWNvbnMvd2FybmluZy1jbG9jay1pY29uLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXAgcHQtMVwiICpuZ0lmPVwicHJvZHVjdC5jb250ZW50ID09PSAndHJpYWwnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cInVwZGF0ZVByb2R1Y3QoaSwndHJpYWwnKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCAgY2xhc3M9XCIgY3Vyc29yLXBvaW50ZXIgcmFkaW8tY3VzdG9tXCIgdHlwZT1cInJhZGlvXCIgbmFtZT1cIm9udHJhaWxSYWRpb09wdGlvbnNfe3tpfX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImlubGluZVJhZGlvMVwiIHZhbHVlPVwiY29udGludWV0cmFpbFwiIGNoZWNrZWQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZm9ybS1jaGVjay1sYWJlbCByYWRpby1jdXN0b20tbGFiZWwgbXgtMyBwcm9kdWN0dGV4dCBjdXJzb3ItcG9pbnRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcj1cImlubGluZVJhZGlvMVwiPkNvbnRpbnVlIHdpdGggVHJhaWw8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+PGJyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY2hlY2sgZm9ybS1jaGVjay1pbmxpbmUgcHMtMFwiIChjbGljayk9XCJ1cGRhdGVQcm9kdWN0KGksJ3N1YnNjcmlwdGlvbicpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IGNsYXNzPVwiIGN1cnNvci1wb2ludGVyIHJhZGlvLWN1c3RvbVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJvbnRyYWlsUmFkaW9PcHRpb25zX3t7aX19XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJpbmxpbmVSYWRpbzFcIiB2YWx1ZT1cImFkZHN1YnNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcHJvZHVjdHRleHQgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgY3Vyc29yLXBvaW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3I9XCJpbmxpbmVSYWRpbzFcIj5BZGQgdG8gU3Vic2NyaXB0aW9uPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBwdC0xXCIgKm5nSWY9XCJwcm9kdWN0LmNvbnRlbnQgPT09ICd0cmlhbEV4cGlyZWQnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cInVwZGF0ZVByb2R1Y3QoaSwnc3Vic2NyaXB0aW9uJylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCIgY3Vyc29yLXBvaW50ZXIgcmFkaW8tY3VzdG9tXCIgdHlwZT1cInJhZGlvXCIgbmFtZT1cIlRyYWlsRXhwaXJlZFJhZGlvT3B0aW9uc197e2l9fVwiIGlkPVwiaW5saW5lUmFkaW8xXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJzdWJzY3JpYmVub3dcIiBjaGVja2VkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgcHJvZHVjdHRleHQgY3Vyc29yLXBvaW50ZXJcIiBmb3I9XCJpbmxpbmVSYWRpbzFcIj5TdWJzY3JpYmUgTm93PC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2Pjxicj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwidXBkYXRlUHJvZHVjdChpLCdjYW5jZWwnKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwiVHJhaWxFeHBpcmVkUmFkaW9PcHRpb25zX3t7aX19XCIgaWQ9XCJpbmxpbmVSYWRpbzFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT1cImRvbGF0ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHByb2R1Y3R0ZXh0IHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIGN1cnNvci1wb2ludGVyXCIgZm9yPVwiaW5saW5lUmFkaW8xXCI+SSdsbCBkbyBpdFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhdGVyPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cCBwdC0xXCIgKm5nSWY9XCJwcm9kdWN0LmNvbnRlbnQgPT09ICduZXcnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cInVwZGF0ZVByb2R1Y3QoaSwndHJpYWwnKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwic3VwcG9ydFJhZGlvT3B0aW9uc197e2l9fVwiIGlkPVwiaW5saW5lUmFkaW8xXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJkYXlzdHJhaWxcIiBjaGVja2VkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImZvcm0tY2hlY2stbGFiZWwgcmFkaW8tY3VzdG9tLWxhYmVsIG14LTMgcHJvZHVjdHRleHQgY3Vyc29yLXBvaW50ZXJcIiBmb3I9XCJpbmxpbmVSYWRpbzFcIj5TdGFydCAxNFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXlzIFRyaWFsPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2Pjxicj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNoZWNrIGZvcm0tY2hlY2staW5saW5lIHBzLTBcIiAoY2xpY2spPVwidXBkYXRlUHJvZHVjdChpLCdzdWJzY3JpcHRpb24nKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cIiBjdXJzb3ItcG9pbnRlciByYWRpby1jdXN0b21cIiB0eXBlPVwicmFkaW9cIiBuYW1lPVwic3VwcG9ydFJhZGlvT3B0aW9uc197e2l9fVwiIGlkPVwiaW5saW5lUmFkaW8xXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJzdWJzY3JpYmVub3dcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHByb2R1Y3R0ZXh0IHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIGN1cnNvci1wb2ludGVyXCIgZm9yPVwiaW5saW5lUmFkaW8xXCI+U3Vic2NyaWJlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE5vdzwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj48YnI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVjayBmb3JtLWNoZWNrLWlubGluZSBwcy0wXCIgKGNsaWNrKT1cInVwZGF0ZVByb2R1Y3QoaSwnY2FuY2VsJylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCIgY3Vyc29yLXBvaW50ZXIgcmFkaW8tY3VzdG9tXCIgdHlwZT1cInJhZGlvXCIgbmFtZT1cInN1cHBvcnRSYWRpb09wdGlvbnNfe3tpfX1cIiBpZD1cImlubGluZVJhZGlvMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPVwibGF0ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsIHByb2R1Y3R0ZXh0IHJhZGlvLWN1c3RvbS1sYWJlbCBteC0zIGN1cnNvci1wb2ludGVyXCIgZm9yPVwiaW5saW5lUmFkaW8xXCI+SSdsbCBkbyBpdFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYXRlcjwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggbXQtOSBteS0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIGNsYXNzPVwiYnRuLW91dGxpbmUgYnRuIGNhbmNlbCBtZS00IHctNTBcIiAoY2xpY2spPVwiYWN0aXZlTW9kZWwuY2xvc2UoKVwiPkNhbmNlbDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwic3VzY3JpYmVkKClcIiB0YWJpbmRleD1cIjBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4gYnRuLXByaW1hcnkgcHgtNCBuZy1zdGFyLWluc2VydGVkIHctNTBcIiBzdHlsZT1cIndoaXRlLXNwYWNlOiBub3dyYXA7XCI+PHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN1Ym1pdFwiPlN1Ym1pdDwvc3Bhbj48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwhLS1lbmQ6OkFjdGlvbnMtLT5cclxuICAgICAgICAgICAgPC9mb3JtPlxyXG4gICAgICAgICAgICA8IS0tZW5kOjpGb3JtLS0+XHJcbiAgICAgIFxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==