@argusoft/medplat-core 1.0.31 → 1.0.32

package/dist/TransferCreatePage-DlT0nCDj-B2SdPgYB.js

@@ -0,0 +1,635 @@
+import { A as fe, K as I, G as D, a7 as be, a8 as xe, a9 as ge, a as Ie, x as ve, O as Ne, _ as Se, f as Te } from "./ImmunizationConfigurationBase-lKsJZMak.js";
+import { C as we, o as Fe, a as K } from "./constants-BTpJFQe_-CYPZIqQF.js";
+import { t as Z } from "./format-UOyOu75i-D0GyylyQ.js";
+import { Z as Re, $ as Ce, e as qe, Y as ke } from "./PmGuard-BvUUbU80-BpYNaDzl.js";
+import { f as J } from "./FacilityPicker-BXa2VF7i-Dab_Jwa5.js";
+import { useState as p, useMemo as P, useEffect as De } from "react";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { Box as Pe, Alert as V, Card as v, CardContent as N, ToggleButtonGroup as Ae, ToggleButton as Ee, Grid as l, Autocomplete as Ue, TextField as m, InputAdornment as Be, Tooltip as $e, IconButton as Le, Stack as ee, Chip as A, Button as te } from "@mui/material";
+import { v4 as Oe } from "uuid";
+import { useNavigate as We } from "react-router-dom";
+import ze from "@mui/icons-material/SaveRounded";
+import Me from "@mui/icons-material/AutorenewRounded";
+function Xe(y) {
+  return !(y.ownerType !== "FACILITY" || Number(y.qtyRemaining ?? 0) <= 0 || y.status === "EXPIRED" || y.status === "EXHAUSTED" || y.status === "QUARANTINED");
+}
+var Ge = [
+  {
+    value: "INTERNAL",
+    label: "Between my facilities"
+  },
+  {
+    value: "EXTERNAL_OUT",
+    label: "Send outside the system"
+  },
+  {
+    value: "EXTERNAL_IN",
+    label: "Receive from outside"
+  }
+], re = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function at() {
+  let y = We(), [E, ae] = p([]), [C, ie] = p([]), [M, le] = p([]), [U, ne] = p([]), [oe, se] = p(!0), [X, G] = p(!1), [_, q] = p(""), [S, de] = p("INTERNAL"), [t, T] = p({
+    id: Oe(),
+    sourceFacilityId: "",
+    sourceBatchId: "",
+    destFacilityId: "",
+    destStorageUnitId: "",
+    qty: 1,
+    notes: "",
+    externalPartyName: "",
+    externalReference: "",
+    productId: "",
+    lotNumber: "",
+    expiryDate: "",
+    manufactureDate: ""
+  }), f = S === "INTERNAL", b = S === "EXTERNAL_OUT", c = S === "EXTERNAL_IN", k = f || b;
+  Re("update.manage.productManagement.transfer", () => {
+    async function e() {
+      var i, n;
+      try {
+        let [d, me, pe, ye] = await Promise.all([
+          ve(),
+          Ne(),
+          Se({ activeOnly: !0 }),
+          Te()
+        ]);
+        ae(d), ie(me), le(pe), ne(ye);
+      } catch (d) {
+        q(((n = (i = d == null ? void 0 : d.response) == null ? void 0 : i.data) == null ? void 0 : n.message) ?? (d == null ? void 0 : d.message) ?? "Failed to load reference data");
+      } finally {
+        se(!1);
+      }
+    }
+    e();
+  }, []);
+  function ce(e) {
+    !e || e === S || (de(e), q(""), T((i) => ({
+      ...i,
+      destFacilityId: "",
+      destStorageUnitId: "",
+      sourceBatchId: e === "EXTERNAL_IN" ? "" : i.sourceBatchId,
+      sourceFacilityId: e === "EXTERNAL_IN" ? "" : i.sourceFacilityId,
+      externalPartyName: "",
+      externalReference: "",
+      productId: "",
+      lotNumber: "",
+      expiryDate: "",
+      manufactureDate: "",
+      qty: 1
+    })));
+  }
+  function s(e, i) {
+    T((n) => ({
+      ...n,
+      [e]: i
+    }));
+  }
+  function ue(e) {
+    T((i) => ({
+      ...i,
+      sourceFacilityId: e,
+      sourceBatchId: ""
+    }));
+  }
+  function Q(e) {
+    T((i) => ({
+      ...i,
+      destFacilityId: e,
+      destStorageUnitId: ""
+    }));
+  }
+  let Y = P(() => t.sourceFacilityId ? C.filter(Xe).filter((e) => e.ownerId === t.sourceFacilityId) : [], [C, t.sourceFacilityId]), u = P(() => C.find((e) => e.id === t.sourceBatchId) ?? null, [C, t.sourceBatchId]), w = P(() => t.destFacilityId ? M.filter((e) => e.ownerId === t.destFacilityId) : [], [M, t.destFacilityId]), j = !!t.destFacilityId && !E.some((e) => e.id === t.destFacilityId), a = P(() => U.find((e) => e.id === t.productId) ?? null, [U, t.productId]), h = (a == null ? void 0 : a.expiryMode) === "FROM_MANUFACTURE", B = h ? we(t.manufactureDate, a == null ? void 0 : a.expiryInterval, a == null ? void 0 : a.expiryIntervalUnit) : "", x = Number(t.qty), F = Number((u == null ? void 0 : u.qtyRemaining) ?? 0), R = !Number.isInteger(x) || x <= 0 ? "Enter a whole number greater than 0." : k && u && x > F ? `Only ${F} available in this batch.` : "", $ = f || t.externalPartyName.trim() ? "" : b ? "Name who the stock is going to." : "Name who the stock came from.", L = !c || h || !(a != null && a.hasExpiry) || t.expiryDate ? "" : "Required for this product.", O = c ? (h || a != null && a.hasManufactureDate) && !t.manufactureDate ? "Required for this product." : t.manufactureDate && t.manufactureDate > re ? "Cannot be in the future." : "" : "", W = c && (a != null && a.needsStorageUnit) && !t.destStorageUnitId ? "Required for this product." : "", g = Fe(fe()), z = c && !g && !t.lotNumber.trim() ? "Lot number is required." : "";
+  De(() => {
+    c && g && !t.lotNumber && T((e) => e.lotNumber ? e : {
+      ...e,
+      lotNumber: K()
+    });
+  }, [
+    c,
+    g,
+    t.lotNumber
+  ]);
+  let H = !R && !$ && (k ? !!t.sourceFacilityId && !!t.sourceBatchId && (f ? !!t.destFacilityId : !0) : !!t.destFacilityId && !!t.productId && !L && !O && !W && !z);
+  async function he() {
+    var e, i;
+    if (H) {
+      G(!0), q("");
+      try {
+        let n, d;
+        f ? (n = await be({
+          id: t.id,
+          sourceBatchId: t.sourceBatchId,
+          destFacilityId: t.destFacilityId,
+          destStorageUnitId: t.destStorageUnitId || null,
+          qty: x,
+          notes: t.notes || null
+        }), d = `to ${n.destFacilityName ?? "destination"}`) : b ? (n = await xe({
+          id: t.id,
+          sourceBatchId: t.sourceBatchId,
+          qty: x,
+          externalPartyName: t.externalPartyName.trim(),
+          externalReference: t.externalReference.trim() || null,
+          notes: t.notes || null
+        }), d = `to ${n.externalPartyName}`) : (n = await ge({
+          id: t.id,
+          destFacilityId: t.destFacilityId,
+          productId: t.productId,
+          qty: x,
+          lotNumber: t.lotNumber.trim() || null,
+          expiryDate: (h ? B : t.expiryDate) || null,
+          manufactureDate: t.manufactureDate || null,
+          destStorageUnitId: t.destStorageUnitId || null,
+          externalPartyName: t.externalPartyName.trim(),
+          externalReference: t.externalReference.trim() || null,
+          notes: t.notes || null
+        }), d = `from ${n.externalPartyName}`), Ie({
+          message: `${c ? "Received" : "Shipped"} ${n.qty} ${n.qty === 1 ? "unit" : "units"} ${d}.`,
+          type: "success"
+        }), y("/ui/medplat/manage/pm/transfers");
+      } catch (n) {
+        q(((i = (e = n == null ? void 0 : n.response) == null ? void 0 : e.data) == null ? void 0 : i.message) ?? (n == null ? void 0 : n.message) ?? "Failed to record transfer");
+      } finally {
+        G(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ o(Pe, { children: [/* @__PURE__ */ r(Ce, {}), /* @__PURE__ */ r(qe, {
+    perm: "update.manage.productManagement.transfer",
+    title: "You don’t have permission to ship transfers",
+    children: /* @__PURE__ */ o(ke, {
+      title: c ? "Receive Stock From Outside" : "Ship Stock Transfer",
+      subtitle: f ? "Send stock between facilities. The sender loses stock right away. The receiver creates the batch when they confirm receipt." : b ? "Record stock leaving for a facility this system does not hold. The stock comes off your shelf right away and there is nothing further to confirm." : "Record stock arriving from a facility this system does not hold. A new batch is created straight away.",
+      actions: /* @__PURE__ */ o(ee, {
+        direction: "row",
+        spacing: 1,
+        children: [/* @__PURE__ */ r(te, {
+          variant: "outlined",
+          onClick: () => y("/ui/medplat/manage/pm/transfers"),
+          children: "Cancel"
+        }), /* @__PURE__ */ r(te, {
+          variant: "contained",
+          startIcon: /* @__PURE__ */ r(ze, {}),
+          disabled: !H || X,
+          onClick: () => void he(),
+          children: X ? c ? "Receiving…" : "Shipping…" : c ? "Receive Stock" : "Ship Transfer"
+        })]
+      }),
+      children: [
+        _ ? /* @__PURE__ */ r(V, {
+          severity: "error",
+          sx: { mb: 2 },
+          children: _
+        }) : null,
+        /* @__PURE__ */ r(v, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ o(N, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ r(I, {
+              eyebrow: "Step 1",
+              title: "What kind of transfer",
+              hint: "Stock can move between your own facilities, or to and from a facility outside this system.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ r(Ae, {
+              exclusive: !0,
+              size: "small",
+              value: S,
+              onChange: (e, i) => ce(i),
+              sx: { flexWrap: "wrap" },
+              children: Ge.map((e) => /* @__PURE__ */ r(Ee, {
+                value: e.value,
+                children: e.label
+              }, e.value))
+            })]
+          })
+        }),
+        k ? /* @__PURE__ */ r(v, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ o(N, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ r(I, {
+              eyebrow: "Step 2",
+              title: "Source",
+              hint: "Select the sending facility and the batch.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ o(l, {
+              container: !0,
+              spacing: 2,
+              children: [/* @__PURE__ */ r(l, {
+                item: !0,
+                xs: 12,
+                md: 5,
+                children: /* @__PURE__ */ r(Ue, {
+                  size: "small",
+                  options: E,
+                  getOptionLabel: (e) => (e == null ? void 0 : e.name) ?? "",
+                  isOptionEqualToValue: (e, i) => (e == null ? void 0 : e.id) === (i == null ? void 0 : i.id),
+                  value: E.find((e) => e.id === t.sourceFacilityId) ?? null,
+                  onChange: (e, i) => ue((i == null ? void 0 : i.id) ?? ""),
+                  loading: oe,
+                  renderInput: (e) => /* @__PURE__ */ r(m, {
+                    ...e,
+                    required: !0,
+                    label: "Source Facility",
+                    placeholder: "Pick the shipping facility"
+                  })
+                })
+              }), /* @__PURE__ */ r(l, {
+                item: !0,
+                xs: 12,
+                md: 7,
+                children: /* @__PURE__ */ r(D, {
+                  label: "Source Batch",
+                  required: !0,
+                  disabled: !t.sourceFacilityId,
+                  value: t.sourceBatchId,
+                  onChange: (e) => s("sourceBatchId", e),
+                  options: Y.map((e) => ({
+                    value: e.id,
+                    label: `${e.productName} · qty ${e.qtyRemaining}${e.lotNumber ? ` · ${e.lotNumber}` : ""}${e.expiryDate ? ` · exp ${Z(e.expiryDate)}` : ""}`
+                  })),
+                  noOptionsText: "No shippable stock at this facility",
+                  helperText: t.sourceFacilityId ? Y.length === 0 ? "This facility has no shippable batches." : "Active facility batches only — quarantined / expired / exhausted stock is hidden." : "Pick a source facility first."
+                })
+              })]
+            })]
+          })
+        }) : null,
+        c ? /* @__PURE__ */ r(v, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ o(N, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ r(I, {
+              eyebrow: "Step 2",
+              title: "What is arriving",
+              hint: "A new batch is created from these details, the same way a purchase does. No cost is recorded, because a transfer moves stock and not money.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ o(l, {
+              container: !0,
+              spacing: 2,
+              children: [
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 5,
+                  children: /* @__PURE__ */ r(J, {
+                    required: !0,
+                    label: "Receiving Facility",
+                    value: t.destFacilityId,
+                    onChange: Q,
+                    helperText: "The stock lands here, so it has to be a facility assigned to you."
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 5,
+                  children: /* @__PURE__ */ r(D, {
+                    label: "Product",
+                    required: !0,
+                    value: t.productId,
+                    onChange: (e) => s("productId", e),
+                    options: U.filter((e) => e.isActive !== !1).map((e) => ({
+                      value: e.id,
+                      label: e.name
+                    })),
+                    noOptionsText: "No active products"
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 2,
+                  children: /* @__PURE__ */ r(m, {
+                    required: !0,
+                    fullWidth: !0,
+                    size: "small",
+                    type: "number",
+                    label: "Quantity",
+                    inputProps: { min: 1 },
+                    value: t.qty,
+                    onChange: (e) => s("qty", e.target.value),
+                    error: !!R,
+                    helperText: R
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 3,
+                  children: /* @__PURE__ */ r(m, {
+                    fullWidth: !0,
+                    size: "small",
+                    label: "Lot #",
+                    required: !g,
+                    value: t.lotNumber,
+                    onChange: (e) => s("lotNumber", e.target.value),
+                    error: !!z && t.productId !== "",
+                    helperText: g ? "Generated automatically." : z,
+                    InputProps: g ? {
+                      readOnly: !0,
+                      sx: { fontFamily: "monospace" },
+                      endAdornment: /* @__PURE__ */ r(Be, {
+                        position: "end",
+                        children: /* @__PURE__ */ r($e, {
+                          title: "Generate a different lot number",
+                          children: /* @__PURE__ */ r(Le, {
+                            size: "small",
+                            edge: "end",
+                            "aria-label": "Generate a different lot number",
+                            onClick: () => s("lotNumber", K()),
+                            children: /* @__PURE__ */ r(Me, { fontSize: "small" })
+                          })
+                        })
+                      })
+                    } : { sx: { fontFamily: "monospace" } }
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 3,
+                  children: /* @__PURE__ */ r(m, {
+                    fullWidth: !0,
+                    size: "small",
+                    type: "date",
+                    label: "Manufactured",
+                    required: h || (a == null ? void 0 : a.hasManufactureDate) === !0,
+                    InputLabelProps: { shrink: !0 },
+                    inputProps: { max: re },
+                    value: t.manufactureDate,
+                    onChange: (e) => s("manufactureDate", e.target.value),
+                    error: !!O,
+                    helperText: O || (h ? "The expiry is worked out from this." : "Optional")
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 3,
+                  children: /* @__PURE__ */ r(m, {
+                    fullWidth: !0,
+                    size: "small",
+                    type: "date",
+                    label: "Expiry",
+                    required: !h && (a == null ? void 0 : a.hasExpiry) === !0,
+                    InputLabelProps: { shrink: !0 },
+                    inputProps: h ? { readOnly: !0 } : void 0,
+                    value: h ? B : t.expiryDate,
+                    onChange: (e) => s("expiryDate", e.target.value),
+                    error: !!L,
+                    helperText: L || (h ? B ? `${a.expiryInterval} ${String(a.expiryIntervalUnit ?? "").toLowerCase()} after manufacture` : "Fill in the manufacture date" : "")
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 3,
+                  children: /* @__PURE__ */ r(D, {
+                    label: "Storage",
+                    required: (a == null ? void 0 : a.needsStorageUnit) === !0,
+                    disabled: !t.destFacilityId,
+                    value: t.destStorageUnitId,
+                    onChange: (e) => s("destStorageUnitId", e),
+                    options: w.map((e) => ({
+                      value: e.id,
+                      label: e.unitName
+                    })),
+                    slotProps: { popper: { style: {
+                      width: "auto",
+                      minWidth: 240
+                    } } },
+                    error: !!W,
+                    helperText: W || (t.destFacilityId ? w.length === 0 ? "No storage units at this facility." : "" : "Pick a facility first.")
+                  })
+                })
+              ]
+            })]
+          })
+        }) : null,
+        f ? null : /* @__PURE__ */ r(v, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ o(N, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ r(I, {
+              eyebrow: "Step 3",
+              title: b ? "Where it is going" : "Where it came from",
+              hint: "This facility is not in the system, so type its name. It is recorded on the transfer and in the stock ledger.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ o(l, {
+              container: !0,
+              spacing: 2,
+              children: [
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 7,
+                  children: /* @__PURE__ */ r(m, {
+                    required: !0,
+                    fullWidth: !0,
+                    size: "small",
+                    label: b ? "Sent to" : "Received from",
+                    placeholder: "District store, a facility outside the pilot, and so on",
+                    inputProps: { maxLength: 200 },
+                    value: t.externalPartyName,
+                    onChange: (e) => s("externalPartyName", e.target.value),
+                    error: !!$ && t.externalPartyName !== "",
+                    helperText: $ || "Recorded on the ledger entry."
+                  })
+                }),
+                /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 5,
+                  children: /* @__PURE__ */ r(m, {
+                    fullWidth: !0,
+                    size: "small",
+                    label: "Reference (optional)",
+                    placeholder: "Challan or gate pass number",
+                    inputProps: { maxLength: 100 },
+                    value: t.externalReference,
+                    onChange: (e) => s("externalReference", e.target.value),
+                    helperText: "So the paperwork can be matched up later."
+                  })
+                }),
+                c ? /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  children: /* @__PURE__ */ r(m, {
+                    fullWidth: !0,
+                    size: "small",
+                    label: "Notes (optional)",
+                    placeholder: "Anything worth recording about this consignment",
+                    value: t.notes,
+                    onChange: (e) => s("notes", e.target.value)
+                  })
+                }) : null
+              ]
+            })]
+          })
+        }),
+        f ? /* @__PURE__ */ r(v, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ o(N, {
+            sx: { p: 2.5 },
+            children: [/* @__PURE__ */ r(I, {
+              eyebrow: "Step 3",
+              title: "Destination",
+              hint: "Choose the receiving facility and where to store it. The receiver can change the storage location when they confirm.",
+              sx: { mb: 2 }
+            }), /* @__PURE__ */ o(l, {
+              container: !0,
+              spacing: 2,
+              children: [/* @__PURE__ */ r(l, {
+                item: !0,
+                xs: 12,
+                md: 6,
+                children: /* @__PURE__ */ r(J, {
+                  scope: "all",
+                  required: !0,
+                  label: "Destination Facility",
+                  value: t.destFacilityId,
+                  onChange: Q,
+                  helperText: j ? "Someone assigned to this facility has to receive the stock before it lands." : "Any active facility can be chosen. Type to search."
+                })
+              }), /* @__PURE__ */ r(l, {
+                item: !0,
+                xs: 12,
+                md: 6,
+                children: j ? /* @__PURE__ */ r(V, {
+                  severity: "info",
+                  sx: { height: "100%" },
+                  children: "The receiving facility will choose where to store this when they confirm it."
+                }) : /* @__PURE__ */ r(D, {
+                  label: "Suggested Storage",
+                  disabled: !t.destFacilityId || w.length === 0,
+                  value: t.destStorageUnitId,
+                  onChange: (e) => s("destStorageUnitId", e),
+                  options: w.map((e) => ({
+                    value: e.id,
+                    label: e.unitName
+                  })),
+                  helperText: t.destFacilityId ? w.length === 0 ? "No storage units configured at this facility." : "The receiver can override on confirm." : "Pick a destination facility first."
+                })
+              })]
+            })]
+          })
+        }) : null,
+        k && u ? /* @__PURE__ */ r(v, {
+          sx: {
+            borderRadius: 1.5,
+            mb: 2,
+            border: "1px solid",
+            borderColor: "divider",
+            boxShadow: "0 12px 32px rgba(15, 23, 42, 0.045)"
+          },
+          children: /* @__PURE__ */ o(N, {
+            sx: { p: 2.5 },
+            children: [
+              /* @__PURE__ */ r(I, {
+                eyebrow: "Step 4",
+                title: "Quantity",
+                hint: `Available: ${F}. You can send up to this amount.`,
+                sx: { mb: 2 }
+              }),
+              /* @__PURE__ */ o(l, {
+                container: !0,
+                spacing: 2,
+                children: [/* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 4,
+                  children: /* @__PURE__ */ r(m, {
+                    required: !0,
+                    fullWidth: !0,
+                    size: "small",
+                    type: "number",
+                    label: "Ship Quantity",
+                    inputProps: {
+                      min: 1,
+                      max: F
+                    },
+                    value: t.qty,
+                    onChange: (e) => s("qty", e.target.value),
+                    error: !!R,
+                    helperText: R || `Out of ${F} available`
+                  })
+                }), /* @__PURE__ */ r(l, {
+                  item: !0,
+                  xs: 12,
+                  md: 8,
+                  children: /* @__PURE__ */ r(m, {
+                    fullWidth: !0,
+                    size: "small",
+                    label: "Notes (optional)",
+                    placeholder: "Tracking number, courier, anything worth recording",
+                    value: t.notes,
+                    onChange: (e) => s("notes", e.target.value)
+                  })
+                })]
+              }),
+              /* @__PURE__ */ o(ee, {
+                direction: "row",
+                spacing: 1,
+                sx: { mt: 2 },
+                flexWrap: "wrap",
+                useFlexGap: !0,
+                children: [
+                  /* @__PURE__ */ r(A, {
+                    size: "small",
+                    label: `Product · ${u.productName}`
+                  }),
+                  u.lotNumber ? /* @__PURE__ */ r(A, {
+                    size: "small",
+                    label: `Lot · ${u.lotNumber}`
+                  }) : null,
+                  u.expiryDate ? /* @__PURE__ */ r(A, {
+                    size: "small",
+                    label: `Expiry · ${Z(u.expiryDate)}`
+                  }) : null,
+                  u.storageUnitName ? /* @__PURE__ */ r(A, {
+                    size: "small",
+                    label: `From · ${u.storageUnitName}`
+                  }) : null
+                ]
+              })
+            ]
+          })
+        }) : null
+      ]
+    })
+  })] });
+}
+export {
+  at as default
+};
+//# sourceMappingURL=TransferCreatePage-DlT0nCDj-B2SdPgYB.js.map