@feedmepos/mf-inventory-portal 1.3.11 → 1.3.12-dev.2

package/dist/ClosingDraftView-g90vlE4b.js

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