@feedmepos/mf-inventory-portal 1.2.5-dev.1 → 1.2.6

package/dist/ClosingDraftView-D9HwfK7e.js

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