@feedmepos/mf-inventory-portal 1.5.0 → 1.5.2-dev.1

package/dist/ClosingDraftView-CzAV6Ak-.js

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