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

package/dist/ClosingDraftView-6c7X_KiP.js

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