@feedmepos/mf-inventory-portal 1.2.46 → 1.2.48

package/dist/ClosingDraftView-nwQQl4U1.js

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