@feedmepos/mf-inventory-portal 1.7.0-dev.5 → 1.7.0-dev.7

package/dist/ClosingDraftView-4UP_hqXM.js

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