@argusoft/medplat-product-management 1.0.2 → 1.0.4

package/dist/SettingsPage-CiwVmzM3.js

@@ -0,0 +1,663 @@
+import { D as e, F as t, R as n, V as r, et as i, n as a, t as o, w as s } from "./settingsStore-KW217unV.js";
+import { r as c } from "./PmTable-BkK65bJQ.js";
+import { a as l, i as u, n as d, r as f, t as p } from "./PmGuard-C90yhpsN.js";
+import { useEffect as m, useMemo as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Alert as y, Autocomplete as b, Box as x, Button as S, Card as C, CardContent as w, Grid as T, Stack as E, TextField as D, Typography as O } from "@mui/material";
+import { showToast as k } from "@/common/toaster/toaster";
+import { alpha as A } from "@mui/material/styles";
+import { findCountry as j } from "@/common/constants/countries";
+import M from "@mui/icons-material/RefreshRounded";
+import N from "@/views/custom-components/CustomSwitch";
+import P from "@mui/icons-material/PaymentsRounded";
+import F from "@mui/icons-material/SaveRounded";
+import I from "@/views/custom-components/CountrySelect";
+import L from "@mui/icons-material/PhoneIphoneRounded";
+//#region src/views/SettingsPage.jsx
+function R() {
+	return {
+		memberTableName: "",
+		memberIdColumn: "",
+		memberIdentifierColumn: "",
+		memberFamilyIdColumn: "",
+		memberNameColumn: "",
+		memberDobColumn: "",
+		countryCode: "IN",
+		managePurchaseAmounts: !0,
+		manageSales: !0,
+		allowPersonalPurchase: !0,
+		requirePurchaseConfirmation: !1
+	};
+}
+function z(e) {
+	return {
+		memberTableName: e?.memberTableName ?? "",
+		memberIdColumn: e?.memberIdColumn ?? "",
+		memberIdentifierColumn: e?.memberIdentifierColumn ?? "",
+		memberFamilyIdColumn: e?.memberFamilyIdColumn ?? "",
+		memberNameColumn: e?.memberNameColumn ?? "",
+		memberDobColumn: e?.memberDobColumn ?? "",
+		countryCode: e?.countryCode ?? "IN",
+		managePurchaseAmounts: e?.managePurchaseAmounts !== !1,
+		manageSales: e?.manageSales !== !1,
+		allowPersonalPurchase: e?.allowPersonalPurchase !== !1,
+		requirePurchaseConfirmation: e?.requirePurchaseConfirmation === !0
+	};
+}
+function B() {
+	let h = u().has("update.manage.productManagement.settings"), [b, D] = g(R()), [O, A] = g(!0), [N, B] = g(!1), [W, G] = g(""), [ee, te] = g([]), [K, ne] = g({}), [q, re] = g({}), [J, ie] = g({});
+	async function Y() {
+		A(!0), G("");
+		try {
+			let [e, n] = await Promise.all([s(), t().catch(() => [])]);
+			D(z(e)), te(n);
+		} catch (e) {
+			G(e?.response?.data?.message ?? e?.message ?? "Failed to load settings");
+		} finally {
+			A(!1);
+		}
+	}
+	f("view.manage.productManagement.settings", () => {
+		Y();
+	}, []), m(() => {
+		let e = [b.memberTableName].filter(Boolean).filter((e) => K[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 r(e);
+				} catch {
+					n[e] = [];
+				}
+			})), t || ne((e) => ({
+				...e,
+				...n
+			}));
+		})(), () => {
+			t = !0;
+		};
+	}, [b.memberTableName, K]), m(() => {
+		let e = [b.memberTableName].filter(Boolean).filter((e) => q[e] === void 0);
+		if (e.length === 0) return;
+		let t = !1;
+		return (async () => {
+			let r = {};
+			await Promise.all(e.map(async (e) => {
+				try {
+					r[e] = await n(e);
+				} catch {
+					r[e] = [];
+				}
+			})), t || re((e) => ({
+				...e,
+				...r
+			}));
+		})(), () => {
+			t = !0;
+		};
+	}, [b.memberTableName, q]), m(() => {
+		let t = [b.memberTableName].filter(Boolean).filter((e) => J[e] === void 0);
+		if (t.length === 0) return;
+		let n = !1;
+		return (async () => {
+			let r = {};
+			await Promise.all(t.map(async (t) => {
+				try {
+					r[t] = await e(t);
+				} catch {
+					r[t] = [];
+				}
+			})), n || ie((e) => ({
+				...e,
+				...r
+			}));
+		})(), () => {
+			n = !0;
+		};
+	}, [b.memberTableName, J]);
+	function X(e, t) {
+		D((n) => ({
+			...n,
+			[e]: t
+		}));
+	}
+	function ae(e, t, n) {
+		let r = Array.isArray(t) ? t : [t];
+		D((t) => {
+			let i = r.reduce((e, t) => ({
+				...e,
+				[t]: ""
+			}), {});
+			return {
+				...t,
+				[e]: n,
+				...i
+			};
+		});
+	}
+	let Z = b.countryCode ? "" : "Country is required.", Q = !Z, $ = j(b.countryCode);
+	async function oe() {
+		if (Q) {
+			B(!0), G("");
+			try {
+				let e = await i({
+					memberTableName: b.memberTableName || null,
+					memberIdColumn: b.memberIdColumn || null,
+					memberIdentifierColumn: b.memberIdentifierColumn || null,
+					memberFamilyIdColumn: b.memberFamilyIdColumn || null,
+					memberNameColumn: b.memberNameColumn || null,
+					memberDobColumn: b.memberDobColumn || null,
+					countryCode: b.countryCode,
+					managePurchaseAmounts: b.manageSales ? !0 : !!b.managePurchaseAmounts,
+					manageSales: !!b.manageSales,
+					allowPersonalPurchase: !!b.allowPersonalPurchase,
+					requirePurchaseConfirmation: !!b.requirePurchaseConfirmation
+				});
+				D(z(e)), a(e), o(!0).catch(() => {}), k({
+					message: "Settings saved.",
+					type: "success"
+				});
+			} catch (e) {
+				let t = e?.response?.data?.message ?? e?.message ?? "Failed to save settings";
+				G(t), k({
+					message: t,
+					type: "error"
+				});
+			} finally {
+				B(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(d, {}), /* @__PURE__ */ _(p, {
+		perm: "view.manage.productManagement.settings",
+		children: /* @__PURE__ */ v(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"],
+			actions: /* @__PURE__ */ v(E, {
+				direction: "row",
+				spacing: 1,
+				children: [/* @__PURE__ */ _(S, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ _(M, {}),
+					onClick: () => void Y(),
+					children: "Refresh"
+				}), /* @__PURE__ */ _(S, {
+					variant: "contained",
+					startIcon: /* @__PURE__ */ _(F, {}),
+					disabled: !Q || N || O || !h,
+					onClick: () => void oe(),
+					children: N ? "Saving…" : "Save"
+				})]
+			}),
+			children: [
+				W ? /* @__PURE__ */ _(y, {
+					severity: "error",
+					sx: { mb: 2 },
+					children: W
+				}) : null,
+				/* @__PURE__ */ _(C, {
+					sx: {
+						borderRadius: 1.5,
+						mb: 2,
+						border: "1px solid",
+						borderColor: "divider",
+						boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+					},
+					children: /* @__PURE__ */ v(w, {
+						sx: { p: 2.5 },
+						children: [/* @__PURE__ */ _(c, {
+							eyebrow: "Locale",
+							title: "Implementation country",
+							hint: "The country controls currency display and phone number formats.",
+							sx: { mb: 2 }
+						}), /* @__PURE__ */ v(T, {
+							container: !0,
+							spacing: 2,
+							children: [/* @__PURE__ */ _(T, {
+								item: !0,
+								xs: 12,
+								md: 6,
+								children: /* @__PURE__ */ _(I, {
+									required: !0,
+									disableClearable: !0,
+									value: b.countryCode,
+									onChange: (e) => X("countryCode", e),
+									error: !!Z,
+									helperText: Z || "Type to search by name, code, currency, or dial code."
+								})
+							}), /* @__PURE__ */ _(T, {
+								item: !0,
+								xs: 12,
+								md: 6,
+								children: /* @__PURE__ */ v(E, {
+									direction: "row",
+									spacing: 1.5,
+									sx: { height: "100%" },
+									children: [/* @__PURE__ */ _(H, {
+										icon: /* @__PURE__ */ _(P, { fontSize: "small" }),
+										label: "Currency",
+										primary: `${$?.currencySymbol ?? "—"} 1,234.50`,
+										secondary: $?.currencyCode ?? "—"
+									}), /* @__PURE__ */ _(H, {
+										icon: /* @__PURE__ */ _(L, { fontSize: "small" }),
+										label: "Phone",
+										primary: $?.phoneCode ?? "—",
+										secondary: $ ? `${$.phoneMin}${$.phoneMin === $.phoneMax ? "" : `–${$.phoneMax}`} digits` : "—"
+									})]
+								})
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ _(C, {
+					sx: {
+						borderRadius: 1.5,
+						mb: 2,
+						border: "1px solid",
+						borderColor: "divider",
+						boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+					},
+					children: /* @__PURE__ */ v(w, {
+						sx: { p: 2.5 },
+						children: [/* @__PURE__ */ _(c, {
+							eyebrow: "Scope",
+							title: "Features",
+							hint: "Turn on only the features you need.",
+							sx: { mb: 2 }
+						}), /* @__PURE__ */ v(E, {
+							spacing: 1.5,
+							children: [
+								/* @__PURE__ */ _(V, {
+									label: "Manage sales and payments",
+									hint: "Turn off to hide sales and payment features.",
+									value: b.manageSales,
+									onChange: (e) => X("manageSales", e)
+								}),
+								/* @__PURE__ */ _(V, {
+									label: "Manage purchase amounts",
+									hint: "Turn off if you only track stock, not money.",
+									value: b.manageSales ? !0 : b.managePurchaseAmounts,
+									onChange: (e) => X("managePurchaseAmounts", e),
+									disabled: b.manageSales,
+									lockNote: "Required while sales and payments are on — sales need purchase costs to compute margins."
+								}),
+								/* @__PURE__ */ _(V, {
+									label: "Allow personal purchases",
+									hint: "Turn off to hide the personal purchase option.",
+									value: b.allowPersonalPurchase,
+									onChange: (e) => X("allowPersonalPurchase", e)
+								}),
+								/* @__PURE__ */ _(V, {
+									label: "Require purchase confirmation",
+									hint: "Turn on to require a manager to approve purchases before stock is added.",
+									value: b.requirePurchaseConfirmation,
+									onChange: (e) => X("requirePurchaseConfirmation", e)
+								})
+							]
+						})]
+					})
+				}),
+				/* @__PURE__ */ _(C, {
+					sx: {
+						borderRadius: 1.5,
+						border: "1px solid",
+						borderColor: "divider",
+						boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+					},
+					children: /* @__PURE__ */ v(w, {
+						sx: { p: 2.5 },
+						children: [/* @__PURE__ */ _(c, {
+							eyebrow: "Identity mappings",
+							title: "Subjects",
+							hint: "Connect customer, user, and facility data from your system. This links real people to the app.",
+							sx: { mb: 2 }
+						}), /* @__PURE__ */ _(E, {
+							spacing: 3,
+							children: /* @__PURE__ */ _(U, {
+								tables: ee,
+								tableValue: b.memberTableName,
+								onTableChange: (e) => ae("memberTableName", [
+									"memberIdColumn",
+									"memberIdentifierColumn",
+									"memberFamilyIdColumn",
+									"memberNameColumn",
+									"memberDobColumn"
+								], e),
+								uuidColumns: K[b.memberTableName],
+								textColumns: q[b.memberTableName],
+								dateColumns: J[b.memberTableName],
+								idColumnValue: b.memberIdColumn,
+								onIdColumnChange: (e) => X("memberIdColumn", e),
+								identifierColumnValue: b.memberIdentifierColumn,
+								onIdentifierColumnChange: (e) => X("memberIdentifierColumn", e),
+								familyIdColumnValue: b.memberFamilyIdColumn,
+								onFamilyIdColumnChange: (e) => X("memberFamilyIdColumn", e),
+								nameColumnValue: b.memberNameColumn,
+								onNameColumnChange: (e) => X("memberNameColumn", e),
+								dobColumnValue: b.memberDobColumn,
+								onDobColumnChange: (e) => X("memberDobColumn", e)
+							})
+						})]
+					})
+				})
+			]
+		})
+	})] });
+}
+function V({ label: e, hint: t, value: n, onChange: r, disabled: i = !1, lockNote: a = "" }) {
+	let o = !!n, s = !i;
+	return /* @__PURE__ */ v(x, {
+		role: "button",
+		tabIndex: s ? 0 : -1,
+		"aria-disabled": i || void 0,
+		onClick: s ? () => r(!o) : void 0,
+		onKeyDown: s ? (e) => {
+			(e.key === " " || e.key === "Enter") && (e.preventDefault(), r(!o));
+		} : void 0,
+		sx: (e) => ({
+			display: "flex",
+			alignItems: "center",
+			gap: 2,
+			p: 2,
+			borderRadius: 1.5,
+			cursor: s ? "pointer" : "not-allowed",
+			opacity: s ? 1 : .75,
+			border: "1px solid",
+			borderColor: o ? A(e.palette.primary.main, .35) : "divider",
+			bgcolor: o ? A(e.palette.primary.main, .04) : "transparent",
+			transition: "all 180ms ease",
+			"&:hover": s ? {
+				borderColor: o ? e.palette.primary.main : A(e.palette.primary.main, .35),
+				bgcolor: o ? A(e.palette.primary.main, .06) : A(e.palette.primary.main, .02)
+			} : void 0
+		}),
+		children: [/* @__PURE__ */ v(x, {
+			sx: {
+				flexGrow: 1,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ v(E, {
+				direction: "row",
+				alignItems: "center",
+				spacing: 1,
+				children: [
+					/* @__PURE__ */ _(O, {
+						variant: "subtitle1",
+						sx: {
+							fontWeight: 800,
+							lineHeight: 1.2
+						},
+						children: e
+					}),
+					/* @__PURE__ */ _(x, {
+						sx: (e) => ({
+							px: .9,
+							py: .15,
+							borderRadius: 999,
+							fontSize: "0.65rem",
+							fontWeight: 800,
+							letterSpacing: .6,
+							textTransform: "uppercase",
+							color: o ? e.palette.success.dark : e.palette.text.disabled,
+							bgcolor: o ? A(e.palette.success.main, .12) : A(e.palette.text.disabled, .1)
+						}),
+						children: o ? "Enabled" : "Disabled"
+					}),
+					i && a ? /* @__PURE__ */ _(x, {
+						sx: (e) => ({
+							px: .9,
+							py: .15,
+							borderRadius: 999,
+							fontSize: "0.65rem",
+							fontWeight: 800,
+							letterSpacing: .6,
+							textTransform: "uppercase",
+							color: e.palette.warning.dark,
+							bgcolor: A(e.palette.warning.main, .14)
+						}),
+						children: "Locked"
+					}) : null
+				]
+			}), /* @__PURE__ */ _(O, {
+				variant: "caption",
+				color: "text.secondary",
+				sx: {
+					display: "block",
+					mt: .5
+				},
+				children: i && a ? a : t
+			})]
+		}), /* @__PURE__ */ _(N, {
+			checked: o,
+			disabled: i,
+			onClick: (e) => e.stopPropagation(),
+			onChange: (e) => r(e.target.checked)
+		})]
+	});
+}
+function H({ icon: e, label: t, primary: n, secondary: r }) {
+	return /* @__PURE__ */ v(x, {
+		sx: (e) => ({
+			flex: 1,
+			minWidth: 0,
+			p: 1.25,
+			borderRadius: 1.5,
+			border: "1px solid",
+			borderColor: "divider",
+			bgcolor: A(e.palette.primary.main, .03),
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center"
+		}),
+		children: [
+			/* @__PURE__ */ v(E, {
+				direction: "row",
+				alignItems: "center",
+				spacing: .75,
+				sx: {
+					color: "text.secondary",
+					mb: .25
+				},
+				children: [e, /* @__PURE__ */ _(O, {
+					variant: "caption",
+					sx: {
+						fontWeight: 800,
+						letterSpacing: .6,
+						textTransform: "uppercase"
+					},
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ _(O, {
+				sx: {
+					fontWeight: 800,
+					fontSize: "1.1rem",
+					fontVariantNumeric: "tabular-nums",
+					lineHeight: 1.2
+				},
+				noWrap: !0,
+				children: n
+			}),
+			/* @__PURE__ */ _(O, {
+				variant: "caption",
+				color: "text.secondary",
+				noWrap: !0,
+				children: r
+			})
+		]
+	});
+}
+function U({ tables: e, tableValue: t, onTableChange: n, uuidColumns: r, textColumns: i, dateColumns: a, idColumnValue: o, onIdColumnChange: s, identifierColumnValue: c, onIdentifierColumnChange: l, familyIdColumnValue: u, onFamilyIdColumnChange: d, nameColumnValue: f, onNameColumnChange: p, dobColumnValue: m, onDobColumnChange: g }) {
+	let y = Array.isArray(r), S = Array.isArray(i), C = Array.isArray(a), w = y && r.length === 0, E = S && i.length === 0, k = C && a.length === 0, A = h(() => {
+		let n = e ?? [];
+		return !t || n.includes(t) ? n : [t, ...n];
+	}, [t, e]);
+	function j(e, t) {
+		let n = e ?? [];
+		return !t || n.includes(t) ? n : [t, ...n];
+	}
+	let M = h(() => j(y ? r : [], o), [
+		r,
+		y,
+		o
+	]), N = h(() => j(S ? i : [], c), [
+		i,
+		S,
+		c
+	]), P = h(() => j(S ? i : [], u), [
+		i,
+		S,
+		u
+	]), F = h(() => j(S ? i : [], f), [
+		i,
+		S,
+		f
+	]), I = h(() => j(C ? a : [], m), [
+		a,
+		C,
+		m
+	]), L = t ? y ? w ? "No UUID columns found in this table." : "Column that holds the member’s primary key." : "Loading columns…" : "Pick a table first.";
+	function R(e) {
+		return t ? S ? E ? "No text columns found in this table." : e : "Loading columns…" : "Pick a table first.";
+	}
+	let z = t ? C ? k ? "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__ */ v(x, { children: [
+		/* @__PURE__ */ _(O, {
+			variant: "subtitle1",
+			sx: {
+				fontWeight: 800,
+				lineHeight: 1.2
+			},
+			children: "Members"
+		}),
+		/* @__PURE__ */ _(O, {
+			variant: "caption",
+			color: "text.secondary",
+			sx: {
+				display: "block",
+				mb: 1.5
+			},
+			children: "Patients / customers who can be sold to, charged dues, and administered vaccines. These columns build the member profile card on Sales and Payments."
+		}),
+		/* @__PURE__ */ v(T, {
+			container: !0,
+			spacing: 2,
+			children: [
+				/* @__PURE__ */ _(T, {
+					item: !0,
+					xs: 12,
+					md: 6,
+					children: /* @__PURE__ */ _(b, {
+						size: "small",
+						options: A,
+						value: t || null,
+						onChange: (e, t) => n(t ?? ""),
+						renderInput: (e) => /* @__PURE__ */ _(D, {
+							...e,
+							label: "Table name",
+							placeholder: "Type to search…",
+							helperText: "Public-schema table that holds members."
+						})
+					})
+				}),
+				/* @__PURE__ */ _(T, {
+					item: !0,
+					xs: 12,
+					md: 6,
+					children: /* @__PURE__ */ _(b, {
+						size: "small",
+						disabled: !t || !y || w,
+						options: M,
+						value: o || null,
+						onChange: (e, t) => s(t ?? ""),
+						renderInput: (e) => /* @__PURE__ */ _(D, {
+							...e,
+							label: "UUID column",
+							placeholder: "Type to search…",
+							helperText: L
+						})
+					})
+				}),
+				/* @__PURE__ */ _(T, {
+					item: !0,
+					xs: 12,
+					md: 6,
+					children: /* @__PURE__ */ _(b, {
+						size: "small",
+						disabled: !t || !S || E,
+						options: N,
+						value: c || null,
+						onChange: (e, t) => l(t ?? ""),
+						renderInput: (e) => /* @__PURE__ */ _(D, {
+							...e,
+							label: "Identifier column",
+							placeholder: "Type to search…",
+							helperText: R("Unique identifier shown on the profile card (e.g. national id).")
+						})
+					})
+				}),
+				/* @__PURE__ */ _(T, {
+					item: !0,
+					xs: 12,
+					md: 6,
+					children: /* @__PURE__ */ _(b, {
+						size: "small",
+						disabled: !t || !S || E,
+						options: P,
+						value: u || null,
+						onChange: (e, t) => d(t ?? ""),
+						renderInput: (e) => /* @__PURE__ */ _(D, {
+							...e,
+							label: "Family ID column",
+							placeholder: "Type to search…",
+							helperText: R("Groups members by household.")
+						})
+					})
+				}),
+				/* @__PURE__ */ _(T, {
+					item: !0,
+					xs: 12,
+					md: 6,
+					children: /* @__PURE__ */ _(b, {
+						size: "small",
+						disabled: !t || !S || E,
+						options: F,
+						value: f || null,
+						onChange: (e, t) => p(t ?? ""),
+						renderInput: (e) => /* @__PURE__ */ _(D, {
+							...e,
+							label: "Name column",
+							placeholder: "Type to search…",
+							helperText: R("Display name. Also used by the recent-payments / sales tables.")
+						})
+					})
+				}),
+				/* @__PURE__ */ _(T, {
+					item: !0,
+					xs: 12,
+					md: 6,
+					children: /* @__PURE__ */ _(b, {
+						size: "small",
+						disabled: !t || !C || k,
+						options: I,
+						value: m || null,
+						onChange: (e, t) => g(t ?? ""),
+						renderInput: (e) => /* @__PURE__ */ _(D, {
+							...e,
+							label: "Date of birth column",
+							placeholder: "Type to search…",
+							helperText: z
+						})
+					})
+				})
+			]
+		})
+	] });
+}
+//#endregion
+export { B as default };
+
+//# sourceMappingURL=SettingsPage-CiwVmzM3.js.map