@open-tender/ui
Version:
A component library for use with the Open Tender web app
18 lines (17 loc) • 1.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_1 = require("../utils");
const ModalContent_1 = tslib_1.__importDefault(require("./ModalContent"));
const View_1 = tslib_1.__importDefault(require("./View"));
const SignInPhone = ({ config, handlers, errMsg, modalContentConfig, renderErrorMessage, renderKeypad, renderSignUp }) => {
const { signInPhone__title, signInPhone__subtitle } = config;
const title = signInPhone__title.props.text || 'Sign In via Phone';
const subtitle = signInPhone__subtitle.props.text || 'Please enter a 10 digit phone number';
return errMsg && renderSignUp ? (react_1.default.createElement(ModalContent_1.default, { config: modalContentConfig, title: "We couldn't find your account", submit: handlers.retry, submitText: "Re-enter Phone", cancel: handlers.close }, renderSignUp())) : (react_1.default.createElement(ModalContent_1.default, { config: modalContentConfig, title: title, subtitle: subtitle, submit: handlers.submit, cancel: handlers.close },
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInPhone__content')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInPhone__error')), errMsg && renderErrorMessage(errMsg)),
renderKeypad())));
};
exports.default = SignInPhone;