@feedmepos/mf-inventory-portal 1.2.1 → 1.2.2-5.dev-1

package/dist/ClosingDraftView-Du4kOwIg.js

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