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

package/dist/ClosingDraftView-osqh-QJ1.js

@@ -0,0 +1,3649 @@
+import { defineComponent as Le, ref as Y, computed as V, onMounted as Lt, resolveComponent as G, openBlock as x, createElementBlock as M, Fragment as ue, createTextVNode as pe, createBlock as ne, withCtx as Z, createElementVNode as m, toDisplayString as W, unref as p, createVNode as B, createCommentVNode as q, h as T, watch as Qe, renderList as Se, onUnmounted as Un, reactive as cn, isRef as Ot, normalizeClass as Be, normalizeStyle as gn, createSlots as Pn, Teleport as Vn, mergeProps as Ln } from "vue";
+import { u as On, _ as zn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
+import { useCoreStore as zt, useI18n as xt } from "@feedmepos/mf-common";
+import { useSnackbar as rt, useDialog as Wn, components as Ce, useProxiedModel as hn, useBreakpoints as Hn } from "@feedmepos/ui-library";
+import { m as bn, u as lt, L as le, w as te, q as _n, s as Pe, M as Te, B as Ve, c as Yn, a as Wt, j as Kn } from "./app-CItiJtFw.js";
+import { defineStore as wn, storeToRefs as qn } from "pinia";
+import { b as _t, e as kn, f as Gn, a as Fe } from "./date2-D00juOhc.js";
+import { R as Qn } from "./rules-01UCJome.js";
+import { e as Ht, a as Bt, t as xn, c as st, l as Dn, m as Cn, j as Sn, k as An, o as ae } from "./number-C9o5tPfP.js";
+import { b as Zn, d as Jn } from "./xlsx.util-DR3_mTtm.js";
+import { u as Xn } from "./stock-SuApOj2U.js";
+import { u as Dt } from "./stock-DTp9AhdZ.js";
+import { D as un, R as He } from "./row-action.enum-DQ9bJ_uv.js";
+import { c as ea } from "./component-kqxARxvM.js";
+import { f as ta } from "./format-time-from-id-DBU5YJL6.js";
+import { f as na } from "./recalculationUtils-BiZ-pU6y.js";
+import { _ as aa } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Bvma2A4K.js";
+import { _ as oa } from "./empty-placeholder-B0QU467o.js";
+import { F as It } from "./FmAdminBadge-DjnBAgyv.js";
+import { u as sa } from "./vue-i18n-CqFS0F9S.js";
+import { F as ra } from "./decimal-Cfx4iNIN.js";
+import { r as la, u as gt, w as ia } from "./xlsx-BY0_-lpm.js";
+import { d as ca } from "./dayjs.min-DmEufB_X.js";
+import { F as ua } from "./FmDroppableField-J0xUsOTV.js";
+import { _ as da } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-DLrMEGFR.js";
+import { _ as ma, F as yt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
+const it = bn((t, n) => {
+  function e() {
+    return lt().currentLocation.dbName;
+  }
+  return {
+    getDbName: e,
+    async getDraft(a) {
+      const l = e(), s = `${t.inventoryBackendUrl}/${l}/closing-draft/${a}`;
+      return n.get(s);
+    },
+    async readDrafts() {
+      const a = e(), l = `${t.inventoryBackendUrl}/${a}/closing-draft`;
+      return n.get(l);
+    },
+    async runOperation(a) {
+      const l = e(), s = `${t.inventoryBackendUrl}/${l}/closing-draft/run-operation`;
+      return n.post(s, a);
+    },
+    async runOperationV1(a) {
+      const l = e(), s = `${t.inventoryBackendUrl}/${l}/closing-draft/v1/run-operation`;
+      return n.post(s, a);
+    },
+    async sync(a) {
+      const l = e(), s = `${t.inventoryBackendUrl}/${l}/closing-draft/sync`;
+      return n.post(s, a);
+    },
+    async cloneDraft(a) {
+      const l = e(), s = `${t.inventoryBackendUrl}/${l}/closing-draft/${a}/clone`;
+      return n.post(s, {});
+    },
+    async createQuickModeDraftWithItems(a) {
+      const l = e(), s = `${t.inventoryBackendUrl}/${l}/closing-draft/quick-mode/new-with-items`;
+      return n.post(s, a);
+    },
+    initializeStockSnapshot(a, l) {
+      const s = e(), o = `${t.inventoryBackendUrl}/${s}/closing-draft/${encodeURIComponent(a)}/initialize-stock-snapshot`;
+      return n.post(o, { effectiveAt: l });
+    },
+    async getRefreshBalanceStatus(a, l) {
+      const s = e(), o = `${t.inventoryBackendUrl}/${s}/closing-draft/${a}/refresh-balance/status?closingDraftRevision=${encodeURIComponent(l)}`;
+      return n.get(o);
+    }
+  };
+}), fa = { class: "fm-typo-en-body-lg-400" }, pa = { class: "fm-typo-en-body-lg-600" }, va = {
+  key: 0,
+  class: "flex flex-col"
+}, ya = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, ga = { class: "flex gap-12 py-8 justify-end w-full" }, Tt = /* @__PURE__ */ Le({
+  __name: "ClosingDraftAction",
+  props: {
+    draft: {},
+    action: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const n = t, e = Y(), a = it(), l = rt(), s = Y(!1), o = Y(null), d = Y(!1), g = V(() => {
+      switch (n.action) {
+        case le.enum.approveDraft:
+          return "Approve";
+        case le.enum.rejectDraft:
+          return "Reject";
+        case le.enum.markAsFailed:
+          return "Mark as Failed";
+      }
+      throw new Error(`Unknown action: ${n.action}`);
+    }), _ = V(() => {
+      switch (n.action) {
+        case le.enum.approveDraft:
+          return "primary";
+        case le.enum.rejectDraft:
+          return "destructive";
+        case le.enum.markAsFailed:
+          return "destructive";
+      }
+      throw new Error(`Unknown action: ${n.action}`);
+    });
+    Lt(() => {
+      if (n.draft.effectiveAt)
+        o.value = new Date(n.draft.effectiveAt);
+      else {
+        const S = new Date(n.draft.createdAt);
+        S.setHours(23, 59, 59, 999), o.value = S;
+      }
+      d.value = !0;
+    });
+    const f = V({
+      get() {
+        return o.value === null ? "" : _t(o.value);
+      },
+      set(S) {
+        if (S) {
+          const u = /* @__PURE__ */ new Date(`${S} ${I.value}`);
+          u.setSeconds(59, 999), o.value = u;
+        } else
+          o.value = null;
+      }
+    }), I = V({
+      get() {
+        return o.value === null ? "" : kn(o.value);
+      },
+      set(S) {
+        if (S) {
+          const u = /* @__PURE__ */ new Date(`${f.value} ${S}`);
+          u.setSeconds(59, 999), o.value = u;
+        } else
+          o.value = null;
+      }
+    }), R = V(() => o.value ? o.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function U(S) {
+      s.value = !0;
+      try {
+        S ? await a.runOperationV1({
+          _id: n.draft._id,
+          _rev: n.draft._rev ?? "",
+          action: n.action,
+          data: {
+            effectiveAt: o.value ? o.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500) : await a.runOperation({
+          _id: n.draft._id,
+          _rev: n.draft._rev ?? "",
+          action: n.action,
+          data: {
+            effectiveAt: o.value ? o.value.toISOString() : null,
+            remark: e.value
+          }
+        }).delayed(500), l.open({
+          title: "Success",
+          message: "Action submitted",
+          type: "success"
+        }), n.onFinished();
+      } catch (u) {
+        l.open({
+          title: "Something went wrong",
+          message: (u == null ? void 0 : u.message) ?? "Unable to submit action. Please try again",
+          type: "error"
+        }), console.error("error on submit closing draft action", u);
+      } finally {
+        s.value = !1;
+      }
+    }
+    return (S, u) => {
+      const F = G("FmLabel"), c = G("FmDatePicker"), r = G("FmTimePicker"), i = G("FmTextField"), b = G("FmButton"), C = G("FmForm");
+      return d.value ? (x(), ne(C, {
+        key: 1,
+        onValidationSuccess: U,
+        class: "flex flex-col gap-32",
+        disabled: s.value
+      }, {
+        default: Z(() => [
+          m("div", fa, [
+            u[4] || (u[4] = pe(" You are about to ")),
+            m("span", pa, W(g.value), 1),
+            u[5] || (u[5] = pe(" this draft. Please provide a remark to justify this action. "))
+          ]),
+          S.action === p(le).enum.approveDraft ? (x(), M("div", va, [
+            B(F, { class: "fm-typo-en-body-lg-600" }, {
+              default: Z(() => u[6] || (u[6] = [
+                pe("Closing Date")
+              ])),
+              _: 1
+            }),
+            B(c, {
+              modelValue: f.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (A) => f.value = A),
+              max: p(_t)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            B(F, { class: "fm-typo-en-body-lg-600" }, {
+              default: Z(() => u[7] || (u[7] = [
+                pe("Closing Time")
+              ])),
+              _: 1
+            }),
+            B(r, {
+              modelValue: I.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (A) => I.value = A)
+            }, null, 8, ["modelValue"]),
+            R.value ? (x(), M("div", ya, " Cannot select future date ")) : q("", !0)
+          ])) : q("", !0),
+          B(i, {
+            modelValue: e.value,
+            "onUpdate:modelValue": u[2] || (u[2] = (A) => e.value = A),
+            label: "Remark",
+            "label-mark": "required",
+            rules: [p(Qn)()]
+          }, null, 8, ["modelValue", "rules"]),
+          m("div", ga, [
+            B(b, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: u[3] || (u[3] = (A) => S.onCancel())
+            }),
+            B(b, {
+              label: g.value,
+              type: "submit",
+              variant: _.value,
+              loading: s.value
+            }, null, 8, ["label", "variant", "loading"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (x(), M(ue, { key: 0 }, [
+        pe("Loading")
+      ], 64));
+    };
+  }
+}), ha = st(0);
+function $n(t) {
+  const n = t.measurementsAmounts.groupBy((a) => a.measurement.id), e = t.sku.unit.measurements.reduce((a, l) => {
+    var d, g;
+    const s = ((g = (d = n.get(l.id)) == null ? void 0 : d[0]) == null ? void 0 : g.amount) ?? ha, o = Ht(l.conversion, s);
+    return a + +Bt(o);
+  }, +Bt(t.baseAmount));
+  return xn(e, t.baseAmount.precision);
+}
+const ba = st(0), _a = st(100);
+function wa(t, n, e, a, l, s, o, d) {
+  var O, me, N, E, ie;
+  const g = $n(t), _ = a ?? g, f = Dn(_, n), I = n.amount === 0 ? null : Cn(f, {
+    ...n,
+    amount: Math.abs(n.amount)
+  }), R = I ? Ht(I, _a) : null, U = ((O = t.sku.defaultCost) == null ? void 0 : O.costPerUnit) ?? { amount: 0, precision: 0 }, S = Number(te.toFormatString({ value: U })), u = ((N = (me = t.sku.defaultCost) == null ? void 0 : me.measurement) == null ? void 0 : N.conversion) ?? {
+    amount: 1,
+    precision: 0
+  }, F = Number(
+    te.toFormatString({ value: u })
+  ), c = l ? Number(te.toFormatString({ value: l })) : 0, r = Number(te.toFormatString({ value: n })), i = Number(te.toFormatString({ value: _ })), b = i - r, C = b * S / F, A = i * S / F, L = r * S / F, se = {};
+  return o && s && o.forEach((D) => {
+    const X = { amount: 0, precision: 0 }, J = s[D];
+    if (J) {
+      const ve = Sn(X, J);
+      se[`adjustment_${D}`] = Bt(ve);
+    } else
+      se[`adjustment_${D}`] = "0";
+  }), {
+    code: t.sku.code,
+    name: t.sku.name,
+    baseUnit: t.sku.unit.abbrev,
+    costUnit: ((ie = (E = t.sku.defaultCost) == null ? void 0 : E.measurement) == null ? void 0 : ie.abbrev) ?? null,
+    baseUnitAmount: Number(te.toFormatString({ value: t.baseAmount })),
+    ...t.measurementsAmounts.filter(
+      (D) => ka(D.measurement) && e.includes(D.measurement.id)
+    ).reduce(
+      (D, X, J) => (D[`measurementAbbrev${J}`] = `(${X.measurement.abbrev}) × ${te.toFormatString({ value: X.measurement.conversion })}`, D[`measurementAmount${J}`] = Number(te.toFormatString({ value: X.amount })), D),
+      {}
+    ),
+    systemBalance: r,
+    physicalBalance: i,
+    adjustedAmount: Number(te.toFormatString({ value: f })),
+    adjustedDiffPercentage: R ? Number(
+      te.toFormatString({
+        value: An(R, 2)
+      })
+    ) : null,
+    costPerUnit: S,
+    opening: c,
+    ...se,
+    varianceQty: b,
+    varianceInCost: C,
+    stockTakeValue: A,
+    systemValue: L,
+    // Include custom attribute values
+    ...(d ?? []).reduce(
+      (D, X) => {
+        var ve;
+        const J = (ve = t.sku.customAttributes) == null ? void 0 : ve[X];
+        return D[`customAttr_${X}`] = J != null ? String(J) : null, D;
+      },
+      {}
+    )
+  };
+}
+function ka(t) {
+  return !t.abbrev.toLocaleLowerCase().includes("inactive");
+}
+function xa(t) {
+  const n = In(t);
+  return t.reduce(
+    (e, a) => {
+      var l;
+      return Math.max(e, ((l = n == null ? void 0 : n.get(a.sku._id)) == null ? void 0 : l[0].length) ?? 0);
+    },
+    0
+  );
+}
+function In(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 Da(t, n = [], e = []) {
+  const a = _n(), l = a === "MYR" ? "RM" : a;
+  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((o) => ({
+      id: `adjustment_${o}`,
+      name: Pe(o)
+    })),
+    {
+      id: "systemBalance",
+      name: "System balance (Qty)"
+    },
+    {
+      id: "physicalBalance",
+      name: "Stock take (Qty)"
+    },
+    {
+      id: "adjustedAmount",
+      name: "Variance"
+    },
+    {
+      id: "varianceInCost",
+      name: `Variance (${l})`
+    },
+    {
+      id: "adjustedDiffPercentage",
+      name: "Variance (%)"
+    },
+    {
+      id: "stockTakeValue",
+      name: `Stock take value (${l})`
+    },
+    {
+      id: "systemValue",
+      name: `System value (${l})`
+    },
+    {
+      id: "baseUnitAmount",
+      name: "Base unit amount"
+    },
+    ...Array.from({ length: t }).flatMap((o, d) => [
+      {
+        id: `measurementAmount${d}`,
+        name: `UOM amount ${d + 1}`
+      },
+      {
+        id: `measurementAbbrev${d}`,
+        name: `UOM ${d + 1}`
+      }
+    ]),
+    // Dynamic custom attribute columns
+    ...e.map((o) => ({
+      id: `customAttr_${o}`,
+      name: Pe(o)
+    }))
+  ];
+}
+function Ca(t, n, e, a = []) {
+  var se, re, O, me, N, E, ie;
+  const l = n.groupBy(
+    (D) => D.id,
+    (D) => D.balance
+  ), s = e.groupBy(
+    (D) => D.id,
+    (D) => D.balance
+  ), o = /* @__PURE__ */ new Map();
+  if (t.opening)
+    for (const D of t.opening)
+      o.set(D.skuId, D.balance);
+  const d = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map();
+  if (t.adjustmentSnapshot)
+    for (const D of t.adjustmentSnapshot)
+      D.adjustmentsByType && (Object.keys(D.adjustmentsByType).forEach((X) => d.add(X)), g.set(D.skuId, D.adjustmentsByType));
+  const _ = ["receive", "sales", "wastage"], f = [];
+  _.forEach((D) => {
+    d.has(D) && (f.push(D), d.delete(D));
+  });
+  const I = Array.from(d).sort(), R = [...f, ...I], U = [...t.items, ...t.negativeStockItems ?? []], S = In(U), u = U.map((D) => {
+    var Ae, je, Re;
+    const X = ((Ae = l.get(D.sku._id)) == null ? void 0 : Ae[0]) ?? ba, J = ((je = S == null ? void 0 : S.get(D.sku._id)) == null ? void 0 : je[0]) ?? [], ve = o.get(D.sku._id), Oe = g.get(D.sku._id);
+    return wa(
+      D,
+      X,
+      J,
+      (Re = s.get(D.sku._id)) == null ? void 0 : Re[0],
+      ve,
+      Oe,
+      R,
+      a
+    );
+  }), F = xa(U), r = zt().currentBusiness.value, i = Da(F, R, a), b = [
+    ["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", (se = t.createdBy) == null ? void 0 : se.name],
+    ["Updated at", new Date(t.updatedAt)],
+    ["Updated by", (re = t.updatedBy) == null ? void 0 : re.name],
+    ["Recent action", t.approvedAt ? "Approve" : t.rejectionHistory ? "Reject" : ""],
+    [
+      "Action by",
+      t.approvedAt ? (O = t.approvedBy) == null ? void 0 : O.name : t.rejectionHistory ? (N = (me = t.rejectionHistory[0]) == null ? void 0 : me.rejectedBy) == null ? void 0 : N.name : ""
+    ],
+    [
+      "Action at",
+      t.approvedAt ? new Date(t.approvedAt) : t.rejectionHistory ? new Date((E = t.rejectionHistory[0]) == null ? void 0 : E.rejectedAt) : ""
+    ],
+    [
+      "Action remark",
+      t.approvedAt ? t.approveRemark : t.rejectionHistory ? new Date((ie = t.rejectionHistory[0]) == null ? void 0 : ie.rejectRemark) : ""
+    ],
+    [],
+    i.map((D) => D.name),
+    ...u.map((D) => i.map((X) => D[X.id]))
+  ], C = i.map((D) => `system:${D.id}`), A = Zn(b, C), L = `[${r == null ? void 0 : r.name}] closing draft (${Gn(new Date(t.updatedAt))}).xlsx`;
+  return Jn(A, L), L;
+}
+const Sa = { class: "flex flex-col" }, Aa = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error mt-4"
+}, $a = { class: "flex gap-12 py-8 justify-end w-full" }, Ia = /* @__PURE__ */ Le({
+  __name: "RefreshBalanceAction",
+  props: {
+    draft: {},
+    onCancel: { type: Function },
+    onFinished: { type: Function }
+  },
+  setup(t) {
+    const n = t;
+    Dt();
+    const e = Y(!1), a = Y(null), l = Y(!1);
+    Lt(() => {
+      if (n.draft.effectiveAt)
+        a.value = new Date(n.draft.effectiveAt);
+      else {
+        const _ = new Date(n.draft.createdAt);
+        _.setHours(23, 59, 59, 999), a.value = _;
+      }
+      l.value = !0;
+    });
+    const s = V({
+      get() {
+        return a.value === null ? "" : _t(a.value);
+      },
+      set(_) {
+        if (_) {
+          const f = /* @__PURE__ */ new Date(`${_} ${o.value}`);
+          f.setSeconds(59, 999), a.value = f;
+        } else
+          a.value = null;
+      }
+    }), o = V({
+      get() {
+        return a.value === null ? "" : kn(a.value);
+      },
+      set(_) {
+        if (_) {
+          const f = /* @__PURE__ */ new Date(`${s.value} ${_}`);
+          f.setSeconds(59, 999), a.value = f;
+        } else
+          a.value = null;
+      }
+    }), d = V(() => a.value ? a.value.getTime() > (/* @__PURE__ */ new Date()).getTime() : !1);
+    async function g() {
+      e.value = !0, n.onFinished(a.value.toISOString());
+    }
+    return (_, f) => {
+      const I = G("FmLabel"), R = G("FmDatePicker"), U = G("FmTimePicker"), S = G("FmButton"), u = G("FmForm");
+      return l.value ? (x(), ne(u, {
+        key: 1,
+        onValidationSuccess: g,
+        class: "flex flex-col gap-32",
+        disabled: e.value
+      }, {
+        default: Z(() => [
+          f[5] || (f[5] = m("div", { class: "fm-typo-en-body-lg-400" }, [
+            m("p", null, [
+              pe(" Performing "),
+              m("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
+              pe(" until closing effective date and time. ")
+            ]),
+            m("p", { class: "mt-2" }, [
+              pe(" Please note that this action will "),
+              m("b", null, "update"),
+              pe(" the effective date and time. ")
+            ])
+          ], -1)),
+          m("div", Sa, [
+            B(I, { class: "fm-typo-en-body-lg-600" }, {
+              default: Z(() => f[3] || (f[3] = [
+                pe("Closing Date")
+              ])),
+              _: 1
+            }),
+            B(R, {
+              modelValue: s.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (F) => s.value = F),
+              max: p(_t)(/* @__PURE__ */ new Date())
+            }, null, 8, ["modelValue", "max"]),
+            B(I, { class: "fm-typo-en-body-lg-600" }, {
+              default: Z(() => f[4] || (f[4] = [
+                pe("Closing Time")
+              ])),
+              _: 1
+            }),
+            B(U, {
+              modelValue: o.value,
+              "onUpdate:modelValue": f[1] || (f[1] = (F) => o.value = F)
+            }, null, 8, ["modelValue"]),
+            d.value ? (x(), M("div", Aa, " Cannot select future date ")) : q("", !0)
+          ]),
+          m("div", $a, [
+            B(S, {
+              label: "Cancel",
+              variant: "tertiary",
+              onClick: f[2] || (f[2] = (F) => _.onCancel())
+            }),
+            B(S, {
+              label: "Refresh balance",
+              type: "submit",
+              variant: "primary",
+              loading: e.value,
+              disabled: d.value
+            }, null, 8, ["loading", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : (x(), M(ue, { key: 0 }, [
+        pe("Loading")
+      ], 64));
+    };
+  }
+}), wt = wn(
+  "closingDraftActions",
+  function() {
+    const n = Wn(), e = rt(), a = Dt(), l = it(), s = Xn(), o = Y(!1), d = Y();
+    function g(i) {
+      const b = {
+        draft: i
+      };
+      d.value = b, o.value = !0;
+    }
+    async function _(i) {
+      var C;
+      if (i.status === Te.enum.COMPLETED) {
+        const A = i.closingAdjustmentId;
+        if (!A)
+          return e.open({
+            title: "Something went wrong",
+            message: "Closing draft is completed but closing document cannot be found.",
+            type: "error"
+          }), console.error("Closing draft is completed but closing document cannot be found.", {
+            draftId: i._id
+          }), [];
+        const L = await a.readAdjustmentById(A);
+        return ((L == null ? void 0 : L.skus) ?? []).map((re) => ({
+          id: re.sku._id,
+          balance: re.fromBalance,
+          costs: re.fromCostBalances
+        }));
+      } else
+        return await s.readStockBalance(), ((C = s.stockBalance) == null ? void 0 : C.skus) ?? [];
+    }
+    async function f(i, b, C, A) {
+      b || (e.open({
+        title: "Exporting",
+        message: "Fetching data..."
+      }), b = await _(i)), Ca(i, b, C ?? [], A ?? []);
+    }
+    function I(i, b, C) {
+      n.open({
+        title: "Approve draft",
+        contentComponent: Tt,
+        contentComponentProps: {
+          draft: i,
+          action: le.enum.approveDraft,
+          onFinished: () => {
+            n.close(), b == null || b();
+          },
+          onCancel: () => {
+            n.close();
+          }
+        }
+      }).onClose(() => {
+        C == null || C();
+      });
+    }
+    function R(i, b) {
+      n.open({
+        title: "Reject draft",
+        contentComponent: Tt,
+        contentComponentProps: {
+          draft: i,
+          action: le.enum.rejectDraft,
+          onFinished: () => {
+            n.close(), b == null || b();
+          },
+          onCancel: () => n.close()
+        }
+      });
+    }
+    function U(i, b) {
+      n.open({
+        title: "Mark draft as failed",
+        contentComponent: Tt,
+        contentComponentProps: {
+          draft: i,
+          action: le.enum.markAsFailed,
+          onFinished: () => {
+            n.close(), b == null || b();
+          },
+          onCancel: () => n.close()
+        }
+      });
+    }
+    async function S(i, b) {
+      await l.sync({
+        _id: i._id,
+        _rev: i._rev ?? "",
+        action: le.enum.approveDraft,
+        data: {
+          remark: i.remark ?? ""
+        }
+      }).delayed(500), e.open({
+        title: "Success",
+        message: "Sync requested",
+        type: "success"
+      }), b == null || b();
+    }
+    function u() {
+      o.value = !1;
+    }
+    async function F(i, b, C) {
+      await n.open({
+        title: "Refresh balance",
+        contentComponent: Ia,
+        contentComponentProps: {
+          draft: i,
+          onFinished: (A) => {
+            n.close(), C == null || C(A);
+          },
+          onCancel: async () => {
+            n.close(), b == null || b();
+          }
+        }
+      });
+    }
+    async function c(i) {
+      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 a.recalculation.scheduleInvalidateClosingDraftCache([i._id]), e.open({
+          title: "Success",
+          message: "Invalidate cache requested",
+          type: "success"
+        });
+      });
+    }
+    async function r(i, b) {
+      try {
+        e.open({
+          title: "Cloning",
+          message: "Creating a copy of the draft..."
+        }), await l.cloneDraft(i._id), e.open({
+          title: "Success",
+          message: "Draft cloned successfully",
+          type: "success"
+        }), b == null || b();
+      } catch (C) {
+        e.open({
+          title: "Error",
+          message: (C == null ? void 0 : C.message) || "Failed to clone draft",
+          type: "error"
+        });
+      }
+    }
+    return {
+      viewDraft: g,
+      closeDraftDialog: u,
+      approveDraft: I,
+      rejectDraft: R,
+      markAsFailed: U,
+      syncDraft: S,
+      exportDraft: f,
+      refreshBalance: F,
+      cloneDraft: r,
+      viewClosingDraftShow: o,
+      viewClosingDraftProps: d,
+      invalidateDraftCache: c
+    };
+  }
+);
+function ht(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 Tn = wn(
+  "closingDraftTable",
+  function() {
+    const { t: n } = xt(), e = zt(), a = wt(), l = Y(new Array()), s = Y(0), o = Y(!1), d = lt(), g = it();
+    async function _() {
+      if (l.value = [], !!d._currentLocation) {
+        o.value = !0;
+        try {
+          const [c] = await Promise.all([g.readDrafts()]).delayed(1e3);
+          l.value = I(c.reverse());
+        } catch (c) {
+          console.log("Something went wrong when fetching drafts:", c);
+        } finally {
+          o.value = !1;
+        }
+      }
+    }
+    async function f(c) {
+      if (!l.value.find((r) => r._id) && d._currentLocation) {
+        o.value = !0;
+        try {
+          const [r] = await Promise.all([
+            g.getDraft(c),
+            new Promise((i) => setTimeout(i, 1e3))
+          ]);
+          l.value = I([r]);
+        } catch (r) {
+          console.log("Something went wrong when fetching drafts:", r);
+        } finally {
+          o.value = !1;
+        }
+      }
+    }
+    function I(c) {
+      const r = na(
+        c.filter((i) => !!i.closingId).map((i) => ({ closingId: i.closingId, draftCreatedAt: new Date(Ve(i._id)) }))
+      );
+      return c.map((i) => ({
+        ...i,
+        closingIdDisplay: i.closingId ? r.get(i.closingId) ?? null : null
+      }));
+    }
+    function R(c) {
+      l.value = l.value.map((r) => r._id === c._id ? {
+        ...c,
+        _rev: c._rev,
+        closingIdDisplay: r.closingIdDisplay
+      } : r), s.value++;
+    }
+    function U(c) {
+      var b, C;
+      const r = c.items.length + (((b = c.negativeStockItems) == null ? void 0 : b.length) ?? 0), i = (c == null ? void 0 : c.approveRemark) ?? ((C = c == null ? void 0 : c.rejectionHistory) == null ? void 0 : C.computeFirst((A) => A.rejectRemark)) ?? c.remark ?? "";
+      return { count: r, remark: i };
+    }
+    function S() {
+      a.closeDraftDialog(), _();
+    }
+    function u(c, r) {
+      switch (r = Yn(r), c) {
+        case He.Details:
+          return a.viewDraft(r);
+        case He.Export:
+          return a.exportDraft(r);
+        case le.enum.approveDraft:
+          return a.approveDraft(r, S);
+        case le.enum.rejectDraft:
+          return a.rejectDraft(r, S);
+        case le.enum.markAsFailed:
+          return a.markAsFailed(r, S);
+        case He.Duplicate:
+          return a.cloneDraft(r, S);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => n("inventory.closing.table.createdAt"),
+          cell(c) {
+            return ta(`${c.getValue()}`);
+          },
+          sortingFn: (c, r) => new Date(Ve(c.original._id)).getTime() - new Date(Ve(r.original._id)).getTime(),
+          enableSorting: !0
+        },
+        {
+          id: "closingId",
+          accessorFn: (c) => c.closingIdDisplay,
+          size: 160,
+          header: () => n("inventory.closing.draft.table.id"),
+          cell(c) {
+            return c.getValue();
+          },
+          enableSorting: !0
+        },
+        {
+          accessorKey: "effectiveAt",
+          header: () => n("inventory.closing.draft.table.effectiveAt"),
+          cell(c) {
+            const r = c.row.original;
+            let i = c.getValue();
+            return i || (i = Ve(r._id)), Fe(i);
+          },
+          enableSorting: !0,
+          size: 230
+        },
+        {
+          id: "description",
+          accessorFn: (c) => {
+            const { count: r, remark: i } = U(c);
+            return `${r} ${i}`;
+          },
+          header: () => n("inventory.closing.draft.table.description"),
+          enableSorting: !0,
+          size: 350,
+          cell(c) {
+            const { count: r, remark: i } = U(c.row.original), b = (C, A) => T("div", { class: "flex gap-4" }, [
+              T(
+                "span",
+                { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" },
+                `${C}:`
+              ),
+              T(
+                "span",
+                {
+                  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+                  style: "white-space: pre-wrap; word-break: break-word;"
+                },
+                `${A}`
+              )
+            ]);
+            return T("div", { class: "flex flex-col gap-2", style: "width: 300px;" }, [
+              b(n("inventory.closing.draft.table.items"), r),
+              i ? b(n("inventory.closing.draft.table.remark"), i) : null
+            ]);
+          }
+        },
+        {
+          id: "status",
+          accessorFn: (c) => c.status,
+          header: () => n("inventory.closing.table.status"),
+          enableSorting: !1,
+          cell(c) {
+            var L;
+            const r = c.row.original, i = r.status, b = new Date(r.updatedAt), C = (L = r == null ? void 0 : r.rejectionHistory) == null ? void 0 : L.computeFirst((se) => se.rejectedAt), A = C ? new Date(C) : null;
+            return i === "DRAFT" && A ? A.getTime() > b.getTime() ? T(
+              "div",
+              {
+                class: "flex"
+              },
+              T(
+                "div",
+                {
+                  class: ["fm-status-badge", ht("FAILED")]
+                },
+                "Rejected"
+              )
+            ) : T(
+              "div",
+              {
+                class: "flex"
+              },
+              T(
+                "div",
+                {
+                  class: ["fm-status-badge", ht("PROCESSING")]
+                },
+                "Updated"
+              )
+            ) : T(
+              "div",
+              {
+                class: "flex"
+              },
+              T(
+                "div",
+                {
+                  class: ["fm-status-badge", ht(i)]
+                },
+                Pe(i)
+              )
+            );
+          }
+        },
+        {
+          id: "updatedAt",
+          accessorFn: (c) => c.updatedAt,
+          header: () => n("inventory.closing.draft.table.lastUpdate"),
+          enableSorting: !0,
+          size: 200,
+          cell(c) {
+            var i;
+            const r = c.row.original;
+            return T("div", { class: "flex flex-col" }, [
+              T(
+                "div",
+                { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
+                ((i = r.updatedBy) == null ? void 0 : i.name) ?? ""
+              ),
+              T(
+                "div",
+                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                Fe(r.updatedAt)
+              )
+            ]);
+          }
+        },
+        {
+          id: "action",
+          cell(c) {
+            var L;
+            const r = c.row.original, i = ((L = e.sessionUser.value) == null ? void 0 : L.role.isAdmin) ?? !1, b = [
+              un[He.Details],
+              un[He.Export]
+            ], C = [
+              {
+                translationKey: "inventory.closing.draft.approveDraft",
+                color: "text-fm-color-typo-primary",
+                value: le.enum.approveDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.rejectDraft",
+                color: "text-fm-color-typo-error",
+                value: le.enum.rejectDraft
+              },
+              {
+                translationKey: "inventory.closing.draft.markAsFailed",
+                color: "text-fm-color-typo-error",
+                value: le.enum.markAsFailed
+              }
+            ], A = i && r.status !== Te.enum.DRAFT ? [
+              {
+                translationKey: "inventory.closing.draft.cloneDraft",
+                color: "text-fm-color-typo-primary",
+                value: He.Duplicate
+              }
+            ] : [];
+            return ea(
+              [
+                ...b,
+                ...r.status === Te.enum.DRAFT ? C : []
+              ],
+              (se) => u(se, r),
+              A
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      drafts: l,
+      loading: o,
+      tableKey: s,
+      fetchDrafts: _,
+      loadDraft: f,
+      updateDraftRef: R
+    };
+  }
+), Ta = { class: "fm-typo-en-heading-lg-600" }, Fa = { class: "py-4" }, Ba = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Ea = { key: 0 }, ja = { class: "mt-4 flex gap-4" }, Ra = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Ma = { key: 0 }, Na = {
+  key: 0,
+  class: "mb-4"
+}, Ua = { class: "flex flex-col gap-1 max-h-200 overflow-auto w-full" }, Pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Va = {
+  key: 0,
+  class: "text-fm-color-system-success-300 mr-1"
+}, La = {
+  key: 1,
+  class: "text-fm-color-system-error-300 mr-1"
+}, Oa = { class: "fm-typo-en-body-md-400" }, za = { class: "mt-4 flex gap-4" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-4" }, Ha = {
+  key: 0,
+  class: "flex gap-4"
+}, Ya = /* @__PURE__ */ Le({
+  __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: a, FmDialog: l, FmButton: s } = Ce, { t: o } = sa(), d = Wt(), g = t, _ = n, f = V(
+      () => {
+        var N, E;
+        return ((N = g.draft) == null ? void 0 : N.stockSnapshot) && ((E = g.draft) == null ? void 0 : E.stockSnapshot) !== void 0;
+      }
+    ), I = V(() => {
+      var ie, D, X;
+      const N = ((ie = g.draft) == null ? void 0 : ie.items.map((J) => ({
+        id: J.sku._id,
+        code: J.sku.code,
+        name: J.sku.name
+      }))) ?? [], E = ((X = (D = g.draft) == null ? void 0 : D.negativeStockItems) == null ? void 0 : X.map((J) => ({
+        id: J.sku._id,
+        code: J.sku.code,
+        name: J.sku.name
+      }))) ?? [];
+      return [...N, ...E].reduce(
+        (J, ve) => (J[ve.id] = ve, J),
+        {}
+      );
+    }), R = V(
+      () => {
+        var N, E, ie;
+        return (((ie = (E = (N = g.draft) == null ? void 0 : N.stockSnapshot) == null ? void 0 : E.filter((D) => D.balance.amount < 0)) == null ? void 0 : ie.map((D) => {
+          const X = d.skuById[D.id];
+          return X ? {
+            id: X._id,
+            code: X.code,
+            name: X.name
+          } : null;
+        })) ?? []).filter((D) => D !== null);
+      }
+    ), U = V(() => {
+      var N;
+      return f.value ? ((N = R.value) == null ? void 0 : N.filter((E) => !I.value[E.id]).map((E) => E.id)) ?? [] : [];
+    }), S = V({
+      get: () => g.show,
+      set: (N) => _("update:show", N)
+    }), u = Y(1), F = () => u.value > 1, c = () => u.value > 2, r = () => !1;
+    function i(N) {
+      return N === 1 ? f.value : N === 2 ? U.value.length == 0 : !1;
+    }
+    const b = V(() => !f.value || U.value.length > 0);
+    function C(N) {
+      let E = N + 1;
+      for (; E <= 3 && i(E); ) E++;
+      return E > 3 ? 3 : E;
+    }
+    function A(N) {
+      let E = N - 1;
+      for (; E >= 1 && i(E); ) E--;
+      return E < 1 ? 1 : E;
+    }
+    function L() {
+      return f.value ? b.value ? 3 : 2 : 1;
+    }
+    Qe(
+      () => g.show,
+      (N) => {
+        N && (u.value = L());
+      }
+    ), Qe(
+      () => f.value,
+      (N) => {
+        N && u.value === 1 && (u.value = C(1));
+      }
+    ), Qe(
+      () => U.value.length,
+      (N) => {
+        N === 0 && u.value === 2 && (u.value = C(2));
+      }
+    );
+    function se() {
+      _("refresh");
+    }
+    function re() {
+      u.value < 3 && (u.value = C(u.value));
+    }
+    function O() {
+      u.value > 1 && (u.value = A(u.value));
+    }
+    function me() {
+      _("approve");
+    }
+    return (N, E) => {
+      const ie = G("FmIcon");
+      return x(), ne(p(l), {
+        modelValue: S.value,
+        "onUpdate:modelValue": E[1] || (E[1] = (D) => S.value = D),
+        "max-width": 600
+      }, {
+        "dialog-header": Z(() => [
+          m("div", Ta, W(p(o)("inventory.closing.approval.title")), 1)
+        ]),
+        default: Z(() => [
+          m("div", Fa, [
+            B(p(e), {
+              modelValue: u.value,
+              "onUpdate:modelValue": E[0] || (E[0] = (D) => u.value = D),
+              orientation: "vertical"
+            }, {
+              default: Z(() => [
+                B(p(a), {
+                  value: 1,
+                  title: p(o)("inventory.closing.approval.step.generateReport.title"),
+                  complete: F
+                }, {
+                  default: Z(() => [
+                    m("div", Ba, W(p(o)("inventory.closing.approval.step.generateReport.description")), 1),
+                    u.value === 1 ? (x(), M("div", Ea, [
+                      B(p(s), {
+                        label: p(o)("inventory.stock.stock_balance.refreshBalance"),
+                        "prepend-icon": "refresh",
+                        variant: "secondary",
+                        loading: N.refreshing,
+                        disabled: N.refreshing,
+                        onClick: se
+                      }, null, 8, ["label", "loading", "disabled"]),
+                      m("div", ja, [
+                        B(p(s), {
+                          label: p(o)("inventory.common.continue"),
+                          disabled: !f.value,
+                          onClick: re
+                        }, null, 8, ["label", "disabled"])
+                      ])
+                    ])) : q("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                B(p(a), {
+                  value: 2,
+                  title: p(o)("inventory.closing.approval.step.negativeItems.title"),
+                  disabled: () => !f.value,
+                  complete: c
+                }, {
+                  default: Z(() => [
+                    m("div", Ra, W(R.value.length > 0 ? `${p(o)("inventory.closing.approval.step.negativeItems.resolveMessage")} [${p(o)("inventory.closing.approval.step.negativeItems.itemsHeader")} (${U.value.length})]` : p(o)("inventory.closing.approval.step.negativeItems.noItemsMessage")), 1),
+                    u.value === 2 ? (x(), M("div", Ma, [
+                      R.value.length > 0 ? (x(), M("div", Na, [
+                        E[2] || (E[2] = m("div", { class: "fm-typo-en-body-md-600 mb-2" }, null, -1)),
+                        m("div", Ua, [
+                          (x(!0), M(ue, null, Se(R.value, (D) => (x(), M("div", {
+                            key: D.id,
+                            class: "flex gap-8"
+                          }, [
+                            m("div", Pa, [
+                              I.value[D.id] ? (x(), M("span", Va, [
+                                B(ie, {
+                                  name: "check_circle",
+                                  size: "sm"
+                                })
+                              ])) : (x(), M("span", La, [
+                                B(ie, {
+                                  name: "error",
+                                  size: "sm"
+                                })
+                              ])),
+                              pe(" " + W(D.code), 1)
+                            ]),
+                            m("div", Oa, W(D.name), 1)
+                          ]))), 128))
+                        ])
+                      ])) : q("", !0),
+                      m("div", za, [
+                        B(p(s), {
+                          label: p(o)("inventory.common.back"),
+                          variant: "secondary",
+                          onClick: O
+                        }, null, 8, ["label"]),
+                        B(p(s), {
+                          label: p(o)("inventory.common.continue"),
+                          disabled: b.value,
+                          onClick: re
+                        }, null, 8, ["label", "disabled"])
+                      ])
+                    ])) : q("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title", "disabled"]),
+                B(p(a), {
+                  value: 3,
+                  title: p(o)("inventory.closing.approval.step.approval.title"),
+                  disabled: () => b.value,
+                  complete: r
+                }, {
+                  default: Z(() => [
+                    m("div", Wa, W(p(o)("inventory.closing.approval.step.approval.warning")), 1),
+                    u.value === 3 ? (x(), M("div", Ha, [
+                      B(p(s), {
+                        label: p(o)("inventory.common.back"),
+                        variant: "secondary",
+                        onClick: O
+                      }, null, 8, ["label"]),
+                      B(p(s), {
+                        label: p(o)("inventory.common.approve"),
+                        variant: "destructive",
+                        disabled: b.value,
+                        loading: N.approving,
+                        onClick: me
+                      }, null, 8, ["label", "disabled", "loading"])
+                    ])) : q("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["title", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ka = bn((t, n) => ({
+  getSubscribeUrl(e, a, l) {
+    const s = new URLSearchParams({ clientId: e, type: a, ...l });
+    return `${t.inventoryBackendUrl}/sse/subscribe?${s.toString()}`;
+  },
+  async getStatus(e, a) {
+    const l = new URLSearchParams({ type: e, ...a }), s = `${t.inventoryBackendUrl}/sse/status?${l.toString()}`;
+    return n.get(s);
+  }
+}));
+class dn extends Error {
+  constructor(n, e) {
+    super(n), this.name = "ParseError", this.type = e.type, this.field = e.field, this.value = e.value, this.line = e.line;
+  }
+}
+function Ft(t) {
+}
+function qa(t) {
+  if (typeof t == "function")
+    throw new TypeError(
+      "`callbacks` must be an object, got a function instead. Did you mean `{onEvent: fn}`?"
+    );
+  const { onEvent: n = Ft, onError: e = Ft, onRetry: a = Ft, onComment: l } = t;
+  let s = "", o = !0, d, g = "", _ = "";
+  function f(u) {
+    const F = o ? u.replace(/^\xEF\xBB\xBF/, "") : u, [c, r] = Ga(`${s}${F}`);
+    for (const i of c)
+      I(i);
+    s = r, o = !1;
+  }
+  function I(u) {
+    if (u === "") {
+      U();
+      return;
+    }
+    if (u.startsWith(":")) {
+      l && l(u.slice(u.startsWith(": ") ? 2 : 1));
+      return;
+    }
+    const F = u.indexOf(":");
+    if (F !== -1) {
+      const c = u.slice(0, F), r = u[F + 1] === " " ? 2 : 1, i = u.slice(F + r);
+      R(c, i, u);
+      return;
+    }
+    R(u, "", u);
+  }
+  function R(u, F, c) {
+    switch (u) {
+      case "event":
+        _ = F;
+        break;
+      case "data":
+        g = `${g}${F}
+`;
+        break;
+      case "id":
+        d = F.includes("\0") ? void 0 : F;
+        break;
+      case "retry":
+        /^\d+$/.test(F) ? a(parseInt(F, 10)) : e(
+          new dn(`Invalid \`retry\` value: "${F}"`, {
+            type: "invalid-retry",
+            value: F,
+            line: c
+          })
+        );
+        break;
+      default:
+        e(
+          new dn(
+            `Unknown field "${u.length > 20 ? `${u.slice(0, 20)}…` : u}"`,
+            { type: "unknown-field", field: u, value: F, line: c }
+          )
+        );
+        break;
+    }
+  }
+  function U() {
+    g.length > 0 && n({
+      id: d,
+      event: _ || void 0,
+      // If the data buffer's last character is a U+000A LINE FEED (LF) character,
+      // then remove the last character from the data buffer.
+      data: g.endsWith(`
+`) ? g.slice(0, -1) : g
+    }), d = void 0, g = "", _ = "";
+  }
+  function S(u = {}) {
+    s && u.consume && I(s), o = !0, d = void 0, g = "", _ = "", s = "";
+  }
+  return { feed: f, reset: S };
+}
+function Ga(t) {
+  const n = [];
+  let e = "", a = 0;
+  for (; a < t.length; ) {
+    const l = t.indexOf("\r", a), s = t.indexOf(`
+`, a);
+    let o = -1;
+    if (l !== -1 && s !== -1 ? o = Math.min(l, s) : l !== -1 ? l === t.length - 1 ? o = -1 : o = l : s !== -1 && (o = s), o === -1) {
+      e = t.slice(a);
+      break;
+    } else {
+      const d = t.slice(a, o);
+      n.push(d), a = o + 1, t[a - 1] === "\r" && t[a] === `
+` && a++;
+    }
+  }
+  return [n, e];
+}
+class mn extends Event {
+  /**
+   * Constructs a new `ErrorEvent` instance. This is typically not called directly,
+   * but rather emitted by the `EventSource` object when an error occurs.
+   *
+   * @param type - The type of the event (should be "error")
+   * @param errorEventInitDict - Optional properties to include in the error event
+   */
+  constructor(n, e) {
+    var a, l;
+    super(n), this.code = (a = e == null ? void 0 : e.code) != null ? a : void 0, this.message = (l = e == null ? void 0 : e.message) != null ? l : void 0;
+  }
+  /**
+   * Node.js "hides" the `message` and `code` properties of the `ErrorEvent` instance,
+   * when it is `console.log`'ed. This makes it harder to debug errors. To ease debugging,
+   * we explicitly include the properties in the `inspect` method.
+   *
+   * This is automatically called by Node.js when you `console.log` an instance of this class.
+   *
+   * @param _depth - The current depth
+   * @param options - The options passed to `util.inspect`
+   * @param inspect - The inspect function to use (prevents having to import it from `util`)
+   * @returns A string representation of the error
+   */
+  [Symbol.for("nodejs.util.inspect.custom")](n, e, a) {
+    return a(fn(this), e);
+  }
+  /**
+   * Deno "hides" the `message` and `code` properties of the `ErrorEvent` instance,
+   * when it is `console.log`'ed. This makes it harder to debug errors. To ease debugging,
+   * we explicitly include the properties in the `inspect` method.
+   *
+   * This is automatically called by Deno when you `console.log` an instance of this class.
+   *
+   * @param inspect - The inspect function to use (prevents having to import it from `util`)
+   * @param options - The options passed to `Deno.inspect`
+   * @returns A string representation of the error
+   */
+  [Symbol.for("Deno.customInspect")](n, e) {
+    return n(fn(this), e);
+  }
+}
+function Qa(t) {
+  const n = globalThis.DOMException;
+  return typeof n == "function" ? new n(t, "SyntaxError") : new SyntaxError(t);
+}
+function Et(t) {
+  return t instanceof Error ? "errors" in t && Array.isArray(t.errors) ? t.errors.map(Et).join(", ") : "cause" in t && t.cause instanceof Error ? `${t}: ${Et(t.cause)}` : t.message : `${t}`;
+}
+function fn(t) {
+  return {
+    type: t.type,
+    message: t.message,
+    code: t.code,
+    defaultPrevented: t.defaultPrevented,
+    cancelable: t.cancelable,
+    timeStamp: t.timeStamp
+  };
+}
+var Fn = (t) => {
+  throw TypeError(t);
+}, Yt = (t, n, e) => n.has(t) || Fn("Cannot " + e), z = (t, n, e) => (Yt(t, n, "read from private field"), e ? e.call(t) : n.get(t)), ce = (t, n, e) => n.has(t) ? Fn("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, e), oe = (t, n, e, a) => (Yt(t, n, "write to private field"), n.set(t, e), e), Ie = (t, n, e) => (Yt(t, n, "access private method"), e), he, Ue, Ye, bt, kt, nt, Ge, at, Ee, Ke, Ze, qe, et, xe, jt, Rt, Mt, pn, Nt, Ut, tt, Pt, Vt;
+class ot extends EventTarget {
+  constructor(n, e) {
+    var a, l;
+    super(), ce(this, xe), this.CONNECTING = 0, this.OPEN = 1, this.CLOSED = 2, ce(this, he), ce(this, Ue), ce(this, Ye), ce(this, bt), ce(this, kt), ce(this, nt), ce(this, Ge), ce(this, at, null), ce(this, Ee), ce(this, Ke), ce(this, Ze, null), ce(this, qe, null), ce(this, et, null), ce(this, Rt, async (s) => {
+      var o;
+      z(this, Ke).reset();
+      const { body: d, redirected: g, status: _, headers: f } = s;
+      if (_ === 204) {
+        Ie(this, xe, tt).call(this, "Server sent HTTP 204, not reconnecting", 204), this.close();
+        return;
+      }
+      if (g ? oe(this, Ye, new URL(s.url)) : oe(this, Ye, void 0), _ !== 200) {
+        Ie(this, xe, tt).call(this, `Non-200 status code (${_})`, _);
+        return;
+      }
+      if (!(f.get("content-type") || "").startsWith("text/event-stream")) {
+        Ie(this, xe, tt).call(this, 'Invalid content type, expected "text/event-stream"', _);
+        return;
+      }
+      if (z(this, he) === this.CLOSED)
+        return;
+      oe(this, he, this.OPEN);
+      const I = new Event("open");
+      if ((o = z(this, et)) == null || o.call(this, I), this.dispatchEvent(I), typeof d != "object" || !d || !("getReader" in d)) {
+        Ie(this, xe, tt).call(this, "Invalid response body, expected a web ReadableStream", _), this.close();
+        return;
+      }
+      const R = new TextDecoder(), U = d.getReader();
+      let S = !0;
+      do {
+        const { done: u, value: F } = await U.read();
+        F && z(this, Ke).feed(R.decode(F, { stream: !u })), u && (S = !1, z(this, Ke).reset(), Ie(this, xe, Pt).call(this));
+      } while (S);
+    }), ce(this, Mt, (s) => {
+      oe(this, Ee, void 0), !(s.name === "AbortError" || s.type === "aborted") && Ie(this, xe, Pt).call(this, Et(s));
+    }), ce(this, Nt, (s) => {
+      typeof s.id == "string" && oe(this, at, s.id);
+      const o = new MessageEvent(s.event || "message", {
+        data: s.data,
+        origin: z(this, Ye) ? z(this, Ye).origin : z(this, Ue).origin,
+        lastEventId: s.id || ""
+      });
+      z(this, qe) && (!s.event || s.event === "message") && z(this, qe).call(this, o), this.dispatchEvent(o);
+    }), ce(this, Ut, (s) => {
+      oe(this, nt, s);
+    }), ce(this, Vt, () => {
+      oe(this, Ge, void 0), z(this, he) === this.CONNECTING && Ie(this, xe, jt).call(this);
+    });
+    try {
+      if (n instanceof URL)
+        oe(this, Ue, n);
+      else if (typeof n == "string")
+        oe(this, Ue, new URL(n, Za()));
+      else
+        throw new Error("Invalid URL");
+    } catch {
+      throw Qa("An invalid or illegal string was specified");
+    }
+    oe(this, Ke, qa({
+      onEvent: z(this, Nt),
+      onRetry: z(this, Ut)
+    })), oe(this, he, this.CONNECTING), oe(this, nt, 3e3), oe(this, kt, (a = e == null ? void 0 : e.fetch) != null ? a : globalThis.fetch), oe(this, bt, (l = e == null ? void 0 : e.withCredentials) != null ? l : !1), Ie(this, xe, jt).call(this);
+  }
+  /**
+   * Returns the state of this EventSource object's connection. It can have the values described below.
+   *
+   * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/readyState)
+   *
+   * Note: typed as `number` instead of `0 | 1 | 2` for compatibility with the `EventSource` interface,
+   * defined in the TypeScript `dom` library.
+   *
+   * @public
+   */
+  get readyState() {
+    return z(this, he);
+  }
+  /**
+   * Returns the URL providing the event stream.
+   *
+   * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/url)
+   *
+   * @public
+   */
+  get url() {
+    return z(this, Ue).href;
+  }
+  /**
+   * Returns true if the credentials mode for connection requests to the URL providing the event stream is set to "include", and false otherwise.
+   *
+   * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/withCredentials)
+   */
+  get withCredentials() {
+    return z(this, bt);
+  }
+  /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/error_event) */
+  get onerror() {
+    return z(this, Ze);
+  }
+  set onerror(n) {
+    oe(this, Ze, n);
+  }
+  /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/message_event) */
+  get onmessage() {
+    return z(this, qe);
+  }
+  set onmessage(n) {
+    oe(this, qe, n);
+  }
+  /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/open_event) */
+  get onopen() {
+    return z(this, et);
+  }
+  set onopen(n) {
+    oe(this, et, n);
+  }
+  addEventListener(n, e, a) {
+    const l = e;
+    super.addEventListener(n, l, a);
+  }
+  removeEventListener(n, e, a) {
+    const l = e;
+    super.removeEventListener(n, l, a);
+  }
+  /**
+   * Aborts any instances of the fetch algorithm started for this EventSource object, and sets the readyState attribute to CLOSED.
+   *
+   * [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventSource/close)
+   *
+   * @public
+   */
+  close() {
+    z(this, Ge) && clearTimeout(z(this, Ge)), z(this, he) !== this.CLOSED && (z(this, Ee) && z(this, Ee).abort(), oe(this, he, this.CLOSED), oe(this, Ee, void 0));
+  }
+}
+he = /* @__PURE__ */ new WeakMap(), Ue = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), kt = /* @__PURE__ */ new WeakMap(), nt = /* @__PURE__ */ new WeakMap(), Ge = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Ke = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), qe = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), xe = /* @__PURE__ */ new WeakSet(), /**
+* Connect to the given URL and start receiving events
+*
+* @internal
+*/
+jt = function() {
+  oe(this, he, this.CONNECTING), oe(this, Ee, new AbortController()), z(this, kt)(z(this, Ue), Ie(this, xe, pn).call(this)).then(z(this, Rt)).catch(z(this, Mt));
+}, Rt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), /**
+* Get request options for the `fetch()` request
+*
+* @returns The request options
+* @internal
+*/
+pn = function() {
+  var t;
+  const n = {
+    // [spec] Let `corsAttributeState` be `Anonymous`…
+    // [spec] …will have their mode set to "cors"…
+    mode: "cors",
+    redirect: "follow",
+    headers: { Accept: "text/event-stream", ...z(this, at) ? { "Last-Event-ID": z(this, at) } : void 0 },
+    cache: "no-store",
+    signal: (t = z(this, Ee)) == null ? void 0 : t.signal
+  };
+  return "window" in globalThis && (n.credentials = this.withCredentials ? "include" : "same-origin"), n;
+}, Nt = /* @__PURE__ */ new WeakMap(), Ut = /* @__PURE__ */ new WeakMap(), /**
+* Handles the process referred to in the EventSource specification as "failing a connection".
+*
+* @param error - The error causing the connection to fail
+* @param code - The HTTP status code, if available
+* @internal
+*/
+tt = function(t, n) {
+  var e;
+  z(this, he) !== this.CLOSED && oe(this, he, this.CLOSED);
+  const a = new mn("error", { code: n, message: t });
+  (e = z(this, Ze)) == null || e.call(this, a), this.dispatchEvent(a);
+}, /**
+* Schedules a reconnection attempt against the EventSource endpoint.
+*
+* @param message - The error causing the connection to fail
+* @param code - The HTTP status code, if available
+* @internal
+*/
+Pt = function(t, n) {
+  var e;
+  if (z(this, he) === this.CLOSED)
+    return;
+  oe(this, he, this.CONNECTING);
+  const a = new mn("error", { code: n, message: t });
+  (e = z(this, Ze)) == null || e.call(this, a), this.dispatchEvent(a), oe(this, Ge, setTimeout(z(this, Vt), z(this, nt)));
+}, Vt = /* @__PURE__ */ new WeakMap(), /**
+* ReadyState representing an EventSource currently trying to connect
+*
+* @public
+*/
+ot.CONNECTING = 0, /**
+* ReadyState representing an EventSource connection that is open (eg connected)
+*
+* @public
+*/
+ot.OPEN = 1, /**
+* ReadyState representing an EventSource connection that is closed (eg disconnected)
+*
+* @public
+*/
+ot.CLOSED = 2;
+Object.defineProperty(ot, Symbol.for("eventsource.supports-fetch-override"), {
+  value: !0,
+  writable: !1,
+  configurable: !1,
+  enumerable: !1
+});
+function Za() {
+  const t = "document" in globalThis ? globalThis.document : void 0;
+  return t && typeof t == "object" && "baseURI" in t && typeof t.baseURI == "string" ? t.baseURI : void 0;
+}
+const Ja = 3e3, Xa = 6e4, eo = 15, vn = to();
+function to() {
+  var n, e;
+  const t = (e = (n = globalThis.crypto) == null ? void 0 : n.randomUUID) == null ? void 0 : e.call(n);
+  return t || `sse-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function no() {
+  const t = Ka(), n = zt();
+  function e(l) {
+    return Math.min(Ja * 2 ** l, Xa);
+  }
+  function a(l, s) {
+    let o = null, d = null, g = 0, _ = !1;
+    function f() {
+      var u;
+      const R = ((u = n.sessionUser.value) == null ? void 0 : u.token) ?? "";
+      if (_ || !R) return;
+      d && (clearTimeout(d), d = null);
+      const U = t.getSubscribeUrl(vn, l.type, l.params), S = new ot(U, {
+        fetch: (F, c) => fetch(F, {
+          ...c,
+          headers: {
+            ...(c == null ? void 0 : c.headers) ?? {},
+            authorization: `Bearer ${R}`
+          }
+        })
+      });
+      o = S, S.onopen = () => {
+        g = 0;
+      }, S.onmessage = (F) => {
+        try {
+          if (!F.data) return;
+          const c = JSON.parse(F.data), r = c.data ? typeof c.data == "string" ? JSON.parse(c.data) : c.data : c;
+          Promise.resolve(s(r)).catch((i) => {
+            console.error("Failed to handle SSE message", i);
+          });
+        } catch (c) {
+          console.error("Failed to parse SSE message", c);
+        }
+      }, S.onerror = () => {
+        if (o === S && (o = null), S.close(), !_) {
+          if (g >= eo) {
+            console.warn("SSE subscription reconnect retries exhausted", l.type);
+            return;
+          }
+          const F = e(g);
+          g += 1, d = setTimeout(() => f(), F);
+        }
+      };
+    }
+    f();
+    const I = t.getStatus(l.type, l.params).catch((R) => (console.error("Failed to fetch initial state", R), null));
+    return {
+      unsubscribe: () => {
+        _ = !0, d && (clearTimeout(d), d = null), o && (o.close(), o = null);
+      },
+      initialState: I
+    };
+  }
+  return {
+    clientId: vn,
+    subscribe: a
+  };
+}
+function ao(t) {
+  const n = it(), e = no(), a = rt(), l = Y(!1), s = Y(null);
+  let o = !1, d = null, g = !1, _ = !1;
+  function f() {
+    u();
+    const r = t.closingDraftId.value, i = t.currentRev.value;
+    if (!r || !i)
+      return;
+    o = !1;
+    const b = {
+      type: "closing-draft",
+      params: {
+        draftId: r,
+        locationId: n.getDbName(),
+        closingDraftRevision: i
+      }
+    }, { unsubscribe: C, initialState: A } = e.subscribe(b, R);
+    d = C, A.then((L) => {
+      L != null && L.initialState && R(L.initialState);
+    }).catch((L) => {
+      console.error("Failed to fetch initial state", L);
+    });
+  }
+  function I() {
+    _ = !0, f();
+  }
+  async function R(r) {
+    var i;
+    if (o || !r) {
+      s.value = r, l.value = !1;
+      return;
+    }
+    if (!(r.closingDraftId && r.closingDraftId !== t.closingDraftId.value)) {
+      if (s.value = r, r.message === "processing" || !r.completedAt && !r.message) {
+        g = !0, l.value = !0;
+        return;
+      }
+      if (r.message === "completed" || r.completedAt) {
+        if (!g) {
+          l.value = !1;
+          return;
+        }
+        g = !1, await U();
+        return;
+      }
+      g = !1, l.value = !1, a.open({
+        title: "Refresh failed",
+        message: "Failed to refresh stock balance. Please try again.",
+        type: "error"
+      }), (i = t.onError) == null || i.call(t, r.message ?? "Unknown error");
+    }
+  }
+  async function U() {
+    const r = t.closingDraftId.value;
+    if (!r) {
+      l.value = !1;
+      return;
+    }
+    try {
+      const i = await n.getDraft(r);
+      l.value = !1, t.onCompleted(i), a.open({
+        title: "Balance refreshed",
+        message: "Stock balance has been recalculated.",
+        type: "success"
+      });
+    } catch {
+      l.value = !1, a.open({
+        title: "Refresh completed",
+        message: "Balance was refreshed but failed to load updated data. Please reload.",
+        type: "warning"
+      });
+    }
+  }
+  async function S(r) {
+    if (!(!t.closingDraftId.value || l.value || g)) {
+      l.value = !0, g = !0, s.value = {
+        requestId: "",
+        closingDraftId: t.closingDraftId.value,
+        closingDraftRevision: t.currentRev.value ?? "",
+        message: "processing",
+        startedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      try {
+        await n.initializeStockSnapshot(t.closingDraftId.value, r);
+      } catch (i) {
+        g = !1, l.value = !1, a.open({
+          title: "Refresh failed",
+          message: "Failed to refresh stock balance. Please try again.",
+          type: "error"
+        }), console.error("error starting refresh", i);
+      }
+    }
+  }
+  function u() {
+    o = !1, d && (d(), d = null);
+  }
+  function F() {
+    u(), o = !0, l.value = !1, g = !1, s.value = null;
+  }
+  function c() {
+    _ = !1, F();
+  }
+  return Qe(
+    [t.closingDraftId, t.currentRev],
+    ([r, i], [b, C]) => {
+      _ && (r === b && i === C || f());
+    }
+  ), Un(() => {
+    c();
+  }), {
+    refreshing: l,
+    refreshStatus: s,
+    startListening: I,
+    startRefresh: S,
+    cleanup: c
+  };
+}
+const oo = { class: "w-full flex flex-col gap-32" }, so = { class: "flex flex-col gap-4" }, ro = { class: "flex justify-between" }, lo = { class: "flex" }, io = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, uo = { class: "flex gap-1" }, mo = {
+  class: "fm-typo-en-body-lg-600",
+  style: { "white-space": "pre-wrap", "word-break": "break-word" }
+}, fo = { class: "flex flex-col gap-16" }, po = { class: "flex items-center" }, vo = {
+  key: 0,
+  class: "flex gap-8"
+}, yo = {
+  key: 0,
+  class: "w-full flex flex-col items-center"
+}, go = { class: "flex items-center gap-8" }, ho = { class: "flex flex-col gap-8" }, bo = { class: "flex gap-8" }, _o = {
+  key: 0,
+  class: "flex gap-8"
+}, wo = {
+  key: 1,
+  class: "flex gap-8 flex-wrap"
+}, ko = { class: "overflow-x-auto" }, xo = {
+  key: 1,
+  class: "flex-1 xs:w-screen xs:max-w-full"
+}, Do = {
+  key: 0,
+  class: "flex flex-col items-center gap-8 h-full"
+}, Co = ["src"], So = {
+  key: 1,
+  class: "px-4 flex flex-col"
+}, Ao = { class: "flex gap-12 content-stretch" }, $o = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Io = { class: "flex-1 flex flex-col items-center" }, To = { class: "flex-1 flex flex-col items-center" }, Fo = {
+  class: "py-12 flex flex-col gap-4",
+  name: "received-at header"
+}, Bo = { class: "fm-typo-en-body-lg-400" }, Eo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, jo = { class: "flex gap-12 content-stretch" }, Ro = {
+  class: "flex flex-col w-24",
+  name: "circles"
+}, Mo = { class: "flex-1 flex flex-col items-center" }, No = {
+  class: "py-12 flex flex-col gap-4 flex-1",
+  name: "delivery details"
+}, Uo = { class: "flex flex-col gap-8" }, Po = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Vo = { class: "flex flex-col gap-4" }, Lo = { class: "flex items-center justify-between gap-8 w-full" }, Oo = { class: "flex items-center gap-8" }, zo = { class: "flex flex-col items-end" }, Wo = { class: "text-2xl font-semibold" }, yn = "N/A", Ho = /* @__PURE__ */ Le({
+  __name: "ClosingDraftDialog",
+  props: {
+    show: { type: Boolean },
+    draft: {}
+  },
+  emits: ["submitted", "refresh"],
+  setup(t, { emit: n }) {
+    const e = t, a = V(() => {
+      const y = _n();
+      return y === "MYR" ? "RM" : y;
+    }), l = Tn(), s = V(() => {
+      var y, v;
+      return (y = e.draft) != null && y.closingId ? ((v = l.drafts.find((k) => k._id === e.draft._id)) == null ? void 0 : v.closingIdDisplay) ?? null : null;
+    }), o = wt(), d = hn(e, "show"), g = Y(!1), _ = Y(!1), f = Y(new Array()), I = Y(new Array()), R = Y([]), U = Dt(), S = rt(), u = Wt(), F = lt(), c = cn({}), r = V(() => new Set(
+      u.skus.filter((y) => {
+        var v;
+        return c[(v = y.customAttributes) == null ? void 0 : v.tag];
+      }).map((y) => y._id)
+    )), i = n, b = V(() => {
+      var y;
+      return (y = e.draft) == null ? void 0 : y._id;
+    }), C = V(() => {
+      var y;
+      return (y = e.draft) == null ? void 0 : y._rev;
+    }), {
+      refreshing: A,
+      startListening: L,
+      startRefresh: se,
+      cleanup: re
+    } = ao({
+      closingDraftId: b,
+      currentRev: C,
+      onCompleted: (y) => {
+        i("refresh", y), f.value = y.stockSnapshot ?? [], d.value = !1;
+      }
+    }), O = Y({
+      templateItem: !0,
+      nonTemplateItem: !0
+    }), me = V(() => {
+      var v, k;
+      const y = [...((v = e.draft) == null ? void 0 : v.items) ?? [], ...((k = e.draft) == null ? void 0 : k.negativeStockItems) ?? []];
+      return r.value.size ? y.filter((h) => r.value.has(h.sku._id)) : y;
+    }), N = V(() => {
+      const y = me.value.map((v) => v.sku);
+      return y.sort((v, k) => v.code.localeCompare(k.code)), y;
+    }), E = V(() => me.value.groupBy(
+      (v) => v.sku._id,
+      (v) => v.measurementsAmounts.filter((k) => !k.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((k) => k.measurement.id)
+    ));
+    Lt(J), Qe(
+      () => e.show,
+      async (y) => {
+        if (!y) {
+          re();
+          return;
+        }
+        Xe.value = St[0], J(), O.value = {
+          templateItem: !0,
+          nonTemplateItem: !0
+        }, L();
+      },
+      { immediate: !0 }
+    );
+    const ie = V(() => Kt.value.reduce((y, v) => y + Number(v.stockTakeValue), 0)), D = st(0), X = st(100);
+    async function J() {
+      var v, k, h, w;
+      if (!F._currentLocation) return;
+      g.value = !0;
+      const y = ((v = e.draft) == null ? void 0 : v.status) === Te.enum.COMPLETED;
+      I.value = [];
+      try {
+        if (await u.init(), y) {
+          const ee = e.draft.closingAdjustmentId;
+          if (!ee) {
+            S.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 Q = await U.readAdjustmentById(ee), be = (Q == null ? void 0 : Q.skus) ?? [];
+          for (const we of be) {
+            const Ne = {
+              id: we.sku._id,
+              balance: we.fromBalance,
+              costs: we.fromCostBalances
+            }, P = {
+              id: we.sku._id,
+              balance: we.toBalance,
+              costs: we.toCostBalances
+            };
+            f.value.push(Ne), I.value.push(P);
+          }
+        } else
+          f.value = ((h = e.draft) == null ? void 0 : h.stockSnapshot) ?? [];
+        const $ = /* @__PURE__ */ new Set();
+        if ((w = e.draft) != null && w.adjustmentSnapshot)
+          for (const ee of e.draft.adjustmentSnapshot)
+            ee.adjustmentsByType && Object.keys(ee.adjustmentsByType).forEach((Q) => {
+              $.add(Q);
+            });
+        const j = ["receive", "sales", "wastage"], H = [];
+        j.forEach((ee) => {
+          $.has(ee) && (H.push(ee), $.delete(ee));
+        });
+        const K = Array.from($).sort();
+        R.value = [...H, ...K];
+      } catch ($) {
+        S.open({
+          title: "Something went wrong",
+          message: "Something went wrong when fetching info. Please try again.",
+          type: "error"
+        }), console.error("error on fetch stock balances", $);
+      } finally {
+        g.value = !1;
+      }
+    }
+    async function ve() {
+      var v, k;
+      if (A.value)
+        return;
+      if (!(((v = e.draft) == null ? void 0 : v.effectiveAt) ?? (e.draft ? Ve((k = e.draft) == null ? void 0 : k._id) : null))) {
+        S.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await o.refreshBalance(
+        e.draft,
+        () => {
+        },
+        async (h) => {
+          await se(h);
+        }
+      );
+    }
+    async function Oe() {
+      var v, k;
+      if (!(((v = e.draft) == null ? void 0 : v.effectiveAt) ?? (e.draft ? Ve((k = e.draft) == null ? void 0 : k._id) : null))) {
+        S.open({
+          title: "Cannot refresh",
+          message: "Effective date is not available for this draft.",
+          type: "error"
+        });
+        return;
+      }
+      await o.invalidateDraftCache(e.draft);
+    }
+    const Ae = V(
+      () => f.value.groupBy(
+        (y) => y.id,
+        (y) => y.balance
+      )
+    ), je = V(() => me.value.groupBy((y) => y.sku._id)), Re = V(() => {
+      var y;
+      return (y = e.draft) != null && y.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((v) => [v.skuId, v.adjustmentsByType])) : /* @__PURE__ */ new Map();
+    }), ct = V(() => {
+      var y;
+      return (y = e.draft) != null && y.opening ? new Map(e.draft.opening.map((v) => [v.skuId, v.balance])) : /* @__PURE__ */ new Map();
+    });
+    function ye(y, v) {
+      return T(
+        Ce.FmTooltip,
+        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
+        {
+          default() {
+            return y;
+          },
+          content() {
+            return v || y;
+          }
+        }
+      );
+    }
+    const Me = V(() => {
+      const y = N.value.reduce((k, h) => {
+        var w, $;
+        return Math.max(k, (($ = (w = E.value) == null ? void 0 : w.get(h._id)) == null ? void 0 : $[0].length) ?? 0);
+      }, 0);
+      return [
+        {
+          id: "sku",
+          accessorFn: (k) => `${k.code} ${k.name}`,
+          header: () => "Name",
+          size: 350,
+          cell(k) {
+            const h = k.row.original, w = h.adjustedDiffPercentage, $ = typeof w == "number" && Math.abs(w) > 10, j = T("div", { class: "flex flex-col gap-4" }, [
+              T(
+                "div",
+                {
+                  class: [
+                    "line-clamp-1 fm-typo-en-body-lg-400",
+                    $ ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
+                  ]
+                },
+                h.name
+              ),
+              T(
+                "div",
+                {
+                  class: [
+                    "line-clamp-1 fm-typo-en-body-md-400",
+                    $ ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
+                  ]
+                },
+                h.code
+              )
+            ]);
+            return T(
+              Ce.FmTooltip,
+              {
+                zIndex: 51
+              },
+              {
+                content() {
+                  return $ ? "Adjustment difference is more than 10%." : `${h.code} - ${h.name}`;
+                },
+                default() {
+                  return T("div", { class: "flex items-center gap-4 justify-start w-full" }, [
+                    j
+                  ]);
+                }
+              }
+            );
+          }
+        },
+        // Dynamic custom attribute columns (toggled by user)
+        ...qt.value.map(
+          (k) => ({
+            id: `customAttr_${k}`,
+            accessorFn: (h) => h.customAttributeValues[k],
+            header: () => ye(Pe(k)),
+            size: 160,
+            cell(h) {
+              const w = h.row.original.customAttributeValues[k];
+              return w == null ? "N/A" : typeof w == "number" ? T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(w)) : T("div", { class: "text-right fm-typo-en-body-lg-400" }, String(w));
+            },
+            meta: {
+              textAlign: "right"
+            }
+          })
+        ),
+        {
+          id: "costPerUnit",
+          accessorKey: "costPerUnit",
+          header: () => ye("Cost per unit"),
+          size: 160,
+          cell(k) {
+            const h = k.row.original.costPerUnit;
+            return T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(h));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "costUnit",
+          header: () => "UOM",
+          size: 120,
+          cell(k) {
+            var H;
+            const h = k.row.original, w = h.costUnit, $ = h.baseUnit, j = w ?? $;
+            if (w && w !== $) {
+              const K = N.value.find((Q) => Q._id === h.id), ee = (H = K == null ? void 0 : K.defaultCost) == null ? void 0 : H.measurement;
+              if (ee) {
+                const Q = ee.conversion.amount / Math.pow(10, ee.conversion.precision);
+                return T("div", { class: "flex flex-col" }, [
+                  T(
+                    "span",
+                    { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                    j
+                  ),
+                  T("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+                    "1 ",
+                    T("span", { class: "fm-typo-en-body-sm-600" }, w),
+                    ` = ${Q} `,
+                    T("span", { class: "fm-typo-en-body-sm-600" }, $)
+                  ])
+                ]);
+              }
+            }
+            return j;
+          }
+        },
+        {
+          id: "opening",
+          accessorKey: "opening",
+          header: () => ye("Opening (B/F)", "The opening balance brought forward from previous period."),
+          size: 150,
+          cell(k) {
+            const h = k.row.original.opening;
+            return T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(h));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        // Dynamic adjustment type columns
+        ...R.value.map(
+          (k) => ({
+            id: `adjustment_${k}`,
+            accessorFn: (h) => h.adjustmentAmounts[k] ?? { amount: 0, precision: 0 },
+            header: () => ye(Pe(k)),
+            size: 150,
+            cell(h) {
+              const w = h.row.original.adjustmentAmounts[k] ?? { amount: 0, precision: 0 };
+              return T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(w));
+            },
+            meta: {
+              textAlign: "right"
+            }
+          })
+        ),
+        {
+          id: "systemBalance",
+          accessorKey: "systemBalance",
+          header: () => ye("System Balance", "The system calculated balance before stock take."),
+          size: 200,
+          cell(k) {
+            const h = k.row.original.systemBalance;
+            return T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(h));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "physicalBalance",
+          accessorFn: (k) => {
+            var w;
+            const h = (w = I.value.find(($) => $.id === k.id)) == null ? void 0 : w.balance;
+            return h ? ra.toDouble(h) : k.physicalBalance;
+          },
+          header: () => ye("Stock Take balance", "The physical balance recorded during stock take."),
+          cell(k) {
+            var K;
+            const h = k.row.original, w = te.fromNumber(h.physicalBalance);
+            let $ = !0;
+            const j = (K = I.value.find((ee) => ee.id === h.id)) == null ? void 0 : K.balance;
+            let H;
+            return j && !te.equals({ a: w, b: j }) ? ($ = !1, H = ae(j)) : H = ae(h.physicalBalance), T("div", { class: "flex flex-col" }, [
+              T(
+                "span",
+                { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                H
+              ),
+              $ ? null : T(
+                "span",
+                { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" },
+                `Draft: ${ae(h.physicalBalance)}`
+              )
+            ]);
+          },
+          size: 200,
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedAmount",
+          accessorKey: "adjustedAmount",
+          header: () => ye("Variance", "The difference between Stock Take balance and System Balance."),
+          size: 200,
+          cell(k) {
+            const h = k.row.original.adjustedAmount;
+            return T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(h));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "varianceInCost",
+          accessorKey: "varianceInCost",
+          header: () => ye(`Variance (${a.value})`),
+          size: 150,
+          cell(k) {
+            const h = k.row.original.varianceInCost;
+            return T("div", { class: "text-right fm-typo-en-body-lg-400" }, ae(h));
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "adjustedDiffPercentage",
+          accessorKey: "adjustedDiffPercentage",
+          header: () => ye(
+            "Variance (%)",
+            "Difference between Stock Take balance and System Balance in percentage."
+          ),
+          size: 200,
+          cell(k) {
+            const h = k.row.original.adjustedDiffPercentage;
+            if (h == null)
+              return T(
+                "div",
+                { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" },
+                yn
+              );
+            const w = ae(h);
+            if (h === 0)
+              return T("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+                ae(0)
+              ]);
+            const $ = h > 0;
+            return T("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-lg-400" }, [
+              T(Ce.FmIcon, {
+                name: $ ? "arrow_drop_up" : "arrow_drop_down",
+                color: $ ? "system-success-300" : "system-error-300",
+                size: "md"
+              }),
+              w
+            ]);
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "stockTakeValue",
+          accessorKey: "stockTakeValue",
+          header: () => ye(`Stock take value (${a.value})`),
+          size: 180,
+          cell(k) {
+            var ee;
+            const h = k.row.original, w = h.stockTakeValue, $ = N.value.find((Q) => Q._id === h.id), j = (ee = $ == null ? void 0 : $.defaultCost) == null ? void 0 : ee.measurement, H = h.physicalBalance, K = h.costPerUnit;
+            if (j) {
+              const Q = te.toFormatString({ value: j.conversion }), be = `${ae(H, { minPrecision: 2, maxPrecision: 4 })} ${h.baseUnit} ÷ ${Q} × ${K} ${a.value}`;
+              return T(
+                Ce.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return be;
+                  },
+                  default() {
+                    return T(
+                      "div",
+                      { class: "text-right w-full fm-typo-en-body-lg-400" },
+                      ae(w)
+                    );
+                  }
+                }
+              );
+            } else {
+              const Q = `${ae(H, { minPrecision: 2, maxPrecision: 4 })} ${h.baseUnit} × ${K} ${a.value}`;
+              return T(
+                Ce.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return Q;
+                  },
+                  default() {
+                    return T(
+                      "div",
+                      { class: "text-right w-full fm-typo-en-body-lg-400" },
+                      ae(w)
+                    );
+                  }
+                }
+              );
+            }
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "systemValue",
+          accessorKey: "systemValue",
+          header: () => ye(`System value (${a.value})`),
+          size: 180,
+          cell(k) {
+            var ee;
+            const h = k.row.original, w = h.systemValue, $ = N.value.find((Q) => Q._id === h.id), j = (ee = $ == null ? void 0 : $.defaultCost) == null ? void 0 : ee.measurement, H = h.systemBalance, K = h.costPerUnit;
+            if (j) {
+              const Q = te.toFormatString({ value: j.conversion }), be = `${ae(H, { minPrecision: 2, maxPrecision: 4 })} ${h.baseUnit} ÷ ${Q} × ${K} ${a.value}`;
+              return T(
+                Ce.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return be;
+                  },
+                  default() {
+                    return T(
+                      "div",
+                      { class: "text-right fm-typo-en-body-lg-400" },
+                      ae(w)
+                    );
+                  }
+                }
+              );
+            } else {
+              const Q = `${ae(H, { minPrecision: 2, maxPrecision: 4 })} ${h.baseUnit} × ${K} ${a.value}`;
+              return T(
+                Ce.FmTooltip,
+                { zIndex: 51 },
+                {
+                  content() {
+                    return Q;
+                  },
+                  default() {
+                    return T(
+                      "div",
+                      { class: "text-right fm-typo-en-body-lg-400" },
+                      ae(w)
+                    );
+                  }
+                }
+              );
+            }
+          },
+          meta: {
+            textAlign: "right"
+          }
+        },
+        {
+          id: "physicalBalances",
+          header: () => "Amounts",
+          enableSorting: !1,
+          cell(k) {
+            const h = k.row.original, w = (j, H) => T(
+              Ce.FmTooltip,
+              { zIndex: 50 },
+              {
+                default() {
+                  return T(
+                    "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"
+                    },
+                    [
+                      T("span", { class: "text-fm-color-typo-primary" }, `${j} `),
+                      T(
+                        "span",
+                        {
+                          class: "text-fm-color-typo-secondary",
+                          style: { maxWidth: "80px" }
+                        },
+                        H
+                      )
+                    ]
+                  );
+                },
+                content() {
+                  return `${j} ${H}`;
+                }
+              }
+            );
+            let $ = Array.from({ length: y }).map((j, H) => {
+              if (!h[`measurementAmount${H}`])
+                return null;
+              const K = h[`measurementAmount${H}`], ee = h[`measurementAbbrev${H}`];
+              return w(K, ee);
+            }).filter((j) => j);
+            return (h.baseUnitAmount || !$.length) && ($ = [w(h.baseUnitAmount, h.baseUnit), ...$]), T(
+              "div",
+              {
+                class: "flex gap-8 flex-nowrap",
+                style: {
+                  minWidth: `${120 * $.length}px`
+                }
+              },
+              $
+            );
+          }
+        }
+      ];
+    }), ut = V(() => Me.value.map((y) => y.size ?? 0).reduce((y, v) => y + v)), Je = Y(""), Kt = V(() => {
+      var k, h;
+      const y = ((h = (k = e.draft) == null ? void 0 : k.negativeStockItems) == null ? void 0 : h.reduce(
+        (w, $) => (w[$.sku._id] = $, w),
+        {}
+      )) ?? {};
+      return N.value.map((w) => {
+        var Zt, Jt, Xt, en, tn, nn, an, on, sn, rn, ln;
+        const $ = (Zt = je.value.get(w._id)) == null ? void 0 : Zt[0], j = ((Jt = Ae.value.get(w._id)) == null ? void 0 : Jt[0]) ?? D, H = ((Xt = w.defaultCost) == null ? void 0 : Xt.costPerUnit) ?? D, K = Number(te.toFormatString({ value: H })), ee = ((tn = (en = w.defaultCost) == null ? void 0 : en.measurement) == null ? void 0 : tn.conversion) ?? {
+          amount: 1,
+          precision: 0
+        }, Q = Number(
+          te.toFormatString({ value: ee })
+        ), be = ct.value.get(w._id), we = be ? Number(te.toFormatString({ value: be })) : 0, Ne = Re.value.get(w._id), P = {};
+        if (R.value.forEach((fe) => {
+          const ke = P[fe] ?? { amount: 0, precision: 0 }, De = Ne == null ? void 0 : Ne[fe];
+          De && (P[fe] = Sn(ke, De));
+        }), !$) {
+          const fe = Number(te.toFormatString({ value: j })), ke = 0 - fe, De = ke * K / Q, vt = 0, Nn = fe * K / Q;
+          return {
+            id: w._id,
+            code: w.code,
+            name: w.name,
+            costUnit: ((an = (nn = w.defaultCost) == null ? void 0 : nn.measurement) == null ? void 0 : an.abbrev) ?? null,
+            baseUnit: w.unit.abbrev,
+            baseUnitAmount: 0,
+            systemBalance: fe,
+            physicalBalance: 0,
+            adjustedAmount: -fe,
+            adjustedDiffPercentage: -100,
+            isTemplateItem: !y[w._id],
+            costPerUnit: K,
+            opening: we,
+            varianceQty: ke,
+            varianceInCost: De,
+            stockTakeValue: vt,
+            systemValue: Nn,
+            adjustmentAmounts: P,
+            customAttributeValues: w.customAttributes ?? {}
+          };
+        }
+        const de = $n($), ge = (sn = (on = I.value) == null ? void 0 : on.find(
+          (fe) => fe.id === w._id
+        )) == null ? void 0 : sn.balance, $e = Dn(
+          ge ?? de,
+          j
+        ), We = j.amount === 0 ? null : Cn($e, {
+          ...j,
+          amount: Math.abs(j.amount)
+        }), pt = We ? Ht(We, X) : null, At = Number(te.toFormatString({ value: j })), $t = Number(te.toFormatString({ value: de })), Qt = $t - At, jn = Qt * K / Q, Rn = $t * K / Q, Mn = At * K / Q;
+        return {
+          id: w._id,
+          code: w.code,
+          name: w.name,
+          costUnit: ((ln = (rn = w.defaultCost) == null ? void 0 : rn.measurement) == null ? void 0 : ln.abbrev) ?? null,
+          baseUnit: w.unit.abbrev,
+          baseUnitAmount: Number(te.toFormatString({ value: $.baseAmount })),
+          ...$.measurementsAmounts.filter((fe) => {
+            var ke, De, vt;
+            return (vt = (De = (ke = E.value) == null ? void 0 : ke.get(w._id)) == null ? void 0 : De[0]) == null ? void 0 : vt.includes(fe.measurement.id);
+          }).reduce((fe, ke, De) => (fe[`measurementAbbrev${De}`] = `(${ke.measurement.abbrev}) × ${te.toFormatString({ value: ke.measurement.conversion })}`, fe[`measurementAmount${De}`] = Number(te.toFormatString({ value: ke.amount })), fe), {}),
+          systemBalance: At,
+          physicalBalance: $t,
+          adjustedAmount: Number(te.toFormatString({ value: $e })),
+          adjustedDiffPercentage: pt ? Number(
+            te.toFormatString({
+              value: An(pt, 2)
+            })
+          ) : null,
+          isTemplateItem: !y[w._id],
+          costPerUnit: K,
+          opening: we,
+          varianceQty: Qt,
+          varianceInCost: jn,
+          stockTakeValue: Rn,
+          systemValue: Mn,
+          adjustmentAmounts: P,
+          customAttributeValues: w.customAttributes ?? {}
+        };
+      }).filter((w) => !!(w.isTemplateItem && O.value.templateItem || !w.isTemplateItem && O.value.nonTemplateItem));
+    }), Ct = V(() => {
+      const y = /* @__PURE__ */ new Set();
+      for (const v of N.value)
+        if (v.customAttributes)
+          for (const k of Object.keys(v.customAttributes))
+            k !== "tag" && y.add(k);
+      return Array.from(y).sort();
+    }), dt = cn({}), qt = V(
+      () => Ct.value.filter((y) => dt[y])
+    ), Bn = V(() => {
+      var v, k, h, w, $;
+      if (!e.draft) return [];
+      const y = e.draft.approvedAt ? {
+        action: `Approve at ${Fe(e.draft.approvedAt)}`,
+        // actionAt: props.draft.approvedAt,
+        actionBy: e.draft.approvedBy,
+        remark: e.draft.approveRemark
+      } : (v = e.draft.rejectionHistory) == null ? void 0 : v.computeFirst((j) => ({
+        action: `Reject at ${Fe(j.rejectedAt)}`,
+        // actionAt: e.rejectedAt,
+        actionBy: j.rejectedBy,
+        remark: j.rejectRemark
+      }));
+      return [
+        s.value ? {
+          label: "ID",
+          value: s.value
+        } : null,
+        {
+          label: "Location",
+          value: ((k = F._currentLocation) == null ? void 0 : k.name) ?? yn
+        },
+        {
+          label: "Created at",
+          value: Fe(e.draft.createdAt)
+        },
+        {
+          label: "Created by",
+          value: e.draft.createdBy.name
+        },
+        {
+          label: "Updated at",
+          value: Fe(e.draft.updatedAt)
+        },
+        {
+          label: "Updated by",
+          value: e.draft.updatedBy.name
+        },
+        {
+          label: "Effective at",
+          value: Fe(e.draft.effectiveAt ?? Ve((h = e.draft) == null ? void 0 : h._id))
+        },
+        {
+          label: "Using template",
+          value: ((w = e.draft.usingTemplates.find((j) => j)) == null ? void 0 : w.name) ?? "None"
+        },
+        e.draft.remark ? {
+          label: "Remark",
+          value: e.draft.remark
+        } : null,
+        y ? {
+          label: "Last action",
+          value: y.action
+        } : null,
+        y && y.actionBy ? {
+          label: "Last action by",
+          value: ($ = y.actionBy) == null ? void 0 : $.name
+        } : null,
+        y && y.remark ? {
+          label: "Action remark",
+          value: y.remark
+        } : null
+      ].filter((j) => j).map((j) => j);
+    }), St = [
+      {
+        label: "Overview",
+        value: "overview"
+      },
+      {
+        label: "Action history",
+        value: "history"
+      }
+    ], Xe = Y(St[0]), ze = V(() => {
+      var h, w, $;
+      const y = ((h = e.draft) == null ? void 0 : h.activityLogs) ?? [], v = ((w = e.draft) == null ? void 0 : w.rejectionHistory) ?? [];
+      for (const j of v)
+        y.find(
+          (K) => `${K.action}_${K.performedAt}` == `${le.enum.rejectDraft}_${j.rejectedAt}`
+        ) || y.push({
+          action: le.enum.rejectDraft,
+          performedAt: j.rejectedAt,
+          performedBy: j.rejectedBy,
+          remark: j.rejectRemark
+        });
+      return ($ = e.draft) != null && $.approvedAt && (y.find(
+        (H) => {
+          var K;
+          return `${H.action}_${H.performedAt}` == `${le.enum.approveDraft}_${(K = e.draft) == null ? void 0 : K.approvedAt}`;
+        }
+      ) || y.push({
+        action: le.enum.approveDraft,
+        performedAt: e.draft.approvedAt,
+        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
+        remark: e.draft.approveRemark
+      })), y.sort((j, H) => new Date(H.performedAt).getTime() - new Date(j.performedAt).getTime()).map(
+        (j) => ({
+          header: Pe(j.action),
+          date: Fe(j.performedAt),
+          info: [
+            {
+              label: "Performed by",
+              values: [j.performedBy.name]
+            },
+            {
+              label: "Remark",
+              values: [j.remark ?? ""]
+            }
+          ]
+        })
+      );
+    }), mt = Y(!1), ft = Y(!1), Gt = V(() => {
+      var y;
+      return ((y = e.draft) == null ? void 0 : y.status) !== Te.enum.DRAFT ? "Status is not draft." : null;
+    });
+    function En() {
+      e.draft && (ft.value = !0, o.approveDraft(
+        e.draft,
+        () => {
+          ft.value = !1, mt.value = !1, i("submitted");
+        },
+        () => {
+          ft.value = !1;
+        }
+      ));
+    }
+    return (y, v) => {
+      const k = G("FmButtonGroup"), h = G("FmMenuDivider"), w = G("FmCard"), $ = G("FmButton"), j = G("FmCircularProgress"), H = G("FmChip"), K = G("FmTextField"), ee = G("FmIcon"), Q = G("FmTable"), be = G("FmSpacer"), we = G("FmTooltip"), Ne = G("FmSideSheet");
+      return x(), M(ue, null, [
+        B(Ne, {
+          "dismiss-away": "",
+          "max-width": 9999,
+          "model-value": p(d),
+          "onUpdate:modelValue": v[9] || (v[9] = (P) => Ot(d) ? d.value = P : null),
+          header: "Closing details"
+        }, {
+          "side-sheet-footer": Z(() => {
+            var P, de, ge, $e;
+            return [
+              m("div", Lo, [
+                m("div", Oo, [
+                  ((P = e.draft) == null ? void 0 : P.status) === p(Te).enum.DRAFT ? (x(), M(ue, { key: 0 }, [
+                    Gt.value ? (x(), ne(we, {
+                      key: 0,
+                      "z-index": 51,
+                      placement: "right"
+                    }, {
+                      content: Z(() => [
+                        pe(W(Gt.value), 1)
+                      ]),
+                      default: Z(() => [
+                        B($, {
+                          disabled: "",
+                          key: "approve key",
+                          label: "Approve"
+                        })
+                      ]),
+                      _: 1
+                    })) : (x(), ne($, {
+                      key: "approve key",
+                      label: "Approve",
+                      onClick: v[5] || (v[5] = (We) => mt.value = !0)
+                    }))
+                  ], 64)) : q("", !0),
+                  ((de = e.draft) == null ? void 0 : de.status) === p(Te).enum.DRAFT ? (x(), ne($, {
+                    key: 1,
+                    label: "Reject",
+                    variant: "destructive",
+                    onClick: v[6] || (v[6] = () => e.draft && p(o).rejectDraft(e.draft, () => i("submitted")))
+                  })) : q("", !0),
+                  B($, {
+                    label: "Close",
+                    variant: "tertiary",
+                    onClick: v[7] || (v[7] = (We) => d.value = !1)
+                  }),
+                  (ge = e.draft) != null && ge.approvedAt && (($e = e.draft) == null ? void 0 : $e.status) !== p(Te).enum.COMPLETED ? (x(), ne(It, { key: 2 }, {
+                    default: Z(() => [
+                      B($, {
+                        label: "Sync",
+                        loading: _.value,
+                        onClick: v[8] || (v[8] = () => {
+                          e.draft && (_.value = !0, p(o).syncDraft(e.draft, () => {
+                            _.value = !1, i("submitted");
+                          }));
+                        })
+                      }, null, 8, ["loading"])
+                    ]),
+                    _: 1
+                  })) : q("", !0)
+                ]),
+                m("div", zo, [
+                  v[21] || (v[21] = m("div", { class: "text-xs text-gray-500 uppercase tracking-wide" }, "Total stock take value", -1)),
+                  m("div", Wo, W(a.value) + " " + W(ie.value.toFixed(2)), 1)
+                ])
+              ])
+            ];
+          }),
+          default: Z(() => [
+            m("div", oo, [
+              m("div", null, [
+                B(k, {
+                  items: St,
+                  modelValue: Xe.value,
+                  "onUpdate:modelValue": v[0] || (v[0] = (P) => Xe.value = P)
+                }, null, 8, ["modelValue"])
+              ]),
+              Xe.value.value === "overview" ? (x(), M(ue, { key: 0 }, [
+                B(It, { selectable: "" }, {
+                  default: Z(() => {
+                    var P;
+                    return [
+                      m("div", so, [
+                        v[11] || (v[11] = m("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, [
+                          m("div", { class: "flex gap-1" }, "Draft ID")
+                        ], -1)),
+                        pe(" " + W((P = y.draft) == null ? void 0 : P._id), 1)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                B(w, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: Z(() => {
+                    var P, de;
+                    return [
+                      m("div", ro, [
+                        v[12] || (v[12] = m("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                        m("div", lo, [
+                          m("div", {
+                            class: Be(["fm-status-badge", p(ht)(((P = y.draft) == null ? void 0 : P.status) ?? "DRAFT")])
+                          }, W(p(Pe)(((de = y.draft) == null ? void 0 : de.status) ?? "")), 3)
+                        ])
+                      ]),
+                      B(h),
+                      m("div", io, [
+                        (x(!0), M(ue, null, Se(Bn.value, (ge, $e) => (x(), M("div", {
+                          class: "flex flex-col gap-4",
+                          key: $e
+                        }, [
+                          m("div", co, [
+                            m("div", uo, W(ge.label), 1)
+                          ]),
+                          m("div", mo, W(ge.value), 1)
+                        ]))), 128))
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }),
+                m("div", fo, [
+                  m("div", po, [
+                    v[13] || (v[13] = m("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
+                    g.value ? q("", !0) : (x(), M("div", vo, [
+                      y.draft && y.draft.status !== p(Te).enum.COMPLETED ? (x(), ne($, {
+                        key: 0,
+                        label: "Refresh balance",
+                        "prepend-icon": "refresh",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        loading: p(A),
+                        disabled: p(A),
+                        onClick: ve
+                      }, null, 8, ["loading", "disabled"])) : q("", !0),
+                      B(It, null, {
+                        default: Z(() => [
+                          B($, {
+                            label: "Invalidate Draft Cache",
+                            "prepend-icon": "refresh",
+                            variant: "secondary",
+                            "text-color": "primary",
+                            "bg-color": "transparent",
+                            "border-color": "primary",
+                            loading: p(A),
+                            onClick: Oe
+                          }, null, 8, ["loading"])
+                        ]),
+                        _: 1
+                      }),
+                      B($, {
+                        label: "Export data",
+                        "prepend-icon": "download",
+                        variant: "secondary",
+                        "text-color": "primary",
+                        "bg-color": "transparent",
+                        "border-color": "primary",
+                        onClick: v[1] || (v[1] = (P) => y.draft ? p(o).exportDraft(
+                          y.draft,
+                          f.value,
+                          I.value,
+                          qt.value
+                        ) : null)
+                      })
+                    ]))
+                  ]),
+                  g.value ? (x(), M("div", yo, [
+                    v[15] || (v[15] = m("div", { class: "h-80" }, null, -1)),
+                    m("div", go, [
+                      m("div", null, [
+                        B(j, { size: "md" })
+                      ]),
+                      v[14] || (v[14] = m("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                    ]),
+                    v[16] || (v[16] = m("div", { class: "h-80" }, null, -1))
+                  ])) : (x(), M(ue, { key: 1 }, [
+                    m("div", ho, [
+                      m("div", bo, [
+                        B(H, {
+                          label: "Template Item(s)",
+                          selected: O.value.templateItem,
+                          onClick: v[2] || (v[2] = (P) => O.value.templateItem = !O.value.templateItem)
+                        }, null, 8, ["selected"]),
+                        B(H, {
+                          label: "Non-template Item(s)",
+                          selected: O.value.nonTemplateItem,
+                          onClick: v[3] || (v[3] = (P) => O.value.nonTemplateItem = !O.value.nonTemplateItem)
+                        }, null, 8, ["selected"])
+                      ]),
+                      B(K, {
+                        modelValue: Je.value,
+                        "onUpdate:modelValue": v[4] || (v[4] = (P) => Je.value = P),
+                        placeholder: "Filter items"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    p(u).skuTags.size ? (x(), M("div", _o, [
+                      (x(!0), M(ue, null, Se(p(u).skuTags.keys(), (P) => (x(), ne(H, {
+                        key: `${P}`,
+                        label: `${P}`,
+                        selectable: "",
+                        selected: c[`${P}`],
+                        onClick: (de) => c[`${P}`] = !c[`${P}`]
+                      }, {
+                        default: Z(() => [
+                          c[`${P}`] ? (x(), ne(ee, {
+                            key: 0,
+                            name: "check",
+                            class: "text-white",
+                            size: "sm"
+                          })) : q("", !0),
+                          m("span", {
+                            class: Be([
+                              "",
+                              {
+                                "text-white fm-typo-en-body-md-600": c[`${P}`],
+                                "text-fm-color-typo-primary fm-typo-en-body-md-400": !c[`${P}`]
+                              }
+                            ])
+                          }, W(P), 3)
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "selected", "onClick"]))), 128))
+                    ])) : q("", !0),
+                    Ct.value.length ? (x(), M("div", wo, [
+                      v[17] || (v[17] = m("span", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary self-center" }, "Extra columns:", -1)),
+                      (x(!0), M(ue, null, Se(Ct.value, (P) => (x(), ne(H, {
+                        key: P,
+                        label: P,
+                        selectable: "",
+                        selected: dt[P],
+                        onClick: (de) => dt[P] = !dt[P]
+                      }, null, 8, ["label", "selected", "onClick"]))), 128))
+                    ])) : q("", !0),
+                    m("div", ko, [
+                      m("div", {
+                        style: gn({ height: "600px", minWidth: `${ut.value}px` })
+                      }, [
+                        B(Q, {
+                          "column-defs": Me.value,
+                          "row-data": Kt.value,
+                          "search-value": Je.value
+                        }, null, 8, ["column-defs", "row-data", "search-value"])
+                      ], 4)
+                    ])
+                  ], 64))
+                ])
+              ], 64)) : q("", !0),
+              Xe.value.value === "history" ? (x(), M("div", xo, [
+                ze.value.length ? (x(), M("div", So, [
+                  (x(!0), M(ue, null, Se(ze.value, (P, de) => (x(), M(ue, { key: de }, [
+                    m("div", Ao, [
+                      m("div", $o, [
+                        m("div", Io, [
+                          m("div", {
+                            class: Be([
+                              {
+                                "bg-fm-color-primary": de !== 0,
+                                "bg-white": de === 0
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ]),
+                        v[20] || (v[20] = m("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
+                        m("div", To, [
+                          m("div", {
+                            class: Be([
+                              {
+                                "bg-fm-color-primary": de < ze.value.length - 1,
+                                "bg-white": de >= ze.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      m("div", Fo, [
+                        m("div", Bo, W(P.header), 1),
+                        m("div", Eo, W(P.date), 1)
+                      ])
+                    ]),
+                    m("div", jo, [
+                      m("div", Ro, [
+                        m("div", Mo, [
+                          m("div", {
+                            class: Be([
+                              {
+                                "bg-fm-color-primary": de < ze.value.length - 1,
+                                "bg-white": de >= ze.value.length - 1
+                              },
+                              "w-[2px] h-full"
+                            ])
+                          }, null, 2)
+                        ])
+                      ]),
+                      m("div", No, [
+                        B(w, {
+                          variant: "outlined",
+                          class: "py-12 px-16"
+                        }, {
+                          default: Z(() => [
+                            m("div", Uo, [
+                              (x(!0), M(ue, null, Se(P.info, (ge, $e) => (x(), M("div", {
+                                key: $e,
+                                class: "flex flex-col gap-4"
+                              }, [
+                                m("div", Po, W(ge == null ? void 0 : ge.label), 1),
+                                m("div", Vo, [
+                                  (x(!0), M(ue, null, Se(ge == null ? void 0 : ge.values, (We, pt) => (x(), M("div", {
+                                    key: pt,
+                                    class: "fm-typo-en-body-lg-600"
+                                  }, W(We), 1))), 128))
+                                ])
+                              ]))), 128))
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])
+                    ])
+                  ], 64))), 128))
+                ])) : (x(), M("div", Do, [
+                  B(be),
+                  m("div", null, [
+                    m("img", {
+                      src: p(oa),
+                      alt: "List is empty"
+                    }, null, 8, Co)
+                  ]),
+                  v[18] || (v[18] = m("div", { class: "fm-typo-en-body-lg-600" }, W("No records found"), -1)),
+                  v[19] || (v[19] = m("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, W("You can track approval and rejection history here"), -1)),
+                  B(be),
+                  B(be)
+                ]))
+              ])) : q("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value"]),
+        p(d) && e.draft ? (x(), ne(Ya, {
+          key: 0,
+          show: mt.value,
+          "onUpdate:show": v[10] || (v[10] = (P) => mt.value = P),
+          refreshing: p(A),
+          approving: ft.value,
+          draft: e.draft,
+          onRefresh: ve,
+          onApprove: En
+        }, null, 8, ["show", "refreshing", "approving", "draft"])) : q("", !0)
+      ], 64);
+    };
+  }
+});
+var _e = /* @__PURE__ */ ((t) => (t.ready = "ready", t.negative = "negative", t.systemNegative = "systemNegative", t))(_e || {});
+async function Yo(t) {
+  return new Promise((n, e) => {
+    const a = new FileReader();
+    a.onload = (l) => {
+      var s;
+      try {
+        const o = (s = l.target) == null ? void 0 : s.result, d = la(o, { type: "array" }), g = d.SheetNames[0], _ = d.Sheets[g], f = gt.sheet_to_json(_, {
+          header: 1,
+          defval: ""
+        }), I = (r) => String(r).trim().toLowerCase().replace(/^\uFEFF/, ""), R = f.findIndex(
+          (r) => r.some((i) => I(i) === "code")
+        );
+        if (R === -1) {
+          n([]);
+          return;
+        }
+        const U = f[R], S = U.findIndex((r) => I(r) === "code"), u = U.findIndex((r) => I(r) === "balance");
+        if (S === -1 || u === -1) {
+          e(
+            new Error(
+              `Missing required columns: ${S === -1 ? '"Code" ' : ""}${u === -1 ? '"Balance"' : ""}.`.trim()
+            )
+          );
+          return;
+        }
+        const c = f.slice(R + 1).filter((r) => String(r[S]).trim()).map((r) => ({
+          itemCode: String(r[S]).trim(),
+          quantity: Number(r[u]) || 0
+        }));
+        n(c);
+      } catch (o) {
+        e(o);
+      }
+    }, a.onerror = e, a.readAsArrayBuffer(t);
+  });
+}
+function Ko(t) {
+  const n = /* @__PURE__ */ new Map();
+  return t.forEach((e) => {
+    const a = n.get(e.itemCode) || 0;
+    n.set(e.itemCode, a + e.quantity);
+  }), n;
+}
+function qo(t, n) {
+  const e = [], a = [];
+  for (const [l, s] of n.entries()) {
+    const o = t[l];
+    if (!o) {
+      a.push(l);
+      continue;
+    }
+    const d = s < 0 ? "negative" : "ready";
+    e.push({
+      sku: o,
+      physicalCount: s,
+      // Note: filled by composable after readStockBalance()
+      systemBalance: { amount: 0, precision: 0 },
+      variance: s - 0,
+      status: d
+    });
+  }
+  return { mergedItems: e, unrecognisedItemCodes: a };
+}
+function Go(t, n) {
+  const e = t.filter((g) => !g.isInactive), a = ca().format("YYYY-MM-DD"), l = `${n} - ${a}.csv`, s = [
+    ["Code", "Name", "Balance"],
+    ...e.map((g) => [g.code, g.name, ""])
+  ], o = gt.aoa_to_sheet(s), d = gt.book_new();
+  gt.book_append_sheet(d, o, "Template"), ia(d, l, { bookType: "csv" });
+}
+function Qo() {
+  const t = Y([]), n = Y([]), e = Y(!1), a = Wt(), l = lt(), s = Dt(), o = V(
+    () => t.value.some((f) => f.status === _e.negative)
+  );
+  async function d(f) {
+    t.value = [], n.value = [], e.value = !0;
+    try {
+      const I = await Yo(f), R = Ko(I), U = a.skuByCode, { mergedItems: S, unrecognisedItemCodes: u } = qo(
+        U,
+        R
+      ), F = await s.readStockBalance(), c = F.skus ?? [];
+      c.length === 0 && console.warn(
+        "No SKU balances found when importing closing draft. All system balances will be set to 0.",
+        {
+          stockBalance: F
+        }
+      );
+      const r = new Map(
+        c.map((b) => [b.id, b.balance])
+      ), i = new Set(S.map((b) => b.sku._id));
+      t.value = S.map((b) => {
+        const C = r.get(b.sku._id) ?? { amount: 0, precision: 0 }, A = C.amount / Math.pow(10, C.precision);
+        return { ...b, systemBalance: C, variance: b.physicalCount - A };
+      });
+      for (const b of Object.values(a.skuByCode)) {
+        if (i.has(b._id)) continue;
+        const C = r.get(b._id);
+        if (!C) continue;
+        const A = C.amount / Math.pow(10, C.precision);
+        A >= 0 || t.value.push({
+          sku: b,
+          physicalCount: 0,
+          systemBalance: C,
+          variance: 0 - A,
+          status: _e.systemNegative
+        });
+      }
+      n.value = u;
+    } catch (I) {
+      t.value = [], n.value = [], console.error("Error processing uploaded file", { error: I });
+    } finally {
+      e.value = !1;
+    }
+  }
+  async function g() {
+    const f = it(), I = t.value.filter((c) => c.status === _e.ready), R = t.value.filter(
+      (c) => c.status === _e.systemNegative
+    ), U = (c) => ({
+      sku: {
+        _id: c.sku._id,
+        code: c.sku.code,
+        name: c.sku.name,
+        unit: c.sku.unit
+      },
+      baseAmount: xn(c.physicalCount, c.sku.unit.precision),
+      measurementsAmounts: []
+    }), S = I.map(U), u = R.map(U), F = {
+      effectiveAt: (/* @__PURE__ */ new Date()).toISOString(),
+      items: S,
+      negativeStockItems: u
+    };
+    return await f.createQuickModeDraftWithItems(F);
+  }
+  function _() {
+    var I;
+    const f = ((I = l.currentLocation) == null ? void 0 : I.name) ?? "template";
+    Go(a.skus, f);
+  }
+  return { mergedItems: t, unrecognisedItemCodes: n, hasBlockingErrors: o, isLoading: e, onFileUpload: d, submit: g, downloadTemplate: _ };
+}
+const Zo = { class: "flex flex-col gap-16" }, Jo = {
+  key: 0,
+  class: "px-16 py-12 rounded-8 bg-fm-color-danger-weak text-fm-color-danger-default"
+}, Xo = { key: 1 }, es = { class: "fm-typo-en-label-md-400 cursor-pointer" }, ts = { class: "mt-8 flex flex-col gap-4" }, ns = { key: 2 }, as = { class: "fm-typo-en-label-md-400 cursor-pointer" }, os = { class: "mt-8 flex flex-col gap-4" }, ss = /* @__PURE__ */ Le({
+  __name: "ClosingDraftCreatePreviewTable",
+  props: {
+    items: {},
+    unrecognisedItemCodes: {}
+  },
+  setup(t) {
+    const n = t, { t: e } = xt(), a = V(
+      () => n.items.filter((d) => d.status === _e.negative)
+    ), l = V(
+      () => n.items.filter((d) => d.status === _e.systemNegative)
+    ), s = V(() => ({
+      [_e.negative]: {
+        bgColor: "bg-fm-color-danger-weak",
+        textColor: "text-fm-color-danger-default",
+        icon: "🚫",
+        label: e("inventory.closing.draft.createDraft.previewTable.status.negative")
+      },
+      [_e.systemNegative]: {
+        bgColor: "bg-fm-color-warning-weak",
+        textColor: "text-fm-color-warning-default",
+        icon: "⚠️",
+        label: e("inventory.closing.draft.createDraft.previewTable.status.systemNegative")
+      }
+    })), o = [
+      {
+        id: "name",
+        header: () => e("inventory.ingredient.name"),
+        cell: (d) => d.row.original.sku.name
+      },
+      {
+        id: "uom",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.uom"),
+        size: 80,
+        cell: (d) => d.row.original.sku.unit.abbrev
+      },
+      {
+        id: "systemBalance",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.systemBalance"),
+        size: 180,
+        cell: (d) => {
+          const g = d.row.original;
+          return T("div", ae(g.systemBalance));
+        }
+      },
+      {
+        id: "physicalCount",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.stockTakeBalance"),
+        cell: (d) => {
+          const g = d.row.original;
+          return T("div", ae(g.physicalCount));
+        }
+      },
+      {
+        id: "variance",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.variance"),
+        cell: (d) => {
+          const _ = d.row.original.variance, f = _ < 0 ? "text-fm-color-danger-default" : _ > 0 ? "text-fm-color-success-default" : "";
+          return T("span", { class: f }, ae(_));
+        }
+      },
+      {
+        id: "variancePercentage",
+        header: () => e("inventory.closing.draft.createDraft.previewTable.variancePercentage"),
+        size: 130,
+        cell: (d) => {
+          const g = d.row.original, _ = g.systemBalance.amount / Math.pow(10, g.systemBalance.precision), f = _ === 0 ? null : Math.max(
+            -100,
+            Math.min(100, Math.round(g.variance / Math.abs(_) * 1e4) / 100)
+          );
+          if (f === null)
+            return T(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              e("inventory.closing.draft.createDraft.previewTable.notApplicable")
+            );
+          const I = `${ae(f)}`;
+          if (f === 0)
+            return T(
+              "div",
+              { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" },
+              I
+            );
+          const R = f > 0;
+          return T("div", { class: "flex items-center gap-4 justify-end fm-typo-en-body-md-400" }, [
+            T(Ce.FmIcon, {
+              name: R ? "arrow_drop_up" : "arrow_drop_down",
+              color: R ? "system-success-300" : "system-error-300",
+              size: "md"
+            }),
+            I
+          ]);
+        }
+      },
+      {
+        id: "status",
+        header: () => e("inventory.common.status"),
+        cell: (d) => {
+          const g = d.row.original.status, _ = s.value[g];
+          return _ ? T(
+            "span",
+            {
+              class: `px-8 py-2 rounded-4 ${_.bgColor} ${_.textColor} fm-typo-en-label-sm-400`
+            },
+            `${_.icon} ${_.label}`
+          ) : null;
+        }
+      }
+    ];
+    return (d, g) => {
+      const _ = G("FmTable");
+      return x(), M("div", Zo, [
+        a.value.length > 0 ? (x(), M("div", Jo, [
+          pe(W(p(e)("inventory.closing.draft.createDraft.previewTable.cannotSubmitNegative")) + " ", 1),
+          m("strong", null, W(a.value.map((f) => f.sku.code).join(", ")), 1)
+        ])) : q("", !0),
+        l.value.length > 0 ? (x(), M("details", Xo, [
+          m("summary", es, W(p(e)("inventory.closing.draft.createDraft.previewTable.systemNegativeNote", [l.value.length])), 1),
+          m("ul", ts, [
+            (x(!0), M(ue, null, Se(l.value, (f) => (x(), M("li", {
+              key: f.sku._id,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+            }, W(f.sku.code), 1))), 128))
+          ])
+        ])) : q("", !0),
+        d.unrecognisedItemCodes.length > 0 ? (x(), M("details", ns, [
+          m("summary", as, W(p(e)("inventory.closing.draft.createDraft.previewTable.unrecognisedNote", [d.unrecognisedItemCodes.length])), 1),
+          m("ul", os, [
+            (x(!0), M(ue, null, Se(d.unrecognisedItemCodes, (f) => (x(), M("li", {
+              key: f,
+              class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+            }, W(f), 1))), 128))
+          ])
+        ])) : q("", !0),
+        B(_, {
+          "row-data": n.items,
+          "column-defs": o,
+          pagination: { pageSize: 20 }
+        }, null, 8, ["row-data"])
+      ]);
+    };
+  }
+}), rs = { class: "flex flex-col gap-16" }, ls = { class: "flex flex-col gap-8" }, is = { class: "fm-typo-en-body-lg-600" }, cs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, us = { class: "fm-corner-radius-md p-16 flex items-center gap-16 border border-fm-color-border-default" }, ds = { class: "flex flex-col flex-1 gap-4" }, ms = { class: "fm-typo-en-body-md-600" }, fs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ps = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, vs = { class: "fm-typo-en-body-lg-600" }, ys = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-system-error-300 flex items-center gap-8"
+}, gs = { class: "grid grid-cols-[repeat(3,1fr)] gap-12" }, hs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center gap-4" }, bs = { class: "flex items-center gap-8 w-full" }, _s = /* @__PURE__ */ Le({
+  __name: "ClosingDraftCreateSideSheet",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(t, { emit: n }) {
+    const e = t, a = n, l = hn(e, "show"), { t: s } = xt(), o = rt(), d = Y("upload"), g = Y(null), _ = Y(!1), { mergedItems: f, unrecognisedItemCodes: I, hasBlockingErrors: R, isLoading: U, onFileUpload: S, submit: u, downloadTemplate: F } = Qo(), c = V(
+      () => g.value && !U.value && f.value.length > 0
+    ), r = V(() => {
+      const A = f.value.filter(
+        (O) => O.status === _e.ready
+      ).length, L = f.value.filter(
+        (O) => O.status === _e.negative
+      ).length, se = f.value.filter(
+        (O) => O.status === _e.systemNegative
+      ).length, re = f.value.filter((O) => O.variance !== 0).length;
+      return [
+        { label: s("inventory.closing.draft.createDraft.summary.totalItems"), value: f.value.length },
+        { label: s("inventory.closing.draft.createDraft.summary.itemsWithCount"), value: A },
+        {
+          label: s("inventory.closing.draft.createDraft.summary.unrecognisedItems"),
+          value: I.value.length,
+          isWarning: I.value.length > 0
+        },
+        { label: s("inventory.closing.draft.createDraft.summary.itemsWithVariance"), value: re },
+        { label: s("inventory.closing.draft.createDraft.summary.negativeCounts"), value: L, isError: L > 0 },
+        {
+          label: s("inventory.closing.draft.createDraft.summary.systemNegative"),
+          value: se,
+          isWarning: se > 0
+        }
+      ];
+    });
+    async function i(A) {
+      g.value = A, await S(A);
+    }
+    async function b() {
+      _.value = !0;
+      try {
+        await u(), C(), a("submitted"), o.open({
+          title: "Success",
+          message: "Closing draft created successfully",
+          type: "success"
+        });
+      } catch (A) {
+        console.error("Failed to create closing draft", { error: A }), o.open({
+          title: "Something went wrong",
+          message: "Failed to create closing draft. Please try again",
+          type: "error"
+        });
+      } finally {
+        _.value = !1;
+      }
+    }
+    Qe(l, (A) => {
+      A || (d.value = "upload", g.value = null);
+    });
+    function C() {
+      l.value = !1;
+    }
+    return (A, L) => {
+      const se = G("FmCircularProgress"), re = G("FmIcon"), O = G("FmButton"), me = G("FmCard"), N = G("FmSideSheet");
+      return x(), ne(N, {
+        "dismiss-away": "",
+        "max-width": 9999,
+        "model-value": p(l),
+        "onUpdate:modelValue": L[2] || (L[2] = (E) => Ot(l) ? l.value = E : null),
+        header: p(s)("inventory.closing.draft.createDraft.title")
+      }, {
+        default: Z(() => [
+          m("div", rs, [
+            d.value === "upload" ? (x(), M(ue, { key: 0 }, [
+              m("div", ls, [
+                m("div", is, W(p(s)("inventory.closing.draft.createDraft.importCsv")), 1),
+                m("div", cs, W(p(s)("inventory.closing.draft.createDraft.uploadDescription")), 1),
+                B(ua, {
+                  class: Be({ "h-[200px]": !g.value }),
+                  accept: ".csv",
+                  disabled: p(U),
+                  onFileUpload: i
+                }, Pn({ _: 2 }, [
+                  g.value ? {
+                    name: "default",
+                    fn: Z(({ openFileDialog: E }) => [
+                      m("div", us, [
+                        p(U) ? (x(), ne(se, {
+                          key: 0,
+                          size: "md",
+                          color: "neutral-gray-200"
+                        })) : (x(), ne(re, {
+                          key: 1,
+                          name: "check_circle",
+                          color: "system-success-400",
+                          size: "lg"
+                        })),
+                        m("div", ds, [
+                          m("div", ms, W(g.value.name), 1),
+                          m("div", fs, W(p(U) ? p(s)("inventory.closing.draft.createDraft.processing") : p(s)("inventory.closing.draft.createDraft.itemsLoaded", [p(f).length])), 1)
+                        ]),
+                        p(U) ? q("", !0) : (x(), ne(O, {
+                          key: 2,
+                          label: p(s)("inventory.closing.draft.createDraft.replaceFile"),
+                          variant: "secondary",
+                          "prepend-icon": "autorenew",
+                          onClick: E
+                        }, null, 8, ["label", "onClick"]))
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["class", "disabled"])
+              ]),
+              c.value ? (x(), M("div", ps, [
+                m("div", vs, W(p(s)("inventory.closing.draft.createDraft.importSummary")), 1),
+                p(R) ? (x(), M("div", ys, [
+                  B(re, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  }),
+                  m("span", null, W(p(s)("inventory.closing.draft.createDraft.reviewIssues")), 1)
+                ])) : q("", !0),
+                B(me, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-12 px-16 py-12"
+                }, {
+                  default: Z(() => [
+                    m("div", gs, [
+                      (x(!0), M(ue, null, Se(r.value, (E) => (x(), M("div", {
+                        key: E.label,
+                        class: "flex flex-col gap-4"
+                      }, [
+                        m("div", hs, [
+                          E.isError ? (x(), ne(re, {
+                            key: 0,
+                            name: "error",
+                            size: "sm",
+                            color: "system-error-300"
+                          })) : q("", !0),
+                          E.isWarning && !E.isError ? (x(), ne(re, {
+                            key: 1,
+                            name: "warning",
+                            size: "sm",
+                            color: "system-warning-300"
+                          })) : q("", !0),
+                          m("span", null, W(E.label), 1)
+                        ]),
+                        m("div", {
+                          class: Be([
+                            "fm-typo-en-body-lg-600",
+                            {
+                              "text-fm-color-system-error-300": E.isError,
+                              "text-fm-color-system-warning-300": E.isWarning && !E.isError
+                            }
+                          ])
+                        }, W(E.value), 3)
+                      ]))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : q("", !0)
+            ], 64)) : q("", !0),
+            d.value === "preview" ? (x(), ne(ss, {
+              key: 1,
+              items: p(f),
+              "unrecognised-item-codes": p(I)
+            }, null, 8, ["items", "unrecognised-item-codes"])) : q("", !0)
+          ])
+        ]),
+        "side-sheet-footer": Z(() => [
+          m("div", bs, [
+            d.value === "preview" ? (x(), ne(O, {
+              key: 0,
+              variant: "secondary",
+              label: p(s)("inventory.common.back"),
+              "prepend-icon": "arrow_back",
+              onClick: L[0] || (L[0] = (E) => d.value = "upload")
+            }, null, 8, ["label"])) : q("", !0),
+            d.value === "upload" ? (x(), ne(O, {
+              key: 1,
+              variant: "primary",
+              label: p(s)("inventory.common.next"),
+              disabled: !g.value || p(U),
+              onClick: L[1] || (L[1] = (E) => d.value = "preview")
+            }, null, 8, ["label", "disabled"])) : q("", !0),
+            d.value === "preview" ? (x(), ne(da, {
+              key: 2,
+              label: p(s)("inventory.closing.draft.createDraft.submit"),
+              disabled: p(R) || p(f).length === 0 || _.value,
+              loading: _.value,
+              "confirm-title": p(s)("inventory.closing.draft.createDraft.confirmTitle"),
+              "confirm-message": p(s)("inventory.closing.draft.createDraft.confirmMessage"),
+              onConfirm: b
+            }, null, 8, ["label", "disabled", "loading", "confirm-title", "confirm-message"])) : q("", !0),
+            B(O, {
+              variant: "tertiary",
+              label: p(s)("inventory.common.close"),
+              onClick: C
+            }, null, 8, ["label"]),
+            d.value === "upload" ? (x(), ne(O, {
+              key: 3,
+              class: "ml-auto",
+              variant: "secondary",
+              label: p(s)("inventory.closing.draft.createDraft.downloadTemplate"),
+              "prepend-icon": "download",
+              onClick: p(F)
+            }, null, 8, ["label", "onClick"])) : q("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), ws = { class: "flex-1 flex flex-col gap-8" }, ks = { class: "flex flex-col" }, xs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ds = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Cs = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ss = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, tr = /* @__PURE__ */ Le({
+  __name: "ClosingDraftView",
+  setup(t) {
+    const { t: n } = xt(), { viewDraft: e } = wt(), { viewClosingDraftProps: a, viewClosingDraftShow: l } = qn(wt()), s = lt(), o = Tn(), d = On(), { breakpoints: g } = Hn();
+    s.watchLocation(o.fetchDrafts);
+    const _ = V(() => o.loading), f = Y(""), I = Y(!1), R = V(() => g.value.xs || g.value.sm), U = V(() => R.value ? 10 : 20), S = V(
+      () => {
+        var r;
+        return ((r = s.currentLocation) == null ? void 0 : r.type) === Kn.enum.warehouse;
+      }
+    );
+    function u(r) {
+      switch (r) {
+        case "add":
+          return I.value = !0;
+        case "refresh":
+          return o.fetchDrafts();
+      }
+    }
+    function F(r) {
+      return r;
+    }
+    const c = V(() => {
+      const r = {
+        label: n("inventory.closing.draft.createDraft.title"),
+        value: "add",
+        isPrimary: !0,
+        prependIcon: "add"
+      }, i = {
+        label: n("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      };
+      return [...S.value ? [r] : [], i];
+    });
+    return (r, i) => {
+      const b = G("FmTable");
+      return x(), M(ue, null, [
+        B(zn, {
+          title: p(n)("inventory.closing.draft.title"),
+          actions: c.value,
+          "onClick:action": u
+        }, {
+          default: Z(() => [
+            m("div", {
+              class: Be([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": R.value,
+                  "px-24 ": !R.value
+                }
+              ])
+            }, [
+              B(aa, {
+                "change-location": "",
+                searchable: "",
+                search: f.value,
+                "onUpdate:search": i[0] || (i[0] = (C) => f.value = C)
+              }, null, 8, ["search"]),
+              (x(), ne(b, {
+                key: p(o).tableKey,
+                style: gn(p(d).tableHeight),
+                "column-defs": p(o).columnDefs,
+                "row-data": p(o).drafts,
+                "search-value": f.value,
+                loading: _.value,
+                onRowClick: i[1] || (i[1] = (C) => p(e)(C.original)),
+                "page-size": U.value
+              }, {
+                "list-row": Z((C) => [
+                  B(ma, {
+                    row: C,
+                    onRowClick: (A) => p(e)(A)
+                  }, {
+                    default: Z((A) => {
+                      var L, se, re, O, me, N, E, ie, D, X, J, ve, Oe, Ae, je, Re, ct, ye, Me, ut;
+                      return [
+                        m("div", ws, [
+                          m("div", ks, [
+                            m("div", xs, [
+                              B(p(yt), {
+                                render: (re = (se = (L = A._id) == null ? void 0 : L.column) == null ? void 0 : se.columnDef) == null ? void 0 : re.cell,
+                                props: (me = (O = A._id) == null ? void 0 : O.getContext) == null ? void 0 : me.call(O)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            m("div", Ds, [
+                              B(p(yt), {
+                                render: (ie = (E = (N = A.name) == null ? void 0 : N.column) == null ? void 0 : E.columnDef) == null ? void 0 : ie.cell,
+                                props: (X = (D = A.name) == null ? void 0 : D.getContext) == null ? void 0 : X.call(D)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            m("div", Cs, W([
+                              ...C.original.items.slice(0, 3).map((Je) => Je.sku.name),
+                              ...C.original.items.length >= 3 ? [`and ${C.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            m("div", Ss, [
+                              B(p(yt), {
+                                render: (Oe = (ve = (J = A.ref) == null ? void 0 : J.column) == null ? void 0 : ve.columnDef) == null ? void 0 : Oe.cell,
+                                props: (je = (Ae = A.ref) == null ? void 0 : Ae.getContext) == null ? void 0 : je.call(Ae)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          m("div", null, [
+                            B(p(yt), {
+                              render: (ye = (ct = (Re = A.status) == null ? void 0 : Re.column) == null ? void 0 : ct.columnDef) == null ? void 0 : ye.cell,
+                              props: (ut = (Me = A.status) == null ? void 0 : Me.getContext) == null ? void 0 : ut.call(Me)
+                            }, 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"]),
+        B(_s, {
+          show: I.value,
+          "onUpdate:show": i[2] || (i[2] = (C) => I.value = C),
+          onSubmitted: p(o).fetchDrafts
+        }, null, 8, ["show", "onSubmitted"]),
+        (x(), ne(Vn, { to: "body" }, [
+          B(Ho, Ln(p(a), {
+            show: p(l),
+            "onUpdate:show": i[3] || (i[3] = (C) => Ot(l) ? l.value = C : null),
+            onSubmitted: i[4] || (i[4] = () => (l.value = !1, p(o).fetchDrafts())),
+            onRefresh: i[5] || (i[5] = (C) => p(o).updateDraftRef(C))
+          }), null, 16, ["show"])
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  tr as default
+};