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

package/dist/ClosingDraftView-yD8jHAQU.js

@@ -1,3649 +0,0 @@
-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-Bpb4394e.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-DpnYOzUg.js";
-import { R as Qn } from "./rules-CoimOM7X.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-BVg7EKPV.js";
-import { b as Zn, d as Jn } from "./xlsx.util-BPV2vsSD.js";
-import { u as Xn } from "./stock-Dvcz34IY.js";
-import { u as Dt } from "./stock-DWkfMCtv.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-BvLCC6cK.js";
-import { f as na } from "./recalculationUtils-CbjBkJQt.js";
-import { _ as aa } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-j3aDZ2cT.js";
-import { _ as oa } from "./empty-placeholder-B0QU467o.js";
-import { F as It } from "./FmAdminBadge-DjnBAgyv.js";
-import { u as sa } from "./vue-i18n-C4H80O5H.js";
-import { F as ra } from "./decimal-C219qGO5.js";
-import { r as la, u as gt, w as ia } from "./xlsx-Byegf6ga.js";
-import { d as ca } from "./dayjs.min-D5mIeZ1x.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
-};