@feedmepos/mf-inventory-portal 0.0.23-dev.10 → 0.0.23-dev.11

package/dist/{ClosingDraftView-D9CnCwak.js → ClosingDraftView-B8N64LZI.js}

@@ -1,34 +1,34 @@
-import { defineComponent as te, ref as z, resolveComponent as T, openBlock as R, createBlock as H, withCtx as K, createElementVNode as s, createTextVNode as ie, toDisplayString as Y, unref as c, createVNode as D, h as ce, computed as F, onMounted as xe, watch as ke, isRef as pe, createCommentVNode as ue, normalizeClass as ge, createElementBlock as O, Fragment as ve, renderList as Se, normalizeStyle as ye, Teleport as Be, mergeProps as Fe } from "vue";
-import { u as je, _ as $e, a as Re } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CBC214tP.js";
+import { defineComponent as ee, ref as z, resolveComponent as P, openBlock as R, createBlock as O, withCtx as K, createElementVNode as r, createTextVNode as le, toDisplayString as H, unref as c, createVNode as b, h as ie, computed as F, onMounted as xe, watch as ke, isRef as pe, createCommentVNode as ce, normalizeClass as ge, createElementBlock as V, Fragment as ve, renderList as Se, normalizeStyle as ye, Teleport as Be, mergeProps as Fe } from "vue";
+import { u as je, _ as $e, a as Re } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-rGlc83Tl.js";
 import { useI18n as be } from "@feedmepos/mf-common";
-import { useSnackbar as De, useDialog as Te, useProxiedModel as Pe, useBreakpoints as Me } from "@feedmepos/ui-library";
-import { k as ze, u as ae, p as M, s as he, q as J, c as Ue, r as Le, a as Ke } from "./app-BaOENyRY.js";
+import { useSnackbar as De, useDialog as Pe, useProxiedModel as Te, useBreakpoints as Me } from "@feedmepos/ui-library";
+import { k as ze, u as te, p as M, s as he, q as J, c as Ue, r as Le, a as Ke } from "./app-CwNOTQ4A.js";
 import { defineStore as _e, storeToRefs as Ne } from "pinia";
-import { R as Ee, a as B, l as Ie, m as Ve, b as de, k as Oe, c as me, t as He } from "./rules-DxLLla7a.js";
-import { D as ee, R as V } from "./row-action.enum-7rGLGZ5v.js";
+import { R as Ee, a as B, l as Ie, m as Ve, b as ue, k as Oe, c as de, t as He } from "./rules-BnT0wI2r.js";
+import { D as me, R as W } from "./row-action.enum-7rGLGZ5v.js";
 import { c as Ye, _ as qe, F as Z } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { f as Ge } from "./format-time-from-id-96hwVl9P.js";
-import { d as N } from "./date2-CfGU3sHq.js";
-import { u as We } from "./stock-BbFKtx1y.js";
+import { f as Ge } from "./format-time-from-id-CwBTG5Th.js";
+import { d as N } from "./date2-Db1Subbn.js";
+import { u as We } from "./stock-1LWJVxgR.js";
 const Ae = ze((C, e) => {
-  function p() {
-    return ae().currentLocation.dbName;
+  function m() {
+    return te().currentLocation.dbName;
   }
   return {
     async getDraft(d) {
-      const i = p(), g = `${C.inventoryBackendUrl}/${i}/closing-draft/${d}`;
-      return e.get(g);
+      const i = m(), p = `${C.inventoryBackendUrl}/${i}/closing-draft/${d}`;
+      return e.get(p);
     },
     async readDrafts() {
-      const d = p(), i = `${C.inventoryBackendUrl}/${d}/closing-draft`;
+      const d = m(), i = `${C.inventoryBackendUrl}/${d}/closing-draft`;
       return e.get(i);
     },
     async runOperation(d) {
-      const i = p(), g = `${C.inventoryBackendUrl}/${i}/closing-draft/run-operation`;
-      return e.post(g, d);
+      const i = m(), p = `${C.inventoryBackendUrl}/${i}/closing-draft/run-operation`;
+      return e.post(p, d);
     }
   };
-}), Ze = { class: "fm-typo-en-body-lg-400" }, Je = { class: "fm-typo-en-body-lg-600" }, Qe = { class: "flex gap-12 py-8 justify-end w-full" }, fe = /* @__PURE__ */ te({
+}), Ze = { class: "fm-typo-en-body-lg-400" }, Je = { class: "fm-typo-en-body-lg-600" }, Qe = { class: "flex gap-12 py-8 justify-end w-full" }, fe = /* @__PURE__ */ ee({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -37,16 +37,16 @@ const Ae = ze((C, e) => {
     onFinished: { type: Function }
   },
   setup(C) {
-    const e = C, p = z(), d = Ae(), i = De(), g = z(!1);
-    async function b() {
-      g.value = !0;
+    const e = C, m = z(), d = Ae(), i = De(), p = z(!1);
+    async function v() {
+      p.value = !0;
       try {
         await d.runOperation({
           _id: e.draft._id,
           _rev: e.draft._rev ?? "",
           action: e.action,
           data: {
-            remark: p.value
+            remark: m.value
           }
         }).delayed(500), i.open({
           title: "Success",
@@ -60,40 +60,40 @@ const Ae = ze((C, e) => {
           type: "error"
         }), console.error("error on submit closing draft aciont", h);
       } finally {
-        g.value = !1;
+        p.value = !1;
       }
     }
     return (h, u) => {
-      const v = T("FmTextField"), j = T("FmButton"), n = T("FmForm");
-      return R(), H(n, {
-        onValidationSuccess: b,
+      const y = P("FmTextField"), j = P("FmButton"), o = P("FmForm");
+      return R(), O(o, {
+        onValidationSuccess: v,
         class: "flex flex-col gap-32",
-        disabled: g.value
+        disabled: p.value
       }, {
         default: K(() => [
-          s("div", Ze, [
-            u[2] || (u[2] = ie(" You are about to ")),
-            s("span", Je, Y(h.action == c(M).enum.approveDraft ? "approve" : "reject"), 1),
-            u[3] || (u[3] = ie(" this draft. Please provider a remark to justify this action. "))
+          r("div", Ze, [
+            u[2] || (u[2] = le(" You are about to ")),
+            r("span", Je, H(h.action == c(M).enum.approveDraft ? "approve" : "reject"), 1),
+            u[3] || (u[3] = le(" this draft. Please provider a remark to justify this action. "))
           ]),
-          D(v, {
-            modelValue: p.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (l) => p.value = l),
+          b(y, {
+            modelValue: m.value,
+            "onUpdate:modelValue": u[0] || (u[0] = (l) => m.value = l),
             label: "Remark",
             "label-mark": "required",
             rules: [c(Ee)()]
           }, null, 8, ["modelValue", "rules"]),
-          s("div", Qe, [
-            D(j, {
+          r("div", Qe, [
+            b(j, {
               label: "Cancel",
               variant: "tertiary",
               onClick: u[1] || (u[1] = (l) => h.onCancel())
             }),
-            D(j, {
+            b(j, {
               label: h.action == c(M).enum.approveDraft ? "Approve" : "Reject",
               type: "submit",
               variant: h.action == c(M).enum.approveDraft ? "primary" : "destructive",
-              loading: g.value
+              loading: p.value
             }, null, 8, ["label", "variant", "loading"])
           ])
         ]),
@@ -104,16 +104,16 @@ const Ae = ze((C, e) => {
 }), Q = _e(
   "closingDraftActions",
   function() {
-    const e = Te(), p = z(!1), d = z();
+    const e = Pe(), m = z(!1), d = z();
     function i(u) {
-      const v = {
+      const y = {
         draft: u
       };
-      d.value = v, p.value = !0;
+      d.value = y, m.value = !0;
     }
-    function g(u) {
+    function p(u) {
     }
-    function b(u, v) {
+    function v(u, y) {
       e.open({
         title: "Approve draft",
         contentComponent: fe,
@@ -121,13 +121,13 @@ const Ae = ze((C, e) => {
           draft: u,
           action: M.enum.approveDraft,
           onFinished: () => {
-            e.close(), v == null || v();
+            e.close(), y == null || y();
           },
           onCancel: () => e.close()
         }
       });
     }
-    function h(u, v) {
+    function h(u, y) {
       e.open({
         title: "Reject draft",
         contentComponent: fe,
@@ -135,7 +135,7 @@ const Ae = ze((C, e) => {
           draft: u,
           action: M.enum.rejectDraft,
           onFinished: () => {
-            e.close(), v == null || v();
+            e.close(), y == null || y();
           },
           onCancel: () => e.close()
         }
@@ -143,10 +143,10 @@ const Ae = ze((C, e) => {
     }
     return {
       viewDraft: i,
-      approveDraft: b,
+      approveDraft: v,
       rejectDraft: h,
-      exportDraft: g,
-      viewClosingDraftShow: p,
+      exportDraft: p,
+      viewClosingDraftShow: m,
       viewClosingDraftProps: d
     };
   }
@@ -164,26 +164,26 @@ function Ce(C) {
   }
 }
 const Xe = _e("closingTable", function() {
-  const { t: e } = be(), p = Q(), d = z(new Array()), i = z(!1), g = ae(), b = Ae();
+  const { t: e } = be(), m = Q(), d = z(new Array()), i = z(!1), p = te(), v = Ae();
   async function h() {
-    if (d.value = [], !!g._currentLocation) {
+    if (d.value = [], !!p._currentLocation) {
       i.value = !0;
       try {
-        const [n] = await Promise.all([b.readDrafts()]).delayed(1e3);
-        d.value = n.reverse();
-      } catch (n) {
-        console.log("Something went wrong when fetching drafts:", n);
+        const [o] = await Promise.all([v.readDrafts()]).delayed(1e3);
+        d.value = o.reverse();
+      } catch (o) {
+        console.log("Something went wrong when fetching drafts:", o);
       } finally {
         i.value = !1;
       }
     }
   }
-  async function u(n) {
-    if (!d.value.find((l) => l._id) && g._currentLocation) {
+  async function u(o) {
+    if (!d.value.find((l) => l._id) && p._currentLocation) {
       i.value = !0;
       try {
         const [l] = await Promise.all([
-          b.getDraft(n),
+          v.getDraft(o),
           new Promise((_) => setTimeout(_, 1e3))
         ]);
         d.value = [l];
@@ -194,16 +194,16 @@ const Xe = _e("closingTable", function() {
       }
     }
   }
-  function v(n, l) {
-    switch (l = Ue(l), n) {
-      case V.Details:
-        return p.viewDraft(l);
-      case V.Export:
-        return p.exportDraft(l);
+  function y(o, l) {
+    switch (l = Ue(l), o) {
+      case W.Details:
+        return m.viewDraft(l);
+      case W.Export:
+        return m.exportDraft(l);
       case M.enum.approveDraft:
-        return p.approveDraft(l);
+        return m.approveDraft(l);
       case M.enum.rejectDraft:
-        return p.rejectDraft(l);
+        return m.rejectDraft(l);
     }
   }
   return {
@@ -212,14 +212,14 @@ const Xe = _e("closingTable", function() {
         id: "_id",
         accessorKey: "_id",
         header: () => e("inventory.closing.table.createdAt"),
-        cell(n) {
-          return Ge(`${n.getValue()}`);
+        cell(o) {
+          return Ge(`${o.getValue()}`);
         },
         enableSorting: !0
       },
       {
         id: "updatedAt",
-        accessorFn: (n) => N(n.updatedAt),
+        accessorFn: (o) => N(o.updatedAt),
         header: () => "Updated at",
         enableSorting: !0,
         size: 200
@@ -243,25 +243,25 @@ const Xe = _e("closingTable", function() {
       },
       {
         id: "recentRemark",
-        accessorFn: (n) => {
+        accessorFn: (o) => {
           var l;
-          return (n == null ? void 0 : n.approveRemark) ?? ((l = n == null ? void 0 : n.rejectionHistory) == null ? void 0 : l.computeFirst((_) => _.rejectRemark));
+          return (o == null ? void 0 : o.approveRemark) ?? ((l = o == null ? void 0 : o.rejectionHistory) == null ? void 0 : l.computeFirst((_) => _.rejectRemark));
         },
         header: () => "Recent remark"
       },
       {
         id: "status",
-        accessorFn: (n) => n.status,
+        accessorFn: (o) => o.status,
         header: () => e("inventory.closing.table.status"),
         enableSorting: !1,
-        cell(n) {
-          const _ = n.row.original.status;
-          return ce(
+        cell(o) {
+          const _ = o.row.original.status;
+          return ie(
             "div",
             {
               class: "flex"
             },
-            ce(
+            ie(
               "div",
               {
                 class: ["fm-status-badge", Ce(_)]
@@ -273,12 +273,11 @@ const Xe = _e("closingTable", function() {
       },
       {
         id: "action",
-        cell(n) {
-          const l = n.row.original, _ = [
-            ee[V.Edit],
-            ee[V.Delete],
-            ee[V.Export]
-          ], q = [
+        cell(o) {
+          const l = o.row.original, _ = [
+            me[W.Details],
+            me[W.Export]
+          ], Y = [
             {
               translationKey: "inventory.closing.draft.approveDraft",
               color: "text-fm-color-typo-primary",
@@ -291,8 +290,8 @@ const Xe = _e("closingTable", function() {
             }
           ];
           return Ye(
-            [..._, ...l.status === J.enum.DRAFT ? q : []],
-            (E) => v(E, l)
+            [..._, ...l.status === J.enum.DRAFT ? Y : []],
+            (E) => y(E, l)
           );
         },
         enableSorting: !1,
@@ -314,17 +313,17 @@ const Xe = _e("closingTable", function() {
 }, it = { class: "flex items-center gap-8" }, ct = {
   key: 1,
   class: "overflow-x-auto"
-}, ut = { class: "flex gap-8" }, dt = /* @__PURE__ */ te({
+}, ut = { class: "flex gap-8" }, dt = /* @__PURE__ */ ee({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
     draft: {}
   },
   setup(C) {
-    const e = C, p = We(), d = Q(), i = Pe(e, "show"), g = z(!1), b = z(new Array()), h = Le(), u = De(), v = Ke(), j = F(() => {
+    const e = C, m = We(), d = Q(), i = Te(e, "show"), p = z(!1), v = z(new Array()), h = Le(), u = De(), y = Ke(), j = F(() => {
       var a;
-      const t = ((a = e.draft) == null ? void 0 : a.items.map((r) => r.sku)) ?? [];
-      return t.sort((r, o) => r.code.localeCompare(o.code)), t;
+      const t = ((a = e.draft) == null ? void 0 : a.items.map((s) => s.sku)) ?? [];
+      return t.sort((s, n) => s.code.localeCompare(n.code)), t;
     });
     xe(_), ke(
       () => e.show,
@@ -332,58 +331,50 @@ const Xe = _e("closingTable", function() {
         t && _();
       }
     );
-    const n = me(0), l = me(100);
+    const o = de(0), l = de(100);
     async function _() {
-      var a, r, o;
-      g.value = !0;
+      var a, s, n;
+      p.value = !0;
       const t = ((a = e.draft) == null ? void 0 : a.status) === J.enum.COMPLETED;
       try {
-        if (await v.init(), t) {
-          const m = e.draft.closingId;
-          if (!m) {
+        if (await y.init(), t) {
+          const f = e.draft.closingId;
+          if (!f) {
             u.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: (r = e.draft) == null ? void 0 : r._id
+              draftId: (s = e.draft) == null ? void 0 : s._id
             });
             return;
           }
-          const f = await h.getClosingById(m);
-          b.value = (f == null ? void 0 : f.skus) ?? [];
-        } else {
-          await p.readStockBalance();
-          const m = (((o = p.stockBalance) == null ? void 0 : o.skus) ?? []).groupBy(
-            (f) => f.id,
-            (f) => f.balance
-          );
-          b.value = v.skus.map(
-            (f) => m[f._id] ?? n
-          );
-        }
-      } catch (m) {
+          const D = await h.getClosingById(f);
+          v.value = (D == null ? void 0 : D.skus) ?? [];
+        } else
+          await m.readStockBalance(), v.value = ((n = m.stockBalance) == null ? void 0 : n.skus) ?? [];
+      } catch (f) {
         u.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
-        }), console.error("error on fetch stock balances", m);
+        }), console.error("error on fetch stock balances", f);
       } finally {
-        g.value = !1;
+        p.value = !1;
       }
     }
-    const q = F(
-      () => b.value.groupBy(
+    const Y = F(
+      () => v.value.groupBy(
         (t) => t.id,
         (t) => t.balance
       )
     ), E = F(() => {
       var a;
-      return (((a = e.draft) == null ? void 0 : a.items) ?? []).groupBy((r) => r.sku._id);
+      return (((a = e.draft) == null ? void 0 : a.items) ?? []).groupBy((s) => s.sku._id);
     }), L = F(() => {
-      const t = j.value.reduce((r, o) => Math.max(
-        r,
-        o.unit.measurements.filter((m) => !m.name.toLocaleLowerCase().includes("inactive")).length
+      const t = j.value.reduce((s, n) => Math.max(
+        s,
+        n.unit.measurements.filter((f) => !f.name.toLocaleLowerCase().includes("inactive")).length
       ), 0);
       return [
         {
@@ -410,22 +401,22 @@ const Xe = _e("closingTable", function() {
           header: () => "Base unit amount",
           size: 200
         },
-        ...Array.from({ length: t }).flatMap((r, o) => {
-          const m = `measurementAbbrev${o}`, f = `measurementAmount${o}`;
+        ...Array.from({ length: t }).flatMap((s, n) => {
+          const f = `measurementAbbrev${n}`, D = `measurementAmount${n}`;
           return [
             {
-              id: f,
-              accessorKey: f,
-              header: () => `Sub unit amount ${o + 1}`,
+              id: D,
+              accessorKey: D,
+              header: () => `Sub unit amount ${n + 1}`,
               size: 200,
               meta: {
                 textAlign: "right"
               }
             },
             {
-              id: m,
-              accessorKey: m,
-              header: () => `Sub unit ${o + 1}`,
+              id: f,
+              accessorKey: f,
+              header: () => `Sub unit ${n + 1}`,
               size: 200
             }
           ];
@@ -462,6 +453,10 @@ const Xe = _e("closingTable", function() {
           accessorKey: "adjustedDiffPercentage",
           header: () => "Diff (%)",
           size: 200,
+          cell(s) {
+            var n;
+            return (n = s.row.original.adjustedDiffPercentage) == null ? void 0 : n.toFixed(2);
+          },
           meta: {
             textAlign: "right"
           }
@@ -469,52 +464,52 @@ const Xe = _e("closingTable", function() {
       ];
     }), $ = F(() => L.value.map((t) => t.size ?? 0).reduce((t, a) => t + a));
     function X(t) {
-      const a = t.measurementsAmounts.groupBy((o) => o.measurement.id), r = t.sku.unit.measurements.reduce((o, m) => {
-        var U, y;
-        const f = ((y = (U = a.get(m.id)) == null ? void 0 : U[0]) == null ? void 0 : y.amount) ?? n, x = de(m.conversion, f);
-        return o + +B(x);
+      const a = t.measurementsAmounts.groupBy((n) => n.measurement.id), s = t.sku.unit.measurements.reduce((n, f) => {
+        var U, g;
+        const D = ((g = (U = a.get(f.id)) == null ? void 0 : U[0]) == null ? void 0 : g.amount) ?? o, x = ue(f.conversion, D);
+        return n + +B(x);
       }, +B(t.baseAmount));
-      return He(r, t.baseAmount.precision);
+      return He(s, t.baseAmount.precision);
     }
     const A = F(() => j.value.map((t) => {
-      var y, S;
-      const a = (y = E.value.get(t._id)) == null ? void 0 : y[0], r = ((S = q.value.get(t._id)) == null ? void 0 : S[0]) ?? n;
+      var g, S;
+      const a = (g = E.value.get(t._id)) == null ? void 0 : g[0], s = ((S = Y.value.get(t._id)) == null ? void 0 : S[0]) ?? o;
       if (!a)
         return {
           code: t.code,
           name: t.name,
           baseUnit: t.unit.abbrev,
           baseUnitAmount: 0,
-          systemBalance: +B(r),
+          systemBalance: +B(s),
           physicalBalance: 0,
-          adjustedBalance: -+B(r),
+          adjustedBalance: -+B(s),
           adjustedDiffPercentage: -100
         };
-      const o = X(a), m = Ie(o, r), f = r.amount === 0 ? null : Ve(m, r), x = f ? de(f, l) : null;
+      const n = X(a), f = Ie(n, s), D = s.amount === 0 ? null : Ve(f, s), x = D ? ue(D, l) : null;
       return {
         code: t.code,
         name: t.name,
         baseUnit: t.unit.abbrev,
         baseUnitAmount: +B(a.baseAmount),
-        ...a.measurementsAmounts.reduce((k, P, I) => (P.measurement.name.toLocaleLowerCase().includes("inactive") || (k[`measurementAbbrev${I}`] = `(${P.measurement.abbrev}) × ${B(P.measurement.conversion)}`, k[`measurementAmount${I}`] = +B(P.amount)), k), {}),
-        systemBalance: +B(r),
-        physicalBalance: +B(o),
-        adjustedBalance: +B(m),
+        ...a.measurementsAmounts.reduce((k, T, I) => (T.measurement.name.toLocaleLowerCase().includes("inactive") || (k[`measurementAbbrev${I}`] = `(${T.measurement.abbrev}) × ${B(T.measurement.conversion)}`, k[`measurementAmount${I}`] = +B(T.amount)), k), {}),
+        systemBalance: +B(s),
+        physicalBalance: +B(n),
+        adjustedBalance: +B(f),
         adjustedDiffPercentage: x ? +B(Oe(x, 2)) : null
       };
     })), w = F(() => {
-      var a, r;
+      var a, s;
       if (!e.draft) return [];
       const t = e.draft.approvedAt ? {
         action: `Approve at ${N(e.draft.approvedAt)}`,
         // actionAt: props.draft.approvedAt,
         actionBy: e.draft.approvedBy,
         remark: e.draft.approveRemark
-      } : (a = e.draft.rejectionHistory) == null ? void 0 : a.computeFirst((o) => ({
-        action: `Reject at ${N(o.rejectedAt)}`,
+      } : (a = e.draft.rejectionHistory) == null ? void 0 : a.computeFirst((n) => ({
+        action: `Reject at ${N(n.rejectedAt)}`,
         // actionAt: e.rejectedAt,
-        actionBy: o.rejectedBy,
-        remark: o.rejectRemark
+        actionBy: n.rejectedBy,
+        remark: n.rejectRemark
       }));
       return [
         {
@@ -543,39 +538,39 @@ const Xe = _e("closingTable", function() {
         } : null,
         t && t.actionBy ? {
           label: "Last action by",
-          value: (r = t.actionBy) == null ? void 0 : r.name
+          value: (s = t.actionBy) == null ? void 0 : s.name
         } : null,
         t && t.remark ? {
           label: "Action remark",
           value: t.remark
         } : null
-      ].filter((o) => o).map((o) => o);
+      ].filter((n) => n).map((n) => n);
     });
     return (t, a) => {
-      const r = T("FmMenuDivider"), o = T("FmCard"), m = T("FmCircularProgress"), f = T("FmTable"), x = T("FmButton"), U = T("FmSideSheet");
-      return R(), H(U, {
+      const s = P("FmMenuDivider"), n = P("FmCard"), f = P("FmCircularProgress"), D = P("FmTable"), x = P("FmButton"), U = P("FmSideSheet");
+      return R(), O(U, {
         "dismiss-away": "",
         "max-width": 900,
         "model-value": c(i),
-        "onUpdate:modelValue": a[3] || (a[3] = (y) => pe(i) ? i.value = y : null),
+        "onUpdate:modelValue": a[3] || (a[3] = (g) => pe(i) ? i.value = g : null),
         header: "Closing details"
       }, {
         "side-sheet-footer": K(() => {
-          var y, S;
+          var g, S;
           return [
-            s("div", ut, [
-              ((y = e.draft) == null ? void 0 : y.status) === c(J).enum.DRAFT ? (R(), H(x, {
+            r("div", ut, [
+              ((g = e.draft) == null ? void 0 : g.status) === c(J).enum.DRAFT ? (R(), O(x, {
                 key: 0,
                 label: "Approve",
                 onClick: a[0] || (a[0] = () => e.draft && c(d).approveDraft(e.draft))
-              })) : ue("", !0),
-              ((S = e.draft) == null ? void 0 : S.status) === c(J).enum.DRAFT ? (R(), H(x, {
+              })) : ce("", !0),
+              ((S = e.draft) == null ? void 0 : S.status) === c(J).enum.DRAFT ? (R(), O(x, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
                 onClick: a[1] || (a[1] = () => e.draft && c(d).rejectDraft(e.draft))
-              })) : ue("", !0),
-              D(x, {
+              })) : ce("", !0),
+              b(x, {
                 label: "Close",
                 variant: "tertiary",
                 onClick: a[2] || (a[2] = (k) => i.value = !1)
@@ -584,54 +579,54 @@ const Xe = _e("closingTable", function() {
           ];
         }),
         default: K(() => [
-          s("div", et, [
-            D(o, {
+          r("div", et, [
+            b(n, {
               variant: "outlined",
               class: "flex flex-col gap-8 px-12 py-16"
             }, {
               default: K(() => {
-                var y, S;
+                var g, S;
                 return [
-                  s("div", tt, [
-                    a[4] || (a[4] = s("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                    s("div", null, [
-                      s("div", at, [
-                        s("div", {
-                          class: ge(c(Ce)(((y = t.draft) == null ? void 0 : y.status) ?? "DRAFT"))
-                        }, Y(c(he)(((S = t.draft) == null ? void 0 : S.status) ?? "")), 3)
+                  r("div", tt, [
+                    a[4] || (a[4] = r("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
+                    r("div", null, [
+                      r("div", at, [
+                        r("div", {
+                          class: ge(c(Ce)(((g = t.draft) == null ? void 0 : g.status) ?? "DRAFT"))
+                        }, H(c(he)(((S = t.draft) == null ? void 0 : S.status) ?? "")), 3)
                       ])
                     ])
                   ]),
-                  D(r),
-                  (R(!0), O(ve, null, Se(w.value, (k, P) => (R(), O("div", {
+                  b(s),
+                  (R(!0), V(ve, null, Se(w.value, (k, T) => (R(), V("div", {
                     class: "flex flex-col gap-4",
-                    key: P
+                    key: T
                   }, [
-                    s("div", nt, [
-                      s("div", ot, Y(k.label), 1)
+                    r("div", nt, [
+                      r("div", ot, H(k.label), 1)
                     ]),
-                    s("div", st, Y(k.value), 1)
+                    r("div", st, H(k.value), 1)
                   ]))), 128))
                 ];
               }),
               _: 1
             }),
-            s("div", rt, [
-              a[8] || (a[8] = s("div", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, "Closing items", -1)),
-              g.value ? (R(), O("div", lt, [
-                a[6] || (a[6] = s("div", { class: "h-80" }, null, -1)),
-                s("div", it, [
-                  s("div", null, [
-                    D(m, { size: "md" })
+            r("div", rt, [
+              a[8] || (a[8] = r("div", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, "Closing items", -1)),
+              p.value ? (R(), V("div", lt, [
+                a[6] || (a[6] = r("div", { class: "h-80" }, null, -1)),
+                r("div", it, [
+                  r("div", null, [
+                    b(f, { size: "md" })
                   ]),
-                  a[5] || (a[5] = s("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
+                  a[5] || (a[5] = r("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                 ]),
-                a[7] || (a[7] = s("div", { class: "h-80" }, null, -1))
-              ])) : (R(), O("div", ct, [
-                s("div", {
+                a[7] || (a[7] = r("div", { class: "h-80" }, null, -1))
+              ])) : (R(), V("div", ct, [
+                r("div", {
                   style: ye({ width: `${$.value}px` })
                 }, [
-                  D(f, {
+                  b(D, {
                     "column-defs": L.value,
                     "row-data": A.value
                   }, null, 8, ["column-defs", "row-data"])
@@ -644,22 +639,22 @@ const Xe = _e("closingTable", function() {
       }, 8, ["model-value"]);
     };
   }
-}), mt = { class: "flex-1 flex flex-col gap-8" }, ft = { class: "flex flex-col" }, pt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, yt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, jt = /* @__PURE__ */ te({
+}), mt = { class: "flex-1 flex flex-col gap-8" }, ft = { class: "flex flex-col" }, pt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, yt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, jt = /* @__PURE__ */ ee({
   __name: "ClosingDraftView",
   setup(C) {
-    const { t: e } = be(), { viewDraft: p } = Q(), { viewClosingDraftProps: d, viewClosingDraftShow: i } = Ne(Q()), g = ae(), b = Xe(), h = je(), { breakpoints: u } = Me();
-    g.watchLocation(b.fetchDrafts);
-    const v = F(() => b.loading), j = z(""), n = F(() => u.value.xs || u.value.sm), l = F(() => n.value ? 10 : 20);
+    const { t: e } = be(), { viewDraft: m } = Q(), { viewClosingDraftProps: d, viewClosingDraftShow: i } = Ne(Q()), p = te(), v = Xe(), h = je(), { breakpoints: u } = Me();
+    p.watchLocation(v.fetchDrafts);
+    const y = F(() => v.loading), j = z(""), o = F(() => u.value.xs || u.value.sm), l = F(() => o.value ? 10 : 20);
     function _(L) {
       switch (L) {
         case "refresh":
-          return b.fetchDrafts();
+          return v.fetchDrafts();
       }
     }
-    function q(L) {
+    function Y(L) {
       return L;
     }
-    const E = F(() => n.value ? [
+    const E = F(() => o.value ? [
       {
         label: "Refresh",
         value: "refresh",
@@ -673,75 +668,75 @@ const Xe = _e("closingTable", function() {
       }
     ]);
     return (L, $) => {
-      const X = T("FmTable");
-      return R(), O(ve, null, [
-        D($e, {
+      const X = P("FmTable");
+      return R(), V(ve, null, [
+        b($e, {
           title: c(e)("inventory.closing.draft.title"),
           actions: E.value,
           "onClick:action": _
         }, {
           default: K(() => [
-            s("div", {
+            r("div", {
               class: ge([
                 "flex flex-col gap-8 max-h-full",
                 {
-                  "p-0": n.value,
-                  "px-24 ": !n.value
+                  "p-0": o.value,
+                  "px-24 ": !o.value
                 }
               ])
             }, [
-              D(Re, {
+              b(Re, {
                 "change-location": "",
                 searchable: "",
                 search: j.value,
                 "onUpdate:search": $[0] || ($[0] = (A) => j.value = A)
               }, null, 8, ["search"]),
-              D(X, {
+              b(X, {
                 style: ye(c(h).tableHeight),
-                "column-defs": c(b).columnDefs,
-                "row-data": c(b).drafts,
+                "column-defs": c(v).columnDefs,
+                "row-data": c(v).drafts,
                 "search-value": j.value,
-                loading: v.value,
-                onRowClick: $[1] || ($[1] = (A) => c(p)(A.original)),
+                loading: y.value,
+                onRowClick: $[1] || ($[1] = (A) => c(m)(A.original)),
                 "page-size": l.value
               }, {
                 "list-row": K((A) => [
-                  D(qe, {
+                  b(qe, {
                     row: A,
-                    onRowClick: (w) => c(p)(w)
+                    onRowClick: (w) => c(m)(w)
                   }, {
                     default: K((w) => {
-                      var t, a, r, o, m, f, x, U, y, S, k, P, I, G, ne, oe, se, re, W, le;
+                      var t, a, s, n, f, D, x, U, g, S, k, T, I, q, ae, ne, oe, se, G, re;
                       return [
-                        s("div", mt, [
-                          s("div", ft, [
-                            s("div", pt, [
-                              D(c(Z), {
-                                render: (r = (a = (t = w._id) == null ? void 0 : t.column) == null ? void 0 : a.columnDef) == null ? void 0 : r.cell,
-                                props: (m = (o = w._id) == null ? void 0 : o.getContext) == null ? void 0 : m.call(o)
+                        r("div", mt, [
+                          r("div", ft, [
+                            r("div", pt, [
+                              b(c(Z), {
+                                render: (s = (a = (t = w._id) == null ? void 0 : t.column) == null ? void 0 : a.columnDef) == null ? void 0 : s.cell,
+                                props: (f = (n = w._id) == null ? void 0 : n.getContext) == null ? void 0 : f.call(n)
                               }, null, 8, ["render", "props"])
                             ]),
-                            s("div", gt, [
-                              D(c(Z), {
-                                render: (U = (x = (f = w.name) == null ? void 0 : f.column) == null ? void 0 : x.columnDef) == null ? void 0 : U.cell,
-                                props: (S = (y = w.name) == null ? void 0 : y.getContext) == null ? void 0 : S.call(y)
+                            r("div", gt, [
+                              b(c(Z), {
+                                render: (U = (x = (D = w.name) == null ? void 0 : D.column) == null ? void 0 : x.columnDef) == null ? void 0 : U.cell,
+                                props: (S = (g = w.name) == null ? void 0 : g.getContext) == null ? void 0 : S.call(g)
                               }, null, 8, ["render", "props"])
                             ]),
-                            s("div", vt, Y([
+                            r("div", vt, H([
                               ...A.original.items.slice(0, 3).map((we) => we.sku.name),
                               ...A.original.items.length >= 3 ? [`and ${A.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            s("div", yt, [
-                              D(c(Z), {
-                                render: (I = (P = (k = w.ref) == null ? void 0 : k.column) == null ? void 0 : P.columnDef) == null ? void 0 : I.cell,
-                                props: (ne = (G = w.ref) == null ? void 0 : G.getContext) == null ? void 0 : ne.call(G)
+                            r("div", yt, [
+                              b(c(Z), {
+                                render: (I = (T = (k = w.ref) == null ? void 0 : k.column) == null ? void 0 : T.columnDef) == null ? void 0 : I.cell,
+                                props: (ae = (q = w.ref) == null ? void 0 : q.getContext) == null ? void 0 : ae.call(q)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
-                          s("div", null, [
-                            D(c(Z), {
-                              render: (re = (se = (oe = w.status) == null ? void 0 : oe.column) == null ? void 0 : se.columnDef) == null ? void 0 : re.cell,
-                              props: (le = (W = w.status) == null ? void 0 : W.getContext) == null ? void 0 : le.call(W)
+                          r("div", null, [
+                            b(c(Z), {
+                              render: (se = (oe = (ne = w.status) == null ? void 0 : ne.column) == null ? void 0 : oe.columnDef) == null ? void 0 : se.cell,
+                              props: (re = (G = w.status) == null ? void 0 : G.getContext) == null ? void 0 : re.call(G)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -756,11 +751,11 @@ const Xe = _e("closingTable", function() {
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (R(), H(Be, { to: "body" }, [
-          D(dt, Fe(c(d), {
+        (R(), O(Be, { to: "body" }, [
+          b(dt, Fe(c(d), {
             show: c(i),
             "onUpdate:show": $[2] || ($[2] = (A) => pe(i) ? i.value = A : null),
-            onSubmitted: $[3] || ($[3] = (A) => c(b).fetchDrafts())
+            onSubmitted: $[3] || ($[3] = (A) => c(v).fetchDrafts())
           }), null, 16, ["show"])
         ]))
       ], 64);