@feedmepos/mf-inventory-portal 1.2.42-dev.2 → 1.2.42

package/dist/ClosingDraftView-MP_8pz-s.js

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