\n \n
;\n}\n\nNextPrevDialog.propTypes = {\n openDialog: PropTypes.bool.isRequired,\n onCloseBtnClicked: PropTypes.func.isRequired,\n onPrevBtnClicked: PropTypes.func.isRequired,\n onNextBtnClicked: PropTypes.func.isRequired,\n dialogTemplate: PropTypes.element.isRequired,\n height: PropTypes.number,\n width: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),\n data: PropTypes.object\n}\n\nexport default NextPrevDialog;\n\n","const createPalette = (color) => {\n const colorHexValue = color.replace('#', '')\n const colorIntValue = parseInt(colorHexValue, 16)\n const red = (colorIntValue >> 16) & 255;\n const green = (colorIntValue >> 8) & 255;\n const blue = colorIntValue & 255;\n\n return {\n opacity25: `rgba(${red}, ${green}, ${blue}, 0.25)`,\n opacity50: `rgba(${red}, ${green}, ${blue}, 0.5)`,\n opacity75: `rgba(${red}, ${green}, ${blue}, 0.75)`,\n opacity100: `rgba(${red}, ${green}, ${blue}, 1)`\n }\n}\n\nexport const COLOR_PALETTE = {\n green: createPalette('#255c09'),\n orange: createPalette('#fea412'),\n red: createPalette('#f44336')\n}\n\n","import React from \"react\";\nimport Grid from '@material-ui/core/Grid';\nimport {makeStyles} from '@material-ui/core/styles';\nimport PropTypes from \"prop-types\";\nimport {COLOR_PALETTE} from \"../../config/colorPalette\";\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '100%',\n marginTop: theme.spacing(2),\n padding: '20px 20px 0px 20px'\n },\n buttons: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'flex-end',\n alignItems: 'center',\n },\n pageTitle: {\n color: COLOR_PALETTE.green.opacity100,\n margin: '0px',\n }\n}));\n\nconst PageHeader = (props) => {\n const classes = useStyles();\n const { pageTitle, customButtons } = props;\n return (\n { pageTitle }
\n{customButton}
\n } ) : null\n }\n \n {data && data.length > 0 && columns ? (\n \n \n \n )}\n >\n \n {columns.map((c, index) => )}\n \n ) : null} \n
);\n}\nexport default DowloadToExcelButton;","import React, {useState, useEffect, useCallback} from 'react';\nimport {\n Grid,\n Typography,\n Button,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n makeStyles\n} from '@material-ui/core';\nimport {\n AddCircleOutline,\n ExpandMore\n} from '@material-ui/icons';\nimport Table from \"../Table/Table\";\nimport NextPrevDialog from \"../NextPrevDialog/NextPrevDialog\";\nimport PageHeader from \"../PageHeader/PageHeader\";\nimport DialogBox from \"../DialogBox/DialogBox\";\nimport NativeButton from \"../FormInputs/Button/Button\";\nimport {debounce} from 'lodash';\nimport Notification from \"../../components/Notification/Notification\";\nimport ExcelExporter from \"../../components/ExcelExporter/ExcelExporter\";\n\nconst useStyles = makeStyles((theme) => ({\n heading: {\n fontSize: theme.typography.pxToRem(15),\n flexBasis: '33.33%',\n flexShrink: 0\n },\n secondaryHeading: {\n fontSize: theme.typography.pxToRem(15),\n color: theme.palette.text.secondary,\n },\n}));\n\nconst DEFAULT_NOTIFICATION = {\n type: \"error\",\n message: \"\",\n open: false\n};\n\nconst SimpleGrid = props => {\n const {title, headCells, rowTemplate, identifier, createTemplate, editTemplate, allowCreate,\n nextPreviousDialogHeight, filterTemplate, onApplyFilter, onClearFilter,\n filterCount, getData, rowsPerPage, refreshGrid, resetRefreshGrid,\n exportToExcel, excelData, additionalButtons} = props;\n \n const [data, setData] = useState([]);\n const [dataChanged, setDataChanged] = useState(false);\n\n const [isTraverseOpen, setIsTraverseOpen] = useState(false);\n const [currentRecord, setCurrentRecord] = useState(null);\n const [currentRecordId, setCurrentRecordId] = useState(-1);\n\n const [isFirstItem, setIsFirstItem] = useState(false);\n const [isLastItem, setIsLastItem] = useState(false);\n const [isCreateOpen, setIsCreateOpen] = useState(false);\n\n const [expanded, setExpanded] = useState(false);\n const [loading , setLoading] = useState(false);\n\n const [totalPages, setTotalPages] = useState(1);\n const [pageNumber, setPageNumber] = useState(1);\n\n const debounceSetPageNumber = useCallback(debounce(() => setPageNumber(0), 1000), [])\n\n const [createDialogTemplate, setCreateDialogTemplate] = useState(React.cloneElement(createTemplate,\n {\n ...createTemplate.props,\n cleanup: () => {\n setIsCreateOpen(false);\n debounceSetPageNumber();\n }\n }\n ));\n\n const [editDialogTemplate, setEditDialogTemplate] = useState(React.cloneElement(editTemplate,\n {\n ...editTemplate.props,\n cleanup: () => debounceSetPageNumber()\n }\n ));\n\n const [filterAccordianTemplate, setFilterAccordianTemplate] = useState(React.cloneElement(filterTemplate,\n {\n ...filterTemplate.props,\n }\n ));\n\n const [notification, setNotification] = useState({...DEFAULT_NOTIFICATION});\n\n const classes = useStyles();\n\n useEffect(() => {\n if(refreshGrid) {\n debounceSetPageNumber();\n resetRefreshGrid(false);\n }\n }, [refreshGrid])\n\n useEffect(() => {\n if(pageNumber === 0) {\n setPageNumber(1);\n }\n fetchList();\n }, [pageNumber])\n\n useEffect(() => {\n setCreateDialogTemplate(React.cloneElement(createTemplate,\n {\n ...createTemplate.props,\n cleanup: () => {\n setIsCreateOpen(false);\n debounceSetPageNumber();\n }\n }\n ));\n }, [currentRecord, createTemplate]);\n\n useEffect(() => {\n setEditDialogTemplate(React.cloneElement(editTemplate,\n {\n ...editTemplate.props,\n cleanup: () => debounceSetPageNumber()\n }\n ));\n }, [currentRecord, editTemplate]);\n\n useEffect(() => {\n setFilterAccordianTemplate(React.cloneElement(filterTemplate,\n {\n ...filterTemplate.props\n }\n ))\n }, [filterTemplate]);\n\n const loadMoreRecords = () => {\n setLoading(true);\n if(pageNumber < totalPages) {\n setPageNumber(prevPageNumber => prevPageNumber+1)\n }\n }\n\n const fetchList = () => {\n if(pageNumber > 0) {\n setLoading(true);\n getData( (pageNumber-1) * rowsPerPage ).then(response => {\n if(pageNumber === 1) {\n setData(response.data || []);\n const absolutePages = Number(response.count)/rowsPerPage;\n setTotalPages(absolutePages === Math.floor(absolutePages) ? absolutePages : Math.floor(absolutePages)+1);\n }\n else {\n setData(prevData => {\n return [\n ...prevData,\n ...(response.data || [])\n ]\n });\n }\n setDataChanged(true);\n setLoading(false);\n }).catch(error => {\n setLoading(false);\n setNotification({\n open: true,\n type: \"error\",\n message: `Failed to fetch ${title} records, please try again`\n });\n });\n }\n }\n\n const setSelectionState = index => {\n if(data && data[index]) {\n setCurrentRecord({...data[index]});\n setCurrentRecordId(data[index][identifier]);\n setIsFirstItem(index === 0);\n setIsLastItem(index === data.length-1);\n }\n }\n\n const onDoubleClickRow = id => {\n let currentIndex = data.findIndex(item => item[identifier] === id);\n setSelectionState(currentIndex);\n setIsTraverseOpen(true);\n }\n\n const traverse = direction => {\n let currentIndex = data.findIndex(item => item[identifier] === currentRecordId);\n let newIndex = currentIndex+direction;\n currentIndex = newIndex === data.length || newIndex < 0 ? currentIndex : newIndex;\n setSelectionState(currentIndex);\n }\n\n let customButtons = [];\n\n if(allowCreate) {\n customButtons.push(\n \n )\n }\n\n if(exportToExcel) {\n customButtons.push(- \n
Congratulations you have updated the Membership!
\nMembership Updated for Member ID is \"{data.membershipId}\"
\n\n \n \n {(data?.brand && data?.brand.length > 0) || (data?.lastDigits && data?.lastDigits.length > 0) ? \n {`Paid with: ${data?.brand && data?.brand.length > 0 ? data.brand : 'Missing Brand'} (${data?.lastDigits && data?.lastDigits.length > 0 ? data.lastDigits : 'Missing Last Digits'})`} : \n null }\n {`Attempt ID: ${data.attemptId}`} \n {`Created By: ${data.createdBy}`} \n {`Comments: ${data.comments}`} \n \n
\n );\n}","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Popover from '@material-ui/core/Popover';\nimport Typography from '@material-ui/core/Typography';\n\nconst PopOverContent = (props) => (\n <>\n {props.data.isCorporate ? \n {props.data.isCorporate ? props.data?.invoiceAmount.toFixed(2) : props.data?.attemptedAmount.toFixed(2)}\n {data.refundedAmount > 0 || data.chargeBackAmount > 0 \n ? \n : props.data.isCorporate\n ? 0 || data.chargeBackAmount > 0 ? \"error\" : \"secondary\"} className={classes.margin} onClick={handleClick}/> \n : null}\n \n
\n }\n\n export default AmountPopOver","import {\n TableContainer,\n Link,\n Table,\n TableHead,\n TableBody,\n TableRow,\n TableCell,\n Paper,\n Typography\n} from '@material-ui/core';\nimport { LocationCitySharp } from '@material-ui/icons';\n\nimport AttemptPopOver from '../../../components/PopOver/AttemptPopOver'\nimport AmountPopOver from '../../../components/PopOver/AmountPopOver'\nimport { useEffect, useState } from 'react';\n\nconst DEFAULT_ATTEMPTS_HEADCELLS = [\n {id: 'details', label: ''},\n {id: 'attemptDate', label: 'Attempt Date'},\n {id: 'paymentDate', label: 'Payment Date'},\n {id: 'attemptedAmount', label: 'Attempted'},\n {id: 'paidAmount', label: 'Paid'},\n {id: 'status', label: 'Status'},\n];\n\nconst Attempts = props => {\n\n const {rows} = props;\n const [sortedRows, setSorteRows] = useState()\n\n useEffect(() => {\n const sorted = rows.sort((a,b) => {\n return a.attemptId > b.attemptId ? 1 : -1;\n }).map(a => a);\n\n setSorteRows(sorted);\n }, [rows])\n\n console.log(rows)\n \n return \n
\n
\n {\n {\n setNotification({...DEFAULT_NOTIFICATION});\n if(notification.type === 'success') onClose();\n }}\n />\n
\n}\n\nconst mapStateToProps = state => {\n return {\n accountInfo: state.accountInfo\n }\n}\n \nexport default connect(mapStateToProps)(BillingInformationTemplate)\n","import {getAxiosInstance} from \"../../config/axios\";\nimport environment from \"../../config/environment\";\n\nexport const saveInvoice = (source, invoice, authToken) => {\n return new Promise((resolve, reject) => {\n getAxiosInstance(authToken).post(`${environment().functionsURL}invoice/${invoice?.paymentTypeId === 'C' ? '' : 'cash-'}payment`,\n {\n ...invoice\n },\n {\n cancelToken: source.token \n })\n .then(response => {\n resolve(response);\n }).catch(error => reject(error))\n })\n}","import React, {useState, useEffect} from 'react';\nimport {Grid, Typography, Button, CircularProgress} from '@material-ui/core';\nimport {KeyboardDatePicker, MuiPickersUtilsProvider} from \"@material-ui/pickers\";\nimport MomentUtils from '@date-io/moment';\nimport moment from 'moment';\nimport {generateInvoices} from \"../../../apiCalls/Application/generateInvoices\";\nimport {connect} from 'react-redux';\nimport axios from 'axios';\nimport Notification from \"../../../components/Notification/Notification\";\n\nconst DEFAULT_FORM_VALUES = {\n fromDate: null,\n toDate: null\n}\n\nconst DEFAULT_NOTIFICATION = {\n type: \"success\",\n message: \"\",\n open: false\n}\n\nconst GenerateInvoices = props => {\n\n const {applicationId, accountInfo, toggleDialogBox} = props;\n\n const [formValues, setFormValues] = useState({...DEFAULT_FORM_VALUES});\n const [authToken, setAuthToken] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [notification, setNotification] = useState({...DEFAULT_NOTIFICATION});\n\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n\n useEffect(() => {\n if(accountInfo && accountInfo.jwtIdToken) {\n setAuthToken(accountInfo.jwtIdToken);\n }\n }, [accountInfo]);\n \n const handleFormValueChange = (key, value) => {\n setFormValues(prevValues => {\n return {\n ...prevValues,\n [key]: value\n }\n })\n }\n\n const handleGenerateInvoicesClick = () => {\n if(authToken) {\n setLoading(true);\n generateInvoices(source, {\n applicationId,\n ...formValues\n }, authToken)\n .then(response => {\n if(response.status === 200) { \n setNotification({\n open: true,\n type: \"success\",\n message: \"Successfully generated invoices.\"\n });\n }\n })\n .catch(error => {\n setLoading(false);\n console.log('Failed to generate invoices ', error);\n setNotification({\n open: true,\n type: \"error\",\n message: \"Failed to generate invoices, please try again\"\n });\n })\n }\n }\n\n return \n \n \n \n
\n }\n \n {\n editMembershipId ?\n <>\n setMembershipIdTextFieldValue(val)}\n required={true}\n disabled={false}\n label=\"Membership ID\"\n disallowFullWidth={true}\n />\n \n \n \n :\n <>\n \n Membership ID: \n {membershipId}\n {showEditMembershipIcon && (\n setEditMembershipId(true)}\n >\n )}\n \n \n }\n setSelectedInvoices(newInvoices)}\n onInvoiceRowClick={handleInvoiceRowClick}\n />\n
\n \n
\n \n \n \n {\n handleFormDataChange('newPayment', newPayment);\n setHasChanged(true);\n }} \n invoiceId={invoiceId} \n data={data?.payments}> \n \n \n \n \n \n \n \n \n \n {\n if(notification.type === \"success\") {\n setLoading(false);\n }\n setNotification({...DEFAULT_NOTIFICATION}); \n }}\n />\n
\n )\n}","import {getAxiosInstance} from \"../../config/axios\";\nimport environment from \"../../config/environment\";\n\nexport const getPayments = (applicationId, source, authToken, retries) => {\n return new Promise((resolve, reject) => {\n getAxiosInstance(authToken, retries).get(`${environment().functionsURL}payments?applicationId=${applicationId}`,\n {\n cancelToken: source.token\n })\n .then(response => {\n if(response && response.status === 200) {\n if(response && response.data) { \n resolve(response.data);\n }\n else {\n resolve([]);\n }\n }\n reject(response);\n })\n .catch(error => reject(error))\n })\n}","var _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgRefund(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 24 24\",\n width: 24,\n height: 24,\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 fill: \"none\",\n d: \"M0 0h24v24H0z\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M5.671 4.257c3.928-3.219 9.733-2.995 13.4.672 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0A9.993 9.993 0 0 1 2.25 9.767l.077-.313 1.934.51a8 8 0 1 0 3.053-4.45l-.221.166 1.017 1.017-4.596 1.06 1.06-4.596 1.096 1.096zM13 6v2h2.5v2H10a.5.5 0 0 0-.09.992L10 11h4a2.5 2.5 0 1 1 0 5h-1v2h-2v-2H8.5v-2H14a.5.5 0 0 0 .09-.992L14 13h-4a2.5 2.5 0 1 1 0-5h1V6h2z\",\n fill: \"#000\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgRefund);\nexport default __webpack_public_path__ + \"static/media/refund.49e13d6a.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _circle, _text, _text2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgChargeback(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 90 112.5\",\n enableBackground: \"new 0 0 90 90\",\n xmlSpace: \"preserve\",\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: \"M65.701,35.846l0.008,0.007c3.709,3.72,5.563,8.206,5.563,13.455c0,5.253-1.857,9.736-5.57,13.448 c-3.712,3.713-8.195,5.569-13.447,5.569H32.445c-1.226,0-2.271-0.433-3.139-1.3c-0.866-0.866-1.299-1.911-1.299-3.138 c0-1.225,0.434-2.271,1.299-3.137c0.868-0.866,1.913-1.299,3.139-1.299h19.807c2.802,0,5.194-0.99,7.175-2.97 c1.979-1.98,2.969-4.372,2.969-7.174c-0.002-2.803-0.991-5.198-2.969-7.188l-0.007-0.007c-1.979-1.975-4.369-2.962-7.168-2.962 H35.86l3.72,3.002c0.951,0.773,1.492,1.768,1.624,2.981c0.129,1.215-0.192,2.298-0.964,3.255c-0.771,0.955-1.763,1.499-2.976,1.63 c-1.214,0.13-2.3-0.188-3.26-0.958L20.659,38.291c-0.023-0.021-0.048-0.04-0.072-0.058c-0.025-0.021-0.051-0.043-0.077-0.065 c-0.024-0.018-0.048-0.039-0.072-0.058l-0.206-0.188c-0.505-0.476-0.872-1.025-1.1-1.649c-0.038-0.102-0.071-0.206-0.104-0.311 c-0.03-0.105-0.055-0.209-0.078-0.317c-0.049-0.244-0.08-0.497-0.09-0.756c-0.012-0.281,0.001-0.555,0.04-0.822l0.167-0.73 c0.018-0.056,0.037-0.112,0.058-0.168l0.478-0.925c0.16-0.232,0.345-0.454,0.558-0.667c0.007-0.008,0.016-0.016,0.025-0.026 l0.208-0.194c0.042-0.038,0.086-0.074,0.129-0.11c0.062-0.049,0.125-0.097,0.188-0.142l12.873-10.299 c0.961-0.762,2.047-1.075,3.261-0.938c1.212,0.136,2.202,0.684,2.968,1.643c0.767,0.957,1.082,2.042,0.945,3.254 c-0.135,1.213-0.682,2.205-1.637,2.976l-3.169,2.536h16.303C57.506,30.276,61.989,32.133,65.701,35.846z\"\n })), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n fill: \"none\",\n stroke: \"#000000\",\n strokeWidth: 8,\n strokeMiterlimit: 10,\n cx: 45.188,\n cy: 45.188,\n r: 38.188\n })), _text || (_text = /*#__PURE__*/React.createElement(\"text\", {\n x: 0,\n y: 105,\n fill: \"#000000\",\n fontSize: \"5px\",\n fontWeight: \"bold\",\n fontFamily: \"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\"\n }, \"Created by Cristiano Zoucas\")), _text2 || (_text2 = /*#__PURE__*/React.createElement(\"text\", {\n x: 0,\n y: 110,\n fill: \"#000000\",\n fontSize: \"5px\",\n fontWeight: \"bold\",\n fontFamily: \"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\"\n }, \"from the Noun Project\")));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgChargeback);\nexport default __webpack_public_path__ + \"static/media/chargeback.399a87ae.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {Table, Box} from '@material-ui/core';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport {formatDate} from '../../utils/DateHandling'\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { AttachMoney, CreditCard, Error, ErrorOutline, HelpOutline, LinkSharp, Loyalty, Money, MoneyOff, QuestionAnswer, Schedule } from '@material-ui/icons';\nimport RelinkInvoice from './RelinkInvoice';\nimport NativeDialogBox from '../../components/DialogBox/DialogBox';\nimport { IconButton } from '@material-ui/core';\nimport {ReactComponent as Refund} from '../../assets/media/refund.svg';\nimport {ReactComponent as ChargeBack} from '../../assets/media/chargeback.svg';\nimport { SettingsBackupRestore } from '@material-ui/icons';\n\nexport default function InvoiceIcon(props) {\n const {invoice} = props;\n\n if(invoice.refundedAmount > 0){\n return (\n - } \n className={classes.root}>\n {data?.map(d =>
\n event.stopPropagation()}\n onClick={(event) => {\n setOpen(true);\n if(onDeleteClickAction) {\n onDeleteClickAction()\n }\n event.stopPropagation()\n }}>\n \n setOpen(false)}\n onConfirm={() => handleConfirm()}\n onCancel={onCancelAction}\n >\n {children}\n \n
)\n}","import React, { useState, useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport {AccordionSummary, Accordion, Grid, Tooltip } from '@material-ui/core';\n\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport DateTimeField from \"../../components/FormInputs/DateTimeField/DateTimeField\"\nimport TextField from \"../../components/FormInputs/TextField/TextField\"\nimport DeleteButton from '../../components/Buttons/DeleteButton';\nimport Alert from '@material-ui/lab/Alert';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%',\n },\n alert: {\n width: '100%',\n '& > * + *': {\n marginTop: theme.spacing(2),\n },\n },\n heading: {\n fontSize: theme.typography.pxToRem(15),\n fontWeight: theme.typography.fontWeightRegular,\n fontWeight: 'bold',\n paddingTop: theme.spacing(2),\n },\n margin: {\n margin: theme.spacing(0),\n size: 20,\n }, \n right: {\n marginLeft: 'auto',\n fullWidth: false,\n width: 20\n },\n extendedIcon: {\n marginRight: theme.spacing(0),\n },\n typography: {\n padding: theme.spacing(1),\n },\n typography_font: {\n fontFamily: ['muli','Helvetica','Arial','Lucida','sans-serif'].join(',')\n },\n }));\n\n const INITIAL_ERROR_STATE = {\n chargeBackAmount: undefined,\n refundedAmount: undefined,\n refundedOn: undefined,\n chargeBackOn: undefined,\n paymentTimestamp: undefined,\n paymentAmount: undefined,\n chargeBackFee: undefined\n }\n\nexport default function Payment(props) {\n const {payment, enabled, loading, onChange, onValidation, expanded, onConfirmAction, onCancelAction, onAccordionChage, onDeleteClickAction} = props;\n const [errors, setErrors] = useState(INITIAL_ERROR_STATE);\n const [data, setData] = useState(payment);\n \n const classes = useStyles();\n\n \n\n const handleErrorChange = (element, val) => {\n setErrors({...errors, [element]: val});\n }\n\n const validate = (data) => {\n let hasError = false;\n const errorMsg = {...INITIAL_ERROR_STATE};\n if(data){\n if(((data?.refundedAmount || 0) + (data?.chargeBackAmount || 0)) > data?.paymentAmount){\n errorMsg.chargeBackAmount = 'Charge back + refunded Amount cannot be greater than payment amount';\n errorMsg.refundedAmount = 'Charge back + refunded Amount cannot be greater than payment amount'\n hasError = true;\n }else{\n errorMsg.chargeBackAmount = undefined;\n errorMsg.refundedAmount = undefined;\n }\n\n if((data?.refundedAmount || 0) > 0 && !(data?.refundedOn)){\n errorMsg.refundedOn= 'Refunded On date is required when entering a refund';\n hasError = true;\n }else{\n errorMsg.refundedOn= undefined;\n }\n\n if((data?.chargeBackAmount || 0) > 0 && !(data?.chargeBackOn)){\n errorMsg.chargeBackOn= 'Charge Back On date is required when entering a charge back amount';\n hasError = true;\n }else{\n errorMsg.chargeBackOn= undefined;\n }\n\n if((data?.paymentAmount || 0) > 0 && !(data?.paymentTimestamp)){\n errorMsg.paymentTimestamp= 'Payment date is required when entering a payment amount';\n hasError = true;\n }else{\n errorMsg.paymentTimestamp= undefined;\n }\n\n if((data?.paymentAmount || -1) < 0 || data?.paymentAmount === ''){\n errorMsg.paymentAmount= 'Payment amount is required';\n hasError = true;\n }else{\n errorMsg.paymentAmount= undefined;\n }\n }\n\n setErrors(errorMsg)\n if(onValidation){\n onValidation(hasError); \n }\n }\n\n const handleFormDataChange = (element, val) => {\n const newValue = {...payment, [element]: val};\n onChange(newValue);\n setData(newValue)\n validate(newValue)\n }\n\n return (\n \n \n \n \n event.stopPropagation()}\n onFocus={(event) => event.stopPropagation()}\n >{`Payment Details (Payment Id: ${payment?.paymentId})`} \n \n \n \n \n Deleting a payment will remove payment information and change related attempts' status(es). Are you sure you want to delete the payment?\n \n \n \n \n \n \n \n \n handleFormDataChange('paymentAmount', val)}\n isNumericOnly\n required={true}\n error={errors?.paymentAmount !== undefined}\n helperText={errors?.paymentAmount}\n InputLabelProps={{ shrink: true }} \n disabled={!enabled || loading }\n />\n \n \n handleFormDataChange('paymentTimestamp', date)}\n disableFuture={true}\n required={true}\n error={errors?.paymentTimestamp !== undefined}\n helperText={errors?.paymentTimestamp}\n disabled={!enabled || loading}\n />\n \n \n handleFormDataChange('refundedAmount', val)}\n isNumericOnly\n error={errors?.refundedAmount !== undefined}\n helperText={errors?.refundedAmount}\n required={false} \n disabled={!enabled || loading }\n />\n \n \n handleFormDataChange('refundedOn', date)}\n error={errors?.refundedOn !== undefined}\n helperText={errors?.refundedOn} \n minDate={payment?.paymentTimestamp}\n required={false}\n disabled={!enabled || loading }\n disableFuture={true}\n />\n \n \n handleFormDataChange('chargeBackAmount', val)}\n isNumericOnly \n error={errors?.chargeBackAmount !== undefined} \n helperText={errors?.chargeBackAmount} \n required={false} \n disabled={!enabled || loading }\n />\n \n \n handleFormDataChange('chargeBackOn', date)}\n minDate={payment?.paymentTimestamp}\n error={errors?.chargeBackOn !== undefined} \n helperText={errors?.chargeBackOn} \n required={false}\n disabled={!enabled || loading }\n disableFuture={true}\n />\n \n \n handleFormDataChange('chargeBackFee', val)}\n isNumericOnly \n error={errors?.chargeBackFee !== undefined} \n helperText={errors?.chargeBackFee} \n required={false} \n disabled={!enabled || loading }\n />\n \n \n handleFormDataChange('confirmation', val)}\n required={false} \n disabled={!enabled || loading}\n multiline={true}\n rows={3}\n maxRows={10}\n /> \n \n \n \n \n
)\n}\n","import {getAxiosInstance} from \"../../config/axios\";\nimport environment from \"../../config/environment\";\nimport fromEmptyStringToNull from \"../../utils/DataManipulation\";\n\nexport const saveInvoiceDetails = (invoiceDetails, source, authToken) => {\n return new Promise((resolve, reject) => {\n const data = {...invoiceDetails};\n data.payment = fromEmptyStringToNull(invoiceDetails.payment || '');\n data.replacedByInvoice = invoiceDetails.replacedByInvoice === '' ? null : invoiceDetails.replacedByInvoice;\n data.creditAmount = invoiceDetails.creditAmount === '' ? null : invoiceDetails.creditAmount; \n \n getAxiosInstance(authToken).post(`${environment().functionsURL}invoice-detail`, data,\n {\n cancelToken: source.token \n })\n .then(response => {\n if(response && response.status === 200 && response.data) {\n resolve(response.data);\n }\n else reject(response);\n })\n .catch(error => reject(error));\n })\n}","import {getAxiosInstance} from \"../../config/axios\";\nimport environment from \"../../config/environment\";\n\nexport const deletePayment = (paymentId, source, authToken) => {\n return new Promise((resolve, reject) => {\n getAxiosInstance(authToken).delete(`${environment().functionsURL}payment-history/${paymentId}`, \n {\n cancelToken: source.token \n })\n .then(response => {\n if(response && response.status === 200 && response.data) {\n resolve(response.data);\n }\n else reject(response);\n })\n .catch(error => reject(error));\n })\n}","import React, { useEffect } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Grid, Checkbox, FormControlLabel, Button, CircularProgress} from '@material-ui/core';\nimport axios from 'axios';\nimport TextField from \"../../components/FormInputs/TextField/TextField\";\nimport DateTimeField from \"../../components/FormInputs/DateTimeField/DateTimeField\";\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { getInvoiceDetails } from '../../apiCalls/Invoices/getInvoiceDetails';\nimport {StripeTextBox, STRIPE_CUSTOMER} from '../../components/Stripe/StripeTextBox'\nimport { NumericSearchTextBox } from '../../components/Search/NumericSearchTextBox';\nimport Payment from './Payment'\nimport { saveInvoiceDetails } from '../../apiCalls/Invoices/saveInvoiceDetrails';\nimport { formatDate } from '../../utils/DateHandling';\nimport Alert from '@material-ui/lab/Alert';\nimport {deleteInvoice} from '../../apiCalls/Invoices/deleteInvoice'\nimport {deletePayment} from '../../apiCalls/Invoices/deletePayment'\nimport DeleteButton from '../../components/Buttons/DeleteButton';\nimport Notification from \"../../components/Notification/Notification\";\nimport environment from '../../config/environment';\n\nconst useStyles = makeStyles((theme) => ({\n margin: {\n margin: theme.spacing(0),\n size: 20,\n }, \n right: {\n marginLeft: 'auto',\n fullWidth: false,\n width: 20\n },\n extendedIcon: {\n marginRight: theme.spacing(0),\n },\n typography: {\n padding: theme.spacing(1),\n },\n invoiceNumber: {\n paddingTop: theme.spacing(1),\n },\n }));\n\n\n const DEFAULT_NOTIFICATION = {\n type: \"error\",\n message: \"\",\n open: false\n};\n\nconst INITIAL_STATE = {\n invoiceDate: undefined,\n fromDate: undefined,\n toDate: undefined,\n\n invoiceAmount: undefined,\n isActive: false,\n updateStripeInfo: false,\n\n stripePaymentMethodId: '',\n stripeCustomerId: '',\n\n invoiceId: '',\n \n payment: {\n paymentId: '',\n paymentAmount: '',\n paymentTimestamp: undefined,\n confirmation: '',\n applicationId: '',\n membershipId: '', \n refundedAmount: '',\n refundedOn: undefined,\n chargeBackOn: undefined,\n chargeBackAmount: ''\n },\n\n comment: ''\n}\n \nfunction InvoiceEditor(props) {\n const {invoice, authToken, onSave} = props;\n const classes = useStyles(props);\n\n const [invoiceId, setInvoiceId] = useState(invoice)\n const [data, setData] = useState(INITIAL_STATE);\n\n const [hasNotChanged, setHasNotChanged] = useState(true)\n const [enabled, setEnabled] = useState(false);\n const [errorState, setErrorState] = useState(false);\n const [childErrorState, setChildErrorState] = useState(false);\n const [errorMsgs, setErrorMsgs] = useState({});\n const [allowSearch, setAllowSearch] = useState(false);\n const [loading, setLoading] = useState(false);\n const { invNr } = useParams();\n const [notification, setNotification] = useState({...DEFAULT_NOTIFICATION}); \n const [expandedAccordion, setExpandedAccordion] = useState(false);\n const [deleteClicked, setDeleteClicked] = useState(false);\n \n useEffect(() => {\n setInvoiceId(invNr);\n }, [invNr])\n\n useEffect(() => {\n if(invoice){\n setInvoiceId(invoice)\n loadInvoiceInformation(invoice)\n setAllowSearch(false)\n } \n }, [])\n\n useEffect(() => {\n if((data?.invoiceAmount || -1) < 0 || !(data?.invoiceDate) || (!data?.fromDate) || (!data?.toDate)){\n setErrorState(true); \n return;\n }\n \n setErrorState(false);\n }, [data])\n\n const prepareInvoiceDataForViewing = (response) => { \n const invDetails = {\n invoiceDate: formatDate(response?.invoiceDate),\n fromDate: formatDate(response?.fromDate),\n toDate: formatDate(response?.toDate),\n\n invoiceAmount: response?.invoiceAmount,\n isActive: response?.isActive,\n updateStripeInfo: false,\n replacedByInvoice: response?.replacedByInvoice || '',\n creditAmount: response?.creditAmount || '',\n\n payment: {\n paymentId: response?.payment?.paymentId,\n paymentAmount: response?.payment?.paymentAmount,\n paymentTimestamp: formatDate(response?.payment?.paymentTimestamp),\n confirmation: response?.payment?.confirmation, \n refundedAmount: response?.payment?.refundedAmount,\n refundedOn: formatDate(response?.payment?.refundedOn),\n chargeBackOn: formatDate(response?.payment?.chargeBackOn),\n chargeBackAmount: response?.payment?.chargeBackAmount,\n chargeBackFee: response?.payment?.chargeBackFee,\n },\n\n stripePaymentMethodId: response?.stripePaymentMethodId || '',\n stripeCustomerId: response?.stripeCustomerId || '',\n\n invoiceId: response?.invoiceId,\n comment: response?.comment,\n updateStripeInfo: false\n }\n\n setData(invDetails);\n setHasNotChanged(true);\n setEnabled(invDetails?.invoiceId > 0)\n setErrorState(false)\n }\n\n const loadInvoiceInformation = () => {\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n if(authToken && invoiceId) {\n setLoading(true)\n \n getInvoiceDetails(invoiceId, source, authToken)\n .then(response => { \n prepareInvoiceDataForViewing(response.data)\n setInvoiceId(response.data?.invoiceId)\n setLoading(false);\n setAllowSearch(false);\n })\n .catch(error => {\n if (axios.isCancel(error)) {\n console.log(\"Cancelled Invoice fetching\");\n } else {\n console.log('Failed to fetch Invoice', error);\n setLoading(false);\n setNotification({\n open: true,\n type: \"error\",\n message: \"Failed to fetch Invoice details, please try again\"\n });\n }\n });\n }\n\n return () => source.cancel();\n }\n\n const handleFormDataChange = (element, val) => {\n if(element === 'updateStripeInfo'){\n val = !data.updateStripeInfo;\n }else{ \n setHasNotChanged(false)\n }\n\n if(element === 'isActive'){\n val = !data.isActive;\n }\n\n setData({...data, [element]: val});\n }\n\n const handleDeleteInvoice = (invId) => {\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n if(authToken && invoiceId) {\n setLoading(true)\n \n deleteInvoice(invoiceId, source, authToken)\n .then(response => { \n setInvoiceId('')\n setLoading(false);\n setEnabled(false);\n setData(INITIAL_STATE);\n setAllowSearch(true); \n onSave();\n })\n .catch(error => {\n if (axios.isCancel(error)) {\n console.log(\"Cancelled Invoice fetching\");\n } else {\n console.log('Failed to fetch Invoice', error);\n setLoading(false);\n setNotification({\n open: true,\n type: \"error\",\n message: \"Failed to fetch Invoice details, please try again\"\n });\n }\n });\n }\n\n return () => source.cancel();\n }\n\n const handleDeletePayment = (paymentId) => {\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n if(authToken && paymentId) {\n setLoading(true)\n \n deletePayment(paymentId, source, authToken)\n .then(response => { \n setInvoiceId('')\n setLoading(false);\n setEnabled(false);\n setData(INITIAL_STATE);\n setAllowSearch(true); \n onSave();\n })\n .catch(error => {\n if (axios.isCancel(error)) {\n console.log(\"Cancelled Invoice fetching\");\n } else {\n console.log('Failed to fetch Invoice', error);\n setLoading(false);\n setNotification({\n open: true,\n type: \"error\",\n message: \"Failed to fetch Invoice details, please try again\"\n });\n }\n });\n }\n\n return () => source.cancel();\n }\n\n const handleSave = () => {\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n setLoading(true)\n\n if(authToken && data){\n saveInvoiceDetails(data, source, authToken)\n .then(response => { \n setInvoiceId('')\n setLoading(false);\n setEnabled(false);\n setData(INITIAL_STATE);\n setAllowSearch(true); \n onSave();\n })\n .catch(error => {\n const msg = error.response?.data?.error?.message;\n if (axios.isCancel(error)) {\n console.log(\"Cancelled Invoice fetching\");\n } else {\n console.log('Failed to update Invoice', error);\n setLoading(false);\n setNotification({\n open: true,\n type: \"error\",\n message: msg ? msg : \"Failed to update Invoice details, please try again\"\n });\n }\n });\n }\n }\n \n return \n \n \n
\n \n handleFormDataChange('replacedByInvoice', val)}\n isNumericOnly\n required={false}\n disabled={!enabled || loading}\n /> \n
\n \n \n \n
\n \n loadPayeeInformation()} invoice={currentInvoice} authToken={authToken}/>\n
\n }\n size=\"sm\"> \n \n \n loadPayeeInformation()} \n membershipId={data?.membershipId}\n authToken={authToken}/>\n
\n }\n size=\"sm\"> \n \n \n loadPayeeInformation()} attempt={currentAttempt} authToken={authToken}/>\n
\n }\n size=\"sm\"> \n \n Only Backoffice Management staff are allowed to modify Financial Information!
\n\n
\n}\n\nconst mapStateToProps = state => {\n return {\n accountInfo: state.accountInfo\n }\n}\n \nexport default connect(mapStateToProps)(InvoiceManager)","var _g, _g2, _g3, _g4, _g5, _g6, _g7, _g8, _g9, _g10, _g11, _g12, _g13, _g14, _g15, _g16, _g17, _g18, _g19;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgCategory(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Capa_1\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 424.038 424.038\",\n style: {\n enableBackground: \"new 0 0 424.038 424.038\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M352.4,34.019c-32.4,0-58,26-58,58.4c0,32.4,26,58,58,58s58.4-26,58.4-58.4C410.8,59.619,384.8,34.019,352.4,34.019z M352.4,137.619c-25.2,0-45.6-20.4-45.6-45.6s20.8-45.2,45.6-45.2c25.2,0,45.6,20.4,45.6,45.6 C398,117.619,377.6,137.619,352.4,137.619z\"\n })))), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M370.8,101.219c-0.4-1.2-0.4-2-1.2-3.2c-0.4-0.8-0.8-2-1.6-2.8c-0.8-0.8-1.2-1.6-2-2.4s-1.6-1.6-2.8-2 c-0.8-0.8-2-1.2-2.8-1.6c-1.2-0.4-2-1.2-3.2-1.6c-1.2-0.4-2.4-0.8-3.2-1.2c-0.4,0-1.2-0.4-1.6-0.8c-0.4-0.4-1.2-0.4-1.6-0.8 c-0.4-0.4-1.2-0.4-1.6-0.8c-0.4-0.4-0.8-0.8-1.2-1.2c-0.4-0.4-0.8-0.8-0.8-1.6c-0.4-0.4-0.4-1.2-0.4-1.6c0-0.8,0-1.2,0-2 c0-0.4,0.4-1.2,0.4-1.6c0.4-0.4,0.4-1.2,0.8-1.6c0.4-0.4,0.8-0.8,1.2-1.2c0.4-0.4,1.2-0.8,2-0.8c0.8-0.4,1.2-0.4,2-0.4 c0.4,0,0.8,0,1.2,0s0.8,0,1.2,0c0.8,0,1.2,0,2,0.4c0.8,0,1.6,0.4,2,0.4c0.4,0,1.2,0.4,1.6,0.4c0.8,0,1.2,0.4,1.6,0.4l2,0.8 l0.4-2.4l0.8-6.4v-1.6l-1.6-0.4c-0.4,0-1.2-0.4-1.6-0.4c-0.4,0-0.8-0.4-1.6-0.4c-0.4,0-1.2-0.4-2-0.4s-1.2-0.4-2-0.4h-0.4v-5.6v-2 h-2h-5.6h-2v2v6h-0.4c-1.2,0.4-2.4,0.8-3.6,1.6c-1.2,0.4-2,1.2-2.8,2s-1.6,1.6-2.4,2.8c-0.8,0.8-1.2,2-1.6,3.2 c-0.4,1.2-0.8,2.4-1.2,3.6c-0.4,1.2-0.4,2.8-0.4,4s0,2,0.4,3.2c0.4,1.2,0.4,2,1.2,3.2c0.4,0.8,1.2,2,1.6,2.8 c0.8,0.8,1.2,1.6,2,2.4c0.8,0.8,1.6,1.6,2.8,2c0.8,0.8,2,1.2,2.8,1.6c1.2,0.4,2.4,1.2,3.2,1.6c1.2,0.4,2.4,0.8,3.2,1.2 c0.4,0,1.2,0.4,1.6,0.8c0.4,0.4,1.2,0.4,1.6,0.8c0.4,0.4,0.8,0.8,1.2,0.8c0.4,0.4,0.8,0.8,1.2,1.2c0.4,0.4,0.4,0.8,0.8,1.6 c0,0.4,0.4,1.2,0.4,2s0,1.2,0,2c0,0.4-0.4,1.2-0.8,1.6c-0.4,0.4-0.8,0.8-1.2,1.2c-0.4,0.4-0.8,0.8-1.6,1.2 c-0.4,0.4-1.2,0.4-1.6,0.8c-0.4,0-1.2,0.4-2,0.4c-0.4,0-0.8,0-1.6,0c-0.4,0-1.2,0-1.6,0c-0.8,0-1.6,0-2,0c-0.8,0-1.6-0.4-2-0.4 c-0.8,0-1.6-0.4-2.4-0.8c-0.8-0.4-1.6-0.4-2.4-0.8c-0.4,0-0.8-0.4-1.2-0.4c-0.4,0-0.8-0.4-1.2-0.4l-2.4-1.2l-0.4,2.8l-0.8,7.2v1.2 l1.2,0.4c1.6-0.4,2.4,0,3.6,0.4c0.8,0.4,2,0.8,2.8,0.8c0.8,0.4,2,0.4,3.2,0.8c1.2,0.4,2,0.4,3.2,0.4h0.8v6v2h2h5.6h2v-2v-6.4h0.4 c1.2-0.4,2.4-0.8,3.6-1.6c1.2-0.4,2-1.2,3.2-2c0.8-0.8,1.6-1.6,2.4-2.8c0.8-0.8,1.2-2,2-3.2c0.4-1.2,0.8-2.4,1.2-3.6 c0.4-1.2,0.4-2.4,0.4-4C371.2,103.219,371.2,102.419,370.8,101.219z\"\n })))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M324.4,158.019c-2-2.8-6.4-3.2-9.2-1.2l-64.8,51.6l-83.6-34.8c-2-0.8-4.4-0.4-6,0.8l-89.6,64c-2.8,2-3.6,6-1.6,8.8 c1.2,2,3.2,2.8,5.2,2.8c1.2,0,2.4-0.4,3.6-1.2l86.8-62l84,34.8c2,0.8,4.8,0.4,6.4-0.8l67.6-53.6 C326,165.219,326.4,160.819,324.4,158.019z\"\n })))), _g4 || (_g4 = /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"g\", null, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M418,377.219h-29.6v-185.2c0-3.6-2.8-6.4-6.4-6.4h-58.8c-3.6,0-6.4,2.8-6.4,6.4v185.2h-21.6v-121.2c0-3.6-2.8-6.4-6.4-6.4 h-59.2c-3.6,0-6.4,2.8-6.4,6.4v121.2h-21.6v-130.8c0-3.6-2.8-6.4-6.4-6.4h-58.8c-3.6,0-6.4,2.8-6.4,6.4v130.8h-21.6v-93.2 c0-3.6-2.8-6.4-6.4-6.4H42.8c-3.6,0-6.4,2.8-6.4,6.4v93.2h-30c-3.6,0-6.4,2.8-6.4,6.4c0,3.6,2.8,6.4,6.4,6.4h36h58.8h35.2h58.8 h34.4h58.8h34.4h58.8h36c3.6,0,6.4-2.8,6.4-6.4C424.4,380.019,421.6,377.219,418,377.219z M95.2,377.219h-46v-86.8h46V377.219z M188.8,377.219h-46v-124.4h46V377.219z M282,377.219h-46v-114.8h46V377.219z M375.6,377.219h-46v-178.8h46V377.219z\"\n })))), _g5 || (_g5 = /*#__PURE__*/React.createElement(\"g\", null)), _g6 || (_g6 = /*#__PURE__*/React.createElement(\"g\", null)), _g7 || (_g7 = /*#__PURE__*/React.createElement(\"g\", null)), _g8 || (_g8 = /*#__PURE__*/React.createElement(\"g\", null)), _g9 || (_g9 = /*#__PURE__*/React.createElement(\"g\", null)), _g10 || (_g10 = /*#__PURE__*/React.createElement(\"g\", null)), _g11 || (_g11 = /*#__PURE__*/React.createElement(\"g\", null)), _g12 || (_g12 = /*#__PURE__*/React.createElement(\"g\", null)), _g13 || (_g13 = /*#__PURE__*/React.createElement(\"g\", null)), _g14 || (_g14 = /*#__PURE__*/React.createElement(\"g\", null)), _g15 || (_g15 = /*#__PURE__*/React.createElement(\"g\", null)), _g16 || (_g16 = /*#__PURE__*/React.createElement(\"g\", null)), _g17 || (_g17 = /*#__PURE__*/React.createElement(\"g\", null)), _g18 || (_g18 = /*#__PURE__*/React.createElement(\"g\", null)), _g19 || (_g19 = /*#__PURE__*/React.createElement(\"g\", null)));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCategory);\nexport default __webpack_public_path__ + \"static/media/category.60c0d40a.svg\";\nexport { ForwardRef as ReactComponent };","import React from 'react';\nimport {\n ExitToApp,\n Home,\n Store,\n MonetizationOn,AccountBalanceOutlined,\n ListAlt,\n People,\n Receipt,\n CreditCard\n} from '@material-ui/icons';\nimport Visits from '../features/Visits/Visits';\nimport Commission from \"../features/Commission/Commission\";\nimport MemberList from \"./../features/Member/MemberList\";\nimport { SvgIcon } from '@material-ui/core';\nimport { ReactComponent as CenterIcon } from \"../assets/media/stethoscope.svg\";\nimport ApplicationList from \"./../features/Application/ApplicationList\";\nimport ManualBilling from \"./../features/ManualBilling/ManualBilling\";\nimport InvoiceManager from \"./../features/Invoice/InvoiceManager\"\n\nexport const restrictedRoutes = [{\n linkName: 'Home',\n path: '/',\n component: Signout
,\n showInNavigation: true,\n icon:Signout
,\n showInNavigation: true,\n icon:Signout
,\n showInNavigation: true,\n icon:\n \n \n \n \n \n \n 
\n \n \n \n \n \n \n {\n accountInfo && accountInfo.account && accountInfo.account.name ?\n accountInfo.account.name:\n ''\n }\n \n {process.env.REACT_APP_ENVIRONMENT} \n \n \n \n \n
\n \n \n \n \n \n \n {children}\n \n
\n );\n}\n\nconst mapStateToProps = state => {\n return {\n accountInfo: state.accountInfo\n }\n}\n\nexport default connect(mapStateToProps)(Navigation)","import {getAxiosInstance} from \"../config/axios\";\nimport environment from \"../config/environment\";\n\nexport const getPaymentPerformance = (source, authToken) => {\n return new Promise((resolve, reject) => {\n getAxiosInstance(authToken).get(`${environment().functionsURL}payment-performance`,\n {\n params: {\n offset: 0,\n limit: 100\n },\n cancelToken: source.token \n })\n .then(response => {\n if(response && response.status === 200) {\n if(response?.data?.data?.length) {\n resolve(response.data);\n }\n else {\n resolve([])\n }\n }\n reject(response)\n })\n .catch(error => reject(error))\n })\n}","export const actionTypes = {\n INIT_ACCOUNT_INFO: 'INIT_ACCOUNT_INFO'\n}\n\nexport const initAccountInfo = data => {\n return {\n type: actionTypes.INIT_ACCOUNT_INFO,\n payload: data\n }\n}","import {initAccountInfo} from \"./../actions/AccountInfoActions\";\n\nexport const setAccountInfo = data => {\n return dispatch => {\n dispatch(initAccountInfo(data));\n }\n}","import './App.css'\nimport React, {Fragment, useEffect} from 'react'\nimport {BrowserRouter as Router, Route, Switch} from 'react-router-dom'\nimport {routes, restrictedRoutes, expandedRoutes} from \"../../config/Routes\"\nimport Navigation from \"../../components/Navigation/Navigation\";\nimport {setAccountInfo} from \"../../redux/middleware/AccountInfoMiddleware\";\nimport {connect} from 'react-redux';\nimport {isLimited, isElevatedPermissions} from \"../../utils/MuiConstants\"\n\nconst App = (props) => {\n\n const {accountInfo, logout, setAccountInfo} = props;\n\n useEffect(() => {\n setAccountInfo(accountInfo)\n \n }, [accountInfo])\n\n return \n
\n \n \n \n {theme.direction === 'rtl' ? \n
\n - \n {\n routes.map(route => {\n if (route.showInNavigation) {\n if (route.linkName === 'Signout') {\n return