@stokr/components-library 2.3.65-beta.1 → 2.3.65-beta.11

package/dist/components/KYCFlow/DocumentSelect.js

@@ -1,118 +0,0 @@
-"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(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'
-};
-class DocumentSelect extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      hovered: ''
-    });
-    _defineProperty(this, "handleHover", hovered => {
-      this.setState({
-        hovered
-      });
-    });
-  }
-  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');
-        }
-      }, "Let's go")))));
-    })));
-  }
-}
-DocumentSelect.propTypes = {
-  changeStep: _propTypes.default.func.isRequired,
-  setPrevStep: _propTypes.default.func.isRequired,
-  formik: _propTypes.default.instanceOf(Object).isRequired
-};
-var _default = exports.default = (0, _formik.connect)(DocumentSelect);

package/dist/components/KYCFlow/DocumentSuccess.js

@@ -1,63 +0,0 @@
-"use strict";
-
-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(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');
-  }, []);
-  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, {
-    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: () => 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 = exports.default = (0, _formik.connect)(DocumentSuccess);

package/dist/components/KYCFlow/DocumentUpload.js

@@ -1,53 +0,0 @@
-"use strict";
-
-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(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, {
-    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: () => {
-      changeStep('kycDocumentSelect');
-    }
-  }, "Begin")))))));
-};
-DocumentUpload.propTypes = {
-  changeStep: _propTypes.default.func.isRequired,
-  setPrevStep: _propTypes.default.func.isRequired
-};
-var _default = exports.default = DocumentUpload;

package/dist/components/KYCFlow/DocumentVerificationType.js

@@ -1,131 +0,0 @@
-"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(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'
-};
-class DocumentVerificationType extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      hovered: ''
-    });
-    _defineProperty(this, "handleHover", hovered => {
-      this.setState({
-        hovered
-      });
-    });
-  }
-  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');
-        }
-      }, "Select")))));
-    })));
-  }
-}
-DocumentVerificationType.propTypes = {
-  changeStep: _propTypes.default.func.isRequired,
-  setPrevStep: _propTypes.default.func.isRequired,
-  formik: _propTypes.default.instanceOf(Object).isRequired
-};
-var _default = exports.default = (0, _formik.connect)(DocumentVerificationType);

package/dist/components/KYCFlow/FaceScan.js

@@ -1,54 +0,0 @@
-"use strict";
-
-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(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, {
-    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: () => {
-      changeStep('kycFaceScanRecognition');
-    }
-  }, "Begin")))))));
-};
-FaceScan.propTypes = {
-  changeStep: _propTypes.default.func.isRequired,
-  setPrevStep: _propTypes.default.func.isRequired
-};
-var _default = exports.default = FaceScan;

package/dist/components/KYCFlow/FaceScanRecognition.js

@@ -1,61 +0,0 @@
-"use strict";
-
-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(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');
-  }, []);
-  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, {
-    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: () => {
-      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 = exports.default = (0, _formik.connect)(FaceScanRecognition);

package/dist/components/KYCFlow/FaceScanSuccess.js

@@ -1,56 +0,0 @@
-"use strict";
-
-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(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, {
-    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: () => 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 = exports.default = FaceScanSuccess;