@argusoft/medplat-core 1.0.31 → 1.0.32

package/dist/SettingsPage-Cre-UE3r-9ntnLYsQ.js

@@ -0,0 +1,741 @@
+import { K as E, a as z, aj as te, ak as le, al as ie, am as se, an as me, ao as ue, ap as de, $ as ce } from "./ImmunizationConfigurationBase-lKsJZMak.js";
+import { Q as he, Z as pe, $ as be, e as ye, Y as fe } from "./PmGuard-BvUUbU80-BpYNaDzl.js";
+import { useState as b, useMemo as ge } from "react";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { Box as y, Alert as F, Card as $, CardContent as O, Grid as P, Stack as q, Autocomplete as ae, TextField as re, Button as X, Typography as c } from "@mui/material";
+import { alpha as C } from "@mui/material/styles";
+import { findCountry as Ce } from "@/common/constants/countries";
+import xe from "@mui/icons-material/RefreshRounded";
+import we from "@/views/custom-components/CustomSwitch";
+import ve from "@mui/icons-material/PaymentsRounded";
+import Se from "@mui/icons-material/SaveRounded";
+import Ie from "@/views/custom-components/CountrySelect";
+import ke from "@mui/icons-material/PhoneIphoneRounded";
+import ee from "@/views/custom-components/PostgresEditor";
+function Pe() {
+  return {
+    memberQuery: "",
+    memberQuerySqlite: "",
+    memberIdColumn: "",
+    memberIdentifierColumn: "",
+    memberFamilyIdColumn: "",
+    memberNameColumn: "",
+    memberDobColumn: "",
+    countryCode: "IN",
+    managePurchaseAmounts: !0,
+    manageSales: !0,
+    allowPersonalPurchase: !0,
+    allowFacilityPurchase: !0,
+    requirePurchaseConfirmation: !1,
+    autoGenerateLotNumber: !1,
+    allowGroupSessions: !1,
+    allowManualAdjustment: !1,
+    documentModule: ""
+  };
+}
+function oe(n) {
+  return {
+    memberIdColumn: (n == null ? void 0 : n.memberIdColumn) ?? "",
+    memberIdentifierColumn: (n == null ? void 0 : n.memberIdentifierColumn) ?? "",
+    memberFamilyIdColumn: (n == null ? void 0 : n.memberFamilyIdColumn) ?? "",
+    memberNameColumn: (n == null ? void 0 : n.memberNameColumn) ?? "",
+    memberDobColumn: (n == null ? void 0 : n.memberDobColumn) ?? "",
+    countryCode: (n == null ? void 0 : n.countryCode) ?? "IN",
+    managePurchaseAmounts: (n == null ? void 0 : n.managePurchaseAmounts) !== !1,
+    manageSales: (n == null ? void 0 : n.manageSales) !== !1,
+    allowPersonalPurchase: (n == null ? void 0 : n.allowPersonalPurchase) !== !1,
+    allowFacilityPurchase: (n == null ? void 0 : n.allowFacilityPurchase) !== !1,
+    requirePurchaseConfirmation: (n == null ? void 0 : n.requirePurchaseConfirmation) === !0,
+    autoGenerateLotNumber: (n == null ? void 0 : n.autoGenerateLotNumber) === !0,
+    allowGroupSessions: (n == null ? void 0 : n.allowGroupSessions) === !0,
+    allowManualAdjustment: (n == null ? void 0 : n.allowManualAdjustment) === !0,
+    documentModule: (n == null ? void 0 : n.documentModule) ?? ""
+  };
+}
+function ze() {
+  let n = he().has("update.manage.productManagement.settings"), [a, d] = b(Pe()), [f, h] = b(!0), [x, u] = b(!1), [p, r] = b(""), [M, Q] = b([]), [w, N] = b(null), [K, D] = b(""), [H, T] = b(!1), [G, L] = b(!1), [U, Y] = b(0);
+  async function R() {
+    var e, l;
+    h(!0), r("");
+    try {
+      let [t, g, Z, V] = await Promise.all([
+        le(),
+        ie().catch(() => []),
+        se().catch(() => ""),
+        me().catch(() => "")
+      ]);
+      d({
+        ...oe(t),
+        memberQuery: Z ?? "",
+        memberQuerySqlite: V ?? ""
+      }), Q(g), N(null), D(""), L(!1), Y((J) => J + 1);
+    } catch (t) {
+      r(((l = (e = t == null ? void 0 : t.response) == null ? void 0 : e.data) == null ? void 0 : l.message) ?? (t == null ? void 0 : t.message) ?? "Failed to load settings");
+    } finally {
+      h(!1);
+    }
+  }
+  pe("view.manage.productManagement.settings", () => {
+    R();
+  }, []);
+  function s(e, l) {
+    d((t) => ({
+      ...t,
+      [e]: l
+    }));
+  }
+  async function v() {
+    var e, l;
+    T(!0), D("");
+    try {
+      N(await te(a.memberQuery)), L(!1);
+    } catch (t) {
+      D(((l = (e = t == null ? void 0 : t.response) == null ? void 0 : e.data) == null ? void 0 : l.message) ?? (t == null ? void 0 : t.message) ?? "Could not read the lookup.");
+    } finally {
+      T(!1);
+    }
+  }
+  let _ = [
+    "memberIdColumn",
+    "memberIdentifierColumn",
+    "memberFamilyIdColumn",
+    "memberNameColumn",
+    "memberDobColumn"
+  ], A = (w ?? []).map((e) => e.name), W = w === null ? [] : _.map((e) => a[e]).filter((e) => e && !A.includes(e)), I = a.countryCode ? "" : "Country is required.", j = !I && W.length === 0 && !G, m = Ce(a.countryCode), B = ge(() => {
+    let e = M ?? [];
+    return !a.documentModule || e.includes(a.documentModule) ? e : [a.documentModule, ...e];
+  }, [M, a.documentModule]);
+  async function k() {
+    var e, l;
+    if (j) {
+      u(!0), r("");
+      try {
+        let t = await ue({
+          memberQuery: a.memberQuery || null,
+          memberQuerySqlite: a.memberQuerySqlite || null,
+          memberIdColumn: a.memberIdColumn || null,
+          memberIdentifierColumn: a.memberIdentifierColumn || null,
+          memberFamilyIdColumn: a.memberFamilyIdColumn || null,
+          memberNameColumn: a.memberNameColumn || null,
+          memberDobColumn: a.memberDobColumn || null,
+          countryCode: a.countryCode,
+          managePurchaseAmounts: a.manageSales ? !0 : !!a.managePurchaseAmounts,
+          manageSales: !!a.manageSales,
+          allowPersonalPurchase: !!a.allowPersonalPurchase,
+          allowFacilityPurchase: !!a.allowFacilityPurchase,
+          requirePurchaseConfirmation: !!a.requirePurchaseConfirmation,
+          autoGenerateLotNumber: a.requirePurchaseConfirmation ? !1 : !!a.autoGenerateLotNumber,
+          allowGroupSessions: !!a.allowGroupSessions,
+          allowManualAdjustment: !!a.allowManualAdjustment,
+          documentModule: a.documentModule || null
+        });
+        d((g) => ({
+          ...oe(t),
+          memberQuery: g.memberQuery,
+          memberQuerySqlite: g.memberQuerySqlite
+        })), de(t), ce(!0).catch(() => {
+        }), z({
+          message: "Settings saved.",
+          type: "success"
+        });
+      } catch (t) {
+        let g = ((l = (e = t == null ? void 0 : t.response) == null ? void 0 : e.data) == null ? void 0 : l.message) ?? (t == null ? void 0 : t.message) ?? "Failed to save settings";
+        r(g), z({
+          message: g,
+          type: "error"
+        });
+      } finally {
+        u(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ i(y, { children: [/* @__PURE__ */ o(be, {}), /* @__PURE__ */ o(ye, {
+    perm: "view.manage.productManagement.settings",
+    children: /* @__PURE__ */ i(fe, {
+      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__ */ i(q, {
+        direction: "row",
+        spacing: 1,
+        children: [/* @__PURE__ */ o(X, {
+          variant: "outlined",
+          startIcon: /* @__PURE__ */ o(xe, {}),
+          onClick: () => void R(),
+          children: "Refresh"
+        }), /* @__PURE__ */ o(X, {
+          variant: "contained",
+          startIcon: /* @__PURE__ */ o(Se, {}),
+          disabled: !j || x || f || !n,
+          onClick: () => void k(),
+          children: x ? "Saving…" : "Save"
+        })]
+      }),
+      children: [
+        p ? /* @__PURE__ */ o(F, {
+          severity: "error",
+          sx: { mb: 2 },
+          children: p
+        }) : null,
+        /* @__PURE__ */ o($, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ i(O, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ o(E, {
+              eyebrow: "Locale",
+              title: "Implementation country",
+              hint: "The country controls currency display and phone number formats.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ i(P, {
+              container: !0,
+              spacing: 2,
+              children: [/* @__PURE__ */ o(P, {
+                item: !0,
+                xs: 12,
+                md: 6,
+                children: /* @__PURE__ */ o(Ie, {
+                  required: !0,
+                  disableClearable: !0,
+                  value: a.countryCode,
+                  onChange: (e) => s("countryCode", e),
+                  error: !!I,
+                  helperText: I || "Type to search by name, code, currency, or dial code."
+                })
+              }), /* @__PURE__ */ o(P, {
+                item: !0,
+                xs: 12,
+                md: 6,
+                children: /* @__PURE__ */ i(q, {
+                  direction: "row",
+                  spacing: 1.5,
+                  sx: { height: "100%" },
+                  children: [/* @__PURE__ */ o(ne, {
+                    icon: /* @__PURE__ */ o(ve, { fontSize: "small" }),
+                    label: "Currency",
+                    primary: `${(m == null ? void 0 : m.currencySymbol) ?? "—"} 1,234.50`,
+                    secondary: (m == null ? void 0 : m.currencyCode) ?? "—"
+                  }), /* @__PURE__ */ o(ne, {
+                    icon: /* @__PURE__ */ o(ke, { fontSize: "small" }),
+                    label: "Phone",
+                    primary: (m == null ? void 0 : m.phoneCode) ?? "—",
+                    secondary: m ? `${m.phoneMin}${m.phoneMin === m.phoneMax ? "" : `–${m.phoneMax}`} digits` : "—"
+                  })]
+                })
+              })]
+            })]
+          })
+        }),
+        /* @__PURE__ */ o($, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ i(O, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ o(E, {
+              eyebrow: "Scope",
+              title: "Features",
+              hint: "Turn on only the features you need.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ i(q, {
+              spacing: 1.5,
+              children: [
+                /* @__PURE__ */ o(S, {
+                  label: "Manage sales and payments",
+                  hint: "Turn off to hide sales and payment features.",
+                  value: a.manageSales,
+                  onChange: (e) => s("manageSales", e)
+                }),
+                /* @__PURE__ */ o(S, {
+                  label: "Manage purchase amounts",
+                  hint: "Turn off if you only track stock, not money.",
+                  value: a.manageSales ? !0 : a.managePurchaseAmounts,
+                  onChange: (e) => s("managePurchaseAmounts", e),
+                  disabled: a.manageSales,
+                  lockNote: "Required while sales and payments are on — sales need purchase costs to compute margins."
+                }),
+                /* @__PURE__ */ o(S, {
+                  label: "Allow personal purchases",
+                  hint: "Let stock be bought into someone's own personal inventory.",
+                  value: a.allowPersonalPurchase,
+                  onChange: (e) => {
+                    if (!e && !a.allowFacilityPurchase) {
+                      z({
+                        message: "Keep at least one of personal or facility purchases on.",
+                        type: "warning"
+                      });
+                      return;
+                    }
+                    s("allowPersonalPurchase", e);
+                  }
+                }),
+                /* @__PURE__ */ o(S, {
+                  label: "Allow facility purchases",
+                  hint: "Let stock be bought into a facility's inventory.",
+                  value: a.allowFacilityPurchase,
+                  onChange: (e) => {
+                    if (!e && !a.allowPersonalPurchase) {
+                      z({
+                        message: "Keep at least one of personal or facility purchases on.",
+                        type: "warning"
+                      });
+                      return;
+                    }
+                    s("allowFacilityPurchase", e);
+                  }
+                }),
+                /* @__PURE__ */ o(S, {
+                  label: "Require purchase confirmation",
+                  hint: "Turn on to require a manager to approve purchases before stock is added.",
+                  value: a.requirePurchaseConfirmation,
+                  onChange: (e) => d((l) => ({
+                    ...l,
+                    requirePurchaseConfirmation: e,
+                    autoGenerateLotNumber: e ? !1 : l.autoGenerateLotNumber
+                  }))
+                }),
+                a.requirePurchaseConfirmation ? null : /* @__PURE__ */ o(S, {
+                  label: "Generate lot numbers automatically",
+                  hint: "Turn on to give every purchase line a generated lot number instead of typing one.",
+                  value: a.autoGenerateLotNumber,
+                  onChange: (e) => s("autoGenerateLotNumber", e)
+                }),
+                /* @__PURE__ */ o(S, {
+                  label: "Allow group sessions",
+                  hint: "Let outreach sessions be shared with colleagues who administer from one pooled stock. When off, every session is for a single user.",
+                  value: a.allowGroupSessions,
+                  onChange: (e) => s("allowGroupSessions", e)
+                }),
+                /* @__PURE__ */ o(S, {
+                  label: "Allow manual stock adjustment",
+                  hint: "Let staff correct stock figures by hand, raising a batch quantity or correcting what is left in an open vial. Every correction is recorded in the ledger with a reason. Staff also need the adjustment permission.",
+                  value: a.allowManualAdjustment,
+                  onChange: (e) => s("allowManualAdjustment", e)
+                })
+              ]
+            })]
+          })
+        }),
+        /* @__PURE__ */ o($, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ i(O, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ o(E, {
+              eyebrow: "Storage",
+              title: "Documents",
+              hint: "Where uploaded product images are stored.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ o(P, {
+              container: !0,
+              spacing: 2,
+              children: /* @__PURE__ */ o(P, {
+                item: !0,
+                xs: 12,
+                md: 6,
+                children: /* @__PURE__ */ o(ae, {
+                  size: "small",
+                  options: B,
+                  value: a.documentModule || null,
+                  onChange: (e, l) => s("documentModule", l ?? ""),
+                  renderInput: (e) => /* @__PURE__ */ o(re, {
+                    ...e,
+                    label: "Document module",
+                    placeholder: "Type to search…",
+                    helperText: M.length === 0 ? "No document modules found — the default module is used." : "Product-image uploads are stored under this module."
+                  })
+                })
+              })
+            })]
+          })
+        }),
+        /* @__PURE__ */ o($, {
+          sx: {
+            borderRadius: 1.5,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ i(O, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ o(E, {
+              eyebrow: "Identity mappings",
+              title: "Subjects",
+              hint: "Connect customer data from your system. This links real people to the app.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ o(q, {
+              spacing: 3,
+              children: /* @__PURE__ */ o(qe, {
+                canWrite: n,
+                editorNonce: U,
+                query: a.memberQuery,
+                onQueryChange: (e) => {
+                  s("memberQuery", e), L(!0), N(null);
+                },
+                sqliteQuery: a.memberQuerySqlite,
+                onSqliteQueryChange: (e) => s("memberQuerySqlite", e),
+                onValidate: () => void v(),
+                validating: H,
+                queryError: K,
+                queryColumns: w,
+                queryDirty: G,
+                missingAliases: W,
+                idColumnValue: a.memberIdColumn,
+                onIdColumnChange: (e) => s("memberIdColumn", e),
+                identifierColumnValue: a.memberIdentifierColumn,
+                onIdentifierColumnChange: (e) => s("memberIdentifierColumn", e),
+                familyIdColumnValue: a.memberFamilyIdColumn,
+                onFamilyIdColumnChange: (e) => s("memberFamilyIdColumn", e),
+                nameColumnValue: a.memberNameColumn,
+                onNameColumnChange: (e) => s("memberNameColumn", e),
+                dobColumnValue: a.memberDobColumn,
+                onDobColumnChange: (e) => s("memberDobColumn", e)
+              })
+            })]
+          })
+        })
+      ]
+    })
+  })] });
+}
+function S({ label: n, hint: a, value: d, onChange: f, disabled: h = !1, lockNote: x = "" }) {
+  let u = !!d, p = !h;
+  return /* @__PURE__ */ i(y, {
+    role: "button",
+    tabIndex: p ? 0 : -1,
+    "aria-disabled": h || void 0,
+    onClick: p ? () => f(!u) : void 0,
+    onKeyDown: p ? (r) => {
+      (r.key === " " || r.key === "Enter") && (r.preventDefault(), f(!u));
+    } : void 0,
+    sx: (r) => ({
+      display: "flex",
+      alignItems: "center",
+      gap: 2,
+      p: 2,
+      borderRadius: 1.5,
+      cursor: p ? "pointer" : "not-allowed",
+      opacity: p ? 1 : 0.75,
+      border: "1px solid",
+      borderColor: u ? C(r.palette.primary.main, 0.35) : "divider",
+      bgcolor: u ? C(r.palette.primary.main, 0.04) : "transparent",
+      transition: "all 180ms ease",
+      "&:hover": p ? {
+        borderColor: u ? r.palette.primary.main : C(r.palette.primary.main, 0.35),
+        bgcolor: u ? C(r.palette.primary.main, 0.06) : C(r.palette.primary.main, 0.02)
+      } : void 0
+    }),
+    children: [/* @__PURE__ */ i(y, {
+      sx: {
+        flexGrow: 1,
+        minWidth: 0
+      },
+      children: [/* @__PURE__ */ i(q, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 1,
+        children: [
+          /* @__PURE__ */ o(c, {
+            variant: "subtitle1",
+            sx: {
+              fontWeight: 800,
+              lineHeight: 1.2
+            },
+            children: n
+          }),
+          /* @__PURE__ */ o(y, {
+            sx: (r) => ({
+              px: 0.9,
+              py: 0.15,
+              borderRadius: 999,
+              fontSize: "0.65rem",
+              fontWeight: 800,
+              letterSpacing: 0.6,
+              textTransform: "uppercase",
+              color: u ? r.palette.success.dark : r.palette.text.disabled,
+              bgcolor: u ? C(r.palette.success.main, 0.12) : C(r.palette.text.disabled, 0.1)
+            }),
+            children: u ? "Enabled" : "Disabled"
+          }),
+          h && x ? /* @__PURE__ */ o(y, {
+            sx: (r) => ({
+              px: 0.9,
+              py: 0.15,
+              borderRadius: 999,
+              fontSize: "0.65rem",
+              fontWeight: 800,
+              letterSpacing: 0.6,
+              textTransform: "uppercase",
+              color: r.palette.warning.dark,
+              bgcolor: C(r.palette.warning.main, 0.14)
+            }),
+            children: "Locked"
+          }) : null
+        ]
+      }), /* @__PURE__ */ o(c, {
+        variant: "caption",
+        color: "text.secondary",
+        sx: {
+          display: "block",
+          mt: 0.5
+        },
+        children: h && x ? x : a
+      })]
+    }), /* @__PURE__ */ o(we, {
+      checked: u,
+      disabled: h,
+      onClick: (r) => r.stopPropagation(),
+      onChange: (r) => f(r.target.checked)
+    })]
+  });
+}
+function ne({ icon: n, label: a, primary: d, secondary: f }) {
+  return /* @__PURE__ */ i(y, {
+    sx: (h) => ({
+      flex: 1,
+      minWidth: 0,
+      p: 1.25,
+      borderRadius: 1.5,
+      border: "1px solid",
+      borderColor: "divider",
+      bgcolor: C(h.palette.primary.main, 0.03),
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center"
+    }),
+    children: [
+      /* @__PURE__ */ i(q, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 0.75,
+        sx: {
+          color: "text.secondary",
+          mb: 0.25
+        },
+        children: [n, /* @__PURE__ */ o(c, {
+          variant: "caption",
+          sx: {
+            fontWeight: 800,
+            letterSpacing: 0.6,
+            textTransform: "uppercase"
+          },
+          children: a
+        })]
+      }),
+      /* @__PURE__ */ o(c, {
+        sx: {
+          fontWeight: 800,
+          fontSize: "1.1rem",
+          fontVariantNumeric: "tabular-nums",
+          lineHeight: 1.2
+        },
+        noWrap: !0,
+        children: d
+      }),
+      /* @__PURE__ */ o(c, {
+        variant: "caption",
+        color: "text.secondary",
+        noWrap: !0,
+        children: f
+      })
+    ]
+  });
+}
+function qe({ canWrite: n, editorNonce: a, query: d, onQueryChange: f, sqliteQuery: h, onSqliteQueryChange: x, onValidate: u, validating: p, queryError: r, queryColumns: M, queryDirty: Q, missingAliases: w, idColumnValue: N, onIdColumnChange: K, identifierColumnValue: D, onIdentifierColumnChange: H, familyIdColumnValue: T, onFamilyIdColumnChange: G, nameColumnValue: L, onNameColumnChange: U, dobColumnValue: Y, onDobColumnChange: R }) {
+  let s = Array.isArray(M), v = M ?? [], _ = Object.fromEntries(v.map((e) => [e.name, e.type])), A = v.filter((e) => e.usable).map((e) => e.name), W = v.filter((e) => e.usable && e.kind === "UUID").map((e) => e.name), I = v.filter((e) => !e.usable).length, j = (e, l) => l && !e.includes(l) ? [l, ...e] : e, m = (e) => s ? e : "Load fields to choose.", B = (e, l) => /* @__PURE__ */ i(y, {
+    component: "li",
+    ...e,
+    sx: {
+      display: "flex",
+      justifyContent: "space-between",
+      gap: 2
+    },
+    children: [/* @__PURE__ */ o("span", { children: l }), /* @__PURE__ */ o(c, {
+      variant: "caption",
+      color: "text.secondary",
+      children: _[l] ?? ""
+    })]
+  }), k = (e, l, t, g, Z) => /* @__PURE__ */ o(P, {
+    item: !0,
+    xs: 12,
+    md: 6,
+    children: /* @__PURE__ */ o(ae, {
+      size: "small",
+      options: j(g, l),
+      value: l || null,
+      onChange: (V, J) => t(J ?? ""),
+      disabled: !n || !s,
+      renderOption: B,
+      renderInput: (V) => /* @__PURE__ */ o(re, {
+        ...V,
+        label: e,
+        placeholder: "Type to search…",
+        helperText: m(Z)
+      })
+    })
+  });
+  return /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ o(c, {
+      variant: "subtitle2",
+      sx: { fontWeight: 800 },
+      children: "Members"
+    }),
+    /* @__PURE__ */ o(c, {
+      variant: "caption",
+      color: "text.secondary",
+      sx: {
+        display: "block",
+        mb: 1.5
+      },
+      children: "Patients and customers who can be sold to, charged dues, and administered vaccines. Write a lookup that returns one row per member, give each field you need a short name using AS, then choose which of those names to use below."
+    }),
+    /* @__PURE__ */ o(c, {
+      variant: "caption",
+      sx: {
+        display: "block",
+        fontWeight: 800,
+        mb: 0.5
+      },
+      children: "Lookup for the website"
+    }),
+    /* @__PURE__ */ o(y, {
+      sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1.5,
+        overflow: "hidden",
+        mb: 1
+      },
+      children: /* @__PURE__ */ o(ee, {
+        height: "28vh",
+        defaultValue: d,
+        onChange: f,
+        mode: n ? "EDIT_MODE" : "READ_ONLY",
+        autoFocus: !1
+      }, a)
+    }),
+    /* @__PURE__ */ i(q, {
+      direction: "row",
+      spacing: 1,
+      alignItems: "center",
+      sx: { mb: 1.5 },
+      children: [
+        /* @__PURE__ */ o(X, {
+          size: "small",
+          variant: "outlined",
+          onClick: u,
+          disabled: !n || p || !(d != null && d.trim()),
+          children: p ? "Loading…" : "Load fields"
+        }),
+        Q ? /* @__PURE__ */ o(c, {
+          variant: "caption",
+          color: "text.secondary",
+          children: "Load fields to check the lookup before saving."
+        }) : null,
+        s && !Q ? /* @__PURE__ */ i(c, {
+          variant: "caption",
+          color: "text.secondary",
+          children: [
+            v.length,
+            " ",
+            v.length === 1 ? "field" : "fields",
+            " found",
+            I > 0 ? `, ${I} without a name` : "",
+            "."
+          ]
+        }) : null
+      ]
+    }),
+    r ? /* @__PURE__ */ o(F, {
+      severity: "error",
+      sx: { mb: 1.5 },
+      children: r
+    }) : null,
+    w.length > 0 ? /* @__PURE__ */ i(F, {
+      severity: "warning",
+      sx: { mb: 1.5 },
+      children: [
+        w.length === 1 ? "This field is" : "These fields are",
+        " no longer in the results: ",
+        w.join(", "),
+        ". Pick ",
+        w.length === 1 ? "another one" : "new ones",
+        " before saving."
+      ]
+    }) : null,
+    I > 0 ? /* @__PURE__ */ o(F, {
+      severity: "info",
+      sx: { mb: 1.5 },
+      children: "Some results have no name and cannot be mapped. Give each one a short name in the lookup using AS."
+    }) : null,
+    /* @__PURE__ */ i(P, {
+      container: !0,
+      spacing: 2,
+      children: [
+        k("Member id field", N, K, W, "Holds the member id. It must be a uuid; cast it in the lookup if needed."),
+        k("Unique identifier field", D, H, A, "Shown on the profile card, for example a national id."),
+        k("Family id field", T, G, A, "Groups members by household."),
+        k("Name field", L, U, A, "Display name. Also used by the recent sales and payments tables."),
+        k("Date of birth field", Y, R, A, "Age is worked out from this. A field that is not a date shows no age.")
+      ]
+    }),
+    /* @__PURE__ */ o(c, {
+      variant: "caption",
+      sx: {
+        display: "block",
+        fontWeight: 800,
+        mt: 3,
+        mb: 0.5
+      },
+      children: "Lookup for the mobile app"
+    }),
+    /* @__PURE__ */ o(c, {
+      variant: "caption",
+      color: "text.secondary",
+      sx: {
+        display: "block",
+        mb: 1.5
+      },
+      children: "The mobile app keeps its own copy of the data on the phone and cannot run the lookup above. Write the same lookup here in SQLite, against the tables on the phone, and give the fields the same short names you chose above so the mapping fits both."
+    }),
+    /* @__PURE__ */ o(y, {
+      sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1.5,
+        overflow: "hidden",
+        mb: 1
+      },
+      children: /* @__PURE__ */ o(ee, {
+        height: "24vh",
+        defaultValue: h,
+        onChange: x,
+        mode: n ? "EDIT_MODE" : "READ_ONLY",
+        autoFocus: !1
+      }, `sqlite-${a}`)
+    }),
+    /* @__PURE__ */ o(F, {
+      severity: "info",
+      sx: { mb: 1.5 },
+      children: "This lookup is only checked for being read only. It runs on the phone, so the field names it suggests as you type come from the server and will not match. Leave it empty if there is no mobile app."
+    })
+  ] });
+}
+export {
+  ze as default
+};
+//# sourceMappingURL=SettingsPage-Cre-UE3r-9ntnLYsQ.js.map