@stokr/components-library
Version:
STOKR - Components Library
100 lines (99 loc) • 4.21 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.ToDoTask = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactRouterDom = require("react-router-dom");
var _reactTippy = require("react-tippy");
var _ToDoListTask = require("./ToDoListTask.styles");
var _Icon = require("../Icon/Icon.style");
var _setRedirectCookie = _interopRequireDefault(require("../../utils/set-redirect-cookie"));
var _AuthContext = require("../../context/AuthContext");
var _ToDoList = require("./ToDoList");
var _taxId = require("../taxId");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ToDoTask = _ref => {
let {
title,
message,
state,
icon,
link,
tooltip,
notificationCount,
disabled,
openModal,
redirectCookie = false,
onTaxIdComplete
} = _ref;
const [modalOpen, setmodalOpen] = _react.default.useState(false);
const handleOpenModal = () => {
if (openModal) {
setmodalOpen(true);
}
};
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link || openModal ? /*#__PURE__*/_react.default.createElement("div", {
onClick: () => {
if (redirectCookie) {
const pathToRedirect = window.location.pathname === '/' ? 'checklist' : '';
(0, _setRedirectCookie.default)(pathToRedirect);
}
}
}, /*#__PURE__*/_react.default.createElement("a", {
href: link
}, /*#__PURE__*/_react.default.createElement(_ToDoListTask.Container, {
disabled: disabled,
link: openModal,
onClick: handleOpenModal
}, /*#__PURE__*/_react.default.createElement(_ToDoListTask.IconContainer, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.Icon, {
icon: icon,
state: state
})), /*#__PURE__*/_react.default.createElement(_ToDoListTask.Content, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.TitleContainer, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.Title, {
link: link || openModal,
state: state
}, title), tooltip && /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
position: "right",
title: tooltip,
theme: "light",
arrow: true,
duration: 200
}, /*#__PURE__*/_react.default.createElement(_Icon.TooltipIcon, {
onClick: e => e.preventDefault()
}))), message ? /*#__PURE__*/_react.default.createElement(_ToDoListTask.State, null, message) : '')))) : /*#__PURE__*/_react.default.createElement(_ToDoListTask.Container, {
disabled: disabled
}, /*#__PURE__*/_react.default.createElement(_ToDoListTask.IconContainer, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.Icon, {
icon: icon,
state: state
})), /*#__PURE__*/_react.default.createElement(_ToDoListTask.Content, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.TitleContainer, null, /*#__PURE__*/_react.default.createElement(_ToDoListTask.Title, {
state: state
}, title), tooltip && /*#__PURE__*/_react.default.createElement(_reactTippy.Tooltip, {
position: "right",
title: tooltip,
theme: "light",
arrow: true,
duration: 200
}, /*#__PURE__*/_react.default.createElement(_Icon.TooltipIcon, {
onClick: e => e.preventDefault()
}))), message ? /*#__PURE__*/_react.default.createElement(_ToDoListTask.State, null, message) : '')), modalOpen && /*#__PURE__*/_react.default.createElement(_AuthContext.AuthProvider, null, openModal === _ToDoList.ToDoModal.TAX_ID && /*#__PURE__*/_react.default.createElement(_taxId.RegisterTaxIdFlow, {
showFlow: modalOpen,
setShowFlow: setmodalOpen,
onComplete: onTaxIdComplete
})));
};
exports.ToDoTask = ToDoTask;
ToDoTask.propTypes = {
title: _propTypes.default.string.isRequired,
message: _propTypes.default.string.isRequired,
state: _propTypes.default.string.isRequired,
icon: _propTypes.default.string.isRequired,
link: _propTypes.default.any,
tooltip: _propTypes.default.string,
notificationCount: _propTypes.default.string
};
ToDoTask.defaultProps = {
tooltip: '',
link: undefined
};
var _default = exports.default = ToDoTask;