@feedmepos/mf-inventory-portal 1.7.9 → 1.7.11-dev.0

package/dist/ClosingDraftView-DgLOKZZv.js

@@ -0,0 +1,4656 @@
+import { defineComponent as Ae, ref as W, computed as C, onMounted as fo, resolveComponent as te, createElementBlock as A, createBlock as ne, openBlock as p, Fragment as re, createTextVNode as ve, withCtx as ee, createElementVNode as a, createCommentVNode as H, toDisplayString as U, unref as d, createVNode as h, h as D, watch as Te, renderList as ke, onUnmounted as en, withModifiers as tn, normalizeStyle as bt, normalizeClass as we, isRef as _t, reactive as uo, createSlots as on, Teleport as nn, mergeProps as an } from "vue";
+import { u as sn, _ as rn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { useCoreStore as vo, useI18n as ot } from "@feedmepos/mf-common";
+import { useSnackbar as Me, useDialog as go, components as _e, useProxiedModel as Ut, useBreakpoints as ln } from "@feedmepos/ui-library";
+import { d as cn, u as qe, O as pe, w as ae, q as yo, s as Ie, P as De, B as Ve, c as un, a as Nt, Q as dn, k as mn } from "./app-DMuIqNOV.js";
+import { defineStore as bo, storeToRefs as pn } from "pinia";
+import { c as Ke, e as ho, f as fn, b as Fe } from "./date2-nHWr0vbq.js";
+import { R as _o } from "./rules-DRizXY3Q.js";
+import { e as kt, c as et, j as tt, l as ko, m as wo, a as vn, k as xo, o as de, t as gn } from "./number-B7y_oaIm.js";
+import { b as yn, d as bn, u as yt, w as hn, c as _n } from "./xlsx.util-Cy5DyLlu.js";
+import { i as Pt, u as Vt } from "./uom-rules-DE4OV7iK.js";
+import { u as kn } from "./stock-CAlt5MDT.js";
+import { u as wt } from "./stock-BAMK_7xp.js";
+import { D as mo, R as He } from "./row-action.enum-ncgDYAjP.js";
+import { c as wn } from "./component-BmLAdDiY.js";
+import { f as xn } from "./format-time-from-id-Dl3MwzI7.js";
+import { i as Dn } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-kTHffgJ0.js";
+import { f as An } from "./recalculationUtils-DdG6rZr1.js";
+import { _ as $n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-NuIzfwdk.js";
+import { _ as Cn } from "./CursorPaginatedTable.vue_vue_type_script_setup_true_lang-BCUhtL_B.js";
+import { _ as Do } from "./empty-placeholder-B0QU467o.js";
+import { F as jt } from "./FmAdminBadge-DlplQOHb.js";
+import { u as Sn } from "./vue-i18n-CsKZo5u4.js";
+import { F as Fn } from "./decimal-BRpZx0Ku.js";
+import { u as In } from "./useSseClient-DkX7GX1_.js";
+import { d as Bn } from "./dayjs.min-CWDZGPnC.js";
+import { F as Tn } from "./FmDroppableField-J0tG_U3w.js";
+import { _ as jn } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-Vg8U7WMZ.js";
+import { _ as Rn, F as Ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+const Ee = cn((t, o) => {
+  function e() {
+    return qe().currentLocation.dbName;
+  }
+  return {
+    getDbName: e,
+    async getDraft(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/${n}`;
+      return o.get(r);
+    },
+    /** Combined trimmed payload for the detail dialog: draft + groups +
+     * closing adjustment balances in one request. */
+    async getDraftDetail(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/detail`;
+      return o.get(s, l);
+    },
+    async readDrafts() {
+      const n = e(), l = `${t.inventoryBackendUrl}/${n}/closing-draft`;
+      return o.get(l);
+    },
+    /** Single page of the trimmed listing endpoint (cursor-based).
+     * `from`/`to` window by created date (backend caps span at 6 months). */
+    async listDraftsPage(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/list`;
+      return o.post(r, n);
+    },
+    async runOperation(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/run-operation`;
+      return o.post(r, n);
+    },
+    async runOperationV1(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/v1/run-operation`;
+      return o.post(r, n);
+    },
+    async sync(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/sync`;
+      return o.post(r, n);
+    },
+    async cloneDraft(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/${n}/clone`;
+      return o.post(r, {});
+    },
+    /** Closing groups belonging to a parent closing draft. */
+    async getClosingGroups(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/${n}/groups`;
+      return o.get(r);
+    },
+    /** Approve a closing group (sub-closing): status -> COMPLETED, no recalculation. */
+    async approveClosingGroup(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/group/approve`;
+      return o.post(s, { remark: l });
+    },
+    /** Submit a closing group (sub-closing) for approval: DRAFT -> PENDING_APPROVAL. */
+    async submitClosingGroup(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/group/submit`;
+      return o.post(s, { remark: l });
+    },
+    /** Reject a closing group (sub-closing): records a rejection note, resets to DRAFT. */
+    async rejectClosingGroup(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/group/reject`;
+      return o.post(s, { remark: l });
+    },
+    /** Approve all pending closing groups for a parent draft at once (master-approver override). */
+    async approveAllClosingGroups(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/groups/approve-all`;
+      return o.post(s, { remark: l });
+    },
+    async createQuickModeDraftWithItems(n) {
+      const l = e(), r = `${t.inventoryBackendUrl}/${l}/closing-draft/quick-mode/new-with-items`;
+      return o.post(r, n);
+    },
+    initializeStockSnapshot(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${encodeURIComponent(n)}/initialize-stock-snapshot`;
+      return o.post(s, { effectiveAt: l });
+    },
+    async getRefreshBalanceStatus(n, l) {
+      const r = e(), s = `${t.inventoryBackendUrl}/${r}/closing-draft/${n}/refresh-balance/status?closingDraftRevision=${encodeURIComponent(l)}`;
+      return o.get(s);
+    }
+  };
+}), Mn = { class: "fm-typo-en-body-lg-400" }, Un = { class: "fm-typo-en-body-lg-600" }, Nn = {
+  key: 0,
+  class: "flex flex-col"
+}, Pn = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, Vn = { "data-testid": "closing-draft-action-remark" }, En = { class: "flex gap-12 py-8 justify-end w-full" }, Rt = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const o = t, e = W(), n = Ee(), l = Me(), r = W(!1), s = W(null), u = W(!1), c = C(() => {
+      switch (o.action) {
+        case pe.enum.approveDraft:
+          return "Approve";
+        case pe.enum.rejectDraft:
+          return "Reject";
+        case pe.enum.markAsFailed:
+          return "Mark as Failed";
+      }
+      throw new Error(`Unknown action: ${o.action}`);
+    }), b = C(() => {
+      switch (o.action) {
+        case pe.enum.approveDraft:
+          return "primary";
+        case pe.enum.rejectDraft:
+          return "destructive";
+        case pe.enum.markAsFailed:
+          return "destructive";
+      }
+      throw new Error(`Unknown action: ${o.action}`);
+    });
+    fo(() => {
+      if (o.draft.effectiveAt)
+        s.value = new Date(o.draft.effectiveAt);
+      else {
+        const T = new Date(o.draft.createdAt);
+        T.setHours(23, 59, 59, 999), s.value = T;
+      }
+      u.value = !0;
+    });
+    const g = C({
+      get() {
+        return s.value === null ? "" : Ke(s.value);
+      },
+      set(T) {
+        if (T) {
+          const I = /* @__PURE__ */ new Date(`${T} ${S.value}`);
+          I.setSeconds(59, 999), s.value = I;
+        } else
+          s.value = null;
+      }
+    }), S = C({
+      get() {
+        return s.value === null ? "" : ho(s.value);
+      },
+      set(T) {
+        if (T) {
+          const I = /* @__PURE__ */ new Date(`${g.value} ${T}`);
+          I.setSeconds(59, 999), s.value = I;
+        } else
+          s.value = null;
+      }
+    }), J = C(() => s.value ? s.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function E(T) {
+      r.value = !0;
+      try {
+        T ? await n.runOperationV1({
+          _id: o.draft._id,
+          _rev: o.draft._rev ?? "",
+          action: o.action,
+          data: {
+            effectiveAt: s.value ? s.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500) : await n.runOperation({
+          _id: o.draft._id,
+          _rev: o.draft._rev ?? "",
+          action: o.action,
+          data: {
+            effectiveAt: s.value ? s.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500), l.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), o.onFinished();
+      } catch (I) {
+        l.open({
+          title: "Something went wrong",
+          message: (I == null ? void 0 : I.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft action", I);
+      } finally {
+        r.value = !1;
+      }
+    }
+    return (T, I) => {
+      const P = te("FmLabel"), Z = te("FmDatePicker"), X = te("FmTimePicker"), z = te("FmTextField"), F = te("FmButton"), R = te("FmForm");
+      return u.value ? (p(), ne(R, {
+        key: 1,
+        onValidationSuccess: E,
+        class: "flex flex-col gap-32",
+        disabled: r.value
+      }, {
+        default: ee(() => [
+          a("div", Mn, [
+            I[4] || (I[4] = ve(" You are about to ")),
+            a("span", Un, U(c.value), 1),
+            I[5] || (I[5] = ve(" this draft. Please provide a remark to justify this action. "))
+          ]),
+          T.action === d(pe).enum.approveDraft ? (p(), A("div", Nn, [
+            h(P, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => I[6] || (I[6] = [
+                ve("Closing Date")
+              ])),
+              _: 1
+            }),
+            h(Z, {
+              modelValue: g.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (k) => g.value = k),
+              max: d(Ke)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            h(P, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => I[7] || (I[7] = [
+                ve("Closing Time")
+              ])),
+              _: 1
+            }),
+            h(X, {
+              modelValue: S.value,
+              "onUpdate:modelValue": I[1] || (I[1] = (k) => S.value = k)
+            }, null, 8, ["modelValue"]),
+            J.value ? (p(), A("div", Pn, " Cannot select future date ")) : H("", !0)
+          ])) : H("", !0),
+          a("div", Vn, [
+            h(z, {
+              modelValue: e.value,
+              "onUpdate:modelValue": I[2] || (I[2] = (k) => e.value = k),
+              label: "Remark",
+              "label-mark": "required",
+              rules: [d(_o)()]
+            }, null, 8, ["modelValue", "rules"])
+          ]),
+          a("div", En, [
+            h(F, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: I[3] || (I[3] = (k) => T.onCancel())
+            }),
+            h(F, {
+              label: c.value,
+              type: "submit",
+              variant: b.value,
+              loading: r.value,
+              "data-testid": "closing-draft-action-submit"
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (p(), A(re, { key: 0 }, [
+        ve("Loading")
+      ], 64));
+    };
+  }
+}), Ln = et(0);
+function xt(t) {
+  const o = t.measurementsAmounts.groupBy((e) => e.measurement.id);
+  return t.sku.unit.measurements.reduce((e, n) => {
+    var s, u;
+    const l = ((u = (s = o.get(n.id)) == null ? void 0 : s[0]) == null ? void 0 : u.amount) ?? Ln, r = kt(n.conversion, l);
+    return tt(e, r);
+  }, t.baseAmount);
+}
+const On = et(0), Gn = et(100);
+function zn(t, o, e, n, l, r, s, u) {
+  var _, $, L, j, fe;
+  const c = xt(t), b = n ?? c, g = ko(b, o), S = o.amount === 0 ? null : wo(g, {
+    ...o,
+    amount: Math.abs(o.amount)
+  }), J = S ? kt(S, Gn) : null, E = ((_ = t.sku.defaultCost) == null ? void 0 : _.costPerUnit) ?? { amount: 0, precision: 0 }, T = Number(ae.toFormatString({ value: E })), I = ((L = ($ = t.sku.defaultCost) == null ? void 0 : $.measurement) == null ? void 0 : L.conversion) ?? {
+    amount: 1,
+    precision: 0
+  }, P = Number(
+    ae.toFormatString({ value: I })
+  ), Z = l ? Number(ae.toFormatString({ value: l })) : 0, X = Number(ae.toFormatString({ value: o })), z = Number(ae.toFormatString({ value: b })), F = z - X, R = F * T / P, k = z * T / P, x = X * T / P, w = {};
+  return s && r && s.forEach((oe) => {
+    const N = { amount: 0, precision: 0 }, f = r[oe];
+    if (f) {
+      const y = tt(N, f);
+      w[`adjustment_${oe}`] = vn(y);
+    } else
+      w[`adjustment_${oe}`] = "0";
+  }), {
+    code: t.sku.code,
+    name: t.sku.name,
+    baseUnit: t.sku.unit.abbrev,
+    costUnit: ((fe = (j = t.sku.defaultCost) == null ? void 0 : j.measurement) == null ? void 0 : fe.abbrev) ?? null,
+    baseUnitAmount: Number(ae.toFormatString({ value: t.baseAmount })),
+    ...e.reduce(
+      (oe, N, f) => {
+        const y = ae.toFormatString({ value: N.conversion }), M = N.orphan ? " [invalid UOM]" : N.inactive ? " [NetSuite-inactive]" : "";
+        return oe[`measurementAbbrev${f}`] = `(${N.abbrev}) × ${y}${M}`, oe[`measurementAmount${f}`] = Number(ae.toFormatString({ value: N.amount })), oe;
+      },
+      {}
+    ),
+    systemBalance: X,
+    physicalBalance: z,
+    adjustedAmount: Number(ae.toFormatString({ value: g })),
+    adjustedDiffPercentage: J ? Number(
+      ae.toFormatString({
+        value: xo(J, 2)
+      })
+    ) : null,
+    costPerUnit: T,
+    opening: Z,
+    ...w,
+    varianceQty: F,
+    varianceInCost: R,
+    stockTakeValue: k,
+    systemValue: x,
+    // Include custom attribute values
+    ...(u ?? []).reduce(
+      (oe, N) => {
+        var y;
+        const f = (y = t.sku.customAttributes) == null ? void 0 : y[N];
+        return oe[`customAttr_${N}`] = f != null ? String(f) : null, oe;
+      },
+      {}
+    )
+  };
+}
+function Hn(t) {
+  let o = 0;
+  for (const e of t.values())
+    e.length > o && (o = e.length);
+  return o;
+}
+function Yn(t, o) {
+  const e = /* @__PURE__ */ new Map();
+  for (const n of t) {
+    if (e.has(n.sku._id)) continue;
+    const l = new Map(n.sku.unit.measurements.map((u) => [u.id, u])), r = new Map(
+      n.measurementsAmounts.map((u) => [u.measurement.id, u.amount])
+    ), s = [];
+    for (const u of n.sku.unit.measurements) {
+      const c = r.get(u.id);
+      c && s.push({
+        id: u.id,
+        abbrev: u.abbrev,
+        conversion: u.conversion,
+        amount: c,
+        inactive: Pt(u, o),
+        orphan: !1
+      });
+    }
+    for (const u of n.measurementsAmounts)
+      l.has(u.measurement.id) || s.push({
+        id: u.measurement.id,
+        abbrev: u.measurement.abbrev,
+        conversion: u.measurement.conversion,
+        amount: u.amount,
+        inactive: !1,
+        orphan: !0
+      });
+    e.set(n.sku._id, s);
+  }
+  return e;
+}
+function Wn(t, o = [], e = []) {
+  const n = yo(), l = n === "MYR" ? "RM" : n;
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "baseUnit",
+      name: "Base unit"
+    },
+    {
+      id: "costPerUnit",
+      name: "Cost per unit"
+    },
+    {
+      id: "costUnit",
+      name: "UOM"
+    },
+    {
+      id: "opening",
+      name: "Opening (B/F)"
+    },
+    // Dynamic adjustment type columns
+    ...o.map((s) => ({
+      id: `adjustment_${s}`,
+      name: Ie(s)
+    })),
+    {
+      id: "systemBalance",
+      name: "System balance (Qty)"
+    },
+    {
+      id: "physicalBalance",
+      name: "Stock take (Qty)"
+    },
+    {
+      id: "adjustedAmount",
+      name: "Variance"
+    },
+    {
+      id: "varianceInCost",
+      name: `Variance (${l})`
+    },
+    {
+      id: "adjustedDiffPercentage",
+      name: "Variance (%)"
+    },
+    {
+      id: "stockTakeValue",
+      name: `Stock take value (${l})`
+    },
+    {
+      id: "systemValue",
+      name: `System value (${l})`
+    },
+    {
+      id: "baseUnitAmount",
+      name: "Base unit amount"
+    },
+    ...Array.from({ length: t }).flatMap((s, u) => [
+      {
+        id: `measurementAmount${u}`,
+        name: `UOM amount ${u + 1}`
+      },
+      {
+        id: `measurementAbbrev${u}`,
+        name: `UOM ${u + 1}`
+      }
+    ]),
+    // Dynamic custom attribute columns
+    ...e.map((s) => ({
+      id: `customAttr_${s}`,
+      name: Ie(s)
+    }))
+  ];
+}
+function Kn(t, o, e, n = [], l) {
+  var se, _, $, L, j, fe, oe;
+  const r = o.groupBy(
+    (N) => N.id,
+    (N) => N.balance
+  ), s = e.groupBy(
+    (N) => N.id,
+    (N) => N.balance
+  ), u = /* @__PURE__ */ new Map();
+  if (t.opening)
+    for (const N of t.opening)
+      u.set(N.skuId, N.balance);
+  const c = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Map();
+  if (t.adjustmentSnapshot)
+    for (const N of t.adjustmentSnapshot)
+      N.adjustmentsByType && (Object.keys(N.adjustmentsByType).forEach((f) => c.add(f)), b.set(N.skuId, N.adjustmentsByType));
+  const g = ["receive", "sales", "wastage"], S = [];
+  g.forEach((N) => {
+    c.has(N) && (S.push(N), c.delete(N));
+  });
+  const J = Array.from(c).sort(), E = [...S, ...J], T = [...t.items, ...t.negativeStockItems ?? []], P = vo().currentBusiness.value, Z = Yn(T, l), X = T.map((N) => {
+    var ue, B;
+    const f = ((ue = r.get(N.sku._id)) == null ? void 0 : ue[0]) ?? On, y = Z.get(N.sku._id) ?? [], M = u.get(N.sku._id), K = b.get(N.sku._id);
+    return zn(
+      N,
+      f,
+      y,
+      (B = s.get(N.sku._id)) == null ? void 0 : B[0],
+      M,
+      K,
+      E,
+      n
+    );
+  }), z = Hn(Z), F = Wn(z, E, n), R = [
+    ["Business name:", P == null ? void 0 : P.name],
+    ["Business ID:", P == null ? void 0 : P._id],
+    ["Menu version", P == null ? void 0 : P.menuVersion],
+    ["Created at", new Date(t.createdAt)],
+    ["Created by", (se = t.createdBy) == null ? void 0 : se.name],
+    ["Updated at", new Date(t.updatedAt)],
+    ["Updated by", (_ = t.updatedBy) == null ? void 0 : _.name],
+    ["Recent action", t.approvedAt ? "Approve" : t.rejectionHistory ? "Reject" : ""],
+    [
+      "Action by",
+      t.approvedAt ? ($ = t.approvedBy) == null ? void 0 : $.name : t.rejectionHistory ? (j = (L = t.rejectionHistory[0]) == null ? void 0 : L.rejectedBy) == null ? void 0 : j.name : ""
+    ],
+    [
+      "Action at",
+      t.approvedAt ? new Date(t.approvedAt) : t.rejectionHistory ? new Date((fe = t.rejectionHistory[0]) == null ? void 0 : fe.rejectedAt) : ""
+    ],
+    [
+      "Action remark",
+      t.approvedAt ? t.approveRemark : t.rejectionHistory ? new Date((oe = t.rejectionHistory[0]) == null ? void 0 : oe.rejectRemark) : ""
+    ],
+    [],
+    F.map((N) => N.name),
+    ...X.map((N) => F.map((f) => N[f.id]))
+  ], k = F.map((N) => `system:${N.id}`), x = yn(R, k), w = `[${P == null ? void 0 : P.name}] closing draft (${fn(new Date(t.updatedAt))}).xlsx`;
+  return bn(x, w), w;
+}
+const qn = { class: "flex flex-col" }, Qn = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, Jn = { class: "flex gap-12 py-8 justify-end w-full" }, Zn = /* @__PURE__ */ Ae({
+  __name: "RefreshBalanceAction",
+  props: {
+    draft: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const o = t;
+    wt();
+    const e = W(!1), n = W(null), l = W(!1);
+    fo(() => {
+      if (o.draft.effectiveAt)
+        n.value = new Date(o.draft.effectiveAt);
+      else {
+        const b = new Date(o.draft.createdAt);
+        b.setHours(23, 59, 59, 999), n.value = b;
+      }
+      l.value = !0;
+    });
+    const r = C({
+      get() {
+        return n.value === null ? "" : Ke(n.value);
+      },
+      set(b) {
+        if (b) {
+          const g = /* @__PURE__ */ new Date(`${b} ${s.value}`);
+          g.setSeconds(59, 999), n.value = g;
+        } else
+          n.value = null;
+      }
+    }), s = C({
+      get() {
+        return n.value === null ? "" : ho(n.value);
+      },
+      set(b) {
+        if (b) {
+          const g = /* @__PURE__ */ new Date(`${r.value} ${b}`);
+          g.setSeconds(59, 999), n.value = g;
+        } else
+          n.value = null;
+      }
+    }), u = C(() => n.value ? n.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function c() {
+      e.value = !0, o.onFinished(n.value.toISOString());
+    }
+    return (b, g) => {
+      const S = te("FmLabel"), J = te("FmDatePicker"), E = te("FmTimePicker"), T = te("FmButton"), I = te("FmForm");
+      return l.value ? (p(), ne(I, {
+        key: 1,
+        onValidationSuccess: c,
+        class: "flex flex-col gap-32",
+        disabled: e.value
+      }, {
+        default: ee(() => [
+          g[5] || (g[5] = a("div", { class: "fm-typo-en-body-lg-400" }, [
+            a("p", null, [
+              ve(" Performing "),
+              a("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
+              ve(" until closing effective date and time. ")
+            ]),
+            a("p", { class: "mt-2" }, [
+              ve(" Please note that this action will "),
+              a("b", null, "update"),
+              ve(" the effective date and time. ")
+            ])
+          ], -1)),
+          a("div", qn, [
+            h(S, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => g[3] || (g[3] = [
+                ve("Closing Date")
+              ])),
+              _: 1
+            }),
+            h(J, {
+              modelValue: r.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (P) => r.value = P),
+              max: d(Ke)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            h(S, { class: "fm-typo-en-body-lg-600" }, {
+              default: ee(() => g[4] || (g[4] = [
+                ve("Closing Time")
+              ])),
+              _: 1
+            }),
+            h(E, {
+              modelValue: s.value,
+              "onUpdate:modelValue": g[1] || (g[1] = (P) => s.value = P)
+            }, null, 8, ["modelValue"]),
+            u.value ? (p(), A("div", Qn, " Cannot select future date ")) : H("", !0)
+          ]),
+          a("div", Jn, [
+            h(T, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: g[2] || (g[2] = (P) => b.onCancel())
+            }),
+            h(T, {
+              label: "Refresh balance",
+              type: "submit",
+              variant: "primary",
+              loading: e.value,
+              disabled: u.value,
+              "data-testid": "closing-draft-refresh-balance-confirm"
+            }, null, 8, ["loading", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (p(), A(re, { key: 0 }, [
+        ve("Loading")
+      ], 64));
+    };
+  }
+}), ht = bo(
+  "closingDraftActions",
+  function() {
+    const o = go(), e = Me(), n = wt(), l = Ee(), r = kn(), s = Vt(), u = W(!1), c = W();
+    async function b(F, R) {
+      const k = await l.getDraftDetail(F, R), x = {
+        draft: k
+      };
+      return c.value = x, u.value = !0, k;
+    }
+    async function g(F) {
+      var k;
+      if (F.status === De.enum.COMPLETED) {
+        const x = F.closingAdjustmentId;
+        if (!x)
+          return e.open({
+            title: "Something went wrong",
+            message: "Closing draft is completed but closing document cannot be found.",
+            type: "error"
+          }), console.error("Closing draft is completed but closing document cannot be found.", {
+            draftId: F._id
+          }), [];
+        const w = await n.readAdjustmentById(x);
+        return ((w == null ? void 0 : w.skus) ?? []).map((_) => ({
+          id: _.sku._id,
+          balance: _.fromBalance,
+          costs: _.fromCostBalances
+        }));
+      } else
+        return await r.readStockBalance(), ((k = r.stockBalance) == null ? void 0 : k.skus) ?? [];
+    }
+    async function S(F, R, k, x) {
+      R || (e.open({
+        title: "Exporting",
+        message: "Fetching data..."
+      }), R = await g(F)), Kn(
+        F,
+        R,
+        k ?? [],
+        x ?? [],
+        s.value
+      );
+    }
+    function J(F, R, k) {
+      o.open({
+        title: "Approve draft",
+        contentComponent: Rt,
+        contentComponentProps: {
+          draft: F,
+          action: pe.enum.approveDraft,
+          onFinished: () => {
+            o.close(), R == null || R();
+          },
+          onCancel: () => {
+            o.close();
+          }
+        }
+      }).onClose(() => {
+        k == null || k();
+      });
+    }
+    function E(F, R) {
+      o.open({
+        title: "Reject draft",
+        contentComponent: Rt,
+        contentComponentProps: {
+          draft: F,
+          action: pe.enum.rejectDraft,
+          onFinished: () => {
+            o.close(), R == null || R();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    function T(F, R) {
+      o.open({
+        title: "Mark draft as failed",
+        contentComponent: Rt,
+        contentComponentProps: {
+          draft: F,
+          action: pe.enum.markAsFailed,
+          onFinished: () => {
+            o.close(), R == null || R();
+          },
+          onCancel: () => o.close()
+        }
+      });
+    }
+    async function I(F, R) {
+      await l.sync({
+        _id: F._id,
+        _rev: F._rev ?? "",
+        action: pe.enum.approveDraft,
+        data: {
+          remark: F.remark ?? ""
+        }
+      }).delayed(500), e.open({
+        title: "Success",
+        message: "Sync requested",
+        type: "success"
+      }), R == null || R();
+    }
+    function P() {
+      u.value = !1;
+    }
+    async function Z(F, R, k) {
+      await o.open({
+        title: "Refresh balance",
+        contentComponent: Zn,
+        contentComponentProps: {
+          draft: F,
+          onFinished: (x) => {
+            o.close(), k == null || k(x);
+          },
+          onCancel: async () => {
+            o.close(), R == null || R();
+          }
+        }
+      });
+    }
+    async function X(F) {
+      await o.open({
+        title: "Invalidate closing draft cache",
+        message: "It will invalidate opening and stock movement cache for this draft.",
+        primaryActions: { text: "Proceed", close: !0 },
+        secondaryActions: { text: "Cancel", close: !0 }
+      }).onPrimary(async () => {
+        await n.recalculation.scheduleInvalidateClosingDraftCache([F._id]), e.open({
+          title: "Success",
+          message: "Invalidate cache requested",
+          type: "success"
+        });
+      });
+    }
+    async function z(F, R) {
+      try {
+        e.open({
+          title: "Cloning",
+          message: "Creating a copy of the draft..."
+        }), await l.cloneDraft(F._id), e.open({
+          title: "Success",
+          message: "Draft cloned successfully",
+          type: "success"
+        }), R == null || R();
+      } catch (k) {
+        e.open({
+          title: "Error",
+          message: (k == null ? void 0 : k.message) || "Failed to clone draft",
+          type: "error"
+        });
+      }
+    }
+    return {
+      viewDraft: b,
+      closeDraftDialog: P,
+      approveDraft: J,
+      rejectDraft: E,
+      markAsFailed: T,
+      syncDraft: I,
+      exportDraft: S,
+      refreshBalance: Z,
+      cloneDraft: z,
+      viewClosingDraftShow: u,
+      viewClosingDraftProps: c,
+      invalidateDraftCache: X
+    };
+  }
+);
+function Re(t) {
+  switch (t) {
+    case "DRAFT":
+      return "fm-status-badge-draft";
+    case "PROCESSING":
+      return "fm-status-badge-processing";
+    case "FAILED":
+      return "fm-status-badge-cancel";
+    case "COMPLETED":
+      return "fm-status-badge-complete";
+    case "PENDING_APPROVAL":
+      return "fm-status-badge-processing";
+  }
+}
+function Et(t) {
+  var n, l;
+  if (t.status !== "DRAFT") return t.status;
+  const o = (l = (n = t.rejectionHistory) == null ? void 0 : n[0]) == null ? void 0 : l.rejectedAt;
+  if (!o) return "DRAFT";
+  const e = t.updatedAt ? new Date(t.updatedAt) : null;
+  return !e || new Date(o).getTime() > e.getTime() ? "REJECTED" : "UPDATED";
+}
+function Xn(t) {
+  return t.baseAmount.amount > 0 ? !0 : t.measurementsAmounts.some((o) => o.amount.amount !== 0);
+}
+function ea(t) {
+  var l, r, s;
+  const o = Number(ae.toFormatString({ value: xt(t) })), e = Number(
+    ae.toFormatString({
+      value: ((l = t.sku.defaultCost) == null ? void 0 : l.costPerUnit) ?? { amount: 0, precision: 0 }
+    })
+  ), n = Number(
+    ae.toFormatString({
+      value: ((s = (r = t.sku.defaultCost) == null ? void 0 : r.measurement) == null ? void 0 : s.conversion) ?? { amount: 1, precision: 0 }
+    })
+  );
+  return o * e / n;
+}
+function Dt(t) {
+  var o, e;
+  return ((e = (o = t.usingTemplates) == null ? void 0 : o[0]) == null ? void 0 : e.name) || "Group";
+}
+function ta(t) {
+  var e;
+  const o = (e = t.usingTemplates) == null ? void 0 : e[0];
+  return o != null && o.ref ? o.ref : Dt(t).replace(/[^a-z0-9]/gi, "").slice(0, 6).toUpperCase() || "GROUP";
+}
+function Mt(t) {
+  var r, s, u;
+  const o = [...t.items, ...t.negativeStockItems ?? []], e = o.filter(Xn).length, n = o.reduce((c, b) => c + ea(b), 0), l = ((r = t.updatedBy) == null ? void 0 : r.name) || ((s = t.createdBy) == null ? void 0 : s.name) || void 0;
+  return {
+    id: t._id,
+    name: Dt(t),
+    code: ta(t),
+    status: t.status,
+    rejectionHistory: t.rejectionHistory,
+    itemCount: o.length,
+    totalAmount: n,
+    countedCount: e,
+    countedBy: e > 0 ? l : void 0,
+    verifiedBy: (u = t.approvedBy) == null ? void 0 : u.name,
+    updatedBy: l,
+    updatedAt: t.updatedAt || t.createdAt
+  };
+}
+function oa(t) {
+  return t.reduce(
+    (o, e) => {
+      o.totalItems += e.itemCount, o.totalAmount += e.totalAmount;
+      const n = Et(e);
+      return n === "COMPLETED" ? o.completed++ : n === "REJECTED" ? o.rejected++ : o.draft++, o;
+    },
+    {
+      groupCount: t.length,
+      totalItems: 0,
+      totalAmount: 0,
+      completed: 0,
+      draft: 0,
+      rejected: 0
+    }
+  );
+}
+const Ao = bo(
+  "closingDraftTable",
+  function() {
+    var N;
+    const { t: o } = ot(), e = vo(), n = ht(), l = W(new Array()), r = W(0), s = W(!1), u = qe(), c = Ee(), b = Me();
+    function g(f) {
+      console.error("Row action failed:", f), b.open({
+        title: o("inventory.common.somethingWentWrong"),
+        message: (f == null ? void 0 : f.message) || o("inventory.common.tryAgain"),
+        type: "error"
+      });
+    }
+    let S = {}, J = (N = u._currentLocation) == null ? void 0 : N.dbName;
+    const E = 6, T = W(Dn());
+    function I(f) {
+      const y = new Date(f.endDate);
+      return y.setMonth(y.getMonth() - E), new Date(f.startDate) < y ? { startDate: Ke(y), endDate: f.endDate } : f;
+    }
+    function P(f) {
+      const y = I(f);
+      return (y.startDate !== T.value.startDate || y.endDate !== T.value.endDate) && (T.value = y, z()), y;
+    }
+    async function Z(f) {
+      return u._currentLocation ? (J = c.getDbName(), c.listDraftsPage({
+        ...f,
+        from: T.value.startDate,
+        to: T.value.endDate
+      })) : { docs: [], nextStartkey: null, hasMore: !1 };
+    }
+    function X(f) {
+      return k(f);
+    }
+    function z() {
+      S = {}, l.value = [], r.value++;
+    }
+    async function F() {
+      (u._currentLocation ? c.getDbName() : void 0) !== J && z();
+    }
+    async function R(f) {
+      if (!l.value.find((y) => y._id) && u._currentLocation) {
+        s.value = !0;
+        try {
+          const [y] = await Promise.all([
+            c.getDraft(f),
+            new Promise((K) => setTimeout(K, 1e3))
+          ]), { toClosingDraftListItem: M } = await import("./index-BpvlLCUv.js");
+          l.value = k([
+            M(y)
+          ]), x(f);
+        } catch (y) {
+          console.log("Something went wrong when fetching drafts:", y);
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    function k(f) {
+      for (const K of f) S[K._id] = K;
+      const y = Object.values(S), M = An(
+        y.filter((K) => !!K.closingId).map((K) => ({ closingId: K.closingId, draftCreatedAt: new Date(Ve(K._id)) }))
+      );
+      return f.map((K) => ({
+        ...K,
+        closingIdDisplay: K.closingId ? M.get(K.closingId) ?? null : null
+      }));
+    }
+    async function x(f) {
+      try {
+        const M = (await c.getClosingGroups(f)).map(Mt);
+        l.value = l.value.map((K) => K._id === f ? { ...K, groups: M } : K);
+      } catch (y) {
+        console.log(`Something went wrong when refreshing groups for ${f}:`, y);
+      }
+    }
+    async function w(f, y) {
+      const { toClosingDraftListItem: M } = await import("./index-BpvlLCUv.js");
+      return {
+        ...M(
+          f
+        ),
+        _rev: f._rev,
+        closingIdDisplay: y.closingIdDisplay,
+        groups: (f.groups ?? []).map(
+          (K) => Mt(K)
+        )
+      };
+    }
+    async function se(f) {
+      const { toClosingDraftListItem: y } = await import("./index-BpvlLCUv.js");
+      l.value = l.value.map((M) => M._id === f._id ? {
+        ...y(f),
+        _rev: f._rev,
+        closingIdDisplay: M.closingIdDisplay,
+        // The full doc carries no groups; keep the row's embedded
+        // summaries until refreshDraftGroups below replaces them.
+        groups: M.groups
+      } : M), x(f._id);
+    }
+    function _(f) {
+      var K;
+      const y = f.itemCount + f.negativeStockItemCount, M = (f == null ? void 0 : f.approveRemark) ?? ((K = f == null ? void 0 : f.rejectionHistory) == null ? void 0 : K.computeFirst((ue) => ue.rejectRemark)) ?? f.remark ?? "";
+      return { count: y, remark: M };
+    }
+    function $(f, y = "") {
+      return D(
+        "span",
+        {
+          class: [
+            "inline-flex items-center rounded-sm bg-fm-color-neutral-gray-100 px-8 py-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+            y
+          ]
+        },
+        f
+      );
+    }
+    function L(f) {
+      if (!f.length) return null;
+      const y = f.reduce(
+        (M, K) => {
+          const ue = Et(K);
+          return ue === "COMPLETED" ? M.completed++ : ue === "REJECTED" ? M.rejected++ : M.draft++, M;
+        },
+        { completed: 0, draft: 0, rejected: 0 }
+      );
+      return D("div", { class: "mt-8 flex flex-wrap gap-6" }, [
+        $(`${f.length} groups`),
+        y.completed ? $(`${y.completed} completed`, "text-fm-color-typo-success") : null,
+        y.draft ? $(`${y.draft} draft`) : null,
+        y.rejected ? $(`${y.rejected} rejected`, "text-fm-color-typo-error") : null
+      ]);
+    }
+    function j() {
+      n.closeDraftDialog(), z();
+    }
+    async function fe(f, y) {
+      switch (y = un(y), f) {
+        case He.Details:
+          return n.viewDraft(y._id).then(
+            () => {
+            },
+            g
+          );
+        case He.Export:
+          return c.getDraft(y._id).then((M) => n.exportDraft(M)).catch(g);
+        case pe.enum.approveDraft:
+          return n.approveDraft(y, j);
+        case pe.enum.rejectDraft:
+          return n.rejectDraft(y, j);
+        case pe.enum.markAsFailed:
+          return n.markAsFailed(y, j);
+        case He.Duplicate:
+          return n.cloneDraft(y, j);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => o("inventory.closing.table.createdAt"),
+          cell(f) {
+            return xn(`${f.getValue()}`);
+          },
+          sortingFn: (f, y) => new Date(Ve(f.original._id)).getTime() - new Date(Ve(y.original._id)).getTime(),
+          enableSorting: !0
+        },
+        {
+          id: "closingId",
+          accessorFn: (f) => f.closingIdDisplay,
+          size: 160,
+          header: () => o("inventory.closing.draft.table.id"),
+          cell(f) {
+            return f.getValue();
+          },
+          enableSorting: !0
+        },
+        {
+          accessorKey: "effectiveAt",
+          header: () => o("inventory.closing.draft.table.effectiveAt"),
+          cell(f) {
+            const y = f.row.original;
+            let M = f.getValue();
+            return M || (M = Ve(y._id)), Fe(M);
+          },
+          enableSorting: !0,
+          size: 230
+        },
+        {
+          id: "description",
+          accessorFn: (f) => {
+            const { count: y, remark: M } = _(f);
+            return `${y} ${M}`;
+          },
+          header: () => o("inventory.closing.draft.table.description"),
+          enableSorting: !0,
+          size: 350,
+          cell(f) {
+            const { count: y, remark: M } = _(f.row.original), K = f.row.original.groups ?? [], ue = (B, G) => D("div", { class: "flex gap-4" }, [
+              D(
+                "span",
+                { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" },
+                `${B}:`
+              ),
+              D(
+                "span",
+                {
+                  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+                  style: "white-space: pre-wrap; word-break: break-word;"
+                },
+                `${G}`
+              )
+            ]);
+            return D("div", { class: "flex flex-col gap-2", style: "width: 300px;" }, [
+              ue(o("inventory.closing.draft.table.items"), y),
+              M ? ue(o("inventory.closing.draft.table.remark"), M) : null,
+              L(K)
+            ]);
+          }
+        },
+        {
+          id: "status",
+          accessorFn: (f) => f.status,
+          header: () => o("inventory.closing.table.status"),
+          enableSorting: !1,
+          cell(f) {
+            var G;
+            const y = f.row.original, M = y.status, K = new Date(y.updatedAt), ue = (G = y == null ? void 0 : y.rejectionHistory) == null ? void 0 : G.computeFirst((ge) => ge.rejectedAt), B = ue ? new Date(ue) : null;
+            return M === "DRAFT" && B ? B.getTime() > K.getTime() ? D(
+              "div",
+              {
+                class: "flex"
+              },
+              D(
+                "div",
+                {
+                  class: ["fm-status-badge", Re("FAILED")]
+                },
+                "Rejected"
+              )
+            ) : D(
+              "div",
+              {
+                class: "flex"
+              },
+              D(
+                "div",
+                {
+                  class: ["fm-status-badge", Re("PROCESSING")]
+                },
+                "Updated"
+              )
+            ) : D(
+              "div",
+              {
+                class: "flex"
+              },
+              D(
+                "div",
+                {
+                  class: ["fm-status-badge", Re(M)]
+                },
+                Ie(M)
+              )
+            );
+          }
+        },
+        {
+          id: "updatedAt",
+          accessorFn: (f) => f.updatedAt,
+          header: () => o("inventory.closing.draft.table.lastUpdate"),
+          enableSorting: !0,
+          size: 200,
+          cell(f) {
+            var M;
+            const y = f.row.original;
+            return D("div", { class: "flex flex-col" }, [
+              D(
+                "div",
+                { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
+                ((M = y.updatedBy) == null ? void 0 : M.name) ?? ""
+              ),
+              D(
+                "div",
+                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                Fe(y.updatedAt)
+              )
+            ]);
+          }
+        },
+        {
+          id: "action",
+          cell(f) {
+            var G;
+            const y = f.row.original, M = ((G = e.sessionUser.value) == null ? void 0 : G.role.isAdmin) ?? !1, K = [
+              mo[He.Details],
+              mo[He.Export]
+            ], ue = [
+              {
+                translationKey: "inventory.closing.draft.approveDraft",
+                color: "text-fm-color-typo-primary",
+                value: pe.enum.approveDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.rejectDraft",
+                color: "text-fm-color-typo-error",
+                value: pe.enum.rejectDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.markAsFailed",
+                color: "text-fm-color-typo-error",
+                value: pe.enum.markAsFailed
+              }
+            ], B = M && y.status !== De.enum.DRAFT ? [
+              {
+                translationKey: "inventory.closing.draft.cloneDraft",
+                color: "text-fm-color-typo-primary",
+                value: He.Duplicate
+              }
+            ] : [];
+            return wn(
+              [
+                ...K,
+                ...y.status === De.enum.DRAFT ? ue : []
+              ],
+              (ge) => fe(ge, y),
+              B
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      drafts: l,
+      loading: s,
+      tableKey: r,
+      dateRange: T,
+      setDateRange: P,
+      detailToRow: w,
+      refreshDraftGroups: x,
+      fetchDraftsPage: Z,
+      transformDrafts: X,
+      refresh: z,
+      onLocationChanged: F,
+      loadDraft: R,
+      updateDraftRef: se
+    };
+  }
+);
+function na(t) {
+  const o = /* @__PURE__ */ new Map();
+  for (const e of t)
+    for (const n of e) {
+      const l = o.get(n.sku._id);
+      if (!l) {
+        o.set(n.sku._id, {
+          ...n,
+          baseAmount: { ...n.baseAmount },
+          measurementsAmounts: n.measurementsAmounts.map((r) => ({
+            ...r,
+            amount: { ...r.amount }
+          }))
+        });
+        continue;
+      }
+      l.baseAmount = tt(l.baseAmount, n.baseAmount);
+      for (const r of n.measurementsAmounts) {
+        const s = l.measurementsAmounts.findIndex(
+          (u) => u.measurement.id === r.measurement.id
+        );
+        s > -1 ? l.measurementsAmounts[s].amount = tt(
+          l.measurementsAmounts[s].amount,
+          r.amount
+        ) : l.measurementsAmounts.push({ ...r, amount: { ...r.amount } });
+      }
+    }
+  return [...o.values()];
+}
+const aa = { class: "fm-typo-en-heading-lg-600" }, sa = { class: "py-4" }, ra = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, la = { key: 0 }, ia = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full mb-4" }, ca = {
+  key: 0,
+  class: "text-fm-color-system-success-300"
+}, ua = {
+  key: 1,
+  class: "text-fm-color-system-error-300"
+}, da = { class: "fm-typo-en-body-md-400" }, ma = { class: "mt-4 flex gap-4" }, pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, fa = { key: 0 }, va = { class: "mt-4 flex gap-4" }, ga = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, ya = { key: 0 }, ba = {
+  key: 0,
+  class: "mb-4"
+}, ha = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full" }, _a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ka = {
+  key: 0,
+  class: "text-fm-color-system-success-300 mr-1"
+}, wa = {
+  key: 1,
+  class: "text-fm-color-system-error-300 mr-1"
+}, xa = { class: "fm-typo-en-body-md-400" }, Da = { class: "mt-4 flex gap-4" }, Aa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, $a = {
+  key: 0,
+  class: "flex gap-4"
+}, Ca = { class: "fm-typo-en-heading-lg-600" }, Sa = { class: "py-4 flex flex-col gap-4" }, Fa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ia = { class: "flex gap-4 justify-end" }, Xe = 1, Ye = 2, We = 3, Pe = 4, Ba = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftApprovalDialog",
+  props: {
+    show: { type: Boolean },
+    refreshing: { type: Boolean },
+    approving: { type: Boolean },
+    approvingAllGroups: { type: Boolean },
+    draft: {},
+    groups: {}
+  },
+  emits: ["update:show", "refresh", "approve", "approve-all-groups"],
+  setup(t, { emit: o }) {
+    const { FmStepper: e, FmStep: n, FmDialog: l, FmButton: r } = _e, { t: s } = Sn(), u = Nt(), c = t, b = o, g = W(!1);
+    function S() {
+      g.value = !0;
+    }
+    function J() {
+      g.value = !1, b("approve-all-groups", "Bulk approval");
+    }
+    const E = C(
+      () => {
+        var B, G;
+        return ((B = c.draft) == null ? void 0 : B.stockSnapshot) && ((G = c.draft) == null ? void 0 : G.stockSnapshot) !== void 0;
+      }
+    ), T = C(() => {
+      var ge, le, be;
+      const B = ((ge = c.draft) == null ? void 0 : ge.items.map((ye) => ({
+        id: ye.sku._id,
+        code: ye.sku.code,
+        name: ye.sku.name
+      }))) ?? [], G = ((be = (le = c.draft) == null ? void 0 : le.negativeStockItems) == null ? void 0 : be.map((ye) => ({
+        id: ye.sku._id,
+        code: ye.sku.code,
+        name: ye.sku.name
+      }))) ?? [];
+      return [...B, ...G].reduce(
+        (ye, Ue) => (ye[Ue.id] = Ue, ye),
+        {}
+      );
+    }), I = C(
+      () => {
+        var B, G, ge;
+        return (((ge = (G = (B = c.draft) == null ? void 0 : B.stockSnapshot) == null ? void 0 : G.filter((le) => le.balance.amount < 0)) == null ? void 0 : ge.map((le) => {
+          const be = u.skuById[le.id];
+          return be ? {
+            id: be._id,
+            code: be.code,
+            name: be.name
+          } : null;
+        })) ?? []).filter((le) => le !== null);
+      }
+    ), P = C(() => {
+      var B;
+      return E.value ? ((B = I.value) == null ? void 0 : B.filter((G) => !T.value[G.id]).map((G) => G.id)) ?? [] : [];
+    }), Z = C({
+      get: () => c.show,
+      set: (B) => b("update:show", B)
+    }), X = C(() => {
+      var B;
+      return (((B = c.groups) == null ? void 0 : B.length) ?? 0) > 0;
+    }), z = C(
+      () => {
+        var B;
+        return ((B = c.groups) == null ? void 0 : B.filter((G) => G.status !== De.enum.COMPLETED)) ?? [];
+      }
+    ), F = C(() => z.value.length === 0), R = C(
+      () => {
+        var B;
+        return ((B = c.groups) == null ? void 0 : B.some(
+          (G) => G.status === De.enum.DRAFT || G.status === De.enum.PENDING_APPROVAL
+        )) ?? !1;
+      }
+    ), k = W(Xe), x = () => k.value > Xe, w = () => k.value > Ye, se = () => k.value > We, _ = () => !1;
+    function $(B) {
+      return B === Xe ? !X.value : B === Ye ? E.value : B === We ? P.value.length == 0 : !1;
+    }
+    const L = C(() => !E.value || P.value.length > 0 || X.value && !F.value);
+    function j() {
+      let B = 1;
+      for (; B < Pe && $(B); ) B++;
+      return B;
+    }
+    const fe = C(() => k.value > j());
+    function oe(B) {
+      let G = B + 1;
+      for (; G <= Pe && $(G); ) G++;
+      return G > Pe ? Pe : G;
+    }
+    function N(B) {
+      let G = B - 1;
+      for (; G >= 1 && $(G); ) G--;
+      const ge = j();
+      return G < ge ? ge : G;
+    }
+    function f() {
+      return j();
+    }
+    Te(
+      () => c.show,
+      (B) => {
+        B && (k.value = f());
+      }
+    ), Te(
+      () => E.value,
+      (B) => {
+        B && k.value === Ye && (k.value = oe(Ye));
+      }
+    ), Te(
+      () => P.value.length,
+      (B) => {
+        B === 0 && k.value === We && (k.value = oe(We));
+      }
+    );
+    function y() {
+      b("refresh");
+    }
+    function M() {
+      k.value < Pe && (k.value = oe(k.value));
+    }
+    function K() {
+      k.value > 1 && (k.value = N(k.value));
+    }
+    function ue() {
+      b("approve");
+    }
+    return (B, G) => {
+      const ge = te("FmIcon");
+      return p(), A(re, null, [
+        h(d(l), {
+          modelValue: Z.value,
+          "onUpdate:modelValue": G[1] || (G[1] = (le) => Z.value = le),
+          "max-width": 600
+        }, {
+          "dialog-header": ee(() => [
+            a("div", aa, U(d(s)("inventory.closing.approval.title")), 1)
+          ]),
+          default: ee(() => [
+            a("div", sa, [
+              h(d(e), {
+                modelValue: k.value,
+                "onUpdate:modelValue": G[0] || (G[0] = (le) => k.value = le),
+                orientation: "vertical"
+              }, {
+                default: ee(() => [
+                  X.value ? (p(), ne(d(n), {
+                    key: 0,
+                    value: Xe,
+                    title: d(s)("inventory.closing.approval.step.groups.title"),
+                    complete: x
+                  }, {
+                    default: ee(() => [
+                      a("div", ra, U(F.value ? d(s)("inventory.closing.approval.step.groups.completedMessage") : d(s)("inventory.closing.approval.step.groups.pendingMessage")), 1),
+                      k.value === Xe ? (p(), A("div", la, [
+                        a("div", ia, [
+                          (p(!0), A(re, null, ke(B.groups ?? [], (le) => (p(), A("div", {
+                            key: le._id,
+                            class: "flex gap-8 items-center"
+                          }, [
+                            le.status === d(De).enum.COMPLETED ? (p(), A("span", ca, [
+                              h(ge, {
+                                name: "check_circle",
+                                size: "sm"
+                              })
+                            ])) : (p(), A("span", ua, [
+                              h(ge, {
+                                name: "error",
+                                size: "sm"
+                              })
+                            ])),
+                            a("div", da, U(d(Dt)(le)), 1)
+                          ]))), 128))
+                        ]),
+                        a("div", ma, [
+                          R.value ? (p(), ne(d(r), {
+                            key: 0,
+                            label: d(s)("inventory.closing.approval.step.groups.approveAll"),
+                            variant: "secondary",
+                            loading: B.approvingAllGroups,
+                            disabled: B.approvingAllGroups,
+                            "data-testid": "closing-draft-approve-all",
+                            onClick: S
+                          }, null, 8, ["label", "loading", "disabled"])) : H("", !0),
+                          h(d(r), {
+                            label: d(s)("inventory.common.continue"),
+                            disabled: !F.value,
+                            "data-testid": "closing-draft-approve-continue",
+                            onClick: M
+                          }, null, 8, ["label", "disabled"])
+                        ])
+                      ])) : H("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title"])) : H("", !0),
+                  h(d(n), {
+                    value: Ye,
+                    title: d(s)("inventory.closing.approval.step.generateReport.title"),
+                    disabled: () => X.value && !F.value,
+                    complete: w
+                  }, {
+                    default: ee(() => [
+                      a("div", pa, U(d(s)("inventory.closing.approval.step.generateReport.description")), 1),
+                      k.value === Ye ? (p(), A("div", fa, [
+                        h(d(r), {
+                          label: d(s)("inventory.stock.stock_balance.refreshBalance"),
+                          "prepend-icon": "refresh",
+                          variant: "secondary",
+                          loading: B.refreshing,
+                          disabled: B.refreshing,
+                          "data-testid": "closing-draft-refresh-balance",
+                          onClick: y
+                        }, null, 8, ["label", "loading", "disabled"]),
+                        a("div", va, [
+                          fe.value ? (p(), ne(d(r), {
+                            key: 0,
+                            label: d(s)("inventory.common.back"),
+                            variant: "secondary",
+                            onClick: K
+                          }, null, 8, ["label"])) : H("", !0),
+                          h(d(r), {
+                            label: d(s)("inventory.common.continue"),
+                            disabled: !E.value,
+                            "data-testid": "closing-draft-approve-continue",
+                            onClick: M
+                          }, null, 8, ["label", "disabled"])
+                        ])
+                      ])) : H("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title", "disabled"]),
+                  h(d(n), {
+                    value: We,
+                    title: d(s)("inventory.closing.approval.step.negativeItems.title"),
+                    disabled: () => !E.value,
+                    complete: se
+                  }, {
+                    default: ee(() => [
+                      a("div", ga, U(I.value.length > 0 ? `${d(s)("inventory.closing.approval.step.negativeItems.resolveMessage")} [${d(s)("inventory.closing.approval.step.negativeItems.itemsHeader")} (${P.value.length})]` : d(s)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
+                      k.value === We ? (p(), A("div", ya, [
+                        I.value.length > 0 ? (p(), A("div", ba, [
+                          G[4] || (G[4] = a("div", { class: "fm-typo-en-body-md-600 mb-2" }, null, -1)),
+                          a("div", ha, [
+                            (p(!0), A(re, null, ke(I.value, (le) => (p(), A("div", {
+                              key: le.id,
+                              class: "flex gap-8"
+                            }, [
+                              a("div", _a, [
+                                T.value[le.id] ? (p(), A("span", ka, [
+                                  h(ge, {
+                                    name: "check_circle",
+                                    size: "sm"
+                                  })
+                                ])) : (p(), A("span", wa, [
+                                  h(ge, {
+                                    name: "error",
+                                    size: "sm"
+                                  })
+                                ])),
+                                ve(" " + U(le.code), 1)
+                              ]),
+                              a("div", xa, U(le.name), 1)
+                            ]))), 128))
+                          ])
+                        ])) : H("", !0),
+                        a("div", Da, [
+                          fe.value ? (p(), ne(d(r), {
+                            key: 0,
+                            label: d(s)("inventory.common.back"),
+                            variant: "secondary",
+                            onClick: K
+                          }, null, 8, ["label"])) : H("", !0),
+                          h(d(r), {
+                            label: d(s)("inventory.common.continue"),
+                            disabled: L.value,
+                            "data-testid": "closing-draft-approve-continue",
+                            onClick: M
+                          }, null, 8, ["label", "disabled"])
+                        ])
+                      ])) : H("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title", "disabled"]),
+                  h(d(n), {
+                    value: Pe,
+                    title: d(s)("inventory.closing.approval.step.approval.title"),
+                    disabled: () => L.value,
+                    complete: _
+                  }, {
+                    default: ee(() => [
+                      a("div", Aa, U(d(s)("inventory.closing.approval.step.approval.warning")), 1),
+                      k.value === Pe ? (p(), A("div", $a, [
+                        fe.value ? (p(), ne(d(r), {
+                          key: 0,
+                          label: d(s)("inventory.common.back"),
+                          variant: "secondary",
+                          onClick: K
+                        }, null, 8, ["label"])) : H("", !0),
+                        h(d(r), {
+                          label: d(s)("inventory.common.approve"),
+                          variant: "destructive",
+                          disabled: L.value,
+                          loading: B.approving,
+                          "data-testid": "closing-draft-approve-confirm",
+                          onClick: ue
+                        }, null, 8, ["label", "disabled", "loading"])
+                      ])) : H("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["title", "disabled"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        h(d(l), {
+          modelValue: g.value,
+          "onUpdate:modelValue": G[3] || (G[3] = (le) => g.value = le),
+          "max-width": 480
+        }, {
+          "dialog-header": ee(() => [
+            a("div", Ca, U(d(s)("inventory.closing.approval.step.groups.approveAllConfirm.title")), 1)
+          ]),
+          default: ee(() => [
+            a("div", Sa, [
+              a("div", Fa, U(d(s)("inventory.closing.approval.step.groups.approveAllConfirm.warning")), 1),
+              a("div", Ia, [
+                h(d(r), {
+                  label: d(s)("inventory.common.cancel"),
+                  variant: "secondary",
+                  onClick: G[2] || (G[2] = (le) => g.value = !1)
+                }, null, 8, ["label"]),
+                h(d(r), {
+                  label: d(s)("inventory.closing.approval.step.groups.approveAllConfirm.confirm"),
+                  variant: "destructive",
+                  "data-testid": "closing-draft-approve-all-confirm",
+                  onClick: J
+                }, null, 8, ["label"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+function Ta(t) {
+  const o = Ee(), e = In(), n = Me(), { t: l } = ot(), r = W(!1), s = W(null);
+  let u = !1, c = null, b = !1, g = !1;
+  function S() {
+    P();
+    const z = t.closingDraftId.value, F = t.currentRev.value;
+    if (!z || !F)
+      return;
+    u = !1;
+    const R = {
+      type: "closing-draft",
+      params: {
+        draftId: z,
+        locationId: o.getDbName(),
+        closingDraftRevision: F
+      }
+    }, { unsubscribe: k, initialState: x } = e.subscribe(R, E);
+    c = k, x.then((w) => {
+      w != null && w.initialState && E(w.initialState);
+    }).catch((w) => {
+      console.error("Failed to fetch initial state", w);
+    });
+  }
+  function J() {
+    g = !0, S();
+  }
+  async function E(z) {
+    var R;
+    if (u || !z) {
+      s.value = z, r.value = !1;
+      return;
+    }
+    if (z.closingDraftId && z.closingDraftId !== t.closingDraftId.value)
+      return;
+    if (s.value = z, z.message === "processing" || !z.completedAt && !z.message) {
+      b = !0, r.value = !0;
+      return;
+    }
+    if (z.message === "completed" || z.completedAt) {
+      if (!b) {
+        r.value = !1;
+        return;
+      }
+      b = !1, await T();
+      return;
+    }
+    const F = b;
+    b = !1, r.value = !1, F && (console.log("Closing draft balance refresh error:", z), n.open({
+      title: l("inventory.common.refreshFailed"),
+      message: l("inventory.stock.stock_balance.refreshBalanceError"),
+      type: "error"
+    }), (R = t.onError) == null || R.call(t, z.message ?? "Unknown error"));
+  }
+  async function T() {
+    const z = t.closingDraftId.value;
+    if (!z) {
+      r.value = !1;
+      return;
+    }
+    try {
+      const F = await o.getDraft(z);
+      r.value = !1, t.onCompleted(F), n.open({
+        title: "Balance refreshed",
+        message: "Stock balance has been recalculated.",
+        type: "success"
+      });
+    } catch {
+      r.value = !1, n.open({
+        title: "Refresh completed",
+        message: "Balance was refreshed but failed to load updated data. Please reload.",
+        type: "warning"
+      });
+    }
+  }
+  async function I(z) {
+    if (!(!t.closingDraftId.value || r.value || b)) {
+      r.value = !0, b = !0, s.value = {
+        requestId: "",
+        closingDraftId: t.closingDraftId.value,
+        closingDraftRevision: t.currentRev.value ?? "",
+        message: "processing",
+        startedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      try {
+        await o.initializeStockSnapshot(t.closingDraftId.value, z);
+      } catch (F) {
+        b = !1, r.value = !1, n.open({
+          title: l("inventory.common.refreshFailed"),
+          message: l("inventory.stock.stock_balance.refreshBalanceError"),
+          type: "error"
+        }), console.error("error starting refresh", F);
+      }
+    }
+  }
+  function P() {
+    u = !1, c && (c(), c = null);
+  }
+  function Z() {
+    P(), u = !0, r.value = !1, b = !1, s.value = null;
+  }
+  function X() {
+    g = !1, Z();
+  }
+  return Te(
+    [t.closingDraftId, t.currentRev],
+    ([z, F], [R, k]) => {
+      g && (z === R && F === k || S());
+    }
+  ), en(() => {
+    X();
+  }), {
+    refreshing: r,
+    refreshStatus: s,
+    startListening: J,
+    startRefresh: I,
+    cleanup: X
+  };
+}
+function ja(t) {
+  const o = Et(t);
+  return o === "REJECTED" ? { label: "Rejected", className: Re("FAILED") } : o === "UPDATED" ? { label: "Updated", className: Re("PROCESSING") } : { label: Ie(o), className: Re(o) };
+}
+const Ra = { class: "flex items-start justify-between gap-8" }, Ma = { class: "flex items-center gap-8 min-w-0" }, Ua = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary truncate" }, Na = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Pa = { class: "fm-typo-en-body-md-600" }, Va = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Ea = /* @__PURE__ */ Ae({
+  __name: "ClosingGroupCard",
+  props: {
+    group: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, l = C(() => ja(e.group)), r = C(
+      () => `RM ${e.group.totalAmount.toLocaleString("en-MY", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      })}`
+    ), s = C(() => {
+      const u = e.group.updatedBy ?? "—", c = e.group.updatedAt ? Fe(e.group.updatedAt) : "—";
+      return `Last updated by ${u} · ${c}`;
+    });
+    return (u, c) => (p(), A("div", {
+      class: "flex flex-col gap-8 rounded-lg border border-fm-color-neutral-gray-200 bg-white p-16 cursor-pointer hover:border-fm-color-primary",
+      onClick: c[0] || (c[0] = tn((b) => n("select", u.group.id), ["stop"]))
+    }, [
+      a("div", Ra, [
+        a("div", Ma, [
+          u.group.color ? (p(), A("span", {
+            key: 0,
+            class: "w-8 h-8 rounded-full shrink-0",
+            style: bt({ backgroundColor: u.group.color })
+          }, null, 4)) : H("", !0),
+          a("span", Ua, U(u.group.name), 1)
+        ]),
+        a("div", {
+          class: we(["fm-status-badge shrink-0", l.value.className])
+        }, U(l.value.label), 3)
+      ]),
+      a("div", Na, [
+        a("span", Pa, U(u.group.itemCount), 1),
+        ve(" items · " + U(r.value), 1)
+      ]),
+      c[1] || (c[1] = a("div", { class: "border-t border-dashed border-fm-color-neutral-gray-200" }, null, -1)),
+      a("div", Va, U(s.value), 1)
+    ]));
+  }
+}), La = {
+  key: 0,
+  class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-16"
+}, Oa = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ga = /* @__PURE__ */ Ae({
+  __name: "ClosingGroupGrid",
+  props: {
+    groups: {}
+  },
+  emits: ["select"],
+  setup(t, { emit: o }) {
+    const e = o;
+    return (n, l) => n.groups.length ? (p(), A("div", La, [
+      (p(!0), A(re, null, ke(n.groups, (r) => (p(), ne(Ea, {
+        key: r.id,
+        group: r,
+        onSelect: l[0] || (l[0] = (s) => e("select", s))
+      }, null, 8, ["group"]))), 128))
+    ])) : (p(), A("div", Oa, "No closing groups"));
+  }
+});
+function $o(t, o) {
+  const e = t.sku, n = [], l = Number(ae.toFormatString({ value: t.baseAmount }));
+  l && n.push({
+    label: "Base",
+    amount: l,
+    abbrev: e.unit.abbrev,
+    subtotal: l,
+    inactive: !1,
+    orphan: !1,
+    counted: !0
+  });
+  const r = new Map(
+    t.measurementsAmounts.map((c) => [c.measurement.id, c.amount])
+  ), s = new Set(e.unit.measurements.map((c) => c.id)), u = (c, b, g, S, J) => {
+    const E = Number(ae.toFormatString({ value: g }));
+    if (!E) return;
+    const T = ae.toFormatString({ value: b }), I = Number(
+      ae.toFormatString({
+        value: kt(g, b)
+      })
+    );
+    n.push({
+      label: J ? `${E} ${c}` : `${E} ${c} × ${T} ${e.unit.abbrev}`,
+      amount: E,
+      abbrev: c,
+      subtotal: I,
+      inactive: S,
+      orphan: J,
+      counted: !J
+    });
+  };
+  for (const c of e.unit.measurements) {
+    const b = r.get(c.id);
+    b && u(c.abbrev, c.conversion, b, Pt(c, o), !1);
+  }
+  for (const c of t.measurementsAmounts)
+    s.has(c.measurement.id) || u(c.measurement.abbrev, c.measurement.conversion, c.amount, !1, !0);
+  return n;
+}
+const gt = (t) => de(t, { minPrecision: 0, maxPrecision: 3 });
+function za(t, o) {
+  return o ? "text-fm-color-system-error-300" : t ? "text-purple-500" : "";
+}
+function Ha(t, o) {
+  return o ? D(_e.FmIcon, { name: "warning", size: "sm", color: "system-error-300" }) : t ? D(_e.FmIcon, { name: "rule", size: "sm" }) : null;
+}
+function Co(t, o, e) {
+  return D(
+    "div",
+    {
+      class: "p-12 flex flex-col gap-4 fm-typo-en-body-md-400 min-w-[280px] max-w-[420px]"
+    },
+    [
+      D("div", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary mb-4" }, "Breakdown"),
+      ...t.map(
+        (n) => D("div", { class: "flex justify-between gap-12" }, [
+          D(
+            "div",
+            { class: ["flex items-center gap-4", za(n.inactive, n.orphan)] },
+            [Ha(n.inactive, n.orphan), D("span", n.label)]
+          ),
+          D(
+            "div",
+            { class: n.counted ? "" : "line-through text-fm-color-typo-tertiary" },
+            n.orphan ? `${gt(n.amount)} ${n.abbrev} (no valid conversion)` : n.counted ? `${gt(n.subtotal)} ${e}` : `${gt(n.subtotal)} ${e} (ignored)`
+          )
+        ])
+      ),
+      D("hr", { class: "border-fm-color-typo-secondary my-4" }),
+      D("div", { class: "flex justify-between fm-typo-en-body-lg-600" }, [
+        D("span", "Total"),
+        D("span", `${gt(o)} ${e}`)
+      ])
+    ]
+  );
+}
+function Lt(t, o) {
+  const e = t.sku, n = Number(ae.toFormatString({ value: t.baseAmount })), l = new Map(
+    t.measurementsAmounts.map((c) => [c.measurement.id, c.amount])
+  ), r = new Set(e.unit.measurements.map((c) => c.id)), s = [], u = (c, b, g, S, J) => {
+    const E = Number(ae.toFormatString({ value: g })), T = ae.toFormatString({ value: b });
+    s.push({
+      abbrev: `(${c}) × ${T}`,
+      amount: E,
+      variant: J ? "orphan" : S ? "inactive" : "normal"
+    });
+  };
+  for (const c of e.unit.measurements) {
+    const b = l.get(c.id);
+    b && u(c.abbrev, c.conversion, b, Pt(c, o), !1);
+  }
+  for (const c of t.measurementsAmounts)
+    r.has(c.measurement.id) || u(c.measurement.abbrev, c.measurement.conversion, c.amount, !1, !0);
+  return { baseUnitAmount: n, measurements: s };
+}
+function po(t, o, e) {
+  const n = t.sku, { baseUnitAmount: l, measurements: r } = Lt(t, e);
+  return {
+    id: n._id,
+    code: n.code,
+    name: n.name,
+    baseUnit: n.unit.abbrev,
+    baseUnitAmount: l,
+    isTemplateItem: o,
+    measurements: r,
+    physicalBalance: Number(ae.toFormatString({ value: xt(t) })),
+    breakdown: $o(t, e)
+  };
+}
+function Ya(t, o) {
+  const e = [
+    ...t.items.map((n) => po(n, !0, o)),
+    ...(t.negativeStockItems ?? []).map((n) => po(n, !1, o))
+  ];
+  return e.sort((n, l) => n.code.localeCompare(l.code)), e;
+}
+function Ot(t, o, e) {
+  const n = (s, u, c = "normal") => D(
+    _e.FmTooltip,
+    { zIndex: 50 },
+    {
+      default() {
+        return D(
+          "div",
+          {
+            class: [
+              "fm-typo-en-body-lg-400 py-4 px-8 fm-corner-radius-md line-clamp-1 border-1",
+              c === "orphan" ? "border-fm-color-system-error-300" : c === "inactive" ? "border-purple-500" : "border-fm-color-typo-secondary"
+            ]
+          },
+          [
+            D("span", { class: "text-fm-color-typo-primary" }, `${s} `),
+            D(
+              "span",
+              { class: "text-fm-color-typo-secondary", style: { maxWidth: "80px" } },
+              u
+            )
+          ]
+        );
+      },
+      content() {
+        return c === "orphan" ? `${s} ${u} (invalid UOM — not on SKU)` : c === "inactive" ? `${s} ${u} (NetSuite-inactive UOM)` : `${s} ${u}`;
+      }
+    }
+  ), l = e.filter((s) => !!s.amount).map((s) => n(s.amount, s.abbrev, s.variant)), r = t || !l.length ? [n(t, o), ...l] : l;
+  return D(
+    "div",
+    { class: "flex gap-8 flex-nowrap", style: { minWidth: `${120 * r.length}px` } },
+    r
+  );
+}
+function Wa(t, o, e) {
+  const n = [];
+  for (const l of o) {
+    const r = l.items.find((b) => b.sku._id === t);
+    if (!r) continue;
+    const { baseUnitAmount: s, measurements: u } = Lt(r, e);
+    (s !== 0 || u.some((b) => b.amount !== 0)) && n.push({ label: l.label, isSub: l.isSub, baseUnitAmount: s, measurements: u });
+  }
+  return n;
+}
+function Ka(t, o) {
+  return D(
+    "div",
+    { class: "flex flex-col gap-8" },
+    t.map(
+      (e) => D("div", { class: "flex flex-col gap-4" }, [
+        D(
+          "div",
+          { class: "fm-typo-en-body-sm-600 text-fm-color-typo-tertiary uppercase" },
+          e.label
+        ),
+        Ot(e.baseUnitAmount, o, e.measurements)
+      ])
+    )
+  );
+}
+const qa = "N/A";
+function So(t, o) {
+  var n, l;
+  const e = t.approvedAt ? {
+    action: `Approve at ${Fe(t.approvedAt)}`,
+    actionBy: t.approvedBy,
+    remark: t.approveRemark
+  } : (n = t.rejectionHistory) == null ? void 0 : n.computeFirst((r) => ({
+    action: `Reject at ${Fe(r.rejectedAt)}`,
+    actionBy: r.rejectedBy,
+    remark: r.rejectRemark
+  }));
+  return [
+    o.idDisplay ? { label: "ID", value: o.idDisplay } : null,
+    {
+      label: "Location",
+      value: o.locationName ?? qa
+    },
+    {
+      label: "Created at",
+      value: Fe(t.createdAt)
+    },
+    {
+      label: "Created by",
+      value: t.createdBy.name
+    },
+    {
+      label: "Updated at",
+      value: Fe(t.updatedAt)
+    },
+    {
+      label: "Updated by",
+      value: t.updatedBy.name
+    },
+    {
+      label: "Effective at",
+      value: Fe(t.effectiveAt ?? Ve(t._id))
+    },
+    {
+      label: "Using template",
+      value: ((l = t.usingTemplates.find((r) => r)) == null ? void 0 : l.name) ?? "None"
+    },
+    t.remark ? { label: "Remark", value: t.remark } : null,
+    e ? { label: "Last action", value: e.action } : null,
+    e && e.actionBy ? { label: "Last action by", value: e.actionBy.name } : null,
+    e && e.remark ? { label: "Action remark", value: e.remark } : null
+  ].filter((r) => !!r);
+}
+const Qa = { class: "fm-typo-en-body-lg-400" }, Ja = { class: "fm-typo-en-body-lg-600" }, Za = { class: "flex gap-12 py-8 justify-end w-full" }, Xa = /* @__PURE__ */ Ae({
+  __name: "ClosingGroupAction",
+  props: {
+    group: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const o = t, e = Ee(), n = Me(), l = W(), r = W(!1), s = C(
+      () => ({ approve: "Approve", reject: "Reject", submit: "Submit for approval" })[o.action]
+    ), u = C(
+      () => ({ approve: "Approve", reject: "Reject", submit: "Submit" })[o.action]
+    ), c = C(() => o.action === "reject" ? "destructive" : "primary");
+    async function b() {
+      r.value = !0;
+      try {
+        o.action === "approve" ? await e.approveClosingGroup(o.group._id, l.value).delayed(500) : o.action === "submit" ? await e.submitClosingGroup(o.group._id, l.value).delayed(500) : await e.rejectClosingGroup(o.group._id, l.value).delayed(500), n.open({ title: "Success", message: "Action submitted", type: "success" }), o.onFinished();
+      } catch (g) {
+        n.open({
+          title: "Something went wrong",
+          message: (g == null ? void 0 : g.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing group action", g);
+      } finally {
+        r.value = !1;
+      }
+    }
+    return (g, S) => {
+      const J = te("FmTextField"), E = te("FmButton"), T = te("FmForm");
+      return p(), ne(T, {
+        onValidationSuccess: b,
+        class: "flex flex-col gap-32",
+        disabled: r.value
+      }, {
+        default: ee(() => [
+          a("div", Qa, [
+            S[2] || (S[2] = ve(" You are about to ")),
+            a("span", Ja, U(u.value), 1),
+            S[3] || (S[3] = ve(" this group. Please provide a remark to justify this action. "))
+          ]),
+          h(J, {
+            modelValue: l.value,
+            "onUpdate:modelValue": S[0] || (S[0] = (I) => l.value = I),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [d(_o)()]
+          }, null, 8, ["modelValue", "rules"]),
+          a("div", Za, [
+            h(E, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: S[1] || (S[1] = (I) => g.onCancel())
+            }),
+            h(E, {
+              label: s.value,
+              type: "submit",
+              variant: c.value,
+              loading: r.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), es = { class: "w-full flex flex-col gap-32" }, ts = { class: "fm-typo-en-title-md-600" }, os = { class: "text-fm-color-typo-secondary" }, ns = { class: "text-fm-color-primary" }, as = { class: "flex justify-between" }, ss = { class: "flex" }, rs = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, ls = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, is = { class: "flex gap-1" }, cs = {
+  class: "fm-typo-en-body-lg-600",
+  style: { "white-space": "pre-wrap", "word-break": "break-word" }
+}, us = { class: "fm-typo-en-body-lg-600" }, ds = { class: "flex gap-8" }, ms = { class: "overflow-x-auto" }, ps = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, fs = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, vs = ["src"], gs = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, ys = { class: "flex gap-12 content-stretch" }, bs = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, hs = { class: "flex-1 flex flex-col items-center" }, _s = { class: "flex-1 flex flex-col items-center" }, ks = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, ws = { class: "fm-typo-en-body-lg-400" }, xs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ds = { class: "flex gap-12 content-stretch" }, As = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, $s = { class: "flex-1 flex flex-col items-center" }, Cs = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Ss = { class: "flex flex-col gap-8" }, Fs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Is = { class: "flex flex-col gap-4" }, Bs = { class: "flex items-center gap-8 w-full" }, Ts = /* @__PURE__ */ Ae({
+  __name: "ClosingGroupDetailSideSheet",
+  props: {
+    show: { type: Boolean },
+    group: {},
+    parentName: {}
+  },
+  emits: ["update:show", "updated"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, l = Ut(e, "show"), r = Vt(), s = qe(), u = go(), c = C(() => {
+      var x, w, se;
+      return ((se = (w = (x = e.group) == null ? void 0 : x.usingTemplates) == null ? void 0 : w.find((_) => _)) == null ? void 0 : se.name) ?? "Group";
+    }), b = C(() => {
+      var x;
+      return ((x = e.group) == null ? void 0 : x.status) === De.enum.DRAFT;
+    }), g = C(
+      () => {
+        var x;
+        return b.value || ((x = e.group) == null ? void 0 : x.status) === De.enum.PENDING_APPROVAL;
+      }
+    );
+    function S(x) {
+      e.group && u.open({
+        title: { approve: "Approve group", reject: "Reject group", submit: "Submit group for approval" }[x],
+        contentComponent: Xa,
+        contentComponentProps: {
+          group: e.group,
+          action: x,
+          onFinished: () => {
+            u.close(), n("updated"), l.value = !1;
+          },
+          onCancel: () => u.close()
+        }
+      });
+    }
+    const J = C(() => {
+      var x;
+      return e.group ? So(e.group, {
+        locationName: (x = s._currentLocation) == null ? void 0 : x.name
+      }) : [];
+    }), E = [
+      { label: "Overview", value: "overview" },
+      { label: "Action history", value: "history" }
+    ], T = W(E[0]), I = W(""), P = W({ templateItem: !0, nonTemplateItem: !0 }), Z = W(null);
+    function X(x, w) {
+      Z.value = w ? x : Z.value === x ? null : Z.value;
+    }
+    Te(
+      () => e.show,
+      (x) => {
+        x && (T.value = E[0], I.value = "", P.value = { templateItem: !0, nonTemplateItem: !0 }, Z.value = null);
+      }
+    );
+    const z = C(
+      () => e.group ? Ya(e.group, r.value) : []
+    ), F = C(
+      () => z.value.filter((x) => !!(x.isTemplateItem && P.value.templateItem || !x.isTemplateItem && P.value.nonTemplateItem))
+    ), R = C(() => [
+      {
+        id: "sku",
+        accessorFn: (x) => `${x.code} ${x.name}`,
+        header: () => "Name",
+        size: 350,
+        cell(x) {
+          const w = x.row.original;
+          return D("div", { class: "flex flex-col gap-4" }, [
+            D(
+              "div",
+              { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+              w.name
+            ),
+            D(
+              "div",
+              { class: "line-clamp-1 fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
+              w.code
+            )
+          ]);
+        }
+      },
+      {
+        id: "uom",
+        accessorFn: (x) => x.baseUnit,
+        header: () => "UOM (base)",
+        size: 120
+      },
+      {
+        id: "physicalBalance",
+        accessorKey: "physicalBalance",
+        header: () => D(
+          _e.FmTooltip,
+          { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+          {
+            default: () => "Stock Take balance",
+            content: () => "The physical balance recorded during stock take."
+          }
+        ),
+        size: 180,
+        cell(x) {
+          const w = x.row.original, se = D(
+            "div",
+            { class: "text-right fm-typo-en-body-lg-400" },
+            de(w.physicalBalance)
+          );
+          return w.breakdown.length ? D(
+            _e.FmPopover,
+            {
+              showPopover: Z.value === w.id,
+              placement: "bottom-end",
+              zIndex: 9999,
+              "onPopover-changed": (_) => X(w.id, _)
+            },
+            {
+              "popover-button": () => D(
+                "button",
+                {
+                  type: "button",
+                  class: "flex items-center gap-4 ml-auto text-fm-color-typo-secondary hover:text-fm-color-typo-primary"
+                },
+                [se, D(_e.FmIcon, { name: "info", size: "sm", outline: !0 })]
+              ),
+              default: () => Co(w.breakdown, w.physicalBalance, w.baseUnit)
+            }
+          ) : se;
+        },
+        meta: { textAlign: "right" }
+      },
+      {
+        id: "amounts",
+        header: () => "Amounts",
+        enableSorting: !1,
+        cell(x) {
+          const w = x.row.original;
+          return Ot(w.baseUnitAmount, w.baseUnit, w.measurements);
+        }
+      }
+    ]), k = C(() => {
+      const x = e.group;
+      if (!x) return [];
+      const w = [...x.activityLogs ?? []], se = x.rejectionHistory ?? [];
+      for (const _ of se)
+        w.find(
+          (L) => `${L.action}_${L.performedAt}` == `${pe.enum.rejectDraft}_${_.rejectedAt}`
+        ) || w.push({
+          action: pe.enum.rejectDraft,
+          performedAt: _.rejectedAt,
+          performedBy: _.rejectedBy,
+          remark: _.rejectRemark
+        });
+      return x.approvedAt && (w.find(
+        ($) => `${$.action}_${$.performedAt}` == `${pe.enum.approveDraft}_${x.approvedAt}`
+      ) || w.push({
+        action: pe.enum.approveDraft,
+        performedAt: x.approvedAt,
+        performedBy: x.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: x.approveRemark
+      })), w.sort((_, $) => new Date($.performedAt).getTime() - new Date(_.performedAt).getTime()).map((_) => ({
+        header: Ie(_.action),
+        date: Fe(_.performedAt),
+        info: [
+          { label: "Performed by", values: [_.performedBy.name] },
+          { label: "Remark", values: [_.remark ?? ""] }
+        ]
+      }));
+    });
+    return (x, w) => {
+      const se = te("FmButtonGroup"), _ = te("FmMenuDivider"), $ = te("FmCard"), L = te("FmChip"), j = te("FmTextField"), fe = te("FmTable"), oe = te("FmSpacer"), N = te("FmButton"), f = te("FmSideSheet");
+      return p(), ne(f, {
+        "dismiss-away": "",
+        "max-width": 9999,
+        "model-value": d(l),
+        "onUpdate:modelValue": w[8] || (w[8] = (y) => _t(l) ? l.value = y : null),
+        header: "Group details"
+      }, {
+        "side-sheet-footer": ee(() => [
+          a("div", Bs, [
+            b.value ? (p(), ne(N, {
+              key: 0,
+              label: "Submit for approval",
+              variant: "secondary",
+              onClick: w[4] || (w[4] = (y) => S("submit"))
+            })) : H("", !0),
+            g.value ? (p(), ne(N, {
+              key: 1,
+              label: "Approve",
+              onClick: w[5] || (w[5] = (y) => S("approve"))
+            })) : H("", !0),
+            g.value ? (p(), ne(N, {
+              key: 2,
+              label: "Reject",
+              variant: "destructive",
+              onClick: w[6] || (w[6] = (y) => S("reject"))
+            })) : H("", !0),
+            h(N, {
+              label: "Close",
+              variant: "tertiary",
+              onClick: w[7] || (w[7] = (y) => l.value = !1)
+            })
+          ])
+        ]),
+        default: ee(() => [
+          a("div", es, [
+            a("div", ts, [
+              x.parentName ? (p(), A(re, { key: 0 }, [
+                a("span", os, U(x.parentName), 1),
+                w[9] || (w[9] = ve(" · "))
+              ], 64)) : H("", !0),
+              w[10] || (w[10] = ve(" Group · ")),
+              a("span", ns, U(c.value), 1)
+            ]),
+            a("div", null, [
+              h(se, {
+                items: E,
+                modelValue: T.value,
+                "onUpdate:modelValue": w[0] || (w[0] = (y) => T.value = y)
+              }, null, 8, ["modelValue"])
+            ]),
+            T.value.value === "overview" ? (p(), A(re, { key: 0 }, [
+              h($, {
+                variant: "outlined",
+                class: "flex flex-col gap-8 px-12 py-16"
+              }, {
+                default: ee(() => {
+                  var y, M;
+                  return [
+                    a("div", as, [
+                      w[11] || (w[11] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                      a("div", ss, [
+                        a("div", {
+                          class: we(["fm-status-badge", d(Re)(((y = x.group) == null ? void 0 : y.status) ?? "DRAFT")])
+                        }, U(d(Ie)(((M = x.group) == null ? void 0 : M.status) ?? "")), 3)
+                      ])
+                    ]),
+                    h(_),
+                    a("div", rs, [
+                      (p(!0), A(re, null, ke(J.value, (K, ue) => (p(), A("div", {
+                        class: "flex flex-col gap-4",
+                        key: ue
+                      }, [
+                        a("div", ls, [
+                          a("div", is, U(K.label), 1)
+                        ]),
+                        a("div", cs, U(K.value), 1)
+                      ]))), 128))
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              h($, {
+                variant: "outlined",
+                class: "flex flex-col gap-16 px-12 py-16"
+              }, {
+                default: ee(() => [
+                  a("div", us, U(c.value) + " items", 1),
+                  a("div", ds, [
+                    h(L, {
+                      label: "Template Item(s)",
+                      selected: P.value.templateItem,
+                      onClick: w[1] || (w[1] = (y) => P.value.templateItem = !P.value.templateItem)
+                    }, null, 8, ["selected"]),
+                    h(L, {
+                      label: "Non-template Item(s)",
+                      selected: P.value.nonTemplateItem,
+                      onClick: w[2] || (w[2] = (y) => P.value.nonTemplateItem = !P.value.nonTemplateItem)
+                    }, null, 8, ["selected"])
+                  ]),
+                  h(j, {
+                    modelValue: I.value,
+                    "onUpdate:modelValue": w[3] || (w[3] = (y) => I.value = y),
+                    placeholder: "Filter items"
+                  }, null, 8, ["modelValue"]),
+                  a("div", ms, [
+                    h(fe, {
+                      "column-defs": R.value,
+                      "row-data": F.value,
+                      "search-value": I.value,
+                      "page-size": 10
+                    }, null, 8, ["column-defs", "row-data", "search-value"])
+                  ])
+                ]),
+                _: 1
+              })
+            ], 64)) : H("", !0),
+            T.value.value === "history" ? (p(), A("div", ps, [
+              k.value.length ? (p(), A("div", gs, [
+                (p(!0), A(re, null, ke(k.value, (y, M) => (p(), A(re, { key: M }, [
+                  a("div", ys, [
+                    a("div", bs, [
+                      a("div", hs, [
+                        a("div", {
+                          class: we([
+                            { "bg-fm-color-primary": M !== 0, "bg-white": M === 0 },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ]),
+                      w[14] || (w[14] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                      a("div", _s, [
+                        a("div", {
+                          class: we([
+                            {
+                              "bg-fm-color-primary": M < k.value.length - 1,
+                              "bg-white": M >= k.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    a("div", ks, [
+                      a("div", ws, U(y.header), 1),
+                      a("div", xs, U(y.date), 1)
+                    ])
+                  ]),
+                  a("div", Ds, [
+                    a("div", As, [
+                      a("div", $s, [
+                        a("div", {
+                          class: we([
+                            {
+                              "bg-fm-color-primary": M < k.value.length - 1,
+                              "bg-white": M >= k.value.length - 1
+                            },
+                            "w-[2px] h-full"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    a("div", Cs, [
+                      h($, {
+                        variant: "outlined",
+                        class: "py-12 px-16"
+                      }, {
+                        default: ee(() => [
+                          a("div", Ss, [
+                            (p(!0), A(re, null, ke(y.info, (K, ue) => (p(), A("div", {
+                              key: ue,
+                              class: "flex flex-col gap-4"
+                            }, [
+                              a("div", Fs, U(K.label), 1),
+                              a("div", Is, [
+                                (p(!0), A(re, null, ke(K.values, (B, G) => (p(), A("div", {
+                                  key: G,
+                                  class: "fm-typo-en-body-lg-600"
+                                }, U(B), 1))), 128))
+                              ])
+                            ]))), 128))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ], 64))), 128))
+              ])) : (p(), A("div", fs, [
+                h(oe),
+                a("div", null, [
+                  a("img", {
+                    src: d(Do),
+                    alt: "List is empty"
+                  }, null, 8, vs)
+                ]),
+                w[12] || (w[12] = a("div", { class: "fm-typo-en-body-lg-600" }, "No records found", -1)),
+                w[13] || (w[13] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, " You can track approval and rejection history here ", -1)),
+                h(oe),
+                h(oe)
+              ]))
+            ])) : H("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+});
+function js(t) {
+  return dn.isDraftItemAmendBlocked(t).blocked;
+}
+function Rs(t, o, e) {
+  const n = C(() => {
+    if (e && !e.value) return [];
+    const r = [], s = /* @__PURE__ */ new Set();
+    for (const u of t.value) {
+      const c = u.sku._id;
+      if (!s.has(c))
+        try {
+          if (!js({
+            item: u,
+            master: o.value[c] ?? null
+          })) continue;
+          s.add(c), r.push({ id: c, name: u.sku.name, code: u.sku.code });
+        } catch (b) {
+          console.error("Failed to compute outdated closing draft item", b);
+        }
+    }
+    return r;
+  });
+  return { blockedSkuIds: C(() => new Set(n.value.map((r) => r.id))), blockedItems: n };
+}
+const Ms = { class: "flex items-center gap-4 justify-start w-full" }, Us = { class: "flex flex-col gap-4" }, Ns = { class: "flex items-center gap-4 min-w-0" }, Ps = {
+  key: 0,
+  class: "flex items-center gap-4 w-fit px-8 py-2 fm-corner-radius-md bg-orange-50 text-fm-color-primary fm-typo-en-body-md-600"
+}, Vs = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftSkuCell",
+  props: {
+    code: {},
+    name: {},
+    hasError: { type: Boolean },
+    isOutdated: { type: Boolean },
+    subSources: {}
+  },
+  setup(t) {
+    const { FmTooltip: o, FmPill: e, FmIcon: n } = _e, l = t, r = C(
+      () => l.hasError ? "Adjustment difference is more than 10%." : `${l.code} - ${l.name}`
+    );
+    return (s, u) => (p(), ne(d(o), { "z-index": 51 }, {
+      content: ee(() => [
+        ve(U(r.value), 1)
+      ]),
+      default: ee(() => [
+        a("div", Ms, [
+          a("div", Us, [
+            a("div", Ns, [
+              a("span", {
+                class: we([
+                  "line-clamp-1 fm-typo-en-body-lg-400",
+                  s.hasError ? "text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                ])
+              }, U(s.name), 3),
+              s.isOutdated ? (p(), ne(d(e), {
+                key: 0,
+                variant: "beta",
+                label: "Outdated"
+              })) : H("", !0)
+            ]),
+            a("div", {
+              class: we([
+                "line-clamp-1 fm-typo-en-body-md-400",
+                s.hasError ? "text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+              ])
+            }, U(s.code), 3),
+            s.subSources.length >= 2 ? (p(), A("div", Ps, [
+              h(d(n), {
+                name: "refresh",
+                size: "sm"
+              }),
+              a("span", null, "Counted in " + U(s.subSources.length) + " subs: " + U(s.subSources.join(", ")), 1)
+            ])) : H("", !0)
+          ])
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), Es = { class: "py-4 flex flex-col gap-8" }, Ls = { class: "flex flex-col gap-4 max-h-[180px] overflow-y-auto" }, Os = { class: "flex gap-4 justify-end" }, Gs = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftOutdatedApproveWarning",
+  props: {
+    show: { type: Boolean },
+    items: {}
+  },
+  emits: ["update:show", "continue"],
+  setup(t, { emit: o }) {
+    const { FmDialog: e, FmButton: n } = _e, l = o;
+    function r() {
+      l("update:show", !1);
+    }
+    function s() {
+      l("continue");
+    }
+    function u(c) {
+      l("update:show", c);
+    }
+    return (c, b) => (p(), ne(d(e), {
+      "model-value": c.show,
+      "max-width": 520,
+      "z-index": 60,
+      "onUpdate:modelValue": u
+    }, {
+      "dialog-header": ee(() => b[0] || (b[0] = [
+        a("div", { class: "fm-typo-en-heading-lg-600" }, "Approve with outdated measurements?", -1)
+      ])),
+      default: ee(() => [
+        a("div", Es, [
+          b[1] || (b[1] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " These items were counted against outdated measurements. You can continue, but review them before approving if the count should use the latest inventory setup. ", -1)),
+          a("div", Ls, [
+            (p(!0), A(re, null, ke(c.items, (g) => (p(), A("div", {
+              key: g.id,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-primary"
+            }, U(g.code) + " - " + U(g.name), 1))), 128))
+          ]),
+          a("div", Os, [
+            h(d(n), {
+              label: "Cancel",
+              variant: "secondary",
+              onClick: r
+            }),
+            h(d(n), {
+              label: "Continue",
+              variant: "destructive",
+              "data-testid": "closing-draft-outdated-continue",
+              onClick: s
+            })
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+}), zs = { class: "w-full flex flex-col gap-32" }, Hs = { class: "flex flex-col gap-4" }, Ys = { class: "flex justify-between" }, Ws = { class: "flex" }, Ks = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, qs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qs = { class: "flex gap-1" }, Js = {
+  class: "fm-typo-en-body-lg-600",
+  style: { "white-space": "pre-wrap", "word-break": "break-word" }
+}, Zs = { class: "flex items-center justify-between" }, Xs = { class: "fm-typo-en-body-lg-600" }, er = {
+  key: 1,
+  class: "flex items-start gap-8 p-12 fm-corner-radius-md border-1 border-yellow-500 bg-yellow-50 text-yellow-700"
+}, tr = { class: "flex flex-col gap-2" }, or = { class: "fm-typo-en-body-sm-400 list-disc pl-16" }, nr = { key: 0 }, ar = { key: 1 }, sr = { class: "flex flex-col gap-16" }, rr = { class: "flex items-center" }, lr = {
+  key: 0,
+  class: "flex gap-8"
+}, ir = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, cr = { class: "flex items-center gap-8" }, ur = { class: "flex flex-col gap-8" }, dr = { class: "flex gap-8" }, mr = { class: "flex items-center gap-8" }, pr = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, fr = {
+  key: 0,
+  class: "flex gap-8"
+}, vr = {
+  key: 1,
+  class: "flex gap-8 flex-wrap"
+}, gr = { class: "overflow-x-auto" }, yr = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, br = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, hr = ["src"], _r = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, kr = { class: "flex gap-12 content-stretch" }, wr = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, xr = { class: "flex-1 flex flex-col items-center" }, Dr = { class: "flex-1 flex flex-col items-center" }, Ar = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, $r = { class: "fm-typo-en-body-lg-400" }, Cr = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Sr = { class: "flex gap-12 content-stretch" }, Fr = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Ir = { class: "flex-1 flex flex-col items-center" }, Br = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Tr = { class: "flex flex-col gap-8" }, jr = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Rr = { class: "flex flex-col gap-4" }, Mr = { class: "flex items-center justify-between gap-8 w-full" }, Ur = { class: "flex items-center gap-8" }, Nr = { class: "flex flex-col items-end" }, Pr = { class: "text-2xl font-semibold" }, Vr = "N/A", Er = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftDialog",
+  props: {
+    show: { type: Boolean },
+    draft: {}
+  },
+  emits: ["submitted", "refresh"],
+  setup(t, { emit: o }) {
+    const e = t, n = C(() => {
+      const m = yo();
+      return m === "MYR" ? "RM" : m;
+    }), l = Ao(), r = C(() => {
+      var m, i;
+      return (m = e.draft) != null && m.closingId ? ((i = l.drafts.find((v) => v._id === e.draft._id)) == null ? void 0 : i.closingIdDisplay) ?? null : null;
+    }), s = ht(), u = Ee(), c = Ut(e, "show"), b = W(!1), g = W(!1), S = W([]), J = C(
+      () => e.draft
+    );
+    let E = 0, T;
+    async function I() {
+      var O, q;
+      const m = (O = e.draft) == null ? void 0 : O._id;
+      if (S.value = [], !m) return;
+      const i = (q = J.value) == null ? void 0 : q.groups;
+      if (i && T !== m) {
+        T = m, ++E, S.value = i;
+        return;
+      }
+      const v = ++E;
+      try {
+        const V = await u.getClosingGroups(m);
+        if (v !== E) return;
+        S.value = V;
+      } catch (V) {
+        if (v !== E) return;
+        console.error("Failed to fetch closing groups", V);
+      }
+    }
+    const P = C(() => S.value.map(Mt)), Z = C(() => {
+      var m, i, v;
+      return (v = (i = (m = e.draft) == null ? void 0 : m.usingTemplates) == null ? void 0 : i.find((O) => O)) == null ? void 0 : v.name;
+    }), X = W(null), z = W(!1);
+    function F(m) {
+      const i = S.value.find((v) => v._id === m);
+      i && (X.value = i, z.value = !0);
+    }
+    const R = W(new Array()), k = W(new Array()), x = C(
+      () => {
+        var m;
+        return ((m = e.draft) == null ? void 0 : m.status) === De.enum.COMPLETED;
+      }
+    ), w = C(
+      () => {
+        var m;
+        return x.value ? R.value : ((m = e.draft) == null ? void 0 : m.stockSnapshot) ?? [];
+      }
+    ), se = C(
+      () => x.value ? k.value : []
+    ), _ = C(() => {
+      var O;
+      const m = /* @__PURE__ */ new Set();
+      for (const q of ((O = e.draft) == null ? void 0 : O.adjustmentSnapshot) ?? [])
+        q.adjustmentsByType && Object.keys(q.adjustmentsByType).forEach((V) => m.add(V));
+      const v = ["receive", "sales", "wastage"].filter((q) => m.has(q));
+      return v.forEach((q) => m.delete(q)), [...v, ...Array.from(m).sort()];
+    }), $ = wt(), L = Me(), j = Nt(), fe = qe(), oe = uo({}), N = C(() => new Set(
+      j.skus.filter((m) => {
+        var i;
+        return oe[(i = m.customAttributes) == null ? void 0 : i.tag];
+      }).map((m) => m._id)
+    )), f = W(!1);
+    async function y() {
+      f.value = !0;
+      try {
+        await j.refreshInventory();
+        for (const m of Object.keys(oe))
+          j.skuTags.has(m) || delete oe[m];
+      } catch (m) {
+        L.open({
+          title: "Something went wrong",
+          message: "Something went wrong when refreshing inventory. Please try again.",
+          type: "error"
+        }), console.error("error on refresh inventory", m);
+      } finally {
+        f.value = !1;
+      }
+    }
+    const M = o, K = C(() => {
+      var m;
+      return (m = e.draft) == null ? void 0 : m._id;
+    }), ue = C(() => {
+      var m;
+      return (m = e.draft) == null ? void 0 : m._rev;
+    }), {
+      refreshing: B,
+      startListening: G,
+      startRefresh: ge,
+      cleanup: le
+    } = Ta({
+      closingDraftId: K,
+      currentRev: ue,
+      onCompleted: (m) => {
+        M("refresh", m), c.value = !1;
+      }
+    }), be = W({
+      templateItem: !0,
+      nonTemplateItem: !0
+    }), ye = W(null);
+    function Ue(m, i) {
+      ye.value = i ? m : ye.value === m ? null : ye.value;
+    }
+    const nt = C(() => {
+      var m, i;
+      return [
+        {
+          label: "Main",
+          isSub: !1,
+          items: [...((m = e.draft) == null ? void 0 : m.items) ?? [], ...((i = e.draft) == null ? void 0 : i.negativeStockItems) ?? []]
+        },
+        ...S.value.map((v) => ({
+          label: Dt(v),
+          isSub: !0,
+          items: [...v.items ?? [], ...v.negativeStockItems ?? []]
+        }))
+      ];
+    }), Le = C(() => {
+      var O, q;
+      const m = [...((O = e.draft) == null ? void 0 : O.items) ?? [], ...((q = e.draft) == null ? void 0 : q.negativeStockItems) ?? []], i = S.value.map((V) => [
+        ...V.items ?? [],
+        ...V.negativeStockItems ?? []
+      ]), v = na([m, ...i]);
+      return N.value.size ? v.filter((V) => N.value.has(V.sku._id)) : v;
+    }), at = C(
+      () => j.isInventoryLoaded || j.inventoryFetchedAt != null
+    ), Oe = C(() => j.skuById), { blockedSkuIds: st, blockedItems: Gt } = Rs(Le, Oe, at), Qe = C(() => {
+      const m = Le.value.map((i) => i.sku);
+      return m.sort((i, v) => i.code.localeCompare(v.code)), m;
+    }), At = Vt(), $t = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], Je = W($t[0]);
+    Te(
+      () => e.show,
+      async (m) => {
+        if (!m) {
+          le();
+          return;
+        }
+        Je.value = $t[0], be.value = {
+          templateItem: !0,
+          nonTemplateItem: !0
+        }, ye.value = null, G();
+      },
+      { immediate: !0 }
+    ), Te(
+      [() => e.show, K],
+      ([m]) => {
+        m && (I(), Bo());
+      },
+      { immediate: !0 }
+    );
+    const Fo = C(() => rt.value.reduce((m, i) => m + Number(i.stockTakeValue), 0)), zt = et(0), Io = et(100);
+    async function Bo() {
+      var m, i, v;
+      if (fe._currentLocation) {
+        b.value = !0, R.value = [], k.value = [];
+        try {
+          if (await j.init(), !x.value) return;
+          const O = (m = e.draft) == null ? void 0 : m.closingAdjustmentId;
+          if (!O) {
+            L.open({
+              title: "Something went wrong",
+              message: "Closing draft is completed but closing document cannot be found.",
+              type: "error"
+            }), console.error("Closing draft is completed but closing document cannot be found.", {
+              draftId: (i = e.draft) == null ? void 0 : i._id
+            });
+            return;
+          }
+          const q = ((v = J.value) == null ? void 0 : v.closingAdjustment) ?? await $.readAdjustmentById(O), V = (q == null ? void 0 : q.skus) ?? [];
+          for (const Y of V)
+            R.value.push({
+              id: Y.sku._id,
+              balance: Y.fromBalance,
+              costs: Y.fromCostBalances
+            }), k.value.push({
+              id: Y.sku._id,
+              balance: Y.toBalance,
+              costs: Y.toCostBalances
+            });
+        } catch (O) {
+          L.open({
+            title: "Something went wrong",
+            message: "Something went wrong when fetching info. Please try again.",
+            type: "error"
+          }), console.error("error on fetch stock balances", O);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    async function Ht() {
+      var i, v;
+      if (B.value)
+        return;
+      if (!(((i = e.draft) == null ? void 0 : i.effectiveAt) ?? (e.draft ? Ve((v = e.draft) == null ? void 0 : v._id) : null))) {
+        L.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await s.refreshBalance(
+        e.draft,
+        () => {
+        },
+        async (O) => {
+          await ge(O);
+        }
+      );
+    }
+    async function To() {
+      var i, v;
+      if (!(((i = e.draft) == null ? void 0 : i.effectiveAt) ?? (e.draft ? Ve((v = e.draft) == null ? void 0 : v._id) : null))) {
+        L.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await s.invalidateDraftCache(e.draft);
+    }
+    const jo = C(
+      () => w.value.groupBy(
+        (m) => m.id,
+        (m) => m.balance
+      )
+    ), Ro = C(() => Le.value.groupBy((m) => m.sku._id)), Mo = C(() => {
+      var m;
+      return (m = e.draft) != null && m.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((i) => [i.skuId, i.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), Uo = C(() => {
+      var m;
+      return (m = e.draft) != null && m.opening ? new Map(e.draft.opening.map((i) => [i.skuId, i.balance])) : /* @__PURE__ */ new Map();
+    });
+    function Se(m, i) {
+      return D(
+        _e.FmTooltip,
+        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+        {
+          default() {
+            return m;
+          },
+          content() {
+            return i || m;
+          }
+        }
+      );
+    }
+    const Yt = C(() => [
+      {
+        id: "sku",
+        accessorFn: (i) => `${i.code} ${i.name}`,
+        header: () => "Name",
+        size: 350,
+        cell(i) {
+          const v = i.row.original, O = v.adjustedDiffPercentage, q = typeof O == "number" && Math.abs(O) > 10, V = st.value.has(v.id);
+          return D(Vs, {
+            code: v.code,
+            name: v.name,
+            hasError: q,
+            isOutdated: V,
+            subSources: v.subSources
+          });
+        }
+      },
+      // Dynamic custom attribute columns (toggled by user)
+      ...qt.value.map(
+        (i) => ({
+          id: `customAttr_${i}`,
+          accessorFn: (v) => v.customAttributeValues[i],
+          header: () => Se(Ie(i)),
+          size: 160,
+          cell(v) {
+            const O = v.row.original.customAttributeValues[i];
+            return O == null ? "N/A" : typeof O == "number" ? D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(O)) : D("div", { class: "text-right fm-typo-en-body-lg-400" }, String(O));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        })
+      ),
+      {
+        id: "costPerUnit",
+        accessorKey: "costPerUnit",
+        header: () => Se("Cost per unit"),
+        size: 160,
+        cell(i) {
+          const v = i.row.original.costPerUnit;
+          return D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "costUnit",
+        header: () => "UOM",
+        size: 120,
+        cell(i) {
+          var Y;
+          const v = i.row.original, O = v.costUnit, q = v.baseUnit, V = O ?? q;
+          if (O && O !== q) {
+            const ce = Qe.value.find((ie) => ie._id === v.id), me = (Y = ce == null ? void 0 : ce.defaultCost) == null ? void 0 : Y.measurement;
+            if (me) {
+              const ie = me.conversion.amount / Math.pow(10, me.conversion.precision);
+              return D("div", { class: "flex flex-col" }, [
+                D(
+                  "span",
+                  { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                  V
+                ),
+                D("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                  "1 ",
+                  D("span", { class: "fm-typo-en-body-sm-600" }, O),
+                  ` = ${ie} `,
+                  D("span", { class: "fm-typo-en-body-sm-600" }, q)
+                ])
+              ]);
+            }
+          }
+          return V;
+        }
+      },
+      {
+        id: "opening",
+        accessorKey: "opening",
+        header: () => Se("Opening (B/F)", "The opening balance brought forward from previous period."),
+        size: 150,
+        cell(i) {
+          const v = i.row.original.opening;
+          return D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      // Dynamic adjustment type columns
+      ..._.value.map(
+        (i) => ({
+          id: `adjustment_${i}`,
+          accessorFn: (v) => v.adjustmentAmounts[i] ?? { amount: 0, precision: 0 },
+          header: () => Se(Ie(i)),
+          size: 150,
+          cell(v) {
+            const O = v.row.original.adjustmentAmounts[i] ?? { amount: 0, precision: 0 };
+            return D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(O));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        })
+      ),
+      {
+        id: "systemBalance",
+        accessorKey: "systemBalance",
+        header: () => Se("System Balance", "The system calculated balance before stock take."),
+        size: 200,
+        cell(i) {
+          const v = i.row.original.systemBalance;
+          return D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "physicalBalance",
+        accessorFn: (i) => {
+          var O;
+          const v = (O = se.value.find((q) => q.id === i.id)) == null ? void 0 : O.balance;
+          return v ? Fn.toDouble(v) : i.physicalBalance;
+        },
+        header: () => Se("Stock Take balance", "The physical balance recorded during stock take."),
+        cell(i) {
+          var me;
+          const v = i.row.original, O = ae.fromNumber(v.physicalBalance);
+          let q = !0;
+          const V = (me = se.value.find((ie) => ie.id === v.id)) == null ? void 0 : me.balance;
+          let Y;
+          V && !ae.equals({ a: O, b: V }) ? (q = !1, Y = de(V)) : Y = de(v.physicalBalance);
+          const ce = D("div", { class: "flex flex-col items-end" }, [
+            D(
+              "span",
+              { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+              Y
+            ),
+            q ? null : D(
+              "span",
+              { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+              `Draft: ${de(v.physicalBalance)}`
+            )
+          ]);
+          return v.breakdown.length ? D(
+            _e.FmPopover,
+            {
+              showPopover: ye.value === v.id,
+              placement: "bottom-end",
+              zIndex: 9999,
+              "onPopover-changed": (ie) => Ue(v.id, ie)
+            },
+            {
+              "popover-button": () => D(
+                "button",
+                {
+                  type: "button",
+                  class: "flex items-center gap-4 ml-auto text-fm-color-typo-secondary hover:text-fm-color-typo-primary"
+                },
+                [ce, D(_e.FmIcon, { name: "info", size: "sm", outline: !0 })]
+              ),
+              default: () => Co(v.breakdown, v.physicalBalance, v.baseUnit)
+            }
+          ) : ce;
+        },
+        size: 200,
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "adjustedAmount",
+        accessorKey: "adjustedAmount",
+        header: () => Se("Variance", "The difference between Stock Take balance and System Balance."),
+        size: 200,
+        cell(i) {
+          const v = i.row.original.adjustedAmount;
+          return D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "varianceInCost",
+        accessorKey: "varianceInCost",
+        header: () => Se(`Variance (${n.value})`),
+        size: 150,
+        cell(i) {
+          const v = i.row.original.varianceInCost;
+          return D("div", { class: "text-right fm-typo-en-body-lg-400" }, de(v));
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "adjustedDiffPercentage",
+        accessorKey: "adjustedDiffPercentage",
+        header: () => Se(
+          "Variance (%)",
+          "Difference between Stock Take balance and System Balance in percentage."
+        ),
+        size: 200,
+        cell(i) {
+          const v = i.row.original.adjustedDiffPercentage;
+          if (v == null)
+            return D(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" },
+              Vr
+            );
+          const O = de(v);
+          if (v === 0)
+            return D("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+              de(0)
+            ]);
+          const q = v > 0;
+          return D("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+            D(_e.FmIcon, {
+              name: q ? "arrow_drop_up" : "arrow_drop_down",
+              color: q ? "system-success-300" : "system-error-300",
+              size: "md"
+            }),
+            O
+          ]);
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "stockTakeValue",
+        accessorKey: "stockTakeValue",
+        header: () => Se(`Stock take value (${n.value})`),
+        size: 180,
+        cell(i) {
+          var me;
+          const v = i.row.original, O = v.stockTakeValue, q = Qe.value.find((ie) => ie._id === v.id), V = (me = q == null ? void 0 : q.defaultCost) == null ? void 0 : me.measurement, Y = v.physicalBalance, ce = v.costPerUnit;
+          if (V) {
+            const ie = ae.toFormatString({ value: V.conversion }), Ne = `${de(Y, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} ÷ ${ie} × ${ce} ${n.value}`;
+            return D(
+              _e.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return Ne;
+                },
+                default() {
+                  return D(
+                    "div",
+                    { class: "text-right w-full fm-typo-en-body-lg-400" },
+                    de(O)
+                  );
+                }
+              }
+            );
+          } else {
+            const ie = `${de(Y, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} × ${ce} ${n.value}`;
+            return D(
+              _e.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return ie;
+                },
+                default() {
+                  return D(
+                    "div",
+                    { class: "text-right w-full fm-typo-en-body-lg-400" },
+                    de(O)
+                  );
+                }
+              }
+            );
+          }
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "systemValue",
+        accessorKey: "systemValue",
+        header: () => Se(`System value (${n.value})`),
+        size: 180,
+        cell(i) {
+          var me;
+          const v = i.row.original, O = v.systemValue, q = Qe.value.find((ie) => ie._id === v.id), V = (me = q == null ? void 0 : q.defaultCost) == null ? void 0 : me.measurement, Y = v.systemBalance, ce = v.costPerUnit;
+          if (V) {
+            const ie = ae.toFormatString({ value: V.conversion }), Ne = `${de(Y, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} ÷ ${ie} × ${ce} ${n.value}`;
+            return D(
+              _e.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return Ne;
+                },
+                default() {
+                  return D(
+                    "div",
+                    { class: "text-right fm-typo-en-body-lg-400" },
+                    de(O)
+                  );
+                }
+              }
+            );
+          } else {
+            const ie = `${de(Y, { minPrecision: 2, maxPrecision: 4 })} ${v.baseUnit} × ${ce} ${n.value}`;
+            return D(
+              _e.FmTooltip,
+              { zIndex: 51 },
+              {
+                content() {
+                  return ie;
+                },
+                default() {
+                  return D(
+                    "div",
+                    { class: "text-right fm-typo-en-body-lg-400" },
+                    de(O)
+                  );
+                }
+              }
+            );
+          }
+        },
+        meta: {
+          textAlign: "right"
+        }
+      },
+      {
+        id: "physicalBalances",
+        header: () => "Amounts",
+        enableSorting: !1,
+        cell(i) {
+          const v = i.row.original;
+          return S.value.length && v.sourceBuckets.length ? Ka(v.sourceBuckets, v.baseUnit) : Ot(v.baseUnitAmount, v.baseUnit, v.measurements);
+        }
+      }
+    ]), No = C(() => Yt.value.map((m) => m.size ?? 0).reduce((m, i) => m + i)), Ct = W(""), Po = C(() => {
+      var O, q;
+      const m = ((q = (O = e.draft) == null ? void 0 : O.negativeStockItems) == null ? void 0 : q.reduce(
+        (V, Y) => (V[Y.sku._id] = Y, V),
+        {}
+      )) ?? {}, i = new Map(se.value.map((V) => [V.id, V.balance]));
+      return Qe.value.map((V) => {
+        var to, oo, no, ao, so, ro, lo, io, co;
+        const Y = (to = Ro.value.get(V._id)) == null ? void 0 : to[0], ce = ((oo = jo.value.get(V._id)) == null ? void 0 : oo[0]) ?? zt, me = ((no = V.defaultCost) == null ? void 0 : no.costPerUnit) ?? zt, ie = Number(ae.toFormatString({ value: me })), Ne = ((so = (ao = V.defaultCost) == null ? void 0 : ao.measurement) == null ? void 0 : so.conversion) ?? {
+          amount: 1,
+          precision: 0
+        }, Be = Number(
+          ae.toFormatString({ value: Ne })
+        ), dt = Uo.value.get(V._id), mt = dt ? Number(ae.toFormatString({ value: dt })) : 0, Q = Mo.value.get(V._id), he = {};
+        if (_.value.forEach(($e) => {
+          const ft = he[$e] ?? { amount: 0, precision: 0 }, vt = Q == null ? void 0 : Q[$e];
+          vt && (he[$e] = tt(ft, vt));
+        }), !Y) {
+          const $e = Number(ae.toFormatString({ value: ce })), ft = 0 - $e, vt = ft * ie / Be, Zo = 0, Xo = $e * ie / Be;
+          return {
+            id: V._id,
+            code: V.code,
+            name: V.name,
+            costUnit: ((lo = (ro = V.defaultCost) == null ? void 0 : ro.measurement) == null ? void 0 : lo.abbrev) ?? null,
+            baseUnit: V.unit.abbrev,
+            baseUnitAmount: 0,
+            systemBalance: $e,
+            physicalBalance: 0,
+            adjustedAmount: -$e,
+            adjustedDiffPercentage: -100,
+            isTemplateItem: !m[V._id],
+            costPerUnit: ie,
+            opening: mt,
+            varianceQty: ft,
+            varianceInCost: vt,
+            stockTakeValue: Zo,
+            systemValue: Xo,
+            adjustmentAmounts: he,
+            customAttributeValues: V.customAttributes ?? {},
+            measurements: [],
+            breakdown: [],
+            sourceBuckets: [],
+            subSources: []
+          };
+        }
+        const xe = xt(Y), je = i.get(V._id), ze = ko(
+          je ?? xe,
+          ce
+        ), pt = ce.amount === 0 ? null : wo(ze, {
+          ...ce,
+          amount: Math.abs(ce.amount)
+        }), Zt = pt ? kt(pt, Io) : null, Bt = Number(ae.toFormatString({ value: ce })), Tt = Number(ae.toFormatString({ value: xe })), Xt = Tt - Bt, Yo = Xt * ie / Be, Wo = Tt * ie / Be, Ko = Bt * ie / Be, { baseUnitAmount: qo, measurements: Qo } = Lt(Y, At.value), Jo = $o(Y, At.value), eo = Wa(V._id, nt.value, At.value);
+        return {
+          id: V._id,
+          code: V.code,
+          name: V.name,
+          costUnit: ((co = (io = V.defaultCost) == null ? void 0 : io.measurement) == null ? void 0 : co.abbrev) ?? null,
+          baseUnit: V.unit.abbrev,
+          baseUnitAmount: qo,
+          measurements: Qo,
+          breakdown: Jo,
+          systemBalance: Bt,
+          physicalBalance: Tt,
+          adjustedAmount: Number(ae.toFormatString({ value: ze })),
+          adjustedDiffPercentage: Zt ? Number(
+            ae.toFormatString({
+              value: xo(Zt, 2)
+            })
+          ) : null,
+          isTemplateItem: !m[V._id],
+          costPerUnit: ie,
+          opening: mt,
+          varianceQty: Xt,
+          varianceInCost: Yo,
+          stockTakeValue: Wo,
+          systemValue: Ko,
+          adjustmentAmounts: he,
+          customAttributeValues: V.customAttributes ?? {},
+          sourceBuckets: eo,
+          subSources: eo.filter(($e) => $e.isSub).map(($e) => $e.label)
+        };
+      });
+    }), rt = C(() => Po.value.filter((m) => !!(m.isTemplateItem && be.value.templateItem || !m.isTemplateItem && be.value.nonTemplateItem))), Wt = C(
+      () => rt.value.some((m) => m.measurements.some((i) => i.variant === "inactive"))
+    ), Kt = C(
+      () => rt.value.some((m) => m.measurements.some((i) => i.variant === "orphan"))
+    ), Vo = C(
+      () => Wt.value || Kt.value
+    ), St = C(() => {
+      const m = /* @__PURE__ */ new Set();
+      for (const i of Qe.value)
+        if (i.customAttributes)
+          for (const v of Object.keys(i.customAttributes))
+            v !== "tag" && m.add(v);
+      return Array.from(m).sort();
+    }), lt = uo({}), qt = C(
+      () => St.value.filter((m) => lt[m])
+    ), Eo = C(() => {
+      var m;
+      return e.draft ? So(e.draft, {
+        idDisplay: r.value,
+        locationName: (m = fe._currentLocation) == null ? void 0 : m.name
+      }) : [];
+    }), Ge = C(() => {
+      var O, q, V;
+      const m = ((O = e.draft) == null ? void 0 : O.activityLogs) ?? [], i = ((q = e.draft) == null ? void 0 : q.rejectionHistory) ?? [];
+      for (const Y of i)
+        m.find(
+          (me) => `${me.action}_${me.performedAt}` == `${pe.enum.rejectDraft}_${Y.rejectedAt}`
+        ) || m.push({
+          action: pe.enum.rejectDraft,
+          performedAt: Y.rejectedAt,
+          performedBy: Y.rejectedBy,
+          remark: Y.rejectRemark
+        });
+      return (V = e.draft) != null && V.approvedAt && (m.find(
+        (ce) => {
+          var me;
+          return `${ce.action}_${ce.performedAt}` == `${pe.enum.approveDraft}_${(me = e.draft) == null ? void 0 : me.approvedAt}`;
+        }
+      ) || m.push({
+        action: pe.enum.approveDraft,
+        performedAt: e.draft.approvedAt,
+        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: e.draft.approveRemark
+      })), m.sort((Y, ce) => new Date(ce.performedAt).getTime() - new Date(Y.performedAt).getTime()).map(
+        (Y) => ({
+          header: Ie(Y.action),
+          date: Fe(Y.performedAt),
+          info: [
+            {
+              label: "Performed by",
+              values: [Y.performedBy.name]
+            },
+            {
+              label: "Remark",
+              values: [Y.remark ?? ""]
+            }
+          ]
+        })
+      );
+    }), it = W(!1), ct = W(!1), Ft = W(!1), ut = W(!1), Qt = C(() => {
+      var m;
+      return ((m = e.draft) == null ? void 0 : m.status) !== De.enum.DRAFT ? "Status is not draft." : null;
+    });
+    async function Lo(m) {
+      if (e.draft) {
+        Ft.value = !0;
+        try {
+          const i = await u.approveAllClosingGroups(e.draft._id, m);
+          S.value = i;
+        } catch (i) {
+          L.open({
+            title: "Failed to approve all groups",
+            message: (i == null ? void 0 : i.message) || "An unexpected error occurred.",
+            type: "error"
+          });
+        } finally {
+          Ft.value = !1;
+        }
+      }
+    }
+    function Oo(m) {
+      Jt(() => Lo(m));
+    }
+    function Go() {
+      e.draft && (ct.value = !0, s.approveDraft(
+        e.draft,
+        () => {
+          ct.value = !1, it.value = !1, M("submitted");
+        },
+        () => {
+          ct.value = !1;
+        }
+      ));
+    }
+    let It = null;
+    function Jt(m) {
+      if (Gt.value.length) {
+        It = m, ut.value = !0;
+        return;
+      }
+      m();
+    }
+    function zo() {
+      e.draft && Jt(Go);
+    }
+    function Ho() {
+      const m = It;
+      It = null, ut.value = !1, m == null || m();
+    }
+    return (m, i) => {
+      const v = te("FmButtonGroup"), O = te("FmMenuDivider"), q = te("FmCard"), V = te("FmIcon"), Y = te("FmButton"), ce = te("FmCircularProgress"), me = te("FmChip"), ie = te("FmTextField"), Ne = te("FmTable"), Be = te("FmSpacer"), dt = te("FmTooltip"), mt = te("FmSideSheet");
+      return p(), A(re, null, [
+        h(mt, {
+          "dismiss-away": "",
+          "max-width": 9999,
+          "model-value": d(c),
+          "onUpdate:modelValue": i[9] || (i[9] = (Q) => _t(c) ? c.value = Q : null),
+          header: "Closing details"
+        }, {
+          "side-sheet-footer": ee(() => {
+            var Q, he, xe, je;
+            return [
+              a("div", Mr, [
+                a("div", Ur, [
+                  ((Q = e.draft) == null ? void 0 : Q.status) === d(De).enum.DRAFT ? (p(), A(re, { key: 0 }, [
+                    Qt.value ? (p(), ne(dt, {
+                      key: 0,
+                      "z-index": 51,
+                      placement: "right"
+                    }, {
+                      content: ee(() => [
+                        ve(U(Qt.value), 1)
+                      ]),
+                      default: ee(() => [
+                        h(Y, {
+                          disabled: "",
+                          key: "approve key",
+                          label: "Approve",
+                          "data-testid": "closing-draft-approve"
+                        })
+                      ]),
+                      _: 1
+                    })) : (p(), ne(Y, {
+                      key: "approve key",
+                      label: "Approve",
+                      "data-testid": "closing-draft-approve",
+                      onClick: i[5] || (i[5] = (ze) => it.value = !0)
+                    }))
+                  ], 64)) : H("", !0),
+                  ((he = e.draft) == null ? void 0 : he.status) === d(De).enum.DRAFT ? (p(), ne(Y, {
+                    key: 1,
+                    label: "Reject",
+                    variant: "destructive",
+                    onClick: i[6] || (i[6] = () => e.draft && d(s).rejectDraft(e.draft, () => M("submitted")))
+                  })) : H("", !0),
+                  h(Y, {
+                    label: "Close",
+                    variant: "tertiary",
+                    onClick: i[7] || (i[7] = (ze) => c.value = !1)
+                  }),
+                  (xe = e.draft) != null && xe.approvedAt && ((je = e.draft) == null ? void 0 : je.status) !== d(De).enum.COMPLETED ? (p(), ne(jt, { key: 2 }, {
+                    default: ee(() => [
+                      h(Y, {
+                        label: "Sync",
+                        loading: g.value,
+                        onClick: i[8] || (i[8] = () => {
+                          e.draft && (g.value = !0, d(s).syncDraft(e.draft, () => {
+                            g.value = !1, M("submitted");
+                          }));
+                        })
+                      }, null, 8, ["loading"])
+                    ]),
+                    _: 1
+                  })) : H("", !0)
+                ]),
+                a("div", Nr, [
+                  i[26] || (i[26] = a("div", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Total stock take value", -1)),
+                  a("div", Pr, U(n.value) + " " + U(Fo.value.toFixed(2)), 1)
+                ])
+              ])
+            ];
+          }),
+          default: ee(() => [
+            a("div", zs, [
+              a("div", null, [
+                h(v, {
+                  items: $t,
+                  modelValue: Je.value,
+                  "onUpdate:modelValue": i[0] || (i[0] = (Q) => Je.value = Q)
+                }, null, 8, ["modelValue"])
+              ]),
+              Je.value.value === "overview" ? (p(), A(re, { key: 0 }, [
+                h(jt, { selectable: "" }, {
+                  default: ee(() => {
+                    var Q;
+                    return [
+                      a("div", Hs, [
+                        i[13] || (i[13] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, [
+                          a("div", { class: "flex gap-1" }, "Draft ID")
+                        ], -1)),
+                        ve(" " + U((Q = m.draft) == null ? void 0 : Q._id), 1)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                h(q, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: ee(() => {
+                    var Q, he;
+                    return [
+                      a("div", Ys, [
+                        i[14] || (i[14] = a("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                        a("div", Ws, [
+                          a("div", {
+                            class: we(["fm-status-badge", d(Re)(((Q = m.draft) == null ? void 0 : Q.status) ?? "DRAFT")])
+                          }, U(d(Ie)(((he = m.draft) == null ? void 0 : he.status) ?? "")), 3)
+                        ])
+                      ]),
+                      h(O),
+                      a("div", Ks, [
+                        (p(!0), A(re, null, ke(Eo.value, (xe, je) => (p(), A("div", {
+                          class: "flex flex-col gap-4",
+                          key: je
+                        }, [
+                          a("div", qs, [
+                            a("div", Qs, U(xe.label), 1)
+                          ]),
+                          a("div", Js, U(xe.value), 1)
+                        ]))), 128))
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                P.value.length ? (p(), ne(q, {
+                  key: 0,
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: ee(() => [
+                    a("div", Zs, [
+                      a("div", Xs, "Groups " + U(P.value.length), 1),
+                      i[15] || (i[15] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Parent totals = sum of all groups ", -1))
+                    ]),
+                    h(O),
+                    h(Ga, {
+                      groups: P.value,
+                      onSelect: F
+                    }, null, 8, ["groups"])
+                  ]),
+                  _: 1
+                })) : H("", !0),
+                Vo.value ? (p(), A("div", er, [
+                  h(V, {
+                    name: "rule",
+                    size: "sm"
+                  }),
+                  a("div", tr, [
+                    i[17] || (i[17] = a("div", { class: "fm-typo-en-body-md-600" }, "UOM notes", -1)),
+                    a("ul", or, [
+                      Wt.value ? (p(), A("li", nr, i[16] || (i[16] = [
+                        ve(" Measurements highlighted in "),
+                        a("span", { class: "font-bold" }, "purple", -1),
+                        ve(" are NetSuite-inactive UOMs (surfaced for audit; their amounts are part of the base total). ")
+                      ]))) : H("", !0),
+                      Kt.value ? (p(), A("li", ar, " Red highlights are UOMs not on the SKU (ignored). ")) : H("", !0)
+                    ])
+                  ])
+                ])) : H("", !0),
+                a("div", sr, [
+                  a("div", rr, [
+                    i[18] || (i[18] = a("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                    b.value ? H("", !0) : (p(), A("div", lr, [
+                      m.draft && m.draft.status !== d(De).enum.COMPLETED ? (p(), ne(Y, {
+                        key: 0,
+                        label: "Refresh balance",
+                        "prepend-icon": "refresh",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        loading: d(B),
+                        disabled: d(B),
+                        onClick: Ht
+                      }, null, 8, ["loading", "disabled"])) : H("", !0),
+                      h(jt, null, {
+                        default: ee(() => [
+                          h(Y, {
+                            label: "Invalidate Draft Cache",
+                            "prepend-icon": "refresh",
+                            variant: "secondary",
+                            "text-color": "primary",
+                            "bg-color": "transparent",
+                            "border-color": "primary",
+                            loading: d(B),
+                            onClick: To
+                          }, null, 8, ["loading"])
+                        ]),
+                        _: 1
+                      }),
+                      h(Y, {
+                        label: "Export data",
+                        "prepend-icon": "download",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        onClick: i[1] || (i[1] = (Q) => m.draft ? d(s).exportDraft(
+                          m.draft,
+                          w.value,
+                          se.value,
+                          qt.value
+                        ) : null)
+                      })
+                    ]))
+                  ]),
+                  b.value ? (p(), A("div", ir, [
+                    i[20] || (i[20] = a("div", { class: "h-80" }, null, -1)),
+                    a("div", cr, [
+                      a("div", null, [
+                        h(ce, { size: "md" })
+                      ]),
+                      i[19] || (i[19] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                    ]),
+                    i[21] || (i[21] = a("div", { class: "h-80" }, null, -1))
+                  ])) : (p(), A(re, { key: 1 }, [
+                    a("div", ur, [
+                      a("div", dr, [
+                        h(me, {
+                          label: "Template Item(s)",
+                          selected: be.value.templateItem,
+                          onClick: i[2] || (i[2] = (Q) => be.value.templateItem = !be.value.templateItem)
+                        }, null, 8, ["selected"]),
+                        h(me, {
+                          label: "Non-template Item(s)",
+                          selected: be.value.nonTemplateItem,
+                          onClick: i[3] || (i[3] = (Q) => be.value.nonTemplateItem = !be.value.nonTemplateItem)
+                        }, null, 8, ["selected"])
+                      ]),
+                      h(ie, {
+                        modelValue: Ct.value,
+                        "onUpdate:modelValue": i[4] || (i[4] = (Q) => Ct.value = Q),
+                        placeholder: "Filter items"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    a("div", mr, [
+                      h(Y, {
+                        label: "Refresh inventory",
+                        "prepend-icon": "refresh",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        loading: f.value,
+                        disabled: f.value,
+                        onClick: y
+                      }, null, 8, ["loading", "disabled"]),
+                      d(j).inventoryFetchedAt ? (p(), A("span", pr, " Inventory as at " + U(d(Fe)(d(j).inventoryFetchedAt)), 1)) : H("", !0)
+                    ]),
+                    d(j).skuTags.size ? (p(), A("div", fr, [
+                      (p(!0), A(re, null, ke(d(j).skuTags.keys(), (Q) => (p(), ne(me, {
+                        key: `${Q}`,
+                        label: `${Q}`,
+                        selectable: "",
+                        selected: oe[`${Q}`],
+                        onClick: (he) => oe[`${Q}`] = !oe[`${Q}`]
+                      }, {
+                        default: ee(() => [
+                          oe[`${Q}`] ? (p(), ne(V, {
+                            key: 0,
+                            name: "check",
+                            class: "text-white",
+                            size: "sm"
+                          })) : H("", !0),
+                          a("span", {
+                            class: we([
+                              "",
+                              {
+                                "text-white fm-typo-en-body-md-600": oe[`${Q}`],
+                                "text-fm-color-typo-primary fm-typo-en-body-md-400": !oe[`${Q}`]
+                              }
+                            ])
+                          }, U(Q), 3)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "selected", "onClick"]))), 128))
+                    ])) : H("", !0),
+                    St.value.length ? (p(), A("div", vr, [
+                      i[22] || (i[22] = a("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary self-center" }, "Extra columns:", -1)),
+                      (p(!0), A(re, null, ke(St.value, (Q) => (p(), ne(me, {
+                        key: Q,
+                        label: Q,
+                        selectable: "",
+                        selected: lt[Q],
+                        onClick: (he) => lt[Q] = !lt[Q]
+                      }, null, 8, ["label", "selected", "onClick"]))), 128))
+                    ])) : H("", !0),
+                    a("div", gr, [
+                      a("div", {
+                        style: bt({ height: "600px", minWidth: `${No.value}px` })
+                      }, [
+                        h(Ne, {
+                          "column-defs": Yt.value,
+                          "row-data": rt.value,
+                          "search-value": Ct.value
+                        }, null, 8, ["column-defs", "row-data", "search-value"])
+                      ], 4)
+                    ])
+                  ], 64))
+                ])
+              ], 64)) : H("", !0),
+              Je.value.value === "history" ? (p(), A("div", yr, [
+                Ge.value.length ? (p(), A("div", _r, [
+                  (p(!0), A(re, null, ke(Ge.value, (Q, he) => (p(), A(re, { key: he }, [
+                    a("div", kr, [
+                      a("div", wr, [
+                        a("div", xr, [
+                          a("div", {
+                            class: we([
+                              {
+                                "bg-fm-color-primary": he !== 0,
+                                "bg-white": he === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        i[25] || (i[25] = a("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        a("div", Dr, [
+                          a("div", {
+                            class: we([
+                              {
+                                "bg-fm-color-primary": he < Ge.value.length - 1,
+                                "bg-white": he >= Ge.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", Ar, [
+                        a("div", $r, U(Q.header), 1),
+                        a("div", Cr, U(Q.date), 1)
+                      ])
+                    ]),
+                    a("div", Sr, [
+                      a("div", Fr, [
+                        a("div", Ir, [
+                          a("div", {
+                            class: we([
+                              {
+                                "bg-fm-color-primary": he < Ge.value.length - 1,
+                                "bg-white": he >= Ge.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      a("div", Br, [
+                        h(q, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: ee(() => [
+                            a("div", Tr, [
+                              (p(!0), A(re, null, ke(Q.info, (xe, je) => (p(), A("div", {
+                                key: je,
+                                class: "flex flex-col gap-4"
+                              }, [
+                                a("div", jr, U(xe == null ? void 0 : xe.label), 1),
+                                a("div", Rr, [
+                                  (p(!0), A(re, null, ke(xe == null ? void 0 : xe.values, (ze, pt) => (p(), A("div", {
+                                    key: pt,
+                                    class: "fm-typo-en-body-lg-600"
+                                  }, U(ze), 1))), 128))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (p(), A("div", br, [
+                  h(Be),
+                  a("div", null, [
+                    a("img", {
+                      src: d(Do),
+                      alt: "List is empty"
+                    }, null, 8, hr)
+                  ]),
+                  i[23] || (i[23] = a("div", { class: "fm-typo-en-body-lg-600" }, U("No records found"), -1)),
+                  i[24] || (i[24] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, U("You can track approval and rejection history here"), -1)),
+                  h(Be),
+                  h(Be)
+                ]))
+              ])) : H("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"]),
+        d(c) && e.draft ? (p(), ne(Ba, {
+          key: 0,
+          show: it.value,
+          "onUpdate:show": i[10] || (i[10] = (Q) => it.value = Q),
+          refreshing: d(B),
+          approving: ct.value,
+          "approving-all-groups": Ft.value,
+          draft: e.draft,
+          groups: S.value,
+          onRefresh: Ht,
+          onApprove: zo,
+          onApproveAllGroups: Oo
+        }, null, 8, ["show", "refreshing", "approving", "approving-all-groups", "draft", "groups"])) : H("", !0),
+        h(Gs, {
+          show: ut.value,
+          "onUpdate:show": i[11] || (i[11] = (Q) => ut.value = Q),
+          items: d(Gt),
+          onContinue: Ho
+        }, null, 8, ["show", "items"]),
+        h(Ts, {
+          show: z.value,
+          "onUpdate:show": i[12] || (i[12] = (Q) => z.value = Q),
+          group: X.value ?? void 0,
+          "parent-name": Z.value,
+          onUpdated: I
+        }, null, 8, ["show", "group", "parent-name"])
+      ], 64);
+    };
+  }
+});
+var Ce = /* @__PURE__ */ ((t) => (t.ready = "ready", t.negative = "negative", t.systemNegative = "systemNegative", t))(Ce || {});
+async function Lr(t) {
+  return new Promise((o, e) => {
+    const n = new FileReader();
+    n.onload = (l) => {
+      var r;
+      try {
+        const s = (r = l.target) == null ? void 0 : r.result, u = _n(s, { type: "array" }), c = u.SheetNames[0], b = u.Sheets[c], g = yt.sheet_to_json(b, {
+          header: 1,
+          defval: ""
+        }), S = (X) => String(X).trim().toLowerCase().replace(/^\uFEFF/, ""), J = g.findIndex(
+          (X) => X.some((z) => S(z) === "code")
+        );
+        if (J === -1) {
+          o([]);
+          return;
+        }
+        const E = g[J], T = E.findIndex((X) => S(X) === "code"), I = E.findIndex((X) => S(X) === "balance");
+        if (T === -1 || I === -1) {
+          e(
+            new Error(
+              `Missing required columns: ${T === -1 ? '"Code" ' : ""}${I === -1 ? '"Balance"' : ""}.`.trim()
+            )
+          );
+          return;
+        }
+        const Z = g.slice(J + 1).filter((X) => String(X[T]).trim()).map((X) => ({
+          itemCode: String(X[T]).trim(),
+          quantity: Number(X[I]) || 0
+        }));
+        o(Z);
+      } catch (s) {
+        e(s);
+      }
+    }, n.onerror = e, n.readAsArrayBuffer(t);
+  });
+}
+function Or(t) {
+  const o = /* @__PURE__ */ new Map();
+  return t.forEach((e) => {
+    const n = o.get(e.itemCode) || 0;
+    o.set(e.itemCode, n + e.quantity);
+  }), o;
+}
+function Gr(t, o) {
+  const e = [], n = [];
+  for (const [l, r] of o.entries()) {
+    const s = t[l];
+    if (!s) {
+      n.push(l);
+      continue;
+    }
+    const u = r < 0 ? "negative" : "ready";
+    e.push({
+      sku: s,
+      physicalCount: r,
+      // Note: filled by composable after readStockBalance()
+      systemBalance: { amount: 0, precision: 0 },
+      variance: r - 0,
+      status: u
+    });
+  }
+  return { mergedItems: e, unrecognisedItemCodes: n };
+}
+function zr(t, o) {
+  const e = t.filter((c) => !c.isInactive), n = Bn().format("YYYY-MM-DD"), l = `${o} - ${n}.csv`, r = [
+    ["Code", "Name", "Balance"],
+    ...e.map((c) => [c.code, c.name, ""])
+  ], s = yt.aoa_to_sheet(r), u = yt.book_new();
+  yt.book_append_sheet(u, s, "Template"), hn(u, l, { bookType: "csv" });
+}
+function Hr() {
+  const t = W([]), o = W([]), e = W(!1), n = Nt(), l = qe(), r = wt(), s = C(
+    () => t.value.some((g) => g.status === Ce.negative)
+  );
+  async function u(g) {
+    t.value = [], o.value = [], e.value = !0;
+    try {
+      const S = await Lr(g), J = Or(S), E = n.skuByCode, { mergedItems: T, unrecognisedItemCodes: I } = Gr(
+        E,
+        J
+      ), P = await r.readStockBalance(), Z = P.skus ?? [];
+      Z.length === 0 && console.warn(
+        "No SKU balances found when importing closing draft. All system balances will be set to 0.",
+        {
+          stockBalance: P
+        }
+      );
+      const X = new Map(
+        Z.map((F) => [F.id, F.balance])
+      ), z = new Set(T.map((F) => F.sku._id));
+      t.value = T.map((F) => {
+        const R = X.get(F.sku._id) ?? { amount: 0, precision: 0 }, k = R.amount / Math.pow(10, R.precision);
+        return { ...F, systemBalance: R, variance: F.physicalCount - k };
+      });
+      for (const F of Object.values(n.skuByCode)) {
+        if (z.has(F._id)) continue;
+        const R = X.get(F._id);
+        if (!R) continue;
+        const k = R.amount / Math.pow(10, R.precision);
+        k >= 0 || t.value.push({
+          sku: F,
+          physicalCount: 0,
+          systemBalance: R,
+          variance: 0 - k,
+          status: Ce.systemNegative
+        });
+      }
+      o.value = I;
+    } catch (S) {
+      t.value = [], o.value = [], console.error("Error processing uploaded file", { error: S });
+    } finally {
+      e.value = !1;
+    }
+  }
+  async function c() {
+    const g = Ee(), S = t.value.filter((Z) => Z.status === Ce.ready), J = t.value.filter(
+      (Z) => Z.status === Ce.systemNegative
+    ), E = (Z) => ({
+      sku: {
+        _id: Z.sku._id,
+        code: Z.sku.code,
+        name: Z.sku.name,
+        unit: Z.sku.unit
+      },
+      baseAmount: gn(Z.physicalCount, Z.sku.unit.precision),
+      measurementsAmounts: []
+    }), T = S.map(E), I = J.map(E), P = {
+      effectiveAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: T,
+      negativeStockItems: I
+    };
+    return await g.createQuickModeDraftWithItems(P);
+  }
+  function b() {
+    var S;
+    const g = ((S = l.currentLocation) == null ? void 0 : S.name) ?? "template";
+    zr(n.skus, g);
+  }
+  return { mergedItems: t, unrecognisedItemCodes: o, hasBlockingErrors: s, isLoading: e, onFileUpload: u, submit: c, downloadTemplate: b };
+}
+const Yr = { class: "flex flex-col gap-16" }, Wr = {
+  key: 0,
+  class: "px-16 py-12 rounded-8 bg-fm-color-danger-weak text-fm-color-danger-default"
+}, Kr = { key: 1 }, qr = { class: "fm-typo-en-label-md-400 cursor-pointer" }, Qr = { class: "mt-8 flex flex-col gap-4" }, Jr = { key: 2 }, Zr = { class: "fm-typo-en-label-md-400 cursor-pointer" }, Xr = { class: "mt-8 flex flex-col gap-4" }, el = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftCreatePreviewTable",
+  props: {
+    items: {},
+    unrecognisedItemCodes: {}
+  },
+  setup(t) {
+    const o = t, { t: e } = ot(), n = C(
+      () => o.items.filter((u) => u.status === Ce.negative)
+    ), l = C(
+      () => o.items.filter((u) => u.status === Ce.systemNegative)
+    ), r = C(() => ({
+      [Ce.negative]: {
+        bgColor: "bg-fm-color-danger-weak",
+        textColor: "text-fm-color-danger-default",
+        icon: "🚫",
+        label: e("inventory.closing.draft.createDraft.previewTable.status.negative")
+      },
+      [Ce.systemNegative]: {
+        bgColor: "bg-fm-color-warning-weak",
+        textColor: "text-fm-color-warning-default",
+        icon: "⚠️",
+        label: e("inventory.closing.draft.createDraft.previewTable.status.systemNegative")
+      }
+    })), s = [
+      {
+        id: "name",
+        header: () => e("inventory.ingredient.name"),
+        cell: (u) => u.row.original.sku.name
+      },
+      {
+        id: "uom",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.uom"),
+        size: 80,
+        cell: (u) => u.row.original.sku.unit.abbrev
+      },
+      {
+        id: "systemBalance",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.systemBalance"),
+        size: 180,
+        cell: (u) => {
+          const c = u.row.original;
+          return D("div", de(c.systemBalance));
+        }
+      },
+      {
+        id: "physicalCount",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.stockTakeBalance"),
+        cell: (u) => {
+          const c = u.row.original;
+          return D("div", de(c.physicalCount));
+        }
+      },
+      {
+        id: "variance",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.variance"),
+        cell: (u) => {
+          const b = u.row.original.variance, g = b < 0 ? "text-fm-color-danger-default" : b > 0 ? "text-fm-color-success-default" : "";
+          return D("span", { class: g }, de(b));
+        }
+      },
+      {
+        id: "variancePercentage",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.variancePercentage"),
+        size: 130,
+        cell: (u) => {
+          const c = u.row.original, b = c.systemBalance.amount / Math.pow(10, c.systemBalance.precision), g = b === 0 ? null : Math.max(
+            -100,
+            Math.min(100, Math.round(c.variance / Math.abs(b) * 1e4) / 100)
+          );
+          if (g === null)
+            return D(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              e("inventory.closing.draft.createDraft.previewTable.notApplicable")
+            );
+          const S = `${de(g)}`;
+          if (g === 0)
+            return D(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              S
+            );
+          const J = g > 0;
+          return D("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" }, [
+            D(_e.FmIcon, {
+              name: J ? "arrow_drop_up" : "arrow_drop_down",
+              color: J ? "system-success-300" : "system-error-300",
+              size: "md"
+            }),
+            S
+          ]);
+        }
+      },
+      {
+        id: "status",
+        header: () => e("inventory.common.status"),
+        cell: (u) => {
+          const c = u.row.original.status, b = r.value[c];
+          return b ? D(
+            "span",
+            {
+              class: `px-8 py-2 rounded-4 ${b.bgColor} ${b.textColor} fm-typo-en-label-sm-400`
+            },
+            `${b.icon} ${b.label}`
+          ) : null;
+        }
+      }
+    ];
+    return (u, c) => {
+      const b = te("FmTable");
+      return p(), A("div", Yr, [
+        n.value.length > 0 ? (p(), A("div", Wr, [
+          ve(U(d(e)("inventory.closing.draft.createDraft.previewTable.cannotSubmitNegative")) + " ", 1),
+          a("strong", null, U(n.value.map((g) => g.sku.code).join(", ")), 1)
+        ])) : H("", !0),
+        l.value.length > 0 ? (p(), A("details", Kr, [
+          a("summary", qr, U(d(e)("inventory.closing.draft.createDraft.previewTable.systemNegativeNote", [l.value.length])), 1),
+          a("ul", Qr, [
+            (p(!0), A(re, null, ke(l.value, (g) => (p(), A("li", {
+              key: g.sku._id,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+            }, U(g.sku.code), 1))), 128))
+          ])
+        ])) : H("", !0),
+        u.unrecognisedItemCodes.length > 0 ? (p(), A("details", Jr, [
+          a("summary", Zr, U(d(e)("inventory.closing.draft.createDraft.previewTable.unrecognisedNote", [u.unrecognisedItemCodes.length])), 1),
+          a("ul", Xr, [
+            (p(!0), A(re, null, ke(u.unrecognisedItemCodes, (g) => (p(), A("li", {
+              key: g,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+            }, U(g), 1))), 128))
+          ])
+        ])) : H("", !0),
+        h(b, {
+          "row-data": o.items,
+          "column-defs": s,
+          pagination: { pageSize: 20 }
+        }, null, 8, ["row-data"])
+      ]);
+    };
+  }
+}), tl = { class: "flex flex-col gap-16" }, ol = { class: "flex flex-col gap-8" }, nl = { class: "fm-typo-en-body-lg-600" }, al = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = { class: "fm-corner-radius-md p-16 flex items-center gap-16 border border-fm-color-border-default" }, rl = { class: "flex flex-col flex-1 gap-4" }, ll = { class: "fm-typo-en-body-md-600" }, il = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, cl = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, ul = { class: "fm-typo-en-body-lg-600" }, dl = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300 flex items-center gap-8"
+}, ml = { class: "grid grid-cols-[repeat(3,1fr)] gap-12" }, pl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center gap-4" }, fl = { class: "flex items-center gap-8 w-full" }, vl = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftCreateSideSheet",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(t, { emit: o }) {
+    const e = t, n = o, l = Ut(e, "show"), { t: r } = ot(), s = Me(), u = W("upload"), c = W(null), b = W(!1), { mergedItems: g, unrecognisedItemCodes: S, hasBlockingErrors: J, isLoading: E, onFileUpload: T, submit: I, downloadTemplate: P } = Hr(), Z = C(
+      () => c.value && !E.value && g.value.length > 0
+    ), X = C(() => {
+      const k = g.value.filter(
+        (_) => _.status === Ce.ready
+      ).length, x = g.value.filter(
+        (_) => _.status === Ce.negative
+      ).length, w = g.value.filter(
+        (_) => _.status === Ce.systemNegative
+      ).length, se = g.value.filter((_) => _.variance !== 0).length;
+      return [
+        { label: r("inventory.closing.draft.createDraft.summary.totalItems"), value: g.value.length },
+        { label: r("inventory.closing.draft.createDraft.summary.itemsWithCount"), value: k },
+        {
+          label: r("inventory.closing.draft.createDraft.summary.unrecognisedItems"),
+          value: S.value.length,
+          isWarning: S.value.length > 0
+        },
+        { label: r("inventory.closing.draft.createDraft.summary.itemsWithVariance"), value: se },
+        { label: r("inventory.closing.draft.createDraft.summary.negativeCounts"), value: x, isError: x > 0 },
+        {
+          label: r("inventory.closing.draft.createDraft.summary.systemNegative"),
+          value: w,
+          isWarning: w > 0
+        }
+      ];
+    });
+    async function z(k) {
+      c.value = k, await T(k);
+    }
+    async function F() {
+      b.value = !0;
+      try {
+        await I(), R(), n("submitted"), s.open({
+          title: "Success",
+          message: "Closing draft created successfully",
+          type: "success"
+        });
+      } catch (k) {
+        console.error("Failed to create closing draft", { error: k }), s.open({
+          title: "Something went wrong",
+          message: "Failed to create closing draft. Please try again",
+          type: "error"
+        });
+      } finally {
+        b.value = !1;
+      }
+    }
+    Te(l, (k) => {
+      k || (u.value = "upload", c.value = null);
+    });
+    function R() {
+      l.value = !1;
+    }
+    return (k, x) => {
+      const w = te("FmCircularProgress"), se = te("FmIcon"), _ = te("FmButton"), $ = te("FmCard"), L = te("FmSideSheet");
+      return p(), ne(L, {
+        "dismiss-away": "",
+        "max-width": 9999,
+        "model-value": d(l),
+        "onUpdate:modelValue": x[2] || (x[2] = (j) => _t(l) ? l.value = j : null),
+        header: d(r)("inventory.closing.draft.createDraft.title")
+      }, {
+        default: ee(() => [
+          a("div", tl, [
+            u.value === "upload" ? (p(), A(re, { key: 0 }, [
+              a("div", ol, [
+                a("div", nl, U(d(r)("inventory.closing.draft.createDraft.importCsv")), 1),
+                a("div", al, U(d(r)("inventory.closing.draft.createDraft.uploadDescription")), 1),
+                h(Tn, {
+                  class: we({ "h-[200px]": !c.value }),
+                  accept: ".csv",
+                  disabled: d(E),
+                  onFileUpload: z
+                }, on({ _: 2 }, [
+                  c.value ? {
+                    name: "default",
+                    fn: ee(({ openFileDialog: j }) => [
+                      a("div", sl, [
+                        d(E) ? (p(), ne(w, {
+                          key: 0,
+                          size: "md",
+                          color: "neutral-gray-200"
+                        })) : (p(), ne(se, {
+                          key: 1,
+                          name: "check_circle",
+                          color: "system-success-400",
+                          size: "lg"
+                        })),
+                        a("div", rl, [
+                          a("div", ll, U(c.value.name), 1),
+                          a("div", il, U(d(E) ? d(r)("inventory.closing.draft.createDraft.processing") : d(r)("inventory.closing.draft.createDraft.itemsLoaded", [d(g).length])), 1)
+                        ]),
+                        d(E) ? H("", !0) : (p(), ne(_, {
+                          key: 2,
+                          label: d(r)("inventory.closing.draft.createDraft.replaceFile"),
+                          variant: "secondary",
+                          "prepend-icon": "autorenew",
+                          onClick: j
+                        }, null, 8, ["label", "onClick"]))
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["class", "disabled"])
+              ]),
+              Z.value ? (p(), A("div", cl, [
+                a("div", ul, U(d(r)("inventory.closing.draft.createDraft.importSummary")), 1),
+                d(J) ? (p(), A("div", dl, [
+                  h(se, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  }),
+                  a("span", null, U(d(r)("inventory.closing.draft.createDraft.reviewIssues")), 1)
+                ])) : H("", !0),
+                h($, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-12 px-16 py-12"
+                }, {
+                  default: ee(() => [
+                    a("div", ml, [
+                      (p(!0), A(re, null, ke(X.value, (j) => (p(), A("div", {
+                        key: j.label,
+                        class: "flex flex-col gap-4"
+                      }, [
+                        a("div", pl, [
+                          j.isError ? (p(), ne(se, {
+                            key: 0,
+                            name: "error",
+                            size: "sm",
+                            color: "system-error-300"
+                          })) : H("", !0),
+                          j.isWarning && !j.isError ? (p(), ne(se, {
+                            key: 1,
+                            name: "warning",
+                            size: "sm",
+                            color: "system-warning-300"
+                          })) : H("", !0),
+                          a("span", null, U(j.label), 1)
+                        ]),
+                        a("div", {
+                          class: we([
+                            "fm-typo-en-body-lg-600",
+                            {
+                              "text-fm-color-system-error-300": j.isError,
+                              "text-fm-color-system-warning-300": j.isWarning && !j.isError
+                            }
+                          ])
+                        }, U(j.value), 3)
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : H("", !0)
+            ], 64)) : H("", !0),
+            u.value === "preview" ? (p(), ne(el, {
+              key: 1,
+              items: d(g),
+              "unrecognised-item-codes": d(S)
+            }, null, 8, ["items", "unrecognised-item-codes"])) : H("", !0)
+          ])
+        ]),
+        "side-sheet-footer": ee(() => [
+          a("div", fl, [
+            u.value === "preview" ? (p(), ne(_, {
+              key: 0,
+              variant: "secondary",
+              label: d(r)("inventory.common.back"),
+              "prepend-icon": "arrow_back",
+              onClick: x[0] || (x[0] = (j) => u.value = "upload")
+            }, null, 8, ["label"])) : H("", !0),
+            u.value === "upload" ? (p(), ne(_, {
+              key: 1,
+              variant: "primary",
+              label: d(r)("inventory.common.next"),
+              disabled: !c.value || d(E),
+              onClick: x[1] || (x[1] = (j) => u.value = "preview")
+            }, null, 8, ["label", "disabled"])) : H("", !0),
+            u.value === "preview" ? (p(), ne(jn, {
+              key: 2,
+              label: d(r)("inventory.closing.draft.createDraft.submit"),
+              disabled: d(J) || d(g).length === 0 || b.value,
+              loading: b.value,
+              "confirm-title": d(r)("inventory.closing.draft.createDraft.confirmTitle"),
+              "confirm-message": d(r)("inventory.closing.draft.createDraft.confirmMessage"),
+              onConfirm: F
+            }, null, 8, ["label", "disabled", "loading", "confirm-title", "confirm-message"])) : H("", !0),
+            h(_, {
+              variant: "tertiary",
+              label: d(r)("inventory.common.close"),
+              onClick: R
+            }, null, 8, ["label"]),
+            u.value === "upload" ? (p(), ne(_, {
+              key: 3,
+              class: "ml-auto",
+              variant: "secondary",
+              label: d(r)("inventory.closing.draft.createDraft.downloadTemplate"),
+              "prepend-icon": "download",
+              onClick: d(P)
+            }, null, 8, ["label", "onClick"])) : H("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), gl = ["onClick"], yl = { class: "flex items-start gap-8" }, bl = { class: "fm-typo-body-md-400 line-clamp-3 w-full" }, hl = { class: "flex flex-col gap-8" }, _l = { class: "flex items-start gap-4" }, kl = { class: "flex-1 flex flex-col gap-8" }, wl = { class: "flex flex-col" }, xl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Al = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, $l = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Cl = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, si = /* @__PURE__ */ Ae({
+  __name: "ClosingDraftView",
+  setup(t) {
+    const { t: o } = ot(), { viewDraft: e } = ht(), { viewClosingDraftProps: n, viewClosingDraftShow: l } = pn(ht()), r = qe(), s = Ao(), u = sn(), { breakpoints: c } = ln();
+    r.watchLocation(s.onLocationChanged);
+    const b = W(""), g = Me();
+    function S(_) {
+      const $ = /* @__PURE__ */ new Date();
+      return $.setDate($.getDate() - _), $;
+    }
+    const J = (() => {
+      const _ = Ke, $ = /* @__PURE__ */ new Date(), L = S($.getDay()), j = S($.getDay() + 1), fe = S($.getDay() + 7), oe = new Date($.getFullYear(), $.getMonth(), 1), N = new Date($.getFullYear(), $.getMonth() + 1, 0), f = new Date($.getFullYear(), $.getMonth() - 1, 1), y = new Date($.getFullYear(), $.getMonth(), 0);
+      return [
+        { label: "Today", value: { startDate: _($), endDate: _($) } },
+        { label: "Yesterday", value: { startDate: _(S(1)), endDate: _(S(1)) } },
+        { label: "This week", value: { startDate: _(L), endDate: _($) } },
+        { label: "Last week", value: { startDate: _(fe), endDate: _(j) } },
+        { label: "Last 7 days", value: { startDate: _(S(7)), endDate: _(S(1)) } },
+        { label: "This month", value: { startDate: _(oe), endDate: _(N) } },
+        { label: "Last month", value: { startDate: _(f), endDate: _(y) } }
+      ];
+    })(), E = W();
+    function T(_) {
+      var $;
+      ($ = E.value) == null || $.openRowDetail(_);
+    }
+    const I = W({ ...s.dateRange });
+    Te(I, (_) => {
+      const $ = s.setDateRange(_);
+      ($.startDate !== _.startDate || $.endDate !== _.endDate) && (I.value = $, g.open({ title: "Date range is limited to 6 months", type: "info" }));
+    });
+    const P = W(!1), Z = C(() => c.value.xs || c.value.sm), X = C(() => Z.value ? 10 : 20), z = C(
+      () => {
+        var _;
+        return ((_ = r._currentLocation) == null ? void 0 : _.type) === mn.enum.warehouse;
+      }
+    );
+    function F(_) {
+      switch (_) {
+        case "add":
+          return P.value = !0;
+        case "refresh":
+          return s.refresh();
+      }
+    }
+    function R(_) {
+      return _;
+    }
+    function k(_) {
+      return _.original.groups ?? [];
+    }
+    function x(_) {
+      return _.column.columnDef.meta;
+    }
+    function w(_) {
+      const $ = oa(k(_)), L = $.totalAmount.toLocaleString("en-MY", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      });
+      return [
+        `${$.totalItems} items`,
+        `RM ${L}`,
+        `${$.groupCount} groups`,
+        `${$.completed} completed`,
+        `${$.draft} draft`,
+        $.rejected ? `${$.rejected} rejected` : null
+      ].filter(Boolean).join(" · ");
+    }
+    const se = C(() => {
+      const _ = {
+        label: o("inventory.closing.draft.createDraft.title"),
+        value: "add",
+        isPrimary: !0,
+        prependIcon: "add",
+        testId: "closing-draft-create"
+      }, $ = {
+        label: o("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      };
+      return [...z.value ? [_] : [], $];
+    });
+    return (_, $) => (p(), A(re, null, [
+      h(rn, {
+        title: d(o)("inventory.closing.draft.title"),
+        actions: se.value,
+        "onClick:action": F
+      }, {
+        default: ee(() => [
+          a("div", {
+            class: we([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": Z.value,
+                "px-24 ": !Z.value
+              }
+            ])
+          }, [
+            h($n, {
+              "change-location": "",
+              searchable: "",
+              "date-range-query": "",
+              "predefined-date-ranges": d(J),
+              search: b.value,
+              "onUpdate:search": $[0] || ($[0] = (L) => b.value = L),
+              "date-range": I.value,
+              "onUpdate:dateRange": $[1] || ($[1] = (L) => I.value = L)
+            }, null, 8, ["predefined-date-ranges", "search", "date-range"]),
+            h(Cn, {
+              style: bt(d(u).tableHeight),
+              "column-defs": d(s).columnDefs,
+              rows: d(s).drafts,
+              "onUpdate:rows": $[2] || ($[2] = (L) => d(s).drafts = L),
+              "fetch-page": d(s).fetchDraftsPage,
+              transform: d(s).transformDrafts,
+              "refresh-key": d(s).tableKey,
+              ref_key: "tableRef",
+              ref: E,
+              "search-value": b.value,
+              loading: d(s).loading,
+              "fetch-detail": (L, j) => d(e)(L._id, j),
+              "detail-to-row": d(s).detailToRow,
+              "page-size": X.value
+            }, {
+              "table-row": ee((L) => [
+                a("tr", {
+                  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm cursor-pointer",
+                  "data-testid": "closing-draft-row",
+                  onClick: (j) => T(L.original)
+                }, [
+                  (p(!0), A(re, null, ke(L.getVisibleCells(), (j) => {
+                    var fe, oe, N, f;
+                    return p(), A("td", {
+                      key: j.id,
+                      class: we([
+                        "h-[56px] text-fm-color-typo-primary align-top",
+                        ((fe = x(j)) == null ? void 0 : fe.cellClass) ?? "px-16 py-12"
+                      ]),
+                      style: bt({
+                        width: (oe = x(j)) == null ? void 0 : oe.width,
+                        maxWidth: (N = x(j)) == null ? void 0 : N.maxWidth,
+                        textAlign: ((f = x(j)) == null ? void 0 : f.textAlign) ?? "left"
+                      })
+                    }, [
+                      a("div", yl, [
+                        a("span", bl, [
+                          h(d(Ze), {
+                            render: j.column.columnDef.cell,
+                            props: j.getContext()
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ], 6);
+                  }), 128))
+                ], 8, gl)
+              ]),
+              "list-row": ee((L) => [
+                a("div", hl, [
+                  a("div", _l, [
+                    h(Rn, {
+                      class: "flex-1",
+                      "data-testid": "closing-draft-row",
+                      row: L,
+                      onRowClick: (j) => T(j)
+                    }, {
+                      default: ee((j) => {
+                        var fe, oe, N, f, y, M, K, ue, B, G, ge, le, be, ye, Ue, nt, Le, at, Oe, st;
+                        return [
+                          a("div", kl, [
+                            a("div", wl, [
+                              a("div", xl, [
+                                h(d(Ze), {
+                                  render: (N = (oe = (fe = j._id) == null ? void 0 : fe.column) == null ? void 0 : oe.columnDef) == null ? void 0 : N.cell,
+                                  props: (y = (f = j._id) == null ? void 0 : f.getContext) == null ? void 0 : y.call(f)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              a("div", Dl, [
+                                h(d(Ze), {
+                                  render: (ue = (K = (M = j.name) == null ? void 0 : M.column) == null ? void 0 : K.columnDef) == null ? void 0 : ue.cell,
+                                  props: (G = (B = j.name) == null ? void 0 : B.getContext) == null ? void 0 : G.call(B)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              a("div", Al, U([
+                                ...L.original.previewItemNames,
+                                ...L.original.itemCount - L.original.previewItemNames.length > 0 ? [
+                                  `and ${L.original.itemCount - L.original.previewItemNames.length} more items`
+                                ] : []
+                              ].join(", ")), 1),
+                              a("div", $l, [
+                                h(d(Ze), {
+                                  render: (be = (le = (ge = j.ref) == null ? void 0 : ge.column) == null ? void 0 : le.columnDef) == null ? void 0 : be.cell,
+                                  props: (Ue = (ye = j.ref) == null ? void 0 : ye.getContext) == null ? void 0 : Ue.call(ye)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            k(L).length ? (p(), A("div", Cl, U(w(L)), 1)) : H("", !0),
+                            a("div", null, [
+                              h(d(Ze), {
+                                render: (at = (Le = (nt = j.status) == null ? void 0 : nt.column) == null ? void 0 : Le.columnDef) == null ? void 0 : at.cell,
+                                props: (st = (Oe = j.status) == null ? void 0 : Oe.getContext) == null ? void 0 : st.call(Oe)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["row", "onRowClick"])
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "rows", "fetch-page", "transform", "refresh-key", "search-value", "loading", "fetch-detail", "detail-to-row", "page-size"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]),
+      h(vl, {
+        show: P.value,
+        "onUpdate:show": $[3] || ($[3] = (L) => P.value = L),
+        onSubmitted: d(s).refresh
+      }, null, 8, ["show", "onSubmitted"]),
+      (p(), ne(nn, { to: "body" }, [
+        h(Er, an(d(n), {
+          show: d(l),
+          "onUpdate:show": $[4] || ($[4] = (L) => _t(l) ? l.value = L : null),
+          onSubmitted: $[5] || ($[5] = () => (l.value = !1, d(s).refresh())),
+          onRefresh: $[6] || ($[6] = (L) => d(s).updateDraftRef(L))
+        }), null, 16, ["show"])
+      ]))
+    ], 64));
+  }
+});
+export {
+  si as default
+};