@feedmepos/mf-inventory-portal 0.0.20-dev.1 → 0.0.21-dev.1

package/dist/{TransferDialog.vue_vue_type_script_setup_true_lang-DN7NCT72.js → TransferDialog.vue_vue_type_script_setup_true_lang-q75hFaSf.js}

@@ -1,23 +1,23 @@
-import { reactive as He, onMounted as ze, computed as P, h as M, getCurrentInstance as Ee, watch as $e, defineComponent as se, openBlock as T, createElementBlock as V, Fragment as ve, renderList as Pe, createElementVNode as i, toDisplayString as A, unref as e, resolveComponent as I, createVNode as C, withCtx as D, createCommentVNode as K, ref as L, createBlock as z, normalizeClass as Ie, normalizeStyle as Je, isRef as ie } from "vue";
-import { useBreakpoints as Xe, components as re, FmButtonVariant as et, useSnackbar as Ve, useDialog as tt, useProxiedModel as st } from "@feedmepos/ui-library";
+import { reactive as Ee, onMounted as Le, computed as T, h as M, getCurrentInstance as Oe, watch as $e, defineComponent as se, openBlock as P, createElementBlock as A, Fragment as ve, renderList as Te, createElementVNode as d, toDisplayString as D, unref as e, resolveComponent as I, createVNode as k, withCtx as V, createCommentVNode as K, ref as L, createBlock as z, normalizeClass as Ie, normalizeStyle as Ze, isRef as ie } from "vue";
+import { useBreakpoints as Ke, components as re, FmButtonVariant as Qe, useSnackbar as Ae, useDialog as Ge, useProxiedModel as Je } from "@feedmepos/ui-library";
 import { F as fe } from "./row-action.enum-PMKMRrZR.js";
-import { P as $, e as je, d as ot } from "./format-unit-display-DJpElzu_.js";
-import { a as j, t as nt, a5 as Fe, D as at, b as We, R as Le, a2 as lt, a3 as rt, r as it, a4 as qe, G as Ye, l as ut, A as Ce, M as dt, a6 as Ze, c as ct, a9 as pt, O as Ae, P as Ke, aa as mt, j as De, ab as ft, u as Re, ac as yt, ad as vt, ae as bt, E as _t, af as gt, y as kt } from "./app-P7rGzGsF.js";
-import { _ as Qe, u as Ct } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-BTOE1vFl.js";
+import { P as $, e as qe, d as Xe } from "./purchase-order-transaction-type-B9KguKXt.js";
+import { a as j, t as et, a8 as Fe, D as tt, b as Ne, R as Be, a2 as st, a3 as ot, r as nt, a4 as Ue, G as He, l as at, A as ke, M as lt, a9 as ze, c as rt, aa as it, O as De, P as je, ab as ut, j as Ve, ac as dt, u as Re, ad as ct, ae as pt, af as mt, E as ft, ag as yt, y as vt } from "./app-CmxCdDLB.js";
+import { _ as We, u as bt } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-Y3A-wRZm.js";
 import { useI18n as de } from "@feedmepos/mf-common";
 import "vue-router";
-import { u as he } from "./supplier-DsUIjl-L.js";
-import { F as ue, _ as ht } from "./layout-D-zXtsSp.js";
-import { _ as wt } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-function te(o, m, r, s) {
-  var u, c, k;
-  if (s != null && s.manualTotalCost)
-    return s == null ? void 0 : s.manualTotalCost;
-  const f = (k = (c = (u = s == null ? void 0 : s.supplier) == null ? void 0 : u.supplyItems) == null ? void 0 : c.find(
-    (b) => b.skuId === o._id
-  )) == null ? void 0 : k.defaultCost, t = o.defaultCost, a = f ?? t, x = a == null ? void 0 : a.costPerUnit, p = x ? a != null && a.measurement ? +j(x) / +j(a == null ? void 0 : a.measurement.conversion) : +j(x) : void 0, n = p ? r ? p * +j(r.conversion) : p : void 0, l = n ? +j(m) * n : void 0;
+import { u as he } from "./supplier-D1iKgl2Z.js";
+import { F as ue, _ as gt } from "./layout-DTjCHRyt.js";
+import { _ as _t } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+function te(s, m, r, n) {
+  var u, c, C;
+  if (n != null && n.manualTotalCost)
+    return n == null ? void 0 : n.manualTotalCost;
+  const f = (C = (c = (u = n == null ? void 0 : n.supplier) == null ? void 0 : u.supplyItems) == null ? void 0 : c.find(
+    (b) => b.skuId === s._id
+  )) == null ? void 0 : C.defaultCost, t = s.defaultCost, a = f ?? t, x = a == null ? void 0 : a.costPerUnit, p = x ? a != null && a.measurement ? +j(x) / +j(a == null ? void 0 : a.measurement.conversion) : +j(x) : void 0, o = p ? r ? p * +j(r.conversion) : p : void 0, l = o ? +j(m) * o : void 0;
   return l ? {
-    ...nt(l ?? 0, 2),
+    ...et(l ?? 0, 2),
     currency: Fe()
   } : {
     amount: 0,
@@ -25,33 +25,33 @@ function te(o, m, r, s) {
     currency: Fe()
   };
 }
-var E = /* @__PURE__ */ ((o) => (o.Code = "Code", o.Name = "Name", o.Amount = "Amount", o.Cost = "Cost", o.Delete = "Delete", o))(E || {});
-const xt = () => {
-  const { t: o } = de();
+var E = /* @__PURE__ */ ((s) => (s.Code = "Code", s.Name = "Name", s.Amount = "Amount", s.Cost = "Cost", s.Delete = "Delete", s))(E || {});
+const Ct = () => {
+  const { t: s } = de();
   return M(
-    Qe,
+    We,
     {
       zIndex: 50,
       class: "whitespace-nowrap"
     },
-    o("inventory.transfer.form.items.table.Cost", [Ze()])
+    s("inventory.transfer.form.items.table.Cost", [ze()])
   );
 };
-function St(o) {
-  const { t: m } = de(), r = He({}), { breakpoints: s } = Xe(), f = We();
-  ze(() => {
-    for (const p of o.items) {
+function kt(s) {
+  const { t: m } = de(), r = Ee({}), { breakpoints: n } = Ke(), f = Ne();
+  Le(() => {
+    for (const p of s.items) {
       if (!p.totalCost)
         continue;
-      const n = te(p.sku, p.quantity, p.measurement, {
-        supplier: o.supplier
-      }), l = p.totalCost ?? at.reset();
-      n ? r[p.sku._id] = n.amount !== l.amount || n.precision !== l.precision : r[p.sku._id] = !0;
+      const o = te(p.sku, p.quantity, p.measurement, {
+        supplier: s.supplier
+      }), l = p.totalCost ?? tt.reset();
+      o ? r[p.sku._id] = o.amount !== l.amount || o.precision !== l.precision : r[p.sku._id] = !0;
     }
   });
   function t(p) {
-    var l, v, u, c, k, b, h;
-    return !!(((v = (l = p.defaultCost) == null ? void 0 : l.costPerUnit) == null ? void 0 : v.amount) ?? ((h = (b = (k = (c = (u = o.supplier) == null ? void 0 : u.supplyItems) == null ? void 0 : c.find((w) => w.skuId === p._id)) == null ? void 0 : k.defaultCost) == null ? void 0 : b.costPerUnit) == null ? void 0 : h.amount));
+    var l, v, u, c, C, b, h;
+    return !!(((v = (l = p.defaultCost) == null ? void 0 : l.costPerUnit) == null ? void 0 : v.amount) ?? ((h = (b = (C = (c = (u = s.supplier) == null ? void 0 : u.supplyItems) == null ? void 0 : c.find((w) => w.skuId === p._id)) == null ? void 0 : C.defaultCost) == null ? void 0 : b.costPerUnit) == null ? void 0 : h.amount));
   }
   const a = [
     {
@@ -60,17 +60,17 @@ function St(o) {
       accessorKey: "code",
       size: 96,
       cell(p) {
-        const n = p.row.original;
+        const o = p.row.original;
         return M(re.FmTextField, {
-          modelValue: n.code,
+          modelValue: o.code,
           "onUpdate:modelValue": (l) => {
-            o.updateItem({
-              ...n,
+            s.updateItem({
+              ...o,
               code: l
             });
           },
-          key: n.sku._id,
-          rules: [Le()],
+          key: o.sku._id,
+          rules: [Be()],
           labelMark: "required"
         });
       },
@@ -81,17 +81,17 @@ function St(o) {
       header: () => m("inventory.transfer.form.items.table.Name"),
       minSize: 300,
       cell(p) {
-        const n = p.row.original;
+        const o = p.row.original;
         return M(re.FmTextField, {
-          modelValue: n.name,
+          modelValue: o.name,
           "onUpdate:modelValue": (l) => {
-            o.updateItem({
-              ...n,
+            s.updateItem({
+              ...o,
               name: l
             });
           },
-          key: n.sku._id,
-          rules: [Le()],
+          key: o.sku._id,
+          rules: [Be()],
           labelMark: "required"
         });
       },
@@ -103,47 +103,48 @@ function St(o) {
       minSize: 200,
       cell(p) {
         var v, u, c;
-        const n = p.row.original, l = (c = (u = (v = o.template) == null ? void 0 : v.purchaseOrder) == null ? void 0 : u.items) == null ? void 0 : c.find(
-          (k) => k.sku._id === n.sku._id
+        const o = p.row.original, l = (c = (u = (v = s.template) == null ? void 0 : v.purchaseOrder) == null ? void 0 : u.items) == null ? void 0 : c.find(
+          (C) => C.sku._id === o.sku._id
         );
-        return M(lt, {
+        return M(st, {
           style: {
             flex: "1 1 0%"
           },
           modelValue: {
-            amount: n.quantity ?? { amount: 1, precision: 0 },
-            measurement: n.measurement ?? null
+            amount: o.quantity ?? { amount: 1, precision: 0 },
+            measurement: o.measurement ?? null
           },
-          key: n.sku._id,
-          unit: n.sku.unit,
-          "onUpdate:modelValue": (k) => {
+          key: o.sku._id,
+          unit: o.sku.unit,
+          "onUpdate:modelValue": (C) => {
             const b = {
-              ...n,
-              quantity: k.amount,
-              measurement: k.measurement
+              ...o,
+              quantity: C.amount,
+              measurement: C.measurement
             };
-            f.enableTotalCost && (b.totalCost = te(n.sku, n.quantity, n.measurement, {
-              supplier: o.supplier,
+            f.enableTotalCost && (b.totalCost = te(o.sku, o.quantity, o.measurement, {
+              supplier: s.supplier,
               // NOTE: set undefined here if `manualTotalCost[row.sku._id] = false`, so that the function
               // will return the auto calculated default cost instead of the manual total cost
-              manualTotalCost: r[n.sku._id] ? b.totalCost : void 0
-            })), o.updateItem(b);
+              manualTotalCost: r[o.sku._id] ? b.totalCost : void 0
+            })), s.updateItem(b);
           },
+          stepperOnly: !!(l != null && l.quantityStep),
           stepper: l == null ? void 0 : l.quantityStep,
           disableUnit: !!l,
-          disabled: o.disabled,
+          disabled: s.disabled,
           rules: [
-            rt(
+            ot(
               +j(
                 (l == null ? void 0 : l.minimumQuantity) ?? {
                   amount: 1,
-                  precision: it(n.sku.unit, n.measurement)
+                  precision: nt(o.sku.unit, o.measurement)
                 }
               )
             ),
-            l != null && l.maximumQuantity ? qe(
+            l != null && l.maximumQuantity ? Ue(
               +j(l == null ? void 0 : l.maximumQuantity)
-            ) : qe(1 / 0)
+            ) : Ue(1 / 0)
           ],
           applyDefaultRules: !0
         });
@@ -152,31 +153,31 @@ function St(o) {
     },
     {
       id: "Cost",
-      header: xt,
+      header: Ct,
       size: 180,
       cell(p) {
-        const n = p.row.original, l = t(n.sku), v = s.value.xs || s.value.sm;
-        return !r[n.sku._id] && l ? M(
+        const o = p.row.original, l = t(o.sku), v = n.value.xs || n.value.sm;
+        return !r[o.sku._id] && l ? M(
           "div",
           {
             class: [
               "flex gap-4 fm-typo-en-body-md-400 items-center",
-              o.disabled ? "text-fm-color-typo-disabled" : ""
+              s.disabled ? "text-fm-color-typo-disabled" : ""
             ],
-            key: n.sku._id
+            key: o.sku._id
           },
           [
             M(re.FmButton, {
               prependIcon: "edit",
-              variant: et.Tertiary,
-              disabled: o.disabled,
+              variant: Qe.Tertiary,
+              disabled: s.disabled,
               onClick() {
-                o.updateItem({
-                  ...n,
-                  totalCost: te(n.sku, n.quantity, n.measurement, {
-                    supplier: o.supplier
+                s.updateItem({
+                  ...o,
+                  totalCost: te(o.sku, o.quantity, o.measurement, {
+                    supplier: s.supplier
                   })
-                }), r[n.sku._id] = !0;
+                }), r[o.sku._id] = !0;
               }
             }),
             M(
@@ -187,13 +188,13 @@ function St(o) {
               [
                 M(
                   "span",
-                  v ? Ye(
-                    te(n.sku, n.quantity, n.measurement, {
-                      supplier: o.supplier
+                  v ? He(
+                    te(o.sku, o.quantity, o.measurement, {
+                      supplier: s.supplier
                     })
                   ) : j(
-                    te(n.sku, n.quantity, n.measurement, {
-                      supplier: o.supplier
+                    te(o.sku, o.quantity, o.measurement, {
+                      supplier: s.supplier
                     })
                   )
                 ),
@@ -202,7 +203,7 @@ function St(o) {
                   {
                     class: [
                       "fm-typo-en-body-sm-400",
-                      o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-neutral-gray-400"
+                      s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-neutral-gray-400"
                     ]
                   },
                   m("inventory.transfer.form.items.autoCalculated")
@@ -213,18 +214,18 @@ function St(o) {
         ) : M(
           re.FmTextField,
           {
-            modelValue: j(n.totalCost ?? { amount: 0, precision: 0 }),
-            key: n.sku._id,
+            modelValue: j(o.totalCost ?? { amount: 0, precision: 0 }),
+            key: o.sku._id,
             "onUpdate:modelValue": (u) => {
-              o.updateItem({
-                ...n,
+              s.updateItem({
+                ...o,
                 totalCost: {
-                  ...ut(+u),
+                  ...at(+u),
                   currency: Fe()
                 }
               });
             },
-            rules: [Ce(0), dt(2)]
+            rules: [ke(0), lt(2)]
           },
           {
             prepend() {
@@ -233,26 +234,26 @@ function St(o) {
                 {
                   class: [
                     "text-fm-typo-en-body-lg-400",
-                    o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                    s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                   ]
                 },
-                Ze()
+                ze()
               ) : null;
             },
             append() {
               return l ? M(re.FmButton, {
                 prependIcon: "close",
                 variant: "tertiary",
-                disabled: o.disabled,
+                disabled: s.disabled,
                 onClick() {
-                  o.updateItem({
-                    ...n,
+                  s.updateItem({
+                    ...o,
                     // NOTE: different from PO template, if a default cost is reenabled,
                     // the total cost will automatically assigned
-                    totalCost: te(n.sku, n.quantity, n.measurement, {
-                      supplier: o.supplier
+                    totalCost: te(o.sku, o.quantity, o.measurement, {
+                      supplier: s.supplier
                     })
-                  }), r[n.sku._id] = !1;
+                  }), r[o.sku._id] = !1;
                 }
               }) : null;
             }
@@ -265,17 +266,17 @@ function St(o) {
       id: "Delete",
       header: "",
       cell(p) {
-        const n = p.row.original;
+        const o = p.row.original;
         return M(re.FmButton, {
-          key: n.sku._id,
+          key: o.sku._id,
           class: "delete-button",
           type: "button",
           icon: "delete",
           variant: "tertiary",
           size: "md",
-          disabled: o.disabled,
+          disabled: s.disabled,
           onClick: () => {
-            o.deleteItem(n);
+            s.deleteItem(o);
           }
         });
       },
@@ -288,55 +289,55 @@ function St(o) {
     }
   ];
   return {
-    columnDefs: P(() => f.enableTotalCost && o.transferType === $.PURCHASE ? a : a.filter(
+    columnDefs: T(() => f.enableTotalCost && s.transferType === $.PURCHASE ? a : a.filter(
       (p) => p.id !== "Cost"
       /* Cost */
     ))
   };
 }
-function Tt(o = "modelValue") {
+function ht(s = "modelValue") {
   var t, a;
-  const m = ((t = Ee()) == null ? void 0 : t.props) ?? {}, r = ((a = Ee()) == null ? void 0 : a.emit) ?? (() => {
-  }), s = He(ct(m[o] ?? {})), f = `update:${pt(o)}`;
-  return $e(s, (x) => {
+  const m = ((t = Oe()) == null ? void 0 : t.props) ?? {}, r = ((a = Oe()) == null ? void 0 : a.emit) ?? (() => {
+  }), n = Ee(rt(m[s] ?? {})), f = `update:${it(s)}`;
+  return $e(n, (x) => {
     r(f, x);
-  }), s;
+  }), n;
 }
-const Pt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, It = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, Ft = { class: "w-[450px] xs:w-full flex" }, $t = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, Vt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ge = /* @__PURE__ */ se({
+const wt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, xt = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, St = { class: "w-[450px] xs:w-full flex" }, Pt = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, Tt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ye = /* @__PURE__ */ se({
   __name: "SupplierPriceHistory",
   props: {
     prices: {}
   },
-  setup(o) {
+  setup(s) {
     const m = he();
-    function r(s) {
-      return m.suppliers.find((f) => f._id === s);
+    function r(n) {
+      return m.suppliers.find((f) => f._id === n);
     }
-    return (s, f) => (T(), V("div", Pt, [
-      (T(!0), V(ve, null, Pe(Object.keys(s.prices), (t) => {
+    return (n, f) => (P(), A("div", wt, [
+      (P(!0), A(ve, null, Te(Object.keys(n.prices), (t) => {
         var a;
-        return T(), V("div", {
+        return P(), A("div", {
           key: t,
           class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
         }, [
-          i("div", It, A((a = r(t)) == null ? void 0 : a.name), 1),
-          i("div", Ft, [
-            (T(!0), V(ve, null, Pe(s.prices[t].slice(0, 3), (x) => {
+          d("div", xt, D((a = r(t)) == null ? void 0 : a.name), 1),
+          d("div", St, [
+            (P(!0), A(ve, null, Te(n.prices[t].slice(0, 3), (x) => {
               var p;
-              return T(), V("div", {
+              return P(), A("div", {
                 key: x.date,
                 class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
               }, [
-                i("div", $t, [
-                  i("span", null, A(x.totalCost ? e(Ye)(x.totalCost) : "No data"), 1),
-                  f[0] || (f[0] = i("span", { class: "text-fm-color-typo-secondary" }, "/", -1)),
-                  i("span", null, A(e(j)(x.totalUnit, !1)), 1),
-                  i("span", null, A(((p = x.measurement) == null ? void 0 : p.abbrev) ?? x.unit.abbrev), 1)
+                d("div", Pt, [
+                  d("span", null, D(x.totalCost ? e(He)(x.totalCost) : "No data"), 1),
+                  f[0] || (f[0] = d("span", { class: "text-fm-color-typo-secondary" }, "/", -1)),
+                  d("span", null, D(e(j)(x.totalUnit, !1)), 1),
+                  d("span", null, D(((p = x.measurement) == null ? void 0 : p.abbrev) ?? x.unit.abbrev), 1)
                 ]),
-                i("div", Vt, [
-                  i("span", null, "(#" + A(x.seqNumber) + ")", 1),
-                  f[1] || (f[1] = i("span", null, A(" "), -1)),
-                  i("span", null, A(e(Ae)(new Date(x.date))), 1)
+                d("div", Tt, [
+                  d("span", null, "(#" + D(x.seqNumber) + ")", 1),
+                  f[1] || (f[1] = d("span", null, D(" "), -1)),
+                  d("span", null, D(e(De)(new Date(x.date))), 1)
                 ])
               ]);
             }), 128))
@@ -345,7 +346,7 @@ const Pt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center
       }), 128))
     ]));
   }
-}), At = { class: "flex flex-col gap-8 py-16" }, Dt = { class: "flex items-center" }, Rt = { class: "flex-1 flex gap-1 items-center" }, Ot = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Bt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ut = { class: "flex gap-8 w-full" }, Mt = { class: "flex-1 flex flex-col gap-4" }, Et = { class: "flex-1 flex flex-col gap-4" }, Lt = { class: "flex gap-8 w-full" }, qt = { class: "flex-1 flex flex-col gap-4" }, Nt = { class: "flex-1 flex flex-col gap-4" }, Ht = /* @__PURE__ */ se({
+}), It = { class: "flex flex-col gap-8 py-16" }, Ft = { class: "flex items-center" }, $t = { class: "flex-1 flex gap-1 items-center" }, At = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Dt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Vt = { class: "flex gap-8 w-full" }, Rt = { class: "flex-1 flex flex-col gap-4" }, Ot = { class: "flex-1 flex flex-col gap-4" }, Bt = { class: "flex gap-8 w-full" }, Ut = { class: "flex-1 flex flex-col gap-4" }, Mt = { class: "flex-1 flex flex-col gap-4" }, Et = /* @__PURE__ */ se({
   __name: "TransferItem",
   props: {
     cellByColId: {},
@@ -353,76 +354,76 @@ const Pt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center
     showComparePrice: { type: Boolean },
     row: {}
   },
-  setup(o) {
+  setup(s) {
     const { t: m } = de();
-    return (r, s) => {
-      var a, x, p, n, l, v, u, c, k, b, h, w, R, O, J, B, W, Q, N, H, G, _, g, U, oe, Y, we;
+    return (r, n) => {
+      var a, x, p, o, l, v, u, c, C, b, h, w, R, O, J, B, W, Q, N, H, G, g, _, U, oe, Y, we;
       const f = I("FmLabel"), t = I("FmSpacer");
-      return T(), V("div", At, [
-        i("div", Dt, [
-          i("div", Rt, [
-            i("span", Ot, " (" + A(r.row.original.sku.code) + ") ", 1),
-            i("span", Bt, A(r.row.original.sku.name), 1)
+      return P(), A("div", It, [
+        d("div", Ft, [
+          d("div", $t, [
+            d("span", At, " (" + D(r.row.original.sku.code) + ") ", 1),
+            d("span", Dt, D(r.row.original.sku.name), 1)
           ]),
-          i("div", null, [
-            C(e(ue), {
+          d("div", null, [
+            k(e(ue), {
               render: (p = (x = (a = r.cellByColId.Delete) == null ? void 0 : a.column) == null ? void 0 : x.columnDef) == null ? void 0 : p.cell,
-              props: (l = (n = r.cellByColId.Delete) == null ? void 0 : n.getContext) == null ? void 0 : l.call(n)
+              props: (l = (o = r.cellByColId.Delete) == null ? void 0 : o.getContext) == null ? void 0 : l.call(o)
             }, null, 8, ["render", "props"])
           ])
         ]),
-        i("div", Ut, [
-          i("div", Mt, [
-            C(f, {
+        d("div", Vt, [
+          d("div", Rt, [
+            k(f, {
               label: e(m)(`inventory.transfer.form.items.table.${e(E).Code}`)
             }, null, 8, ["label"]),
-            C(e(ue), {
+            k(e(ue), {
               render: (c = (u = (v = r.cellByColId[e(E).Code]) == null ? void 0 : v.column) == null ? void 0 : u.columnDef) == null ? void 0 : c.cell,
-              props: (b = (k = r.cellByColId[e(E).Code]) == null ? void 0 : k.getContext) == null ? void 0 : b.call(k)
+              props: (b = (C = r.cellByColId[e(E).Code]) == null ? void 0 : C.getContext) == null ? void 0 : b.call(C)
             }, null, 8, ["render", "props"]),
-            s[0] || (s[0] = i("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            n[0] || (n[0] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          i("div", Et, [
-            C(f, {
+          d("div", Ot, [
+            k(f, {
               label: e(m)(`inventory.transfer.form.items.table.${e(E).Name}`)
             }, null, 8, ["label"]),
-            C(e(ue), {
+            k(e(ue), {
               render: (R = (w = (h = r.cellByColId[e(E).Name]) == null ? void 0 : h.column) == null ? void 0 : w.columnDef) == null ? void 0 : R.cell,
               props: (J = (O = r.cellByColId[e(E).Name]) == null ? void 0 : O.getContext) == null ? void 0 : J.call(O)
             }, null, 8, ["render", "props"]),
-            s[1] || (s[1] = i("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            n[1] || (n[1] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ]),
-        i("div", Lt, [
-          i("div", qt, [
-            C(f, {
+        d("div", Bt, [
+          d("div", Ut, [
+            k(f, {
               label: e(m)(`inventory.transfer.form.items.table.${e(E).Amount}`)
             }, null, 8, ["label"]),
-            C(e(ue), {
+            k(e(ue), {
               render: (Q = (W = (B = r.cellByColId[e(E).Amount]) == null ? void 0 : B.column) == null ? void 0 : W.columnDef) == null ? void 0 : Q.cell,
               props: (H = (N = r.cellByColId[e(E).Amount]) == null ? void 0 : N.getContext) == null ? void 0 : H.call(N)
             }, null, 8, ["render", "props"]),
-            s[2] || (s[2] = i("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            n[2] || (n[2] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          i("div", Nt, [
-            C(Qe, { "z-index": 50 }, {
-              default: D(() => [
-                C(f, {
+          d("div", Mt, [
+            k(We, { "z-index": 50 }, {
+              default: V(() => [
+                k(f, {
                   label: e(m)(`inventory.transfer.form.items.table.${e(E).Cost}2`)
                 }, null, 8, ["label"])
               ]),
               _: 1
             }),
-            C(e(ue), {
-              render: (g = (_ = (G = r.cellByColId[e(E).Cost]) == null ? void 0 : G.column) == null ? void 0 : _.columnDef) == null ? void 0 : g.cell,
+            k(e(ue), {
+              render: (_ = (g = (G = r.cellByColId[e(E).Cost]) == null ? void 0 : G.column) == null ? void 0 : g.columnDef) == null ? void 0 : _.cell,
               props: (oe = (U = r.cellByColId[e(E).Cost]) == null ? void 0 : U.getContext) == null ? void 0 : oe.call(U)
             }, null, 8, ["render", "props"]),
-            s[3] || (s[3] = i("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            n[3] || (n[3] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ]),
-        r.showComparePrice && Object.keys(r.comparePriceBySku[(Y = r.row.original.sku) == null ? void 0 : Y._id] ?? {}).length > 0 ? (T(), V(ve, { key: 0 }, [
-          C(t, { class: "h-8" }),
-          C(Ge, {
+        r.showComparePrice && Object.keys(r.comparePriceBySku[(Y = r.row.original.sku) == null ? void 0 : Y._id] ?? {}).length > 0 ? (P(), A(ve, { key: 0 }, [
+          k(t, { class: "h-8" }),
+          k(Ye, {
             prices: r.comparePriceBySku[(we = r.row.original.sku) == null ? void 0 : we._id]
           }, null, 8, ["prices"])
         ], 64)) : K("", !0)
@@ -430,143 +431,143 @@ const Pt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center
     };
   }
 });
-function ye(o) {
-  return mt.parse(o);
+function ye(s) {
+  return ut.parse(s);
 }
-function ke(o) {
+function Ce(s) {
   return {
-    _id: o.doc._id,
-    internal: o.type,
-    contactName: o.doc.profile.name,
-    name: o.doc.profile.name,
-    email: o.doc.profile.email,
-    phoneNumber: o.doc.profile.phoneNo,
-    registrationNumber: o.doc.profile.regNo,
-    address: o.doc.profile.address
+    _id: s.doc._id,
+    internal: s.type,
+    contactName: s.doc.profile.name,
+    name: s.doc.profile.name,
+    email: s.doc.profile.email,
+    phoneNumber: s.doc.profile.phoneNo,
+    registrationNumber: s.doc.profile.regNo,
+    address: s.doc.profile.address
   };
 }
-function zt(o, m) {
-  const r = he(), s = De(), f = P(() => !s.businessLevel);
-  s.watchLocation(async () => {
+function Lt(s, m) {
+  const r = he(), n = Ve(), f = T(() => !n.businessLevel);
+  n.watchLocation(async () => {
     await r.readSuppliers();
-    const u = o();
+    const u = s();
     if (u.supplier._id) return;
-    const c = s.businessLevel ? r.businessSuppliers[0] : r.suppliers[0], b = (f.value ? s.locations.filter((h) => h.doc._id !== s.currentLocation.doc._id) : s.locations)[0];
+    const c = n.businessLevel ? r.businessSuppliers[0] : r.suppliers[0], b = (f.value ? n.locations.filter((h) => h.doc._id !== n.currentLocation.doc._id) : n.locations)[0];
     m({
       ...u,
-      supplier: c ? ye(c) : b ? ke(b) : u.supplier
+      supplier: c ? ye(c) : b ? Ce(b) : u.supplier
     });
   });
-  const t = P(
+  const t = T(
     () => {
       var u, c;
-      return typeof ((c = (u = o()) == null ? void 0 : u.supplier) == null ? void 0 : c.internal) == "string" ? $.TRANSFER : $.PURCHASE;
+      return typeof ((c = (u = s()) == null ? void 0 : u.supplier) == null ? void 0 : c.internal) == "string" ? $.TRANSFER : $.PURCHASE;
     }
-  ), a = P({
+  ), a = T({
     get() {
       var u, c;
-      return (c = (u = o()) == null ? void 0 : u.supplier) == null ? void 0 : c._id;
+      return (c = (u = s()) == null ? void 0 : u.supplier) == null ? void 0 : c._id;
     },
     set(u) {
-      const c = o() ?? {};
+      const c = s() ?? {};
       if (t.value === $.PURCHASE) {
-        const R = (s.businessLevel ? r.businessSuppliers : r.suppliers).find((O) => O._id === u);
+        const R = (n.businessLevel ? r.businessSuppliers : r.suppliers).find((O) => O._id === u);
         m({
           ...c,
           supplier: R ? ye(R) : c.supplier
         });
         return;
       }
-      const h = (f.value ? s.locations.filter((w) => w.doc._id !== s.currentLocation.doc._id) : s.locations).find((w) => w.doc._id === u);
+      const h = (f.value ? n.locations.filter((w) => w.doc._id !== n.currentLocation.doc._id) : n.locations).find((w) => w.doc._id === u);
       m({
         ...c,
-        supplier: h ? ke(h) : c.supplier
+        supplier: h ? Ce(h) : c.supplier
       });
     }
-  }), x = P(() => r.locationSuppliers.map(ye)), p = P(() => r.businessSuppliers.map(ye)), n = P(() => {
-    var k;
-    const u = ((k = s._currentLocation) == null ? void 0 : k.type) === Ke.warehouse;
-    return (f.value ? s.locations.filter((b) => b.doc._id !== s.currentLocation.doc._id) : s.locations).filter((b) => u || b.acceptRequest).map(ke);
-  }), l = P(() => {
+  }), x = T(() => r.locationSuppliers.map(ye)), p = T(() => r.businessSuppliers.map(ye)), o = T(() => {
+    var C;
+    const u = ((C = n._currentLocation) == null ? void 0 : C.type) === je.warehouse;
+    return (f.value ? n.locations.filter((b) => b.doc._id !== n.currentLocation.doc._id) : n.locations).filter((b) => u || b.acceptRequest).map(Ce);
+  }), l = T(() => {
     if (t.value === $.PURCHASE) {
       const c = x.value.map((b) => ({
         label: b.name,
         value: b._id
-      })), k = p.value.map((b) => ({
+      })), C = p.value.map((b) => ({
         label: b.name,
         sublabel: "Business supplier",
         value: b._id
       }));
-      return s.businessLevel ? k : [...c, ...k];
+      return n.businessLevel ? C : [...c, ...C];
     }
-    return n.value.map((c) => ({
+    return o.value.map((c) => ({
       label: c.name,
       sublabel: c.internal ? `${c.internal}` : void 0,
       value: c._id
     }));
-  }), v = P(() => {
+  }), v = T(() => {
     var b, h;
-    const u = (h = (b = o()) == null ? void 0 : b.supplier) == null ? void 0 : h._id;
+    const u = (h = (b = s()) == null ? void 0 : b.supplier) == null ? void 0 : h._id;
     if (t.value === $.PURCHASE) {
       const w = r.suppliers.find((R) => R._id === u);
       return w ? ye(w) : null;
     }
-    const k = s.locations.find((w) => w.doc._id);
-    return k ? ke(k) : null;
+    const C = n.locations.find((w) => w.doc._id);
+    return C ? Ce(C) : null;
   });
   return {
     transferLocationModel: a,
     transferLocationOptions: l,
     locationOptionsTypePurchase: x,
-    locationOptionsTypeTransfer: n,
+    locationOptionsTypeTransfer: o,
     selectedLocation: v
   };
 }
-function jt(o) {
-  const m = P({
+function qt(s) {
+  const m = T({
     get() {
-      const t = o.getEffectiveAt();
+      const t = s.getEffectiveAt();
       return t ? new Date(t) : null;
     },
     set(t) {
-      o.setEffectiveAt((t == null ? void 0 : t.toISOString()) ?? null);
+      s.setEffectiveAt((t == null ? void 0 : t.toISOString()) ?? null);
     }
-  }), r = P({
+  }), r = T({
     get() {
       return !!m.value;
     },
     set(t) {
       t ? m.value = /* @__PURE__ */ new Date() : m.value = null;
     }
-  }), s = P({
+  }), n = T({
     get() {
-      return m.value === null ? "" : Ae(m.value);
+      return m.value === null ? "" : De(m.value);
     },
     set(t) {
       t ? m.value = /* @__PURE__ */ new Date(`${t} ${f.value}`) : m.value = null;
     }
-  }), f = P({
+  }), f = T({
     get() {
-      return m.value === null ? "" : ft(m.value);
+      return m.value === null ? "" : dt(m.value);
     },
     set(t) {
-      t ? m.value = /* @__PURE__ */ new Date(`${s.value} ${t}`) : m.value = null;
+      t ? m.value = /* @__PURE__ */ new Date(`${n.value} ${t}`) : m.value = null;
     }
   });
   return {
     backdatePo: m,
     backdateSwitch: r,
-    backdateModel: s,
+    backdateModel: n,
     backdateTimeModel: f
   };
 }
-const Wt = {
+const Nt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Yt = ["fill"], Zt = ["fill"], Kt = ["stroke"], Qt = ["stroke"], Gt = /* @__PURE__ */ se({
+}, Ht = ["fill"], zt = ["fill"], jt = ["stroke"], Wt = ["stroke"], Yt = /* @__PURE__ */ se({
   __name: "SparkIcon",
   props: {
     size: {
@@ -578,44 +579,44 @@ const Wt = {
       default: "#c7c7cc"
     }
   },
-  setup(o) {
-    return (m, r) => (T(), V("svg", Wt, [
-      i("path", {
+  setup(s) {
+    return (m, r) => (P(), A("svg", Nt, [
+      d("path", {
         d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
-        fill: o.color
-      }, null, 8, Yt),
-      i("path", {
+        fill: s.color
+      }, null, 8, Ht),
+      d("path", {
         d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
-        fill: o.color
-      }, null, 8, Zt),
-      i("path", {
+        fill: s.color
+      }, null, 8, zt),
+      d("path", {
         d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
-        stroke: o.color,
+        stroke: s.color,
         "stroke-width": "1.5",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-      }, null, 8, Kt),
-      i("path", {
+      }, null, 8, jt),
+      d("path", {
         d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
-        stroke: o.color,
+        stroke: s.color,
         "stroke-width": "1.5",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-      }, null, 8, Qt)
+      }, null, 8, Wt)
     ]));
   }
-}), Jt = { class: "flex gap-8 items-center" }, Xt = { class: "fm-typo-en-body-lg-600 line-clamp-1" }, es = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, ts = { class: "flex items-center w-full" }, ss = { class: "flex-1" }, os = { class: "fm-typo-en-title-sm-800" }, ns = { class: "flex items-start gap-8" }, as = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ls = { class: "flex gap-1" }, Ne = /* @__PURE__ */ se({
+}), Zt = { class: "flex gap-8 items-center" }, Kt = { class: "fm-typo-en-body-lg-600 line-clamp-1" }, Qt = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, Gt = { class: "flex items-center w-full" }, Jt = { class: "flex-1" }, Xt = { class: "fm-typo-en-title-sm-800" }, es = { class: "flex items-start gap-8" }, ts = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ss = { class: "flex gap-1" }, Me = /* @__PURE__ */ se({
   __name: "ForecastStock",
   props: {
     disabled: { type: Boolean }
   },
   emits: ["update:poItems"],
-  setup(o, { emit: m }) {
-    const r = m, s = L(!1), f = L(7), t = Ct(), a = Ve(), x = Re(), { t: p } = de();
-    async function n() {
+  setup(s, { emit: m }) {
+    const r = m, n = L(!1), f = L(7), t = bt(), a = Ae(), x = Re(), { t: p } = de();
+    async function o() {
       if (f.value < 1)
         return;
-      s.value = !1, await t.readPurchaseOrder(f.value);
+      n.value = !1, await t.readPurchaseOrder(f.value);
       const l = [];
       if (t.purchaseOrderForecast.skus.length <= 0) {
         a.open({
@@ -625,13 +626,13 @@ const Wt = {
         return;
       }
       const v = t.purchaseOrderForecast.skus.reduce((u, c) => {
-        const k = x.skus.find((w) => w._id === c.id);
-        if (u.find((w) => w.sku._id === c.id) || !k)
+        const C = x.skus.find((w) => w._id === c.id);
+        if (u.find((w) => w.sku._id === c.id) || !C)
           return u;
         const h = {
-          sku: k,
-          code: k.code,
-          name: k.name,
+          sku: C,
+          code: C.code,
+          name: C.name,
           quantity: {
             amount: c.amount,
             precision: 0
@@ -642,15 +643,15 @@ const Wt = {
       r("update:poItems", v);
     }
     return (l, v) => {
-      const u = I("FmButton"), c = I("FmIcon"), k = I("FmStepperField"), b = I("FmPopover");
-      return T(), z(b, {
+      const u = I("FmButton"), c = I("FmIcon"), C = I("FmStepperField"), b = I("FmPopover");
+      return P(), z(b, {
         disabled: l.disabled,
         class: "flex",
-        "show-popover": s.value,
-        onPopoverChanged: v[3] || (v[3] = (h) => s.value = h)
+        "show-popover": n.value,
+        onPopoverChanged: v[3] || (v[3] = (h) => n.value = h)
       }, {
-        "popover-button": D(() => [
-          C(u, {
+        "popover-button": V(() => [
+          k(u, {
             label: "unused",
             variant: "secondary",
             "text-color": l.disabled ? "disabled" : "primary",
@@ -658,64 +659,64 @@ const Wt = {
             "border-color": l.disabled ? "disabled" : "primary",
             disabled: l.disabled
           }, {
-            default: D(() => [
-              i("div", Jt, [
-                C(Gt, {
+            default: V(() => [
+              d("div", Zt, [
+                k(Yt, {
                   size: 24,
                   color: l.disabled ? "#c7c7cc" : "#ff7823"
                 }, null, 8, ["color"]),
-                i("div", Xt, A(e(p)("inventory.transfer.form.items.forecastStock.title")), 1)
+                d("div", Kt, D(e(p)("inventory.transfer.form.items.forecastStock.title")), 1)
               ])
             ]),
             _: 1
           }, 8, ["text-color", "border-color", "disabled"])
         ]),
-        default: D(() => [
-          i("div", es, [
-            i("div", ts, [
-              i("div", ss, [
-                C(wt, { "z-index": 99 }, {
-                  default: D(() => [
-                    i("p", os, A(e(p)("inventory.transfer.form.items.forecastStock.title")), 1)
+        default: V(() => [
+          d("div", Qt, [
+            d("div", Gt, [
+              d("div", Jt, [
+                k(_t, { "z-index": 99 }, {
+                  default: V(() => [
+                    d("p", Xt, D(e(p)("inventory.transfer.form.items.forecastStock.title")), 1)
                   ]),
                   _: 1
                 })
               ]),
-              C(u, {
+              k(u, {
                 icon: "close",
                 size: "md",
                 variant: "tertiary",
-                onClick: v[0] || (v[0] = (h) => s.value = !1)
+                onClick: v[0] || (v[0] = (h) => n.value = !1)
               })
             ]),
-            C(k, {
+            k(C, {
               modelValue: f.value,
               "onUpdate:modelValue": v[1] || (v[1] = (h) => f.value = h),
               label: e(p)("inventory.transfer.form.items.forecastStock.days"),
-              rules: [e(Ce)(1)]
+              rules: [e(ke)(1)]
             }, {
-              "helper-text": D(() => [
-                i("div", ns, [
-                  C(c, {
+              "helper-text": V(() => [
+                d("div", es, [
+                  k(c, {
                     name: "warning",
                     size: "sm",
                     class: "text-fm-color-system-warning-300"
                   }),
-                  i("div", as, A(e(p)("inventory.transfer.form.items.forecastStock.replace")), 1)
+                  d("div", ts, D(e(p)("inventory.transfer.form.items.forecastStock.replace")), 1)
                 ])
               ]),
               _: 1
             }, 8, ["modelValue", "label", "rules"]),
-            i("div", ls, [
-              v[4] || (v[4] = i("div", { class: "grow" }, null, -1)),
-              C(u, {
+            d("div", ss, [
+              v[4] || (v[4] = d("div", { class: "grow" }, null, -1)),
+              k(u, {
                 label: e(p)("common.cancel"),
                 variant: "tertiary",
-                onClick: v[2] || (v[2] = (h) => s.value = !1)
+                onClick: v[2] || (v[2] = (h) => n.value = !1)
               }, null, 8, ["label"]),
-              C(u, {
+              k(u, {
                 label: e(p)("inventory.transfer.form.items.forecastStock.generate"),
-                onClick: n
+                onClick: o
               }, null, 8, ["label"])
             ])
           ])
@@ -725,25 +726,25 @@ const Wt = {
     };
   }
 });
-function rs() {
-  const o = Ve(), m = je(), r = L(!1);
+function os() {
+  const s = Ae(), m = qe(), r = L(!1);
   $e(r, (a) => {
-    a && (f.value = !0, s().finally(() => {
+    a && (f.value = !0, n().finally(() => {
       f.value = !1;
     }));
   });
-  async function s() {
+  async function n() {
     try {
-      const { startDate: a, endDate: x } = yt(6), l = (await m.getPurchaseOrders({ start: a, end: x })).filter(
+      const { startDate: a, endDate: x } = ct(6), l = (await m.getPurchaseOrders({ start: a, end: x })).filter(
         (v) => {
           var u, c;
-          return v.status === vt.enum.COMPLETE && ((u = v.supplier) == null ? void 0 : u.internal) !== "warehouse" && ((c = v.supplier) == null ? void 0 : c.internal) !== "restaurant";
+          return v.status === pt.enum.COMPLETE && ((u = v.supplier) == null ? void 0 : u.internal) !== "warehouse" && ((c = v.supplier) == null ? void 0 : c.internal) !== "restaurant";
         }
       ).reduce((v, u) => {
-        const c = new Date(bt(u._id)), k = u.supplier._id;
+        const c = new Date(mt(u._id)), C = u.supplier._id;
         for (const b of u.items) {
           if (!b.totalCost) continue;
-          const h = v[b.sku._id] ?? {}, w = h[k] ?? [];
+          const h = v[b.sku._id] ?? {}, w = h[C] ?? [];
           w.push({
             date: c.toISOString(),
             totalUnit: b.quantity,
@@ -751,13 +752,13 @@ function rs() {
             unit: b.sku.unit,
             measurement: b.measurement,
             seqNumber: u.seqNumber
-          }), h[k] = w, v[b.sku._id] = h;
+          }), h[C] = w, v[b.sku._id] = h;
         }
         return v;
       }, {});
       t.value = l;
     } catch {
-      o.open({
+      s.open({
         title: "Something went wrong",
         message: "Cannot retrieve supplier purchase history. Please try again."
       }), r.value = !1;
@@ -770,41 +771,41 @@ function rs() {
     comparePriceBySku: t
   };
 }
-const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }, ds = ["colspan"], cs = /* @__PURE__ */ se({
+const ns = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, as = { key: 0 }, ls = ["colspan"], rs = /* @__PURE__ */ se({
   __name: "TransferItemTable",
   props: {
     row: {},
     comparePriceBySku: {},
     showComparePrice: { type: Boolean }
   },
-  setup(o) {
+  setup(s) {
     function m(r) {
       return r.column.columnDef.meta;
     }
-    return (r, s) => {
+    return (r, n) => {
       var f, t;
-      return T(), V(ve, null, [
-        i("tr", {
+      return P(), A(ve, null, [
+        d("tr", {
           class: Ie(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
             "bg-fm-color-neutral-gray-100": r.row.getIsSelected()
           }])
         }, [
-          (T(!0), V(ve, null, Pe(r.row.getVisibleCells(), (a) => {
-            var x, p, n, l;
-            return T(), V("td", {
+          (P(!0), A(ve, null, Te(r.row.getVisibleCells(), (a) => {
+            var x, p, o, l;
+            return P(), A("td", {
               key: a.id,
               class: Ie([
                 "h-[52px] px-16 text-fm-color-typo-primary",
                 ((x = m(a)) == null ? void 0 : x.cellClass) ?? "px-16"
               ]),
-              style: Je({
+              style: Ze({
                 width: (p = m(a)) == null ? void 0 : p.width,
-                maxWidth: (n = m(a)) == null ? void 0 : n.maxWidth,
+                maxWidth: (o = m(a)) == null ? void 0 : o.maxWidth,
                 textAlign: ((l = m(a)) == null ? void 0 : l.textAlign) ?? "left"
               })
             }, [
-              i("span", is, [
-                C(e(ue), {
+              d("span", ns, [
+                k(e(ue), {
                   render: a.column.columnDef.cell,
                   props: a.getContext()
                 }, null, 8, ["render", "props"])
@@ -812,31 +813,31 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
             ], 6);
           }), 128))
         ], 2),
-        r.showComparePrice && Object.keys(r.comparePriceBySku[(f = r.row.original.sku) == null ? void 0 : f._id] ?? {}).length > 0 ? (T(), V("tr", us, [
-          i("td", {
+        r.showComparePrice && Object.keys(r.comparePriceBySku[(f = r.row.original.sku) == null ? void 0 : f._id] ?? {}).length > 0 ? (P(), A("tr", as, [
+          d("td", {
             colspan: r.row.getVisibleCells().length
           }, [
-            C(Ge, {
+            k(Ye, {
               prices: r.comparePriceBySku[(t = r.row.original.sku) == null ? void 0 : t._id]
             }, null, 8, ["prices"])
-          ], 8, ds)
+          ], 8, ls)
         ])) : K("", !0)
       ], 64);
     };
   }
-}), ps = { class: "flex flex-col gap-4" }, ms = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, fs = { class: "flex flex-col gap-16" }, ys = { class: "flex flex-col gap-24" }, vs = {
+}), is = { class: "flex flex-col gap-4" }, us = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, ds = { class: "flex flex-col gap-16" }, cs = { class: "flex flex-col gap-24" }, ps = {
   key: 0,
   class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
-}, bs = { class: "flex xs:flex-col sm:flex-col" }, _s = {
+}, ms = { class: "flex xs:flex-col sm:flex-col" }, fs = {
   key: 0,
   class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
-}, gs = { class: "flex-1" }, ks = { class: "flex-1" }, Cs = {
+}, ys = { class: "flex-1" }, vs = { class: "flex-1" }, bs = {
   key: 1,
   class: "flex items-center gap-4"
-}, hs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, ws = { class: "flex flex-col gap-16" }, xs = { class: "flex sm:flex-col xs:flex-col gap-16 items-center xs:items-start sm:items-start" }, Ss = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, Ts = { class: "flex gap-8" }, Ps = {
+}, gs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, _s = { class: "flex flex-col gap-16" }, Cs = { class: "flex sm:flex-col xs:flex-col gap-16 items-center xs:items-start sm:items-start" }, ks = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, hs = { class: "flex gap-8" }, ws = {
   key: 0,
   class: "xs:w-full"
-}, Is = /* @__PURE__ */ se({
+}, xs = /* @__PURE__ */ se({
   __name: "TransferForm2",
   props: {
     modelValue: {},
@@ -846,81 +847,82 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
     lastClosingDate: {}
   },
   emits: ["validation-success", "form:ready"],
-  setup(o, { expose: m, emit: r }) {
-    const s = o, f = r, t = Tt(), { t: a } = de(), x = De(), p = Re(), n = he(), l = We(), v = ot(), u = P(
-      () => v.templates.value.find((d) => d._id === t.template)
-    ), c = P(() => t.status === "DRAFT" || !t._rev);
-    ze(async () => {
+  setup(s, { expose: m, emit: r }) {
+    const n = s, f = r, t = ht(), { t: a } = de(), x = Ve(), p = Re(), o = he(), l = Ne(), v = Xe(), u = T(
+      () => v.templates.value.find((i) => i._id === t.template)
+    ), c = T(() => t.status === "DRAFT" || !t._rev);
+    Le(async () => {
+      var i;
       try {
         if (!t.template) return;
-        await v.loadTemplate(t.template);
+        await v.loadTemplate(t.template), t.items.length || (t.items = ((i = u.value) == null ? void 0 : i.purchaseOrder.items) ?? []);
       } finally {
         f("form:ready");
       }
     });
-    const k = P(
-      () => x.currentLocation.type === Ke.restaurant
+    const C = T(
+      () => x.currentLocation.type === je.restaurant
     );
     x.watchLocation(async () => {
-      location && (t.supplier || (t.supplier = n.suppliers.find((d) => d) ?? t.supplier));
+      location && (t.supplier || (t.supplier = o.suppliers.find((i) => i) ?? t.supplier));
     });
-    const b = tt(), h = zt(
+    const b = Ge(), h = Lt(
       () => t,
-      (d) => {
-        Object.assign(t, d);
+      (i) => {
+        Object.assign(t, i);
       }
-    ), w = P({
+    ), w = T({
       get() {
-        var d;
-        return typeof ((d = t == null ? void 0 : t.supplier) == null ? void 0 : d.internal) == "string" ? $.TRANSFER : $.PURCHASE;
+        var i;
+        return typeof ((i = t == null ? void 0 : t.supplier) == null ? void 0 : i.internal) == "string" ? $.TRANSFER : $.PURCHASE;
       },
-      set(d) {
+      set(i) {
         var q;
         const y = typeof ((q = t == null ? void 0 : t.supplier) == null ? void 0 : q.internal) == "string" ? $.TRANSFER : $.PURCHASE;
-        d !== y && (t.supplier = d === $.PURCHASE ? h.locationOptionsTypePurchase.value[0] : h.locationOptionsTypeTransfer.value[0]);
+        i !== y && (t.supplier = i === $.PURCHASE ? h.locationOptionsTypePurchase.value[0] : h.locationOptionsTypeTransfer.value[0]);
       }
-    }), R = P(() => h.transferLocationOptions.value), O = P({
+    }), R = T(() => h.transferLocationOptions.value), O = T({
       get() {
         return t.supplier._id;
       },
-      set(d) {
-        h.transferLocationModel.value = d;
+      set(i) {
+        h.transferLocationModel.value = i;
       }
-    }), J = P({
+    }), J = T({
       get() {
         return t.remark ?? void 0;
       },
-      set(d) {
-        t.remark = d;
+      set(i) {
+        t.remark = i;
       }
-    }), { backdatePo: B, backdateSwitch: W, backdateModel: Q, backdateTimeModel: N } = jt({
+    }), { backdatePo: B, backdateSwitch: W, backdateModel: Q, backdateTimeModel: N } = qt({
       getEffectiveAt() {
         return t.effectiveAt;
       },
-      setEffectiveAt(d) {
-        t.effectiveAt = d;
+      setEffectiveAt(i) {
+        t.effectiveAt = i;
       }
-    }), { comparePricesToggle: H, comparePriceFetching: G, comparePriceBySku: _ } = rs(), g = L();
+    }), { comparePricesToggle: H, comparePriceFetching: G, comparePriceBySku: g } = os(), _ = L();
     m({
       validateInputs: () => {
-        var d, y;
-        (y = (d = g.value) == null ? void 0 : d.validateInputs) == null || y.call(d);
+        var i, y;
+        (y = (i = _.value) == null ? void 0 : i.validateInputs) == null || y.call(i);
       },
       resetInputsValidation: () => {
-        var d, y;
-        (y = (d = g.value) == null ? void 0 : d.resetInputsValidation) == null || y.call(d);
+        var i, y;
+        (y = (i = _.value) == null ? void 0 : i.resetInputsValidation) == null || y.call(i);
       },
       resetInputs: () => {
-        var d, y;
-        (y = (d = g.value) == null ? void 0 : d.resetInputs) == null || y.call(d);
+        var i, y;
+        (y = (i = _.value) == null ? void 0 : i.resetInputs) == null || y.call(i);
       }
     });
-    const U = St({
-      updateItem: (d) => {
-        t.items = t.items.map((y) => y.sku._id !== d.sku._id ? y : d);
+    const U = kt({
+      updateItem: (i) => {
+        t.items = t.items.map((y) => y.sku._id !== i.sku._id ? y : i);
       },
-      deleteItem: (d) => {
-        t.items = t.items.filter((y) => y.sku._id !== d.sku._id);
+      deleteItem: (i) => {
+        t.items = t.items.filter((y) => y.sku._id !== i.sku._id);
       },
       get supplier() {
         return t.supplier;
@@ -935,15 +937,15 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
         return u.value;
       },
       get disabled() {
-        return s.disabled;
+        return n.disabled;
       }
-    }), oe = P(() => U.columnDefs.value);
+    }), oe = T(() => U.columnDefs.value);
     function Y() {
-      var be, pe, _e;
-      let d;
+      var be, pe, ge;
+      let i;
       ((F) => {
         F.IsInTemplate = "IsInTemplate", F.IsOutsideTemplate = "IsOutsideTemplate";
-      })(d || (d = {}));
+      })(i || (i = {}));
       const y = [
         {
           id: "IsInTemplate",
@@ -956,7 +958,7 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
           collapse: !0,
           disabled: !0
         }
-      ], q = new Set((_e = (pe = (be = u.value) == null ? void 0 : be.purchaseOrder) == null ? void 0 : pe.items) == null ? void 0 : _e.map((F) => F.sku._id)), ce = p.skus.map(
+      ], q = new Set((ge = (pe = (be = u.value) == null ? void 0 : be.purchaseOrder) == null ? void 0 : pe.items) == null ? void 0 : ge.map((F) => F.sku._id)), ce = p.skus.map(
         (F) => ({
           label: F.name,
           sublabel: F.code,
@@ -972,7 +974,7 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
       b.open({
         title: a("inventory.transfer.form.items.selectItem"),
         closeButton: !0,
-        contentComponent: kt,
+        contentComponent: vt,
         contentComponentProps: {
           modelValue: xe,
           items: ce,
@@ -989,11 +991,11 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
         }
       }).onPrimary((F) => {
         const X = t.items ?? [], ne = F.map((Z) => {
-          var ge, me;
+          var _e, me;
           const ae = X.find((le) => le.sku._id === Z._id);
           if (ae)
             return ae;
-          const ee = ((me = (ge = u.value) == null ? void 0 : ge.purchaseOrder.items) == null ? void 0 : me.find(
+          const ee = ((me = (_e = u.value) == null ? void 0 : _e.purchaseOrder.items) == null ? void 0 : me.find(
             (le) => le.sku._id === Z._id
           )) ?? {
             sku: Z,
@@ -1016,48 +1018,47 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
         ne.sort((Z, ae) => Z.sku.code.localeCompare(ae.sku.code)), t.items = ne;
       });
     }
-    function we(d) {
-      return d;
+    function we(i) {
+      return i;
     }
-    return (d, y) => {
+    return (i, y) => {
       var me, le;
-      const q = I("FmChip"), ce = I("FmSelect"), xe = I("FmTextField"), be = I("FmTextarea"), pe = I("FmSwitch"), _e = I("FmDatePicker"), F = I("FmTimePicker"), X = I("FmFormGroup"), ne = I("FmIcon"), Z = I("FmButton"), ae = I("FmTooltip"), ee = I("FmTable"), ge = I("FmForm");
-      return T(), V("div", ps, [
-        i("div", ms, [
-          (me = s.modelValue) != null && me.template ? (T(), z(q, {
+      const q = I("FmChip"), ce = I("FmSelect"), xe = I("FmTextField"), be = I("FmTextarea"), pe = I("FmSwitch"), ge = I("FmDatePicker"), F = I("FmTimePicker"), X = I("FmFormGroup"), ne = I("FmIcon"), Z = I("FmButton"), ae = I("FmTooltip"), ee = I("FmTable"), _e = I("FmForm");
+      return P(), A("div", is, [
+        d("div", us, [
+          (me = n.modelValue) != null && me.template ? (P(), z(q, {
             key: 0,
-            variant: d.disabled ? "warning" : void 0,
+            variant: i.disabled ? "warning" : void 0,
             label: `${e(a)("inventory.transfer.template.title")}: ${((le = u.value) == null ? void 0 : le.name) ?? e(a)("inventory.transfer.form.loading")}`,
             icon: "summarize",
             compact: ""
           }, null, 8, ["variant", "label"])) : K("", !0),
-          C(q, {
+          k(q, {
             label: e(x).currentLocation.name,
             icon: "storefront",
             compact: ""
           }, null, 8, ["label"]),
-          d.lastClosingDate ? (T(), z(q, {
+          i.lastClosingDate ? (P(), z(q, {
             key: 1,
-            label: `${e(a)("inventory.transfer.form.lastClosing")}: ${e(Ae)(d.lastClosingDate)} ${e(_t)(d.lastClosingDate)}`,
+            label: `${e(a)("inventory.transfer.form.lastClosing")}: ${e(De)(i.lastClosingDate)} ${e(ft)(i.lastClosingDate)}`,
             icon: "calendar_month",
             compact: ""
           }, null, 8, ["label"])) : K("", !0)
         ]),
-        C(ge, {
+        k(_e, {
           ref_key: "formRef",
-          ref: g,
+          ref: _,
           class: "flex flex-col gap-32",
-          disabled: d.disabled,
+          disabled: i.disabled,
           onValidationFailed: console.log,
           onValidationSuccess: y[12] || (y[12] = (Se) => f("validation-success"))
         }, {
-          default: D(() => {
-            var Se, Oe, Be, Ue, Me;
+          default: V(() => {
+            var Se;
             return [
-              i("div", fs, [
-                i("div", ys, [
-                  C(ce, {
-                    disabled: !!((Se = s.modelValue) != null && Se.template),
+              d("div", ds, [
+                d("div", cs, [
+                  k(ce, {
                     label: e(a)("inventory.transfer.form.type.title"),
                     "model-value": w.value,
                     "onUpdate:modelValue": y[0] || (y[0] = (S) => w.value = S),
@@ -1075,84 +1076,81 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
                         sublabel: e(h).locationOptionsTypeTransfer.value.length ? void 0 : e(a)("inventory.transfer.form.noLocationAvailable")
                       }
                     ],
-                    rules: [e(Ce)(1)(R.value)],
-                    "helper-text": (Oe = s.modelValue) != null && Oe.template ? "This field is locked and managed in template." : void 0
-                  }, null, 8, ["disabled", "label", "model-value", "items", "rules", "helper-text"]),
-                  C(ce, {
-                    disabled: !!((Be = s.modelValue) != null && Be.template),
+                    rules: [e(ke)(1)(R.value)]
+                  }, null, 8, ["label", "model-value", "items", "rules"]),
+                  k(ce, {
                     label: w.value === e($).PURCHASE ? e(a)("inventory.transfer.form.purchaseFrom") : e(a)("inventory.transfer.form.transferFrom"),
                     modelValue: O.value,
                     "onUpdate:modelValue": y[1] || (y[1] = (S) => O.value = S),
-                    items: R.value,
-                    "helper-text": (Ue = s.modelValue) != null && Ue.template ? "This field is locked and managed in template." : void 0
-                  }, null, 8, ["disabled", "label", "modelValue", "items", "helper-text"]),
-                  C(xe, {
+                    items: R.value
+                  }, null, 8, ["label", "modelValue", "items"]),
+                  k(xe, {
                     label: e(a)("inventory.transfer.form.reference"),
                     "label-mark": "optional",
                     modelValue: e(t).ref,
                     "onUpdate:modelValue": y[2] || (y[2] = (S) => e(t).ref = S)
                   }, null, 8, ["label", "modelValue"]),
-                  C(be, {
+                  k(be, {
                     label: e(a)("inventory.transfer.form.remark"),
                     "label-mark": "optional",
                     "max-length": 240,
                     modelValue: J.value,
                     "onUpdate:modelValue": y[3] || (y[3] = (S) => J.value = S),
-                    class: Ie([d.disabled ? "text-fm-color-typo-disabled " : ""])
+                    class: Ie([i.disabled ? "text-fm-color-typo-disabled " : ""])
                   }, null, 8, ["label", "modelValue", "class"]),
-                  e(l).enableBackdatePo ? (T(), V("div", vs, [
-                    i("div", bs, [
-                      C(pe, {
+                  e(l).enableBackdatePo ? (P(), A("div", ps, [
+                    d("div", ms, [
+                      k(pe, {
                         modelValue: e(W),
                         "onUpdate:modelValue": y[4] || (y[4] = (S) => ie(W) ? W.value = S : null),
                         label: e(a)("inventory.transfer.form.backdate.title"),
                         sublabel: e(a)("inventory.transfer.form.backdate.subtitle"),
                         "label-placement": "right",
-                        disabled: k.value && !d.lastClosingDate || d.disabled
+                        disabled: C.value && !i.lastClosingDate || i.disabled
                       }, null, 8, ["modelValue", "label", "sublabel", "disabled"]),
-                      y[13] || (y[13] = i("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1)),
-                      e(W) ? (T(), V("div", _s, [
-                        i("div", gs, [
-                          C(_e, {
+                      y[13] || (y[13] = d("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1)),
+                      e(W) ? (P(), A("div", fs, [
+                        d("div", ys, [
+                          k(ge, {
                             modelValue: e(Q),
                             "onUpdate:modelValue": y[5] || (y[5] = (S) => ie(Q) ? Q.value = S : null)
                           }, null, 8, ["modelValue"])
                         ]),
-                        i("div", ks, [
-                          C(F, {
+                        d("div", vs, [
+                          k(F, {
                             modelValue: e(N),
                             "onUpdate:modelValue": y[6] || (y[6] = (S) => ie(N) ? N.value = S : null)
                           }, null, 8, ["modelValue"])
                         ])
                       ])) : K("", !0)
                     ]),
-                    e(B) ? (T(), z(X, {
+                    e(B) ? (P(), z(X, {
                       key: 0,
                       modelValue: e(B),
                       "onUpdate:modelValue": y[7] || (y[7] = (S) => ie(B) ? B.value = S : null),
-                      rules: [e(gt)(new Date(d.lastClosingDate), /* @__PURE__ */ new Date())]
+                      rules: [e(yt)(new Date(i.lastClosingDate), /* @__PURE__ */ new Date())]
                     }, null, 8, ["modelValue", "rules"])) : K("", !0),
-                    k.value && !d.lastClosingDate ? (T(), V("div", Cs, [
-                      C(ne, {
+                    C.value && !i.lastClosingDate ? (P(), A("div", bs, [
+                      k(ne, {
                         name: "error",
                         size: "sm",
                         class: "text-fm-color-typo-warning"
                       }),
-                      i("span", hs, A(e(a)("inventory.transfer.form.backdate.error")), 1)
+                      d("span", gs, D(e(a)("inventory.transfer.form.backdate.error")), 1)
                     ])) : K("", !0)
                   ])) : K("", !0)
                 ])
               ]),
-              i("div", ws, [
-                C(X, {
+              d("div", _s, [
+                k(X, {
                   "model-value": e(t).items,
-                  rules: [e(Ce)(1)]
+                  rules: [e(ke)(1)]
                 }, null, 8, ["model-value", "rules"]),
-                i("div", xs, [
-                  i("div", Ss, A(e(a)("inventory.transfer.form.items.title")), 1),
-                  i("div", Ts, [
-                    C(Z, {
-                      disabled: d.disabled,
+                d("div", Cs, [
+                  d("div", ks, D(e(a)("inventory.transfer.form.items.title")), 1),
+                  d("div", hs, [
+                    k(Z, {
+                      disabled: i.disabled,
                       label: e(a)("inventory.transfer.form.items.addItem"),
                       "prepend-icon": "add",
                       variant: "secondary",
@@ -1162,68 +1160,69 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
                       onClick: y[8] || (y[8] = (S) => Y()),
                       size: "md"
                     }, null, 8, ["disabled", "label"]),
-                    e(t).template ? (T(), z(ae, {
+                    e(t).template ? (P(), z(ae, {
                       key: 0,
                       "z-index": 50
                     }, {
-                      content: D(() => [
-                        i("div", null, A(e(a)("inventory.transfer.form.items.forecastStock.notAvailable")), 1)
+                      content: V(() => [
+                        d("div", null, D(e(a)("inventory.transfer.form.items.forecastStock.notAvailable")), 1)
                       ]),
-                      default: D(() => [
-                        C(Ne, {
+                      default: V(() => [
+                        k(Me, {
                           "onUpdate:poItems": y[9] || (y[9] = (S) => e(t).items = S),
                           disabled: ""
                         })
                       ]),
                       _: 1
-                    })) : (T(), z(Ne, {
+                    })) : (P(), z(Me, {
                       key: 1,
                       "onUpdate:poItems": y[10] || (y[10] = (S) => e(t).items = S),
-                      disabled: d.disabled || !!e(t).template
+                      disabled: i.disabled || !!e(t).template
                     }, null, 8, ["disabled"]))
                   ])
                 ]),
-                w.value === e($).PURCHASE && c.value && e(l).enableTotalCost && ((Me = d.modelValue) != null && Me.items.length) ? (T(), V("div", Ps, [
-                  C(pe, {
+                w.value === e($).PURCHASE && c.value && e(l).enableTotalCost && ((Se = i.modelValue) != null && Se.items.length) ? (P(), A("div", ws, [
+                  k(pe, {
                     label: e(G) ? e(a)("inventory.transfer.form.items.fetchingData") : e(a)("inventory.transfer.form.items.comparePriceHistory"),
                     "prepend-icon": "compare_arrows",
                     "label-placement": "right",
                     "model-value": e(H),
                     "onUpdate:modelValue": y[11] || (y[11] = (S) => ie(H) ? H.value = S : null),
-                    disabled: e(G) || d.disabled
+                    disabled: e(G) || i.disabled
                   }, null, 8, ["label", "model-value", "disabled"])
                 ])) : K("", !0),
-                (T(), z(ee, {
+                (P(), z(ee, {
                   "column-defs": oe.value,
                   "row-data": e(t).items,
                   key: e(t).items.map((S) => S.sku._id).join("."),
-                  "hide-footer": ""
+                  "hide-footer": "",
+                  "page-size": e(t).items.length
                 }, {
-                  "table-row": D((S) => [
-                    C(cs, {
-                      "compare-price-by-sku": e(_),
+                  "table-row": V((S) => [
+                    k(rs, {
+                      "compare-price-by-sku": e(g),
                       "show-compare-price": w.value === e($).PURCHASE && e(H),
                       row: S
                     }, null, 8, ["compare-price-by-sku", "show-compare-price", "row"])
                   ]),
-                  "list-row": D((S) => [
-                    (T(), z(ht, {
+                  "list-row": V((S) => [
+                    (P(), z(gt, {
                       row: S,
-                      key: e(t).items.map((Te) => Te.sku._id).join(".")
+                      key: e(t).items.map((Pe) => Pe.sku._id).join(".")
                     }, {
-                      default: D((Te) => [
-                        C(Ht, {
-                          "compare-price-by-sku": e(_),
+                      default: V((Pe) => [
+                        k(Et, {
+                          "compare-price-by-sku": e(g),
                           "show-compare-price": w.value === e($).PURCHASE && e(H),
                           row: S,
-                          "cell-by-col-id": Te
+                          "cell-by-col-id": Pe
                         }, null, 8, ["compare-price-by-sku", "show-compare-price", "row", "cell-by-col-id"])
                       ]),
                       _: 2
                     }, 1032, ["row"]))
                   ]),
                   _: 1
-                }, 8, ["column-defs", "row-data"]))
+                }, 8, ["column-defs", "row-data", "page-size"]))
               ])
             ];
           }),
@@ -1232,7 +1231,7 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
       ]);
     };
   }
-}), Fs = { class: "flex items-center" }, $s = { class: "fm-typo-en-title-md-800" }, Vs = { class: "flex gap-4" }, Hs = /* @__PURE__ */ se({
+}), Ss = { class: "flex items-center" }, Ps = { class: "fm-typo-en-title-md-800" }, Ts = { class: "flex gap-4" }, Es = /* @__PURE__ */ se({
   __name: "TransferDialog",
   props: {
     mode: {},
@@ -1242,11 +1241,11 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
     lastClosingDate: {}
   },
   emits: ["update:show", "submitted"],
-  setup(o, { expose: m, emit: r }) {
+  setup(s, { expose: m, emit: r }) {
     var G;
-    const s = o, f = r, t = je(), a = Ve(), x = he(), p = Re(), n = De(), { t: l } = de(), v = L(!1), u = L(!1), c = L(!1);
-    async function k(_) {
-      if (_) {
+    const n = s, f = r, t = qe(), a = Ae(), x = he(), p = Re(), o = Ve(), { t: l } = de(), v = L(!1), u = L(!1), c = L(!1);
+    async function C(g) {
+      if (g) {
         u.value = !1;
         try {
           await x.readSuppliers(), u.value = !0;
@@ -1259,7 +1258,7 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
         }
       }
     }
-    n.watchLocation(k);
+    o.watchLocation(C);
     function b() {
       return {
         remark: void 0,
@@ -1290,19 +1289,19 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
         _id: "",
         seqNumber: 0,
         deliveryOrder: [],
-        template: s.templateId
+        template: n.templateId
       };
     }
-    const h = st(s, "show"), w = L(s.modelValue ?? b()), R = L(((G = s.modelValue) == null ? void 0 : G._id) ?? `${Math.random()}`);
+    const h = Je(n, "show"), w = L(n.modelValue ?? b()), R = L(((G = n.modelValue) == null ? void 0 : G._id) ?? `${Math.random()}`);
     $e(
-      () => s.show,
-      (_) => {
-        var g;
-        _ && (c.value = !1, w.value = s.modelValue ?? b(), R.value = ((g = s.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
+      () => n.show,
+      (g) => {
+        var _;
+        g && (c.value = !1, w.value = n.modelValue ?? b(), R.value = ((_ = n.modelValue) == null ? void 0 : _._id) ?? `${Math.random()}`);
       }
     );
-    const O = P(() => !u.value || !c.value), J = P(() => {
-      switch (s.mode) {
+    const O = T(() => !u.value || !c.value), J = T(() => {
+      switch (n.mode) {
         case fe.READ:
           return "View transfer";
         case fe.CREATE:
@@ -1314,58 +1313,58 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
     }), B = L();
     m({
       validateInputs: () => {
-        var _, g;
-        (g = (_ = B.value) == null ? void 0 : _.validateInputs) == null || g.call(_);
+        var g, _;
+        (_ = (g = B.value) == null ? void 0 : g.validateInputs) == null || _.call(g);
       },
       resetInputsValidation: () => {
-        var _, g;
-        (g = (_ = B.value) == null ? void 0 : _.resetInputsValidation) == null || g.call(_);
+        var g, _;
+        (_ = (g = B.value) == null ? void 0 : g.resetInputsValidation) == null || _.call(g);
       },
       resetInputs: () => {
-        var _, g;
-        (g = (_ = B.value) == null ? void 0 : _.resetInputs) == null || g.call(_);
+        var g, _;
+        (_ = (g = B.value) == null ? void 0 : g.resetInputs) == null || _.call(g);
       }
     });
     async function W() {
-      const _ = w.value;
-      v.value = !0, (_.supplier.internal === "warehouse" || _.supplier.internal === "restaurant") && (_.items = _.items.map(({ totalCost: g, ...U }) => U));
+      const g = w.value;
+      v.value = !0, (g.supplier.internal === "warehouse" || g.supplier.internal === "restaurant") && (g.items = g.items.map(({ totalCost: _, ...U }) => U));
       try {
-        await t.createPurchaseOrder(_), await new Promise((g) => setTimeout(g, 1e3)), a.open({
+        await t.createPurchaseOrder(g), await new Promise((_) => setTimeout(_, 1e3)), a.open({
           title: l("inventory.transfer.receiveRequest.create.success"),
           message: l("inventory.transfer.receiveRequest.create.successMessage"),
           type: "success"
         }), f("update:show", !1), f("submitted");
-      } catch (g) {
+      } catch (_) {
         a.open({
           title: l("inventory.transfer.receiveRequest.create.error.title"),
           message: l("inventory.transfer.receiveRequest.create.error.message"),
           type: "error"
-        }), console.error("Error in creating purchase order", g);
+        }), console.error("Error in creating purchase order", _);
       } finally {
         v.value = !1;
       }
     }
     async function Q() {
-      const _ = w.value;
-      v.value = !0, (_.supplier.internal === "warehouse" || _.supplier.internal === "restaurant") && (_.items = _.items.map(({ totalCost: g, ...U }) => U));
+      const g = w.value;
+      v.value = !0, (g.supplier.internal === "warehouse" || g.supplier.internal === "restaurant") && (g.items = g.items.map(({ totalCost: _, ...U }) => U));
       try {
-        await t.updatePurchaseOrder(_), await new Promise((g) => setTimeout(g, 1e3)), a.open({
+        await t.updatePurchaseOrder(g), await new Promise((_) => setTimeout(_, 1e3)), a.open({
           title: l("inventory.transfer.receiveRequest.update.success"),
           message: l("inventory.transfer.receiveRequest.update.successMessage"),
           type: "success"
         }), f("update:show", !1), f("submitted");
-      } catch (g) {
+      } catch (_) {
         a.open({
           title: l("inventory.transfer.receiveRequest.update.error.title"),
           message: l("inventory.transfer.receiveRequest.update.error.message"),
           type: "error"
-        }), console.error("Error in updating purchase order", g);
+        }), console.error("Error in updating purchase order", _);
       } finally {
         v.value = !1;
       }
     }
     function N() {
-      switch (s.mode) {
+      switch (n.mode) {
         case fe.CREATE:
           return W();
         case fe.UPDATE:
@@ -1373,52 +1372,52 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
       }
     }
     function H() {
-      var _, g;
-      (g = (_ = B.value) == null ? void 0 : _.validateInputs) == null || g.call(_);
+      var g, _;
+      (_ = (g = B.value) == null ? void 0 : g.validateInputs) == null || _.call(g);
     }
-    return (_, g) => {
+    return (g, _) => {
       const U = I("FmButton"), oe = I("FmSideSheet");
-      return T(), z(oe, {
+      return P(), z(oe, {
         modelValue: e(h),
-        "onUpdate:modelValue": g[3] || (g[3] = (Y) => ie(h) ? h.value = Y : null),
+        "onUpdate:modelValue": _[3] || (_[3] = (Y) => ie(h) ? h.value = Y : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 900
       }, {
-        "side-sheet-header": D(() => [
-          i("div", Fs, [
-            i("div", $s, A(J.value), 1)
+        "side-sheet-header": V(() => [
+          d("div", Ss, [
+            d("div", Ps, D(J.value), 1)
           ])
         ]),
-        default: D(() => [
-          (T(), z(Is, {
+        default: V(() => [
+          (P(), z(xs, {
             class: "w-full",
             ref_key: "formRef",
             ref: B,
-            "onForm:ready": g[0] || (g[0] = () => c.value = !0),
+            "onForm:ready": _[0] || (_[0] = () => c.value = !0),
             onValidationSuccess: N,
             modelValue: w.value,
-            "onUpdate:modelValue": g[1] || (g[1] = (Y) => w.value = Y),
+            "onUpdate:modelValue": _[1] || (_[1] = (Y) => w.value = Y),
             disabled: v.value || O.value,
             suppliers: e(x).suppliers,
             skus: e(p).skus,
             key: R.value,
-            "last-closing-date": _.lastClosingDate
+            "last-closing-date": g.lastClosingDate
           }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
         ]),
-        "side-sheet-footer": D(() => [
-          i("div", Vs, [
-            C(U, {
+        "side-sheet-footer": V(() => [
+          d("div", Ts, [
+            k(U, {
               loading: v.value,
               disabled: O.value,
               label: e(l)("common.save"),
               onClick: H
             }, null, 8, ["loading", "disabled", "label"]),
-            C(U, {
+            k(U, {
               disabled: O.value,
               variant: "tertiary",
               label: e(l)("common.close"),
-              onClick: g[2] || (g[2] = (Y) => f("update:show", !1))
+              onClick: _[2] || (_[2] = (Y) => f("update:show", !1))
             }, null, 8, ["disabled", "label"])
           ])
         ]),
@@ -1428,8 +1427,7 @@ const is = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, us = { key: 0 }
   }
 });
 export {
-  Hs as _,
+  Es as _,
   te as c,
-  Tt as d,
-  zt as u
+  ht as d
 };