vk-payments 0.2.29 → 0.2.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { Injectable, ɵɵdefineInjectable, ɵɵinject, EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
2
2
  import { CommonModule } from '@angular/common';
3
- import { FormsModule, ReactiveFormsModule, FormGroup, FormControl, Validators } from '@angular/forms';
3
+ import { FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
4
4
  import { Router, RouterModule } from '@angular/router';
5
5
  import { __values, __awaiter, __generator } from 'tslib';
6
6
  import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
@@ -3773,26 +3773,54 @@ if (false) {
3773
3773
  var BankTransferComponent = /** @class */ (function () {
3774
3774
  function BankTransferComponent(bankTransferApi) {
3775
3775
  this.bankTransferApi = bankTransferApi;
3776
+ this.discountRate = 0.10; // Tasa de descuento (10% por defecto)
3777
+ // Descuento explícito desde el carrito
3776
3778
  this.statusPay = new EventEmitter();
3777
3779
  this.isLoading = false;
3778
3780
  this.errorMessage = '';
3781
+ this.submittedSuccessfully = false;
3782
+ this.amountCopied = false;
3783
+ // CUIT no se pide al usuario por ahora — se envía valor genérico
3779
3784
  this.paymentForm = new FormGroup({
3780
- cuit: new FormControl('', [
3781
- Validators.required,
3782
- Validators.minLength(11),
3783
- Validators.maxLength(11),
3784
- Validators.pattern('^[0-9]*$')
3785
- ]),
3785
+ cuit: new FormControl('00000000000')
3786
3786
  });
3787
3787
  }
3788
+ Object.defineProperty(BankTransferComponent.prototype, "subtotalAmount", {
3789
+ // Calculados a partir de `amount` (que ya tiene el descuento aplicado)
3790
+ get:
3791
+ // Calculados a partir de `amount` (que ya tiene el descuento aplicado)
3792
+ /**
3793
+ * @return {?}
3794
+ */
3795
+ function () {
3796
+ if (this.discountAmountValue !== undefined && this.discountAmountValue !== null) {
3797
+ return this.amount + this.discountAmountValue;
3798
+ }
3799
+ return this.amount ? Math.round(this.amount / (1 - this.discountRate)) : 0;
3800
+ },
3801
+ enumerable: true,
3802
+ configurable: true
3803
+ });
3804
+ Object.defineProperty(BankTransferComponent.prototype, "discountAmount", {
3805
+ get: /**
3806
+ * @return {?}
3807
+ */
3808
+ function () {
3809
+ if (this.discountAmountValue !== undefined && this.discountAmountValue !== null) {
3810
+ return this.discountAmountValue;
3811
+ }
3812
+ return this.subtotalAmount - (this.amount || 0);
3813
+ },
3814
+ enumerable: true,
3815
+ configurable: true
3816
+ });
3788
3817
  /**
3789
3818
  * @return {?}
3790
3819
  */
3791
3820
  BankTransferComponent.prototype.ngOnInit = /**
3792
3821
  * @return {?}
3793
3822
  */
3794
- function () {
3795
- };
3823
+ function () { };
3796
3824
  /**
3797
3825
  * @param {?} text
3798
3826
  * @return {?}
@@ -3806,7 +3834,6 @@ var BankTransferComponent = /** @class */ (function () {
3806
3834
  * @return {?}
3807
3835
  */
3808
3836
  function () {
3809
- // fallback para browsers sin clipboard API
3810
3837
  /** @type {?} */
3811
3838
  var el = document.createElement('textarea');
3812
3839
  el.value = text;
@@ -3816,6 +3843,23 @@ var BankTransferComponent = /** @class */ (function () {
3816
3843
  document.body.removeChild(el);
3817
3844
  }));
3818
3845
  };
3846
+ /**
3847
+ * @return {?}
3848
+ */
3849
+ BankTransferComponent.prototype.copyAmount = /**
3850
+ * @return {?}
3851
+ */
3852
+ function () {
3853
+ var _this = this;
3854
+ /** @type {?} */
3855
+ var amountStr = this.amount ? this.amount.toFixed(2) : '0';
3856
+ this.copyToClipboard(amountStr);
3857
+ this.amountCopied = true;
3858
+ setTimeout((/**
3859
+ * @return {?}
3860
+ */
3861
+ function () { return _this.amountCopied = false; }), 2000);
3862
+ };
3819
3863
  /**
3820
3864
  * @return {?}
3821
3865
  */
@@ -3824,19 +3868,14 @@ var BankTransferComponent = /** @class */ (function () {
3824
3868
  */
3825
3869
  function () {
3826
3870
  var _this = this;
3827
- if (this.paymentForm.invalid) {
3828
- this.paymentForm.markAllAsTouched();
3871
+ if (this.submittedSuccessfully || this.isLoading)
3829
3872
  return;
3830
- }
3831
3873
  this.isLoading = true;
3832
3874
  this.errorMessage = '';
3833
3875
  /** @type {?} */
3834
- var cuitControl = this.paymentForm.get('cuit');
3835
- /** @type {?} */
3836
- var cuitValue = cuitControl ? cuitControl.value : '';
3837
- /** @type {?} */
3838
3876
  var request = {
3839
- cuit: cuitValue.toString(),
3877
+ cuit: '00000000000',
3878
+ // Valor genérico mientras no se pide al usuario
3840
3879
  checkoutId: this.checkoutId,
3841
3880
  checkoutAdditionalData: this.checkoutAdditionalData,
3842
3881
  storeName: this.storeName || 'Tienda VK',
@@ -3849,7 +3888,7 @@ var BankTransferComponent = /** @class */ (function () {
3849
3888
  function (response) {
3850
3889
  _this.isLoading = false;
3851
3890
  if (response && response.success) {
3852
- // Exito!
3891
+ _this.submittedSuccessfully = true;
3853
3892
  _this.statusPay.emit({
3854
3893
  success: true,
3855
3894
  paymentId: (response.data && response.data.bankTransferEcommId) ? response.data.bankTransferEcommId : '',
@@ -3857,8 +3896,9 @@ var BankTransferComponent = /** @class */ (function () {
3857
3896
  });
3858
3897
  }
3859
3898
  else {
3860
- // El API respondió HTTP 200 pero success: false
3861
- _this.errorMessage = (response.errorsMessages && response.errorsMessages.length > 0) ? response.errorsMessages[0] : 'Ocurrió un error al registrar la transferencia.';
3899
+ _this.errorMessage = (response.errorsMessages && response.errorsMessages.length > 0)
3900
+ ? response.errorsMessages[0]
3901
+ : 'Ocurrió un error al registrar la transferencia.';
3862
3902
  _this.statusPay.emit({
3863
3903
  success: false,
3864
3904
  paymentId: '',
@@ -3870,9 +3910,10 @@ var BankTransferComponent = /** @class */ (function () {
3870
3910
  * @return {?}
3871
3911
  */
3872
3912
  function (error) {
3873
- // Error HTTP (500, 400, etc)
3874
3913
  _this.isLoading = false;
3875
- _this.errorMessage = (error && error.error && error.error.errorsMessages && error.error.errorsMessages.length > 0) ? error.error.errorsMessages[0] : 'Ocurrió un error de conexión al registrar la transferencia.';
3914
+ _this.errorMessage = (error && error.error && error.error.errorsMessages && error.error.errorsMessages.length > 0)
3915
+ ? error.error.errorsMessages[0]
3916
+ : 'Ocurrió un error de conexión al registrar la transferencia.';
3876
3917
  _this.statusPay.emit({
3877
3918
  success: false,
3878
3919
  paymentId: '',
@@ -3882,10 +3923,7 @@ var BankTransferComponent = /** @class */ (function () {
3882
3923
  }));
3883
3924
  };
3884
3925
  Object.defineProperty(BankTransferComponent.prototype, "cuitControl", {
3885
- // Helper para validación visual en el template
3886
- get:
3887
- // Helper para validación visual en el template
3888
- /**
3926
+ get: /**
3889
3927
  * @return {?}
3890
3928
  */
3891
3929
  function () {
@@ -3897,8 +3935,8 @@ var BankTransferComponent = /** @class */ (function () {
3897
3935
  BankTransferComponent.decorators = [
3898
3936
  { type: Component, args: [{
3899
3937
  selector: 'vk-bank-transfer',
3900
- template: "<form\n [formGroup]=\"paymentForm\"\n (ngSubmit)=\"onSubmit()\"\n class=\"bt-payment\"\n id=\"formularioBT\"\n autocomplete=\"off\"\n>\n\n \n\n <div class=\"bank-info-box\">\n <div class=\"bank-info-header\">\n <i class=\"material-icons\">account_balance</i>\n <span>Datos para la transferencia</span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">tag</i>N\u00FAmero de cuenta</span>\n <span class=\"bank-info-value\">2-311972/1</span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">qr_code</i>CBU</span>\n <span class=\"bank-info-value bank-info-copy\">\n <span class=\"bank-info-copy-text\">4150002012003119720013</span>\n <button class=\"copy-btn\" type=\"button\" title=\"Copiar CBU\" (click)=\"copyToClipboard('4150002012003119720013')\">\n <i class=\"material-icons\">content_copy</i>\n </button>\n </span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">alternate_email</i>Alias</span>\n <span class=\"bank-info-value bank-info-copy\">\n <span class=\"bank-info-copy-text\">reba.vitnik</span>\n <button class=\"copy-btn\" type=\"button\" title=\"Copiar alias\" (click)=\"copyToClipboard('reba.vitnik')\">\n <i class=\"material-icons\">content_copy</i>\n </button>\n </span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">badge</i>CUIT/CUIL</span>\n <span class=\"bank-info-value\">30708777893</span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">attach_money</i>Moneda</span>\n <span class=\"bank-info-value\">Peso Argentino</span>\n </div>\n </div>\n\n <div class=\"summary-box\">\n <div class=\"summary-row total\">\n <span>Total a transferir:</span>\n <span class=\"amount\">${{ amount | number:'1.2-2' }}</span>\n </div>\n <small>* El 10% de descuento extra ya se encuentra aplicado a este total.</small>\n </div>\n\n <div class=\"formRow\">\n <p class=\"description\">\n Complet\u00E1 tu CUIT/CUIL para registrar el pago por transferencia. \n Una vez confirmado, tu pedido quedar\u00E1 sujeto a la aprobaci\u00F3n del pago.\n </p>\n </div>\n\n <div class=\"formRow\">\n <label for=\"cuit\">CUIT / CUIL del titular de la cuenta origen *</label>\n <span>\n <input\n id=\"cuit\"\n type=\"text\"\n formControlName=\"cuit\"\n name=\"cuit\"\n required\n maxlength=\"11\"\n placeholder=\"Ej: 20112223334 (Sin guiones)\"\n [ngClass]=\"{'is-invalid': cuitControl?.invalid && (cuitControl?.dirty || cuitControl?.touched)}\"\n />\n </span>\n \n <p\n class=\"alert-text\"\n *ngIf=\"cuitControl?.invalid && (cuitControl?.dirty || cuitControl?.touched)\"\n >\n <span *ngIf=\"cuitControl?.errors?.required\">El CUIT/CUIL es obligatorio.</span>\n <span *ngIf=\"cuitControl?.errors?.pattern\">Debe contener solo n\u00FAmeros.</span>\n <span *ngIf=\"cuitControl?.errors?.minlength || cuitControl?.errors?.maxlength\">Debe tener exactamente 11 d\u00EDgitos.</span>\n </p>\n </div>\n\n \n <!-- Loading State -->\n <div *ngIf=\"isLoading\" class=\"pay-message info\">\n <i class=\"material-icons\">info</i>\n <p>Procesando informaci\u00F3n de transferencia...</p>\n </div>\n\n <!-- Error devuelto por la API -->\n <div class=\"pay-message error\" *ngIf=\"errorMessage && !isLoading\">\n <i class=\"material-icons\">error</i>\n <p>{{ errorMessage }}</p>\n </div>\n\n <div>\n <button type=\"submit\" [disabled]=\"paymentForm.invalid || isLoading\">\n Confirmar Transferencia\n </button>\n </div>\n\n</form>\n",
3901
- styles: [".bt-payment{background-color:transparent;font-family:inherit,sans-serif;padding:0 12px}.bt-payment p.description{font-size:16px;color:#888;margin-bottom:5px}.bt-payment .bank-info-box{border:1px solid #c8e0f0;border-radius:8px;overflow:hidden;margin-bottom:18px}.bt-payment .bank-info-box .bank-info-header{display:flex;align-items:center;gap:8px;background-color:#009ee3;color:#fff;padding:10px 14px;font-size:18px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.bt-payment .bank-info-box .bank-info-header i.material-icons{font-size:18px}.bt-payment .bank-info-box .bank-info-row{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:8px 14px;background-color:#fff;border-bottom:1px solid #eef3f7}.bt-payment .bank-info-box .bank-info-row:last-child{border-bottom:none}.bt-payment .bank-info-box .bank-info-label{display:flex;align-items:center;gap:6px;color:#777;flex-shrink:0;margin-right:8px}.bt-payment .bank-info-box .bank-info-label i.material-icons{font-size:15px;color:#009ee3}.bt-payment .bank-info-box .bank-info-value{font-weight:600;color:#1a1a1a;text-align:right}.bt-payment .bank-info-box .bank-info-value.bank-info-copy{display:flex;align-items:center;gap:4px}.bt-payment .bank-info-box .bank-info-value .bank-info-copy-text{font-family:\"Courier New\",monospace;font-size:18px;letter-spacing:.3px}.bt-payment .bank-info-box .copy-btn{background:0 0;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:#009ee3;display:flex;align-items:center;margin-top:0;width:auto;min-width:unset}.bt-payment .bank-info-box .copy-btn i.material-icons{font-size:16px}.bt-payment .bank-info-box .copy-btn:hover{background-color:#e8f4fb}.bt-payment .bank-info-box .copy-btn:disabled{background-color:transparent;cursor:default}.bt-payment .formRow{margin-top:10px}.bt-payment .formRow label{font-size:16px;color:#888}.bt-payment .formRow span{background-color:#fff;border:.5px solid #707070;border-radius:2px;padding:2px 10px;display:block;margin-top:4px}.bt-payment .formRow span input[type=text]{background:0 0;border:none;color:#000;font-size:16px;height:23px;width:100%;text-transform:uppercase;vertical-align:top;padding:0;margin:0}.bt-payment .formRow span input[type=text]:focus{outline:0}.bt-payment .alert-text{font-size:16px;color:#009ee3;margin-top:7px;margin-bottom:0}.bt-payment .summary-box{margin-top:20px;margin-bottom:20px;text-align:right}.bt-payment .summary-box .summary-row{display:flex;justify-content:flex-end;align-items:center;font-size:18px;color:#333}.bt-payment .summary-box .summary-row span.amount{font-weight:700;color:#000;margin-left:10px}.bt-payment .summary-box small{display:block;color:#888;font-size:16px;margin-top:5px}.bt-payment button{background-color:#009ee3;color:#fff;font-size:18px;text-align:center;padding:10px 0;width:100%;border:none;border-radius:20px;margin-top:20px;cursor:pointer}.bt-payment button:disabled{background-color:#525252;cursor:not-allowed}.bt-payment .pay-message{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.bt-payment .pay-message p{font-size:1.1rem;text-align:center;line-height:130%;margin-bottom:10px}.bt-payment .pay-message i.data{font-size:.9rem;text-align:center}.bt-payment .pay-message i.material-icons{font-size:2rem;margin-bottom:5px}.bt-payment .success{background-color:#dff2bf;color:#4f8a10}.bt-payment .error{color:#d8000c;background-color:#ffd2d2}.bt-payment .info{color:#00529b;background-color:#bde5f8}:focus{outline:0}"]
3938
+ template: "<form\n [formGroup]=\"paymentForm\"\n (ngSubmit)=\"onSubmit()\"\n class=\"bt-payment\"\n id=\"formularioBT\"\n autocomplete=\"off\"\n>\n\n <!-- Datos bancarios -->\n <div class=\"bank-info-box\">\n <div class=\"bank-info-header\">\n <i class=\"material-icons\">account_balance</i>\n <span>Datos para la transferencia</span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">tag</i>N\u00FAmero de cuenta</span>\n <span class=\"bank-info-value\">2-311972/1</span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">qr_code</i>CBU</span>\n <span class=\"bank-info-value bank-info-copy\">\n <span class=\"bank-info-copy-text\">4150002012003119720013</span>\n <button class=\"copy-btn\" type=\"button\" title=\"Copiar CBU\" (click)=\"copyToClipboard('4150002012003119720013')\">\n <i class=\"material-icons\">content_copy</i>\n </button>\n </span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">alternate_email</i>Alias</span>\n <span class=\"bank-info-value bank-info-copy\">\n <span class=\"bank-info-copy-text\">reba.vitnik</span>\n <button class=\"copy-btn\" type=\"button\" title=\"Copiar alias\" (click)=\"copyToClipboard('reba.vitnik')\">\n <i class=\"material-icons\">content_copy</i>\n </button>\n </span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">badge</i>CUIT/CUIL</span>\n <span class=\"bank-info-value\">30708777893</span>\n </div>\n <div class=\"bank-info-row\">\n <span class=\"bank-info-label\"><i class=\"material-icons\">attach_money</i>Moneda</span>\n <span class=\"bank-info-value\">Peso Argentino</span>\n </div>\n </div>\n\n <!-- Resumen con desglose del descuento -->\n <div class=\"summary-box\">\n <div class=\"summary-row\">\n <span class=\"summary-label\">Subtotal</span>\n <span class=\"summary-value\">${{ subtotalAmount | number:'1.2-2' }}</span>\n </div>\n <div class=\"summary-row discount\">\n <span class=\"summary-label\">\n <i class=\"material-icons\">local_offer</i>\n Descuento transferencia ({{ discountRate * 100 | number:'1.0-0' }}%)\n </span>\n <span class=\"summary-value discount-value\">-${{ discountAmount | number:'1.2-2' }}</span>\n </div>\n <div class=\"summary-row total\">\n <span class=\"summary-label\">Total a transferir</span>\n <span class=\"summary-value total-value\">\n ${{ amount | number:'1.2-2' }}\n <button\n class=\"copy-btn copy-amount-btn\"\n type=\"button\"\n [title]=\"amountCopied ? 'Copiado!' : 'Copiar monto'\"\n (click)=\"copyAmount()\"\n >\n <i class=\"material-icons\">{{ amountCopied ? 'check' : 'content_copy' }}</i>\n </button>\n </span>\n </div>\n </div>\n\n <!-- Leyenda de monto exacto -->\n <div class=\"exact-amount-notice\">\n <i class=\"material-icons notice-icon\">info</i>\n <p>\n <strong>\u00A1Ya casi es tuyo!</strong> Para que podamos procesar tu pedido sin demoras,\n asegurate de que el importe de la transferencia sea <strong>id\u00E9ntico</strong> al total indicado arriba.\n </p>\n </div>\n\n <!-- Error devuelto por la API -->\n <div class=\"pay-message error\" *ngIf=\"errorMessage && !isLoading\">\n <i class=\"material-icons\">error</i>\n <p>{{ errorMessage }}</p>\n </div>\n\n <!-- Loading -->\n <div *ngIf=\"isLoading\" class=\"pay-message info\">\n <i class=\"material-icons\">info</i>\n <p>Procesando informaci\u00F3n de transferencia...</p>\n </div>\n\n <!-- Bot\u00F3n confirmar (oculto tras \u00E9xito) -->\n <div *ngIf=\"!submittedSuccessfully\">\n <button type=\"submit\" [disabled]=\"paymentForm.invalid || isLoading\">\n Confirmar Transferencia\n </button>\n </div>\n\n</form>\n",
3939
+ styles: [".bt-payment{background-color:transparent;font-family:inherit,sans-serif;padding:0 12px}.bt-payment p.description{font-size:16px;color:#888;margin-bottom:5px}.bt-payment .bank-info-box{border:1px solid #c8e0f0;border-radius:8px;overflow:hidden;margin-bottom:18px}.bt-payment .bank-info-box .bank-info-header{display:flex;align-items:center;gap:8px;background-color:#009ee3;color:#fff;padding:10px 14px;font-size:18px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.bt-payment .bank-info-box .bank-info-header i.material-icons{font-size:18px}.bt-payment .bank-info-box .bank-info-row{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:8px 14px;background-color:#fff;border-bottom:1px solid #eef3f7}.bt-payment .bank-info-box .bank-info-row:last-child{border-bottom:none}.bt-payment .bank-info-box .bank-info-label{display:flex;align-items:center;gap:6px;color:#777;flex-shrink:0;margin-right:8px}.bt-payment .bank-info-box .bank-info-label i.material-icons{font-size:15px;color:#009ee3}.bt-payment .bank-info-box .bank-info-value{font-weight:600;color:#1a1a1a;text-align:right}.bt-payment .bank-info-box .bank-info-value.bank-info-copy{display:flex;align-items:center;gap:4px}.bt-payment .bank-info-box .bank-info-value .bank-info-copy-text{font-family:\"Courier New\",monospace;font-size:18px;letter-spacing:.3px}.bt-payment .bank-info-box .copy-btn{background:0 0;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:#009ee3;display:flex;align-items:center;margin-top:0;width:auto;min-width:unset}.bt-payment .bank-info-box .copy-btn i.material-icons{font-size:16px}.bt-payment .bank-info-box .copy-btn:hover{background-color:#e8f4fb}.bt-payment .bank-info-box .copy-btn:disabled{background-color:transparent;cursor:default}.bt-payment .summary-box{margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.bt-payment .summary-box .summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:16px;background-color:#fff;border-bottom:1px solid #f0f0f0}.bt-payment .summary-box .summary-row:last-child{border-bottom:none}.bt-payment .summary-box .summary-row .summary-label{display:flex;align-items:center;gap:6px;color:#555}.bt-payment .summary-box .summary-row .summary-label i.material-icons{font-size:14px}.bt-payment .summary-box .summary-row .summary-value{font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:6px}.bt-payment .summary-box .summary-row.discount{background-color:#f0fdf4}.bt-payment .summary-box .summary-row.discount .summary-label{color:#16a34a;font-weight:500}.bt-payment .summary-box .summary-row.discount .summary-label i.material-icons{color:#16a34a}.bt-payment .summary-box .summary-row.discount .discount-value{color:#16a34a;font-weight:700}.bt-payment .summary-box .summary-row.total{background-color:#f8f9fa;border-top:2px solid #009ee3}.bt-payment .summary-box .summary-row.total .summary-label{font-size:17px;font-weight:700;color:#1a1a1a}.bt-payment .summary-box .summary-row.total .total-value{font-size:20px;font-weight:800;color:#009ee3}.bt-payment .summary-box .copy-amount-btn{background:0 0;border:1px solid #009ee3;border-radius:6px;cursor:pointer;padding:2px 6px;color:#009ee3;display:flex;align-items:center;width:auto;min-width:unset;margin-top:0;transition:background-color .2s}.bt-payment .summary-box .copy-amount-btn i.material-icons{font-size:16px}.bt-payment .summary-box .copy-amount-btn:hover{background-color:#e8f4fb}.bt-payment .exact-amount-notice{display:flex;align-items:flex-start;gap:10px;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 14px;margin-bottom:20px}.bt-payment .exact-amount-notice .notice-icon{font-size:20px;color:#d97706;flex-shrink:0;margin-top:2px}.bt-payment .exact-amount-notice p{font-size:14px;color:#78350f;margin:0;line-height:1.5}.bt-payment .formRow{margin-top:10px;display:none}.bt-payment .formRow label{font-size:16px;color:#888}.bt-payment .formRow span{background-color:#fff;border:.5px solid #707070;border-radius:2px;padding:2px 10px;display:block;margin-top:4px}.bt-payment .formRow span input[type=text]{background:0 0;border:none;color:#000;font-size:16px;height:23px;width:100%;text-transform:uppercase;vertical-align:top;padding:0;margin:0}.bt-payment .formRow span input[type=text]:focus{outline:0}.bt-payment .alert-text{font-size:16px;color:#009ee3;margin-top:7px;margin-bottom:0}.bt-payment button[type=submit]{background-color:#009ee3;color:#fff;font-size:18px;text-align:center;padding:10px 0;width:100%;border:none;border-radius:20px;margin-top:20px;cursor:pointer}.bt-payment button[type=submit]:disabled{background-color:#525252;cursor:not-allowed}.bt-payment .pay-message{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:8px}.bt-payment .pay-message p{font-size:1.1rem;text-align:center;line-height:130%;margin-bottom:10px}.bt-payment .pay-message i.material-icons{font-size:2rem;margin-bottom:5px}.bt-payment .success{background-color:#dff2bf;color:#4f8a10}.bt-payment .error{color:#d8000c;background-color:#ffd2d2}.bt-payment .info{color:#00529b;background-color:#bde5f8}:focus{outline:0}"]
3902
3940
  }] }
3903
3941
  ];
3904
3942
  /** @nocollapse */
@@ -3913,6 +3951,8 @@ var BankTransferComponent = /** @class */ (function () {
3913
3951
  storeName: [{ type: Input }],
3914
3952
  checkoutId: [{ type: Input }],
3915
3953
  checkoutAdditionalData: [{ type: Input }],
3954
+ discountRate: [{ type: Input }],
3955
+ discountAmountValue: [{ type: Input }],
3916
3956
  statusPay: [{ type: Output }]
3917
3957
  };
3918
3958
  return BankTransferComponent;
@@ -3933,6 +3973,10 @@ if (false) {
3933
3973
  /** @type {?} */
3934
3974
  BankTransferComponent.prototype.checkoutAdditionalData;
3935
3975
  /** @type {?} */
3976
+ BankTransferComponent.prototype.discountRate;
3977
+ /** @type {?} */
3978
+ BankTransferComponent.prototype.discountAmountValue;
3979
+ /** @type {?} */
3936
3980
  BankTransferComponent.prototype.statusPay;
3937
3981
  /** @type {?} */
3938
3982
  BankTransferComponent.prototype.paymentForm;
@@ -3940,6 +3984,10 @@ if (false) {
3940
3984
  BankTransferComponent.prototype.isLoading;
3941
3985
  /** @type {?} */
3942
3986
  BankTransferComponent.prototype.errorMessage;
3987
+ /** @type {?} */
3988
+ BankTransferComponent.prototype.submittedSuccessfully;
3989
+ /** @type {?} */
3990
+ BankTransferComponent.prototype.amountCopied;
3943
3991
  /**
3944
3992
  * @type {?}
3945
3993
  * @private