vk-payments 0.2.8 → 0.2.9

package/bundles/vk-payments.umd.js

@@ -3439,6 +3439,204 @@
         return GoCuotasModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/modo/services/modo-api.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ModoApiService = /** @class */ (function () {
+        function ModoApiService(http) {
+            this.http = http;
+        }
+        /**
+         * @param {?} paymentRequest
+         * @param {?} apiUrl
+         * @return {?}
+         */
+        ModoApiService.prototype.createPayment = /**
+         * @param {?} paymentRequest
+         * @param {?} apiUrl
+         * @return {?}
+         */
+        function (paymentRequest, apiUrl) {
+            return this.http.post(apiUrl + "/create-payment", paymentRequest);
+        };
+        ModoApiService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        ModoApiService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        /** @nocollapse */ ModoApiService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function ModoApiService_Factory() { return new ModoApiService(core.ɵɵinject(http.HttpClient)); }, token: ModoApiService, providedIn: "root" });
+        return ModoApiService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        ModoApiService.prototype.http;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/modo/components/modo/modo.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // Declara el SDK de MODO
+    var ModoComponent = /** @class */ (function () {
+        function ModoComponent(modoApi) {
+            this.modoApi = modoApi;
+            this.statusPay = new core.EventEmitter();
+            this.isLoading = false;
+        }
+        /**
+         * @return {?}
+         */
+        ModoComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.loadModoScript();
+        };
+        /**
+         * @return {?}
+         */
+        ModoComponent.prototype.payWithModo = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.isLoading = true;
+            /** @type {?} */
+            var paymentRequest = {
+                amount: this.amount,
+                orderId: this.orderId
+            };
+            this.modoApi.createPayment(paymentRequest, this.vkUrlApi).subscribe({
+                next: (/**
+                 * @param {?} response
+                 * @return {?}
+                 */
+                function (response) {
+                    _this.isLoading = false;
+                    if (response.success && response.data) {
+                        /** @type {?} */
+                        var modalObject = {
+                            qrString: response.data.qrString,
+                            checkoutId: response.data.internalPaymentId,
+                            onSuccess: (/**
+                             * @return {?}
+                             */
+                            function () { return _this.statusPay.emit({ success: true, paymentId: response.data.internalPaymentId }); }),
+                            onFailure: (/**
+                             * @return {?}
+                             */
+                            function () { return _this.statusPay.emit({ success: false, paymentId: response.data.internalPaymentId }); }),
+                            onClose: (/**
+                             * @return {?}
+                             */
+                            function () { return console.log('Modal de MODO cerrado.'); }),
+                        };
+                        ModoSDK.modoInitPayment(modalObject);
+                    }
+                    else {
+                        _this.statusPay.emit({ success: false, paymentId: '' });
+                    }
+                }),
+                error: (/**
+                 * @param {?} err
+                 * @return {?}
+                 */
+                function (err) {
+                    _this.isLoading = false;
+                    _this.statusPay.emit({ success: false, paymentId: '' });
+                })
+            });
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        ModoComponent.prototype.loadModoScript = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var scriptUrl = 'https://ecommerce-modal.modo.com.ar/bundle.js';
+            if (!document.querySelector("script[src=\"" + scriptUrl + "\"]")) {
+                /** @type {?} */
+                var script = document.createElement('script');
+                script.src = scriptUrl;
+                document.body.appendChild(script);
+            }
+        };
+        ModoComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'vk-modo-payment',
+                        template: "<button class=\"boton-pago-modo\" (click)=\"payWithModo()\" [disabled]=\"isLoading\">\n  <span *ngIf=\"!isLoading\">Pagar con MODO</span>\n  <span *ngIf=\"isLoading\">Procesando...</span>\n</button>",
+                        styles: [".boton-pago-modo{background-color:#00a5f0;color:#fff;border:none;padding:12px 20px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;width:100%;margin-top:15px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.boton-pago-modo:disabled{background-color:#ccc;cursor:not-allowed}.boton-pago-modo:hover:not(:disabled){background-color:#0082be}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        ModoComponent.ctorParameters = function () { return [
+            { type: ModoApiService }
+        ]; };
+        ModoComponent.propDecorators = {
+            amount: [{ type: core.Input }],
+            orderId: [{ type: core.Input }],
+            vkUrlApi: [{ type: core.Input }],
+            statusPay: [{ type: core.Output }]
+        };
+        return ModoComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        ModoComponent.prototype.amount;
+        /** @type {?} */
+        ModoComponent.prototype.orderId;
+        /** @type {?} */
+        ModoComponent.prototype.vkUrlApi;
+        /** @type {?} */
+        ModoComponent.prototype.statusPay;
+        /** @type {?} */
+        ModoComponent.prototype.isLoading;
+        /**
+         * @type {?}
+         * @private
+         */
+        ModoComponent.prototype.modoApi;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/modo/modo.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ModoModule = /** @class */ (function () {
+        function ModoModule() {
+        }
+        ModoModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [
+                            ModoComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            http.HttpClientModule
+                        ],
+                        exports: [
+                            ModoComponent
+                        ]
+                    },] }
+        ];
+        return ModoModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/vk-payments.module.ts
@@ -3449,7 +3647,8 @@
         MercadopagoModule,
         SpsDecidirModule,
         PaypalModule,
-        GoCuotasModule
+        GoCuotasModule,
+        ModoModule
     ];
     var VkPaymentsModule = /** @class */ (function () {
         function VkPaymentsModule() {
@@ -3477,6 +3676,9 @@
     exports.ɵk = GoCuotasComponent;
     exports.ɵl = ModalComponent;
     exports.ɵm = GoCuotasApiService;
+    exports.ɵn = ModoModule;
+    exports.ɵo = ModoComponent;
+    exports.ɵp = ModoApiService;
 
     Object.defineProperty(exports, '__esModule', { value: true });