vk-payments 0.2.8 → 0.2.10

package/bundles/vk-payments.umd.js

@@ -3439,6 +3439,272 @@
         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
+     */
+    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.startModoPayment = /**
+         * @return {?}
+         */
+        function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var initialData_1, modalObject, error_1;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.isLoading = true;
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this.createModoPayment()];
+                        case 2:
+                            initialData_1 = _a.sent();
+                            this.isLoading = false;
+                            modalObject = {
+                                version: '2',
+                                qrString: initialData_1.qrString,
+                                checkoutId: initialData_1.checkoutId,
+                                deeplink: {
+                                    url: initialData_1.deeplink,
+                                    callbackURL: this.callbackUrl,
+                                    callbackURLSuccess: this.callbackUrlSuccess
+                                },
+                                callbackURL: this.callbackUrl,
+                                refreshData: (/**
+                                 * @return {?}
+                                 */
+                                function () { return _this.createModoPayment(); }),
+                                onSuccess: (/**
+                                 * @return {?}
+                                 */
+                                function () {
+                                    _this.statusPay.emit({ success: true, paymentId: initialData_1.checkoutId });
+                                }),
+                                onFailure: (/**
+                                 * @return {?}
+                                 */
+                                function () {
+                                    _this.statusPay.emit({ success: false, paymentId: initialData_1.checkoutId });
+                                }),
+                                onCancel: (/**
+                                 * @return {?}
+                                 */
+                                function () {
+                                    console.log('Pago cancelado por el usuario en el celular.');
+                                }),
+                                onClose: (/**
+                                 * @return {?}
+                                 */
+                                function () {
+                                    console.log('Modal de MODO cerrado.');
+                                }),
+                            };
+                            // 3. Inicia el SDK de MODO
+                            ModoSDK.modoInitPayment(modalObject);
+                            return [3 /*break*/, 4];
+                        case 3:
+                            error_1 = _a.sent();
+                            this.isLoading = false;
+                            this.statusPay.emit({ success: false, paymentId: '' });
+                            console.error("Error al iniciar el pago con MODO", error_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        /**
+         * Esta función se encarga de llamar a tu backend.
+         * Se usa tanto para la carga inicial como para el refresco del SDK.
+         */
+        /**
+         * Esta función se encarga de llamar a tu backend.
+         * Se usa tanto para la carga inicial como para el refresco del SDK.
+         * @private
+         * @return {?}
+         */
+        ModoComponent.prototype.createModoPayment = /**
+         * Esta función se encarga de llamar a tu backend.
+         * Se usa tanto para la carga inicial como para el refresco del SDK.
+         * @private
+         * @return {?}
+         */
+        function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var paymentRequest, response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            paymentRequest = {
+                                amount: this.amount,
+                                orderId: this.orderId,
+                            };
+                            return [4 /*yield*/, this.modoApi.createPayment(paymentRequest, this.vkUrlApi).toPromise()];
+                        case 1:
+                            response = _a.sent();
+                            if (response.success && response.data) {
+                                return [2 /*return*/, {
+                                        qrString: response.data.qrString,
+                                        checkoutId: response.data.internalPaymentId,
+                                        deeplink: response.data.deeplink
+                                    }];
+                            }
+                            else {
+                                throw new Error('La respuesta de la API no fue exitosa.');
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        /**
+         * @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)=\"startModoPayment()\" [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 }],
+            callbackUrl: [{ type: core.Input }],
+            callbackUrlSuccess: [{ 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.callbackUrl;
+        /** @type {?} */
+        ModoComponent.prototype.callbackUrlSuccess;
+        /** @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 +3715,8 @@
         MercadopagoModule,
         SpsDecidirModule,
         PaypalModule,
-        GoCuotasModule
+        GoCuotasModule,
+        ModoModule
     ];
     var VkPaymentsModule = /** @class */ (function () {
         function VkPaymentsModule() {
@@ -3477,6 +3744,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 });