@feedmepos/mf-inventory-portal 1.3.12-dev.2 → 1.3.13

package/dist/ClosingDraftView-DOSvb2cx.js

@@ -0,0 +1,3061 @@
+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 { o as an, u as Oe, M as se, y as ee, s as jt, v as Ie, O as xe, D as Te, c as on, a as dt, k as sn } from "./app-DZ_O5S5y.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-DoKx3vEH.js";
+import { R as cn } from "./rules-BvLBkdfK.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-9PlMlR2G.js";
+import { b as un, d as dn } from "./xlsx.util-Bd4_86rn.js";
+import { u as mn } from "./stock-CoG3l91v.js";
+import { u as at } from "./stock-yUbmIey0.js";
+import { D as St, R as Re } from "./row-action.enum-Co_O4qD9.js";
+import { c as fn } from "./component-kqxARxvM.js";
+import { f as pn } from "./format-time-from-id-CjML4YH3.js";
+import { f as vn } from "./recalculationUtils-Rj0SZQO3.js";
+import { _ as yn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BTwfJTx3.js";
+import { E as gn } from "./empty-placeholder-wf6-BWE8.js";
+import { F as $t } from "./FmAdminBadge-DjnBAgyv.js";
+import { u as bn } from "./vue-i18n-BqX2td3b.js";
+import { F as hn } from "./decimal-CHryhQrv.js";
+import { r as _n, u as Ze, w as kn } from "./xlsx-CtRIIkxr.js";
+import { d as wn } from "./dayjs.min-BzKmIVU5.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
+};