@feedmepos/mf-inventory-portal 0.0.25-dev.6 → 0.0.25-dev.7

package/dist/{TransferTemplateView-BByKikfy.js → TransferTemplateView-MSbvSo96.js}

@@ -1,13 +1,13 @@
-import { defineComponent as X, onMounted as ce, computed as R, ref as U, watch as pe, inject as Je, resolveComponent as V, openBlock as D, createElementBlock as K, createElementVNode as t, createVNode as c, withCtx as B, renderSlot as Oe, withDirectives as Ve, normalizeClass as Z, vModelText as Ae, reactive as Ze, h as J, toDisplayString as I, unref as e, createBlock as W, mergeProps as Ee, isRef as Ue, createCommentVNode as ee, Fragment as qe, renderList as Xe, normalizeStyle as Ye, Teleport as et, normalizeProps as tt, guardReactiveProps as ot } from "vue";
-import { H as Ne, ay as ue, t as De, I as st, az as lt, aA as nt, j as G, aB as at, b as ze, $ as Re, m as me, a as He, P as ie, L as rt, A as de, M as it, c as je, G as Q, u as Qe, ac as ut, V as mt, E as Ke, J as dt, K as ct, e as te, aC as ae, a9 as pt, a1 as ft, z as yt, i as Pe, _ as vt, B as bt } from "./app-DLEGCGlp.js";
+import { defineComponent as X, onMounted as ce, computed as R, ref as U, watch as pe, inject as Je, resolveComponent as V, openBlock as A, createElementBlock as G, createElementVNode as t, createVNode as c, withCtx as B, renderSlot as Oe, withDirectives as Ve, normalizeClass as Z, vModelText as De, reactive as Ze, h as J, toDisplayString as I, unref as e, createBlock as W, mergeProps as Ee, isRef as Ue, createCommentVNode as ee, Fragment as qe, renderList as Xe, normalizeStyle as Ye, Teleport as et, normalizeProps as tt, guardReactiveProps as ot } from "vue";
+import { H as Ne, ay as ue, t as Ae, I as st, az as lt, aA as nt, j as K, aB as at, b as ze, $ as Re, m as de, a as He, P as ie, L as rt, A as me, M as it, c as je, G as Q, u as Qe, ac as ut, V as dt, E as Ke, J as mt, K as ct, e as te, aC as ae, a9 as pt, a1 as ft, z as yt, i as Pe, _ as vt, B as bt } from "./app-Du-JrqLm.js";
 import { useI18n as Y } from "@feedmepos/mf-common";
-import { P as H, a as xt, f as _t, t as ht, b as Le, u as gt } from "./format-unit-display-DWEQ-Uq0.js";
+import { P as H, a as xt, f as _t, t as ht, b as Le, u as gt } from "./format-unit-display-BdC0fMRb.js";
 import { components as re, useDialog as Tt, useSnackbar as Ft, useProxiedModel as Ge, useBreakpoints as wt } from "@feedmepos/ui-library";
 import { storeToRefs as Be } from "pinia";
-import { _ as kt, b as Ct, F as St, a as Mt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-iPM-EQny.js";
-import { c as $t, u as It, _ as Ot } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-BZQxtTDj.js";
-import { u as Vt } from "./supplier-5uoaiSy6.js";
-const At = { class: "flex flex-col" }, Dt = { class: "flex flex-col" }, Rt = { class: "flex-1" }, Pt = { class: "flex items-center" }, Lt = { class: "flex-1" }, Bt = { class: "flex-1" }, Et = /* @__PURE__ */ X({
+import { _ as kt, b as Ct, F as St, a as $t } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-3LU_3Y8h.js";
+import { c as Mt, u as It, _ as Ot } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DRqpc9k0.js";
+import { u as Vt } from "./supplier-Cy-jlD0j.js";
+const Dt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Rt = { class: "flex-1" }, Pt = { class: "flex items-center" }, Lt = { class: "flex-1" }, Bt = { class: "flex-1" }, Et = /* @__PURE__ */ X({
   __name: "FmMinMaxInput",
   props: {
     rules: {},
@@ -53,43 +53,43 @@ const At = { class: "flex flex-col" }, Dt = { class: "flex flex-col" }, Rt = { c
         u.min = a, u.max = f;
       }
     });
-    const m = R(() => {
+    const d = R(() => {
       const { min: p, max: r } = u ?? {};
       return Math.max((p == null ? void 0 : p.precision) ?? 0, (r == null ? void 0 : r.precision) ?? 0, _.precision ?? 0);
     }), C = (p) => {
       if (!p) return "";
-      const r = lt(p), b = m.value, a = ue(r, b);
+      const r = lt(p), b = d.value, a = ue(r, b);
       return nt(
-        +G(a),
+        +K(a),
         a.precision
       );
     }, i = U(C(u.min)), l = U(C(u.max));
     pe([i, l], ([p, r]) => {
-      const b = u ?? {}, a = s(p), f = s(r), w = m.value;
+      const b = u ?? {}, a = s(p), f = s(r), w = d.value;
       if (p !== "" && a === !0) {
-        const o = De(+p, w);
+        const o = Ae(+p, w);
         b.min = o;
       } else
         b.min = null;
       if (r !== "" && f === !0) {
-        const o = De(+r, w);
+        const o = Ae(+r, w);
         b.max = o;
       } else
         b.max = null;
       u.min = b.min, u.max = b.max;
     });
-    const d = Symbol.for("fm:form-state"), k = Je(d, null), g = R(() => _.disabled ?? (k == null ? void 0 : k.getDisabled()) ?? !1), A = U(), T = U(), v = U(!1), F = U(!1), O = R(() => v.value || F.value), E = R(() => [...[
+    const m = Symbol.for("fm:form-state"), k = Je(m, null), g = R(() => _.disabled ?? (k == null ? void 0 : k.getDisabled()) ?? !1), D = U(), T = U(), v = U(!1), F = U(!1), O = R(() => v.value || F.value), E = R(() => [...[
       function() {
         return typeof s(i.value) == "string" || typeof s(l.value) == "string" ? "Must be a number" : !0;
       },
       function(b) {
-        return !b || !b.min || !b.max ? !0 : +G(b.min) > +G(b.max) ? "Min must be less than or equal to max" : !0;
+        return !b || !b.min || !b.max ? !0 : +K(b.min) > +K(b.max) ? "Min must be less than or equal to max" : !0;
       }
     ], ..._.rules ?? []]);
     return (p, r) => {
       const b = V("FmLabel"), a = V("FmField"), f = V("FmFormGroup");
-      return D(), K("div", At, [
-        t("div", Dt, [
+      return A(), G("div", Dt, [
+        t("div", At, [
           t("div", Rt, [
             c(b, {
               label: p.label,
@@ -107,7 +107,7 @@ const At = { class: "flex flex-col" }, Dt = { class: "flex flex-col" }, Rt = { c
                   Ve(t("input", {
                     type: "text",
                     ref_key: "minInputRef",
-                    ref: A,
+                    ref: D,
                     onFocus: r[0] || (r[0] = () => v.value = !0),
                     onBlur: r[1] || (r[1] = () => v.value = !1),
                     "onUpdate:modelValue": r[2] || (r[2] = (w) => i.value = w),
@@ -117,7 +117,7 @@ const At = { class: "flex flex-col" }, Dt = { class: "flex flex-col" }, Rt = { c
                       "text-fm-color-typo-disabled": g.value
                     })
                   }, null, 34), [
-                    [Ae, i.value]
+                    [De, i.value]
                   ])
                 ]),
                 r[7] || (r[7] = t("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
@@ -136,7 +136,7 @@ const At = { class: "flex flex-col" }, Dt = { class: "flex flex-col" }, Rt = { c
                       "text-fm-color-typo-disabled": g.value
                     })
                   }, null, 34), [
-                    [Ae, l.value]
+                    [De, l.value]
                   ])
                 ]),
                 Oe(p.$slots, "append")
@@ -164,30 +164,30 @@ function Ut({ min: y, max: _ } = { min: !0, max: !0 }) {
 }
 function qt(y, _) {
   return function(s) {
-    return !s || !s.min || !s.max ? !0 : +G(s.min) < y ? `Must be between ${y} and ${_}` : +G(s.max) > _ ? `Must be between ${y} and ${_}` : !0;
+    return !s || !s.min || !s.max ? !0 : +K(s.min) < y ? `Must be between ${y} and ${_}` : +K(s.max) > _ ? `Must be between ${y} and ${_}` : !0;
   };
 }
 function Nt(y) {
-  const _ = at(y), u = G(y);
-  return function(m) {
-    const C = !(m != null && m.min) || _(m.min) === !0, i = !(m != null && m.max) || _(m.max) === !0;
+  const _ = at(y), u = K(y);
+  return function(d) {
+    const C = !(d != null && d.min) || _(d.min) === !0, i = !(d != null && d.max) || _(d.max) === !0;
     return !C && !i ? `Min & max must be a multiple of ${u}` : C ? i ? !0 : `Max must be a multiple of ${u}` : `Min must be a multiple of ${u}`;
   };
 }
-var L = /* @__PURE__ */ ((y) => (y.Code = "Code", y.Name = "Name", y.DefaultAmount = "DefaultAmount", y.Limit = "Limit", y.MinimumAmount = "MinimumAmount", y.Step = "Step", y.Cost = "Cost", y.Delete = "Delete", y))(L || {});
+var L = /* @__PURE__ */ ((y) => (y.Code = "Code", y.Name = "Name", y.DefaultAmount = "DefaultAmount", y.Limit = "Limit", y.Step = "Step", y.Cost = "Cost", y.Delete = "Delete", y))(L || {});
 function zt(y) {
   const { t: _ } = Y(), u = ze(), s = Ze({});
   ce(() => {
     for (const i of y.items) {
       if (!i.totalCost)
         continue;
-      const l = $t(i.sku, i.quantity, i.measurement, {
+      const l = Mt(i.sku, i.quantity, i.measurement, {
         supplier: y.supplier
-      }), d = i.totalCost ?? Re.reset();
-      l ? s[i.sku._id] = l.amount !== d.amount || l.precision !== d.precision : s[i.sku._id] = !0;
+      }), m = i.totalCost ?? Re.reset();
+      l ? s[i.sku._id] = l.amount !== m.amount || l.precision !== m.precision : s[i.sku._id] = !0;
     }
   });
-  const m = [
+  const d = [
     {
       id: "Code",
       header: () => _("inventory.transfer.form.items.table.Code"),
@@ -197,14 +197,14 @@ function zt(y) {
         const l = i.row.original;
         return J(re.FmTextField, {
           modelValue: l.code,
-          "onUpdate:modelValue": (d) => {
+          "onUpdate:modelValue": (m) => {
             y.updateItem({
               ...l,
-              code: d
+              code: m
             });
           },
           key: l.sku._id,
-          rules: [me()],
+          rules: [de()],
           labelMark: "required"
         });
       },
@@ -218,14 +218,14 @@ function zt(y) {
         const l = i.row.original;
         return J(re.FmTextField, {
           modelValue: l.name,
-          "onUpdate:modelValue": (d) => {
+          "onUpdate:modelValue": (m) => {
             y.updateItem({
               ...l,
-              name: d
+              name: m
             });
           },
           key: l.sku._id,
-          rules: [me()],
+          rules: [de()],
           labelMark: "required"
         });
       },
@@ -237,10 +237,10 @@ function zt(y) {
       minSize: 200,
       cell(i) {
         var v;
-        const l = i.row.original, d = He(), k = d.skuById[l.sku._id], g = d.unitById[(v = k.unit) == null ? void 0 : v._id], A = g.measurements.find((F) => {
+        const l = i.row.original, m = He(), k = m.skuById[l.sku._id], g = m.unitById[(v = k.unit) == null ? void 0 : v._id], D = g.measurements.find((F) => {
           var O;
           return ((O = l.measurement) == null ? void 0 : O.id) === F.id;
-        }), T = l.sku.unit._id !== k.unit._id || !g || l.measurement && !A;
+        }), T = l.sku.unit._id !== k.unit._id || !g || l.measurement && !D;
         return J(kt, {
           style: {
             flex: "1 1 0%"
@@ -270,17 +270,19 @@ function zt(y) {
           },
           rules: [
             Ct(l.quantityStep),
-            St(
-              +G(
-                l.minimumQuantity ?? {
-                  amount: 1,
-                  // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-                  precision: ie(l.sku.unit, l.measurement)
-                }
+            ...+K(l.quantity) ? [
+              St(
+                +K(
+                  l.minimumQuantity ?? {
+                    amount: 1,
+                    // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+                    precision: ie(l.sku.unit, l.measurement)
+                  }
+                )
               )
-            ),
-            Mt(
-              l.maximumQuantity ? +G(l.maximumQuantity) : 1 / 0
+            ] : [],
+            $t(
+              l.maximumQuantity ? +K(l.maximumQuantity) : 1 / 0
             ),
             function(O) {
               return T ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
@@ -309,15 +311,15 @@ function zt(y) {
           disabled: y.disabled,
           key: l.sku._id,
           unit: l.sku.unit,
-          "onUpdate:modelValue": (d) => {
+          "onUpdate:modelValue": (m) => {
             const k = { ...l };
-            d != null && d.min ? k.minimumQuantity = d.min : k.minimumQuantity = null, d != null && d.max ? k.maximumQuantity = d.max : k.maximumQuantity = null, y.updateItem(k);
+            m != null && m.min ? k.minimumQuantity = m.min : k.minimumQuantity = null, m != null && m.max ? k.maximumQuantity = m.max : k.maximumQuantity = null, y.updateItem(k);
           },
           rules: [
             Ut({ max: !1 }),
             Nt(l.quantityStep),
             qt(
-              +G({
+              +K({
                 amount: 0,
                 precision: ie(l.sku.unit, l.measurement)
               }),
@@ -336,16 +338,16 @@ function zt(y) {
       cell(i) {
         const l = i.row.original;
         return J(re.FmTextField, {
-          modelValue: G(l.quantityStep ?? Re.reset(), !1),
+          modelValue: K(l.quantityStep ?? Re.reset(), !1),
           key: l.sku._id,
-          "onUpdate:modelValue": (d) => {
+          "onUpdate:modelValue": (m) => {
             y.updateItem({
               ...l,
-              quantityStep: rt(+d)
+              quantityStep: rt(+m)
             });
           },
           rules: [
-            de({
+            me({
               amount: 1,
               precision: ie(l.sku.unit, l.measurement)
             }),
@@ -382,7 +384,7 @@ function zt(y) {
     }
   ];
   return {
-    columnDefs: R(() => je().enableTotalCost && y.transferType === H.PURCHASE ? m : m.filter((l) => l.id !== "Cost"))
+    columnDefs: R(() => je().enableTotalCost && y.transferType === H.PURCHASE ? d : d.filter((l) => l.id !== "Cost"))
   };
 }
 const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-center" }, Qt = { class: "flex-1 flex gap-1 items-center" }, Kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Gt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Wt = { class: "flex gap-8 w-full" }, Jt = { class: "flex-1 flex flex-col gap-4" }, Zt = { class: "flex-1 flex flex-col gap-4" }, Xt = { class: "flex gap-8 w-full" }, Yt = { class: "flex-1 flex flex-col gap-4" }, eo = { class: "flex-1 flex flex-col gap-4" }, to = { class: "flex gap-8 w-full" }, oo = { class: "flex-1 flex flex-col gap-4" }, so = /* @__PURE__ */ X({
@@ -394,9 +396,9 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
   setup(y) {
     const { t: _ } = Y();
     return (u, s) => {
-      var C, i, l, d, k, g, A, T, v, F, O, E, p, r, b, a, f, w, o, n, S, $, M, h, P, q, z, j, x, N;
-      const m = V("FmLabel");
-      return D(), K("div", Ht, [
+      var C, i, l, m, k, g, D, T, v, F, O, E, p, r, b, a, f, w, o, n, S, M, $, h, P, q, z, j, x, N;
+      const d = V("FmLabel");
+      return A(), G("div", Ht, [
         t("div", jt, [
           t("div", Qt, [
             t("span", Kt, " (" + I(u.row.original.sku.code) + ") ", 1),
@@ -405,23 +407,23 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           t("div", null, [
             c(e(Q), {
               render: (l = (i = (C = u.cellByColId.Delete) == null ? void 0 : C.column) == null ? void 0 : i.columnDef) == null ? void 0 : l.cell,
-              props: (k = (d = u.cellByColId.Delete) == null ? void 0 : d.getContext) == null ? void 0 : k.call(d)
+              props: (k = (m = u.cellByColId.Delete) == null ? void 0 : m.getContext) == null ? void 0 : k.call(m)
             }, null, 8, ["render", "props"])
           ])
         ]),
         t("div", Wt, [
           t("div", Jt, [
-            c(m, {
+            c(d, {
               label: e(_)(`inventory.transfer.form.items.table.${e(L).Code}`)
             }, null, 8, ["label"]),
             c(e(Q), {
-              render: (T = (A = (g = u.cellByColId[e(L).Code]) == null ? void 0 : g.column) == null ? void 0 : A.columnDef) == null ? void 0 : T.cell,
+              render: (T = (D = (g = u.cellByColId[e(L).Code]) == null ? void 0 : g.column) == null ? void 0 : D.columnDef) == null ? void 0 : T.cell,
               props: (F = (v = u.cellByColId[e(L).Code]) == null ? void 0 : v.getContext) == null ? void 0 : F.call(v)
             }, null, 8, ["render", "props"]),
             s[0] || (s[0] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
           t("div", Zt, [
-            c(m, {
+            c(d, {
               label: e(_)(`inventory.transfer.form.items.table.${e(L).Name}`)
             }, null, 8, ["label"]),
             c(e(Q), {
@@ -433,7 +435,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         ]),
         t("div", Xt, [
           t("div", Yt, [
-            c(m, {
+            c(d, {
               label: e(_)(`inventory.transfer.form.items.table.${e(L).DefaultAmount}`)
             }, null, 8, ["label"]),
             c(e(Q), {
@@ -443,11 +445,11 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             s[2] || (s[2] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
           t("div", eo, [
-            c(m, {
+            c(d, {
               label: e(_)(`inventory.transfer.form.items.table.${e(L).Step}`)
             }, null, 8, ["label"]),
             c(e(Q), {
-              render: (M = ($ = (S = u.cellByColId[e(L).Step]) == null ? void 0 : S.column) == null ? void 0 : $.columnDef) == null ? void 0 : M.cell,
+              render: ($ = (M = (S = u.cellByColId[e(L).Step]) == null ? void 0 : S.column) == null ? void 0 : M.columnDef) == null ? void 0 : $.cell,
               props: (P = (h = u.cellByColId[e(L).Step]) == null ? void 0 : h.getContext) == null ? void 0 : P.call(h)
             }, null, 8, ["render", "props"]),
             s[3] || (s[3] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
@@ -455,7 +457,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         ]),
         t("div", to, [
           t("div", oo, [
-            c(m, {
+            c(d, {
               label: e(_)(`inventory.transfer.form.items.table.${e(L).Limit}`)
             }, null, 8, ["label"]),
             c(e(Q), {
@@ -475,7 +477,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
     disabled: { type: Boolean }
   },
   setup(y, { expose: _ }) {
-    const u = y, s = Ne(), { t: m } = Y(), C = Qe(), i = He(), l = Vt(), d = ze();
+    const u = y, s = Ne(), { t: d } = Y(), C = Qe(), i = He(), l = Vt(), m = ze();
     pe(
       () => u.modelValue,
       (o) => {
@@ -492,14 +494,14 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           supplier: o.supplier ?? (s == null ? void 0 : s.purchaseOrder.supplier)
         };
       }
-    ), A = R({
+    ), D = R({
       get() {
         var o, n;
         return typeof ((n = (o = s.purchaseOrder) == null ? void 0 : o.supplier) == null ? void 0 : n.internal) == "string" ? H.TRANSFER : H.PURCHASE;
       },
       set(o) {
-        var S, $;
-        const n = typeof (($ = (S = s.purchaseOrder) == null ? void 0 : S.supplier) == null ? void 0 : $.internal) == "string" ? H.TRANSFER : H.PURCHASE;
+        var S, M;
+        const n = typeof ((M = (S = s.purchaseOrder) == null ? void 0 : S.supplier) == null ? void 0 : M.internal) == "string" ? H.TRANSFER : H.PURCHASE;
         o !== n && (s.purchaseOrder.supplier = o === H.PURCHASE ? g.locationOptionsTypePurchase.value[0] : g.locationOptionsTypeTransfer.value[0]);
       }
     }), T = R(() => g.transferLocationOptions.value), v = R({
@@ -525,8 +527,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
     function p() {
       var o, n;
       return (o = s.locations) != null && o.find((S) => {
-        var $, M;
-        return (($ = S.doc) == null ? void 0 : $._id) === ((M = s.purchaseOrder.supplier) == null ? void 0 : M._id);
+        var M, $;
+        return ((M = S.doc) == null ? void 0 : M._id) === (($ = s.purchaseOrder.supplier) == null ? void 0 : $._id);
       }) ? `Location ${(n = s.purchaseOrder.supplier) == null ? void 0 : n.name} must be removed because template cannot be used to transfer to itself.` : !0;
     }
     const r = R({
@@ -579,35 +581,35 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         sublabel: S.code,
         value: S
       })), n = o.filter((S) => {
-        var $;
-        return ($ = s.purchaseOrder.items) == null ? void 0 : $.find((M) => M.sku._id === S.value._id);
+        var M;
+        return (M = s.purchaseOrder.items) == null ? void 0 : M.find(($) => $.sku._id === S.value._id);
       }).map((S) => S.value);
       k.open({
-        title: m("inventory.transfer.form.items.selectItem"),
+        title: d("inventory.transfer.form.items.selectItem"),
         closeButton: !0,
-        contentComponent: dt,
+        contentComponent: mt,
         contentComponentProps: {
           modelValue: n,
           items: o,
           virtualScroll: !0
         },
         primaryActions: {
-          text: m("common.confirm"),
+          text: d("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: m("common.close"),
+          text: d("common.close"),
           close: !0,
           variant: "tertiary"
         }
       }).onPrimary((S) => {
-        const $ = s.purchaseOrder.items ?? [], M = S.map((h) => {
-          const P = $.find((x) => x.sku._id === h._id);
+        const M = s.purchaseOrder.items ?? [], $ = S.map((h) => {
+          const P = M.find((x) => x.sku._id === h._id);
           if (P)
             return P;
           let q = h.code;
-          if (d.isEnabled) {
-            const x = d.getItemPKTCode(h);
+          if (m.isEnabled) {
+            const x = m.getItemPKTCode(h);
             x && (q = x);
           }
           const z = { amount: 1, precision: ie(h.unit) };
@@ -624,12 +626,12 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             quantityStep: z
           };
         });
-        M.sort((h, P) => h.sku.code.localeCompare(P.sku.code)), s.purchaseOrder.items = M;
+        $.sort((h, P) => h.sku.code.localeCompare(P.sku.code)), s.purchaseOrder.items = $;
       });
     }
     return (o, n) => {
-      const S = V("FmTextField"), $ = V("FmSelect"), M = V("FmTextarea"), h = V("FmButton"), P = V("FmTable"), q = V("FmFormGroup"), z = V("FmForm");
-      return D(), W(z, {
+      const S = V("FmTextField"), M = V("FmSelect"), $ = V("FmTextarea"), h = V("FmButton"), P = V("FmTable"), q = V("FmFormGroup"), z = V("FmForm");
+      return A(), W(z, {
         ref_key: "formRef",
         ref: b,
         class: "flex flex-col gap-32",
@@ -641,31 +643,31 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             t("div", lo, [
               t("div", no, [
                 c(S, {
-                  label: e(m)("inventory.transfer.form.name"),
+                  label: e(d)("inventory.transfer.form.name"),
                   "label-mark": "required",
                   modelValue: e(s).name,
                   "onUpdate:modelValue": n[0] || (n[0] = (x) => e(s).name = x),
-                  rules: [e(me)()]
+                  rules: [e(de)()]
                 }, null, 8, ["label", "modelValue", "rules"]),
-                c($, {
-                  label: e(m)("inventory.transfer.form.type.title"),
-                  "model-value": A.value,
-                  "onUpdate:modelValue": n[1] || (n[1] = (x) => A.value = x),
+                c(M, {
+                  label: e(d)("inventory.transfer.form.type.title"),
+                  "model-value": D.value,
+                  "onUpdate:modelValue": n[1] || (n[1] = (x) => D.value = x),
                   items: [
                     {
-                      label: e(m)("inventory.transfer.form.type.purchase"),
+                      label: e(d)("inventory.transfer.form.type.purchase"),
                       value: e(H).PURCHASE,
                       disabled: !e(g).locationOptionsTypePurchase.value.length,
-                      sublabel: e(g).locationOptionsTypePurchase.value.length ? void 0 : e(m)("inventory.transfer.form.noSupplierAvailable")
+                      sublabel: e(g).locationOptionsTypePurchase.value.length ? void 0 : e(d)("inventory.transfer.form.noSupplierAvailable")
                     },
                     {
-                      label: e(m)("inventory.transfer.form.type.transfer"),
+                      label: e(d)("inventory.transfer.form.type.transfer"),
                       value: e(H).TRANSFER,
                       disabled: !e(g).locationOptionsTypeTransfer.value.length,
-                      sublabel: e(g).locationOptionsTypeTransfer.value.length ? void 0 : e(m)("inventory.transfer.form.noLocationAvailable")
+                      sublabel: e(g).locationOptionsTypeTransfer.value.length ? void 0 : e(d)("inventory.transfer.form.noLocationAvailable")
                     }
                   ],
-                  rules: [e(de)(1)(T.value)]
+                  rules: [e(me)(1)(T.value)]
                 }, {
                   default: B(() => [
                     t("span", {
@@ -673,12 +675,12 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                         "line-clamp-1 fm-typo-en-body-lg-400",
                         o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                       ])
-                    }, I(e(mt)(A.value)), 3)
+                    }, I(e(dt)(D.value)), 3)
                   ]),
                   _: 1
                 }, 8, ["label", "model-value", "items", "rules"]),
-                c($, {
-                  label: A.value === e(H).PURCHASE ? e(m)("inventory.transfer.form.purchaseFrom") : e(m)("inventory.transfer.form.transferFrom"),
+                c(M, {
+                  label: D.value === e(H).PURCHASE ? e(d)("inventory.transfer.form.purchaseFrom") : e(d)("inventory.transfer.form.transferFrom"),
                   modelValue: v.value,
                   "onUpdate:modelValue": n[2] || (n[2] = (x) => v.value = x),
                   items: T.value
@@ -706,13 +708,13 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                   _: 1
                 }, 8, ["label", "modelValue", "items"]),
                 c(S, {
-                  label: e(m)("inventory.transfer.form.reference"),
+                  label: e(d)("inventory.transfer.form.reference"),
                   "label-mark": "optional",
                   modelValue: e(s).purchaseOrder.ref,
                   "onUpdate:modelValue": n[3] || (n[3] = (x) => e(s).purchaseOrder.ref = x)
                 }, null, 8, ["label", "modelValue"]),
-                c(M, {
-                  label: e(m)("inventory.transfer.form.remark"),
+                c($, {
+                  label: e(d)("inventory.transfer.form.remark"),
                   "label-mark": "optional",
                   "max-length": 240,
                   modelValue: r.value,
@@ -752,10 +754,10 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             ]),
             t("div", uo, [
               t("div", mo, [
-                t("div", co, I(e(m)("inventory.transfer.form.items.title")), 1),
+                t("div", co, I(e(d)("inventory.transfer.form.items.title")), 1),
                 c(h, {
                   disabled: o.disabled,
-                  label: e(m)("inventory.transfer.form.items.addItem"),
+                  label: e(d)("inventory.transfer.form.items.addItem"),
                   "prepend-icon": "add",
                   variant: "plain",
                   class: "border-2 rounded-lg border-fm-color-primary",
@@ -763,7 +765,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                   size: "md"
                 }, null, 8, ["disabled", "label"])
               ]),
-              (D(), W(P, {
+              (A(), W(P, {
                 "column-defs": f.value,
                 "row-data": e(s).purchaseOrder.items,
                 key: e(s).purchaseOrder.items.map((x) => x.sku._id).join("."),
@@ -771,7 +773,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                 "page-size": e(s).purchaseOrder.items.length
               }, {
                 "list-row": B((x) => [
-                  (D(), W(Ke, {
+                  (A(), W(Ke, {
                     row: x,
                     key: e(s).purchaseOrder.items.map((N) => N.sku._id).join(".")
                   }, {
@@ -788,7 +790,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
               }, 8, ["column-defs", "row-data", "page-size"])),
               c(q, {
                 "model-value": e(s).purchaseOrder.items.length,
-                rules: [e(de)(1)]
+                rules: [e(me)(1)]
               }, null, 8, ["model-value", "rules"])
             ])
           ];
@@ -807,7 +809,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
   emits: ["update:show", "submitted"],
   setup(y, { expose: _, emit: u }) {
     var b;
-    const s = y, m = u, C = xt(), i = Ft(), { t: l } = Y(), d = Ge(s, "show");
+    const s = y, d = u, C = xt(), i = Ft(), { t: l } = Y(), m = Ge(s, "show");
     function k() {
       return {
         _id: "",
@@ -838,12 +840,12 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         }
       };
     }
-    const g = U(s.modelValue ?? k()), A = U(((b = s.modelValue) == null ? void 0 : b._id) ?? `${Math.random()}`);
+    const g = U(s.modelValue ?? k()), D = U(((b = s.modelValue) == null ? void 0 : b._id) ?? `${Math.random()}`);
     pe(
       () => s.show,
       (a) => {
         var f;
-        a && (g.value = s.modelValue ?? k(), A.value = ((f = s.modelValue) == null ? void 0 : f._id) ?? `${Math.random()}`);
+        a && (g.value = s.modelValue ?? k(), D.value = ((f = s.modelValue) == null ? void 0 : f._id) ?? `${Math.random()}`);
       }
     );
     const T = U(!1), v = R(() => {
@@ -883,7 +885,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             title: l("inventory.transfer.template.create.success"),
             message: l("inventory.transfer.template.create.successMessage"),
             type: "success"
-          }), m("update:show", !1), m("submitted");
+          }), d("update:show", !1), d("submitted");
         } catch (o) {
           i.open({
             title: l("inventory.transfer.template.create.error"),
@@ -907,7 +909,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             title: l("inventory.transfer.template.update.success"),
             message: l("inventory.transfer.template.update.successMessage"),
             type: "success"
-          }), m("update:show", !1), m("submitted");
+          }), d("update:show", !1), d("submitted");
         } catch (o) {
           i.open({
             title: l("inventory.transfer.template.update.error"),
@@ -933,9 +935,9 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
     }
     return (a, f) => {
       const w = V("FmButton"), o = V("FmSideSheet");
-      return D(), W(o, {
-        modelValue: e(d),
-        "onUpdate:modelValue": f[2] || (f[2] = (n) => Ue(d) ? d.value = n : null),
+      return A(), W(o, {
+        modelValue: e(m),
+        "onUpdate:modelValue": f[2] || (f[2] = (n) => Ue(m) ? m.value = n : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 1200
@@ -946,7 +948,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           ])
         ]),
         default: B(() => [
-          (D(), W(po, {
+          (A(), W(po, {
             class: "w-full",
             ref_key: "formRef",
             ref: F,
@@ -954,7 +956,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             "model-value": g.value,
             "onUpdate:modelValue": f[0] || (f[0] = (n) => g.value = n),
             disabled: T.value,
-            key: A.value
+            key: D.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": B(() => [
@@ -968,7 +970,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
               disabled: T.value,
               variant: "tertiary",
               label: e(l)("common.close"),
-              onClick: f[1] || (f[1] = (n) => m("update:show", !1))
+              onClick: f[1] || (f[1] = (n) => d("update:show", !1))
             }, null, 8, ["disabled", "label"])
           ])
         ]),
@@ -979,13 +981,13 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
 }), xo = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, _o = { class: "flex justify-between" }, ho = { class: "fm-typo-en-body-lg-600" }, go = { class: "fm-status-badge fm-status-badge-info-secondary" }, To = { class: "flex flex-col gap-8" }, Fo = { class: "flex flex-col gap-4" }, wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ko = { class: "flex gap-1" }, Co = { class: "fm-typo-en-body-lg-600" }, So = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Mo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $o = { class: "fm-typo-en-body-lg-600" }, Io = {
+}, $o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = { class: "fm-typo-en-body-lg-600" }, Io = {
   key: 1,
   class: "flex flex-col gap-4"
-}, Oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vo = { class: "fm-typo-en-body-lg-600" }, Ao = {
+}, Oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vo = { class: "fm-typo-en-body-lg-600" }, Do = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Do = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = { class: "fm-typo-en-body-lg-600" }, Po = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Lo = { class: "flex flex-col gap-8" }, Bo = { class: "fm-typo-en-body-lg-600" }, Eo = { class: "flex w-full gap-4" }, Uo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, qo = { class: "fm-typo-en-body-lg-600 shrink-0" }, No = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, zo = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ho = {
+}, Ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = { class: "fm-typo-en-body-lg-600" }, Po = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Lo = { class: "flex flex-col gap-8" }, Bo = { class: "fm-typo-en-body-lg-600" }, Eo = { class: "flex w-full gap-4" }, Uo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, qo = { class: "fm-typo-en-body-lg-600 shrink-0" }, No = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, zo = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ho = {
   key: 0,
   class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
 }, jo = {
@@ -999,25 +1001,25 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
   },
   emits: ["update:show", "action:edit"],
   setup(y, { emit: _ }) {
-    const u = y, s = _, m = je(), { t: C } = Y(), i = R(() => {
+    const u = y, s = _, d = je(), { t: C } = Y(), i = R(() => {
       var T;
       return (T = u.template) == null ? void 0 : T.purchaseOrder;
     }), l = [
       { accessorKey: "name", header: () => "Name" },
       { accessorKey: "type", header: () => "Type" }
-    ], d = U(""), k = R(
+    ], m = U(""), k = R(
       () => {
         var T, v, F, O;
         return ((v = (T = i.value) == null ? void 0 : T.supplier) == null ? void 0 : v.internal) === "restaurant" || ((O = (F = i.value) == null ? void 0 : F.supplier) == null ? void 0 : O.internal) === "warehouse" ? H.TRANSFER : H.PURCHASE;
       }
-    ), g = U(!0), A = Ge(u, "show");
+    ), g = U(!0), D = Ge(u, "show");
     return (T, v) => {
       var f;
       const F = V("FmMenuDivider"), O = V("FmCard"), E = V("FmIcon"), p = V("FmTextField"), r = V("FmTable"), b = V("FmButton"), a = V("FmSideSheet");
-      return D(), W(a, {
+      return A(), W(a, {
         header: e(C)("inventory.transfer.template.details.view", { template: (f = T.template) == null ? void 0 : f.name }),
-        modelValue: e(A),
-        "onUpdate:modelValue": v[2] || (v[2] = (w) => Ue(A) ? A.value = w : null),
+        modelValue: e(D),
+        "onUpdate:modelValue": v[2] || (v[2] = (w) => Ue(D) ? D.value = w : null),
         "dismiss-away": g.value,
         "close-button": "",
         "max-width": 500
@@ -1032,7 +1034,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                   class: "flex flex-col gap-8 px-12 py-16"
                 }, {
                   default: B(() => {
-                    var n, S, $, M, h, P, q;
+                    var n, S, M, $, h, P, q;
                     return [
                       t("div", _o, [
                         t("div", ho, I(e(C)("inventory.transfer.template.details.templateSummary")), 1),
@@ -1048,16 +1050,16 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                           ]),
                           t("div", Co, I(e(pt)(((n = T.template) == null ? void 0 : n._id) ?? "")), 1)
                         ]),
-                        ($ = (S = i.value) == null ? void 0 : S.supplier) != null && $.name ? (D(), K("div", So, [
-                          t("div", Mo, I(e(C)("inventory.transfer.receiveRequest.details.from")), 1),
-                          t("div", $o, I((h = (M = i.value) == null ? void 0 : M.supplier) == null ? void 0 : h.name), 1)
+                        (M = (S = i.value) == null ? void 0 : S.supplier) != null && M.name ? (A(), G("div", So, [
+                          t("div", $o, I(e(C)("inventory.transfer.receiveRequest.details.from")), 1),
+                          t("div", Mo, I((h = ($ = i.value) == null ? void 0 : $.supplier) == null ? void 0 : h.name), 1)
                         ])) : ee("", !0),
-                        (P = i.value) != null && P.ref ? (D(), K("div", Io, [
+                        (P = i.value) != null && P.ref ? (A(), G("div", Io, [
                           t("div", Oo, I(e(C)("inventory.transfer.receiveRequest.details.reference")), 1),
                           t("div", Vo, I(i.value.ref), 1)
                         ])) : ee("", !0),
-                        (q = i.value) != null && q.remark ? (D(), K("div", Ao, [
-                          t("div", Do, I(e(C)("inventory.transfer.receiveRequest.details.remark")), 1),
+                        (q = i.value) != null && q.remark ? (A(), G("div", Do, [
+                          t("div", Ao, I(e(C)("inventory.transfer.receiveRequest.details.remark")), 1),
                           t("div", Ro, I(i.value.remark), 1)
                         ])) : ee("", !0)
                       ])
@@ -1069,7 +1071,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
               t("div", Po, [
                 t("div", Lo, [
                   t("div", Bo, I(e(C)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
-                  (D(!0), K(qe, null, Xe(((w = i.value) == null ? void 0 : w.items) ?? [], (n) => (D(), K("div", {
+                  (A(!0), G(qe, null, Xe(((w = i.value) == null ? void 0 : w.items) ?? [], (n) => (A(), G("div", {
                     key: n.code,
                     class: "flex flex-col"
                   }, [
@@ -1080,9 +1082,9 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                     ]),
                     t("div", No, [
                       t("div", zo, I(n.code), 1),
-                      n.totalCost && e(m).enableTotalCost ? (D(), K("div", Ho, " (" + I(e(ft)(n.totalCost)) + ") ", 1)) : ee("", !0)
+                      n.totalCost && e(d).enableTotalCost ? (A(), G("div", Ho, " (" + I(e(ft)(n.totalCost)) + ") ", 1)) : ee("", !0)
                     ]),
-                    e(ht)(n) ? (D(), K("div", jo, [
+                    e(ht)(n) ? (A(), G("div", jo, [
                       c(E, {
                         name: "error",
                         color: "system-error-300",
@@ -1102,8 +1104,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                 ], -1)),
                 t("div", Ko, [
                   c(p, {
-                    modelValue: d.value,
-                    "onUpdate:modelValue": v[0] || (v[0] = (n) => d.value = n),
+                    modelValue: m.value,
+                    "onUpdate:modelValue": v[0] || (v[0] = (n) => m.value = n),
                     placeholder: "Filter locations",
                     "prepend-icon": "search"
                   }, null, 8, ["modelValue"]),
@@ -1111,7 +1113,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                     "hide-footer": "",
                     style: { height: "500px" },
                     "column-defs": l,
-                    "search-value": d.value,
+                    "search-value": m.value,
                     "row-data": ((o = u.template) == null ? void 0 : o.locations) ?? [{ name: "All locations" }]
                   }, null, 8, ["search-value", "row-data"])
                 ])
@@ -1135,19 +1137,19 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
 }), Jo = { class: "flex-1 flex flex-col gap-8" }, Zo = { class: "flex flex-col" }, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, es = { class: "fm-typo-en-body-lg-400" }, ts = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, os = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, cs = /* @__PURE__ */ X({
   __name: "TransferTemplateView",
   setup(y) {
-    const { t: _ } = Y(), { createTemplate: u, viewTemplate: s, importTemplates: m, exportTemplates: C } = Le(), { templateDialogProps: i, templateDetailsProps: l } = Be(Le()), d = gt(), { loading: k, templates: g } = Be(d), A = U(!1), T = yt(), v = Qe(), { breakpoints: F } = wt();
-    ce(d.fetchTemplates);
+    const { t: _ } = Y(), { createTemplate: u, viewTemplate: s, importTemplates: d, exportTemplates: C } = Le(), { templateDialogProps: i, templateDetailsProps: l } = Be(Le()), m = gt(), { loading: k, templates: g } = Be(m), D = U(!1), T = yt(), v = Qe(), { breakpoints: F } = wt();
+    ce(m.fetchTemplates);
     const O = R(
-      () => A.value || k.value || !v._currentLocation
+      () => D.value || k.value || !v._currentLocation
     ), E = R(() => g.value), p = U(""), r = R(() => F.value.xs || F.value.sm), b = R(() => r.value ? 10 : 20);
     function a(o) {
       switch (o) {
         case Pe.Add:
           return u();
         case "refresh":
-          return d.fetchTemplates();
+          return m.fetchTemplates();
         case "import":
-          return m();
+          return d();
         case "export":
           return C();
       }
@@ -1180,14 +1182,14 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
     ]);
     return (o, n) => {
       const S = V("FmTable");
-      return D(), K(qe, null, [
+      return A(), G(qe, null, [
         c(vt, {
           title: e(_)("inventory.transfer.template.title2"),
           actions: w.value,
           "onClick:action": a
         }, {
           default: B(() => {
-            var $;
+            var M;
             return [
               t("div", {
                 class: Z([
@@ -1201,25 +1203,25 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                 c(bt, {
                   searchable: "",
                   search: p.value,
-                  "onUpdate:search": n[0] || (n[0] = (M) => p.value = M)
+                  "onUpdate:search": n[0] || (n[0] = ($) => p.value = $)
                 }, null, 8, ["search"]),
-                (D(), W(S, {
+                (A(), W(S, {
                   style: Ye(e(T).tableHeight),
-                  "column-defs": e(d).columnDefs,
+                  "column-defs": e(m).columnDefs,
                   "row-data": E.value,
                   "search-value": p.value,
                   loading: O.value,
-                  key: ($ = e(v)._currentLocation) == null ? void 0 : $.dbName,
-                  onRowClick: n[1] || (n[1] = (M) => e(s)(M.original)),
+                  key: (M = e(v)._currentLocation) == null ? void 0 : M.dbName,
+                  onRowClick: n[1] || (n[1] = ($) => e(s)($.original)),
                   "page-size": b.value
                 }, {
-                  "list-row": B((M) => [
+                  "list-row": B(($) => [
                     c(Ke, {
-                      row: M,
+                      row: $,
                       onRowClick: (h) => e(s)(h)
                     }, {
                       default: B((h) => {
-                        var P, q, z, j, x, N, fe, ye, oe, ve, be, xe, _e, se, he, ge, Te, Fe, we, ke, le, Ce, Se, Me, $e, ne, Ie;
+                        var P, q, z, j, x, N, fe, ye, oe, ve, be, xe, _e, se, he, ge, Te, Fe, we, ke, le, Ce, Se, $e, Me, ne, Ie;
                         return [
                           t("div", Jo, [
                             t("div", Zo, [
@@ -1241,8 +1243,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                                   props: (he = (se = h.supplier) == null ? void 0 : se.getContext) == null ? void 0 : he.call(se)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              t("div", null, I((ge = M.original.locations) != null && ge.length ? `Enabled for ${(Te = M.original.locations) == null ? void 0 : Te.length} outlets` : "Enabled for all outlets"), 1),
-                              t("div", ts, I(M.original.purchaseOrder.items.length ? M.original.purchaseOrder.items.map((We) => We.name).join(", ") : "No items"), 1),
+                              t("div", null, I((ge = $.original.locations) != null && ge.length ? `Enabled for ${(Te = $.original.locations) == null ? void 0 : Te.length} outlets` : "Enabled for all outlets"), 1),
+                              t("div", ts, I($.original.purchaseOrder.items.length ? $.original.purchaseOrder.items.map((We) => We.name).join(", ") : "No items"), 1),
                               t("div", os, [
                                 c(e(Q), {
                                   render: (ke = (we = (Fe = h.ref) == null ? void 0 : Fe.column) == null ? void 0 : we.columnDef) == null ? void 0 : ke.cell,
@@ -1252,7 +1254,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                             ]),
                             t("div", null, [
                               c(e(Q), {
-                                render: ($e = (Me = (Se = h.type) == null ? void 0 : Se.column) == null ? void 0 : Me.columnDef) == null ? void 0 : $e.cell,
+                                render: (Me = ($e = (Se = h.type) == null ? void 0 : Se.column) == null ? void 0 : $e.columnDef) == null ? void 0 : Me.cell,
                                 props: (Ie = (ne = h.type) == null ? void 0 : ne.getContext) == null ? void 0 : Ie.call(ne)
                               }, null, 8, ["render", "props"])
                             ])
@@ -1269,10 +1271,10 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           }),
           _: 1
         }, 8, ["title", "actions"]),
-        (D(), W(et, { to: "body" }, [
+        (A(), W(et, { to: "body" }, [
           c(Wo, tt(ot(e(l))), null, 16),
           c(bo, Ee(e(i), {
-            onSubmitted: n[2] || (n[2] = ($) => e(d).fetchTemplates())
+            onSubmitted: n[2] || (n[2] = (M) => e(m).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);