@feedmepos/mf-inventory-portal 1.2.22-dev.2 → 1.2.22-dev.3

package/dist/ClosingDraftView-DVB02I09.js

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