iptdevs-design-system 3.1.654 → 3.1.656

package/esm2020/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.mjs

@@ -23,10 +23,8 @@ export class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         this.visible = false;
         this.messageAlertPlacementTest = false;
         this.OptionPayments = [
-            { code: 1, key: 'si', name: 'Instalaciones' },
-            // {code: 2, key: 'pa',  name: 'Pago en Linea'},
-            // {code: 3, key: 'ps',  name: 'Transferencia'},
-            // {code: 4, key: 'ef',  name: 'Efecty'},
+            { code: 1, key: 'in', name: 'Instalaciones' },
+            { code: 3, key: 'tr', name: 'Transferencia' },
         ];
         this.disableweekdays = [];
         this.isSelectionOptionPayments = true;
@@ -46,34 +44,40 @@ export class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         });
     }
     back() {
-        // Movernos al paso anterior
-        if (!this.isSelectionOptionPayments) {
-            this.isSelectionOptionPayments = true;
-            console.log('back entre en el if');
-        }
-        else if (!this.isSelectionOptionPayments && this.selectedOptionPayments?.code == 1) {
+        if (!this.isSelectionOptionPayments && !this.isEditBillingData) {
+            // Volver a la edición de datos de facturación
             this.isEditBillingData = true;
-            console.log('back entre en el else if');
+        }
+        else if (!this.isSelectionOptionPayments && this.isEditBillingData) {
+            // Volver a la selección de opciones de pago
+            this.isSelectionOptionPayments = true;
         }
         else {
+            // Volver al paso anterior
             this.completed.emit(2);
-            console.log('back entre en el else');
         }
     }
     next() {
         if (this.isSelectionOptionPayments) {
+            // Avanzar a la edición de datos de facturación
             this.isSelectionOptionPayments = false;
-            console.log('next entre en el if');
         }
-        else if (this.isSelectionOptionPayments && this.selectedOptionPayments?.code == 1) {
-            this.isEditBillingData = false;
-            console.log('next entre en el else if');
+        else if (!this.isEditBillingData) {
+            // Finalizar la edición de datos de facturación
+            this.isEditBillingData = true;
         }
         else {
-            // this.completed.emit(2);
-            console.log('next se deberia mover');
+            // Completar el formulario y proceder
+            this.sendForm();
         }
-        console.log(this.selectedOptionPayments);
+    }
+    editBillingData() {
+        // Activar la edición de datos de facturación
+        this.isEditBillingData = false;
+    }
+    updateDatosBillingData() {
+        // Guardar datos de facturación y regresar a la vista de resumen
+        this.isEditBillingData = true;
     }
     getParamenters() {
         this.parameterService.getCardTypes('col').subscribe((response) => {
@@ -81,11 +85,10 @@ export class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         });
     }
     sendForm() {
-        // this.codSelfFormStepTwo.markAllAsTouched();
-        // if (this.codSelfFormStepTwo.invalid) return;
+        // Aquí va la lógica para enviar el formulario
         console.log('Ejecuta endpoint');
-        // Movernos al paso 3
-        // this.completed.emit(4);
+        // Movernos al siguiente paso
+        this.completed.emit(4);
     }
     onReject() {
         this.messageService.clear('confirm');
@@ -107,14 +110,6 @@ export class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
             this.codSelfFormStepFour.controls['optionsPayments'].setValue(null);
         }
     }
-    editBillingData() {
-        this.isEditBillingData = false;
-        console.log('le di click en modificar datos');
-    }
-    updateDatosBillingData() {
-        this.isEditBillingData = true;
-        console.log('le di click en continuar');
-    }
     selectIdType(idType) {
         if (idType !== 'Tipo de documento') {
             this.codSelfFormStepFour.controls['invoicing_idType'].setValue(idType);
@@ -123,13 +118,23 @@ export class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
             this.codSelfFormStepFour.controls['invoicing_idType'].setValue(null);
         }
     }
+    // Método para determinar la vista basada en el código de la opción de pago seleccionada
+    getViewBasedOnPaymentOption() {
+        if (this.selectedOptionPayments?.code === 1) {
+            return 'in';
+        }
+        else if (this.selectedOptionPayments?.code === 3) {
+            return 'tr';
+        }
+        return 'default';
+    }
 }
 CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1.FormBuilder }, { token: i2.MessageService }, { token: i3.ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFcomo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                  ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n              </label>\n            </div>\n\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n          <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n            <button\n              pButton\n              type=\"button\"\n              label=\"\"\n              class=\"p-button-outlined p-button-rounded w-2\"\n              icon=\"pi pi-receipt\"\n              [disabled]=\"true\">\n            </button>\n            <strong>name</strong>\n            <span>cc document</span>\n            <button\n              pButton\n              label=\"Modificar Datos\"\n              type=\"submit\"\n              (click)=\"editBillingData()\"\n            ></button>\n          </div>\n          <div *ngIf=\"!isEditBillingData\">\n            <h3>Completa los nuevos datos para la emision de tu factura</h3>\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n              </div>\n            </div>\n            <div>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Nombres'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n              ></ipt-input>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Apellido'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n              ></ipt-input>\n              <ipt-select\n              [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n              [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType($event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Documento'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n              ></ipt-input>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 2 && !isSelectionOptionPayments\">\n          <span>llegue aqui 2</span>\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 3 && !isSelectionOptionPayments\">\n          <span>llegue aqui 3</span>\n        </div>\n      </div>\n    </form>\n\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button *ngIf=\"!codSelfFormStepFour.valid && isEditBillingData\"\n        [disabled]=\"selectedOptionPayments == null\"\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        (click)=\"next()\"\n      ></button>\n      <button *ngIf=\"selectedOptionPayments && !codSelfFormStepFour.valid && !isEditBillingData\"\n        pButton\n        label=\"Continuar\"\n        type=\"submit\"\n        (click)=\"updateDatosBillingData()\">\n      </button>\n\n      <button *ngIf=\"codSelfFormStepFour.valid && !isSelectionOptionPayments\"\n        pButton\n        label=\"Guardar\"\n        type=\"submit\"\n        (click)=\"sendForm()\"\n      ></button>\n\n      <!-- <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button> -->\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: i6.SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }] });
+CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>name</strong>\n              <span>cc document</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <button\n                pButton\n                label=\"Continuar\"\n                type=\"button\"\n                (click)=\"updateDatosBillingData()\"\n              ></button>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: i6.SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFcomo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                  ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n              </label>\n            </div>\n\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n          <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n            <button\n              pButton\n              type=\"button\"\n              label=\"\"\n              class=\"p-button-outlined p-button-rounded w-2\"\n              icon=\"pi pi-receipt\"\n              [disabled]=\"true\">\n            </button>\n            <strong>name</strong>\n            <span>cc document</span>\n            <button\n              pButton\n              label=\"Modificar Datos\"\n              type=\"submit\"\n              (click)=\"editBillingData()\"\n            ></button>\n          </div>\n          <div *ngIf=\"!isEditBillingData\">\n            <h3>Completa los nuevos datos para la emision de tu factura</h3>\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n              </div>\n            </div>\n            <div>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Nombres'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n              ></ipt-input>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Apellido'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n              ></ipt-input>\n              <ipt-select\n              [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n              [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType($event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Documento'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n              ></ipt-input>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 2 && !isSelectionOptionPayments\">\n          <span>llegue aqui 2</span>\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 3 && !isSelectionOptionPayments\">\n          <span>llegue aqui 3</span>\n        </div>\n      </div>\n    </form>\n\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button *ngIf=\"!codSelfFormStepFour.valid && isEditBillingData\"\n        [disabled]=\"selectedOptionPayments == null\"\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        (click)=\"next()\"\n      ></button>\n      <button *ngIf=\"selectedOptionPayments && !codSelfFormStepFour.valid && !isEditBillingData\"\n        pButton\n        label=\"Continuar\"\n        type=\"submit\"\n        (click)=\"updateDatosBillingData()\">\n      </button>\n\n      <button *ngIf=\"codSelfFormStepFour.valid && !isSelectionOptionPayments\"\n        pButton\n        label=\"Guardar\"\n        type=\"submit\"\n        (click)=\"sendForm()\"\n      ></button>\n\n      <!-- <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button> -->\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
+            args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>name</strong>\n              <span>cc document</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <button\n                pButton\n                label=\"Continuar\"\n                type=\"button\"\n                (click)=\"updateDatosBillingData()\"\n              ></button>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.MessageService }, { type: i3.ParameterService }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLWZvdXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvZC1zZWxmLW1hbmFnZWQvc3RlcHMvY29kLWZvcm0tc3RlcC1mb3VyL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtZm91ci9jb2Qtc2VsZi1mb3JtLXN0ZXAtZm91ci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU9wRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7Ozs7O0FBT3pFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxtQkFBbUI7SUFxQm5FLFlBQ1UsRUFBZSxFQUNmLGNBQThCLEVBQzlCLGdCQUFrQztRQUcxQyxLQUFLLEVBQUUsQ0FBQztRQUxBLE9BQUUsR0FBRixFQUFFLENBQWE7UUFDZixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQXRCbEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFakQsZ0JBQVcsR0FBVSwrQ0FBK0MsQ0FBQztRQUNyRSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBR3pCLDhCQUF5QixHQUFHLEtBQUssQ0FBQztRQUVsQyxtQkFBYyxHQUFRO1lBQ3BCLEVBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFHLElBQUksRUFBRSxl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QUN0QixJQUFJLE1BQU0sS0FBSyxtQkFBbUIsRUFBRTtZQUNsQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3hFO2FBQU07WUFDTCxJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3RFO0lBQ0gsQ0FBQzs7eUhBN0hVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLCtIQ2hCekMscXJOQXdKQTsyRkR4SWEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDZCQUE2Qjs4SkFNN0IsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcmFtZXRlclNlcnZpY2UgfSBmcm9tICcuLy4uLy4uLy4uL2NvcmUvc2VydmljZXMvcGFyYW1ldGVycy1zZXJ2aWNlL3BhcmFtZXRlcnMuc2VydmljZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCwgRm9ybUJ1aWxkZXIsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vaW1wb3J0IFByaW1lbmdcbmltcG9ydCB7IE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuXG4vLyBpbXBvcnQgTW9kZWxzXG5pbXBvcnQgeyBJd2Vla0RheXNScSB9IGZyb20gJy4vLi4vLi4vLi4vY29yZS9tb2RlbHMvYWNhZGVtaWMvYWNhZGVtaWMuY29tcG9uZW50JztcbmltcG9ydCB7IENvZFNlbGZNYW5hZ2VkU3RlcHMgfSBmcm9tICcuLi8uLi9sb2dpYy9jb2Qtc2VsZi1tYW5hZ2VkLXN0ZXBzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvZC1zZWxmLWZvcm0tc3RlcC1mb3VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29kLXNlbGYtZm9ybS1zdGVwLWZvdXIuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2RTZWxmRm9ybVN0ZXBGb3VyQ29tcG9uZW50IGV4dGVuZHMgQ29kU2VsZk1hbmFnZWRTdGVwcyBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQE91dHB1dCgpIGNvbXBsZXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIG1lc3NhZ2VJbmZvOnN0cmluZyA9IFwiRGF0b3MgZGUgZmFjdHVyYWNpb24gZGUgYWN1ZXJkbyBhIHR1IGVsZWNjaW9uXCI7XG4gIHZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgY29kU2VsZkZvcm1TdGVwRm91ciE6Rm9ybUdyb3VwO1xuICBzZWxlY3RlZE9wdGlvblBheW1lbnRzPzogSXdlZWtEYXlzUnE7XG4gIG1lc3NhZ2VBbGVydFBsYWNlbWVudFRlc3QgPSBmYWxzZTtcblxuICBPcHRpb25QYXltZW50czogYW55W109W1xuICAgIHtjb2RlOiAxLCBrZXk6ICdzaScsICBuYW1lOiAnSW5zdGFsYWNpb25lcyd9LFxuICAgIC8vIHtjb2RlOiAyLCBrZXk6ICdwYScsICBuYW1lOiAnUGFnbyBlbiBMaW5lYSd9LFxuICAgIC8vIHtjb2RlOiAzLCBrZXk6ICdwcycsICBuYW1lOiAnVHJhbnNmZXJlbmNpYSd9LFxuICAgIC8vIHtjb2RlOiA0LCBrZXk6ICdlZicsICBuYW1lOiAnRWZlY3R5J30sXG4gIF07XG4gIGRpc2FibGV3ZWVrZGF5czogYm9vbGVhbltdID0gW107XG4gIGlzU2VsZWN0aW9uT3B0aW9uUGF5bWVudHM9IHRydWU7XG4gIGlzRWRpdEJpbGxpbmdEYXRhID0gdHJ1ZTtcbiAgaWRUeXBlczogYW55O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlLFxuICAgIHByaXZhdGUgcGFyYW1ldGVyU2VydmljZTogUGFyYW1ldGVyU2VydmljZSxcbiAgICApXG4gIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuaW5pdEZvcm0oKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZ2V0UGFyYW1lbnRlcnMoKTtcbiAgfVxuICBpbml0Rm9ybSgpe1xuICAgIHRoaXMuY29kU2VsZkZvcm1TdGVwRm91ciA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgb3B0aW9uc1BheW1lbnRzOlsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIGludm9pY2luZ19uYW1lOlsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIGludm9pY2luZ19BcGVsbGlkbzpbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgICBpbnZvaWNpbmdfZG9jdW1lbnQ6WycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgICAgaW52b2ljaW5nX2lkVHlwZTpbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgfSlcbiAgfVxuICBiYWNrKCkge1xuICAgIC8vIE1vdmVybm9zIGFsIHBhc28gYW50ZXJpb3JcbiAgICBpZiAoIXRoaXMuaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cykge1xuICAgICAgdGhpcy5pc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzID0gdHJ1ZTtcbiAgICAgIGNvbnNvbGUubG9nKCdiYWNrIGVudHJlIGVuIGVsIGlmJyk7XG4gICAgfWVsc2UgaWYoIXRoaXMuaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cyAmJiB0aGlzLnNlbGVjdGVkT3B0aW9uUGF5bWVudHM/LmNvZGUgPT0gMSl7XG4gICAgICB0aGlzLmlzRWRpdEJpbGxpbmdEYXRhID0gdHJ1ZTtcbiAgICAgIGNvbnNvbGUubG9nKCdiYWNrIGVudHJlIGVuIGVsIGVsc2UgaWYnKTtcbiAgICB9ZWxzZXtcbiAgICAgIHRoaXMuY29tcGxldGVkLmVtaXQoMik7XG4gICAgICBjb25zb2xlLmxvZygnYmFjayBlbnRyZSBlbiBlbCBlbHNlJyk7XG4gICAgfVxuICB9XG4gIG5leHQoKXtcbiAgICBpZiAodGhpcy5pc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzKSB7XG4gICAgICB0aGlzLmlzU2VsZWN0aW9uT3B0aW9uUGF5bWVudHMgPSBmYWxzZTtcbiAgICAgIGNvbnNvbGUubG9nKCduZXh0IGVudHJlIGVuIGVsIGlmJyk7XG4gICAgfWVsc2UgaWYodGhpcy5pc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzICYmIHRoaXMuc2VsZWN0ZWRPcHRpb25QYXltZW50cz8uY29kZSA9PSAxKXtcbiAgICAgIHRoaXMuaXNFZGl0QmlsbGluZ0RhdGEgPSBmYWxzZTtcbiAgICAgIGNvbnNvbGUubG9nKCduZXh0IGVudHJlIGVuIGVsIGVsc2UgaWYnKTtcbiAgICB9ZWxzZXtcbiAgICAgIC8vIHRoaXMuY29tcGxldGVkLmVtaXQoMik7XG4gICAgICBjb25zb2xlLmxvZygnbmV4dCBzZSBkZWJlcmlhIG1vdmVyJyk7XG4gICAgfVxuICAgIGNvbnNvbGUubG9nKHRoaXMuc2VsZWN0ZWRPcHRpb25QYXltZW50cyk7XG4gIH1cblxuICBnZXRQYXJhbWVudGVycygpe1xuICAgIHRoaXMucGFyYW1ldGVyU2VydmljZS5nZXRDYXJkVHlwZXMoJ2NvbCcpLnN1YnNjcmliZSgocmVzcG9uc2UpID0+IHtcbiAgICAgIHRoaXMuaWRUeXBlcyA9IHJlc3BvbnNlLmRhdGE7XG4gICAgfSk7XG4gIH1cblxuICBzZW5kRm9ybSgpIHtcbiAgICAvLyB0aGlzLmNvZFNlbGZGb3JtU3RlcFR3by5tYXJrQWxsQXNUb3VjaGVkKCk7XG4gICAgLy8gaWYgKHRoaXMuY29kU2VsZkZvcm1TdGVwVHdvLmludmFsaWQpIHJldHVybjtcblxuICAgIGNvbnNvbGUubG9nKCdFamVjdXRhIGVuZHBvaW50Jyk7XG4gICAgLy8gTW92ZXJub3MgYWwgcGFzbyAzXG4gICAgLy8gdGhpcy5jb21wbGV0ZWQuZW1pdCg0KTtcbiAgfVxuXG4gIG9uUmVqZWN0KCkge1xuICAgIHRoaXMubWVzc2FnZVNlcnZpY2UuY2xlYXIoJ2NvbmZpcm0nKTtcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcbiAgfVxuXG4gIHNob3dDb25maXJtKCkge1xuICAgIGlmICghdGhpcy52aXNpYmxlKSB7XG4gICAgICAgIHRoaXMubWVzc2FnZVNlcnZpY2UuYWRkKHsga2V5OiAnY29uZmlybScsIHN0aWNreTogdHJ1ZSwgc2V2ZXJpdHk6ICdzdWNjZXNzJywgc3VtbWFyeTogJ0NhbiB5b3Ugc2VuZCBtZSB0aGUgcmVwb3J0PycsIGxpZmU6IDEwMDAwIH0pO1xuICAgICAgICB0aGlzLnZpc2libGUgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdE9wY2lvbnNQYXltZW50cyhldmU6IEl3ZWVrRGF5c1JxKXtcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uUGF5bWVudHMgPSBldmVcbiAgICB0aGlzLmlzU2VsZWN0aW9uT3B0aW9uUGF5bWVudHMgPSBmYWxzZTtcblxuICAgIGlmICh0aGlzLnNlbGVjdGVkT3B0aW9uUGF5bWVudHMgIT09IG51bGwpIHtcbiAgICAgIHRoaXMuY29kU2VsZkZvcm1TdGVwRm91ci5jb250cm9sc1snb3B0aW9uc1BheW1lbnRzJ10uc2V0VmFsdWUodGhpcy5zZWxlY3RlZE9wdGlvblBheW1lbnRzLmNvZGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ29wdGlvbnNQYXltZW50cyddLnNldFZhbHVlKG51bGwpO1xuICAgIH1cbiAgfVxuXG5cbiAgZWRpdEJpbGxpbmdEYXRhKCl7XG4gICAgdGhpcy5pc0VkaXRCaWxsaW5nRGF0YSA9IGZhbHNlO1xuICAgIGNvbnNvbGUubG9nKCdsZSBkaSBjbGljayBlbiBtb2RpZmljYXIgZGF0b3MnKTtcbiAgfVxuXG4gIHVwZGF0ZURhdG9zQmlsbGluZ0RhdGEoKXtcbiAgICB0aGlzLmlzRWRpdEJpbGxpbmdEYXRhID0gdHJ1ZVxuICAgIGNvbnNvbGUubG9nKCdsZSBkaSBjbGljayBlbiBjb250aW51YXInKTtcbiAgfVxuXG4gIHNlbGVjdElkVHlwZShpZFR5cGU6IGFueSkge1xuICAgIGlmIChpZFR5cGUgIT09ICdUaXBvIGRlIGRvY3VtZW50bycpIHtcbiAgICAgIHRoaXMuY29kU2VsZkZvcm1TdGVwRm91ci5jb250cm9sc1snaW52b2ljaW5nX2lkVHlwZSddLnNldFZhbHVlKGlkVHlwZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY29kU2VsZkZvcm1TdGVwRm91ci5jb250cm9sc1snaW52b2ljaW5nX2lkVHlwZSddLnNldFZhbHVlKG51bGwpO1xuICAgIH1cbiAgfVxufVxuXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyLW1haW5cIj5cbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mb3JtXCI+XG4gICAgPGgyPkRhdG9zIGRlIEZhY3R1cmFjaW9uPC9oMj5cbiAgICA8cC10b2FzdCBwb3NpdGlvbj1cInRvcC1jZW50ZXJcIiBrZXk9XCJjb25maXJtXCIgKG9uQ2xvc2UpPVwib25SZWplY3QoKVwiIFtiYXNlWkluZGV4XT1cIjEwXCI+XG4gICAgICA8bmctdGVtcGxhdGUgbGV0LW1lc3NhZ2UgcFRlbXBsYXRlPVwibWVzc2FnZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLXN0YXJ0XCIgc3R5bGU9XCJmbGV4OiAxXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtMlwiPlxuICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3FhLmlwdGRldi5jb20uY28vYXNzZXRzL2xvZ29zL3JlYWRpbmcucG5nXCIgc3R5bGU9XCJ3aWR0aDogNjVweDtcIiBzaGFwZT1cImNpcmNsZVwiIC8+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LTkwMFwiPkphY29iPC9zcGFuPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvbnQtbWVkaXVtIHRleHQtbGcgbXktMyB0ZXh0LTkwMFwiPnt7IG1lc3NhZ2VJbmZvIH19PC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvcC10b2FzdD5cbiAgICA8aSBjbGFzcz1cInBpIHBpLWV4Y2xhbWF0aW9uLWNpcmNsZSBjdXJzb3ItcG9pbnRlciB3LWF1dG8gbWItNFwiIChjbGljayk9XCJzaG93Q29uZmlybSgpXCIgcFRvb2x0aXA9XCJNYXMgaW5mby5cIiB0b29sdGlwUG9zaXRpb249XCJib3R0b21cIj48L2k+XG4gICAgPGZvcm0gYXV0b2NvbXBsZXRlPVwib2ZmXCIgW2Zvcm1Hcm91cF09XCJjb2RTZWxmRm9ybVN0ZXBGb3VyXCIgY2xhc3M9XCJncmlkIG10LTIgZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2JvZHlfX3NlbGVjdCBmbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgZmxleC13cmFwXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX3R5cGVfX3BheW1lbnRzXCIgKm5nSWY9XCJpc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gZ2FwLTNcIj5cbiAgICAgICAgICAgIDxoMz7Cv2NvbW8gcXVpZXJlcyBwYWdhcj88L2gzPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgY2F0ZWdvcnkgb2YgT3B0aW9uUGF5bWVudHM7IGluZGV4IGFzIGluZFwiIGNsYXNzPVwiZmllbGQtY2hlY2tib3hcIj5cbiAgICAgICAgICAgICAgPHAtcmFkaW9CdXR0b25cbiAgICAgICAgICAgICAgICAgIFtpbnB1dElkXT1cImNhdGVnb3J5LmtleVwiXG4gICAgICAgICAgICAgICAgICBuYW1lPVwiY2F0ZWdvcnlcIlxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cImNhdGVnb3J5XCJcbiAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRPcHRpb25QYXltZW50c1wiXG4gICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZXdlZWtkYXlzW2luZF1cIlxuICAgICAgICAgICAgICAgICAgW25nTW9kZWxPcHRpb25zXT1cInsgc3RhbmRhbG9uZTogdHJ1ZSB9XCJcbiAgICAgICAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlbGVjdE9wY2lvbnNQYXltZW50cygkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgID48L3AtcmFkaW9CdXR0b24+XG4gICAgICAgICAgICAgIDxsYWJlbCBbZm9yXT1cImNhdGVnb3J5LmtleVwiIGNsYXNzPVwibWwtMlwiPlxuICAgICAgICAgICAgICAgICAge3sgY2F0ZWdvcnkubmFtZSB9fVxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9fb3BzdGlvbl9faW5zdGFsYXRpb25zXCIgKm5nSWY9XCJzZWxlY3RlZE9wdGlvblBheW1lbnRzPy5jb2RlID09PSAxICYmICFpc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9faW5mbyBmbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCIgKm5nSWY9XCJpc0VkaXRCaWxsaW5nRGF0YVwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBwQnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBsYWJlbD1cIlwiXG4gICAgICAgICAgICAgIGNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tcm91bmRlZCB3LTJcIlxuICAgICAgICAgICAgICBpY29uPVwicGkgcGktcmVjZWlwdFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCI+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxzdHJvbmc+bmFtZTwvc3Ryb25nPlxuICAgICAgICAgICAgPHNwYW4+Y2MgZG9jdW1lbnQ8L3NwYW4+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIHBCdXR0b25cbiAgICAgICAgICAgICAgbGFiZWw9XCJNb2RpZmljYXIgRGF0b3NcIlxuICAgICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImVkaXRCaWxsaW5nRGF0YSgpXCJcbiAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWlzRWRpdEJpbGxpbmdEYXRhXCI+XG4gICAgICAgICAgICA8aDM+Q29tcGxldGEgbG9zIG51ZXZvcyBkYXRvcyBwYXJhIGxhIGVtaXNpb24gZGUgdHUgZmFjdHVyYTwvaDM+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMSBtZDpnYXAtNCB4bDpnYXAtOCBtLTEgcC0yIGJvcmRlci1yb3VuZCBiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfaWNvbiBmbGV4IG1yLTQganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1zdGFydCBtdC0xXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJwaSBwaS1pbmZvLWNpcmNsZSBjdXJzb3ItcG9pbnRlciB3LWF1dG8gbWItNFwiIHBUb29sdGlwPVwiTWFzIGluZm8uXCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCI+PC9pPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gY29udGFpbmVyX2luZm9fc3BhbiBmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4+U2kgcHJvcG9yY2lvbmFzIGRhdG9zIGRlIHVuIHRlcmNlcm8sIGNvbmZpcm1hcyBxdWUgbG9zIGRhdG9zIHNvbiBjb3JyZWN0b3MgeSBxdWUgdGllbmVzIHN1IGNvbnNlbnRpbWllbnRvIHBhcmEgZWwgdXNvIGRlIGxhIGluZm9ybWFjaW9uLiBFc3RvcyBkYXRvcyBzZSB0cmF0YXJhbiBkZSBhY3VlcmRvIGEgbnVlc3RyYSA8YSBocmVmPVwiXCI+RGVjbGFyYWNpb24gZGUgUHJpdmFjaWRhZDwvYT48L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8aXB0LWlucHV0XG4gICAgICAgICAgICAgICAgW2lucHV0VHlwZV09XCIndGV4dCdcIlxuICAgICAgICAgICAgICAgIFtwbGFjZUhvbGRlcl09XCInTm9tYnJlcydcIlxuICAgICAgICAgICAgICAgIFtjb250cm9sXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19uYW1lJ11cIlxuICAgICAgICAgICAgICA+PC9pcHQtaW5wdXQ+XG4gICAgICAgICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgICAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidBcGVsbGlkbydcIlxuICAgICAgICAgICAgICAgIFtjb250cm9sXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19BcGVsbGlkbyddXCJcbiAgICAgICAgICAgICAgPjwvaXB0LWlucHV0PlxuICAgICAgICAgICAgICA8aXB0LXNlbGVjdFxuICAgICAgICAgICAgICBbaW5pdGlhbFZhbHVlXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19pZFR5cGUnXS52YWx1ZVwiXG4gICAgICAgICAgICAgIFtjb250cm9sXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19pZFR5cGUnXVwiXG4gICAgICAgICAgICAgIFtzZWxlY3RDb2RlXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19pZFR5cGUnXS52YWx1ZSA9PT0gbnVsbCA/ICdUaXBvIGRlIGRvY3VtZW50bycgOiBjb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfaWRUeXBlJ10udmFsdWVcIlxuICAgICAgICAgICAgICBbaXNSZXF1aXJlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgW2RhdGFdPVwiaWRUeXBlc1wiXG4gICAgICAgICAgICAgIChldmVudFNlbGVjdCk9XCJzZWxlY3RJZFR5cGUoJGV2ZW50KVwiXG4gICAgICAgICAgICAgIFtkZWZhdWx0VGV4dF09XCInVGlwbyBkZSBkb2N1bWVudG8nXCJcbiAgICAgICAgICAgID48L2lwdC1zZWxlY3Q+XG4gICAgICAgICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgICAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidEb2N1bWVudG8nXCJcbiAgICAgICAgICAgICAgICBbY29udHJvbF09XCJjb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfZG9jdW1lbnQnXVwiXG4gICAgICAgICAgICAgID48L2lwdC1pbnB1dD5cblxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX29wc3Rpb25fX2luc3RhbGF0aW9uc1wiICpuZ0lmPVwic2VsZWN0ZWRPcHRpb25QYXltZW50cz8uY29kZSA9PT0gMiAmJiAhaXNTZWxlY3Rpb25PcHRpb25QYXltZW50c1wiPlxuICAgICAgICAgIDxzcGFuPmxsZWd1ZSBhcXVpIDI8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX19vcHN0aW9uX19pbnN0YWxhdGlvbnNcIiAqbmdJZj1cInNlbGVjdGVkT3B0aW9uUGF5bWVudHM/LmNvZGUgPT09IDMgJiYgIWlzU2VsZWN0aW9uT3B0aW9uUGF5bWVudHNcIj5cbiAgICAgICAgICA8c3Bhbj5sbGVndWUgYXF1aSAzPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZm9ybT5cblxuICAgICAgPCEtLSA8c3BhbiAqbmdJZj1cImNvZFNlbGZGb3JtU3RlcE9uZS5pbnZhbGlkICYmIGNvZFNlbGZGb3JtU3RlcE9uZS50b3VjaGVkXCIgY2xhc3M9XCJ0ZXh0LXJlZC01MDAgZm9udC1ib2xkIHRleHQtY2VudGVyIG10LTEgcHktMiBiZy1yZWQtMTAwIHctZnVsbCBib3JkZXItcm91bmQteGxcIj57eyBlcnJvck1lc3NhZ2UgfX08L3NwYW4+IC0tPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBtdC0zIGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtM1wiPlxuICAgICAgPGJ1dHRvblxuICAgICAgcEJ1dHRvblxuICAgICAgaWNvbj1cInBpIHBpLWFycm93LWxlZnRcIlxuICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAoY2xpY2spPVwiYmFjaygpXCJcbiAgICAgID48L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFjb2RTZWxmRm9ybVN0ZXBGb3VyLnZhbGlkICYmIGlzRWRpdEJpbGxpbmdEYXRhXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cInNlbGVjdGVkT3B0aW9uUGF5bWVudHMgPT0gbnVsbFwiXG4gICAgICAgIHBCdXR0b25cbiAgICAgICAgaWNvbj1cInBpIHBpLWFycm93LXJpZ2h0XCJcbiAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgIChjbGljayk9XCJuZXh0KClcIlxuICAgICAgPjwvYnV0dG9uPlxuICAgICAgPGJ1dHRvbiAqbmdJZj1cInNlbGVjdGVkT3B0aW9uUGF5bWVudHMgJiYgIWNvZFNlbGZGb3JtU3RlcEZvdXIudmFsaWQgJiYgIWlzRWRpdEJpbGxpbmdEYXRhXCJcbiAgICAgICAgcEJ1dHRvblxuICAgICAgICBsYWJlbD1cIkNvbnRpbnVhclwiXG4gICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAoY2xpY2spPVwidXBkYXRlRGF0b3NCaWxsaW5nRGF0YSgpXCI+XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvbiAqbmdJZj1cImNvZFNlbGZGb3JtU3RlcEZvdXIudmFsaWQgJiYgIWlzU2VsZWN0aW9uT3B0aW9uUGF5bWVudHNcIlxuICAgICAgICBwQnV0dG9uXG4gICAgICAgIGxhYmVsPVwiR3VhcmRhclwiXG4gICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAoY2xpY2spPVwic2VuZEZvcm0oKVwiXG4gICAgICA+PC9idXR0b24+XG5cbiAgICAgIDwhLS0gPGJ1dHRvblxuICAgICAgcEJ1dHRvblxuICAgICAgaWNvbj1cInBpIHBpLWFycm93LXJpZ2h0XCJcbiAgICAgIChjbGljayk9XCJzZW5kRm9ybSgpXCJcbiAgICAgID48L2J1dHRvbj4gLS0+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXY+XG4gIDxwcmU+e3sgY29kU2VsZkZvcm1TdGVwRm91ci52YWx1ZSB8IGpzb24gfX08L3ByZT5cbiAgPGRpdj5cbiAgICA8cHJlPnt7IGNvZFNlbGZGb3JtU3RlcEZvdXIudmFsaWQgfCBqc29uIH19PC9wcmU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLXNlbGYtZm9ybS1zdGVwLWZvdXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvZC1zZWxmLW1hbmFnZWQvc3RlcHMvY29kLWZvcm0tc3RlcC1mb3VyL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2Qtc2VsZi1tYW5hZ2VkL3N0ZXBzL2NvZC1mb3JtLXN0ZXAtZm91ci9jb2Qtc2VsZi1mb3JtLXN0ZXAtZm91ci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU9wRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7Ozs7O0FBT3pFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxtQkFBbUI7SUFtQm5FLFlBQ1UsRUFBZSxFQUNmLGNBQThCLEVBQzlCLGdCQUFrQztRQUUxQyxLQUFLLEVBQUUsQ0FBQztRQUpBLE9BQUUsR0FBRixFQUFFLENBQWE7UUFDZixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFDOUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQXBCbEMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFakQsZ0JBQVcsR0FBVywrQ0FBK0MsQ0FBQztRQUN0RSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBR3pCLDhCQUF5QixHQUFHLEtBQUssQ0FBQztRQUVsQyxtQkFBYyxHQUFVO1lBQ3RCLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxl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QUFDLHNCQUFzQixFQUFFLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDM0MsT0FBTyxJQUFJLENBQUM7U0FDYjthQUFNLElBQUksSUFBSSxDQUFDLHNCQUFzQixFQUFFLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDbEQsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUNELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7O3lIQWxJVSw0QkFBNEI7NkdBQTVCLDRCQUE0QiwrSENoQnpDLDZ1TUF3SUE7MkZEeEhhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSw2QkFBNkI7OEpBTTdCLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQYXJhbWV0ZXJTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3BhcmFtZXRlcnMtc2VydmljZS9wYXJhbWV0ZXJzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1CdWlsZGVyLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vL2ltcG9ydCBQcmltZW5nXG5pbXBvcnQgeyBNZXNzYWdlU2VydmljZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcblxuLy8gaW1wb3J0IE1vZGVsc1xuaW1wb3J0IHsgSXdlZWtEYXlzUnEgfSBmcm9tICcuLy4uLy4uLy4uL2NvcmUvbW9kZWxzL2FjYWRlbWljL2FjYWRlbWljLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb2RTZWxmTWFuYWdlZFN0ZXBzIH0gZnJvbSAnLi4vLi4vbG9naWMvY29kLXNlbGYtbWFuYWdlZC1zdGVwcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jb2Qtc2VsZi1mb3JtLXN0ZXAtZm91cicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2Qtc2VsZi1mb3JtLXN0ZXAtZm91ci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvZC1zZWxmLWZvcm0tc3RlcC1mb3VyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29kU2VsZkZvcm1TdGVwRm91ckNvbXBvbmVudCBleHRlbmRzIENvZFNlbGZNYW5hZ2VkU3RlcHMgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoKSBjb21wbGV0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBtZXNzYWdlSW5mbzogc3RyaW5nID0gXCJEYXRvcyBkZSBmYWN0dXJhY2lvbiBkZSBhY3VlcmRvIGEgdHUgZWxlY2Npb25cIjtcbiAgdmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICBjb2RTZWxmRm9ybVN0ZXBGb3VyITogRm9ybUdyb3VwO1xuICBzZWxlY3RlZE9wdGlvblBheW1lbnRzPzogSXdlZWtEYXlzUnE7XG4gIG1lc3NhZ2VBbGVydFBsYWNlbWVudFRlc3QgPSBmYWxzZTtcblxuICBPcHRpb25QYXltZW50czogYW55W10gPSBbXG4gICAgeyBjb2RlOiAxLCBrZXk6ICdpbicsIG5hbWU6ICdJbnN0YWxhY2lvbmVzJyB9LFxuICAgIHsgY29kZTogMywga2V5OiAndHInLCBuYW1lOiAnVHJhbnNmZXJlbmNpYScgfSxcbiAgXTtcbiAgZGlzYWJsZXdlZWtkYXlzOiBib29sZWFuW10gPSBbXTtcbiAgaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cyA9IHRydWU7XG4gIGlzRWRpdEJpbGxpbmdEYXRhID0gdHJ1ZTtcbiAgaWRUeXBlczogYW55O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlLFxuICAgIHByaXZhdGUgcGFyYW1ldGVyU2VydmljZTogUGFyYW1ldGVyU2VydmljZSxcbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmluaXRGb3JtKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldFBhcmFtZW50ZXJzKCk7XG4gIH1cblxuICBpbml0Rm9ybSgpIHtcbiAgICB0aGlzLmNvZFNlbGZGb3JtU3RlcEZvdXIgPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIG9wdGlvbnNQYXltZW50czogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgICAgaW52b2ljaW5nX25hbWU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICAgIGludm9pY2luZ19BcGVsbGlkbzogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF1dLFxuICAgICAgaW52b2ljaW5nX2RvY3VtZW50OiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgICBpbnZvaWNpbmdfaWRUeXBlOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgfSk7XG4gIH1cblxuICBiYWNrKCkge1xuICAgIGlmICghdGhpcy5pc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzICYmICF0aGlzLmlzRWRpdEJpbGxpbmdEYXRhKSB7XG4gICAgICAvLyBWb2x2ZXIgYSBsYSBlZGljacOzbiBkZSBkYXRvcyBkZSBmYWN0dXJhY2nDs25cbiAgICAgIHRoaXMuaXNFZGl0QmlsbGluZ0RhdGEgPSB0cnVlO1xuICAgIH0gZWxzZSBpZiAoIXRoaXMuaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cyAmJiB0aGlzLmlzRWRpdEJpbGxpbmdEYXRhKSB7XG4gICAgICAvLyBWb2x2ZXIgYSBsYSBzZWxlY2Npw7NuIGRlIG9wY2lvbmVzIGRlIHBhZ29cbiAgICAgIHRoaXMuaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cyA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFZvbHZlciBhbCBwYXNvIGFudGVyaW9yXG4gICAgICB0aGlzLmNvbXBsZXRlZC5lbWl0KDIpO1xuICAgIH1cbiAgfVxuXG4gIG5leHQoKSB7XG4gICAgaWYgKHRoaXMuaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cykge1xuICAgICAgLy8gQXZhbnphciBhIGxhIGVkaWNpw7NuIGRlIGRhdG9zIGRlIGZhY3R1cmFjacOzblxuICAgICAgdGhpcy5pc1NlbGVjdGlvbk9wdGlvblBheW1lbnRzID0gZmFsc2U7XG4gICAgfSBlbHNlIGlmICghdGhpcy5pc0VkaXRCaWxsaW5nRGF0YSkge1xuICAgICAgLy8gRmluYWxpemFyIGxhIGVkaWNpw7NuIGRlIGRhdG9zIGRlIGZhY3R1cmFjacOzblxuICAgICAgdGhpcy5pc0VkaXRCaWxsaW5nRGF0YSA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIENvbXBsZXRhciBlbCBmb3JtdWxhcmlvIHkgcHJvY2VkZXJcbiAgICAgIHRoaXMuc2VuZEZvcm0oKTtcbiAgICB9XG4gIH1cblxuICBlZGl0QmlsbGluZ0RhdGEoKSB7XG4gICAgLy8gQWN0aXZhciBsYSBlZGljacOzbiBkZSBkYXRvcyBkZSBmYWN0dXJhY2nDs25cbiAgICB0aGlzLmlzRWRpdEJpbGxpbmdEYXRhID0gZmFsc2U7XG4gIH1cblxuICB1cGRhdGVEYXRvc0JpbGxpbmdEYXRhKCkge1xuICAgIC8vIEd1YXJkYXIgZGF0b3MgZGUgZmFjdHVyYWNpw7NuIHkgcmVncmVzYXIgYSBsYSB2aXN0YSBkZSByZXN1bWVuXG4gICAgdGhpcy5pc0VkaXRCaWxsaW5nRGF0YSA9IHRydWU7XG4gIH1cblxuICBnZXRQYXJhbWVudGVycygpIHtcbiAgICB0aGlzLnBhcmFtZXRlclNlcnZpY2UuZ2V0Q2FyZFR5cGVzKCdjb2wnKS5zdWJzY3JpYmUoKHJlc3BvbnNlKSA9PiB7XG4gICAgICB0aGlzLmlkVHlwZXMgPSByZXNwb25zZS5kYXRhO1xuICAgIH0pO1xuICB9XG5cbiAgc2VuZEZvcm0oKSB7XG4gICAgLy8gQXF1w60gdmEgbGEgbMOzZ2ljYSBwYXJhIGVudmlhciBlbCBmb3JtdWxhcmlvXG4gICAgY29uc29sZS5sb2coJ0VqZWN1dGEgZW5kcG9pbnQnKTtcbiAgICAvLyBNb3Zlcm5vcyBhbCBzaWd1aWVudGUgcGFzb1xuICAgIHRoaXMuY29tcGxldGVkLmVtaXQoNCk7XG4gIH1cblxuICBvblJlamVjdCgpIHtcbiAgICB0aGlzLm1lc3NhZ2VTZXJ2aWNlLmNsZWFyKCdjb25maXJtJyk7XG4gICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XG4gIH1cblxuICBzaG93Q29uZmlybSgpIHtcbiAgICBpZiAoIXRoaXMudmlzaWJsZSkge1xuICAgICAgdGhpcy5tZXNzYWdlU2VydmljZS5hZGQoeyBrZXk6ICdjb25maXJtJywgc3RpY2t5OiB0cnVlLCBzZXZlcml0eTogJ3N1Y2Nlc3MnLCBzdW1tYXJ5OiAnQ2FuIHlvdSBzZW5kIG1lIHRoZSByZXBvcnQ/JywgbGlmZTogMTAwMDAgfSk7XG4gICAgICB0aGlzLnZpc2libGUgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdE9wY2lvbnNQYXltZW50cyhldmU6IEl3ZWVrRGF5c1JxKSB7XG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvblBheW1lbnRzID0gZXZlO1xuICAgIHRoaXMuaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cyA9IGZhbHNlO1xuXG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRPcHRpb25QYXltZW50cyAhPT0gbnVsbCkge1xuICAgICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydvcHRpb25zUGF5bWVudHMnXS5zZXRWYWx1ZSh0aGlzLnNlbGVjdGVkT3B0aW9uUGF5bWVudHMuY29kZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY29kU2VsZkZvcm1TdGVwRm91ci5jb250cm9sc1snb3B0aW9uc1BheW1lbnRzJ10uc2V0VmFsdWUobnVsbCk7XG4gICAgfVxuICB9XG5cbiAgc2VsZWN0SWRUeXBlKGlkVHlwZTogYW55KSB7XG4gICAgaWYgKGlkVHlwZSAhPT0gJ1RpcG8gZGUgZG9jdW1lbnRvJykge1xuICAgICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfaWRUeXBlJ10uc2V0VmFsdWUoaWRUeXBlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfaWRUeXBlJ10uc2V0VmFsdWUobnVsbCk7XG4gICAgfVxuICB9XG5cbiAgLy8gTcOpdG9kbyBwYXJhIGRldGVybWluYXIgbGEgdmlzdGEgYmFzYWRhIGVuIGVsIGPDs2RpZ28gZGUgbGEgb3BjacOzbiBkZSBwYWdvIHNlbGVjY2lvbmFkYVxuICBnZXRWaWV3QmFzZWRPblBheW1lbnRPcHRpb24oKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZE9wdGlvblBheW1lbnRzPy5jb2RlID09PSAxKSB7XG4gICAgICByZXR1cm4gJ2luJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWRPcHRpb25QYXltZW50cz8uY29kZSA9PT0gMykge1xuICAgICAgcmV0dXJuICd0cic7XG4gICAgfVxuICAgIHJldHVybiAnZGVmYXVsdCc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXItbWFpblwiPlxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZvcm1cIj5cbiAgICA8aDI+RGF0b3MgZGUgRmFjdHVyYWNpb248L2gyPlxuICAgIDxwLXRvYXN0IHBvc2l0aW9uPVwidG9wLWNlbnRlclwiIGtleT1cImNvbmZpcm1cIiAob25DbG9zZSk9XCJvblJlamVjdCgpXCIgW2Jhc2VaSW5kZXhdPVwiMTBcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtbWVzc2FnZSBwVGVtcGxhdGU9XCJtZXNzYWdlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLXN0YXJ0XCIgc3R5bGU9XCJmbGV4OiAxXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vcWEuaXB0ZGV2LmNvbS5jby9hc3NldHMvbG9nb3MvcmVhZGluZy5wbmdcIiBzdHlsZT1cIndpZHRoOiA2NXB4O1wiIHNoYXBlPVwiY2lyY2xlXCIgLz5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1ib2xkIHRleHQtOTAwXCI+SmFjb2I8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImZvbnQtbWVkaXVtIHRleHQtbGcgbXktMyB0ZXh0LTkwMFwiPnt7IG1lc3NhZ2VJbmZvIH19PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3AtdG9hc3Q+XG4gICAgPGkgY2xhc3M9XCJwaSBwaS1leGNsYW1hdGlvbi1jaXJjbGUgY3Vyc29yLXBvaW50ZXIgdy1hdXRvIG1iLTRcIiAoY2xpY2spPVwic2hvd0NvbmZpcm0oKVwiIHBUb29sdGlwPVwiTWFzIGluZm8uXCIgdG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tXCI+PC9pPlxuICAgIDxmb3JtIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFtmb3JtR3JvdXBdPVwiY29kU2VsZkZvcm1TdGVwRm91clwiIGNsYXNzPVwiZ3JpZCBtdC0yIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX19ib2R5X19zZWxlY3QgZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGZsZXgtd3JhcFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX190eXBlX19wYXltZW50c1wiICpuZ0lmPVwiaXNTZWxlY3Rpb25PcHRpb25QYXltZW50c1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGdhcC0zXCI+XG4gICAgICAgICAgICA8aDM+wr9Db21vIHF1aWVyZXMgcGFnYXI/PC9oMz5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIE9wdGlvblBheW1lbnRzOyBpbmRleCBhcyBpbmRcIiBjbGFzcz1cImZpZWxkLWNoZWNrYm94XCI+XG4gICAgICAgICAgICAgIDxwLXJhZGlvQnV0dG9uXG4gICAgICAgICAgICAgICAgW2lucHV0SWRdPVwiY2F0ZWdvcnkua2V5XCJcbiAgICAgICAgICAgICAgICBuYW1lPVwiY2F0ZWdvcnlcIlxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJjYXRlZ29yeVwiXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZE9wdGlvblBheW1lbnRzXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZXdlZWtkYXlzW2luZF1cIlxuICAgICAgICAgICAgICAgIFtuZ01vZGVsT3B0aW9uc109XCJ7IHN0YW5kYWxvbmU6IHRydWUgfVwiXG4gICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwic2VsZWN0T3BjaW9uc1BheW1lbnRzKCRldmVudClcIlxuICAgICAgICAgICAgICA+PC9wLXJhZGlvQnV0dG9uPlxuICAgICAgICAgICAgICA8bGFiZWwgW2Zvcl09XCJjYXRlZ29yeS5rZXlcIiBjbGFzcz1cIm1sLTJcIj5cbiAgICAgICAgICAgICAgICB7eyBjYXRlZ29yeS5uYW1lIH19XG4gICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9fb3BzdGlvbl9faW5zdGFsYXRpb25zXCIgKm5nSWY9XCIhaXNTZWxlY3Rpb25PcHRpb25QYXltZW50c1wiPlxuICAgICAgICAgIDwhLS0gVmlzdGEgcGFyYSBsYSBvcGNpw7NuIGRlIHBhZ28gXCJJbnN0YWxhY2lvbmVzXCIgLS0+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cImdldFZpZXdCYXNlZE9uUGF5bWVudE9wdGlvbigpID09PSAnaW4nXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX19pbmZvIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIiAqbmdJZj1cImlzRWRpdEJpbGxpbmdEYXRhXCI+XG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICBwQnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgbGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tcm91bmRlZCB3LTJcIlxuICAgICAgICAgICAgICAgIGljb249XCJwaSBwaS1yZWNlaXB0XCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPHN0cm9uZz5uYW1lPC9zdHJvbmc+XG4gICAgICAgICAgICAgIDxzcGFuPmNjIGRvY3VtZW50PC9zcGFuPlxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgcEJ1dHRvblxuICAgICAgICAgICAgICAgIGxhYmVsPVwiTW9kaWZpY2FyIERhdG9zXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZWRpdEJpbGxpbmdEYXRhKClcIlxuICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXNFZGl0QmlsbGluZ0RhdGFcIj5cbiAgICAgICAgICAgICAgPGgzPkNvbXBsZXRhIGxvcyBudWV2b3MgZGF0b3MgcGFyYSBsYSBlbWlzaW9uIGRlIHR1IGZhY3R1cmE8L2gzPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBnYXAtMSBtZDpnYXAtNCB4bDpnYXAtOCBtLTEgcC0yIGJvcmRlci1yb3VuZCBiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9pY29uIGZsZXggbXItNCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLXN0YXJ0IG10LTFcIj5cbiAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwicGkgcGktaW5mby1jaXJjbGUgY3Vyc29yLXBvaW50ZXIgdy1hdXRvIG1iLTRcIiBwVG9vbHRpcD1cIk1hcyBpbmZvLlwiIHRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiPjwvaT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBjb250YWluZXJfaW5mb19zcGFuIGZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuPlNpIHByb3BvcmNpb25hcyBkYXRvcyBkZSB1biB0ZXJjZXJvLCBjb25maXJtYXMgcXVlIGxvcyBkYXRvcyBzb24gY29ycmVjdG9zIHkgcXVlIHRpZW5lcyBzdSBjb25zZW50aW1pZW50byBwYXJhIGVsIHVzbyBkZSBsYSBpbmZvcm1hY2lvbi4gRXN0b3MgZGF0b3Mgc2UgdHJhdGFyYW4gZGUgYWN1ZXJkbyBhIG51ZXN0cmEgPGEgaHJlZj1cIlwiPkRlY2xhcmFjaW9uIGRlIFByaXZhY2lkYWQ8L2E+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8aXB0LWlucHV0XG4gICAgICAgICAgICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgICAgICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ05vbWJyZXMnXCJcbiAgICAgICAgICAgICAgICAgIFtjb250cm9sXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19uYW1lJ11cIlxuICAgICAgICAgICAgICAgID48L2lwdC1pbnB1dD5cbiAgICAgICAgICAgICAgICA8aXB0LWlucHV0XG4gICAgICAgICAgICAgICAgICBbaW5wdXRUeXBlXT1cIid0ZXh0J1wiXG4gICAgICAgICAgICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ0FwZWxsaWRvJ1wiXG4gICAgICAgICAgICAgICAgICBbY29udHJvbF09XCJjb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfQXBlbGxpZG8nXVwiXG4gICAgICAgICAgICAgICAgPjwvaXB0LWlucHV0PlxuICAgICAgICAgICAgICAgIDxpcHQtc2VsZWN0XG4gICAgICAgICAgICAgICAgICBbaW5pdGlhbFZhbHVlXT1cImNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19pZFR5cGUnXS52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICBbY29udHJvbF09XCJjb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfaWRUeXBlJ11cIlxuICAgICAgICAgICAgICAgICAgW3NlbGVjdENvZGVdPVwiY29kU2VsZkZvcm1TdGVwRm91ci5jb250cm9sc1snaW52b2ljaW5nX2lkVHlwZSddLnZhbHVlID09PSBudWxsID8gJ1RpcG8gZGUgZG9jdW1lbnRvJyA6IGNvZFNlbGZGb3JtU3RlcEZvdXIuY29udHJvbHNbJ2ludm9pY2luZ19pZFR5cGUnXS52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICBbaXNSZXF1aXJlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgIFtkYXRhXT1cImlkVHlwZXNcIlxuICAgICAgICAgICAgICAgICAgKGV2ZW50U2VsZWN0KT1cInNlbGVjdElkVHlwZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgIFtkZWZhdWx0VGV4dF09XCInVGlwbyBkZSBkb2N1bWVudG8nXCJcbiAgICAgICAgICAgICAgICA+PC9pcHQtc2VsZWN0PlxuICAgICAgICAgICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgICAgICAgICAgIFtpbnB1dFR5cGVdPVwiJ3RleHQnXCJcbiAgICAgICAgICAgICAgICAgIFtwbGFjZUhvbGRlcl09XCInRG9jdW1lbnRvJ1wiXG4gICAgICAgICAgICAgICAgICBbY29udHJvbF09XCJjb2RTZWxmRm9ybVN0ZXBGb3VyLmNvbnRyb2xzWydpbnZvaWNpbmdfZG9jdW1lbnQnXVwiXG4gICAgICAgICAgICAgICAgPjwvaXB0LWlucHV0PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIHBCdXR0b25cbiAgICAgICAgICAgICAgICBsYWJlbD1cIkNvbnRpbnVhclwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInVwZGF0ZURhdG9zQmlsbGluZ0RhdGEoKVwiXG4gICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgPCEtLSBWaXN0YSBwYXJhIGxhIG9wY2nDs24gZGUgcGFnbyBcIlRyYW5zZmVyZW5jaWFcIiAtLT5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZ2V0Vmlld0Jhc2VkT25QYXltZW50T3B0aW9uKCkgPT09ICd0cidcIj5cbiAgICAgICAgICAgIDxoMz5Db21wbGV0YSBsb3MgZGF0b3MgcGFyYSBUcmFuc2ZlcmVuY2lhPC9oMz5cbiAgICAgICAgICAgIDwhLS0gQXF1w60gcHVlZGVzIGFncmVnYXIgZWwgZm9ybXVsYXJpbyBlc3BlY8OtZmljbyBwYXJhIFRyYW5zZmVyZW5jaWEgLS0+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9mb3JtPlxuXG4gICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbXQtMyBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTNcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgcEJ1dHRvblxuICAgICAgICBpY29uPVwicGkgcGktYXJyb3ctbGVmdFwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiYmFjaygpXCJcbiAgICAgID48L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCIhaXNTZWxlY3Rpb25PcHRpb25QYXltZW50cyAmJiBpc0VkaXRCaWxsaW5nRGF0YSAmJiBjb2RTZWxmRm9ybVN0ZXBGb3VyLnZhbGlkXCJcbiAgICAgICAgcEJ1dHRvblxuICAgICAgICBsYWJlbD1cIkd1YXJkYXJcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cInNlbmRGb3JtKClcIlxuICAgICAgPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2PlxuICA8cHJlPnt7IGNvZFNlbGZGb3JtU3RlcEZvdXIudmFsdWUgfCBqc29uIH19PC9wcmU+XG4gIDxkaXY+XG4gICAgPHByZT57eyBjb2RTZWxmRm9ybVN0ZXBGb3VyLnZhbGlkIHwganNvbiB9fTwvcHJlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2015/iptdevs-design-system.mjs

@@ -7476,10 +7476,8 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         this.visible = false;
         this.messageAlertPlacementTest = false;
         this.OptionPayments = [
-            { code: 1, key: 'si', name: 'Instalaciones' },
-            // {code: 2, key: 'pa',  name: 'Pago en Linea'},
-            // {code: 3, key: 'ps',  name: 'Transferencia'},
-            // {code: 4, key: 'ef',  name: 'Efecty'},
+            { code: 1, key: 'in', name: 'Instalaciones' },
+            { code: 3, key: 'tr', name: 'Transferencia' },
         ];
         this.disableweekdays = [];
         this.isSelectionOptionPayments = true;
@@ -7499,36 +7497,40 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         });
     }
     back() {
-        var _a;
-        // Movernos al paso anterior
-        if (!this.isSelectionOptionPayments) {
-            this.isSelectionOptionPayments = true;
-            console.log('back entre en el if');
-        }
-        else if (!this.isSelectionOptionPayments && ((_a = this.selectedOptionPayments) === null || _a === void 0 ? void 0 : _a.code) == 1) {
+        if (!this.isSelectionOptionPayments && !this.isEditBillingData) {
+            // Volver a la edición de datos de facturación
             this.isEditBillingData = true;
-            console.log('back entre en el else if');
+        }
+        else if (!this.isSelectionOptionPayments && this.isEditBillingData) {
+            // Volver a la selección de opciones de pago
+            this.isSelectionOptionPayments = true;
         }
         else {
+            // Volver al paso anterior
             this.completed.emit(2);
-            console.log('back entre en el else');
         }
     }
     next() {
-        var _a;
         if (this.isSelectionOptionPayments) {
+            // Avanzar a la edición de datos de facturación
             this.isSelectionOptionPayments = false;
-            console.log('next entre en el if');
         }
-        else if (this.isSelectionOptionPayments && ((_a = this.selectedOptionPayments) === null || _a === void 0 ? void 0 : _a.code) == 1) {
-            this.isEditBillingData = false;
-            console.log('next entre en el else if');
+        else if (!this.isEditBillingData) {
+            // Finalizar la edición de datos de facturación
+            this.isEditBillingData = true;
         }
         else {
-            // this.completed.emit(2);
-            console.log('next se deberia mover');
+            // Completar el formulario y proceder
+            this.sendForm();
         }
-        console.log(this.selectedOptionPayments);
+    }
+    editBillingData() {
+        // Activar la edición de datos de facturación
+        this.isEditBillingData = false;
+    }
+    updateDatosBillingData() {
+        // Guardar datos de facturación y regresar a la vista de resumen
+        this.isEditBillingData = true;
     }
     getParamenters() {
         this.parameterService.getCardTypes('col').subscribe((response) => {
@@ -7536,11 +7538,10 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         });
     }
     sendForm() {
-        // this.codSelfFormStepTwo.markAllAsTouched();
-        // if (this.codSelfFormStepTwo.invalid) return;
+        // Aquí va la lógica para enviar el formulario
         console.log('Ejecuta endpoint');
-        // Movernos al paso 3
-        // this.completed.emit(4);
+        // Movernos al siguiente paso
+        this.completed.emit(4);
     }
     onReject() {
         this.messageService.clear('confirm');
@@ -7562,14 +7563,6 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
             this.codSelfFormStepFour.controls['optionsPayments'].setValue(null);
         }
     }
-    editBillingData() {
-        this.isEditBillingData = false;
-        console.log('le di click en modificar datos');
-    }
-    updateDatosBillingData() {
-        this.isEditBillingData = true;
-        console.log('le di click en continuar');
-    }
     selectIdType(idType) {
         if (idType !== 'Tipo de documento') {
             this.codSelfFormStepFour.controls['invoicing_idType'].setValue(idType);
@@ -7578,12 +7571,23 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
             this.codSelfFormStepFour.controls['invoicing_idType'].setValue(null);
         }
     }
+    // Método para determinar la vista basada en el código de la opción de pago seleccionada
+    getViewBasedOnPaymentOption() {
+        var _a, _b;
+        if (((_a = this.selectedOptionPayments) === null || _a === void 0 ? void 0 : _a.code) === 1) {
+            return 'in';
+        }
+        else if (((_b = this.selectedOptionPayments) === null || _b === void 0 ? void 0 : _b.code) === 3) {
+            return 'tr';
+        }
+        return 'default';
+    }
 }
 CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFcomo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                  ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n              </label>\n            </div>\n\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n          <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n            <button\n              pButton\n              type=\"button\"\n              label=\"\"\n              class=\"p-button-outlined p-button-rounded w-2\"\n              icon=\"pi pi-receipt\"\n              [disabled]=\"true\">\n            </button>\n            <strong>name</strong>\n            <span>cc document</span>\n            <button\n              pButton\n              label=\"Modificar Datos\"\n              type=\"submit\"\n              (click)=\"editBillingData()\"\n            ></button>\n          </div>\n          <div *ngIf=\"!isEditBillingData\">\n            <h3>Completa los nuevos datos para la emision de tu factura</h3>\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n              </div>\n            </div>\n            <div>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Nombres'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n              ></ipt-input>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Apellido'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n              ></ipt-input>\n              <ipt-select\n              [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n              [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType($event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Documento'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n              ></ipt-input>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 2 && !isSelectionOptionPayments\">\n          <span>llegue aqui 2</span>\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 3 && !isSelectionOptionPayments\">\n          <span>llegue aqui 3</span>\n        </div>\n      </div>\n    </form>\n\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button *ngIf=\"!codSelfFormStepFour.valid && isEditBillingData\"\n        [disabled]=\"selectedOptionPayments == null\"\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        (click)=\"next()\"\n      ></button>\n      <button *ngIf=\"selectedOptionPayments && !codSelfFormStepFour.valid && !isEditBillingData\"\n        pButton\n        label=\"Continuar\"\n        type=\"submit\"\n        (click)=\"updateDatosBillingData()\">\n      </button>\n\n      <button *ngIf=\"codSelfFormStepFour.valid && !isSelectionOptionPayments\"\n        pButton\n        label=\"Guardar\"\n        type=\"submit\"\n        (click)=\"sendForm()\"\n      ></button>\n\n      <!-- <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button> -->\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>name</strong>\n              <span>cc document</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <button\n                pButton\n                label=\"Continuar\"\n                type=\"button\"\n                (click)=\"updateDatosBillingData()\"\n              ></button>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFcomo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                  ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n              </label>\n            </div>\n\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n          <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n            <button\n              pButton\n              type=\"button\"\n              label=\"\"\n              class=\"p-button-outlined p-button-rounded w-2\"\n              icon=\"pi pi-receipt\"\n              [disabled]=\"true\">\n            </button>\n            <strong>name</strong>\n            <span>cc document</span>\n            <button\n              pButton\n              label=\"Modificar Datos\"\n              type=\"submit\"\n              (click)=\"editBillingData()\"\n            ></button>\n          </div>\n          <div *ngIf=\"!isEditBillingData\">\n            <h3>Completa los nuevos datos para la emision de tu factura</h3>\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n              </div>\n            </div>\n            <div>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Nombres'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n              ></ipt-input>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Apellido'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n              ></ipt-input>\n              <ipt-select\n              [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n              [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType($event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n              <ipt-input\n                [inputType]=\"'text'\"\n                [placeHolder]=\"'Documento'\"\n                [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n              ></ipt-input>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 2 && !isSelectionOptionPayments\">\n          <span>llegue aqui 2</span>\n        </div>\n        <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 3 && !isSelectionOptionPayments\">\n          <span>llegue aqui 3</span>\n        </div>\n      </div>\n    </form>\n\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button *ngIf=\"!codSelfFormStepFour.valid && isEditBillingData\"\n        [disabled]=\"selectedOptionPayments == null\"\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        (click)=\"next()\"\n      ></button>\n      <button *ngIf=\"selectedOptionPayments && !codSelfFormStepFour.valid && !isEditBillingData\"\n        pButton\n        label=\"Continuar\"\n        type=\"submit\"\n        (click)=\"updateDatosBillingData()\">\n      </button>\n\n      <button *ngIf=\"codSelfFormStepFour.valid && !isSelectionOptionPayments\"\n        pButton\n        label=\"Guardar\"\n        type=\"submit\"\n        (click)=\"sendForm()\"\n      ></button>\n\n      <!-- <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button> -->\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
+            args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos de Facturacion</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n        <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n          <div class=\"flex align-items-center gap-2\">\n            <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n            <span class=\"font-bold text-900\">Jacob</span>\n          </div>\n          <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n        </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n        <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n          <div class=\"flex flex-column gap-3\">\n            <h3>\u00BFComo quieres pagar?</h3>\n            <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n              <p-radioButton\n                [inputId]=\"category.key\"\n                name=\"category\"\n                [value]=\"category\"\n                [(ngModel)]=\"selectedOptionPayments\"\n                [disabled]=\"disableweekdays[ind]\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                (ngModelChange)=\"selectOpcionsPayments($event)\"\n              ></p-radioButton>\n              <label [for]=\"category.key\" class=\"ml-2\">\n                {{ category.name }}\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"container__opstion__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n          <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n            <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n              <button\n                pButton\n                type=\"button\"\n                label=\"\"\n                class=\"p-button-outlined p-button-rounded w-2\"\n                icon=\"pi pi-receipt\"\n                [disabled]=\"true\">\n              </button>\n              <strong>name</strong>\n              <span>cc document</span>\n              <button\n                pButton\n                label=\"Modificar Datos\"\n                type=\"button\"\n                (click)=\"editBillingData()\"\n              ></button>\n            </div>\n            <div *ngIf=\"!isEditBillingData\">\n              <h3>Completa los nuevos datos para la emision de tu factura</h3>\n              <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                  <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n                </div>\n                <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                  <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n                </div>\n              </div>\n              <div>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellido'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                  [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType($event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n                ></ipt-input>\n              </div>\n              <button\n                pButton\n                label=\"Continuar\"\n                type=\"button\"\n                (click)=\"updateDatosBillingData()\"\n              ></button>\n            </div>\n          </div>\n\n          <!-- Vista para la opci\u00F3n de pago \"Transferencia\" -->\n          <div *ngIf=\"getViewBasedOnPaymentOption() === 'tr'\">\n            <h3>Completa los datos para Transferencia</h3>\n            <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Transferencia -->\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"button\"\n        (click)=\"back()\"\n      ></button>\n      <button\n        *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\"\n        pButton\n        label=\"Guardar\"\n        type=\"button\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepFour.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: ParameterService }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });