@monei-js/components 1.3.0 → 1.5.1

package/dist/components.cjs.development.js

@@ -975,6 +975,12 @@ var globalConfig = {
   paypalUrl: domain + "/" + version + "/inner-paypal/",
   bizumUrl: domain + "/" + version + "/inner-bizum/",
   bizumButtonUrl: domain + "/" + version + "/inner-bizum-button/",
+  cofidisUrl: domain + "/" + version + "/inner-cofidis/",
+  cofidisButtonUrl: domain + "/" + version + "/inner-cofidis-button/",
+  cofidisWidgetUrl: domain + "/" + version + "/inner-cofidis-widget/",
+  cofidisLoanUrl: domain + "/" + version + "/inner-cofidis-loan/",
+  cofidisLoanButtonUrl: domain + "/" + version + "/inner-cofidis-loan-button/",
+  cofidisLoanWidgetUrl: domain + "/" + version + "/inner-cofidis-loan-widget/",
   googlePayUrl: domain + "/" + version + "/inner-google-pay/",
   paymentRequestUrl: domain + "/" + version + "/inner-payment-request/",
   click2PayUrl: domain + "/" + version + "/inner-click2pay/",
@@ -985,14 +991,20 @@ var stageConfig = {
     paymentPageUrl: "http://192.168.18.3:8080/",
     posPaymentPageUrl: "http://192.168.18.3:8080/",
     cardInputUrl: "http://192.168.18.3:3001/" + version + "/inner-card-input/",
-    paymentModalUrl: "https://monei-payment-modal.eu.ngrok.io/" + version + "/inner-payment-modal/",
+    paymentModalUrl: "http://192.168.18.3:3002/" + version + "/inner-payment-modal/",
     paypalUrl: "http://192.168.18.3:3003/" + version + "/inner-paypal/",
     bizumUrl: "http://192.168.18.3:3004/" + version + "/inner-bizum/",
     bizumButtonUrl: "http://192.168.18.3:3005/" + version + "/inner-bizum-button/",
     googlePayUrl: "http://192.168.18.3:3006/" + version + "/inner-google-pay/",
     paymentRequestUrl: "https://monei-payment-request.eu.ngrok.io/" + version + "/inner-payment-request/",
-    click2PayUrl: "http://192.168.18.3:3007/inner-click2pay/",
-    click2PayButtonUrl: "http://192.168.18.3:3008/inner-click2pay-button/",
+    click2PayUrl: "http://192.168.18.3:3008/inner-click2pay/",
+    click2PayButtonUrl: "http://192.168.18.3:3009/inner-click2pay-button/",
+    cofidisUrl: "http://192.168.18.3:3010/" + version + "/inner-cofidis/",
+    cofidisButtonUrl: "http://192.168.18.3:3011/" + version + "/inner-cofidis-button/",
+    cofidisWidgetUrl: "http://192.168.18.3:3012/" + version + "/inner-cofidis-widget/",
+    cofidisLoanUrl: "http://192.168.18.3:3013/" + version + "/inner-cofidis-loan/",
+    cofidisLoanButtonUrl: "http://192.168.18.3:3014/" + version + "/inner-cofidis-loan-button/",
+    cofidisLoanWidgetUrl: "http://192.168.18.3:3015/" + version + "/inner-cofidis-loan-widget/",
     apiUrl: 'https://api.microapps-staging.com/v1',
     secureDomain: 'https://secure.microapps-staging.com'
   },
@@ -1311,6 +1323,52 @@ var createApplePaySession = /*#__PURE__*/function () {
     return _ref14.apply(this, arguments);
   };
 }();
+var calculateFinancing = /*#__PURE__*/function () {
+  var _ref15 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee9(req) {
+    return runtime_1.wrap(function _callee9$(_context9) {
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            return _context9.abrupt("return", request("/cofidis/calculate-financing", {
+              method: 'POST',
+              body: req
+            }));
+
+          case 1:
+          case "end":
+            return _context9.stop();
+        }
+      }
+    }, _callee9);
+  }));
+
+  return function calculateFinancing(_x10) {
+    return _ref15.apply(this, arguments);
+  };
+}();
+var validateBizumPhone = /*#__PURE__*/function () {
+  var _ref16 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee10(req) {
+    return runtime_1.wrap(function _callee10$(_context10) {
+      while (1) {
+        switch (_context10.prev = _context10.next) {
+          case 0:
+            return _context10.abrupt("return", request("/bizum/validate-phone", {
+              method: 'POST',
+              body: req
+            }));
+
+          case 1:
+          case "end":
+            return _context10.stop();
+        }
+      }
+    }, _callee10);
+  }));
+
+  return function validateBizumPhone(_x11) {
+    return _ref16.apply(this, arguments);
+  };
+}();
 
 var _api = {
   __proto__: null,
@@ -1320,7 +1378,9 @@ var _api = {
   confirmPayment: confirmPayment,
   createPayment: createPayment,
   sendPaymentReceipt: sendPaymentReceipt,
-  createApplePaySession: createApplePaySession
+  createApplePaySession: createApplePaySession,
+  calculateFinancing: calculateFinancing,
+  validateBizumPhone: validateBizumPhone
 };
 
 var postRobot = createCommonjsModule(function (module, exports) {
@@ -14668,7 +14728,7 @@ var options$3 = {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
-    onSuccess: {
+    onSubmit: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
@@ -14767,8 +14827,12 @@ var options$4 = {
         var props = _ref2.props;
         var rootNode = document.createElement('div');
         document.body.appendChild(rootNode);
-        return function () {
+        return function (_ref3) {
+          var amount = _ref3.amount,
+              currency = _ref3.currency;
           var bizumModal = new BizumModal(_extends({}, props, {
+            amount: amount,
+            currency: currency,
             onClose: function onClose() {
               window.onpopstate = null;
               document.body.style.overflow = '';
@@ -14794,46 +14858,179 @@ var options$4 = {
 };
 var Bizum = /*#__PURE__*/zoid.create(options$4);
 
+var EVENT$1;
+
+(function (EVENT) {
+  EVENT["BEFORE_CLOSE"] = "BEFORE_CLOSE";
+})(EVENT$1 || (EVENT$1 = {}));
+
+function containerTemplate$2(_ref) {
+  var uid = _ref.uid,
+      frame = _ref.frame,
+      prerenderFrame = _ref.prerenderFrame,
+      doc = _ref.doc,
+      props = _ref.props,
+      event = _ref.event,
+      _ref$dimensions = _ref.dimensions,
+      width = _ref$dimensions.width,
+      height = _ref$dimensions.height;
+
+  if (!frame || !prerenderFrame) {
+    return;
+  }
+
+  var div = doc.createElement('div');
+  var backdrop = doc.createElement('div');
+  div.setAttribute('id', uid);
+  backdrop.classList.add('backdrop');
+  div.appendChild(backdrop);
+  var style = doc.createElement('style');
+
+  if (props.cspNonce) {
+    style.setAttribute('nonce', props.cspNonce);
+  }
+
+  style.appendChild(doc.createTextNode("\n      #" + uid + " {\n          position: fixed;\n          overflow: hidden;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: " + width + ";\n          height: " + height + ";\n          z-index: 99999;\n      }\n      #" + uid + " > .backdrop {\n          position: fixed;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: 100%;\n          height: 100%;\n          background-color: rgba(40, 40, 40, 0.7);\n          transition: opacity 0.35s ease-in-out;\n          opacity: 0;\n          will-change: opacity;\n      }\n      #" + uid + " > .backdrop." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n      #" + uid + " > iframe {\n          display: inline-block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          transition: all .2s ease-in-out;\n      }\n      #" + uid + " > iframe." + CLASS.INVISIBLE + " {\n          opacity: 0;\n      }\n      #" + uid + " > iframe." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n    "));
+  div.appendChild(frame);
+  div.appendChild(prerenderFrame);
+  div.appendChild(style);
+  prerenderFrame.classList.add(CLASS.VISIBLE);
+  frame.classList.add(CLASS.INVISIBLE);
+  setTimeout(function () {
+    backdrop.classList.add(CLASS.VISIBLE);
+  }, 1);
+  event.on(zoid.EVENT.RENDERED, function () {
+    prerenderFrame.classList.remove(CLASS.VISIBLE);
+    prerenderFrame.classList.add(CLASS.INVISIBLE);
+    frame.classList.remove(CLASS.INVISIBLE);
+    frame.classList.add(CLASS.VISIBLE);
+    setTimeout(function () {
+      belter$3.destroyElement(prerenderFrame);
+    }, 1);
+  });
+  event.on(EVENT$1.BEFORE_CLOSE, function () {
+    backdrop.classList.remove(CLASS.VISIBLE);
+  });
+  event.on(zoid.EVENT.RESIZE, function (_ref2) {
+    var newWidth = _ref2.width,
+        newHeight = _ref2.height;
+
+    if (typeof newWidth === 'number') {
+      div.style.width = belter$3.toCSS(newWidth);
+    }
+
+    if (typeof newHeight === 'number') {
+      div.style.height = belter$3.toCSS(newHeight);
+    }
+  });
+  return div;
+}
+
 // @ts-ignore
 var options$5 = {
-  tag: 'monei-google-pay',
-  url: config.googlePayUrl,
+  tag: 'monei-cofidis',
+  url: config.cofidisUrl,
   dimensions: {
     width: '100%',
-    height: '0'
+    height: '100%'
   },
   autoResize: {
     width: false,
-    height: true
+    height: false
   },
-  validate: validateComponentProps,
-  containerTemplate: containerTemplate,
   prerenderTemplate: function prerenderTemplate() {
     return undefined;
   },
+  containerTemplate: containerTemplate$2,
   props: {
-    accountId: {
+    paymentId: {
       type: zoid.PROP_TYPE.STRING,
       required: false
     },
-    sessionId: {
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    currency: {
       type: zoid.PROP_TYPE.STRING,
       required: false
     },
-    paymentId: {
+    language: {
       type: zoid.PROP_TYPE.STRING,
       required: false
     },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onSubmit: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onBeforeClose: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      "default": function _default(_ref) {
+        var event = _ref.event;
+        return function () {
+          event.trigger(EVENT$1.BEFORE_CLOSE);
+        };
+      }
+    }
+  }
+};
+var CofidisModal = /*#__PURE__*/zoid.create(options$5);
+
+// @ts-ignore
+var options$6 = {
+  tag: 'monei-cofidis-widget',
+  url: config.cofidisWidgetUrl,
+  dimensions: {
+    width: '100%',
+    height: '46px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    accountId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: true
+    },
     amount: {
       type: zoid.PROP_TYPE.NUMBER,
       required: false
     },
-    currency: {
-      type: zoid.PROP_TYPE.STRING,
+    amountInt: {
+      type: zoid.PROP_TYPE.NUMBER,
       required: false
     },
     language: {
       type: zoid.PROP_TYPE.STRING,
+      required: false,
+      "default": function _default() {
+        return 'es';
+      }
+    },
+    showLogo: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
       required: false
     },
     onError: {
@@ -14844,11 +15041,60 @@ var options$5 = {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
-    onSubmit: {
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    }
+  }
+};
+var CofidisWidget = /*#__PURE__*/zoid.create(options$6);
+
+var options$7 = {
+  tag: 'monei-cofidis-button',
+  url: config.cofidisButtonUrl,
+  dimensions: {
+    width: '100%',
+    height: '45px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  validate: validateComponentProps,
+  containerTemplate: containerTemplate,
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    hint: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      "default": function _default() {
+        return true;
+      },
+      required: false
+    },
+    onError: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
-    onBeforeSubmit: {
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
@@ -14864,25 +15110,450 @@ var options$5 = {
         var props = _ref.props;
         return getPaymentMethods.bind(null, props);
       }
+    },
+    __onHintClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref2) {
+        var props = _ref2.props;
+        var rootNode = document.createElement('div');
+        document.body.appendChild(rootNode);
+        return function (_ref3) {
+          var amount = _ref3.amount,
+              currency = _ref3.currency,
+              accountId = _ref3.accountId;
+          var cofidisModal = new CofidisModal(_extends({}, props, {
+            amount: amount,
+            currency: currency,
+            accountId: accountId,
+            onClose: function onClose() {
+              window.onpopstate = null;
+              document.body.style.overflow = '';
+            },
+            isOpen: true
+          }));
+          window.history.pushState(null, '', window.location.href);
+
+          window.onpopstate = function () {
+            return cofidisModal.updateProps({
+              isOpen: false
+            });
+          };
+
+          Object.assign(document.body.style, {
+            overflow: 'hidden'
+          });
+          return cofidisModal.render(rootNode);
+        };
+      }
     }
   }
 };
-var GooglePay = /*#__PURE__*/zoid.create(options$5);
+var Cofidis = /*#__PURE__*/zoid.create(options$7);
 
-var onApplePayButtonClicked = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(props, request, context) {
-    var session;
-    return runtime_1.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            session = new window.ApplePaySession(3, request);
+var EVENT$2;
 
-            session.onvalidatemerchant = /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(event) {
-                var merchantSession;
-                return runtime_1.wrap(function _callee$(_context) {
-                  while (1) {
+(function (EVENT) {
+  EVENT["BEFORE_CLOSE"] = "BEFORE_CLOSE";
+})(EVENT$2 || (EVENT$2 = {}));
+
+function containerTemplate$3(_ref) {
+  var uid = _ref.uid,
+      frame = _ref.frame,
+      prerenderFrame = _ref.prerenderFrame,
+      doc = _ref.doc,
+      props = _ref.props,
+      event = _ref.event,
+      _ref$dimensions = _ref.dimensions,
+      width = _ref$dimensions.width,
+      height = _ref$dimensions.height;
+
+  if (!frame || !prerenderFrame) {
+    return;
+  }
+
+  var div = doc.createElement('div');
+  var backdrop = doc.createElement('div');
+  div.setAttribute('id', uid);
+  backdrop.classList.add('backdrop');
+  div.appendChild(backdrop);
+  var style = doc.createElement('style');
+
+  if (props.cspNonce) {
+    style.setAttribute('nonce', props.cspNonce);
+  }
+
+  style.appendChild(doc.createTextNode("\n      #" + uid + " {\n          position: fixed;\n          overflow: hidden;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: " + width + ";\n          height: " + height + ";\n          z-index: 99999;\n      }\n      #" + uid + " > .backdrop {\n          position: fixed;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: 100%;\n          height: 100%;\n          background-color: rgba(40, 40, 40, 0.7);\n          transition: opacity 0.35s ease-in-out;\n          opacity: 0;\n          will-change: opacity;\n      }\n      #" + uid + " > .backdrop." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n      #" + uid + " > iframe {\n          display: inline-block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          transition: all .2s ease-in-out;\n      }\n      #" + uid + " > iframe." + CLASS.INVISIBLE + " {\n          opacity: 0;\n      }\n      #" + uid + " > iframe." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n    "));
+  div.appendChild(frame);
+  div.appendChild(prerenderFrame);
+  div.appendChild(style);
+  prerenderFrame.classList.add(CLASS.VISIBLE);
+  frame.classList.add(CLASS.INVISIBLE);
+  setTimeout(function () {
+    backdrop.classList.add(CLASS.VISIBLE);
+  }, 1);
+  event.on(zoid.EVENT.RENDERED, function () {
+    prerenderFrame.classList.remove(CLASS.VISIBLE);
+    prerenderFrame.classList.add(CLASS.INVISIBLE);
+    frame.classList.remove(CLASS.INVISIBLE);
+    frame.classList.add(CLASS.VISIBLE);
+    setTimeout(function () {
+      belter$3.destroyElement(prerenderFrame);
+    }, 1);
+  });
+  event.on(EVENT$2.BEFORE_CLOSE, function () {
+    backdrop.classList.remove(CLASS.VISIBLE);
+  });
+  event.on(zoid.EVENT.RESIZE, function (_ref2) {
+    var newWidth = _ref2.width,
+        newHeight = _ref2.height;
+
+    if (typeof newWidth === 'number') {
+      div.style.width = belter$3.toCSS(newWidth);
+    }
+
+    if (typeof newHeight === 'number') {
+      div.style.height = belter$3.toCSS(newHeight);
+    }
+  });
+  return div;
+}
+
+// @ts-ignore
+var options$8 = {
+  tag: 'monei-cofidis-loan',
+  url: config.cofidisLoanUrl,
+  dimensions: {
+    width: '100%',
+    height: '100%'
+  },
+  autoResize: {
+    width: false,
+    height: false
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  containerTemplate: containerTemplate$3,
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    currency: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onSubmit: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onBeforeClose: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      "default": function _default(_ref) {
+        var event = _ref.event;
+        return function () {
+          event.trigger(EVENT$2.BEFORE_CLOSE);
+        };
+      }
+    }
+  }
+};
+var CofidisLoanModal = /*#__PURE__*/zoid.create(options$8);
+var CofidisPayModal = CofidisLoanModal;
+
+// @ts-ignore
+var options$9 = {
+  tag: 'monei-cofidis-loan-widget',
+  url: config.cofidisLoanWidgetUrl,
+  dimensions: {
+    width: '100%',
+    height: '46px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    accountId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: true
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    amountInt: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false,
+      "default": function _default() {
+        return 'es';
+      }
+    },
+    showLogo: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    }
+  }
+};
+var CofidisLoanWidget = /*#__PURE__*/zoid.create(options$9);
+var CofidisPayWidget = CofidisLoanWidget;
+
+var options$a = {
+  tag: 'monei-cofidis-loan-button',
+  url: config.cofidisLoanButtonUrl,
+  dimensions: {
+    width: '100%',
+    height: '45px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  validate: validateComponentProps,
+  containerTemplate: containerTemplate,
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    hint: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      "default": function _default() {
+        return true;
+      },
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    __getConfig: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref) {
+        var props = _ref.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    },
+    __onHintClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref2) {
+        var props = _ref2.props;
+        var rootNode = document.createElement('div');
+        document.body.appendChild(rootNode);
+        return function (_ref3) {
+          var amount = _ref3.amount,
+              currency = _ref3.currency,
+              accountId = _ref3.accountId;
+          var cofidisModal = new CofidisLoanModal(_extends({}, props, {
+            amount: amount,
+            currency: currency,
+            accountId: accountId,
+            onClose: function onClose() {
+              window.onpopstate = null;
+              document.body.style.overflow = '';
+            },
+            isOpen: true
+          }));
+          window.history.pushState(null, '', window.location.href);
+
+          window.onpopstate = function () {
+            return cofidisModal.updateProps({
+              isOpen: false
+            });
+          };
+
+          Object.assign(document.body.style, {
+            overflow: 'hidden'
+          });
+          return cofidisModal.render(rootNode);
+        };
+      }
+    }
+  }
+};
+var CofidisLoan = /*#__PURE__*/zoid.create(options$a);
+var CofidisPay = CofidisLoan;
+
+// @ts-ignore
+var options$b = {
+  tag: 'monei-google-pay',
+  url: config.googlePayUrl,
+  dimensions: {
+    width: '100%',
+    height: '0'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  validate: validateComponentProps,
+  containerTemplate: containerTemplate,
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    accountId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    sessionId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    currency: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onSubmit: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onBeforeSubmit: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    __getConfig: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref) {
+        var props = _ref.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    }
+  }
+};
+var GooglePay = /*#__PURE__*/zoid.create(options$b);
+
+var onApplePayButtonClicked = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(props, request, context) {
+    var session;
+    return runtime_1.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            session = new window.ApplePaySession(3, request);
+
+            session.onvalidatemerchant = /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(event) {
+                var merchantSession;
+                return runtime_1.wrap(function _callee$(_context) {
+                  while (1) {
                     switch (_context.prev = _context.next) {
                       case 0:
                         _context.prev = 0;
@@ -14985,7 +15656,7 @@ var onApplePayButtonClicked = /*#__PURE__*/function () {
   };
 }();
 
-var options$6 = {
+var options$c = {
   tag: 'monei-payment-request',
   url: config.paymentRequestUrl,
   dimensions: {
@@ -15078,7 +15749,7 @@ var options$6 = {
     }
   }
 };
-var PaymentRequest = /*#__PURE__*/zoid.create(options$6);
+var PaymentRequest = /*#__PURE__*/zoid.create(options$c);
 
 (function (NextActionType) {
   NextActionType["CONFIRM"] = "CONFIRM";
@@ -15093,6 +15764,15 @@ var utils = _utils;
 exports.Bizum = Bizum;
 exports.BizumModal = BizumModal;
 exports.CardInput = CardInput;
+exports.Cofidis = Cofidis;
+exports.CofidisLoan = CofidisLoan;
+exports.CofidisLoanModal = CofidisLoanModal;
+exports.CofidisLoanWidget = CofidisLoanWidget;
+exports.CofidisModal = CofidisModal;
+exports.CofidisPay = CofidisPay;
+exports.CofidisPayModal = CofidisPayModal;
+exports.CofidisPayWidget = CofidisPayWidget;
+exports.CofidisWidget = CofidisWidget;
 exports.GooglePay = GooglePay;
 exports.PayPal = PayPal;
 exports.PaymentModal = PaymentModal;