@stokr/components-library
Version:
STOKR - Components Library
179 lines (178 loc) • 8.7 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.ToDoTaskState = exports.ToDoTaskMessage = exports.ToDoModal = exports.ToDoList = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Icon = require("../Icon/Icon.style");
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _ToDoList = require("./ToDoList.styles");
var _ToDoListTask = _interopRequireDefault(require("./ToDoListTask"));
var _ToDoListTask2 = require("./ToDoListTask.styles");
var _reactTippy = require("react-tippy");
const _excluded = ["successText", "mandatoryTasks", "walletsTasks", "optionalTasks", "title", "subtitle", "mandatoryTasksCount", "walletsTasksCount", "pendingTasksCount", "additionalTasks", "redirectCookie", "isload"]; // import Text from '../Text/Text.styles'
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
const ToDoTaskState = exports.ToDoTaskState = {
REJECTED: 'rejected',
DENIED: 'rejected',
DRAFT: 'draft',
IN_PROGRESS: 'in_progress',
APPROVED: 'approved',
SKIPPED: 'skipped',
REAPPLY: 'reapply',
NOT_AVAILABLE: 'not_available'
};
const ToDoTaskMessage = exports.ToDoTaskMessage = {
[ToDoTaskState.REJECTED]: 'Rejected. Please re-apply.',
[ToDoTaskState.DENIED]: 'Rejected. Please re-apply.',
[ToDoTaskState.DRAFT]: 'Draft',
[ToDoTaskState.IN_PROGRESS]: 'In progress',
[ToDoTaskState.APPROVED]: 'Verified',
[ToDoTaskState.SKIPPED]: 'Skipped'
};
const ToDoModal = exports.ToDoModal = {
TAX_ID: 'taxid'
};
const ToDoTaskIcons = {
[ToDoTaskState.REJECTED]: _Icon.iconsMap.warning,
[ToDoTaskState.DENIED]: _Icon.iconsMap.warning,
[ToDoTaskState.DRAFT]: _Icon.iconsMap.edit,
[ToDoTaskState.IN_PROGRESS]: _Icon.iconsMap.inProgress,
[ToDoTaskState.APPROVED]: _Icon.iconsMap.check,
[ToDoTaskState.SKIPPED]: _Icon.iconsMap.arrowRight,
[ToDoTaskState.NOT_AVAILABLE]: _Icon.iconsMap.arrowRight
};
const ToDoList = _ref => {
let {
successText,
mandatoryTasks = [],
walletsTasks = [],
optionalTasks = [],
title,
subtitle,
mandatoryTasksCount,
walletsTasksCount,
pendingTasksCount,
additionalTasks,
redirectCookie,
isload
} = _ref,
props = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/_react.default.createElement(_ToDoList.Container, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_ToDoList.TitleContainer, null, pendingTasksCount !== 0 ? /*#__PURE__*/_react.default.createElement(_ToDoList.PendingCounter, null, pendingTasksCount) : /*#__PURE__*/_react.default.createElement(_ToDoListTask2.Icon //icon={iconsMap.check}
, {
state: "approved",
checklist: true
}), /*#__PURE__*/_react.default.createElement(_ToDoList.Title, null, "Checklist"))), mandatoryTasks.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingTop: true,
noPaddingBottom: true,
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_ToDoList.TitleContainer, {
marginBottom: "10px"
}, mandatoryTasksCount !== 0 ? /*#__PURE__*/_react.default.createElement(_ToDoList.PendingCounter, null, mandatoryTasksCount) : /*#__PURE__*/_react.default.createElement(_ToDoListTask2.Icon //icon={iconsMap.check}
, {
state: "approved",
checklist: true
}), /*#__PURE__*/_react.default.createElement(_ToDoList.Subtitle, null, "Mandatory"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingTop: true,
noPaddingHorizontal: true
}, mandatoryTasks.map(task => /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, _extends({
key: task.title,
title: task.title,
message: task.message || ToDoTaskMessage[task.state],
state: task.state,
icon: ToDoTaskIcons[task.state],
link: task.link,
tooltip: task.tooltip,
redirectCookie: redirectCookie
}, props))))), walletsTasks.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingTop: true,
noPaddingBottom: true,
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_ToDoList.TitleContainer, {
marginBottom: "10px"
}, walletsTasksCount !== 0 ? /*#__PURE__*/_react.default.createElement(_ToDoList.PendingCounter, null, walletsTasksCount) : /*#__PURE__*/_react.default.createElement(_ToDoListTask2.Icon //icon={iconsMap.check}
, {
state: "approved",
checklist: true
}), /*#__PURE__*/_react.default.createElement(_ToDoList.Subtitle, null, "Register Wallets"), /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
position: "right",
title: 'Before you invest you must have registered the wallet that can hold your purchased securities. Click below and register it to proceed with your investment.',
theme: "light",
arrow: true,
duration: 200,
size: 40,
style: {
cursor: 'help',
fontSize: 16
}
}, /*#__PURE__*/_react.default.createElement(_Icon.TooltipIcon, {
onClick: e => e.preventDefault()
})))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingTop: true,
noPaddingHorizontal: true
}, walletsTasks.map(task => /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, _extends({
key: task.title,
title: task.title,
message: task.message || ToDoTaskMessage[task.state],
state: task.state,
icon: ToDoTaskIcons[task.state],
link: task.link,
disabled: task.disabled,
tooltip: task.tooltip,
openModal: task.openModal,
redirectCookie: redirectCookie
}, props))))), optionalTasks.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingTop: true,
noPaddingBottom: true,
noPaddingHorizontal: true
}, /*#__PURE__*/_react.default.createElement(_ToDoList.TitleContainer, {
marginBottom: "10px"
}, /*#__PURE__*/_react.default.createElement(_ToDoList.Subtitle, {
marginLeft: "32px"
}, "Optional"))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
noPaddingTop: true,
noPaddingHorizontal: true
}, optionalTasks.map(task => /*#__PURE__*/_react.default.createElement(_ToDoListTask.default, _extends({
key: task.title,
title: task.title,
message: task.message || ToDoTaskMessage[task.state],
state: task.state,
icon: ToDoTaskIcons[task.state],
link: task.link,
tooltip: task.tooltip,
redirectCookie: redirectCookie,
openModal: task.openModal
}, props))))), additionalTasks && additionalTasks);
};
exports.ToDoList = ToDoList;
const taskListPropType = _propTypes.default.arrayOf(_propTypes.default.shape({
title: _propTypes.default.string.isRequired,
// message: PropTypes.string.isRequired,
state: _propTypes.default.oneOf([...Object.values(ToDoTaskState)]).isRequired,
link: _propTypes.default.any,
tooltip: _propTypes.default.string
}));
ToDoList.propTypes = {
title: _propTypes.default.string,
subtitle: _propTypes.default.string,
mandatoryTasks: taskListPropType,
optionalTasks: taskListPropType,
successText: _propTypes.default.string,
additionalTasks: _propTypes.default.node,
mandatoryTasksCount: _propTypes.default.number,
walletsTasksCount: _propTypes.default.number
};
ToDoList.defaultProps = {
title: 'To do list',
subtitle: '',
mandatoryTasks: [],
optionalTasks: [],
successText: ''
};
var _default = exports.default = ToDoList;