@feedmepos/mf-inventory-portal 1.7.1-dev.0 → 1.7.2-dev.0

package/dist/ClosingDraftView-DDWU93p0.js

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