@feedmepos/mf-inventory-portal 1.5.12 → 1.6.0-dev.2

package/dist/ClosingDraftView-Bilo3C7N.js

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