@feedmepos/mf-inventory-portal 0.0.21-dev.4 → 0.0.21-dev.5

package/dist/{TransferTemplateView-DWF54okN.js → TransferTemplateView-DcMdNiH6.js}

@@ -1,17 +1,17 @@
-import { defineComponent as X, onMounted as xe, computed as A, ref as U, watch as pe, inject as We, resolveComponent as S, openBlock as T, createElementBlock as P, createElementVNode as s, createVNode as d, withCtx as D, renderSlot as Me, withDirectives as De, normalizeClass as ve, vModelText as Ve, reactive as Ke, h as J, toDisplayString as $, unref as e, createBlock as z, createCommentVNode as H, isRef as he, Fragment as me, renderList as be, onUnmounted as Ze, normalizeStyle as Je, Teleport as Xe, mergeProps as Ae, normalizeProps as et, guardReactiveProps as tt } from "vue";
-import { u as ot, _ as st, a as nt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DYBTXD_J.js";
+import { defineComponent as X, onMounted as xe, computed as V, ref as U, watch as fe, inject as Ke, resolveComponent as S, openBlock as C, createElementBlock as P, createElementVNode as s, createVNode as d, withCtx as D, renderSlot as De, withDirectives as Ve, normalizeClass as me, vModelText as Ae, reactive as Ze, h as J, toDisplayString as $, unref as e, createBlock as E, createCommentVNode as H, isRef as he, Fragment as ce, renderList as be, onUnmounted as Je, normalizeStyle as Xe, Teleport as et, mergeProps as Re, normalizeProps as tt, guardReactiveProps as ot } from "vue";
+import { u as st, _ as nt, a as lt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CpN5Kn8b.js";
 import { useI18n as Z } from "@feedmepos/mf-common";
-import { P as ce, a as lt, f as at, b as rt, c as Re, d as it } from "./purchase-order-transaction-type-Dp0wsGal.js";
-import { F as ne, R as Oe } from "./row-action.enum-PMKMRrZR.js";
-import { $ as ye, t as Pe, I as ut, a0 as dt, a1 as mt, a as G, D as Be, R as _e, a2 as ct, a3 as pt, r as de, a4 as ft, l as yt, A as qe, M as vt, b as ge, j as fe, y as Ue, u as bt, a5 as ie, a6 as _t, G as xt, a7 as ht } from "./app-SBnQEeEV.js";
-import { useBreakpoints as Ne, components as ue, useDialog as Ee, useSnackbar as gt, useProxiedModel as ze } from "@feedmepos/ui-library";
-import { storeToRefs as kt } from "pinia";
-import { d as je, c as Qe, _ as wt } from "./TransferDialog.vue_vue_type_script_setup_true_lang-CSUnXAyq.js";
-import { useRouter as Ft } from "vue-router";
-import { u as Tt } from "./supplier-I_rYvljH.js";
-import { F as E, _ as He } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { _ as Ct } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-DsOGlAb7.js";
-const $t = { class: "flex flex-col" }, St = { class: "flex flex-col" }, Lt = { class: "flex-1" }, It = { class: "flex items-center" }, Mt = { class: "flex-1" }, Dt = { class: "flex-1" }, Vt = /* @__PURE__ */ X({
+import { P as pe, a as at, f as rt, b as it, c as Oe, d as ut } from "./purchase-order-transaction-type-CQ-RpJ0h.js";
+import { F as ne, R as Pe } from "./row-action.enum-PMKMRrZR.js";
+import { $ as ve, t as Be, I as dt, a0 as mt, a1 as ct, a as G, D as qe, R as _e, a2 as pt, a3 as ft, r as de, a4 as yt, l as vt, A as Ue, M as bt, b as ge, j as ye, y as Ne, u as _t, a5 as ie, a6 as xt, G as ht, a7 as gt } from "./app-S6iG6Hux.js";
+import { useBreakpoints as Ee, components as ue, useDialog as ze, useSnackbar as kt, useProxiedModel as je } from "@feedmepos/ui-library";
+import { storeToRefs as wt } from "pinia";
+import { d as Qe, c as He, _ as Ft } from "./TransferDialog.vue_vue_type_script_setup_true_lang-BDvtif2q.js";
+import { useRouter as Tt } from "vue-router";
+import { u as Ct } from "./supplier-DQsAfn3q.js";
+import { F as N, _ as Ge } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { _ as $t } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-kJKVCH40.js";
+const St = { class: "flex flex-col" }, Lt = { class: "flex flex-col" }, Mt = { class: "flex-1" }, It = { class: "flex items-center" }, Dt = { class: "flex-1" }, Vt = { class: "flex-1" }, At = /* @__PURE__ */ X({
   __name: "FmMinMaxInput",
   props: {
     rules: {},
@@ -49,42 +49,42 @@ const $t = { class: "flex flex-col" }, St = { class: "flex flex-col" }, Lt = { c
     helperState: {}
   },
   setup(m) {
-    const y = m, u = je("modelValue"), l = ut();
+    const y = m, u = Qe("modelValue"), l = dt();
     xe(() => {
-      const { min: p, max: o } = u ?? {};
-      if (!(!p || !o) && p.precision !== o.precision) {
-        const t = Math.max(p.precision, o.precision), r = ye(p, t), f = ye(o, t);
-        u.min = r, u.max = f;
+      const { min: f, max: o } = u ?? {};
+      if (!(!f || !o) && f.precision !== o.precision) {
+        const t = Math.max(f.precision, o.precision), r = ve(f, t), p = ve(o, t);
+        u.min = r, u.max = p;
       }
     });
-    const x = A(() => {
-      const { min: p, max: o } = u ?? {};
-      return Math.max((p == null ? void 0 : p.precision) ?? 0, (o == null ? void 0 : o.precision) ?? 0, y.precision ?? 0);
-    }), c = A(() => ({
+    const _ = V(() => {
+      const { min: f, max: o } = u ?? {};
+      return Math.max((f == null ? void 0 : f.precision) ?? 0, (o == null ? void 0 : o.precision) ?? 0, y.precision ?? 0);
+    }), c = V(() => ({
       ...u
-    })), n = (p) => {
-      if (!p) return "";
-      const o = dt(p), t = x.value, r = ye(o, t);
-      return mt(
+    })), n = (f) => {
+      if (!f) return "";
+      const o = mt(f), t = _.value, r = ve(o, t);
+      return ct(
         +G(r),
         r.precision
       );
     }, a = U(n(u.min)), v = U(n(u.max));
-    pe([a, v], ([p, o]) => {
-      const t = u ?? {}, r = l(p), f = l(o), i = x.value;
-      if (p !== "" && r === !0) {
-        const _ = Pe(+p, i);
-        t.min = _;
+    fe([a, v], ([f, o]) => {
+      const t = u ?? {}, r = l(f), p = l(o), i = _.value;
+      if (f !== "" && r === !0) {
+        const h = Be(+f, i);
+        t.min = h;
       } else
         t.min = null;
-      if (o !== "" && f === !0) {
-        const _ = Pe(+o, i);
-        t.max = _;
+      if (o !== "" && p === !0) {
+        const h = Be(+o, i);
+        t.max = h;
       } else
         t.max = null;
       u.min = t.min, u.max = t.max;
     });
-    const b = Symbol.for("fm:form-state"), g = We(b, null), I = A(() => y.disabled ?? (g == null ? void 0 : g.getDisabled()) ?? !1), M = U(), w = U(), h = U(!1), F = U(!1), R = A(() => h.value || F.value), q = A(() => [...[
+    const b = Symbol.for("fm:form-state"), g = Ke(b, null), L = V(() => y.disabled ?? (g == null ? void 0 : g.getDisabled()) ?? !1), M = U(), w = U(), x = U(!1), F = U(!1), R = V(() => x.value || F.value), q = V(() => [...[
       function() {
         return typeof l(a.value) == "string" || typeof l(v.value) == "string" ? "Must be a number" : !0;
       },
@@ -92,97 +92,97 @@ const $t = { class: "flex flex-col" }, St = { class: "flex flex-col" }, Lt = { c
         return !t || !t.min || !t.max ? !0 : +G(t.min) > +G(t.max) ? "Min must be less than or equal to max" : !0;
       }
     ], ...y.rules ?? []]);
-    return (p, o) => {
-      const t = S("FmLabel"), r = S("FmField"), f = S("FmFormGroup");
-      return T(), P("div", $t, [
-        s("div", St, [
-          s("div", Lt, [
+    return (f, o) => {
+      const t = S("FmLabel"), r = S("FmField"), p = S("FmFormGroup");
+      return C(), P("div", St, [
+        s("div", Lt, [
+          s("div", Mt, [
             d(t, {
-              label: p.label,
-              disabled: p.disabled,
-              required: p.labelMark === "required",
-              optional: p.labelMark === "optional"
+              label: f.label,
+              disabled: f.disabled,
+              required: f.labelMark === "required",
+              optional: f.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
           d(r, { focused: R.value }, {
             default: D(() => [
               s("div", It, [
-                Me(p.$slots, "prepend"),
+                De(f.$slots, "prepend"),
                 o[6] || (o[6] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
-                s("div", Mt, [
-                  De(s("input", {
+                s("div", Dt, [
+                  Ve(s("input", {
                     type: "text",
                     ref_key: "minInputRef",
                     ref: M,
-                    onFocus: o[0] || (o[0] = () => h.value = !0),
-                    onBlur: o[1] || (o[1] = () => h.value = !1),
+                    onFocus: o[0] || (o[0] = () => x.value = !0),
+                    onBlur: o[1] || (o[1] = () => x.value = !1),
                     "onUpdate:modelValue": o[2] || (o[2] = (i) => a.value = i),
-                    class: ve({
+                    class: me({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !I.value,
-                      "text-fm-color-typo-disabled": I.value
+                      "text-fm-color-typo-primary": !L.value,
+                      "text-fm-color-typo-disabled": L.value
                     })
                   }, null, 34), [
-                    [Ve, a.value]
+                    [Ae, a.value]
                   ])
                 ]),
                 o[7] || (o[7] = s("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
                 o[8] || (o[8] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
-                s("div", Dt, [
-                  De(s("input", {
+                s("div", Vt, [
+                  Ve(s("input", {
                     type: "text",
                     ref_key: "maxInputRef",
                     ref: w,
                     onFocus: o[3] || (o[3] = () => F.value = !0),
                     onBlur: o[4] || (o[4] = () => F.value = !1),
                     "onUpdate:modelValue": o[5] || (o[5] = (i) => v.value = i),
-                    class: ve({
+                    class: me({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !I.value,
-                      "text-fm-color-typo-disabled": I.value
+                      "text-fm-color-typo-primary": !L.value,
+                      "text-fm-color-typo-disabled": L.value
                     })
                   }, null, 34), [
-                    [Ve, v.value]
+                    [Ae, v.value]
                   ])
                 ]),
-                Me(p.$slots, "append")
+                De(f.$slots, "append")
               ])
             ]),
             _: 3
           }, 8, ["focused"])
         ]),
-        d(f, {
+        d(p, {
           class: "flex-1",
           "model-value": c.value,
-          info: p.labelInfo,
+          info: f.labelInfo,
           rules: q.value,
-          "helper-text": p.helperText,
-          "helper-state": p.helperState
+          "helper-text": f.helperText,
+          "helper-state": f.helperState
         }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
       ]);
     };
   }
 });
-function At() {
+function Rt() {
   return function(y) {
     return !y || !y.min || !y.max ? "Required" : !0;
   };
 }
-function Rt(m, y) {
+function Ot(m, y) {
   return function(l) {
     return !l || !l.min || !l.max ? !0 : +G(l.min) < m ? `Must be between ${m} and ${y}` : +G(l.max) > y ? `Must be between ${m} and ${y}` : !0;
   };
 }
-var V = /* @__PURE__ */ ((m) => (m.Code = "Code", m.Name = "Name", m.DefaultAmount = "DefaultAmount", m.Limit = "Limit", m.MinimumAmount = "MinimumAmount", m.Step = "Step", m.Cost = "Cost", m.Delete = "Delete", m))(V || {});
-function Ot(m) {
-  const { t: y } = Z(), u = Ke({});
-  Ne(), xe(() => {
+var A = /* @__PURE__ */ ((m) => (m.Code = "Code", m.Name = "Name", m.DefaultAmount = "DefaultAmount", m.Limit = "Limit", m.MinimumAmount = "MinimumAmount", m.Step = "Step", m.Cost = "Cost", m.Delete = "Delete", m))(A || {});
+function Pt(m) {
+  const { t: y } = Z(), u = Ze({});
+  Ee(), xe(() => {
     for (const c of m.items) {
       if (!c.totalCost)
         continue;
-      const n = Qe(c.sku, c.quantity, c.measurement, {
+      const n = He(c.sku, c.quantity, c.measurement, {
         supplier: m.supplier
-      }), a = c.totalCost ?? Be.reset();
+      }), a = c.totalCost ?? qe.reset();
       n ? u[c.sku._id] = n.amount !== a.amount || n.precision !== a.precision : u[c.sku._id] = !0;
     }
   });
@@ -236,7 +236,7 @@ function Ot(m) {
       minSize: 200,
       cell(c) {
         const n = c.row.original;
-        return J(ct, {
+        return J(pt, {
           style: {
             flex: "1 1 0%"
           },
@@ -255,7 +255,7 @@ function Ot(m) {
             });
           },
           rules: [
-            pt(
+            ft(
               +G(
                 n.minimumQuantity ?? {
                   amount: 1,
@@ -263,7 +263,7 @@ function Ot(m) {
                 }
               )
             ),
-            ft(
+            yt(
               n.maximumQuantity ? +G(n.maximumQuantity) : 1 / 0
             )
           ],
@@ -279,7 +279,7 @@ function Ot(m) {
       minSize: 280,
       cell(c) {
         const n = c.row.original;
-        return J(Vt, {
+        return J(At, {
           style: {
             flex: "1 1 0%"
           },
@@ -295,8 +295,8 @@ function Ot(m) {
             a != null && a.min && (v.minimumQuantity = a.min), a != null && a.max && (v.maximumQuantity = a.max), m.updateItem(v);
           },
           rules: [
-            At(),
-            Rt(
+            Rt(),
+            Ot(
               +G({
                 amount: 1,
                 precision: de(n.sku.unit, n.measurement)
@@ -316,20 +316,20 @@ function Ot(m) {
       cell(c) {
         const n = c.row.original;
         return J(ue.FmTextField, {
-          modelValue: G(n.quantityStep ?? Be.reset(), !1),
+          modelValue: G(n.quantityStep ?? qe.reset(), !1),
           key: n.sku._id,
           "onUpdate:modelValue": (a) => {
             m.updateItem({
               ...n,
-              quantityStep: yt(+a)
+              quantityStep: vt(+a)
             });
           },
           rules: [
-            qe({
+            Ue({
               amount: 1,
               precision: de(n.sku.unit, n.measurement)
             }),
-            vt(n.sku.unit, n.measurement)
+            bt(n.sku.unit, n.measurement)
           ]
         });
       },
@@ -482,10 +482,10 @@ function Ot(m) {
     }
   ];
   return {
-    columnDefs: A(() => ge().enableTotalCost && m.transferType === ce.PURCHASE ? l : l.filter((n) => n.id !== "Cost"))
+    columnDefs: V(() => ge().enableTotalCost && m.transferType === pe.PURCHASE ? l : l.filter((n) => n.id !== "Cost"))
   };
 }
-const Pt = { class: "flex flex-col gap-8 py-16" }, Bt = { class: "flex items-center" }, qt = { class: "flex-1 flex gap-1 items-center" }, Ut = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Nt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Et = { class: "flex gap-8 w-full" }, zt = { class: "flex-1 flex flex-col gap-4" }, jt = { class: "flex-1 flex flex-col gap-4" }, Qt = { class: "flex gap-8 w-full" }, Ht = { class: "flex-1 flex flex-col gap-4" }, Gt = { class: "flex-1 flex flex-col gap-4" }, Yt = { class: "flex gap-8 w-full" }, Wt = { class: "flex-1 flex flex-col gap-4" }, Kt = { class: "flex-1 flex flex-col gap-4" }, Zt = /* @__PURE__ */ X({
+const Bt = { class: "flex flex-col gap-8 py-16" }, qt = { class: "flex items-center" }, Ut = { class: "flex-1 flex gap-1 items-center" }, Nt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, zt = { class: "flex gap-8 w-full" }, jt = { class: "flex-1 flex flex-col gap-4" }, Qt = { class: "flex-1 flex flex-col gap-4" }, Ht = { class: "flex gap-8 w-full" }, Gt = { class: "flex-1 flex flex-col gap-4" }, Yt = { class: "flex-1 flex flex-col gap-4" }, Wt = { class: "flex gap-8 w-full" }, Kt = { class: "flex-1 flex flex-col gap-4" }, Zt = { class: "flex-1 flex flex-col gap-4" }, Jt = /* @__PURE__ */ X({
   __name: "TransferTemplateItem",
   props: {
     cellByColId: {},
@@ -494,88 +494,88 @@ const Pt = { class: "flex flex-col gap-8 py-16" }, Bt = { class: "flex items-cen
   setup(m) {
     const { t: y } = Z();
     return (u, l) => {
-      var c, n, a, v, b, g, I, M, w, h, F, R, q, p, o, t, r, f, i, _, L, C, O, B, j, N, k, Q, Y, ee, W, te, oe, K, se;
-      const x = S("FmLabel");
-      return T(), P("div", Pt, [
-        s("div", Bt, [
-          s("div", qt, [
-            s("span", Ut, " (" + $(u.row.original.sku.code) + ") ", 1),
-            s("span", Nt, $(u.row.original.sku.name), 1)
+      var c, n, a, v, b, g, L, M, w, x, F, R, q, f, o, t, r, p, i, h, O, I, T, B, z, j, k, Q, Y, ee, te, W, oe, K, se;
+      const _ = S("FmLabel");
+      return C(), P("div", Bt, [
+        s("div", qt, [
+          s("div", Ut, [
+            s("span", Nt, " (" + $(u.row.original.sku.code) + ") ", 1),
+            s("span", Et, $(u.row.original.sku.name), 1)
           ]),
           s("div", null, [
-            d(e(E), {
+            d(e(N), {
               render: (a = (n = (c = u.cellByColId.Delete) == null ? void 0 : c.column) == null ? void 0 : n.columnDef) == null ? void 0 : a.cell,
               props: (b = (v = u.cellByColId.Delete) == null ? void 0 : v.getContext) == null ? void 0 : b.call(v)
             }, null, 8, ["render", "props"])
           ])
         ]),
-        s("div", Et, [
-          s("div", zt, [
-            d(x, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(V).Code}`)
+        s("div", zt, [
+          s("div", jt, [
+            d(_, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(A).Code}`)
             }, null, 8, ["label"]),
-            d(e(E), {
-              render: (M = (I = (g = u.cellByColId[e(V).Code]) == null ? void 0 : g.column) == null ? void 0 : I.columnDef) == null ? void 0 : M.cell,
-              props: (h = (w = u.cellByColId[e(V).Code]) == null ? void 0 : w.getContext) == null ? void 0 : h.call(w)
+            d(e(N), {
+              render: (M = (L = (g = u.cellByColId[e(A).Code]) == null ? void 0 : g.column) == null ? void 0 : L.columnDef) == null ? void 0 : M.cell,
+              props: (x = (w = u.cellByColId[e(A).Code]) == null ? void 0 : w.getContext) == null ? void 0 : x.call(w)
             }, null, 8, ["render", "props"]),
             l[0] || (l[0] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          s("div", jt, [
-            d(x, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(V).Name}`)
+          s("div", Qt, [
+            d(_, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(A).Name}`)
             }, null, 8, ["label"]),
-            d(e(E), {
-              render: (q = (R = (F = u.cellByColId[e(V).Name]) == null ? void 0 : F.column) == null ? void 0 : R.columnDef) == null ? void 0 : q.cell,
-              props: (o = (p = u.cellByColId[e(V).Name]) == null ? void 0 : p.getContext) == null ? void 0 : o.call(p)
+            d(e(N), {
+              render: (q = (R = (F = u.cellByColId[e(A).Name]) == null ? void 0 : F.column) == null ? void 0 : R.columnDef) == null ? void 0 : q.cell,
+              props: (o = (f = u.cellByColId[e(A).Name]) == null ? void 0 : f.getContext) == null ? void 0 : o.call(f)
             }, null, 8, ["render", "props"]),
             l[1] || (l[1] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ]),
-        s("div", Qt, [
-          s("div", Ht, [
-            d(x, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(V).Limit}`)
+        s("div", Ht, [
+          s("div", Gt, [
+            d(_, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(A).Limit}`)
             }, null, 8, ["label"]),
-            d(e(E), {
-              render: (f = (r = (t = u.cellByColId[e(V).Limit]) == null ? void 0 : t.column) == null ? void 0 : r.columnDef) == null ? void 0 : f.cell,
-              props: (_ = (i = u.cellByColId[e(V).Limit]) == null ? void 0 : i.getContext) == null ? void 0 : _.call(i)
+            d(e(N), {
+              render: (p = (r = (t = u.cellByColId[e(A).Limit]) == null ? void 0 : t.column) == null ? void 0 : r.columnDef) == null ? void 0 : p.cell,
+              props: (h = (i = u.cellByColId[e(A).Limit]) == null ? void 0 : i.getContext) == null ? void 0 : h.call(i)
             }, null, 8, ["render", "props"]),
             l[2] || (l[2] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          s("div", Gt, [
-            d(x, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(V).Step}`)
+          s("div", Yt, [
+            d(_, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(A).Step}`)
             }, null, 8, ["label"]),
-            d(e(E), {
-              render: (O = (C = (L = u.cellByColId[e(V).Step]) == null ? void 0 : L.column) == null ? void 0 : C.columnDef) == null ? void 0 : O.cell,
-              props: (j = (B = u.cellByColId[e(V).Step]) == null ? void 0 : B.getContext) == null ? void 0 : j.call(B)
+            d(e(N), {
+              render: (T = (I = (O = u.cellByColId[e(A).Step]) == null ? void 0 : O.column) == null ? void 0 : I.columnDef) == null ? void 0 : T.cell,
+              props: (z = (B = u.cellByColId[e(A).Step]) == null ? void 0 : B.getContext) == null ? void 0 : z.call(B)
             }, null, 8, ["render", "props"]),
             l[3] || (l[3] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ]),
-        s("div", Yt, [
-          s("div", Wt, [
-            d(x, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(V).DefaultAmount}`)
+        s("div", Wt, [
+          s("div", Kt, [
+            d(_, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(A).DefaultAmount}`)
             }, null, 8, ["label"]),
-            d(e(E), {
-              render: (Q = (k = (N = u.cellByColId[e(V).DefaultAmount]) == null ? void 0 : N.column) == null ? void 0 : k.columnDef) == null ? void 0 : Q.cell,
-              props: (ee = (Y = u.cellByColId[e(V).DefaultAmount]) == null ? void 0 : Y.getContext) == null ? void 0 : ee.call(Y)
+            d(e(N), {
+              render: (Q = (k = (j = u.cellByColId[e(A).DefaultAmount]) == null ? void 0 : j.column) == null ? void 0 : k.columnDef) == null ? void 0 : Q.cell,
+              props: (ee = (Y = u.cellByColId[e(A).DefaultAmount]) == null ? void 0 : Y.getContext) == null ? void 0 : ee.call(Y)
             }, null, 8, ["render", "props"]),
             l[4] || (l[4] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          s("div", Kt, [
-            d(Ct, { "z-index": 50 }, {
+          s("div", Zt, [
+            d($t, { "z-index": 50 }, {
               default: D(() => [
-                d(x, {
-                  label: e(y)(`inventory.transfer.form.items.table.${e(V).Cost}2`)
+                d(_, {
+                  label: e(y)(`inventory.transfer.form.items.table.${e(A).Cost}2`)
                 }, null, 8, ["label"])
               ]),
               _: 1
             }),
-            d(e(E), {
-              render: (oe = (te = (W = u.cellByColId[e(V).Cost]) == null ? void 0 : W.column) == null ? void 0 : te.columnDef) == null ? void 0 : oe.cell,
-              props: (se = (K = u.cellByColId[e(V).Cost]) == null ? void 0 : K.getContext) == null ? void 0 : se.call(K)
+            d(e(N), {
+              render: (oe = (W = (te = u.cellByColId[e(A).Cost]) == null ? void 0 : te.column) == null ? void 0 : W.columnDef) == null ? void 0 : oe.cell,
+              props: (se = (K = u.cellByColId[e(A).Cost]) == null ? void 0 : K.getContext) == null ? void 0 : se.call(K)
             }, null, 8, ["render", "props"]),
             l[5] || (l[5] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
@@ -584,8 +584,8 @@ const Pt = { class: "flex flex-col gap-8 py-16" }, Bt = { class: "flex items-cen
     };
   }
 });
-function Ge(m) {
-  const y = Ee(), u = fe(), { t: l } = Z(), x = A({
+function Ye(m) {
+  const y = ze(), u = ye(), { t: l } = Z(), _ = V({
     get() {
       return Array.isArray(m.getLocations());
     },
@@ -597,7 +597,7 @@ function Ge(m) {
     var v;
     y.open({
       title: "Select at least one location",
-      contentComponent: Ue,
+      contentComponent: Ne,
       contentComponentProps: {
         modelValue: ((v = n.value) == null ? void 0 : v.map((b) => b.doc._id)) ?? [],
         items: u.locations.map((b) => ({
@@ -618,7 +618,7 @@ function Ge(m) {
       m.setLocations(u.locations.filter((g) => b.includes(g.doc._id)));
     });
   }
-  const n = A(() => {
+  const n = V(() => {
     var b;
     const v = /* @__PURE__ */ new Set([...u.locations.map((g) => g.doc._id)]);
     return (b = m.getLocations()) == null ? void 0 : b.filter((g) => v.has(g.doc._id));
@@ -629,23 +629,23 @@ function Ge(m) {
   }
   return {
     enabledLocations: n,
-    enabledLocationsSwitch: x,
+    enabledLocationsSwitch: _,
     promptSelectLocations: c,
     removeLocation: a
   };
 }
-const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "flex flex-col gap-24" }, to = {
+const Xt = { class: "flex flex-col gap-16" }, eo = { key: 0 }, to = { class: "flex flex-col gap-24" }, oo = {
   key: 0,
   class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col gap-16"
-}, oo = { key: 1 }, so = { class: "flex flex-col gap-16" }, no = { class: "flex" }, lo = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, ao = /* @__PURE__ */ X({
+}, so = { key: 1 }, no = { class: "flex flex-col gap-16" }, lo = { class: "flex" }, ao = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, ro = /* @__PURE__ */ X({
   __name: "TransferTemplateForm",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
   setup(m, { expose: y }) {
-    const u = m, l = je(), { t: x } = Z(), c = fe(), n = bt(), a = Tt(), v = A(() => c.businessLevel);
-    pe(
+    const u = m, l = Qe(), { t: _ } = Z(), c = ye(), n = _t(), a = Ct(), v = V(() => c.businessLevel);
+    fe(
       () => u.modelValue,
       (o) => {
         console.log("TransferTemplateForm.model", o);
@@ -653,14 +653,14 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
     ), c.watchLocation(async () => {
       location && (l.purchaseOrder.supplier || (l.purchaseOrder.supplier = a.suppliers.find((o) => o) ?? l.purchaseOrder.supplier));
     });
-    const b = Ee(), { enabledLocations: g, enabledLocationsSwitch: I, promptSelectLocations: M, removeLocation: w } = Ge({
+    const b = ze(), { enabledLocations: g, enabledLocationsSwitch: L, promptSelectLocations: M, removeLocation: w } = Ye({
       getLocations() {
         return l.locations;
       },
       setLocations(o) {
         l.locations = o;
       }
-    }), h = A({
+    }), x = V({
       get() {
         return l.purchaseOrder.remark ?? void 0;
       },
@@ -682,7 +682,7 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
         (t = (o = F.value) == null ? void 0 : o.resetInputs) == null || t.call(o);
       }
     });
-    const R = Ot({
+    const R = Pt({
       updateItem: (o) => {
         l.purchaseOrder.items = l.purchaseOrder.items.map((t) => t.sku._id !== o.sku._id ? t : o);
       },
@@ -698,129 +698,129 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
         return l.purchaseOrder.items;
       },
       get transferType() {
-        return ce.PURCHASE;
+        return pe.PURCHASE;
       },
       get disabled() {
         return u.disabled;
       }
-    }), q = A(() => R.columnDefs.value);
-    function p() {
+    }), q = V(() => R.columnDefs.value);
+    function f() {
       const o = n.skus.map((r) => ({
         label: r.name,
         sublabel: r.code,
         value: r
       })), t = o.filter((r) => {
-        var f;
-        return (f = l.purchaseOrder.items) == null ? void 0 : f.find((i) => i.sku._id === r.value._id);
+        var p;
+        return (p = l.purchaseOrder.items) == null ? void 0 : p.find((i) => i.sku._id === r.value._id);
       }).map((r) => r.value);
       b.open({
-        title: x("inventory.transfer.form.items.selectItem"),
+        title: _("inventory.transfer.form.items.selectItem"),
         closeButton: !0,
-        contentComponent: Ue,
+        contentComponent: Ne,
         contentComponentProps: {
           modelValue: t,
           items: o
         },
         primaryActions: {
-          text: x("common.confirm"),
+          text: _("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: x("common.close"),
+          text: _("common.close"),
           close: !0,
           variant: "tertiary"
         }
       }).onPrimary((r) => {
-        const f = l.purchaseOrder.items ?? [], i = r.map((_) => {
-          const L = f.find((B) => B.sku._id === _._id);
-          if (L)
-            return L;
-          const C = { amount: 1, precision: de(_.unit) }, O = {
-            sku: _,
-            code: _.code,
-            name: _.name,
-            quantity: C,
-            minimumQuantity: C,
-            maximumQuantity: C,
-            quantityStep: C
+        const p = l.purchaseOrder.items ?? [], i = r.map((h) => {
+          const O = p.find((B) => B.sku._id === h._id);
+          if (O)
+            return O;
+          const I = { amount: 1, precision: de(h.unit) }, T = {
+            sku: h,
+            code: h.code,
+            name: h.name,
+            quantity: I,
+            minimumQuantity: I,
+            maximumQuantity: I,
+            quantityStep: I
           };
-          return O.totalCost = Qe(
-            O.sku,
-            O.quantity,
-            O.measurement,
+          return T.totalCost = He(
+            T.sku,
+            T.quantity,
+            T.measurement,
             {
               supplier: l.purchaseOrder.supplier
             }
-          ), O;
+          ), T;
         });
-        i.sort((_, L) => _.sku.code.localeCompare(L.sku.code)), l.purchaseOrder.items = i;
+        i.sort((h, O) => h.sku.code.localeCompare(O.sku.code)), l.purchaseOrder.items = i;
       });
     }
     return (o, t) => {
-      const r = S("FmChip"), f = S("FmTextField"), i = S("FmTextarea"), _ = S("FmSwitch"), L = S("FmButton"), C = S("FmListItem"), O = S("FmList"), B = S("FmFormGroup"), j = S("FmTable"), N = S("FmForm");
-      return T(), z(N, {
+      const r = S("FmChip"), p = S("FmTextField"), i = S("FmTextarea"), h = S("FmSwitch"), O = S("FmButton"), I = S("FmListItem"), T = S("FmList"), B = S("FmFormGroup"), z = S("FmTable"), j = S("FmForm");
+      return C(), E(j, {
         ref_key: "formRef",
         ref: F,
         class: "flex flex-col gap-32",
         disabled: o.disabled
       }, {
         default: D(() => [
-          s("div", Jt, [
-            v.value ? (T(), P("div", Xt, [
+          s("div", Xt, [
+            v.value ? (C(), P("div", eo, [
               d(r, {
                 label: "Business template",
                 compact: ""
               })
             ])) : H("", !0),
-            s("div", eo, [
-              d(f, {
-                label: e(x)("inventory.transfer.form.name"),
+            s("div", to, [
+              d(p, {
+                label: e(_)("inventory.transfer.form.name"),
                 "label-mark": "required",
                 modelValue: e(l).name,
                 "onUpdate:modelValue": t[0] || (t[0] = (k) => e(l).name = k),
                 rules: [e(_e)()]
               }, null, 8, ["label", "modelValue", "rules"]),
-              d(f, {
-                label: e(x)("inventory.transfer.form.reference"),
+              d(p, {
+                label: e(_)("inventory.transfer.form.reference"),
                 "label-mark": "optional",
                 modelValue: e(l).purchaseOrder.ref,
                 "onUpdate:modelValue": t[1] || (t[1] = (k) => e(l).purchaseOrder.ref = k)
               }, null, 8, ["label", "modelValue"]),
               d(i, {
-                label: e(x)("inventory.transfer.form.remark"),
+                label: e(_)("inventory.transfer.form.remark"),
                 "label-mark": "optional",
                 "max-length": 240,
-                modelValue: h.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (k) => h.value = k),
-                class: ve({ "text-fm-color-typo-disabled": o.disabled })
+                modelValue: x.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (k) => x.value = k),
+                class: me({ "text-fm-color-typo-disabled": o.disabled })
               }, null, 8, ["label", "modelValue", "class"])
             ])
           ]),
-          e(c).businessLevel ? (T(), P("div", to, [
-            d(_, {
-              modelValue: e(I),
-              "onUpdate:modelValue": t[3] || (t[3] = (k) => he(I) ? I.value = k : null),
+          e(c).businessLevel ? (C(), P("div", oo, [
+            d(h, {
+              modelValue: e(L),
+              "onUpdate:modelValue": t[3] || (t[3] = (k) => he(L) ? L.value = k : null),
               label: "Locations rule",
               sublabel: "Enable template for specific locations only",
               "label-placement": "right"
             }, null, 8, ["modelValue"]),
-            e(I) ? (T(), z(B, {
+            e(L) ? (C(), E(B, {
               key: 0,
               modelValue: e(g),
-              rules: [e(qe)(1)],
+              rules: [e(Ue)(1)],
               class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
             }, {
               default: D(() => [
-                d(O, null, {
+                d(T, null, {
                   default: D(() => [
-                    (T(!0), P(me, null, be(e(g), (k) => (T(), z(C, {
+                    (C(!0), P(ce, null, be(e(g), (k) => (C(), E(I, {
                       key: k.doc._id,
                       label: k.name,
                       sublabel: k.type,
                       disabled: o.disabled
                     }, {
                       append: D(() => [
-                        d(L, {
+                        d(O, {
                           "prepend-icon": "delete",
                           variant: "tertiary",
                           disabled: o.disabled,
@@ -835,10 +835,10 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
               ]),
               _: 1
             }, 8, ["modelValue", "rules"])) : H("", !0),
-            e(I) ? (T(), P("div", oo, [
-              d(L, {
+            e(L) ? (C(), P("div", so, [
+              d(O, {
                 disabled: o.disabled,
-                label: e(x)("inventory.transfer.form.items.addItem"),
+                label: e(_)("inventory.transfer.form.items.addItem"),
                 "prepend-icon": "add",
                 variant: "plain",
                 class: "border-2 rounded-lg border-fm-color-primary",
@@ -846,32 +846,32 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
               }, null, 8, ["disabled", "label", "onClick"])
             ])) : H("", !0)
           ])) : H("", !0),
-          s("div", so, [
-            s("div", no, [
-              s("div", lo, $(e(x)("inventory.transfer.form.items.title")), 1),
-              d(L, {
+          s("div", no, [
+            s("div", lo, [
+              s("div", ao, $(e(_)("inventory.transfer.form.items.title")), 1),
+              d(O, {
                 disabled: o.disabled,
-                label: e(x)("inventory.transfer.form.items.addItem"),
+                label: e(_)("inventory.transfer.form.items.addItem"),
                 "prepend-icon": "add",
                 variant: "plain",
                 class: "border-2 rounded-lg border-fm-color-primary",
-                onClick: t[4] || (t[4] = (k) => p()),
+                onClick: t[4] || (t[4] = (k) => f()),
                 size: "md"
               }, null, 8, ["disabled", "label"])
             ]),
-            (T(), z(j, {
+            (C(), E(z, {
               "column-defs": q.value,
               "row-data": e(l).purchaseOrder.items,
               key: e(l).purchaseOrder.items.map((k) => k.sku._id).join("."),
               "hide-footer": ""
             }, {
               "list-row": D((k) => [
-                (T(), z(He, {
+                (C(), E(Ge, {
                   row: k,
                   key: e(l).purchaseOrder.items.map((Q) => Q.sku._id).join(".")
                 }, {
                   default: D((Q) => [
-                    d(Zt, {
+                    d(Jt, {
                       row: k,
                       "cell-by-col-id": Q
                     }, null, 8, ["row", "cell-by-col-id"])
@@ -887,7 +887,7 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
       }, 8, ["disabled"]);
     };
   }
-}), ro = { class: "flex items-center" }, io = { class: "fm-typo-en-title-md-800" }, uo = { class: "flex gap-4" }, mo = /* @__PURE__ */ X({
+}), io = { class: "flex items-center" }, uo = { class: "fm-typo-en-title-md-800" }, mo = { class: "flex gap-4" }, co = /* @__PURE__ */ X({
   __name: "TransferTemplateDialog",
   props: {
     mode: {},
@@ -897,7 +897,7 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
   emits: ["update:show", "submitted"],
   setup(m, { expose: y, emit: u }) {
     var o;
-    const l = m, x = u, c = lt(), n = gt(), { t: a } = Z(), v = ze(l, "show");
+    const l = m, _ = u, c = at(), n = kt(), { t: a } = Z(), v = je(l, "show");
     function b() {
       return {
         _id: "",
@@ -930,15 +930,15 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
         }
       };
     }
-    const g = U(l.modelValue ?? b()), I = U(((o = l.modelValue) == null ? void 0 : o._id) ?? `${Math.random()}`);
-    pe(
+    const g = U(l.modelValue ?? b()), L = U(((o = l.modelValue) == null ? void 0 : o._id) ?? `${Math.random()}`);
+    fe(
       () => l.show,
       (t) => {
         var r;
-        t && (g.value = l.modelValue ?? b(), I.value = ((r = l.modelValue) == null ? void 0 : r._id) ?? `${Math.random()}`);
+        t && (g.value = l.modelValue ?? b(), L.value = ((r = l.modelValue) == null ? void 0 : r._id) ?? `${Math.random()}`);
       }
     );
-    const M = U(!1), w = A(() => {
+    const M = U(!1), w = V(() => {
       switch (l.mode) {
         case ne.READ:
           return "";
@@ -948,34 +948,34 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
           return a("inventory.transfer.template.update.title");
       }
       return "";
-    }), h = U();
+    }), x = U();
     y({
       validateInputs: () => {
         var t, r;
-        (r = (t = h.value) == null ? void 0 : t.validateInputs) == null || r.call(t);
+        (r = (t = x.value) == null ? void 0 : t.validateInputs) == null || r.call(t);
       },
       resetInputsValidation: () => {
         var t, r;
-        (r = (t = h.value) == null ? void 0 : t.resetInputsValidation) == null || r.call(t);
+        (r = (t = x.value) == null ? void 0 : t.resetInputsValidation) == null || r.call(t);
       },
       resetInputs: () => {
         var t, r;
-        (r = (t = h.value) == null ? void 0 : t.resetInputs) == null || r.call(t);
+        (r = (t = x.value) == null ? void 0 : t.resetInputs) == null || r.call(t);
       }
     });
     async function F() {
-      var r, f;
+      var r, p;
       const t = g.value;
       if (t) {
-        M.value = !0, (((r = t.purchaseOrder.supplier) == null ? void 0 : r.internal) === ie.enum.warehouse || ((f = t.purchaseOrder.supplier) == null ? void 0 : f.internal) === ie.enum.restaurant) && (t.purchaseOrder.items = t.purchaseOrder.items.map(
-          ({ totalCost: i, ..._ }) => _
+        M.value = !0, (((r = t.purchaseOrder.supplier) == null ? void 0 : r.internal) === ie.enum.warehouse || ((p = t.purchaseOrder.supplier) == null ? void 0 : p.internal) === ie.enum.restaurant) && (t.purchaseOrder.items = t.purchaseOrder.items.map(
+          ({ totalCost: i, ...h }) => h
         ));
         try {
           await c.createTemplate(t), await new Promise((i) => setTimeout(i, 1e3)), n.open({
             title: a("inventory.transfer.template.create.success"),
             message: a("inventory.transfer.template.create.successMessage"),
             type: "success"
-          }), x("update:show", !1), x("submitted");
+          }), _("update:show", !1), _("submitted");
         } catch (i) {
           n.open({
             title: a("inventory.transfer.template.create.error"),
@@ -988,18 +988,18 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
       }
     }
     async function R() {
-      var r, f;
+      var r, p;
       const t = g.value;
       if (t) {
-        M.value = !0, (((r = t.purchaseOrder.supplier) == null ? void 0 : r.internal) === ie.enum.warehouse || ((f = t.purchaseOrder.supplier) == null ? void 0 : f.internal) === ie.enum.restaurant) && (t.purchaseOrder.items = t.purchaseOrder.items.map(
-          ({ totalCost: i, ..._ }) => _
+        M.value = !0, (((r = t.purchaseOrder.supplier) == null ? void 0 : r.internal) === ie.enum.warehouse || ((p = t.purchaseOrder.supplier) == null ? void 0 : p.internal) === ie.enum.restaurant) && (t.purchaseOrder.items = t.purchaseOrder.items.map(
+          ({ totalCost: i, ...h }) => h
         ));
         try {
           await c.updateTemplate(t), await new Promise((i) => setTimeout(i, 1e3)), n.open({
             title: a("inventory.transfer.template.update.success"),
             message: a("inventory.transfer.template.update.successMessage"),
             type: "success"
-          }), x("update:show", !1), x("submitted");
+          }), _("update:show", !1), _("submitted");
         } catch (i) {
           n.open({
             title: a("inventory.transfer.template.update.error"),
@@ -1019,48 +1019,48 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
           return R();
       }
     }
-    function p() {
+    function f() {
       var t, r;
-      (r = (t = h.value) == null ? void 0 : t.validateInputs) == null || r.call(t);
+      (r = (t = x.value) == null ? void 0 : t.validateInputs) == null || r.call(t);
     }
     return (t, r) => {
-      const f = S("FmButton"), i = S("FmSideSheet");
-      return T(), z(i, {
+      const p = S("FmButton"), i = S("FmSideSheet");
+      return C(), E(i, {
         modelValue: e(v),
-        "onUpdate:modelValue": r[2] || (r[2] = (_) => he(v) ? v.value = _ : null),
+        "onUpdate:modelValue": r[2] || (r[2] = (h) => he(v) ? v.value = h : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 1200
       }, {
         "side-sheet-header": D(() => [
-          s("div", ro, [
-            s("div", io, $(w.value), 1)
+          s("div", io, [
+            s("div", uo, $(w.value), 1)
           ])
         ]),
         default: D(() => [
-          (T(), z(ao, {
+          (C(), E(ro, {
             class: "w-full",
             ref_key: "formRef",
-            ref: h,
+            ref: x,
             onValidationSuccess: q,
             "model-value": g.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (_) => g.value = _),
+            "onUpdate:modelValue": r[0] || (r[0] = (h) => g.value = h),
             disabled: M.value,
-            key: I.value
+            key: L.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": D(() => [
-          s("div", uo, [
-            d(f, {
+          s("div", mo, [
+            d(p, {
               loading: M.value,
               label: e(a)("common.save"),
-              onClick: p
+              onClick: f
             }, null, 8, ["loading", "label"]),
-            d(f, {
+            d(p, {
               disabled: M.value,
               variant: "tertiary",
               label: e(a)("common.close"),
-              onClick: r[1] || (r[1] = (_) => x("update:show", !1))
+              onClick: r[1] || (r[1] = (h) => _("update:show", !1))
             }, null, 8, ["disabled", "label"])
           ])
         ]),
@@ -1068,22 +1068,22 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
       }, 8, ["modelValue"]);
     };
   }
-}), co = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, po = { class: "flex justify-between" }, fo = { class: "fm-typo-en-body-lg-600" }, yo = { class: "flex flex-col gap-8" }, vo = { class: "flex flex-col gap-4" }, bo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _o = { class: "flex gap-1" }, xo = { class: "fm-typo-en-body-lg-600" }, ho = {
+}), po = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, fo = { class: "flex justify-between" }, yo = { class: "fm-typo-en-body-lg-600" }, vo = { class: "flex flex-col gap-8" }, bo = { class: "flex flex-col gap-4" }, _o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xo = { class: "flex gap-1" }, ho = { class: "fm-typo-en-body-lg-600" }, go = {
   key: 0,
   class: "flex flex-col gap-4"
-}, go = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ko = { class: "fm-typo-en-body-lg-600" }, wo = { class: "flex flex-col gap-4" }, Fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, To = { class: "fm-typo-en-body-lg-600" }, Co = {
+}, ko = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wo = { class: "fm-typo-en-body-lg-600" }, Fo = { class: "flex flex-col gap-4" }, To = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Co = { class: "fm-typo-en-body-lg-600" }, $o = {
   key: 1,
   class: "flex flex-col gap-4"
-}, $o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, So = { class: "fm-typo-en-body-lg-600" }, Lo = {
+}, So = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Lo = { class: "fm-typo-en-body-lg-600" }, Mo = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = { class: "fm-typo-en-body-lg-600" }, Do = {
+}, Io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Do = { class: "fm-typo-en-body-lg-600" }, Vo = {
   key: 3,
   class: "flex flex-col gap-4"
-}, Vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ao = { class: "fm-typo-en-body-lg-600" }, Ro = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Oo = { class: "flex flex-col gap-8" }, Po = { class: "fm-typo-en-body-lg-600" }, Bo = { class: "flex w-full gap-4" }, qo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Uo = { class: "fm-typo-en-body-lg-600 shrink-0" }, No = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Eo = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, zo = {
+}, Ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = { class: "fm-typo-en-body-lg-600" }, Oo = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Po = { class: "flex flex-col gap-8" }, Bo = { class: "fm-typo-en-body-lg-600" }, qo = { class: "flex w-full gap-4" }, Uo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, No = { class: "fm-typo-en-body-lg-600 shrink-0" }, Eo = { 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" }, jo = {
   key: 0,
   class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, jo = { class: "flex gap-8 xs:flex-col" }, Qo = /* @__PURE__ */ X({
+}, Qo = { class: "flex gap-8 xs:flex-col" }, Ho = /* @__PURE__ */ X({
   __name: "TransferTemplateDetails",
   props: {
     template: {},
@@ -1091,82 +1091,82 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
   },
   emits: ["update:show", "action:use", "action:edit"],
   setup(m, { emit: y }) {
-    const u = m, l = y, x = ge(), c = fe(), { t: n } = Z(), a = A(() => {
+    const u = m, l = y, _ = ge(), c = ye(), { t: n } = Z(), a = V(() => {
       var w;
       return (w = u.template) == null ? void 0 : w.purchaseOrder;
-    }), { enabledLocations: v } = Ge({
+    }), { enabledLocations: v } = Ye({
       getLocations() {
         var w;
         return (w = u.template) == null ? void 0 : w.locations;
       },
       setLocations() {
       }
-    }), b = A(() => {
+    }), b = V(() => {
       if (!c.businessLevel)
         return [c.currentLocation];
-      const w = Array.isArray(v.value) ? v.value : c.locations, h = /* @__PURE__ */ new Set([...w.map((F) => F.doc._id)]);
-      return c.locations.filter((F) => h.has(F.doc._id));
-    }), g = A(
+      const w = Array.isArray(v.value) ? v.value : c.locations, x = /* @__PURE__ */ new Set([...w.map((F) => F.doc._id)]);
+      return c.locations.filter((F) => x.has(F.doc._id));
+    }), g = V(
       () => {
-        var w, h, F, R;
-        return ((h = (w = a.value) == null ? void 0 : w.supplier) == null ? void 0 : h.internal) === "restaurant" || ((R = (F = a.value) == null ? void 0 : F.supplier) == null ? void 0 : R.internal) === "warehouse" ? ce.TRANSFER : ce.PURCHASE;
+        var w, x, F, R;
+        return ((x = (w = a.value) == null ? void 0 : w.supplier) == null ? void 0 : x.internal) === "restaurant" || ((R = (F = a.value) == null ? void 0 : F.supplier) == null ? void 0 : R.internal) === "warehouse" ? pe.TRANSFER : pe.PURCHASE;
       }
-    ), I = U(!0), M = ze(u, "show");
-    return (w, h) => {
+    ), L = U(!0), M = je(u, "show");
+    return (w, x) => {
       var r;
-      const F = S("FmMenuDivider"), R = S("FmCard"), q = S("FmButton"), p = S("FmListItem"), o = S("FmList"), t = S("FmSideSheet");
-      return T(), z(t, {
+      const F = S("FmMenuDivider"), R = S("FmCard"), q = S("FmButton"), f = S("FmListItem"), o = S("FmList"), t = S("FmSideSheet");
+      return C(), E(t, {
         header: e(n)("inventory.transfer.template.details.view", { template: (r = w.template) == null ? void 0 : r.name }),
         modelValue: e(M),
-        "onUpdate:modelValue": h[1] || (h[1] = (f) => he(M) ? M.value = f : null),
-        "dismiss-away": I.value,
+        "onUpdate:modelValue": x[1] || (x[1] = (p) => he(M) ? M.value = p : null),
+        "dismiss-away": L.value,
         "close-button": "",
         "max-width": 500
       }, {
         default: D(() => {
-          var f;
+          var p;
           return [
-            s("div", co, [
+            s("div", po, [
               s("div", null, [
                 d(R, {
                   variant: "outlined",
                   class: "flex flex-col gap-8 px-12 py-16"
                 }, {
                   default: D(() => {
-                    var i, _, L, C, O, B, j, N, k;
+                    var i, h, O, I, T, B, z, j, k;
                     return [
-                      s("div", po, [
-                        s("div", fo, $(e(n)("inventory.transfer.template.details.templateSummary")), 1)
+                      s("div", fo, [
+                        s("div", yo, $(e(n)("inventory.transfer.template.details.templateSummary")), 1)
                       ]),
                       d(F),
-                      s("div", yo, [
-                        s("div", vo, [
-                          s("div", bo, [
-                            s("div", _o, $(e(n)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                      s("div", vo, [
+                        s("div", bo, [
+                          s("div", _o, [
+                            s("div", xo, $(e(n)("inventory.transfer.receiveRequest.details.createdAt")), 1)
                           ]),
-                          s("div", xo, $(e(at)(((i = w.template) == null ? void 0 : i._id) ?? "")), 1)
+                          s("div", ho, $(e(rt)(((i = w.template) == null ? void 0 : i._id) ?? "")), 1)
                         ]),
-                        (_ = a.value) != null && _.effectiveAt ? (T(), P("div", ho, [
-                          s("div", go, $(e(n)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
-                          s("div", ko, $(e(_t)(new Date((L = a.value) == null ? void 0 : L.effectiveAt))), 1)
+                        (h = a.value) != null && h.effectiveAt ? (C(), P("div", go, [
+                          s("div", ko, $(e(n)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                          s("div", wo, $(e(xt)(new Date((O = a.value) == null ? void 0 : O.effectiveAt))), 1)
                         ])) : H("", !0),
-                        s("div", wo, [
-                          s("div", Fo, $(e(n)("inventory.transfer.receiveRequest.details.type.title")), 1),
-                          s("div", To, $(e(n)(
+                        s("div", Fo, [
+                          s("div", To, $(e(n)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                          s("div", Co, $(e(n)(
                             `inventory.transfer.receiveRequest.details.type.${g.value.toLocaleLowerCase("en-US")}`
                           )), 1)
                         ]),
-                        (O = (C = a.value) == null ? void 0 : C.supplier) != null && O.name ? (T(), P("div", Co, [
-                          s("div", $o, $(e(n)("inventory.transfer.receiveRequest.details.from")), 1),
-                          s("div", So, $((j = (B = a.value) == null ? void 0 : B.supplier) == null ? void 0 : j.name), 1)
+                        (T = (I = a.value) == null ? void 0 : I.supplier) != null && T.name ? (C(), P("div", $o, [
+                          s("div", So, $(e(n)("inventory.transfer.receiveRequest.details.from")), 1),
+                          s("div", Lo, $((z = (B = a.value) == null ? void 0 : B.supplier) == null ? void 0 : z.name), 1)
                         ])) : H("", !0),
-                        (N = a.value) != null && N.ref ? (T(), P("div", Lo, [
+                        (j = a.value) != null && j.ref ? (C(), P("div", Mo, [
                           s("div", Io, $(e(n)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          s("div", Mo, $(a.value.ref), 1)
+                          s("div", Do, $(a.value.ref), 1)
                         ])) : H("", !0),
-                        (k = a.value) != null && k.remark ? (T(), P("div", Do, [
-                          s("div", Vo, $(e(n)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          s("div", Ao, $(a.value.remark), 1)
+                        (k = a.value) != null && k.remark ? (C(), P("div", Vo, [
+                          s("div", Ao, $(e(n)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          s("div", Ro, $(a.value.remark), 1)
                         ])) : H("", !0)
                       ])
                     ];
@@ -1174,21 +1174,21 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
                   _: 1
                 })
               ]),
-              s("div", Ro, [
-                s("div", Oo, [
-                  s("div", Po, $(e(n)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
-                  (T(!0), P(me, null, be(((f = a.value) == null ? void 0 : f.items) ?? [], (i) => (T(), P("div", {
+              s("div", Oo, [
+                s("div", Po, [
+                  s("div", Bo, $(e(n)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  (C(!0), P(ce, null, be(((p = a.value) == null ? void 0 : p.items) ?? [], (i) => (C(), P("div", {
                     key: i.code,
                     class: "flex flex-col"
                   }, [
-                    s("div", Bo, [
-                      s("div", qo, $(i.name), 1),
-                      h[2] || (h[2] = s("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      s("div", Uo, $(e(rt)(i.quantity, i.sku.unit, i.measurement)), 1)
+                    s("div", qo, [
+                      s("div", Uo, $(i.name), 1),
+                      x[2] || (x[2] = s("div", { class: "flex-1 min-w-32" }, null, -1)),
+                      s("div", No, $(e(it)(i.quantity, i.sku.unit, i.measurement)), 1)
                     ]),
-                    s("div", No, [
-                      s("div", Eo, $(i.code), 1),
-                      i.totalCost && e(x).enableTotalCost ? (T(), P("div", zo, " (" + $(e(xt)(i.totalCost)) + ") ", 1)) : H("", !0)
+                    s("div", Eo, [
+                      s("div", zo, $(i.code), 1),
+                      i.totalCost && e(_).enableTotalCost ? (C(), P("div", jo, " (" + $(e(ht)(i.totalCost)) + ") ", 1)) : H("", !0)
                     ])
                   ]))), 128))
                 ])
@@ -1199,17 +1199,17 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
                   class: "flex flex-col"
                 }, {
                   default: D(() => [
-                    h[3] || (h[3] = s("div", { class: "flex flex-col p-16" }, [
+                    x[3] || (x[3] = s("div", { class: "flex flex-col p-16" }, [
                       s("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
                       s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Click to use template on the location ")
                     ], -1)),
                     d(o, null, {
                       default: D(() => [
-                        (T(!0), P(me, null, be(b.value, (i) => (T(), z(p, {
+                        (C(!0), P(ce, null, be(b.value, (i) => (C(), E(f, {
                           key: i.doc._id,
                           label: i.name,
                           sublabel: i.type,
-                          onClick: (_) => l("action:use", i.doc._id)
+                          onClick: (h) => l("action:use", i.doc._id)
                         }, {
                           append: D(() => [
                             d(q, {
@@ -1230,10 +1230,10 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
           ];
         }),
         "side-sheet-footer": D(() => [
-          s("div", jo, [
+          s("div", Qo, [
             d(q, {
               label: e(n)("common.edit"),
-              onClick: h[0] || (h[0] = (f) => l("action:edit")),
+              onClick: x[0] || (x[0] = (p) => l("action:edit")),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
@@ -1242,118 +1242,126 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
       }, 8, ["header", "modelValue", "dismiss-away"]);
     };
   }
-}), Ho = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 h-full" }, Go = { class: "flex-1 flex flex-col gap-8" }, Yo = { class: "flex flex-col" }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ko = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Zo = { class: "fm-typo-en-body-lg-400" }, Jo = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Xo = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ps = /* @__PURE__ */ X({
+}), Go = { class: "flex-1 flex flex-col gap-8" }, Yo = { class: "flex flex-col" }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ko = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Zo = { class: "fm-typo-en-body-lg-400" }, Jo = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Xo = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ps = /* @__PURE__ */ X({
   __name: "TransferTemplateView",
   setup(m) {
-    const { t: y } = Z(), { createTemplate: u, viewTemplate: l } = Re(), { templateDialogProps: x, transferFormDialogProps: c, templateDetailsProps: n } = kt(
-      Re()
-    ), a = it(), v = ot(), b = fe(), g = ge(), { breakpoints: I } = Ne();
+    const { t: y } = Z(), { createTemplate: u, viewTemplate: l } = Oe(), { templateDialogProps: _, transferFormDialogProps: c, templateDetailsProps: n } = wt(
+      Oe()
+    ), a = ut(), v = st(), b = ye(), g = ge(), { breakpoints: L } = Ee();
     b.watchLocation(a.fetchTemplates), xe(() => {
       g.mustManageBusinessOnlyPoTemplate && (b.businessLevel = !0);
-    }), pe(() => {
-      var r;
-      return (r = c.value) == null ? void 0 : r.show;
-    }, (r) => {
-      r === !1 && g.mustManageBusinessOnlyPoTemplate && (b.businessLevel = !0);
-    }), Ze(() => {
+    }), fe(() => {
+      var p;
+      return (p = c.value) == null ? void 0 : p.show;
+    }, (p) => {
+      p === !1 && g.mustManageBusinessOnlyPoTemplate && (b.businessLevel = !0);
+    }), Je(() => {
       b.businessLevel = !1;
     });
-    const M = A(() => b.businessLevel), w = A(
+    const M = V(() => b.businessLevel), w = V(
       () => a.loading.value || !b._currentLocation
-    ), h = A(
+    ), x = V(
       () => M.value ? a.businessTemplates.value : a.locationTemplates.value
-    ), F = U(""), R = A(() => I.value.xs || I.value.sm ? 10 : 20);
-    function q(r) {
-      switch (r) {
-        case Oe.Add:
+    ), F = U(""), R = V(() => L.value.xs || L.value.sm), q = V(() => R.value ? 10 : 20);
+    function f(p) {
+      switch (p) {
+        case Pe.Add:
           return u();
       }
     }
-    const p = Ft();
-    function o() {
-      p.push({ name: ht.RECEIVE_REQUEST });
+    const o = Tt();
+    function t() {
+      o.push({ name: gt.RECEIVE_REQUEST });
     }
-    function t(r) {
-      return r;
+    function r(p) {
+      return p;
     }
-    return (r, f) => {
-      const i = S("FmTable");
-      return T(), P(me, null, [
-        d(st, {
+    return (p, i) => {
+      const h = S("FmTable");
+      return C(), P(ce, null, [
+        d(nt, {
           title: e(y)("inventory.transfer.template.title2"),
           actions: [
             {
               label: e(y)("inventory.transfer.template.create.title"),
-              value: e(Oe).Add,
+              value: e(Pe).Add,
               isPrimary: !0,
               prependIcon: "add"
             }
           ],
-          "onClick:action": q,
+          "onClick:action": f,
           "using-business-helper-text": "You are managing business-level template list. These templates will be made visible to all locations."
         }, {
           default: D(() => {
-            var _;
+            var O;
             return [
-              s("div", Ho, [
-                d(nt, {
+              s("div", {
+                class: me([
+                  "flex flex-col gap-8 max-h-full",
+                  {
+                    "p-0": R.value,
+                    "px-24 ": !R.value
+                  }
+                ])
+              }, [
+                d(lt, {
                   searchable: "",
                   "change-location": !e(g).mustManageBusinessOnlyPoTemplate,
                   search: F.value,
-                  "onUpdate:search": f[0] || (f[0] = (L) => F.value = L),
+                  "onUpdate:search": i[0] || (i[0] = (I) => F.value = I),
                   actions: [{ icon: "refresh", onClick: e(a).fetchTemplates }],
                   "show-business": ""
                 }, null, 8, ["change-location", "search", "actions"]),
-                (T(), z(i, {
-                  style: Je(e(v).tableHeight),
+                (C(), E(h, {
+                  style: Xe(e(v).tableHeight),
                   "column-defs": e(a).columnDefs,
-                  "row-data": h.value,
+                  "row-data": x.value,
                   "search-value": F.value,
                   loading: w.value,
-                  key: (_ = e(b)._currentLocation) == null ? void 0 : _.dbName,
-                  onRowClick: f[1] || (f[1] = (L) => e(l)(L.original)),
-                  "page-size": R.value
+                  key: (O = e(b)._currentLocation) == null ? void 0 : O.dbName,
+                  onRowClick: i[1] || (i[1] = (I) => e(l)(I.original)),
+                  "page-size": q.value
                 }, {
-                  "list-row": D((L) => [
-                    d(He, {
-                      row: L,
-                      onRowClick: (C) => e(l)(C)
+                  "list-row": D((I) => [
+                    d(Ge, {
+                      row: I,
+                      onRowClick: (T) => e(l)(T)
                     }, {
-                      default: D((C) => {
-                        var O, B, j, N, k, Q, Y, ee, W, te, oe, K, se, le, ke, we, Fe, Te, ae, Ce, $e, Se, Le, re, Ie;
+                      default: D((T) => {
+                        var B, z, j, k, Q, Y, ee, te, W, oe, K, se, ke, le, we, Fe, Te, Ce, ae, $e, Se, Le, Me, re, Ie;
                         return [
                           s("div", Go, [
                             s("div", Yo, [
                               s("div", Wo, [
-                                d(e(E), {
-                                  render: (j = (B = (O = C._id) == null ? void 0 : O.column) == null ? void 0 : B.columnDef) == null ? void 0 : j.cell,
-                                  props: (k = (N = C._id) == null ? void 0 : N.getContext) == null ? void 0 : k.call(N)
+                                d(e(N), {
+                                  render: (j = (z = (B = T._id) == null ? void 0 : B.column) == null ? void 0 : z.columnDef) == null ? void 0 : j.cell,
+                                  props: (Q = (k = T._id) == null ? void 0 : k.getContext) == null ? void 0 : Q.call(k)
                                 }, null, 8, ["render", "props"])
                               ]),
                               s("div", Ko, [
-                                d(e(E), {
-                                  render: (ee = (Y = (Q = C.name) == null ? void 0 : Q.column) == null ? void 0 : Y.columnDef) == null ? void 0 : ee.cell,
-                                  props: (te = (W = C.name) == null ? void 0 : W.getContext) == null ? void 0 : te.call(W)
+                                d(e(N), {
+                                  render: (te = (ee = (Y = T.name) == null ? void 0 : Y.column) == null ? void 0 : ee.columnDef) == null ? void 0 : te.cell,
+                                  props: (oe = (W = T.name) == null ? void 0 : W.getContext) == null ? void 0 : oe.call(W)
                                 }, null, 8, ["render", "props"])
                               ]),
                               s("div", Zo, [
-                                d(e(E), {
-                                  render: (se = (K = (oe = C.supplier) == null ? void 0 : oe.column) == null ? void 0 : K.columnDef) == null ? void 0 : se.cell,
-                                  props: (ke = (le = C.supplier) == null ? void 0 : le.getContext) == null ? void 0 : ke.call(le)
+                                d(e(N), {
+                                  render: (ke = (se = (K = T.supplier) == null ? void 0 : K.column) == null ? void 0 : se.columnDef) == null ? void 0 : ke.cell,
+                                  props: (we = (le = T.supplier) == null ? void 0 : le.getContext) == null ? void 0 : we.call(le)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              s("div", Jo, $(L.original.purchaseOrder.items.length ? L.original.purchaseOrder.items.map((Ye) => Ye.name).join(", ") : "No items"), 1),
+                              s("div", Jo, $(I.original.purchaseOrder.items.length ? I.original.purchaseOrder.items.map((We) => We.name).join(", ") : "No items"), 1),
                               s("div", Xo, [
-                                d(e(E), {
-                                  render: (Te = (Fe = (we = C.ref) == null ? void 0 : we.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : Te.cell,
-                                  props: (Ce = (ae = C.ref) == null ? void 0 : ae.getContext) == null ? void 0 : Ce.call(ae)
+                                d(e(N), {
+                                  render: (Ce = (Te = (Fe = T.ref) == null ? void 0 : Fe.column) == null ? void 0 : Te.columnDef) == null ? void 0 : Ce.cell,
+                                  props: ($e = (ae = T.ref) == null ? void 0 : ae.getContext) == null ? void 0 : $e.call(ae)
                                 }, null, 8, ["render", "props"])
                               ])
                             ]),
                             s("div", null, [
-                              d(e(E), {
-                                render: (Le = (Se = ($e = C.type) == null ? void 0 : $e.column) == null ? void 0 : Se.columnDef) == null ? void 0 : Le.cell,
-                                props: (Ie = (re = C.type) == null ? void 0 : re.getContext) == null ? void 0 : Ie.call(re)
+                              d(e(N), {
+                                render: (Me = (Le = (Se = T.type) == null ? void 0 : Se.column) == null ? void 0 : Le.columnDef) == null ? void 0 : Me.cell,
+                                props: (Ie = (re = T.type) == null ? void 0 : re.getContext) == null ? void 0 : Ie.call(re)
                               }, null, 8, ["render", "props"])
                             ])
                           ])
@@ -1364,16 +1372,16 @@ const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "fl
                   ]),
                   _: 1
                 }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-              ])
+              ], 2)
             ];
           }),
           _: 1
         }, 8, ["title", "actions"]),
-        (T(), z(Xe, { to: "body" }, [
-          d(wt, Ae(e(c), { onSubmitted: o }), null, 16),
-          d(Qo, et(tt(e(n))), null, 16),
-          d(mo, Ae(e(x), {
-            onSubmitted: f[2] || (f[2] = (_) => e(a).fetchTemplates())
+        (C(), E(et, { to: "body" }, [
+          d(Ft, Re(e(c), { onSubmitted: t }), null, 16),
+          d(Ho, tt(ot(e(n))), null, 16),
+          d(co, Re(e(_), {
+            onSubmitted: i[2] || (i[2] = (O) => e(a).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);