@feedmepos/mf-inventory-portal 1.4.4-dev.1 → 1.4.4

package/dist/ClosingDraftView-BPmQPlyp.js

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