@feedmepos/mf-inventory-portal 1.0.21-dev.1 → 1.0.22-dev.1

package/dist/{TransferTemplateView-e7mXYh9Y.js → TransferTemplateView-DN8G_xl8.js}

@@ -1,14 +1,14 @@
 import { defineComponent as ne, onMounted as ke, computed as B, ref as W, watch as we, inject as Ze, resolveComponent as A, openBlock as V, createElementBlock as G, createElementVNode as t, createVNode as m, withCtx as N, renderSlot as Ae, withDirectives as Pe, normalizeClass as le, vModelText as Ue, reactive as et, h as Z, toDisplayString as D, unref as e, createCommentVNode as oe, Fragment as ve, normalizeStyle as ge, renderList as He, createBlock as se, mergeProps as je, mergeModels as Be, useModel as tt, isRef as Qe, Teleport as st, normalizeProps as ot, guardReactiveProps as lt } from "vue";
-import { J as Ge, aD as he, t as Le, I as nt, aE as at, aF as rt, i as ee, aG as it, a as We, P as Ee, l as xe, X as ye, Q as ce, A as _e, M as ut, E as Y, u as Ke, b as dt, ah as mt, $ as pt, C as Ye, d as ie, aH as fe, ae as ct, a6 as ft, z as yt, h as Ne, _ as vt, B as bt } from "./app-CNZ_QiI6.js";
+import { J as Ge, aD as he, t as Le, I as nt, aE as at, aF as rt, i as ee, aG as it, a as We, P as Ee, l as xe, X as ye, Q as ce, A as _e, M as ut, E as Y, u as Ke, b as dt, ah as mt, $ as pt, C as Ye, d as ie, aH as fe, ae as ct, a6 as ft, z as yt, h as Ne, _ as vt, B as bt } from "./app-OXMxNgrT.js";
 import { useI18n as re } from "@feedmepos/mf-common";
-import { P as K, a as ht, f as gt, t as xt, b as qe, u as _t } from "./format-unit-display-CYO2Ov4U.js";
+import { P as K, a as ht, f as gt, t as xt, b as qe, u as _t } from "./format-unit-display-Cji-r-K6.js";
 import { components as ae, useSnackbar as kt, useProxiedModel as Je, useBreakpoints as wt } from "@feedmepos/ui-library";
 import { storeToRefs as ze } from "pinia";
-import { _ as Tt, b as Ft, F as Ct, a as It } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-sLBOIq41.js";
-import { u as be } from "./feature-CA3VBtrB.js";
-import { c as St, u as Mt, _ as Ot } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-F4PeKtAh.js";
-import { u as $t } from "./supplier-BSvtp7BZ.js";
-import { u as Dt } from "./use-ingredient-select-dialog-BlULowJ-.js";
+import { _ as Tt, b as Ft, F as Ct, a as It } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-4xfely-0.js";
+import { u as be } from "./feature-B9uo-iYZ.js";
+import { c as St, u as Mt, _ as Ot } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-C6_Ua9qb.js";
+import { u as $t } from "./supplier-CB_uu-6p.js";
+import { u as Dt } from "./use-ingredient-select-dialog-C9dRsaoW.js";
 const Vt = { class: "flex flex-col" }, Rt = { class: "flex flex-col" }, At = { class: "flex-1" }, Pt = { class: "flex items-center" }, Ut = { class: "flex-1" }, Bt = { class: "flex-1" }, Lt = /* @__PURE__ */ ne({
   __name: "FmMinMaxInput",
   props: {
@@ -65,8 +65,8 @@ const Vt = { class: "flex flex-col" }, Rt = { class: "flex flex-col" }, At = { c
         +ee(r),
         r.precision
       );
-    }, d = W(o(x.min)), k = W(o(x.max));
-    we([d, k], ([h, i]) => {
+    }, p = W(o(x.min)), k = W(o(x.max));
+    we([p, k], ([h, i]) => {
       const _ = x ?? {}, r = a(h), y = a(i), C = u.value;
       if (h !== "" && r === !0) {
         const w = Le(+h, C);
@@ -80,9 +80,9 @@ const Vt = { class: "flex flex-col" }, Rt = { class: "flex flex-col" }, At = { c
         _.max = null;
       x.min = _.min, x.max = _.max;
     });
-    const p = Symbol.for("fm:form-state"), s = Ze(p, null), c = B(() => g.disabled ?? (s == null ? void 0 : s.getDisabled()) ?? !1), O = W(), F = W(), b = W(!1), T = W(!1), $ = B(() => b.value || T.value), L = B(() => [...[
+    const c = Symbol.for("fm:form-state"), s = Ze(c, null), d = B(() => g.disabled ?? (s == null ? void 0 : s.getDisabled()) ?? !1), S = W(), T = W(), b = W(!1), F = W(!1), $ = B(() => b.value || F.value), L = B(() => [...[
       function() {
-        return typeof a(d.value) == "string" || typeof a(k.value) == "string" ? "Must be a number" : !0;
+        return typeof a(p.value) == "string" || typeof a(k.value) == "string" ? "Must be a number" : !0;
       },
       function(_) {
         return !_ || !_.min || !_.max ? !0 : +ee(_.min) > +ee(_.max) ? "Min must be less than or equal to max" : !0;
@@ -109,17 +109,17 @@ const Vt = { class: "flex flex-col" }, Rt = { class: "flex flex-col" }, At = { c
                   Pe(t("input", {
                     type: "text",
                     ref_key: "minInputRef",
-                    ref: O,
+                    ref: S,
                     onFocus: i[0] || (i[0] = () => b.value = !0),
                     onBlur: i[1] || (i[1] = () => b.value = !1),
-                    "onUpdate:modelValue": i[2] || (i[2] = (C) => d.value = C),
+                    "onUpdate:modelValue": i[2] || (i[2] = (C) => p.value = C),
                     class: le({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !c.value,
-                      "text-fm-color-typo-disabled": c.value
+                      "text-fm-color-typo-primary": !d.value,
+                      "text-fm-color-typo-disabled": d.value
                     })
                   }, null, 34), [
-                    [Ue, d.value]
+                    [Ue, p.value]
                   ])
                 ]),
                 i[7] || (i[7] = t("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
@@ -128,14 +128,14 @@ const Vt = { class: "flex flex-col" }, Rt = { class: "flex flex-col" }, At = { c
                   Pe(t("input", {
                     type: "text",
                     ref_key: "maxInputRef",
-                    ref: F,
-                    onFocus: i[3] || (i[3] = () => T.value = !0),
-                    onBlur: i[4] || (i[4] = () => T.value = !1),
+                    ref: T,
+                    onFocus: i[3] || (i[3] = () => F.value = !0),
+                    onBlur: i[4] || (i[4] = () => F.value = !1),
                     "onUpdate:modelValue": i[5] || (i[5] = (C) => k.value = C),
                     class: le({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !c.value,
-                      "text-fm-color-typo-disabled": c.value
+                      "text-fm-color-typo-primary": !d.value,
+                      "text-fm-color-typo-disabled": d.value
                     })
                   }, null, 34), [
                     [Ue, k.value]
@@ -172,38 +172,38 @@ function Nt(f, g) {
 function qt(f) {
   const g = it(f), x = ee(f);
   return function(u) {
-    const o = !(u != null && u.min) || g(u.min) === !0, d = !(u != null && u.max) || g(u.max) === !0;
-    return !o && !d ? `Min & max must be a multiple of ${x}` : o ? d ? !0 : `Max must be a multiple of ${x}` : `Min must be a multiple of ${x}`;
+    const o = !(u != null && u.min) || g(u.min) === !0, p = !(u != null && u.max) || g(u.max) === !0;
+    return !o && !p ? `Min & max must be a multiple of ${x}` : o ? p ? !0 : `Max must be a multiple of ${x}` : `Min must be a multiple of ${x}`;
   };
 }
 var H = /* @__PURE__ */ ((f) => (f.Code = "Code", f.Name = "Name", f.DefaultAmount = "DefaultAmount", f.Limit = "Limit", f.Step = "Step", f.Cost = "Cost", f.Delete = "Delete", f))(H || {});
 function zt(f, g = {}) {
   const { t: x } = re(), a = We(), u = be(), o = et({});
   ke(() => {
-    for (const p of f.items) {
-      if (!p.totalCost)
+    for (const c of f.items) {
+      if (!c.totalCost)
         continue;
-      const s = St(p.sku, p.quantity, p.measurement, {
+      const s = St(c.sku, c.quantity, c.measurement, {
         supplier: f.supplier
-      }), c = p.totalCost ?? Ee.reset();
-      s ? o[p.sku._id] = s.amount !== c.amount || s.precision !== c.precision : o[p.sku._id] = !0;
+      }), d = c.totalCost ?? Ee.reset();
+      s ? o[c.sku._id] = s.amount !== d.amount || s.precision !== d.precision : o[c.sku._id] = !0;
     }
   });
-  const d = [
+  const p = [
     {
       id: "Code",
       header: () => x("inventory.transfer.form.items.table.Code"),
       accessorKey: "code",
       size: 180,
-      cell(p) {
-        const s = p.row.original;
+      cell(c) {
+        const s = c.row.original;
         return Z("div", [
           Z(ae.FmTextField, {
             modelValue: s.code,
-            "onUpdate:modelValue": (c) => {
+            "onUpdate:modelValue": (d) => {
               f.updateItem({
                 ...s,
-                code: c
+                code: d
               });
             },
             helperText: s.sku.code,
@@ -219,15 +219,15 @@ function zt(f, g = {}) {
       id: "Name",
       header: () => x("inventory.transfer.form.items.table.Name"),
       minSize: 300,
-      cell(p) {
-        const s = p.row.original;
+      cell(c) {
+        const s = c.row.original;
         return Z("div", [
           Z(ae.FmTextField, {
             modelValue: s.name,
-            "onUpdate:modelValue": (c) => {
+            "onUpdate:modelValue": (d) => {
               f.updateItem({
                 ...s,
-                name: c
+                name: d
               });
             },
             helperText: s.sku.name,
@@ -243,12 +243,12 @@ function zt(f, g = {}) {
       id: "DefaultAmount",
       header: () => x("inventory.transfer.form.items.table.DefaultAmount"),
       minSize: 200,
-      cell(p) {
-        var T;
-        const s = p.row.original, c = a.skuById[s.sku._id], O = a.unitById[(T = c.unit) == null ? void 0 : T._id], F = O.measurements.find(($) => {
+      cell(c) {
+        var F;
+        const s = c.row.original, d = a.skuById[s.sku._id], S = a.unitById[(F = d.unit) == null ? void 0 : F._id], T = S.measurements.find(($) => {
           var L;
           return ((L = s.measurement) == null ? void 0 : L.id) === $.id;
-        }), b = s.sku.unit._id !== c.unit._id || !O || s.measurement && !F;
+        }), b = s.sku.unit._id !== d.unit._id || !S || s.measurement && !T;
         return Z(Tt, {
           style: {
             flex: "1 1 0%"
@@ -256,11 +256,11 @@ function zt(f, g = {}) {
           modelValue: {
             amount: s.quantity ?? { amount: 1, precision: 0 },
             // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-            measurement: s.measurement ?? (s.sku.unit._id !== c.unit._id ? { ...s.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
+            measurement: s.measurement ?? (s.sku.unit._id !== d.unit._id ? { ...s.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
           },
           disabled: f.disabled,
           key: s.sku._id,
-          unit: O,
+          unit: S,
           "onUpdate:modelValue": ($) => {
             $ && f.updateItem({
               ...s,
@@ -298,8 +298,8 @@ function zt(f, g = {}) {
       header: () => "Limit",
       // TODO: i18n,
       minSize: 280,
-      cell(p) {
-        const s = p.row.original;
+      cell(c) {
+        const s = c.row.original;
         return Z(Lt, {
           style: {
             flex: "1 1 0%"
@@ -311,9 +311,9 @@ function zt(f, g = {}) {
           disabled: f.disabled,
           key: s.sku._id,
           unit: s.sku.unit,
-          "onUpdate:modelValue": (c) => {
-            const O = { ...s };
-            c != null && c.min ? O.minimumQuantity = c.min : O.minimumQuantity = null, c != null && c.max ? O.maximumQuantity = c.max : O.maximumQuantity = null, f.updateItem(O);
+          "onUpdate:modelValue": (d) => {
+            const S = { ...s };
+            d != null && d.min ? S.minimumQuantity = d.min : S.minimumQuantity = null, d != null && d.max ? S.maximumQuantity = d.max : S.maximumQuantity = null, f.updateItem(S);
           },
           rules: [
             Et({ max: !1 }),
@@ -335,15 +335,15 @@ function zt(f, g = {}) {
       id: "Step",
       header: () => x("inventory.transfer.form.items.table.Step"),
       minSize: 100,
-      cell(p) {
-        const s = p.row.original;
+      cell(c) {
+        const s = c.row.original;
         return Z(ae.FmTextField, {
           modelValue: ee(s.quantityStep ?? Ee.reset(), !1),
           key: s.sku._id,
-          "onUpdate:modelValue": (c) => {
+          "onUpdate:modelValue": (d) => {
             f.updateItem({
               ...s,
-              quantityStep: ce(+c)
+              quantityStep: ce(+d)
             });
           },
           rules: [
@@ -360,8 +360,8 @@ function zt(f, g = {}) {
     {
       id: "Delete",
       header: "",
-      cell(p) {
-        const s = p.row.original;
+      cell(c) {
+        const s = c.row.original;
         return Z("div", { class: "flex items-center" }, [
           u.usePurchaseOrderV2 ? Z(
             ae.FmTooltip,
@@ -379,7 +379,7 @@ function zt(f, g = {}) {
                   size: "md",
                   disabled: f.disabled,
                   onClick: async () => {
-                    const c = {
+                    const d = {
                       id: crypto.randomUUID(),
                       sku: s.sku,
                       code: s.sku.code,
@@ -388,7 +388,7 @@ function zt(f, g = {}) {
                       quantityStep: ce(1),
                       minimumQuantity: ce(1)
                     };
-                    f.duplicateItem(c);
+                    f.duplicateItem(d);
                   }
                 });
               },
@@ -421,14 +421,14 @@ function zt(f, g = {}) {
   ];
   return {
     columnDefs: B(() => {
-      const p = be();
+      const c = be(), s = [...p];
       if (Object.keys(g).length > 0)
-        for (const [s, c] of Object.entries(g))
-          d.splice(Number(s), 0, {
-            ...c,
-            id: s
+        for (const [d, S] of Object.entries(g))
+          s.splice(Number(d), 0, {
+            ...S,
+            id: d
           });
-      return p.enableTotalCost && f.transferType === K.PURCHASE ? d : d.filter((s) => s.id !== "Cost");
+      return c.enableTotalCost && f.transferType === K.PURCHASE ? s : s.filter((d) => d.id !== "Cost");
     })
   };
 }
@@ -447,7 +447,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
       return a;
     }
     return (a, u) => {
-      var d, k, p, s, c, O, F, b, T, $, L, h, i, _, r, y, C, w, v, te, J, E, P, l, n, I, R, j, q, S;
+      var p, k, c, s, d, S, T, b, F, $, L, h, i, _, r, y, C, w, v, te, J, E, P, l, n, I, R, j, q, M;
       const o = A("FmLabel");
       return V(), G("div", Ht, [
         t("div", jt, [
@@ -457,8 +457,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           ]),
           t("div", null, [
             m(e(Y), {
-              render: (p = (k = (d = a.cellByColId.Delete) == null ? void 0 : d.column) == null ? void 0 : k.columnDef) == null ? void 0 : p.cell,
-              props: (c = (s = a.cellByColId.Delete) == null ? void 0 : s.getContext) == null ? void 0 : c.call(s)
+              render: (c = (k = (p = a.cellByColId.Delete) == null ? void 0 : p.column) == null ? void 0 : k.columnDef) == null ? void 0 : c.cell,
+              props: (d = (s = a.cellByColId.Delete) == null ? void 0 : s.getContext) == null ? void 0 : d.call(s)
             }, null, 8, ["render", "props"])
           ])
         ]),
@@ -468,8 +468,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
               label: e(g)(`inventory.transfer.form.items.table.${e(H).Code}`)
             }, null, 8, ["label"]),
             m(e(Y), {
-              render: (b = (F = (O = a.cellByColId[e(H).Code]) == null ? void 0 : O.column) == null ? void 0 : F.columnDef) == null ? void 0 : b.cell,
-              props: ($ = (T = a.cellByColId[e(H).Code]) == null ? void 0 : T.getContext) == null ? void 0 : $.call(T)
+              render: (b = (T = (S = a.cellByColId[e(H).Code]) == null ? void 0 : S.column) == null ? void 0 : T.columnDef) == null ? void 0 : b.cell,
+              props: ($ = (F = a.cellByColId[e(H).Code]) == null ? void 0 : F.getContext) == null ? void 0 : $.call(F)
             }, null, 8, ["render", "props"]),
             u[0] || (u[0] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
@@ -513,7 +513,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             }, null, 8, ["label"]),
             m(e(Y), {
               render: (j = (R = (I = a.cellByColId[e(H).Limit]) == null ? void 0 : I.column) == null ? void 0 : R.columnDef) == null ? void 0 : j.cell,
-              props: (S = (q = a.cellByColId[e(H).Limit]) == null ? void 0 : q.getContext) == null ? void 0 : S.call(q)
+              props: (M = (q = a.cellByColId[e(H).Limit]) == null ? void 0 : q.getContext) == null ? void 0 : M.call(q)
             }, null, 8, ["render", "props"]),
             u[4] || (u[4] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
@@ -539,13 +539,13 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         style: ge({ backgroundColor: x.errorMessage ? "#ffd6d6" : void 0 })
       }, [
         (V(!0), G(ve, null, He(x.row.getVisibleCells(), (u) => {
-          var o, d, k, p, s;
+          var o, p, k, c, s;
           return V(), G("td", {
             key: u.id,
             class: le(["text-fm-color-typo-primary", ((o = g(u)) == null ? void 0 : o.cellClass) ?? "px-16", "py-2"]),
             style: ge({
-              width: (d = g(u)) != null && d.width ? (k = g(u)) == null ? void 0 : k.width : u.column.getSize() !== 0 ? `${u.column.getSize()}px` : void 0,
-              maxWidth: (p = g(u)) == null ? void 0 : p.maxWidth,
+              width: (p = g(u)) != null && p.width ? (k = g(u)) == null ? void 0 : k.width : u.column.getSize() !== 0 ? `${u.column.getSize()}px` : void 0,
+              maxWidth: (c = g(u)) == null ? void 0 : c.maxWidth,
               textAlign: ((s = g(u)) == null ? void 0 : s.textAlign) ?? "left"
             })
           }, [
@@ -574,14 +574,14 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
   },
   emits: ["update:disabled"],
   setup(f, { expose: g, emit: x }) {
-    const a = f, u = x, o = Ge(), { t: d } = re(), k = W({}), p = Ke(), s = We(), c = $t(), O = be(), F = dt();
+    const a = f, u = x, o = Ge(), { t: p } = re(), k = W({}), c = Ke(), s = We(), d = $t(), S = be(), T = dt();
     we(
       () => o.purchaseOrder.items.length,
       () => {
         k.value = {};
       }
-    ), p.watchLocation(async () => {
-      location && (o.purchaseOrder.supplier || (o.purchaseOrder.supplier = c.suppliers.find((l) => l) ?? o.purchaseOrder.supplier));
+    ), c.watchLocation(async () => {
+      location && (o.purchaseOrder.supplier || (o.purchaseOrder.supplier = d.suppliers.find((l) => l) ?? o.purchaseOrder.supplier));
     });
     const b = Mt(
       () => o.purchaseOrder,
@@ -591,7 +591,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           supplier: l.supplier ?? (o == null ? void 0 : o.purchaseOrder.supplier)
         };
       }
-    ), T = B({
+    ), F = B({
       get() {
         var l, n;
         return typeof ((n = (l = o.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : n.internal) == "string" ? K.TRANSFER : K.PURCHASE;
@@ -611,7 +611,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
       }
     });
     async function h() {
-      const l = await F.checkCustomFieldCodes({
+      const l = await T.checkCustomFieldCodes({
         beforeStart: async () => {
           u("update:disabled", !0);
         },
@@ -696,7 +696,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           return a.disabled;
         }
       },
-      F.transferTemplateColumnDefs({
+      T.transferTemplateColumnDefs({
         onUpdate: (l, n, I, R) => {
           if (l < 0 || l >= o.purchaseOrder.items.length) return;
           const j = o.purchaseOrder.items[l];
@@ -711,22 +711,22 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
       })
     ), J = B(() => te.columnDefs.value), { promptSelectIngredients: E } = Dt();
     async function P() {
-      const n = s.skus.map((S) => ({
-        label: S.name,
-        sublabel: S.code,
-        value: S
-      })).filter((S) => {
+      const n = s.skus.map((M) => ({
+        label: M.name,
+        sublabel: M.code,
+        value: M
+      })).filter((M) => {
         var U;
-        return (U = o.purchaseOrder.items) == null ? void 0 : U.find((z) => z.sku._id === S.value._id);
-      }).map((S) => S.value), I = o.purchaseOrder.items ?? [], R = await E(
-        n.map((S) => S._id),
-        (S) => {
-          const U = s.skuById[S], z = I.find((Q) => Q.sku._id === U._id);
+        return (U = o.purchaseOrder.items) == null ? void 0 : U.find((z) => z.sku._id === M.value._id);
+      }).map((M) => M.value), I = o.purchaseOrder.items ?? [], R = await E(
+        n.map((M) => M._id),
+        (M) => {
+          const U = s.skuById[M], z = I.find((Q) => Q.sku._id === U._id);
           if (z)
             return z;
           const X = { amount: 1, precision: ye(U.unit) };
           return {
-            id: O.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
+            id: S.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
             sku: U,
             code: U.code,
             name: U.name,
@@ -741,20 +741,20 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         }
       );
       if (!R) return;
-      const j = R.map((S) => S.sku._id), q = [];
-      for (const S of j) {
-        const U = I.filter((z) => z.sku._id === S);
+      const j = R.map((M) => M.sku._id), q = [];
+      for (const M of j) {
+        const U = I.filter((z) => z.sku._id === M);
         if (U.length > 0)
           q.push(...U);
         else {
-          const z = R.find((X) => X.sku._id === S);
+          const z = R.find((X) => X.sku._id === M);
           z && q.push(z);
         }
       }
-      q.sort((S, U) => S.sku.code.localeCompare(U.sku.code)), o.purchaseOrder.items = q;
+      q.sort((M, U) => M.sku.code.localeCompare(U.sku.code)), o.purchaseOrder.items = q;
     }
     return (l, n) => {
-      const I = A("FmTextField"), R = A("FmSelect"), j = A("FmTextarea"), q = A("FmButton"), S = A("FmTable"), U = A("FmFormGroup"), z = A("FmForm");
+      const I = A("FmTextField"), R = A("FmSelect"), j = A("FmTextarea"), q = A("FmButton"), M = A("FmTable"), U = A("FmFormGroup"), z = A("FmForm");
       return V(), se(z, {
         ref_key: "formRef",
         ref: w,
@@ -767,28 +767,28 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             t("div", is, [
               t("div", us, [
                 m(I, {
-                  label: e(d)("inventory.transfer.form.name"),
+                  label: e(p)("inventory.transfer.form.name"),
                   "label-mark": "required",
                   modelValue: e(o).name,
-                  "onUpdate:modelValue": n[0] || (n[0] = (M) => e(o).name = M),
+                  "onUpdate:modelValue": n[0] || (n[0] = (O) => e(o).name = O),
                   rules: [e(xe)()]
                 }, null, 8, ["label", "modelValue", "rules"]),
                 m(R, {
-                  label: e(d)("inventory.transfer.form.type.title"),
-                  "model-value": T.value,
-                  "onUpdate:modelValue": n[1] || (n[1] = (M) => T.value = M),
+                  label: e(p)("inventory.transfer.form.type.title"),
+                  "model-value": F.value,
+                  "onUpdate:modelValue": n[1] || (n[1] = (O) => F.value = O),
                   items: [
                     {
-                      label: e(d)("inventory.transfer.form.type.purchase"),
+                      label: e(p)("inventory.transfer.form.type.purchase"),
                       value: e(K).PURCHASE,
                       disabled: !e(b).locationOptionsTypePurchase.value.length,
-                      sublabel: e(b).locationOptionsTypePurchase.value.length ? void 0 : e(d)("inventory.transfer.form.noSupplierAvailable")
+                      sublabel: e(b).locationOptionsTypePurchase.value.length ? void 0 : e(p)("inventory.transfer.form.noSupplierAvailable")
                     },
                     {
-                      label: e(d)("inventory.transfer.form.type.transfer"),
+                      label: e(p)("inventory.transfer.form.type.transfer"),
                       value: e(K).TRANSFER,
                       disabled: !e(b).locationOptionsTypeTransfer.value.length,
-                      sublabel: e(b).locationOptionsTypeTransfer.value.length ? void 0 : e(d)("inventory.transfer.form.noLocationAvailable")
+                      sublabel: e(b).locationOptionsTypeTransfer.value.length ? void 0 : e(p)("inventory.transfer.form.noLocationAvailable")
                     }
                   ],
                   rules: [e(_e)(1)($.value)]
@@ -799,50 +799,50 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                         "line-clamp-1 fm-typo-en-body-lg-400",
                         l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                       ])
-                    }, D(e(pt)(T.value)), 3)
+                    }, D(e(pt)(F.value)), 3)
                   ]),
                   _: 1
                 }, 8, ["label", "model-value", "items", "rules"]),
                 m(R, {
-                  label: T.value === e(K).PURCHASE ? e(d)("inventory.transfer.form.purchaseFrom") : e(d)("inventory.transfer.form.transferFrom"),
+                  label: F.value === e(K).PURCHASE ? e(p)("inventory.transfer.form.purchaseFrom") : e(p)("inventory.transfer.form.transferFrom"),
                   modelValue: L.value,
-                  "onUpdate:modelValue": n[2] || (n[2] = (M) => L.value = M),
+                  "onUpdate:modelValue": n[2] || (n[2] = (O) => L.value = O),
                   items: $.value
                 }, {
-                  "menu-wrapper": N((M) => {
+                  "menu-wrapper": N((O) => {
                     var Q;
                     return [
-                      m(Ot, je(M, {
+                      m(Ot, je(O, {
                         items: $.value,
                         "model-value": (Q = l.modelValue.purchaseOrder.supplier) == null ? void 0 : Q._id
                       }), null, 16, ["items", "model-value"])
                     ];
                   }),
                   default: N(() => {
-                    var M;
+                    var O;
                     return [
                       t("span", {
                         class: le([
                           "line-clamp-1 fm-typo-en-body-lg-400",
                           l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                         ])
-                      }, D((M = $.value.find((Q) => Q.value === L.value)) == null ? void 0 : M.label), 3)
+                      }, D((O = $.value.find((Q) => Q.value === L.value)) == null ? void 0 : O.label), 3)
                     ];
                   }),
                   _: 1
                 }, 8, ["label", "modelValue", "items"]),
                 m(I, {
-                  label: e(d)("inventory.transfer.form.reference"),
+                  label: e(p)("inventory.transfer.form.reference"),
                   "label-mark": "optional",
                   modelValue: e(o).purchaseOrder.ref,
-                  "onUpdate:modelValue": n[3] || (n[3] = (M) => e(o).purchaseOrder.ref = M)
+                  "onUpdate:modelValue": n[3] || (n[3] = (O) => e(o).purchaseOrder.ref = O)
                 }, null, 8, ["label", "modelValue"]),
                 m(j, {
-                  label: e(d)("inventory.transfer.form.remark"),
+                  label: e(p)("inventory.transfer.form.remark"),
                   "label-mark": "optional",
                   "max-length": 240,
                   modelValue: C.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (M) => C.value = M),
+                  "onUpdate:modelValue": n[4] || (n[4] = (O) => C.value = O),
                   class: le({ "text-fm-color-typo-disabled": l.disabled })
                 }, null, 8, ["label", "modelValue", "class"])
               ])
@@ -859,7 +859,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                   onClick: e(i)
                 }, null, 8, ["disabled", "onClick"])
               ]),
-              m(S, {
+              m(M, {
                 "column-defs": e(_),
                 "row-data": e(r),
                 "shrink-at": 9999,
@@ -878,47 +878,48 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
             ]),
             t("div", cs, [
               t("div", fs, [
-                t("div", ys, D(e(d)("inventory.transfer.form.items.title")), 1),
-                m(q, {
+                t("div", ys, D(e(p)("inventory.transfer.form.items.title")), 1),
+                e(T).isEnabled ? (V(), se(q, {
+                  key: 0,
                   label: "Check NetSuite",
                   "prepend-icon": "troubleshoot",
                   variant: "secondary",
                   onClick: h,
                   size: "md"
-                }),
+                })) : oe("", !0),
                 m(q, {
                   disabled: l.disabled,
-                  label: e(d)("inventory.transfer.form.items.addItem"),
+                  label: e(p)("inventory.transfer.form.items.addItem"),
                   "prepend-icon": "add",
                   variant: "plain",
                   class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: n[5] || (n[5] = (M) => P()),
+                  onClick: n[5] || (n[5] = (O) => P()),
                   size: "md"
                 }, null, 8, ["disabled", "label"])
               ]),
-              (V(), se(S, {
+              (V(), se(M, {
                 "column-defs": J.value,
                 "row-data": e(o).purchaseOrder.items,
-                key: e(o).purchaseOrder.items.map((M) => M.sku._id).join("."),
+                key: e(o).purchaseOrder.items.map((O) => O.sku._id).join("."),
                 "hide-footer": "",
                 "page-size": e(o).purchaseOrder.items.length
               }, {
-                "table-row": N((M) => [
+                "table-row": N((O) => [
                   m(rs, {
-                    row: M,
-                    errorMessage: k.value[M.index],
+                    row: O,
+                    errorMessage: k.value[O.index],
                     "onUpdate:item": n[6] || (n[6] = (Q) => v.value.updateItem(Q)),
                     disabled: l.disabled
                   }, null, 8, ["row", "errorMessage", "disabled"])
                 ]),
-                "list-row": N((M) => [
+                "list-row": N((O) => [
                   (V(), se(Ye, {
-                    row: M,
+                    row: O,
                     key: e(o).purchaseOrder.items.map((Q) => Q.sku._id).join(".")
                   }, {
                     default: N((Q) => [
                       m(os, {
-                        row: M,
+                        row: O,
                         "cell-by-col-id": Q,
                         "onUpdate:item": n[7] || (n[7] = (ue) => v.value.updateItem(ue)),
                         disabled: l.disabled
@@ -953,7 +954,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
   emits: /* @__PURE__ */ Be(["update:show", "submitted"], ["update:disabled"]),
   setup(f, { expose: g, emit: x }) {
     var _;
-    const a = f, u = x, o = ht(), d = kt(), { t: k } = re(), p = Je(a, "show");
+    const a = f, u = x, o = ht(), p = kt(), { t: k } = re(), c = Je(a, "show");
     function s() {
       return {
         _id: "",
@@ -984,15 +985,15 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         }
       };
     }
-    const c = W(a.modelValue ?? s()), O = W(((_ = a.modelValue) == null ? void 0 : _._id) ?? `${Math.random()}`);
+    const d = W(a.modelValue ?? s()), S = W(((_ = a.modelValue) == null ? void 0 : _._id) ?? `${Math.random()}`);
     we(
       () => a.show,
       (r) => {
         var y;
-        r && (c.value = a.modelValue ?? s(), O.value = ((y = a.modelValue) == null ? void 0 : y._id) ?? `${Math.random()}`);
+        r && (d.value = a.modelValue ?? s(), S.value = ((y = a.modelValue) == null ? void 0 : y._id) ?? `${Math.random()}`);
       }
     );
-    const F = tt(f, "disabled"), b = B(() => {
+    const T = tt(f, "disabled"), b = B(() => {
       switch (a.mode) {
         case ie.READ:
           return "";
@@ -1002,66 +1003,66 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           return k("inventory.transfer.template.update.title");
       }
       return "";
-    }), T = W();
+    }), F = W();
     g({
       validateInputs: () => {
         var r, y;
-        (y = (r = T.value) == null ? void 0 : r.validateInputs) == null || y.call(r);
+        (y = (r = F.value) == null ? void 0 : r.validateInputs) == null || y.call(r);
       },
       resetInputsValidation: () => {
         var r, y;
-        (y = (r = T.value) == null ? void 0 : r.resetInputsValidation) == null || y.call(r);
+        (y = (r = F.value) == null ? void 0 : r.resetInputsValidation) == null || y.call(r);
       },
       resetInputs: () => {
         var r, y;
-        (y = (r = T.value) == null ? void 0 : r.resetInputs) == null || y.call(r);
+        (y = (r = F.value) == null ? void 0 : r.resetInputs) == null || y.call(r);
       }
     });
     async function $() {
       var y, C;
-      const r = c.value;
+      const r = d.value;
       if (r) {
-        F.value = !0, (((y = r.purchaseOrder.supplier) == null ? void 0 : y.internal) === fe.enum.warehouse || ((C = r.purchaseOrder.supplier) == null ? void 0 : C.internal) === fe.enum.restaurant) && (r.purchaseOrder.items = r.purchaseOrder.items.map(
+        T.value = !0, (((y = r.purchaseOrder.supplier) == null ? void 0 : y.internal) === fe.enum.warehouse || ((C = r.purchaseOrder.supplier) == null ? void 0 : C.internal) === fe.enum.restaurant) && (r.purchaseOrder.items = r.purchaseOrder.items.map(
           ({ totalCost: w, ...v }) => v
         ));
         try {
-          await o.createTemplate(r), await new Promise((w) => setTimeout(w, 1e3)), d.open({
+          await o.createTemplate(r), await new Promise((w) => setTimeout(w, 1e3)), p.open({
             title: k("inventory.transfer.template.create.success"),
             message: k("inventory.transfer.template.create.successMessage"),
             type: "success"
           }), u("update:show", !1), u("submitted");
         } catch (w) {
-          d.open({
+          p.open({
             title: k("inventory.transfer.template.create.error"),
             message: k("inventory.transfer.template.create.errorMessage"),
             type: "error"
           }), console.error("Error in creating transfer template", w);
         } finally {
-          F.value = !1;
+          T.value = !1;
         }
       }
     }
     async function L() {
       var y, C;
-      const r = c.value;
+      const r = d.value;
       if (r) {
-        F.value = !0, (((y = r.purchaseOrder.supplier) == null ? void 0 : y.internal) === fe.enum.warehouse || ((C = r.purchaseOrder.supplier) == null ? void 0 : C.internal) === fe.enum.restaurant) && (r.purchaseOrder.items = r.purchaseOrder.items.map(
+        T.value = !0, (((y = r.purchaseOrder.supplier) == null ? void 0 : y.internal) === fe.enum.warehouse || ((C = r.purchaseOrder.supplier) == null ? void 0 : C.internal) === fe.enum.restaurant) && (r.purchaseOrder.items = r.purchaseOrder.items.map(
           ({ totalCost: w, ...v }) => v
         ));
         try {
-          await o.updateTemplate(r), await new Promise((w) => setTimeout(w, 1e3)), d.open({
+          await o.updateTemplate(r), await new Promise((w) => setTimeout(w, 1e3)), p.open({
             title: k("inventory.transfer.template.update.success"),
             message: k("inventory.transfer.template.update.successMessage"),
             type: "success"
           }), u("update:show", !1), u("submitted");
         } catch (w) {
-          d.open({
+          p.open({
             title: k("inventory.transfer.template.update.error"),
             message: k("inventory.transfer.template.update.errorMessage"),
             type: "error"
           }), console.error("Error in updating transfer template", w);
         } finally {
-          F.value = !1;
+          T.value = !1;
         }
       }
     }
@@ -1075,13 +1076,13 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
     }
     function i() {
       var r, y;
-      (y = (r = T.value) == null ? void 0 : r.validateInputs) == null || y.call(r);
+      (y = (r = F.value) == null ? void 0 : r.validateInputs) == null || y.call(r);
     }
     return (r, y) => {
       const C = A("FmButton"), w = A("FmSideSheet");
       return V(), se(w, {
-        modelValue: e(p),
-        "onUpdate:modelValue": y[3] || (y[3] = (v) => Qe(p) ? p.value = v : null),
+        modelValue: e(c),
+        "onUpdate:modelValue": y[3] || (y[3] = (v) => Qe(c) ? c.value = v : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 1200
@@ -1095,24 +1096,24 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
           (V(), se(vs, {
             class: "w-full",
             ref_key: "formRef",
-            ref: T,
+            ref: F,
             onValidationSuccess: h,
-            "model-value": c.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (v) => c.value = v),
-            disabled: F.value,
-            "onUpdate:disabled": y[1] || (y[1] = (v) => F.value = v),
-            key: O.value
+            "model-value": d.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (v) => d.value = v),
+            disabled: T.value,
+            "onUpdate:disabled": y[1] || (y[1] = (v) => T.value = v),
+            key: S.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": N(() => [
           t("div", gs, [
             m(C, {
-              loading: F.value,
+              loading: T.value,
               label: e(k)("common.save"),
               onClick: i
             }, null, 8, ["loading", "label"]),
             m(C, {
-              disabled: F.value,
+              disabled: T.value,
               variant: "tertiary",
               label: e(k)("common.close"),
               onClick: y[2] || (y[2] = (v) => u("update:show", !1))
@@ -1146,26 +1147,26 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
   },
   emits: ["update:show", "action:edit"],
   setup(f, { emit: g }) {
-    const x = f, a = g, u = be(), { t: o } = re(), d = B(() => {
-      var F;
-      return (F = x.template) == null ? void 0 : F.purchaseOrder;
+    const x = f, a = g, u = be(), { t: o } = re(), p = B(() => {
+      var T;
+      return (T = x.template) == null ? void 0 : T.purchaseOrder;
     }), k = [
       { accessorKey: "name", header: () => "Name" },
       { accessorKey: "type", header: () => "Type" }
-    ], p = W(""), s = B(
+    ], c = W(""), s = B(
       () => {
-        var F, b, T, $;
-        return ((b = (F = d.value) == null ? void 0 : F.supplier) == null ? void 0 : b.internal) === "restaurant" || (($ = (T = d.value) == null ? void 0 : T.supplier) == null ? void 0 : $.internal) === "warehouse" ? K.TRANSFER : K.PURCHASE;
+        var T, b, F, $;
+        return ((b = (T = p.value) == null ? void 0 : T.supplier) == null ? void 0 : b.internal) === "restaurant" || (($ = (F = p.value) == null ? void 0 : F.supplier) == null ? void 0 : $.internal) === "warehouse" ? K.TRANSFER : K.PURCHASE;
       }
-    ), c = W(!0), O = Je(x, "show");
-    return (F, b) => {
+    ), d = W(!0), S = Je(x, "show");
+    return (T, b) => {
       var y;
-      const T = A("FmMenuDivider"), $ = A("FmCard"), L = A("FmIcon"), h = A("FmTextField"), i = A("FmTable"), _ = A("FmButton"), r = A("FmSideSheet");
+      const F = A("FmMenuDivider"), $ = A("FmCard"), L = A("FmIcon"), h = A("FmTextField"), i = A("FmTable"), _ = A("FmButton"), r = A("FmSideSheet");
       return V(), se(r, {
-        header: e(o)("inventory.transfer.template.details.view", { template: (y = F.template) == null ? void 0 : y.name }),
-        modelValue: e(O),
-        "onUpdate:modelValue": b[2] || (b[2] = (C) => Qe(O) ? O.value = C : null),
-        "dismiss-away": c.value,
+        header: e(o)("inventory.transfer.template.details.view", { template: (y = T.template) == null ? void 0 : y.name }),
+        modelValue: e(S),
+        "onUpdate:modelValue": b[2] || (b[2] = (C) => Qe(S) ? S.value = C : null),
+        "dismiss-away": d.value,
         "close-button": "",
         "max-width": 500
       }, {
@@ -1187,25 +1188,25 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                           `inventory.transfer.receiveRequest.details.type.${s.value.toLocaleLowerCase("en-US")}`
                         )), 1)
                       ]),
-                      m(T),
+                      m(F),
                       t("div", Fs, [
                         t("div", Cs, [
                           t("div", Is, [
                             t("div", Ss, D(e(o)("inventory.transfer.receiveRequest.details.createdAt")), 1)
                           ]),
-                          t("div", Ms, D(e(ct)(((v = F.template) == null ? void 0 : v._id) ?? "")), 1)
+                          t("div", Ms, D(e(ct)(((v = T.template) == null ? void 0 : v._id) ?? "")), 1)
                         ]),
-                        (J = (te = d.value) == null ? void 0 : te.supplier) != null && J.name ? (V(), G("div", Os, [
+                        (J = (te = p.value) == null ? void 0 : te.supplier) != null && J.name ? (V(), G("div", Os, [
                           t("div", $s, D(e(o)("inventory.transfer.receiveRequest.details.from")), 1),
-                          t("div", Ds, D((P = (E = d.value) == null ? void 0 : E.supplier) == null ? void 0 : P.name), 1)
+                          t("div", Ds, D((P = (E = p.value) == null ? void 0 : E.supplier) == null ? void 0 : P.name), 1)
                         ])) : oe("", !0),
-                        (l = d.value) != null && l.ref ? (V(), G("div", Vs, [
+                        (l = p.value) != null && l.ref ? (V(), G("div", Vs, [
                           t("div", Rs, D(e(o)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          t("div", As, D(d.value.ref), 1)
+                          t("div", As, D(p.value.ref), 1)
                         ])) : oe("", !0),
-                        (n = d.value) != null && n.remark ? (V(), G("div", Ps, [
+                        (n = p.value) != null && n.remark ? (V(), G("div", Ps, [
                           t("div", Us, D(e(o)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          t("div", Bs, D(d.value.remark), 1)
+                          t("div", Bs, D(p.value.remark), 1)
                         ])) : oe("", !0)
                       ])
                     ];
@@ -1216,7 +1217,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
               t("div", Ls, [
                 t("div", Es, [
                   t("div", Ns, D(e(o)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
-                  (V(!0), G(ve, null, He(((C = d.value) == null ? void 0 : C.items) ?? [], (v) => (V(), G("div", {
+                  (V(!0), G(ve, null, He(((C = p.value) == null ? void 0 : C.items) ?? [], (v) => (V(), G("div", {
                     key: v.code,
                     class: "flex flex-col"
                   }, [
@@ -1249,8 +1250,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                 ], -1)),
                 t("div", Ys, [
                   m(h, {
-                    modelValue: p.value,
-                    "onUpdate:modelValue": b[0] || (b[0] = (v) => p.value = v),
+                    modelValue: c.value,
+                    "onUpdate:modelValue": b[0] || (b[0] = (v) => c.value = v),
                     placeholder: "Filter locations",
                     "prepend-icon": "search"
                   }, null, 8, ["modelValue"]),
@@ -1258,7 +1259,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                     "hide-footer": "",
                     style: { height: "500px" },
                     "column-defs": k,
-                    "search-value": p.value,
+                    "search-value": c.value,
                     "row-data": ((w = x.template) == null ? void 0 : w.locations) ?? [{ name: "All locations" }]
                   }, null, 8, ["search-value", "row-data"])
                 ])
@@ -1282,17 +1283,17 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
 }), Zs = { class: "flex-1 flex flex-col gap-8" }, eo = { class: "flex flex-col" }, to = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, so = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, oo = { class: "fm-typo-en-body-lg-400" }, lo = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, no = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ho = /* @__PURE__ */ ne({
   __name: "TransferTemplateView",
   setup(f) {
-    const { t: g } = re(), { createTemplate: x, viewTemplate: a, importTemplates: u, exportTemplates: o } = qe(), { templateDialogProps: d, templateDetailsProps: k } = ze(qe()), p = _t(), { loading: s, templates: c } = ze(p), O = W(!1), F = yt(), b = Ke(), { breakpoints: T } = wt();
-    ke(p.fetchTemplates);
+    const { t: g } = re(), { createTemplate: x, viewTemplate: a, importTemplates: u, exportTemplates: o } = qe(), { templateDialogProps: p, templateDetailsProps: k } = ze(qe()), c = _t(), { loading: s, templates: d } = ze(c), S = W(!1), T = yt(), b = Ke(), { breakpoints: F } = wt();
+    ke(c.fetchTemplates);
     const $ = B(
-      () => O.value || s.value || !b._currentLocation
-    ), L = B(() => c.value), h = W(""), i = B(() => T.value.xs || T.value.sm), _ = B(() => i.value ? 10 : 20);
+      () => S.value || s.value || !b._currentLocation
+    ), L = B(() => d.value), h = W(""), i = B(() => F.value.xs || F.value.sm), _ = B(() => i.value ? 10 : 20);
     function r(w) {
       switch (w) {
         case Ne.Add:
           return x();
         case "refresh":
-          return p.fetchTemplates();
+          return c.fetchTemplates();
         case "import":
           return u();
         case "export":
@@ -1351,8 +1352,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                   "onUpdate:search": v[0] || (v[0] = (E) => h.value = E)
                 }, null, 8, ["search"]),
                 (V(), se(te, {
-                  style: ge(e(F).tableHeight),
-                  "column-defs": e(p).columnDefs,
+                  style: ge(e(T).tableHeight),
+                  "column-defs": e(c).columnDefs,
                   "row-data": L.value,
                   "search-value": h.value,
                   loading: $.value,
@@ -1366,7 +1367,7 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                       onRowClick: (P) => e(a)(P)
                     }, {
                       default: N((P) => {
-                        var l, n, I, R, j, q, S, U, z, X, M, Q, ue, de, Te, Fe, Ce, Ie, Se, Me, me, Oe, $e, De, Ve, pe, Re;
+                        var l, n, I, R, j, q, M, U, z, X, O, Q, ue, de, Te, Fe, Ce, Ie, Se, Me, me, Oe, $e, De, Ve, pe, Re;
                         return [
                           t("div", Zs, [
                             t("div", eo, [
@@ -1378,13 +1379,13 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
                               ]),
                               t("div", so, [
                                 m(e(Y), {
-                                  render: (U = (S = (q = P.name) == null ? void 0 : q.column) == null ? void 0 : S.columnDef) == null ? void 0 : U.cell,
+                                  render: (U = (M = (q = P.name) == null ? void 0 : q.column) == null ? void 0 : M.columnDef) == null ? void 0 : U.cell,
                                   props: (X = (z = P.name) == null ? void 0 : z.getContext) == null ? void 0 : X.call(z)
                                 }, null, 8, ["render", "props"])
                               ]),
                               t("div", oo, [
                                 m(e(Y), {
-                                  render: (ue = (Q = (M = P.supplier) == null ? void 0 : M.column) == null ? void 0 : Q.columnDef) == null ? void 0 : ue.cell,
+                                  render: (ue = (Q = (O = P.supplier) == null ? void 0 : O.column) == null ? void 0 : Q.columnDef) == null ? void 0 : ue.cell,
                                   props: (Te = (de = P.supplier) == null ? void 0 : de.getContext) == null ? void 0 : Te.call(de)
                                 }, null, 8, ["render", "props"])
                               ]),
@@ -1418,8 +1419,8 @@ const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-cen
         }, 8, ["title", "actions"]),
         (V(), se(st, { to: "body" }, [
           m(Xs, ot(lt(e(k))), null, 16),
-          m(xs, je(e(d), {
-            onSubmitted: v[2] || (v[2] = (J) => e(p).fetchTemplates())
+          m(xs, je(e(p), {
+            onSubmitted: v[2] || (v[2] = (J) => e(c).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);