npm - @argusoft/medplat-product-management - Versions diffs - 1.0.0 → 1.0.2 - Mend

@argusoft/medplat-product-management 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/{SalesPage-DUwgkEO-.js.map → SalesPage-CO3cdYX5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SalesPage-DUwgkEO-.js","names":[],"sources":["../src/views/SalesPage.jsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n Alert,\n Avatar,\n Box,\n Button,\n Chip,\n Skeleton,\n Stack,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Typography,\n} from \"@mui/material\";\nimport { alpha, useTheme } from \"@mui/material/styles\";\nimport AddRoundedIcon from \"@mui/icons-material/AddRounded\";\nimport RefreshRoundedIcon from \"@mui/icons-material/RefreshRounded\";\nimport PointOfSaleRoundedIcon from \"@mui/icons-material/PointOfSaleRounded\";\nimport ReceiptLongRoundedIcon from \"@mui/icons-material/ReceiptLongRounded\";\nimport PaymentsRoundedIcon from \"@mui/icons-material/PaymentsRounded\";\nimport TrendingUpRoundedIcon from \"@mui/icons-material/TrendingUpRounded\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport PmPageShell from \"@pm/components/PmPageShell\";\nimport PmNav from \"@pm/components/PmNav\";\nimport PmGuard from \"@pm/components/PmGuard\";\nimport { usePermissionedEffect } from \"@pm/utils/permissions\";\nimport {\n PmEmptyRow,\n PmMoney,\n PmRef,\n PmTable,\n PmTableCard,\n} from \"@pm/components/PmTable\";\nimport { getMembersByIds, listSales } from \"@pm/services/pmApi\";\nimport { formatDate, formatNumber } from \"@pm/utils/format\";\nimport { currencySymbol } from \"@pm/utils/currency\";\nimport { usePmSettings } from \"@pm/utils/settingsStore\";\n\nfunction initials(name) {\n if (!name) return \"?\";\n return name\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((s) => s[0])\n .join(\"\")\n .toUpperCase();\n}\n\n// Mini KPI tile shown above the table. Compact, accent-tinted icon, big\n// number — gives the operator a \"what happened lately\" read at a glance.\nfunction SummaryTile({\n icon: Icon,\n label,\n value,\n accent = \"primary\",\n loading,\n}) {\n const theme = useTheme();\n const accentMain = theme.palette[accent]?.main ?? accent;\n const accentDark = theme.palette[accent]?.dark ?? accent;\n return (\n <Box\n sx={{\n flex: 1,\n p: 2,\n borderRadius: 3,\n border: \"1px solid\",\n borderColor: alpha(accentMain, 0.18),\n background: `linear-gradient(135deg, ${alpha(accentMain, 0.05)} 0%, ${alpha(theme.palette.background.paper, 1)} 70%)`,\n position: \"relative\",\n overflow: \"hidden\",\n }}\n >\n <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n <Box\n sx={{\n width: 36,\n height: 36,\n borderRadius: 2,\n display: \"grid\",\n placeItems: \"center\",\n background: `linear-gradient(135deg, ${accentMain} 0%, ${accentDark} 100%)`,\n color: \"#fff\",\n boxShadow: `0 6px 14px ${alpha(accentMain, 0.32)}`,\n }}\n >\n <Icon sx={{ fontSize: 18 }} />\n </Box>\n <Box sx={{ minWidth: 0 }}>\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{\n fontWeight: 700,\n letterSpacing: 0.6,\n textTransform: \"uppercase\",\n }}\n >\n {label}\n </Typography>\n {loading ? (\n <Skeleton width={80} height={26} />\n ) : (\n <Typography\n variant=\"h6\"\n sx={{\n fontWeight: 800,\n fontVariantNumeric: \"tabular-nums\",\n lineHeight: 1.2,\n }}\n >\n {value}\n </Typography>\n )}\n </Box>\n </Stack>\n </Box>\n );\n}\n\nexport default function SalesPage() {\n const navigate = useNavigate();\n const theme = useTheme();\n const settings = usePmSettings();\n const cur = currencySymbol(settings?.currencyCode);\n const [items, setItems] = useState([]);\n // Map of memberId -> display name, hydrated for memberIds present on the\n // loaded sales. Avoids loading the entire member directory just to render\n // the \"Customer\" column.\n const [memberNames, setMemberNames] = useState({});\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(\"\");\n\n async function load() {\n setLoading(true);\n setError(\"\");\n try {\n const list = await listSales(0, 50);\n setItems(list);\n const ids = Array.from(\n new Set(list.map((s) => s.memberId).filter(Boolean)),\n );\n if (ids.length === 0) {\n setMemberNames({});\n } else {\n try {\n const refs = await getMembersByIds(ids);\n const map = {};\n refs.forEach((r) => {\n map[r.id] = r.name;\n });\n setMemberNames(map);\n } catch {\n setMemberNames({});\n }\n }\n } catch (err) {\n const message =\n err?.response?.data?.message ?? err?.message ?? \"Failed to load sales\";\n setError(message);\n showToast({ message, type: \"error\" });\n } finally {\n setLoading(false);\n }\n }\n\n usePermissionedEffect(\n \"view.manage.productManagement.sale\",\n () => {\n void load();\n },\n [],\n );\n\n const summary = useMemo(() => {\n const totalRevenue = items.reduce(\n (s, x) => s + Number(x.totalAmount \|\| 0),\n 0,\n );\n const totalDue = items.reduce((s, x) => s + Number(x.dueAmount \|\| 0), 0);\n const openSales = items.filter((x) => Number(x.dueAmount) > 0).length;\n return { totalRevenue, totalDue, openSales, count: items.length };\n }, [items]);\n\n return (\n <Box>\n <PmNav />\n <PmGuard perm={\"view.manage.productManagement.sale\"}>\n <PmPageShell\n title=\"Sales\"\n subtitle=\"Customer sales and payments. Each sale is tracked with the batches used.\"\n actions={\n <Stack direction=\"row\" spacing={1}>\n <Button\n variant=\"outlined\"\n startIcon={<RefreshRoundedIcon />}\n onClick={() => void load()}\n >\n Refresh\n </Button>\n {/* DEMO-ONLY: in production a sale is started by passing the member id\n via the URL (/sales/new/:memberId) from an outside flow. Unhide\n this button to launch the create page directly for demos. /}\n {false && (\n <Button\n variant=\"contained\"\n startIcon={<AddRoundedIcon />}\n onClick={() => navigate(\"/ui/medplat/manage/pm/sales/new\")}\n >\n New Sale\n </Button>\n )}\n </Stack>\n }\n >\n {/ ---------- Summary strip ---------- /}\n <Stack\n direction={{ xs: \"column\", md: \"row\" }}\n spacing={2}\n sx={{ mb: 2 }}\n >\n <SummaryTile\n icon={ReceiptLongRoundedIcon}\n label=\"Sales (last 50)\"\n value={summary.count}\n accent=\"primary\"\n loading={loading}\n />\n <SummaryTile\n icon={TrendingUpRoundedIcon}\n label=\"Total billed\"\n value={`${cur}${formatNumber(summary.totalRevenue)}`}\n accent=\"success\"\n loading={loading}\n />\n <SummaryTile\n icon={PaymentsRoundedIcon}\n label=\"Outstanding dues\"\n value={`${cur}${formatNumber(summary.totalDue)}`}\n accent=\"warning\"\n loading={loading}\n />\n <SummaryTile\n icon={PointOfSaleRoundedIcon}\n label=\"Open sales\"\n value={summary.openSales}\n accent=\"info\"\n loading={loading}\n />\n </Stack>\n\n {error ? (\n <Alert severity=\"error\" sx={{ mb: 2 }}>\n {error}\n </Alert>\n ) : null}\n\n {/ ---------- Table ---------- */}\n <PmTableCard\n eyebrow=\"Recent activity\"\n title=\"Sales transactions\"\n subtitle={\n loading\n ? \"Loading…\"\n : `${summary.count} ${summary.count === 1 ? \"sale\" : \"sales\"} in the last window`\n }\n >\n <PmTable dense>\n <TableHead>\n <TableRow>\n <TableCell>Ref</TableCell>\n <TableCell>Date</TableCell>\n <TableCell>Customer</TableCell>\n <TableCell>Payment</TableCell>\n <TableCell align=\"right\">Total</TableCell>\n <TableCell align=\"right\">Paid</TableCell>\n <TableCell align=\"right\">Due</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {loading ? (\n Array.from({ length: 5 }).map((_, i) => (\n <TableRow key={i}>\n {Array.from({ length: 7 }).map((__, j) => (\n <TableCell key={j}>\n <Skeleton height={22} />\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : items.length === 0 ? (\n <PmEmptyRow\n colSpan={7}\n icon={PointOfSaleRoundedIcon}\n title=\"No sales yet\"\n hint=\"Record a sale to see it here with payment details.\"\n action={\n <Button\n variant=\"contained\"\n size=\"small\"\n startIcon={<AddRoundedIcon />}\n onClick={() =>\n navigate(\"/ui/medplat/manage/pm/sales/new\")\n }\n >\n Record first sale\n </Button>\n }\n />\n ) : (\n items.map((s) => {\n const due = Number(s.dueAmount \|\| 0);\n const isPaid = due <= 0;\n const memberName = memberNames[s.memberId];\n return (\n <TableRow key={s.id} hover>\n <TableCell>\n <PmRef id={s.serialId} />\n </TableCell>\n <TableCell>\n <Typography variant=\"body2\" sx={{ fontWeight: 700 }}>\n {formatDate(s.saleDate)}\n </Typography>\n </TableCell>\n <TableCell>\n {memberName ? (\n <Stack\n direction=\"row\"\n alignItems=\"center\"\n spacing={1.25}\n >\n <Avatar\n sx={{\n width: 28,\n height: 28,\n fontSize: 11,\n fontWeight: 700,\n bgcolor: alpha(\n theme.palette.primary.main,\n 0.12,\n ),\n color: \"primary.dark\",\n }}\n >\n {initials(memberName)}\n </Avatar>\n <Box sx={{ minWidth: 0 }}>\n <Typography\n variant=\"body2\"\n sx={{ fontWeight: 700, lineHeight: 1.2 }}\n >\n {memberName}\n </Typography>\n </Box>\n </Stack>\n ) : s.memberId ? (\n <Typography\n variant=\"caption\"\n sx={{\n fontFamily: \"monospace\",\n color: \"text.secondary\",\n }}\n >\n {s.memberId.slice(0, 8)}…\n </Typography>\n ) : (\n <Chip\n size=\"small\"\n label=\"Walk-in\"\n variant=\"outlined\"\n sx={{ fontWeight: 700, borderRadius: 1.5 }}\n />\n )}\n </TableCell>\n <TableCell>\n {s.paymentMode ? (\n <Chip\n size=\"small\"\n label={s.paymentMode}\n sx={{\n fontWeight: 700,\n borderRadius: 1.5,\n height: 22,\n bgcolor: alpha(\n theme.palette.primary.main,\n 0.08,\n ),\n color: \"primary.dark\",\n border: `1px solid ${alpha(theme.palette.primary.main, 0.18)}`,\n }}\n />\n ) : (\n <Typography variant=\"caption\" color=\"text.disabled\">\n —\n </Typography>\n )}\n </TableCell>\n <TableCell align=\"right\">\n <PmMoney value={s.totalAmount} />\n </TableCell>\n <TableCell align=\"right\">\n <PmMoney\n value={s.paidAmount}\n tone={isPaid ? \"success\" : \"muted\"}\n />\n </TableCell>\n <TableCell align=\"right\">\n {isPaid ? (\n <Chip\n size=\"small\"\n color=\"success\"\n label=\"Paid\"\n sx={{\n fontWeight: 700,\n borderRadius: 1.5,\n height: 22,\n }}\n />\n ) : (\n <PmMoney value={due} tone=\"warning\" size=\"big\" />\n )}\n </TableCell>\n </TableRow>\n );\n })\n )}\n </TableBody>\n </PmTable>\n </PmTableCard>\n </PmPageShell>\n </PmGuard>\n </Box>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SalesPage-CO3cdYX5.js","names":[],"sources":["../src/views/SalesPage.jsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n Alert,\n Avatar,\n Box,\n Button,\n Chip,\n Skeleton,\n Stack,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Typography,\n} from \"@mui/material\";\nimport { alpha, useTheme } from \"@mui/material/styles\";\nimport AddRoundedIcon from \"@mui/icons-material/AddRounded\";\nimport RefreshRoundedIcon from \"@mui/icons-material/RefreshRounded\";\nimport PointOfSaleRoundedIcon from \"@mui/icons-material/PointOfSaleRounded\";\nimport ReceiptLongRoundedIcon from \"@mui/icons-material/ReceiptLongRounded\";\nimport PaymentsRoundedIcon from \"@mui/icons-material/PaymentsRounded\";\nimport TrendingUpRoundedIcon from \"@mui/icons-material/TrendingUpRounded\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport PmPageShell from \"@pm/components/PmPageShell\";\nimport PmNav from \"@pm/components/PmNav\";\nimport PmGuard from \"@pm/components/PmGuard\";\nimport { usePermissionedEffect } from \"@pm/utils/permissions\";\nimport {\n PmEmptyRow,\n PmMoney,\n PmRef,\n PmTable,\n PmTableCard,\n} from \"@pm/components/PmTable\";\nimport { getMembersByIds, listSales } from \"@pm/services/pmApi\";\nimport { formatDate, formatNumber } from \"@pm/utils/format\";\nimport { currencySymbol } from \"@pm/utils/currency\";\nimport { usePmSettings } from \"@pm/utils/settingsStore\";\n\nfunction initials(name) {\n if (!name) return \"?\";\n return name\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((s) => s[0])\n .join(\"\")\n .toUpperCase();\n}\n\n// Mini KPI tile shown above the table. Compact, accent-tinted icon, big\n// number — gives the operator a \"what happened lately\" read at a glance.\nfunction SummaryTile({\n icon: Icon,\n label,\n value,\n accent = \"primary\",\n loading,\n}) {\n const theme = useTheme();\n const accentMain = theme.palette[accent]?.main ?? accent;\n const accentDark = theme.palette[accent]?.dark ?? accent;\n return (\n <Box\n sx={{\n flex: 1,\n p: 2,\n borderRadius: 3,\n border: \"1px solid\",\n borderColor: alpha(accentMain, 0.18),\n background: `linear-gradient(135deg, ${alpha(accentMain, 0.05)} 0%, ${alpha(theme.palette.background.paper, 1)} 70%)`,\n position: \"relative\",\n overflow: \"hidden\",\n }}\n >\n <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n <Box\n sx={{\n width: 36,\n height: 36,\n borderRadius: 2,\n display: \"grid\",\n placeItems: \"center\",\n background: `linear-gradient(135deg, ${accentMain} 0%, ${accentDark} 100%)`,\n color: \"#fff\",\n boxShadow: `0 6px 14px ${alpha(accentMain, 0.32)}`,\n }}\n >\n <Icon sx={{ fontSize: 18 }} />\n </Box>\n <Box sx={{ minWidth: 0 }}>\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n sx={{\n fontWeight: 700,\n letterSpacing: 0.6,\n textTransform: \"uppercase\",\n }}\n >\n {label}\n </Typography>\n {loading ? (\n <Skeleton width={80} height={26} />\n ) : (\n <Typography\n variant=\"h6\"\n sx={{\n fontWeight: 800,\n fontVariantNumeric: \"tabular-nums\",\n lineHeight: 1.2,\n }}\n >\n {value}\n </Typography>\n )}\n </Box>\n </Stack>\n </Box>\n );\n}\n\nexport default function SalesPage() {\n const navigate = useNavigate();\n const theme = useTheme();\n const settings = usePmSettings();\n const cur = currencySymbol(settings?.currencyCode);\n const [items, setItems] = useState([]);\n // Map of memberId -> display name, hydrated for memberIds present on the\n // loaded sales. Avoids loading the entire member directory just to render\n // the \"Customer\" column.\n const [memberNames, setMemberNames] = useState({});\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(\"\");\n\n async function load() {\n setLoading(true);\n setError(\"\");\n try {\n const list = await listSales(0, 50);\n setItems(list);\n const ids = Array.from(\n new Set(list.map((s) => s.memberId).filter(Boolean)),\n );\n if (ids.length === 0) {\n setMemberNames({});\n } else {\n try {\n const refs = await getMembersByIds(ids);\n const map = {};\n refs.forEach((r) => {\n map[r.id] = r.name;\n });\n setMemberNames(map);\n } catch {\n setMemberNames({});\n }\n }\n } catch (err) {\n const message =\n err?.response?.data?.message ?? err?.message ?? \"Failed to load sales\";\n setError(message);\n showToast({ message, type: \"error\" });\n } finally {\n setLoading(false);\n }\n }\n\n usePermissionedEffect(\n \"view.manage.productManagement.sale\",\n () => {\n void load();\n },\n [],\n );\n\n const summary = useMemo(() => {\n const totalRevenue = items.reduce(\n (s, x) => s + Number(x.totalAmount \|\| 0),\n 0,\n );\n const totalDue = items.reduce((s, x) => s + Number(x.dueAmount \|\| 0), 0);\n const openSales = items.filter((x) => Number(x.dueAmount) > 0).length;\n return { totalRevenue, totalDue, openSales, count: items.length };\n }, [items]);\n\n return (\n <Box>\n <PmNav />\n <PmGuard perm={\"view.manage.productManagement.sale\"}>\n <PmPageShell\n title=\"Sales\"\n subtitle=\"Customer sales and payments. Each sale is tracked with the batches used.\"\n actions={\n <Stack direction=\"row\" spacing={1}>\n <Button\n variant=\"outlined\"\n startIcon={<RefreshRoundedIcon />}\n onClick={() => void load()}\n >\n Refresh\n </Button>\n {/* DEMO-ONLY: in production a sale is started by passing the member id\n via the URL (/sales/new/:memberId) from an outside flow. Unhide\n this button to launch the create page directly for demos. /}\n {false && (\n <Button\n variant=\"contained\"\n startIcon={<AddRoundedIcon />}\n onClick={() => navigate(\"/ui/medplat/manage/pm/sales/new\")}\n >\n New Sale\n </Button>\n )}\n </Stack>\n }\n >\n {/ ---------- Summary strip ---------- /}\n <Stack\n direction={{ xs: \"column\", md: \"row\" }}\n spacing={2}\n sx={{ mb: 2 }}\n >\n <SummaryTile\n icon={ReceiptLongRoundedIcon}\n label=\"Sales (last 50)\"\n value={summary.count}\n accent=\"primary\"\n loading={loading}\n />\n <SummaryTile\n icon={TrendingUpRoundedIcon}\n label=\"Total billed\"\n value={`${cur}${formatNumber(summary.totalRevenue)}`}\n accent=\"success\"\n loading={loading}\n />\n <SummaryTile\n icon={PaymentsRoundedIcon}\n label=\"Outstanding dues\"\n value={`${cur}${formatNumber(summary.totalDue)}`}\n accent=\"warning\"\n loading={loading}\n />\n <SummaryTile\n icon={PointOfSaleRoundedIcon}\n label=\"Open sales\"\n value={summary.openSales}\n accent=\"info\"\n loading={loading}\n />\n </Stack>\n\n {error ? (\n <Alert severity=\"error\" sx={{ mb: 2 }}>\n {error}\n </Alert>\n ) : null}\n\n {/ ---------- Table ---------- */}\n <PmTableCard\n eyebrow=\"Recent activity\"\n title=\"Sales transactions\"\n subtitle={\n loading\n ? \"Loading…\"\n : `${summary.count} ${summary.count === 1 ? \"sale\" : \"sales\"} in the last window`\n }\n >\n <PmTable dense>\n <TableHead>\n <TableRow>\n <TableCell>Ref</TableCell>\n <TableCell>Date</TableCell>\n <TableCell>Customer</TableCell>\n <TableCell>Payment</TableCell>\n <TableCell align=\"right\">Total</TableCell>\n <TableCell align=\"right\">Paid</TableCell>\n <TableCell align=\"right\">Due</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {loading ? (\n Array.from({ length: 5 }).map((_, i) => (\n <TableRow key={i}>\n {Array.from({ length: 7 }).map((__, j) => (\n <TableCell key={j}>\n <Skeleton height={22} />\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : items.length === 0 ? (\n <PmEmptyRow\n colSpan={7}\n icon={PointOfSaleRoundedIcon}\n title=\"No sales yet\"\n hint=\"Record a sale to see it here with payment details.\"\n action={\n <Button\n variant=\"contained\"\n size=\"small\"\n startIcon={<AddRoundedIcon />}\n onClick={() =>\n navigate(\"/ui/medplat/manage/pm/sales/new\")\n }\n >\n Record first sale\n </Button>\n }\n />\n ) : (\n items.map((s) => {\n const due = Number(s.dueAmount \|\| 0);\n const isPaid = due <= 0;\n const memberName = memberNames[s.memberId];\n return (\n <TableRow key={s.id} hover>\n <TableCell>\n <PmRef id={s.serialId} />\n </TableCell>\n <TableCell>\n <Typography variant=\"body2\" sx={{ fontWeight: 700 }}>\n {formatDate(s.saleDate)}\n </Typography>\n </TableCell>\n <TableCell>\n {memberName ? (\n <Stack\n direction=\"row\"\n alignItems=\"center\"\n spacing={1.25}\n >\n <Avatar\n sx={{\n width: 28,\n height: 28,\n fontSize: 11,\n fontWeight: 700,\n bgcolor: alpha(\n theme.palette.primary.main,\n 0.12,\n ),\n color: \"primary.dark\",\n }}\n >\n {initials(memberName)}\n </Avatar>\n <Box sx={{ minWidth: 0 }}>\n <Typography\n variant=\"body2\"\n sx={{ fontWeight: 700, lineHeight: 1.2 }}\n >\n {memberName}\n </Typography>\n </Box>\n </Stack>\n ) : s.memberId ? (\n <Typography\n variant=\"caption\"\n sx={{\n fontFamily: \"monospace\",\n color: \"text.secondary\",\n }}\n >\n {s.memberId.slice(0, 8)}…\n </Typography>\n ) : (\n <Chip\n size=\"small\"\n label=\"Walk-in\"\n variant=\"outlined\"\n sx={{ fontWeight: 700, borderRadius: 1.5 }}\n />\n )}\n </TableCell>\n <TableCell>\n {s.paymentMode ? (\n <Chip\n size=\"small\"\n label={s.paymentMode}\n sx={{\n fontWeight: 700,\n borderRadius: 1.5,\n height: 22,\n bgcolor: alpha(\n theme.palette.primary.main,\n 0.08,\n ),\n color: \"primary.dark\",\n border: `1px solid ${alpha(theme.palette.primary.main, 0.18)}`,\n }}\n />\n ) : (\n <Typography variant=\"caption\" color=\"text.disabled\">\n —\n </Typography>\n )}\n </TableCell>\n <TableCell align=\"right\">\n <PmMoney value={s.totalAmount} />\n </TableCell>\n <TableCell align=\"right\">\n <PmMoney\n value={s.paidAmount}\n tone={isPaid ? \"success\" : \"muted\"}\n />\n </TableCell>\n <TableCell align=\"right\">\n {isPaid ? (\n <Chip\n size=\"small\"\n color=\"success\"\n label=\"Paid\"\n sx={{\n fontWeight: 700,\n borderRadius: 1.5,\n height: 22,\n }}\n />\n ) : (\n <PmMoney value={due} tone=\"warning\" size=\"big\" />\n )}\n </TableCell>\n </TableRow>\n );\n })\n )}\n </TableBody>\n </PmTable>\n </PmTableCard>\n </PmPageShell>\n </PmGuard>\n </Box>\n );\n}\n"],"mappings":"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"}

package/dist/{SettingsPage-CusC0jqJ.js → SettingsPage-DvVRwSFw.js} RENAMED Viewed

@@ -1,17 +1,18 @@
-import { F as e, K as t, M as n, U as r, Y as i, a, ct as o, i as s, l as c, n as l, o as u, r as ee, s as d, t as f, u as p } from "./PmGuard-CjJBisaN.js";
-import { n as m } from "./PmTable-BuXZQZCU.js";
+import { I as e, N as t, W as n, X as r, a as i, c as a, d as o, i as s, lt as c, n as ee, o as l, q as u, r as d, s as f, u as p } from "./currency-ClRLIEg2.js";
+import { r as m } from "./PmTable-B9970kPY.js";
 import { createElement as h, useEffect as g, useMemo as _, useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import { Alert as x, Autocomplete as S, Box as C, Button as w, Card as T, CardContent as E, Grid as D, Stack as O, TextField as k, Typography as A } from "@mui/material";
 import j from "@mui/icons-material/RefreshRounded";
 import { showToast as M } from "@/common/toaster/toaster";
-import { alpha as N } from "@mui/material/styles";
-import te from "@mui/icons-material/PaymentsRounded";
-import P from "@mui/icons-material/SaveRounded";
-import F from "@/views/custom-components/CustomSwitch";
-import I from "@mui/icons-material/PhoneIphoneRounded";
+import N from "@/views/custom-components/CustomSwitch";
+import { alpha as P } from "@mui/material/styles";
+import F from "@mui/icons-material/PaymentsRounded";
+import I from "@mui/icons-material/SaveRounded";
+import L from "@mui/icons-material/PhoneIphoneRounded";
 //#region src/views/SettingsPage.jsx
-function L() {
+var R = [...p].sort((e, t) => e.name.localeCompare(t.name));
+function te() {
 	return {
 		memberTableName: "",
 		memberIdColumn: "",
@@ -26,7 +27,7 @@ function L() {
 		requirePurchaseConfirmation: !1
 	};
 }
-function R(e) {
+function z(e) {
 	return {
 		memberTableName: e?.memberTableName ?? "",
 		memberIdColumn: e?.memberIdColumn ?? "",
@@ -41,30 +42,30 @@ function R(e) {
 		requirePurchaseConfirmation: e?.requirePurchaseConfirmation === !0
 	};
 }
-function z() {
-	let _ = s().has("update.manage.productManagement.settings"), [N, F] = v(L()), [z, H] = v(!0), [U, W] = v(!1), [G, K] = v(""), [re, ie] = v([]), [q, ae] = v({}), [J, oe] = v({}), [Y, se] = v({});
+function B() {
+	let p = i().has("update.manage.productManagement.settings"), [_, N] = v(te()), [P, B] = v(!0), [U, W] = v(!1), [G, K] = v(""), [re, ie] = v([]), [q, ae] = v({}), [J, oe] = v({}), [Y, se] = v({});
 	async function X() {
-		H(!0), K("");
+		B(!0), K("");
 		try {
-			let [e, t] = await Promise.all([n(), r().catch(() => [])]);
-			F(R(e)), ie(t);
+			let [e, r] = await Promise.all([t(), n().catch(() => [])]);
+			N(z(e)), ie(r);
 		} catch (e) {
 			K(e?.response?.data?.message ?? e?.message ?? "Failed to load settings");
 		} finally {
-			H(!1);
+			B(!1);
 		}
 	}
-	ee("view.manage.productManagement.settings", () => {
+	s("view.manage.productManagement.settings", () => {
 		X();
 	}, []), g(() => {
-		let e = [N.memberTableName].filter(Boolean).filter((e) => q[e] === void 0);
+		let e = [_.memberTableName].filter(Boolean).filter((e) => q[e] === void 0);
 		if (e.length === 0) return;
 		let t = !1;
 		return (async () => {
 			let n = {};
 			await Promise.all(e.map(async (e) => {
 				try {
-					n[e] = await i(e);
+					n[e] = await r(e);
 				} catch {
 					n[e] = [];
 				}
@@ -75,27 +76,27 @@ function z() {
 		})(), () => {
 			t = !0;
 		};
-	}, [N.memberTableName, q]), g(() => {
-		let e = [N.memberTableName].filter(Boolean).filter((e) => J[e] === void 0);
+	}, [_.memberTableName, q]), g(() => {
+		let e = [_.memberTableName].filter(Boolean).filter((e) => J[e] === void 0);
 		if (e.length === 0) return;
-		let n = !1;
+		let t = !1;
 		return (async () => {
-			let r = {};
+			let n = {};
 			await Promise.all(e.map(async (e) => {
 				try {
-					r[e] = await t(e);
+					n[e] = await u(e);
 				} catch {
-					r[e] = [];
+					n[e] = [];
 				}
-			})), n || oe((e) => ({
+			})), t || oe((e) => ({
 				...e,
-				...r
+				...n
 			}));
 		})(), () => {
-			n = !0;
+			t = !0;
 		};
-	}, [N.memberTableName, J]), g(() => {
-		let t = [N.memberTableName].filter(Boolean).filter((e) => Y[e] === void 0);
+	}, [_.memberTableName, J]), g(() => {
+		let t = [_.memberTableName].filter(Boolean).filter((e) => Y[e] === void 0);
 		if (t.length === 0) return;
 		let n = !1;
 		return (async () => {
@@ -113,16 +114,16 @@ function z() {
 		})(), () => {
 			n = !0;
 		};
-	}, [N.memberTableName, Y]);
+	}, [_.memberTableName, Y]);
 	function Z(e, t) {
-		F((n) => ({
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
 	function ce(e, t, n) {
 		let r = Array.isArray(t) ? t : [t];
-		F((t) => {
+		N((t) => {
 			let i = r.reduce((e, t) => ({
 				...e,
 				[t]: ""
@@ -134,25 +135,25 @@ function z() {
 			};
 		});
 	}
-	let Q = N.countryCode ? "" : "Country is required.", le = !Q, $ = p(N.countryCode);
+	let Q = _.countryCode ? "" : "Country is required.", le = !Q, $ = o(_.countryCode);
 	async function ue() {
 		if (le) {
 			W(!0), K("");
 			try {
-				let e = await o({
-					memberTableName: N.memberTableName || null,
-					memberIdColumn: N.memberIdColumn || null,
-					memberIdentifierColumn: N.memberIdentifierColumn || null,
-					memberFamilyIdColumn: N.memberFamilyIdColumn || null,
-					memberNameColumn: N.memberNameColumn || null,
-					memberDobColumn: N.memberDobColumn || null,
-					countryCode: N.countryCode,
-					managePurchaseAmounts: N.manageSales ? !0 : !!N.managePurchaseAmounts,
-					manageSales: !!N.manageSales,
-					allowPersonalPurchase: !!N.allowPersonalPurchase,
-					requirePurchaseConfirmation: !!N.requirePurchaseConfirmation
+				let e = await c({
+					memberTableName: _.memberTableName || null,
+					memberIdColumn: _.memberIdColumn || null,
+					memberIdentifierColumn: _.memberIdentifierColumn || null,
+					memberFamilyIdColumn: _.memberFamilyIdColumn || null,
+					memberNameColumn: _.memberNameColumn || null,
+					memberDobColumn: _.memberDobColumn || null,
+					countryCode: _.countryCode,
+					managePurchaseAmounts: _.manageSales ? !0 : !!_.managePurchaseAmounts,
+					manageSales: !!_.manageSales,
+					allowPersonalPurchase: !!_.allowPersonalPurchase,
+					requirePurchaseConfirmation: !!_.requirePurchaseConfirmation
 				});
-				F(R(e)), d(e), u(!0).catch(() => {}), M({
+				N(z(e)), a(e), f(!0).catch(() => {}), M({
 					message: "Settings saved.",
 					type: "success"
 				});
@@ -167,9 +168,9 @@ function z() {
 			}
 		}
 	}
-	return /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(f, {
+	return /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(d, {}), /* @__PURE__ */ y(ee, {
 		perm: "view.manage.productManagement.settings",
-		children: /* @__PURE__ */ b(a, {
+		children: /* @__PURE__ */ b(l, {
 			title: "Settings",
 			subtitle: "Set up the module for your deployment. Choose your country, link to your database, and enable the features you need.",
 			chips: ["Configuration"],
@@ -183,8 +184,8 @@ function z() {
 					children: "Refresh"
 				}), /* @__PURE__ */ y(w, {
 					variant: "contained",
-					startIcon: /* @__PURE__ */ y(P, {}),
-					disabled: !le || U || z || !_,
+					startIcon: /* @__PURE__ */ y(I, {}),
+					disabled: !le || U || P || !p,
 					onClick: () => void ue(),
 					children: U ? "Saving…" : "Save"
 				})]
@@ -219,7 +220,7 @@ function z() {
 								md: 6,
 								children: /* @__PURE__ */ y(S, {
 									size: "small",
-									options: c,
+									options: R,
 									value: $,
 									onChange: (e, t) => Z("countryCode", t?.code ?? ""),
 									disableClearable: !0,
@@ -283,13 +284,13 @@ function z() {
 									direction: "row",
 									spacing: 1.5,
 									sx: { height: "100%" },
-									children: [/* @__PURE__ */ y(V, {
-										icon: /* @__PURE__ */ y(te, { fontSize: "small" }),
+									children: [/* @__PURE__ */ y(H, {
+										icon: /* @__PURE__ */ y(F, { fontSize: "small" }),
 										label: "Currency",
 										primary: `${$?.currencySymbol ?? "—"} 1,234.50`,
 										secondary: $?.currencyCode ?? "—"
-									}), /* @__PURE__ */ y(V, {
-										icon: /* @__PURE__ */ y(I, { fontSize: "small" }),
+									}), /* @__PURE__ */ y(H, {
+										icon: /* @__PURE__ */ y(L, { fontSize: "small" }),
 										label: "Phone",
 										primary: $?.phoneCode ?? "—",
 										secondary: $ ? `${$.phoneMin}${$.phoneMin === $.phoneMax ? "" : `–${$.phoneMax}`} digits` : "—"
@@ -317,30 +318,30 @@ function z() {
 						}), /* @__PURE__ */ b(O, {
 							spacing: 1.5,
 							children: [
-								/* @__PURE__ */ y(B, {
+								/* @__PURE__ */ y(V, {
 									label: "Manage sales and payments",
 									hint: "Turn off to hide sales and payment features.",
-									value: N.manageSales,
+									value: _.manageSales,
 									onChange: (e) => Z("manageSales", e)
 								}),
-								/* @__PURE__ */ y(B, {
+								/* @__PURE__ */ y(V, {
 									label: "Manage purchase amounts",
 									hint: "Turn off if you only track stock, not money.",
-									value: N.manageSales ? !0 : N.managePurchaseAmounts,
+									value: _.manageSales ? !0 : _.managePurchaseAmounts,
 									onChange: (e) => Z("managePurchaseAmounts", e),
-									disabled: N.manageSales,
+									disabled: _.manageSales,
 									lockNote: "Required while sales and payments are on — sales need purchase costs to compute margins."
 								}),
-								/* @__PURE__ */ y(B, {
+								/* @__PURE__ */ y(V, {
 									label: "Allow personal purchases",
 									hint: "Turn off to hide the personal purchase option.",
-									value: N.allowPersonalPurchase,
+									value: _.allowPersonalPurchase,
 									onChange: (e) => Z("allowPersonalPurchase", e)
 								}),
-								/* @__PURE__ */ y(B, {
+								/* @__PURE__ */ y(V, {
 									label: "Require purchase confirmation",
 									hint: "Turn on to require a manager to approve purchases before stock is added.",
-									value: N.requirePurchaseConfirmation,
+									value: _.requirePurchaseConfirmation,
 									onChange: (e) => Z("requirePurchaseConfirmation", e)
 								})
 							]
@@ -365,7 +366,7 @@ function z() {
 							spacing: 3,
 							children: /* @__PURE__ */ y(ne, {
 								tables: re,
-								tableValue: N.memberTableName,
+								tableValue: _.memberTableName,
 								onTableChange: (e) => ce("memberTableName", [
 									"memberIdColumn",
 									"memberIdentifierColumn",
@@ -373,18 +374,18 @@ function z() {
 									"memberNameColumn",
 									"memberDobColumn"
 								], e),
-								uuidColumns: q[N.memberTableName],
-								textColumns: J[N.memberTableName],
-								dateColumns: Y[N.memberTableName],
-								idColumnValue: N.memberIdColumn,
+								uuidColumns: q[_.memberTableName],
+								textColumns: J[_.memberTableName],
+								dateColumns: Y[_.memberTableName],
+								idColumnValue: _.memberIdColumn,
 								onIdColumnChange: (e) => Z("memberIdColumn", e),
-								identifierColumnValue: N.memberIdentifierColumn,
+								identifierColumnValue: _.memberIdentifierColumn,
 								onIdentifierColumnChange: (e) => Z("memberIdentifierColumn", e),
-								familyIdColumnValue: N.memberFamilyIdColumn,
+								familyIdColumnValue: _.memberFamilyIdColumn,
 								onFamilyIdColumnChange: (e) => Z("memberFamilyIdColumn", e),
-								nameColumnValue: N.memberNameColumn,
+								nameColumnValue: _.memberNameColumn,
 								onNameColumnChange: (e) => Z("memberNameColumn", e),
-								dobColumnValue: N.memberDobColumn,
+								dobColumnValue: _.memberDobColumn,
 								onDobColumnChange: (e) => Z("memberDobColumn", e)
 							})
 						})]
@@ -394,7 +395,7 @@ function z() {
 		})
 	})] });
 }
-function B({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNote: a = "" }) {
+function V({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNote: a = "" }) {
 	let o = !!n, s = !i;
 	return /* @__PURE__ */ b(C, {
 		role: "button",
@@ -413,12 +414,12 @@ function B({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNot
 			cursor: s ? "pointer" : "not-allowed",
 			opacity: s ? 1 : .75,
 			border: "1px solid",
-			borderColor: o ? N(e.palette.primary.main, .35) : "divider",
-			bgcolor: o ? N(e.palette.primary.main, .04) : "transparent",
+			borderColor: o ? P(e.palette.primary.main, .35) : "divider",
+			bgcolor: o ? P(e.palette.primary.main, .04) : "transparent",
 			transition: "all 180ms ease",
 			"&:hover": s ? {
-				borderColor: o ? e.palette.primary.main : N(e.palette.primary.main, .35),
-				bgcolor: o ? N(e.palette.primary.main, .06) : N(e.palette.primary.main, .02)
+				borderColor: o ? e.palette.primary.main : P(e.palette.primary.main, .35),
+				bgcolor: o ? P(e.palette.primary.main, .06) : P(e.palette.primary.main, .02)
 			} : void 0
 		}),
 		children: [/* @__PURE__ */ b(C, {
@@ -449,7 +450,7 @@ function B({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNot
 							letterSpacing: .6,
 							textTransform: "uppercase",
 							color: o ? e.palette.success.dark : e.palette.text.disabled,
-							bgcolor: o ? N(e.palette.success.main, .12) : N(e.palette.text.disabled, .1)
+							bgcolor: o ? P(e.palette.success.main, .12) : P(e.palette.text.disabled, .1)
 						}),
 						children: o ? "Enabled" : "Disabled"
 					}),
@@ -463,7 +464,7 @@ function B({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNot
 							letterSpacing: .6,
 							textTransform: "uppercase",
 							color: e.palette.warning.dark,
-							bgcolor: N(e.palette.warning.main, .14)
+							bgcolor: P(e.palette.warning.main, .14)
 						}),
 						children: "Locked"
 					}) : null
@@ -477,7 +478,7 @@ function B({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNot
 				},
 				children: i && a ? a : t
 			})]
-		}), /* @__PURE__ */ y(F, {
+		}), /* @__PURE__ */ y(N, {
 			checked: o,
 			disabled: i,
 			onClick: (e) => e.stopPropagation(),
@@ -485,7 +486,7 @@ function B({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNot
 		})]
 	});
 }
-function V({ icon: e, label: t, primary: n, secondary: r }) {
+function H({ icon: e, label: t, primary: n, secondary: r }) {
 	return /* @__PURE__ */ b(C, {
 		sx: (e) => ({
 			flex: 1,
@@ -494,7 +495,7 @@ function V({ icon: e, label: t, primary: n, secondary: r }) {
 			borderRadius: 3,
 			border: "1px solid",
 			borderColor: "divider",
-			bgcolor: N(e.palette.primary.main, .03),
+			bgcolor: P(e.palette.primary.main, .03),
 			display: "flex",
 			flexDirection: "column",
 			justifyContent: "center"
@@ -537,7 +538,7 @@ function V({ icon: e, label: t, primary: n, secondary: r }) {
 		]
 	});
 }
-function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textColumns: i, dateColumns: a, idColumnValue: o, onIdColumnChange: s, identifierColumnValue: c, onIdentifierColumnChange: l, familyIdColumnValue: u, onFamilyIdColumnChange: ee, nameColumnValue: d, onNameColumnChange: f, dobColumnValue: p, onDobColumnChange: m }) {
+function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textColumns: i, dateColumns: a, idColumnValue: o, onIdColumnChange: s, identifierColumnValue: c, onIdentifierColumnChange: ee, familyIdColumnValue: l, onFamilyIdColumnChange: u, nameColumnValue: d, onNameColumnChange: f, dobColumnValue: p, onDobColumnChange: m }) {
 	let h = Array.isArray(r), g = Array.isArray(i), v = Array.isArray(a), x = h && r.length === 0, w = g && i.length === 0, T = v && a.length === 0, E = _(() => {
 		let n = e ?? [];
 		return !t || n.includes(t) ? n : [t, ...n];
@@ -554,23 +555,23 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 		i,
 		g,
 		c
-	]), N = _(() => O(g ? i : [], u), [
+	]), N = _(() => O(g ? i : [], l), [
 		i,
 		g,
-		u
-	]), te = _(() => O(g ? i : [], d), [
+		l
+	]), P = _(() => O(g ? i : [], d), [
 		i,
 		g,
 		d
-	]), P = _(() => O(v ? a : [], p), [
+	]), F = _(() => O(v ? a : [], p), [
 		a,
 		v,
 		p
-	]), F = t ? h ? x ? "No UUID columns found in this table." : "Column that holds the member’s primary key." : "Loading columns…" : "Pick a table first.";
-	function I(e) {
+	]), I = t ? h ? x ? "No UUID columns found in this table." : "Column that holds the member’s primary key." : "Loading columns…" : "Pick a table first.";
+	function L(e) {
 		return t ? g ? w ? "No text columns found in this table." : e : "Loading columns…" : "Pick a table first.";
 	}
-	let L = t ? v ? T ? "No date/timestamp columns found in this table." : "Age is derived from this column in the UI." : "Loading columns…" : "Pick a table first.";
+	let R = t ? v ? T ? "No date/timestamp columns found in this table." : "Age is derived from this column in the UI." : "Loading columns…" : "Pick a table first.";
 	return /* @__PURE__ */ b(C, { children: [
 		/* @__PURE__ */ y(A, {
 			variant: "subtitle1",
@@ -624,7 +625,7 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 							...e,
 							label: "UUID column",
 							placeholder: "Type to search…",
-							helperText: F
+							helperText: I
 						})
 					})
 				}),
@@ -637,12 +638,12 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 						disabled: !t || !g || w,
 						options: M,
 						value: c || null,
-						onChange: (e, t) => l(t ?? ""),
+						onChange: (e, t) => ee(t ?? ""),
 						renderInput: (e) => /* @__PURE__ */ y(k, {
 							...e,
 							label: "Identifier column",
 							placeholder: "Type to search…",
-							helperText: I("Unique identifier shown on the profile card (e.g. national id).")
+							helperText: L("Unique identifier shown on the profile card (e.g. national id).")
 						})
 					})
 				}),
@@ -654,13 +655,13 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 						size: "small",
 						disabled: !t || !g || w,
 						options: N,
-						value: u || null,
-						onChange: (e, t) => ee(t ?? ""),
+						value: l || null,
+						onChange: (e, t) => u(t ?? ""),
 						renderInput: (e) => /* @__PURE__ */ y(k, {
 							...e,
 							label: "Family ID column",
 							placeholder: "Type to search…",
-							helperText: I("Groups members by household.")
+							helperText: L("Groups members by household.")
 						})
 					})
 				}),
@@ -671,14 +672,14 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 					children: /* @__PURE__ */ y(S, {
 						size: "small",
 						disabled: !t || !g || w,
-						options: te,
+						options: P,
 						value: d || null,
 						onChange: (e, t) => f(t ?? ""),
 						renderInput: (e) => /* @__PURE__ */ y(k, {
 							...e,
 							label: "Name column",
 							placeholder: "Type to search…",
-							helperText: I("Display name. Also used by the recent-payments / sales tables.")
+							helperText: L("Display name. Also used by the recent-payments / sales tables.")
 						})
 					})
 				}),
@@ -689,14 +690,14 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 					children: /* @__PURE__ */ y(S, {
 						size: "small",
 						disabled: !t || !v || T,
-						options: P,
+						options: F,
 						value: p || null,
 						onChange: (e, t) => m(t ?? ""),
 						renderInput: (e) => /* @__PURE__ */ y(k, {
 							...e,
 							label: "Date of birth column",
 							placeholder: "Type to search…",
-							helperText: L
+							helperText: R
 						})
 					})
 				})
@@ -705,6 +706,6 @@ function ne({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textCo
 	] });
 }
 //#endregion
-export { z as default };
+export { B as default };
-//# sourceMappingURL=SettingsPage-CusC0jqJ.js.map
+//# sourceMappingURL=SettingsPage-DvVRwSFw.js.map