@stokr/components-library
Version:
STOKR - Components Library
63 lines (62 loc) • 3.89 kB
JavaScript
;
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);