tickera-angular-components 0.0.1-dev.149 → 0.0.1-dev.150

package/fesm2022/tickera-angular-components.mjs

@@ -9661,6 +9661,7 @@ class VipRechargeModalComponent {
         this.fb = fb;
         this.transloco = transloco;
         this.rechargeForm = this.fb.group({
+            payment_method: ['', [Validators.required]],
             amount: ['', [Validators.required, Validators.min(this.minAmount)]],
         });
         this.paymentMethodOptions = [
@@ -9691,7 +9692,10 @@ class VipRechargeModalComponent {
     onSubmit() {
         if (this.rechargeForm.invalid)
             return;
-        this.confirm.emit({ amount: Number(this.rechargeForm.value.amount) });
+        this.confirm.emit({
+            payment_method: this.rechargeForm.value.payment_method,
+            amount: Number(this.rechargeForm.value.amount),
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipRechargeModalComponent, deps: [{ token: i1$2.FormBuilder }, { token: i2.TranslocoService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VipRechargeModalComponent, isStandalone: true, selector: "vip-recharge-modal", inputs: { title: "title", submitLabel: "submitLabel", loading: "loading", minAmount: "minAmount", isOpen: "isOpen" }, outputs: { closeModal: "closeModal", confirm: "confirm" }, ngImport: i0, template: "<app-modal [isOpen]=\"isOpen\" [title]=\"title\" size=\"md\" (closeModal)=\"onClose()\">\n  <form [formGroup]=\"rechargeForm\" (ngSubmit)=\"onSubmit()\">\n    <div class=\"vip-recharge-modal\">\n      <async-select\n        label=\"M\u00E9todo de pago\"\n        placeholder=\"Selecciona un m\u00E9todo de pago\"\n        name=\"payment_method\"\n        class=\"flex-1\"\n        [required]=\"true\"\n        [items]=\"paymentMethodOptions\"\n        formControlName=\"payment_method\"\n      />\n\n      <div>\n        <form-input\n          formControlName=\"amount\"\n          label=\"Monto\"\n          type=\"number\"\n          [min]=\"minAmount\"\n          [step]=\"1000\"\n          [required]=\"true\"\n          placeholder=\"Ingresa el monto a recargar\"\n        />\n\n        <p class=\"vip-recharge-modal-hint\">\n          Monto m\u00EDnimo: {{ minAmount | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"vip-recharge-modal-actions\">\n      <app-button\n        type=\"button\"\n        variant=\"tertiary\"\n        text=\"Cancelar\"\n        size=\"sm\"\n        (clicked)=\"onClose()\"\n      />\n\n      <app-button\n        type=\"submit\"\n        size=\"sm\"\n        variant=\"primary\"\n        [text]=\"submitLabel\"\n        [loading]=\"loading\"\n        [disabled]=\"rechargeForm.invalid\"\n      />\n    </div>\n  </form>\n</app-modal>\n", styles: [".vip-recharge-modal{display:flex;flex-flow:column;gap:1rem;width:100%}.vip-recharge-modal-hint{display:inline-flex;margin-top:1rem;font-size:12px;color:#6b7280}.vip-recharge-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: AppModalComponent, selector: "app-modal", inputs: ["title", "disableClose", "showHeader", "showCloseButton", "showTitle", "interactiveClose", "isOpen", "size"], outputs: ["closeModal"] }, { kind: "component", type: FormInputComponent, selector: "form-input", inputs: ["label", "type", "name", "id", "placeholder", "required", "readonly", "maxlength", "minlength", "max", "min", "step", "pattern", "fieldGroupClass", "autocomplete"] }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon", "tooltip"], outputs: ["clicked"] }, { kind: "component", type: AsyncSelectComponent, selector: "async-select", inputs: ["config", "items", "parentId", "label", "placeholder", "name", "required", "multiple", "clearable", "searchable", "loading", "virtualScroll", "notFoundText", "bindLabel", "bindValue", "disabled"] }, { kind: "pipe", type: i1$1.CurrencyPipe, name: "currency" }], encapsulation: i0.ViewEncapsulation.None });