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