@feedmepos/mf-inventory-portal 0.0.21-dev.7 → 0.0.22-dev.1

package/dist/{TransferTemplateView-ikRXcgOO.js → TransferTemplateView-DnyenkGu.js}

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