@feedmepos/mf-inventory-portal 1.3.17-dev.1 → 1.3.17-dev.2

package/dist/ClosingDraftView-Bwq-P_gh.js

@@ -1,3061 +0,0 @@
-import { defineComponent as je, ref as K, computed as U, onMounted as ct, resolveComponent as W, openBlock as k, createElementBlock as V, Fragment as ie, createTextVNode as me, createBlock as ae, withCtx as Z, createElementVNode as n, toDisplayString as O, unref as l, createVNode as F, createCommentVNode as H, h as $, watch as Le, renderList as ke, reactive as Ct, isRef as ut, normalizeClass as Se, normalizeStyle as Bt, createSlots as Qt, Teleport as Zt, mergeProps as Jt } from "vue";
-import { u as Xt, _ as en } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
-import { useCoreStore as It, useI18n as tt } from "@feedmepos/mf-common";
-import { useSnackbar as nt, useDialog as tn, components as _e, useProxiedModel as Tt, useBreakpoints as nn } from "@feedmepos/ui-library";
-import { m as an, u as Oe, L as se, w as ee, q as jt, s as Ie, M as xe, B as Te, c as on, a as dt, j as sn } from "./app-DLDCXd9a.js";
-import { defineStore as Pt, storeToRefs as rn } from "pinia";
-import { b as Xe, e as Vt, f as ln, a as Ce } from "./date2-CHswjJUp.js";
-import { R as cn } from "./rules-D6uxkKZX.js";
-import { e as mt, a as it, t as Mt, c as ze, l as Ut, m as Rt, j as Nt, k as Et, o as ne } from "./number-j9IKb1r-.js";
-import { b as un, d as dn } from "./xlsx.util-D61aHgAt.js";
-import { u as mn } from "./stock-DH1PnK0M.js";
-import { u as at } from "./stock-C7dY8O1s.js";
-import { D as St, R as Re } from "./row-action.enum-DQ9bJ_uv.js";
-import { c as fn } from "./component-kqxARxvM.js";
-import { f as pn } from "./format-time-from-id-Bp95nZWH.js";
-import { f as vn } from "./recalculationUtils-Dyp9O9Cn.js";
-import { _ as yn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Y8uj4A2g.js";
-import { _ as gn } from "./empty-placeholder-B0QU467o.js";
-import { F as $t } from "./FmAdminBadge-DjnBAgyv.js";
-import { u as bn } from "./vue-i18n-AgOoUQs7.js";
-import { F as hn } from "./decimal-1bd9FS8v.js";
-import { r as _n, u as Ze, w as kn } from "./xlsx-BaV8TO1y.js";
-import { d as wn } from "./dayjs.min-CWIk1QcT.js";
-import { F as xn } from "./FmDroppableField-J0xUsOTV.js";
-import { _ as Dn } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-DLrMEGFR.js";
-import { _ as An, F as Qe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-const He = an((a, t) => {
-  function e() {
-    return Oe().currentLocation.dbName;
-  }
-  return {
-    async getDraft(o) {
-      const h = e(), c = `${a.inventoryBackendUrl}/${h}/closing-draft/${o}`;
-      return t.get(c);
-    },
-    async readDrafts() {
-      const o = e(), h = `${a.inventoryBackendUrl}/${o}/closing-draft`;
-      return t.get(h);
-    },
-    async runOperation(o) {
-      const h = e(), c = `${a.inventoryBackendUrl}/${h}/closing-draft/run-operation`;
-      return t.post(c, o);
-    },
-    async runOperationV1(o) {
-      const h = e(), c = `${a.inventoryBackendUrl}/${h}/closing-draft/v1/run-operation`;
-      return t.post(c, o);
-    },
-    async sync(o) {
-      const h = e(), c = `${a.inventoryBackendUrl}/${h}/closing-draft/sync`;
-      return t.post(c, o);
-    },
-    async cloneDraft(o) {
-      const h = e(), c = `${a.inventoryBackendUrl}/${h}/closing-draft/${o}/clone`;
-      return t.post(c, {});
-    },
-    async createQuickModeDraftWithItems(o) {
-      const h = e(), c = `${a.inventoryBackendUrl}/${h}/closing-draft/quick-mode/new-with-items`;
-      return t.post(c, o);
-    }
-  };
-}), Cn = { class: "fm-typo-en-body-lg-400" }, Sn = { class: "fm-typo-en-body-lg-600" }, $n = {
-  key: 0,
-  class: "flex flex-col"
-}, Fn = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
-}, Bn = { class: "flex gap-12 py-8 justify-end w-full" }, lt = /* @__PURE__ */ je({
-  __name: "ClosingDraftAction",
-  props: {
-    draft: {},
-    action: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(a) {
-    const t = a, e = K(), o = He(), h = nt(), c = K(!1), r = K(null), f = K(!1), C = U(() => {
-      switch (t.action) {
-        case se.enum.approveDraft:
-          return "Approve";
-        case se.enum.rejectDraft:
-          return "Reject";
-        case se.enum.markAsFailed:
-          return "Mark as Failed";
-      }
-      throw new Error(`Unknown action: ${t.action}`);
-    }), I = U(() => {
-      switch (t.action) {
-        case se.enum.approveDraft:
-          return "primary";
-        case se.enum.rejectDraft:
-          return "destructive";
-        case se.enum.markAsFailed:
-          return "destructive";
-      }
-      throw new Error(`Unknown action: ${t.action}`);
-    });
-    ct(() => {
-      if (t.draft.effectiveAt)
-        r.value = new Date(t.draft.effectiveAt);
-      else {
-        const j = new Date(t.draft.createdAt);
-        j.setHours(23, 59, 59, 999), r.value = j;
-      }
-      f.value = !0;
-    });
-    const i = U({
-      get() {
-        return r.value === null ? "" : Xe(r.value);
-      },
-      set(j) {
-        if (j) {
-          const x = /* @__PURE__ */ new Date(`${j} ${P.value}`);
-          x.setSeconds(59, 999), r.value = x;
-        } else
-          r.value = null;
-      }
-    }), P = U({
-      get() {
-        return r.value === null ? "" : Vt(r.value);
-      },
-      set(j) {
-        if (j) {
-          const x = /* @__PURE__ */ new Date(`${i.value} ${j}`);
-          x.setSeconds(59, 999), r.value = x;
-        } else
-          r.value = null;
-      }
-    }), M = U(() => r.value ? r.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
-    async function N(j) {
-      c.value = !0;
-      try {
-        j ? await o.runOperationV1({
-          _id: t.draft._id,
-          _rev: t.draft._rev ?? "",
-          action: t.action,
-          data: {
-            effectiveAt: r.value ? r.value.toISOString() : null,
-            remark: e.value
-          }
-        }).delayed(500) : await o.runOperation({
-          _id: t.draft._id,
-          _rev: t.draft._rev ?? "",
-          action: t.action,
-          data: {
-            effectiveAt: r.value ? r.value.toISOString() : null,
-            remark: e.value
-          }
-        }).delayed(500), h.open({
-          title: "Success",
-          message: "Action submitted",
-          type: "success"
-        }), t.onFinished();
-      } catch (x) {
-        h.open({
-          title: "Something went wrong",
-          message: (x == null ? void 0 : x.message) ?? "Unable to submit action. Please try again",
-          type: "error"
-        }), console.error("error on submit closing draft action", x);
-      } finally {
-        c.value = !1;
-      }
-    }
-    return (j, x) => {
-      const d = W("FmLabel"), p = W("FmDatePicker"), u = W("FmTimePicker"), g = W("FmTextField"), b = W("FmButton"), D = W("FmForm");
-      return f.value ? (k(), ae(D, {
-        key: 1,
-        onValidationSuccess: N,
-        class: "flex flex-col gap-32",
-        disabled: c.value
-      }, {
-        default: Z(() => [
-          n("div", Cn, [
-            x[4] || (x[4] = me(" You are about to ")),
-            n("span", Sn, O(C.value), 1),
-            x[5] || (x[5] = me(" this draft. Please provide a remark to justify this action. "))
-          ]),
-          j.action === l(se).enum.approveDraft ? (k(), V("div", $n, [
-            F(d, { class: "fm-typo-en-body-lg-600" }, {
-              default: Z(() => x[6] || (x[6] = [
-                me("Closing Date")
-              ])),
-              _: 1
-            }),
-            F(p, {
-              modelValue: i.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (S) => i.value = S),
-              max: l(Xe)(/* @__PURE__ */ new Date())
-            }, null, 8, ["modelValue", "max"]),
-            F(d, { class: "fm-typo-en-body-lg-600" }, {
-              default: Z(() => x[7] || (x[7] = [
-                me("Closing Time")
-              ])),
-              _: 1
-            }),
-            F(u, {
-              modelValue: P.value,
-              "onUpdate:modelValue": x[1] || (x[1] = (S) => P.value = S)
-            }, null, 8, ["modelValue"]),
-            M.value ? (k(), V("div", Fn, " Cannot select future date ")) : H("", !0)
-          ])) : H("", !0),
-          F(g, {
-            modelValue: e.value,
-            "onUpdate:modelValue": x[2] || (x[2] = (S) => e.value = S),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [l(cn)()]
-          }, null, 8, ["modelValue", "rules"]),
-          n("div", Bn, [
-            F(b, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: x[3] || (x[3] = (S) => j.onCancel())
-            }),
-            F(b, {
-              label: C.value,
-              type: "submit",
-              variant: I.value,
-              loading: c.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (k(), V(ie, { key: 0 }, [
-        me("Loading")
-      ], 64));
-    };
-  }
-}), In = ze(0);
-function Lt(a) {
-  const t = a.measurementsAmounts.groupBy((o) => o.measurement.id), e = a.sku.unit.measurements.reduce((o, h) => {
-    var f, C;
-    const c = ((C = (f = t.get(h.id)) == null ? void 0 : f[0]) == null ? void 0 : C.amount) ?? In, r = mt(h.conversion, c);
-    return o + +it(r);
-  }, +it(a.baseAmount));
-  return Mt(e, a.baseAmount.precision);
-}
-const Tn = ze(0), jn = ze(100);
-function Pn(a, t, e, o, h, c, r, f) {
-  var q, de, E, B, re;
-  const C = Lt(a), I = o ?? C, i = Ut(I, t), P = t.amount === 0 ? null : Rt(i, {
-    ...t,
-    amount: Math.abs(t.amount)
-  }), M = P ? mt(P, jn) : null, N = ((q = a.sku.defaultCost) == null ? void 0 : q.costPerUnit) ?? { amount: 0, precision: 0 }, j = Number(ee.toFormatString({ value: N })), x = ((E = (de = a.sku.defaultCost) == null ? void 0 : de.measurement) == null ? void 0 : E.conversion) ?? {
-    amount: 1,
-    precision: 0
-  }, d = Number(
-    ee.toFormatString({ value: x })
-  ), p = h ? Number(ee.toFormatString({ value: h })) : 0, u = Number(ee.toFormatString({ value: t })), g = Number(ee.toFormatString({ value: I })), b = g - u, D = b * j / d, S = g * j / d, Y = u * j / d, te = {};
-  return r && c && r.forEach((w) => {
-    const J = { amount: 0, precision: 0 }, X = c[w];
-    if (X) {
-      const fe = Nt(J, X);
-      te[`adjustment_${w}`] = it(fe);
-    } else
-      te[`adjustment_${w}`] = "0";
-  }), {
-    code: a.sku.code,
-    name: a.sku.name,
-    baseUnit: a.sku.unit.abbrev,
-    costUnit: ((re = (B = a.sku.defaultCost) == null ? void 0 : B.measurement) == null ? void 0 : re.abbrev) ?? null,
-    baseUnitAmount: Number(ee.toFormatString({ value: a.baseAmount })),
-    ...a.measurementsAmounts.filter(
-      (w) => Vn(w.measurement) && e.includes(w.measurement.id)
-    ).reduce(
-      (w, J, X) => (w[`measurementAbbrev${X}`] = `(${J.measurement.abbrev}) × ${ee.toFormatString({ value: J.measurement.conversion })}`, w[`measurementAmount${X}`] = Number(ee.toFormatString({ value: J.amount })), w),
-      {}
-    ),
-    systemBalance: u,
-    physicalBalance: g,
-    adjustedAmount: Number(ee.toFormatString({ value: i })),
-    adjustedDiffPercentage: M ? Number(
-      ee.toFormatString({
-        value: Et(M, 2)
-      })
-    ) : null,
-    costPerUnit: j,
-    opening: p,
-    ...te,
-    varianceQty: b,
-    varianceInCost: D,
-    stockTakeValue: S,
-    systemValue: Y,
-    // Include custom attribute values
-    ...(f ?? []).reduce(
-      (w, J) => {
-        var fe;
-        const X = (fe = a.sku.customAttributes) == null ? void 0 : fe[J];
-        return w[`customAttr_${J}`] = X != null ? String(X) : null, w;
-      },
-      {}
-    )
-  };
-}
-function Vn(a) {
-  return !a.abbrev.toLocaleLowerCase().includes("inactive");
-}
-function Mn(a) {
-  const t = zt(a);
-  return a.reduce(
-    (e, o) => {
-      var h;
-      return Math.max(e, ((h = t == null ? void 0 : t.get(o.sku._id)) == null ? void 0 : h[0].length) ?? 0);
-    },
-    0
-  );
-}
-function zt(a) {
-  return a.groupBy(
-    (t) => t.sku._id,
-    (t) => t.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
-  );
-}
-function Un(a, t = [], e = []) {
-  const o = jt(), h = 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
-    ...t.map((r) => ({
-      id: `adjustment_${r}`,
-      name: Ie(r)
-    })),
-    {
-      id: "systemBalance",
-      name: "System balance (Qty)"
-    },
-    {
-      id: "physicalBalance",
-      name: "Stock take (Qty)"
-    },
-    {
-      id: "adjustedAmount",
-      name: "Variance"
-    },
-    {
-      id: "varianceInCost",
-      name: `Variance (${h})`
-    },
-    {
-      id: "adjustedDiffPercentage",
-      name: "Variance (%)"
-    },
-    {
-      id: "stockTakeValue",
-      name: `Stock take value (${h})`
-    },
-    {
-      id: "systemValue",
-      name: `System value (${h})`
-    },
-    {
-      id: "baseUnitAmount",
-      name: "Base unit amount"
-    },
-    ...Array.from({ length: a }).flatMap((r, f) => [
-      {
-        id: `measurementAmount${f}`,
-        name: `UOM amount ${f + 1}`
-      },
-      {
-        id: `measurementAbbrev${f}`,
-        name: `UOM ${f + 1}`
-      }
-    ]),
-    // Dynamic custom attribute columns
-    ...e.map((r) => ({
-      id: `customAttr_${r}`,
-      name: Ie(r)
-    }))
-  ];
-}
-function Rn(a, t, e, o = []) {
-  var te, oe, q, de, E, B, re;
-  const h = t.groupBy(
-    (w) => w.id,
-    (w) => w.balance
-  ), c = e.groupBy(
-    (w) => w.id,
-    (w) => w.balance
-  ), r = /* @__PURE__ */ new Map();
-  if (a.opening)
-    for (const w of a.opening)
-      r.set(w.skuId, w.balance);
-  const f = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Map();
-  if (a.adjustmentSnapshot)
-    for (const w of a.adjustmentSnapshot)
-      w.adjustmentsByType && (Object.keys(w.adjustmentsByType).forEach((J) => f.add(J)), C.set(w.skuId, w.adjustmentsByType));
-  const I = ["receive", "sales", "wastage"], i = [];
-  I.forEach((w) => {
-    f.has(w) && (i.push(w), f.delete(w));
-  });
-  const P = Array.from(f).sort(), M = [...i, ...P], N = [...a.items, ...a.negativeStockItems ?? []], j = zt(N), x = N.map((w) => {
-    var le, De, $e;
-    const J = ((le = h.get(w.sku._id)) == null ? void 0 : le[0]) ?? Tn, X = ((De = j == null ? void 0 : j.get(w.sku._id)) == null ? void 0 : De[0]) ?? [], fe = r.get(w.sku._id), Pe = C.get(w.sku._id);
-    return Pn(
-      w,
-      J,
-      X,
-      ($e = c.get(w.sku._id)) == null ? void 0 : $e[0],
-      fe,
-      Pe,
-      M,
-      o
-    );
-  }), d = Mn(N), u = It().currentBusiness.value, g = Un(d, M, o), b = [
-    ["Business name:", u == null ? void 0 : u.name],
-    ["Business ID:", u == null ? void 0 : u._id],
-    ["Menu version", u == null ? void 0 : u.menuVersion],
-    ["Created at", new Date(a.createdAt)],
-    ["Created by", (te = a.createdBy) == null ? void 0 : te.name],
-    ["Updated at", new Date(a.updatedAt)],
-    ["Updated by", (oe = a.updatedBy) == null ? void 0 : oe.name],
-    ["Recent action", a.approvedAt ? "Approve" : a.rejectionHistory ? "Reject" : ""],
-    [
-      "Action by",
-      a.approvedAt ? (q = a.approvedBy) == null ? void 0 : q.name : a.rejectionHistory ? (E = (de = a.rejectionHistory[0]) == null ? void 0 : de.rejectedBy) == null ? void 0 : E.name : ""
-    ],
-    [
-      "Action at",
-      a.approvedAt ? new Date(a.approvedAt) : a.rejectionHistory ? new Date((B = a.rejectionHistory[0]) == null ? void 0 : B.rejectedAt) : ""
-    ],
-    [
-      "Action remark",
-      a.approvedAt ? a.approveRemark : a.rejectionHistory ? new Date((re = a.rejectionHistory[0]) == null ? void 0 : re.rejectRemark) : ""
-    ],
-    [],
-    g.map((w) => w.name),
-    ...x.map((w) => g.map((J) => w[J.id]))
-  ], D = g.map((w) => `system:${w.id}`), S = un(b, D), Y = `[${u == null ? void 0 : u.name}] closing draft (${ln(new Date(a.updatedAt))}).xlsx`;
-  return dn(S, Y), Y;
-}
-const Nn = { class: "flex flex-col" }, En = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
-}, Ln = { class: "flex gap-12 py-8 justify-end w-full" }, zn = /* @__PURE__ */ je({
-  __name: "RefreshBalanceAction",
-  props: {
-    draft: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(a) {
-    const t = a;
-    at();
-    const e = K(!1), o = K(null), h = K(!1);
-    ct(() => {
-      if (t.draft.effectiveAt)
-        o.value = new Date(t.draft.effectiveAt);
-      else {
-        const I = new Date(t.draft.createdAt);
-        I.setHours(23, 59, 59, 999), o.value = I;
-      }
-      h.value = !0;
-    });
-    const c = U({
-      get() {
-        return o.value === null ? "" : Xe(o.value);
-      },
-      set(I) {
-        if (I) {
-          const i = /* @__PURE__ */ new Date(`${I} ${r.value}`);
-          i.setSeconds(59, 999), o.value = i;
-        } else
-          o.value = null;
-      }
-    }), r = U({
-      get() {
-        return o.value === null ? "" : Vt(o.value);
-      },
-      set(I) {
-        if (I) {
-          const i = /* @__PURE__ */ new Date(`${c.value} ${I}`);
-          i.setSeconds(59, 999), o.value = i;
-        } else
-          o.value = null;
-      }
-    }), f = U(() => o.value ? o.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
-    async function C() {
-      e.value = !0, t.onFinished(o.value.toISOString());
-    }
-    return (I, i) => {
-      const P = W("FmLabel"), M = W("FmDatePicker"), N = W("FmTimePicker"), j = W("FmButton"), x = W("FmForm");
-      return h.value ? (k(), ae(x, {
-        key: 1,
-        onValidationSuccess: C,
-        class: "flex flex-col gap-32",
-        disabled: e.value
-      }, {
-        default: Z(() => [
-          i[5] || (i[5] = n("div", { class: "fm-typo-en-body-lg-400" }, [
-            n("p", null, [
-              me(" Performing "),
-              n("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
-              me(" until closing effective date and time. ")
-            ]),
-            n("p", { class: "mt-2" }, [
-              me(" Please note that this action will "),
-              n("b", null, "update"),
-              me(" the effective date and time. ")
-            ])
-          ], -1)),
-          n("div", Nn, [
-            F(P, { class: "fm-typo-en-body-lg-600" }, {
-              default: Z(() => i[3] || (i[3] = [
-                me("Closing Date")
-              ])),
-              _: 1
-            }),
-            F(M, {
-              modelValue: c.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (d) => c.value = d),
-              max: l(Xe)(/* @__PURE__ */ new Date())
-            }, null, 8, ["modelValue", "max"]),
-            F(P, { class: "fm-typo-en-body-lg-600" }, {
-              default: Z(() => i[4] || (i[4] = [
-                me("Closing Time")
-              ])),
-              _: 1
-            }),
-            F(N, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d)
-            }, null, 8, ["modelValue"]),
-            f.value ? (k(), V("div", En, " Cannot select future date ")) : H("", !0)
-          ]),
-          n("div", Ln, [
-            F(j, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: i[2] || (i[2] = (d) => I.onCancel())
-            }),
-            F(j, {
-              label: "Refresh balance",
-              type: "submit",
-              variant: "primary",
-              loading: e.value,
-              disabled: f.value
-            }, null, 8, ["loading", "disabled"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (k(), V(ie, { key: 0 }, [
-        me("Loading")
-      ], 64));
-    };
-  }
-}), et = Pt(
-  "closingDraftActions",
-  function() {
-    const t = tn(), e = nt(), o = at(), h = He(), c = mn(), r = K(!1), f = K();
-    function C(g) {
-      const b = {
-        draft: g
-      };
-      f.value = b, r.value = !0;
-    }
-    async function I(g) {
-      var D;
-      if (g.status === xe.enum.COMPLETED) {
-        const S = g.closingAdjustmentId;
-        if (!S)
-          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: g._id
-          }), [];
-        const Y = await o.readAdjustmentById(S);
-        return ((Y == null ? void 0 : Y.skus) ?? []).map((oe) => ({
-          id: oe.sku._id,
-          balance: oe.fromBalance,
-          costs: oe.fromCostBalances
-        }));
-      } else
-        return await c.readStockBalance(), ((D = c.stockBalance) == null ? void 0 : D.skus) ?? [];
-    }
-    async function i(g, b, D, S) {
-      b || (e.open({
-        title: "Exporting",
-        message: "Fetching data..."
-      }), b = await I(g)), Rn(g, b, D ?? [], S ?? []);
-    }
-    function P(g, b, D) {
-      t.open({
-        title: "Approve draft",
-        contentComponent: lt,
-        contentComponentProps: {
-          draft: g,
-          action: se.enum.approveDraft,
-          onFinished: () => {
-            t.close(), b == null || b();
-          },
-          onCancel: () => {
-            t.close();
-          }
-        }
-      }).onClose(() => {
-        D == null || D();
-      });
-    }
-    function M(g, b) {
-      t.open({
-        title: "Reject draft",
-        contentComponent: lt,
-        contentComponentProps: {
-          draft: g,
-          action: se.enum.rejectDraft,
-          onFinished: () => {
-            t.close(), b == null || b();
-          },
-          onCancel: () => t.close()
-        }
-      });
-    }
-    function N(g, b) {
-      t.open({
-        title: "Mark draft as failed",
-        contentComponent: lt,
-        contentComponentProps: {
-          draft: g,
-          action: se.enum.markAsFailed,
-          onFinished: () => {
-            t.close(), b == null || b();
-          },
-          onCancel: () => t.close()
-        }
-      });
-    }
-    async function j(g, b) {
-      await h.sync({
-        _id: g._id,
-        _rev: g._rev ?? "",
-        action: se.enum.approveDraft,
-        data: {
-          remark: g.remark ?? ""
-        }
-      }).delayed(500), e.open({
-        title: "Success",
-        message: "Sync requested",
-        type: "success"
-      }), b == null || b();
-    }
-    function x() {
-      r.value = !1;
-    }
-    async function d(g, b, D) {
-      await t.open({
-        title: "Refresh balance",
-        contentComponent: zn,
-        contentComponentProps: {
-          draft: g,
-          onFinished: (S) => {
-            t.close(), D == null || D(S);
-          },
-          onCancel: async () => {
-            t.close(), b == null || b();
-          }
-        }
-      });
-    }
-    async function p(g) {
-      await t.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([g._id]), e.open({
-          title: "Success",
-          message: "Invalidate cache requested",
-          type: "success"
-        });
-      });
-    }
-    async function u(g, b) {
-      try {
-        e.open({
-          title: "Cloning",
-          message: "Creating a copy of the draft..."
-        }), await h.cloneDraft(g._id), e.open({
-          title: "Success",
-          message: "Draft cloned successfully",
-          type: "success"
-        }), b == null || b();
-      } catch (D) {
-        e.open({
-          title: "Error",
-          message: (D == null ? void 0 : D.message) || "Failed to clone draft",
-          type: "error"
-        });
-      }
-    }
-    return {
-      viewDraft: C,
-      closeDraftDialog: x,
-      approveDraft: P,
-      rejectDraft: M,
-      markAsFailed: N,
-      syncDraft: j,
-      exportDraft: i,
-      refreshBalance: d,
-      cloneDraft: u,
-      viewClosingDraftShow: r,
-      viewClosingDraftProps: f,
-      invalidateDraftCache: p
-    };
-  }
-);
-function Je(a) {
-  switch (a) {
-    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";
-  }
-}
-const Ot = Pt(
-  "closingDraftTable",
-  function() {
-    const { t } = tt(), e = It(), o = et(), h = K(new Array()), c = K(!1), r = Oe(), f = He();
-    async function C() {
-      if (h.value = [], !!r._currentLocation) {
-        c.value = !0;
-        try {
-          const [d] = await Promise.all([f.readDrafts()]).delayed(1e3);
-          h.value = i(d.reverse());
-        } catch (d) {
-          console.log("Something went wrong when fetching drafts:", d);
-        } finally {
-          c.value = !1;
-        }
-      }
-    }
-    async function I(d) {
-      if (!h.value.find((p) => p._id) && r._currentLocation) {
-        c.value = !0;
-        try {
-          const [p] = await Promise.all([
-            f.getDraft(d),
-            new Promise((u) => setTimeout(u, 1e3))
-          ]);
-          h.value = i([p]);
-        } catch (p) {
-          console.log("Something went wrong when fetching drafts:", p);
-        } finally {
-          c.value = !1;
-        }
-      }
-    }
-    function i(d) {
-      const p = vn(
-        d.filter((u) => !!u.closingId).map((u) => ({ closingId: u.closingId, draftCreatedAt: new Date(Te(u._id)) }))
-      );
-      return d.map((u) => ({
-        ...u,
-        closingIdDisplay: u.closingId ? p.get(u.closingId) ?? null : null
-      }));
-    }
-    function P(d) {
-      h.value = h.value.map((p) => p._id === d._id ? {
-        ...d,
-        _rev: p._rev,
-        closingIdDisplay: p.closingIdDisplay
-      } : p);
-    }
-    function M(d) {
-      var g, b;
-      const p = d.items.length + (((g = d.negativeStockItems) == null ? void 0 : g.length) ?? 0), u = (d == null ? void 0 : d.approveRemark) ?? ((b = d == null ? void 0 : d.rejectionHistory) == null ? void 0 : b.computeFirst((D) => D.rejectRemark)) ?? d.remark ?? "";
-      return { count: p, remark: u };
-    }
-    function N() {
-      o.closeDraftDialog(), C();
-    }
-    function j(d, p) {
-      switch (p = on(p), d) {
-        case Re.Details:
-          return o.viewDraft(p);
-        case Re.Export:
-          return o.exportDraft(p);
-        case se.enum.approveDraft:
-          return o.approveDraft(p, N);
-        case se.enum.rejectDraft:
-          return o.rejectDraft(p, N);
-        case se.enum.markAsFailed:
-          return o.markAsFailed(p, N);
-        case Re.Duplicate:
-          return o.cloneDraft(p, N);
-      }
-    }
-    return {
-      columnDefs: [
-        {
-          id: "_id",
-          accessorKey: "_id",
-          header: () => t("inventory.closing.table.createdAt"),
-          cell(d) {
-            return pn(`${d.getValue()}`);
-          },
-          sortingFn: (d, p) => new Date(Te(d.original._id)).getTime() - new Date(Te(p.original._id)).getTime(),
-          enableSorting: !0
-        },
-        {
-          id: "closingId",
-          accessorFn: (d) => d.closingIdDisplay,
-          size: 160,
-          header: () => t("inventory.closing.draft.table.id"),
-          cell(d) {
-            return d.getValue();
-          },
-          enableSorting: !0
-        },
-        {
-          accessorKey: "effectiveAt",
-          header: () => t("inventory.closing.draft.table.effectiveAt"),
-          cell(d) {
-            const p = d.row.original;
-            let u = d.getValue();
-            return u || (u = Te(p._id)), Ce(u);
-          },
-          enableSorting: !0,
-          size: 230
-        },
-        {
-          id: "description",
-          accessorFn: (d) => {
-            const { count: p, remark: u } = M(d);
-            return `${p} ${u}`;
-          },
-          header: () => t("inventory.closing.draft.table.description"),
-          enableSorting: !0,
-          size: 350,
-          cell(d) {
-            const { count: p, remark: u } = M(d.row.original), g = (b, D) => $("div", { class: "flex gap-4" }, [
-              $(
-                "span",
-                { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" },
-                `${b}:`
-              ),
-              $(
-                "span",
-                {
-                  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
-                  style: "white-space: pre-wrap; word-break: break-word;"
-                },
-                `${D}`
-              )
-            ]);
-            return $("div", { class: "flex flex-col gap-2", style: "width: 300px;" }, [
-              g(t("inventory.closing.draft.table.items"), p),
-              u ? g(t("inventory.closing.draft.table.remark"), u) : null
-            ]);
-          }
-        },
-        {
-          id: "status",
-          accessorFn: (d) => d.status,
-          header: () => t("inventory.closing.table.status"),
-          enableSorting: !1,
-          cell(d) {
-            var S;
-            const p = d.row.original, u = p.status, g = new Date(p.updatedAt), b = (S = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : S.computeFirst((Y) => Y.rejectedAt), D = b ? new Date(b) : null;
-            return u === "DRAFT" && D ? D.getTime() > g.getTime() ? $(
-              "div",
-              {
-                class: "flex"
-              },
-              $(
-                "div",
-                {
-                  class: ["fm-status-badge", Je("FAILED")]
-                },
-                "Rejected"
-              )
-            ) : $(
-              "div",
-              {
-                class: "flex"
-              },
-              $(
-                "div",
-                {
-                  class: ["fm-status-badge", Je("PROCESSING")]
-                },
-                "Updated"
-              )
-            ) : $(
-              "div",
-              {
-                class: "flex"
-              },
-              $(
-                "div",
-                {
-                  class: ["fm-status-badge", Je(u)]
-                },
-                Ie(u)
-              )
-            );
-          }
-        },
-        {
-          id: "updatedAt",
-          accessorFn: (d) => d.updatedAt,
-          header: () => t("inventory.closing.draft.table.lastUpdate"),
-          enableSorting: !0,
-          size: 200,
-          cell(d) {
-            var u;
-            const p = d.row.original;
-            return $("div", { class: "flex flex-col" }, [
-              $(
-                "div",
-                { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
-                ((u = p.updatedBy) == null ? void 0 : u.name) ?? ""
-              ),
-              $(
-                "div",
-                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
-                Ce(p.updatedAt)
-              )
-            ]);
-          }
-        },
-        {
-          id: "action",
-          cell(d) {
-            var S;
-            const p = d.row.original, u = ((S = e.sessionUser.value) == null ? void 0 : S.role.isAdmin) ?? !1, g = [
-              St[Re.Details],
-              St[Re.Export]
-            ], b = [
-              {
-                translationKey: "inventory.closing.draft.approveDraft",
-                color: "text-fm-color-typo-primary",
-                value: se.enum.approveDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.rejectDraft",
-                color: "text-fm-color-typo-error",
-                value: se.enum.rejectDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.markAsFailed",
-                color: "text-fm-color-typo-error",
-                value: se.enum.markAsFailed
-              }
-            ], D = u && p.status !== xe.enum.DRAFT ? [
-              {
-                translationKey: "inventory.closing.draft.cloneDraft",
-                color: "text-fm-color-typo-primary",
-                value: Re.Duplicate
-              }
-            ] : [];
-            return fn(
-              [
-                ...g,
-                ...p.status === xe.enum.DRAFT ? b : []
-              ],
-              (Y) => j(Y, p),
-              D
-            );
-          },
-          enableSorting: !1,
-          size: 40,
-          meta: {
-            cellClass: "",
-            headerClass: ""
-          }
-        }
-      ],
-      drafts: h,
-      loading: c,
-      fetchDrafts: C,
-      loadDraft: I,
-      updateDraftRef: P
-    };
-  }
-), On = { class: "fm-typo-en-heading-lg-600" }, Hn = { class: "py-4" }, Yn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Wn = { key: 0 }, Kn = { class: "mt-4 flex gap-4" }, qn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Gn = { key: 0 }, Qn = {
-  key: 0,
-  class: "mb-4"
-}, Zn = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full" }, Jn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xn = {
-  key: 0,
-  class: "text-fm-color-system-success-300 mr-1"
-}, ea = {
-  key: 1,
-  class: "text-fm-color-system-error-300 mr-1"
-}, ta = { class: "fm-typo-en-body-md-400" }, na = { class: "mt-4 flex gap-4" }, aa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, oa = {
-  key: 0,
-  class: "flex gap-4"
-}, sa = /* @__PURE__ */ je({
-  __name: "ClosingDraftApprovalDialog",
-  props: {
-    show: { type: Boolean },
-    refreshing: { type: Boolean },
-    approving: { type: Boolean },
-    draft: {}
-  },
-  emits: ["update:show", "refresh", "approve"],
-  setup(a, { emit: t }) {
-    const { FmStepper: e, FmStep: o, FmDialog: h, FmButton: c } = _e, { t: r } = bn(), f = dt(), C = a, I = t, i = U(
-      () => {
-        var E, B;
-        return ((E = C.draft) == null ? void 0 : E.stockSnapshot) && ((B = C.draft) == null ? void 0 : B.stockSnapshot) !== void 0;
-      }
-    ), P = U(() => {
-      var re, w, J;
-      const E = ((re = C.draft) == null ? void 0 : re.items.map((X) => ({
-        id: X.sku._id,
-        code: X.sku.code,
-        name: X.sku.name
-      }))) ?? [], B = ((J = (w = C.draft) == null ? void 0 : w.negativeStockItems) == null ? void 0 : J.map((X) => ({
-        id: X.sku._id,
-        code: X.sku.code,
-        name: X.sku.name
-      }))) ?? [];
-      return [...E, ...B].reduce(
-        (X, fe) => (X[fe.id] = fe, X),
-        {}
-      );
-    }), M = U(
-      () => {
-        var E, B, re;
-        return (((re = (B = (E = C.draft) == null ? void 0 : E.stockSnapshot) == null ? void 0 : B.filter((w) => w.balance.amount < 0)) == null ? void 0 : re.map((w) => {
-          const J = f.skuById[w.id];
-          return J ? {
-            id: J._id,
-            code: J.code,
-            name: J.name
-          } : null;
-        })) ?? []).filter((w) => w !== null);
-      }
-    ), N = U(() => {
-      var E;
-      return i.value ? ((E = M.value) == null ? void 0 : E.filter((B) => !P.value[B.id]).map((B) => B.id)) ?? [] : [];
-    }), j = U({
-      get: () => C.show,
-      set: (E) => I("update:show", E)
-    }), x = K(1), d = () => x.value > 1, p = () => x.value > 2, u = () => !1;
-    function g(E) {
-      return E === 1 ? i.value : E === 2 ? N.value.length == 0 : !1;
-    }
-    const b = U(() => !i.value || N.value.length > 0);
-    function D(E) {
-      let B = E + 1;
-      for (; B <= 3 && g(B); ) B++;
-      return B > 3 ? 3 : B;
-    }
-    function S(E) {
-      let B = E - 1;
-      for (; B >= 1 && g(B); ) B--;
-      return B < 1 ? 1 : B;
-    }
-    function Y() {
-      return i.value ? b.value ? 3 : 2 : 1;
-    }
-    Le(
-      () => C.show,
-      (E) => {
-        E && (x.value = Y());
-      }
-    ), Le(
-      () => i.value,
-      (E) => {
-        E && x.value === 1 && (x.value = D(1));
-      }
-    ), Le(
-      () => N.value.length,
-      (E) => {
-        E === 0 && x.value === 2 && (x.value = D(2));
-      }
-    );
-    function te() {
-      I("refresh");
-    }
-    function oe() {
-      x.value < 3 && (x.value = D(x.value));
-    }
-    function q() {
-      x.value > 1 && (x.value = S(x.value));
-    }
-    function de() {
-      I("approve");
-    }
-    return (E, B) => {
-      const re = W("FmIcon");
-      return k(), ae(l(h), {
-        modelValue: j.value,
-        "onUpdate:modelValue": B[1] || (B[1] = (w) => j.value = w),
-        "max-width": 600
-      }, {
-        "dialog-header": Z(() => [
-          n("div", On, O(l(r)("inventory.closing.approval.title")), 1)
-        ]),
-        default: Z(() => [
-          n("div", Hn, [
-            F(l(e), {
-              modelValue: x.value,
-              "onUpdate:modelValue": B[0] || (B[0] = (w) => x.value = w),
-              orientation: "vertical"
-            }, {
-              default: Z(() => [
-                F(l(o), {
-                  value: 1,
-                  title: l(r)("inventory.closing.approval.step.generateReport.title"),
-                  complete: d
-                }, {
-                  default: Z(() => [
-                    n("div", Yn, O(l(r)("inventory.closing.approval.step.generateReport.description")), 1),
-                    x.value === 1 ? (k(), V("div", Wn, [
-                      F(l(c), {
-                        label: l(r)("inventory.stock.stock_balance.refreshBalance"),
-                        "prepend-icon": "refresh",
-                        variant: "secondary",
-                        loading: E.refreshing,
-                        onClick: te
-                      }, null, 8, ["label", "loading"]),
-                      n("div", Kn, [
-                        F(l(c), {
-                          label: l(r)("inventory.common.continue"),
-                          disabled: !i.value,
-                          onClick: oe
-                        }, null, 8, ["label", "disabled"])
-                      ])
-                    ])) : H("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["title"]),
-                F(l(o), {
-                  value: 2,
-                  title: l(r)("inventory.closing.approval.step.negativeItems.title"),
-                  disabled: () => !i.value,
-                  complete: p
-                }, {
-                  default: Z(() => [
-                    n("div", qn, O(M.value.length > 0 ? `${l(r)("inventory.closing.approval.step.negativeItems.resolveMessage")} [${l(r)("inventory.closing.approval.step.negativeItems.itemsHeader")} (${N.value.length})]` : l(r)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
-                    x.value === 2 ? (k(), V("div", Gn, [
-                      M.value.length > 0 ? (k(), V("div", Qn, [
-                        B[2] || (B[2] = n("div", { class: "fm-typo-en-body-md-600 mb-2" }, null, -1)),
-                        n("div", Zn, [
-                          (k(!0), V(ie, null, ke(M.value, (w) => (k(), V("div", {
-                            key: w.id,
-                            class: "flex gap-8"
-                          }, [
-                            n("div", Jn, [
-                              P.value[w.id] ? (k(), V("span", Xn, [
-                                F(re, {
-                                  name: "check_circle",
-                                  size: "sm"
-                                })
-                              ])) : (k(), V("span", ea, [
-                                F(re, {
-                                  name: "error",
-                                  size: "sm"
-                                })
-                              ])),
-                              me(" " + O(w.code), 1)
-                            ]),
-                            n("div", ta, O(w.name), 1)
-                          ]))), 128))
-                        ])
-                      ])) : H("", !0),
-                      n("div", na, [
-                        F(l(c), {
-                          label: l(r)("inventory.common.back"),
-                          variant: "secondary",
-                          onClick: q
-                        }, null, 8, ["label"]),
-                        F(l(c), {
-                          label: l(r)("inventory.common.continue"),
-                          disabled: b.value,
-                          onClick: oe
-                        }, null, 8, ["label", "disabled"])
-                      ])
-                    ])) : H("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["title", "disabled"]),
-                F(l(o), {
-                  value: 3,
-                  title: l(r)("inventory.closing.approval.step.approval.title"),
-                  disabled: () => b.value,
-                  complete: u
-                }, {
-                  default: Z(() => [
-                    n("div", aa, O(l(r)("inventory.closing.approval.step.approval.warning")), 1),
-                    x.value === 3 ? (k(), V("div", oa, [
-                      F(l(c), {
-                        label: l(r)("inventory.common.back"),
-                        variant: "secondary",
-                        onClick: q
-                      }, null, 8, ["label"]),
-                      F(l(c), {
-                        label: l(r)("inventory.common.approve"),
-                        variant: "destructive",
-                        disabled: b.value,
-                        loading: E.approving,
-                        onClick: de
-                      }, null, 8, ["label", "disabled", "loading"])
-                    ])) : H("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["title", "disabled"])
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), ra = { class: "w-full flex flex-col gap-32" }, la = { class: "flex justify-between" }, ia = { class: "flex" }, ca = { 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" }, da = { class: "flex gap-1" }, ma = {
-  class: "fm-typo-en-body-lg-600",
-  style: { "white-space": "pre-wrap", "word-break": "break-word" }
-}, fa = { class: "flex flex-col gap-16" }, pa = { class: "flex items-center" }, va = {
-  key: 0,
-  class: "flex gap-8"
-}, ya = {
-  key: 0,
-  class: "w-full flex flex-col items-center"
-}, ga = { class: "flex items-center gap-8" }, ba = { class: "flex flex-col gap-8" }, ha = { class: "flex gap-8" }, _a = {
-  key: 0,
-  class: "flex gap-8"
-}, ka = {
-  key: 1,
-  class: "flex gap-8 flex-wrap"
-}, wa = { class: "overflow-x-auto" }, xa = {
-  key: 1,
-  class: "flex-1 xs:w-screen xs:max-w-full"
-}, Da = {
-  key: 0,
-  class: "flex flex-col items-center gap-8 h-full"
-}, Aa = ["src"], Ca = {
-  key: 1,
-  class: "px-4 flex flex-col"
-}, Sa = { class: "flex gap-12 content-stretch" }, $a = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, Fa = { class: "flex-1 flex flex-col items-center" }, Ba = { class: "flex-1 flex flex-col items-center" }, Ia = {
-  class: "py-12 flex flex-col gap-4",
-  name: "received-at header"
-}, Ta = { class: "fm-typo-en-body-lg-400" }, ja = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Pa = { class: "flex gap-12 content-stretch" }, Va = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, Ma = { class: "flex-1 flex flex-col items-center" }, Ua = {
-  class: "py-12 flex flex-col gap-4 flex-1",
-  name: "delivery details"
-}, Ra = { class: "flex flex-col gap-8" }, Na = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ea = { class: "flex flex-col gap-4" }, La = { class: "flex items-center justify-between gap-8 w-full" }, za = { class: "flex items-center gap-8" }, Oa = { class: "flex flex-col items-end" }, Ha = { class: "text-2xl font-semibold" }, Ft = "N/A", Ya = /* @__PURE__ */ je({
-  __name: "ClosingDraftDialog",
-  props: {
-    show: { type: Boolean },
-    draft: {}
-  },
-  emits: ["submitted", "refresh"],
-  setup(a, { emit: t }) {
-    const e = a, o = U(() => {
-      const v = jt();
-      return v === "MYR" ? "RM" : v;
-    }), h = Ot(), c = U(() => {
-      var v, s;
-      return (v = e.draft) != null && v.closingId ? ((s = h.drafts.find((_) => _._id === e.draft._id)) == null ? void 0 : s.closingIdDisplay) ?? null : null;
-    }), r = et(), f = Tt(e, "show"), C = K(!1), I = K(!1), i = K(!1), P = K(new Array()), M = K(new Array()), N = K([]), j = at(), x = He(), d = nt(), p = dt(), u = Oe(), g = Ct({}), b = U(() => new Set(
-      p.skus.filter((v) => {
-        var s;
-        return g[(s = v.customAttributes) == null ? void 0 : s.tag];
-      }).map((v) => v._id)
-    )), D = t, S = K({
-      templateItem: !0,
-      nonTemplateItem: !0
-    }), Y = U(() => {
-      var s, _;
-      const v = [...((s = e.draft) == null ? void 0 : s.items) ?? [], ...((_ = e.draft) == null ? void 0 : _.negativeStockItems) ?? []];
-      return b.value.size ? v.filter((m) => b.value.has(m.sku._id)) : v;
-    }), te = U(() => {
-      const v = Y.value.map((s) => s.sku);
-      return v.sort((s, _) => s.code.localeCompare(_.code)), v;
-    }), oe = U(() => Y.value.groupBy(
-      (s) => s.sku._id,
-      (s) => s.measurementsAmounts.filter((_) => !_.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((_) => _.measurement.id)
-    ));
-    ct(B), Le(
-      () => e.show,
-      (v) => {
-        v && (Ee.value = ot[0], B(), S.value = {
-          templateItem: !0,
-          nonTemplateItem: !0
-        });
-      }
-    );
-    const q = U(() => Ne.value.reduce((v, s) => v + Number(s.stockTakeValue), 0)), de = ze(0), E = ze(100);
-    async function B() {
-      var s, _, m, y;
-      if (!u._currentLocation) return;
-      C.value = !0;
-      const v = ((s = e.draft) == null ? void 0 : s.status) === xe.enum.COMPLETED;
-      M.value = [];
-      try {
-        if (await p.init(), v) {
-          const G = e.draft.closingAdjustmentId;
-          if (!G) {
-            d.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: (_ = e.draft) == null ? void 0 : _._id
-            });
-            return;
-          }
-          const Q = await j.readAdjustmentById(G), ve = (Q == null ? void 0 : Q.skus) ?? [];
-          for (const ge of ve) {
-            const Be = {
-              id: ge.sku._id,
-              balance: ge.fromBalance,
-              costs: ge.fromCostBalances
-            }, R = {
-              id: ge.sku._id,
-              balance: ge.toBalance,
-              costs: ge.toCostBalances
-            };
-            P.value.push(Be), M.value.push(R);
-          }
-        } else
-          P.value = ((m = e.draft) == null ? void 0 : m.stockSnapshot) ?? [];
-        const A = /* @__PURE__ */ new Set();
-        if ((y = e.draft) != null && y.adjustmentSnapshot)
-          for (const G of e.draft.adjustmentSnapshot)
-            G.adjustmentsByType && Object.keys(G.adjustmentsByType).forEach((Q) => A.add(Q));
-        const T = ["receive", "sales", "wastage"], z = [];
-        T.forEach((G) => {
-          A.has(G) && (z.push(G), A.delete(G));
-        });
-        const L = Array.from(A).sort();
-        N.value = [...z, ...L];
-      } catch (A) {
-        d.open({
-          title: "Something went wrong",
-          message: "Something went wrong when fetching info. Please try again.",
-          type: "error"
-        }), console.error("error on fetch stock balances", A);
-      } finally {
-        C.value = !1;
-      }
-    }
-    async function re() {
-      var s, _;
-      if (!(((s = e.draft) == null ? void 0 : s.effectiveAt) ?? (e.draft ? Te((_ = e.draft) == null ? void 0 : _._id) : null))) {
-        d.open({
-          title: "Cannot refresh",
-          message: "Effective date is not available for this draft.",
-          type: "error"
-        });
-        return;
-      }
-      await r.refreshBalance(
-        e.draft,
-        () => {
-        },
-        async (m) => {
-          var z;
-          I.value = !0;
-          const y = (z = e.draft) == null ? void 0 : z._rev, A = 30, T = 2e3;
-          try {
-            await j.recalculation.scheduleCalculateStockSnapshotAtDate(m, e.draft._id);
-            let L = null;
-            for (let G = 0; G < A && (L = await x.getDraft(e.draft._id).delayed(T), L._rev === y); G++)
-              ;
-            if (!L || L._rev === y) {
-              d.open({
-                title: "Refresh failed",
-                message: "Failed to refresh stock balance. Please try again.",
-                type: "error"
-              }), console.error("error refreshing stock balances: there is no change in _rev");
-              return;
-            }
-            D("refresh", L), P.value = L.stockSnapshot ?? [], d.open({
-              title: "Balance refreshed",
-              message: "Stock balance has been recalculated.",
-              type: "success"
-            }), f.value = !1;
-          } catch (L) {
-            d.open({
-              title: "Refresh failed",
-              message: "Failed to refresh stock balance. Please try again.",
-              type: "error"
-            }), console.error("error refreshing stock balances", L);
-          } finally {
-            I.value = !1;
-          }
-        }
-      );
-    }
-    async function w() {
-      var s, _;
-      if (!(((s = e.draft) == null ? void 0 : s.effectiveAt) ?? (e.draft ? Te((_ = e.draft) == null ? void 0 : _._id) : null))) {
-        d.open({
-          title: "Cannot refresh",
-          message: "Effective date is not available for this draft.",
-          type: "error"
-        });
-        return;
-      }
-      await r.invalidateDraftCache(e.draft);
-    }
-    const J = U(
-      () => P.value.groupBy(
-        (v) => v.id,
-        (v) => v.balance
-      )
-    ), X = U(() => Y.value.groupBy((v) => v.sku._id)), fe = U(() => {
-      var v;
-      return (v = e.draft) != null && v.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((s) => [s.skuId, s.adjustmentsByType])) : /* @__PURE__ */ new Map();
-    }), Pe = U(() => {
-      var v;
-      return (v = e.draft) != null && v.opening ? new Map(e.draft.opening.map((s) => [s.skuId, s.balance])) : /* @__PURE__ */ new Map();
-    });
-    function le(v, s) {
-      return $(
-        _e.FmTooltip,
-        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-        {
-          default() {
-            return v;
-          },
-          content() {
-            return s || v;
-          }
-        }
-      );
-    }
-    const De = U(() => {
-      const v = te.value.reduce((_, m) => {
-        var y, A;
-        return Math.max(_, ((A = (y = oe.value) == null ? void 0 : y.get(m._id)) == null ? void 0 : A[0].length) ?? 0);
-      }, 0);
-      return [
-        {
-          id: "sku",
-          accessorFn: (_) => `${_.code} ${_.name}`,
-          header: () => "Name",
-          size: 350,
-          cell(_) {
-            const m = _.row.original, y = m.adjustedDiffPercentage, A = typeof y == "number" && Math.abs(y) > 10, T = $("div", { class: "flex flex-col gap-4" }, [
-              $(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-lg-400",
-                    A ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
-                  ]
-                },
-                m.name
-              ),
-              $(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-md-400",
-                    A ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
-                  ]
-                },
-                m.code
-              )
-            ]);
-            return $(
-              _e.FmTooltip,
-              {
-                zIndex: 51
-              },
-              {
-                content() {
-                  return A ? "Adjustment difference is more than 10%." : `${m.code} - ${m.name}`;
-                },
-                default() {
-                  return $("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    T
-                  ]);
-                }
-              }
-            );
-          }
-        },
-        // Dynamic custom attribute columns (toggled by user)
-        ...Ye.value.map(
-          (_) => ({
-            id: `customAttr_${_}`,
-            accessorFn: (m) => m.customAttributeValues[_],
-            header: () => le(Ie(_)),
-            size: 160,
-            cell(m) {
-              const y = m.row.original.customAttributeValues[_];
-              return y == null ? "N/A" : typeof y == "number" ? $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(y)) : $("div", { class: "text-right fm-typo-en-body-lg-400" }, String(y));
-            },
-            meta: {
-              textAlign: "right"
-            }
-          })
-        ),
-        {
-          id: "costPerUnit",
-          accessorKey: "costPerUnit",
-          header: () => le("Cost per unit"),
-          size: 160,
-          cell(_) {
-            const m = _.row.original.costPerUnit;
-            return $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(m));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "costUnit",
-          header: () => "UOM",
-          size: 120,
-          cell(_) {
-            var z;
-            const m = _.row.original, y = m.costUnit, A = m.baseUnit, T = y ?? A;
-            if (y && y !== A) {
-              const L = te.value.find((Q) => Q._id === m.id), G = (z = L == null ? void 0 : L.defaultCost) == null ? void 0 : z.measurement;
-              if (G) {
-                const Q = G.conversion.amount / Math.pow(10, G.conversion.precision);
-                return $("div", { class: "flex flex-col" }, [
-                  $(
-                    "span",
-                    { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
-                    T
-                  ),
-                  $("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
-                    "1 ",
-                    $("span", { class: "fm-typo-en-body-sm-600" }, y),
-                    ` = ${Q} `,
-                    $("span", { class: "fm-typo-en-body-sm-600" }, A)
-                  ])
-                ]);
-              }
-            }
-            return T;
-          }
-        },
-        {
-          id: "opening",
-          accessorKey: "opening",
-          header: () => le("Opening (B/F)", "The opening balance brought forward from previous period."),
-          size: 150,
-          cell(_) {
-            const m = _.row.original.opening;
-            return $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(m));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        // Dynamic adjustment type columns
-        ...N.value.map(
-          (_) => ({
-            id: `adjustment_${_}`,
-            accessorFn: (m) => m.adjustmentAmounts[_] ?? { amount: 0, precision: 0 },
-            header: () => le(Ie(_)),
-            size: 150,
-            cell(m) {
-              const y = m.row.original.adjustmentAmounts[_] ?? { amount: 0, precision: 0 };
-              return $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(y));
-            },
-            meta: {
-              textAlign: "right"
-            }
-          })
-        ),
-        {
-          id: "systemBalance",
-          accessorKey: "systemBalance",
-          header: () => le("System Balance", "The system calculated balance before stock take."),
-          size: 200,
-          cell(_) {
-            const m = _.row.original.systemBalance;
-            return $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(m));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalance",
-          accessorFn: (_) => {
-            var y;
-            const m = (y = M.value.find((A) => A.id === _.id)) == null ? void 0 : y.balance;
-            return m ? hn.toDouble(m) : _.physicalBalance;
-          },
-          header: () => le("Stock Take balance", "The physical balance recorded during stock take."),
-          cell(_) {
-            var L;
-            const m = _.row.original, y = ee.fromNumber(m.physicalBalance);
-            let A = !0;
-            const T = (L = M.value.find((G) => G.id === m.id)) == null ? void 0 : L.balance;
-            let z;
-            return T && !ee.equals({ a: y, b: T }) ? (A = !1, z = ne(T)) : z = ne(m.physicalBalance), $("div", { class: "flex flex-col" }, [
-              $(
-                "span",
-                { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
-                z
-              ),
-              A ? null : $(
-                "span",
-                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
-                `Draft: ${ne(m.physicalBalance)}`
-              )
-            ]);
-          },
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedAmount",
-          accessorKey: "adjustedAmount",
-          header: () => le("Variance", "The difference between Stock Take balance and System Balance."),
-          size: 200,
-          cell(_) {
-            const m = _.row.original.adjustedAmount;
-            return $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(m));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "varianceInCost",
-          accessorKey: "varianceInCost",
-          header: () => le(`Variance (${o.value})`),
-          size: 150,
-          cell(_) {
-            const m = _.row.original.varianceInCost;
-            return $("div", { class: "text-right fm-typo-en-body-lg-400" }, ne(m));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedDiffPercentage",
-          accessorKey: "adjustedDiffPercentage",
-          header: () => le(
-            "Variance (%)",
-            "Difference between Stock Take balance and System Balance in percentage."
-          ),
-          size: 200,
-          cell(_) {
-            const m = _.row.original.adjustedDiffPercentage;
-            if (m == null)
-              return $(
-                "div",
-                { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" },
-                Ft
-              );
-            const y = ne(m);
-            if (m === 0)
-              return $("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
-                ne(0)
-              ]);
-            const A = m > 0;
-            return $("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
-              $(_e.FmIcon, {
-                name: A ? "arrow_drop_up" : "arrow_drop_down",
-                color: A ? "system-success-300" : "system-error-300",
-                size: "md"
-              }),
-              y
-            ]);
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "stockTakeValue",
-          accessorKey: "stockTakeValue",
-          header: () => le(`Stock take value (${o.value})`),
-          size: 180,
-          cell(_) {
-            var G;
-            const m = _.row.original, y = m.stockTakeValue, A = te.value.find((Q) => Q._id === m.id), T = (G = A == null ? void 0 : A.defaultCost) == null ? void 0 : G.measurement, z = m.physicalBalance, L = m.costPerUnit;
-            if (T) {
-              const Q = ee.toFormatString({ value: T.conversion }), ve = `${ne(z, { minPrecision: 2, maxPrecision: 4 })} ${m.baseUnit} ÷ ${Q} × ${L} ${o.value}`;
-              return $(
-                _e.FmTooltip,
-                { zIndex: 51 },
-                {
-                  content() {
-                    return ve;
-                  },
-                  default() {
-                    return $(
-                      "div",
-                      { class: "text-right w-full fm-typo-en-body-lg-400" },
-                      ne(y)
-                    );
-                  }
-                }
-              );
-            } else {
-              const Q = `${ne(z, { minPrecision: 2, maxPrecision: 4 })} ${m.baseUnit} × ${L} ${o.value}`;
-              return $(
-                _e.FmTooltip,
-                { zIndex: 51 },
-                {
-                  content() {
-                    return Q;
-                  },
-                  default() {
-                    return $(
-                      "div",
-                      { class: "text-right w-full fm-typo-en-body-lg-400" },
-                      ne(y)
-                    );
-                  }
-                }
-              );
-            }
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "systemValue",
-          accessorKey: "systemValue",
-          header: () => le(`System value (${o.value})`),
-          size: 180,
-          cell(_) {
-            var G;
-            const m = _.row.original, y = m.systemValue, A = te.value.find((Q) => Q._id === m.id), T = (G = A == null ? void 0 : A.defaultCost) == null ? void 0 : G.measurement, z = m.systemBalance, L = m.costPerUnit;
-            if (T) {
-              const Q = ee.toFormatString({ value: T.conversion }), ve = `${ne(z, { minPrecision: 2, maxPrecision: 4 })} ${m.baseUnit} ÷ ${Q} × ${L} ${o.value}`;
-              return $(
-                _e.FmTooltip,
-                { zIndex: 51 },
-                {
-                  content() {
-                    return ve;
-                  },
-                  default() {
-                    return $(
-                      "div",
-                      { class: "text-right fm-typo-en-body-lg-400" },
-                      ne(y)
-                    );
-                  }
-                }
-              );
-            } else {
-              const Q = `${ne(z, { minPrecision: 2, maxPrecision: 4 })} ${m.baseUnit} × ${L} ${o.value}`;
-              return $(
-                _e.FmTooltip,
-                { zIndex: 51 },
-                {
-                  content() {
-                    return Q;
-                  },
-                  default() {
-                    return $(
-                      "div",
-                      { class: "text-right fm-typo-en-body-lg-400" },
-                      ne(y)
-                    );
-                  }
-                }
-              );
-            }
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalances",
-          header: () => "Amounts",
-          enableSorting: !1,
-          cell(_) {
-            const m = _.row.original, y = (T, z) => $(
-              _e.FmTooltip,
-              { zIndex: 50 },
-              {
-                default() {
-                  return $(
-                    "div",
-                    {
-                      class: "fm-typo-en-body-lg-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
-                    },
-                    [
-                      $("span", { class: "text-fm-color-typo-primary" }, `${T} `),
-                      $(
-                        "span",
-                        {
-                          class: "text-fm-color-typo-secondary",
-                          style: { maxWidth: "80px" }
-                        },
-                        z
-                      )
-                    ]
-                  );
-                },
-                content() {
-                  return `${T} ${z}`;
-                }
-              }
-            );
-            let A = Array.from({ length: v }).map((T, z) => {
-              if (!m[`measurementAmount${z}`])
-                return null;
-              const L = m[`measurementAmount${z}`], G = m[`measurementAbbrev${z}`];
-              return y(L, G);
-            }).filter((T) => T);
-            return (m.baseUnitAmount || !A.length) && (A = [y(m.baseUnitAmount, m.baseUnit), ...A]), $(
-              "div",
-              {
-                class: "flex gap-8 flex-nowrap",
-                style: {
-                  minWidth: `${120 * A.length}px`
-                }
-              },
-              A
-            );
-          }
-        }
-      ];
-    }), $e = U(() => De.value.map((v) => v.size ?? 0).reduce((v, s) => v + s)), Ve = K(""), Ne = U(() => {
-      var _, m;
-      const v = ((m = (_ = e.draft) == null ? void 0 : _.negativeStockItems) == null ? void 0 : m.reduce(
-        (y, A) => (y[A.sku._id] = A, y),
-        {}
-      )) ?? {};
-      return te.value.map((y) => {
-        var vt, yt, gt, bt, ht, _t, kt, wt, xt, Dt, At;
-        const A = (vt = X.value.get(y._id)) == null ? void 0 : vt[0], T = ((yt = J.value.get(y._id)) == null ? void 0 : yt[0]) ?? de, z = ((gt = y.defaultCost) == null ? void 0 : gt.costPerUnit) ?? de, L = Number(ee.toFormatString({ value: z })), G = ((ht = (bt = y.defaultCost) == null ? void 0 : bt.measurement) == null ? void 0 : ht.conversion) ?? {
-          amount: 1,
-          precision: 0
-        }, Q = Number(
-          ee.toFormatString({ value: G })
-        ), ve = Pe.value.get(y._id), ge = ve ? Number(ee.toFormatString({ value: ve })) : 0, Be = fe.value.get(y._id), R = {};
-        if (N.value.forEach((ue) => {
-          const be = R[ue] ?? { amount: 0, precision: 0 }, he = Be == null ? void 0 : Be[ue];
-          he && (R[ue] = Nt(be, he));
-        }), !A) {
-          const ue = Number(ee.toFormatString({ value: T })), be = 0 - ue, he = be * L / Q, Ge = 0, Gt = ue * L / Q;
-          return {
-            id: y._id,
-            code: y.code,
-            name: y.name,
-            costUnit: ((kt = (_t = y.defaultCost) == null ? void 0 : _t.measurement) == null ? void 0 : kt.abbrev) ?? null,
-            baseUnit: y.unit.abbrev,
-            baseUnitAmount: 0,
-            systemBalance: ue,
-            physicalBalance: 0,
-            adjustedAmount: -ue,
-            adjustedDiffPercentage: -100,
-            isTemplateItem: !v[y._id],
-            costPerUnit: L,
-            opening: ge,
-            varianceQty: be,
-            varianceInCost: he,
-            stockTakeValue: Ge,
-            systemValue: Gt,
-            adjustmentAmounts: R,
-            customAttributeValues: y.customAttributes ?? {}
-          };
-        }
-        const ce = Lt(A), pe = (xt = (wt = M.value) == null ? void 0 : wt.find(
-          (ue) => ue.id === y._id
-        )) == null ? void 0 : xt.balance, we = Ut(
-          pe ?? ce,
-          T
-        ), Ue = T.amount === 0 ? null : Rt(we, {
-          ...T,
-          amount: Math.abs(T.amount)
-        }), qe = Ue ? mt(Ue, E) : null, st = Number(ee.toFormatString({ value: T })), rt = Number(ee.toFormatString({ value: ce })), pt = rt - st, Wt = pt * L / Q, Kt = rt * L / Q, qt = st * L / Q;
-        return {
-          id: y._id,
-          code: y.code,
-          name: y.name,
-          costUnit: ((At = (Dt = y.defaultCost) == null ? void 0 : Dt.measurement) == null ? void 0 : At.abbrev) ?? null,
-          baseUnit: y.unit.abbrev,
-          baseUnitAmount: Number(ee.toFormatString({ value: A.baseAmount })),
-          ...A.measurementsAmounts.filter((ue) => {
-            var be, he, Ge;
-            return (Ge = (he = (be = oe.value) == null ? void 0 : be.get(y._id)) == null ? void 0 : he[0]) == null ? void 0 : Ge.includes(ue.measurement.id);
-          }).reduce((ue, be, he) => (ue[`measurementAbbrev${he}`] = `(${be.measurement.abbrev}) × ${ee.toFormatString({ value: be.measurement.conversion })}`, ue[`measurementAmount${he}`] = Number(ee.toFormatString({ value: be.amount })), ue), {}),
-          systemBalance: st,
-          physicalBalance: rt,
-          adjustedAmount: Number(ee.toFormatString({ value: we })),
-          adjustedDiffPercentage: qe ? Number(
-            ee.toFormatString({
-              value: Et(qe, 2)
-            })
-          ) : null,
-          isTemplateItem: !v[y._id],
-          costPerUnit: L,
-          opening: ge,
-          varianceQty: pt,
-          varianceInCost: Wt,
-          stockTakeValue: Kt,
-          systemValue: qt,
-          adjustmentAmounts: R,
-          customAttributeValues: y.customAttributes ?? {}
-        };
-      }).filter((y) => !!(y.isTemplateItem && S.value.templateItem || !y.isTemplateItem && S.value.nonTemplateItem));
-    }), Ae = U(() => {
-      const v = /* @__PURE__ */ new Set();
-      for (const s of te.value)
-        if (s.customAttributes)
-          for (const _ of Object.keys(s.customAttributes))
-            _ !== "tag" && v.add(_);
-      return Array.from(v).sort();
-    }), Fe = Ct({}), Ye = U(
-      () => Ae.value.filter((v) => Fe[v])
-    ), Ht = U(() => {
-      var s, _, m, y, A;
-      if (!e.draft) return [];
-      const v = e.draft.approvedAt ? {
-        action: `Approve at ${Ce(e.draft.approvedAt)}`,
-        // actionAt: props.draft.approvedAt,
-        actionBy: e.draft.approvedBy,
-        remark: e.draft.approveRemark
-      } : (s = e.draft.rejectionHistory) == null ? void 0 : s.computeFirst((T) => ({
-        action: `Reject at ${Ce(T.rejectedAt)}`,
-        // actionAt: e.rejectedAt,
-        actionBy: T.rejectedBy,
-        remark: T.rejectRemark
-      }));
-      return [
-        c.value ? {
-          label: "ID",
-          value: c.value
-        } : null,
-        {
-          label: "Location",
-          value: ((_ = u._currentLocation) == null ? void 0 : _.name) ?? Ft
-        },
-        {
-          label: "Created at",
-          value: Ce(e.draft.createdAt)
-        },
-        {
-          label: "Created by",
-          value: e.draft.createdBy.name
-        },
-        {
-          label: "Updated at",
-          value: Ce(e.draft.updatedAt)
-        },
-        {
-          label: "Updated by",
-          value: e.draft.updatedBy.name
-        },
-        {
-          label: "Effective at",
-          value: Ce(e.draft.effectiveAt ?? Te((m = e.draft) == null ? void 0 : m._id))
-        },
-        {
-          label: "Using template",
-          value: ((y = e.draft.usingTemplates.find((T) => T)) == null ? void 0 : y.name) ?? "None"
-        },
-        e.draft.remark ? {
-          label: "Remark",
-          value: e.draft.remark
-        } : null,
-        v ? {
-          label: "Last action",
-          value: v.action
-        } : null,
-        v && v.actionBy ? {
-          label: "Last action by",
-          value: (A = v.actionBy) == null ? void 0 : A.name
-        } : null,
-        v && v.remark ? {
-          label: "Action remark",
-          value: v.remark
-        } : null
-      ].filter((T) => T).map((T) => T);
-    }), ot = [
-      {
-        label: "Overview",
-        value: "overview"
-      },
-      {
-        label: "Action history",
-        value: "history"
-      }
-    ], Ee = K(ot[0]), Me = U(() => {
-      var m, y, A;
-      const v = ((m = e.draft) == null ? void 0 : m.activityLogs) ?? [], s = ((y = e.draft) == null ? void 0 : y.rejectionHistory) ?? [];
-      for (const T of s)
-        v.find(
-          (L) => `${L.action}_${L.performedAt}` == `${se.enum.rejectDraft}_${T.rejectedAt}`
-        ) || v.push({
-          action: se.enum.rejectDraft,
-          performedAt: T.rejectedAt,
-          performedBy: T.rejectedBy,
-          remark: T.rejectRemark
-        });
-      return (A = e.draft) != null && A.approvedAt && (v.find(
-        (z) => {
-          var L;
-          return `${z.action}_${z.performedAt}` == `${se.enum.approveDraft}_${(L = e.draft) == null ? void 0 : L.approvedAt}`;
-        }
-      ) || v.push({
-        action: se.enum.approveDraft,
-        performedAt: e.draft.approvedAt,
-        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
-        remark: e.draft.approveRemark
-      })), v.sort((T, z) => new Date(z.performedAt).getTime() - new Date(T.performedAt).getTime()).map(
-        (T) => ({
-          header: Ie(T.action),
-          date: Ce(T.performedAt),
-          info: [
-            {
-              label: "Performed by",
-              values: [T.performedBy.name]
-            },
-            {
-              label: "Remark",
-              values: [T.remark ?? ""]
-            }
-          ]
-        })
-      );
-    }), We = K(!1), Ke = K(!1), ft = U(() => {
-      var v;
-      return ((v = e.draft) == null ? void 0 : v.status) !== xe.enum.DRAFT ? "Status is not draft." : null;
-    });
-    function Yt() {
-      e.draft && (Ke.value = !0, r.approveDraft(
-        e.draft,
-        () => {
-          Ke.value = !1, We.value = !1, D("submitted");
-        },
-        () => {
-          Ke.value = !1;
-        }
-      ));
-    }
-    return (v, s) => {
-      const _ = W("FmButtonGroup"), m = W("FmMenuDivider"), y = W("FmCard"), A = W("FmButton"), T = W("FmCircularProgress"), z = W("FmChip"), L = W("FmTextField"), G = W("FmIcon"), Q = W("FmTable"), ve = W("FmSpacer"), ge = W("FmTooltip"), Be = W("FmSideSheet");
-      return k(), V(ie, null, [
-        F(Be, {
-          "dismiss-away": "",
-          "max-width": 9999,
-          "model-value": l(f),
-          "onUpdate:modelValue": s[9] || (s[9] = (R) => ut(f) ? f.value = R : null),
-          header: "Closing details"
-        }, {
-          "side-sheet-footer": Z(() => {
-            var R, ce, pe, we;
-            return [
-              n("div", La, [
-                n("div", za, [
-                  ((R = e.draft) == null ? void 0 : R.status) === l(xe).enum.DRAFT ? (k(), V(ie, { key: 0 }, [
-                    ft.value ? (k(), ae(ge, {
-                      key: 0,
-                      "z-index": 51,
-                      placement: "right"
-                    }, {
-                      content: Z(() => [
-                        me(O(ft.value), 1)
-                      ]),
-                      default: Z(() => [
-                        F(A, {
-                          disabled: "",
-                          key: "approve key",
-                          label: "Approve"
-                        })
-                      ]),
-                      _: 1
-                    })) : (k(), ae(A, {
-                      key: "approve key",
-                      label: "Approve",
-                      onClick: s[5] || (s[5] = (Ue) => We.value = !0)
-                    }))
-                  ], 64)) : H("", !0),
-                  ((ce = e.draft) == null ? void 0 : ce.status) === l(xe).enum.DRAFT ? (k(), ae(A, {
-                    key: 1,
-                    label: "Reject",
-                    variant: "destructive",
-                    onClick: s[6] || (s[6] = () => e.draft && l(r).rejectDraft(e.draft, () => D("submitted")))
-                  })) : H("", !0),
-                  F(A, {
-                    label: "Close",
-                    variant: "tertiary",
-                    onClick: s[7] || (s[7] = (Ue) => f.value = !1)
-                  }),
-                  (pe = e.draft) != null && pe.approvedAt && ((we = e.draft) == null ? void 0 : we.status) !== l(xe).enum.COMPLETED ? (k(), ae($t, { key: 2 }, {
-                    default: Z(() => [
-                      F(A, {
-                        label: "Sync",
-                        loading: i.value,
-                        onClick: s[8] || (s[8] = () => {
-                          e.draft && (i.value = !0, l(r).syncDraft(e.draft, () => {
-                            i.value = !1, D("submitted");
-                          }));
-                        })
-                      }, null, 8, ["loading"])
-                    ]),
-                    _: 1
-                  })) : H("", !0)
-                ]),
-                n("div", Oa, [
-                  s[20] || (s[20] = n("div", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Total stock take value", -1)),
-                  n("div", Ha, O(o.value) + " " + O(q.value.toFixed(2)), 1)
-                ])
-              ])
-            ];
-          }),
-          default: Z(() => [
-            n("div", ra, [
-              n("div", null, [
-                F(_, {
-                  items: ot,
-                  modelValue: Ee.value,
-                  "onUpdate:modelValue": s[0] || (s[0] = (R) => Ee.value = R)
-                }, null, 8, ["modelValue"])
-              ]),
-              Ee.value.value === "overview" ? (k(), V(ie, { key: 0 }, [
-                F(y, {
-                  variant: "outlined",
-                  class: "flex flex-col gap-8 px-12 py-16"
-                }, {
-                  default: Z(() => {
-                    var R, ce;
-                    return [
-                      n("div", la, [
-                        s[11] || (s[11] = n("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                        n("div", ia, [
-                          n("div", {
-                            class: Se(["fm-status-badge", l(Je)(((R = v.draft) == null ? void 0 : R.status) ?? "DRAFT")])
-                          }, O(l(Ie)(((ce = v.draft) == null ? void 0 : ce.status) ?? "")), 3)
-                        ])
-                      ]),
-                      F(m),
-                      n("div", ca, [
-                        (k(!0), V(ie, null, ke(Ht.value, (pe, we) => (k(), V("div", {
-                          class: "flex flex-col gap-4",
-                          key: we
-                        }, [
-                          n("div", ua, [
-                            n("div", da, O(pe.label), 1)
-                          ]),
-                          n("div", ma, O(pe.value), 1)
-                        ]))), 128))
-                      ])
-                    ];
-                  }),
-                  _: 1
-                }),
-                n("div", fa, [
-                  n("div", pa, [
-                    s[12] || (s[12] = n("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                    C.value ? H("", !0) : (k(), V("div", va, [
-                      v.draft && v.draft.status !== l(xe).enum.COMPLETED ? (k(), ae(A, {
-                        key: 0,
-                        label: "Refresh balance",
-                        "prepend-icon": "refresh",
-                        variant: "secondary",
-                        "text-color": "primary",
-                        "bg-color": "transparent",
-                        "border-color": "primary",
-                        loading: I.value,
-                        onClick: re
-                      }, null, 8, ["loading"])) : H("", !0),
-                      F($t, null, {
-                        default: Z(() => [
-                          F(A, {
-                            label: "Invalidate Draft Cache",
-                            "prepend-icon": "refresh",
-                            variant: "secondary",
-                            "text-color": "primary",
-                            "bg-color": "transparent",
-                            "border-color": "primary",
-                            loading: I.value,
-                            onClick: w
-                          }, null, 8, ["loading"])
-                        ]),
-                        _: 1
-                      }),
-                      F(A, {
-                        label: "Export data",
-                        "prepend-icon": "download",
-                        variant: "secondary",
-                        "text-color": "primary",
-                        "bg-color": "transparent",
-                        "border-color": "primary",
-                        onClick: s[1] || (s[1] = (R) => v.draft ? l(r).exportDraft(
-                          v.draft,
-                          P.value,
-                          M.value,
-                          Ye.value
-                        ) : null)
-                      })
-                    ]))
-                  ]),
-                  C.value ? (k(), V("div", ya, [
-                    s[14] || (s[14] = n("div", { class: "h-80" }, null, -1)),
-                    n("div", ga, [
-                      n("div", null, [
-                        F(T, { size: "md" })
-                      ]),
-                      s[13] || (s[13] = n("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
-                    ]),
-                    s[15] || (s[15] = n("div", { class: "h-80" }, null, -1))
-                  ])) : (k(), V(ie, { key: 1 }, [
-                    n("div", ba, [
-                      n("div", ha, [
-                        F(z, {
-                          label: "Template Item(s)",
-                          selected: S.value.templateItem,
-                          onClick: s[2] || (s[2] = (R) => S.value.templateItem = !S.value.templateItem)
-                        }, null, 8, ["selected"]),
-                        F(z, {
-                          label: "Non-template Item(s)",
-                          selected: S.value.nonTemplateItem,
-                          onClick: s[3] || (s[3] = (R) => S.value.nonTemplateItem = !S.value.nonTemplateItem)
-                        }, null, 8, ["selected"])
-                      ]),
-                      F(L, {
-                        modelValue: Ve.value,
-                        "onUpdate:modelValue": s[4] || (s[4] = (R) => Ve.value = R),
-                        placeholder: "Filter items"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    l(p).skuTags.size ? (k(), V("div", _a, [
-                      (k(!0), V(ie, null, ke(l(p).skuTags.keys(), (R) => (k(), ae(z, {
-                        key: `${R}`,
-                        label: `${R}`,
-                        selectable: "",
-                        selected: g[`${R}`],
-                        onClick: (ce) => g[`${R}`] = !g[`${R}`]
-                      }, {
-                        default: Z(() => [
-                          g[`${R}`] ? (k(), ae(G, {
-                            key: 0,
-                            name: "check",
-                            class: "text-white",
-                            size: "sm"
-                          })) : H("", !0),
-                          n("span", {
-                            class: Se([
-                              "",
-                              {
-                                "text-white fm-typo-en-body-md-600": g[`${R}`],
-                                "text-fm-color-typo-primary fm-typo-en-body-md-400": !g[`${R}`]
-                              }
-                            ])
-                          }, O(R), 3)
-                        ]),
-                        _: 2
-                      }, 1032, ["label", "selected", "onClick"]))), 128))
-                    ])) : H("", !0),
-                    Ae.value.length ? (k(), V("div", ka, [
-                      s[16] || (s[16] = n("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary self-center" }, "Extra columns:", -1)),
-                      (k(!0), V(ie, null, ke(Ae.value, (R) => (k(), ae(z, {
-                        key: R,
-                        label: R,
-                        selectable: "",
-                        selected: Fe[R],
-                        onClick: (ce) => Fe[R] = !Fe[R]
-                      }, null, 8, ["label", "selected", "onClick"]))), 128))
-                    ])) : H("", !0),
-                    n("div", wa, [
-                      n("div", {
-                        style: Bt({ height: "600px", minWidth: `${$e.value}px` })
-                      }, [
-                        F(Q, {
-                          "column-defs": De.value,
-                          "row-data": Ne.value,
-                          "search-value": Ve.value
-                        }, null, 8, ["column-defs", "row-data", "search-value"])
-                      ], 4)
-                    ])
-                  ], 64))
-                ])
-              ], 64)) : H("", !0),
-              Ee.value.value === "history" ? (k(), V("div", xa, [
-                Me.value.length ? (k(), V("div", Ca, [
-                  (k(!0), V(ie, null, ke(Me.value, (R, ce) => (k(), V(ie, { key: ce }, [
-                    n("div", Sa, [
-                      n("div", $a, [
-                        n("div", Fa, [
-                          n("div", {
-                            class: Se([
-                              {
-                                "bg-fm-color-primary": ce !== 0,
-                                "bg-white": ce === 0
-                              },
-                              "w-[2px] h-full"
-                            ])
-                          }, null, 2)
-                        ]),
-                        s[19] || (s[19] = n("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                        n("div", Ba, [
-                          n("div", {
-                            class: Se([
-                              {
-                                "bg-fm-color-primary": ce < Me.value.length - 1,
-                                "bg-white": ce >= Me.value.length - 1
-                              },
-                              "w-[2px] h-full"
-                            ])
-                          }, null, 2)
-                        ])
-                      ]),
-                      n("div", Ia, [
-                        n("div", Ta, O(R.header), 1),
-                        n("div", ja, O(R.date), 1)
-                      ])
-                    ]),
-                    n("div", Pa, [
-                      n("div", Va, [
-                        n("div", Ma, [
-                          n("div", {
-                            class: Se([
-                              {
-                                "bg-fm-color-primary": ce < Me.value.length - 1,
-                                "bg-white": ce >= Me.value.length - 1
-                              },
-                              "w-[2px] h-full"
-                            ])
-                          }, null, 2)
-                        ])
-                      ]),
-                      n("div", Ua, [
-                        F(y, {
-                          variant: "outlined",
-                          class: "py-12 px-16"
-                        }, {
-                          default: Z(() => [
-                            n("div", Ra, [
-                              (k(!0), V(ie, null, ke(R.info, (pe, we) => (k(), V("div", {
-                                key: we,
-                                class: "flex flex-col gap-4"
-                              }, [
-                                n("div", Na, O(pe == null ? void 0 : pe.label), 1),
-                                n("div", Ea, [
-                                  (k(!0), V(ie, null, ke(pe == null ? void 0 : pe.values, (Ue, qe) => (k(), V("div", {
-                                    key: qe,
-                                    class: "fm-typo-en-body-lg-600"
-                                  }, O(Ue), 1))), 128))
-                                ])
-                              ]))), 128))
-                            ])
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ])
-                    ])
-                  ], 64))), 128))
-                ])) : (k(), V("div", Da, [
-                  F(ve),
-                  n("div", null, [
-                    n("img", {
-                      src: l(gn),
-                      alt: "List is empty"
-                    }, null, 8, Aa)
-                  ]),
-                  s[17] || (s[17] = n("div", { class: "fm-typo-en-body-lg-600" }, O("No records found"), -1)),
-                  s[18] || (s[18] = n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, O("You can track approval and rejection history here"), -1)),
-                  F(ve),
-                  F(ve)
-                ]))
-              ])) : H("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["model-value"]),
-        l(f) && e.draft ? (k(), ae(sa, {
-          key: 0,
-          show: We.value,
-          "onUpdate:show": s[10] || (s[10] = (R) => We.value = R),
-          refreshing: I.value,
-          approving: Ke.value,
-          draft: e.draft,
-          onRefresh: re,
-          onApprove: Yt
-        }, null, 8, ["show", "refreshing", "approving", "draft"])) : H("", !0)
-      ], 64);
-    };
-  }
-});
-var ye = /* @__PURE__ */ ((a) => (a.ready = "ready", a.negative = "negative", a.systemNegative = "systemNegative", a))(ye || {});
-async function Wa(a) {
-  return new Promise((t, e) => {
-    const o = new FileReader();
-    o.onload = (h) => {
-      var c;
-      try {
-        const r = (c = h.target) == null ? void 0 : c.result, f = _n(r, { type: "array" }), C = f.SheetNames[0], I = f.Sheets[C], i = Ze.sheet_to_json(I, {
-          header: 1,
-          defval: ""
-        }), P = (u) => String(u).trim().toLowerCase().replace(/^\uFEFF/, ""), M = i.findIndex(
-          (u) => u.some((g) => P(g) === "code")
-        );
-        if (M === -1) {
-          t([]);
-          return;
-        }
-        const N = i[M], j = N.findIndex((u) => P(u) === "code"), x = N.findIndex((u) => P(u) === "balance");
-        if (j === -1 || x === -1) {
-          e(
-            new Error(
-              `Missing required columns: ${j === -1 ? '"Code" ' : ""}${x === -1 ? '"Balance"' : ""}.`.trim()
-            )
-          );
-          return;
-        }
-        const p = i.slice(M + 1).filter((u) => String(u[j]).trim()).map((u) => ({
-          itemCode: String(u[j]).trim(),
-          quantity: Number(u[x]) || 0
-        }));
-        t(p);
-      } catch (r) {
-        e(r);
-      }
-    }, o.onerror = e, o.readAsArrayBuffer(a);
-  });
-}
-function Ka(a) {
-  const t = /* @__PURE__ */ new Map();
-  return a.forEach((e) => {
-    const o = t.get(e.itemCode) || 0;
-    t.set(e.itemCode, o + e.quantity);
-  }), t;
-}
-function qa(a, t) {
-  const e = [], o = [];
-  for (const [h, c] of t.entries()) {
-    const r = a[h];
-    if (!r) {
-      o.push(h);
-      continue;
-    }
-    const f = c < 0 ? "negative" : "ready";
-    e.push({
-      sku: r,
-      physicalCount: c,
-      // Note: filled by composable after readStockBalance()
-      systemBalance: { amount: 0, precision: 0 },
-      variance: c - 0,
-      status: f
-    });
-  }
-  return { mergedItems: e, unrecognisedItemCodes: o };
-}
-function Ga(a, t) {
-  const e = a.filter((C) => !C.isInactive), o = wn().format("YYYY-MM-DD"), h = `${t} - ${o}.csv`, c = [
-    ["Code", "Name", "Balance"],
-    ...e.map((C) => [C.code, C.name, ""])
-  ], r = Ze.aoa_to_sheet(c), f = Ze.book_new();
-  Ze.book_append_sheet(f, r, "Template"), kn(f, h, { bookType: "csv" });
-}
-function Qa() {
-  const a = K([]), t = K([]), e = K(!1), o = dt(), h = Oe(), c = at(), r = U(
-    () => a.value.some((i) => i.status === ye.negative)
-  );
-  async function f(i) {
-    a.value = [], t.value = [], e.value = !0;
-    try {
-      const P = await Wa(i), M = Ka(P), N = o.skuByCode, { mergedItems: j, unrecognisedItemCodes: x } = qa(
-        N,
-        M
-      ), d = await c.readStockBalance(), p = d.skus ?? [];
-      p.length === 0 && console.warn(
-        "No SKU balances found when importing closing draft. All system balances will be set to 0.",
-        {
-          stockBalance: d
-        }
-      );
-      const u = new Map(
-        p.map((b) => [b.id, b.balance])
-      ), g = new Set(j.map((b) => b.sku._id));
-      a.value = j.map((b) => {
-        const D = u.get(b.sku._id) ?? { amount: 0, precision: 0 }, S = D.amount / Math.pow(10, D.precision);
-        return { ...b, systemBalance: D, variance: b.physicalCount - S };
-      });
-      for (const b of Object.values(o.skuByCode)) {
-        if (g.has(b._id)) continue;
-        const D = u.get(b._id);
-        if (!D) continue;
-        const S = D.amount / Math.pow(10, D.precision);
-        S >= 0 || a.value.push({
-          sku: b,
-          physicalCount: 0,
-          systemBalance: D,
-          variance: 0 - S,
-          status: ye.systemNegative
-        });
-      }
-      t.value = x;
-    } catch (P) {
-      a.value = [], t.value = [], console.error("Error processing uploaded file", { error: P });
-    } finally {
-      e.value = !1;
-    }
-  }
-  async function C() {
-    const i = He(), P = a.value.filter((p) => p.status === ye.ready), M = a.value.filter(
-      (p) => p.status === ye.systemNegative
-    ), N = (p) => ({
-      sku: {
-        _id: p.sku._id,
-        code: p.sku.code,
-        name: p.sku.name,
-        unit: p.sku.unit
-      },
-      baseAmount: Mt(p.physicalCount, p.sku.unit.precision),
-      measurementsAmounts: []
-    }), j = P.map(N), x = M.map(N), d = {
-      effectiveAt: (/* @__PURE__ */ new Date()).toISOString(),
-      items: j,
-      negativeStockItems: x
-    };
-    return await i.createQuickModeDraftWithItems(d);
-  }
-  function I() {
-    var P;
-    const i = ((P = h.currentLocation) == null ? void 0 : P.name) ?? "template";
-    Ga(o.skus, i);
-  }
-  return { mergedItems: a, unrecognisedItemCodes: t, hasBlockingErrors: r, isLoading: e, onFileUpload: f, submit: C, downloadTemplate: I };
-}
-const Za = { class: "flex flex-col gap-16" }, Ja = {
-  key: 0,
-  class: "px-16 py-12 rounded-8 bg-fm-color-danger-weak text-fm-color-danger-default"
-}, Xa = { key: 1 }, eo = { class: "fm-typo-en-label-md-400 cursor-pointer" }, to = { class: "mt-8 flex flex-col gap-4" }, no = { key: 2 }, ao = { class: "fm-typo-en-label-md-400 cursor-pointer" }, oo = { class: "mt-8 flex flex-col gap-4" }, so = /* @__PURE__ */ je({
-  __name: "ClosingDraftCreatePreviewTable",
-  props: {
-    items: {},
-    unrecognisedItemCodes: {}
-  },
-  setup(a) {
-    const t = a, { t: e } = tt(), o = U(
-      () => t.items.filter((f) => f.status === ye.negative)
-    ), h = U(
-      () => t.items.filter((f) => f.status === ye.systemNegative)
-    ), c = U(() => ({
-      [ye.negative]: {
-        bgColor: "bg-fm-color-danger-weak",
-        textColor: "text-fm-color-danger-default",
-        icon: "🚫",
-        label: e("inventory.closing.draft.createDraft.previewTable.status.negative")
-      },
-      [ye.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: (f) => f.row.original.sku.name
-      },
-      {
-        id: "uom",
-        header: () => e("inventory.closing.draft.createDraft.previewTable.uom"),
-        size: 80,
-        cell: (f) => f.row.original.sku.unit.abbrev
-      },
-      {
-        id: "systemBalance",
-        header: () => e("inventory.closing.draft.createDraft.previewTable.systemBalance"),
-        size: 180,
-        cell: (f) => {
-          const C = f.row.original;
-          return $("div", ne(C.systemBalance));
-        }
-      },
-      {
-        id: "physicalCount",
-        header: () => e("inventory.closing.draft.createDraft.previewTable.stockTakeBalance"),
-        cell: (f) => {
-          const C = f.row.original;
-          return $("div", ne(C.physicalCount));
-        }
-      },
-      {
-        id: "variance",
-        header: () => e("inventory.closing.draft.createDraft.previewTable.variance"),
-        cell: (f) => {
-          const I = f.row.original.variance, i = I < 0 ? "text-fm-color-danger-default" : I > 0 ? "text-fm-color-success-default" : "";
-          return $("span", { class: i }, ne(I));
-        }
-      },
-      {
-        id: "variancePercentage",
-        header: () => e("inventory.closing.draft.createDraft.previewTable.variancePercentage"),
-        size: 130,
-        cell: (f) => {
-          const C = f.row.original, I = C.systemBalance.amount / Math.pow(10, C.systemBalance.precision), i = I === 0 ? null : Math.max(
-            -100,
-            Math.min(100, Math.round(C.variance / Math.abs(I) * 1e4) / 100)
-          );
-          if (i === 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 P = `${ne(i)}`;
-          if (i === 0)
-            return $(
-              "div",
-              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
-              P
-            );
-          const M = i > 0;
-          return $("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" }, [
-            $(_e.FmIcon, {
-              name: M ? "arrow_drop_up" : "arrow_drop_down",
-              color: M ? "system-success-300" : "system-error-300",
-              size: "md"
-            }),
-            P
-          ]);
-        }
-      },
-      {
-        id: "status",
-        header: () => e("inventory.common.status"),
-        cell: (f) => {
-          const C = f.row.original.status, I = c.value[C];
-          return I ? $(
-            "span",
-            {
-              class: `px-8 py-2 rounded-4 ${I.bgColor} ${I.textColor} fm-typo-en-label-sm-400`
-            },
-            `${I.icon} ${I.label}`
-          ) : null;
-        }
-      }
-    ];
-    return (f, C) => {
-      const I = W("FmTable");
-      return k(), V("div", Za, [
-        o.value.length > 0 ? (k(), V("div", Ja, [
-          me(O(l(e)("inventory.closing.draft.createDraft.previewTable.cannotSubmitNegative")) + " ", 1),
-          n("strong", null, O(o.value.map((i) => i.sku.code).join(", ")), 1)
-        ])) : H("", !0),
-        h.value.length > 0 ? (k(), V("details", Xa, [
-          n("summary", eo, O(l(e)("inventory.closing.draft.createDraft.previewTable.systemNegativeNote", [h.value.length])), 1),
-          n("ul", to, [
-            (k(!0), V(ie, null, ke(h.value, (i) => (k(), V("li", {
-              key: i.sku._id,
-              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-            }, O(i.sku.code), 1))), 128))
-          ])
-        ])) : H("", !0),
-        f.unrecognisedItemCodes.length > 0 ? (k(), V("details", no, [
-          n("summary", ao, O(l(e)("inventory.closing.draft.createDraft.previewTable.unrecognisedNote", [f.unrecognisedItemCodes.length])), 1),
-          n("ul", oo, [
-            (k(!0), V(ie, null, ke(f.unrecognisedItemCodes, (i) => (k(), V("li", {
-              key: i,
-              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-            }, O(i), 1))), 128))
-          ])
-        ])) : H("", !0),
-        F(I, {
-          "row-data": t.items,
-          "column-defs": r,
-          pagination: { pageSize: 20 }
-        }, null, 8, ["row-data"])
-      ]);
-    };
-  }
-}), ro = { class: "flex flex-col gap-16" }, lo = { class: "flex flex-col gap-8" }, io = { class: "fm-typo-en-body-lg-600" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, uo = { class: "fm-corner-radius-md p-16 flex items-center gap-16 border border-fm-color-border-default" }, mo = { class: "flex flex-col flex-1 gap-4" }, fo = { class: "fm-typo-en-body-md-600" }, po = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, vo = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, yo = { class: "fm-typo-en-body-lg-600" }, go = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300 flex items-center gap-8"
-}, bo = { class: "grid grid-cols-[repeat(3,1fr)] gap-12" }, ho = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center gap-4" }, _o = { class: "flex items-center gap-8 w-full" }, ko = /* @__PURE__ */ je({
-  __name: "ClosingDraftCreateSideSheet",
-  props: {
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "submitted"],
-  setup(a, { emit: t }) {
-    const e = a, o = t, h = Tt(e, "show"), { t: c } = tt(), r = nt(), f = K("upload"), C = K(null), I = K(!1), { mergedItems: i, unrecognisedItemCodes: P, hasBlockingErrors: M, isLoading: N, onFileUpload: j, submit: x, downloadTemplate: d } = Qa(), p = U(
-      () => C.value && !N.value && i.value.length > 0
-    ), u = U(() => {
-      const S = i.value.filter(
-        (q) => q.status === ye.ready
-      ).length, Y = i.value.filter(
-        (q) => q.status === ye.negative
-      ).length, te = i.value.filter(
-        (q) => q.status === ye.systemNegative
-      ).length, oe = i.value.filter((q) => q.variance !== 0).length;
-      return [
-        { label: c("inventory.closing.draft.createDraft.summary.totalItems"), value: i.value.length },
-        { label: c("inventory.closing.draft.createDraft.summary.itemsWithCount"), value: S },
-        {
-          label: c("inventory.closing.draft.createDraft.summary.unrecognisedItems"),
-          value: P.value.length,
-          isWarning: P.value.length > 0
-        },
-        { label: c("inventory.closing.draft.createDraft.summary.itemsWithVariance"), value: oe },
-        { label: c("inventory.closing.draft.createDraft.summary.negativeCounts"), value: Y, isError: Y > 0 },
-        {
-          label: c("inventory.closing.draft.createDraft.summary.systemNegative"),
-          value: te,
-          isWarning: te > 0
-        }
-      ];
-    });
-    async function g(S) {
-      C.value = S, await j(S);
-    }
-    async function b() {
-      I.value = !0;
-      try {
-        await x(), D(), o("submitted"), r.open({
-          title: "Success",
-          message: "Closing draft created successfully",
-          type: "success"
-        });
-      } catch (S) {
-        console.error("Failed to create closing draft", { error: S }), r.open({
-          title: "Something went wrong",
-          message: "Failed to create closing draft. Please try again",
-          type: "error"
-        });
-      } finally {
-        I.value = !1;
-      }
-    }
-    Le(h, (S) => {
-      S || (f.value = "upload", C.value = null);
-    });
-    function D() {
-      h.value = !1;
-    }
-    return (S, Y) => {
-      const te = W("FmCircularProgress"), oe = W("FmIcon"), q = W("FmButton"), de = W("FmCard"), E = W("FmSideSheet");
-      return k(), ae(E, {
-        "dismiss-away": "",
-        "max-width": 9999,
-        "model-value": l(h),
-        "onUpdate:modelValue": Y[2] || (Y[2] = (B) => ut(h) ? h.value = B : null),
-        header: l(c)("inventory.closing.draft.createDraft.title")
-      }, {
-        default: Z(() => [
-          n("div", ro, [
-            f.value === "upload" ? (k(), V(ie, { key: 0 }, [
-              n("div", lo, [
-                n("div", io, O(l(c)("inventory.closing.draft.createDraft.importCsv")), 1),
-                n("div", co, O(l(c)("inventory.closing.draft.createDraft.uploadDescription")), 1),
-                F(xn, {
-                  class: Se({ "h-[200px]": !C.value }),
-                  accept: ".csv",
-                  disabled: l(N),
-                  onFileUpload: g
-                }, Qt({ _: 2 }, [
-                  C.value ? {
-                    name: "default",
-                    fn: Z(({ openFileDialog: B }) => [
-                      n("div", uo, [
-                        l(N) ? (k(), ae(te, {
-                          key: 0,
-                          size: "md",
-                          color: "neutral-gray-200"
-                        })) : (k(), ae(oe, {
-                          key: 1,
-                          name: "check_circle",
-                          color: "system-success-400",
-                          size: "lg"
-                        })),
-                        n("div", mo, [
-                          n("div", fo, O(C.value.name), 1),
-                          n("div", po, O(l(N) ? l(c)("inventory.closing.draft.createDraft.processing") : l(c)("inventory.closing.draft.createDraft.itemsLoaded", [l(i).length])), 1)
-                        ]),
-                        l(N) ? H("", !0) : (k(), ae(q, {
-                          key: 2,
-                          label: l(c)("inventory.closing.draft.createDraft.replaceFile"),
-                          variant: "secondary",
-                          "prepend-icon": "autorenew",
-                          onClick: B
-                        }, null, 8, ["label", "onClick"]))
-                      ])
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["class", "disabled"])
-              ]),
-              p.value ? (k(), V("div", vo, [
-                n("div", yo, O(l(c)("inventory.closing.draft.createDraft.importSummary")), 1),
-                l(M) ? (k(), V("div", go, [
-                  F(oe, {
-                    name: "error",
-                    size: "sm",
-                    color: "system-error-300"
-                  }),
-                  n("span", null, O(l(c)("inventory.closing.draft.createDraft.reviewIssues")), 1)
-                ])) : H("", !0),
-                F(de, {
-                  variant: "outlined",
-                  class: "flex flex-col gap-12 px-16 py-12"
-                }, {
-                  default: Z(() => [
-                    n("div", bo, [
-                      (k(!0), V(ie, null, ke(u.value, (B) => (k(), V("div", {
-                        key: B.label,
-                        class: "flex flex-col gap-4"
-                      }, [
-                        n("div", ho, [
-                          B.isError ? (k(), ae(oe, {
-                            key: 0,
-                            name: "error",
-                            size: "sm",
-                            color: "system-error-300"
-                          })) : H("", !0),
-                          B.isWarning && !B.isError ? (k(), ae(oe, {
-                            key: 1,
-                            name: "warning",
-                            size: "sm",
-                            color: "system-warning-300"
-                          })) : H("", !0),
-                          n("span", null, O(B.label), 1)
-                        ]),
-                        n("div", {
-                          class: Se([
-                            "fm-typo-en-body-lg-600",
-                            {
-                              "text-fm-color-system-error-300": B.isError,
-                              "text-fm-color-system-warning-300": B.isWarning && !B.isError
-                            }
-                          ])
-                        }, O(B.value), 3)
-                      ]))), 128))
-                    ])
-                  ]),
-                  _: 1
-                })
-              ])) : H("", !0)
-            ], 64)) : H("", !0),
-            f.value === "preview" ? (k(), ae(so, {
-              key: 1,
-              items: l(i),
-              "unrecognised-item-codes": l(P)
-            }, null, 8, ["items", "unrecognised-item-codes"])) : H("", !0)
-          ])
-        ]),
-        "side-sheet-footer": Z(() => [
-          n("div", _o, [
-            f.value === "preview" ? (k(), ae(q, {
-              key: 0,
-              variant: "secondary",
-              label: l(c)("inventory.common.back"),
-              "prepend-icon": "arrow_back",
-              onClick: Y[0] || (Y[0] = (B) => f.value = "upload")
-            }, null, 8, ["label"])) : H("", !0),
-            f.value === "upload" ? (k(), ae(q, {
-              key: 1,
-              variant: "primary",
-              label: l(c)("inventory.common.next"),
-              disabled: !C.value || l(N),
-              onClick: Y[1] || (Y[1] = (B) => f.value = "preview")
-            }, null, 8, ["label", "disabled"])) : H("", !0),
-            f.value === "preview" ? (k(), ae(Dn, {
-              key: 2,
-              label: l(c)("inventory.closing.draft.createDraft.submit"),
-              disabled: l(M) || l(i).length === 0 || I.value,
-              loading: I.value,
-              "confirm-title": l(c)("inventory.closing.draft.createDraft.confirmTitle"),
-              "confirm-message": l(c)("inventory.closing.draft.createDraft.confirmMessage"),
-              onConfirm: b
-            }, null, 8, ["label", "disabled", "loading", "confirm-title", "confirm-message"])) : H("", !0),
-            F(q, {
-              variant: "tertiary",
-              label: l(c)("inventory.common.close"),
-              onClick: D
-            }, null, 8, ["label"]),
-            f.value === "upload" ? (k(), ae(q, {
-              key: 3,
-              class: "ml-auto",
-              variant: "secondary",
-              label: l(c)("inventory.closing.draft.createDraft.downloadTemplate"),
-              "prepend-icon": "download",
-              onClick: l(d)
-            }, null, 8, ["label", "onClick"])) : H("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value", "header"]);
-    };
-  }
-}), wo = { class: "flex-1 flex flex-col gap-8" }, xo = { class: "flex flex-col" }, Do = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ao = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Co = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, So = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ns = /* @__PURE__ */ je({
-  __name: "ClosingDraftView",
-  setup(a) {
-    const { t } = tt(), { viewDraft: e } = et(), { viewClosingDraftProps: o, viewClosingDraftShow: h } = rn(et()), c = Oe(), r = Ot(), f = Xt(), { breakpoints: C } = nn();
-    c.watchLocation(r.fetchDrafts);
-    const I = U(() => r.loading), i = K(""), P = K(!1), M = U(() => C.value.xs || C.value.sm), N = U(() => M.value ? 10 : 20), j = U(() => {
-      var u;
-      return ((u = c.currentLocation) == null ? void 0 : u.type) === sn.enum.warehouse;
-    });
-    function x(u) {
-      switch (u) {
-        case "add":
-          return P.value = !0;
-        case "refresh":
-          return r.fetchDrafts();
-      }
-    }
-    function d(u) {
-      return u;
-    }
-    const p = U(() => {
-      const u = {
-        label: t("inventory.closing.draft.createDraft.title"),
-        value: "add",
-        isPrimary: !0,
-        prependIcon: "add"
-      }, g = {
-        label: t("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      };
-      return [
-        ...j.value ? [u] : [],
-        g
-      ];
-    });
-    return (u, g) => {
-      const b = W("FmTable");
-      return k(), V(ie, null, [
-        F(en, {
-          title: l(t)("inventory.closing.draft.title"),
-          actions: p.value,
-          "onClick:action": x
-        }, {
-          default: Z(() => [
-            n("div", {
-              class: Se([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": M.value,
-                  "px-24 ": !M.value
-                }
-              ])
-            }, [
-              F(yn, {
-                "change-location": "",
-                searchable: "",
-                search: i.value,
-                "onUpdate:search": g[0] || (g[0] = (D) => i.value = D)
-              }, null, 8, ["search"]),
-              F(b, {
-                style: Bt(l(f).tableHeight),
-                "column-defs": l(r).columnDefs,
-                "row-data": l(r).drafts,
-                "search-value": i.value,
-                loading: I.value,
-                onRowClick: g[1] || (g[1] = (D) => l(e)(D.original)),
-                "page-size": N.value
-              }, {
-                "list-row": Z((D) => [
-                  F(An, {
-                    row: D,
-                    onRowClick: (S) => l(e)(S)
-                  }, {
-                    default: Z((S) => {
-                      var Y, te, oe, q, de, E, B, re, w, J, X, fe, Pe, le, De, $e, Ve, Ne, Ae, Fe;
-                      return [
-                        n("div", wo, [
-                          n("div", xo, [
-                            n("div", Do, [
-                              F(l(Qe), {
-                                render: (oe = (te = (Y = S._id) == null ? void 0 : Y.column) == null ? void 0 : te.columnDef) == null ? void 0 : oe.cell,
-                                props: (de = (q = S._id) == null ? void 0 : q.getContext) == null ? void 0 : de.call(q)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            n("div", Ao, [
-                              F(l(Qe), {
-                                render: (re = (B = (E = S.name) == null ? void 0 : E.column) == null ? void 0 : B.columnDef) == null ? void 0 : re.cell,
-                                props: (J = (w = S.name) == null ? void 0 : w.getContext) == null ? void 0 : J.call(w)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            n("div", Co, O([
-                              ...D.original.items.slice(0, 3).map((Ye) => Ye.sku.name),
-                              ...D.original.items.length >= 3 ? [`and ${D.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            n("div", So, [
-                              F(l(Qe), {
-                                render: (Pe = (fe = (X = S.ref) == null ? void 0 : X.column) == null ? void 0 : fe.columnDef) == null ? void 0 : Pe.cell,
-                                props: (De = (le = S.ref) == null ? void 0 : le.getContext) == null ? void 0 : De.call(le)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          n("div", null, [
-                            F(l(Qe), {
-                              render: (Ne = (Ve = ($e = S.status) == null ? void 0 : $e.column) == null ? void 0 : Ve.columnDef) == null ? void 0 : Ne.cell,
-                              props: (Fe = (Ae = S.status) == null ? void 0 : Ae.getContext) == null ? void 0 : Fe.call(Ae)
-                            }, 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"]),
-        F(ko, {
-          show: P.value,
-          "onUpdate:show": g[2] || (g[2] = (D) => P.value = D),
-          onSubmitted: l(r).fetchDrafts
-        }, null, 8, ["show", "onSubmitted"]),
-        (k(), ae(Zt, { to: "body" }, [
-          F(Ya, Jt(l(o), {
-            show: l(h),
-            "onUpdate:show": g[3] || (g[3] = (D) => ut(h) ? h.value = D : null),
-            onSubmitted: g[4] || (g[4] = () => (h.value = !1, l(r).fetchDrafts())),
-            onRefresh: g[5] || (g[5] = (D) => l(r).updateDraftRef(D))
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  ns as default
-};