@feedmepos/mf-inventory-portal 1.3.9-dev.2 → 1.3.10

package/dist/ClosingDraftView-CzEtmv80.js

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