\n \n \n {title}\n \n \n {description}\n \n \n onCancel()}\n className=\"delete_button\"\n >\n {schedule ? t(\"No_text\") : t(\"Cancel\")}\n \n\n onConfirm()}\n className=\"delete_button\"\n autoFocus\n disabled={loading}\n >\n {loading ? (\n \n \n\n {/* */}\n
\n \n );\n};\n\nexport default Delete;\n","import React, { useState } from \"react\";\r\nimport styled from \"styled-components/macro\";\r\nimport { Power } from \"react-feather\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport useAuth from \"../../hooks/useAuth\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Delete from \"../Models/DeleteModal/Delete\";\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport {\r\n Tooltip,\r\n Menu,\r\n MenuItem,\r\n IconButton as MuiIconButton,\r\n Grid,\r\n Typography,\r\n} from \"@mui/material\";\r\n\r\nconst IconButton = styled(MuiIconButton)`\r\n svg {\r\n width: 30px;\r\n height: 30px;\r\n }\r\n`;\r\n\r\nfunction NavbarUserDropdown() {\r\n const [anchorMenu, setAnchorMenu] = React.useState(null);\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { i18n, t } = useTranslation();\r\n const [open, setOpen] = useState(false);\r\n const { signOut, userRole, user } = useAuth();\r\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"md\"));\r\n const { permissions } = useAuth();\r\n const userManagementFound = permissions?.find(\r\n (item) => item?.featureName === \"User Management\"\r\n );\r\n\r\n const toggleMenu = (event) => {\r\n setAnchorMenu(event.currentTarget);\r\n };\r\n\r\n const closeMenu = () => {\r\n setAnchorMenu(null);\r\n };\r\n const handleCloseLogoutModel = () => {\r\n setOpen(false);\r\n };\r\n const handleOpenLogoutModel = () => {\r\n setOpen(true);\r\n };\r\n const handleSignOut = async () => {\r\n await signOut();\r\n /* i18n.languages = [];\r\n i18n.language = \"\";\r\n i18n.translator.language = \"\"; */\r\n navigate(\"/auth/sign-in\");\r\n };\r\n\r\n const handleProfile = async () => {\r\n userRole === \"company-admin\"\r\n ? navigate(\"/user/profile\")\r\n : navigate(\"/admin/profile\");\r\n };\r\n const handleAccountOverview = () => {\r\n if (user?.role === \"super-admin\") {\r\n navigate(\"/\");\r\n } else {\r\n navigate(\"/user/accounts-overview\");\r\n }\r\n };\r\n const handleBillingPage = () => {\r\n window.open =\r\n (\"https://checkout.obenan.com/p/login/6oE7v7fYCcDufFS5kks\", \"_blank\");\r\n };\r\n const handleSwitchAccounts = () => {\r\n navigate(\"/user/accounts\");\r\n };\r\n\r\n return (\r\n \r\n
\r\n));\r\n\r\n// padding-right: ${(props) =>\r\n// props.theme.spacing(props.depth && props.depth > 0 ? 4 : 7)};\r\n// padding-left: ${(props) =>\r\n// props.theme.spacing(props.depth && props.depth > 0 ? 14 : 8)};\r\n\r\nconst Item = styled(ListItemButton)`\r\n padding-top: ${(props) =>\r\n props.theme.spacing(props.depth && props.depth > 0 ? 2 : 3)};\r\n padding-bottom: ${(props) =>\r\n props.theme.spacing(props.depth && props.depth > 0 ? 2 : 3)};\r\n background-color: #000000;\r\n padding-left: 5px;\r\n\r\n font-weight: ${(props) => props.theme.typography.fontWeightRegular};\r\n svg {\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 20px;\r\n margin-left: 15px;\r\n\r\n opacity: 5.5;\r\n }\r\n &:hover {\r\n // background: rgba(6, 189, 255, 1);\r\n background: #1b2430;\r\n color: #ffffff;\r\n // font-weight: 900\r\n }\r\n &.${(props) => props.activeclassname} {\r\n span {\r\n color: white;\r\n // font-weight: 600;\r\n // background: #1B2430;\r\n }\r\n color: white;\r\n // background: #0638C1;\r\n background: #1b2430;\r\n }\r\n`;\r\n// color: ${(props) => props.theme.sidebar.color};\r\n// color: ${(props) => props.theme.sidebar.color};\r\nconst Title = styled(ListItemText)`\r\n span {\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-heigth: 24px;\r\n\r\n padding: 0 ${(props) => props.theme.spacing(4)};\r\n &:hover {\r\n color: #ffffff;\r\n // font-weight: 600\r\n }\r\n }\r\n`;\r\n// font-size: ${(props) => props.theme.typography.body1.fontSize}px;\r\n//\r\n// color: ${(props) =>\r\n// rgba(\r\n// props.theme.sidebar.color,\r\n// props.depth && props.depth > 0 ? 0.7 : 1\r\n// )};\r\n\r\nconst Badge = styled(Chip)`\r\n font-weight: ${(props) => props.theme.typography.fontWeightBold};\r\n height: 20px;\r\n position: absolute;\r\n right: 26px;\r\n top: 12px;\r\n background: ${(props) => props.theme.sidebar.badge.background};\r\n z-index: 1;\r\n span.MuiChip-label,\r\n span.MuiChip-label:hover {\r\n font-size: 11px;\r\n cursor: pointer;\r\n color: ${(props) => props.theme.sidebar.badge.color};\r\n padding-left: ${(props) => props.theme.spacing(2)};\r\n padding-right: ${(props) => props.theme.spacing(2)};\r\n }\r\n`;\r\n\r\nconst ExpandLessIcon = styled(ExpandLess)`\r\n color: ${(props) => rgba(props.theme.sidebar.color, 0.5)};\r\n`;\r\n\r\nconst ExpandMoreIcon = styled(ExpandMore)`\r\n color: ${(props) => rgba(props.theme.sidebar.color, 0.5)};\r\n`;\r\n\r\nconst SidebarNavListItem = (props) => {\r\n const {\r\n title,\r\n href,\r\n depth = 0,\r\n children,\r\n icon: Icon,\r\n badge,\r\n open: openProp = false,\r\n } = props;\r\n\r\n // const {user} = useAuth()\r\n // const {id} = user.companyId\r\n\r\n const [open, setOpen] = React.useState(openProp);\r\n\r\n const { t } = useTranslation();\r\n\r\n const handleToggle = () => {\r\n setOpen((state) => !state);\r\n };\r\n\r\n if (children) {\r\n return (\r\n \r\n
\r\n));\r\n\r\nconst Item = styled(ListItemButton)`\r\n padding-top: ${(props) =>\r\n props.theme.spacing(props.depth && props.depth > 0 ? 2 : 3)};\r\n padding-bottom: ${(props) =>\r\n props.theme.spacing(props.depth && props.depth > 0 ? 2 : 3)};\r\n padding-left: ${(props) =>\r\n props.theme.spacing(props.depth && props.depth > 0 ? 14 : 8)};\r\n padding-right: ${(props) =>\r\n props.theme.spacing(props.depth && props.depth > 0 ? 4 : 7)};\r\n font-weight: ${(props) => props.theme.typography.fontWeightRegular};\r\n svg {\r\n color: ${(props) => props.theme.sidebar.color};\r\n font-size: 20px;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0.5;\r\n }\r\n &:hover {\r\n background: rgba(0, 0, 0, 0.08);\r\n color: ${(props) => props.theme.sidebar.color};\r\n }\r\n &.${(props) => props.activeclassname} {\r\n background-color: ${(props) =>\r\n darken(0.03, props.theme.sidebar.background)};\r\n span {\r\n color: ${(props) => props.theme.sidebar.color};\r\n }\r\n }\r\n`;\r\n\r\nconst Title = styled(ListItemText)`\r\n margin: 0;\r\n span {\r\n color: ${(props) =>\r\n rgba(\r\n props.theme.sidebar.color,\r\n props.depth && props.depth > 0 ? 0.7 : 1\r\n )};\r\n font-size: ${(props) => props.theme.typography.body1.fontSize}px;\r\n padding: 0 ${(props) => props.theme.spacing(4)};\r\n }\r\n`;\r\n\r\nconst Badge = styled(Chip)`\r\n font-weight: ${(props) => props.theme.typography.fontWeightBold};\r\n height: 20px;\r\n position: absolute;\r\n right: 26px;\r\n top: 12px;\r\n background: ${(props) => props.theme.sidebar.badge.background};\r\n z-index: 1;\r\n span.MuiChip-label,\r\n span.MuiChip-label:hover {\r\n font-size: 11px;\r\n cursor: pointer;\r\n color: ${(props) => props.theme.sidebar.badge.color};\r\n padding-left: ${(props) => props.theme.spacing(2)};\r\n padding-right: ${(props) => props.theme.spacing(2)};\r\n }\r\n`;\r\n\r\nconst ExpandLessIcon = styled(ExpandLess)`\r\n color: ${(props) => rgba(props.theme.sidebar.color, 0.5)};\r\n`;\r\n\r\nconst ExpandMoreIcon = styled(ExpandMore)`\r\n color: ${(props) => rgba(props.theme.sidebar.color, 0.5)};\r\n`;\r\n\r\nconst SidebarNavListItem = (props) => {\r\n const {\r\n title,\r\n href,\r\n depth = 0,\r\n children,\r\n icon: Icon,\r\n badge,\r\n open: openProp = false,\r\n } = props;\r\n\r\n const [open, setOpen] = React.useState(openProp);\r\n\r\n const handleToggle = () => {\r\n setOpen((state) => !state);\r\n };\r\n\r\n if (children) {\r\n return (\r\n - \r\n
...Loading
\n )}\n \n \n \n {title}\n \n \n {description}\n \n \n \n\n onConfirmBulk(deleteTasksIds)}\n className=\"delete_button\"\n autoFocus\n sx={{ width: \"170px\" }}\n >\n {loading ? (\n \n \n\n {/* */}\n
\n \n );\n};\n\nexport default Delete;\n","import React from \"react\";\nimport { makeStyles } from \"@mui/styles\";\n\nimport TextField from \"@mui/material/TextField\";\nimport SearchOutlinedIcon from \"@mui/icons-material/SearchOutlined\";\nimport { IconButton, Paper } from \"@mui/material\";\nimport { height } from \"@mui/system\";\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n \"& .MuiFilledInput-root\": {\n background: \"white\",\n },\n input: {\n color: \"white\",\n height: \"48px\",\n },\n },\n}));\n\nconst SearchField = ({\n filterByName,\n onSubmit,\n placeholder,\n error,\n setError,\n filterWithName,\n}) => {\n const classes = useStyles();\n return (\n <>\n \n \n \n
\n \n
\n );\n};\n\nexport default AdminDomain;\n","var _path;\nfunction _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); }\nimport * as React from \"react\";\nfunction SvgMakePrimary(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M17.55 12L14 8.45L15.425 7.05L17.55 9.175L21.8 4.925L23.2 6.35L17.55 12ZM9 12C7.9 12 6.95833 11.6083 6.175 10.825C5.39167 10.0417 5 9.1 5 8C5 6.9 5.39167 5.95833 6.175 5.175C6.95833 4.39167 7.9 4 9 4C10.1 4 11.0417 4.39167 11.825 5.175C12.6083 5.95833 13 6.9 13 8C13 9.1 12.6083 10.0417 11.825 10.825C11.0417 11.6083 10.1 12 9 12ZM1 20V17.2C1 16.6333 1.14583 16.1125 1.4375 15.6375C1.72917 15.1625 2.11667 14.8 2.6 14.55C3.63333 14.0333 4.68333 13.6458 5.75 13.3875C6.81667 13.1292 7.9 13 9 13C10.1 13 11.1833 13.1292 12.25 13.3875C13.3167 13.6458 14.3667 14.0333 15.4 14.55C15.8833 14.8 16.2708 15.1625 16.5625 15.6375C16.8542 16.1125 17 16.6333 17 17.2V20H1ZM3 18H15V17.2C15 17.0167 14.9542 16.85 14.8625 16.7C14.7708 16.55 14.65 16.4333 14.5 16.35C13.6 15.9 12.6917 15.5625 11.775 15.3375C10.8583 15.1125 9.93333 15 9 15C8.06667 15 7.14167 15.1125 6.225 15.3375C5.30833 15.5625 4.4 15.9 3.5 16.35C3.35 16.4333 3.22917 16.55 3.1375 16.7C3.04583 16.85 3 17.0167 3 17.2V18ZM9 10C9.55 10 10.0208 9.80417 10.4125 9.4125C10.8042 9.02083 11 8.55 11 8C11 7.45 10.8042 6.97917 10.4125 6.5875C10.0208 6.19583 9.55 6 9 6C8.45 6 7.97917 6.19583 7.5875 6.5875C7.19583 6.97917 7 7.45 7 8C7 8.55 7.19583 9.02083 7.5875 9.4125C7.97917 9.80417 8.45 10 9 10Z\",\n fill: \"#495059\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgMakePrimary);\nexport default __webpack_public_path__ + \"static/media/makePrimary.7580a20c.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nfunction _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); }\nimport * as React from \"react\";\nfunction SvgTransferOwnership(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.05 19L14.9 16.175L12.05 13.35L11 14.4L12.075 15.475C11.6083 15.4917 11.1542 15.4167 10.7125 15.25C10.2708 15.0833 9.875 14.825 9.525 14.475C9.19167 14.1417 8.9375 13.7583 8.7625 13.325C8.5875 12.8917 8.5 12.4583 8.5 12.025C8.5 11.7417 8.5375 11.4583 8.6125 11.175C8.6875 10.8917 8.79167 10.6167 8.925 10.35L7.825 9.25C7.54167 9.66667 7.33333 10.1083 7.2 10.575C7.06667 11.0417 7 11.5167 7 12C7 12.6333 7.125 13.2583 7.375 13.875C7.625 14.4917 7.99167 15.0417 8.475 15.525C8.95833 16.0083 9.5 16.3708 10.1 16.6125C10.7 16.8542 11.3167 16.9833 11.95 17L11 17.95L12.05 19ZM16.175 14.75C16.4583 14.3333 16.6667 13.8917 16.8 13.425C16.9333 12.9583 17 12.4833 17 12C17 11.3667 16.8792 10.7375 16.6375 10.1125C16.3958 9.4875 16.0333 8.93333 15.55 8.45C15.0667 7.96667 14.5208 7.60833 13.9125 7.375C13.3042 7.14167 12.6833 7.025 12.05 7.025L13 6.05L11.95 5L9.1 7.825L11.95 10.65L13 9.6L11.9 8.5C12.35 8.5 12.8083 8.5875 13.275 8.7625C13.7417 8.9375 14.1417 9.19167 14.475 9.525C14.8083 9.85833 15.0625 10.2417 15.2375 10.675C15.4125 11.1083 15.5 11.5417 15.5 11.975C15.5 12.2583 15.4625 12.5417 15.3875 12.825C15.3125 13.1083 15.2083 13.3833 15.075 13.65L16.175 14.75ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z\",\n fill: \"#495059\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgTransferOwnership);\nexport default __webpack_public_path__ + \"static/media/transferOwnership.c0cb9407.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from \"react\";\nimport {\n Grid,\n IconButton,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Typography,\n Divider as MuiDivider,\n Tooltip,\n tooltipClasses,\n DialogTitle,\n DialogActions,\n DialogContentText,\n Button,\n Paper,\n Box,\n} from \"@mui/material\";\nimport Deletes from \"./Deletes.css\";\nimport { useTranslation } from \"react-i18next\";\n\nconst ImportModal = ({ title, description, onConfirm, onCancel }) => {\n const [open, setOpen] = useState(false);\n const [deletePost, setDeletePost] = useState(null);\n const { t } = useTranslation();\n\n const handleClose = () => {\n setOpen(false);\n };\n\n return (\n <>\n \n \n \n {title}\n \n \n {description}\n \n \n \n\n \n \n \n\n {/* */}\n
\n \n );\n};\n\nexport default ImportModal;\n","import { makeStyles } from \"@mui/styles\";\nimport { Theme } from \"@mui/material\";\nimport { GraphicEq } from \"@mui/icons-material\";\nimport { borderRadius, padding } from \"polished\";\nimport { fontSize } from \"@mui/system\";\nexport const useStyles = makeStyles((theme) => ({\n locationbox: {\n display: \"row\",\n alignItems: \"center\",\n textAlign: \"center\",\n height: \"70vh\",\n },\n buttonContainer: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n alignItems: \"center\",\n marginTop: \"24px\",\n },\n socialBoxUsers: {\n border: \"1px solid #E0E0E0\",\n borderRadius: \"8px\",\n display: \"flex\",\n padding: \"12px\",\n marginY: \"2px\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"60px\",\n cursor: \"pointer\",\n transition: \"background-color 0.3s ease\",\n\n \"&:hover\": {\n backgroundColor: \"#f5fcff\",\n },\n },\n reviewsubHeadBox: {\n paddingY: \"16px\",\n backgroundColor: \"#E0F7FF\",\n borderRadius: \"8px\",\n },\n reviewsubHeadTextError: {\n fontSize: \"14px\",\n fontWeight: \"400\",\n padding: \"4px\",\n marginLeft: \"6px\",\n color: \"#FF0000\",\n },\n reviewsubHeadText: {\n fontSize: \"14px\",\n fontWeight: \"400\",\n padding: \"4px\",\n marginLeft: \"6px\",\n },\n mainContainerUser: {\n background: \"#FFD0D0\",\n padding: \"6px 16px\",\n borderRadius: \"7px\",\n marginBottom: \"10px\",\n marginTop: \"13px\",\n },\n errorTextUser: {\n fontWeight: 400,\n fontSize: \"0.8125rem\",\n lineHeight: \"1.43\",\n color: \"#330404\",\n padding: \"6px 0px\",\n },\n errorIconUser: {\n color: \"#FF1616\",\n marginTop: \"5px\",\n },\n titleHeading: {\n lineHeight: \"28px\",\n fontWeight: 700,\n fontSize: \"20px\",\n color: \"#1b2430\",\n },\n modelIcon: {\n marginTop: \"4px\",\n marginLeft: \"8px\",\n cursor: \"pointer\",\n },\n modelTypographySubtitle: {\n fontWeight: 400,\n fontSize: \"14px\",\n color: \"#495059\",\n },\n modelContainer: {\n overflowY: \"auto\",\n marginLeft: \"-11px\",\n },\n boxStyle: {\n display: \"flex\",\n alignItems: \"center\",\n },\n boxButtonContainer: {\n display: \"flex\",\n justifyContent: \"end\",\n alignItems: \"center\",\n padding: \"10px\",\n },\n cancelButton: {\n color: \"#212529\",\n background: \"#f9f9f9 linear-gradient(180deg,#fafafa,#f9f9f9) repeat-x\",\n border: \"1px solid #E0E0E0\",\n \"&:hover\": {\n border: \"1px solid #E0E0E0\",\n },\n marginLeft: \"10px\",\n },\n okButton: {\n marginLeft: \"10px\",\n },\n addUserButtonContainer: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n alignItems: \"center\",\n marginTop: \"24px\",\n },\n addUserBox: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n addUserFieldLable: {\n fontWeight: 600,\n fontSize: \"1.125rem\",\n },\n quotionIcon: {\n color: \"#1B2430\",\n marginLeft: \"8px\",\n marginTop: \"2px\",\n },\n removeFileButton: {\n cursor: \"pointer\",\n width: \"9px\",\n height: \"9px\",\n marginLeft: \"8px\",\n marginTop: \"2px\",\n },\n deleteIcon: {\n color: \"#FF1616\",\n },\n selectedFileTypo: {\n cursor: \"pointer\",\n \"&:hover\": {\n color: \"#06BDFF\",\n },\n },\n fileBoxStyle: {\n display: \"flex\",\n paddingTop: \"8px\",\n },\n removeEmailTypography: {\n fontSize: \"14px\",\n fontWeight: 700,\n color: \"#ef5350\",\n },\n sendEmailTypo: {\n marginLeft: \"6px\",\n marginTop: \"3px\",\n },\n sendEmailBox: {\n color: \"#495059\",\n padding: \"8px 0px 10px 0px\",\n display: \"flex\",\n },\n sendEmailCheckBox: {\n padding: \"0px\",\n },\n addUserGrid: {\n padding: \"1.5rem\",\n\n background: \"white\",\n },\n collapsibleBox: {\n marginTop: \"12px\",\n },\n collapsiblePermissionCheckbox: {\n marginTop: \"4px\",\n },\n createRole: {\n color: \"#06BDFF\",\n fontWeight: 700,\n fontSize: \"14px\",\n marginLeft: \"3px\",\n },\n fetchModelTitle: {\n lineHeight: \"28px\",\n fontWeight: 700,\n fontSize: \"20px\",\n color: \"#1b2430\",\n },\n fetchModelIcon: {\n marginTop: \"4px\",\n marginLeft: \"8px\",\n cursor: \"pointer\",\n },\n fetchModelTypography: {\n fontWeight: 400,\n fontSize: \"14px\",\n color: \"#495059\",\n },\n fetchModelButtonContainer: {\n display: \"flex\",\n justifyContent: \"end\",\n alignItems: \"center\",\n padding: \"10px\",\n },\n copyText: {\n height: \"52px\",\n // padding: \"14px 20px\",\n fontSize: \"14px\",\n marginLeft: \"10px\",\n borderRadius: \"8px\",\n color: \"#FFFFFF\",\n\n width: \"90%\",\n border: \"none\",\n },\n copyTextTypo: {\n fontSize: \"12px\",\n color: \"#495059\",\n lineHeight: \"15px\",\n paddingTop: \"10px\",\n paddingLeft: \"10px\",\n fontWeight: 500,\n textAlign: \"center\",\n },\n zeroPadding: {\n paddingTop: \"0px\",\n },\n makePrimaryUserTextHead: {\n fontWeight: 700,\n fontSize: \"40px\",\n lineHeight: \"60px\",\n textAlign: \"center\",\n color: \"#1B2430\",\n },\n makePrimaryUserTex: {\n fontWeight: 400,\n fontSize: \"20px\",\n lineHeight: \"30px\",\n textAlign: \"center\",\n color: \"#1B2430\",\n },\n makePrimaryActions: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginTop: \"17px\",\n },\n iconClass: {\n fontSize: \"70px\",\n color: \"#F8A92B\",\n },\n primaryChip: {\n background: \"#13CF8F\",\n minWidth: \"101px\",\n padding: \"6px\",\n margin: \"0.3rem\",\n paddingLeft: \"15px\",\n paddingRight: \"15px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n borderRadius: \"800px\",\n width: \"80px\",\n marginLeft: \"-5px\",\n },\n primaryChipTypo: {\n fontSize: \"10px\",\n fontWeight: \"400\",\n marginY: \"auto\",\n display: \"flex\",\n color: \"#FFF\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n\n activatedPermission: {\n color: \"#13CF8F\",\n marginTop: \"10px\",\n height: \"20px\",\n },\n permissionGridGranted: {\n padding: \"8px\",\n border: \"1px solid #EBEBEC\",\n borderRadius: \"8px\",\n marginBottom: \"8px\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: \"#f5fcff\",\n },\n },\n permissionGrid: {\n padding: \"8px\",\n border: \"1px solid #EBEBEC\",\n borderRadius: \"8px\",\n marginBottom: \"8px\",\n },\n permissionName: {\n color: \"#1B2430\",\n fontSize: \"16px\",\n lineHeight: \"24px\",\n padding: \"8px\",\n },\n permissionNameBox: {\n display: \"flex\",\n },\n featureGrid: {\n marginTop: \"12px\",\n padding: \"12px 8px\",\n },\n permissionBoxStyle: {\n display: \"flex\",\n justifyContent: \"space-between\",\n },\n ActionButtonGrid: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n marginTop: \"16px\",\n marginBottom: \"16px\",\n },\n ActionButton: {\n width: \"150px\",\n height: \"52px\",\n // radius: \"8px\",\n border: \"1px solid #E0E0E0\",\n color: \"#E0E0E0\",\n padding: \"14px, 20px, 14px, 20px\",\n background: \"#FFFF\",\n borderRadius: \"8px\",\n fontWeight: 700,\n fontSize: \"14px\",\n lineHeight: \"20px\",\n marginLeft: \"8px\",\n cursor: \"pointer\",\n \"&:hover\": {\n background: \"#FFFF\",\n border: \"1px solid #E0E0E0\",\n },\n },\n menuItemStyle: {\n color: \"#1B2430\",\n width: \"150px\",\n fontSize: \"14px\",\n lineHeight: \"20px\",\n cursor: \"pointer\",\n \"&:hover\": {\n background: \"#EBEBEC\",\n },\n },\n paperStyle: {\n padding: \"40px\",\n marginTop: \"12px\",\n },\n toast: {\n width: \"100%\",\n display: \"flex\",\n paddingTop: \"1rem\",\n paddingBottom: \"1rem\",\n },\n toastBox: {\n backgroundColor: \"#FFF1D7\",\n width: \"100%\",\n display: \"flex\",\n borderRadius: \"4px\",\n // gap: \"1rem\",\n },\n toastBoxBorder: {\n backgroundColor: \"#FAB431\",\n width: \"6px\",\n borderRadius: \"4px 0 0 4px\",\n },\n toastBoxContent: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n padding: \"0px 8px\",\n },\n toastBoxText: {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n padding: \"0.5rem 0\",\n gap: \"1rem\",\n },\n subscribeItemStyle: {\n background: \"#FFF7E7\",\n minWidth: \"101px\",\n padding: \"4px 10px 4px 10px\",\n margin: \"0.3rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n borderRadius: \"800px\",\n gap: \"4px\",\n marginLeft: \"0px\",\n },\n subscribeItemTextStyle: {\n fontSize: \"12px\",\n fontWeight: \"700\",\n padding: \"2px\",\n lineHeight: \"16px\",\n color: \"#FAB431\",\n },\n unsubscribeItemStyle: {\n background: \"#E3F9F2\",\n minWidth: \"101px\",\n padding: \"4px 10px 4px 10px\",\n margin: \"0.3rem\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n borderRadius: \"800px\",\n gap: \"4px\",\n marginLeft: \"0px\",\n },\n unsubscribeItemTextStyle: {\n fontSize: \"12px\",\n fontWeight: \"700\",\n padding: \"2px\",\n lineHeight: \"16px\",\n color: \"#13CF8F\",\n },\n crossIconstyle: {\n marginTop: \"10px\",\n marginRight: \"12px\",\n },\n closeIconStyle: {\n paddingTop: \"0px\",\n cursor: \"pointer\",\n },\n emailReportSubLabel: {\n lineHeight: \"28px\",\n fontWeight: 700,\n fontSize: \"14px\",\n color: \"#1b2430\",\n },\n iconClass: {\n fontSize: \"70px\",\n color: \"#F8A92B\",\n },\n makePrimaryUserTextHeadBulk: {\n fontWeight: 700,\n fontSize: \"20px\",\n lineHeight: \"28px\",\n textAlign: \"center\",\n color: \"#1B2430\",\n },\n dialogBoxBulk: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n },\n makePrimaryUserTexBulk: {\n fontWeight: 400,\n fontSize: \"16px\",\n lineHeight: \"24px\",\n textAlign: \"center\",\n color: \"#1B2430\",\n },\n makePrimaryActionsBulk: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginTop: \"17px\",\n },\n dialogBoxContentBulk: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: \"8px\",\n },\n}));\n","import React, { useEffect, useState } from \"react\";\nimport {\n Grid,\n Typography,\n Divider as MuiDivider,\n DialogTitle,\n DialogActions,\n DialogContent,\n Dialog,\n Checkbox,\n Box,\n styled,\n Tooltip,\n tooltipClasses,\n Button,\n TextField,\n IconButton,\n} from \"@mui/material\";\nimport CommonButton from \"../../CustomComponents/Buttons/CommonButton\";\nimport InfoOutlinedIcon from \"@mui/icons-material/InfoOutlined\";\nimport { useTranslation } from \"react-i18next\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { useStyles } from \"../../../pages/UserPages/UserAccounts/styles/style\";\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n \n \n \n \n \n {title}\n \n \n {t(\"Shareable_Link_tooltip_forLogin\")}\n \n }\n >\n \n \n \n \n \n {subTitle}\n \n \n \n \n \n \n\n \n \n \n \n \n {\n navigator.clipboard.writeText(\n `${process.env.REACT_APP_LOCAL_URL}/auth/sign-in?email=${inviteLink?.email}&password=${inviteLink?.oneTimePassword}`\n );\n setDisplayText(true);\n setTimeout(() => {\n setDisplayText(false);\n handleCloseNewRequestModel();\n }, 3000);\n }}\n className={classes.copyText}\n >\n {t(\"copy_text\")}\n \n {displayText && (\n \n {t(\"Copied\")}\n \n )}\n \n \n \n \n
\n \n );\n};\n\nexport default ShareableLinkModel;\n","import React, { useEffect, useState } from \"react\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Link from \"@mui/material/Link\";\nimport { makeStyles } from \"@mui/styles\";\n\nimport {\n Grid,\n IconButton,\n Typography,\n Divider as MuiDivider,\n DialogTitle,\n DialogActions,\n DialogContentText,\n Button,\n Box,\n Divider,\n TextField,\n} from \"@mui/material\";\nimport { useNavigate } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\nimport ShareableLinkModel from \"./ShareableLinkModel.js\";\n\nimport Deletes from \"./Deletes.css\";\nimport useAuth from \"../../../hooks/useAuth\";\nimport { CircularProgress } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\nimport CommonButton from \"../../CustomComponents/Buttons/CommonButton\";\nconst useStyles = makeStyles((theme) => ({\n titleHeading: {\n lineHeight: \"28px\",\n fontWeight: 700,\n fontSize: \"20px\",\n color: \"#1b2430\",\n marginTop: \"3px\",\n },\n titleSubheading: {\n lineHeight: \"20px\",\n fontWeight: 400,\n fontSize: \"14px\",\n // color: \"#1b2430\",\n marginTop: \"3px\",\n },\n stepsHeading: {\n fontWeight: 700,\n fontSize: \"16px\",\n color: \"#1B2430\",\n lineHeight: \"24px\",\n },\n stepsTypo: {\n fontSize: \"14px\",\n fontWeight: 400,\n color: \"#1B2430\",\n lineHeight: \"24px\",\n },\n stepsGrid: {\n marginBottom: \"5px\",\n },\n buttonsGrid: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n padding: \"8px\",\n alignItems: \"center\",\n },\n}));\n\nconst Delete = ({ title, onCancel, loading, description, loginURL }) => {\n const classes = useStyles();\n const { t } = useTranslation();\n const { signIn, signOut, switchAccount } = useAuth();\n const navigate = useNavigate();\n const [loginLoading, setLoginLoading] = useState(false);\n const [displayText, setDisplayText] = useState(false);\n const [openShareableLinkModel, setOpenShareableLinkModel] = useState(false);\n\n const handleLogin = async () => {\n setLoginLoading(true);\n try {\n const response = await signIn(loginURL?.email, loginURL?.oneTimePassword);\n\n if (\n response.status === 400 ||\n response.status === 404 ||\n response.status === 500 ||\n response?.data?.status === false\n ) {\n throw new Error(response?.data?.message);\n }\n setLoginLoading(false);\n } catch (error) {\n const message = error.message || \"Something went wrong\";\n toast.error(error.message);\n setLoginLoading(false);\n handleSignOut();\n }\n };\n\n const handleSignOut = async () => {\n await signOut();\n navigate(\"/auth/sign-in\");\n };\n const handleOpenSharableLinkModel = () => {\n setOpenShareableLinkModel(true);\n // onCancel();\n };\n\n const handleCloseSharableLinkModel = () => {\n setOpenShareableLinkModel(false);\n onCancel();\n };\n\n return (\n <>\n {openShareableLinkModel && (\n \n {openPrimaryModel && (\n \n \n \n \n {title}\n \n\n \n \n {subTitle}\n \n \n \n {isLoading ? (\n \n \n \n {t(\"User\")}\n \n \n\n \n \n \n\n \n {users?.length > 0 ? (\n users?.map((item) => (\n \"\"}\n style={{\n padding: \"12px 8px 12px 8px\",\n gap: \"4px\",\n border:\n item?.CompanyUserRoles?.length > 0 &&\n (item?.CompanyUserRoles[0]?.isPrimary === true ||\n item?.CompanyUserRoles[0]?.linkedUser === true)\n ? \"none\"\n : selectedUser !== null &&\n selectedUser?.id === item?.id\n ? \"1px solid #06BDFF\"\n : \"1px solid #BBBDC1\",\n borderRadius: \"800px\",\n background:\n item?.CompanyUserRoles?.length > 0 &&\n (item?.CompanyUserRoles[0]?.isPrimary === true ||\n item?.CompanyUserRoles[0]?.linkedUser === true)\n ? \"#F0F0F0\"\n : selectedUser !== null &&\n selectedUser?.id === item?.id\n ? \"#FFF\"\n : \"#FFF\",\n\n // height: \"45px\",\n }}\n >\n {\n handleChangeUser(e, item);\n }}\n disabled={\n item?.CompanyUserRoles?.length > 0 &&\n (item?.CompanyUserRoles[0]?.isPrimary === true ||\n item?.CompanyUserRoles[0]?.linkedUser === true)\n }\n size=\"small\"\n sx={{\n paddingLeft: \"2px\",\n paddingRight: \"2px\",\n }}\n />\n\n 0 &&\n (item?.CompanyUserRoles[0]?.isPrimary ===\n true ||\n item?.CompanyUserRoles[0]?.linkedUser ===\n true)\n ? \"gray !important\"\n : selectedUser !== null &&\n selectedUser?.id === item?.id\n ? \"#1B2430\"\n : \"#1B2430\",\n }}\n >\n {item?.firstName !== null &&\n item?.firstName.charAt(0).toUpperCase() +\n item?.firstName.slice(1) +\n (item?.lastName !== null &&\n item?.lastName !== \"\" &&\n \" \" +\n item?.lastName.charAt(0).toUpperCase() +\n item?.lastName.slice(1))}\n \n\n {item?.CompanyUserRoles?.length > 0 &&\n item?.CompanyUserRoles[0]?.isPrimary === true &&\n item?.CompanyUserRoles[0]?.linkedUser === false &&\n item?.companyId === parseInt(selectedAccount) && (\n \n {\"• \" + `${t(\"Primary_text\")}`}\n \n )}\n {item?.CompanyUserRoles?.length > 0 &&\n item?.CompanyUserRoles[0]?.linkedUser && (\n \n \n \n \n )}\n \n ))\n ) : (\n \n \n {t(\"No_User_Found\")}\n \n \n )}{\" \"}\n \n \n \n )}\n \n \n {\n handleCloseModel();\n }}\n className=\"delete_button\"\n sx={{ color: \"#1B2430\" }}\n >\n {t(\"Cancel\")}\n \n\n handleOpenPrimaryModel()}\n className=\"delete_button\"\n >\n {t(\"Submit\")}\n \n \n \n\n {/* */}\n
\n \n );\n};\n\nexport default FetchModel;\n","import React, { useState, useEffect } from \"react\";\nimport {\n Box,\n Grid,\n Paper,\n TextField,\n Table,\n TableBody,\n TableContainer,\n TablePagination,\n TableRow,\n Typography,\n Modal,\n Dialog,\n useMediaQuery,\n MenuItem,\n Menu,\n IconButton,\n CircularProgress,\n Divider,\n DialogContent,\n Select,\n} from \"@mui/material\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport { ReactComponent as MakePrimaryUser } from \"../../../../assets/Icons/makePrimary.svg\";\nimport { ReactComponent as TransferOwnership } from \"../../../../assets/Icons/transferOwnership.svg\";\nimport { useParams } from \"react-router-dom\";\nimport CustomizedTableCell from \"../../../../components/CustomComponents/table/tableCell\";\nimport CustomizedTableHead from \"../../../../components/CustomComponents/table/tableHead\";\nimport CustomizedTableRow from \"../../../../components/CustomComponents/table/tableRow\";\nimport { useNavigate } from \"react-router-dom\";\nimport Autocomplete from \"@mui/material/Autocomplete\";\nimport { alpha } from \"@material-ui/core/styles\";\nimport { makeStyles } from \"@mui/styles\";\nimport CheckBoxOutlineBlankIcon from \"@mui/icons-material/CheckBoxOutlineBlank\";\nimport CheckBoxIcon from \"@mui/icons-material/CheckBox\";\nimport { handleSessionOut } from \"../../../../contexts/JWTContext\";\nimport useAuth from \"../../../../hooks/useAuth\";\nimport Checkbox from \"@mui/material/Checkbox\";\nimport ImportModel from \"../../../../components/Models/DeleteModal/Importmodal\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { toast } from \"react-toastify\";\nimport TitleHeader from \"../../../../components/CustomComponents/title\";\nimport Loader from \"../../../../components/Loaders/Loader\";\nimport { useTranslation } from \"react-i18next\";\nimport { api } from \"../../../../contexts/JWTContext\";\nimport SearchField from \"../../../../components/CustomComponents/textfields/searchfield/SearchField\";\nimport CommonButton from \"../../../../components/CustomComponents/Buttons/CommonButton\";\nimport NotFound from \"../../../../components/NotFound/NotFound\";\nimport styled from \"styled-components/macro\";\nimport Delete from \"../../../../components/Models/DeleteModal/Delete\";\nimport OTPModel from \"../../../../components/Models/DeleteModal/OtpModel\";\nimport MoreVertIcon from \"@mui/icons-material/MoreVert\";\nimport PersonIcon from \"@mui/icons-material/Person\";\nimport AddPrimaryUserModel from \"../../../../components/Models/DeleteModal/AddPrimaryUserModel\";\nimport AddPrimaryUserConfirmModel from \"../../../../components/Models/DeleteModal/PrimaryUserConfirmModel\";\n\nconst Item = styled(Paper)(({ theme }) => ({\n backgroundColor: theme.palette.mode === \"dark\" ? \"#1A2027\" : \"#13CF8F\",\n ...theme.typography.body2,\n padding: theme.spacing(1),\n textAlign: \"center\",\n color: theme.palette.text.secondary,\n}));\nconst useStyles = makeStyles((theme) => ({\n search: {\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n border: \"1px solid black\",\n padding: \"7px\",\n borderRadius: theme.shape.borderRadius,\n backgroundColor: alpha(theme.palette.common.white, 0.15),\n\n marginRight: theme.spacing(0),\n marginLeft: 0,\n width: \"100%\",\n [theme.breakpoints.up(\"sm\")]: {\n width: \"100%\",\n },\n },\n Menu: {\n \"&:hover\": {\n backgroundColor: \"gray !important\",\n },\n },\n searchIcon: {\n height: \"100%\",\n pointerEvents: \"none\",\n display: \"flex\",\n alignItems: \"center\",\n },\n closeIcon: {\n height: \"100%\",\n pointerEvents: \"none\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n inputRoot: {\n color: \"inherit\",\n },\n inputInput: {\n padding: theme.spacing(1, 1, 1, 0),\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\n transition: theme.transitions.create(\"width\"),\n width: \"96%\",\n [theme.breakpoints.up(\"md\")]: {\n width: \"100%\",\n },\n },\n primaryChip: {\n background: \"#13CF8F\",\n minWidth: \"101px\",\n padding: \"6px\",\n margin: \"0.3rem\",\n paddingLeft: \"15px\",\n paddingRight: \"15px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n borderRadius: \"800px\",\n width: \"80px\",\n marginLeft: \"-5px\",\n },\n primaryChipTypo: {\n fontSize: \"10px\",\n fontWeight: \"400\",\n marginY: \"auto\",\n display: \"flex\",\n color: \"#FFF\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n}));\n\nconst style = {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n maxHeight: \"100vh\",\n width: \"420px\",\n bgcolor: \"background.paper\",\n border: \"2px solid gray\",\n borderRadius: \"8px\",\n justifyContent: \"space-around\",\n\n boxShadow: 24,\n p: 4,\n};\n\nconst Users = () => {\n let { id } = useParams();\n const { t } = useTranslation();\n const theme = useTheme();\n const classes = useStyles();\n const { signOut } = useAuth();\n const navigate = useNavigate();\n const [isLoading, setIsLoading] = useState(false);\n const [order, setOrder] = React.useState(\"asc\");\n const [orderBy, setOrderBy] = React.useState(\"firstName\");\n const [filterWithName, setFilterWithName] = useState(\"\");\n const [users, setUsers] = useState([]);\n const [page, setPage] = useState(0);\n const [rowsPerPage, setRowsPerPage] = useState(10);\n const [openDefaultModel, setOpenDefaultModel] = useState(false);\n const [anchorMenu, setAnchorMenu] = useState(null);\n const [roleValue, setRoleValue] = useState(\"All\");\n\n //const [openModal, setOpenModal] = React.useState(false);\n //const [getid, setGetid] = useState([]);\n // const [openResetModel, setOpenResetModel] = useState(false);\n const [loading, setLoading] = useState(false);\n const [selectedId, setSelectedId] = useState([]);\n const [selectAll, setSelectAll] = useState(null);\n const [count, setCount] = useState(\"\");\n const [allTemplate, setAllTemplate] = useState(null);\n //const [locationId, setLocationId] = useState();\n //const [deleteId, setDeleteId] = useState([]);\n const [selectedRow, setSelectedRow] = useState(null);\n const [anchorEl, setAnchorEl] = React.useState(null);\n const [openModalEditUser, setOpenModalEditUser] = React.useState(false);\n const [openModalAddUser, setOpenModalAddUser] = React.useState(false);\n const [companyId, setCompanyId] = useState([]);\n const [checked, setChecked] = React.useState(false);\n const [allCompanies, setAllCompanies] = useState([]);\n const [updateId, setUpdateId] = useState(null);\n const [companyIdRequired, setCompanyIdRequired] = useState(false);\n const [fieldValue, setFieldValue] = useState(\"\");\n const [roleRequired, setRoleRequired] = useState(false);\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"md\"));\n const Roles = [\"account-manager\", \"location-manager\"];\n const icon = \n \n \n {t(\"Save_Changes\")}\n \n \n {t(\"save_changes_message\")}\n \n\n \n onCancel()}\n className=\"delete_button\"\n >\n {t(\"Cancel\")}\n \n\n \n \n \n
\n \n );\n};\n\nexport default Delete;\n","import React, { useEffect, useState } from \"react\";\nimport {\n Box,\n Typography,\n Grid,\n Divider,\n Modal,\n IconButton,\n TableContainer,\n Table,\n TableBody,\n Paper,\n TablePagination,\n Autocomplete,\n TextField,\n TableCell,\n TableHead,\n TableRow,\n Dialog,\n} from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport CustomizedTableCell from \"../../CustomComponents/table/tableCell\";\nimport CustomizedTableHead from \"../../CustomComponents/table/tableHead\";\nimport CustomizedTableRow from \"../../CustomComponents/table/tableRow\";\nimport Loader from \"../../Loaders/Loader\";\nimport { makeStyles } from \"@mui/styles\";\nimport ConfirmModal from \"../../../../src/components/Models/ConfirmModalLodging\";\nimport CommonButton from \"../../CustomComponents/Buttons/CommonButton\";\nimport { api } from \"../../../contexts/JWTContext\";\nimport { toast } from \"react-toastify\";\n\nconst useStyles = makeStyles((theme) => ({\n whiteBackground: {\n background: \"white\",\n width: \"100%\",\n },\n styleMainModelContainer: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n maxHeight: \"550px\",\n width: \"800px\",\n background: \"#FFFF\",\n border: \"2px solid gray\",\n borderRadius: \"8px\",\n boxShadow: 24,\n padding: \"16px\",\n },\n contentContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"10px\",\n height: \"400px\",\n overflowY: \"auto\",\n },\n mainContainerHeading: {\n fontWeight: 700,\n fontSize: \"20px\",\n },\n mainContainerSubHeading: {\n fontWeight: 400,\n fontSize: \"16px\",\n },\n fieldLabel: {\n fontSize: \"14px\",\n fontWeight: \"700\",\n lineHeight: \"20px\",\n color: \"#1B2430\",\n marginLeft: \"10px\",\n marginTop: \"6px\",\n },\n}));\n\nconst EnhancedTableHead = (props) => {\n const { t } = props;\n\n const headCells = [\n { id: \"userId\", alignment: \"left\", label: t(\"userid\") },\n { id: \"user\", alignment: \"left\", label: t(\"User\") },\n { id: \"companies\", alignment: \"left\", label: t(\"TaskCompany\") },\n { id: \"role\", alignment: \"left\", label: t(\"UserTableRole\") },\n ];\n\n return (\n \n\n {/*
*/}\n {/*
}\n {/* {selectedTab === 2 &&
\n \n \n {\"Update Subscription\"}\n \n\n \n {` ${t(\"Are_you_sure_you_want_to\")} update subscription ?`}\n\n {/* {result !==undefined ? \"Unsubscribe?\" : \"Subscribe?\"} */}\n \n\n \n \n {t(\"Cancel\")} \n \n \n {t(\"Confirm\")} \n \n \n \n
\n \n \n \n \n {\"Update Subscription\"}\n \n\n \n {` ${t(\"Are_you_sure_you_want_to\")} update subscription ?`}\n\n {/* {result !==undefined ? \"Unsubscribe?\" : \"Subscribe?\"} */}\n \n\n \n \n {t(\"Cancel\")} \n \n \n {t(\"Confirm\")} \n \n \n \n
\n \n \n \n \n {startPercentage} \n {endPercentage} \n \n ))}\n \n
\n );\n};\n\nexport default LinearProgressBar;\n","import React from \"react\";\nimport LinearProgressBar from \"./LinearProgressBar\";\nimport { Card as MuiCard, CardContent, Typography, Paper } from \"@mui/material\";\nimport styled from \"styled-components/macro\";\nimport { spacing } from \"@mui/system\";\n\nconst DomainCard = ({ title, progress, text, color }) => {\n function kFormatter(num) {\n return Math.abs(num) > 999\n ? Math.sign(num) * (Math.abs(num) / 1000).toFixed(1) + \"k\"\n : Math.sign(num) * Math.abs(num);\n }\n const Card = styled(MuiCard)(spacing);\n return (\n \n \n \n {title}\n \n \n {isLoading ? (\n \n {productPlans !== null &&\n productPlans?.map((item) => {\n return (\n item?.status === \"ACTIVE\" && (\n \n \n handlePlanIdChange(item)}\n />\n {item?.name} \n \n \n )\n );\n })}\n \n )}\n \n \n {\n handleCloseNewRequestModel();\n }}\n label={t(\"Cancel\")}\n />\n\n getExportReports()}\n onSubmit={handleOpenSelectPlan}\n disabled={selectedReport === null}\n />\n \n \n
\n \n );\n};\n\nexport default FetchModel;\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Autocomplete, TextField, CircularProgress } from \"@mui/material\";\nimport useDebounce from \"../../hooks/useDebounce\";\nimport { api } from \"../../contexts/JWTContext\";\nimport { useTranslation } from \"react-i18next\";\n\nconst CompanyAutoComplete = (props) => {\n const { selectedCompanyId, onCompanySelect } = props;\n const [loading, setLoading] = useState(false);\n const [currentPage, setCurrentPage] = useState(1);\n const [searchParam, setSearchParam] = useState(\"\");\n const [inputValue, setInputValue] = useState(\"\");\n const [companies, setCompanies] = useState({\n count: 0,\n rows: [],\n });\n const { t } = useTranslation();\n\n const listRef = useRef(null);\n const scrollTopRef = useRef(0);\n\n const getAllCompanies = async () => {\n setLoading(true);\n try {\n const res = await api.get(\n `/company/list?limit=50&pageNumber=${currentPage}&search=${searchParam}`\n );\n setLoading(false);\n if (res.status === 200) {\n if (companies.rows.length > 0 && searchParam === \"\") {\n const mergedRows = [...companies.rows, ...res.data.data.rows];\n setCompanies({\n ...res.data.data,\n rows: mergedRows,\n });\n } else {\n setCompanies(res.data.data);\n }\n }\n } catch (error) {\n setLoading(false);\n }\n };\n\n const handleInfiniteScroll = (event) => {\n const listboxNode = event.currentTarget;\n\n if (\n listboxNode.scrollTop + listboxNode.clientHeight >=\n listboxNode.scrollHeight &&\n !loading\n ) {\n scrollTopRef.current = listRef.current.scrollTop;\n const totalPages = Math.ceil(companies.count / 50);\n if (currentPage < totalPages) {\n setCurrentPage((prevPage) => prevPage + 1);\n }\n }\n };\n\n const handleInputChange = (value) => {\n setSearchParam(value);\n setCurrentPage(1);\n };\n\n const debouncedInputChange = useDebounce(handleInputChange, 500);\n\n useEffect(() => {\n getAllCompanies();\n }, [currentPage, searchParam]);\n\n useEffect(() => {\n if (listRef.current && !loading) {\n if (currentPage > 1) {\n listRef.current.scrollTop = scrollTopRef.current;\n }\n }\n }, [companies, loading, scrollTopRef.current]);\n\n return (\n <>\n 
\n \n
\n
\n \n \n \n \n {title}\n \n \n \n\n \n {isLoading ? (\n \n {\" \"}\n \n \n {t(\"Select_Role\")}\n \n \n (\n option?.name.charAt(0).toUpperCase() +\n option?.name.slice(1)\n ).replaceAll(\"-\", \" \")\n }\n sx={{ width: \"100%\" }}\n value={fieldValue}\n // onBlur={handleBlur}\n onChange={(e, value) => {\n setFieldValue(value);\n setRoleRequired(false);\n\n if (value?.name === \"company-admin\") {\n let locationIds = [];\n if (companyLocations?.length > 0) {\n companyLocations?.map((item) => {\n locationIds?.push(item);\n });\n }\n setSelectAllLocations(true);\n setSelectedLocations(locationIds);\n } else {\n setSelectAllLocations(false);\n }\n }}\n renderInput={(params) => (\n \n {fieldValue !== null && fieldValue?.name === \"company-admin\" && (\n \n \n {t(\"location_access_message\")}\n \n \n )}\n {fieldValue !== null && fieldValue?.name !== \"company-admin\" && (\n <>\n \n \n \n {t(\"location_access\")}\n \n \n {t(\"location_access_tooltip\")}\n \n }\n >\n \n\n {\n setManageLocation(value);\n\n if (value?.label === \"All Locations\") {\n let locationIds = [];\n if (companyLocations?.length > 0) {\n companyLocations?.map((item) => {\n locationIds?.push(item);\n });\n }\n setSelectAllLocations(true);\n setSelectedLocations(locationIds);\n } else {\n setSelectAllLocations(false);\n }\n }}\n value={manageLocation}\n renderInput={(params) => (\n \n {companyLocations?.length > 0 && (\n <>\n \n {t(\"Select_Locations\")}\n \n 0\n ? companyLocations\n : []\n }\n value={selectedLocations}\n onChange={(event, value) => {\n // Check if 'All' option is clicked\n\n if (value.find((option) => option.id === 0)) {\n // Check if all options are selected\n if (\n companyLocations?.length ===\n selectedLocations?.length\n ) {\n setSelectedLocations([]);\n setSelectAll(false);\n } else {\n setSelectAll(true);\n setSelectedLocations(companyLocations);\n // setLocationRequired(false);\n }\n } else {\n setSelectedLocations(value);\n if (\n value?.length === companyLocations?.length\n ) {\n setSelectAll(true);\n } else {\n setSelectAll(false);\n }\n }\n }}\n isOptionEqualToValue={(option, value) =>\n option.id === value.id\n }\n filterOptions={(options, params) => {\n const filtered = filter(options, params);\n if (companyLocations?.length > 0) {\n return [\n { id: 0, internalName: \"Select All\" },\n ...filtered,\n ];\n } else {\n return [];\n }\n }}\n getOptionLabel={(option) =>\n option?.internalName\n ? option?.internalName +\n \" \" +\n \"(\" +\n (option?.addressLine1 !== \"\" &&\n option?.addressLine1 !== null &&\n option?.addressLine1 !== undefined\n ? option?.addressLine1 + \",\" + \" \"\n : \"\") +\n (option?.city ? option?.city : \"\") +\n \")\"\n : \"\"\n }\n sx={{ minWidth: 300 }}\n // value={locationId ? locationId : []}\n // onChange={(e, value) => {\n // setLocationRequired(false);\n\n // setSelectedLocation(value);\n // }}\n renderOption={(props, option, { selected }) => (\n \n \n )}\n renderInput={(params) => (\n \n\n \n {/* \n */}\n \n \n \n \n
\n \n );\n};\n\nexport default FetchModel;\n","import React, { useState, useEffect } from \"react\";\nimport {\n Box,\n Grid,\n IconButton,\n Paper,\n TextField,\n Table,\n TableBody,\n TableContainer,\n TablePagination,\n TableRow,\n Typography,\n Modal,\n Tooltip,\n tooltipClasses,\n useMediaQuery,\n} from \"@mui/material\";\nimport { useNavigationType, useParams } from \"react-router-dom\";\nimport { handleSessionOut } from \"../../../../contexts/JWTContext\";\nimport useAuth from \"../../../../hooks/useAuth\";\nimport CustomizedTableCell from \"../../../../components/CustomComponents/table/tableCell\";\nimport CustomizedTableHead from \"../../../../components/CustomComponents/table/tableHead\";\nimport CustomizedTableRow from \"../../../../components/CustomComponents/table/tableRow\";\n\nimport { useNavigate } from \"react-router-dom\";\nimport { alpha } from \"@material-ui/core/styles\";\nimport { makeStyles } from \"@mui/styles\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { toast } from \"react-toastify\";\nimport TitleHeader from \"../../../../components/CustomComponents/title\";\nimport Loader from \"../../../../components/Loaders/Loader\";\nimport { useTranslation } from \"react-i18next\";\nimport { api } from \"../../../../contexts/JWTContext\";\nimport SearchField from \"../../../../components/CustomComponents/textfields/searchfield/SearchField\";\nimport CommonButton from \"../../../../components/CustomComponents/Buttons/CommonButton\";\nimport NotFound from \"../../../../components/NotFound/NotFound\";\nimport styled from \"styled-components/macro\";\nimport LinkUserModel from \"./LinkUserModel\";\n\nimport AddCircleIcon from \"@mui/icons-material/AddCircle\";\nconst useStyles = makeStyles((theme) => ({\n search: {\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n border: \"1px solid black\",\n padding: \"7px\",\n borderRadius: theme.shape.borderRadius,\n backgroundColor: alpha(theme.palette.common.white, 0.15),\n\n marginRight: theme.spacing(0),\n marginLeft: 0,\n width: \"100%\",\n [theme.breakpoints.up(\"sm\")]: {\n // marginLeft: theme.spacing(3),\n width: \"100%\",\n },\n },\n Menu: {\n \"&:hover\": {\n backgroundColor: \"gray !important\",\n },\n },\n searchIcon: {\n height: \"100%\",\n pointerEvents: \"none\",\n display: \"flex\",\n alignItems: \"center\",\n },\n closeIcon: {\n height: \"100%\",\n pointerEvents: \"none\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n inputRoot: {\n color: \"inherit\",\n },\n inputInput: {\n padding: theme.spacing(1, 1, 1, 0),\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\n transition: theme.transitions.create(\"width\"),\n width: \"96%\",\n [theme.breakpoints.up(\"md\")]: {\n width: \"100%\",\n },\n },\n primaryChip: {\n background: \"#13CF8F\",\n minWidth: \"101px\",\n padding: \"6px\",\n margin: \"0.3rem\",\n paddingLeft: \"15px\",\n paddingRight: \"15px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n cursor: \"pointer\",\n borderRadius: \"800px\",\n width: \"80px\",\n marginLeft: \"-5px\",\n },\n primaryChipTypo: {\n fontSize: \"10px\",\n fontWeight: \"400\",\n marginY: \"auto\",\n display: \"flex\",\n color: \"#FFF\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n}));\nconst Item = styled(Paper)(({ theme }) => ({\n backgroundColor: theme.palette.mode === \"dark\" ? \"#1A2027\" : \"#13CF8F\",\n ...theme.typography.body2,\n padding: theme.spacing(1),\n textAlign: \"center\",\n color: theme.palette.text.secondary,\n}));\n\nconst Languages = [\n \"English\",\n \"Dutch\",\n \"French\",\n \"German\",\n \"Spanish\",\n \"Italian\",\n \"Portugese\",\n];\n\nconst style = {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n maxHeight: \"100vh\",\n width: \"420px\",\n bgcolor: \"background.paper\",\n border: \"2px solid gray\",\n borderRadius: \"8px\",\n justifyContent: \"space-around\",\n // overflow: \"scroll\",\n boxShadow: 24,\n p: 4,\n};\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n handleChange(e, newExpanded, id)}\n >\n \n {title === \"Listing technology\"\n ? t(\"Listing_Technology\")\n : title === \"Emotion AI\"\n ? t(\"Emotion_AI\")\n : title === \"Review management\"\n ? t(\"Review_Management\")\n : title === \"Tasks\"\n ? t(\"Tasks\")\n : title === \"Post management\"\n ? t(\"Post_Management\")\n : title === \"Account Management\"\n ? t(\"account_settings\")\n : title === \"User Management\"\n ? t(\"User_Management\")\n : title === \"Reports\"\n ? t(\"Reports\")\n : title}\n \n )}\n \n {ComponentToRender} \n \n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Grid, Typography, Box, Checkbox, IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport { useTranslation } from \"react-i18next\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport ExpandLessIcon from \"@mui/icons-material/ExpandLess\";\nimport Collapsible from \"../Components/Collapsible\";\n\nimport { useStyles } from \"../../../styles/style\";\nimport { styled } from \"@mui/material/styles\";\nimport ArrowForwardIosSharpIcon from \"@mui/icons-material/ArrowForwardIosSharp\";\nimport MuiAccordion from \"@mui/material/Accordion\";\nimport MuiAccordionSummary from \"@mui/material/AccordionSummary\";\nimport MuiAccordionDetails from \"@mui/material/AccordionDetails\";\nimport { useParams } from \"react-router-dom\";\n\nconst Accordion = styled((props) => (\n \n \n \n \n \n {title}\n \n {t(\"duplicated_text\")}\n }\n >\n \n \n \n \n \n {t(\"fetch_email_info\")}\n \n \n\n \n {isLoading ? (\n \n \n {t(\"Select_All\")} \n \n {totalModalEmailsArr?.map((item, index) => (\n \n \n handleCheckboxChange(item)}\n />\n {item} \n \n \n ))}\n \n )}\n \n\n \n {/* \n */}\n \n \n {t(\"Cancel\")}\n \n \n {t(\"Ok\")}\n \n \n \n \n
\n \n );\n};\n\nexport default FetchModel;\n","var _path;\nfunction _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); }\nimport * as React from \"react\";\nfunction SvgCopy(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 16,\n viewBox: \"0 0 20 16\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M14.9999 13.8333H4.99992C4.33688 13.8333 3.70099 13.5699 3.23215 13.1011C2.76331 12.6323 2.49992 11.9964 2.49992 11.3333V4.66667C2.49992 4.44565 2.41212 4.23369 2.25584 4.07741C2.09956 3.92113 1.8876 3.83333 1.66659 3.83333C1.44557 3.83333 1.23361 3.92113 1.07733 4.07741C0.921049 4.23369 0.833252 4.44565 0.833252 4.66667V11.3333C0.833252 12.4384 1.27224 13.4982 2.05364 14.2796C2.44055 14.6665 2.89988 14.9734 3.4054 15.1828C3.91093 15.3922 4.45274 15.5 4.99992 15.5H14.9999C15.2209 15.5 15.4329 15.4122 15.5892 15.2559C15.7455 15.0996 15.8333 14.8877 15.8333 14.6667C15.8333 14.4457 15.7455 14.2337 15.5892 14.0774C15.4329 13.9211 15.2209 13.8333 14.9999 13.8333ZM19.1666 6.28333C19.1579 6.20678 19.1411 6.13136 19.1166 6.05833V5.98333C19.0765 5.89765 19.0231 5.81889 18.9583 5.75L13.9583 0.75C13.8894 0.68518 13.8106 0.631734 13.7249 0.591667H13.6499L13.3833 0.5H6.66658C6.00354 0.5 5.36766 0.763392 4.89882 1.23223C4.42998 1.70107 4.16658 2.33696 4.16658 3V9.66667C4.16658 10.3297 4.42998 10.9656 4.89882 11.4344C5.36766 11.9033 6.00354 12.1667 6.66658 12.1667H16.6666C17.3296 12.1667 17.9655 11.9033 18.4344 11.4344C18.9032 10.9656 19.1666 10.3297 19.1666 9.66667V6.33333C19.1666 6.33333 19.1666 6.33333 19.1666 6.28333ZM14.1666 3.34167L16.3249 5.5H14.9999C14.7789 5.5 14.5669 5.4122 14.4107 5.25592C14.2544 5.09964 14.1666 4.88768 14.1666 4.66667V3.34167ZM17.4999 9.66667C17.4999 9.88768 17.4121 10.0996 17.2558 10.2559C17.0996 10.4122 16.8876 10.5 16.6666 10.5H6.66658C6.44557 10.5 6.23361 10.4122 6.07733 10.2559C5.92105 10.0996 5.83325 9.88768 5.83325 9.66667V3C5.83325 2.77899 5.92105 2.56702 6.07733 2.41074C6.23361 2.25446 6.44557 2.16667 6.66658 2.16667H12.4999V4.66667C12.4999 5.32971 12.7633 5.96559 13.2322 6.43443C13.701 6.90327 14.3369 7.16667 14.9999 7.16667H17.4999V9.66667Z\",\n fill: \"#757575\"\n })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgCopy);\nexport default __webpack_public_path__ + \"static/media/Copy.f6b3c8b8.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from \"react\";\nimport {\n Grid,\n Typography,\n Divider as MuiDivider,\n DialogTitle,\n DialogActions,\n DialogContent,\n Dialog,\n Checkbox,\n Box,\n styled,\n Tooltip,\n tooltipClasses,\n Button,\n IconButton,\n} from \"@mui/material\";\nimport CommonButton from \"../../../../../../components/CustomComponents/Buttons/CommonButton\";\nimport { ReactComponent as CopyIcon } from \"../../../../../../assets/Icons/Copy.svg\";\nimport Loader from \"../../../../../../components/Loaders/Loader\";\nimport { useTranslation } from \"react-i18next\";\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n \n \n \n \n {title}\n \n \n \n {subTitle}\n \n \n\n \n {isLoading ? (\n \n {addedEmails?.map((item, index) => (\n \n \n \n \n {\"•\"}\n \n \n {item?.email}\n \n \n \n \n {t(\"copy_invitation_link\")}\n \n }\n >\n {\n navigator.clipboard.writeText(\n `${process.env.REACT_APP_LOCAL_URL}/auth/register/${item?.inviteCode}`\n );\n\n setDisplayText(true);\n setTimeout(() => {\n setDisplayText(false);\n }, 2000);\n }}\n sx={{ marginLeft: \"5px\" }}\n >\n \n \n \n ))}\n {displayText && (\n \n {t(\"Copied\")}\n \n )}\n \n )}\n \n\n \n \n \n {t(\"Ok\")}\n \n \n \n \n
\n \n );\n};\n\nexport default FetchModel;\n","import React, { useEffect, useState } from \"react\";\nimport {\n Grid,\n Typography,\n Divider as MuiDivider,\n DialogTitle,\n DialogActions,\n DialogContent,\n Dialog,\n Checkbox,\n Box,\n styled,\n Tooltip,\n tooltipClasses,\n Button,\n TextField,\n IconButton,\n} from \"@mui/material\";\nimport CommonButton from \"../../../../../../components/CustomComponents/Buttons/CommonButton\";\nimport Loader from \"../../../../../../components/Loaders/Loader\";\nimport InfoOutlinedIcon from \"@mui/icons-material/InfoOutlined\";\nimport { useTranslation } from \"react-i18next\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { useStyles } from \"../../../styles/style\";\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n \n \n \n \n \n \n {title}\n \n \n {t(\"Shareable_Link_tooltip\")}\n \n }\n >\n \n \n \n \n \n {subTitle}\n \n \n \n \n \n\n \n \n \n \n \n {\n navigator.clipboard.writeText(\n `${process.env.REACT_APP_LOCAL_URL}/auth/register/${inviteLink}`\n );\n setDisplayText(true);\n setTimeout(() => {\n setDisplayText(false);\n handleCloseNewRequestModel();\n }, 3000);\n }}\n className={classes.copyText}\n >\n {t(\"copy_text\")}\n \n {displayText && (\n \n {t(\"Copied\")}\n \n )}\n \n \n \n \n
\n \n );\n};\n\nexport default ShareableLinkModel;\n","import React, { useState, useRef, useEffect } from \"react\";\n\nimport {\n Grid,\n Typography,\n TextField,\n Box,\n Autocomplete,\n Checkbox,\n TableContainer,\n Paper,\n Table,\n TableBody,\n IconButton,\n Button,\n createFilterOptions,\n CircularProgress,\n Tooltip,\n tooltipClasses,\n} from \"@mui/material\";\nimport styled from \"styled-components/macro\";\n\nimport AddIcon from \"@mui/icons-material/Add\";\nimport * as XLSX from \"xlsx\";\nimport { ThemeProvider } from \"@mui/material/styles\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport { useTranslation } from \"react-i18next\";\nimport Title from \"../../../../../../components/CustomComponents/title/index.js\";\nimport AddNewUsersFeatures from \"./AddNewUsersFeatures.js\";\nimport CommonButton from \"../../../../../../components/CustomComponents/Buttons/CommonButton.js\";\nimport CustomizedTableCell from \"../../../../../../components/CustomComponents/table/tableCell.js\";\nimport CustomizedTableHead from \"../../../../../../components/CustomComponents/table/tableHead.js\";\nimport CustomizedTableRow from \"../../../../../../components/CustomComponents/table/tableRow.js\";\nimport NoLocationFound from \"../../../../../../components/CustomComponents/Errors/NoLocationFound.js\";\nimport ErrorOutlineIcon from \"@mui/icons-material/ErrorOutline\";\nimport CheckBoxOutlineBlankIcon from \"@mui/icons-material/CheckBoxOutlineBlank\";\nimport CheckBoxIcon from \"@mui/icons-material/CheckBox\";\nimport { useStyles } from \"../../../styles/style.js\";\nimport FetchEmailsModel from \"./FetchEmailsModel.js\";\nimport AddedEmailModel from \"./AddedEmailModel.js\";\nimport ShareableLinkModel from \"./ShareableLinkModel.js\";\nimport { api } from \"../../../../../../contexts/JWTContext.js\";\nimport Loader from \"../../../../../../components/Loaders/Loader.js\";\nimport { useNavigate, useLocation } from \"react-router-dom\";\nimport { toast } from \"react-toastify\";\nimport useDateFormat from \"../../../../../../hooks/useDateFormat.js\";\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n {t(\"\")}
\n )}\n{t(\"\")}
\n )}\n\n \n \n \n {title}\n \n \n \n \n \n \n \n \n {iframe}\n \n \n \n\n
\n \n )\n}\n\nexport default Iframe","import { api, handleSessionOut } from \"../contexts/JWTContext\";\nimport { languageOptions } from \"../assets/defaultLanguage\";\n\nexport const getSelectedCustomer = async (handleSignOut) => {\n try {\n const res = await api.get(`/company/me`);\n if (res.data?.status === true) {\n localStorage.setItem(\"company\", JSON.stringify(res?.data.data));\n }\n } catch (error) {\n handleSessionOut(\n error?.response?.status,\n error?.response?.data?.message,\n handleSignOut\n );\n }\n};\n\nexport const LanguageChange = async (setCallApi, closeMenu) => {\n let userLng = \"\";\n const languageData = localStorage.getItem(\"i18nextLng\");\n const stateData = JSON.parse(localStorage.getItem(\"user\"));\n const defaultLanguage = Object.keys(languageOptions).find((item) => {\n userLng = languageOptions[`${languageData}`]?.name;\n });\n\n try {\n const res = await api.patch(`/user/${stateData?.id}`, {\n firstName: stateData?.firstName,\n lastName: stateData?.lastName,\n email: stateData?.email,\n language: userLng,\n role: stateData?.role,\n });\n\n if (res.status === 200) {\n if (setCallApi !== undefined) {\n setCallApi(true);\n }\n if (closeMenu !== undefined) {\n closeMenu();\n }\n localStorage.setItem(\"user\", JSON.stringify(res.data.data));\n\n const UpdatedLanguage = Object.keys(languageOptions).find(\n (item) => languageOptions[`${item}`]?.name === res?.data?.data?.language\n );\n // toast.success(t(\"Language_updated_successfully\"));\n\n localStorage.setItem(\"i18nextLng\", UpdatedLanguage);\n }\n } catch (error) {}\n};\n\nexport const checkLocalStorageData = () => {\n const stateData = JSON.parse(localStorage.getItem(\"user\"));\n const companyData = JSON.parse(localStorage.getItem(\"company\"));\n const languageData = localStorage.getItem(\"i18nextLng\");\n const accessToken = localStorage.getItem(\"accessToken\");\n const loginUserData = JSON.parse(localStorage.getItem(\"stateData\"));\n const rolePermissions = JSON.parse(localStorage.getItem(\"rolePermissions\"));\n\n if (\n rolePermissions !== undefined &&\n rolePermissions !== null &&\n loginUserData !== undefined &&\n loginUserData !== null &&\n accessToken !== undefined &&\n accessToken !== null &&\n stateData !== undefined &&\n stateData !== null &&\n companyData !== undefined &&\n companyData !== null &&\n languageData !== undefined &&\n languageData !== null\n ) {\n return true;\n }\n return false;\n};\n","import React, { useState, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport TitleHeader from \"../../../components/CustomComponents/title\";\nimport { useStyles } from \"./Styles/style\";\nimport Overview from \"./Components/Overview\";\nimport QuestionMark from \"../../../assets/Icons/Question.svg\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport { api, handleSessionOut } from \"../../../contexts/JWTContext\";\nimport Loader from \"../../../components/Loaders/Loader\";\nimport ErrorOutlineIcon from \"@mui/icons-material/ErrorOutline\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { toast } from \"react-toastify\";\n\nimport {\n Grid,\n Typography,\n Autocomplete,\n TextField,\n Checkbox,\n Tooltip,\n Box,\n tooltipClasses,\n} from \"@mui/material\";\nimport { useNavigate } from \"react-router-dom\";\nimport { Dialog } from \"@material-ui/core\";\nimport CheckBoxOutlineBlankIcon from \"@mui/icons-material/CheckBoxOutlineBlank\";\nimport Iframe from \"../../../components/Models/IframeModal/Iframe\";\nimport CheckBoxIcon from \"@mui/icons-material/CheckBox\";\nimport useAuth from \"../../../hooks/useAuth\";\nimport LocationNotFound from \"../../../components/CustomComponents/Errors/NoLocationFound\";\nimport NotFound from \"../../../components/NotFound/NotFound\";\nimport styled from \"styled-components/macro\";\nimport { checkLocalStorageData } from \"../../../utils/LocalStorageHelpers\";\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n {t(\"No_file_chosen\")}
\n )}\n\n
\n\n \n
\n\n \n
\n\n \n {\" \"}\n
\n\n \n \n \n {title}\n \n \n {description}\n \n \n onCancel()}\n className=\"delete_button\"\n >\n {t(\"Cancel\")}\n \n \n \n\n {/* */}\n
\n \n );\n};\n\nexport default ReadMore;\n","import React, { useState, useEffect } from \"react\";\nimport {\n Box,\n Grid,\n IconButton,\n Paper as MuiPaper,\n Table,\n TableBody,\n TableContainer,\n Typography,\n Tooltip,\n tooltipClasses,\n Menu,\n MenuItem,\n Button,\n} from \"@mui/material\";\nimport { TablePagination } from \"@mui/material\";\nimport { useParams } from \"react-router-dom\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport Loader from \"../../../../components/Loaders/Loader\";\nimport styled from \"styled-components/macro\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useTranslation } from \"react-i18next\";\nimport { spacing } from \"@mui/system\";\nimport { api, handleSessionOut } from \"../../../../contexts/JWTContext\";\nimport { useNavigate } from \"react-router-dom\";\nimport Dialog from \"@mui/material/Dialog\";\nimport Delete from \"../../../../components/Models/DeleteModal/Delete\";\nimport ReadMore from \"../../../../components/Models/ReadMore\";\nimport CustomizedTableRow from \"../../../../components/CustomComponents/table/tableRow\";\nimport CustomizedTableHead from \"../../../../components/CustomComponents/table/tableHead\";\nimport CustomizedTableCell from \"../../../../components/CustomComponents/table/tableCell\";\nimport Checkbox from \"@mui/material/Checkbox\";\nimport MoreHorizIcon from \"@mui/icons-material/MoreHoriz\";\nimport Title from \"../../../../components/CustomComponents/title/index.js\";\nimport NotFound from \"../../../../components/NotFound/NotFound\";\nimport useAuth from \"../../../../hooks/useAuth\";\nimport { useStyles } from \"../Styles/style\";\nconst Paper = styled(MuiPaper)(spacing);\n\nconst BootstrapTooltip = styled(({ className, ...props }) => (\n