Your IP : 216.73.217.77
{"version":3,"file":"static/js/903.d0c56d5b.chunk.js","mappings":"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","sources":["../node_modules/@mui/material/TableHead/tableHeadClasses.js","../node_modules/@mui/material/TableHead/TableHead.js","Components/Reusable/Profile/ProfilePayment.jsx"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTableHeadUtilityClass(slot) {\n return generateUtilityClass('MuiTableHead', slot);\n}\nconst tableHeadClasses = generateUtilityClasses('MuiTableHead', ['root']);\nexport default tableHeadClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"className\", \"component\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport Tablelvl2Context from '../Table/Tablelvl2Context';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport styled from '../styles/styled';\nimport { getTableHeadUtilityClass } from './tableHeadClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return composeClasses(slots, getTableHeadUtilityClass, classes);\n};\nconst TableHeadRoot = styled('thead', {\n name: 'MuiTableHead',\n slot: 'Root',\n overridesResolver: (props, styles) => styles.root\n})({\n display: 'table-header-group'\n});\nconst tablelvl2 = {\n variant: 'head'\n};\nconst defaultComponent = 'thead';\nconst TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref) {\n const props = useDefaultProps({\n props: inProps,\n name: 'MuiTableHead'\n });\n const {\n className,\n component = defaultComponent\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n const ownerState = _extends({}, props, {\n component\n });\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {\n value: tablelvl2,\n children: /*#__PURE__*/_jsx(TableHeadRoot, _extends({\n as: component,\n className: clsx(classes.root, className),\n ref: ref,\n role: component === defaultComponent ? null : 'rowgroup',\n ownerState: ownerState\n }, other))\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? TableHead.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component, normally `TableRow`.\n */\n children: PropTypes.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n /**\n * @ignore\n */\n className: PropTypes.string,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TableHead;","/* eslint eqeqeq: 0 */\nimport {\n Box,\n Chip,\n Container,\n Grid,\n Button,\n Pagination,\n Stack,\n Typography,\n Breadcrumbs,\n CardMedia,\n} from \"@mui/material\";\nimport React, { useEffect, useState } from \"react\";\nimport { BreadcrumbLink } from \"../../../CSS/ThemeStyle\";\nimport Table from \"@mui/material/Table\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport Paper from \"@mui/material/Paper\";\nimport Heading from \"./Heading\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Pnavigation from \"./Pnavigation\";\nimport { t } from \"i18next\";\nimport Layout from \"../../layout/Layout\";\nimport api from \"../../../API/apiCollection\";\nimport noDataImage from \"../../../Images/No__data-pana.png\";\nimport { useSelector } from \"react-redux\";\n\nconst ProfilePayment = () => {\n const company_name = process.env.REACT_APP_NAME;\n document.title = `Profile - Payment | ${company_name}`;\n\n const [data, setData] = useState([]);\n\n // eslint-disable-next-line no-unused-vars\n const [limit, setLimit] = useState(5);\n const [offset, setOffset] = useState(0);\n const [loading, setLoading] = useState(false);\n const [currentPage, setCurrentPage] = useState(1);\n const [totalRecords, setTotalRecords] = useState();\n const [error, setError] = useState();\n const [fetchError, setFetchError] = useState(false);\n const settings = useSelector((state) => state.Settings)?.settings;\n const currency_symbol = settings?.app_settings?.currency;\n\n const fetchTransactions = async (limit, offset) => {\n setLoading(true);\n try {\n const response = await api.getTransaction({\n limit: limit,\n offset: offset,\n });\n if (response) {\n setFetchError(false);\n setData(response.data);\n setError(response.error);\n setTotalRecords(response.total);\n }\n } catch (error) {\n setFetchError(true);\n console.log(\"Error fetching transactions:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchTransactions(limit, offset);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [currentPage, offset]);\n\n const formatDate = (inputDate) => {\n const options = { day: \"2-digit\", month: \"short\", year: \"numeric\" };\n const date = new Date(inputDate);\n return date.toLocaleDateString(\"en-US\", options);\n };\n\n const totalPages = Math.ceil(totalRecords / limit);\n const theme = useTheme();\n\n return (\n <Layout>\n <Box\n // bgcolor={theme.palette.background.heading}\n paddingTop={\"35px\"}\n paddingBottom={\"35px\"}\n mt={2}\n >\n <Container maxWidth=\"lg\" className=\"mainContainer\">\n <Breadcrumbs\n separator=\"|\"\n aria-label=\"breadcrumb\"\n className=\"mb-1 mt-1\"\n >\n <BreadcrumbLink to={\"/\"} className=\"breadcrumb\" sx={{ mb: 0 }}>\n <strong>{t(\"home\")}</strong>\n </BreadcrumbLink>\n <Typography color=\"text.primary\">\n <strong>{t(\"profile\")}</strong>\n </Typography>\n </Breadcrumbs>\n <Typography variant=\"h4\" gutterBottom={true} sx={{ mt: \"12px\" }}>\n <strong>{t(\"payment_history\")}</strong>\n </Typography>\n </Container>\n </Box>\n <Container className=\"mainContainer\" sx={{ mt: \"-40px\" }}>\n {!fetchError ? (\n <Grid container spacing={3} mb={5}>\n <Grid item xs={12} md={4}>\n <Pnavigation />\n </Grid>\n <Grid item xs={12} md={8}>\n <Box\n sx={{\n mt: 3,\n background: theme.palette.background.box,\n borderRadius: \"10px\",\n }}\n >\n <Heading heading={t(\"payment\")} />\n <Box p={3}>\n <TableContainer\n component={Paper}\n sx={{ borderRadius: \"10px !important\" }}\n >\n <Table className=\"minwidth-650\" aria-label=\"simple table\">\n <TableHead>\n <TableRow\n sx={{ bgcolor: theme?.palette?.primary?.main }}\n >\n <TableCell className=\"color-white\">\n {t(\"transaction_id\")}\n </TableCell>\n <TableCell className=\"color-white\" align=\"start\">\n {t(\"payment_method\")}\n </TableCell>\n <TableCell className=\"color-white\" align=\"start\">\n {t(\"transaction_date\")}\n </TableCell>\n <TableCell className=\"color-white\" align=\"start\">\n {t(\"amount\")}\n </TableCell>\n <TableCell className=\"color-white\" align=\"center\">\n {t(\"status\")}\n </TableCell>\n </TableRow>\n </TableHead>\n {loading ? (\n <>\n <TableRow>\n <TableCell colSpan={5} sx={{ textAlign: \"center\" }}>\n <Typography variant=\"h6\">\n {t(\"please_wait\")} {t(\"loading\")}\n </Typography>\n </TableCell>\n </TableRow>\n </>\n ) : (\n <TableBody\n sx={{ bgcolor: theme.palette.background.box }}\n >\n {data?.length > 0 ? (\n data.map((row) => (\n <TableRow\n key={row.name}\n sx={{\n \"&:last-child td, &:last-child th\": {\n border: 0,\n },\n }}\n >\n <TableCell\n component=\"th\"\n scope=\"row\"\n sx={{ textAlign: \"start\" }}\n >\n {row.id}\n </TableCell>\n <TableCell\n align=\"start\"\n className=\"textalign-start\"\n sx={{ transform: \"translateX(10px)\",textTransform:\"capitalize\" }}\n >\n {row.type}\n </TableCell>\n <TableCell\n align=\"start\"\n className=\"textalign-start\"\n sx={{ transform: \"translateX(10px)\" }}\n >\n {formatDate(row.transaction_date)}\n </TableCell>\n <TableCell\n align=\"start\"\n className=\"textalign-start\"\n sx={{\n color: \"#51BD88\",\n transform: \"translateX(10px)\",\n }}\n >\n {currency_symbol} {row.amount}\n </TableCell>\n <TableCell\n align=\"center\"\n className=\"textalign-start color-green\"\n >\n {row.status === \"success\" ? (\n <Chip\n label=\"Success\"\n color=\"success\"\n variant=\"outlined\"\n sx={{\n borderRadius: \"8px\",\n transform: \"translateX(5px)\",\n backgroundColor: \"#C8E6C9\", // Light green color\n width: \"77.25px\", // Adjust the width as needed\n }}\n />\n ) : row.status === \"failed\" ? (\n <Chip\n label=\"Failed\"\n color=\"error\"\n variant=\"outlined\"\n sx={{\n borderRadius: \"8px\",\n transform: \"translateX(5px)\",\n backgroundColor: \"#FFCDD2\",\n width: \"77.25px\", // Adjust the width as needed\n }}\n />\n ) : (\n <Chip\n label=\"Pending\"\n color=\"warning\"\n variant=\"outlined\"\n sx={{\n borderRadius: \"8px\",\n transform: \"translateX(5px)\",\n backgroundColor: \"#FFF9C4\", // Light warning color\n width: \"77.25px\", // Adjust the width as needed\n }}\n />\n )}\n </TableCell>\n </TableRow>\n ))\n ) : (\n <>\n <TableRow>\n <TableCell colSpan={15} align=\"center\">\n {t(\"no_transaction\")}\n </TableCell>\n </TableRow>\n </>\n )}\n </TableBody>\n )}\n </Table>\n </TableContainer>\n <Box display={\"flex\"} justifyContent={\"center\"} mt={2}>\n {error === false && (\n <Stack spacing={2}>\n <Pagination\n count={totalPages}\n page={currentPage}\n onChange={(event, page) => {\n setCurrentPage(page);\n setOffset((page - 1) * limit);\n }}\n />\n </Stack>\n )}\n </Box>\n </Box>\n\n {/* <Stack spacing={2}>\n <Pagination count={10} color=\"primary\" showFirstButton showLastButton />\n </Stack> */}\n </Box>\n </Grid>\n </Grid>\n ) : (\n <Grid\n container\n spacing={2}\n direction=\"column\" // Stack components vertically\n alignItems=\"center\"\n justifyContent=\"center\"\n height=\"100vh\" // Adjust this according to your layout\n sx={{\n marginTop: {\n xs: 0, // No margin on extra small screens\n md: -20, // 100px margin on medium screens and larger\n },\n }}\n >\n <Grid item>\n <CardMedia\n component=\"img\"\n src={noDataImage} // Use the imported PNG image\n alt=\"No Data Image\"\n sx={{\n width: { xs: 300, sm: 600, md: 700 }, // Set width based on screen size\n height: \"auto\", // Maintain aspect ratio\n border: \"none\", // Remove border\n boxShadow: \"none\", // Remove box shadow\n }}\n />\n </Grid>\n <Grid item>\n <Typography\n sx={{\n textAlign: \"center\", // Center the text\n marginTop: {\n xs: 0, // No margin on extra small screens\n md: -22, // 100px margin on medium screens and larger\n },\n }}\n >\n <Typography\n variant=\"body1\"\n sx={{\n textAlign: \"left\",\n fontFamily: \"Plus Jakarta Sans\",\n fontWeight: \"bold\",\n fontSize: \"32px\",\n lineHeight: \"32px\",\n letterSpacing: \"0px\",\n }}\n >\n {t(\"something_went_wrong\")}\n </Typography>\n\n <Typography\n variant=\"body1\"\n sx={{\n color: \"var(--secondary-color-343f53)\", // Using custom color variable\n textAlign: \"left\",\n fontFamily: \"Plus Jakarta Sans\",\n fontWeight: \"normal\",\n fontSize: \"20px\",\n lineHeight: \"32px\",\n letterSpacing: \"0px\",\n opacity: 0.7,\n marginLeft: 5,\n }}\n >\n {t(\"try_again_later\")}\n </Typography>\n </Typography>\n </Grid>\n <Grid item>\n <Button\n variant=\"contained\"\n onClick={fetchTransactions}\n sx={{\n textTransform: \"none\",\n marginTop: {\n xs: 0, // No margin on extra small screens\n md: -28, // 100px margin on medium screens and larger\n },\n }}\n >\n {t(\"retry\")}\n </Button>\n </Grid>\n </Grid>\n )}\n </Container>\n </Layout>\n );\n};\n\nexport default ProfilePayment;\n"],"names":["getTableHeadUtilityClass","slot","generateUtilityClass","generateUtilityClasses","_excluded","TableHeadRoot","styled","name","overridesResolver","props","styles","root","display","tablelvl2","variant","defaultComponent","React","inProps","ref","useDefaultProps","className","component","other","_objectWithoutPropertiesLoose","ownerState","_extends","classes","composeClasses","useUtilityClasses","_jsx","Tablelvl2Context","Provider","value","children","as","clsx","role","ProfilePayment","_useSelector","_settings$app_setting","_theme$palette","_theme$palette$primar","document","title","data","setData","useState","limit","setLimit","offset","setOffset","loading","setLoading","currentPage","setCurrentPage","totalRecords","setTotalRecords","error","setError","fetchError","setFetchError","settings","useSelector","state","Settings","currency_symbol","app_settings","currency","fetchTransactions","async","response","api","getTransaction","total","console","log","useEffect","totalPages","Math","ceil","theme","useTheme","_jsxs","Layout","Box","paddingTop","paddingBottom","mt","Container","maxWidth","Breadcrumbs","separator","BreadcrumbLink","to","sx","mb","t","Typography","color","gutterBottom","Grid","container","spacing","direction","alignItems","justifyContent","height","marginTop","xs","md","item","CardMedia","src","noDataImage","alt","width","sm","border","boxShadow","textAlign","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","opacity","marginLeft","Button","onClick","textTransform","Pnavigation","background","palette","box","borderRadius","Heading","heading","p","TableContainer","Paper","Table","TableHead","TableRow","bgcolor","primary","main","TableCell","align","_Fragment","colSpan","TableBody","length","map","row","scope","id","transform","type","inputDate","transaction_date","Date","toLocaleDateString","day","month","year","amount","status","Chip","label","backgroundColor","Stack","Pagination","count","page","onChange","event"],"sourceRoot":""}