@posiwise/admin-module 0.0.139 → 0.0.141

package/esm2022/lib/components/products/products-insight/products-insight.component.mjs

@@ -2,13 +2,13 @@ import { Component, Injector } from '@angular/core';
 import { AppBaseComponent } from '@posiwise/app-base-component';
 import { HelperService } from '@posiwise/helper-service';
 import { ProductService, PermissionService } from '@posiwise/common-services';
+import { handleDateRangeSelection } from '@posiwise/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@posiwise/common-services";
 import * as i2 from "angular-plotly.js";
 import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
+import * as i4 from "@posiwise/shared-components";
 import * as i5 from "primeng/progressspinner";
-import * as i6 from "@ng-bootstrap/ng-bootstrap";
 export class ProductInsightComponent extends AppBaseComponent {
     constructor(productService, injector) {
         super(injector);
@@ -16,12 +16,18 @@ export class ProductInsightComponent extends AppBaseComponent {
     }
     ngOnInit() {
         this.subscriptionId = PermissionService.selectedSubscription?.id;
+        this.dateRanges = HelperService.initializeDateRanges();
+        this.selectedDateRange = '';
         this.getChartData();
     }
     getChartData() {
         this.isLoading = true;
         this.productService
-            .getProductInsight(this.subscriptionId, this.startDate ? HelperService.dateFormat(this.startDate) : '', this.endDate ? HelperService.dateFormat(this.endDate) : '')
+            .getProductInsight(this.subscriptionId, this.selectedDateRange?.startDate
+            ? this.selectedDateRange.startDate.format('YYYY-MM-DD')
+            : '', this.selectedDateRange?.endDate
+            ? this.selectedDateRange.endDate.format('YYYY-MM-DD')
+            : '')
             .subscribe(response => {
             this.graph = response;
         })
@@ -29,19 +35,18 @@ export class ProductInsightComponent extends AppBaseComponent {
             this.isLoading = false;
         });
     }
-    onDateSelect() {
-        if (this.startDate && this.endDate) {
-            this.getChartData();
-        }
+    onDateRangeSelect(event) {
+        this.selectedDateRange = handleDateRangeSelection(event, this.selectedDateRange);
+        this.getChartData();
     }
     ngOnDestroy() {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProductInsightComponent, deps: [{ token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ProductInsightComponent, selector: "pw-admin-product-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- select date -->\n<div class=\"my-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- startDate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i6.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ProductInsightComponent, selector: "pw-admin-product-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- select date -->\n<app-date-picker\n  [selectedDateRange]=\"selectedDateRange\"\n  [dateRanges]=\"dateRanges\"\n  (dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n  [config]=\"graph?.config\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.DateRangePickerComponent, selector: "app-date-picker", inputs: ["selectedDateRange", "dateRanges"], outputs: ["dateRangeChange"] }, { kind: "component", type: i5.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ProductInsightComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-admin-product-insight', template: "<div class=\"title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- select date -->\n<div class=\"my-3\">\n  <h5 class=\"mb-4\">Select a date</h5>\n  <div class=\"row\">\n    <!-- startDate -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"start date\"\n          [(ngModel)]=\"startDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #d=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"d.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- end date -->\n    <div class=\"col-12 col-sm-3\">\n      <div class=\"input-group\">\n        <input class=\"form-control\"\n          placeholder=\"end date\"\n          [(ngModel)]=\"endDate\"\n          (dateSelect)=\"onDateSelect()\"\n          ngbDatepicker\n          #c=\"ngbDatepicker\" />\n        <div class=\"input-group-append\">\n          <button class=\"btn btn-primary\"\n            (click)=\"c.toggle()\"\n            type=\"button\">\n            <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
+            args: [{ selector: 'pw-admin-product-insight', template: "<div class=\"title\">\n  <h2 class=\"card-title p-0\">Products Insight</h2>\n</div>\n<!-- select date -->\n<app-date-picker\n  [selectedDateRange]=\"selectedDateRange\"\n  [dateRanges]=\"dateRanges\"\n  (dateRangeChange)=\"onDateRangeSelect($event)\">\n</app-date-picker>\n<!-- end -->\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n  [config]=\"graph?.config\"\n    [layout]=\"graph?.layout\" [useResizeHandler]=\"true\"></plotly-plot>\n</ng-template>\n", styles: [".title{height:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1.ProductService }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdHMtaW5zaWdodC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FkbWluLW1vZHVsZS9zcmMvbGliL2NvbXBvbmVudHMvcHJvZHVjdHMvcHJvZHVjdHMtaW5zaWdodC9wcm9kdWN0cy1pbnNpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9wcm9kdWN0cy9wcm9kdWN0cy1pbnNpZ2h0L3Byb2R1Y3RzLWluc2lnaHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBR3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7O0FBTzlFLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxnQkFBZ0I7SUFXekQsWUFDcUIsY0FBOEIsRUFDL0MsUUFBa0I7UUFFbEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSEMsbUJBQWMsR0FBZCxjQUFjLENBQWdCO0lBSW5ELENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLENBQUM7UUFDakUsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTyxZQUFZO1FBQ2hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxjQUFjO2FBQ2QsaUJBQWlCLENBQ2QsSUFBSSxDQUFDLGNBQWMsRUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFDOUQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FDN0Q7YUFDQSxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7UUFDMUIsQ0FBQyxDQUFDO2FBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELFlBQVk7UUFDUixJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QixDQUFDO0lBQ0wsQ0FBQztJQUVRLFdBQVc7UUFDaEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7K0dBL0NRLHVCQUF1QjttR0FBdkIsdUJBQXVCLHVGQ2JwQyxtckRBdURBOzs0RkQxQ2EsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0b3IsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ2JEYXRlU3RydWN0IH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuXG5pbXBvcnQgeyBBcHBCYXNlQ29tcG9uZW50IH0gZnJvbSAnQHBvc2l3aXNlL2FwcC1iYXNlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBQbG90bHkgfSBmcm9tICdAcG9zaXdpc2UvY29tbW9uLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2hlbHBlci1zZXJ2aWNlJztcbmltcG9ydCB7IFByb2R1Y3RTZXJ2aWNlLCBQZXJtaXNzaW9uU2VydmljZSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LWFkbWluLXByb2R1Y3QtaW5zaWdodCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2R1Y3RzLWluc2lnaHQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Byb2R1Y3RzLWluc2lnaHQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcm9kdWN0SW5zaWdodENvbXBvbmVudCBleHRlbmRzIEFwcEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgZ3JhcGg6IFBsb3RseS5GaWd1cmU7XG5cbiAgICBpc0xvYWRpbmc6IGJvb2xlYW47XG5cbiAgICBzdWJzY3JpcHRpb25JZDogbnVtYmVyO1xuXG4gICAgc3RhcnREYXRlOiBOZ2JEYXRlU3RydWN0O1xuXG4gICAgZW5kRGF0ZTogTmdiRGF0ZVN0cnVjdDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IHByb2R1Y3RTZXJ2aWNlOiBQcm9kdWN0U2VydmljZSxcbiAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCA9IFBlcm1pc3Npb25TZXJ2aWNlLnNlbGVjdGVkU3Vic2NyaXB0aW9uPy5pZDtcbiAgICAgICAgdGhpcy5nZXRDaGFydERhdGEoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldENoYXJ0RGF0YSgpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLnByb2R1Y3RTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0UHJvZHVjdEluc2lnaHQoXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICB0aGlzLnN0YXJ0RGF0ZSA/IEhlbHBlclNlcnZpY2UuZGF0ZUZvcm1hdCh0aGlzLnN0YXJ0RGF0ZSkgOiAnJyxcbiAgICAgICAgICAgICAgICB0aGlzLmVuZERhdGUgPyBIZWxwZXJTZXJ2aWNlLmRhdGVGb3JtYXQodGhpcy5lbmREYXRlKSA6ICcnXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmdyYXBoID0gcmVzcG9uc2U7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uRGF0ZVNlbGVjdCgpIHtcbiAgICAgICAgaWYgKHRoaXMuc3RhcnREYXRlICYmIHRoaXMuZW5kRGF0ZSkge1xuICAgICAgICAgICAgdGhpcy5nZXRDaGFydERhdGEoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG92ZXJyaWRlIG5nT25EZXN0cm95KCkge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICA8aDIgY2xhc3M9XCJjYXJkLXRpdGxlIHAtMFwiPlByb2R1Y3RzIEluc2lnaHQ8L2gyPlxuPC9kaXY+XG48IS0tIHNlbGVjdCBkYXRlIC0tPlxuPGRpdiBjbGFzcz1cIm15LTNcIj5cbiAgPGg1IGNsYXNzPVwibWItNFwiPlNlbGVjdCBhIGRhdGU8L2g1PlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPCEtLSBzdGFydERhdGUgLS0+XG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMiBjb2wtc20tM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJzdGFydCBkYXRlXCJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cInN0YXJ0RGF0ZVwiXG4gICAgICAgICAgKGRhdGVTZWxlY3QpPVwib25EYXRlU2VsZWN0KClcIlxuICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAjZD1cIm5nYkRhdGVwaWNrZXJcIiAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZC50b2dnbGUoKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDwhLS0gZW5kIGRhdGUgLS0+XG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMiBjb2wtc20tM1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJlbmQgZGF0ZVwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJlbmREYXRlXCJcbiAgICAgICAgICAoZGF0ZVNlbGVjdCk9XCJvbkRhdGVTZWxlY3QoKVwiXG4gICAgICAgICAgbmdiRGF0ZXBpY2tlclxuICAgICAgICAgICNjPVwibmdiRGF0ZXBpY2tlclwiIC8+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cC1hcHBlbmRcIj5cbiAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5XCJcbiAgICAgICAgICAgIChjbGljayk9XCJjLnRvZ2dsZSgpXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtY2FsZW5kYXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48IS0tIGVuZCAtLT5cbjxkaXYgY2xhc3M9XCJ3LTEwMCB0ZXh0LWNlbnRlciBtdC0zXCJcbiAgKm5nSWY9XCJpc0xvYWRpbmdcIj5cbiAgPHAtcHJvZ3Jlc3NTcGlubmVyIHN0cm9rZVdpZHRoPVwiMlwiPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJncmFwaFwiPlxuICA8cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICAgIFtsYXlvdXRdPVwiZ3JhcGg/LmxheW91dFwiIFt1c2VSZXNpemVIYW5kbGVyXT1cInRydWVcIj48L3Bsb3RseS1wbG90PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdHMtaW5zaWdodC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FkbWluLW1vZHVsZS9zcmMvbGliL2NvbXBvbmVudHMvcHJvZHVjdHMvcHJvZHVjdHMtaW5zaWdodC9wcm9kdWN0cy1pbnNpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9wcm9kdWN0cy9wcm9kdWN0cy1pbnNpZ2h0L3Byb2R1Y3RzLWluc2lnaHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFOUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7QUFPM0QsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGdCQUFnQjtJQVF6RCxZQUNxQixjQUE4QixFQUMvQyxRQUFrQjtRQUVsQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFIQyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7SUFJbkQsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxHQUFHLGlCQUFpQixDQUFDLG9CQUFvQixFQUFFLEVBQUUsQ0FBQztRQUNqRSxJQUFJLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTyxZQUFZO1FBQ2hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxjQUFjO2FBQ2QsaUJBQWlCLENBQ2QsSUFBSSxDQUFDLGNBQWMsRUFDbkIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVM7WUFDN0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQztZQUN2RCxDQUFDLENBQUMsRUFBRSxFQUNSLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxPQUFPO1lBQzNCLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUM7WUFDckQsQ0FBQyxDQUFDLEVBQUUsQ0FDWDthQUNBLFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUMxQixDQUFDLENBQUM7YUFDRCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBMkQ7UUFDekUsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHdCQUF3QixDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNqRixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVRLFdBQVc7UUFDaEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7K0dBakRRLHVCQUF1QjttR0FBdkIsdUJBQXVCLHVGQ2JwQyx3bUJBb0JBOzs0RkRQYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFBsb3RseSB9IGZyb20gJ0Bwb3Npd2lzZS9jb21tb24tdXRpbGl0aWVzJztcbmltcG9ydCB7IEhlbHBlclNlcnZpY2UgfSBmcm9tICdAcG9zaXdpc2UvaGVscGVyLXNlcnZpY2UnO1xuaW1wb3J0IHsgUHJvZHVjdFNlcnZpY2UsIFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7XG5pbXBvcnQgeyBoYW5kbGVEYXRlUmFuZ2VTZWxlY3Rpb24gfSBmcm9tICdAcG9zaXdpc2UvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3B3LWFkbWluLXByb2R1Y3QtaW5zaWdodCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Byb2R1Y3RzLWluc2lnaHQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Byb2R1Y3RzLWluc2lnaHQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQcm9kdWN0SW5zaWdodENvbXBvbmVudCBleHRlbmRzIEFwcEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgZ3JhcGg6IFBsb3RseS5GaWd1cmU7XG4gICAgaXNMb2FkaW5nOiBib29sZWFuO1xuICAgIHN1YnNjcmlwdGlvbklkOiBudW1iZXI7XG5cbiAgICBzZWxlY3RlZERhdGVSYW5nZTtcbiAgICBkYXRlUmFuZ2VzO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcHJvZHVjdFNlcnZpY2U6IFByb2R1Y3RTZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3JcbiAgICApIHtcbiAgICAgICAgc3VwZXIoaW5qZWN0b3IpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gUGVybWlzc2lvblNlcnZpY2Uuc2VsZWN0ZWRTdWJzY3JpcHRpb24/LmlkO1xuICAgICAgICB0aGlzLmRhdGVSYW5nZXMgPSBIZWxwZXJTZXJ2aWNlLmluaXRpYWxpemVEYXRlUmFuZ2VzKCk7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2UgPSAnJztcbiAgICAgICAgdGhpcy5nZXRDaGFydERhdGEoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldENoYXJ0RGF0YSgpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSB0cnVlO1xuICAgICAgICB0aGlzLnByb2R1Y3RTZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0UHJvZHVjdEluc2lnaHQoXG4gICAgICAgICAgICAgICAgdGhpcy5zdWJzY3JpcHRpb25JZCxcbiAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlPy5zdGFydERhdGVcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlLnN0YXJ0RGF0ZS5mb3JtYXQoJ1lZWVktTU0tREQnKVxuICAgICAgICAgICAgICAgICAgICA6ICcnLFxuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWREYXRlUmFuZ2U/LmVuZERhdGVcbiAgICAgICAgICAgICAgICAgICAgPyB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlLmVuZERhdGUuZm9ybWF0KCdZWVlZLU1NLUREJylcbiAgICAgICAgICAgICAgICAgICAgOiAnJ1xuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5ncmFwaCA9IHJlc3BvbnNlO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZGQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkRhdGVSYW5nZVNlbGVjdChldmVudDogeyBzdGFydERhdGU6IG1vbWVudC5Nb21lbnQ7IGVuZERhdGU6IG1vbWVudC5Nb21lbnQgfSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlID0gaGFuZGxlRGF0ZVJhbmdlU2VsZWN0aW9uKGV2ZW50LCB0aGlzLnNlbGVjdGVkRGF0ZVJhbmdlKTtcbiAgICAgICAgdGhpcy5nZXRDaGFydERhdGEoKTtcbiAgICB9XG5cbiAgICBvdmVycmlkZSBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgPGgyIGNsYXNzPVwiY2FyZC10aXRsZSBwLTBcIj5Qcm9kdWN0cyBJbnNpZ2h0PC9oMj5cbjwvZGl2PlxuPCEtLSBzZWxlY3QgZGF0ZSAtLT5cbjxhcHAtZGF0ZS1waWNrZXJcbiAgW3NlbGVjdGVkRGF0ZVJhbmdlXT1cInNlbGVjdGVkRGF0ZVJhbmdlXCJcbiAgW2RhdGVSYW5nZXNdPVwiZGF0ZVJhbmdlc1wiXG4gIChkYXRlUmFuZ2VDaGFuZ2UpPVwib25EYXRlUmFuZ2VTZWxlY3QoJGV2ZW50KVwiPlxuPC9hcHAtZGF0ZS1waWNrZXI+XG48IS0tIGVuZCAtLT5cbjxkaXYgY2xhc3M9XCJ3LTEwMCB0ZXh0LWNlbnRlciBtdC0zXCJcbiAgKm5nSWY9XCJpc0xvYWRpbmdcIj5cbiAgPHAtcHJvZ3Jlc3NTcGlubmVyIHN0cm9rZVdpZHRoPVwiMlwiPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSBbbmdJZl09XCJncmFwaFwiPlxuICA8cGxvdGx5LXBsb3QgW2RhdGFdPVwiZ3JhcGg/LmRhdGFcIlxuICBbY29uZmlnXT1cImdyYXBoPy5jb25maWdcIlxuICAgIFtsYXlvdXRdPVwiZ3JhcGg/LmxheW91dFwiIFt1c2VSZXNpemVIYW5kbGVyXT1cInRydWVcIj48L3Bsb3RseS1wbG90PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/lib/components/subscriptions/subscription-agents-list/subscription-agents-list.component.mjs

@@ -126,10 +126,10 @@ export class SubscriptionAgentsListComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionAgentsListComponent, deps: [{ token: i1.AdminService }, { token: i2.NgbDateParserFormatter }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalUnfilteredCount === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscriptions/details/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (keydown.enter)=\"onDelete(agent?.user_id)\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search ambassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"dd-mmm-yyyy\"\n                formControlName=\"endDate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        [buttonBusy]=\"submitted\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i11.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i12.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i14.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalUnfilteredCount === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscriptions/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (keydown.enter)=\"onDelete(agent?.user_id)\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search ambassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"dd-mmm-yyyy\"\n                formControlName=\"endDate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        [buttonBusy]=\"submitted\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i11.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "directive", type: i12.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i14.DateFormatPipe, name: "dateFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionAgentsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-subscription-agents-list', template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalUnfilteredCount === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscriptions/details/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (keydown.enter)=\"onDelete(agent?.user_id)\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search ambassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"dd-mmm-yyyy\"\n                formControlName=\"endDate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        [buttonBusy]=\"submitted\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"] }]
+            args: [{ selector: 'pw-subscription-agents-list', template: "<ng-container *ngIf=\"!newEmbass\">\n  <div class=\"w-100 text-center mt-3\">\n    <div class=\"d-flex align-items-center\">\n      <div class=\"ms-auto col-xs-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end\"\n          (click)=\"newEmbass = true\"\n          id=\"btn-create\">\n          <i class=\"fa fa-plus-circle me-2\" aria-hidden=\"true\"></i>Add Ambassadors\n        </a>\n      </div>\n    </div>\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"primeng-datatable-container table-responsive mt-0\"\n    [class.hideTable]=\"totalUnfilteredCount === 0\">\n    <p-table #dt\n      [value]=\"allAgents\"\n      [paginator]=\"totalRecords !== 0\"\n      [rows]=\"PAGE_SIZE\"\n      [lazy]=\"true\"\n      [totalRecords]=\"totalRecords\"\n      [loading]=\"loading\"\n      [filterDelay]=\"1000\"\n      [customSort]=\"true\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"text-end\">\n          <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n          <input type=\"text\"\n            [(ngModel)]=\"searchText\"\n            pInputText\n            size=\"50\"\n            placeholder=\"Search Ambassadors...\"\n            (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n            class=\"mw-90\" />\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.AgentName' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Email' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.Percentage' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Subscriptions.EndDate' | transloco }}</th>\n          <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-agent>\n        <tr>\n          <td data-head=\"Agent Name\">\n            {{ agent.user.first_name !== null ? agent.user.first_name : 'N/A' }}\n          </td>\n          <td data-head=\"Email\">\n            {{ agent.user.email !== null ? agent.user.email : 'N/A' }}\n          </td>\n          <td data-head=\"Percentage\">{{ agent.percentage }}</td>\n          <td data-head=\"End Date\">{{ agent.end_date | dateFormat }}</td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline list-action\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-3\"\n                [routerLink]=\"[\n                                    '/admin/subscriptions/',\n                                    agent.subscription_id,\n                                    'agent_details',\n                                    agent.user_id\n                                ]\">\n                <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-3\"\n                (keydown.enter)=\"onDelete(agent?.user_id)\"\n                (click)=\"onDelete(agent?.user_id)\">\n                <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n              </li>\n            </ul>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <span class=\"total-records-count\" *ngIf=\"totalRecords !== 0\">{{ 'Label.Total' | transloco }}: {{ totalRecords }}</span>\n  </div>\n  <div *ngIf=\"totalRecords === 0 && isLoaded\">\n    <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoAmbassadorsMessage' | transloco\">\n    </pw-no-data>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"newEmbass\">\n  <form [formGroup]=\"formEmbassador\"\n    id=\"mainFrom\"\n    (ngSubmit)=\"onAddEmbassador()\">\n    <div class=\"row mb-2\">\n      <div class=\"col-10 col-md-6 offset-md-3\">\n        <div class=\"ui-fluid skills-modal\">\n          <p-autoComplete [suggestions]=\"filteredUsers\"\n            formControlName=\"email\"\n            dataKey=\"id\"\n            field=\"displayName\"\n            (completeMethod)=\"search($event)\"\n            styleClass=\"w-100\"\n            [dropdown]=\"true\"\n            placeholder=\"Search ambassador\"\n            [multiple]=\"true\">\n          </p-autoComplete>\n        </div>\n\n        <div class=\"row mt-3\">\n          <div class=\"col\">\n            <input type=\"number\"\n              formControlName=\"percentage\"\n              class=\"form-control\"\n              placeholder=\"Enter percentage\" />\n          </div>\n          <div class=\"col\">\n            <div class=\"input-group\">\n              <input class=\"form-control\"\n                placeholder=\"dd-mmm-yyyy\"\n                formControlName=\"endDate\"\n                ngbDatepicker\n                #d=\"ngbDatepicker\"\n                [minDate]=\"{ day: 1, month: 1, year: 1950 }\"\n                [maxDate]=\"{ day: 31, month: 12, year: 2050 }\" />\n              <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\"\n                  (click)=\"d.toggle()\"\n                  type=\"button\">\n                  <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-center mt-2\">\n      <button type=\"button\"\n        (click)=\"newEmbass = false\"\n        class=\"btn btn-sm btn-outline-default me-2\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        [buttonBusy]=\"submitted\"\n        class=\"btn btn-sm btn-primary me-2\">Add Ambassador</button>\n    </div>\n  </form>\n</ng-container>\n", styles: ["#mainFrom{padding-bottom:144px}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i2.NgbDateParserFormatter }, { type: i0.Injector }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWFnZW50cy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbi1hZ2VudHMtbGlzdC9zdWJzY3JpcHRpb24tYWdlbnRzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9uLWFnZW50cy1saXN0L3N1YnNjcmlwdGlvbi1hZ2VudHMtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQWMsUUFBUSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBUzlELE1BQU0sT0FBTywrQkFBZ0MsU0FBUSxnQkFBZ0I7SUEwQmpFLFlBQ3FCLFlBQTBCLEVBQzFCLGVBQXVDLEVBQ3hELFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLG9CQUFlLEdBQWYsZUFBZSxDQUF3QjtRQXpCNUQsY0FBUyxHQUFHLEVB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c0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdiRGF0ZVBhcnNlckZvcm1hdHRlciB9IGZyb20gJ0BuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZvcmtKb2luIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgc3dhbCBmcm9tICdzd2VldGFsZXJ0Mic7XG5cbmltcG9ydCB7IEFkbWluU2VydmljZSwgQXBwQWRtaW4gfSBmcm9tICdAcG9zaXdpc2UvYWRtaW4tbW9kdWxlLXV0aWxzJztcbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBBcGlSZXNwb25zZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2UvYXBpLXJlc3BvbnNlLmludGVyZmFjZSc7XG5pbXBvcnQgeyBBZ2VudFVzZXIgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvaW50ZXJmYWNlL2FkbWluLW1vZHVsZS1zaGFyZWQuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1zdWJzY3JpcHRpb24tYWdlbnRzLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24tYWdlbnRzLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N1YnNjcmlwdGlvbi1hZ2VudHMtbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN1YnNjcmlwdGlvbkFnZW50c0xpc3RDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBpZDogbnVtYmVyO1xuXG4gICAgYWxsQWdlbnRzID0gW107XG5cbiAgICB0b3RhbFJlY29yZHM6IG51bWJlcjtcblxuICAgIGlzTG9hZGVkID0gZmFsc2U7XG5cbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIHNlYXJjaFRleHQgPSAnJztcblxuICAgIG5ld0VtYmFzcyA9IGZhbHNlO1xuXG4gICAgZm9ybUVtYmFzc2Fkb3I6IFVudHlwZWRGb3JtR3JvdXA7XG5cbiAgICBhbGxVc2VyczogQWdlbnRVc2VyW10gPSBbXTtcblxuICAgIGZpbHRlcmVkVXNlcnMgPSBbXTtcblxuICAgIHN1Ym1pdHRlZCA9IGZhbHNlO1xuXG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcbiAgICB0b3RhbFVuZmlsdGVyZWRDb3VudCA9IDA7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBhZG1pblNlcnZpY2U6IEFkbWluU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBwYXJzZXJGb3JtYXR0ZXI6IE5nYkRhdGVQYXJzZXJGb3JtYXR0ZXIsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgICAgIHRoaXMuZm9ybUVtYmFzc2Fkb3IgPSBBcHBBZG1pbi5nZXRFbWJhc3NhZG9yRm9ybSgpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gUGVybWlzc2lvblNlcnZpY2Uuc2VsZWN0ZWRTdWJzY3JpcHRpb24uaWQ7XG4gICAgICAgIHRoaXMucm91dGUucGFyYW1zLnN1YnNjcmliZShkYXRhID0+IHtcbiAgICAgICAgICAgIHRoaXMuaWQgPSBOdW1iZXIoZGF0YVsnaWQnXSk7XG4gICAgICAgICAgICB0aGlzLmdldEFnZW50c0RldGFpbHModGhpcy5pZCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmdldFVzZXJzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRBZ2VudHNEZXRhaWxzKGlkOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmFkbWluU2VydmljZVxuICAgICAgICAgICAgLmdldEFnZW50cyhpZClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYWxsQWdlbnRzID0gcmVzcG9uc2Uuc3Vic2NyaXB0aW9uX2FnZW50cztcbiAgICAgICAgICAgICAgICB0aGlzLnRvdGFsUmVjb3JkcyA9IHRoaXMuYWxsQWdlbnRzPy5sZW5ndGg7XG4gICAgICAgICAgICAgICAgdGhpcy50b3RhbFVuZmlsdGVyZWRDb3VudCA9IHJlc3BvbnNlLnVuZmlsdGVyZWRfY291bnQgfHwgMDtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0VXNlcnMoKSB7XG4gICAgICAgIHRoaXMuYWRtaW5TZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0VXNlcnMoe30sIHsgc3Vic2NyaXB0aW9uX2lkOiB0aGlzLnN1YnNjcmlwdGlvbklkIH0pXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmFsbFVzZXJzID0gcmVzcG9uc2UudXNlcnM7XG4gICAgICAgICAgICAgICAgdGhpcy5hbGxVc2Vycy5mb3JFYWNoKG1lbWJlciA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGZpcnN0TmFtZSA9IG1lbWJlci5maXJzdF9uYW1lIHx8ICcnO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBsYXN0TmFtZSA9IG1lbWJlci5sYXN0X25hbWUgfHwgJyc7XG4gICAgICAgICAgICAgICAgICAgIG1lbWJlci5kaXNwbGF5TmFtZSA9IGAke2ZpcnN0TmFtZX0gJHtsYXN0TmFtZX0gJHttZW1iZXIuZW1haWx9YC50cmltKCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBzZWFyY2goZXZlbnQpIHtcbiAgICAgICAgbGV0IHZhbHVlcyA9IFtdO1xuICAgICAgICBpZiAoZXZlbnQucXVlcnkpIHtcbiAgICAgICAgICAgIHZhbHVlcyA9IHRoaXMuYWxsVXNlcnMuZmlsdGVyKChlbGVtZW50OiBBZ2VudFVzZXIpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gZWxlbWVudC5kaXNwbGF5TmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnF1ZXJ5LnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFsbFVzZXJzLmZvckVhY2goZWxlbWVudCA9PiB7XG4gICAgICAgICAgICAgICAgdmFsdWVzLnB1c2goZWxlbWVudCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmZpbHRlcmVkVXNlcnMgPSB2YWx1ZXM7XG4gICAgfVxuXG4gICAgb25BZGRFbWJhc3NhZG9yKCkge1xuICAgICAgICB0aGlzLnN1Ym1pdHRlZCA9IHRydWU7XG4gICAgICAgIGlmICh0aGlzLmZvcm1FbWJhc3NhZG9yLnZhbGlkKSB7XG4gICAgICAgICAgICBjb25zdCBlbWFpbHMgPSB0aGlzLmZvcm1FbWJhc3NhZG9yLnZhbHVlLmVtYWlsLm1hcCh4ID0+IHguZW1haWwpO1xuICAgICAgICAgICAgY29uc3QgZm9ybVZhbHVlID0gdGhpcy5mb3JtRW1iYXNzYWRvci52YWx1ZTtcbiAgICAgICAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgICAgICAgICAgcGVyY2VudGFnZTogZm9ybVZhbHVlLnBlcmNlbnRhZ2UsXG4gICAgICAgICAgICAgICAgZW5kX2RhdGU6IHRoaXMucGFyc2VyRm9ybWF0dGVyLmZvcm1hdChmb3JtVmFsdWUuZW5kRGF0ZSlcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IG9ic2VydmFibGVMaXN0OiBPYnNlcnZhYmxlPEFwaVJlc3BvbnNlPltdID0gW107XG4gICAgICAgICAgICBlbWFpbHMuZm9yRWFjaChlbWFpbCA9PiB7XG4gICAgICAgICAgICAgICAgb2JzZXJ2YWJsZUxpc3QucHVzaCh0aGlzLmFkbWluU2VydmljZS5wb3N0QWdlbnQodGhpcy5pZCwgeyAuLi5kYXRhLCBlbWFpbCB9KSk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgZm9ya0pvaW4ob2JzZXJ2YWJsZUxpc3QpXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZShfID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50b2FzdC5zdWNjZXNzKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy50cmFuc2xhdGlvbi50cmFuc2xhdGUoJ0FkbWluLlN1YnNjcmlwdGlvbnMuU2F2ZWRNZXNzYWdlJylcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5nZXRBZ2VudHNEZXRhaWxzKHRoaXMuaWQpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLm5ld0VtYmFzcyA9ICF0aGlzLm5ld0VtYmFzcztcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb3JtRW1iYXNzYWRvci5yZXNldCgpO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3VibWl0dGVkID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbkRlbGV0ZSh1c2VySWQ6IG51bWJlcikge1xuICAgICAgICBzd2FsLmZpcmUoe1xuICAgICAgICAgICAgdGl0bGU6ICdEZWxldGUnLFxuICAgICAgICAgICAgdGV4dDogYEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBkZWxldGUgdGhpcyBhZ2VudGAsXG4gICAgICAgICAgICBzaG93Q2FuY2VsQnV0dG9uOiB0cnVlLFxuICAgICAgICAgICAgcmV2ZXJzZUJ1dHRvbnM6IHRydWUsXG4gICAgICAgICAgICBpY29uOiAnd2FybmluZydcbiAgICAgICAgfSkudGhlbihyZXAgPT4ge1xuICAgICAgICAgICAgaWYgKHJlcC52YWx1ZSkge1xuICAgICAgICAgICAgICAgIHRoaXMuYWRtaW5TZXJ2aWNlLmRlc3Ryb3lBZ2VudCh0aGlzLmlkLCB1c2VySWQpLnN1YnNjcmliZShfID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50b2FzdC5zdWNjZXNzKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy50cmFuc2xhdGlvbi50cmFuc2xhdGUoJ0FkbWluLlN1YnNjcmlwdGlvbnMuRGVsZXRlZE1lc3NhZ2UnKVxuICAgICAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZ2V0QWdlbnRzRGV0YWlscyh0aGlzLmlkKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFuZXdFbWJhc3NcIj5cbiAgPGRpdiBjbGFzcz1cInctMTAwIHRleHQtY2VudGVyIG10LTNcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1zLWF1dG8gY29sLXhzLTEyXCI+XG4gICAgICAgIDxhIGNsYXNzPVwiYnRuIGJ0bi1zbSBidG4tb3V0bGluZS1wcmltYXJ5IGZsb2F0LWVuZFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm5ld0VtYmFzcyA9IHRydWVcIlxuICAgICAgICAgIGlkPVwiYnRuLWNyZWF0ZVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtcGx1cy1jaXJjbGUgbWUtMlwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5BZGQgQW1iYXNzYWRvcnNcbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpc0xvYWRlZFwiPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicHJpbWVuZy1kYXRhdGFibGUtY29udGFpbmVyIHRhYmxlLXJlc3BvbnNpdmUgbXQtMFwiXG4gICAgW2NsYXNzLmhpZGVUYWJsZV09XCJ0b3RhbFVuZmlsdGVyZWRDb3VudCA9PT0gMFwiPlxuICAgIDxwLXRhYmxlICNkdFxuICAgICAgW3ZhbHVlXT1cImFsbEFnZW50c1wiXG4gICAgICBbcGFnaW5hdG9yXT1cInRvdGFsUmVjb3JkcyAhPT0gMFwiXG4gICAgICBbcm93c109XCJQQUdFX1NJWkVcIlxuICAgICAgW2xhenldPVwidHJ1ZVwiXG4gICAgICBbdG90YWxSZWNvcmRzXT1cInRvdGFsUmVjb3Jkc1wiXG4gICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCJcbiAgICAgIFtmaWx0ZXJEZWxheV09XCIxMDAwXCJcbiAgICAgIFtjdXN0b21Tb3J0XT1cInRydWVcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjYXB0aW9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWVuZFwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtc2VhcmNoIG10LTIgbWUtMlwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCJcbiAgICAgICAgICAgIHBJbnB1dFRleHRcbiAgICAgICAgICAgIHNpemU9XCI1MFwiXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCBBbWJhc3NhZG9ycy4uLlwiXG4gICAgICAgICAgICAoaW5wdXQpPVwiZHQuZmlsdGVyR2xvYmFsKCRldmVudC50YXJnZXQudmFsdWUsICdjb250YWlucycpXCJcbiAgICAgICAgICAgIGNsYXNzPVwibXctOTBcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgIDx0cj5cbiAgICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuQWdlbnROYW1lJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgICAgPHRoIHNjb3BlPVwidHJ1ZVwiPnt7ICdMYWJlbC5FbWFpbCcgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5QZXJjZW50YWdlJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgICAgPHRoIHNjb3BlPVwidHJ1ZVwiPnt7ICdBZG1pbi5TdWJzY3JpcHRpb25zLkVuZERhdGUnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0xhYmVsLkFjdGlvbnMnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgPC90cj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiYm9keVwiXG4gICAgICAgIGxldC1hZ2VudD5cbiAgICAgICAgPHRyPlxuICAgICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJBZ2VudCBOYW1lXCI+XG4gICAgICAgICAgICB7eyBhZ2VudC51c2VyLmZpcnN0X25hbWUgIT09IG51bGwgPyBhZ2VudC51c2VyLmZpcnN0X25hbWUgOiAnTi9BJyB9fVxuICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgPHRkIGRhdGEtaGVhZD1cIkVtYWlsXCI+XG4gICAgICAgICAgICB7eyBhZ2VudC51c2VyLmVtYWlsICE9PSBudWxsID8gYWdlbnQudXNlci5lbWFpbCA6ICdOL0EnIH19XG4gICAgICAgICAgPC90ZD5cbiAgICAgICAgICA8dGQgZGF0YS1oZWFkPVwiUGVyY2VudGFnZVwiPnt7IGFnZW50LnBlcmNlbnRhZ2UgfX08L3RkPlxuICAgICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJFbmQgRGF0ZVwiPnt7IGFnZW50LmVuZF9kYXRlIHwgZGF0ZUZvcm1hdCB9fTwvdGQ+XG4gICAgICAgICAgPHRkIGRhdGEtaGVhZD1cIkFjdGlvblwiPlxuICAgICAgICAgICAgPHVsIGNsYXNzPVwibGlzdC11bnN0eWxlZCBsaXN0LWlubGluZSBsaXN0LWFjdGlvblwiPlxuICAgICAgICAgICAgICA8bGkgbmdiVG9vbHRpcD1cIkVkaXRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibWUtMiBtZS1zbS0zXCJcbiAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnL2FkbWluL3N1YnNjcmlwdGlvbnMvZGV0YWlscy8nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWdlbnQuc3Vic2NyaXB0aW9uX2lkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2FnZW50X2RldGFpbHMnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWdlbnQudXNlcl9pZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1lZGl0IGVkaXQtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgPGxpIG5nYlRvb2x0aXA9XCJEZWxldGVcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibWUtMiBtZS1zbS0zXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvbkRlbGV0ZShhZ2VudD8udXNlcl9pZClcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkRlbGV0ZShhZ2VudD8udXNlcl9pZClcIj5cbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXRyYXNoIGRlbGV0ZS1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3AtdGFibGU+XG4gICAgPHNwYW4gY2xhc3M9XCJ0b3RhbC1yZWNvcmRzLWNvdW50XCIgKm5nSWY9XCJ0b3RhbFJlY29yZHMgIT09IDBcIj57eyAnTGFiZWwuVG90YWwnIHwgdHJhbnNsb2NvIH19OiB7eyB0b3RhbFJlY29yZHMgfX08L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwidG90YWxSZWNvcmRzID09PSAwICYmIGlzTG9hZGVkXCI+XG4gICAgPHB3LW5vLWRhdGEgW3dpdGhJbWFnZV09XCJ0cnVlXCIgW21lc3NhZ2VdPVwiJ0FkbWluLlN1YnNjcmlwdGlvbnMuTm9BbWJhc3NhZG9yc01lc3NhZ2UnIHwgdHJhbnNsb2NvXCI+XG4gICAgPC9wdy1uby1kYXRhPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5ld0VtYmFzc1wiPlxuICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1FbWJhc3NhZG9yXCJcbiAgICBpZD1cIm1haW5Gcm9tXCJcbiAgICAobmdTdWJtaXQpPVwib25BZGRFbWJhc3NhZG9yKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93IG1iLTJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTAgY29sLW1kLTYgb2Zmc2V0LW1kLTNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInVpLWZsdWlkIHNraWxscy1tb2RhbFwiPlxuICAgICAgICAgIDxwLWF1dG9Db21wbGV0ZSBbc3VnZ2VzdGlvbnNdPVwiZmlsdGVyZWRVc2Vyc1wiXG4gICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJlbWFpbFwiXG4gICAgICAgICAgICBkYXRhS2V5PVwiaWRcIlxuICAgICAgICAgICAgZmllbGQ9XCJkaXNwbGF5TmFtZVwiXG4gICAgICAgICAgICAoY29tcGxldGVNZXRob2QpPVwic2VhcmNoKCRldmVudClcIlxuICAgICAgICAgICAgc3R5bGVDbGFzcz1cInctMTAwXCJcbiAgICAgICAgICAgIFtkcm9wZG93bl09XCJ0cnVlXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VhcmNoIGFtYmFzc2Fkb3JcIlxuICAgICAgICAgICAgW211bHRpcGxlXT1cInRydWVcIj5cbiAgICAgICAgICA8L3AtYXV0b0NvbXBsZXRlPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93IG10LTNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInBlcmNlbnRhZ2VcIlxuICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiRW50ZXIgcGVyY2VudGFnZVwiIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgICAgICAgICAgIDxpbnB1dCBjbGFzcz1cImZvcm0tY29udHJvbFwiXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJkZC1tbW0teXl5eVwiXG4gICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZW5kRGF0ZVwiXG4gICAgICAgICAgICAgICAgbmdiRGF0ZXBpY2tlclxuICAgICAgICAgICAgICAgICNkPVwibmdiRGF0ZXBpY2tlclwiXG4gICAgICAgICAgICAgICAgW21pbkRhdGVdPVwieyBkYXk6IDEsIG1vbnRoOiAxLCB5ZWFyOiAxOTUwIH1cIlxuICAgICAgICAgICAgICAgIFttYXhEYXRlXT1cInsgZGF5OiAzMSwgbW9udGg6IDEyLCB5ZWFyOiAyMDUwIH1cIiAvPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXAtYXBwZW5kXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZC50b2dnbGUoKVwiXG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWNhbGVuZGFyXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNlbnRlciBtdC0yXCI+XG4gICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwibmV3RW1iYXNzID0gZmFsc2VcIlxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc20gYnRuLW91dGxpbmUtZGVmYXVsdCBtZS0yXCI+XG4gICAgICAgIHt7ICdCdXR0b24uQ2FuY2VsJyB8IHRyYW5zbG9jbyB9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICBbYnV0dG9uQnVzeV09XCJzdWJtaXR0ZWRcIlxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc20gYnRuLXByaW1hcnkgbWUtMlwiPkFkZCBBbWJhc3NhZG9yPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZm9ybT5cbjwvbmctY29udGFpbmVyPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLWFnZW50cy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbi1hZ2VudHMtbGlzdC9zdWJzY3JpcHRpb24tYWdlbnRzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9uLWFnZW50cy1saXN0L3N1YnNjcmlwdGlvbi1hZ2VudHMtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQWMsUUFBUSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7O0FBUzlELE1BQU0sT0FBTywrQkFBZ0MsU0FBUSxnQkFBZ0I7SUEwQmpFLFlBQ3FCLFlBQTBCLEVBQzFCLGVBQXVDLEVBQ3hELFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUpDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQzFCLG9CQUFlLEdBQWYsZUFBZSxDQUF3QjtRQXpCNUQsY0FBUyxHQUFHLEVB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c0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdiRGF0ZVBhcnNlckZvcm1hdHRlciB9IGZyb20gJ0BuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZvcmtKb2luIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgc3dhbCBmcm9tICdzd2VldGFsZXJ0Mic7XG5cbmltcG9ydCB7IEFkbWluU2VydmljZSwgQXBwQWRtaW4gfSBmcm9tICdAcG9zaXdpc2UvYWRtaW4tbW9kdWxlLXV0aWxzJztcbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFBlcm1pc3Npb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBBcGlSZXNwb25zZSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2UvYXBpLXJlc3BvbnNlLmludGVyZmFjZSc7XG5pbXBvcnQgeyBBZ2VudFVzZXIgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvaW50ZXJmYWNlL2FkbWluLW1vZHVsZS1zaGFyZWQuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1zdWJzY3JpcHRpb24tYWdlbnRzLWxpc3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24tYWdlbnRzLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N1YnNjcmlwdGlvbi1hZ2VudHMtbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN1YnNjcmlwdGlvbkFnZW50c0xpc3RDb21wb25lbnQgZXh0ZW5kcyBBcHBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBpZDogbnVtYmVyO1xuXG4gICAgYWxsQWdlbnRzID0gW107XG5cbiAgICB0b3RhbFJlY29yZHM6IG51bWJlcjtcblxuICAgIGlzTG9hZGVkID0gZmFsc2U7XG5cbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIHNlYXJjaFRleHQgPSAnJztcblxuICAgIG5ld0VtYmFzcyA9IGZhbHNlO1xuXG4gICAgZm9ybUVtYmFzc2Fkb3I6IFVudHlwZWRGb3JtR3JvdXA7XG5cbiAgICBhbGxVc2VyczogQWdlbnRVc2VyW10gPSBbXTtcblxuICAgIGZpbHRlcmVkVXNlcnMgPSBbXTtcblxuICAgIHN1Ym1pdHRlZCA9IGZhbHNlO1xuXG4gICAgc3Vic2NyaXB0aW9uSWQ6IG51bWJlcjtcbiAgICB0b3RhbFVuZmlsdGVyZWRDb3VudCA9IDA7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBhZG1pblNlcnZpY2U6IEFkbWluU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBwYXJzZXJGb3JtYXR0ZXI6IE5nYkRhdGVQYXJzZXJGb3JtYXR0ZXIsXG4gICAgICAgIGluamVjdG9yOiBJbmplY3RvclxuICAgICkge1xuICAgICAgICBzdXBlcihpbmplY3Rvcik7XG4gICAgICAgIHRoaXMuZm9ybUVtYmFzc2Fkb3IgPSBBcHBBZG1pbi5nZXRFbWJhc3NhZG9yRm9ybSgpO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvbklkID0gUGVybWlzc2lvblNlcnZpY2Uuc2VsZWN0ZWRTdWJzY3JpcHRpb24uaWQ7XG4gICAgICAgIHRoaXMucm91dGUucGFyYW1zLnN1YnNjcmliZShkYXRhID0+IHtcbiAgICAgICAgICAgIHRoaXMuaWQgPSBOdW1iZXIoZGF0YVsnaWQnXSk7XG4gICAgICAgICAgICB0aGlzLmdldEFnZW50c0RldGFpbHModGhpcy5pZCk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmdldFVzZXJzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRBZ2VudHNEZXRhaWxzKGlkOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLmFkbWluU2VydmljZVxuICAgICAgICAgICAgLmdldEFnZW50cyhpZClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUocmVzcG9uc2UgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuYWxsQWdlbnRzID0gcmVzcG9uc2Uuc3Vic2NyaXB0aW9uX2FnZW50cztcbiAgICAgICAgICAgICAgICB0aGlzLnRvdGFsUmVjb3JkcyA9IHRoaXMuYWxsQWdlbnRzPy5sZW5ndGg7XG4gICAgICAgICAgICAgICAgdGhpcy50b3RhbFVuZmlsdGVyZWRDb3VudCA9IHJlc3BvbnNlLnVuZmlsdGVyZWRfY291bnQgfHwgMDtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0VXNlcnMoKSB7XG4gICAgICAgIHRoaXMuYWRtaW5TZXJ2aWNlXG4gICAgICAgICAgICAuZ2V0VXNlcnMoe30sIHsgc3Vic2NyaXB0aW9uX2lkOiB0aGlzLnN1YnNjcmlwdGlvbklkIH0pXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmFsbFVzZXJzID0gcmVzcG9uc2UudXNlcnM7XG4gICAgICAgICAgICAgICAgdGhpcy5hbGxVc2Vycy5mb3JFYWNoKG1lbWJlciA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGZpcnN0TmFtZSA9IG1lbWJlci5maXJzdF9uYW1lIHx8ICcnO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBsYXN0TmFtZSA9IG1lbWJlci5sYXN0X25hbWUgfHwgJyc7XG4gICAgICAgICAgICAgICAgICAgIG1lbWJlci5kaXNwbGF5TmFtZSA9IGAke2ZpcnN0TmFtZX0gJHtsYXN0TmFtZX0gJHttZW1iZXIuZW1haWx9YC50cmltKCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBzZWFyY2goZXZlbnQpIHtcbiAgICAgICAgbGV0IHZhbHVlcyA9IFtdO1xuICAgICAgICBpZiAoZXZlbnQucXVlcnkpIHtcbiAgICAgICAgICAgIHZhbHVlcyA9IHRoaXMuYWxsVXNlcnMuZmlsdGVyKChlbGVtZW50OiBBZ2VudFVzZXIpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gZWxlbWVudC5kaXNwbGF5TmFtZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGV2ZW50LnF1ZXJ5LnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFsbFVzZXJzLmZvckVhY2goZWxlbWVudCA9PiB7XG4gICAgICAgICAgICAgICAgdmFsdWVzLnB1c2goZWxlbWVudCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmZpbHRlcmVkVXNlcnMgPSB2YWx1ZXM7XG4gICAgfVxuXG4gICAgb25BZGRFbWJhc3NhZG9yKCkge1xuICAgICAgICB0aGlzLnN1Ym1pdHRlZCA9IHRydWU7XG4gICAgICAgIGlmICh0aGlzLmZvcm1FbWJhc3NhZG9yLnZhbGlkKSB7XG4gICAgICAgICAgICBjb25zdCBlbWFpbHMgPSB0aGlzLmZvcm1FbWJhc3NhZG9yLnZhbHVlLmVtYWlsLm1hcCh4ID0+IHguZW1haWwpO1xuICAgICAgICAgICAgY29uc3QgZm9ybVZhbHVlID0gdGhpcy5mb3JtRW1iYXNzYWRvci52YWx1ZTtcbiAgICAgICAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgICAgICAgICAgcGVyY2VudGFnZTogZm9ybVZhbHVlLnBlcmNlbnRhZ2UsXG4gICAgICAgICAgICAgICAgZW5kX2RhdGU6IHRoaXMucGFyc2VyRm9ybWF0dGVyLmZvcm1hdChmb3JtVmFsdWUuZW5kRGF0ZSlcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIGNvbnN0IG9ic2VydmFibGVMaXN0OiBPYnNlcnZhYmxlPEFwaVJlc3BvbnNlPltdID0gW107XG4gICAgICAgICAgICBlbWFpbHMuZm9yRWFjaChlbWFpbCA9PiB7XG4gICAgICAgICAgICAgICAgb2JzZXJ2YWJsZUxpc3QucHVzaCh0aGlzLmFkbWluU2VydmljZS5wb3N0QWdlbnQodGhpcy5pZCwgeyAuLi5kYXRhLCBlbWFpbCB9KSk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgZm9ya0pvaW4ob2JzZXJ2YWJsZUxpc3QpXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZShfID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50b2FzdC5zdWNjZXNzKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy50cmFuc2xhdGlvbi50cmFuc2xhdGUoJ0FkbWluLlN1YnNjcmlwdGlvbnMuU2F2ZWRNZXNzYWdlJylcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5nZXRBZ2VudHNEZXRhaWxzKHRoaXMuaWQpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLm5ld0VtYmFzcyA9ICF0aGlzLm5ld0VtYmFzcztcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5mb3JtRW1iYXNzYWRvci5yZXNldCgpO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgLmFkZCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3VibWl0dGVkID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbkRlbGV0ZSh1c2VySWQ6IG51bWJlcikge1xuICAgICAgICBzd2FsLmZpcmUoe1xuICAgICAgICAgICAgdGl0bGU6ICdEZWxldGUnLFxuICAgICAgICAgICAgdGV4dDogYEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBkZWxldGUgdGhpcyBhZ2VudGAsXG4gICAgICAgICAgICBzaG93Q2FuY2VsQnV0dG9uOiB0cnVlLFxuICAgICAgICAgICAgcmV2ZXJzZUJ1dHRvbnM6IHRydWUsXG4gICAgICAgICAgICBpY29uOiAnd2FybmluZydcbiAgICAgICAgfSkudGhlbihyZXAgPT4ge1xuICAgICAgICAgICAgaWYgKHJlcC52YWx1ZSkge1xuICAgICAgICAgICAgICAgIHRoaXMuYWRtaW5TZXJ2aWNlLmRlc3Ryb3lBZ2VudCh0aGlzLmlkLCB1c2VySWQpLnN1YnNjcmliZShfID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50b2FzdC5zdWNjZXNzKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy50cmFuc2xhdGlvbi50cmFuc2xhdGUoJ0FkbWluLlN1YnNjcmlwdGlvbnMuRGVsZXRlZE1lc3NhZ2UnKVxuICAgICAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZ2V0QWdlbnRzRGV0YWlscyh0aGlzLmlkKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFuZXdFbWJhc3NcIj5cbiAgPGRpdiBjbGFzcz1cInctMTAwIHRleHQtY2VudGVyIG10LTNcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1zLWF1dG8gY29sLXhzLTEyXCI+XG4gICAgICAgIDxhIGNsYXNzPVwiYnRuIGJ0bi1zbSBidG4tb3V0bGluZS1wcmltYXJ5IGZsb2F0LWVuZFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm5ld0VtYmFzcyA9IHRydWVcIlxuICAgICAgICAgIGlkPVwiYnRuLWNyZWF0ZVwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtcGx1cy1jaXJjbGUgbWUtMlwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5BZGQgQW1iYXNzYWRvcnNcbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpc0xvYWRlZFwiPlxuICAgICAgPHAtcHJvZ3Jlc3NTcGlubmVyPiA8L3AtcHJvZ3Jlc3NTcGlubmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicHJpbWVuZy1kYXRhdGFibGUtY29udGFpbmVyIHRhYmxlLXJlc3BvbnNpdmUgbXQtMFwiXG4gICAgW2NsYXNzLmhpZGVUYWJsZV09XCJ0b3RhbFVuZmlsdGVyZWRDb3VudCA9PT0gMFwiPlxuICAgIDxwLXRhYmxlICNkdFxuICAgICAgW3ZhbHVlXT1cImFsbEFnZW50c1wiXG4gICAgICBbcGFnaW5hdG9yXT1cInRvdGFsUmVjb3JkcyAhPT0gMFwiXG4gICAgICBbcm93c109XCJQQUdFX1NJWkVcIlxuICAgICAgW2xhenldPVwidHJ1ZVwiXG4gICAgICBbdG90YWxSZWNvcmRzXT1cInRvdGFsUmVjb3Jkc1wiXG4gICAgICBbbG9hZGluZ109XCJsb2FkaW5nXCJcbiAgICAgIFtmaWx0ZXJEZWxheV09XCIxMDAwXCJcbiAgICAgIFtjdXN0b21Tb3J0XT1cInRydWVcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjYXB0aW9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWVuZFwiPlxuICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtc2VhcmNoIG10LTIgbWUtMlwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCJcbiAgICAgICAgICAgIHBJbnB1dFRleHRcbiAgICAgICAgICAgIHNpemU9XCI1MFwiXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCBBbWJhc3NhZG9ycy4uLlwiXG4gICAgICAgICAgICAoaW5wdXQpPVwiZHQuZmlsdGVyR2xvYmFsKCRldmVudC50YXJnZXQudmFsdWUsICdjb250YWlucycpXCJcbiAgICAgICAgICAgIGNsYXNzPVwibXctOTBcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgIDx0cj5cbiAgICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuQWdlbnROYW1lJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgICAgPHRoIHNjb3BlPVwidHJ1ZVwiPnt7ICdMYWJlbC5FbWFpbCcgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5QZXJjZW50YWdlJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgICAgPHRoIHNjb3BlPVwidHJ1ZVwiPnt7ICdBZG1pbi5TdWJzY3JpcHRpb25zLkVuZERhdGUnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0xhYmVsLkFjdGlvbnMnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgPC90cj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiYm9keVwiXG4gICAgICAgIGxldC1hZ2VudD5cbiAgICAgICAgPHRyPlxuICAgICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJBZ2VudCBOYW1lXCI+XG4gICAgICAgICAgICB7eyBhZ2VudC51c2VyLmZpcnN0X25hbWUgIT09IG51bGwgPyBhZ2VudC51c2VyLmZpcnN0X25hbWUgOiAnTi9BJyB9fVxuICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgPHRkIGRhdGEtaGVhZD1cIkVtYWlsXCI+XG4gICAgICAgICAgICB7eyBhZ2VudC51c2VyLmVtYWlsICE9PSBudWxsID8gYWdlbnQudXNlci5lbWFpbCA6ICdOL0EnIH19XG4gICAgICAgICAgPC90ZD5cbiAgICAgICAgICA8dGQgZGF0YS1oZWFkPVwiUGVyY2VudGFnZVwiPnt7IGFnZW50LnBlcmNlbnRhZ2UgfX08L3RkPlxuICAgICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJFbmQgRGF0ZVwiPnt7IGFnZW50LmVuZF9kYXRlIHwgZGF0ZUZvcm1hdCB9fTwvdGQ+XG4gICAgICAgICAgPHRkIGRhdGEtaGVhZD1cIkFjdGlvblwiPlxuICAgICAgICAgICAgPHVsIGNsYXNzPVwibGlzdC11bnN0eWxlZCBsaXN0LWlubGluZSBsaXN0LWFjdGlvblwiPlxuICAgICAgICAgICAgICA8bGkgbmdiVG9vbHRpcD1cIkVkaXRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibWUtMiBtZS1zbS0zXCJcbiAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnL2FkbWluL3N1YnNjcmlwdGlvbnMvJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFnZW50LnN1YnNjcmlwdGlvbl9pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdhZ2VudF9kZXRhaWxzJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFnZW50LnVzZXJfaWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVwiPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtZWRpdCBlZGl0LWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgIDxsaSBuZ2JUb29sdGlwPVwiRGVsZXRlXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm1lLTIgbWUtc20tM1wiXG4gICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwib25EZWxldGUoYWdlbnQ/LnVzZXJfaWQpXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25EZWxldGUoYWdlbnQ/LnVzZXJfaWQpXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS10cmFzaCBkZWxldGUtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgPC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9wLXRhYmxlPlxuICAgIDxzcGFuIGNsYXNzPVwidG90YWwtcmVjb3Jkcy1jb3VudFwiICpuZ0lmPVwidG90YWxSZWNvcmRzICE9PSAwXCI+e3sgJ0xhYmVsLlRvdGFsJyB8IHRyYW5zbG9jbyB9fToge3sgdG90YWxSZWNvcmRzIH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cInRvdGFsUmVjb3JkcyA9PT0gMCAmJiBpc0xvYWRlZFwiPlxuICAgIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidBZG1pbi5TdWJzY3JpcHRpb25zLk5vQW1iYXNzYWRvcnNNZXNzYWdlJyB8IHRyYW5zbG9jb1wiPlxuICAgIDwvcHctbm8tZGF0YT5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJuZXdFbWJhc3NcIj5cbiAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtRW1iYXNzYWRvclwiXG4gICAgaWQ9XCJtYWluRnJvbVwiXG4gICAgKG5nU3VibWl0KT1cIm9uQWRkRW1iYXNzYWRvcigpXCI+XG4gICAgPGRpdiBjbGFzcz1cInJvdyBtYi0yXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLTEwIGNvbC1tZC02IG9mZnNldC1tZC0zXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1aS1mbHVpZCBza2lsbHMtbW9kYWxcIj5cbiAgICAgICAgICA8cC1hdXRvQ29tcGxldGUgW3N1Z2dlc3Rpb25zXT1cImZpbHRlcmVkVXNlcnNcIlxuICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIlxuICAgICAgICAgICAgZGF0YUtleT1cImlkXCJcbiAgICAgICAgICAgIGZpZWxkPVwiZGlzcGxheU5hbWVcIlxuICAgICAgICAgICAgKGNvbXBsZXRlTWV0aG9kKT1cInNlYXJjaCgkZXZlbnQpXCJcbiAgICAgICAgICAgIHN0eWxlQ2xhc3M9XCJ3LTEwMFwiXG4gICAgICAgICAgICBbZHJvcGRvd25dPVwidHJ1ZVwiXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCBhbWJhc3NhZG9yXCJcbiAgICAgICAgICAgIFttdWx0aXBsZV09XCJ0cnVlXCI+XG4gICAgICAgICAgPC9wLWF1dG9Db21wbGV0ZT5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvdyBtdC0zXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbFwiPlxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJudW1iZXJcIlxuICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJwZXJjZW50YWdlXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkVudGVyIHBlcmNlbnRhZ2VcIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2xcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cFwiPlxuICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZGQtbW1tLXl5eXlcIlxuICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImVuZERhdGVcIlxuICAgICAgICAgICAgICAgIG5nYkRhdGVwaWNrZXJcbiAgICAgICAgICAgICAgICAjZD1cIm5nYkRhdGVwaWNrZXJcIlxuICAgICAgICAgICAgICAgIFttaW5EYXRlXT1cInsgZGF5OiAxLCBtb250aDogMSwgeWVhcjogMTk1MCB9XCJcbiAgICAgICAgICAgICAgICBbbWF4RGF0ZV09XCJ7IGRheTogMzEsIG1vbnRoOiAxMiwgeWVhcjogMjA1MCB9XCIgLz5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLWFwcGVuZFwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImQudG9nZ2xlKClcIlxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1jYWxlbmRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXIgbXQtMlwiPlxuICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cIm5ld0VtYmFzcyA9IGZhbHNlXCJcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLXNtIGJ0bi1vdXRsaW5lLWRlZmF1bHQgbWUtMlwiPlxuICAgICAgICB7eyAnQnV0dG9uLkNhbmNlbCcgfCB0cmFuc2xvY28gfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgW2J1dHRvbkJ1c3ldPVwic3VibWl0dGVkXCJcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLXNtIGJ0bi1wcmltYXJ5IG1lLTJcIj5BZGQgQW1iYXNzYWRvcjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Zvcm0+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/lib/components/subscriptions/subscription-details/subscription-details.component.mjs

@@ -178,7 +178,7 @@ export class SubscriptionDetailsComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionDetailsComponent, deps: [{ token: i1.SubscriptionService }, { token: i2.AdminService }, { token: i3.DatePipe }, { token: i1.CommonService }, { token: i1.NgbDateCustomParserFormatter }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionDetailsComponent, selector: "pw-subscription-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n        routerLink=\"/admin/subscriptions/list\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Subscription Details</span>\n        </h3>\n        <span class=\"badge rounded-pill bg-danger ms-2\"\n    *ngIf=\"currentSubscriber?.is_deleted\">Deleted</span>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"isLoading\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div  *ngIf=\"!isLoading\">\n\n      <ul ngbNav\n        #nav=\"ngbNav\"\n        class=\"nav-tabs\">\n        <li [ngbNavItem]=\"1\">\n          <a ngbNavLink>Subscription</a>\n          <ng-template ngbNavContent>\n            <div class=\"container-fluid pw-tab overflow-hidden\">\n              <div class=\"dashboard\">\n                <div class=\"dashboard-body\">\n                  <div class=\"mt-4\">\n                    <form [formGroup]=\"form\"\n                      (ngSubmit)=\"saveDetails()\">\n                      <div class=\"row\">\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Organization' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Organization' | transloco\"\n                            name=\"organisation\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"organisation\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactName' | transloco\"\n                            [label]=\"'Admin.Subscriptions.ContactName' | transloco\"\n                            name=\"contact_name\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"contact_name\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactEmail' | transloco\"\n                            [label]=\"'Admin.Subscriptions.ContactEmail' | transloco\"\n                            name=\"contact_email\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"contact_email\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactTel' | transloco\"\n                            [label]=\"'Admin.Subscriptions.ContactTel' | transloco\"\n                            name=\"contact_tel\">\n                            <input type=\"text\"\n                              formControlName=\"contact_tel\"\n                              class=\"form-control\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [label]=\"'Tax Id'\"\n                            [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.TaxId' | transloco\"\n                            name=\"tax_id\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"tax_id\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                          *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                          <label class=\"info-circle\" for=\"productList\">{{ 'Admin.Subscriptions.AssignedRoles' | transloco }}\n                            <span class=\"tooltiptext gradient-custom-branding\">{{\n                                                      'Admin.Subscriptions.Tooltip.AssignedRoles'\n                                                          | transloco\n                                                  }}</span>\n                          </label>\n\n                          <p-multiSelect [options]=\"allRoles\"\n                            formControlName=\"roles\"\n                            appendTo=\"body\"></p-multiSelect>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                          *ngIf=\"organizationTypes$ | async as types\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\"\n                            [label]=\"'Organization.OrganizationType' | transloco\"\n                            name=\"organization_type_id\">\n                            <select formControlName=\"organization_type_id\"\n                              class=\"form-control form-select\">\n                              <option *ngFor=\"let option of types['organization_types']\"\n                                [value]=\"option.id\">\n                                {{ option.name }}\n                              </option>\n                            </select>\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-sm-6 col-md-3\"\n                          *ngIf=\"organizationIndustries$ | async as industries\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\"\n                            [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                            name=\"organization_industry_id\">\n                            <select formControlName=\"organization_industry_id\"\n                              class=\"form-control form-select\">\n                              <option *ngFor=\"\n                                                          let option of industries[\n                                                              'organization_industries'\n                                                          ]\n                                                      \"\n                                [value]=\"option.id\">\n                                {{ option.name }}\n                              </option>\n                            </select>\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-sm-6 col-md-3\"\n                          *ngIf=\"organizationSizes$ | async as sizes\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\"\n                            [label]=\"'Size' | transloco\"\n                            name=\"organization_size_id\">\n                            <select formControlName=\"organization_size_id\"\n                              class=\"form-control form-select\">\n                              <option *ngFor=\"let option of sizes['organization_sizes']\"\n                                [value]=\"option.id\">\n                                {{ option.name }}\n                              </option>\n                            </select>\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.CompanyUrl' | transloco\"\n                            [label]=\"'Admin.Subscriptions.CompanyUrl' | transloco\"\n                            name=\"company_url\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"company_url\" />\n                          </pw-input-container>\n                        </div>\n\n                        <!-- Readonly Starts -->\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reference' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Reference' | transloco\"\n                            name=\"reference_number\">\n                            <input type=\"text\"\n                              readonly\n                              class=\"form-control\"\n                              data-control=\"reference\"\n                              *ngIf=\"form\"\n                              [value]=\"form.get('reference_number')?.value\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.UnitsInUse' | transloco\"\n                            [label]=\"'Admin.Subscriptions.UnitsInUse' | transloco\"\n                            name=\"units_in_use\">\n                            <input type=\"text\"\n                              readonly\n                              class=\"form-control\"\n                              formControlName=\"units_in_use\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.MaxUnits' | transloco\"\n                            [label]=\"'Admin.Subscriptions.MaxUnits' | transloco\"\n                            name=\"max_units\">\n                            <input type=\"text\"\n                              readonly\n                              class=\"form-control\"\n                              formControlName=\"max_units\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.CalculatedPrice' | transloco\"\n                            [label]=\"'Admin.Subscriptions.CalculatedPrice' | transloco\"\n                            name=\"calculated_price\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              readonly\n                              formControlName=\"calculated_price\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.MainExpiryDate' | transloco\"\n                            [label]=\"\n                                                      'Admin.Subscriptions.MainExpiryDate' | transloco\n                                                  \"\n                            name=\"expires_at\">\n                            <div class=\"input-group\">\n                              <input class=\"form-control\"\n                                container=\"body\"\n                                placeholder=\"Expiry Date\"\n                                formControlName=\"expires_at\"\n                                [readonly]=\"true\"\n                                ngbDatepicker\n                                #c=\"ngbDatepicker\" />\n                              <div class=\"input-group-append\">\n                                <button class=\"btn btn-primary\"\n                                  [disabled]=\"true\"\n                                  (click)=\"c.toggle()\"\n                                  type=\"button\">\n                                  <i\n                                                                  class=\"fa fa-calendar\"\n                                                                  aria-hidden=\"true\"\n                                                              ></i>\n                                </button>\n                              </div>\n                            </div>\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                          *rbacAllow=\"'SuperAdmin'\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\"\n                            [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                            name=\"purchased_units\">\n                            <input type=\"number\"\n                              min=\"0\"\n                              readonly\n                              class=\"form-control\"\n                              formControlName=\"purchased_units\" />\n                          </pw-input-container>\n                        </div>\n\n                        <!-- Readonly Ends -->\n                      </div>\n                      <!-- social links -->\n                      <h3>Social Links</h3>\n                      <div class=\"row\">\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Facebook' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Facebook' | transloco\"\n                            name=\"facebook_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"facebook_handle\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Twitter' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Twitter' | transloco\"\n                            name=\"twitter_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"twitter_handle\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Linkedin' | transloco\"\n                            [label]=\"'Admin.Subscriptions.LinkedIn' | transloco\"\n                            name=\"linkedin_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"linkedin_handle\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reddit' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Reddit' | transloco\"\n                            name=\"reddit_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"reddit_handle\" />\n                          </pw-input-container>\n                        </div>\n                      </div>\n                      <ng-container *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                        <h3>Security</h3>\n                        <div class=\"row\">\n                          <div class=\"col-12 col-sm-3\">\n                            <pw-input-container [showTooltip]=\"true\"\n                              [tooltipText]=\"'Admin.Subscriptions.Tooltip.Enforce2fa'| transloco\"\n                              label=\"Enforce 2FA\"\n                              name=\"enforce_2fa\">\n                              <ui-switch formControlName=\"enforce_2fa\"\n                                name=\"enforce_2fa\">\n                              </ui-switch>\n                            </pw-input-container>\n                          </div>\n                        </div>\n                      </ng-container>\n                      <div class=\"row text-end mt-4\">\n                        <div class=\"col-12\">\n                          <button type=\"button\"\n                            class=\"btn btn-outline-default me-2\"\n                            (click)=\"back()\">\n                            {{ 'Button.Cancel' | transloco }}\n                          </button>\n                          <button type=\"submit\"\n                            [buttonBusy]=\"submitted\"\n                            class=\"btn btn-primary\"\n                            *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n                            {{ 'Button.Save' | transloco }}\n                          </button>\n                        </div>\n                      </div>\n                    </form>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </li>\n        <li [ngbNavItem]=\"2\">\n          <a ngbNavLink>Products</a>\n          <ng-template ngbNavContent>\n            <pw-subscription-products></pw-subscription-products>\n          </ng-template>\n        </li>\n        <li [ngbNavItem]=\"3\">\n          <a ngbNavLink>Members</a>\n          <ng-template ngbNavContent>\n            <pw-subscription-users></pw-subscription-users>\n          </ng-template>\n        </li>\n        <li [ngbNavItem]=\"4\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <a ngbNavLink>Ambassadors</a>\n          <ng-template ngbNavContent>\n            <pw-subscription-agents-list></pw-subscription-agents-list>\n          </ng-template>\n        </li>\n      </ul>\n    <div [ngbNavOutlet]=\"nav\"></div>\n    </div>\n    </div>\n  </div>\n</div>\n", styles: [".ui-autocomplete-multiple-container,.ui-fluid.skills-modal p-autocomplete{background:transparent}\n"], dependencies: [{ kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i10.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i10.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i11.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i11.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i11.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.SubscriptionProductsComponent, selector: "pw-subscription-products" }, { kind: "component", type: i13.SubscriptionUsersComponent, selector: "pw-subscription-users" }, { kind: "component", type: i14.SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionDetailsComponent, selector: "pw-subscription-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n        routerLink=\"/admin/subscriptions/list\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Subscription Details</span>\n        </h3>\n        <span class=\"badge rounded-pill bg-danger ms-2\"\n    *ngIf=\"currentSubscriber?.is_deleted\">Deleted</span>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"isLoading\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <div  *ngIf=\"!isLoading\">\n\n      <ul ngbNav\n        #nav=\"ngbNav\"\n        class=\"nav-tabs\">\n        <li [ngbNavItem]=\"1\">\n          <a ngbNavLink>Subscription</a>\n          <ng-template ngbNavContent>\n            <div class=\"container-fluid pw-tab overflow-hidden\">\n              <div class=\"dashboard\">\n                <div class=\"dashboard-body\">\n                  <div class=\"mt-4\">\n                    <form [formGroup]=\"form\"\n                      (ngSubmit)=\"saveDetails()\">\n                      <div class=\"row\">\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Organization' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Organization' | transloco\"\n                            name=\"organisation\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"organisation\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactName' | transloco\"\n                            [label]=\"'Admin.Subscriptions.ContactName' | transloco\"\n                            name=\"contact_name\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"contact_name\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactEmail' | transloco\"\n                            [label]=\"'Admin.Subscriptions.ContactEmail' | transloco\"\n                            name=\"contact_email\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"contact_email\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.ContactTel' | transloco\"\n                            [label]=\"'Admin.Subscriptions.ContactTel' | transloco\"\n                            name=\"contact_tel\">\n                            <input type=\"text\"\n                              formControlName=\"contact_tel\"\n                              class=\"form-control\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [label]=\"'Tax Id'\"\n                            [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.TaxId' | transloco\"\n                            name=\"tax_id\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"tax_id\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                          *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                          <label class=\"info-circle\" for=\"productList\">{{ 'Admin.Subscriptions.AssignedRoles' | transloco }}\n                            <span class=\"tooltiptext gradient-custom-branding\">{{\n                                                      'Admin.Subscriptions.Tooltip.AssignedRoles'\n                                                          | transloco\n                                                  }}</span>\n                          </label>\n\n                          <p-multiSelect [options]=\"allRoles\"\n                            formControlName=\"roles\"\n                            appendTo=\"body\"></p-multiSelect>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                          *ngIf=\"organizationTypes$ | async as types\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationType' | transloco\"\n                            [label]=\"'Organization.OrganizationType' | transloco\"\n                            name=\"organization_type_id\">\n                            <select formControlName=\"organization_type_id\"\n                              class=\"form-control form-select\">\n                              <option *ngFor=\"let option of types['organization_types']\"\n                                [value]=\"option.id\">\n                                {{ option.name }}\n                              </option>\n                            </select>\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-sm-6 col-md-3\"\n                          *ngIf=\"organizationIndustries$ | async as industries\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationIndustry' | transloco\"\n                            [label]=\"'Organization.OrganizationIndustry' | transloco\"\n                            name=\"organization_industry_id\">\n                            <select formControlName=\"organization_industry_id\"\n                              class=\"form-control form-select\">\n                              <option *ngFor=\"\n                                                          let option of industries[\n                                                              'organization_industries'\n                                                          ]\n                                                      \"\n                                [value]=\"option.id\">\n                                {{ option.name }}\n                              </option>\n                            </select>\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-sm-6 col-md-3\"\n                          *ngIf=\"organizationSizes$ | async as sizes\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.OrganizationSize' | transloco\"\n                            [label]=\"'Size' | transloco\"\n                            name=\"organization_size_id\">\n                            <select formControlName=\"organization_size_id\"\n                              class=\"form-control form-select\">\n                              <option *ngFor=\"let option of sizes['organization_sizes']\"\n                                [value]=\"option.id\">\n                                {{ option.name }}\n                              </option>\n                            </select>\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.CompanyUrl' | transloco\"\n                            [label]=\"'Admin.Subscriptions.CompanyUrl' | transloco\"\n                            name=\"company_url\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"company_url\" />\n                          </pw-input-container>\n                        </div>\n\n                        <!-- Readonly Starts -->\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reference' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Reference' | transloco\"\n                            name=\"reference_number\">\n                            <input type=\"text\"\n                              readonly\n                              class=\"form-control\"\n                              data-control=\"reference\"\n                              *ngIf=\"form\"\n                              [value]=\"form.get('reference_number')?.value\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.UnitsInUse' | transloco\"\n                            [label]=\"'Admin.Subscriptions.UnitsInUse' | transloco\"\n                            name=\"units_in_use\">\n                            <input type=\"text\"\n                              readonly\n                              class=\"form-control\"\n                              formControlName=\"units_in_use\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.MaxUnits' | transloco\"\n                            [label]=\"'Admin.Subscriptions.MaxUnits' | transloco\"\n                            name=\"max_units\">\n                            <input type=\"text\"\n                              readonly\n                              class=\"form-control\"\n                              formControlName=\"max_units\" />\n                          </pw-input-container>\n                        </div>\n\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.CalculatedPrice' | transloco\"\n                            [label]=\"'Admin.Subscriptions.CalculatedPrice' | transloco\"\n                            name=\"calculated_price\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              readonly\n                              formControlName=\"calculated_price\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.MainExpiryDate' | transloco\"\n                            [label]=\"\n                                                      'Admin.Subscriptions.MainExpiryDate' | transloco\n                                                  \"\n                            name=\"expires_at\">\n                            <div class=\"input-group\">\n                              <input class=\"form-control\"\n                                container=\"body\"\n                                placeholder=\"Expiry Date\"\n                                formControlName=\"expires_at\"\n                                [readonly]=\"true\"\n                                ngbDatepicker\n                                #c=\"ngbDatepicker\" />\n                              <div class=\"input-group-append\">\n                                <button class=\"btn btn-primary\"\n                                  [disabled]=\"true\"\n                                  (click)=\"c.toggle()\"\n                                  type=\"button\">\n                                  <i\n                                                                  class=\"fa fa-calendar\"\n                                                                  aria-hidden=\"true\"\n                                                              ></i>\n                                </button>\n                              </div>\n                            </div>\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\"\n                          *rbacAllow=\"'SuperAdmin'\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\"\n                            [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                            name=\"purchased_units\">\n                            <input type=\"number\"\n                              min=\"0\"\n                              readonly\n                              class=\"form-control\"\n                              formControlName=\"purchased_units\" />\n                          </pw-input-container>\n                        </div>\n\n                        <!-- Readonly Ends -->\n                      </div>\n                      <!-- social links -->\n                      <h3>Social Links</h3>\n                      <div class=\"row\">\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Facebook' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Facebook' | transloco\"\n                            name=\"facebook_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"facebook_handle\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Twitter' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Twitter' | transloco\"\n                            name=\"twitter_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"twitter_handle\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Linkedin' | transloco\"\n                            [label]=\"'Admin.Subscriptions.LinkedIn' | transloco\"\n                            name=\"linkedin_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"linkedin_handle\" />\n                          </pw-input-container>\n                        </div>\n                        <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n                          <pw-input-container [showTooltip]=\"true\"\n                            [tooltipText]=\"'Admin.Subscriptions.Tooltip.Reddit' | transloco\"\n                            [label]=\"'Admin.Subscriptions.Reddit' | transloco\"\n                            name=\"reddit_handle\">\n                            <input type=\"text\"\n                              class=\"form-control\"\n                              formControlName=\"reddit_handle\" />\n                          </pw-input-container>\n                        </div>\n                      </div>\n                      <ng-container *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                        <h3>Security</h3>\n                        <div class=\"row\">\n                          <div class=\"col-12 col-sm-3\">\n                            <pw-input-container [showTooltip]=\"true\"\n                              [tooltipText]=\"'Admin.Subscriptions.Tooltip.Enforce2fa'| transloco\"\n                              label=\"Enforce 2FA\"\n                              name=\"enforce_2fa\">\n                              <ui-switch formControlName=\"enforce_2fa\"\n                                name=\"enforce_2fa\">\n                              </ui-switch>\n                            </pw-input-container>\n                          </div>\n                        </div>\n                      </ng-container>\n                      <div class=\"row text-end mt-4\">\n                        <div class=\"col-12\">\n                          <button type=\"button\"\n                            class=\"btn btn-outline-default me-2\"\n                            (click)=\"back()\">\n                            {{ 'Button.Cancel' | transloco }}\n                          </button>\n                          <button type=\"submit\"\n                            [buttonBusy]=\"submitted\"\n                            class=\"btn btn-primary\"\n                            *rbacAllow=\"'Pages.Admin.Subscription.Edit'\">\n                            {{ 'Button.Save' | transloco }}\n                          </button>\n                        </div>\n                      </div>\n                    </form>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </li>\n        <li [ngbNavItem]=\"2\">\n          <a ngbNavLink>Products</a>\n          <ng-template ngbNavContent>\n            <pw-subscription-products></pw-subscription-products>\n          </ng-template>\n        </li>\n        <li [ngbNavItem]=\"3\">\n          <a ngbNavLink>Members</a>\n          <ng-template ngbNavContent>\n            <pw-subscription-users></pw-subscription-users>\n          </ng-template>\n        </li>\n        <li [ngbNavItem]=\"4\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <a ngbNavLink>Ambassadors</a>\n          <ng-template ngbNavContent>\n            <pw-subscription-agents-list></pw-subscription-agents-list>\n          </ng-template>\n        </li>\n      </ul>\n    <div [ngbNavOutlet]=\"nav\"></div>\n    </div>\n    </div>\n  </div>\n</div>\n", styles: [".ui-autocomplete-multiple-container,.ui-fluid.skills-modal p-autocomplete{background:transparent}\n"], dependencies: [{ kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i10.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i10.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i11.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i11.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i11.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i11.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i11.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i11.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i11.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i11.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.SubscriptionProductsComponent, selector: "pw-subscription-products" }, { kind: "component", type: i13.SubscriptionUsersComponent, selector: "pw-subscription-users" }, { kind: "component", type: i14.SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionDetailsComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/subscriptions/subscription-product-details/subscription-product-details.component.mjs

@@ -207,7 +207,7 @@ export class SubscriptionProductDetailsComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionProductDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i2.ProductService }, { token: i2.NgbDateCustomParserFormatter }, { token: i3.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionProductDetailsComponent, selector: "pw-subscription-product-details", viewQueries: [{ propertyName: "refProduct", first: true, predicate: ["refProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Subscription Product</span>\n        </h3>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"isLoading\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div class=\"p-2 mt-3\">\n        <p>\n          You can update the Purchased Seats, Product, and Product Expiry date as long as the user hasn't subscribed using stripe.\n        </p>\n        <p class=\"mb-5\">\n          If you set the subscription as External Payment you'll have to manually manage the Product Expiry Date.\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"purchased_units\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  class=\"form-control\"\n                  formControlName=\"purchased_units\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"min_units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  [max]=\"form.get('purchased_units').value\"\n                  class=\"form-control\"\n                  formControlName=\"min_units\" />\n              </pw-input-container>\n            </div>\n            <!-- product expiry date -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ProductExpiryDate' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ProductExpiryDate' | transloco\"\n                name=\"expires_at\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Expiry Date\"\n                    formControlName=\"expires_at\"\n                    [outsideDays]=\"'hidden'\"\n                    ngbDatepicker\n                    #c=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"disableExpiresAt\"\n                      (click)=\"c.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n\n            <!-- signed up at-->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.SignedUpAt' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.SignedUpAt' | transloco\"\n                name=\"signed_up_at\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.SignedUpAt' | transloco\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Signed Up At\"\n                    formControlName=\"signed_up_at\"\n                    ngbDatepicker\n                    #d=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"!isSuperAdmin\"\n                      (click)=\"d.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n            <!-- stripe subscription id -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.StripeSubscriptionId' | transloco\"\n                name=\"stripe_subscription_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.StripeSubscriptionId' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"stripe_subscription_id\" />\n              </pw-input-container>\n            </div>\n            <!-- external payment toggle -->\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ExternalPayment' | transloco\"\n                name=\"external_payment\"\n                [showTooltip]=\"true\"\n                [tooltipPosition]=\"'left'\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ExternalPayment' | transloco\">\n                <ui-switch formControlName=\"external_payment\"\n                  name=\"external_payment\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-sm-4\">\n              <pw-input-container [label]=\"'Label.Product' | transloco\"\n                name=\"new_product_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Product' | transloco\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                <p-autoComplete #refProduct\n                  [suggestions]=\"filteredProducts\"\n                  formControlName=\"new_product_id\"\n                  dataKey=\"id\"\n                  field=\"label\"\n                  [dropdown]=\"true\"\n                  [delay]=\"1000\"\n                  (completeMethod)=\"searchProduct($event)\"\n                  (onSelect)=\"onProductChange($event)\"\n                  styleClass=\"w-100\"\n                  placeholder=\"Search Product\"\n                  [inputStyle]=\"\n                                        form.get('new_product_id').touched && form.get('new_product_id').invalid\n                                            ? { border: '1px solid #ff586b' }\n                                            : { border: '1px solid gray' }\n                                    \"\n                  [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"submitted\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i9.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i10.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i11.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionProductDetailsComponent, selector: "pw-subscription-product-details", viewQueries: [{ propertyName: "refProduct", first: true, predicate: ["refProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a aria-label=\"Navigate to Target\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>Subscription Product</span>\n        </h3>\n      </div>\n      <div class=\"w-100 text-center mt-3\"\n        *ngIf=\"isLoading\">\n        <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n      </div>\n      <div class=\"p-2 mt-3\">\n        <p>\n          You can update the Purchased Seats, Product, and Product Expiry date as long as the user hasn't subscribed using stripe.\n        </p>\n        <p class=\"mb-5\">\n          If you set the subscription as External Payment you'll have to manually manage the Product Expiry Date.\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.PurchasedSeats' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"purchased_units\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.PurchasedSeats' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  class=\"form-control\"\n                  formControlName=\"purchased_units\" />\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.MinUnits' | transloco\"\n                [showTooltip]=\"true\"\n                name=\"min_units\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.MinUnits' | transloco\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.MinUnits' | transloco\">\n                <input type=\"number\"\n                  min=\"0\"\n                  [max]=\"form.get('purchased_units').value\"\n                  class=\"form-control\"\n                  formControlName=\"min_units\" />\n              </pw-input-container>\n            </div>\n            <!-- product expiry date -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ProductExpiryDate' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ProductExpiryDate' | transloco\"\n                name=\"expires_at\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Expiry Date\"\n                    formControlName=\"expires_at\"\n                    [outsideDays]=\"'hidden'\"\n                    ngbDatepicker\n                    #c=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"disableExpiresAt\"\n                      (click)=\"c.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n\n            <!-- signed up at-->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3 col-lg-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.SignedUpAt' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.SignedUpAt' | transloco\"\n                name=\"signed_up_at\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.SignedUpAt' | transloco\">\n                <div class=\"input-group\">\n                  <input class=\"form-control\"\n                    container=\"body\"\n                    placeholder=\"Signed Up At\"\n                    formControlName=\"signed_up_at\"\n                    ngbDatepicker\n                    #d=\"ngbDatepicker\" />\n                  <div class=\"input-group-append\">\n                    <button class=\"btn btn-primary\"\n                      [disabled]=\"!isSuperAdmin\"\n                      (click)=\"d.toggle()\"\n                      type=\"button\">\n                      <i class=\"fa fa-calendar\" aria-hidden=\"true\"></i>\n                    </button>\n                  </div>\n                </div>\n              </pw-input-container>\n            </div>\n            <!-- stripe subscription id -->\n            <div class=\"mb-3 col-xs-12 col-sm-6 col-md-3\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.StripeSubscriptionId' | transloco\"\n                name=\"stripe_subscription_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.StripeSubscriptionId' | transloco\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"stripe_subscription_id\" />\n              </pw-input-container>\n            </div>\n            <!-- external payment toggle -->\n            <div class=\"col-12 col-sm-2\">\n              <pw-input-container [label]=\"'Admin.Subscriptions.ExternalPayment' | transloco\"\n                name=\"external_payment\"\n                [showTooltip]=\"true\"\n                [tooltipPosition]=\"'left'\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.ExternalPayment' | transloco\">\n                <ui-switch formControlName=\"external_payment\"\n                  name=\"external_payment\">\n                </ui-switch>\n              </pw-input-container>\n            </div>\n            <div class=\"mb-3 col-sm-4\">\n              <pw-input-container [label]=\"'Label.Product' | transloco\"\n                name=\"new_product_id\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Subscriptions.Tooltip.Product' | transloco\"\n                [errorMsg]=\"'Admin.Subscriptions.Validation.Product' | transloco\">\n                <p-autoComplete #refProduct\n                  [suggestions]=\"filteredProducts\"\n                  formControlName=\"new_product_id\"\n                  dataKey=\"id\"\n                  field=\"label\"\n                  [dropdown]=\"true\"\n                  [delay]=\"1000\"\n                  (completeMethod)=\"searchProduct($event)\"\n                  (onSelect)=\"onProductChange($event)\"\n                  styleClass=\"w-100\"\n                  placeholder=\"Search Product\"\n                  [inputStyle]=\"\n                                        form.get('new_product_id').touched && form.get('new_product_id').invalid\n                                            ? { border: '1px solid #ff586b' }\n                                            : { border: '1px solid gray' }\n                                    \"\n                  [multiple]=\"false\">\n                </p-autoComplete>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-12 text-end mt-3\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"submitted\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Submit' | transloco }}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i5.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "component", type: i6.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i9.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i10.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i11.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),