@feedmepos/mf-inventory-portal 0.0.24-dev.1 → 0.0.24-dev.2

package/dist/{TransferTemplateView-wDKXpCWZ.js → TransferTemplateView-CcdoKSZ2.js}

@@ -1,13 +1,13 @@
-import { defineComponent as Z, onMounted as ce, computed as R, ref as E, watch as pe, inject as Je, resolveComponent as V, openBlock as D, createElementBlock as K, createElementVNode as t, createVNode as c, withCtx as q, renderSlot as Oe, withDirectives as Ve, normalizeClass as ie, vModelText as Ae, reactive as Ze, h as J, toDisplayString as O, unref as e, createBlock as W, mergeProps as Ee, isRef as Ue, createCommentVNode as Y, Fragment as qe, renderList as Xe, normalizeStyle as Ye, Teleport as et, normalizeProps as tt, guardReactiveProps as ot } from "vue";
-import { H as Ne, ay as ue, t as De, I as st, az as lt, aA as nt, j as G, aB as at, b as ze, $ as Re, m as me, a as He, P as re, L as rt, A as de, M as it, c as je, G as Q, u as Qe, ac as ut, E as Ke, J as mt, K as dt, e as ee, aC as ne, a9 as ct, a1 as pt, z as ft, i as Pe, _ as yt, B as vt } from "./app-DntcWR3_.js";
-import { useI18n as X } from "@feedmepos/mf-common";
-import { P as H, a as bt, f as xt, t as _t, b as Le, u as ht } from "./format-unit-display-Hy48Iw5j.js";
-import { components as ae, useDialog as gt, useSnackbar as Tt, useProxiedModel as Ge, useBreakpoints as Ft } from "@feedmepos/ui-library";
+import { defineComponent as X, onMounted as ce, computed as R, ref as U, watch as pe, inject as Je, resolveComponent as V, openBlock as D, createElementBlock as K, createElementVNode as t, createVNode as c, withCtx as B, renderSlot as Oe, withDirectives as Ve, normalizeClass as Z, vModelText as Ae, reactive as Ze, h as J, toDisplayString as I, unref as e, createBlock as W, mergeProps as Ee, isRef as Ue, createCommentVNode as ee, Fragment as qe, renderList as Xe, normalizeStyle as Ye, Teleport as et, normalizeProps as tt, guardReactiveProps as ot } from "vue";
+import { H as Ne, ay as ue, t as De, I as st, az as lt, aA as nt, j as G, aB as at, b as ze, $ as Re, m as me, a as He, P as ie, L as rt, A as de, M as it, c as je, G as Q, u as Qe, ac as ut, V as mt, E as Ke, J as dt, K as ct, e as te, aC as ae, a9 as pt, a1 as ft, z as yt, i as Pe, _ as vt, B as bt } from "./app-wfVkfux5.js";
+import { useI18n as Y } from "@feedmepos/mf-common";
+import { P as H, a as xt, f as _t, t as ht, b as Le, u as gt } from "./format-unit-display-BoJgjxR6.js";
+import { components as re, useDialog as Tt, useSnackbar as Ft, useProxiedModel as Ge, useBreakpoints as wt } from "@feedmepos/ui-library";
 import { storeToRefs as Be } from "pinia";
-import { _ as wt, b as kt, F as Ct, a as St } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DhpHOaRH.js";
-import { c as Mt, u as $t, _ as It } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-B_c6Vn6P.js";
-import { u as Ot } from "./supplier-CXhkgC4M.js";
-const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { class: "flex-1" }, Rt = { class: "flex items-center" }, Pt = { class: "flex-1" }, Lt = { class: "flex-1" }, Bt = /* @__PURE__ */ Z({
+import { _ as kt, b as Ct, F as St, a as Mt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-ByHVBLHt.js";
+import { c as $t, u as It, _ as Ot } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-C_boDzZI.js";
+import { u as Vt } from "./supplier-rNvX0bxV.js";
+const At = { class: "flex flex-col" }, Dt = { class: "flex flex-col" }, Rt = { class: "flex-1" }, Pt = { class: "flex items-center" }, Lt = { class: "flex-1" }, Bt = { class: "flex-1" }, Et = /* @__PURE__ */ X({
   __name: "FmMinMaxInput",
   props: {
     rules: {},
@@ -45,7 +45,7 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
     helperState: {}
   },
   setup(y) {
-    const x = y, u = Ne("modelValue"), o = st();
+    const _ = y, u = Ne("modelValue"), s = st();
     ce(() => {
       const { min: p, max: r } = u ?? {};
       if (!(!p || !r) && p.precision !== r.precision) {
@@ -55,7 +55,7 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
     });
     const m = R(() => {
       const { min: p, max: r } = u ?? {};
-      return Math.max((p == null ? void 0 : p.precision) ?? 0, (r == null ? void 0 : r.precision) ?? 0, x.precision ?? 0);
+      return Math.max((p == null ? void 0 : p.precision) ?? 0, (r == null ? void 0 : r.precision) ?? 0, _.precision ?? 0);
     }), C = (p) => {
       if (!p) return "";
       const r = lt(p), b = m.value, a = ue(r, b);
@@ -63,34 +63,34 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
         +G(a),
         a.precision
       );
-    }, i = E(C(u.min)), l = E(C(u.max));
+    }, i = U(C(u.min)), l = U(C(u.max));
     pe([i, l], ([p, r]) => {
-      const b = u ?? {}, a = o(p), f = o(r), w = m.value;
+      const b = u ?? {}, a = s(p), f = s(r), w = m.value;
       if (p !== "" && a === !0) {
-        const s = De(+p, w);
-        b.min = s;
+        const o = De(+p, w);
+        b.min = o;
       } else
         b.min = null;
       if (r !== "" && f === !0) {
-        const s = De(+r, w);
-        b.max = s;
+        const o = De(+r, w);
+        b.max = o;
       } else
         b.max = null;
       u.min = b.min, u.max = b.max;
     });
-    const d = Symbol.for("fm:form-state"), k = Je(d, null), h = R(() => x.disabled ?? (k == null ? void 0 : k.getDisabled()) ?? !1), A = E(), F = E(), v = E(!1), g = E(!1), I = R(() => v.value || g.value), B = R(() => [...[
+    const d = Symbol.for("fm:form-state"), k = Je(d, null), g = R(() => _.disabled ?? (k == null ? void 0 : k.getDisabled()) ?? !1), A = U(), T = U(), v = U(!1), F = U(!1), O = R(() => v.value || F.value), E = R(() => [...[
       function() {
-        return typeof o(i.value) == "string" || typeof o(l.value) == "string" ? "Must be a number" : !0;
+        return typeof s(i.value) == "string" || typeof s(l.value) == "string" ? "Must be a number" : !0;
       },
       function(b) {
         return !b || !b.min || !b.max ? !0 : +G(b.min) > +G(b.max) ? "Min must be less than or equal to max" : !0;
       }
-    ], ...x.rules ?? []]);
+    ], ..._.rules ?? []]);
     return (p, r) => {
       const b = V("FmLabel"), a = V("FmField"), f = V("FmFormGroup");
-      return D(), K("div", Vt, [
-        t("div", At, [
-          t("div", Dt, [
+      return D(), K("div", At, [
+        t("div", Dt, [
+          t("div", Rt, [
             c(b, {
               label: p.label,
               disabled: p.disabled,
@@ -98,12 +98,12 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
               optional: p.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          c(a, { focused: I.value }, {
-            default: q(() => [
-              t("div", Rt, [
+          c(a, { focused: O.value }, {
+            default: B(() => [
+              t("div", Pt, [
                 Oe(p.$slots, "prepend"),
                 r[6] || (r[6] = t("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
-                t("div", Pt, [
+                t("div", Lt, [
                   Ve(t("input", {
                     type: "text",
                     ref_key: "minInputRef",
@@ -111,10 +111,10 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
                     onFocus: r[0] || (r[0] = () => v.value = !0),
                     onBlur: r[1] || (r[1] = () => v.value = !1),
                     "onUpdate:modelValue": r[2] || (r[2] = (w) => i.value = w),
-                    class: ie({
+                    class: Z({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !h.value,
-                      "text-fm-color-typo-disabled": h.value
+                      "text-fm-color-typo-primary": !g.value,
+                      "text-fm-color-typo-disabled": g.value
                     })
                   }, null, 34), [
                     [Ae, i.value]
@@ -122,18 +122,18 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
                 ]),
                 r[7] || (r[7] = t("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
                 r[8] || (r[8] = t("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
-                t("div", Lt, [
+                t("div", Bt, [
                   Ve(t("input", {
                     type: "text",
                     ref_key: "maxInputRef",
-                    ref: F,
-                    onFocus: r[3] || (r[3] = () => g.value = !0),
-                    onBlur: r[4] || (r[4] = () => g.value = !1),
+                    ref: T,
+                    onFocus: r[3] || (r[3] = () => F.value = !0),
+                    onBlur: r[4] || (r[4] = () => F.value = !1),
                     "onUpdate:modelValue": r[5] || (r[5] = (w) => l.value = w),
-                    class: ie({
+                    class: Z({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !h.value,
-                      "text-fm-color-typo-disabled": h.value
+                      "text-fm-color-typo-primary": !g.value,
+                      "text-fm-color-typo-disabled": g.value
                     })
                   }, null, 34), [
                     [Ae, l.value]
@@ -149,7 +149,7 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
           class: "flex-1",
           "model-value": p.modelValue,
           info: p.labelInfo,
-          rules: B.value,
+          rules: E.value,
           "helper-text": p.helperText,
           "helper-state": p.helperState
         }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
@@ -157,45 +157,45 @@ const Vt = { class: "flex flex-col" }, At = { class: "flex flex-col" }, Dt = { c
     };
   }
 });
-function Et({ min: y, max: x } = { min: !0, max: !0 }) {
-  return function(o) {
-    return !o || !o.min && y != !1 || !o.max && x != !1 ? "Required" : !0;
+function Ut({ min: y, max: _ } = { min: !0, max: !0 }) {
+  return function(s) {
+    return !s || !s.min && y != !1 || !s.max && _ != !1 ? "Required" : !0;
   };
 }
-function Ut(y, x) {
-  return function(o) {
-    return !o || !o.min || !o.max ? !0 : +G(o.min) < y ? `Must be between ${y} and ${x}` : +G(o.max) > x ? `Must be between ${y} and ${x}` : !0;
+function qt(y, _) {
+  return function(s) {
+    return !s || !s.min || !s.max ? !0 : +G(s.min) < y ? `Must be between ${y} and ${_}` : +G(s.max) > _ ? `Must be between ${y} and ${_}` : !0;
   };
 }
-function qt(y) {
-  const x = at(y), u = G(y);
+function Nt(y) {
+  const _ = at(y), u = G(y);
   return function(m) {
-    const C = !(m != null && m.min) || x(m.min) === !0, i = !(m != null && m.max) || x(m.max) === !0;
+    const C = !(m != null && m.min) || _(m.min) === !0, i = !(m != null && m.max) || _(m.max) === !0;
     return !C && !i ? `Min & max must be a multiple of ${u}` : C ? i ? !0 : `Max must be a multiple of ${u}` : `Min must be a multiple of ${u}`;
   };
 }
 var L = /* @__PURE__ */ ((y) => (y.Code = "Code", y.Name = "Name", y.DefaultAmount = "DefaultAmount", y.Limit = "Limit", y.MinimumAmount = "MinimumAmount", y.Step = "Step", y.Cost = "Cost", y.Delete = "Delete", y))(L || {});
-function Nt(y) {
-  const { t: x } = X(), u = ze(), o = Ze({});
+function zt(y) {
+  const { t: _ } = Y(), u = ze(), s = Ze({});
   ce(() => {
     for (const i of y.items) {
       if (!i.totalCost)
         continue;
-      const l = Mt(i.sku, i.quantity, i.measurement, {
+      const l = $t(i.sku, i.quantity, i.measurement, {
         supplier: y.supplier
       }), d = i.totalCost ?? Re.reset();
-      l ? o[i.sku._id] = l.amount !== d.amount || l.precision !== d.precision : o[i.sku._id] = !0;
+      l ? s[i.sku._id] = l.amount !== d.amount || l.precision !== d.precision : s[i.sku._id] = !0;
     }
   });
   const m = [
     {
       id: "Code",
-      header: () => x("inventory.transfer.form.items.table.Code"),
+      header: () => _("inventory.transfer.form.items.table.Code"),
       accessorKey: "code",
       size: 180,
       cell(i) {
         const l = i.row.original;
-        return J(ae.FmTextField, {
+        return J(re.FmTextField, {
           modelValue: l.code,
           "onUpdate:modelValue": (d) => {
             y.updateItem({
@@ -212,11 +212,11 @@ function Nt(y) {
     },
     {
       id: "Name",
-      header: () => x("inventory.transfer.form.items.table.Name"),
+      header: () => _("inventory.transfer.form.items.table.Name"),
       minSize: 300,
       cell(i) {
         const l = i.row.original;
-        return J(ae.FmTextField, {
+        return J(re.FmTextField, {
           modelValue: l.name,
           "onUpdate:modelValue": (d) => {
             y.updateItem({
@@ -233,15 +233,15 @@ function Nt(y) {
     },
     {
       id: "DefaultAmount",
-      header: () => x("inventory.transfer.form.items.table.DefaultAmount"),
+      header: () => _("inventory.transfer.form.items.table.DefaultAmount"),
       minSize: 200,
       cell(i) {
         var v;
-        const l = i.row.original, d = He(), k = d.skuById[l.sku._id], h = d.unitById[(v = k.unit) == null ? void 0 : v._id], A = h.measurements.find((g) => {
-          var I;
-          return ((I = l.measurement) == null ? void 0 : I.id) === g.id;
-        }), F = l.sku.unit._id !== k.unit._id || !h || l.measurement && !A;
-        return J(wt, {
+        const l = i.row.original, d = He(), k = d.skuById[l.sku._id], g = d.unitById[(v = k.unit) == null ? void 0 : v._id], A = g.measurements.find((F) => {
+          var O;
+          return ((O = l.measurement) == null ? void 0 : O.id) === F.id;
+        }), T = l.sku.unit._id !== k.unit._id || !g || l.measurement && !A;
+        return J(kt, {
           style: {
             flex: "1 1 0%"
           },
@@ -252,38 +252,38 @@ function Nt(y) {
           },
           disabled: y.disabled,
           key: l.sku._id,
-          unit: h,
-          "onUpdate:modelValue": (g) => {
-            var B;
-            let I = l.code;
+          unit: g,
+          "onUpdate:modelValue": (F) => {
+            var E;
+            let O = l.code;
             if (u.isEnabled) {
-              const p = u.getItemPKTCode(k, (B = g.measurement) == null ? void 0 : B.id);
-              p && (I = p);
+              const p = u.getItemPKTCode(k, (E = F.measurement) == null ? void 0 : E.id);
+              p && (O = p);
             }
             y.updateItem({
               ...l,
-              code: I,
+              code: O,
               sku: k,
-              quantity: g.amount,
-              measurement: g.measurement
+              quantity: F.amount,
+              measurement: F.measurement
             });
           },
           rules: [
-            kt(l.quantityStep),
-            Ct(
+            Ct(l.quantityStep),
+            St(
               +G(
                 l.minimumQuantity ?? {
                   amount: 1,
                   // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-                  precision: re(l.sku.unit, l.measurement)
+                  precision: ie(l.sku.unit, l.measurement)
                 }
               )
             ),
-            St(
+            Mt(
               l.maximumQuantity ? +G(l.maximumQuantity) : 1 / 0
             ),
-            function(I) {
-              return F ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
+            function(O) {
+              return T ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
             }
           ],
           applyDefaultRules: !0
@@ -298,7 +298,7 @@ function Nt(y) {
       minSize: 280,
       cell(i) {
         const l = i.row.original;
-        return J(Bt, {
+        return J(Et, {
           style: {
             flex: "1 1 0%"
           },
@@ -314,12 +314,12 @@ function Nt(y) {
             d != null && d.min ? k.minimumQuantity = d.min : k.minimumQuantity = null, d != null && d.max ? k.maximumQuantity = d.max : k.maximumQuantity = null, y.updateItem(k);
           },
           rules: [
-            Et({ max: !1 }),
-            qt(l.quantityStep),
-            Ut(
+            Ut({ max: !1 }),
+            Nt(l.quantityStep),
+            qt(
               +G({
                 amount: 0,
-                precision: re(l.sku.unit, l.measurement)
+                precision: ie(l.sku.unit, l.measurement)
               }),
               1 / 0
             )
@@ -331,11 +331,11 @@ function Nt(y) {
     },
     {
       id: "Step",
-      header: () => x("inventory.transfer.form.items.table.Step"),
+      header: () => _("inventory.transfer.form.items.table.Step"),
       minSize: 100,
       cell(i) {
         const l = i.row.original;
-        return J(ae.FmTextField, {
+        return J(re.FmTextField, {
           modelValue: G(l.quantityStep ?? Re.reset(), !1),
           key: l.sku._id,
           "onUpdate:modelValue": (d) => {
@@ -347,7 +347,7 @@ function Nt(y) {
           rules: [
             de({
               amount: 1,
-              precision: re(l.sku.unit, l.measurement)
+              precision: ie(l.sku.unit, l.measurement)
             }),
             it(l.sku.unit, l.measurement)
           ]
@@ -360,7 +360,7 @@ function Nt(y) {
       header: "",
       cell(i) {
         const l = i.row.original;
-        return J(ae.FmButton, {
+        return J(re.FmButton, {
           class: "delete-button",
           key: l.sku._id,
           type: "button",
@@ -385,22 +385,22 @@ function Nt(y) {
     columnDefs: R(() => je().enableTotalCost && y.transferType === H.PURCHASE ? m : m.filter((l) => l.id !== "Cost"))
   };
 }
-const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-center" }, jt = { class: "flex-1 flex gap-1 items-center" }, Qt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Kt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Gt = { class: "flex gap-8 w-full" }, Wt = { class: "flex-1 flex flex-col gap-4" }, Jt = { class: "flex-1 flex flex-col gap-4" }, Zt = { class: "flex gap-8 w-full" }, Xt = { class: "flex-1 flex flex-col gap-4" }, Yt = { class: "flex-1 flex flex-col gap-4" }, eo = { class: "flex gap-8 w-full" }, to = { class: "flex-1 flex flex-col gap-4" }, oo = /* @__PURE__ */ Z({
+const Ht = { class: "flex flex-col gap-8 py-16" }, jt = { class: "flex items-center" }, Qt = { class: "flex-1 flex gap-1 items-center" }, Kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Gt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Wt = { class: "flex gap-8 w-full" }, Jt = { class: "flex-1 flex flex-col gap-4" }, Zt = { class: "flex-1 flex flex-col gap-4" }, Xt = { class: "flex gap-8 w-full" }, Yt = { class: "flex-1 flex flex-col gap-4" }, eo = { class: "flex-1 flex flex-col gap-4" }, to = { class: "flex gap-8 w-full" }, oo = { class: "flex-1 flex flex-col gap-4" }, so = /* @__PURE__ */ X({
   __name: "TransferTemplateItem",
   props: {
     cellByColId: {},
     row: {}
   },
   setup(y) {
-    const { t: x } = X();
-    return (u, o) => {
-      var C, i, l, d, k, h, A, F, v, g, I, B, p, r, b, a, f, w, s, n, S, $, M, _, P, U, N, j, T, z;
+    const { t: _ } = Y();
+    return (u, s) => {
+      var C, i, l, d, k, g, A, T, v, F, O, E, p, r, b, a, f, w, o, n, S, $, M, h, P, q, z, j, x, N;
       const m = V("FmLabel");
-      return D(), K("div", zt, [
-        t("div", Ht, [
-          t("div", jt, [
-            t("span", Qt, " (" + O(u.row.original.sku.code) + ") ", 1),
-            t("span", Kt, O(u.row.original.sku.name), 1)
+      return D(), K("div", Ht, [
+        t("div", jt, [
+          t("div", Qt, [
+            t("span", Kt, " (" + I(u.row.original.sku.code) + ") ", 1),
+            t("span", Gt, I(u.row.original.sku.name), 1)
           ]),
           t("div", null, [
             c(e(Q), {
@@ -409,162 +409,162 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
             }, null, 8, ["render", "props"])
           ])
         ]),
-        t("div", Gt, [
-          t("div", Wt, [
+        t("div", Wt, [
+          t("div", Jt, [
             c(m, {
-              label: e(x)(`inventory.transfer.form.items.table.${e(L).Code}`)
+              label: e(_)(`inventory.transfer.form.items.table.${e(L).Code}`)
             }, null, 8, ["label"]),
             c(e(Q), {
-              render: (F = (A = (h = u.cellByColId[e(L).Code]) == null ? void 0 : h.column) == null ? void 0 : A.columnDef) == null ? void 0 : F.cell,
-              props: (g = (v = u.cellByColId[e(L).Code]) == null ? void 0 : v.getContext) == null ? void 0 : g.call(v)
+              render: (T = (A = (g = u.cellByColId[e(L).Code]) == null ? void 0 : g.column) == null ? void 0 : A.columnDef) == null ? void 0 : T.cell,
+              props: (F = (v = u.cellByColId[e(L).Code]) == null ? void 0 : v.getContext) == null ? void 0 : F.call(v)
             }, null, 8, ["render", "props"]),
-            o[0] || (o[0] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            s[0] || (s[0] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          t("div", Jt, [
+          t("div", Zt, [
             c(m, {
-              label: e(x)(`inventory.transfer.form.items.table.${e(L).Name}`)
+              label: e(_)(`inventory.transfer.form.items.table.${e(L).Name}`)
             }, null, 8, ["label"]),
             c(e(Q), {
-              render: (p = (B = (I = u.cellByColId[e(L).Name]) == null ? void 0 : I.column) == null ? void 0 : B.columnDef) == null ? void 0 : p.cell,
+              render: (p = (E = (O = u.cellByColId[e(L).Name]) == null ? void 0 : O.column) == null ? void 0 : E.columnDef) == null ? void 0 : p.cell,
               props: (b = (r = u.cellByColId[e(L).Name]) == null ? void 0 : r.getContext) == null ? void 0 : b.call(r)
             }, null, 8, ["render", "props"]),
-            o[1] || (o[1] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            s[1] || (s[1] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ]),
-        t("div", Zt, [
-          t("div", Xt, [
+        t("div", Xt, [
+          t("div", Yt, [
             c(m, {
-              label: e(x)(`inventory.transfer.form.items.table.${e(L).DefaultAmount}`)
+              label: e(_)(`inventory.transfer.form.items.table.${e(L).DefaultAmount}`)
             }, null, 8, ["label"]),
             c(e(Q), {
               render: (w = (f = (a = u.cellByColId[e(L).DefaultAmount]) == null ? void 0 : a.column) == null ? void 0 : f.columnDef) == null ? void 0 : w.cell,
-              props: (n = (s = u.cellByColId[e(L).DefaultAmount]) == null ? void 0 : s.getContext) == null ? void 0 : n.call(s)
+              props: (n = (o = u.cellByColId[e(L).DefaultAmount]) == null ? void 0 : o.getContext) == null ? void 0 : n.call(o)
             }, null, 8, ["render", "props"]),
-            o[2] || (o[2] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            s[2] || (s[2] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          t("div", Yt, [
+          t("div", eo, [
             c(m, {
-              label: e(x)(`inventory.transfer.form.items.table.${e(L).Step}`)
+              label: e(_)(`inventory.transfer.form.items.table.${e(L).Step}`)
             }, null, 8, ["label"]),
             c(e(Q), {
               render: (M = ($ = (S = u.cellByColId[e(L).Step]) == null ? void 0 : S.column) == null ? void 0 : $.columnDef) == null ? void 0 : M.cell,
-              props: (P = (_ = u.cellByColId[e(L).Step]) == null ? void 0 : _.getContext) == null ? void 0 : P.call(_)
+              props: (P = (h = u.cellByColId[e(L).Step]) == null ? void 0 : h.getContext) == null ? void 0 : P.call(h)
             }, null, 8, ["render", "props"]),
-            o[3] || (o[3] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            s[3] || (s[3] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ]),
-        t("div", eo, [
-          t("div", to, [
+        t("div", to, [
+          t("div", oo, [
             c(m, {
-              label: e(x)(`inventory.transfer.form.items.table.${e(L).Limit}`)
+              label: e(_)(`inventory.transfer.form.items.table.${e(L).Limit}`)
             }, null, 8, ["label"]),
             c(e(Q), {
-              render: (j = (N = (U = u.cellByColId[e(L).Limit]) == null ? void 0 : U.column) == null ? void 0 : N.columnDef) == null ? void 0 : j.cell,
-              props: (z = (T = u.cellByColId[e(L).Limit]) == null ? void 0 : T.getContext) == null ? void 0 : z.call(T)
+              render: (j = (z = (q = u.cellByColId[e(L).Limit]) == null ? void 0 : q.column) == null ? void 0 : z.columnDef) == null ? void 0 : j.cell,
+              props: (N = (x = u.cellByColId[e(L).Limit]) == null ? void 0 : x.getContext) == null ? void 0 : N.call(x)
             }, null, 8, ["render", "props"]),
-            o[4] || (o[4] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+            s[4] || (s[4] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ])
       ]);
     };
   }
-}), so = { class: "flex flex-col gap-16" }, lo = { class: "flex flex-col gap-24" }, no = { class: "flex flex-col gap-16" }, ao = { class: "flex items-center" }, ro = { class: "flex flex-col" }, io = { class: "flex flex-col gap-16" }, uo = { class: "flex" }, mo = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, co = /* @__PURE__ */ Z({
+}), lo = { class: "flex flex-col gap-16" }, no = { class: "flex flex-col gap-24" }, ao = { class: "flex flex-col gap-16" }, ro = { class: "flex items-center" }, io = { class: "flex flex-col" }, uo = { class: "flex flex-col gap-16" }, mo = { class: "flex" }, co = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, po = /* @__PURE__ */ X({
   __name: "TransferTemplateForm",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
-  setup(y, { expose: x }) {
-    const u = y, o = Ne(), { t: m } = X(), C = Qe(), i = He(), l = Ot(), d = ze();
+  setup(y, { expose: _ }) {
+    const u = y, s = Ne(), { t: m } = Y(), C = Qe(), i = He(), l = Vt(), d = ze();
     pe(
       () => u.modelValue,
-      (s) => {
-        console.log("TransferTemplateForm.model", s);
+      (o) => {
+        console.log("TransferTemplateForm.model", o);
       }
     ), C.watchLocation(async () => {
-      location && (o.purchaseOrder.supplier || (o.purchaseOrder.supplier = l.suppliers.find((s) => s) ?? o.purchaseOrder.supplier));
+      location && (s.purchaseOrder.supplier || (s.purchaseOrder.supplier = l.suppliers.find((o) => o) ?? s.purchaseOrder.supplier));
     });
-    const k = gt(), h = $t(
-      () => o.purchaseOrder,
-      (s) => {
-        o.purchaseOrder = {
-          ...o.purchaseOrder,
-          supplier: s.supplier ?? (o == null ? void 0 : o.purchaseOrder.supplier)
+    const k = Tt(), g = It(
+      () => s.purchaseOrder,
+      (o) => {
+        s.purchaseOrder = {
+          ...s.purchaseOrder,
+          supplier: o.supplier ?? (s == null ? void 0 : s.purchaseOrder.supplier)
         };
       }
     ), A = R({
       get() {
-        var s, n;
-        return typeof ((n = (s = o.purchaseOrder) == null ? void 0 : s.supplier) == null ? void 0 : n.internal) == "string" ? H.TRANSFER : H.PURCHASE;
+        var o, n;
+        return typeof ((n = (o = s.purchaseOrder) == null ? void 0 : o.supplier) == null ? void 0 : n.internal) == "string" ? H.TRANSFER : H.PURCHASE;
       },
-      set(s) {
+      set(o) {
         var S, $;
-        const n = typeof (($ = (S = o.purchaseOrder) == null ? void 0 : S.supplier) == null ? void 0 : $.internal) == "string" ? H.TRANSFER : H.PURCHASE;
-        s !== n && (o.purchaseOrder.supplier = s === H.PURCHASE ? h.locationOptionsTypePurchase.value[0] : h.locationOptionsTypeTransfer.value[0]);
+        const n = typeof (($ = (S = s.purchaseOrder) == null ? void 0 : S.supplier) == null ? void 0 : $.internal) == "string" ? H.TRANSFER : H.PURCHASE;
+        o !== n && (s.purchaseOrder.supplier = o === H.PURCHASE ? g.locationOptionsTypePurchase.value[0] : g.locationOptionsTypeTransfer.value[0]);
       }
-    }), F = R(() => h.transferLocationOptions.value), v = R({
+    }), T = R(() => g.transferLocationOptions.value), v = R({
       get() {
-        var s;
-        return (s = o.purchaseOrder.supplier) == null ? void 0 : s._id;
+        var o;
+        return (o = s.purchaseOrder.supplier) == null ? void 0 : o._id;
       },
-      set(s) {
-        h.transferLocationModel.value = s;
+      set(o) {
+        g.transferLocationModel.value = o;
       }
     }), {
-      promptSelectLocations: g,
-      columnDefs: I,
-      rowData: B
+      promptSelectLocations: F,
+      columnDefs: O,
+      rowData: E
     } = ut({
       getLocations() {
-        return o.locations;
+        return s.locations;
       },
-      setLocations(s) {
-        o.locations = s;
+      setLocations(o) {
+        s.locations = o;
       }
     });
     function p() {
-      var s, n;
-      return (s = o.locations) != null && s.find((S) => {
+      var o, n;
+      return (o = s.locations) != null && o.find((S) => {
         var $, M;
-        return (($ = S.doc) == null ? void 0 : $._id) === ((M = o.purchaseOrder.supplier) == null ? void 0 : M._id);
-      }) ? `Location ${(n = o.purchaseOrder.supplier) == null ? void 0 : n.name} must be removed because template cannot be used to transfer to itself.` : !0;
+        return (($ = S.doc) == null ? void 0 : $._id) === ((M = s.purchaseOrder.supplier) == null ? void 0 : M._id);
+      }) ? `Location ${(n = s.purchaseOrder.supplier) == null ? void 0 : n.name} must be removed because template cannot be used to transfer to itself.` : !0;
     }
     const r = R({
       get() {
-        return o.purchaseOrder.remark ?? void 0;
+        return s.purchaseOrder.remark ?? void 0;
       },
-      set(s) {
-        o.purchaseOrder.remark = s;
+      set(o) {
+        s.purchaseOrder.remark = o;
       }
-    }), b = E();
-    x({
+    }), b = U();
+    _({
       validateInputs: () => {
-        var s, n;
-        (n = (s = b.value) == null ? void 0 : s.validateInputs) == null || n.call(s);
+        var o, n;
+        (n = (o = b.value) == null ? void 0 : o.validateInputs) == null || n.call(o);
       },
       resetInputsValidation: () => {
-        var s, n;
-        (n = (s = b.value) == null ? void 0 : s.resetInputsValidation) == null || n.call(s);
+        var o, n;
+        (n = (o = b.value) == null ? void 0 : o.resetInputsValidation) == null || n.call(o);
       },
       resetInputs: () => {
-        var s, n;
-        (n = (s = b.value) == null ? void 0 : s.resetInputs) == null || n.call(s);
+        var o, n;
+        (n = (o = b.value) == null ? void 0 : o.resetInputs) == null || n.call(o);
       }
     });
-    const a = Nt({
-      updateItem: (s) => {
-        o.purchaseOrder.items = o.purchaseOrder.items.map((n) => n.sku._id !== s.sku._id ? n : s);
+    const a = zt({
+      updateItem: (o) => {
+        s.purchaseOrder.items = s.purchaseOrder.items.map((n) => n.sku._id !== o.sku._id ? n : o);
       },
-      deleteItem: (s) => {
-        o.purchaseOrder.items = o.purchaseOrder.items.filter(
-          (n) => n.sku._id !== s.sku._id
+      deleteItem: (o) => {
+        s.purchaseOrder.items = s.purchaseOrder.items.filter(
+          (n) => n.sku._id !== o.sku._id
         );
       },
       get supplier() {
-        return o.purchaseOrder.supplier;
+        return s.purchaseOrder.supplier;
       },
       get items() {
-        return o.purchaseOrder.items;
+        return s.purchaseOrder.items;
       },
       get transferType() {
         return H.PURCHASE;
@@ -574,21 +574,21 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
       }
     }), f = R(() => a.columnDefs.value);
     function w() {
-      const s = i.skus.map((S) => ({
+      const o = i.skus.map((S) => ({
         label: S.name,
         sublabel: S.code,
         value: S
-      })), n = s.filter((S) => {
+      })), n = o.filter((S) => {
         var $;
-        return ($ = o.purchaseOrder.items) == null ? void 0 : $.find((M) => M.sku._id === S.value._id);
+        return ($ = s.purchaseOrder.items) == null ? void 0 : $.find((M) => M.sku._id === S.value._id);
       }).map((S) => S.value);
       k.open({
         title: m("inventory.transfer.form.items.selectItem"),
         closeButton: !0,
-        contentComponent: mt,
+        contentComponent: dt,
         contentComponentProps: {
           modelValue: n,
-          items: s,
+          items: o,
           virtualScroll: !0
         },
         primaryActions: {
@@ -601,126 +601,147 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
           variant: "tertiary"
         }
       }).onPrimary((S) => {
-        const $ = o.purchaseOrder.items ?? [], M = S.map((_) => {
-          const P = $.find((T) => T.sku._id === _._id);
+        const $ = s.purchaseOrder.items ?? [], M = S.map((h) => {
+          const P = $.find((x) => x.sku._id === h._id);
           if (P)
             return P;
-          let U = _.code;
+          let q = h.code;
           if (d.isEnabled) {
-            const T = d.getItemPKTCode(_);
-            T && (U = T);
+            const x = d.getItemPKTCode(h);
+            x && (q = x);
           }
-          const N = { amount: 1, precision: re(_.unit) };
+          const z = { amount: 1, precision: ie(h.unit) };
           return {
-            sku: _,
-            code: U,
-            name: _.name,
-            quantity: N,
-            minimumQuantity: N,
-            maximumQuantity: dt(N, {
+            sku: h,
+            code: q,
+            name: h.name,
+            quantity: z,
+            minimumQuantity: z,
+            maximumQuantity: ct(z, {
               amount: 100,
               precision: 0
             }),
-            quantityStep: N
+            quantityStep: z
           };
         });
-        M.sort((_, P) => _.sku.code.localeCompare(P.sku.code)), o.purchaseOrder.items = M;
+        M.sort((h, P) => h.sku.code.localeCompare(P.sku.code)), s.purchaseOrder.items = M;
       });
     }
-    return (s, n) => {
-      const S = V("FmTextField"), $ = V("FmSelect"), M = V("FmTextarea"), _ = V("FmButton"), P = V("FmTable"), U = V("FmFormGroup"), N = V("FmForm");
-      return D(), W(N, {
+    return (o, n) => {
+      const S = V("FmTextField"), $ = V("FmSelect"), M = V("FmTextarea"), h = V("FmButton"), P = V("FmTable"), q = V("FmFormGroup"), z = V("FmForm");
+      return D(), W(z, {
         ref_key: "formRef",
         ref: b,
         class: "flex flex-col gap-32",
-        disabled: s.disabled
+        disabled: o.disabled
       }, {
-        default: q(() => {
+        default: B(() => {
           var j;
           return [
-            t("div", so, [
-              t("div", lo, [
+            t("div", lo, [
+              t("div", no, [
                 c(S, {
                   label: e(m)("inventory.transfer.form.name"),
                   "label-mark": "required",
-                  modelValue: e(o).name,
-                  "onUpdate:modelValue": n[0] || (n[0] = (T) => e(o).name = T),
+                  modelValue: e(s).name,
+                  "onUpdate:modelValue": n[0] || (n[0] = (x) => e(s).name = x),
                   rules: [e(me)()]
                 }, null, 8, ["label", "modelValue", "rules"]),
                 c($, {
                   label: e(m)("inventory.transfer.form.type.title"),
                   "model-value": A.value,
-                  "onUpdate:modelValue": n[1] || (n[1] = (T) => A.value = T),
+                  "onUpdate:modelValue": n[1] || (n[1] = (x) => A.value = x),
                   items: [
                     {
                       label: e(m)("inventory.transfer.form.type.purchase"),
                       value: e(H).PURCHASE,
-                      disabled: !e(h).locationOptionsTypePurchase.value.length,
-                      sublabel: e(h).locationOptionsTypePurchase.value.length ? void 0 : e(m)("inventory.transfer.form.noSupplierAvailable")
+                      disabled: !e(g).locationOptionsTypePurchase.value.length,
+                      sublabel: e(g).locationOptionsTypePurchase.value.length ? void 0 : e(m)("inventory.transfer.form.noSupplierAvailable")
                     },
                     {
                       label: e(m)("inventory.transfer.form.type.transfer"),
                       value: e(H).TRANSFER,
-                      disabled: !e(h).locationOptionsTypeTransfer.value.length,
-                      sublabel: e(h).locationOptionsTypeTransfer.value.length ? void 0 : e(m)("inventory.transfer.form.noLocationAvailable")
+                      disabled: !e(g).locationOptionsTypeTransfer.value.length,
+                      sublabel: e(g).locationOptionsTypeTransfer.value.length ? void 0 : e(m)("inventory.transfer.form.noLocationAvailable")
                     }
                   ],
-                  rules: [e(de)(1)(F.value)]
-                }, null, 8, ["label", "model-value", "items", "rules"]),
+                  rules: [e(de)(1)(T.value)]
+                }, {
+                  default: B(() => [
+                    t("span", {
+                      class: Z([
+                        "line-clamp-1 fm-typo-en-body-lg-400",
+                        o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                      ])
+                    }, I(e(mt)(A.value)), 3)
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "items", "rules"]),
                 c($, {
                   label: A.value === e(H).PURCHASE ? e(m)("inventory.transfer.form.purchaseFrom") : e(m)("inventory.transfer.form.transferFrom"),
                   modelValue: v.value,
-                  "onUpdate:modelValue": n[2] || (n[2] = (T) => v.value = T),
-                  items: F.value
+                  "onUpdate:modelValue": n[2] || (n[2] = (x) => v.value = x),
+                  items: T.value
                 }, {
-                  "menu-wrapper": q((T) => {
-                    var z;
+                  "menu-wrapper": B((x) => {
+                    var N;
                     return [
-                      c(It, Ee(T, {
-                        items: F.value,
-                        "model-value": (z = s.modelValue.purchaseOrder.supplier) == null ? void 0 : z._id
+                      c(Ot, Ee(x, {
+                        items: T.value,
+                        "model-value": (N = o.modelValue.purchaseOrder.supplier) == null ? void 0 : N._id
                       }), null, 16, ["items", "model-value"])
                     ];
                   }),
+                  default: B(() => {
+                    var x;
+                    return [
+                      t("span", {
+                        class: Z([
+                          "line-clamp-1 fm-typo-en-body-lg-400",
+                          o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                        ])
+                      }, I((x = T.value.find((N) => N.value === v.value)) == null ? void 0 : x.label), 3)
+                    ];
+                  }),
                   _: 1
                 }, 8, ["label", "modelValue", "items"]),
                 c(S, {
                   label: e(m)("inventory.transfer.form.reference"),
                   "label-mark": "optional",
-                  modelValue: e(o).purchaseOrder.ref,
-                  "onUpdate:modelValue": n[3] || (n[3] = (T) => e(o).purchaseOrder.ref = T)
+                  modelValue: e(s).purchaseOrder.ref,
+                  "onUpdate:modelValue": n[3] || (n[3] = (x) => e(s).purchaseOrder.ref = x)
                 }, null, 8, ["label", "modelValue"]),
                 c(M, {
                   label: e(m)("inventory.transfer.form.remark"),
                   "label-mark": "optional",
                   "max-length": 240,
                   modelValue: r.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (T) => r.value = T),
-                  class: ie({ "text-fm-color-typo-disabled": s.disabled })
+                  "onUpdate:modelValue": n[4] || (n[4] = (x) => r.value = x),
+                  class: Z({ "text-fm-color-typo-disabled": o.disabled })
                 }, null, 8, ["label", "modelValue", "class"])
               ])
             ]),
-            t("div", no, [
-              t("div", ao, [
+            t("div", ao, [
+              t("div", ro, [
                 n[6] || (n[6] = t("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
-                c(_, {
-                  disabled: s.disabled,
+                c(h, {
+                  disabled: o.disabled,
                   label: "Select location",
                   "prepend-icon": "add",
                   variant: "plain",
                   class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: e(g)
+                  onClick: e(F)
                 }, null, 8, ["disabled", "onClick"])
               ]),
               c(P, {
-                "column-defs": e(I),
-                "row-data": e(B),
+                "column-defs": e(O),
+                "row-data": e(E),
                 "shrink-at": 9999,
-                onRowClick: e(g),
+                onRowClick: e(F),
                 "hide-footer": ""
               }, null, 8, ["column-defs", "row-data", "onRowClick"]),
-              t("div", ro, [
-                c(U, {
+              t("div", io, [
+                c(q, {
                   "model-value": [
                     (j = u.modelValue.purchaseOrder.supplier) == null ? void 0 : j._id,
                     ...u.modelValue.locations ?? []
@@ -729,35 +750,35 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
                 }, null, 8, ["model-value", "rules"])
               ])
             ]),
-            t("div", io, [
-              t("div", uo, [
-                t("div", mo, O(e(m)("inventory.transfer.form.items.title")), 1),
-                c(_, {
-                  disabled: s.disabled,
+            t("div", uo, [
+              t("div", mo, [
+                t("div", co, I(e(m)("inventory.transfer.form.items.title")), 1),
+                c(h, {
+                  disabled: o.disabled,
                   label: e(m)("inventory.transfer.form.items.addItem"),
                   "prepend-icon": "add",
                   variant: "plain",
                   class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: n[5] || (n[5] = (T) => w()),
+                  onClick: n[5] || (n[5] = (x) => w()),
                   size: "md"
                 }, null, 8, ["disabled", "label"])
               ]),
               (D(), W(P, {
                 "column-defs": f.value,
-                "row-data": e(o).purchaseOrder.items,
-                key: e(o).purchaseOrder.items.map((T) => T.sku._id).join("."),
+                "row-data": e(s).purchaseOrder.items,
+                key: e(s).purchaseOrder.items.map((x) => x.sku._id).join("."),
                 "hide-footer": "",
-                "page-size": e(o).purchaseOrder.items.length
+                "page-size": e(s).purchaseOrder.items.length
               }, {
-                "list-row": q((T) => [
+                "list-row": B((x) => [
                   (D(), W(Ke, {
-                    row: T,
-                    key: e(o).purchaseOrder.items.map((z) => z.sku._id).join(".")
+                    row: x,
+                    key: e(s).purchaseOrder.items.map((N) => N.sku._id).join(".")
                   }, {
-                    default: q((z) => [
-                      c(oo, {
-                        row: T,
-                        "cell-by-col-id": z
+                    default: B((N) => [
+                      c(so, {
+                        row: x,
+                        "cell-by-col-id": N
                       }, null, 8, ["row", "cell-by-col-id"])
                     ]),
                     _: 2
@@ -765,8 +786,8 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
                 ]),
                 _: 1
               }, 8, ["column-defs", "row-data", "page-size"])),
-              c(U, {
-                "model-value": e(o).purchaseOrder.items.length,
+              c(q, {
+                "model-value": e(s).purchaseOrder.items.length,
                 rules: [e(de)(1)]
               }, null, 8, ["model-value", "rules"])
             ])
@@ -776,7 +797,7 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
       }, 8, ["disabled"]);
     };
   }
-}), po = { class: "flex items-center" }, fo = { class: "fm-typo-en-title-md-800" }, yo = { class: "flex gap-4" }, vo = /* @__PURE__ */ Z({
+}), fo = { class: "flex items-center" }, yo = { class: "fm-typo-en-title-md-800" }, vo = { class: "flex gap-4" }, bo = /* @__PURE__ */ X({
   __name: "TransferTemplateDialog",
   props: {
     mode: {},
@@ -784,9 +805,9 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
     show: { type: Boolean }
   },
   emits: ["update:show", "submitted"],
-  setup(y, { expose: x, emit: u }) {
+  setup(y, { expose: _, emit: u }) {
     var b;
-    const o = y, m = u, C = bt(), i = Tt(), { t: l } = X(), d = Ge(o, "show");
+    const s = y, m = u, C = xt(), i = Ft(), { t: l } = Y(), d = Ge(s, "show");
     function k() {
       return {
         _id: "",
@@ -817,134 +838,134 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
         }
       };
     }
-    const h = E(o.modelValue ?? k()), A = E(((b = o.modelValue) == null ? void 0 : b._id) ?? `${Math.random()}`);
+    const g = U(s.modelValue ?? k()), A = U(((b = s.modelValue) == null ? void 0 : b._id) ?? `${Math.random()}`);
     pe(
-      () => o.show,
+      () => s.show,
       (a) => {
         var f;
-        a && (h.value = o.modelValue ?? k(), A.value = ((f = o.modelValue) == null ? void 0 : f._id) ?? `${Math.random()}`);
+        a && (g.value = s.modelValue ?? k(), A.value = ((f = s.modelValue) == null ? void 0 : f._id) ?? `${Math.random()}`);
       }
     );
-    const F = E(!1), v = R(() => {
-      switch (o.mode) {
-        case ee.READ:
+    const T = U(!1), v = R(() => {
+      switch (s.mode) {
+        case te.READ:
           return "";
-        case ee.CREATE:
+        case te.CREATE:
           return l("inventory.transfer.template.create.title");
-        case ee.UPDATE:
+        case te.UPDATE:
           return l("inventory.transfer.template.update.title");
       }
       return "";
-    }), g = E();
-    x({
+    }), F = U();
+    _({
       validateInputs: () => {
         var a, f;
-        (f = (a = g.value) == null ? void 0 : a.validateInputs) == null || f.call(a);
+        (f = (a = F.value) == null ? void 0 : a.validateInputs) == null || f.call(a);
       },
       resetInputsValidation: () => {
         var a, f;
-        (f = (a = g.value) == null ? void 0 : a.resetInputsValidation) == null || f.call(a);
+        (f = (a = F.value) == null ? void 0 : a.resetInputsValidation) == null || f.call(a);
       },
       resetInputs: () => {
         var a, f;
-        (f = (a = g.value) == null ? void 0 : a.resetInputs) == null || f.call(a);
+        (f = (a = F.value) == null ? void 0 : a.resetInputs) == null || f.call(a);
       }
     });
-    async function I() {
+    async function O() {
       var f, w;
-      const a = h.value;
+      const a = g.value;
       if (a) {
-        F.value = !0, (((f = a.purchaseOrder.supplier) == null ? void 0 : f.internal) === ne.enum.warehouse || ((w = a.purchaseOrder.supplier) == null ? void 0 : w.internal) === ne.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
-          ({ totalCost: s, ...n }) => n
+        T.value = !0, (((f = a.purchaseOrder.supplier) == null ? void 0 : f.internal) === ae.enum.warehouse || ((w = a.purchaseOrder.supplier) == null ? void 0 : w.internal) === ae.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
+          ({ totalCost: o, ...n }) => n
         ));
         try {
-          await C.createTemplate(a), await new Promise((s) => setTimeout(s, 1e3)), i.open({
+          await C.createTemplate(a), await new Promise((o) => setTimeout(o, 1e3)), i.open({
             title: l("inventory.transfer.template.create.success"),
             message: l("inventory.transfer.template.create.successMessage"),
             type: "success"
           }), m("update:show", !1), m("submitted");
-        } catch (s) {
+        } catch (o) {
           i.open({
             title: l("inventory.transfer.template.create.error"),
             message: l("inventory.transfer.template.create.errorMessage"),
             type: "error"
-          }), console.error("Error in creating transfer template", s);
+          }), console.error("Error in creating transfer template", o);
         } finally {
-          F.value = !1;
+          T.value = !1;
         }
       }
     }
-    async function B() {
+    async function E() {
       var f, w;
-      const a = h.value;
+      const a = g.value;
       if (a) {
-        F.value = !0, (((f = a.purchaseOrder.supplier) == null ? void 0 : f.internal) === ne.enum.warehouse || ((w = a.purchaseOrder.supplier) == null ? void 0 : w.internal) === ne.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
-          ({ totalCost: s, ...n }) => n
+        T.value = !0, (((f = a.purchaseOrder.supplier) == null ? void 0 : f.internal) === ae.enum.warehouse || ((w = a.purchaseOrder.supplier) == null ? void 0 : w.internal) === ae.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
+          ({ totalCost: o, ...n }) => n
         ));
         try {
-          await C.updateTemplate(a), await new Promise((s) => setTimeout(s, 1e3)), i.open({
+          await C.updateTemplate(a), await new Promise((o) => setTimeout(o, 1e3)), i.open({
             title: l("inventory.transfer.template.update.success"),
             message: l("inventory.transfer.template.update.successMessage"),
             type: "success"
           }), m("update:show", !1), m("submitted");
-        } catch (s) {
+        } catch (o) {
           i.open({
             title: l("inventory.transfer.template.update.error"),
             message: l("inventory.transfer.template.update.errorMessage"),
             type: "error"
-          }), console.error("Error in updating transfer template", s);
+          }), console.error("Error in updating transfer template", o);
         } finally {
-          F.value = !1;
+          T.value = !1;
         }
       }
     }
     function p() {
-      switch (o.mode) {
-        case ee.CREATE:
-          return I();
-        case ee.UPDATE:
-          return B();
+      switch (s.mode) {
+        case te.CREATE:
+          return O();
+        case te.UPDATE:
+          return E();
       }
     }
     function r() {
       var a, f;
-      (f = (a = g.value) == null ? void 0 : a.validateInputs) == null || f.call(a);
+      (f = (a = F.value) == null ? void 0 : a.validateInputs) == null || f.call(a);
     }
     return (a, f) => {
-      const w = V("FmButton"), s = V("FmSideSheet");
-      return D(), W(s, {
+      const w = V("FmButton"), o = V("FmSideSheet");
+      return D(), W(o, {
         modelValue: e(d),
         "onUpdate:modelValue": f[2] || (f[2] = (n) => Ue(d) ? d.value = n : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 1200
       }, {
-        "side-sheet-header": q(() => [
-          t("div", po, [
-            t("div", fo, O(v.value), 1)
+        "side-sheet-header": B(() => [
+          t("div", fo, [
+            t("div", yo, I(v.value), 1)
           ])
         ]),
-        default: q(() => [
-          (D(), W(co, {
+        default: B(() => [
+          (D(), W(po, {
             class: "w-full",
             ref_key: "formRef",
-            ref: g,
+            ref: F,
             onValidationSuccess: p,
-            "model-value": h.value,
-            "onUpdate:modelValue": f[0] || (f[0] = (n) => h.value = n),
-            disabled: F.value,
+            "model-value": g.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (n) => g.value = n),
+            disabled: T.value,
             key: A.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
-        "side-sheet-footer": q(() => [
-          t("div", yo, [
+        "side-sheet-footer": B(() => [
+          t("div", vo, [
             c(w, {
-              loading: F.value,
+              loading: T.value,
               label: e(l)("common.save"),
               onClick: r
             }, null, 8, ["loading", "label"]),
             c(w, {
-              disabled: F.value,
+              disabled: T.value,
               variant: "tertiary",
               label: e(l)("common.close"),
               onClick: f[1] || (f[1] = (n) => m("update:show", !1))
@@ -955,131 +976,131 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
       }, 8, ["modelValue"]);
     };
   }
-}), bo = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, xo = { class: "flex justify-between" }, _o = { class: "fm-typo-en-body-lg-600" }, ho = { class: "fm-status-badge fm-status-badge-info-secondary" }, go = { class: "flex flex-col gap-8" }, To = { class: "flex flex-col gap-4" }, Fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wo = { class: "flex gap-1" }, ko = { class: "fm-typo-en-body-lg-600" }, Co = {
+}), xo = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, _o = { class: "flex justify-between" }, ho = { class: "fm-typo-en-body-lg-600" }, go = { class: "fm-status-badge fm-status-badge-info-secondary" }, To = { class: "flex flex-col gap-8" }, Fo = { class: "flex flex-col gap-4" }, wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ko = { class: "flex gap-1" }, Co = { class: "fm-typo-en-body-lg-600" }, So = {
   key: 0,
   class: "flex flex-col gap-4"
-}, So = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = { class: "fm-typo-en-body-lg-600" }, $o = {
+}, Mo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $o = { class: "fm-typo-en-body-lg-600" }, Io = {
   key: 1,
   class: "flex flex-col gap-4"
-}, Io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oo = { class: "fm-typo-en-body-lg-600" }, Vo = {
+}, Oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vo = { class: "fm-typo-en-body-lg-600" }, Ao = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Do = { class: "fm-typo-en-body-lg-600" }, Ro = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Po = { class: "flex flex-col gap-8" }, Lo = { class: "fm-typo-en-body-lg-600" }, Bo = { class: "flex w-full gap-4" }, Eo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Uo = { class: "fm-typo-en-body-lg-600 shrink-0" }, qo = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, No = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, zo = {
+}, Do = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = { class: "fm-typo-en-body-lg-600" }, Po = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Lo = { class: "flex flex-col gap-8" }, Bo = { class: "fm-typo-en-body-lg-600" }, Eo = { class: "flex w-full gap-4" }, Uo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, qo = { class: "fm-typo-en-body-lg-600 shrink-0" }, No = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, zo = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ho = {
   key: 0,
   class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, Ho = {
+}, jo = {
   key: 0,
   class: "flex gap-4 items-center"
-}, jo = { class: "flex flex-col gap-12" }, Qo = { class: "flex flex-col gap-8" }, Ko = { class: "flex gap-8 xs:flex-col" }, Go = /* @__PURE__ */ Z({
+}, Qo = { class: "flex flex-col gap-12" }, Ko = { class: "flex flex-col gap-8" }, Go = { class: "flex gap-8 xs:flex-col" }, Wo = /* @__PURE__ */ X({
   __name: "TransferTemplateDetails",
   props: {
     template: {},
     show: { type: Boolean }
   },
   emits: ["update:show", "action:edit"],
-  setup(y, { emit: x }) {
-    const u = y, o = x, m = je(), { t: C } = X(), i = R(() => {
-      var F;
-      return (F = u.template) == null ? void 0 : F.purchaseOrder;
+  setup(y, { emit: _ }) {
+    const u = y, s = _, m = je(), { t: C } = Y(), i = R(() => {
+      var T;
+      return (T = u.template) == null ? void 0 : T.purchaseOrder;
     }), l = [
       { accessorKey: "name", header: () => "Name" },
       { accessorKey: "type", header: () => "Type" }
-    ], d = E(""), k = R(
+    ], d = U(""), k = R(
       () => {
-        var F, v, g, I;
-        return ((v = (F = i.value) == null ? void 0 : F.supplier) == null ? void 0 : v.internal) === "restaurant" || ((I = (g = i.value) == null ? void 0 : g.supplier) == null ? void 0 : I.internal) === "warehouse" ? H.TRANSFER : H.PURCHASE;
+        var T, v, F, O;
+        return ((v = (T = i.value) == null ? void 0 : T.supplier) == null ? void 0 : v.internal) === "restaurant" || ((O = (F = i.value) == null ? void 0 : F.supplier) == null ? void 0 : O.internal) === "warehouse" ? H.TRANSFER : H.PURCHASE;
       }
-    ), h = E(!0), A = Ge(u, "show");
-    return (F, v) => {
+    ), g = U(!0), A = Ge(u, "show");
+    return (T, v) => {
       var f;
-      const g = V("FmMenuDivider"), I = V("FmCard"), B = V("FmIcon"), p = V("FmTextField"), r = V("FmTable"), b = V("FmButton"), a = V("FmSideSheet");
+      const F = V("FmMenuDivider"), O = V("FmCard"), E = V("FmIcon"), p = V("FmTextField"), r = V("FmTable"), b = V("FmButton"), a = V("FmSideSheet");
       return D(), W(a, {
-        header: e(C)("inventory.transfer.template.details.view", { template: (f = F.template) == null ? void 0 : f.name }),
+        header: e(C)("inventory.transfer.template.details.view", { template: (f = T.template) == null ? void 0 : f.name }),
         modelValue: e(A),
         "onUpdate:modelValue": v[2] || (v[2] = (w) => Ue(A) ? A.value = w : null),
-        "dismiss-away": h.value,
+        "dismiss-away": g.value,
         "close-button": "",
         "max-width": 500
       }, {
-        default: q(() => {
-          var w, s;
+        default: B(() => {
+          var w, o;
           return [
-            t("div", bo, [
+            t("div", xo, [
               t("div", null, [
-                c(I, {
+                c(O, {
                   variant: "outlined",
                   class: "flex flex-col gap-8 px-12 py-16"
                 }, {
-                  default: q(() => {
-                    var n, S, $, M, _, P, U;
+                  default: B(() => {
+                    var n, S, $, M, h, P, q;
                     return [
-                      t("div", xo, [
-                        t("div", _o, O(e(C)("inventory.transfer.template.details.templateSummary")), 1),
-                        t("div", ho, O(e(C)(
+                      t("div", _o, [
+                        t("div", ho, I(e(C)("inventory.transfer.template.details.templateSummary")), 1),
+                        t("div", go, I(e(C)(
                           `inventory.transfer.receiveRequest.details.type.${k.value.toLocaleLowerCase("en-US")}`
                         )), 1)
                       ]),
-                      c(g),
-                      t("div", go, [
-                        t("div", To, [
-                          t("div", Fo, [
-                            t("div", wo, O(e(C)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                      c(F),
+                      t("div", To, [
+                        t("div", Fo, [
+                          t("div", wo, [
+                            t("div", ko, I(e(C)("inventory.transfer.receiveRequest.details.createdAt")), 1)
                           ]),
-                          t("div", ko, O(e(ct)(((n = F.template) == null ? void 0 : n._id) ?? "")), 1)
+                          t("div", Co, I(e(pt)(((n = T.template) == null ? void 0 : n._id) ?? "")), 1)
                         ]),
-                        ($ = (S = i.value) == null ? void 0 : S.supplier) != null && $.name ? (D(), K("div", Co, [
-                          t("div", So, O(e(C)("inventory.transfer.receiveRequest.details.from")), 1),
-                          t("div", Mo, O((_ = (M = i.value) == null ? void 0 : M.supplier) == null ? void 0 : _.name), 1)
-                        ])) : Y("", !0),
-                        (P = i.value) != null && P.ref ? (D(), K("div", $o, [
-                          t("div", Io, O(e(C)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          t("div", Oo, O(i.value.ref), 1)
-                        ])) : Y("", !0),
-                        (U = i.value) != null && U.remark ? (D(), K("div", Vo, [
-                          t("div", Ao, O(e(C)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          t("div", Do, O(i.value.remark), 1)
-                        ])) : Y("", !0)
+                        ($ = (S = i.value) == null ? void 0 : S.supplier) != null && $.name ? (D(), K("div", So, [
+                          t("div", Mo, I(e(C)("inventory.transfer.receiveRequest.details.from")), 1),
+                          t("div", $o, I((h = (M = i.value) == null ? void 0 : M.supplier) == null ? void 0 : h.name), 1)
+                        ])) : ee("", !0),
+                        (P = i.value) != null && P.ref ? (D(), K("div", Io, [
+                          t("div", Oo, I(e(C)("inventory.transfer.receiveRequest.details.reference")), 1),
+                          t("div", Vo, I(i.value.ref), 1)
+                        ])) : ee("", !0),
+                        (q = i.value) != null && q.remark ? (D(), K("div", Ao, [
+                          t("div", Do, I(e(C)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          t("div", Ro, I(i.value.remark), 1)
+                        ])) : ee("", !0)
                       ])
                     ];
                   }),
                   _: 1
                 })
               ]),
-              t("div", Ro, [
-                t("div", Po, [
-                  t("div", Lo, O(e(C)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+              t("div", Po, [
+                t("div", Lo, [
+                  t("div", Bo, I(e(C)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
                   (D(!0), K(qe, null, Xe(((w = i.value) == null ? void 0 : w.items) ?? [], (n) => (D(), K("div", {
                     key: n.code,
                     class: "flex flex-col"
                   }, [
-                    t("div", Bo, [
-                      t("div", Eo, O(n.name), 1),
+                    t("div", Eo, [
+                      t("div", Uo, I(n.name), 1),
                       v[3] || (v[3] = t("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      t("div", Uo, O(e(xt)(n.quantity, n.sku.unit, n.measurement)), 1)
+                      t("div", qo, I(e(_t)(n.quantity, n.sku.unit, n.measurement)), 1)
                     ]),
-                    t("div", qo, [
-                      t("div", No, O(n.code), 1),
-                      n.totalCost && e(m).enableTotalCost ? (D(), K("div", zo, " (" + O(e(pt)(n.totalCost)) + ") ", 1)) : Y("", !0)
+                    t("div", No, [
+                      t("div", zo, I(n.code), 1),
+                      n.totalCost && e(m).enableTotalCost ? (D(), K("div", Ho, " (" + I(e(ft)(n.totalCost)) + ") ", 1)) : ee("", !0)
                     ]),
-                    e(_t)(n) ? (D(), K("div", Ho, [
-                      c(B, {
+                    e(ht)(n) ? (D(), K("div", jo, [
+                      c(E, {
                         name: "error",
                         color: "system-error-300",
                         size: "sm"
                       }),
                       v[4] || (v[4] = t("div", { class: "fm-typo-en-body-sm-400 text-fm-color-system-error-400" }, " This item has invalid unit configuration. Apply update on this item. ", -1))
-                    ])) : Y("", !0)
+                    ])) : ee("", !0)
                   ]))), 128))
                 ])
               ]),
               v[6] || (v[6] = t("div", null, null, -1)),
               v[7] || (v[7] = t("div", null, null, -1)),
-              t("div", jo, [
+              t("div", Qo, [
                 v[5] || (v[5] = t("div", { class: "flex flex-col" }, [
                   t("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
                   t("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is only usable for the following locations. ")
                 ], -1)),
-                t("div", Qo, [
+                t("div", Ko, [
                   c(p, {
                     modelValue: d.value,
                     "onUpdate:modelValue": v[0] || (v[0] = (n) => d.value = n),
@@ -1091,18 +1112,18 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
                     style: { height: "500px" },
                     "column-defs": l,
                     "search-value": d.value,
-                    "row-data": ((s = u.template) == null ? void 0 : s.locations) ?? [{ name: "All locations" }]
+                    "row-data": ((o = u.template) == null ? void 0 : o.locations) ?? [{ name: "All locations" }]
                   }, null, 8, ["search-value", "row-data"])
                 ])
               ])
             ])
           ];
         }),
-        "side-sheet-footer": q(() => [
-          t("div", Ko, [
+        "side-sheet-footer": B(() => [
+          t("div", Go, [
             c(b, {
               label: e(C)("common.edit"),
-              onClick: v[1] || (v[1] = (w) => o("action:edit")),
+              onClick: v[1] || (v[1] = (w) => s("action:edit")),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
@@ -1111,16 +1132,16 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
       }, 8, ["header", "modelValue", "dismiss-away"]);
     };
   }
-}), Wo = { class: "flex-1 flex flex-col gap-8" }, Jo = { class: "flex flex-col" }, Zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Yo = { class: "fm-typo-en-body-lg-400" }, es = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, ts = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ds = /* @__PURE__ */ Z({
+}), Jo = { class: "flex-1 flex flex-col gap-8" }, Zo = { class: "flex flex-col" }, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, es = { class: "fm-typo-en-body-lg-400" }, ts = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, os = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, cs = /* @__PURE__ */ X({
   __name: "TransferTemplateView",
   setup(y) {
-    const { t: x } = X(), { createTemplate: u, viewTemplate: o, importTemplates: m, exportTemplates: C } = Le(), { templateDialogProps: i, templateDetailsProps: l } = Be(Le()), d = ht(), { loading: k, templates: h } = Be(d), A = E(!1), F = ft(), v = Qe(), { breakpoints: g } = Ft();
+    const { t: _ } = Y(), { createTemplate: u, viewTemplate: s, importTemplates: m, exportTemplates: C } = Le(), { templateDialogProps: i, templateDetailsProps: l } = Be(Le()), d = gt(), { loading: k, templates: g } = Be(d), A = U(!1), T = yt(), v = Qe(), { breakpoints: F } = wt();
     ce(d.fetchTemplates);
-    const I = R(
+    const O = R(
       () => A.value || k.value || !v._currentLocation
-    ), B = R(() => h.value), p = E(""), r = R(() => g.value.xs || g.value.sm), b = R(() => r.value ? 10 : 20);
-    function a(s) {
-      switch (s) {
+    ), E = R(() => g.value), p = U(""), r = R(() => F.value.xs || F.value.sm), b = R(() => r.value ? 10 : 20);
+    function a(o) {
+      switch (o) {
         case Pe.Add:
           return u();
         case "refresh":
@@ -1131,12 +1152,12 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
           return C();
       }
     }
-    function f(s) {
-      return s;
+    function f(o) {
+      return o;
     }
     const w = R(() => [
       {
-        label: x("inventory.closing.template.create.title"),
+        label: _("inventory.closing.template.create.title"),
         value: Pe.Add,
         isPrimary: !0,
         prependIcon: "add"
@@ -1157,19 +1178,19 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
         isPrimary: !1
       }
     ]);
-    return (s, n) => {
+    return (o, n) => {
       const S = V("FmTable");
       return D(), K(qe, null, [
-        c(yt, {
-          title: e(x)("inventory.transfer.template.title2"),
+        c(vt, {
+          title: e(_)("inventory.transfer.template.title2"),
           actions: w.value,
           "onClick:action": a
         }, {
-          default: q(() => {
+          default: B(() => {
             var $;
             return [
               t("div", {
-                class: ie([
+                class: Z([
                   "flex flex-col gap-8 max-h-full",
                   {
                     "p-0": r.value,
@@ -1177,62 +1198,62 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
                   }
                 ])
               }, [
-                c(vt, {
+                c(bt, {
                   searchable: "",
                   search: p.value,
                   "onUpdate:search": n[0] || (n[0] = (M) => p.value = M)
                 }, null, 8, ["search"]),
                 (D(), W(S, {
-                  style: Ye(e(F).tableHeight),
+                  style: Ye(e(T).tableHeight),
                   "column-defs": e(d).columnDefs,
-                  "row-data": B.value,
+                  "row-data": E.value,
                   "search-value": p.value,
-                  loading: I.value,
+                  loading: O.value,
                   key: ($ = e(v)._currentLocation) == null ? void 0 : $.dbName,
-                  onRowClick: n[1] || (n[1] = (M) => e(o)(M.original)),
+                  onRowClick: n[1] || (n[1] = (M) => e(s)(M.original)),
                   "page-size": b.value
                 }, {
-                  "list-row": q((M) => [
+                  "list-row": B((M) => [
                     c(Ke, {
                       row: M,
-                      onRowClick: (_) => e(o)(_)
+                      onRowClick: (h) => e(s)(h)
                     }, {
-                      default: q((_) => {
-                        var P, U, N, j, T, z, fe, ye, te, ve, be, xe, _e, oe, he, ge, Te, Fe, we, ke, se, Ce, Se, Me, $e, le, Ie;
+                      default: B((h) => {
+                        var P, q, z, j, x, N, fe, ye, oe, ve, be, xe, _e, se, he, ge, Te, Fe, we, ke, le, Ce, Se, Me, $e, ne, Ie;
                         return [
-                          t("div", Wo, [
-                            t("div", Jo, [
-                              t("div", Zo, [
+                          t("div", Jo, [
+                            t("div", Zo, [
+                              t("div", Xo, [
                                 c(e(Q), {
-                                  render: (N = (U = (P = _._id) == null ? void 0 : P.column) == null ? void 0 : U.columnDef) == null ? void 0 : N.cell,
-                                  props: (T = (j = _._id) == null ? void 0 : j.getContext) == null ? void 0 : T.call(j)
+                                  render: (z = (q = (P = h._id) == null ? void 0 : P.column) == null ? void 0 : q.columnDef) == null ? void 0 : z.cell,
+                                  props: (x = (j = h._id) == null ? void 0 : j.getContext) == null ? void 0 : x.call(j)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              t("div", Xo, [
+                              t("div", Yo, [
                                 c(e(Q), {
-                                  render: (ye = (fe = (z = _.name) == null ? void 0 : z.column) == null ? void 0 : fe.columnDef) == null ? void 0 : ye.cell,
-                                  props: (ve = (te = _.name) == null ? void 0 : te.getContext) == null ? void 0 : ve.call(te)
+                                  render: (ye = (fe = (N = h.name) == null ? void 0 : N.column) == null ? void 0 : fe.columnDef) == null ? void 0 : ye.cell,
+                                  props: (ve = (oe = h.name) == null ? void 0 : oe.getContext) == null ? void 0 : ve.call(oe)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              t("div", Yo, [
+                              t("div", es, [
                                 c(e(Q), {
-                                  render: (_e = (xe = (be = _.supplier) == null ? void 0 : be.column) == null ? void 0 : xe.columnDef) == null ? void 0 : _e.cell,
-                                  props: (he = (oe = _.supplier) == null ? void 0 : oe.getContext) == null ? void 0 : he.call(oe)
+                                  render: (_e = (xe = (be = h.supplier) == null ? void 0 : be.column) == null ? void 0 : xe.columnDef) == null ? void 0 : _e.cell,
+                                  props: (he = (se = h.supplier) == null ? void 0 : se.getContext) == null ? void 0 : he.call(se)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              t("div", null, O((ge = M.original.locations) != null && ge.length ? `Enabled for ${(Te = M.original.locations) == null ? void 0 : Te.length} outlets` : "Enabled for all outlets"), 1),
-                              t("div", es, O(M.original.purchaseOrder.items.length ? M.original.purchaseOrder.items.map((We) => We.name).join(", ") : "No items"), 1),
-                              t("div", ts, [
+                              t("div", null, I((ge = M.original.locations) != null && ge.length ? `Enabled for ${(Te = M.original.locations) == null ? void 0 : Te.length} outlets` : "Enabled for all outlets"), 1),
+                              t("div", ts, I(M.original.purchaseOrder.items.length ? M.original.purchaseOrder.items.map((We) => We.name).join(", ") : "No items"), 1),
+                              t("div", os, [
                                 c(e(Q), {
-                                  render: (ke = (we = (Fe = _.ref) == null ? void 0 : Fe.column) == null ? void 0 : we.columnDef) == null ? void 0 : ke.cell,
-                                  props: (Ce = (se = _.ref) == null ? void 0 : se.getContext) == null ? void 0 : Ce.call(se)
+                                  render: (ke = (we = (Fe = h.ref) == null ? void 0 : Fe.column) == null ? void 0 : we.columnDef) == null ? void 0 : ke.cell,
+                                  props: (Ce = (le = h.ref) == null ? void 0 : le.getContext) == null ? void 0 : Ce.call(le)
                                 }, null, 8, ["render", "props"])
                               ])
                             ]),
                             t("div", null, [
                               c(e(Q), {
-                                render: ($e = (Me = (Se = _.type) == null ? void 0 : Se.column) == null ? void 0 : Me.columnDef) == null ? void 0 : $e.cell,
-                                props: (Ie = (le = _.type) == null ? void 0 : le.getContext) == null ? void 0 : Ie.call(le)
+                                render: ($e = (Me = (Se = h.type) == null ? void 0 : Se.column) == null ? void 0 : Me.columnDef) == null ? void 0 : $e.cell,
+                                props: (Ie = (ne = h.type) == null ? void 0 : ne.getContext) == null ? void 0 : Ie.call(ne)
                               }, null, 8, ["render", "props"])
                             ])
                           ])
@@ -1249,8 +1270,8 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
           _: 1
         }, 8, ["title", "actions"]),
         (D(), W(et, { to: "body" }, [
-          c(Go, tt(ot(e(l))), null, 16),
-          c(vo, Ee(e(i), {
+          c(Wo, tt(ot(e(l))), null, 16),
+          c(bo, Ee(e(i), {
             onSubmitted: n[2] || (n[2] = ($) => e(d).fetchTemplates())
           }), null, 16)
         ]))
@@ -1259,5 +1280,5 @@ const zt = { class: "flex flex-col gap-8 py-16" }, Ht = { class: "flex items-cen
   }
 });
 export {
-  ds as default
+  cs as default
 };