@feedmepos/mf-inventory-portal 1.2.46-dev.3 → 1.2.46-dev.5

package/dist/{TransferTemplateView-CJ74oEFd.js → TransferTemplateView-dvekbFPc.js}

@@ -1,26 +1,26 @@
-import { defineComponent as ae, onMounted as Te, computed as N, ref as H, watch as Fe, inject as ot, resolveComponent as V, openBlock as S, createElementBlock as L, createElementVNode as e, createVNode as m, withCtx as B, renderSlot as _e, withDirectives as Ue, normalizeClass as re, vModelText as qe, reactive as st, h as Q, toDisplayString as M, unref as t, createCommentVNode as oe, Fragment as pe, normalizeStyle as xe, renderList as Qe, createBlock as le, mergeProps as Ye, createTextVNode as ne, mergeModels as Pe, useModel as lt, isRef as He, Teleport as nt, normalizeProps as at, guardReactiveProps as rt } from "vue";
+import { defineComponent as ae, onMounted as Te, computed as N, ref as H, watch as Fe, inject as ot, resolveComponent as V, openBlock as S, createElementBlock as L, createElementVNode as e, createVNode as c, withCtx as B, renderSlot as _e, withDirectives as Ue, normalizeClass as re, vModelText as qe, reactive as st, h as Q, toDisplayString as I, unref as t, createCommentVNode as oe, Fragment as pe, normalizeStyle as xe, renderList as Qe, createBlock as ne, mergeProps as Ye, createTextVNode as le, mergeModels as Pe, useModel as nt, isRef as He, Teleport as lt, normalizeProps as at, guardReactiveProps as rt } from "vue";
 import { u as it, _ as ut } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
 import { useI18n as me } from "@feedmepos/mf-common";
-import { f as dt, t as mt, u as Le, a as pt } from "./format-unit-display-DSOafWus.js";
+import { f as dt, t as mt, u as Le, a as pt } from "./format-unit-display-De_mv7m7.js";
 import { R as Ne } from "./row-action.enum-BcW_L_nE.js";
-import { a as We, s as Ee, t as X, u as Ge, v as ct, k as ye } from "./app-L6j_SX6Z.js";
-import { _ as ft } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-No_HFW6L.js";
+import { a as We, s as Ee, t as X, u as Ge, v as ct, k as ye } from "./app-DZ9CIN-l.js";
+import { _ as ft } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-lgr6bbOW.js";
 import { components as ue, useSnackbar as yt, useProxiedModel as Ke, useBreakpoints as vt } from "@feedmepos/ui-library";
 import { defineStore as bt, storeToRefs as ze } from "pinia";
 import { F as de } from "./form-mode.enum-BKiNVH6A.js";
-import { u as he, t as je, I as gt, b as ht, n as _t, a as se, c as xt, R as ke, g as be, d as ve, A as we, M as kt, e as wt } from "./rules-DNwy6oOH.js";
-import { d as Ze } from "./defineDeepModel-DYMBS2Up.js";
-import { _ as Tt, F as Ft, a as Ct, b as It } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CNLY-Hzz.js";
-import { u as ge } from "./feature-BrCYCAw3.js";
-import { c as Mt, u as $t, _ as St } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DyWHsoW6.js";
-import { u as Je } from "./netsuite-C7gUg5Ne.js";
-import { u as Ot } from "./supplier-Dl0JI_BN.js";
-import { u as Dt } from "./use-ingredient-select-dialog-B6akNhzG.js";
+import { u as he, t as je, I as gt, b as ht, n as _t, a as se, c as xt, R as ke, g as be, d as ve, A as we, M as kt, e as wt } from "./rules-9v8VtDWl.js";
+import { d as Ze } from "./defineDeepModel-CBc_F4eu.js";
+import { _ as Tt, F as Ft, a as Ct, b as It } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CQAnQxH8.js";
+import { u as ge } from "./feature-CjK6Ds77.js";
+import { c as Mt, u as $t, _ as St } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-B813CRxg.js";
+import { u as Je } from "./netsuite-d7P730Bm.js";
+import { u as Ot } from "./supplier-Ds2vZ4qg.js";
+import { u as Dt } from "./use-ingredient-select-dialog-CAKpgkQ9.js";
 import { F as ee, _ as Xe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
-import { u as Vt } from "./use-template-enabled-locations-2-Ba-OnSOi.js";
-import { u as At } from "./purchase-order-template-Qy0dXMvI.js";
-import { f as Rt } from "./format-time-from-id-Cr_k7Wi5.js";
-import { f as Bt } from "./date2-C60QiPZL.js";
+import { u as Vt } from "./use-template-enabled-locations-2-DrUrir8n.js";
+import { u as At } from "./purchase-order-template-J9nWMrS2.js";
+import { f as Rt } from "./format-time-from-id-9kP1kaTe.js";
+import { f as Bt } from "./date2-D0I4_co0.js";
 const Ut = { class: "flex flex-col" }, qt = { class: "flex flex-col" }, Pt = { class: "flex-1" }, Lt = { class: "flex items-center" }, Nt = { class: "flex-1" }, Et = { class: "flex-1" }, zt = /* @__PURE__ */ ae({
   __name: "FmMinMaxInput",
   props: {
@@ -58,41 +58,41 @@ const Ut = { class: "flex flex-col" }, qt = { class: "flex flex-col" }, Pt = { c
     helperText: {},
     helperState: {}
   },
-  setup(p) {
-    const h = p, v = Ze("modelValue"), a = gt();
+  setup(f) {
+    const h = f, y = Ze("modelValue"), a = gt();
     Te(() => {
-      const { min: d, max: y } = v ?? {};
-      if (!(!d || !y) && d.precision !== y.precision) {
-        const w = Math.max(d.precision, y.precision), i = he(d, w), g = he(y, w);
-        v.min = i, v.max = g;
+      const { min: p, max: b } = y ?? {};
+      if (!(!p || !b) && p.precision !== b.precision) {
+        const w = Math.max(p.precision, b.precision), i = he(p, w), g = he(b, w);
+        y.min = i, y.max = g;
       }
     });
     const r = N(() => {
-      const { min: d, max: y } = v ?? {};
-      return Math.max((d == null ? void 0 : d.precision) ?? 0, (y == null ? void 0 : y.precision) ?? 0, h.precision ?? 0);
-    }), s = (d) => {
-      if (!d) return "";
-      const y = ht(d), w = r.value, i = he(y, w);
+      const { min: p, max: b } = y ?? {};
+      return Math.max((p == null ? void 0 : p.precision) ?? 0, (b == null ? void 0 : b.precision) ?? 0, h.precision ?? 0);
+    }), s = (p) => {
+      if (!p) return "";
+      const b = ht(p), w = r.value, i = he(b, w);
       return _t(
         +se(i),
         i.precision
       );
-    }, u = H(s(v.min)), _ = H(s(v.max));
-    Fe([u, _], ([d, y]) => {
-      const w = v ?? {}, i = a(d), g = a(y), O = r.value;
-      if (d !== "" && i === !0) {
-        const $ = je(+d, O);
+    }, u = H(s(y.min)), _ = H(s(y.max));
+    Fe([u, _], ([p, b]) => {
+      const w = y ?? {}, i = a(p), g = a(b), O = r.value;
+      if (p !== "" && i === !0) {
+        const $ = je(+p, O);
         w.min = $;
       } else
         w.min = null;
-      if (y !== "" && g === !0) {
-        const $ = je(+y, O);
+      if (b !== "" && g === !0) {
+        const $ = je(+b, O);
         w.max = $;
       } else
         w.max = null;
-      v.min = w.min, v.max = w.max;
+      y.min = w.min, y.max = w.max;
     });
-    const C = Symbol.for("fm:form-state"), c = ot(C, null), o = N(() => h.disabled ?? (c == null ? void 0 : c.getDisabled()) ?? !1), f = H(), b = H(), k = H(!1), T = H(!1), R = N(() => k.value || T.value), U = N(() => [...[
+    const M = Symbol.for("fm:form-state"), v = ot(M, null), o = N(() => h.disabled ?? (v == null ? void 0 : v.getDisabled()) ?? !1), d = H(), m = H(), k = H(!1), T = H(!1), R = N(() => k.value || T.value), U = N(() => [...[
       function() {
         return typeof a(u.value) == "string" || typeof a(_.value) == "string" ? "Must be a number" : !0;
       },
@@ -100,31 +100,31 @@ const Ut = { class: "flex flex-col" }, qt = { class: "flex flex-col" }, Pt = { c
         return !w || !w.min || !w.max ? !0 : +se(w.min) > +se(w.max) ? "Min must be less than or equal to max" : !0;
       }
     ], ...h.rules ?? []]);
-    return (d, y) => {
+    return (p, b) => {
       const w = V("FmLabel"), i = V("FmField"), g = V("FmFormGroup");
       return S(), L("div", Ut, [
         e("div", qt, [
           e("div", Pt, [
-            m(w, {
-              label: d.label,
-              disabled: d.disabled,
-              required: d.labelMark === "required",
-              optional: d.labelMark === "optional"
+            c(w, {
+              label: p.label,
+              disabled: p.disabled,
+              required: p.labelMark === "required",
+              optional: p.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          m(i, { focused: R.value }, {
+          c(i, { focused: R.value }, {
             default: B(() => [
               e("div", Lt, [
-                _e(d.$slots, "prepend"),
-                y[6] || (y[6] = e("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
+                _e(p.$slots, "prepend"),
+                b[6] || (b[6] = e("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
                 e("div", Nt, [
                   Ue(e("input", {
                     type: "text",
                     ref_key: "minInputRef",
-                    ref: f,
-                    onFocus: y[0] || (y[0] = () => k.value = !0),
-                    onBlur: y[1] || (y[1] = () => k.value = !1),
-                    "onUpdate:modelValue": y[2] || (y[2] = (O) => u.value = O),
+                    ref: d,
+                    onFocus: b[0] || (b[0] = () => k.value = !0),
+                    onBlur: b[1] || (b[1] = () => k.value = !1),
+                    "onUpdate:modelValue": b[2] || (b[2] = (O) => u.value = O),
                     class: re({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
                       "text-fm-color-typo-primary": !o.value,
@@ -134,16 +134,16 @@ const Ut = { class: "flex flex-col" }, qt = { class: "flex flex-col" }, Pt = { c
                     [qe, u.value]
                   ])
                 ]),
-                y[7] || (y[7] = e("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
-                y[8] || (y[8] = e("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
+                b[7] || (b[7] = e("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
+                b[8] || (b[8] = e("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
                 e("div", Et, [
                   Ue(e("input", {
                     type: "text",
                     ref_key: "maxInputRef",
-                    ref: b,
-                    onFocus: y[3] || (y[3] = () => T.value = !0),
-                    onBlur: y[4] || (y[4] = () => T.value = !1),
-                    "onUpdate:modelValue": y[5] || (y[5] = (O) => _.value = O),
+                    ref: m,
+                    onFocus: b[3] || (b[3] = () => T.value = !0),
+                    onBlur: b[4] || (b[4] = () => T.value = !1),
+                    "onUpdate:modelValue": b[5] || (b[5] = (O) => _.value = O),
                     class: re({
                       "fm-text-field--input fm-typo-en-body-lg-400": !0,
                       "text-fm-color-typo-primary": !o.value,
@@ -153,56 +153,56 @@ const Ut = { class: "flex flex-col" }, qt = { class: "flex flex-col" }, Pt = { c
                     [qe, _.value]
                   ])
                 ]),
-                _e(d.$slots, "append")
+                _e(p.$slots, "append")
               ])
             ]),
             _: 3
           }, 8, ["focused"])
         ]),
-        m(g, {
+        c(g, {
           class: "flex-1",
-          "model-value": d.modelValue,
-          info: d.labelInfo,
+          "model-value": p.modelValue,
+          info: p.labelInfo,
           rules: U.value,
-          "helper-text": d.helperText,
-          "helper-state": d.helperState
+          "helper-text": p.helperText,
+          "helper-state": p.helperState
         }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
       ]);
     };
   }
 });
-function jt({ min: p, max: h } = { min: !0, max: !0 }) {
+function jt({ min: f, max: h } = { min: !0, max: !0 }) {
   return function(a) {
-    return !a || !a.min && p != !1 || !a.max && h != !1 ? "Required" : !0;
+    return !a || !a.min && f != !1 || !a.max && h != !1 ? "Required" : !0;
   };
 }
-function Qt(p, h) {
+function Qt(f, h) {
   return function(a) {
-    return !a || !a.min || !a.max ? !0 : +se(a.min) < p ? `Must be between ${p} and ${h}` : +se(a.max) > h ? `Must be between ${p} and ${h}` : !0;
+    return !a || !a.min || !a.max ? !0 : +se(a.min) < f ? `Must be between ${f} and ${h}` : +se(a.max) > h ? `Must be between ${f} and ${h}` : !0;
   };
 }
-function Yt(p) {
-  const h = xt(p), v = se(p);
+function Yt(f) {
+  const h = xt(f), y = se(f);
   return function(r) {
     const s = !(r != null && r.min) || h(r.min) === !0, u = !(r != null && r.max) || h(r.max) === !0;
-    return !s && !u ? `Min & max must be a multiple of ${v}` : s ? u ? !0 : `Max must be a multiple of ${v}` : `Min must be a multiple of ${v}`;
+    return !s && !u ? `Min & max must be a multiple of ${y}` : s ? u ? !0 : `Max must be a multiple of ${y}` : `Min must be a multiple of ${y}`;
   };
 }
 const et = bt("netsuite-custom-field-helper", () => {
-  const p = Je();
-  function h(v, a, r, s, u) {
-    var C;
+  const f = Je();
+  function h(y, a, r, s, u) {
+    var v, o, d;
     if (!r) {
       u == null || u("Unit is not valid");
       return;
     }
-    let _ = v.code;
-    if (p.isEnabled) {
-      const c = p.getItemCustomCode(a, (C = r.measurement) == null ? void 0 : C.id);
-      c && (_ = c);
+    let _ = y.code;
+    if (((v = y.measurement) == null ? void 0 : v.id) !== ((o = r.measurement) == null ? void 0 : o.id) && f.isEnabled) {
+      const m = f.getItemCustomCode(a, (d = r.measurement) == null ? void 0 : d.id);
+      m && (_ = m);
     }
     s({
-      ...v,
+      ...y,
       quantity: r.amount,
       measurement: r.measurement ?? null,
       code: _
@@ -212,29 +212,29 @@ const et = bt("netsuite-custom-field-helper", () => {
     validateUnitInput: h
   };
 });
-var Y = /* @__PURE__ */ ((p) => (p.Code = "Code", p.Name = "Name", p.DefaultAmount = "DefaultAmount", p.Limit = "Limit", p.Step = "Step", p.Cost = "Cost", p.Delete = "Delete", p))(Y || {});
-function Ht(p, h = {}) {
-  const { t: v } = me(), a = We(), r = ge(), s = st({}), u = et();
+var Y = /* @__PURE__ */ ((f) => (f.Code = "Code", f.Name = "Name", f.DefaultAmount = "DefaultAmount", f.Limit = "Limit", f.Step = "Step", f.Cost = "Cost", f.Delete = "Delete", f))(Y || {});
+function Ht(f, h = {}) {
+  const { t: y } = me(), a = We(), r = ge(), s = st({}), u = et();
   Te(() => {
-    for (const c of p.items) {
-      if (!c.totalCost)
+    for (const v of f.items) {
+      if (!v.totalCost)
         continue;
       const { cost: o } = Mt(
-        c.sku,
-        c.quantity,
-        c.measurement,
+        v.sku,
+        v.quantity,
+        v.measurement,
         {
-          supplier: p.supplier
+          supplier: f.supplier
         }
-      ), f = c.totalCost ?? Ee.reset();
-      o ? s[c.sku._id] = o.amount !== f.amount || o.precision !== f.precision : s[c.sku._id] = !0;
+      ), d = v.totalCost ?? Ee.reset();
+      o ? s[v.sku._id] = o.amount !== d.amount || o.precision !== d.precision : s[v.sku._id] = !0;
     }
   });
   const _ = [
     {
       id: "Code",
       header: () => Q("div", { class: "flex-col" }, [
-        Q("div", v("inventory.transfer.form.items.table.Code")),
+        Q("div", y("inventory.transfer.form.items.table.Code")),
         Q(
           "div",
           { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
@@ -243,15 +243,15 @@ function Ht(p, h = {}) {
       ]),
       accessorKey: "code",
       size: 180,
-      cell(c) {
-        const o = c.row.original;
+      cell(v) {
+        const o = v.row.original;
         return Q("div", [
           Q(ue.FmTextField, {
             modelValue: o.code,
-            "onUpdate:modelValue": (f) => {
-              p.updateItem({
+            "onUpdate:modelValue": (d) => {
+              f.updateItem({
                 ...o,
-                code: f
+                code: d
               });
             },
             helperText: o.sku.code,
@@ -266,7 +266,7 @@ function Ht(p, h = {}) {
     {
       id: "Name",
       header: () => Q("div", { class: "flex-col" }, [
-        Q("div", v("inventory.transfer.form.items.table.Name")),
+        Q("div", y("inventory.transfer.form.items.table.Name")),
         Q(
           "div",
           { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
@@ -274,15 +274,15 @@ function Ht(p, h = {}) {
         )
       ]),
       minSize: 300,
-      cell(c) {
-        const o = c.row.original;
+      cell(v) {
+        const o = v.row.original;
         return Q("div", [
           Q(ue.FmTextField, {
             modelValue: o.name,
-            "onUpdate:modelValue": (f) => {
-              p.updateItem({
+            "onUpdate:modelValue": (d) => {
+              f.updateItem({
                 ...o,
-                name: f
+                name: d
               });
             },
             helperText: o.sku.name,
@@ -296,14 +296,14 @@ function Ht(p, h = {}) {
     },
     {
       id: "DefaultAmount",
-      header: () => v("inventory.transfer.form.items.table.DefaultAmount"),
+      header: () => y("inventory.transfer.form.items.table.DefaultAmount"),
       minSize: 200,
-      cell(c) {
+      cell(v) {
         var R;
-        const o = c.row.original, f = a.skuById[o.sku._id], b = a.unitById[(R = f.unit) == null ? void 0 : R._id], k = b.measurements.find((U) => {
-          var d;
-          return ((d = o.measurement) == null ? void 0 : d.id) === U.id;
-        }), T = o.sku.unit._id !== f.unit._id || !b || o.measurement && !k;
+        const o = v.row.original, d = a.skuById[o.sku._id], m = a.unitById[(R = d.unit) == null ? void 0 : R._id], k = m.measurements.find((U) => {
+          var p;
+          return ((p = o.measurement) == null ? void 0 : p.id) === U.id;
+        }), T = o.sku.unit._id !== d.unit._id || !m || o.measurement && !k;
         return Q(Tt, {
           style: {
             flex: "1 1 0%"
@@ -311,22 +311,22 @@ function Ht(p, h = {}) {
           modelValue: {
             amount: o.quantity ?? { amount: 1, precision: 0 },
             // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-            measurement: o.measurement ?? (o.sku.unit._id !== f.unit._id ? { ...o.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
+            measurement: o.measurement ?? (o.sku.unit._id !== d.unit._id ? { ...o.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
           },
-          disabled: p.disabled,
+          disabled: f.disabled,
           key: o.sku._id,
-          unit: b,
+          unit: m,
           "onUpdate:modelValue": (U) => {
             u.validateUnitInput(
               o,
-              f,
+              d,
               U,
-              (d) => {
-                p.updateItem({
+              (p) => {
+                f.updateItem({
                   ...o,
-                  code: d.code,
-                  quantity: d.quantity,
-                  measurement: d.measurement
+                  code: p.code,
+                  quantity: p.quantity,
+                  measurement: p.measurement
                 });
               }
             );
@@ -347,7 +347,7 @@ function Ht(p, h = {}) {
             It(
               o.maximumQuantity ? +se(o.maximumQuantity) : 1 / 0
             ),
-            function(d) {
+            function(p) {
               return T ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
             }
           ],
@@ -361,8 +361,8 @@ function Ht(p, h = {}) {
       header: () => "Limit",
       // TODO: i18n,
       minSize: 280,
-      cell(c) {
-        const o = c.row.original;
+      cell(v) {
+        const o = v.row.original;
         return Q(zt, {
           style: {
             flex: "1 1 0%"
@@ -371,12 +371,12 @@ function Ht(p, h = {}) {
             min: o.minimumQuantity,
             max: o.maximumQuantity
           },
-          disabled: p.disabled,
+          disabled: f.disabled,
           key: o.sku._id,
           unit: o.sku.unit,
-          "onUpdate:modelValue": (f) => {
-            const b = { ...o };
-            f != null && f.min ? b.minimumQuantity = f.min : b.minimumQuantity = null, f != null && f.max ? b.maximumQuantity = f.max : b.maximumQuantity = null, p.updateItem(b);
+          "onUpdate:modelValue": (d) => {
+            const m = { ...o };
+            d != null && d.min ? m.minimumQuantity = d.min : m.minimumQuantity = null, d != null && d.max ? m.maximumQuantity = d.max : m.maximumQuantity = null, f.updateItem(m);
           },
           rules: [
             jt({ max: !1 }),
@@ -396,17 +396,17 @@ function Ht(p, h = {}) {
     },
     {
       id: "Step",
-      header: () => v("inventory.transfer.form.items.table.Step"),
+      header: () => y("inventory.transfer.form.items.table.Step"),
       minSize: 100,
-      cell(c) {
-        const o = c.row.original;
+      cell(v) {
+        const o = v.row.original;
         return Q(ue.FmTextField, {
           modelValue: se(o.quantityStep ?? Ee.reset(), !1),
           key: o.sku._id,
-          "onUpdate:modelValue": (f) => {
-            p.updateItem({
+          "onUpdate:modelValue": (d) => {
+            f.updateItem({
               ...o,
-              quantityStep: ve(+f)
+              quantityStep: ve(+d)
             });
           },
           rules: [
@@ -423,8 +423,8 @@ function Ht(p, h = {}) {
     {
       id: "Delete",
       header: "",
-      cell(c) {
-        const o = c.row.original;
+      cell(v) {
+        const o = v.row.original;
         return Q("div", { class: "flex items-center" }, [
           r.usePurchaseOrderV2 ? Q(
             ue.FmTooltip,
@@ -440,9 +440,9 @@ function Ht(p, h = {}) {
                   icon: "add_circle",
                   variant: "tertiary",
                   size: "md",
-                  disabled: p.disabled,
+                  disabled: f.disabled,
                   onClick: async () => {
-                    const f = {
+                    const d = {
                       id: crypto.randomUUID(),
                       sku: o.sku,
                       code: o.sku.code,
@@ -452,16 +452,16 @@ function Ht(p, h = {}) {
                       minimumQuantity: ve(1)
                     };
                     u.validateUnitInput(
-                      f,
+                      d,
                       o.sku,
                       {
-                        amount: f.quantity,
+                        amount: d.quantity,
                         measurement: null
                       },
-                      (b) => {
-                        f.code = b.code;
+                      (m) => {
+                        d.code = m.code;
                       }
-                    ), p.duplicateItem(f);
+                    ), f.duplicateItem(d);
                   }
                 });
               },
@@ -477,9 +477,9 @@ function Ht(p, h = {}) {
             icon: "delete",
             variant: "tertiary",
             size: "md",
-            disabled: p.disabled,
+            disabled: f.disabled,
             onClick: () => {
-              p.deleteItem(o);
+              f.deleteItem(o);
             }
           })
         ]);
@@ -494,64 +494,64 @@ function Ht(p, h = {}) {
   ];
   return {
     columnDefs: N(() => {
-      const c = ge(), o = [..._];
+      const v = ge(), o = [..._];
       if (Object.keys(h).length > 0)
-        for (const [f, b] of Object.entries(h))
-          o.splice(Number(f), 0, {
-            ...b,
-            id: f
+        for (const [d, m] of Object.entries(h))
+          o.splice(Number(d), 0, {
+            ...m,
+            id: d
           });
-      return c.enableTotalCost && p.transferType === X.enum.purchase ? o : o.filter((f) => f.id !== "Cost");
+      return v.enableTotalCost && f.transferType === X.enum.purchase ? o : o.filter((d) => d.id !== "Cost");
     })
   };
 }
 const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-center" }, Kt = { class: "flex-1 flex gap-1 items-center" }, Zt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Jt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xt = { class: "flex gap-8 w-full" }, eo = { class: "flex-1 flex flex-col gap-4" }, to = { class: "flex-1 flex flex-col gap-4" }, oo = {
   key: 0,
   class: "flex gap-8 w-full"
-}, so = { class: "flex-1 flex flex-col gap-4" }, lo = { class: "flex-1 flex flex-col gap-4" }, no = { class: "flex gap-8 w-full" }, ao = { class: "flex-1 flex flex-col gap-4" }, ro = /* @__PURE__ */ ae({
+}, so = { class: "flex-1 flex flex-col gap-4" }, no = { class: "flex-1 flex flex-col gap-4" }, lo = { class: "flex gap-8 w-full" }, ao = { class: "flex-1 flex flex-col gap-4" }, ro = /* @__PURE__ */ ae({
   __name: "TransferTemplateItem",
   props: {
     cellByColId: {},
     row: {}
   },
-  setup(p) {
+  setup(f) {
     const { t: h } = me();
-    function v(a) {
+    function y(a) {
       return a;
     }
     return (a, r) => {
-      var u, _, C, c, o, f, b, k, T, R, U, d, y, w, i, g, O, $, x, W, te, E, q, Z, l, n, F, P, z, G;
+      var u, _, M, v, o, d, m, k, T, R, U, p, b, w, i, g, O, $, x, W, te, E, q, Z, n, l, F, P, z, G;
       const s = V("FmLabel");
       return S(), L("div", Wt, [
         e("div", Gt, [
           e("div", Kt, [
-            e("span", Zt, " (" + M(a.row.original.sku.code) + ") ", 1),
-            e("span", Jt, M(a.row.original.sku.name), 1)
+            e("span", Zt, " (" + I(a.row.original.sku.code) + ") ", 1),
+            e("span", Jt, I(a.row.original.sku.name), 1)
           ]),
           e("div", null, [
-            m(t(ee), {
-              render: (C = (_ = (u = a.cellByColId.Delete) == null ? void 0 : u.column) == null ? void 0 : _.columnDef) == null ? void 0 : C.cell,
-              props: (o = (c = a.cellByColId.Delete) == null ? void 0 : c.getContext) == null ? void 0 : o.call(c)
+            c(t(ee), {
+              render: (M = (_ = (u = a.cellByColId.Delete) == null ? void 0 : u.column) == null ? void 0 : _.columnDef) == null ? void 0 : M.cell,
+              props: (o = (v = a.cellByColId.Delete) == null ? void 0 : v.getContext) == null ? void 0 : o.call(v)
             }, null, 8, ["render", "props"])
           ])
         ]),
         e("div", Xt, [
           e("div", eo, [
-            m(s, {
+            c(s, {
               label: t(h)(`inventory.transfer.form.items.table.${t(Y).Code}`)
             }, null, 8, ["label"]),
-            m(t(ee), {
-              render: (k = (b = (f = a.cellByColId[t(Y).Code]) == null ? void 0 : f.column) == null ? void 0 : b.columnDef) == null ? void 0 : k.cell,
+            c(t(ee), {
+              render: (k = (m = (d = a.cellByColId[t(Y).Code]) == null ? void 0 : d.column) == null ? void 0 : m.columnDef) == null ? void 0 : k.cell,
               props: (R = (T = a.cellByColId[t(Y).Code]) == null ? void 0 : T.getContext) == null ? void 0 : R.call(T)
             }, null, 8, ["render", "props"]),
             r[0] || (r[0] = e("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
           e("div", to, [
-            m(s, {
+            c(s, {
               label: t(h)(`inventory.transfer.form.items.table.${t(Y).Name}`)
             }, null, 8, ["label"]),
-            m(t(ee), {
-              render: (y = (d = (U = a.cellByColId[t(Y).Name]) == null ? void 0 : U.column) == null ? void 0 : d.columnDef) == null ? void 0 : y.cell,
+            c(t(ee), {
+              render: (b = (p = (U = a.cellByColId[t(Y).Name]) == null ? void 0 : U.column) == null ? void 0 : p.columnDef) == null ? void 0 : b.cell,
               props: (i = (w = a.cellByColId[t(Y).Name]) == null ? void 0 : w.getContext) == null ? void 0 : i.call(w)
             }, null, 8, ["render", "props"]),
             r[1] || (r[1] = e("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
@@ -559,33 +559,33 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
         ]),
         a.row.original ? (S(), L("div", oo, [
           e("div", so, [
-            m(s, {
+            c(s, {
               label: t(h)(`inventory.transfer.form.items.table.${t(Y).DefaultAmount}`)
             }, null, 8, ["label"]),
-            m(t(ee), {
+            c(t(ee), {
               render: ($ = (O = (g = a.cellByColId[t(Y).DefaultAmount]) == null ? void 0 : g.column) == null ? void 0 : O.columnDef) == null ? void 0 : $.cell,
               props: (W = (x = a.cellByColId[t(Y).DefaultAmount]) == null ? void 0 : x.getContext) == null ? void 0 : W.call(x)
             }, null, 8, ["render", "props"]),
             r[2] || (r[2] = e("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
-          e("div", lo, [
-            m(s, {
+          e("div", no, [
+            c(s, {
               label: t(h)(`inventory.transfer.form.items.table.${t(Y).Step}`)
             }, null, 8, ["label"]),
-            m(t(ee), {
+            c(t(ee), {
               render: (q = (E = (te = a.cellByColId[t(Y).Step]) == null ? void 0 : te.column) == null ? void 0 : E.columnDef) == null ? void 0 : q.cell,
-              props: (l = (Z = a.cellByColId[t(Y).Step]) == null ? void 0 : Z.getContext) == null ? void 0 : l.call(Z)
+              props: (n = (Z = a.cellByColId[t(Y).Step]) == null ? void 0 : Z.getContext) == null ? void 0 : n.call(Z)
             }, null, 8, ["render", "props"]),
             r[3] || (r[3] = e("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
         ])) : oe("", !0),
-        e("div", no, [
+        e("div", lo, [
           e("div", ao, [
-            m(s, {
+            c(s, {
               label: t(h)(`inventory.transfer.form.items.table.${t(Y).Limit}`)
             }, null, 8, ["label"]),
-            m(t(ee), {
-              render: (P = (F = (n = a.cellByColId[t(Y).Limit]) == null ? void 0 : n.column) == null ? void 0 : F.columnDef) == null ? void 0 : P.cell,
+            c(t(ee), {
+              render: (P = (F = (l = a.cellByColId[t(Y).Limit]) == null ? void 0 : l.column) == null ? void 0 : F.columnDef) == null ? void 0 : P.cell,
               props: (G = (z = a.cellByColId[t(Y).Limit]) == null ? void 0 : z.getContext) == null ? void 0 : G.call(z)
             }, null, 8, ["render", "props"]),
             r[4] || (r[4] = e("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
@@ -602,28 +602,28 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
     errorMessage: {}
   },
   emits: ["update:item"],
-  setup(p) {
-    function h(v) {
-      return v.column.columnDef.meta;
+  setup(f) {
+    function h(y) {
+      return y.column.columnDef.meta;
     }
-    return (v, a) => (S(), L(pe, null, [
+    return (y, a) => (S(), L(pe, null, [
       e("tr", {
         class: "hover:bg-fm-color-opacity-sm border-b border-fm-color-neutral-gray-100",
-        style: xe({ backgroundColor: v.errorMessage ? "#ffd6d6" : void 0 })
+        style: xe({ backgroundColor: y.errorMessage ? "#ffd6d6" : void 0 })
       }, [
-        (S(!0), L(pe, null, Qe(v.row.getVisibleCells(), (r) => {
-          var s, u, _, C, c;
+        (S(!0), L(pe, null, Qe(y.row.getVisibleCells(), (r) => {
+          var s, u, _, M, v;
           return S(), L("td", {
             key: r.id,
             class: re(["text-fm-color-typo-primary", ((s = h(r)) == null ? void 0 : s.cellClass) ?? "px-16", "py-2"]),
             style: xe({
               width: (u = h(r)) != null && u.width ? (_ = h(r)) == null ? void 0 : _.width : r.column.getSize() !== 0 ? `${r.column.getSize()}px` : void 0,
-              maxWidth: (C = h(r)) == null ? void 0 : C.maxWidth,
-              textAlign: ((c = h(r)) == null ? void 0 : c.textAlign) ?? "left"
+              maxWidth: (M = h(r)) == null ? void 0 : M.maxWidth,
+              textAlign: ((v = h(r)) == null ? void 0 : v.textAlign) ?? "left"
             })
           }, [
             e("span", io, [
-              m(t(ee), {
+              c(t(ee), {
                 props: r.getContext(),
                 render: r.column.columnDef.cell
               }, null, 8, ["props", "render"])
@@ -631,11 +631,11 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
           ], 6);
         }), 128))
       ], 4),
-      v.errorMessage ? (S(), L("tr", uo, [
+      y.errorMessage ? (S(), L("tr", uo, [
         e("td", {
-          colspan: v.row.getVisibleCells().length,
+          colspan: y.row.getVisibleCells().length,
           class: "text-red-600 px-16 py-2"
-        }, M(v.errorMessage), 9, mo)
+        }, I(y.errorMessage), 9, mo)
       ])) : oe("", !0)
     ], 64));
   }
@@ -649,51 +649,51 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
     disabled: { type: Boolean }
   },
   emits: ["update:disabled"],
-  setup(p, { expose: h, emit: v }) {
-    const a = p, r = v, s = Ze(), { t: u } = me(), _ = H({}), C = Ge(), c = We(), o = Ot(), f = ge(), b = Je(), k = et();
+  setup(f, { expose: h, emit: y }) {
+    const a = f, r = y, s = Ze(), { t: u } = me(), _ = H({}), M = Ge(), v = We(), o = Ot(), d = ge(), m = Je(), k = et();
     Fe(
       () => s.purchaseOrder.items.length,
       () => {
         _.value = {};
       }
-    ), C.watchLocation(async () => {
-      location && (s.purchaseOrder.supplier || (s.purchaseOrder.supplier = o.suppliers.find((l) => l) ?? s.purchaseOrder.supplier));
+    ), M.watchLocation(async () => {
+      location && (s.purchaseOrder.supplier || (s.purchaseOrder.supplier = o.suppliers.find((n) => n) ?? s.purchaseOrder.supplier));
     });
     const T = $t(
       () => s.purchaseOrder,
-      (l) => {
+      (n) => {
         s.purchaseOrder = {
           ...s.purchaseOrder,
-          supplier: l.supplier ?? (s == null ? void 0 : s.purchaseOrder.supplier)
+          supplier: n.supplier ?? (s == null ? void 0 : s.purchaseOrder.supplier)
         };
       }
     ), R = N({
       get() {
-        var l, n;
-        return typeof ((n = (l = s.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : n.internal) == "string" ? X.enum.transfer : X.enum.purchase;
+        var n, l;
+        return typeof ((l = (n = s.purchaseOrder) == null ? void 0 : n.supplier) == null ? void 0 : l.internal) == "string" ? X.enum.transfer : X.enum.purchase;
       },
-      set(l) {
+      set(n) {
         var F, P;
-        const n = typeof ((P = (F = s.purchaseOrder) == null ? void 0 : F.supplier) == null ? void 0 : P.internal) == "string" ? X.enum.transfer : X.enum.purchase;
-        l !== n && (s.purchaseOrder.supplier = l === X.enum.purchase ? T.locationOptionsTypePurchase.value[0] : T.locationOptionsTypeTransfer.value[0]);
+        const l = typeof ((P = (F = s.purchaseOrder) == null ? void 0 : F.supplier) == null ? void 0 : P.internal) == "string" ? X.enum.transfer : X.enum.purchase;
+        n !== l && (s.purchaseOrder.supplier = n === X.enum.purchase ? T.locationOptionsTypePurchase.value[0] : T.locationOptionsTypeTransfer.value[0]);
       }
-    }), U = N(() => T.transferLocationOptions.value), d = N({
+    }), U = N(() => T.transferLocationOptions.value), p = N({
       get() {
-        var l;
-        return (l = s.purchaseOrder.supplier) == null ? void 0 : l._id;
+        var n;
+        return (n = s.purchaseOrder.supplier) == null ? void 0 : n._id;
       },
-      set(l) {
-        T.transferLocationModel.value = l;
+      set(n) {
+        T.transferLocationModel.value = n;
       }
     });
-    async function y() {
-      const l = await b.checkCustomFieldCodes({
+    async function b() {
+      const n = await m.checkCustomFieldCodes({
         beforeStart: async () => {
           r("update:disabled", !0);
         },
         templateItems: s.purchaseOrder.items
       });
-      _.value = l, r("update:disabled", !1);
+      _.value = n, r("update:disabled", !1);
     }
     const {
       promptSelectLocations: w,
@@ -703,56 +703,56 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
       getLocations() {
         return s.locations;
       },
-      setLocations(l) {
-        s.locations = l;
+      setLocations(n) {
+        s.locations = n;
       }
     });
     function O() {
-      var l, n;
-      return (l = s.locations) != null && l.find((F) => {
+      var n, l;
+      return (n = s.locations) != null && n.find((F) => {
         var P, z;
         return ((P = F.doc) == null ? void 0 : P._id) === ((z = s.purchaseOrder.supplier) == null ? void 0 : z._id);
-      }) ? `Location ${(n = s.purchaseOrder.supplier) == null ? void 0 : n.name} must be removed because template cannot be used to transfer to itself.` : !0;
+      }) ? `Location ${(l = s.purchaseOrder.supplier) == null ? void 0 : l.name} must be removed because template cannot be used to transfer to itself.` : !0;
     }
     const $ = N({
       get() {
         return s.purchaseOrder.remark ?? void 0;
       },
-      set(l) {
-        s.purchaseOrder.remark = l;
+      set(n) {
+        s.purchaseOrder.remark = n;
       }
     }), x = H();
     h({
       validateInputs: () => {
-        var l, n;
-        (n = (l = x.value) == null ? void 0 : l.validateInputs) == null || n.call(l);
+        var n, l;
+        (l = (n = x.value) == null ? void 0 : n.validateInputs) == null || l.call(n);
       },
       resetInputsValidation: () => {
-        var l, n;
-        (n = (l = x.value) == null ? void 0 : l.resetInputsValidation) == null || n.call(l);
+        var n, l;
+        (l = (n = x.value) == null ? void 0 : n.resetInputsValidation) == null || l.call(n);
       },
       resetInputs: () => {
-        var l, n;
-        (n = (l = x.value) == null ? void 0 : l.resetInputs) == null || n.call(l);
+        var n, l;
+        (l = (n = x.value) == null ? void 0 : n.resetInputs) == null || l.call(n);
       }
     });
     const W = N(() => ({
-      duplicateItem: (l) => {
+      duplicateItem: (n) => {
         s.purchaseOrder.items = [
           ...s.purchaseOrder.items,
           {
-            ...l
+            ...n
           }
         ];
       },
-      updateItem: (l) => {
-        let n = [];
-        l.id ? n = s.purchaseOrder.items.map((F) => F.id !== l.id ? F : l) : n = s.purchaseOrder.items.map((F) => F.sku._id !== l.sku._id ? F : l), s.purchaseOrder.items = n;
+      updateItem: (n) => {
+        let l = [];
+        n.id ? l = s.purchaseOrder.items.map((F) => F.id !== n.id ? F : n) : l = s.purchaseOrder.items.map((F) => F.sku._id !== n.sku._id ? F : n), s.purchaseOrder.items = l;
       },
-      deleteItem: (l) => {
-        console.log(l.id);
-        let n = [];
-        l.id ? n = s.purchaseOrder.items.filter((F) => F.id !== l.id) : n = s.purchaseOrder.items.filter((F) => F.sku._id !== l.sku._id), s.purchaseOrder.items = n;
+      deleteItem: (n) => {
+        console.log(n.id);
+        let l = [];
+        n.id ? l = s.purchaseOrder.items.filter((F) => F.id !== n.id) : l = s.purchaseOrder.items.filter((F) => F.sku._id !== n.sku._id), s.purchaseOrder.items = l;
       }
     })), te = Ht(
       {
@@ -772,13 +772,13 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
           return a.disabled;
         }
       },
-      b.transferTemplateColumnDefs({
-        onUpdate: (l, n, F, P) => {
-          if (l < 0 || l >= s.purchaseOrder.items.length) return;
-          const z = s.purchaseOrder.items[l];
+      m.transferTemplateColumnDefs({
+        onUpdate: (n, l, F, P) => {
+          if (n < 0 || n >= s.purchaseOrder.items.length) return;
+          const z = s.purchaseOrder.items[n];
           z && W.value.updateItem({
             ...z,
-            sku: n,
+            sku: l,
             // Sku might be outdated, so we need to update it
             code: F,
             measurement: P
@@ -787,7 +787,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
       })
     ), E = N(() => te.columnDefs.value), { promptSelectIngredients: q } = Dt();
     async function Z() {
-      const n = c.skus.map((D) => ({
+      const l = v.skus.map((D) => ({
         label: D.name,
         sublabel: D.code,
         value: D
@@ -795,14 +795,14 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
         var A;
         return (A = s.purchaseOrder.items) == null ? void 0 : A.find((K) => K.sku._id === D.value._id);
       }).map((D) => D.value), F = s.purchaseOrder.items ?? [], P = await q(
-        n.map((D) => D._id),
+        l.map((D) => D._id),
         (D) => {
-          const A = c.skuById[D], K = F.find((j) => j.sku._id === A._id);
+          const A = v.skuById[D], K = F.find((j) => j.sku._id === A._id);
           if (K)
             return K;
           const J = { amount: 1, precision: be(A.unit) };
-          let I = {
-            id: f.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
+          let C = {
+            id: d.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
             sku: A,
             code: A.code,
             name: A.name,
@@ -815,16 +815,16 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
             quantityStep: J
           };
           return k.validateUnitInput(
-            I,
+            C,
             A,
             {
               amount: J,
               measurement: null
             },
             (j) => {
-              I.code = j.code;
+              C.code = j.code;
             }
-          ), I;
+          ), C;
         }
       );
       if (!P) return;
@@ -840,30 +840,30 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
       }
       G.sort((D, A) => D.sku.code.localeCompare(A.sku.code)), s.purchaseOrder.items = G;
     }
-    return (l, n) => {
+    return (n, l) => {
       const F = V("FmTextField"), P = V("FmSelect"), z = V("FmTextarea"), G = V("FmButton"), D = V("FmTable"), A = V("FmFormGroup"), K = V("FmForm");
-      return S(), le(K, {
+      return S(), ne(K, {
         ref_key: "formRef",
         ref: x,
         class: "flex flex-col gap-32",
-        disabled: l.disabled
+        disabled: n.disabled
       }, {
         default: B(() => {
           var J;
           return [
             e("div", co, [
               e("div", fo, [
-                m(F, {
+                c(F, {
                   label: t(u)("inventory.transfer.form.name"),
                   "label-mark": "required",
                   modelValue: t(s).name,
-                  "onUpdate:modelValue": n[0] || (n[0] = (I) => t(s).name = I),
+                  "onUpdate:modelValue": l[0] || (l[0] = (C) => t(s).name = C),
                   rules: [t(ke)()]
                 }, null, 8, ["label", "modelValue", "rules"]),
-                m(P, {
+                c(P, {
                   label: t(u)("inventory.transfer.form.type.title"),
                   "model-value": R.value,
-                  "onUpdate:modelValue": n[1] || (n[1] = (I) => R.value = I),
+                  "onUpdate:modelValue": l[1] || (l[1] = (C) => R.value = C),
                   items: [
                     {
                       label: t(u)("inventory.transfer.form.type.purchase"),
@@ -884,61 +884,61 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
                     e("span", {
                       class: re([
                         "line-clamp-1 fm-typo-en-body-lg-400",
-                        l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                        n.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                       ])
-                    }, M(t(ct)(R.value)), 3)
+                    }, I(t(ct)(R.value)), 3)
                   ]),
                   _: 1
                 }, 8, ["label", "model-value", "items", "rules"]),
-                m(P, {
+                c(P, {
                   label: R.value === t(X).enum.purchase ? t(u)("inventory.transfer.form.purchaseFrom") : t(u)("inventory.transfer.form.transferFrom"),
-                  modelValue: d.value,
-                  "onUpdate:modelValue": n[2] || (n[2] = (I) => d.value = I),
+                  modelValue: p.value,
+                  "onUpdate:modelValue": l[2] || (l[2] = (C) => p.value = C),
                   items: U.value
                 }, {
-                  "menu-wrapper": B((I) => {
+                  "menu-wrapper": B((C) => {
                     var j;
                     return [
-                      m(St, Ye(I, {
+                      c(St, Ye(C, {
                         items: U.value,
-                        "model-value": (j = l.modelValue.purchaseOrder.supplier) == null ? void 0 : j._id
+                        "model-value": (j = n.modelValue.purchaseOrder.supplier) == null ? void 0 : j._id
                       }), null, 16, ["items", "model-value"])
                     ];
                   }),
                   default: B(() => {
-                    var I;
+                    var C;
                     return [
                       e("span", {
                         class: re([
                           "line-clamp-1 fm-typo-en-body-lg-400",
-                          l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                          n.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                         ])
-                      }, M((I = U.value.find((j) => j.value === d.value)) == null ? void 0 : I.label), 3)
+                      }, I((C = U.value.find((j) => j.value === p.value)) == null ? void 0 : C.label), 3)
                     ];
                   }),
                   _: 1
                 }, 8, ["label", "modelValue", "items"]),
-                m(F, {
+                c(F, {
                   label: t(u)("inventory.transfer.form.reference"),
                   "label-mark": "optional",
                   modelValue: t(s).purchaseOrder.ref,
-                  "onUpdate:modelValue": n[3] || (n[3] = (I) => t(s).purchaseOrder.ref = I)
+                  "onUpdate:modelValue": l[3] || (l[3] = (C) => t(s).purchaseOrder.ref = C)
                 }, null, 8, ["label", "modelValue"]),
-                m(z, {
+                c(z, {
                   label: t(u)("inventory.transfer.form.remark"),
                   "label-mark": "optional",
                   "max-length": 240,
                   modelValue: $.value,
-                  "onUpdate:modelValue": n[4] || (n[4] = (I) => $.value = I),
-                  class: re({ "text-fm-color-typo-disabled": l.disabled })
+                  "onUpdate:modelValue": l[4] || (l[4] = (C) => $.value = C),
+                  class: re({ "text-fm-color-typo-disabled": n.disabled })
                 }, null, 8, ["label", "modelValue", "class"])
               ])
             ]),
             e("div", yo, [
               e("div", vo, [
-                n[8] || (n[8] = e("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
-                m(G, {
-                  disabled: l.disabled,
+                l[8] || (l[8] = e("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
+                c(G, {
+                  disabled: n.disabled,
                   label: "Select location",
                   "prepend-icon": "add",
                   variant: "plain",
@@ -946,7 +946,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
                   onClick: t(w)
                 }, null, 8, ["disabled", "onClick"])
               ]),
-              m(D, {
+              c(D, {
                 "column-defs": t(i),
                 "row-data": t(g),
                 "shrink-at": 9999,
@@ -954,7 +954,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
                 "hide-footer": ""
               }, null, 8, ["column-defs", "row-data", "onRowClick"]),
               e("div", bo, [
-                m(A, {
+                c(A, {
                   "model-value": [
                     (J = a.modelValue.purchaseOrder.supplier) == null ? void 0 : J._id,
                     ...a.modelValue.locations ?? []
@@ -965,27 +965,27 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
             ]),
             e("div", go, [
               e("div", ho, [
-                e("div", _o, M(t(u)("inventory.transfer.form.items.title")), 1),
-                t(b).isEnabled ? (S(), le(G, {
+                e("div", _o, I(t(u)("inventory.transfer.form.items.title")), 1),
+                t(m).isEnabled ? (S(), ne(G, {
                   key: 0,
                   label: "Check NetSuite",
                   "prepend-icon": "troubleshoot",
                   variant: "secondary",
-                  onClick: y,
+                  onClick: b,
                   size: "md"
                 })) : oe("", !0),
-                m(G, {
-                  disabled: l.disabled,
+                c(G, {
+                  disabled: n.disabled,
                   label: t(u)("inventory.transfer.form.items.addItem"),
                   "prepend-icon": "add",
                   variant: "plain",
                   class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: n[5] || (n[5] = (I) => Z()),
+                  onClick: l[5] || (l[5] = (C) => Z()),
                   size: "md"
                 }, null, 8, ["disabled", "label"])
               ]),
-              t(b).isEnabled ? (S(), L("div", xo, n[9] || (n[9] = [
-                ne(" NetSuite is enabled. "),
+              t(m).isEnabled ? (S(), L("div", xo, l[9] || (l[9] = [
+                le(" NetSuite is enabled. "),
                 e("ul", { style: { "list-style": "initial", "margin-left": "20px" } }, [
                   e("li", null, ' When adding new item or changing UOM, the first match available custom code (if any) will be applied to "Code" for each item by default. '),
                   e("li", null, ' You can also choose to change the code by selecting from the "NetSuite" button in each row. ')
@@ -994,38 +994,38 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
               ]))) : oe("", !0),
               e("div", ko, [
                 e("p", wo, [
-                  ne(' Set "' + M(t(u)("inventory.transfer.form.items.table.DefaultAmount")) + '" to "0" to mark the item as ', 1),
-                  n[10] || (n[10] = e("b", null, "optional", -1)),
-                  n[11] || (n[11] = ne(" when creating an order request. "))
+                  le(' Set "' + I(t(u)("inventory.transfer.form.items.table.DefaultAmount")) + '" to "0" to mark the item as ', 1),
+                  l[10] || (l[10] = e("b", null, "optional", -1)),
+                  l[11] || (l[11] = le(" when creating an order request. "))
                 ]),
-                n[12] || (n[12] = e("p", null, ' You can leave "Max" empty to remove the limit on the maximum quantity of the item when creating an order request. ', -1))
+                l[12] || (l[12] = e("p", null, ' You can leave "Max" empty to remove the limit on the maximum quantity of the item when creating an order request. ', -1))
               ]),
-              (S(), le(D, {
+              (S(), ne(D, {
                 "column-defs": E.value,
                 "row-data": t(s).purchaseOrder.items,
-                key: t(s).purchaseOrder.items.map((I) => I.sku._id).join("."),
+                key: t(s).purchaseOrder.items.map((C) => C.sku._id).join("."),
                 "hide-footer": "",
                 "page-size": t(s).purchaseOrder.items.length
               }, {
-                "table-row": B((I) => [
-                  m(po, {
-                    row: I,
-                    errorMessage: _.value[I.index],
-                    "onUpdate:item": n[6] || (n[6] = (j) => W.value.updateItem(j)),
-                    disabled: l.disabled
+                "table-row": B((C) => [
+                  c(po, {
+                    row: C,
+                    errorMessage: _.value[C.index],
+                    "onUpdate:item": l[6] || (l[6] = (j) => W.value.updateItem(j)),
+                    disabled: n.disabled
                   }, null, 8, ["row", "errorMessage", "disabled"])
                 ]),
-                "list-row": B((I) => [
-                  (S(), le(Xe, {
-                    row: I,
+                "list-row": B((C) => [
+                  (S(), ne(Xe, {
+                    row: C,
                     key: t(s).purchaseOrder.items.map((j) => j.sku._id).join(".")
                   }, {
                     default: B((j) => [
-                      m(ro, {
-                        row: I,
+                      c(ro, {
+                        row: C,
                         "cell-by-col-id": j,
-                        "onUpdate:item": n[7] || (n[7] = (ie) => W.value.updateItem(ie)),
-                        disabled: l.disabled
+                        "onUpdate:item": l[7] || (l[7] = (ie) => W.value.updateItem(ie)),
+                        disabled: n.disabled
                       }, null, 8, ["row", "cell-by-col-id", "disabled"])
                     ]),
                     _: 2
@@ -1033,7 +1033,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
                 ]),
                 _: 1
               }, 8, ["column-defs", "row-data", "page-size"])),
-              m(A, {
+              c(A, {
                 "model-value": t(s).purchaseOrder.items.length,
                 rules: [t(we)(1)]
               }, null, 8, ["model-value", "rules"])
@@ -1053,35 +1053,35 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
     confirmMessage: {}
   },
   emits: ["confirm"],
-  setup(p, { emit: h }) {
-    const v = p, a = h, r = H(!1);
+  setup(f, { emit: h }) {
+    const y = f, a = h, r = H(!1);
     function s() {
       r.value = !1, a("confirm");
     }
     return (u, _) => {
-      const C = V("FmButton"), c = V("FmDialog");
+      const M = V("FmButton"), v = V("FmDialog");
       return S(), L("div", null, [
-        m(C, {
-          label: v.label,
-          loading: v.loading,
+        c(M, {
+          label: y.label,
+          loading: y.loading,
           onClick: _[0] || (_[0] = (o) => r.value = !0)
         }, null, 8, ["label", "loading"]),
-        m(c, {
+        c(v, {
           modelValue: r.value,
           "onUpdate:modelValue": _[2] || (_[2] = (o) => r.value = o),
           overlay: !0
         }, {
           "dialog-header": B(() => [
-            e("div", null, M(v.confirmTitle || "Confirm"), 1)
+            e("div", null, I(y.confirmTitle || "Confirm"), 1)
           ]),
           "dialog-footer": B(() => [
             e("div", Fo, [
-              m(C, {
+              c(M, {
                 label: "Cancel",
                 variant: "tertiary",
                 onClick: _[1] || (_[1] = (o) => r.value = !1)
               }),
-              m(C, {
+              c(M, {
                 class: "ml-auto",
                 label: "Confirm",
                 variant: "primary",
@@ -1091,7 +1091,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
           ]),
           default: B(() => [
             _e(u.$slots, "dialog-content", {}, () => [
-              ne(M(v.confirmMessage || "Are you sure you want to proceed?"), 1)
+              le(I(y.confirmMessage || "Are you sure you want to proceed?"), 1)
             ])
           ]),
           _: 3
@@ -1110,10 +1110,10 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
     disabledModifiers: {}
   }),
   emits: /* @__PURE__ */ Pe(["update:show", "submitted"], ["update:disabled"]),
-  setup(p, { expose: h, emit: v }) {
+  setup(f, { expose: h, emit: y }) {
     var w;
-    const a = p, r = v, s = At(), u = yt(), { t: _ } = me(), C = Ke(a, "show");
-    function c() {
+    const a = f, r = y, s = At(), u = yt(), { t: _ } = me(), M = Ke(a, "show");
+    function v() {
       return {
         _id: "",
         name: "",
@@ -1143,15 +1143,15 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
         }
       };
     }
-    const o = H(a.modelValue ?? c()), f = H(((w = a.modelValue) == null ? void 0 : w._id) ?? `${Math.random()}`);
+    const o = H(a.modelValue ?? v()), d = H(((w = a.modelValue) == null ? void 0 : w._id) ?? `${Math.random()}`);
     Fe(
       () => a.show,
       (i) => {
         var g;
-        i && (o.value = a.modelValue ?? c(), f.value = ((g = a.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
+        i && (o.value = a.modelValue ?? v(), d.value = ((g = a.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
       }
     );
-    const b = lt(p, "disabled"), k = N(() => {
+    const m = nt(f, "disabled"), k = N(() => {
       switch (a.mode) {
         case de.READ:
           return "";
@@ -1180,7 +1180,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
       var g, O;
       const i = o.value;
       if (i) {
-        b.value = !0, (((g = i.purchaseOrder.supplier) == null ? void 0 : g.internal) === ye.enum.warehouse || ((O = i.purchaseOrder.supplier) == null ? void 0 : O.internal) === ye.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
+        m.value = !0, (((g = i.purchaseOrder.supplier) == null ? void 0 : g.internal) === ye.enum.warehouse || ((O = i.purchaseOrder.supplier) == null ? void 0 : O.internal) === ye.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
           ({ totalCost: $, ...x }) => x
         ));
         try {
@@ -1196,7 +1196,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
             type: "error"
           }), console.error("Error in creating transfer template", $);
         } finally {
-          b.value = !1;
+          m.value = !1;
         }
       }
     }
@@ -1204,7 +1204,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
       var g, O;
       const i = o.value;
       if (i) {
-        b.value = !0, (((g = i.purchaseOrder.supplier) == null ? void 0 : g.internal) === ye.enum.warehouse || ((O = i.purchaseOrder.supplier) == null ? void 0 : O.internal) === ye.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
+        m.value = !0, (((g = i.purchaseOrder.supplier) == null ? void 0 : g.internal) === ye.enum.warehouse || ((O = i.purchaseOrder.supplier) == null ? void 0 : O.internal) === ye.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
           ({ totalCost: $, ...x }) => x
         ));
         try {
@@ -1220,11 +1220,11 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
             type: "error"
           }), console.error("Error in updating transfer template", $);
         } finally {
-          b.value = !1;
+          m.value = !1;
         }
       }
     }
-    function d() {
+    function p() {
       switch (a.mode) {
         case de.CREATE:
           return R();
@@ -1232,56 +1232,56 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
           return U();
       }
     }
-    function y() {
+    function b() {
       var i, g;
       (g = (i = T.value) == null ? void 0 : i.validateInputs) == null || g.call(i);
     }
     return (i, g) => {
       const O = V("FmButton"), $ = V("FmSideSheet");
-      return S(), le($, {
-        modelValue: t(C),
-        "onUpdate:modelValue": g[3] || (g[3] = (x) => He(C) ? C.value = x : null),
+      return S(), ne($, {
+        modelValue: t(M),
+        "onUpdate:modelValue": g[3] || (g[3] = (x) => He(M) ? M.value = x : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 1600
       }, {
         "side-sheet-header": B(() => [
           e("div", Io, [
-            e("div", Mo, M(k.value), 1)
+            e("div", Mo, I(k.value), 1)
           ])
         ]),
         default: B(() => [
-          (S(), le(To, {
+          (S(), ne(To, {
             class: "w-full",
             ref_key: "formRef",
             ref: T,
-            onValidationSuccess: d,
+            onValidationSuccess: p,
             "model-value": o.value,
             "onUpdate:modelValue": g[0] || (g[0] = (x) => o.value = x),
-            disabled: b.value,
-            "onUpdate:disabled": g[1] || (g[1] = (x) => b.value = x),
-            key: f.value
+            disabled: m.value,
+            "onUpdate:disabled": g[1] || (g[1] = (x) => m.value = x),
+            key: d.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": B(() => [
           e("div", $o, [
-            m(Co, {
-              loading: b.value,
+            c(Co, {
+              loading: m.value,
               label: t(_)("common.save"),
               "confirm-title": `Save ${a.mode === t(de).CREATE ? "Template" : "Changes"}`,
-              onConfirm: y
+              onConfirm: b
             }, {
               "dialog-content": B(() => g[4] || (g[4] = [
                 e("div", { class: "fm-typo-en-body-md-400 bg-fm-color-primary-oats p-8 rounded" }, [
-                  ne(" Warning: This action "),
+                  le(" Warning: This action "),
                   e("span", { class: "text-fm-color-system-error-300" }, "will not"),
-                  ne(" create or update any order request, but only a template. ")
+                  le(" create or update any order request, but only a template. ")
                 ], -1)
               ])),
               _: 1
             }, 8, ["loading", "label", "confirm-title"]),
-            m(O, {
-              disabled: b.value,
+            c(O, {
+              disabled: m.value,
               variant: "tertiary",
               label: t(_)("common.close"),
               onClick: g[2] || (g[2] = (x) => r("update:show", !1))
@@ -1304,7 +1304,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
 }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Go = { class: "fm-typo-en-body-lg-600" }, Ko = {
   key: 3,
   class: "flex flex-col gap-4"
-}, Zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Jo = { class: "fm-typo-en-body-lg-600" }, Xo = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, es = { class: "flex flex-col gap-8" }, ts = { class: "fm-typo-en-body-lg-600" }, os = { class: "flex w-full gap-4" }, ss = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, ls = { class: "fm-typo-en-body-lg-600 shrink-0" }, ns = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, as = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, rs = {
+}, Zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Jo = { class: "fm-typo-en-body-lg-600" }, Xo = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, es = { class: "flex flex-col gap-8" }, ts = { class: "fm-typo-en-body-lg-600" }, os = { class: "flex w-full gap-4" }, ss = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, ns = { class: "fm-typo-en-body-lg-600 shrink-0" }, ls = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, as = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, rs = {
   key: 0,
   class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
 }, is = {
@@ -1317,26 +1317,26 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
     show: { type: Boolean }
   },
   emits: ["update:show", "action:edit"],
-  setup(p, { emit: h }) {
-    const v = p, a = h, r = ge(), { t: s } = me(), u = N(() => {
-      var b;
-      return (b = v.template) == null ? void 0 : b.purchaseOrder;
+  setup(f, { emit: h }) {
+    const y = f, a = h, r = ge(), { t: s } = me(), u = N(() => {
+      var m;
+      return (m = y.template) == null ? void 0 : m.purchaseOrder;
     }), _ = [
       { accessorKey: "name", header: () => "Name" },
       { accessorKey: "type", header: () => "Type" }
-    ], C = H(""), c = N(
+    ], M = H(""), v = N(
       () => {
-        var b, k, T, R;
-        return ((k = (b = u.value) == null ? void 0 : b.supplier) == null ? void 0 : k.internal) === "restaurant" || ((R = (T = u.value) == null ? void 0 : T.supplier) == null ? void 0 : R.internal) === "warehouse" ? X.enum.transfer : X.enum.purchase;
+        var m, k, T, R;
+        return ((k = (m = u.value) == null ? void 0 : m.supplier) == null ? void 0 : k.internal) === "restaurant" || ((R = (T = u.value) == null ? void 0 : T.supplier) == null ? void 0 : R.internal) === "warehouse" ? X.enum.transfer : X.enum.purchase;
       }
-    ), o = H(!0), f = Ke(v, "show");
-    return (b, k) => {
+    ), o = H(!0), d = Ke(y, "show");
+    return (m, k) => {
       var g;
-      const T = V("FmMenuDivider"), R = V("FmCard"), U = V("FmIcon"), d = V("FmTextField"), y = V("FmTable"), w = V("FmButton"), i = V("FmSideSheet");
-      return S(), le(i, {
-        header: t(s)("inventory.transfer.template.details.view", { template: (g = b.template) == null ? void 0 : g.name }),
-        modelValue: t(f),
-        "onUpdate:modelValue": k[2] || (k[2] = (O) => He(f) ? f.value = O : null),
+      const T = V("FmMenuDivider"), R = V("FmCard"), U = V("FmIcon"), p = V("FmTextField"), b = V("FmTable"), w = V("FmButton"), i = V("FmSideSheet");
+      return S(), ne(i, {
+        header: t(s)("inventory.transfer.template.details.view", { template: (g = m.template) == null ? void 0 : g.name }),
+        modelValue: t(d),
+        "onUpdate:modelValue": k[2] || (k[2] = (O) => He(d) ? d.value = O : null),
         "dismiss-away": o.value,
         "close-button": "",
         "max-width": 1200
@@ -1346,49 +1346,49 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
           return [
             e("div", Oo, [
               e("div", null, [
-                m(R, {
+                c(R, {
                   variant: "outlined",
                   class: "flex flex-col gap-8 px-12 py-16"
                 }, {
                   default: B(() => {
-                    var x, W, te, E, q, Z, l, n, F;
+                    var x, W, te, E, q, Z, n, l, F;
                     return [
                       e("div", Do, [
-                        e("div", Vo, M(t(s)("inventory.transfer.template.details.templateSummary")), 1),
-                        e("div", Ao, M(t(s)(
-                          `inventory.transfer.receiveRequest.details.type.${c.value.toLocaleLowerCase("en-US")}`
+                        e("div", Vo, I(t(s)("inventory.transfer.template.details.templateSummary")), 1),
+                        e("div", Ao, I(t(s)(
+                          `inventory.transfer.receiveRequest.details.type.${v.value.toLocaleLowerCase("en-US")}`
                         )), 1)
                       ]),
-                      m(T),
+                      c(T),
                       e("div", Ro, [
                         e("div", Bo, [
                           e("div", Uo, [
-                            e("div", qo, M(t(s)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            e("div", qo, I(t(s)("inventory.transfer.receiveRequest.details.createdAt")), 1)
                           ]),
-                          e("div", Po, M(t(Rt)(((x = b.template) == null ? void 0 : x._id) ?? "")), 1)
+                          e("div", Po, I(t(Rt)(((x = m.template) == null ? void 0 : x._id) ?? "")), 1)
                         ]),
-                        (W = b.template) != null && W.updatedAt ? (S(), L("div", Lo, [
+                        (W = m.template) != null && W.updatedAt ? (S(), L("div", Lo, [
                           e("div", No, [
-                            e("div", Eo, M(t(s)("inventory.transfer.receiveRequest.details.updatedAt")), 1)
+                            e("div", Eo, I(t(s)("inventory.transfer.receiveRequest.details.updatedAt")), 1)
                           ]),
                           e("div", zo, [
-                            ne(M(t(Bt)(new Date(b.template.updatedAt))) + " ", 1),
-                            (te = b.template.updatedBy) != null && te.name ? (S(), L(pe, { key: 0 }, [
-                              ne(" (" + M(b.template.updatedBy.name) + ") ", 1)
+                            le(I(t(Bt)(new Date(m.template.updatedAt))) + " ", 1),
+                            (te = m.template.updatedBy) != null && te.name ? (S(), L(pe, { key: 0 }, [
+                              le(" (" + I(m.template.updatedBy.name) + ") ", 1)
                             ], 64)) : oe("", !0)
                           ])
                         ])) : oe("", !0),
                         (q = (E = u.value) == null ? void 0 : E.supplier) != null && q.name ? (S(), L("div", jo, [
-                          e("div", Qo, M(t(s)("inventory.transfer.receiveRequest.details.from")), 1),
-                          e("div", Yo, M((l = (Z = u.value) == null ? void 0 : Z.supplier) == null ? void 0 : l.name), 1)
+                          e("div", Qo, I(t(s)("inventory.transfer.receiveRequest.details.from")), 1),
+                          e("div", Yo, I((n = (Z = u.value) == null ? void 0 : Z.supplier) == null ? void 0 : n.name), 1)
                         ])) : oe("", !0),
-                        (n = u.value) != null && n.ref ? (S(), L("div", Ho, [
-                          e("div", Wo, M(t(s)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          e("div", Go, M(u.value.ref), 1)
+                        (l = u.value) != null && l.ref ? (S(), L("div", Ho, [
+                          e("div", Wo, I(t(s)("inventory.transfer.receiveRequest.details.reference")), 1),
+                          e("div", Go, I(u.value.ref), 1)
                         ])) : oe("", !0),
                         (F = u.value) != null && F.remark ? (S(), L("div", Ko, [
-                          e("div", Zo, M(t(s)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          e("div", Jo, M(u.value.remark), 1)
+                          e("div", Zo, I(t(s)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          e("div", Jo, I(u.value.remark), 1)
                         ])) : oe("", !0)
                       ])
                     ];
@@ -1398,22 +1398,22 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
               ]),
               e("div", Xo, [
                 e("div", es, [
-                  e("div", ts, M(t(s)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  e("div", ts, I(t(s)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
                   (S(!0), L(pe, null, Qe(((O = u.value) == null ? void 0 : O.items) ?? [], (x) => (S(), L("div", {
                     key: x.code,
                     class: "flex flex-col"
                   }, [
                     e("div", os, [
-                      e("div", ss, M(x.name), 1),
+                      e("div", ss, I(x.name), 1),
                       k[3] || (k[3] = e("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      e("div", ls, M(t(dt)(x.quantity, x.sku.unit, x.measurement)), 1)
+                      e("div", ns, I(t(dt)(x.quantity, x.sku.unit, x.measurement)), 1)
                     ]),
-                    e("div", ns, [
-                      e("div", as, M(x.code), 1),
-                      x.totalCost && t(r).enableTotalCost ? (S(), L("div", rs, " (" + M(t(wt)(x.totalCost)) + ") ", 1)) : oe("", !0)
+                    e("div", ls, [
+                      e("div", as, I(x.code), 1),
+                      x.totalCost && t(r).enableTotalCost ? (S(), L("div", rs, " (" + I(t(wt)(x.totalCost)) + ") ", 1)) : oe("", !0)
                     ]),
                     t(mt)(x) ? (S(), L("div", is, [
-                      m(U, {
+                      c(U, {
                         name: "error",
                         color: "system-error-300",
                         size: "sm"
@@ -1431,18 +1431,18 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
                   e("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is only usable for the following locations. ")
                 ], -1)),
                 e("div", ds, [
-                  m(d, {
-                    modelValue: C.value,
-                    "onUpdate:modelValue": k[0] || (k[0] = (x) => C.value = x),
+                  c(p, {
+                    modelValue: M.value,
+                    "onUpdate:modelValue": k[0] || (k[0] = (x) => M.value = x),
                     placeholder: "Filter locations",
                     "prepend-icon": "search"
                   }, null, 8, ["modelValue"]),
-                  m(y, {
+                  c(b, {
                     "hide-footer": "",
                     style: { height: "500px" },
                     "column-defs": _,
-                    "search-value": C.value,
-                    "row-data": (($ = v.template) == null ? void 0 : $.locations) ?? [{ name: "All locations" }]
+                    "search-value": M.value,
+                    "row-data": (($ = y.template) == null ? void 0 : $.locations) ?? [{ name: "All locations" }]
                   }, null, 8, ["search-value", "row-data"])
                 ])
               ])
@@ -1451,7 +1451,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
         }),
         "side-sheet-footer": B(() => [
           e("div", ms, [
-            m(w, {
+            c(w, {
               label: t(s)("common.edit"),
               onClick: k[1] || (k[1] = (O) => a("action:edit")),
               variant: "tertiary"
@@ -1464,18 +1464,18 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
   }
 }), cs = { class: "flex-1 flex flex-col gap-8" }, fs = { class: "flex flex-col" }, ys = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vs = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, bs = { class: "fm-typo-en-body-lg-400" }, gs = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, hs = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, zs = /* @__PURE__ */ ae({
   __name: "TransferTemplateView",
-  setup(p) {
-    const { t: h } = me(), { createTemplate: v, viewTemplate: a, importTemplates: r, exportTemplates: s } = Le(), { templateDialogProps: u, templateDetailsProps: _ } = ze(Le()), C = pt(), { loading: c, templates: o } = ze(C), f = H(!1), b = it(), k = Ge(), { breakpoints: T } = vt();
-    Te(C.fetchTemplates);
+  setup(f) {
+    const { t: h } = me(), { createTemplate: y, viewTemplate: a, importTemplates: r, exportTemplates: s } = Le(), { templateDialogProps: u, templateDetailsProps: _ } = ze(Le()), M = pt(), { loading: v, templates: o } = ze(M), d = H(!1), m = it(), k = Ge(), { breakpoints: T } = vt();
+    Te(M.fetchTemplates);
     const R = N(
-      () => f.value || c.value || !k._currentLocation
-    ), U = N(() => o.value), d = H(""), y = N(() => T.value.xs || T.value.sm), w = N(() => y.value ? 10 : 20);
+      () => d.value || v.value || !k._currentLocation
+    ), U = N(() => o.value), p = H(""), b = N(() => T.value.xs || T.value.sm), w = N(() => b.value ? 10 : 20);
     function i($) {
       switch ($) {
         case Ne.Add:
-          return v();
+          return y();
         case "refresh":
-          return C.fetchTemplates();
+          return M.fetchTemplates();
         case "import":
           return r();
         case "export":
@@ -1511,7 +1511,7 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
     return ($, x) => {
       const W = V("FmTable");
       return S(), L(pe, null, [
-        m(ut, {
+        c(ut, {
           title: t(h)("inventory.transfer.template.title2"),
           actions: O.value,
           "onClick:action": i
@@ -1523,65 +1523,65 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
                 class: re([
                   "flex flex-col gap-8 max-h-full",
                   {
-                    "p-0": y.value,
-                    "px-24 ": !y.value
+                    "p-0": b.value,
+                    "px-24 ": !b.value
                   }
                 ])
               }, [
-                m(ft, {
+                c(ft, {
                   searchable: "",
-                  search: d.value,
-                  "onUpdate:search": x[0] || (x[0] = (E) => d.value = E)
+                  search: p.value,
+                  "onUpdate:search": x[0] || (x[0] = (E) => p.value = E)
                 }, null, 8, ["search"]),
-                (S(), le(W, {
-                  style: xe(t(b).tableHeight),
-                  "column-defs": t(C).columnDefs,
+                (S(), ne(W, {
+                  style: xe(t(m).tableHeight),
+                  "column-defs": t(M).columnDefs,
                   "row-data": U.value,
-                  "search-value": d.value,
+                  "search-value": p.value,
                   loading: R.value,
                   key: (te = t(k)._currentLocation) == null ? void 0 : te.dbName,
                   onRowClick: x[1] || (x[1] = (E) => t(a)(E.original)),
                   "page-size": w.value
                 }, {
                   "list-row": B((E) => [
-                    m(Xe, {
+                    c(Xe, {
                       row: E,
                       onRowClick: (q) => t(a)(q)
                     }, {
                       default: B((q) => {
-                        var Z, l, n, F, P, z, G, D, A, K, J, I, j, ie, Ce, Ie, Me, $e, Se, Oe, ce, De, Ve, Ae, Re, fe, Be;
+                        var Z, n, l, F, P, z, G, D, A, K, J, C, j, ie, Ce, Ie, Me, $e, Se, Oe, ce, De, Ve, Ae, Re, fe, Be;
                         return [
                           e("div", cs, [
                             e("div", fs, [
                               e("div", ys, [
-                                m(t(ee), {
-                                  render: (n = (l = (Z = q._id) == null ? void 0 : Z.column) == null ? void 0 : l.columnDef) == null ? void 0 : n.cell,
+                                c(t(ee), {
+                                  render: (l = (n = (Z = q._id) == null ? void 0 : Z.column) == null ? void 0 : n.columnDef) == null ? void 0 : l.cell,
                                   props: (P = (F = q._id) == null ? void 0 : F.getContext) == null ? void 0 : P.call(F)
                                 }, null, 8, ["render", "props"])
                               ]),
                               e("div", vs, [
-                                m(t(ee), {
+                                c(t(ee), {
                                   render: (D = (G = (z = q.name) == null ? void 0 : z.column) == null ? void 0 : G.columnDef) == null ? void 0 : D.cell,
                                   props: (K = (A = q.name) == null ? void 0 : A.getContext) == null ? void 0 : K.call(A)
                                 }, null, 8, ["render", "props"])
                               ]),
                               e("div", bs, [
-                                m(t(ee), {
-                                  render: (j = (I = (J = q.supplier) == null ? void 0 : J.column) == null ? void 0 : I.columnDef) == null ? void 0 : j.cell,
+                                c(t(ee), {
+                                  render: (j = (C = (J = q.supplier) == null ? void 0 : J.column) == null ? void 0 : C.columnDef) == null ? void 0 : j.cell,
                                   props: (Ce = (ie = q.supplier) == null ? void 0 : ie.getContext) == null ? void 0 : Ce.call(ie)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              e("div", null, M((Ie = E.original.locations) != null && Ie.length ? `Enabled for ${(Me = E.original.locations) == null ? void 0 : Me.length} outlets` : "Enabled for all outlets"), 1),
-                              e("div", gs, M(E.original.purchaseOrder.items.length ? E.original.purchaseOrder.items.map((tt) => tt.name).join(", ") : "No items"), 1),
+                              e("div", null, I((Ie = E.original.locations) != null && Ie.length ? `Enabled for ${(Me = E.original.locations) == null ? void 0 : Me.length} outlets` : "Enabled for all outlets"), 1),
+                              e("div", gs, I(E.original.purchaseOrder.items.length ? E.original.purchaseOrder.items.map((tt) => tt.name).join(", ") : "No items"), 1),
                               e("div", hs, [
-                                m(t(ee), {
+                                c(t(ee), {
                                   render: (Oe = (Se = ($e = q.ref) == null ? void 0 : $e.column) == null ? void 0 : Se.columnDef) == null ? void 0 : Oe.cell,
                                   props: (De = (ce = q.ref) == null ? void 0 : ce.getContext) == null ? void 0 : De.call(ce)
                                 }, null, 8, ["render", "props"])
                               ])
                             ]),
                             e("div", null, [
-                              m(t(ee), {
+                              c(t(ee), {
                                 render: (Re = (Ae = (Ve = q.type) == null ? void 0 : Ve.column) == null ? void 0 : Ae.columnDef) == null ? void 0 : Re.cell,
                                 props: (Be = (fe = q.type) == null ? void 0 : fe.getContext) == null ? void 0 : Be.call(fe)
                               }, null, 8, ["render", "props"])
@@ -1599,10 +1599,10 @@ const Wt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-cen
           }),
           _: 1
         }, 8, ["title", "actions"]),
-        (S(), le(nt, { to: "body" }, [
-          m(ps, at(rt(t(_))), null, 16),
-          m(So, Ye(t(u), {
-            onSubmitted: x[2] || (x[2] = (te) => t(C).fetchTemplates())
+        (S(), ne(lt, { to: "body" }, [
+          c(ps, at(rt(t(_))), null, 16),
+          c(So, Ye(t(u), {
+            onSubmitted: x[2] || (x[2] = (te) => t(M).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);