@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/KYCFlow/FaceScan.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,13 +13,14 @@ var _SvgIcons = require("../SvgIcons");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _styles = require("./_styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var FaceScan = function FaceScan(_ref) {
-  var changeStep = _ref.changeStep,
-    setPrevStep = _ref.setPrevStep;
-  (0, _react.useEffect)(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FaceScan = _ref => {
+  let {
+    changeStep,
+    setPrevStep
+  } = _ref;
+  (0, _react.useEffect)(() => {
     setPrevStep('kycDocumentSuccess', 1);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Verify your identity"), /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, {
@@ -42,7 +42,7 @@ var FaceScan = function FaceScan(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     center: true,
     minWidth: "188px",
-    onClick: function onClick() {
+    onClick: () => {
       changeStep('kycFaceScanRecognition');
     }
   }, "Begin")))))));
@@ -51,5 +51,4 @@ FaceScan.propTypes = {
   changeStep: _propTypes.default.func.isRequired,
   setPrevStep: _propTypes.default.func.isRequired
 };
-var _default = FaceScan;
-exports.default = _default;
+var _default = exports.default = FaceScan;

package/dist/components/KYCFlow/FaceScanRecognition.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,17 +11,20 @@ var _Grid = require("../Grid/Grid.styles");
 var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _SvgIcons = require("../SvgIcons");
 var _styles = require("./_styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var FaceScanRecognition = function FaceScanRecognition(_ref) {
-  var changeStep = _ref.changeStep,
-    setPrevStep = _ref.setPrevStep,
-    formik = _ref.formik;
-  (0, _react.useEffect)(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FaceScanRecognition = _ref => {
+  let {
+    changeStep,
+    setPrevStep,
+    formik
+  } = _ref;
+  (0, _react.useEffect)(() => {
     setPrevStep('kycFaceScan');
   }, []);
-  var setFieldValue = formik.setFieldValue;
+  const {
+    setFieldValue
+  } = formik;
   return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Face recognition"), /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, {
     withMargin: true
   }, "Put your happy investor face on"))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
@@ -45,7 +47,7 @@ var FaceScanRecognition = function FaceScanRecognition(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, {
     faceScan: true
   }, "DONE"), /*#__PURE__*/_react.default.createElement(_styles.DoneButton, {
-    onClick: function onClick() {
+    onClick: () => {
       setFieldValue('facePicture', 'TODO: GET PHOTO FROM CAMERA');
       changeStep('kycFaceScanSuccess');
     }
@@ -56,5 +58,4 @@ FaceScanRecognition.propTypes = {
   setPrevStep: _propTypes.default.func.isRequired,
   formik: _propTypes.default.instanceOf(Object).isRequired
 };
-var _default = (0, _formik.connect)(FaceScanRecognition);
-exports.default = _default;
+var _default = exports.default = (0, _formik.connect)(FaceScanRecognition);

package/dist/components/KYCFlow/FaceScanSuccess.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,13 +13,14 @@ var _Grid = require("../Grid/Grid.styles");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _styles = require("./_styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var FaceScanSuccess = function FaceScanSuccess(_ref) {
-  var changeStep = _ref.changeStep,
-    setPrevStep = _ref.setPrevStep;
-  (0, _react.useEffect)(function () {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FaceScanSuccess = _ref => {
+  let {
+    changeStep,
+    setPrevStep
+  } = _ref;
+  (0, _react.useEffect)(() => {
     setPrevStep('kycFaceScanRecognition');
   }, []);
   return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, null, "Verify your identity"), /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, {
@@ -44,9 +44,7 @@ var FaceScanSuccess = function FaceScanSuccess(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Great shot - thank you"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     center: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return changeStep('kycBasicInfo', 3, 2);
-    }
+    onClick: () => changeStep('kycBasicInfo', 3, 2)
   }, "Continue")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
     part: 4
   }))));
@@ -55,5 +53,4 @@ FaceScanSuccess.propTypes = {
   changeStep: _propTypes.default.func.isRequired,
   setPrevStep: _propTypes.default.func.isRequired
 };
-var _default = FaceScanSuccess;
-exports.default = _default;
+var _default = exports.default = FaceScanSuccess;

package/dist/components/KYCFlow/Terms.js

@@ -15,128 +15,105 @@ var _Form = require("../Form/Form");
 var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _styles = require("./_styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var KYCTerms = /*#__PURE__*/function (_PureComponent) {
-  _inherits(KYCTerms, _PureComponent);
-  var _super = _createSuper(KYCTerms);
-  function KYCTerms() {
-    var _this;
-    _classCallCheck(this, KYCTerms);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class KYCTerms extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       popupOpen: false
     });
-    _defineProperty(_assertThisInitialized(_this), "handlePopup", function (isOpen) {
-      var formik = _this.props.formik;
-      var validateField = formik.validateField,
-        values = formik.values;
+    _defineProperty(this, "handlePopup", isOpen => {
+      const {
+        formik
+      } = this.props;
+      const {
+        validateField,
+        values
+      } = formik;
       validateField('notUsResident');
       validateField('termsAccepted');
-      var buttonDisabled = !values.termsAccepted || !values.notUsResident;
-      _this.setState({
+      const buttonDisabled = !values.termsAccepted || !values.notUsResident;
+      this.setState({
         popupOpen: buttonDisabled ? isOpen : false
       });
     });
-    return _this;
   }
-  _createClass(KYCTerms, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        changeStep = _this$props.changeStep,
-        formik = _this$props.formik;
-      var values = formik.values,
-        errors = formik.errors;
-      var popupOpen = this.state.popupOpen;
-      var buttonDisabled = !values.termsAccepted || !values.notUsResident;
-      return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, null, "Terms and conditions"), /*#__PURE__*/_react.default.createElement(_styles.HeaderButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
-        open: popupOpen,
-        position: "bottom",
-        title: "Please correct all the required fields",
-        theme: "light",
-        arrow: true,
-        duration: 200
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        onMouseEnter: function onMouseEnter() {
-          return _this2.handlePopup(true);
-        },
-        onMouseLeave: function onMouseLeave() {
-          return _this2.handlePopup(false);
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        onClick: function onClick() {
-          return changeStep('kycDocumentUpload', 1, 0);
-        },
-        disabled: buttonDisabled
-      }, "Next"))))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
-        noHorizontalPadding: true
-      }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-        noPaddingVertical: true
-      }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.")))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-        noPaddingBottom: true
-      }, /*#__PURE__*/_react.default.createElement(_styles.BottomWrapper, null, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_formik.Field, {
-        name: "termsAccepted",
-        validate: function validate() {
-          return (0, _Form.validate)('termsAccepted', formik);
-        }
-      }, function (_ref) {
-        var field = _ref.field;
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
-          id: "terms-accepted",
-          text: "I accept the full Terms and Conditions",
-          checked: field.value,
-          error: !!errors[field.name]
-        }, field, {
-          value: "yes"
-        })), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          show: errors[field.name]
-        }, errors[field.name]));
-      })), /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_formik.Field, {
-        name: "notUsResident",
-        validate: function validate() {
-          return (0, _Form.validate)('notUsResident', formik);
-        }
-      }, function (_ref2) {
-        var field = _ref2.field;
-        return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
-          id: "not-us-resident",
-          text: "I am not a US resident",
-          checked: field.value,
-          error: !!errors[field.name]
-        }, field, {
-          value: "yes"
-        })), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          show: errors[field.name]
-        }, errors[field.name]));
-      }))))));
-    }
-  }]);
-  return KYCTerms;
-}(_react.PureComponent);
+  render() {
+    const {
+      changeStep,
+      formik
+    } = this.props;
+    const {
+      values,
+      errors
+    } = formik;
+    const {
+      popupOpen
+    } = this.state;
+    const buttonDisabled = !values.termsAccepted || !values.notUsResident;
+    return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, null, "Terms and conditions"), /*#__PURE__*/_react.default.createElement(_styles.HeaderButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
+      open: popupOpen,
+      position: "bottom",
+      title: "Please correct all the required fields",
+      theme: "light",
+      arrow: true,
+      duration: 200
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      onMouseEnter: () => this.handlePopup(true),
+      onMouseLeave: () => this.handlePopup(false)
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      onClick: () => changeStep('kycDocumentUpload', 1, 0),
+      disabled: buttonDisabled
+    }, "Next"))))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
+      noHorizontalPadding: true
+    }, /*#__PURE__*/_react.default.createElement(_ComponentScroll.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+      noPaddingVertical: true
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "In ac dui quis mi consectetuer lacinia. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero."), /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."), /*#__PURE__*/_react.default.createElement("p", null, "Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero.")))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+      noPaddingBottom: true
+    }, /*#__PURE__*/_react.default.createElement(_styles.BottomWrapper, null, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+      name: "termsAccepted",
+      validate: () => (0, _Form.validate)('termsAccepted', formik)
+    }, _ref => {
+      let {
+        field
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
+        id: "terms-accepted",
+        text: "I accept the full Terms and Conditions",
+        checked: field.value,
+        error: !!errors[field.name]
+      }, field, {
+        value: "yes"
+      })), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+        show: errors[field.name]
+      }, errors[field.name]));
+    })), /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+      name: "notUsResident",
+      validate: () => (0, _Form.validate)('notUsResident', formik)
+    }, _ref2 => {
+      let {
+        field
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({
+        id: "not-us-resident",
+        text: "I am not a US resident",
+        checked: field.value,
+        error: !!errors[field.name]
+      }, field, {
+        value: "yes"
+      })), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+        show: errors[field.name]
+      }, errors[field.name]));
+    }))))));
+  }
+}
 KYCTerms.propTypes = {
   changeStep: _propTypes.default.func.isRequired,
   formik: _propTypes.default.instanceOf(Object).isRequired
 };
-var _default = (0, _formik.connect)(KYCTerms);
-exports.default = _default;
+var _default = exports.default = (0, _formik.connect)(KYCTerms);