@feedmepos/mf-inventory-portal 0.0.25-dev.37 → 0.0.25-dev.39

package/dist/{ClosingDraftView-NwwxcHA-.js → ClosingDraftView-hUFOQ9pI.js}

@@ -1,11 +1,11 @@
-import { defineComponent as ke, ref as V, resolveComponent as U, openBlock as x, createBlock as J, withCtx as Y, createElementVNode as o, createTextVNode as De, toDisplayString as z, unref as g, createVNode as _, h as k, reactive as Ye, computed as E, onMounted as Ke, watch as Ge, isRef as Te, createElementBlock as F, Fragment as W, createCommentVNode as ne, normalizeClass as me, renderList as ve, normalizeStyle as Re, Teleport as We, mergeProps as qe } from "vue";
-import { W as Ze, u as we, aj as q, l as Je, J as Ce, i as M, t as Qe, K as ye, p as Xe, q as et, r as tt, ak as Me, al as Pe, a6 as Ie, am as Ue, an as le, ac as at, ai as oe, T as Ee, D as Fe, h as xe, f as nt, e as ot, a as st, y as rt, _ as lt, z as ct, B as it, E as he } from "./app-C720GM9g.js";
-import { useCoreStore as ut, useI18n as He } from "@feedmepos/mf-common";
+import { defineComponent as ke, ref as V, resolveComponent as E, openBlock as x, createBlock as J, withCtx as Y, createElementVNode as o, createTextVNode as De, toDisplayString as z, unref as g, createVNode as _, h as k, reactive as Ve, computed as H, onMounted as Ye, watch as Ke, isRef as Te, createElementBlock as $, Fragment as W, createCommentVNode as ne, normalizeClass as me, renderList as ve, normalizeStyle as Re, Teleport as Ge, mergeProps as We } from "vue";
+import { W as qe, u as we, aj as q, l as Ze, J as Ce, i as P, t as Je, K as ye, p as Qe, q as Xe, r as et, ak as Me, al as Pe, a6 as Ie, am as tt, an as le, ac as at, ai as oe, T as Ue, D as Fe, h as xe, f as nt, e as ot, a as st, y as rt, _ as lt, z as ct, B as it, E as he } from "./app-D8JtDgcD.js";
+import { useCoreStore as ut, useI18n as Ee } from "@feedmepos/mf-common";
 import { useSnackbar as je, useDialog as dt, useProxiedModel as mt, components as de, useBreakpoints as ft } from "@feedmepos/ui-library";
-import { defineStore as Le, storeToRefs as pt } from "pinia";
-import { u as ze } from "./stock-AgQ9Kd12.js";
-import { E as vt } from "./empty-placeholder-wf6-BWE8.js";
-const Se = Ze((n, r) => {
+import { defineStore as He, storeToRefs as pt } from "pinia";
+import { u as Le, a as vt } from "./stock-Cw4_XPhT.js";
+import { E as yt } from "./empty-placeholder-wf6-BWE8.js";
+const Se = qe((n, r) => {
   function e() {
     return we().currentLocation.dbName;
   }
@@ -27,7 +27,7 @@ const Se = Ze((n, r) => {
       return r.post(b, i);
     }
   };
-}), yt = { class: "fm-typo-en-body-lg-400" }, gt = { class: "fm-typo-en-body-lg-600" }, bt = { class: "flex gap-12 py-8 justify-end w-full" }, $e = /* @__PURE__ */ ke({
+}), gt = { class: "fm-typo-en-body-lg-400" }, bt = { class: "fm-typo-en-body-lg-600" }, xt = { class: "flex gap-12 py-8 justify-end w-full" }, $e = /* @__PURE__ */ ke({
   __name: "ClosingDraftAction",
   props: {
     draft: {},
@@ -63,32 +63,32 @@ const Se = Ze((n, r) => {
       }
     }
     return (D, l) => {
-      const $ = U("FmTextField"), T = U("FmButton"), P = U("FmForm");
-      return x(), J(P, {
+      const T = E("FmTextField"), R = E("FmButton"), I = E("FmForm");
+      return x(), J(I, {
         onValidationSuccess: h,
         class: "flex flex-col gap-32",
         disabled: b.value
       }, {
         default: Y(() => [
-          o("div", yt, [
+          o("div", gt, [
             l[2] || (l[2] = De(" You are about to ")),
-            o("span", gt, z(D.action == g(q).enum.approveDraft ? "approve" : "reject"), 1),
+            o("span", bt, z(D.action == g(q).enum.approveDraft ? "approve" : "reject"), 1),
             l[3] || (l[3] = De(" this draft. Please provider a remark to justify this action. "))
           ]),
-          _($, {
+          _(T, {
             modelValue: e.value,
             "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
             label: "Remark",
             "label-mark": "required",
-            rules: [g(Je)()]
+            rules: [g(Ze)()]
           }, null, 8, ["modelValue", "rules"]),
-          o("div", bt, [
-            _(T, {
+          o("div", xt, [
+            _(R, {
               label: "Cancel",
               variant: "tertiary",
               onClick: l[1] || (l[1] = (s) => D.onCancel())
             }),
-            _(T, {
+            _(R, {
               label: D.action == g(q).enum.approveDraft ? "Approve" : "Reject",
               type: "submit",
               variant: D.action == g(q).enum.approveDraft ? "primary" : "destructive",
@@ -100,43 +100,43 @@ const Se = Ze((n, r) => {
       }, 8, ["disabled"]);
     };
   }
-}), xt = ye(0);
-function Ne(n) {
+}), ht = ye(0);
+function ze(n) {
   const r = n.measurementsAmounts.groupBy((i) => i.measurement.id), e = n.sku.unit.measurements.reduce((i, u) => {
     var D, l;
-    const b = ((l = (D = r.get(u.id)) == null ? void 0 : D[0]) == null ? void 0 : l.amount) ?? xt, h = Ce(u.conversion, b);
-    return i + +M(h);
-  }, +M(n.baseAmount));
-  return Qe(e, n.baseAmount.precision);
+    const b = ((l = (D = r.get(u.id)) == null ? void 0 : D[0]) == null ? void 0 : l.amount) ?? ht, h = Ce(u.conversion, b);
+    return i + +P(h);
+  }, +P(n.baseAmount));
+  return Je(e, n.baseAmount.precision);
 }
-const ht = ye(0), At = ye(100);
-function _t(n, r, e) {
-  const i = Ne(n), u = Me(i, r), b = r.amount === 0 ? null : Pe(u, {
+const At = ye(0), _t = ye(100);
+function Dt(n, r, e) {
+  const i = ze(n), u = Me(i, r), b = r.amount === 0 ? null : Pe(u, {
     ...r,
     amount: Math.abs(r.amount)
-  }), h = b ? Ce(b, At) : null;
+  }), h = b ? Ce(b, _t) : null;
   return {
     code: n.sku.code,
     name: n.sku.name,
     baseUnit: n.sku.unit.abbrev,
-    baseUnitAmount: +M(n.baseAmount),
+    baseUnitAmount: +P(n.baseAmount),
     ...n.measurementsAmounts.filter(
-      (l) => Dt(l.measurement) && e.includes(l.measurement.id)
+      (l) => kt(l.measurement) && e.includes(l.measurement.id)
     ).reduce(
-      (l, $, T) => (l[`measurementAbbrev${T}`] = `(${$.measurement.abbrev}) × ${M($.measurement.conversion)}`, l[`measurementAmount${T}`] = +M($.amount), l),
+      (l, T, R) => (l[`measurementAbbrev${R}`] = `(${T.measurement.abbrev}) × ${P(T.measurement.conversion)}`, l[`measurementAmount${R}`] = +P(T.amount), l),
       {}
     ),
-    systemBalance: +M(r),
-    physicalBalance: +M(i),
-    adjustedAmount: +M(u),
-    adjustedDiffPercentage: h ? +M(Ie(h, 2)) : null
+    systemBalance: +P(r),
+    physicalBalance: +P(i),
+    adjustedAmount: +P(u),
+    adjustedDiffPercentage: h ? +P(Ie(h, 2)) : null
   };
 }
-function Dt(n) {
+function kt(n) {
   return !n.abbrev.toLocaleLowerCase().includes("inactive");
 }
-function kt(n) {
-  const r = Oe(n);
+function wt(n) {
+  const r = Ne(n);
   return n.reduce(
     (e, i) => {
       var u;
@@ -145,13 +145,13 @@ function kt(n) {
     0
   );
 }
-function Oe(n) {
+function Ne(n) {
   return n.groupBy(
     (r) => r.sku._id,
     (r) => r.measurementsAmounts.filter((e) => !e.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((e) => e.measurement.id)
   );
 }
-function wt(n) {
+function Ct(n) {
   return [
     {
       id: "code",
@@ -197,54 +197,54 @@ function wt(n) {
     ])
   ];
 }
-function Ct(n, r) {
-  var C, y, v, j, N, w, I;
+function jt(n, r) {
+  var S, y, v, B, N, C, U;
   const e = r.groupBy(
-    (R) => R.id,
-    (R) => R.balance
-  ), i = [...n.items, ...n.negativeStockItems ?? []], u = Oe(i), b = i.map((R) => {
+    (M) => M.id,
+    (M) => M.balance
+  ), i = [...n.items, ...n.negativeStockItems ?? []], u = Ne(i), b = i.map((M) => {
     var K, se;
-    const Q = ((K = e.get(R.sku._id)) == null ? void 0 : K[0]) ?? ht, X = ((se = u == null ? void 0 : u.get(R.sku._id)) == null ? void 0 : se[0]) ?? [];
-    return _t(R, Q, X);
-  }), h = kt(i), l = ut().currentBusiness.value, $ = wt(h), T = [
+    const Q = ((K = e.get(M.sku._id)) == null ? void 0 : K[0]) ?? At, X = ((se = u == null ? void 0 : u.get(M.sku._id)) == null ? void 0 : se[0]) ?? [];
+    return Dt(M, Q, X);
+  }), h = wt(i), l = ut().currentBusiness.value, T = Ct(h), R = [
     ["Business name:", l == null ? void 0 : l.name],
     ["Business ID:", l == null ? void 0 : l._id],
     ["Menu version", l == null ? void 0 : l.menuVersion],
     ["Created at", new Date(n.createdAt)],
-    ["Created by", (C = n.createdBy) == null ? void 0 : C.name],
+    ["Created by", (S = n.createdBy) == null ? void 0 : S.name],
     ["Updated at", new Date(n.updatedAt)],
     ["Updated by", (y = n.updatedBy) == null ? void 0 : y.name],
     ["Recent action", n.approvedAt ? "Approve" : n.rejectionHistory ? "Reject" : ""],
     [
       "Action by",
-      n.approvedAt ? (v = n.approvedBy) == null ? void 0 : v.name : n.rejectionHistory ? (N = (j = n.rejectionHistory[0]) == null ? void 0 : j.rejectedBy) == null ? void 0 : N.name : ""
+      n.approvedAt ? (v = n.approvedBy) == null ? void 0 : v.name : n.rejectionHistory ? (N = (B = n.rejectionHistory[0]) == null ? void 0 : B.rejectedBy) == null ? void 0 : N.name : ""
     ],
     [
       "Action at",
-      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((w = n.rejectionHistory[0]) == null ? void 0 : w.rejectedAt) : ""
+      n.approvedAt ? new Date(n.approvedAt) : n.rejectionHistory ? new Date((C = n.rejectionHistory[0]) == null ? void 0 : C.rejectedAt) : ""
     ],
     [
       "Action remark",
-      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date((I = n.rejectionHistory[0]) == null ? void 0 : I.rejectRemark) : ""
+      n.approvedAt ? n.approveRemark : n.rejectionHistory ? new Date((U = n.rejectionHistory[0]) == null ? void 0 : U.rejectRemark) : ""
     ],
     [],
-    $.map((R) => R.name),
-    ...b.map((R) => $.map((Q) => R[Q.id]))
-  ], P = $.map((R) => `system:${R.id}`), s = Xe(T, P), p = `[${l == null ? void 0 : l.name}] closing draft (${et(new Date(n.updatedAt))}).xlsx`;
-  return tt(s, p), p;
+    T.map((M) => M.name),
+    ...b.map((M) => T.map((Q) => M[Q.id]))
+  ], I = T.map((M) => `system:${M.id}`), s = Qe(R, I), p = `[${l == null ? void 0 : l.name}] closing draft (${Xe(new Date(n.updatedAt))}).xlsx`;
+  return et(s, p), p;
 }
-const _e = Le(
+const _e = He(
   "closingDraftActions",
   function() {
-    const r = dt(), e = je(), i = Ue(), u = Se(), b = ze(), h = V(!1), D = V();
+    const r = dt(), e = je(), i = tt(), u = Se(), b = Le(), h = V(!1), D = V();
     function l(y) {
       const v = {
         draft: y
       };
       D.value = v, h.value = !0;
     }
-    async function $(y) {
-      var j;
+    async function T(y) {
+      var B;
       if (y.status === le.enum.COMPLETED) {
         const N = y.closingId;
         if (!N)
@@ -255,18 +255,18 @@ const _e = Le(
           }), console.error("Closing draft is completed but closing document cannot be found.", {
             draftId: y == null ? void 0 : y._id
           }), [];
-        const w = await i.getClosingById(N);
-        return (w == null ? void 0 : w.skus) ?? [];
+        const C = await i.getClosingById(N);
+        return (C == null ? void 0 : C.skus) ?? [];
       } else
-        return await b.readStockBalance(), ((j = b.stockBalance) == null ? void 0 : j.skus) ?? [];
+        return await b.readStockBalance(), ((B = b.stockBalance) == null ? void 0 : B.skus) ?? [];
     }
-    async function T(y, v) {
+    async function R(y, v) {
       v || (e.open({
         title: "Exporting",
         message: "Fetching data..."
-      }), v = await $(y)), Ct(y, v);
+      }), v = await T(y)), jt(y, v);
     }
-    function P(y, v) {
+    function I(y, v) {
       r.open({
         title: "Approve draft",
         contentComponent: $e,
@@ -308,16 +308,16 @@ const _e = Le(
         type: "success"
       }), v == null || v();
     }
-    function C() {
+    function S() {
       h.value = !1;
     }
     return {
       viewDraft: l,
-      closeDraftDialog: C,
-      approveDraft: P,
+      closeDraftDialog: S,
+      approveDraft: I,
       rejectDraft: s,
       syncDraft: p,
-      exportDraft: T,
+      exportDraft: R,
       viewClosingDraftShow: h,
       viewClosingDraftProps: D
     };
@@ -335,10 +335,10 @@ function Ae(n) {
       return "fm-status-badge-complete";
   }
 }
-const jt = Le(
+const St = He(
   "closingDraftTable",
   function() {
-    const { t: r } = He(), e = _e(), i = V(new Array()), u = V(!1), b = we(), h = Se();
+    const { t: r } = Ee(), e = _e(), i = V(new Array()), u = V(!1), b = we(), h = Se();
     async function D() {
       if (i.value = [], !!b._currentLocation) {
         u.value = !0;
@@ -358,7 +358,7 @@ const jt = Le(
         try {
           const [p] = await Promise.all([
             h.getDraft(s),
-            new Promise((C) => setTimeout(C, 1e3))
+            new Promise((S) => setTimeout(S, 1e3))
           ]);
           i.value = [p];
         } catch (p) {
@@ -368,19 +368,19 @@ const jt = Le(
         }
       }
     }
-    function $() {
+    function T() {
       e.closeDraftDialog(), D();
     }
-    function T(s, p) {
+    function R(s, p) {
       switch (p = ot(p), s) {
         case xe.Details:
           return e.viewDraft(p);
         case xe.Export:
           return e.exportDraft(p);
         case q.enum.approveDraft:
-          return e.approveDraft(p, $);
+          return e.approveDraft(p, T);
         case q.enum.rejectDraft:
-          return e.rejectDraft(p, $);
+          return e.rejectDraft(p, T);
       }
     }
     return {
@@ -425,7 +425,7 @@ const jt = Le(
           id: "recentRemark",
           accessorFn: (s) => {
             var p;
-            return (s == null ? void 0 : s.approveRemark) ?? ((p = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : p.computeFirst((C) => C.rejectRemark)) ?? s.remark;
+            return (s == null ? void 0 : s.approveRemark) ?? ((p = s == null ? void 0 : s.rejectionHistory) == null ? void 0 : p.computeFirst((S) => S.rejectRemark)) ?? s.remark;
           },
           header: () => "Recent remark"
         },
@@ -436,8 +436,8 @@ const jt = Le(
           enableSorting: !1,
           cell(s) {
             var N;
-            const p = s.row.original, C = p.status, y = new Date(p.updatedAt), v = (N = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : N.computeFirst((w) => w.rejectedAt), j = v ? new Date(v) : null;
-            return C === "DRAFT" && j ? j.getTime() > y.getTime() ? k(
+            const p = s.row.original, S = p.status, y = new Date(p.updatedAt), v = (N = p == null ? void 0 : p.rejectionHistory) == null ? void 0 : N.computeFirst((C) => C.rejectedAt), B = v ? new Date(v) : null;
+            return S === "DRAFT" && B ? B.getTime() > y.getTime() ? k(
               "div",
               {
                 class: "flex"
@@ -469,9 +469,9 @@ const jt = Le(
               k(
                 "div",
                 {
-                  class: ["fm-status-badge", Ae(C)]
+                  class: ["fm-status-badge", Ae(S)]
                 },
-                Ee(C)
+                Ue(S)
               )
             );
           }
@@ -479,7 +479,7 @@ const jt = Le(
         {
           id: "action",
           cell(s) {
-            const p = s.row.original, C = [
+            const p = s.row.original, S = [
               Fe[xe.Details],
               Fe[xe.Export]
             ], y = [
@@ -496,10 +496,10 @@ const jt = Le(
             ];
             return nt(
               [
-                ...C,
+                ...S,
                 ...p.status === le.enum.DRAFT ? y : []
               ],
-              (v) => T(v, p)
+              (v) => R(v, p)
             );
           },
           enableSorting: !1,
@@ -516,34 +516,34 @@ const jt = Le(
       loadDraft: l
     };
   }
-), St = { class: "w-full flex flex-col gap-32" }, Bt = { class: "flex justify-between" }, Ft = { class: "flex" }, $t = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Tt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Rt = { class: "flex gap-1" }, Mt = { class: "fm-typo-en-body-lg-600" }, Pt = { class: "flex flex-col gap-16" }, It = { class: "flex items-center" }, Ut = { key: 0 }, Et = {
+), Bt = { class: "w-full flex flex-col gap-32" }, Ft = { class: "flex justify-between" }, $t = { class: "flex" }, Tt = { class: "grid grid-cols-[repeat(4,1fr)] xs:flex xs:flex-col sm:flex sm:flex-col gap-8" }, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mt = { class: "flex gap-1" }, Pt = { class: "fm-typo-en-body-lg-600" }, It = { class: "flex flex-col gap-16" }, Ut = { class: "flex items-center" }, Et = { key: 0 }, Ht = {
   key: 0,
   class: "w-full flex flex-col items-center"
-}, Ht = { class: "flex items-center gap-8" }, Lt = {
+}, Lt = { class: "flex items-center gap-8" }, zt = {
   key: 0,
   class: "flex gap-8"
-}, zt = { class: "overflow-x-auto" }, Nt = {
+}, Nt = { class: "overflow-x-auto" }, Ot = {
   key: 1,
   class: "flex-1 xs:w-screen xs:max-w-full"
-}, Ot = {
+}, Vt = {
   key: 0,
   class: "flex flex-col items-center gap-8 h-full"
-}, Vt = ["src"], Yt = {
+}, Yt = ["src"], Kt = {
   key: 1,
   class: "px-4 flex flex-col"
-}, Kt = { class: "flex gap-12 content-stretch" }, Gt = {
+}, Gt = { class: "flex gap-12 content-stretch" }, Wt = {
   class: "flex flex-col w-24",
   name: "circles"
-}, Wt = { class: "flex-1 flex flex-col items-center" }, qt = { class: "flex-1 flex flex-col items-center" }, Zt = {
+}, qt = { class: "flex-1 flex flex-col items-center" }, Zt = { class: "flex-1 flex flex-col items-center" }, Jt = {
   class: "py-12 flex flex-col gap-4",
   name: "received-at header"
-}, Jt = { class: "fm-typo-en-body-lg-400" }, Qt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Xt = { class: "flex gap-12 content-stretch" }, ea = {
+}, Qt = { class: "fm-typo-en-body-lg-400" }, Xt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ea = { class: "flex gap-12 content-stretch" }, ta = {
   class: "flex flex-col w-24",
   name: "circles"
-}, ta = { class: "flex-1 flex flex-col items-center" }, aa = {
+}, aa = { class: "flex-1 flex flex-col items-center" }, na = {
   class: "py-12 flex flex-col gap-4 flex-1",
   name: "delivery details"
-}, na = { class: "flex flex-col gap-8" }, oa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, sa = { class: "flex flex-col gap-4" }, ra = { class: "flex gap-8" }, la = /* @__PURE__ */ ke({
+}, oa = { class: "flex flex-col gap-8" }, sa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ra = { class: "flex flex-col gap-4" }, la = { class: "flex gap-8" }, ca = /* @__PURE__ */ ke({
   __name: "ClosingDraftDialog",
   props: {
     show: { type: Boolean },
@@ -551,38 +551,38 @@ const jt = Le(
   },
   emits: ["submitted"],
   setup(n, { emit: r }) {
-    const e = n, i = ze(), u = _e(), b = mt(e, "show"), h = V(!1), D = V(!1), l = V(new Array()), $ = Ue(), T = je(), P = st(), s = Ye({}), p = E(() => new Set(
-      P.skus.filter((a) => {
+    const e = n, i = Le(), u = _e(), b = mt(e, "show"), h = V(!1), D = V(!1), l = V(new Array()), T = vt(), R = je(), I = st(), s = Ve({}), p = H(() => new Set(
+      I.skus.filter((a) => {
         var t;
         return s[(t = a.customAttributes) == null ? void 0 : t.tag];
       }).map((a) => a._id)
-    )), C = r, y = E(() => {
+    )), S = r, y = H(() => {
       var t, c;
       const a = [...((t = e.draft) == null ? void 0 : t.items) ?? [], ...((c = e.draft) == null ? void 0 : c.negativeStockItems) ?? []];
       return p.value.size ? a.filter((m) => p.value.has(m.sku._id)) : a;
-    }), v = E(() => {
+    }), v = H(() => {
       const a = y.value.map((t) => t.sku);
       return a.sort((t, c) => t.code.localeCompare(c.code)), a;
-    }), j = E(() => y.value.groupBy(
+    }), B = H(() => y.value.groupBy(
       (t) => t.sku._id,
       (t) => t.measurementsAmounts.filter((c) => !c.measurement.abbrev.toLocaleLowerCase().includes("inactive")).map((c) => c.measurement.id)
     ));
-    Ke(I), Ge(
+    Ye(U), Ke(
       () => e.show,
       (a) => {
-        a && (te.value = ee[0], I());
+        a && (te.value = ee[0], U());
       }
     );
-    const N = ye(0), w = ye(100);
-    async function I() {
+    const N = ye(0), C = ye(100);
+    async function U() {
       var t, c, m;
       h.value = !0;
       const a = ((t = e.draft) == null ? void 0 : t.status) === le.enum.COMPLETED;
       try {
-        if (await P.init(), a) {
-          const d = e.draft.closingId;
+        if (await I.init(), a) {
+          const d = e.draft.closingAdjustmentId;
           if (!d) {
-            T.open({
+            R.open({
               title: "Something went wrong",
               message: "Closing draft is completed but closing document cannot be found.",
               type: "error"
@@ -591,12 +591,16 @@ const jt = Le(
             });
             return;
           }
-          const f = await $.getClosingById(d);
-          l.value = (f == null ? void 0 : f.skus) ?? [];
+          const f = await T.readAdjustmentById(d), w = (f == null ? void 0 : f.skus) ?? [];
+          l.value = w.map((F) => ({
+            id: F.sku._id,
+            balance: F.fromBalance,
+            costs: F.fromCostBalances
+          }));
         } else
           await i.readStockBalance(), l.value = ((m = i.stockBalance) == null ? void 0 : m.skus) ?? [];
       } catch (d) {
-        T.open({
+        R.open({
           title: "Something went wrong",
           message: "Something went wrong when fetching info. Please try again.",
           type: "error"
@@ -605,12 +609,12 @@ const jt = Le(
         h.value = !1;
       }
     }
-    const R = E(
+    const M = H(
       () => l.value.groupBy(
         (a) => a.id,
         (a) => a.balance
       )
-    ), Q = E(() => y.value.groupBy((a) => a.sku._id));
+    ), Q = H(() => y.value.groupBy((a) => a.sku._id));
     function X(a) {
       return k(
         de.FmTooltip,
@@ -625,10 +629,10 @@ const jt = Le(
         }
       );
     }
-    const K = E(() => {
+    const K = H(() => {
       const a = v.value.reduce((c, m) => {
         var d, f;
-        return Math.max(c, ((f = (d = j.value) == null ? void 0 : d.get(m._id)) == null ? void 0 : f[0].length) ?? 0);
+        return Math.max(c, ((f = (d = B.value) == null ? void 0 : d.get(m._id)) == null ? void 0 : f[0].length) ?? 0);
       }, 0);
       return [
         {
@@ -637,7 +641,7 @@ const jt = Le(
           header: () => "Name",
           size: 350,
           cell(c) {
-            const m = c.row.original, d = m.adjustedDiffPercentage, f = typeof d == "number" && Math.abs(d) > 10, S = k("div", { class: "flex flex-col gap-4" }, [
+            const m = c.row.original, d = m.adjustedDiffPercentage, f = typeof d == "number" && Math.abs(d) > 10, w = k("div", { class: "flex flex-col gap-4" }, [
               k(
                 "div",
                 {
@@ -670,7 +674,7 @@ const jt = Le(
                 },
                 default() {
                   return k("div", { class: "flex items-center gap-4 justify-start w-full" }, [
-                    S
+                    w
                   ]);
                 }
               }
@@ -753,7 +757,7 @@ const jt = Le(
           header: () => "Amounts",
           enableSorting: !1,
           cell(c) {
-            const m = c.row.original, d = (S, H) => k(
+            const m = c.row.original, d = (w, F) => k(
               de.FmTooltip,
               { zIndex: 50 },
               {
@@ -764,29 +768,29 @@ const jt = Le(
                       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"
                     },
                     [
-                      k("span", { class: "text-fm-color-typo-primary" }, `${S} `),
+                      k("span", { class: "text-fm-color-typo-primary" }, `${w} `),
                       k(
                         "span",
                         {
                           class: "text-fm-color-typo-secondary",
                           style: { maxWidth: "80px" }
                         },
-                        H
+                        F
                       )
                     ]
                   );
                 },
                 content() {
-                  return `${S} ${H}`;
+                  return `${w} ${F}`;
                 }
               }
             );
-            let f = Array.from({ length: a }).map((S, H) => {
-              if (!m[`measurementAmount${H}`])
+            let f = Array.from({ length: a }).map((w, F) => {
+              if (!m[`measurementAmount${F}`])
                 return null;
-              const B = m[`measurementAmount${H}`], ie = m[`measurementAbbrev${H}`];
-              return d(B, ie);
-            }).filter((S) => S);
+              const j = m[`measurementAmount${F}`], ie = m[`measurementAbbrev${F}`];
+              return d(j, ie);
+            }).filter((w) => w);
             return (m.baseUnitAmount || !f.length) && (f = [d(m.baseUnitAmount, m.baseUnit), ...f]), k(
               "div",
               {
@@ -800,39 +804,39 @@ const jt = Le(
           }
         }
       ];
-    }), se = E(() => K.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), ce = V(""), fe = E(() => v.value.map((a) => {
-      var B, ie;
-      const t = (B = Q.value.get(a._id)) == null ? void 0 : B[0], c = ((ie = R.value.get(a._id)) == null ? void 0 : ie[0]) ?? N;
+    }), se = H(() => K.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), ce = V(""), fe = H(() => v.value.map((a) => {
+      var j, ie;
+      const t = (j = Q.value.get(a._id)) == null ? void 0 : j[0], c = ((ie = M.value.get(a._id)) == null ? void 0 : ie[0]) ?? N;
       if (!t)
         return {
           code: a.code,
           name: a.name,
           baseUnit: a.unit.abbrev,
           baseUnitAmount: 0,
-          systemBalance: +M(c),
+          systemBalance: +P(c),
           physicalBalance: 0,
-          adjustedAmount: -+M(c),
+          adjustedAmount: -+P(c),
           adjustedDiffPercentage: -100
         };
-      const m = Ne(t), d = Me(m, c), f = c.amount === 0 ? null : Pe(d, {
+      const m = ze(t), d = Me(m, c), f = c.amount === 0 ? null : Pe(d, {
         ...c,
         amount: Math.abs(c.amount)
-      }), S = f ? Ce(f, w) : null;
+      }), w = f ? Ce(f, C) : null;
       return {
         code: a.code,
         name: a.name,
         baseUnit: a.unit.abbrev,
-        baseUnitAmount: +M(t.baseAmount),
+        baseUnitAmount: +P(t.baseAmount),
         ...t.measurementsAmounts.filter((ae) => {
           var G, re, be;
-          return (be = (re = (G = j.value) == null ? void 0 : G.get(a._id)) == null ? void 0 : re[0]) == null ? void 0 : be.includes(ae.measurement.id);
-        }).reduce((ae, G, re) => (ae[`measurementAbbrev${re}`] = `(${G.measurement.abbrev}) × ${M(G.measurement.conversion)}`, ae[`measurementAmount${re}`] = +M(G.amount), ae), {}),
-        systemBalance: +M(c),
-        physicalBalance: +M(m),
-        adjustedAmount: +M(d),
-        adjustedDiffPercentage: S ? +M(Ie(S, 2)) : null
+          return (be = (re = (G = B.value) == null ? void 0 : G.get(a._id)) == null ? void 0 : re[0]) == null ? void 0 : be.includes(ae.measurement.id);
+        }).reduce((ae, G, re) => (ae[`measurementAbbrev${re}`] = `(${G.measurement.abbrev}) × ${P(G.measurement.conversion)}`, ae[`measurementAmount${re}`] = +P(G.amount), ae), {}),
+        systemBalance: +P(c),
+        physicalBalance: +P(m),
+        adjustedAmount: +P(d),
+        adjustedDiffPercentage: w ? +P(Ie(w, 2)) : null
       };
-    })), ge = E(() => {
+    })), ge = H(() => {
       var t, c, m;
       if (!e.draft) return [];
       const a = e.draft.approvedAt ? {
@@ -897,7 +901,7 @@ const jt = Le(
         label: "Action history",
         value: "history"
       }
-    ], te = V(ee[0]), Z = E(() => {
+    ], te = V(ee[0]), Z = H(() => {
       var t, c, m, d;
       return [
         ...(((t = e.draft) == null ? void 0 : t.rejectionHistory) ?? []).map(
@@ -933,18 +937,18 @@ const jt = Le(
           }
         ] : []
       ];
-    }), pe = E(() => {
-      var d, f, S, H;
+    }), pe = H(() => {
+      var d, f, w, F;
       if ((d = e == null ? void 0 : e.draft) != null && d.approvedAt) return "Draft is already approved.";
       if (((f = e.draft) == null ? void 0 : f.status) !== le.enum.DRAFT) return "Status is not draft.";
-      const a = fe.value.some((B) => B.physicalBalance < 0), t = ((H = (S = i.stockBalance.skus) == null ? void 0 : S.filter((B) => B.balance.amount < 0)) == null ? void 0 : H.map((B) => B.id)) ?? [], c = new Set(v.value.map((B) => B._id)), m = t.filter((B) => !c.has(B)).length;
+      const a = fe.value.some((j) => j.physicalBalance < 0), t = ((F = (w = i.stockBalance.skus) == null ? void 0 : w.filter((j) => j.balance.amount < 0)) == null ? void 0 : F.map((j) => j.id)) ?? [], c = new Set(v.value.map((j) => j._id)), m = t.filter((j) => !c.has(j)).length;
       return [
         a ? "Negative total exist." : null,
         m ? "Negative stock is not included in this draft. Reopen draft in POS and apply changes." : null
-      ].filter((B) => B).join(" ");
+      ].filter((j) => j).join(" ");
     });
     return (a, t) => {
-      const c = U("FmButtonGroup"), m = U("FmMenuDivider"), d = U("FmCard"), f = U("FmButton"), S = U("FmCircularProgress"), H = U("FmTextField"), B = U("FmIcon"), ie = U("FmChip"), ae = U("FmTable"), G = U("FmSpacer"), re = U("FmTooltip"), be = U("FmSideSheet");
+      const c = E("FmButtonGroup"), m = E("FmMenuDivider"), d = E("FmCard"), f = E("FmButton"), w = E("FmCircularProgress"), F = E("FmTextField"), j = E("FmIcon"), ie = E("FmChip"), ae = E("FmTable"), G = E("FmSpacer"), re = E("FmTooltip"), be = E("FmSideSheet");
       return x(), J(be, {
         "dismiss-away": "",
         "max-width": 9999,
@@ -955,8 +959,8 @@ const jt = Le(
         "side-sheet-footer": Y(() => {
           var A, L, O, ue;
           return [
-            o("div", ra, [
-              ((A = e.draft) == null ? void 0 : A.status) === g(le).enum.DRAFT ? (x(), F(W, { key: 0 }, [
+            o("div", la, [
+              ((A = e.draft) == null ? void 0 : A.status) === g(le).enum.DRAFT ? (x(), $(W, { key: 0 }, [
                 pe.value ? (x(), J(re, {
                   key: 0,
                   "z-index": 51
@@ -969,21 +973,21 @@ const jt = Le(
                       disabled: "",
                       key: "approve key",
                       label: "Approve",
-                      onClick: t[3] || (t[3] = () => e.draft && g(u).approveDraft(e.draft, () => C("submitted")))
+                      onClick: t[3] || (t[3] = () => e.draft && g(u).approveDraft(e.draft, () => S("submitted")))
                     })
                   ]),
                   _: 1
                 })) : (x(), J(f, {
                   key: "approve key",
                   label: "Approve",
-                  onClick: t[4] || (t[4] = () => e.draft && g(u).approveDraft(e.draft, () => C("submitted")))
+                  onClick: t[4] || (t[4] = () => e.draft && g(u).approveDraft(e.draft, () => S("submitted")))
                 }))
               ], 64)) : ne("", !0),
               ((L = e.draft) == null ? void 0 : L.status) === g(le).enum.DRAFT ? (x(), J(f, {
                 key: 1,
                 label: "Reject",
                 variant: "destructive",
-                onClick: t[5] || (t[5] = () => e.draft && g(u).rejectDraft(e.draft, () => C("submitted")))
+                onClick: t[5] || (t[5] = () => e.draft && g(u).rejectDraft(e.draft, () => S("submitted")))
               })) : ne("", !0),
               (O = e.draft) != null && O.approvedAt && ((ue = e.draft) == null ? void 0 : ue.status) !== g(le).enum.COMPLETED ? (x(), J(f, {
                 key: 2,
@@ -991,7 +995,7 @@ const jt = Le(
                 loading: D.value,
                 onClick: t[6] || (t[6] = () => {
                   e.draft && (D.value = !0, g(u).syncDraft(e.draft, () => {
-                    D.value = !1, C("submitted");
+                    D.value = !1, S("submitted");
                   }));
                 })
               }, null, 8, ["loading"])) : ne("", !0),
@@ -1004,7 +1008,7 @@ const jt = Le(
           ];
         }),
         default: Y(() => [
-          o("div", St, [
+          o("div", Bt, [
             o("div", null, [
               _(c, {
                 items: ee,
@@ -1012,7 +1016,7 @@ const jt = Le(
                 "onUpdate:modelValue": t[0] || (t[0] = (A) => te.value = A)
               }, null, 8, ["modelValue"])
             ]),
-            te.value.value === "overview" ? (x(), F(W, { key: 0 }, [
+            te.value.value === "overview" ? (x(), $(W, { key: 0 }, [
               _(d, {
                 variant: "outlined",
                 class: "flex flex-col gap-8 px-12 py-16"
@@ -1020,34 +1024,34 @@ const jt = Le(
                 default: Y(() => {
                   var A, L;
                   return [
-                    o("div", Bt, [
+                    o("div", Ft, [
                       t[9] || (t[9] = o("div", { class: "fm-typo-en-body-lg-600" }, "Closing summary", -1)),
-                      o("div", Ft, [
+                      o("div", $t, [
                         o("div", {
                           class: me(["fm-status-badge", g(Ae)(((A = a.draft) == null ? void 0 : A.status) ?? "DRAFT")])
-                        }, z(g(Ee)(((L = a.draft) == null ? void 0 : L.status) ?? "")), 3)
+                        }, z(g(Ue)(((L = a.draft) == null ? void 0 : L.status) ?? "")), 3)
                       ])
                     ]),
                     _(m),
-                    o("div", $t, [
-                      (x(!0), F(W, null, ve(ge.value, (O, ue) => (x(), F("div", {
+                    o("div", Tt, [
+                      (x(!0), $(W, null, ve(ge.value, (O, ue) => (x(), $("div", {
                         class: "flex flex-col gap-4",
                         key: ue
                       }, [
-                        o("div", Tt, [
-                          o("div", Rt, z(O.label), 1)
+                        o("div", Rt, [
+                          o("div", Mt, z(O.label), 1)
                         ]),
-                        o("div", Mt, z(O.value), 1)
+                        o("div", Pt, z(O.value), 1)
                       ]))), 128))
                     ])
                   ];
                 }),
                 _: 1
               }),
-              o("div", Pt, [
-                o("div", It, [
+              o("div", It, [
+                o("div", Ut, [
                   t[10] || (t[10] = o("div", { class: "flex-1 fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, " Closing items ", -1)),
-                  h.value ? ne("", !0) : (x(), F("div", Ut, [
+                  h.value ? ne("", !0) : (x(), $("div", Et, [
                     _(f, {
                       label: "Export data",
                       "prepend-icon": "download",
@@ -1059,25 +1063,25 @@ const jt = Le(
                     })
                   ]))
                 ]),
-                h.value ? (x(), F("div", Et, [
+                h.value ? (x(), $("div", Ht, [
                   t[12] || (t[12] = o("div", { class: "h-80" }, null, -1)),
-                  o("div", Ht, [
+                  o("div", Lt, [
                     o("div", null, [
-                      _(S, { size: "md" })
+                      _(w, { size: "md" })
                     ]),
                     t[11] || (t[11] = o("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Fetching info... ", -1))
                   ]),
                   t[13] || (t[13] = o("div", { class: "h-80" }, null, -1))
-                ])) : (x(), F(W, { key: 1 }, [
+                ])) : (x(), $(W, { key: 1 }, [
                   o("div", null, [
-                    _(H, {
+                    _(F, {
                       modelValue: ce.value,
                       "onUpdate:modelValue": t[2] || (t[2] = (A) => ce.value = A),
                       placeholder: "Filter items"
                     }, null, 8, ["modelValue"])
                   ]),
-                  g(P).skuTags.size ? (x(), F("div", Lt, [
-                    (x(!0), F(W, null, ve(g(P).skuTags.keys(), (A) => (x(), J(ie, {
+                  g(I).skuTags.size ? (x(), $("div", zt, [
+                    (x(!0), $(W, null, ve(g(I).skuTags.keys(), (A) => (x(), J(ie, {
                       key: `${A}`,
                       label: `${A}`,
                       selectable: "",
@@ -1085,7 +1089,7 @@ const jt = Le(
                       onClick: (L) => s[`${A}`] = !s[`${A}`]
                     }, {
                       default: Y(() => [
-                        s[`${A}`] ? (x(), J(B, {
+                        s[`${A}`] ? (x(), J(j, {
                           key: 0,
                           name: "check",
                           class: "text-white",
@@ -1104,7 +1108,7 @@ const jt = Le(
                       _: 2
                     }, 1032, ["label", "selected", "onClick"]))), 128))
                   ])) : ne("", !0),
-                  o("div", zt, [
+                  o("div", Nt, [
                     o("div", {
                       style: Re({ minWidth: `${se.value}px` })
                     }, [
@@ -1118,12 +1122,12 @@ const jt = Le(
                 ], 64))
               ])
             ], 64)) : ne("", !0),
-            te.value.value === "history" ? (x(), F("div", Nt, [
-              Z.value.length ? (x(), F("div", Yt, [
-                (x(!0), F(W, null, ve(Z.value, (A, L) => (x(), F(W, { key: L }, [
-                  o("div", Kt, [
-                    o("div", Gt, [
-                      o("div", Wt, [
+            te.value.value === "history" ? (x(), $("div", Ot, [
+              Z.value.length ? (x(), $("div", Kt, [
+                (x(!0), $(W, null, ve(Z.value, (A, L) => (x(), $(W, { key: L }, [
+                  o("div", Gt, [
+                    o("div", Wt, [
+                      o("div", qt, [
                         o("div", {
                           class: me([
                             {
@@ -1135,7 +1139,7 @@ const jt = Le(
                         }, null, 2)
                       ]),
                       t[16] || (t[16] = o("div", { class: "h-24 w-24 bg-fm-color-primary rounded-full" }, null, -1)),
-                      o("div", qt, [
+                      o("div", Zt, [
                         o("div", {
                           class: me([
                             {
@@ -1147,14 +1151,14 @@ const jt = Le(
                         }, null, 2)
                       ])
                     ]),
-                    o("div", Zt, [
-                      o("div", Jt, z(A.header), 1),
-                      o("div", Qt, z(A.date), 1)
+                    o("div", Jt, [
+                      o("div", Qt, z(A.header), 1),
+                      o("div", Xt, z(A.date), 1)
                     ])
                   ]),
-                  o("div", Xt, [
-                    o("div", ea, [
-                      o("div", ta, [
+                  o("div", ea, [
+                    o("div", ta, [
+                      o("div", aa, [
                         o("div", {
                           class: me([
                             {
@@ -1166,21 +1170,21 @@ const jt = Le(
                         }, null, 2)
                       ])
                     ]),
-                    o("div", aa, [
+                    o("div", na, [
                       _(d, {
                         variant: "outlined",
                         class: "py-12 px-16"
                       }, {
                         default: Y(() => [
-                          o("div", na, [
-                            (x(!0), F(W, null, ve(A.info, (O, ue) => (x(), F("div", {
+                          o("div", oa, [
+                            (x(!0), $(W, null, ve(A.info, (O, ue) => (x(), $("div", {
                               key: ue,
                               class: "flex flex-col gap-4"
                             }, [
-                              o("div", oa, z(O == null ? void 0 : O.label), 1),
-                              o("div", sa, [
-                                (x(!0), F(W, null, ve(O == null ? void 0 : O.values, (Be, Ve) => (x(), F("div", {
-                                  key: Ve,
+                              o("div", sa, z(O == null ? void 0 : O.label), 1),
+                              o("div", ra, [
+                                (x(!0), $(W, null, ve(O == null ? void 0 : O.values, (Be, Oe) => (x(), $("div", {
+                                  key: Oe,
                                   class: "fm-typo-en-body-lg-600"
                                 }, z(Be), 1))), 128))
                               ])
@@ -1192,13 +1196,13 @@ const jt = Le(
                     ])
                   ])
                 ], 64))), 128))
-              ])) : (x(), F("div", Ot, [
+              ])) : (x(), $("div", Vt, [
                 _(G),
                 o("div", null, [
                   o("img", {
-                    src: g(vt),
+                    src: g(yt),
                     alt: "List is empty"
-                  }, null, 8, Vt)
+                  }, null, 8, Yt)
                 ]),
                 t[14] || (t[14] = o("div", { class: "fm-typo-en-body-lg-600" }, z("No records found"), -1)),
                 t[15] || (t[15] = o("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary px-16" }, z("You can track approval and rejection history here"), -1)),
@@ -1212,22 +1216,22 @@ const jt = Le(
       }, 8, ["model-value"]);
     };
   }
-}), ca = { class: "flex-1 flex flex-col gap-8" }, ia = { class: "flex flex-col" }, ua = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, da = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ma = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, fa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Aa = /* @__PURE__ */ ke({
+}), ia = { class: "flex-1 flex flex-col gap-8" }, ua = { class: "flex flex-col" }, da = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ma = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, fa = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, pa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, _a = /* @__PURE__ */ ke({
   __name: "ClosingDraftView",
   setup(n) {
-    const { t: r } = He(), { viewDraft: e } = _e(), { viewClosingDraftProps: i, viewClosingDraftShow: u } = pt(_e()), b = we(), h = jt(), D = rt(), { breakpoints: l } = ft();
+    const { t: r } = Ee(), { viewDraft: e } = _e(), { viewClosingDraftProps: i, viewClosingDraftShow: u } = pt(_e()), b = we(), h = St(), D = rt(), { breakpoints: l } = ft();
     b.watchLocation(h.fetchDrafts);
-    const $ = E(() => h.loading), T = V(""), P = E(() => l.value.xs || l.value.sm), s = E(() => P.value ? 10 : 20);
+    const T = H(() => h.loading), R = V(""), I = H(() => l.value.xs || l.value.sm), s = H(() => I.value ? 10 : 20);
     function p(v) {
       switch (v) {
         case "refresh":
           return h.fetchDrafts();
       }
     }
-    function C(v) {
+    function S(v) {
       return v;
     }
-    const y = E(() => P.value ? [
+    const y = H(() => I.value ? [
       {
         label: "Refresh",
         value: "refresh",
@@ -1240,9 +1244,9 @@ const jt = Le(
         isPrimary: !1
       }
     ]);
-    return (v, j) => {
-      const N = U("FmTable");
-      return x(), F(W, null, [
+    return (v, B) => {
+      const N = E("FmTable");
+      return x(), $(W, null, [
         _(lt, {
           title: g(r)("inventory.closing.draft.title"),
           actions: y.value,
@@ -1253,63 +1257,63 @@ const jt = Le(
               class: me([
                 "flex flex-col gap-8 max-h-full",
                 {
-                  "p-0": P.value,
-                  "px-24 ": !P.value
+                  "p-0": I.value,
+                  "px-24 ": !I.value
                 }
               ])
             }, [
               _(ct, {
                 "change-location": "",
                 searchable: "",
-                search: T.value,
-                "onUpdate:search": j[0] || (j[0] = (w) => T.value = w)
+                search: R.value,
+                "onUpdate:search": B[0] || (B[0] = (C) => R.value = C)
               }, null, 8, ["search"]),
               _(N, {
                 style: Re(g(D).tableHeight),
                 "column-defs": g(h).columnDefs,
                 "row-data": g(h).drafts,
-                "search-value": T.value,
-                loading: $.value,
-                onRowClick: j[1] || (j[1] = (w) => g(e)(w.original)),
+                "search-value": R.value,
+                loading: T.value,
+                onRowClick: B[1] || (B[1] = (C) => g(e)(C.original)),
                 "page-size": s.value
               }, {
-                "list-row": Y((w) => [
+                "list-row": Y((C) => [
                   _(it, {
-                    row: w,
-                    onRowClick: (I) => g(e)(I)
+                    row: C,
+                    onRowClick: (U) => g(e)(U)
                   }, {
-                    default: Y((I) => {
-                      var R, Q, X, K, se, ce, fe, ge, ee, te, Z, pe, a, t, c, m, d, f, S, H;
+                    default: Y((U) => {
+                      var M, Q, X, K, se, ce, fe, ge, ee, te, Z, pe, a, t, c, m, d, f, w, F;
                       return [
-                        o("div", ca, [
-                          o("div", ia, [
-                            o("div", ua, [
+                        o("div", ia, [
+                          o("div", ua, [
+                            o("div", da, [
                               _(g(he), {
-                                render: (X = (Q = (R = I._id) == null ? void 0 : R.column) == null ? void 0 : Q.columnDef) == null ? void 0 : X.cell,
-                                props: (se = (K = I._id) == null ? void 0 : K.getContext) == null ? void 0 : se.call(K)
+                                render: (X = (Q = (M = U._id) == null ? void 0 : M.column) == null ? void 0 : Q.columnDef) == null ? void 0 : X.cell,
+                                props: (se = (K = U._id) == null ? void 0 : K.getContext) == null ? void 0 : se.call(K)
                               }, null, 8, ["render", "props"])
                             ]),
-                            o("div", da, [
+                            o("div", ma, [
                               _(g(he), {
-                                render: (ge = (fe = (ce = I.name) == null ? void 0 : ce.column) == null ? void 0 : fe.columnDef) == null ? void 0 : ge.cell,
-                                props: (te = (ee = I.name) == null ? void 0 : ee.getContext) == null ? void 0 : te.call(ee)
+                                render: (ge = (fe = (ce = U.name) == null ? void 0 : ce.column) == null ? void 0 : fe.columnDef) == null ? void 0 : ge.cell,
+                                props: (te = (ee = U.name) == null ? void 0 : ee.getContext) == null ? void 0 : te.call(ee)
                               }, null, 8, ["render", "props"])
                             ]),
-                            o("div", ma, z([
-                              ...w.original.items.slice(0, 3).map((B) => B.sku.name),
-                              ...w.original.items.length >= 3 ? [`and ${w.original.items.length - 3} more items`] : []
+                            o("div", fa, z([
+                              ...C.original.items.slice(0, 3).map((j) => j.sku.name),
+                              ...C.original.items.length >= 3 ? [`and ${C.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            o("div", fa, [
+                            o("div", pa, [
                               _(g(he), {
-                                render: (a = (pe = (Z = I.ref) == null ? void 0 : Z.column) == null ? void 0 : pe.columnDef) == null ? void 0 : a.cell,
-                                props: (c = (t = I.ref) == null ? void 0 : t.getContext) == null ? void 0 : c.call(t)
+                                render: (a = (pe = (Z = U.ref) == null ? void 0 : Z.column) == null ? void 0 : pe.columnDef) == null ? void 0 : a.cell,
+                                props: (c = (t = U.ref) == null ? void 0 : t.getContext) == null ? void 0 : c.call(t)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           o("div", null, [
                             _(g(he), {
-                              render: (f = (d = (m = I.status) == null ? void 0 : m.column) == null ? void 0 : d.columnDef) == null ? void 0 : f.cell,
-                              props: (H = (S = I.status) == null ? void 0 : S.getContext) == null ? void 0 : H.call(S)
+                              render: (f = (d = (m = U.status) == null ? void 0 : m.column) == null ? void 0 : d.columnDef) == null ? void 0 : f.cell,
+                              props: (F = (w = U.status) == null ? void 0 : w.getContext) == null ? void 0 : F.call(w)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -1324,11 +1328,11 @@ const jt = Le(
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (x(), J(We, { to: "body" }, [
-          _(la, qe(g(i), {
+        (x(), J(Ge, { to: "body" }, [
+          _(ca, We(g(i), {
             show: g(u),
-            "onUpdate:show": j[2] || (j[2] = (w) => Te(u) ? u.value = w : null),
-            onSubmitted: j[3] || (j[3] = () => (u.value = !1, g(h).fetchDrafts()))
+            "onUpdate:show": B[2] || (B[2] = (C) => Te(u) ? u.value = C : null),
+            onSubmitted: B[3] || (B[3] = () => (u.value = !1, g(h).fetchDrafts()))
           }), null, 16, ["show"])
         ]))
       ], 64);
@@ -1336,5 +1340,5 @@ const jt = Le(
   }
 });
 export {
-  Aa as default
+  _a as default
 };