@feedmepos/mf-inventory-portal 1.2.45 → 1.2.46-dev.2

package/dist/ClosingDraftView-wArgE2um.js

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