@argusoft/medplat-core 1.0.31 → 1.0.32

package/dist/PmGuard-BvUUbU80-BpYNaDzl.js

@@ -0,0 +1,641 @@
+import { A as Y, $ as J } from "./ImmunizationConfigurationBase-lKsJZMak.js";
+import { useMemo as L, useEffect as z, useState as E, useRef as P } from "react";
+import { jsxs as v, jsx as n, Fragment as U } from "react/jsx-runtime";
+import S from "prop-types";
+import { Box as c, Stack as C, Tabs as j, Tab as K, Typography as I, LinearProgress as Q, Alert as V, Button as X, Chip as Z, Fade as _ } from "@mui/material";
+import ee from "@mui/icons-material/VaccinesRounded";
+import { useTheme as q, alpha as p } from "@mui/material/styles";
+import te from "@mui/icons-material/SellRounded";
+import { useNavigate as B, useLocation as H } from "react-router-dom";
+import ae from "@mui/icons-material/SpaceDashboardRounded";
+import ne from "@mui/icons-material/SettingsRounded";
+import re from "@mui/icons-material/LayersRounded";
+import ie from "@mui/icons-material/CategoryRounded";
+import oe from "@mui/icons-material/Inventory2Rounded";
+import se from "@mui/icons-material/WarehouseRounded";
+import le from "@mui/icons-material/LocalShippingRounded";
+import ce from "@mui/icons-material/WidgetsRounded";
+import pe from "@mui/icons-material/ShoppingCartRounded";
+import de from "@mui/icons-material/FactCheckRounded";
+import me from "@mui/icons-material/MoveDownRounded";
+import ue from "@mui/icons-material/SwapHorizRounded";
+import he from "@mui/icons-material/PointOfSaleRounded";
+import ge from "@mui/icons-material/PaymentsRounded";
+import F from "@mui/icons-material/ReceiptLongRounded";
+import { useSelector as N } from "react-redux";
+import fe from "@mui/icons-material/LockOutlined";
+var g = {
+  id: "dashboard",
+  label: "Dashboard",
+  path: "/ui/medplat/manage/pm",
+  icon: ae,
+  accent: "#6366f1",
+  accentDark: "#4338ca",
+  permissionId: "view.manage.productManagement"
+}, f = {
+  id: "settings",
+  label: "Settings",
+  path: "/ui/medplat/manage/pm/settings",
+  icon: ne,
+  accent: "#64748b",
+  accentDark: "#334155",
+  permissionId: "view.manage.productManagement.settings"
+}, R = [
+  {
+    id: "catalog",
+    label: "Catalog",
+    description: "Define what you sell and where you keep it. Master data — configured once, used everywhere.",
+    icon: re,
+    accent: "#8b5cf6",
+    accentDark: "#6d28d9",
+    accentSoft: "#ede9fe",
+    items: [
+      {
+        id: "categories",
+        label: "Categories",
+        path: "/ui/medplat/manage/pm/categories",
+        icon: ie,
+        permissionId: "view.manage.productManagement.category"
+      },
+      {
+        id: "brands",
+        label: "Brands",
+        path: "/ui/medplat/manage/pm/brands",
+        icon: te,
+        permissionId: "view.manage.productManagement.brand"
+      },
+      {
+        id: "products",
+        label: "Products",
+        path: "/ui/medplat/manage/pm/products",
+        icon: oe,
+        permissionId: "view.manage.productManagement.product"
+      },
+      {
+        id: "storage",
+        label: "Storage Units",
+        path: "/ui/medplat/manage/pm/storage-units",
+        icon: se,
+        permissionId: "view.manage.productManagement.storageUnit"
+      }
+    ]
+  },
+  {
+    id: "operations",
+    label: "Operations",
+    description: "Run the day — receive stock, sell to customers, administer vaccines, collect payments.",
+    icon: le,
+    accent: "#10b981",
+    accentDark: "#047857",
+    accentSoft: "#d1fae5",
+    items: [
+      {
+        id: "purchase-requests",
+        label: "Purchase Requests",
+        path: "/ui/medplat/manage/pm/purchase-requests",
+        icon: de,
+        anyOfPermissionIds: ["view.manage.productManagement.purchase", "approve.manage.productManagement.purchase"],
+        purchaseApprovalGroup: !0
+      },
+      {
+        id: "purchases",
+        label: "Purchases",
+        path: "/ui/medplat/manage/pm/purchases",
+        icon: pe,
+        permissionId: "view.manage.productManagement.purchase",
+        hiddenWhenConfirmationOn: !0
+      },
+      {
+        id: "inventory",
+        label: "Inventory",
+        path: "/ui/medplat/manage/pm/inventory",
+        icon: ce,
+        permissionId: "view.manage.productManagement.inventory"
+      },
+      {
+        id: "pickups",
+        label: "Pickups",
+        path: "/ui/medplat/manage/pm/pickups",
+        icon: me,
+        permissionId: "view.manage.productManagement.pickup"
+      },
+      {
+        id: "transfers",
+        label: "Transfers",
+        path: "/ui/medplat/manage/pm/transfers",
+        icon: ue,
+        permissionId: "view.manage.productManagement.transfer"
+      },
+      {
+        id: "sales",
+        label: "Sales",
+        path: "/ui/medplat/manage/pm/sales",
+        icon: he,
+        permissionId: "view.manage.productManagement.sale",
+        salesGroup: !0
+      },
+      {
+        id: "vials",
+        label: "Vial",
+        path: "/ui/medplat/manage/pm/vials",
+        icon: ee,
+        permissionId: "view.manage.productManagement.vial"
+      },
+      {
+        id: "payments",
+        label: "Payments",
+        path: "/ui/medplat/manage/pm/payments",
+        icon: ge,
+        permissionId: "view.manage.productManagement.payment",
+        salesGroup: !0
+      }
+    ]
+  },
+  {
+    id: "ledger",
+    label: "Ledger",
+    description: "Every stock and money movement, append-only, with full lot / volume / monetary detail.",
+    icon: F,
+    accent: "#f59e0b",
+    accentDark: "#b45309",
+    accentSoft: "#fef3c7",
+    items: [{
+      id: "transactions",
+      label: "Transactions",
+      path: "/ui/medplat/manage/pm/transactions",
+      icon: F,
+      permissionId: "view.manage.productManagement.ledger"
+    }]
+  }
+];
+function be(t, a) {
+  let i = (a == null ? void 0 : a.manageSales) !== !1, d = (a == null ? void 0 : a.requirePurchaseConfirmation) === !0;
+  return R.map((l) => ({
+    ...l,
+    items: l.items.filter((e) => {
+      var u, o;
+      return (e.anyOfPermissionIds ? !!((u = t == null ? void 0 : t.hasAny) != null && u.call(t, e.anyOfPermissionIds)) : !!((o = t == null ? void 0 : t.has) != null && o.call(t, e.permissionId))) && (i || !e.salesGroup) && (d || !e.purchaseApprovalGroup) && (!d || !e.hiddenWhenConfirmationOn);
+    })
+  })).filter((l) => l.items.length > 0);
+}
+function xe(t) {
+  if (!t) return null;
+  for (let a of R) if (a.items.some((i) => t.startsWith(i.path))) return a;
+  return null;
+}
+function ve(t) {
+  if (!t) return null;
+  for (let a of R) {
+    let i = a.items.find((d) => t.startsWith(d.path));
+    if (i) return {
+      workspace: a,
+      item: i
+    };
+  }
+  return null;
+}
+function ye({ title: t, subtitle: a, chips: i = [], actions: d, children: l }) {
+  let e = q(), { pathname: u } = H();
+  z(() => {
+    J().catch(() => {
+    });
+  }, []);
+  let [o, A] = E(!1), $ = P(null), b = P(null), m = P(0), [O, W] = E(0);
+  z(() => {
+    let h = b.current;
+    if (!h || typeof ResizeObserver > "u") return;
+    let w = new ResizeObserver(([D]) => {
+      let G = D.target.offsetHeight;
+      o ? W(Math.max(0, m.current - G)) : (m.current = G, W(0));
+    });
+    return w.observe(h), () => w.disconnect();
+  }, [o]), z(() => {
+    let h = $.current;
+    if (!h || typeof IntersectionObserver > "u") return;
+    let w = new IntersectionObserver(([D]) => A(!D.isIntersecting), { threshold: 0 });
+    return w.observe(h), () => w.disconnect();
+  }, [u]);
+  let k = u.startsWith(g.path), y = u.startsWith(f.path), r = ve(u), s = r == null ? void 0 : r.workspace, x = k ? g.accent : y ? f.accent : (s == null ? void 0 : s.accent) ?? e.palette.primary.main, M = k ? g.accentDark : y ? f.accentDark : (s == null ? void 0 : s.accentDark) ?? e.palette.primary.dark;
+  return /* @__PURE__ */ v(c, {
+    sx: {
+      position: "relative",
+      px: {
+        xs: 1,
+        md: 2
+      },
+      py: {
+        xs: 1,
+        md: 2
+      }
+    },
+    children: [
+      /* @__PURE__ */ n(c, {
+        ref: $,
+        sx: { height: 0 }
+      }),
+      /* @__PURE__ */ v(c, {
+        sx: {
+          position: "absolute",
+          inset: 0,
+          pointerEvents: "none",
+          overflow: "hidden"
+        },
+        children: [/* @__PURE__ */ n(c, { sx: {
+          position: "absolute",
+          top: -60,
+          right: -40,
+          width: 260,
+          height: 260,
+          borderRadius: "50%",
+          background: `radial-gradient(circle, ${p(x, 0.18)} 0%, transparent 70%)`,
+          filter: "blur(2px)"
+        } }), /* @__PURE__ */ n(c, { sx: {
+          position: "absolute",
+          top: 40,
+          left: -50,
+          width: 200,
+          height: 200,
+          borderRadius: "50%",
+          background: `radial-gradient(circle, ${p(e.palette.info.main, 0.08)} 0%, transparent 72%)`,
+          filter: "blur(2px)"
+        } })]
+      }),
+      /* @__PURE__ */ n(c, {
+        ref: b,
+        sx: {
+          position: "sticky",
+          top: 0,
+          zIndex: 10,
+          mb: 2,
+          p: o ? {
+            xs: 1,
+            md: 1.25
+          } : {
+            xs: 2,
+            md: 2.5
+          },
+          borderRadius: 1.5,
+          border: `1px solid ${p(x, o ? 0.28 : 0.18)}`,
+          background: o ? e.palette.background.paper : `linear-gradient(135deg, ${p(e.palette.background.paper, 0.98)} 0%, ${p(x, 0.07)} 100%)`,
+          boxShadow: o ? `0 6px 18px ${p(e.palette.common.black, 0.1)}` : `0 18px 44px ${p(e.palette.common.black, 0.06)}`,
+          overflow: "hidden",
+          transition: e.transitions.create([
+            "padding",
+            "box-shadow",
+            "background"
+          ], { duration: e.transitions.duration.shortest }),
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            left: 0,
+            top: 0,
+            bottom: 0,
+            width: 4,
+            background: `linear-gradient(180deg, ${x} 0%, ${M} 100%)`
+          }
+        },
+        children: /* @__PURE__ */ v(C, {
+          direction: o ? "row" : {
+            xs: "column",
+            md: "row"
+          },
+          justifyContent: "space-between",
+          alignItems: o ? "center" : {
+            xs: "flex-start",
+            md: "center"
+          },
+          spacing: 1.5,
+          children: [/* @__PURE__ */ v(c, {
+            sx: { minWidth: 0 },
+            children: [
+              !o && (s || k || y) ? /* @__PURE__ */ v(C, {
+                direction: "row",
+                alignItems: "center",
+                spacing: 0.75,
+                sx: { mb: 0.75 },
+                children: [
+                  (() => {
+                    let h = k ? g.icon : y ? f.icon : s.icon;
+                    return h ? /* @__PURE__ */ n(h, { sx: {
+                      fontSize: 16,
+                      color: M
+                    } }) : null;
+                  })(),
+                  /* @__PURE__ */ n(I, {
+                    variant: "overline",
+                    sx: {
+                      color: M,
+                      fontWeight: 800,
+                      letterSpacing: 1.1,
+                      lineHeight: 1
+                    },
+                    children: k ? "Overview" : y ? "Configuration" : s.label
+                  }),
+                  r != null && r.item ? /* @__PURE__ */ v(U, { children: [/* @__PURE__ */ n(c, { sx: {
+                    width: 4,
+                    height: 4,
+                    borderRadius: "50%",
+                    bgcolor: p(x, 0.4),
+                    mx: 0.5
+                  } }), /* @__PURE__ */ n(I, {
+                    variant: "overline",
+                    sx: {
+                      color: e.palette.text.secondary,
+                      fontWeight: 700,
+                      letterSpacing: 0.8
+                    },
+                    children: r.item.label
+                  })] }) : null
+                ]
+              }) : null,
+              /* @__PURE__ */ n(I, {
+                variant: "h5",
+                noWrap: o,
+                sx: {
+                  fontWeight: 800,
+                  color: e.palette.text.primary,
+                  lineHeight: 1.2,
+                  fontSize: o ? "1.05rem" : void 0,
+                  transition: e.transitions.create("font-size", { duration: e.transitions.duration.shortest })
+                },
+                children: t
+              }),
+              a && !o ? /* @__PURE__ */ n(I, {
+                variant: "body2",
+                sx: {
+                  mt: 0.75,
+                  maxWidth: 900,
+                  color: e.palette.text.secondary
+                },
+                children: a
+              }) : null,
+              i != null && i.length && !o ? /* @__PURE__ */ n(C, {
+                direction: "row",
+                spacing: 1,
+                useFlexGap: !0,
+                flexWrap: "wrap",
+                sx: { mt: 1.5 },
+                children: i.map((h) => /* @__PURE__ */ n(Z, {
+                  label: h,
+                  size: "small",
+                  sx: {
+                    borderRadius: 2,
+                    backgroundColor: p(x, 0.1),
+                    color: M,
+                    fontWeight: 700,
+                    border: `1px solid ${p(x, 0.2)}`
+                  }
+                }, h))
+              }) : null
+            ]
+          }), d ? /* @__PURE__ */ n(c, {
+            sx: { flexShrink: 0 },
+            children: d
+          }) : null]
+        })
+      }),
+      o && O > 0 ? /* @__PURE__ */ n(c, {
+        "aria-hidden": !0,
+        sx: {
+          height: `${O}px`,
+          flexShrink: 0
+        }
+      }) : null,
+      /* @__PURE__ */ n(_, {
+        in: !0,
+        timeout: 360,
+        children: /* @__PURE__ */ n(c, {
+          sx: {
+            position: "relative",
+            zIndex: 1,
+            "& .MuiInputLabel-root": {
+              fontSize: "0.95rem",
+              color: e.palette.text.primary
+            },
+            "& .MuiInputLabel-root.Mui-focused": { color: e.palette.primary.main },
+            "& .MuiFormHelperText-root": {
+              fontSize: "0.78rem",
+              color: p(e.palette.text.primary, 0.7)
+            }
+          },
+          children: l
+        })
+      }, u)
+    ]
+  });
+}
+ye.propTypes = {
+  title: S.node,
+  subtitle: S.node,
+  chips: S.arrayOf(S.string),
+  actions: S.node,
+  children: S.node
+};
+var ke = "techo.manage.pm";
+function Ke(t, a, i) {
+  let d = T(), l = Array.isArray(t) ? d.hasAny(t) : !!t && d.has(t);
+  z(() => {
+    if (l) return a();
+  }, [l, ...i ?? []]);
+}
+function T() {
+  let t = N((a) => {
+    var i;
+    return (i = a.Authenticate) == null ? void 0 : i.linearMenuItems;
+  });
+  return L(() => {
+    var l;
+    let a = (l = t == null ? void 0 : t[ke]) == null ? void 0 : l.featureJson;
+    if (typeof a == "string") try {
+      a = JSON.parse(a);
+    } catch {
+      a = {};
+    }
+    let i = a && typeof a == "object" ? a : {}, d = (e) => !!e && i[e] === !0;
+    return {
+      has: d,
+      hasAny: (e) => Array.isArray(e) && e.some(d)
+    };
+  }, [t]);
+}
+function Qe() {
+  let t = B(), a = H(), i = q(), d = Y(), l = T(), e = L(() => be(l, d), [l, d]), u = l.has(g.permissionId), o = l.has(f.permissionId), A = a.pathname.startsWith(g.path), $ = a.pathname.startsWith(f.path), b = xe(a.pathname), m = b ? e.find((r) => r.id === b.id) ?? null : null, O = A ? g.accent : $ ? f.accent : (b == null ? void 0 : b.accent) ?? i.palette.primary.main, W = m ? m.items.findIndex((r) => a.pathname.startsWith(r.path)) : -1;
+  function k(r, s) {
+    return {
+      px: 2,
+      py: 0.9,
+      borderRadius: 999,
+      cursor: "pointer",
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 1,
+      fontWeight: 700,
+      fontSize: "0.875rem",
+      letterSpacing: 0.2,
+      transition: "all 220ms cubic-bezier(0.4, 0, 0.2, 1)",
+      color: r ? "#fff" : i.palette.text.secondary,
+      backgroundColor: r ? s : "transparent",
+      boxShadow: r ? `0 8px 22px ${p(s, 0.32)}` : "none",
+      "&:hover": {
+        color: r ? "#fff" : s,
+        backgroundColor: r ? s : p(s, 0.08),
+        transform: r ? "none" : "translateY(-1px)"
+      }
+    };
+  }
+  function y({ id: r, label: s, icon: x, active: M, onClick: h, hue: w }) {
+    return /* @__PURE__ */ v(c, {
+      role: "button",
+      onClick: h,
+      sx: k(M, w),
+      children: [x ? /* @__PURE__ */ n(x, { sx: { fontSize: 18 } }) : null, s]
+    }, r);
+  }
+  return /* @__PURE__ */ v(c, {
+    sx: { mb: 2 },
+    children: [/* @__PURE__ */ n(c, {
+      sx: {
+        position: "relative",
+        borderRadius: 1.5,
+        p: 1,
+        background: `linear-gradient(135deg, ${p(i.palette.background.paper, 0.96)} 0%, ${p(O, 0.06)} 100%)`,
+        border: `1px solid ${p(i.palette.divider, 0.7)}`,
+        boxShadow: `0 10px 28px ${p(i.palette.common.black, 0.04)}`
+      },
+      children: /* @__PURE__ */ v(C, {
+        direction: "row",
+        alignItems: "center",
+        spacing: 0.75,
+        flexWrap: "wrap",
+        useFlexGap: !0,
+        children: [
+          u ? y({
+            id: g.id,
+            label: g.label,
+            icon: g.icon,
+            active: A,
+            hue: g.accent,
+            onClick: () => t(g.path)
+          }) : null,
+          u && e.length > 0 ? /* @__PURE__ */ n(c, { sx: {
+            width: 1,
+            height: 22,
+            mx: 0.5,
+            bgcolor: "divider",
+            opacity: 0.7
+          } }) : null,
+          e.map((r) => y({
+            id: r.id,
+            label: r.label,
+            icon: r.icon,
+            active: (b == null ? void 0 : b.id) === r.id,
+            hue: r.accent,
+            onClick: () => r.items[0] && t(r.items[0].path)
+          })),
+          /* @__PURE__ */ n(c, { sx: { flexGrow: 1 } }),
+          o ? y({
+            id: f.id,
+            label: f.label,
+            icon: f.icon,
+            active: $,
+            hue: f.accent,
+            onClick: () => t(f.path)
+          }) : null
+        ]
+      })
+    }), m && m.items.length > 0 ? /* @__PURE__ */ n(c, {
+      sx: {
+        mt: 1,
+        borderRadius: 1.5,
+        px: 1,
+        bgcolor: p(m.accent, 0.04),
+        border: `1px solid ${p(m.accent, 0.12)}`
+      },
+      children: /* @__PURE__ */ n(j, {
+        value: W === -1 ? !1 : W,
+        onChange: (r, s) => t(m.items[s].path),
+        variant: "scrollable",
+        scrollButtons: "auto",
+        slotProps: { indicator: { sx: {
+          backgroundColor: m.accent,
+          height: 3,
+          borderRadius: 2
+        } } },
+        sx: {
+          minHeight: 44,
+          "& .MuiTab-root": {
+            minHeight: 44,
+            fontWeight: 700,
+            textTransform: "none",
+            fontSize: "0.85rem",
+            color: i.palette.text.secondary,
+            transition: "color 180ms ease",
+            "&:hover": { color: m.accentDark },
+            "&.Mui-selected": { color: m.accentDark }
+          }
+        },
+        children: m.items.map((r) => {
+          let s = r.icon;
+          return /* @__PURE__ */ n(K, {
+            iconPosition: "start",
+            icon: s ? /* @__PURE__ */ n(s, { sx: { fontSize: 18 } }) : void 0,
+            label: /* @__PURE__ */ n(I, {
+              component: "span",
+              sx: { fontWeight: 700 },
+              children: r.label
+            })
+          }, r.id);
+        })
+      })
+    }) : null]
+  });
+}
+function Ve({ perm: t, anyOf: a, children: i, title: d = "You don’t have access to this page" }) {
+  let l = T(), e = B();
+  return N((u) => {
+    var o;
+    return (o = u.Authenticate) == null ? void 0 : o.linearMenuItems;
+  }) == null ? /* @__PURE__ */ n(c, {
+    sx: { p: 3 },
+    children: /* @__PURE__ */ n(Q, {})
+  }) : (a ? l.hasAny(a) : l.has(t)) ? i : /* @__PURE__ */ n(c, {
+    sx: { p: 3 },
+    children: /* @__PURE__ */ n(V, {
+      severity: "warning",
+      icon: /* @__PURE__ */ n(fe, {}),
+      sx: {
+        borderRadius: 1.5,
+        alignItems: "flex-start"
+      },
+      children: /* @__PURE__ */ v(C, {
+        spacing: 1.25,
+        children: [
+          /* @__PURE__ */ n(I, {
+            sx: { fontWeight: 800 },
+            children: d
+          }),
+          /* @__PURE__ */ n(I, {
+            variant: "body2",
+            color: "text.secondary",
+            children: "Your account doesn’t have the required permission to view this section of Product Management. Ask an admin to grant it via the role / user permission assignment."
+          }),
+          /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(X, {
+            size: "small",
+            variant: "contained",
+            onClick: () => e("/ui/medplat/manage/pm"),
+            children: "Back to Dashboard"
+          }) })
+        ]
+      })
+    })
+  });
+}
+export {
+  Qe as $,
+  be as K,
+  T as Q,
+  ye as Y,
+  Ke as Z,
+  Ve as e
+};
+//# sourceMappingURL=PmGuard-BvUUbU80-BpYNaDzl.js.map