@feedmepos/mf-inventory-portal 1.7.0-dev.6 → 1.7.0-dev.8

package/dist/ClosingDraftView-CNEvYNfz.js

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