@feedmepos/mf-inventory-portal 1.2.25-dev.4 → 1.2.25-dev.5

package/dist/ClosingDraftView-CIzPb1jY.js

@@ -1,1904 +0,0 @@
-import { defineComponent as He, ref as H, computed as V, onMounted as Ye, resolveComponent as U, openBlock as j, createElementBlock as L, Fragment as ee, createTextVNode as X, createBlock as se, withCtx as Y, createElementVNode as r, toDisplayString as J, unref as F, createVNode as h, createCommentVNode as de, h as T, reactive as _t, watch as Dt, isRef as rt, normalizeClass as De, renderList as je, normalizeStyle as lt, Teleport as wt, mergeProps as St } from "vue";
-import { aa as Ct, u as ze, ax as z, am as ct, ay as it, r as jt, Z as Qe, n as N, t as Bt, a0 as Be, W as Ft, Y as Tt, X as $t, az as ut, aA as dt, ah as mt, aB as pe, an as Mt, ac as Ke, ab as ve, a6 as Ue, D as st, j as Re, i as Rt, f as It, a as Pt, $ as Ie, a9 as Vt, h as Ut, G as Lt, I as Et, J as Ht, K as zt, L as Pe } from "./app-DTwVjf2G.js";
-import { useCoreStore as Nt, useI18n as ft } from "@feedmepos/mf-common";
-import { useSnackbar as Ge, useDialog as Ot, useProxiedModel as Kt, components as Ve, useBreakpoints as Yt } from "@feedmepos/ui-library";
-import { defineStore as pt, storeToRefs as Qt } from "pinia";
-import { u as vt } from "./stock-CP4PfKN1.js";
-import { u as We } from "./stock-0CVWUWpZ.js";
-import { E as Gt } from "./empty-placeholder-wf6-BWE8.js";
-const Ne = Ct((s, l) => {
-  function e() {
-    return ze().currentLocation.dbName;
-  }
-  return {
-    async getDraft(m) {
-      const p = e(), _ = `${s.inventoryBackendUrl}/${p}/closing-draft/${m}`;
-      return l.get(_);
-    },
-    async readDrafts() {
-      const m = e(), p = `${s.inventoryBackendUrl}/${m}/closing-draft`;
-      return l.get(p);
-    },
-    async runOperation(m) {
-      const p = e(), _ = `${s.inventoryBackendUrl}/${p}/closing-draft/run-operation`;
-      return l.post(_, m);
-    },
-    async sync(m) {
-      const p = e(), _ = `${s.inventoryBackendUrl}/${p}/closing-draft/sync`;
-      return l.post(_, m);
-    }
-  };
-}), Wt = { class: "fm-typo-en-body-lg-400" }, qt = { class: "fm-typo-en-body-lg-600" }, Zt = {
-  key: 0,
-  class: "flex flex-col"
-}, Jt = { class: "flex gap-12 py-8 justify-end w-full" }, Oe = /* @__PURE__ */ He({
-  __name: "ClosingDraftAction",
-  props: {
-    draft: {},
-    action: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(s) {
-    const l = s, e = H(), m = Ne(), p = Ge(), _ = H(!1), v = H(null), R = H(!1), S = V(() => {
-      switch (l.action) {
-        case z.enum.approveDraft:
-          return "Approve";
-        case z.enum.rejectDraft:
-          return "Reject";
-        case z.enum.markAsFailed:
-          return "Mark as Failed";
-      }
-      throw new Error(`Unknown action: ${l.action}`);
-    }), k = V(() => {
-      switch (l.action) {
-        case z.enum.approveDraft:
-          return "primary";
-        case z.enum.rejectDraft:
-          return "destructive";
-        case z.enum.markAsFailed:
-          return "destructive";
-      }
-      throw new Error(`Unknown action: ${l.action}`);
-    });
-    Ye(() => {
-      if (l.draft.effectiveAt)
-        v.value = new Date(l.draft.effectiveAt);
-      else {
-        const n = new Date(l.draft.createdAt);
-        n.setHours(23, 59, 59, 999), v.value = n;
-      }
-      R.value = !0;
-    });
-    const $ = V({
-      get() {
-        return v.value === null ? "" : ct(v.value);
-      },
-      set(n) {
-        if (n) {
-          const a = /* @__PURE__ */ new Date(`${n} ${P.value}`);
-          a.setSeconds(59, 999), v.value = a;
-        } else
-          v.value = null;
-      }
-    }), P = V({
-      get() {
-        return v.value === null ? "" : it(v.value);
-      },
-      set(n) {
-        if (n) {
-          const a = /* @__PURE__ */ new Date(`${$.value} ${n}`);
-          a.setSeconds(59, 999), v.value = a;
-        } else
-          v.value = null;
-      }
-    });
-    async function I() {
-      _.value = !0;
-      try {
-        await m.runOperation({
-          _id: l.draft._id,
-          _rev: l.draft._rev ?? "",
-          action: l.action,
-          data: {
-            effectiveAt: v.value ? v.value.toISOString() : null,
-            remark: e.value
-          }
-        }).delayed(500), p.open({
-          title: "Success",
-          message: "Action submitted",
-          type: "success"
-        }), l.onFinished();
-      } catch (n) {
-        p.open({
-          title: "Something went wrong",
-          message: (n == null ? void 0 : n.message) ?? "Unable to submit action. Please try again",
-          type: "error"
-        }), console.error("error on submit closing draft action", n);
-      } finally {
-        _.value = !1;
-      }
-    }
-    return (n, a) => {
-      const D = U("FmLabel"), O = U("FmDatePicker"), f = U("FmTimePicker"), y = U("FmTextField"), A = U("FmButton"), w = U("FmForm");
-      return R.value ? (j(), se(w, {
-        key: 1,
-        onValidationSuccess: I,
-        class: "flex flex-col gap-32",
-        disabled: _.value
-      }, {
-        default: Y(() => [
-          r("div", Wt, [
-            a[4] || (a[4] = X(" You are about to ")),
-            r("span", qt, J(S.value), 1),
-            a[5] || (a[5] = X(" this draft. Please provide a remark to justify this action. "))
-          ]),
-          n.action === F(z).enum.approveDraft ? (j(), L("div", Zt, [
-            h(D, { class: "fm-typo-en-body-lg-600" }, {
-              default: Y(() => a[6] || (a[6] = [
-                X("Closing Date")
-              ])),
-              _: 1
-            }),
-            h(O, {
-              modelValue: $.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (M) => $.value = M)
-            }, null, 8, ["modelValue"]),
-            h(D, { class: "fm-typo-en-body-lg-600" }, {
-              default: Y(() => a[7] || (a[7] = [
-                X("Closing Time")
-              ])),
-              _: 1
-            }),
-            h(f, {
-              modelValue: P.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (M) => P.value = M)
-            }, null, 8, ["modelValue"])
-          ])) : de("", !0),
-          h(y, {
-            modelValue: e.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (M) => e.value = M),
-            label: "Remark",
-            "label-mark": "required",
-            rules: [F(jt)()]
-          }, null, 8, ["modelValue", "rules"]),
-          r("div", Jt, [
-            h(A, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: a[3] || (a[3] = (M) => n.onCancel())
-            }),
-            h(A, {
-              label: S.value,
-              type: "submit",
-              variant: k.value,
-              loading: _.value
-            }, null, 8, ["label", "variant", "loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (j(), L(ee, { key: 0 }, [
-        X("Loading")
-      ], 64));
-    };
-  }
-}), Xt = Be(0);
-function yt(s) {
-  const l = s.measurementsAmounts.groupBy((m) => m.measurement.id), e = s.sku.unit.measurements.reduce((m, p) => {
-    var R, S;
-    const _ = ((S = (R = l.get(p.id)) == null ? void 0 : R[0]) == null ? void 0 : S.amount) ?? Xt, v = Qe(p.conversion, _);
-    return m + +N(v);
-  }, +N(s.baseAmount));
-  return Bt(e, s.baseAmount.precision);
-}
-const ea = Be(0), ta = Be(100), gt = "N/A";
-function aa(s, l, e, m, p, _) {
-  var w;
-  const v = yt(s), R = m ?? v, S = ut(R, l), k = l.amount === 0 ? null : dt(S, {
-    ...l,
-    amount: Math.abs(l.amount)
-  }), $ = k ? Qe(k, ta) : null, P = (w = s.sku.defaultCost) != null && w.costPerUnit ? s.sku.defaultCost.costPerUnit.amount / Math.pow(10, s.sku.defaultCost.costPerUnit.precision) : 0, I = p ? +N(p) : 0, n = +N(l), a = +N(R), D = n - a, O = D * P, f = a * P, y = n * P;
-  return {
-    code: s.sku.code,
-    name: s.sku.name,
-    baseUnit: s.sku.unit.abbrev,
-    baseUnitAmount: +N(s.baseAmount),
-    ...s.measurementsAmounts.filter(
-      (M) => na(M.measurement) && e.includes(M.measurement.id)
-    ).reduce(
-      (M, Z, W) => (M[`measurementAbbrev${W}`] = `(${Z.measurement.abbrev}) × ${N(Z.measurement.conversion)}`, M[`measurementAmount${W}`] = +N(Z.amount), M),
-      {}
-    ),
-    systemBalance: n,
-    physicalBalance: a,
-    adjustedAmount: +N(S),
-    adjustedDiffPercentage: $ ? +N(mt($, 2)) : null,
-    costPerUnit: P,
-    opening: I,
-    adjustmentTypes: _ ?? gt,
-    varianceQty: D,
-    varianceRM: O,
-    stockTakeValue: f,
-    systemValue: y
-  };
-}
-function na(s) {
-  return !s.abbrev.toLocaleLowerCase().includes("inactive");
-}
-function oa(s) {
-  const l = bt(s);
-  return s.reduce(
-    (e, m) => {
-      var p;
-      return Math.max(e, ((p = l == null ? void 0 : l.get(m.sku._id)) == null ? void 0 : p[0].length) ?? 0);
-    },
-    0
-  );
-}
-function bt(s) {
-  return s.groupBy(
-    (l) => l.sku._id,
-    (l) => l.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
-  );
-}
-function sa(s) {
-  return [
-    {
-      id: "code",
-      name: "Code"
-    },
-    {
-      id: "name",
-      name: "Name"
-    },
-    {
-      id: "baseUnit",
-      name: "Base unit"
-    },
-    {
-      id: "costPerUnit",
-      name: "Cost per unit"
-    },
-    {
-      id: "opening",
-      name: "Opening (B/F)"
-    },
-    {
-      id: "adjustmentTypes",
-      name: "Type"
-    },
-    {
-      id: "varianceQty",
-      name: "Variance (Qty)"
-    },
-    {
-      id: "varianceRM",
-      name: "Variance (RM)"
-    },
-    {
-      id: "physicalBalance",
-      name: "Stock take (Qty)"
-    },
-    {
-      id: "systemBalance",
-      name: "System balance (Qty)"
-    },
-    {
-      id: "stockTakeValue",
-      name: "Stock take value (RM)"
-    },
-    {
-      id: "systemValue",
-      name: "System value (RM)"
-    },
-    {
-      id: "adjustedAmount",
-      name: "Adjusted balance"
-    },
-    {
-      id: "adjustedDiffPercentage",
-      name: "Diff (%)"
-    },
-    {
-      id: "baseUnitAmount",
-      name: "Base unit amount"
-    },
-    ...Array.from({ length: s }).flatMap((e, m) => [
-      {
-        id: `measurementAmount${m}`,
-        name: `UOM amount ${m + 1}`
-      },
-      {
-        id: `measurementAbbrev${m}`,
-        name: `UOM ${m + 1}`
-      }
-    ])
-  ];
-}
-function ra(s, l, e) {
-  var y, A, w, M, Z, W, re;
-  const m = l.groupBy(
-    (B) => B.id,
-    (B) => B.balance
-  ), p = e.groupBy(
-    (B) => B.id,
-    (B) => B.balance
-  ), _ = /* @__PURE__ */ new Map();
-  if (s.opening)
-    for (const B of s.opening)
-      _.set(B.skuId, B.balance);
-  const v = /* @__PURE__ */ new Map();
-  if (s.adjustmentSnapshot)
-    for (const B of s.adjustmentSnapshot) {
-      const te = Object.keys(B.adjustmentsByType).join(", ");
-      v.set(B.skuId, te || gt);
-    }
-  const R = [...s.items, ...s.negativeStockItems ?? []], S = bt(R), k = R.map((B) => {
-    var ye, ge, Q;
-    const te = ((ye = m.get(B.sku._id)) == null ? void 0 : ye[0]) ?? ea, be = ((ge = S == null ? void 0 : S.get(B.sku._id)) == null ? void 0 : ge[0]) ?? [], he = _.get(B.sku._id), fe = v.get(B.sku._id);
-    return aa(
-      B,
-      te,
-      be,
-      (Q = p.get(B.sku._id)) == null ? void 0 : Q[0],
-      he,
-      fe
-    );
-  }), $ = oa(R), I = Nt().currentBusiness.value, n = sa($), a = [
-    ["Business name:", I == null ? void 0 : I.name],
-    ["Business ID:", I == null ? void 0 : I._id],
-    ["Menu version", I == null ? void 0 : I.menuVersion],
-    ["Created at", new Date(s.createdAt)],
-    ["Created by", (y = s.createdBy) == null ? void 0 : y.name],
-    ["Updated at", new Date(s.updatedAt)],
-    ["Updated by", (A = s.updatedBy) == null ? void 0 : A.name],
-    ["Recent action", s.approvedAt ? "Approve" : s.rejectionHistory ? "Reject" : ""],
-    [
-      "Action by",
-      s.approvedAt ? (w = s.approvedBy) == null ? void 0 : w.name : s.rejectionHistory ? (Z = (M = s.rejectionHistory[0]) == null ? void 0 : M.rejectedBy) == null ? void 0 : Z.name : ""
-    ],
-    [
-      "Action at",
-      s.approvedAt ? new Date(s.approvedAt) : s.rejectionHistory ? new Date((W = s.rejectionHistory[0]) == null ? void 0 : W.rejectedAt) : ""
-    ],
-    [
-      "Action remark",
-      s.approvedAt ? s.approveRemark : s.rejectionHistory ? new Date((re = s.rejectionHistory[0]) == null ? void 0 : re.rejectRemark) : ""
-    ],
-    [],
-    n.map((B) => B.name),
-    ...k.map((B) => n.map((te) => B[te.id]))
-  ], D = n.map((B) => `system:${B.id}`), O = Ft(a, D), f = `[${I == null ? void 0 : I.name}] closing draft (${Tt(new Date(s.updatedAt))}).xlsx`;
-  return $t(O, f), f;
-}
-const la = { class: "flex flex-col" }, ca = { class: "flex gap-12 py-8 justify-end w-full" }, ia = /* @__PURE__ */ He({
-  __name: "RefreshBalanceAction",
-  props: {
-    draft: {},
-    onCancel: { type: Function },
-    onFinished: { type: Function }
-  },
-  setup(s) {
-    const l = s;
-    We();
-    const e = H(!1), m = H(null), p = H(!1);
-    Ye(() => {
-      if (l.draft.effectiveAt)
-        m.value = new Date(l.draft.effectiveAt);
-      else {
-        const S = new Date(l.draft.createdAt);
-        S.setHours(23, 59, 59, 999), m.value = S;
-      }
-      p.value = !0;
-    });
-    const _ = V({
-      get() {
-        return m.value === null ? "" : ct(m.value);
-      },
-      set(S) {
-        if (S) {
-          const k = /* @__PURE__ */ new Date(`${S} ${v.value}`);
-          k.setSeconds(59, 999), m.value = k;
-        } else
-          m.value = null;
-      }
-    }), v = V({
-      get() {
-        return m.value === null ? "" : it(m.value);
-      },
-      set(S) {
-        if (S) {
-          const k = /* @__PURE__ */ new Date(`${_.value} ${S}`);
-          k.setSeconds(59, 999), m.value = k;
-        } else
-          m.value = null;
-      }
-    });
-    async function R() {
-      e.value = !0, l.onFinished(m.value.toISOString());
-    }
-    return (S, k) => {
-      const $ = U("FmLabel"), P = U("FmDatePicker"), I = U("FmTimePicker"), n = U("FmButton"), a = U("FmForm");
-      return p.value ? (j(), se(a, {
-        key: 1,
-        onValidationSuccess: R,
-        class: "flex flex-col gap-32",
-        disabled: e.value
-      }, {
-        default: Y(() => [
-          k[5] || (k[5] = r("div", { class: "fm-typo-en-body-lg-400" }, [
-            r("p", null, [
-              X(" Performing "),
-              r("span", { class: "fm-typo-en-body-lg-600" }, '"Refresh Balance"'),
-              X(" until closing effective date and time. ")
-            ]),
-            r("p", { class: "mt-2" }, [
-              X(" Please note that this action will "),
-              r("b", null, "update"),
-              X(" the effective date and time. ")
-            ])
-          ], -1)),
-          r("div", la, [
-            h($, { class: "fm-typo-en-body-lg-600" }, {
-              default: Y(() => k[3] || (k[3] = [
-                X("Closing Date")
-              ])),
-              _: 1
-            }),
-            h(P, {
-              modelValue: _.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (D) => _.value = D)
-            }, null, 8, ["modelValue"]),
-            h($, { class: "fm-typo-en-body-lg-600" }, {
-              default: Y(() => k[4] || (k[4] = [
-                X("Closing Time")
-              ])),
-              _: 1
-            }),
-            h(I, {
-              modelValue: v.value,
-              "onUpdate:modelValue": k[1] || (k[1] = (D) => v.value = D)
-            }, null, 8, ["modelValue"])
-          ]),
-          r("div", ca, [
-            h(n, {
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: k[2] || (k[2] = (D) => S.onCancel())
-            }),
-            h(n, {
-              label: "Refresh balance",
-              type: "submit",
-              variant: "primary",
-              loading: e.value
-            }, null, 8, ["loading"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"])) : (j(), L(ee, { key: 0 }, [
-        X("Loading")
-      ], 64));
-    };
-  }
-}), Ee = pt(
-  "closingDraftActions",
-  function() {
-    const l = Ot(), e = Ge(), m = We(), p = Ne(), _ = vt(), v = H(!1), R = H();
-    function S(f) {
-      const y = {
-        draft: f
-      };
-      R.value = y, v.value = !0;
-    }
-    async function k(f) {
-      var A;
-      if (f.status === pe.enum.COMPLETED) {
-        const w = f.closingAdjustmentId;
-        if (!w)
-          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: f._id
-          }), [];
-        const M = await m.readAdjustmentById(w);
-        return ((M == null ? void 0 : M.skus) ?? []).map((W) => ({
-          id: W.sku._id,
-          balance: W.fromBalance,
-          costs: W.fromCostBalances
-        }));
-      } else
-        return await _.readStockBalance(), ((A = _.stockBalance) == null ? void 0 : A.skus) ?? [];
-    }
-    async function $(f, y, A) {
-      y || (e.open({
-        title: "Exporting",
-        message: "Fetching data..."
-      }), y = await k(f)), ra(f, y, A ?? []);
-    }
-    function P(f, y) {
-      l.open({
-        title: "Approve draft",
-        contentComponent: Oe,
-        contentComponentProps: {
-          draft: f,
-          action: z.enum.approveDraft,
-          onFinished: () => {
-            l.close(), y == null || y();
-          },
-          onCancel: () => l.close()
-        }
-      });
-    }
-    function I(f, y) {
-      l.open({
-        title: "Reject draft",
-        contentComponent: Oe,
-        contentComponentProps: {
-          draft: f,
-          action: z.enum.rejectDraft,
-          onFinished: () => {
-            l.close(), y == null || y();
-          },
-          onCancel: () => l.close()
-        }
-      });
-    }
-    function n(f, y) {
-      l.open({
-        title: "Mark draft as failed",
-        contentComponent: Oe,
-        contentComponentProps: {
-          draft: f,
-          action: z.enum.markAsFailed,
-          onFinished: () => {
-            l.close(), y == null || y();
-          },
-          onCancel: () => l.close()
-        }
-      });
-    }
-    async function a(f, y) {
-      await p.sync({
-        _id: f._id,
-        _rev: f._rev ?? "",
-        action: z.enum.approveDraft,
-        data: {
-          remark: f.remark ?? ""
-        }
-      }).delayed(500), e.open({
-        title: "Success",
-        message: "Sync requested",
-        type: "success"
-      }), y == null || y();
-    }
-    function D() {
-      v.value = !1;
-    }
-    async function O(f, y, A) {
-      await l.open({
-        title: "Refresh balance",
-        contentComponent: ia,
-        contentComponentProps: {
-          draft: f,
-          onFinished: (w) => {
-            l.close(), A == null || A(w);
-          },
-          onCancel: async () => {
-            l.close(), y == null || y();
-          }
-        }
-      });
-    }
-    return {
-      viewDraft: S,
-      closeDraftDialog: D,
-      approveDraft: P,
-      rejectDraft: I,
-      markAsFailed: n,
-      syncDraft: a,
-      exportDraft: $,
-      refreshBalance: O,
-      viewClosingDraftShow: v,
-      viewClosingDraftProps: R
-    };
-  }
-);
-function Le(s) {
-  switch (s) {
-    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 ua = pt(
-  "closingDraftTable",
-  function() {
-    const { t: l } = ft(), e = Ee(), m = H(new Array()), p = H(!1), _ = ze(), v = Ne();
-    async function R() {
-      if (m.value = [], !!_._currentLocation) {
-        p.value = !0;
-        try {
-          const [n] = await Promise.all([v.readDrafts()]).delayed(1e3);
-          m.value = n.reverse();
-        } catch (n) {
-          console.log("Something went wrong when fetching drafts:", n);
-        } finally {
-          p.value = !1;
-        }
-      }
-    }
-    async function S(n) {
-      if (!m.value.find((a) => a._id) && _._currentLocation) {
-        p.value = !0;
-        try {
-          const [a] = await Promise.all([
-            v.getDraft(n),
-            new Promise((D) => setTimeout(D, 1e3))
-          ]);
-          m.value = [a];
-        } catch (a) {
-          console.log("Something went wrong when fetching drafts:", a);
-        } finally {
-          p.value = !1;
-        }
-      }
-    }
-    function k(n) {
-      m.value = m.value.map((a) => a._id === n._id ? {
-        ...n,
-        _rev: a._rev
-      } : a);
-    }
-    function $() {
-      e.closeDraftDialog(), R();
-    }
-    function P(n, a) {
-      switch (a = It(a), n) {
-        case Re.Details:
-          return e.viewDraft(a);
-        case Re.Export:
-          return e.exportDraft(a);
-        case z.enum.approveDraft:
-          return e.approveDraft(a, $);
-        case z.enum.rejectDraft:
-          return e.rejectDraft(a, $);
-        case z.enum.markAsFailed:
-          return e.markAsFailed(a, $);
-      }
-    }
-    return {
-      columnDefs: [
-        {
-          id: "_id",
-          accessorKey: "_id",
-          header: () => l("inventory.closing.table.createdAt"),
-          cell(n) {
-            return Mt(`${n.getValue()}`);
-          },
-          enableSorting: !0
-        },
-        {
-          accessorKey: "effectiveAt",
-          header: () => "Effective at",
-          cell(n) {
-            const a = n.row.original;
-            let D = n.getValue();
-            return D || (D = Ke(a._id)), ve(D);
-          },
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "updatedAt",
-          accessorFn: (n) => ve(n.updatedAt),
-          header: () => "Updated at",
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "updatedBy",
-          accessorKey: "updatedBy.name",
-          header: () => "Last update by",
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "noOfItems",
-          accessorFn: (n) => {
-            var a;
-            return n.items.length + (((a = n.negativeStockItems) == null ? void 0 : a.length) ?? 0);
-          },
-          header: () => l("inventory.closing.table.noOfItems"),
-          enableSorting: !1,
-          meta: {
-            width: "10rem",
-            textAlign: "right"
-          }
-        },
-        {
-          id: "recentRemark",
-          accessorFn: (n) => {
-            var a;
-            return (n == null ? void 0 : n.approveRemark) ?? ((a = n == null ? void 0 : n.rejectionHistory) == null ? void 0 : a.computeFirst((D) => D.rejectRemark)) ?? n.remark;
-          },
-          header: () => "Recent remark"
-        },
-        {
-          id: "status",
-          accessorFn: (n) => n.status,
-          header: () => l("inventory.closing.table.status"),
-          enableSorting: !1,
-          cell(n) {
-            var A;
-            const a = n.row.original, D = a.status, O = new Date(a.updatedAt), f = (A = a == null ? void 0 : a.rejectionHistory) == null ? void 0 : A.computeFirst((w) => w.rejectedAt), y = f ? new Date(f) : null;
-            return D === "DRAFT" && y ? y.getTime() > O.getTime() ? T(
-              "div",
-              {
-                class: "flex"
-              },
-              T(
-                "div",
-                {
-                  class: ["fm-status-badge", Le("FAILED")]
-                },
-                "Rejected"
-              )
-            ) : T(
-              "div",
-              {
-                class: "flex"
-              },
-              T(
-                "div",
-                {
-                  class: ["fm-status-badge", Le("PROCESSING")]
-                },
-                "Updated"
-              )
-            ) : T(
-              "div",
-              {
-                class: "flex"
-              },
-              T(
-                "div",
-                {
-                  class: ["fm-status-badge", Le(D)]
-                },
-                Ue(D)
-              )
-            );
-          }
-        },
-        {
-          id: "action",
-          cell(n) {
-            const a = n.row.original, D = [
-              st[Re.Details],
-              st[Re.Export]
-            ], O = [
-              {
-                translationKey: "inventory.closing.draft.approveDraft",
-                color: "text-fm-color-typo-primary",
-                value: z.enum.approveDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.rejectDraft",
-                color: "text-fm-color-typo-error",
-                value: z.enum.rejectDraft
-              },
-              {
-                translationKey: "inventory.closing.draft.markAsFailed",
-                color: "text-fm-color-typo-error",
-                value: z.enum.markAsFailed
-              }
-            ];
-            return Rt(
-              [
-                ...D,
-                ...a.status === pe.enum.DRAFT ? O : []
-              ],
-              (f) => P(f, a)
-            );
-          },
-          enableSorting: !1,
-          size: 40,
-          meta: {
-            cellClass: "",
-            headerClass: ""
-          }
-        }
-      ],
-      drafts: m,
-      loading: p,
-      fetchDrafts: R,
-      loadDraft: S,
-      updateDraftRef: k
-    };
-  }
-), da = { class: "w-full flex flex-col gap-32" }, ma = { class: "flex justify-between" }, fa = { class: "flex" }, pa = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ya = { class: "flex gap-1" }, ga = { class: "fm-typo-en-body-lg-600" }, ba = { class: "flex flex-col gap-16" }, ha = { class: "flex items-center" }, ka = {
-  key: 0,
-  class: "flex gap-8"
-}, Aa = {
-  key: 0,
-  class: "w-full flex flex-col items-center"
-}, xa = { class: "flex items-center gap-8" }, _a = { class: "flex flex-col gap-8" }, Da = { class: "flex gap-8" }, wa = {
-  key: 0,
-  class: "flex gap-8"
-}, Sa = { class: "overflow-x-auto" }, Ca = {
-  key: 1,
-  class: "flex-1 xs:w-screen xs:max-w-full"
-}, ja = {
-  key: 0,
-  class: "flex flex-col items-center gap-8 h-full"
-}, Ba = ["src"], Fa = {
-  key: 1,
-  class: "px-4 flex flex-col"
-}, Ta = { class: "flex gap-12 content-stretch" }, $a = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, Ma = { class: "flex-1 flex flex-col items-center" }, Ra = { class: "flex-1 flex flex-col items-center" }, Ia = {
-  class: "py-12 flex flex-col gap-4",
-  name: "received-at header"
-}, Pa = { class: "fm-typo-en-body-lg-400" }, Va = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ua = { class: "flex gap-12 content-stretch" }, La = {
-  class: "flex flex-col w-24",
-  name: "circles"
-}, Ea = { class: "flex-1 flex flex-col items-center" }, Ha = {
-  class: "py-12 flex flex-col gap-4 flex-1",
-  name: "delivery details"
-}, za = { class: "flex flex-col gap-8" }, Na = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Oa = { class: "flex flex-col gap-4" }, Ka = { class: "flex gap-8" }, Ya = "N/A", Qa = /* @__PURE__ */ He({
-  __name: "ClosingDraftDialog",
-  props: {
-    show: { type: Boolean },
-    draft: {}
-  },
-  emits: ["submitted", "refresh"],
-  setup(s, { emit: l }) {
-    const e = s, m = vt(), p = Ee(), _ = Kt(e, "show"), v = H(!1), R = H(!1), S = H(!1), k = H(new Array()), $ = H(new Array()), P = H([]), I = We(), n = Ne(), a = Ge(), D = Pt(), O = ze(), f = _t({}), y = V(() => new Set(
-      D.skus.filter((c) => {
-        var t;
-        return f[(t = c.customAttributes) == null ? void 0 : t.tag];
-      }).map((c) => c._id)
-    )), A = l, w = H({
-      templateItem: !0,
-      nonTemplateItem: !0
-    }), M = V(() => {
-      var t, d;
-      const c = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((d = e.draft) == null ? void 0 : d.negativeStockItems) ?? []];
-      return y.value.size ? c.filter((i) => y.value.has(i.sku._id)) : c;
-    }), Z = V(() => {
-      const c = M.value.map((t) => t.sku);
-      return c.sort((t, d) => t.code.localeCompare(d.code)), c;
-    }), W = V(() => M.value.groupBy(
-      (t) => t.sku._id,
-      (t) => t.measurementsAmounts.filter((d) => !d.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((d) => d.measurement.id)
-    ));
-    Ye(te), Dt(
-      () => e.show,
-      (c) => {
-        c && (le.value = xe[0], te(), w.value = {
-          templateItem: !0,
-          nonTemplateItem: !0
-        });
-      }
-    );
-    const re = Be(0), B = Be(100);
-    async function te() {
-      var t, d, i, o;
-      if (!O._currentLocation) return;
-      v.value = !0;
-      const c = ((t = e.draft) == null ? void 0 : t.status) === pe.enum.COMPLETED;
-      $.value = [];
-      try {
-        if (await D.init(), c) {
-          const E = e.draft.closingAdjustmentId;
-          if (!E) {
-            a.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: (d = e.draft) == null ? void 0 : d._id
-            });
-            return;
-          }
-          const ae = await I.readAdjustmentById(E), ce = (ae == null ? void 0 : ae.skus) ?? [];
-          for (const ne of ce) {
-            const Ce = {
-              id: ne.sku._id,
-              balance: ne.fromBalance,
-              costs: ne.fromCostBalances
-            }, C = {
-              id: ne.sku._id,
-              balance: ne.toBalance,
-              costs: ne.toCostBalances
-            };
-            k.value.push(Ce), $.value.push(C);
-          }
-        } else
-          k.value = ((i = e.draft) == null ? void 0 : i.stockSnapshot) ?? [];
-        const u = /* @__PURE__ */ new Set();
-        if ((o = e.draft) != null && o.adjustmentSnapshot)
-          for (const E of e.draft.adjustmentSnapshot)
-            E.adjustmentsByType && Object.keys(E.adjustmentsByType).forEach((ae) => u.add(ae));
-        const g = ["receive", "sales", "wastage"], x = [];
-        g.forEach((E) => {
-          u.has(E) && (x.push(E), u.delete(E));
-        });
-        const b = Array.from(u).sort();
-        P.value = [...x, ...b];
-      } catch (u) {
-        a.open({
-          title: "Something went wrong",
-          message: "Something went wrong when fetching info. Please try again.",
-          type: "error"
-        }), console.error("error on fetch stock balances", u);
-      } finally {
-        v.value = !1;
-      }
-    }
-    async function be() {
-      var t, d;
-      if (!(((t = e.draft) == null ? void 0 : t.effectiveAt) ?? (e.draft ? Ke((d = e.draft) == null ? void 0 : d._id) : null))) {
-        a.open({
-          title: "Cannot refresh",
-          message: "Effective date is not available for this draft.",
-          type: "error"
-        });
-        return;
-      }
-      await p.refreshBalance(
-        e.draft,
-        () => {
-        },
-        async (i) => {
-          var x;
-          R.value = !0;
-          const o = (x = e.draft) == null ? void 0 : x._rev, u = 30, g = 2e3;
-          try {
-            await I.recalculation.scheduleCalculateStockSnapshotAtDate(i, e.draft._id);
-            let b = null;
-            for (let E = 0; E < u && (b = await n.getDraft(e.draft._id).delayed(g), b._rev === o); E++)
-              ;
-            if (!b || b._rev === o) {
-              a.open({
-                title: "Refresh failed",
-                message: "Failed to refresh stock balance. Please try again.",
-                type: "error"
-              }), console.error("error refreshing stock balances: there is no change in _rev");
-              return;
-            }
-            A("refresh", b), k.value = b.stockSnapshot ?? [], a.open({
-              title: "Balance refreshed",
-              message: "Stock balance has been recalculated.",
-              type: "success"
-            }), _.value = !1;
-          } catch (b) {
-            a.open({
-              title: "Refresh failed",
-              message: "Failed to refresh stock balance. Please try again.",
-              type: "error"
-            }), console.error("error refreshing stock balances", b);
-          } finally {
-            R.value = !1;
-          }
-        }
-      );
-    }
-    const he = V(
-      () => k.value.groupBy(
-        (c) => c.id,
-        (c) => c.balance
-      )
-    ), fe = V(() => M.value.groupBy((c) => c.sku._id)), ye = V(() => {
-      var c;
-      return (c = e.draft) != null && c.adjustmentSnapshot ? new Map(e.draft.adjustmentSnapshot.map((t) => [t.skuId, t.adjustmentsByType])) : /* @__PURE__ */ new Map();
-    }), ge = V(() => {
-      var c;
-      return (c = e.draft) != null && c.opening ? new Map(e.draft.opening.map((t) => [t.skuId, t.balance])) : /* @__PURE__ */ new Map();
-    });
-    function Q(c, t) {
-      return T(
-        Ve.FmTooltip,
-        { zIndex: 51, placement: "left", class: "w-full flex justify-end" },
-        {
-          default() {
-            return c;
-          },
-          content() {
-            return t || c;
-          }
-        }
-      );
-    }
-    const we = V(() => {
-      const c = Z.value.reduce((d, i) => {
-        var o, u;
-        return Math.max(d, ((u = (o = W.value) == null ? void 0 : o.get(i._id)) == null ? void 0 : u[0].length) ?? 0);
-      }, 0);
-      return [
-        {
-          id: "sku",
-          accessorFn: (d) => `${d.code} ${d.name}`,
-          header: () => "Name",
-          size: 350,
-          cell(d) {
-            const i = d.row.original, o = i.adjustedDiffPercentage, u = typeof o == "number" && Math.abs(o) > 10, g = T("div", { class: "flex flex-col gap-4" }, [
-              T(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-lg-400",
-                    u ? " text-fm-color-system-error-300" : "text-fm-color-typo-primary"
-                  ]
-                },
-                i.name
-              ),
-              T(
-                "div",
-                {
-                  class: [
-                    "line-clamp-1 fm-typo-en-body-md-400",
-                    u ? " text-fm-color-system-error-300" : "text-fm-color-typo-secondary"
-                  ]
-                },
-                i.code
-              )
-            ]);
-            return T(
-              Ve.FmTooltip,
-              {
-                zIndex: 51
-              },
-              {
-                content() {
-                  return u ? "Adjustment difference is more than 10%." : `${i.code} - ${i.name}`;
-                },
-                default() {
-                  return T("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    g
-                  ]);
-                }
-              }
-            );
-          }
-        },
-        {
-          id: "costPerUnit",
-          accessorKey: "costPerUnit",
-          header: () => Q("Cost per unit"),
-          size: 160,
-          cell(d) {
-            const i = d.row.original.costPerUnit;
-            return T("div", { class: "text-right" }, i.toFixed(2));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "costUnit",
-          header: () => "UOM",
-          size: 80,
-          cell(d) {
-            const i = d.row.original.costUnit, o = d.row.original.baseUnit;
-            return i ?? o;
-          }
-        },
-        {
-          id: "opening",
-          accessorKey: "opening",
-          header: () => Q("Opening (B/F)", "The opening balance brought forward from previous period."),
-          size: 150,
-          cell(d) {
-            const i = d.row.original.opening;
-            return T("div", { class: "text-right" }, i.toFixed(2));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        // Dynamic adjustment type columns
-        ...P.value.map(
-          (d) => ({
-            id: `adjustment_${d}`,
-            accessorFn: (i) => i.adjustmentAmounts[d] ?? { amount: 0, precision: 0 },
-            header: () => Q(Ue(d)),
-            size: 150,
-            cell(i) {
-              const o = i.row.original.adjustmentAmounts[d] ?? { amount: 0, precision: 0 };
-              return T("div", { class: "text-right" }, N(o));
-            },
-            meta: {
-              textAlign: "right"
-            }
-          })
-        ),
-        {
-          id: "systemBalance",
-          accessorKey: "systemBalance",
-          header: () => Q("System Balance", "The system calculated balance before stock take."),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalance",
-          accessorFn: (d) => {
-            var o;
-            const i = (o = $.value.find((u) => u.id === d.id)) == null ? void 0 : o.balance;
-            return i ? Ie.toFormatString({ value: i }) : d.physicalBalance;
-          },
-          header: () => Q("Stock Take balance", "The physical balance recorded during stock take."),
-          cell(d) {
-            var b;
-            const i = d.row.original, o = Ie.fromNumber(i.physicalBalance);
-            let u = !0, g = i.physicalBalance;
-            const x = (b = $.value.find((E) => E.id === i.id)) == null ? void 0 : b.balance;
-            return x && (Ie.equals({
-              a: o,
-              b: x
-            }) || (u = !1, g = Number(Ie.toFormatString({ value: x })))), T("div", { class: "flex flex-col" }, [
-              T(
-                "span",
-                { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
-                g
-              ),
-              u ? null : T(
-                "span",
-                { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
-                `Draft: ${i.physicalBalance.toString()}`
-              )
-            ]);
-          },
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedAmount",
-          accessorKey: "adjustedAmount",
-          header: () => Q("Variance", "The difference between Stock Take balance and System Balance."),
-          size: 200,
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "varianceRM",
-          accessorKey: "varianceRM",
-          header: () => Q("Variance (RM)"),
-          size: 150,
-          cell(d) {
-            const i = d.row.original.varianceRM;
-            return T("div", { class: "text-right" }, i.toFixed(2));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "adjustedDiffPercentage",
-          accessorKey: "adjustedDiffPercentage",
-          header: () => Q(
-            "Variance (%)",
-            "Difference between Stock Take balance and System Balance in percentage."
-          ),
-          size: 200,
-          cell(d) {
-            const i = d.row.original.adjustedDiffPercentage;
-            if (!i) return Ya;
-            const o = i.toFixed(2);
-            if (o === "0.00")
-              return T("div", { class: "flex items-center gap-4 justify-end" }, ["0.00"]);
-            const u = i > 0;
-            return T("div", { class: "flex items-center gap-4 justify-end" }, [
-              T(Ve.FmIcon, {
-                name: u ? "arrow_drop_up" : "arrow_drop_down",
-                color: u ? "system-success-300" : "system-error-300",
-                size: "md"
-              }),
-              o
-            ]);
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "stockTakeValue",
-          accessorKey: "stockTakeValue",
-          header: () => Q("Stock take value (RM)"),
-          size: 180,
-          cell(d) {
-            const i = d.row.original.stockTakeValue;
-            return T("div", { class: "text-right" }, i.toFixed(2));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "systemValue",
-          accessorKey: "systemValue",
-          header: () => Q("System value (RM)"),
-          size: 180,
-          cell(d) {
-            const i = d.row.original.systemValue;
-            return T("div", { class: "text-right" }, i.toFixed(2));
-          },
-          meta: {
-            textAlign: "right"
-          }
-        },
-        {
-          id: "physicalBalances",
-          header: () => "Amounts",
-          enableSorting: !1,
-          cell(d) {
-            const i = d.row.original, o = (g, x) => T(
-              Ve.FmTooltip,
-              { zIndex: 50 },
-              {
-                default() {
-                  return T(
-                    "div",
-                    {
-                      class: "fm-typo-en-body-md-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" }, `${g} `),
-                      T(
-                        "span",
-                        {
-                          class: "text-fm-color-typo-secondary",
-                          style: { maxWidth: "80px" }
-                        },
-                        x
-                      )
-                    ]
-                  );
-                },
-                content() {
-                  return `${g} ${x}`;
-                }
-              }
-            );
-            let u = Array.from({ length: c }).map((g, x) => {
-              if (!i[`measurementAmount${x}`])
-                return null;
-              const b = i[`measurementAmount${x}`], E = i[`measurementAbbrev${x}`];
-              return o(b, E);
-            }).filter((g) => g);
-            return (i.baseUnitAmount || !u.length) && (u = [o(i.baseUnitAmount, i.baseUnit), ...u]), T(
-              "div",
-              {
-                class: "flex gap-8 flex-nowrap",
-                style: {
-                  minWidth: `${120 * u.length}px`
-                }
-              },
-              u
-            );
-          }
-        }
-      ];
-    }), ke = V(() => we.value.map((c) => c.size ?? 0).reduce((c, t) => c + t)), Ae = H(""), Se = V(() => {
-      var d, i;
-      const c = ((i = (d = e.draft) == null ? void 0 : d.negativeStockItems) == null ? void 0 : i.reduce(
-        (o, u) => (o[u.sku._id] = u, o),
-        {}
-      )) ?? {};
-      return Z.value.map((o) => {
-        var qe, Ze, Je, Xe, et, tt, at, nt, ot;
-        const u = (qe = fe.value.get(o._id)) == null ? void 0 : qe[0], g = ((Ze = he.value.get(o._id)) == null ? void 0 : Ze[0]) ?? re, x = (Je = o.defaultCost) != null && Je.costPerUnit ? o.defaultCost.costPerUnit.amount / Math.pow(10, o.defaultCost.costPerUnit.precision) : 0, b = ge.value.get(o._id), E = b ? +N(b) : 0, ae = ye.value.get(o._id), ce = {};
-        if (P.value.forEach((G) => {
-          const oe = ce[G] ?? { amount: 0, precision: 0 }, ue = ae == null ? void 0 : ae[G];
-          ue && (ce[G] = Vt(oe, ue));
-        }), !u) {
-          const G = +N(g), oe = G - 0, ue = oe * x, Me = 0, xt = G * x;
-          return {
-            id: o._id,
-            code: o.code,
-            name: o.name,
-            costUnit: ((et = (Xe = o.defaultCost) == null ? void 0 : Xe.measurement) == null ? void 0 : et.abbrev) ?? null,
-            baseUnit: o.unit.abbrev,
-            baseUnitAmount: 0,
-            systemBalance: G,
-            physicalBalance: 0,
-            adjustedAmount: -G,
-            adjustedDiffPercentage: -100,
-            isTemplateItem: !c[o._id],
-            costPerUnit: x,
-            opening: E,
-            varianceQty: oe,
-            varianceRM: ue,
-            stockTakeValue: Me,
-            systemValue: xt,
-            adjustmentAmounts: ce
-          };
-        }
-        const ne = yt(u), Ce = (at = (tt = $.value) == null ? void 0 : tt.find(
-          (G) => G.id === o._id
-        )) == null ? void 0 : at.balance, C = ut(
-          Ce ?? ne,
-          g
-        ), K = g.amount === 0 ? null : dt(C, {
-          ...g,
-          amount: Math.abs(g.amount)
-        }), q = K ? Qe(K, B) : null, ie = +N(g), _e = +N(ne), $e = ie - _e, ht = $e * x, kt = _e * x, At = ie * x;
-        return {
-          id: o._id,
-          code: o.code,
-          name: o.name,
-          costUnit: ((ot = (nt = o.defaultCost) == null ? void 0 : nt.measurement) == null ? void 0 : ot.abbrev) ?? null,
-          baseUnit: o.unit.abbrev,
-          baseUnitAmount: +N(u.baseAmount),
-          ...u.measurementsAmounts.filter((G) => {
-            var oe, ue, Me;
-            return (Me = (ue = (oe = W.value) == null ? void 0 : oe.get(o._id)) == null ? void 0 : ue[0]) == null ? void 0 : Me.includes(G.measurement.id);
-          }).reduce((G, oe, ue) => (G[`measurementAbbrev${ue}`] = `(${oe.measurement.abbrev}) × ${N(oe.measurement.conversion)}`, G[`measurementAmount${ue}`] = +N(oe.amount), G), {}),
-          systemBalance: ie,
-          physicalBalance: _e,
-          adjustedAmount: +N(C),
-          adjustedDiffPercentage: q ? +N(mt(q, 2)) : null,
-          isTemplateItem: !c[o._id],
-          costPerUnit: x,
-          opening: E,
-          varianceQty: $e,
-          varianceRM: ht,
-          stockTakeValue: kt,
-          systemValue: At,
-          adjustmentAmounts: ce
-        };
-      }).filter((o) => !!(o.isTemplateItem && w.value.templateItem || !o.isTemplateItem && w.value.nonTemplateItem));
-    }), Fe = V(() => {
-      var t, d, i, o;
-      if (!e.draft) return [];
-      const c = e.draft.approvedAt ? {
-        action: `Approve at ${ve(e.draft.approvedAt)}`,
-        // actionAt: props.draft.approvedAt,
-        actionBy: e.draft.approvedBy,
-        remark: e.draft.approveRemark
-      } : (t = e.draft.rejectionHistory) == null ? void 0 : t.computeFirst((u) => ({
-        action: `Reject at ${ve(u.rejectedAt)}`,
-        // actionAt: e.rejectedAt,
-        actionBy: u.rejectedBy,
-        remark: u.rejectRemark
-      }));
-      return [
-        {
-          label: "Created at",
-          value: ve(e.draft.createdAt)
-        },
-        {
-          label: "Created by",
-          value: e.draft.createdBy.name
-        },
-        {
-          label: "Updated at",
-          value: ve(e.draft.updatedAt)
-        },
-        {
-          label: "Updated by",
-          value: e.draft.updatedBy.name
-        },
-        {
-          label: "Effective at",
-          value: ve(e.draft.effectiveAt ?? Ke((d = e.draft) == null ? void 0 : d._id))
-        },
-        {
-          label: "Using template",
-          value: ((i = e.draft.usingTemplates.find((u) => u)) == null ? void 0 : i.name) ?? "None"
-        },
-        e.draft.remark ? {
-          label: "Remark",
-          value: e.draft.remark
-        } : null,
-        c ? {
-          label: "Last action",
-          value: c.action
-        } : null,
-        c && c.actionBy ? {
-          label: "Last action by",
-          value: (o = c.actionBy) == null ? void 0 : o.name
-        } : null,
-        c && c.remark ? {
-          label: "Action remark",
-          value: c.remark
-        } : null
-      ].filter((u) => u).map((u) => u);
-    }), xe = [
-      {
-        label: "Overview",
-        value: "overview"
-      },
-      {
-        label: "Action history",
-        value: "history"
-      }
-    ], le = H(xe[0]), me = V(() => {
-      var i, o, u;
-      const c = ((i = e.draft) == null ? void 0 : i.activityLogs) ?? [], t = ((o = e.draft) == null ? void 0 : o.rejectionHistory) ?? [];
-      for (const g of t)
-        c.find(
-          (b) => `${b.action}_${b.performedAt}` == `${z.enum.rejectDraft}_${g.rejectedAt}`
-        ) || c.push({
-          action: z.enum.rejectDraft,
-          performedAt: g.rejectedAt,
-          performedBy: g.rejectedBy,
-          remark: g.rejectRemark
-        });
-      return (u = e.draft) != null && u.approvedAt && (c.find(
-        (x) => {
-          var b;
-          return `${x.action}_${x.performedAt}` == `${z.enum.approveDraft}_${(b = e.draft) == null ? void 0 : b.approvedAt}`;
-        }
-      ) || c.push({
-        action: z.enum.approveDraft,
-        performedAt: e.draft.approvedAt,
-        performedBy: e.draft.approvedBy ?? { name: "Unknown", id: "unknown" },
-        remark: e.draft.approveRemark
-      })), c.sort((g, x) => new Date(x.performedAt).getTime() - new Date(g.performedAt).getTime()).map(
-        (g) => ({
-          header: Ue(g.action),
-          date: ve(g.performedAt),
-          info: [
-            {
-              label: "Performed by",
-              values: [g.performedBy.name]
-            },
-            {
-              label: "Remark",
-              values: [g.remark ?? ""]
-            }
-          ]
-        })
-      );
-    }), Te = V(() => {
-      var o, u, g, x;
-      if (!((o = e.draft) != null && o.stockSnapshot)) return "Stock snapshot is not available.";
-      if (((u = e.draft) == null ? void 0 : u.status) !== pe.enum.DRAFT) return "Status is not draft.";
-      const c = Se.value.some((b) => b.physicalBalance < 0), t = ((x = (g = m.stockBalance.skus) == null ? void 0 : g.filter((b) => b.balance.amount < 0)) == null ? void 0 : x.map((b) => b.id)) ?? [], d = new Set(Z.value.map((b) => b._id)), i = t.filter((b) => !d.has(b)).length;
-      return [
-        c ? "Negative total exist." : null,
-        i ? "Negative stock is not included in this draft. Please commit the draft to include these stocks." : null
-      ].filter((b) => b).join(" ");
-    });
-    return (c, t) => {
-      const d = U("FmButtonGroup"), i = U("FmMenuDivider"), o = U("FmCard"), u = U("FmButton"), g = U("FmCircularProgress"), x = U("FmChip"), b = U("FmTextField"), E = U("FmIcon"), ae = U("FmTable"), ce = U("FmSpacer"), ne = U("FmTooltip"), Ce = U("FmSideSheet");
-      return j(), se(Ce, {
-        "dismiss-away": "",
-        "max-width": 9999,
-        "model-value": F(_),
-        "onUpdate:modelValue": t[10] || (t[10] = (C) => rt(_) ? _.value = C : null),
-        header: "Closing details"
-      }, {
-        "side-sheet-footer": Y(() => {
-          var C, K, q, ie;
-          return [
-            r("div", Ka, [
-              ((C = e.draft) == null ? void 0 : C.status) === F(pe).enum.DRAFT ? (j(), L(ee, { key: 0 }, [
-                Te.value ? (j(), se(ne, {
-                  key: 0,
-                  "z-index": 51,
-                  placement: "right"
-                }, {
-                  content: Y(() => [
-                    X(J(Te.value), 1)
-                  ]),
-                  default: Y(() => [
-                    h(u, {
-                      disabled: "",
-                      key: "approve key",
-                      label: "Approve",
-                      onClick: t[5] || (t[5] = () => e.draft && F(p).approveDraft(e.draft, () => A("submitted")))
-                    })
-                  ]),
-                  _: 1
-                })) : (j(), se(u, {
-                  key: "approve key",
-                  label: "Approve",
-                  onClick: t[6] || (t[6] = () => e.draft && F(p).approveDraft(e.draft, () => A("submitted")))
-                }))
-              ], 64)) : de("", !0),
-              ((K = e.draft) == null ? void 0 : K.status) === F(pe).enum.DRAFT ? (j(), se(u, {
-                key: 1,
-                label: "Reject",
-                variant: "destructive",
-                onClick: t[7] || (t[7] = () => e.draft && F(p).rejectDraft(e.draft, () => A("submitted")))
-              })) : de("", !0),
-              (q = e.draft) != null && q.approvedAt && ((ie = e.draft) == null ? void 0 : ie.status) !== F(pe).enum.COMPLETED ? (j(), se(Ut, { key: 2 }, {
-                default: Y(() => [
-                  h(u, {
-                    label: "Sync",
-                    loading: S.value,
-                    onClick: t[8] || (t[8] = () => {
-                      e.draft && (S.value = !0, F(p).syncDraft(e.draft, () => {
-                        S.value = !1, A("submitted");
-                      }));
-                    })
-                  }, null, 8, ["loading"])
-                ]),
-                _: 1
-              })) : de("", !0),
-              h(u, {
-                label: "Close",
-                variant: "tertiary",
-                onClick: t[9] || (t[9] = (_e) => _.value = !1)
-              })
-            ])
-          ];
-        }),
-        default: Y(() => [
-          r("div", da, [
-            r("div", null, [
-              h(d, {
-                items: xe,
-                modelValue: le.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (C) => le.value = C)
-              }, null, 8, ["modelValue"])
-            ]),
-            le.value.value === "overview" ? (j(), L(ee, { key: 0 }, [
-              h(o, {
-                variant: "outlined",
-                class: "flex flex-col gap-8 px-12 py-16"
-              }, {
-                default: Y(() => {
-                  var C, K;
-                  return [
-                    r("div", ma, [
-                      t[11] || (t[11] = r("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      r("div", fa, [
-                        r("div", {
-                          class: De(["fm-status-badge", F(Le)(((C = c.draft) == null ? void 0 : C.status) ?? "DRAFT")])
-                        }, J(F(Ue)(((K = c.draft) == null ? void 0 : K.status) ?? "")), 3)
-                      ])
-                    ]),
-                    h(i),
-                    r("div", pa, [
-                      (j(!0), L(ee, null, je(Fe.value, (q, ie) => (j(), L("div", {
-                        class: "flex flex-col gap-4",
-                        key: ie
-                      }, [
-                        r("div", va, [
-                          r("div", ya, J(q.label), 1)
-                        ]),
-                        r("div", ga, J(q.value), 1)
-                      ]))), 128))
-                    ])
-                  ];
-                }),
-                _: 1
-              }),
-              r("div", ba, [
-                r("div", ha, [
-                  t[12] || (t[12] = r("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  v.value ? de("", !0) : (j(), L("div", ka, [
-                    c.draft && c.draft.status !== F(pe).enum.COMPLETED ? (j(), se(u, {
-                      key: 0,
-                      label: "Refresh balance",
-                      "prepend-icon": "refresh",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      loading: R.value,
-                      onClick: be
-                    }, null, 8, ["loading"])) : de("", !0),
-                    h(u, {
-                      label: "Export data",
-                      "prepend-icon": "download",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      onClick: t[1] || (t[1] = (C) => c.draft ? F(p).exportDraft(
-                        c.draft,
-                        k.value,
-                        $.value
-                      ) : null)
-                    })
-                  ]))
-                ]),
-                v.value ? (j(), L("div", Aa, [
-                  t[14] || (t[14] = r("div", { class: "h-80" }, null, -1)),
-                  r("div", xa, [
-                    r("div", null, [
-                      h(g, { size: "md" })
-                    ]),
-                    t[13] || (t[13] = r("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
-                  ]),
-                  t[15] || (t[15] = r("div", { class: "h-80" }, null, -1))
-                ])) : (j(), L(ee, { key: 1 }, [
-                  r("div", _a, [
-                    r("div", Da, [
-                      h(x, {
-                        label: "Template Item(s)",
-                        selected: w.value.templateItem,
-                        onClick: t[2] || (t[2] = (C) => w.value.templateItem = !w.value.templateItem)
-                      }, null, 8, ["selected"]),
-                      h(x, {
-                        label: "Non-template Item(s)",
-                        selected: w.value.nonTemplateItem,
-                        onClick: t[3] || (t[3] = (C) => w.value.nonTemplateItem = !w.value.nonTemplateItem)
-                      }, null, 8, ["selected"])
-                    ]),
-                    h(b, {
-                      modelValue: Ae.value,
-                      "onUpdate:modelValue": t[4] || (t[4] = (C) => Ae.value = C),
-                      placeholder: "Filter items"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  F(D).skuTags.size ? (j(), L("div", wa, [
-                    (j(!0), L(ee, null, je(F(D).skuTags.keys(), (C) => (j(), se(x, {
-                      key: `${C}`,
-                      label: `${C}`,
-                      selectable: "",
-                      selected: f[`${C}`],
-                      onClick: (K) => f[`${C}`] = !f[`${C}`]
-                    }, {
-                      default: Y(() => [
-                        f[`${C}`] ? (j(), se(E, {
-                          key: 0,
-                          name: "check",
-                          class: "text-white",
-                          size: "sm"
-                        })) : de("", !0),
-                        r("span", {
-                          class: De([
-                            "",
-                            {
-                              "text-white fm-typo-en-body-md-600": f[`${C}`],
-                              "text-fm-color-typo-primary fm-typo-en-body-md-400": !f[`${C}`]
-                            }
-                          ])
-                        }, J(C), 3)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "selected", "onClick"]))), 128))
-                  ])) : de("", !0),
-                  r("div", Sa, [
-                    r("div", {
-                      style: lt({ minWidth: `${ke.value}px` })
-                    }, [
-                      h(ae, {
-                        "column-defs": we.value,
-                        "row-data": Se.value,
-                        "search-value": Ae.value
-                      }, null, 8, ["column-defs", "row-data", "search-value"])
-                    ], 4)
-                  ])
-                ], 64))
-              ])
-            ], 64)) : de("", !0),
-            le.value.value === "history" ? (j(), L("div", Ca, [
-              me.value.length ? (j(), L("div", Fa, [
-                (j(!0), L(ee, null, je(me.value, (C, K) => (j(), L(ee, { key: K }, [
-                  r("div", Ta, [
-                    r("div", $a, [
-                      r("div", Ma, [
-                        r("div", {
-                          class: De([
-                            {
-                              "bg-fm-color-primary": K !== 0,
-                              "bg-white": K === 0
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ]),
-                      t[18] || (t[18] = r("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      r("div", Ra, [
-                        r("div", {
-                          class: De([
-                            {
-                              "bg-fm-color-primary": K < me.value.length - 1,
-                              "bg-white": K >= me.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    r("div", Ia, [
-                      r("div", Pa, J(C.header), 1),
-                      r("div", Va, J(C.date), 1)
-                    ])
-                  ]),
-                  r("div", Ua, [
-                    r("div", La, [
-                      r("div", Ea, [
-                        r("div", {
-                          class: De([
-                            {
-                              "bg-fm-color-primary": K < me.value.length - 1,
-                              "bg-white": K >= me.value.length - 1
-                            },
-                            "w-[2px] h-full"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    r("div", Ha, [
-                      h(o, {
-                        variant: "outlined",
-                        class: "py-12 px-16"
-                      }, {
-                        default: Y(() => [
-                          r("div", za, [
-                            (j(!0), L(ee, null, je(C.info, (q, ie) => (j(), L("div", {
-                              key: ie,
-                              class: "flex flex-col gap-4"
-                            }, [
-                              r("div", Na, J(q == null ? void 0 : q.label), 1),
-                              r("div", Oa, [
-                                (j(!0), L(ee, null, je(q == null ? void 0 : q.values, (_e, $e) => (j(), L("div", {
-                                  key: $e,
-                                  class: "fm-typo-en-body-lg-600"
-                                }, J(_e), 1))), 128))
-                              ])
-                            ]))), 128))
-                          ])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ])
-                  ])
-                ], 64))), 128))
-              ])) : (j(), L("div", ja, [
-                h(ce),
-                r("div", null, [
-                  r("img", {
-                    src: F(Gt),
-                    alt: "List is empty"
-                  }, null, 8, Ba)
-                ]),
-                t[16] || (t[16] = r("div", { class: "fm-typo-en-body-lg-600" }, J("No records found"), -1)),
-                t[17] || (t[17] = r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, J("You can track approval and rejection history here"), -1)),
-                h(ce),
-                h(ce)
-              ]))
-            ])) : de("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), Ga = { class: "flex-1 flex flex-col gap-8" }, Wa = { class: "flex flex-col" }, qa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Za = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ja = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Xa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, dn = /* @__PURE__ */ He({
-  __name: "ClosingDraftView",
-  setup(s) {
-    const { t: l } = ft(), { viewDraft: e } = Ee(), { viewClosingDraftProps: m, viewClosingDraftShow: p } = Qt(Ee()), _ = ze(), v = ua(), R = Lt(), { breakpoints: S } = Yt();
-    _.watchLocation(v.fetchDrafts);
-    const k = V(() => v.loading), $ = H(""), P = V(() => S.value.xs || S.value.sm), I = V(() => P.value ? 10 : 20);
-    function n(O) {
-      switch (O) {
-        case "refresh":
-          return v.fetchDrafts();
-      }
-    }
-    function a(O) {
-      return O;
-    }
-    const D = V(() => P.value ? [
-      {
-        label: l("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      }
-    ] : [
-      {
-        label: l("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      }
-    ]);
-    return (O, f) => {
-      const y = U("FmTable");
-      return j(), L(ee, null, [
-        h(Et, {
-          title: F(l)("inventory.closing.draft.title"),
-          actions: D.value,
-          "onClick:action": n
-        }, {
-          default: Y(() => [
-            r("div", {
-              class: De([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": P.value,
-                  "px-24 ": !P.value
-                }
-              ])
-            }, [
-              h(Ht, {
-                "change-location": "",
-                searchable: "",
-                search: $.value,
-                "onUpdate:search": f[0] || (f[0] = (A) => $.value = A)
-              }, null, 8, ["search"]),
-              h(y, {
-                style: lt(F(R).tableHeight),
-                "column-defs": F(v).columnDefs,
-                "row-data": F(v).drafts,
-                "search-value": $.value,
-                loading: k.value,
-                onRowClick: f[1] || (f[1] = (A) => F(e)(A.original)),
-                "page-size": I.value
-              }, {
-                "list-row": Y((A) => [
-                  h(zt, {
-                    row: A,
-                    onRowClick: (w) => F(e)(w)
-                  }, {
-                    default: Y((w) => {
-                      var M, Z, W, re, B, te, be, he, fe, ye, ge, Q, we, ke, Ae, Se, Fe, xe, le, me;
-                      return [
-                        r("div", Ga, [
-                          r("div", Wa, [
-                            r("div", qa, [
-                              h(F(Pe), {
-                                render: (W = (Z = (M = w._id) == null ? void 0 : M.column) == null ? void 0 : Z.columnDef) == null ? void 0 : W.cell,
-                                props: (B = (re = w._id) == null ? void 0 : re.getContext) == null ? void 0 : B.call(re)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            r("div", Za, [
-                              h(F(Pe), {
-                                render: (he = (be = (te = w.name) == null ? void 0 : te.column) == null ? void 0 : be.columnDef) == null ? void 0 : he.cell,
-                                props: (ye = (fe = w.name) == null ? void 0 : fe.getContext) == null ? void 0 : ye.call(fe)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            r("div", Ja, J([
-                              ...A.original.items.slice(0, 3).map((Te) => Te.sku.name),
-                              ...A.original.items.length >= 3 ? [`and ${A.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            r("div", Xa, [
-                              h(F(Pe), {
-                                render: (we = (Q = (ge = w.ref) == null ? void 0 : ge.column) == null ? void 0 : Q.columnDef) == null ? void 0 : we.cell,
-                                props: (Ae = (ke = w.ref) == null ? void 0 : ke.getContext) == null ? void 0 : Ae.call(ke)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          r("div", null, [
-                            h(F(Pe), {
-                              render: (xe = (Fe = (Se = w.status) == null ? void 0 : Se.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : xe.cell,
-                              props: (me = (le = w.status) == null ? void 0 : le.getContext) == null ? void 0 : me.call(le)
-                            }, 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"]),
-        (j(), se(wt, { to: "body" }, [
-          h(Qa, St(F(m), {
-            show: F(p),
-            "onUpdate:show": f[2] || (f[2] = (A) => rt(p) ? p.value = A : null),
-            onSubmitted: f[3] || (f[3] = () => (p.value = !1, F(v).fetchDrafts())),
-            onRefresh: f[4] || (f[4] = (A) => F(v).updateDraftRef(A))
-          }), null, 16, ["show"])
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  dn as default
-};