@feedmepos/mf-inventory-portal 1.2.46-dev.3 → 1.2.46-dev.5

package/dist/ClosingDraftView-BatMvmqU.js

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