@stokr/components-library
Version:
STOKR - Components Library
75 lines (74 loc) • 3.62 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 _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 getSectionTitle = scanItem => {
switch (scanItem) {
case 'passportPicture':
return 'Scan identity page';
case 'cardFrontPicture':
return 'Scan front of ID card';
case 'cardBackPicture':
return 'Scan back of ID card';
default:
return '';
}
};
const DocumentScan = _ref => {
let {
changeStep,
setPrevStep,
scanItem,
formik
} = _ref;
(0, _react.useEffect)(() => {
setPrevStep('kycDocumentScan');
}, []);
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, "DOCUMENT RECOGNITION"), /*#__PURE__*/_react.default.createElement(_styles.HeaderTitle, {
withMargin: true
}, getSectionTitle(scanItem)))), /*#__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(scanItem, 'TODO: GET PHOTO FROM CAMERA');
changeStep('kycDocumentScan');
}
}))))));
};
DocumentScan.propTypes = {
changeStep: _propTypes.default.func.isRequired,
setPrevStep: _propTypes.default.func.isRequired,
scanItem: _propTypes.default.string.isRequired,
formik: _propTypes.default.instanceOf(Object).isRequired
};
var _default = exports.default = (0, _formik.connect)(DocumentScan);