{"__symbolic":"module","version":4,"metadata":{"PaymentsLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵk"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵk"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":18,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"mp-form-pay","template":"<form (ngSubmit)=\"onSubmit(f)\" class=\"mp-payment\" #f=\"ngForm\" autocomplete=\"off\">\r\n  <!-- Titular -->\r\n  <div class=\"formRow\">\r\n    <label for=\"cardholderName\">Nombre y Apellido</label>\r\n    <span>\r\n      <input id=\"cardholderName\"\r\n             type=\"text\"\r\n             name=\"cardholderName\"\r\n             required\r\n             maxlength=\"22\"\r\n             data-checkout=\"cardholderName\"\r\n             [disabled]=\"disabled\"\r\n             (paste)=\"onPaste()\"\r\n             (input)=\"onPayerNameChange()\"\r\n             [(ngModel)]=\"defaultName\"\r\n             #cardholderName=\"ngModel\" />\r\n    </span>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardholderName.valid && submitted\">\r\n      Ingresá el nombre completo que figura en la tarjeta.\r\n    </p>\r\n  </div>\r\n\r\n  <!-- Numero de tarjeta -->\r\n  <div class=\"formRow\">\r\n    <label for=\"cardNumber\">Nº de Tarjeta</label>\r\n    <span>\r\n      <input id=\"cardNumber\"\r\n             type=\"text\"\r\n             name=\"cardNumber\"\r\n             data-checkout=\"cardNumber\"\r\n             maxlength=\"19\"\r\n             required\r\n             thumbnail\r\n             [disabled]=\"disabled\"\r\n             (input)=\"onCardChange()\"\r\n             (keyup)=\"checkPaymentMethod()\"\r\n             (focusout)=\"checkInstallments()\"\r\n             (paste)=\"onPaste()\"\r\n             [(ngModel)]=\"cardText\"\r\n             #cardNumber=\"ngModel\" />\r\n    </span>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardNumber.valid && submitted\">\r\n      Ingresá el número de tarjeta.\r\n    </p>\r\n  </div>\r\n\r\n  <!-- Emisor-->\r\n  <div class=\"formRow\">\r\n    <label for=\"issuer\">Emisor</label>\r\n    <div class=\"select-icon\">\r\n      <select id=\"issuer\"\r\n              name=\"issuer\"\r\n              required\r\n              [disabled]=\"!requiredIssuer || disabled\"\r\n              [(ngModel)]=\"issuerId\"\r\n              #issuer=\"ngModel\">\r\n        <option *ngFor=\"let iss of currentIssuers\" value=\"{{ iss.id }}\">\r\n          {{ iss.name }}\r\n        </option>\r\n      </select>\r\n    </div>\r\n    <p class=\"alert-text\" *ngIf=\"!issuer.valid && requiredIssuer && submitted\">Seleccioná el emisor de la tarjeta.</p>\r\n  </div>\r\n\r\n  <div class=\"form-row-3col\">\r\n    <!-- Expiry-month-->\r\n    <div class=\"formRow\">\r\n      <label for=\"cardExpirationMonth\">Mes</label>\r\n      <span>\r\n        <input id=\"cardExpirationMonth\"\r\n               type=\"text\"\r\n               name=\"cardExpirationMonth\"\r\n               placeholder=\"MM\"\r\n               minlength=\"2\"\r\n               maxlength=\"2\"\r\n               data-checkout=\"cardExpirationMonth\"\r\n               required\r\n               [disabled]=\"disabled\"\r\n               (paste)=\"onPaste()\"\r\n               (input)=\"onMonthChange()\"\r\n               (focusout)=\"onMonthLostFocus()\"\r\n               [(ngModel)]=\"monthText\"\r\n               #cardExpirationMonth=\"ngModel\" />\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Expiry-year-->\r\n    <div class=\"formRow\">\r\n      <label for=\"cardExpirationYear\">Año</label>\r\n      <span>\r\n        <input id=\"cardExpirationYear\"\r\n               type=\"text\"\r\n               name=\"cardExpirationYear\"\r\n               placeholder=\"AAAA\"\r\n               minlength=\"4\"\r\n               maxlength=\"4\"\r\n               data-checkout=\"cardExpirationYear\"\r\n               required\r\n               [disabled]=\"disabled\"\r\n               (paste)=\"onPaste()\"\r\n               (input)=\"onYearChange()\"\r\n               [(ngModel)]=\"yearText\"\r\n               #cardExpirationYear=\"ngModel\" />\r\n      </span>\r\n    </div>\r\n\r\n    <!-- CVC -->\r\n    <div class=\"formRow\">\r\n      <label for=\"securityCode\">CVC</label>\r\n      <span>\r\n        <input id=\"securityCode\"\r\n               type=\"text\"\r\n               name=\"securityCode\"\r\n               placeholder=\"CVC\"\r\n               minlength=\"3\"\r\n               maxlength=\"4\"\r\n               data-checkout=\"securityCode\"\r\n               required\r\n               [disabled]=\"disabled\"\r\n               (paste)=\"onPaste()\"\r\n               (input)=\"onCodeChange()\"\r\n               [(ngModel)]=\"cvcText\"\r\n               #securityCode=\"ngModel\" />\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardExpirationMonth.valid && submitted\">\r\n      Completá el mes de vencimiento.\r\n    </p>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!cardExpirationYear.valid && submitted\">\r\n      Completá el año de vencimiento.\r\n    </p>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!securityCode.valid && submitted\">\r\n      Ingresá el código de seguridad.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"formRow\">\r\n    <div class=\"form-row-2col\">\r\n\r\n      <!-- Tipo de documento-->\r\n      <div class=\"formRow\">\r\n        <label for=\"docType\">Tipo de Doc.</label>\r\n        <div class=\"select-icon\">\r\n          <select id=\"docType\"\r\n                  name=\"docType\"\r\n                  data-checkout=\"docType\"\r\n                  required\r\n                  ngModel\r\n                  [disabled]=\"disabled\"\r\n                  [(ngModel)]=\"defaultDocType\"\r\n                  #docType=\"ngModel\" >\r\n          </select>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- DNI -->\r\n      <div class=\"formRow\">\r\n        <label for=\"docNumber\">Nº de Doc.</label>\r\n        <span>\r\n          <input id=\"docNumber\"\r\n                 type=\"text\"\r\n                 name=\"docNumber\"\r\n                 data-checkout=\"docNumber\"\r\n                 minlength=\"7\"\r\n                 maxlength=\"8\"\r\n                 required\r\n                 [disabled]=\"disabled\"\r\n                 (paste)=\"onPaste()\"\r\n                 (input)=\"onDniChange()\"\r\n                 [(ngModel)]=\"dniText\"\r\n                 #docNumber=\"ngModel\" />\r\n        </span>\r\n      </div>\r\n\r\n    </div>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!docNumber.valid && submitted\">\r\n      Completá el número de documento.\r\n    </p>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!docType.valid && submitted\">\r\n      Seleccioná el tipo de documento.\r\n    </p>\r\n  </div>\r\n\r\n  <!--Cantidad de cuotas-->\r\n  <div class=\"formRow\">\r\n    <label for=\"installments\">Cantidad de Cuotas</label>\r\n    <div class=\"select-icon\">\r\n      <select\r\n              id=\"installments\"\r\n              name=\"installments\"\r\n              aria-required=\"true\"\r\n              aria-invalid=\"false\"\r\n              required\r\n              ngModel\r\n              [disabled]=\"disabled\"\r\n              (change)=\"onDuesSelection(f)\"\r\n              #installments=\"ngModel\">\r\n        <option *ngFor=\"let current of currentInstallments \" value=\"{{ current.installments }}\">\r\n          {{ current.recommended_message }}\r\n        </option>\r\n      </select>\r\n    </div>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!installments.valid && submitted\">\r\n      Elegí la cantidad de cuotas.\r\n    </p>\r\n  </div>\r\n\r\n  <div>\r\n    <div>\r\n      <div class=\"amount-resume\" *ngIf=\"f.valid\">\r\n        <p>Total al contado</p>\r\n        <h1>$ {{ totalAmount | number:'2.2-2' }}</h1>\r\n        <p>Total financiado</p>\r\n        <h3>$ {{ totalFinancedAmount | number:'2.2-2' }}</h3>\r\n        <p>{{ currentTEA }}</p>\r\n        <p>{{ currentCFT }}</p>\r\n        <div *ngIf=\"paymentState === 'unsubmitted'\r\n          || paymentState.substring(0, 11) === 'cc_rejected'\r\n          || paymentState === 'error'\">\r\n          <button type=\"submit\" (click)=\"onSubmit(f)\">\r\n            Pagar $ {{ totalFinancedAmount | number:'2.2-2' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!f.valid\">Completá los campos faltantes.</p>\r\n      <div *ngIf=\"!f.valid\">\r\n        <div *ngIf=\"paymentState !== 'accredited' &&\r\n              paymentState !== 'pending_contingency' &&\r\n              paymentState !== 'pending_review_manual'\">\r\n          <button type=\"submit\" (click)=\"onSubmit(f)\">\r\n            Pagar $ {{ paymentAmount | number:'2.2-2' }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n\r\n<div class=\"logo\">\r\n  <img [src]=\"imgMercadoPago\" alt=\"Mercado Pago\" class=\"responsive-img\" style=\"width: 150px;\">\r\n</div>\r\n\r\n<!--IFs-->\r\n<div>\r\n  <div class=\"pay-message info\" *ngIf=\"paymentState === 'processing'\">\r\n    <i class=\"material-icons\">info</i>\r\n    <p>\r\n      Procesando pago...\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message success\" *ngIf=\"paymentState === 'accredited'\">\r\n    <i class=\"material-icons\">check_circle</i>\r\n    <p>\r\n      Tu pago se ha confirmado!\r\n      <br>\r\n      Estos son los datos de la transacción:\r\n    </p>\r\n    <i class=\"data\">Ticket: {{ ticket }}</i>\r\n  </div>\r\n\r\n  <div class=\"pay-message info\" *ngIf=\"paymentState === 'pending_contingency'\">\r\n    <i class=\"material-icons\">info</i>\r\n    <p>\r\n      Estamos procesando el pago.\r\n      <br>\r\n      En menos de una hora te enviaremos por e-mail el resultado.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message info\" *ngIf=\"paymentState === 'pending_review_manual'\">\r\n    <i class=\"material-icons\">info</i>\r\n    <p>\r\n      Estamos procesando el pago.\r\n      <br>\r\n      En menos de 2 días hábiles te diremos por e-mail si se acreditó o si necesitamos más información.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_bad_filled_card_number'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Revisa el número de tarjeta.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_bad_filled_date'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Revisa la fecha de vencimiento.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_bad_filled_other'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Revisa los datos ingresados.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_bad_filled_security_code'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Revisa el código de seguridad.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_blacklist'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      No pudimos procesar tu pago.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_call_for_authorize'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Debes autorizar el pago. El teléfono está al dorso de tu tarjeta.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_card_disabled'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Llama para activar tu tarjeta. El teléfono está al dorso de tu tarjeta.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_card_error'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      No pudimos procesar tu pago.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_duplicated_payment'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado, ya hiciste un pago por ese valor.\r\n      <br>\r\n      Si necesitas volver a pagar usa otra tarjeta u otro medio de pago..\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_high_risk'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      Tu pago fue rechazado.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_insufficient_amount'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_invalid_installments'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      No se pudo pocesar el pago en esa cantidad de cuotas.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_max_attempts'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado! Límite de intentos permitidos.\r\n      <br>\r\n      Elige otra tarjeta u otro medio de pago.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'cc_rejected_other_reason'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      Pago Rechazado.\r\n      <br>\r\n      No se procesó el pago.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'error'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>\r\n      {{ errorMessage }}\r\n      <br>No se procesó el pago.\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"pay-message error\" *ngIf=\"paymentState === 'apiError'\">\r\n    <i class=\"material-icons\">error</i>\r\n    <p>Error al procesar el pago (Vitnik).</p>\r\n  </div>\r\n</div>\r\n","styles":[".mp-payment{background-color:transparent;font-family:inherit,sans-serif}.mp-payment label{font-size:14px;color:#888}.formRow{margin-top:10px}:focus{outline:0}.form-row-2col{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.form-row-2col .formRow{width:49%;margin-top:0}.form-row-3col{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.form-row-3col .formRow{width:32%;margin-top:0}span{background-color:#fff;border:.5px solid #707070;border-radius:2px;padding:2px 10px;display:block;margin-top:4px}input[type=password],input[type=text]{background:0 0;border:none;color:#000;font-size:15px;height:23px;width:100%;text-transform:uppercase;vertical-align:top}select{width:100%;font-size:15px;height:30px;padding:2px 10px;border:.5px solid #707070;border-radius:2px;display:block;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;position:relative;z-index:1;background:0 0}.select-icon{position:relative}.select-icon::after{content:'\\e5cf';font-family:'Material Icons';position:absolute;right:0;top:3px;font-size:24px}.icon-select{width:24px;position:absolute;right:13px}.alert-text{font-size:13px;color:#009ee3;margin-top:7px;margin-bottom:0}.warn-text{font-size:15px;color:#c62626;margin:10px 0;text-align:center}.confirm-text{font-size:15px;color:#388a22;margin:10px 0;text-align:center}.in-progress-text{font-size:15px;color:#009ee3;margin:10px 0;text-align:center}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}button:disabled{background-color:#525252}.amount-resume h1,.amount-resume h3{margin-top:0;margin-bottom:10px}.amount-resume p{font-size:13px;color:#525252;margin:5px 0;text-transform:uppercase}.pay-message{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.pay-message p{font-size:1.1rem;text-align:center;line-height:130%;margin-bottom:10px}.pay-message i.data{font-size:.9rem;text-align:center}.pay-message i.material-icons{font-size:2rem;margin-bottom:5px}.success{background-color:#dff2bf;color:#4f8a10}.error{color:#d8000c;background-color:#ffd2d2}.info{color:#00529b;background-color:#bde5f8}.logo{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding-top:10px}.responsive-img{width:100%;height:auto}"]}]}],"members":{"paymentAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"payerName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"payerEmail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"accessToken":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"vkUrlApi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"publishableKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"successUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"failureUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"imgCreditCards":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"imgMercadoPago":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"iconExpandMore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"debugLog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"storeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"idVen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"statusPay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"checkOutForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":3},"arguments":["f"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":82,"character":30},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initMercadoPago":[{"__symbolic":"method"}],"addMercadopagoScript":[{"__symbolic":"method"}],"createToken":[{"__symbolic":"method"}],"makePayment":[{"__symbolic":"method"}],"paymentResponseHandler":[{"__symbolic":"method"}],"checkPaymentMethod":[{"__symbolic":"method"}],"setCurrentMethod":[{"__symbolic":"method"}],"checkInstallments":[{"__symbolic":"method"}],"setInstallments":[{"__symbolic":"method"}],"setIssuers":[{"__symbolic":"method"}],"onDuesSelection":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onYearChange":[{"__symbolic":"method"}],"onMonthLostFocus":[{"__symbolic":"method"}],"onMonthChange":[{"__symbolic":"method"}],"onCodeChange":[{"__symbolic":"method"}],"onDniChange":[{"__symbolic":"method"}],"onPayerNameChange":[{"__symbolic":"method"}],"onCardChange":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method"}],"logger":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":13,"character":34}]}],"makePayment":[{"__symbolic":"method"}],"getMercadoPagoPromotions":[{"__symbolic":"method"}],"normalizeUrl":[{"__symbolic":"method"}],"_setAuthHeaders":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mp-promotion","template":"<div *ngIf=\"contentSource === 'api'\" class=\"payments summary\">\r\n  <div id=\"promoBancos\" class=\"promoBancos\">\r\n\r\n    <div *ngFor=\"let promo of cardPromotions | slice:2\" name=\"promociones\" class=\"bank-block col-md-4 col-sm-4\">\r\n      <div class=\"banklogoContainer\">\r\n        <img class=\"img-regular img-responsive\" [src]=\"promo.payment_methods[0].secure_thumbnail\">\r\n      </div>\r\n      <p>\r\n        <span class=\"issuer\">{{promo.issuer.name}}</span>\r\n      </p>\r\n      <p>\r\n        <span class=\"installments\">{{promo.max_installments}} cuotas sin interés</span>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<iframe src=\"https://www.mercadopago.com.ar/cuotas?iframe=true\"\r\n        width=\"100%\"\r\n        height=\"450px\"\r\n        scrolling=\"yes\"\r\n        frameborder=\"0\"\r\n        style=\"position: relative;\"\r\n        *ngIf=\"contentSource === 'iframe'\">\r\n</iframe>\r\n","styles":[""]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"contentSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵf"}],"exports":[{"__symbolic":"reference","name":"ɵf"}]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"sps-form-pay","template":"<!-- https://github.com/decidir/sdk-javascript-v2 -->\r\n\r\n<form action=\"\" method=\"POST\" id=\"formulario\" #f=\"ngForm\" autocomplete=\"off\">\r\n  <!-- Numero de tarjeta -->\r\n  <div class=\"formRow\">\r\n    <label for=\"card_number\">{{ language.toLowerCase() === 'en' ? 'Card number' : 'Número de Tarjeta' }}</label>\r\n    <span>\r\n      <input id=\"card_number\"\r\n             type=\"text\"\r\n             name=\"card\"\r\n             placeholder=\"{{ language.toLowerCase() === 'en' ? 'Card number' : 'Número de Tarjeta' }}\"\r\n             minlength=\"12\"\r\n             maxlength=\"19\"\r\n             data-decidir=\"card_number\"\r\n             required\r\n             (input)=\"onCardChange()\"\r\n             (paste)=\"onPaste()\"\r\n             [disabled]=\"disabled\"\r\n             [(ngModel)]=\"cardText\"\r\n             #card=\"ngModel\" />\r\n    </span>\r\n    <p class=\"alert-text\" *ngIf=\"card.errors?.required && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Completá el número de tarjeta' }}\r\n    </p>\r\n    <p class=\"alert-text\" *ngIf=\"card.errors?.minlength && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Requiere 13 digitos mínimo' }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- Card-issuer -->\r\n  <div class=\"formRow\">\r\n    <label>{{ language.toLowerCase() === 'en' ? 'Pay with' : 'Pagar con' }}</label>\r\n    <div class=\"select-icon\">\r\n      <select name=\"iss\"\r\n              required\r\n              #iss=\"ngModel\"\r\n              [disabled]=\"disabled\"\r\n              (change)=\"selectedCreditCard()\"\r\n              [(ngModel)]=\"issuer\">\r\n        <option [value]=\"null\" selected disabled>\r\n          {{ language.toLowerCase() === 'en' ? 'SELECT...' : 'Sin Seleccionar...' }}\r\n        </option>\r\n        <ng-container *ngIf=\"currency === 'USD'; else credCardsArgTemplate\">\r\n          <option [value]=\"1\">Visa</option>\r\n          <option [value]=\"15\">MasterCard</option>\r\n        </ng-container>\r\n        <ng-template #credCardsArgTemplate>\r\n          <option [ngValue]=\"item.id\" *ngFor=\"let item of creditCards\">{{item.name}}</option>\r\n        </ng-template>\r\n      </select>\r\n    </div>\r\n    <p class=\"alert-text\" *ngIf=\"iss.invalid && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Seleccioná el emisor de la tarjeta' }}\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"formRow\">\r\n    <div class=\"form-row-2col\">\r\n      <!-- Expiry-month-->\r\n      <div class=\"formRow\">\r\n        <label>\r\n          {{ language.toLowerCase() === 'en' ? 'Month of expiration' : 'Mes de expiración' }}\r\n        </label>\r\n        <span>\r\n          <input type=\"text\"\r\n                 name=\"month\"\r\n                 placeholder=\"MM\"\r\n                 minlength=\"2\"\r\n                 maxlength=\"2\"\r\n                 data-decidir=\"card_expiration_month\"\r\n                 required\r\n                 [disabled]=\"disabled\"\r\n                 (input)=\"onMonthChange()\"\r\n                 (focusout)=\"onMonthLostFocus()\"\r\n                 (paste)=\"onPaste()\"\r\n                 [(ngModel)]=\"monthText\"\r\n                 #month=\"ngModel\" />\r\n        </span>\r\n      </div>\r\n      <!-- Expiry-year-->\r\n      <div class=\"formRow\">\r\n        <label>\r\n          {{ language.toLowerCase() === 'en' ? 'Year of expiration' : 'Año de expiración' }}\r\n        </label>\r\n        <span>\r\n          <input type=\"text\"\r\n                 name=\"year\"\r\n                 placeholder=\"AA\"\r\n                 minlength=\"2\"\r\n                 maxlength=\"2\"\r\n                 data-decidir=\"card_expiration_year\"\r\n                 required\r\n                 [disabled]=\"disabled\"\r\n                 (input)=\"onYearChange()\"\r\n                 (blur)=\"onYearBlur($event)\"\r\n                 (paste)=\"onPaste()\"\r\n                 [(ngModel)]=\"yearText\"\r\n                 #year=\"ngModel\"/>\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <p class=\"alert-text\" *ngIf=\"month.invalid && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Completá el mes de vencimiento de la tarjeta' }}</p>\r\n    <p class=\"alert-text\" *ngIf=\"year.invalid && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Completá el año de vencimiento de la tarjeta' }}</p>\r\n    <p class=\"alert-text\" *ngIf=\"invalidDate\">\r\n      {{ language.toLowerCase() === 'en' ? 'Enter a valid expiration date' : 'La fecha de la tarjeta ingresada está vencida'}}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- Card-name -->\r\n  <div class=\"formRow\">\r\n    <label>\r\n      {{ language.toLowerCase() === 'en' ? 'Holder name' : 'Nombre y apellido impreso en la tarjeta' }}\r\n    </label>\r\n\r\n    <span>\r\n      <input type=\"text\"\r\n             name=\"payername\"\r\n             placeholder=\"{{language.toLowerCase() === 'en' ? 'Holder name' : 'TITULAR'}}\" value=\"{{payerName}}\"\r\n             maxlength=\"22\"\r\n             data-decidir=\"card_holder_name\"\r\n             required\r\n             [disabled]=\"disabled\"\r\n             (input)=\"onPayerNameChange()\"\r\n             (paste)=\"onPaste()\"\r\n             [(ngModel)]=\"payerNameText\"\r\n             #payername=\"ngModel\" />\r\n    </span>\r\n    <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!payername.valid && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Completá el nombre del titular de la tarjeta' }}\r\n    </p>\r\n  </div>\r\n\r\n  <div class=\"formRow\" *ngIf=\"currency === 'USD'\">\r\n    <input type=\"hidden\" data-decidir=\"card_holder_doc_type\" name=\"type\">\r\n    <input type=\"hidden\" data-decidir=\"card_holder_doc_number\" name=\"dni\">\r\n  </div>\r\n\r\n\r\n  <div class=\"formRow\" *ngIf=\"currency === 'ARS'\">\r\n    <label for=\"card_holder_doc_type\">Número de documento del titular</label>\r\n    <div class=\"form-row-2col\">\r\n      <!-- Tipo de documento-->\r\n      <div class=\"formRow\">\r\n        <div class=\"select-icon\">\r\n          <select data-decidir=\"card_holder_doc_type\" ngModel required #type=\"ngModel\" name=\"type\"\r\n                  [disabled]=\"disabled\">\r\n            <option value=\"\" disabled selected>Seleccionar...</option>\r\n            <option value=\"dni\">DNI</option>\r\n            <option value=\"cuil\">CUIL</option>\r\n          </select>\r\n        </div>\r\n      </div>\r\n      <!-- DNI -->\r\n      <div class=\"formRow\">\r\n        <span>\r\n          <input id=\"card_holder_doc_type\"\r\n                 type=\"text\"\r\n                 name=\"dni\"\r\n                 minlength=\"7\"\r\n                 maxlength=\"11\"\r\n                 data-decidir=\"card_holder_doc_number\"\r\n                 required\r\n                 [disabled]=\"disabled\"\r\n                 (input)=\"onDniChange()\"\r\n                 (paste)=\"onPaste()\"\r\n                 [(ngModel)]=\"dniText\"\r\n                 #dni=\"ngModel\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <p class=\"alert-text\" *ngIf=\"type.invalid && submitPressed\">Seleccioná tipo de documento</p>\r\n    <p class=\"alert-text\" *ngIf=\"dni.errors?.minlength && submitPressed\">Requiere 7 digitos mínimo</p>\r\n    <p class=\"alert-text\" *ngIf=\"dni.errors?.required && submitPressed\">Completá el número de documento</p>\r\n  </div>\r\n  <!-- CVV -->\r\n  <div class=\"formRow\">\r\n    <label for=\"security_code\">{{ language.toLowerCase() === 'en' ? 'CSC' : 'Código de seguridad' }}</label>\r\n    <span>\r\n      <input id=\"security_code\"\r\n             type=\"text\"\r\n             name=\"cvc\"\r\n             placeholder=\"CSC\"\r\n             minlength=\"3\"\r\n             maxlength=\"4\"\r\n             data-decidir=\"security_code\"\r\n             required\r\n             [disabled]=\"disabled\"\r\n             (input)=\"onCodeChange()\"\r\n             (paste)=\"onPaste()\"\r\n             [(ngModel)]=\"cvcText\"\r\n             #cvc=\"ngModel\" />\r\n    </span>\r\n    <p class=\"alert-text\" *ngIf=\"cvc.errors?.minlength && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Enter a valid csc' : 'Requiere 3 digitos mínimo' }}\r\n    </p>\r\n    <p class=\"alert-text\" *ngIf=\"cvc.errors?.required && submitPressed\">\r\n      {{ language.toLowerCase() === 'en' ? 'Required' : 'Completá el código de seguridad' }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- Cuotas -->\r\n  <ng-container *ngIf=\"currency === 'ARS'\">\r\n    <div class=\"formRow\">\r\n      <label>Cuotas</label>\r\n      <div class=\"select-icon\">\r\n        <select name=\"ins\"\r\n                required\r\n                [disabled]=\"disabled\"\r\n                [(ngModel)]=\"selectCreditCardPlan\"\r\n                (change)=\"selectedCreditCardPlan()\"\r\n                #ins=\"ngModel\">\r\n          <option [value]=\"null\" selected disabled>Sin Seleccionar...</option>\r\n          <option [ngValue]=\"item\" *ngFor=\"let item of creditCardPlans\">{{ item.description }}</option>\r\n        </select>\r\n      </div>\r\n      <p class=\"alert-text\" *ngIf=\"ins.invalid && submitPressed\">Seleccioná cantidad de cuotas</p>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div>\r\n    <div>\r\n      <div class=\"amount-resume\" *ngIf=\"f.valid\">\r\n        <ng-container *ngIf=\"currency === 'ARS'\">\r\n          <p>Total al contado</p>\r\n          <h1>$ {{ totalAmount | number:'2.2-2' }}</h1>\r\n          <p>Total financiado</p>\r\n          <h3>$ {{ totalFinancedAmount | number:'2.2-2'}}</h3>\r\n          <p>TEA: {{ currentTEA }}%</p>\r\n          <p>CFT: {{ currentCFT }}%</p>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"currency === 'USD'\">\r\n          <p>Total</p>\r\n          <h1>{{ labelButton }}</h1>\r\n        </ng-container>\r\n        <div *ngIf=\"paymentState === 'unsubmitted' || paymentState === 'error'\">\r\n          <button *ngIf=\"currency === 'ARS'\" type=\"submit\" (click)=\"onSubmit($event)\">\r\n            Pagar ${{ totalFinancedAmount | number:'2.2-2' }}\r\n          </button>\r\n\r\n          <button *ngIf=\"currency === 'USD'\" type=\"submit\" (click)=\"onSubmit($event)\">\r\n            {{ labelButton }}\r\n          </button>\r\n        </div>\r\n        <div *ngIf=\"paymentState === 'success' || paymentState === 'processing'\">\r\n          <button *ngIf=\"currency === 'ARS'\" disabled>Pagar $ {{totalFinancedAmount | number:'2.2-2'}}</button>\r\n          <button *ngIf=\"currency === 'USD'\" disabled>{{ labelButton }}</button>\r\n        </div>\r\n      </div>\r\n      <p [hidden]=\"disabled\" class=\"alert-text\" *ngIf=\"!f.valid\">\r\n        {{ language.toLowerCase() === 'en' ? 'Complete all fields' : 'Completá los campos faltantes' }}\r\n      </p>\r\n      <div *ngIf=\"!f.valid && paymentState !== 'success'\">\r\n        <button *ngIf=\"currency === 'ARS'\" type=\"submit\" (click)=\"onSubmit($event)\">Pagar $\r\n          {{ paymentAmount | number:'2.2-2' }}\r\n        </button>\r\n        <button *ngIf=\"currency === 'USD'\" type=\"submit\" (click)=\"onSubmit($event)\">\r\n          {{ labelButton }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"logo\">\r\n    <img [src]=\"logoSps\" alt=\"SPS Decidir\" class=\"responsive-img\" style=\"width: 50px;\">\r\n  </div>\r\n  <div>\r\n    <div class=\"pay-message info\" *ngIf=\"paymentState === 'processing'\">\r\n      <i class=\"material-icons\">info</i>\r\n      <p>\r\n        {{ language.toLowerCase() === 'en' ? 'Processing payment...' : 'Procesando pago...' }}\r\n      </p>\r\n    </div>\r\n    <div class=\"pay-message error\" *ngIf=\"paymentState === 'error'\">\r\n      <i class=\"material-icons\">error</i>\r\n      <p>\r\n        {{errorMessage}}\r\n        <br>\r\n        {{ language.toLowerCase() === 'en' ? 'Error processing the payment' : 'No se procesó el pago' }}\r\n      </p>\r\n    </div>\r\n    <div *ngIf=\"language.toLowerCase() !== 'en' && paymentState === 'success'\" class=\"pay-message success\">\r\n      <i class=\"material-icons\">check_circle</i>\r\n      <p>\r\n        Tu pago se ha confirmado!\r\n        <br>\r\n        Estos son los datos de la transacción:\r\n      </p>\r\n      <i class=\"data\">Nro. de Pago: {{paymentSuccessInfo.payment_id}}</i>\r\n      <i class=\"data\">Ticket: {{paymentSuccessInfo.ticket}}</i>\r\n      <i class=\"data\">Cod. Autorización: {{paymentSuccessInfo.card_authorization_code}}</i>\r\n    </div>\r\n\r\n    <div *ngIf=\"language.toLowerCase() === 'en' && paymentState === 'success'\" class=\"pay-message success\">\r\n      <i class=\"material-icons\">check_circle</i>\r\n      <p>\r\n        Your payment has been confirmed!\r\n        <br>\r\n        These are the transaction data:\r\n      </p>\r\n      <i class=\"data\">Payment No.: {{paymentSuccessInfo.payment_id}}</i>\r\n      <i class=\"data\">Ticket: {{paymentSuccessInfo.ticket}}</i>\r\n      <i class=\"data\">Authorization Code: {{paymentSuccessInfo.card_authorization_code}}</i>\r\n    </div>\r\n\r\n    <div class=\"pay-message error\" *ngIf=\"paymentState === 'apiError'\">\r\n      <i class=\"material-icons\">error</i>\r\n      <p>\r\n        {{ language.toLowerCase() === 'en' ? 'Error processing the payment (Vitnik)' : 'Error al procesar el pago (Vitnik)'}}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</form>\r\n","styles":[".flex-row-wrap{display:flex;flex-flow:row wrap;flex-direction:row;justify-content:space-between;align-items:center}.flex-row-wrap div{margin:10px;width:200px;flex-grow:1}#formulario{background-color:transparent;font-family:inherit,sans-serif}#formulario label{font-size:14px;color:#888}.formRow{margin-top:10px}.form-row-2col{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-row-2col .formRow{width:49%;margin-top:0}.form-row-3col{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-row-3col .formRow{width:32%;margin-top:0}span{background-color:#fff;border:.5px solid #707070;border-radius:2px;padding:2px 10px;display:block;margin-top:4px}input[type=password],input[type=text]{background:0 0;border:none;color:#000;font-size:15px;height:23px;width:100%;text-transform:uppercase;vertical-align:top}select{width:100%;font-size:15px;height:30px;padding:2px 10px;border:.5px solid #707070;border-radius:2px;display:block;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;position:relative;z-index:1;background:0 0}.select-icon{position:relative}.select-icon::after{content:'\\e5cf';font-family:'Material Icons';position:absolute;right:5px;top:3px;font-size:24px}.icon-select{width:24px;position:absolute;right:13px}.alert-text{font-size:15px;color:#009ee3;margin-top:7px;margin-bottom:0}:focus{outline:0}.pay-message{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.pay-message p{font-size:1.1rem;text-align:center;line-height:130%;margin-bottom:10px}.pay-message i.data{font-size:.9rem;text-align:center}.pay-message i.material-icons{font-size:2rem;margin-bottom:5px}.success{background-color:#dff2bf;color:#4f8a10}.error{color:#d8000c;background-color:#ffd2d2}.info{color:#00529b;background-color:#bde5f8}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}button:disabled{background-color:#525252;cursor:default}.amount-resume h1,.amount-resume h3{margin-top:0;margin-bottom:10px}.amount-resume p{font-size:13px;color:#525252;margin:5px 0;text-transform:uppercase;line-height:130%}.logo{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding-top:10px}.responsive-img{width:100%;height:auto}"]}]}],"members":{"checkOutForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["f"]}]}],"accessToken":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"spsUrlApi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"vkUrlApi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"paymentAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"logoSps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"publishableKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"successUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"failureUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"useCybersource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"debugLog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"storeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"idVen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"labelButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"statusPay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":75,"character":30},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initDecidir":[{"__symbolic":"method"}],"addDecidirScript":[{"__symbolic":"method"}],"getCreditCards":[{"__symbolic":"method"}],"getPlansByCreditCardId":[{"__symbolic":"method"}],"initializeSpsDecidir":[{"__symbolic":"method"}],"logger":[{"__symbolic":"method"}],"selectedCreditCard":[{"__symbolic":"method"}],"selectedCreditCardPlan":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"makePayment":[{"__symbolic":"method"}],"paymentResponseHandler":[{"__symbolic":"method"}],"processErrorToken":[{"__symbolic":"method"}],"processErrorMessage":[{"__symbolic":"method"}],"compareDate":[{"__symbolic":"method"}],"onYearChange":[{"__symbolic":"method"}],"onYearBlur":[{"__symbolic":"method"}],"onMonthLostFocus":[{"__symbolic":"method"}],"onMonthChange":[{"__symbolic":"method"}],"onCodeChange":[{"__symbolic":"method"}],"onDniChange":[{"__symbolic":"method"}],"onPayerNameChange":[{"__symbolic":"method"}],"onCardChange":[{"__symbolic":"method"}],"setCreditType":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":12,"character":34}]}],"makePayment":[{"__symbolic":"method"}],"normalizeUrl":[{"__symbolic":"method"}],"getCreditCards":[{"__symbolic":"method"}],"getPlansByCreditCardId":[{"__symbolic":"method"}],"_setAuthHeaders":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":11,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"paypal-form-pay","template":"<div *ngIf=\"loading\">Loading...</div>\r\n\r\n<button [disabled]=\"showMessage\" *ngIf=\"!loading && getPaymentState() == 'initial'\" (click)=\"goToPayPal()\">PAGAR</button>\r\n\r\n<button [disabled]=\"showMessage\" *ngIf=\"!loading && getPaymentState() == 'created'\" (click)=\"executePay()\">Confirmar\r\n  Pago</button>\r\n\r\n<div *ngIf=\"showMessage\">\r\n  <ul>\r\n    <li *ngFor=\"let error of errorsMessage\">\r\n      {{ error.field }}: {{ error.issue }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n","styles":["label{font-size:11px;color:#888;text-transform:uppercase;font-weight:500}.flex-row-wrap{display:flex;flex-flow:row wrap;flex-direction:row;justify-content:space-between;align-items:center}.flex-row-wrap div{margin:10px;width:200px;flex-grow:1}:focus{outline:0}.formRow{margin-top:10px;margin-bottom:10px}.formRow span{background-color:#fff;border:.5px solid #707070;border-radius:5px;padding:5px 10px;display:block;margin-top:7px}input[type=password],input[type=text]{background:0 0;border:none;color:#000;font-size:13px;height:23px;width:100%;text-transform:uppercase}select{width:100%;font-size:13px;height:36px;padding:5px 10px;background-color:#fff;border:.5px solid #707070;border-radius:5px;display:block;margin-top:7px}.icon-select{width:24px;position:absolute;right:13px}.alert-text{font-size:13px;color:#009ee3;margin-top:7px;margin-bottom:0}.warn-text{font-size:15px;color:#c62626;margin:10px 0;text-align:center}.confirm-text{font-size:15px;color:#8cd876;margin:10px 0;text-align:center}.in-progress-text{font-size:15px;color:#009ee3;margin:10px 0;text-align:center}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}button:disabled{background-color:#525252}.amount-resume h1,.amount-resume h3{margin-top:0;margin-bottom:10px}.amount-resume p{font-size:13px;color:#525252;margin:5px 0;text-transform:uppercase}"]}]}],"members":{"accessToken":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"vkUrlApi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"debugLog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"storeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"idVen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"amount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"returnUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"successUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"failureUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":44,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":44,"character":61},{"__symbolic":"reference","name":"ɵj"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"createPayment":[{"__symbolic":"method"}],"paymentResponseHandler":[{"__symbolic":"method"}],"goToPayPal":[{"__symbolic":"method"}],"executePay":[{"__symbolic":"method"}],"getPaymentState":[{"__symbolic":"method"}],"setPaymentState":[{"__symbolic":"method"}],"logger":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":13,"character":36}]}],"createdPayment":[{"__symbolic":"method"}],"executePayment":[{"__symbolic":"method"}],"normalizeUrl":[{"__symbolic":"method"}],"_setAuthHeaders":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵl"}],"exports":[{"__symbolic":"reference","name":"ɵl"}]}]}],"members":{}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"paypal-new-form-pay","template":"<div *ngIf=\"loading\">Loading...</div>\r\n<input type=\"hidden\" id=\"amount\" [(ngModel)]=\"amount\">\r\n<input type=\"hidden\" id=\"userId\" [(ngModel)]=\"userId\">\r\n<input type=\"hidden\" id=\"storeId\" [(ngModel)]=\"storeId\">\r\n<input type=\"hidden\" id=\"successUrl\" [(ngModel)]=\"successUrl\">\r\n<input type=\"hidden\" id=\"cancelUrl\" [(ngModel)]=\"cancelUrl\">\r\n<input type=\"hidden\" id=\"vkUrlApi\" [(ngModel)]=\"vkUrlApi\">\r\n<input type=\"hidden\" id=\"transactionId\" [(ngModel)]=\"transactionId\">\r\n<input type=\"hidden\" id=\"data\" [(ngModel)]=\"data\">\r\n<input type=\"hidden\" id=\"accessToken\" [(ngModel)]=\"accessToken\">\r\n<div id=\"paypal-button-container\"></div>\r\n","styles":["label{font-size:11px;color:#888;text-transform:uppercase;font-weight:500}.flex-row-wrap{display:flex;flex-flow:row wrap;flex-direction:row;justify-content:space-between;align-items:center}.flex-row-wrap div{margin:10px;width:200px;flex-grow:1}:focus{outline:0}.formRow{margin-top:10px;margin-bottom:10px}.formRow span{background-color:#fff;border:.5px solid #707070;border-radius:5px;padding:5px 10px;display:block;margin-top:7px}input[type=password],input[type=text]{background:0 0;border:none;color:#000;font-size:13px;height:23px;width:100%;text-transform:uppercase}select{width:100%;font-size:13px;height:36px;padding:5px 10px;background-color:#fff;border:.5px solid #707070;border-radius:5px;display:block;margin-top:7px}.icon-select{width:24px;position:absolute;right:13px}.alert-text{font-size:13px;color:#009ee3;margin-top:7px;margin-bottom:0}.warn-text{font-size:15px;color:#c62626;margin:10px 0;text-align:center}.confirm-text{font-size:15px;color:#8cd876;margin:10px 0;text-align:center}.in-progress-text{font-size:15px;color:#009ee3;margin:10px 0;text-align:center}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}button:disabled{background-color:#525252}.amount-resume h1,.amount-resume h3{margin-top:0;margin-bottom:10px}.amount-resume p{font-size:13px;color:#525252;margin:5px 0;text-transform:uppercase}"]}]}],"members":{"accessToken":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"clientId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"vkUrlApi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"storeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"userId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"transactionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"amount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"cancelUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"successUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"urlSignout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"addPaypalScript":[{"__symbolic":"method"}]}}},"origins":{"PaymentsLibModule":"./lib/payments-lib.module","ɵa":"./lib/mercadopago/mercadopago.module","ɵb":"./lib/mercadopago/components/mercadopago.component","ɵc":"./lib/mercadopago/services/mercadopago.api.service","ɵd":"./lib/mercadopago/components/promotion-bank.component","ɵe":"./lib/sps-decidir/sps-decidir.module","ɵf":"./lib/sps-decidir/components/sps-decidir.component","ɵg":"./lib/sps-decidir/services/sps-decidir.api.service","ɵh":"./lib/paypal/paypal.module","ɵi":"./lib/paypal/components/paypal.component","ɵj":"./lib/paypal/services/paypal.api.service","ɵk":"./lib/paypal-new/paypal-new.module","ɵl":"./lib/paypal-new/components/paypal-new.component"},"importAs":"payments-lib"}