@posiwise/admin-module 0.0.173 → 0.0.175

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

@@ -13,11 +13,11 @@ import * as i4 from "primeng/dropdown";
 import * as i5 from "primeng/multiselect";
 import * as i6 from "@angular/forms";
 import * as i7 from "ngx-ui-switch";
-import * as i8 from "@angular/router";
-import * as i9 from "primeng/progressspinner";
-import * as i10 from "@posiwise/shared-components";
-import * as i11 from "@posiwise/directives";
-import * as i12 from "@ng-bootstrap/ng-bootstrap";
+import * as i8 from "@ng-bootstrap/ng-bootstrap";
+import * as i9 from "@angular/router";
+import * as i10 from "primeng/progressspinner";
+import * as i11 from "@posiwise/shared-components";
+import * as i12 from "@posiwise/directives";
 import * as i13 from "../subscription-products/subscription-products.component";
 import * as i14 from "../subscription-users/subscription-users.component";
 import * as i15 from "../subscription-agents-list/subscription-agents-list.component";
@@ -201,7 +201,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                            <p-dropdown\n                              [options]=\"types['organization_types']\"\n                              formControlName=\"organization_type_id\"\n                              [placeholder]=\"'Select Organization Type'\"\n                              optionValue=\"id\"\n                              optionLabel=\"name\">\n                            </p-dropdown>\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                            <p-dropdown\n                              [options]=\"industries['organization_industries']\"\n                              formControlName=\"organization_industry_id\"\n                              [placeholder]=\"'Select Organization Industry'\"\n                              optionValue=\"id\"\n                              optionLabel=\"name\">\n                            </p-dropdown>\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                            <p-dropdown\n                              [options]=\"sizes['organization_sizes']\"\n                              formControlName=\"organization_size_id\"\n                              [placeholder]=\"'Select Organization Size'\"\n                              optionValue=\"id\"\n                              optionLabel=\"name\">\n                            </p-dropdown>\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.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.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: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "component", type: i7.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: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i10.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i11.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i12.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i12.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i12.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i12.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i12.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i12.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i12.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "directive", type: i12.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: "component", type: i13.SubscriptionProductsComponent, selector: "pw-subscription-products" }, { kind: "component", type: i14.SubscriptionUsersComponent, selector: "pw-subscription-users" }, { kind: "component", type: i15.SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i16.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                            <p-dropdown\n                              [options]=\"types['organization_types']\"\n                              formControlName=\"organization_type_id\"\n                              [placeholder]=\"'Select Organization Type'\"\n                              optionValue=\"id\"\n                              optionLabel=\"name\">\n                            </p-dropdown>\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                            <p-dropdown\n                              [options]=\"industries['organization_industries']\"\n                              formControlName=\"organization_industry_id\"\n                              [placeholder]=\"'Select Organization Industry'\"\n                              optionValue=\"id\"\n                              optionLabel=\"name\">\n                            </p-dropdown>\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                            <p-dropdown\n                              [options]=\"sizes['organization_sizes']\"\n                              formControlName=\"organization_size_id\"\n                              [placeholder]=\"'Select Organization Size'\"\n                              optionValue=\"id\"\n                              optionLabel=\"name\">\n                            </p-dropdown>\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.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.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: i6.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "component", type: i7.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: i8.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i8.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i8.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i8.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i8.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i8.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i8.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { 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.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "directive", type: i12.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i12.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.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: "component", type: i13.SubscriptionProductsComponent, selector: "pw-subscription-products" }, { kind: "component", type: i14.SubscriptionUsersComponent, selector: "pw-subscription-users" }, { kind: "component", type: i15.SubscriptionAgentsListComponent, selector: "pw-subscription-agents-list" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i16.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-products/subscription-products.component.mjs

@@ -57,10 +57,10 @@ export class SubscriptionProductsComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionProductsComponent, deps: [{ token: i1.SubscriptionService }, { token: i0.Injector }, { token: i1.ProductService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionProductsComponent, selector: "pw-subscription-products", usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\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]=\"totalRecordsUnFiltered === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\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 subscription products...\"\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\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100).toFixed(2) }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100).toFixed(2) }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline list-action\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-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=\"totalRecordsUnFiltered === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i6.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: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i12.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SubscriptionProductsComponent, selector: "pw-subscription-products", usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 text-center mt-3\">\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]=\"totalRecordsUnFiltered === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\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 subscription products...\"\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\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100) | number:'1.2-2' }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100) | number:'1.2-2' }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline list-action\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-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=\"totalRecordsUnFiltered === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i6.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: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i12.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "pipe", type: i7.JsonPipe, name: "json" }, { kind: "pipe", type: i7.DecimalPipe, name: "number" }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SubscriptionProductsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pw-subscription-products', template: "<div class=\"w-100 text-center mt-3\">\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]=\"totalRecordsUnFiltered === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\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 subscription products...\"\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\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100).toFixed(2) }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100).toFixed(2) }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline list-action\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-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=\"totalRecordsUnFiltered === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n" }]
+            args: [{ selector: 'pw-subscription-products', template: "<div class=\"w-100 text-center mt-3\">\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]=\"totalRecordsUnFiltered === 0\">\n  <p-table #dt\n    [value]=\"subscriptionProducts\"\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 subscription products...\"\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\">{{ 'Label.Name' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PricePerUnit' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.Currency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.BillingFrequency' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MinUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.MaxUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.PurchasedUnits' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.CalculatedPrice' | transloco }}</th>\n        <th scope=\"true\">{{ 'Admin.Subscriptions.IsDeleted' | transloco }}</th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Name\">{{ item.name }}</td>\n        <td data-head=\"Price Per Unit\">\n          <span>{{ (item.price_per_unit / 100) | number:'1.2-2' }}\n            <i\n                            class=\"fa fa-info-circle\"\n                            *ngIf=\"item?.discount && objectKeys(item?.discount)?.length\"\n                            aria-hidden=\"true\"\n                            tooltipPosition=\"top\"\n                            [pTooltip]=\"item?.discount | json\"\n                        ></i>\n          </span>\n        </td>\n        <td data-head=\"Currency\">\n          <span [appDynamicBadge]=\"{ itemsArray: currency, item: item.currency }\"\n            color=\"blue-grey\"\n            class=\"badge\">{{ item.currency }}</span>\n        </td>\n        <td data-head=\"Billing Frequency\">\n          {{ item.billing_frequency }}\n          <span *ngIf=\"item?.pause_collection && objectKeys(item?.pause_collection)?.length\"\n            class=\"ms-2\"\n            [pTooltip]=\"item?.pause_collection | json\"\n            tooltipPosition=\"top\">\n            <i class=\"fas fa-exclamation-triangle text-warning\"></i>\n          </span>\n        </td>\n        <td data-head=\"Min Units\">{{ item.min_units }}</td>\n        <td data-head=\"Max Units\">{{ item.max_units }}</td>\n        <td data-head=\"Purchased Units\">{{ item.purchased_units }}</td>\n        <td data-head=\"Calculated Price\">{{ (item.calculated_price / 100) | number:'1.2-2' }}</td>\n        <td data-head=\"Deleted\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_deleted }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_deleted ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline list-action\">\n            <li ngbTooltip=\"Edit\"\n              *rbacAllow=\"'SubscriptionSuperAdmin'\"\n              [routerLink]=\"[\n                                routers.subscriptionProductDetails + item.subscription_product_id\n                            ]\"\n              [queryParams]=\"{ subscription_id: id }\">\n              <i class=\"fa fa-edit edit-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=\"totalRecordsUnFiltered === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Admin.Subscriptions.NoSubscriptionProductsMessage' | transloco\">\n  </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.SubscriptionService }, { type: i0.Injector }, { type: i1.ProductService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLXByb2R1Y3RzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbi1wcm9kdWN0cy9zdWJzY3JpcHRpb24tcHJvZHVjdHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9uLXByb2R1Y3RzL3N1YnNjcmlwdGlvbi1wcm9kdWN0cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFaEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7QUFNMUQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGdCQUFnQjtJQW1CL0QsWUFDcUIsbUJBQXdDLEVBQ3pELFFBQWtCLEVBQ0QsY0FBOEI7UUFFL0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSkMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUV4QyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFyQm5ELGVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBS3pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsWUFBTyxHQUFHLElBQUksQ0FBQztRQUVmLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFaEIsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUVsQix5QkFBb0IsR0FBRyxFQUFFLENBQUM7UUFDMUIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkLDJCQUFzQixHQUFHLENBQUMsQ0FBQztJQVEzQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUMvQixJQUFJLENBQUMsRUFBRSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztZQUM3QixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxvQkFBb0I7UUFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN2RCxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxPQUFPLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sc0JBQXNCO1FBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxtQkFBbUI7YUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7YUFDaEIsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxRQUFRLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQztZQUNyRCxJQUFJLENBQUMsWUFBWSxHQUFHLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDO1lBQy9DLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUM7UUFDNUQsQ0FBQyxDQUFDO2FBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0F0RFEsNkJBQTZCO21HQUE3Qiw2QkFBNkIsdUZDWDFDLCtpSkFzR0E7OzRGRDNGYSw2QkFBNkI7a0JBSnpDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFByb2R1Y3RTZXJ2aWNlLCBTdWJzY3JpcHRpb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5cbmltcG9ydCB7IFJPVVRFUlMgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvcm91dGVycy9yb3V0ZXJzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1zdWJzY3JpcHRpb24tcHJvZHVjdHMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24tcHJvZHVjdHMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFN1YnNjcmlwdGlvblByb2R1Y3RzQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgb2JqZWN0S2V5cyA9IE9iamVjdC5rZXlzO1xuXG4gICAgaWQ6IG51bWJlcjtcbiAgICB0b3RhbFJlY29yZHM6IG51bWJlcjtcblxuICAgIGlzTG9hZGVkID0gZmFsc2U7XG5cbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIHNlYXJjaFRleHQgPSAnJztcblxuICAgIHJvdXRlcnMgPSBST1VURVJTO1xuXG4gICAgc3Vic2NyaXB0aW9uUHJvZHVjdHMgPSBbXTtcbiAgICBjdXJyZW5jeSA9IFtdO1xuXG4gICAgdG90YWxSZWNvcmRzVW5GaWx0ZXJlZCA9IDA7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBzdWJzY3JpcHRpb25TZXJ2aWNlOiBTdWJzY3JpcHRpb25TZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcHJvZHVjdFNlcnZpY2U6IFByb2R1Y3RTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5nZXRTdXBwb3J0ZWRDdXJyZW5jeSgpO1xuICAgICAgICB0aGlzLnJvdXRlLnBhcmFtcy5zdWJzY3JpYmUoZGF0YSA9PiB7XG4gICAgICAgICAgICB0aGlzLmlkID0gTnVtYmVyKGRhdGFbJ2lkJ10pO1xuICAgICAgICAgICAgdGhpcy5nZXRTdWJzY3JpcHRpb25EZXRhaWxzKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0U3VwcG9ydGVkQ3VycmVuY3koKSB7XG4gICAgICAgIHRoaXMucHJvZHVjdFNlcnZpY2UuZ2V0U3VwcG9ydGVkQ3VycmVuY3koKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVuY3kgPSByZXM/LnJlZ2lvbnM7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0U3Vic2NyaXB0aW9uRGV0YWlscygpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvblNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRCeUlkKHRoaXMuaWQpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvblByb2R1Y3RzID0gcmVzcG9uc2U/LnByb2R1Y3RzID8/IFtdO1xuICAgICAgICAgICAgICAgIHRoaXMudG90YWxSZWNvcmRzID0gcmVzcG9uc2U/LnByb2R1Y3RzPy5sZW5ndGg7XG4gICAgICAgICAgICAgICAgdGhpcy50b3RhbFJlY29yZHNVbkZpbHRlcmVkID0gcmVzcG9uc2UudW5maWx0ZXJlZF9jb3VudDtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3LTEwMCB0ZXh0LWNlbnRlciBtdC0zXCI+XG4gIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNMb2FkZWRcIj5cbiAgICA8cC1wcm9ncmVzc1NwaW5uZXI+IDwvcC1wcm9ncmVzc1NwaW5uZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwcmltZW5nLWRhdGF0YWJsZS1jb250YWluZXIgdGFibGUtcmVzcG9uc2l2ZSBtdC0wXCJcbiAgW2NsYXNzLmhpZGVUYWJsZV09XCJ0b3RhbFJlY29yZHNVbkZpbHRlcmVkID09PSAwXCI+XG4gIDxwLXRhYmxlICNkdFxuICAgIFt2YWx1ZV09XCJzdWJzY3JpcHRpb25Qcm9kdWN0c1wiXG4gICAgW3BhZ2luYXRvcl09XCJ0b3RhbFJlY29yZHMgIT09IDBcIlxuICAgIFtyb3dzXT1cIlBBR0VfU0laRVwiXG4gICAgW2xhenldPVwidHJ1ZVwiXG4gICAgW3RvdGFsUmVjb3Jkc109XCJ0b3RhbFJlY29yZHNcIlxuICAgIFtsb2FkaW5nXT1cImxvYWRpbmdcIlxuICAgIFtmaWx0ZXJEZWxheV09XCIxMDAwXCJcbiAgICBbY3VzdG9tU29ydF09XCJ0cnVlXCI+XG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNhcHRpb25cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWVuZFwiPlxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXNlYXJjaCBtdC0yIG1lLTJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCJcbiAgICAgICAgICBwSW5wdXRUZXh0XG4gICAgICAgICAgc2l6ZT1cIjUwXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCBzdWJzY3JpcHRpb24gcHJvZHVjdHMuLi5cIlxuICAgICAgICAgIChpbnB1dCk9XCJkdC5maWx0ZXJHbG9iYWwoJGV2ZW50LnRhcmdldC52YWx1ZSwgJ2NvbnRhaW5zJylcIlxuICAgICAgICAgIGNsYXNzPVwibXctOTBcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICA8dHI+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnTGFiZWwuTmFtZScgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuUHJpY2VQZXJVbml0JyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5DdXJyZW5jeScgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuQmlsbGluZ0ZyZXF1ZW5jeScgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuTWluVW5pdHMnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgPHRoIHNjb3BlPVwidHJ1ZVwiPnt7ICdBZG1pbi5TdWJzY3JpcHRpb25zLk1heFVuaXRzJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5QdXJjaGFzZWRVbml0cycgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuQ2FsY3VsYXRlZFByaWNlJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5Jc0RlbGV0ZWQnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgPHRoIGNsYXNzPVwiYWN0aW9ucy1saXN0LXR3b1wiXG4gICAgICAgICAgc2NvcGU9XCJ0cnVlXCI+e3sgJ0xhYmVsLkFjdGlvbnMnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgIDwvdHI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiYm9keVwiXG4gICAgICBsZXQtaXRlbT5cbiAgICAgIDx0cj5cbiAgICAgICAgPHRkIGRhdGEtaGVhZD1cIk5hbWVcIj57eyBpdGVtLm5hbWUgfX08L3RkPlxuICAgICAgICA8dGQgZGF0YS1oZWFkPVwiUHJpY2UgUGVyIFVuaXRcIj5cbiAgICAgICAgICA8c3Bhbj57eyAoaXRlbS5wcmljZV9wZXJfdW5pdCAvIDEwMCkudG9GaXhlZCgyKSB9fVxuICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZhIGZhLWluZm8tY2lyY2xlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0/LmRpc2NvdW50ICYmIG9iamVjdEtleXMoaXRlbT8uZGlzY291bnQpPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPVwidG9wXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcFRvb2x0aXBdPVwiaXRlbT8uZGlzY291bnQgfCBqc29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3RkPlxuICAgICAgICA8dGQgZGF0YS1oZWFkPVwiQ3VycmVuY3lcIj5cbiAgICAgICAgICA8c3BhbiBbYXBwRHluYW1pY0JhZGdlXT1cInsgaXRlbXNBcnJheTogY3VycmVuY3ksIGl0ZW06IGl0ZW0uY3VycmVuY3kgfVwiXG4gICAgICAgICAgICBjb2xvcj1cImJsdWUtZ3JleVwiXG4gICAgICAgICAgICBjbGFzcz1cImJhZGdlXCI+e3sgaXRlbS5jdXJyZW5jeSB9fTwvc3Bhbj5cbiAgICAgICAgPC90ZD5cbiAgICAgICAgPHRkIGRhdGEtaGVhZD1cIkJpbGxpbmcgRnJlcXVlbmN5XCI+XG4gICAgICAgICAge3sgaXRlbS5iaWxsaW5nX2ZyZXF1ZW5jeSB9fVxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbT8ucGF1c2VfY29sbGVjdGlvbiAmJiBvYmplY3RLZXlzKGl0ZW0/LnBhdXNlX2NvbGxlY3Rpb24pPy5sZW5ndGhcIlxuICAgICAgICAgICAgY2xhc3M9XCJtcy0yXCJcbiAgICAgICAgICAgIFtwVG9vbHRpcF09XCJpdGVtPy5wYXVzZV9jb2xsZWN0aW9uIHwganNvblwiXG4gICAgICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlIHRleHQtd2FybmluZ1wiPjwvaT5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJNaW4gVW5pdHNcIj57eyBpdGVtLm1pbl91bml0cyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJNYXggVW5pdHNcIj57eyBpdGVtLm1heF91bml0cyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJQdXJjaGFzZWQgVW5pdHNcIj57eyBpdGVtLnB1cmNoYXNlZF91bml0cyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJDYWxjdWxhdGVkIFByaWNlXCI+e3sgKGl0ZW0uY2FsY3VsYXRlZF9wcmljZSAvIDEwMCkudG9GaXhlZCgyKSB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJEZWxldGVkXCI+XG4gICAgICAgICAgPHNwYW4gW2FwcER5bmFtaWNCYWRnZV09XCJ7IGl0ZW1zQXJyYXk6IFt0cnVlLCBmYWxzZV0sIGl0ZW06IGl0ZW0/LmlzX2RlbGV0ZWQgfVwiXG4gICAgICAgICAgICBjb2xvcj1cInN1Y2Nlc3MtZGFuZ2VyXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmFkZ2VcIj57eyBpdGVtPy5pc19kZWxldGVkID8gJ1llcycgOiAnTm8nIH19PC9zcGFuPlxuICAgICAgICA8L3RkPlxuICAgICAgICA8dGQgZGF0YS1oZWFkPVwiQWN0aW9uXCI+XG4gICAgICAgICAgPHVsIGNsYXNzPVwibGlzdC11bnN0eWxlZCBsaXN0LWlubGluZSBsaXN0LWFjdGlvblwiPlxuICAgICAgICAgICAgPGxpIG5nYlRvb2x0aXA9XCJFZGl0XCJcbiAgICAgICAgICAgICAgKnJiYWNBbGxvdz1cIidTdWJzY3JpcHRpb25TdXBlckFkbWluJ1wiXG4gICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcm91dGVycy5zdWJzY3JpcHRpb25Qcm9kdWN0RGV0YWlscyArIGl0ZW0uc3Vic2NyaXB0aW9uX3Byb2R1Y3RfaWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXCJcbiAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInsgc3Vic2NyaXB0aW9uX2lkOiBpZCB9XCI+XG4gICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtZWRpdCBlZGl0LWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvdGQ+XG4gICAgICA8L3RyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC10YWJsZT5cbiAgPHNwYW4gY2xhc3M9XCJ0b3RhbC1yZWNvcmRzLWNvdW50XCIgKm5nSWY9XCJ0b3RhbFJlY29yZHMgIT09IDBcIj57eyAnTGFiZWwuVG90YWwnIHwgdHJhbnNsb2NvIH19OiB7eyB0b3RhbFJlY29yZHMgfX08L3NwYW4+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCJ0b3RhbFJlY29yZHNVbkZpbHRlcmVkID09PSAwICYmIGlzTG9hZGVkXCI+XG4gIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidBZG1pbi5TdWJzY3JpcHRpb25zLk5vU3Vic2NyaXB0aW9uUHJvZHVjdHNNZXNzYWdlJyB8IHRyYW5zbG9jb1wiPlxuICA8L3B3LW5vLWRhdGE+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2NyaXB0aW9uLXByb2R1Y3RzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRtaW4tbW9kdWxlL3NyYy9saWIvY29tcG9uZW50cy9zdWJzY3JpcHRpb25zL3N1YnNjcmlwdGlvbi1wcm9kdWN0cy9zdWJzY3JpcHRpb24tcHJvZHVjdHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZG1pbi1tb2R1bGUvc3JjL2xpYi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9uLXByb2R1Y3RzL3N1YnNjcmlwdGlvbi1wcm9kdWN0cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFaEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7QUFNMUQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGdCQUFnQjtJQW1CL0QsWUFDcUIsbUJBQXdDLEVBQ3pELFFBQWtCLEVBQ0QsY0FBOEI7UUFFL0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSkMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUV4QyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFyQm5ELGVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBS3pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsWUFBTyxHQUFHLElBQUksQ0FBQztRQUVmLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFaEIsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUVsQix5QkFBb0IsR0FBRyxFQUFFLENBQUM7UUFDMUIsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUVkLDJCQUFzQixHQUFHLENBQUMsQ0FBQztJQVEzQixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUMvQixJQUFJLENBQUMsRUFBRSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztZQUM3QixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUNsQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxvQkFBb0I7UUFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUN2RCxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxPQUFPLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sc0JBQXNCO1FBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxtQkFBbUI7YUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7YUFDaEIsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxRQUFRLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQztZQUNyRCxJQUFJLENBQUMsWUFBWSxHQUFHLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDO1lBQy9DLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxRQUFRLENBQUMsZ0JBQWdCLENBQUM7UUFDNUQsQ0FBQyxDQUFDO2FBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzsrR0F0RFEsNkJBQTZCO21HQUE3Qiw2QkFBNkIsdUZDWDFDLDJqSkFzR0E7OzRGRDNGYSw2QkFBNkI7a0JBSnpDLFNBQVM7K0JBQ0ksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RvciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFwcEJhc2VDb21wb25lbnQgfSBmcm9tICdAcG9zaXdpc2UvYXBwLWJhc2UtY29tcG9uZW50JztcbmltcG9ydCB7IFByb2R1Y3RTZXJ2aWNlLCBTdWJzY3JpcHRpb25TZXJ2aWNlIH0gZnJvbSAnQHBvc2l3aXNlL2NvbW1vbi1zZXJ2aWNlcyc7XG5cbmltcG9ydCB7IFJPVVRFUlMgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvcm91dGVycy9yb3V0ZXJzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwdy1zdWJzY3JpcHRpb24tcHJvZHVjdHMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdWJzY3JpcHRpb24tcHJvZHVjdHMuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFN1YnNjcmlwdGlvblByb2R1Y3RzQ29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgb2JqZWN0S2V5cyA9IE9iamVjdC5rZXlzO1xuXG4gICAgaWQ6IG51bWJlcjtcbiAgICB0b3RhbFJlY29yZHM6IG51bWJlcjtcblxuICAgIGlzTG9hZGVkID0gZmFsc2U7XG5cbiAgICBsb2FkaW5nID0gdHJ1ZTtcblxuICAgIHNlYXJjaFRleHQgPSAnJztcblxuICAgIHJvdXRlcnMgPSBST1VURVJTO1xuXG4gICAgc3Vic2NyaXB0aW9uUHJvZHVjdHMgPSBbXTtcbiAgICBjdXJyZW5jeSA9IFtdO1xuXG4gICAgdG90YWxSZWNvcmRzVW5GaWx0ZXJlZCA9IDA7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBzdWJzY3JpcHRpb25TZXJ2aWNlOiBTdWJzY3JpcHRpb25TZXJ2aWNlLFxuICAgICAgICBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcHJvZHVjdFNlcnZpY2U6IFByb2R1Y3RTZXJ2aWNlXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5nZXRTdXBwb3J0ZWRDdXJyZW5jeSgpO1xuICAgICAgICB0aGlzLnJvdXRlLnBhcmFtcy5zdWJzY3JpYmUoZGF0YSA9PiB7XG4gICAgICAgICAgICB0aGlzLmlkID0gTnVtYmVyKGRhdGFbJ2lkJ10pO1xuICAgICAgICAgICAgdGhpcy5nZXRTdWJzY3JpcHRpb25EZXRhaWxzKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0U3VwcG9ydGVkQ3VycmVuY3koKSB7XG4gICAgICAgIHRoaXMucHJvZHVjdFNlcnZpY2UuZ2V0U3VwcG9ydGVkQ3VycmVuY3koKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVuY3kgPSByZXM/LnJlZ2lvbnM7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0U3Vic2NyaXB0aW9uRGV0YWlscygpIHtcbiAgICAgICAgdGhpcy5pc0xvYWRlZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLnN1YnNjcmlwdGlvblNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRCeUlkKHRoaXMuaWQpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHJlc3BvbnNlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnN1YnNjcmlwdGlvblByb2R1Y3RzID0gcmVzcG9uc2U/LnByb2R1Y3RzID8/IFtdO1xuICAgICAgICAgICAgICAgIHRoaXMudG90YWxSZWNvcmRzID0gcmVzcG9uc2U/LnByb2R1Y3RzPy5sZW5ndGg7XG4gICAgICAgICAgICAgICAgdGhpcy50b3RhbFJlY29yZHNVbkZpbHRlcmVkID0gcmVzcG9uc2UudW5maWx0ZXJlZF9jb3VudDtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3LTEwMCB0ZXh0LWNlbnRlciBtdC0zXCI+XG4gIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCIhaXNMb2FkZWRcIj5cbiAgICA8cC1wcm9ncmVzc1NwaW5uZXI+IDwvcC1wcm9ncmVzc1NwaW5uZXI+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwcmltZW5nLWRhdGF0YWJsZS1jb250YWluZXIgdGFibGUtcmVzcG9uc2l2ZSBtdC0wXCJcbiAgW2NsYXNzLmhpZGVUYWJsZV09XCJ0b3RhbFJlY29yZHNVbkZpbHRlcmVkID09PSAwXCI+XG4gIDxwLXRhYmxlICNkdFxuICAgIFt2YWx1ZV09XCJzdWJzY3JpcHRpb25Qcm9kdWN0c1wiXG4gICAgW3BhZ2luYXRvcl09XCJ0b3RhbFJlY29yZHMgIT09IDBcIlxuICAgIFtyb3dzXT1cIlBBR0VfU0laRVwiXG4gICAgW2xhenldPVwidHJ1ZVwiXG4gICAgW3RvdGFsUmVjb3Jkc109XCJ0b3RhbFJlY29yZHNcIlxuICAgIFtsb2FkaW5nXT1cImxvYWRpbmdcIlxuICAgIFtmaWx0ZXJEZWxheV09XCIxMDAwXCJcbiAgICBbY3VzdG9tU29ydF09XCJ0cnVlXCI+XG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNhcHRpb25cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWVuZFwiPlxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXNlYXJjaCBtdC0yIG1lLTJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCJcbiAgICAgICAgICBwSW5wdXRUZXh0XG4gICAgICAgICAgc2l6ZT1cIjUwXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaCBzdWJzY3JpcHRpb24gcHJvZHVjdHMuLi5cIlxuICAgICAgICAgIChpbnB1dCk9XCJkdC5maWx0ZXJHbG9iYWwoJGV2ZW50LnRhcmdldC52YWx1ZSwgJ2NvbnRhaW5zJylcIlxuICAgICAgICAgIGNsYXNzPVwibXctOTBcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICA8dHI+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnTGFiZWwuTmFtZScgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuUHJpY2VQZXJVbml0JyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5DdXJyZW5jeScgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuQmlsbGluZ0ZyZXF1ZW5jeScgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuTWluVW5pdHMnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgPHRoIHNjb3BlPVwidHJ1ZVwiPnt7ICdBZG1pbi5TdWJzY3JpcHRpb25zLk1heFVuaXRzJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5QdXJjaGFzZWRVbml0cycgfCB0cmFuc2xvY28gfX08L3RoPlxuICAgICAgICA8dGggc2NvcGU9XCJ0cnVlXCI+e3sgJ0FkbWluLlN1YnNjcmlwdGlvbnMuQ2FsY3VsYXRlZFByaWNlJyB8IHRyYW5zbG9jbyB9fTwvdGg+XG4gICAgICAgIDx0aCBzY29wZT1cInRydWVcIj57eyAnQWRtaW4uU3Vic2NyaXB0aW9ucy5Jc0RlbGV0ZWQnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgICAgPHRoIGNsYXNzPVwiYWN0aW9ucy1saXN0LXR3b1wiXG4gICAgICAgICAgc2NvcGU9XCJ0cnVlXCI+e3sgJ0xhYmVsLkFjdGlvbnMnIHwgdHJhbnNsb2NvIH19PC90aD5cbiAgICAgIDwvdHI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiYm9keVwiXG4gICAgICBsZXQtaXRlbT5cbiAgICAgIDx0cj5cbiAgICAgICAgPHRkIGRhdGEtaGVhZD1cIk5hbWVcIj57eyBpdGVtLm5hbWUgfX08L3RkPlxuICAgICAgICA8dGQgZGF0YS1oZWFkPVwiUHJpY2UgUGVyIFVuaXRcIj5cbiAgICAgICAgICA8c3Bhbj57eyAoaXRlbS5wcmljZV9wZXJfdW5pdCAvIDEwMCkgfCBudW1iZXI6JzEuMi0yJyB9fVxuICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZhIGZhLWluZm8tY2lyY2xlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0/LmRpc2NvdW50ICYmIG9iamVjdEtleXMoaXRlbT8uZGlzY291bnQpPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPVwidG9wXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcFRvb2x0aXBdPVwiaXRlbT8uZGlzY291bnQgfCBqc29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3RkPlxuICAgICAgICA8dGQgZGF0YS1oZWFkPVwiQ3VycmVuY3lcIj5cbiAgICAgICAgICA8c3BhbiBbYXBwRHluYW1pY0JhZGdlXT1cInsgaXRlbXNBcnJheTogY3VycmVuY3ksIGl0ZW06IGl0ZW0uY3VycmVuY3kgfVwiXG4gICAgICAgICAgICBjb2xvcj1cImJsdWUtZ3JleVwiXG4gICAgICAgICAgICBjbGFzcz1cImJhZGdlXCI+e3sgaXRlbS5jdXJyZW5jeSB9fTwvc3Bhbj5cbiAgICAgICAgPC90ZD5cbiAgICAgICAgPHRkIGRhdGEtaGVhZD1cIkJpbGxpbmcgRnJlcXVlbmN5XCI+XG4gICAgICAgICAge3sgaXRlbS5iaWxsaW5nX2ZyZXF1ZW5jeSB9fVxuICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbT8ucGF1c2VfY29sbGVjdGlvbiAmJiBvYmplY3RLZXlzKGl0ZW0/LnBhdXNlX2NvbGxlY3Rpb24pPy5sZW5ndGhcIlxuICAgICAgICAgICAgY2xhc3M9XCJtcy0yXCJcbiAgICAgICAgICAgIFtwVG9vbHRpcF09XCJpdGVtPy5wYXVzZV9jb2xsZWN0aW9uIHwganNvblwiXG4gICAgICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlIHRleHQtd2FybmluZ1wiPjwvaT5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJNaW4gVW5pdHNcIj57eyBpdGVtLm1pbl91bml0cyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJNYXggVW5pdHNcIj57eyBpdGVtLm1heF91bml0cyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJQdXJjaGFzZWQgVW5pdHNcIj57eyBpdGVtLnB1cmNoYXNlZF91bml0cyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJDYWxjdWxhdGVkIFByaWNlXCI+e3sgKGl0ZW0uY2FsY3VsYXRlZF9wcmljZSAvIDEwMCkgfCBudW1iZXI6JzEuMi0yJyB9fTwvdGQ+XG4gICAgICAgIDx0ZCBkYXRhLWhlYWQ9XCJEZWxldGVkXCI+XG4gICAgICAgICAgPHNwYW4gW2FwcER5bmFtaWNCYWRnZV09XCJ7IGl0ZW1zQXJyYXk6IFt0cnVlLCBmYWxzZV0sIGl0ZW06IGl0ZW0/LmlzX2RlbGV0ZWQgfVwiXG4gICAgICAgICAgICBjb2xvcj1cInN1Y2Nlc3MtZGFuZ2VyXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmFkZ2VcIj57eyBpdGVtPy5pc19kZWxldGVkID8gJ1llcycgOiAnTm8nIH19PC9zcGFuPlxuICAgICAgICA8L3RkPlxuICAgICAgICA8dGQgZGF0YS1oZWFkPVwiQWN0aW9uXCI+XG4gICAgICAgICAgPHVsIGNsYXNzPVwibGlzdC11bnN0eWxlZCBsaXN0LWlubGluZSBsaXN0LWFjdGlvblwiPlxuICAgICAgICAgICAgPGxpIG5nYlRvb2x0aXA9XCJFZGl0XCJcbiAgICAgICAgICAgICAgKnJiYWNBbGxvdz1cIidTdWJzY3JpcHRpb25TdXBlckFkbWluJ1wiXG4gICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcm91dGVycy5zdWJzY3JpcHRpb25Qcm9kdWN0RGV0YWlscyArIGl0ZW0uc3Vic2NyaXB0aW9uX3Byb2R1Y3RfaWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXCJcbiAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInsgc3Vic2NyaXB0aW9uX2lkOiBpZCB9XCI+XG4gICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtZWRpdCBlZGl0LWljb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICAgICAgICA8L2xpPlxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvdGQ+XG4gICAgICA8L3RyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvcC10YWJsZT5cbiAgPHNwYW4gY2xhc3M9XCJ0b3RhbC1yZWNvcmRzLWNvdW50XCIgKm5nSWY9XCJ0b3RhbFJlY29yZHMgIT09IDBcIj57eyAnTGFiZWwuVG90YWwnIHwgdHJhbnNsb2NvIH19OiB7eyB0b3RhbFJlY29yZHMgfX08L3NwYW4+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCJ0b3RhbFJlY29yZHNVbkZpbHRlcmVkID09PSAwICYmIGlzTG9hZGVkXCI+XG4gIDxwdy1uby1kYXRhIFt3aXRoSW1hZ2VdPVwidHJ1ZVwiIFttZXNzYWdlXT1cIidBZG1pbi5TdWJzY3JpcHRpb25zLk5vU3Vic2NyaXB0aW9uUHJvZHVjdHNNZXNzYWdlJyB8IHRyYW5zbG9jb1wiPlxuICA8L3B3LW5vLWRhdGE+XG48L2Rpdj5cbiJdfQ==