@stokr/components-library 1.0.8 → 1.1.0

package/dist/components/KYCFlow/DocumentSelect.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DocumentSelectEnum = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formik = require("formik");
+var _Form = require("../Form/Form");
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _KYCSelectBox = _interopRequireDefault(require("../KYCSelectBox/KYCSelectBox.styles"));
+var _Grid = require("../Grid/Grid.styles");
+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 = {
+  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", {
+      hovered: ''
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleHover", function (hovered) {
+      _this.setState({
+        hovered: 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);
+        }
+      }, 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);
+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;

package/dist/components/KYCFlow/DocumentSuccess.js

@@ -0,0 +1,64 @@
+"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
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formik = require("formik");
+var _SvgIcons = require("../SvgIcons");
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _Grid = require("../Grid/Grid.styles");
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+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 () {
+    setPrevStep('kycDocumentScan');
+  }, []);
+  var values = formik.values;
+  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, {
+    stretch: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 4
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 8
+  }, /*#__PURE__*/_react.default.createElement(_styles.ColumnInner, {
+    verticalPadding: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "THANK YOU"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingBottom: true,
+    center: true
+  }, values.documentType === _DocumentSelect.DocumentSelectEnum.PASSPORT ? /*#__PURE__*/_react.default.createElement(_SvgIcons.PassportSvg, null) : /*#__PURE__*/_react.default.createElement(_SvgIcons.DocumentSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.SuccessMark, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingTop: true,
+    center: true
+  }, /*#__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);
+    }
+  }, "Continue")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 4
+  }))));
+};
+DocumentSuccess.propTypes = {
+  changeStep: _propTypes.default.func.isRequired,
+  setPrevStep: _propTypes.default.func.isRequired,
+  formik: _propTypes.default.instanceOf(Object).isRequired
+};
+var _default = (0, _formik.connect)(DocumentSuccess);
+exports.default = _default;

package/dist/components/KYCFlow/DocumentUpload.js

@@ -0,0 +1,54 @@
+"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
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _Grid = require("../Grid/Grid.styles");
+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 () {
+    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, {
+    withMargin: true
+  }, "Upload ID Document"))), /*#__PURE__*/_react.default.createElement(_styles.Body, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+    center: true,
+    stretch: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 8
+  }, /*#__PURE__*/_react.default.createElement(_styles.ColumnInner, {
+    verticalPadding: true,
+    verticalSpaceAround: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "DOCUMENT VERIFICATION"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_SvgIcons.DocumentSvg, null)), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    minWidth: "188px",
+    onClick: function onClick() {
+      changeStep('kycDocumentSelect');
+    }
+  }, "Begin")))))));
+};
+DocumentUpload.propTypes = {
+  changeStep: _propTypes.default.func.isRequired,
+  setPrevStep: _propTypes.default.func.isRequired
+};
+var _default = DocumentUpload;
+exports.default = _default;

package/dist/components/KYCFlow/DocumentVerificationType.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DocumentVerificationTypeEnum = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formik = require("formik");
+var _Form = require("../Form/Form");
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _KYCSelectBox = _interopRequireDefault(require("../KYCSelectBox/KYCSelectBox.styles"));
+var _Grid = require("../Grid/Grid.styles");
+var _SvgIcons = require("../SvgIcons");
+var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
+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 = {
+  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", {
+      hovered: ''
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleHover", function (hovered) {
+      _this.setState({
+        hovered: 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);
+        }
+      }, 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);
+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;

package/dist/components/KYCFlow/FaceScan.js

@@ -0,0 +1,55 @@
+"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
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+var _Grid = require("../Grid/Grid.styles");
+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 () {
+    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, {
+    withMargin: true
+  }, "Face recognition"))), /*#__PURE__*/_react.default.createElement(_styles.Body, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+    center: true,
+    stretch: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 8
+  }, /*#__PURE__*/_react.default.createElement(_styles.ColumnInner, {
+    verticalPadding: true,
+    verticalSpaceAround: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "SELFIE TIME!"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_SvgIcons.FaceScanIconSvg, null)), /*#__PURE__*/_react.default.createElement(_Text.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement("p", null, "In the next step you'll take a picture of yourself using your device camera")), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    center: true,
+    minWidth: "188px",
+    onClick: function onClick() {
+      changeStep('kycFaceScanRecognition');
+    }
+  }, "Begin")))))));
+};
+FaceScan.propTypes = {
+  changeStep: _propTypes.default.func.isRequired,
+  setPrevStep: _propTypes.default.func.isRequired
+};
+var _default = FaceScan;
+exports.default = _default;

package/dist/components/KYCFlow/FaceScanRecognition.js

@@ -0,0 +1,60 @@
+"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
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formik = require("formik");
+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 () {
+    setPrevStep('kycFaceScan');
+  }, []);
+  var setFieldValue = formik.setFieldValue;
+  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, {
+    noHorizontalPadding: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+    center: true,
+    stretch: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 3
+  }, /*#__PURE__*/_react.default.createElement(_styles.ColumnInner, {
+    verticalCenter: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, {
+    faceScan: true
+  }, "RETAKE"), /*#__PURE__*/_react.default.createElement(_styles.RetakeButton, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.RefreshSvg, null)))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 10
+  }, /*#__PURE__*/_react.default.createElement(_styles.Mask, null)), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 3
+  }, /*#__PURE__*/_react.default.createElement(_styles.ColumnInner, {
+    verticalCenter: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, {
+    faceScan: true
+  }, "DONE"), /*#__PURE__*/_react.default.createElement(_styles.DoneButton, {
+    onClick: function onClick() {
+      setFieldValue('facePicture', 'TODO: GET PHOTO FROM CAMERA');
+      changeStep('kycFaceScanSuccess');
+    }
+  }))))));
+};
+FaceScanRecognition.propTypes = {
+  changeStep: _propTypes.default.func.isRequired,
+  setPrevStep: _propTypes.default.func.isRequired,
+  formik: _propTypes.default.instanceOf(Object).isRequired
+};
+var _default = (0, _formik.connect)(FaceScanRecognition);
+exports.default = _default;

package/dist/components/KYCFlow/FaceScanSuccess.js

@@ -0,0 +1,59 @@
+"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
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _SvgIcons = require("../SvgIcons");
+var _Text = _interopRequireDefault(require("../Text/Text.styles"));
+var _Button = _interopRequireDefault(require("../Button/Button.styles"));
+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 () {
+    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, {
+    withMargin: true
+  }, "Face verification"))), /*#__PURE__*/_react.default.createElement(_styles.Body, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+    stretch: true
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 4
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 8
+  }, /*#__PURE__*/_react.default.createElement(_styles.ColumnInner, {
+    verticalPadding: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.BodyTitle, null, "SCAN COMPLETED"), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true,
+    noPaddingBottom: true
+  }, /*#__PURE__*/_react.default.createElement(_SvgIcons.FaceScanIconSvg, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    center: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.SuccessMark, null)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+    noPaddingTop: true,
+    center: true
+  }, /*#__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);
+    }
+  }, "Continue")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+    part: 4
+  }))));
+};
+FaceScanSuccess.propTypes = {
+  changeStep: _propTypes.default.func.isRequired,
+  setPrevStep: _propTypes.default.func.isRequired
+};
+var _default = FaceScanSuccess;
+exports.default = _default;