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

package/dist/components/KYCFlow/DocumentSelect.js

@@ -15,134 +15,104 @@ 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; }
-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 _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 DocumentSelectEnum = {
+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 _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); }
+const DocumentSelectEnum = exports.DocumentSelectEnum = {
   PASSPORT: 'passport',
   TWO_SIDED_DOCUMENT: 'twoSidedDocument'
 };
-exports.DocumentSelectEnum = DocumentSelectEnum;
-var DocumentSelect = /*#__PURE__*/function (_PureComponent) {
-  _inherits(DocumentSelect, _PureComponent);
-  var _super = _createSuper(DocumentSelect);
-  function DocumentSelect() {
-    var _this;
-    _classCallCheck(this, DocumentSelect);
-    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", {
+class DocumentSelect extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       hovered: ''
     });
-    _defineProperty(_assertThisInitialized(_this), "handleHover", function (hovered) {
-      _this.setState({
-        hovered: hovered
+    _defineProperty(this, "handleHover", hovered => {
+      this.setState({
+        hovered
       });
     });
-    return _this;
   }
-  _createClass(DocumentSelect, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var setPrevStep = this.props.setPrevStep;
-      setPrevStep('kycDocumentUpload');
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        changeStep = _this$props.changeStep,
-        formik = _this$props.formik;
-      var setFieldValue = formik.setFieldValue;
-      var hovered = this.state.hovered;
-      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, {
-        withMargin: true
-      }, "What do you have at hand?"))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
-        noVerticalPadding: true
-      }, /*#__PURE__*/_react.default.createElement(_formik.Field, {
-        name: "documentType",
-        validate: function validate() {
-          return (0, _Form.validate)('documentType', formik);
+  componentDidMount() {
+    const {
+      setPrevStep
+    } = this.props;
+    setPrevStep('kycDocumentUpload');
+  }
+  render() {
+    const {
+      changeStep,
+      formik
+    } = this.props;
+    const {
+      setFieldValue
+    } = formik;
+    const {
+      hovered
+    } = this.state;
+    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, {
+      withMargin: true
+    }, "What do you have at hand?"))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
+      noVerticalPadding: true
+    }, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+      name: "documentType",
+      validate: () => (0, _Form.validate)('documentType', formik)
+    }, _ref => {
+      let {
+        field
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+        stretch: true
+      }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+        part: 8
+      }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
+        name: DocumentSelectEnum.PASSPORT,
+        selectedItem: field.value,
+        isGreyedOut: hovered === DocumentSelectEnum.TWO_SIDED_DOCUMENT,
+        onMouseEnter: () => this.handleHover(DocumentSelectEnum.PASSPORT),
+        onMouseLeave: () => this.handleHover('')
+      }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "PASSPORT"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcons.PassportSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingTop: true,
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        center: true,
+        minWidth: "188px",
+        onClick: () => {
+          setFieldValue(field.name, DocumentSelectEnum.PASSPORT);
+          changeStep('kycDocumentVerificationType');
+        }
+      }, "Let's go")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+        part: 8
+      }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
+        name: DocumentSelectEnum.TWO_SIDED_DOCUMENT,
+        selectedItem: field.value,
+        isGreyedOut: hovered === DocumentSelectEnum.PASSPORT,
+        onMouseEnter: () => this.handleHover(DocumentSelectEnum.TWO_SIDED_DOCUMENT),
+        onMouseLeave: () => this.handleHover('')
+      }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "IDENTITY CARD"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcons.DocumentSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingTop: true,
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        center: true,
+        minWidth: "188px",
+        onClick: () => {
+          setFieldValue(field.name, DocumentSelectEnum.TWO_SIDED_DOCUMENT);
+          changeStep('kycDocumentVerificationType');
         }
-      }, function (_ref) {
-        var field = _ref.field;
-        return /*#__PURE__*/_react.default.createElement(_Grid.Row, {
-          stretch: true
-        }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-          part: 8
-        }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
-          name: DocumentSelectEnum.PASSPORT,
-          selectedItem: field.value,
-          isGreyedOut: hovered === DocumentSelectEnum.TWO_SIDED_DOCUMENT,
-          onMouseEnter: function onMouseEnter() {
-            return _this2.handleHover(DocumentSelectEnum.PASSPORT);
-          },
-          onMouseLeave: function onMouseLeave() {
-            return _this2.handleHover('');
-          }
-        }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "PASSPORT"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_SvgIcons.PassportSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingTop: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          center: true,
-          minWidth: "188px",
-          onClick: function onClick() {
-            setFieldValue(field.name, DocumentSelectEnum.PASSPORT);
-            changeStep('kycDocumentVerificationType');
-          }
-        }, "Let's go")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-          part: 8
-        }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
-          name: DocumentSelectEnum.TWO_SIDED_DOCUMENT,
-          selectedItem: field.value,
-          isGreyedOut: hovered === DocumentSelectEnum.PASSPORT,
-          onMouseEnter: function onMouseEnter() {
-            return _this2.handleHover(DocumentSelectEnum.TWO_SIDED_DOCUMENT);
-          },
-          onMouseLeave: function onMouseLeave() {
-            return _this2.handleHover('');
-          }
-        }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "IDENTITY CARD"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_SvgIcons.DocumentSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingTop: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          center: true,
-          minWidth: "188px",
-          onClick: function onClick() {
-            setFieldValue(field.name, DocumentSelectEnum.TWO_SIDED_DOCUMENT);
-            changeStep('kycDocumentVerificationType');
-          }
-        }, "Let's go")))));
-      })));
-    }
-  }]);
-  return DocumentSelect;
-}(_react.PureComponent);
+      }, "Let's go")))));
+    })));
+  }
+}
 DocumentSelect.propTypes = {
   changeStep: _propTypes.default.func.isRequired,
   setPrevStep: _propTypes.default.func.isRequired,
   formik: _propTypes.default.instanceOf(Object).isRequired
 };
-var _default = (0, _formik.connect)(DocumentSelect);
-exports.default = _default;
+var _default = exports.default = (0, _formik.connect)(DocumentSelect);

package/dist/components/KYCFlow/DocumentSuccess.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
 });
@@ -16,17 +15,20 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
 var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _styles = require("./_styles");
 var _DocumentSelect = require("./DocumentSelect");
-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 DocumentSuccess = function DocumentSuccess(_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 DocumentSuccess = _ref => {
+  let {
+    changeStep,
+    setPrevStep,
+    formik
+  } = _ref;
+  (0, _react.useEffect)(() => {
     setPrevStep('kycDocumentScan');
   }, []);
-  var values = formik.values;
+  const {
+    values
+  } = 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, "Verify your identity"), /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, {
     withMargin: true
   }, "Upload successfull"))), /*#__PURE__*/_react.default.createElement(_styles.Body, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
@@ -48,9 +50,7 @@ var DocumentSuccess = function DocumentSuccess(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Our robots are having a look"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     center: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      return changeStep('kycFaceScan', 2, 1);
-    }
+    onClick: () => changeStep('kycFaceScan', 2, 1)
   }, "Continue")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
     part: 4
   }))));
@@ -60,5 +60,4 @@ DocumentSuccess.propTypes = {
   setPrevStep: _propTypes.default.func.isRequired,
   formik: _propTypes.default.instanceOf(Object).isRequired
 };
-var _default = (0, _formik.connect)(DocumentSuccess);
-exports.default = _default;
+var _default = exports.default = (0, _formik.connect)(DocumentSuccess);

package/dist/components/KYCFlow/DocumentUpload.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 DocumentUpload = function DocumentUpload(_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 DocumentUpload = _ref => {
+  let {
+    changeStep,
+    setPrevStep
+  } = _ref;
+  (0, _react.useEffect)(() => {
     setPrevStep('kycTerms', 0);
   }, []);
   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, {
@@ -41,7 +41,7 @@ var DocumentUpload = function DocumentUpload(_ref) {
     center: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     minWidth: "188px",
-    onClick: function onClick() {
+    onClick: () => {
       changeStep('kycDocumentSelect');
     }
   }, "Begin")))))));
@@ -50,5 +50,4 @@ DocumentUpload.propTypes = {
   changeStep: _propTypes.default.func.isRequired,
   setPrevStep: _propTypes.default.func.isRequired
 };
-var _default = DocumentUpload;
-exports.default = _default;
+var _default = exports.default = DocumentUpload;

package/dist/components/KYCFlow/DocumentVerificationType.js

@@ -17,145 +17,115 @@ var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/Comp
 var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _styles = require("./_styles");
 var _DocumentSelect = require("./DocumentSelect");
-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 _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 DocumentVerificationTypeEnum = {
+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 _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); }
+const DocumentVerificationTypeEnum = exports.DocumentVerificationTypeEnum = {
   UPLOAD_IMAGE: 'uploadImage',
   DEVICE_CAMERA: 'deviceCamera'
 };
-exports.DocumentVerificationTypeEnum = DocumentVerificationTypeEnum;
-var DocumentVerificationType = /*#__PURE__*/function (_PureComponent) {
-  _inherits(DocumentVerificationType, _PureComponent);
-  var _super = _createSuper(DocumentVerificationType);
-  function DocumentVerificationType() {
-    var _this;
-    _classCallCheck(this, DocumentVerificationType);
-    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", {
+class DocumentVerificationType extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       hovered: ''
     });
-    _defineProperty(_assertThisInitialized(_this), "handleHover", function (hovered) {
-      _this.setState({
-        hovered: hovered
+    _defineProperty(this, "handleHover", hovered => {
+      this.setState({
+        hovered
       });
     });
-    return _this;
   }
-  _createClass(DocumentVerificationType, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var setPrevStep = this.props.setPrevStep;
-      setPrevStep('kycDocumentSelect');
-    }
-  }, {
-    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,
-        setFieldValue = formik.setFieldValue;
-      var hovered = this.state.hovered;
-      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, {
-        withMargin: true
-      }, "Choose verification method"))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
-        noVerticalPadding: true
-      }, /*#__PURE__*/_react.default.createElement(_formik.Field, {
-        name: "verificationType",
-        validate: function validate() {
-          return (0, _Form.validate)('verificationType', formik);
+  componentDidMount() {
+    const {
+      setPrevStep
+    } = this.props;
+    setPrevStep('kycDocumentSelect');
+  }
+  render() {
+    const {
+      changeStep,
+      formik
+    } = this.props;
+    const {
+      values,
+      setFieldValue
+    } = formik;
+    const {
+      hovered
+    } = this.state;
+    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, {
+      withMargin: true
+    }, "Choose verification method"))), /*#__PURE__*/_react.default.createElement(_styles.Body, {
+      noVerticalPadding: true
+    }, /*#__PURE__*/_react.default.createElement(_formik.Field, {
+      name: "verificationType",
+      validate: () => (0, _Form.validate)('verificationType', formik)
+    }, _ref => {
+      let {
+        field
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+        stretch: true
+      }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+        part: 8
+      }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
+        name: DocumentVerificationTypeEnum.UPLOAD_IMAGE,
+        selectedItem: field.value,
+        isGreyedOut: hovered === DocumentVerificationTypeEnum.DEVICE_CAMERA,
+        onMouseEnter: () => this.handleHover(DocumentVerificationTypeEnum.UPLOAD_IMAGE),
+        onMouseLeave: () => this.handleHover('')
+      }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "UPLOAD IMAGE FILE"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcons.UploadSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingTop: true,
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement("p", null, 'You can upload an existing JPG, PNG or PDF image of your ', values.documentType === _DocumentSelect.DocumentSelectEnum.PASSPORT ? 'passport' : 'identity card', " that's under 2MB"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingTop: true,
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        center: true,
+        minWidth: "188px",
+        onClick: () => {
+          setFieldValue(field.name, DocumentVerificationTypeEnum.UPLOAD_IMAGE);
+          changeStep('kycDocumentScan');
+        }
+      }, "Select")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+        part: 8
+      }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
+        name: DocumentVerificationTypeEnum.DEVICE_CAMERA,
+        selectedItem: field.value,
+        isGreyedOut: hovered === DocumentVerificationTypeEnum.UPLOAD_IMAGE,
+        onMouseEnter: () => this.handleHover(DocumentVerificationTypeEnum.DEVICE_CAMERA),
+        onMouseLeave: () => this.handleHover('')
+      }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "USE DEVICE CAMERA"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcons.CameraSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingTop: true,
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+        center: true
+      }, /*#__PURE__*/_react.default.createElement("p", null, 'You can use the built-in camera on your device to capture an image of your ', values.documentType === _DocumentSelect.DocumentSelectEnum.PASSPORT ? 'passport' : 'identity card'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingTop: true,
+        center: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        center: true,
+        minWidth: "188px",
+        onClick: () => {
+          setFieldValue(field.name, DocumentVerificationTypeEnum.DEVICE_CAMERA);
+          changeStep('kycDocumentScan');
         }
-      }, function (_ref) {
-        var field = _ref.field;
-        return /*#__PURE__*/_react.default.createElement(_Grid.Row, {
-          stretch: true
-        }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-          part: 8
-        }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
-          name: DocumentVerificationTypeEnum.UPLOAD_IMAGE,
-          selectedItem: field.value,
-          isGreyedOut: hovered === DocumentVerificationTypeEnum.DEVICE_CAMERA,
-          onMouseEnter: function onMouseEnter() {
-            return _this2.handleHover(DocumentVerificationTypeEnum.UPLOAD_IMAGE);
-          },
-          onMouseLeave: function onMouseLeave() {
-            return _this2.handleHover('');
-          }
-        }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "UPLOAD IMAGE FILE"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_SvgIcons.UploadSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingTop: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-          center: true
-        }, /*#__PURE__*/_react.default.createElement("p", null, 'You can upload an existing JPG, PNG or PDF image of your ', values.documentType === _DocumentSelect.DocumentSelectEnum.PASSPORT ? 'passport' : 'identity card', " that's under 2MB"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingTop: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          center: true,
-          minWidth: "188px",
-          onClick: function onClick() {
-            setFieldValue(field.name, DocumentVerificationTypeEnum.UPLOAD_IMAGE);
-            changeStep('kycDocumentScan');
-          }
-        }, "Select")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-          part: 8
-        }, /*#__PURE__*/_react.default.createElement(_KYCSelectBox.default, {
-          name: DocumentVerificationTypeEnum.DEVICE_CAMERA,
-          selectedItem: field.value,
-          isGreyedOut: hovered === DocumentVerificationTypeEnum.UPLOAD_IMAGE,
-          onMouseEnter: function onMouseEnter() {
-            return _this2.handleHover(DocumentVerificationTypeEnum.DEVICE_CAMERA);
-          },
-          onMouseLeave: function onMouseLeave() {
-            return _this2.handleHover('');
-          }
-        }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "USE DEVICE CAMERA"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_SvgIcons.CameraSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingTop: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Text.default, {
-          center: true
-        }, /*#__PURE__*/_react.default.createElement("p", null, 'You can use the built-in camera on your device to capture an image of your ', values.documentType === _DocumentSelect.DocumentSelectEnum.PASSPORT ? 'passport' : 'identity card'))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingTop: true,
-          center: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          center: true,
-          minWidth: "188px",
-          onClick: function onClick() {
-            setFieldValue(field.name, DocumentVerificationTypeEnum.DEVICE_CAMERA);
-            changeStep('kycDocumentScan');
-          }
-        }, "Select")))));
-      })));
-    }
-  }]);
-  return DocumentVerificationType;
-}(_react.PureComponent);
+      }, "Select")))));
+    })));
+  }
+}
 DocumentVerificationType.propTypes = {
   changeStep: _propTypes.default.func.isRequired,
   setPrevStep: _propTypes.default.func.isRequired,
   formik: _propTypes.default.instanceOf(Object).isRequired
 };
-var _default = (0, _formik.connect)(DocumentVerificationType);
-exports.default = _default;
+var _default = exports.default = (0, _formik.connect)(DocumentVerificationType);