@feedmepos/mf-inventory-portal 1.0.15-dev.2 → 1.0.15-dev.3

package/dist/{TransferTemplateView-BDOt17yc.js → TransferTemplateView-CNMHm8Gy.js}

@@ -1,15 +1,15 @@
-import { defineComponent as ee, onMounted as ve, computed as U, ref as Q, watch as be, inject as et, resolveComponent as A, openBlock as R, createElementBlock as j, createElementVNode as s, createVNode as p, withCtx as N, renderSlot as Re, withDirectives as Ae, normalizeClass as X, vModelText as Pe, reactive as tt, h as J, toDisplayString as D, unref as t, createCommentVNode as oe, Fragment as _e, renderList as ze, normalizeStyle as He, createBlock as Z, mergeProps as Qe, isRef as je, Teleport as st, normalizeProps as ot, guardReactiveProps as lt } from "vue";
-import { G as Ke, ay as ce, t as Ue, I as nt, az as at, aA as rt, i as Y, aB as it, b as ut, a as Ge, J as Be, l as fe, P as me, K as ue, A as ye, M as dt, E as W, u as We, ac as mt, V as pt, C as Ye, d as ne, aC as de, a9 as ct, a1 as ft, z as yt, h as Le, _ as vt, B as bt } from "./app-DtICLubM.js";
+import { defineComponent as ee, onMounted as ve, computed as U, ref as Q, watch as be, inject as et, resolveComponent as A, openBlock as R, createElementBlock as j, createElementVNode as s, createVNode as p, withCtx as N, renderSlot as Re, withDirectives as Ae, normalizeClass as X, vModelText as Pe, reactive as tt, h as Z, toDisplayString as V, unref as t, createCommentVNode as oe, Fragment as _e, renderList as ze, normalizeStyle as He, createBlock as J, mergeProps as Qe, isRef as je, Teleport as st, normalizeProps as ot, guardReactiveProps as lt } from "vue";
+import { G as Ge, aC as ce, t as Ue, I as nt, aD as at, aE as rt, i as Y, aF as it, b as ut, a as We, O as Le, l as fe, W as me, P as ue, A as ye, M as dt, E as K, u as Ke, ag as mt, Z as pt, C as Ye, d as ne, aG as de, ad as ct, a5 as ft, z as yt, h as Be, _ as vt, B as bt } from "./app-cfPLYfcH.js";
 import { useI18n as le } from "@feedmepos/mf-common";
-import { P as G, a as _t, f as ht, t as xt, b as qe, u as gt } from "./format-unit-display-CPqfS4vp.js";
-import { components as se, useDialog as kt, useSnackbar as Tt, useProxiedModel as Je, useBreakpoints as wt } from "@feedmepos/ui-library";
+import { P as W, a as _t, f as ht, t as xt, b as qe, u as gt } from "./format-unit-display-D3UdcFM6.js";
+import { components as se, useDialog as kt, useSnackbar as Tt, useProxiedModel as Ze, useBreakpoints as wt } from "@feedmepos/ui-library";
 import { defineStore as Ft, storeToRefs as Ee } from "pinia";
-import { _ as It, b as St, F as Ct, a as $t } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-XmTRSHn_.js";
-import { u as pe } from "./feature-Y7qzvbl4.js";
-import { c as Ot, u as Mt, _ as Vt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-D6ktiUO5.js";
-import { u as Dt } from "./supplier-JVTTlQNL.js";
-import { u as Rt } from "./use-ingredient-select-dialog-Df59lld2.js";
-const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { class: "flex-1" }, Bt = { class: "flex items-center" }, Lt = { class: "flex-1" }, qt = { class: "flex-1" }, Et = /* @__PURE__ */ ee({
+import { _ as It, b as St, F as Ct, a as $t } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DoY67RWl.js";
+import { u as pe } from "./feature-dhG2tL_A.js";
+import { c as Ot, u as Mt, _ as Dt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DFJNtwjV.js";
+import { u as Vt } from "./supplier-CAcd6PiU.js";
+import { u as Rt } from "./use-ingredient-select-dialog-E3qfQso7.js";
+const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { class: "flex-1" }, Lt = { class: "flex items-center" }, Bt = { class: "flex-1" }, qt = { class: "flex-1" }, Et = /* @__PURE__ */ ee({
   __name: "FmMinMaxInput",
   props: {
     rules: {},
@@ -47,7 +47,7 @@ const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { c
     helperState: {}
   },
   setup(m) {
-    const c = m, v = Ke("modelValue"), e = nt();
+    const c = m, v = Ge("modelValue"), e = nt();
     ve(() => {
       const { min: y, max: d } = v ?? {};
       if (!(!y || !d) && y.precision !== d.precision) {
@@ -80,7 +80,7 @@ const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { c
         k.max = null;
       v.min = k.min, v.max = k.max;
     });
-    const o = Symbol.for("fm:form-state"), u = et(o, null), _ = U(() => c.disabled ?? (u == null ? void 0 : u.getDisabled()) ?? !1), P = Q(), I = Q(), h = Q(!1), S = Q(!1), V = U(() => h.value || S.value), K = U(() => [...[
+    const o = Symbol.for("fm:form-state"), u = et(o, null), _ = U(() => c.disabled ?? (u == null ? void 0 : u.getDisabled()) ?? !1), P = Q(), I = Q(), h = Q(!1), S = Q(!1), D = U(() => h.value || S.value), G = U(() => [...[
       function() {
         return typeof e(b.value) == "string" || typeof e(i.value) == "string" ? "Must be a number" : !0;
       },
@@ -100,12 +100,12 @@ const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { c
               optional: y.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          p(a, { focused: V.value }, {
+          p(a, { focused: D.value }, {
             default: N(() => [
-              s("div", Bt, [
+              s("div", Lt, [
                 Re(y.$slots, "prepend"),
                 d[6] || (d[6] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
-                s("div", Lt, [
+                s("div", Bt, [
                   Ae(s("input", {
                     type: "text",
                     ref_key: "minInputRef",
@@ -151,7 +151,7 @@ const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { c
           class: "flex-1",
           "model-value": y.modelValue,
           info: y.labelInfo,
-          rules: K.value,
+          rules: G.value,
           "helper-text": y.helperText,
           "helper-state": y.helperState
         }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
@@ -176,7 +176,7 @@ function Ht(m) {
     return !g && !b ? `Min & max must be a multiple of ${v}` : g ? b ? !0 : `Max must be a multiple of ${v}` : `Min must be a multiple of ${v}`;
   };
 }
-const Ze = Ft("transfer-template-helper", () => {
+const Je = Ft("transfer-template-helper", () => {
   const m = ut();
   function c(v, e, n, g, b) {
     var o;
@@ -201,16 +201,16 @@ const Ze = Ft("transfer-template-helper", () => {
   };
 });
 var H = /* @__PURE__ */ ((m) => (m.Code = "Code", m.Name = "Name", m.DefaultAmount = "DefaultAmount", m.Limit = "Limit", m.Step = "Step", m.Cost = "Cost", m.Delete = "Delete", m))(H || {});
-const Ne = Ze();
+const Ne = Je();
 function Qt(m) {
-  const { t: c } = le(), v = Ge(), e = pe(), n = tt({});
+  const { t: c } = le(), v = We(), e = pe(), n = tt({});
   ve(() => {
     for (const i of m.items) {
       if (!i.totalCost)
         continue;
       const o = Ot(i.sku, i.quantity, i.measurement, {
         supplier: m.supplier
-      }), u = i.totalCost ?? Be.reset();
+      }), u = i.totalCost ?? Le.reset();
       o ? n[i.sku._id] = o.amount !== u.amount || o.precision !== u.precision : n[i.sku._id] = !0;
     }
   });
@@ -222,7 +222,7 @@ function Qt(m) {
       size: 180,
       cell(i) {
         const o = i.row.original;
-        return J(se.FmTextField, {
+        return Z(se.FmTextField, {
           modelValue: o.code,
           "onUpdate:modelValue": (u) => {
             m.updateItem({
@@ -243,7 +243,7 @@ function Qt(m) {
       minSize: 300,
       cell(i) {
         const o = i.row.original;
-        return J(se.FmTextField, {
+        return Z(se.FmTextField, {
           modelValue: o.name,
           "onUpdate:modelValue": (u) => {
             m.updateItem({
@@ -265,10 +265,10 @@ function Qt(m) {
       cell(i) {
         var h;
         const o = i.row.original, u = v.skuById[o.sku._id], _ = v.unitById[(h = u.unit) == null ? void 0 : h._id], P = _.measurements.find((S) => {
-          var V;
-          return ((V = o.measurement) == null ? void 0 : V.id) === S.id;
+          var D;
+          return ((D = o.measurement) == null ? void 0 : D.id) === S.id;
         }), I = o.sku.unit._id !== u.unit._id || !_ || o.measurement && !P;
-        return J(It, {
+        return Z(It, {
           style: {
             flex: "1 1 0%"
           },
@@ -285,13 +285,13 @@ function Qt(m) {
               o,
               u,
               S,
-              (V) => {
+              (D) => {
                 m.updateItem({
                   ...o,
-                  code: V.code,
+                  code: D.code,
                   sku: u,
-                  quantity: V.quantity,
-                  measurement: V.measurement
+                  quantity: D.quantity,
+                  measurement: D.measurement
                 });
               }
             );
@@ -312,7 +312,7 @@ function Qt(m) {
             $t(
               o.maximumQuantity ? +Y(o.maximumQuantity) : 1 / 0
             ),
-            function(V) {
+            function(D) {
               return I ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
             }
           ],
@@ -328,7 +328,7 @@ function Qt(m) {
       minSize: 280,
       cell(i) {
         const o = i.row.original;
-        return J(Et, {
+        return Z(Et, {
           style: {
             flex: "1 1 0%"
           },
@@ -365,8 +365,8 @@ function Qt(m) {
       minSize: 100,
       cell(i) {
         const o = i.row.original;
-        return J(se.FmTextField, {
-          modelValue: Y(o.quantityStep ?? Be.reset(), !1),
+        return Z(se.FmTextField, {
+          modelValue: Y(o.quantityStep ?? Le.reset(), !1),
           key: o.sku._id,
           "onUpdate:modelValue": (u) => {
             m.updateItem({
@@ -390,8 +390,8 @@ function Qt(m) {
       header: "",
       cell(i) {
         const o = i.row.original;
-        return J("div", { class: "flex items-center" }, [
-          e.usePurchaseOrderV2 ? J(
+        return Z("div", { class: "flex items-center" }, [
+          e.usePurchaseOrderV2 ? Z(
             se.FmTooltip,
             {
               zIndex: 50,
@@ -399,7 +399,7 @@ function Qt(m) {
             },
             {
               default() {
-                return J(se.FmButton, {
+                return Z(se.FmButton, {
                   key: o.sku._id,
                   type: "button",
                   icon: "add_circle",
@@ -435,7 +435,7 @@ function Qt(m) {
               }
             }
           ) : null,
-          J(se.FmButton, {
+          Z(se.FmButton, {
             class: "delete-button",
             key: o.sku._id,
             type: "button",
@@ -458,10 +458,10 @@ function Qt(m) {
     }
   ];
   return {
-    columnDefs: U(() => pe().enableTotalCost && m.transferType === G.PURCHASE ? g : g.filter((o) => o.id !== "Cost"))
+    columnDefs: U(() => pe().enableTotalCost && m.transferType === W.PURCHASE ? g : g.filter((o) => o.id !== "Cost"))
   };
 }
-const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-center" }, Gt = { class: "flex-1 flex gap-1 items-center" }, Wt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Yt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jt = { class: "flex gap-8 w-full" }, Zt = { class: "flex-1 flex flex-col gap-4" }, Xt = { class: "flex-1 flex flex-col gap-4" }, es = {
+const jt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-center" }, Wt = { class: "flex-1 flex gap-1 items-center" }, Kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Yt = { 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" }, Xt = { class: "flex-1 flex flex-col gap-4" }, es = {
   key: 0,
   class: "flex gap-8 w-full"
 }, ts = { class: "flex-1 flex flex-col gap-4" }, ss = { class: "flex-1 flex flex-col gap-4" }, os = { class: "flex gap-8 w-full" }, ls = { class: "flex-1 flex flex-col gap-4" }, ns = /* @__PURE__ */ ee({
@@ -476,29 +476,29 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
       return e;
     }
     return (e, n) => {
-      var b, i, o, u, _, P, I, h, S, V, K, y, d, k, a, f, C, $, x, l, r, T, F, B, z, O, M, L, q, w;
+      var b, i, o, u, _, P, I, h, S, D, G, y, d, k, a, f, C, $, x, l, r, T, F, L, z, O, M, B, q, w;
       const g = A("FmLabel");
       return R(), j("div", jt, [
-        s("div", Kt, [
-          s("div", Gt, [
-            s("span", Wt, " (" + D(e.row.original.sku.code) + ") ", 1),
-            s("span", Yt, D(e.row.original.sku.name), 1)
+        s("div", Gt, [
+          s("div", Wt, [
+            s("span", Kt, " (" + V(e.row.original.sku.code) + ") ", 1),
+            s("span", Yt, V(e.row.original.sku.name), 1)
           ]),
           s("div", null, [
-            p(t(W), {
+            p(t(K), {
               render: (o = (i = (b = e.cellByColId.Delete) == null ? void 0 : b.column) == null ? void 0 : i.columnDef) == null ? void 0 : o.cell,
               props: (_ = (u = e.cellByColId.Delete) == null ? void 0 : u.getContext) == null ? void 0 : _.call(u)
             }, null, 8, ["render", "props"])
           ])
         ]),
-        s("div", Jt, [
-          s("div", Zt, [
+        s("div", Zt, [
+          s("div", Jt, [
             p(g, {
               label: t(c)(`inventory.transfer.form.items.table.${t(H).Code}`)
             }, null, 8, ["label"]),
-            p(t(W), {
+            p(t(K), {
               render: (h = (I = (P = e.cellByColId[t(H).Code]) == null ? void 0 : P.column) == null ? void 0 : I.columnDef) == null ? void 0 : h.cell,
-              props: (V = (S = e.cellByColId[t(H).Code]) == null ? void 0 : S.getContext) == null ? void 0 : V.call(S)
+              props: (D = (S = e.cellByColId[t(H).Code]) == null ? void 0 : S.getContext) == null ? void 0 : D.call(S)
             }, null, 8, ["render", "props"]),
             n[0] || (n[0] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ]),
@@ -506,8 +506,8 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
             p(g, {
               label: t(c)(`inventory.transfer.form.items.table.${t(H).Name}`)
             }, null, 8, ["label"]),
-            p(t(W), {
-              render: (d = (y = (K = e.cellByColId[t(H).Name]) == null ? void 0 : K.column) == null ? void 0 : y.columnDef) == null ? void 0 : d.cell,
+            p(t(K), {
+              render: (d = (y = (G = e.cellByColId[t(H).Name]) == null ? void 0 : G.column) == null ? void 0 : y.columnDef) == null ? void 0 : d.cell,
               props: (a = (k = e.cellByColId[t(H).Name]) == null ? void 0 : k.getContext) == null ? void 0 : a.call(k)
             }, null, 8, ["render", "props"]),
             n[1] || (n[1] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
@@ -518,7 +518,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
             p(g, {
               label: t(c)(`inventory.transfer.form.items.table.${t(H).DefaultAmount}`)
             }, null, 8, ["label"]),
-            p(t(W), {
+            p(t(K), {
               render: ($ = (C = (f = e.cellByColId[t(H).DefaultAmount]) == null ? void 0 : f.column) == null ? void 0 : C.columnDef) == null ? void 0 : $.cell,
               props: (l = (x = e.cellByColId[t(H).DefaultAmount]) == null ? void 0 : x.getContext) == null ? void 0 : l.call(x)
             }, null, 8, ["render", "props"]),
@@ -528,9 +528,9 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
             p(g, {
               label: t(c)(`inventory.transfer.form.items.table.${t(H).Step}`)
             }, null, 8, ["label"]),
-            p(t(W), {
+            p(t(K), {
               render: (F = (T = (r = e.cellByColId[t(H).Step]) == null ? void 0 : r.column) == null ? void 0 : T.columnDef) == null ? void 0 : F.cell,
-              props: (z = (B = e.cellByColId[t(H).Step]) == null ? void 0 : B.getContext) == null ? void 0 : z.call(B)
+              props: (z = (L = e.cellByColId[t(H).Step]) == null ? void 0 : L.getContext) == null ? void 0 : z.call(L)
             }, null, 8, ["render", "props"]),
             n[3] || (n[3] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
           ])
@@ -540,8 +540,8 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
             p(g, {
               label: t(c)(`inventory.transfer.form.items.table.${t(H).Limit}`)
             }, null, 8, ["label"]),
-            p(t(W), {
-              render: (L = (M = (O = e.cellByColId[t(H).Limit]) == null ? void 0 : O.column) == null ? void 0 : M.columnDef) == null ? void 0 : L.cell,
+            p(t(K), {
+              render: (B = (M = (O = e.cellByColId[t(H).Limit]) == null ? void 0 : O.column) == null ? void 0 : M.columnDef) == null ? void 0 : B.cell,
               props: (w = (q = e.cellByColId[t(H).Limit]) == null ? void 0 : q.getContext) == null ? void 0 : w.call(q)
             }, null, 8, ["render", "props"]),
             n[4] || (n[4] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
@@ -574,7 +574,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
           })
         }, [
           s("span", rs, [
-            p(t(W), {
+            p(t(K), {
               props: n.getContext(),
               render: n.column.columnDef.cell
             }, null, 8, ["props", "render"])
@@ -590,7 +590,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
     disabled: { type: Boolean }
   },
   setup(m, { expose: c }) {
-    const v = m, e = Ke(), { t: n } = le(), g = We(), b = Ge(), i = Dt(), o = pe(), u = Ze();
+    const v = m, e = Ge(), { t: n } = le(), g = Ke(), b = We(), i = Vt(), o = pe(), u = Je();
     be(
       () => v.modelValue,
       (l) => {
@@ -610,12 +610,12 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
     ), P = U({
       get() {
         var l, r;
-        return typeof ((r = (l = e.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : r.internal) == "string" ? G.TRANSFER : G.PURCHASE;
+        return typeof ((r = (l = e.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : r.internal) == "string" ? W.TRANSFER : W.PURCHASE;
       },
       set(l) {
         var T, F;
-        const r = typeof ((F = (T = e.purchaseOrder) == null ? void 0 : T.supplier) == null ? void 0 : F.internal) == "string" ? G.TRANSFER : G.PURCHASE;
-        l !== r && (e.purchaseOrder.supplier = l === G.PURCHASE ? _.locationOptionsTypePurchase.value[0] : _.locationOptionsTypeTransfer.value[0]);
+        const r = typeof ((F = (T = e.purchaseOrder) == null ? void 0 : T.supplier) == null ? void 0 : F.internal) == "string" ? W.TRANSFER : W.PURCHASE;
+        l !== r && (e.purchaseOrder.supplier = l === W.PURCHASE ? _.locationOptionsTypePurchase.value[0] : _.locationOptionsTypeTransfer.value[0]);
       }
     }), I = U(() => _.transferLocationOptions.value), h = U({
       get() {
@@ -627,8 +627,8 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
       }
     }), {
       promptSelectLocations: S,
-      columnDefs: V,
-      rowData: K
+      columnDefs: D,
+      rowData: G
     } = mt({
       getLocations() {
         return e.locations;
@@ -640,8 +640,8 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
     function y() {
       var l, r;
       return (l = e.locations) != null && l.find((T) => {
-        var F, B;
-        return ((F = T.doc) == null ? void 0 : F._id) === ((B = e.purchaseOrder.supplier) == null ? void 0 : B._id);
+        var F, L;
+        return ((F = T.doc) == null ? void 0 : F._id) === ((L = e.purchaseOrder.supplier) == null ? void 0 : L._id);
       }) ? `Location ${(r = e.purchaseOrder.supplier) == null ? void 0 : r.name} must be removed because template cannot be used to transfer to itself.` : !0;
     }
     const d = U({
@@ -695,7 +695,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
         return e.purchaseOrder.items;
       },
       get transferType() {
-        return G.PURCHASE;
+        return W.PURCHASE;
       },
       get disabled() {
         return v.disabled;
@@ -708,13 +708,13 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
         value: O
       })).filter((O) => {
         var M;
-        return (M = e.purchaseOrder.items) == null ? void 0 : M.find((L) => L.sku._id === O.value._id);
+        return (M = e.purchaseOrder.items) == null ? void 0 : M.find((B) => B.sku._id === O.value._id);
       }).map((O) => O.value), T = e.purchaseOrder.items ?? [], F = await $(
         r.map((O) => O._id),
         (O) => {
-          const M = b.skuById[O], L = T.find((E) => E.sku._id === M._id);
-          if (L)
-            return L;
+          const M = b.skuById[O], B = T.find((E) => E.sku._id === M._id);
+          if (B)
+            return B;
           const q = { amount: 1, precision: me(M.unit) };
           let w = {
             id: o.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
@@ -743,21 +743,21 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
         }
       );
       if (!F) return;
-      const B = F.map((O) => O.sku._id), z = [];
-      for (const O of B) {
-        const M = T.filter((L) => L.sku._id === O);
+      const L = F.map((O) => O.sku._id), z = [];
+      for (const O of L) {
+        const M = T.filter((B) => B.sku._id === O);
         if (M.length > 0)
           z.push(...M);
         else {
-          const L = F.find((q) => q.sku._id === O);
-          L && z.push(L);
+          const B = F.find((q) => q.sku._id === O);
+          B && z.push(B);
         }
       }
       z.sort((O, M) => O.sku.code.localeCompare(M.sku.code)), e.purchaseOrder.items = z;
     }
     return (l, r) => {
-      const T = A("FmTextField"), F = A("FmSelect"), B = A("FmTextarea"), z = A("FmButton"), O = A("FmTable"), M = A("FmFormGroup"), L = A("FmForm");
-      return R(), Z(L, {
+      const T = A("FmTextField"), F = A("FmSelect"), L = A("FmTextarea"), z = A("FmButton"), O = A("FmTable"), M = A("FmFormGroup"), B = A("FmForm");
+      return R(), J(B, {
         ref_key: "formRef",
         ref: k,
         class: "flex flex-col gap-32",
@@ -782,13 +782,13 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   items: [
                     {
                       label: t(n)("inventory.transfer.form.type.purchase"),
-                      value: t(G).PURCHASE,
+                      value: t(W).PURCHASE,
                       disabled: !t(_).locationOptionsTypePurchase.value.length,
                       sublabel: t(_).locationOptionsTypePurchase.value.length ? void 0 : t(n)("inventory.transfer.form.noSupplierAvailable")
                     },
                     {
                       label: t(n)("inventory.transfer.form.type.transfer"),
-                      value: t(G).TRANSFER,
+                      value: t(W).TRANSFER,
                       disabled: !t(_).locationOptionsTypeTransfer.value.length,
                       sublabel: t(_).locationOptionsTypeTransfer.value.length ? void 0 : t(n)("inventory.transfer.form.noLocationAvailable")
                     }
@@ -801,12 +801,12 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                         "line-clamp-1 fm-typo-en-body-lg-400",
                         l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                       ])
-                    }, D(t(pt)(P.value)), 3)
+                    }, V(t(pt)(P.value)), 3)
                   ]),
                   _: 1
                 }, 8, ["label", "model-value", "items", "rules"]),
                 p(F, {
-                  label: P.value === t(G).PURCHASE ? t(n)("inventory.transfer.form.purchaseFrom") : t(n)("inventory.transfer.form.transferFrom"),
+                  label: P.value === t(W).PURCHASE ? t(n)("inventory.transfer.form.purchaseFrom") : t(n)("inventory.transfer.form.transferFrom"),
                   modelValue: h.value,
                   "onUpdate:modelValue": r[2] || (r[2] = (w) => h.value = w),
                   items: I.value
@@ -814,7 +814,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   "menu-wrapper": N((w) => {
                     var E;
                     return [
-                      p(Vt, Qe(w, {
+                      p(Dt, Qe(w, {
                         items: I.value,
                         "model-value": (E = l.modelValue.purchaseOrder.supplier) == null ? void 0 : E._id
                       }), null, 16, ["items", "model-value"])
@@ -828,7 +828,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                           "line-clamp-1 fm-typo-en-body-lg-400",
                           l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
                         ])
-                      }, D((w = I.value.find((E) => E.value === h.value)) == null ? void 0 : w.label), 3)
+                      }, V((w = I.value.find((E) => E.value === h.value)) == null ? void 0 : w.label), 3)
                     ];
                   }),
                   _: 1
@@ -839,7 +839,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   modelValue: t(e).purchaseOrder.ref,
                   "onUpdate:modelValue": r[3] || (r[3] = (w) => t(e).purchaseOrder.ref = w)
                 }, null, 8, ["label", "modelValue"]),
-                p(B, {
+                p(L, {
                   label: t(n)("inventory.transfer.form.remark"),
                   "label-mark": "optional",
                   "max-length": 240,
@@ -862,8 +862,8 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                 }, null, 8, ["disabled", "onClick"])
               ]),
               p(O, {
-                "column-defs": t(V),
-                "row-data": t(K),
+                "column-defs": t(D),
+                "row-data": t(G),
                 "shrink-at": 9999,
                 onRowClick: t(S),
                 "hide-footer": ""
@@ -880,7 +880,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
             ]),
             s("div", fs, [
               s("div", ys, [
-                s("div", vs, D(t(n)("inventory.transfer.form.items.title")), 1),
+                s("div", vs, V(t(n)("inventory.transfer.form.items.title")), 1),
                 p(z, {
                   disabled: l.disabled,
                   label: t(n)("inventory.transfer.form.items.addItem"),
@@ -891,7 +891,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   size: "md"
                 }, null, 8, ["disabled", "label"])
               ]),
-              (R(), Z(O, {
+              (R(), J(O, {
                 "column-defs": C.value,
                 "row-data": t(e).purchaseOrder.items,
                 key: t(e).purchaseOrder.items.map((w) => w.sku._id).join("."),
@@ -906,7 +906,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   }, null, 8, ["row", "disabled"])
                 ]),
                 "list-row": N((w) => [
-                  (R(), Z(Ye, {
+                  (R(), J(Ye, {
                     row: w,
                     key: t(e).purchaseOrder.items.map((E) => E.sku._id).join(".")
                   }, {
@@ -944,7 +944,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
   emits: ["update:show", "submitted"],
   setup(m, { expose: c, emit: v }) {
     var k;
-    const e = m, n = v, g = _t(), b = Tt(), { t: i } = le(), o = Je(e, "show");
+    const e = m, n = v, g = _t(), b = Tt(), { t: i } = le(), o = Ze(e, "show");
     function u() {
       return {
         _id: "",
@@ -1008,7 +1008,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
         (f = (a = S.value) == null ? void 0 : a.resetInputs) == null || f.call(a);
       }
     });
-    async function V() {
+    async function D() {
       var f, C;
       const a = _.value;
       if (a) {
@@ -1032,7 +1032,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
         }
       }
     }
-    async function K() {
+    async function G() {
       var f, C;
       const a = _.value;
       if (a) {
@@ -1059,9 +1059,9 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
     function y() {
       switch (e.mode) {
         case ne.CREATE:
-          return V();
+          return D();
         case ne.UPDATE:
-          return K();
+          return G();
       }
     }
     function d() {
@@ -1070,7 +1070,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
     }
     return (a, f) => {
       const C = A("FmButton"), $ = A("FmSideSheet");
-      return R(), Z($, {
+      return R(), J($, {
         modelValue: t(o),
         "onUpdate:modelValue": f[2] || (f[2] = (x) => je(o) ? o.value = x : null),
         "dismiss-away": "",
@@ -1079,11 +1079,11 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
       }, {
         "side-sheet-header": N(() => [
           s("div", _s, [
-            s("div", hs, D(h.value), 1)
+            s("div", hs, V(h.value), 1)
           ])
         ]),
         default: N(() => [
-          (R(), Z(bs, {
+          (R(), J(bs, {
             class: "w-full",
             ref_key: "formRef",
             ref: S,
@@ -1116,19 +1116,19 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
 }), ks = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, Ts = { class: "flex justify-between" }, ws = { class: "fm-typo-en-body-lg-600" }, Fs = { class: "fm-status-badge fm-status-badge-info-secondary" }, Is = { class: "flex flex-col gap-8" }, Ss = { class: "flex flex-col gap-4" }, Cs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $s = { class: "flex gap-1" }, Os = { class: "fm-typo-en-body-lg-600" }, Ms = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Vs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ds = { class: "fm-typo-en-body-lg-600" }, Rs = {
+}, Ds = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vs = { class: "fm-typo-en-body-lg-600" }, Rs = {
   key: 1,
   class: "flex flex-col gap-4"
 }, As = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ps = { class: "fm-typo-en-body-lg-600" }, Us = {
   key: 2,
   class: "flex flex-col gap-4"
-}, Bs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ls = { class: "fm-typo-en-body-lg-600" }, qs = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Es = { class: "flex flex-col gap-8" }, Ns = { class: "fm-typo-en-body-lg-600" }, zs = { class: "flex w-full gap-4" }, Hs = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Qs = { class: "fm-typo-en-body-lg-600 shrink-0" }, js = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Ks = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Gs = {
+}, Ls = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bs = { class: "fm-typo-en-body-lg-600" }, qs = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Es = { class: "flex flex-col gap-8" }, Ns = { class: "fm-typo-en-body-lg-600" }, zs = { class: "flex w-full gap-4" }, Hs = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Qs = { class: "fm-typo-en-body-lg-600 shrink-0" }, js = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Gs = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ws = {
   key: 0,
   class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, Ws = {
+}, Ks = {
   key: 0,
   class: "flex gap-4 items-center"
-}, Ys = { class: "flex flex-col gap-12" }, Js = { class: "flex flex-col gap-8" }, Zs = { class: "flex gap-8 xs:flex-col" }, Xs = /* @__PURE__ */ ee({
+}, Ys = { class: "flex flex-col gap-12" }, Zs = { class: "flex flex-col gap-8" }, Js = { class: "flex gap-8 xs:flex-col" }, Xs = /* @__PURE__ */ ee({
   __name: "TransferTemplateDetails",
   props: {
     template: {},
@@ -1144,14 +1144,14 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
       { accessorKey: "type", header: () => "Type" }
     ], o = Q(""), u = U(
       () => {
-        var I, h, S, V;
-        return ((h = (I = b.value) == null ? void 0 : I.supplier) == null ? void 0 : h.internal) === "restaurant" || ((V = (S = b.value) == null ? void 0 : S.supplier) == null ? void 0 : V.internal) === "warehouse" ? G.TRANSFER : G.PURCHASE;
+        var I, h, S, D;
+        return ((h = (I = b.value) == null ? void 0 : I.supplier) == null ? void 0 : h.internal) === "restaurant" || ((D = (S = b.value) == null ? void 0 : S.supplier) == null ? void 0 : D.internal) === "warehouse" ? W.TRANSFER : W.PURCHASE;
       }
-    ), _ = Q(!0), P = Je(v, "show");
+    ), _ = Q(!0), P = Ze(v, "show");
     return (I, h) => {
       var f;
-      const S = A("FmMenuDivider"), V = A("FmCard"), K = A("FmIcon"), y = A("FmTextField"), d = A("FmTable"), k = A("FmButton"), a = A("FmSideSheet");
-      return R(), Z(a, {
+      const S = A("FmMenuDivider"), D = A("FmCard"), G = A("FmIcon"), y = A("FmTextField"), d = A("FmTable"), k = A("FmButton"), a = A("FmSideSheet");
+      return R(), J(a, {
         header: t(g)("inventory.transfer.template.details.view", { template: (f = I.template) == null ? void 0 : f.name }),
         modelValue: t(P),
         "onUpdate:modelValue": h[2] || (h[2] = (C) => je(P) ? P.value = C : null),
@@ -1164,16 +1164,16 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
           return [
             s("div", ks, [
               s("div", null, [
-                p(V, {
+                p(D, {
                   variant: "outlined",
                   class: "flex flex-col gap-8 px-12 py-16"
                 }, {
                   default: N(() => {
-                    var x, l, r, T, F, B, z;
+                    var x, l, r, T, F, L, z;
                     return [
                       s("div", Ts, [
-                        s("div", ws, D(t(g)("inventory.transfer.template.details.templateSummary")), 1),
-                        s("div", Fs, D(t(g)(
+                        s("div", ws, V(t(g)("inventory.transfer.template.details.templateSummary")), 1),
+                        s("div", Fs, V(t(g)(
                           `inventory.transfer.receiveRequest.details.type.${u.value.toLocaleLowerCase("en-US")}`
                         )), 1)
                       ]),
@@ -1181,21 +1181,21 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                       s("div", Is, [
                         s("div", Ss, [
                           s("div", Cs, [
-                            s("div", $s, D(t(g)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                            s("div", $s, V(t(g)("inventory.transfer.receiveRequest.details.createdAt")), 1)
                           ]),
-                          s("div", Os, D(t(ct)(((x = I.template) == null ? void 0 : x._id) ?? "")), 1)
+                          s("div", Os, V(t(ct)(((x = I.template) == null ? void 0 : x._id) ?? "")), 1)
                         ]),
                         (r = (l = b.value) == null ? void 0 : l.supplier) != null && r.name ? (R(), j("div", Ms, [
-                          s("div", Vs, D(t(g)("inventory.transfer.receiveRequest.details.from")), 1),
-                          s("div", Ds, D((F = (T = b.value) == null ? void 0 : T.supplier) == null ? void 0 : F.name), 1)
+                          s("div", Ds, V(t(g)("inventory.transfer.receiveRequest.details.from")), 1),
+                          s("div", Vs, V((F = (T = b.value) == null ? void 0 : T.supplier) == null ? void 0 : F.name), 1)
                         ])) : oe("", !0),
-                        (B = b.value) != null && B.ref ? (R(), j("div", Rs, [
-                          s("div", As, D(t(g)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          s("div", Ps, D(b.value.ref), 1)
+                        (L = b.value) != null && L.ref ? (R(), j("div", Rs, [
+                          s("div", As, V(t(g)("inventory.transfer.receiveRequest.details.reference")), 1),
+                          s("div", Ps, V(b.value.ref), 1)
                         ])) : oe("", !0),
                         (z = b.value) != null && z.remark ? (R(), j("div", Us, [
-                          s("div", Bs, D(t(g)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          s("div", Ls, D(b.value.remark), 1)
+                          s("div", Ls, V(t(g)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          s("div", Bs, V(b.value.remark), 1)
                         ])) : oe("", !0)
                       ])
                     ];
@@ -1205,22 +1205,22 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
               ]),
               s("div", qs, [
                 s("div", Es, [
-                  s("div", Ns, D(t(g)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  s("div", Ns, V(t(g)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
                   (R(!0), j(_e, null, ze(((C = b.value) == null ? void 0 : C.items) ?? [], (x) => (R(), j("div", {
                     key: x.code,
                     class: "flex flex-col"
                   }, [
                     s("div", zs, [
-                      s("div", Hs, D(x.name), 1),
+                      s("div", Hs, V(x.name), 1),
                       h[3] || (h[3] = s("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      s("div", Qs, D(t(ht)(x.quantity, x.sku.unit, x.measurement)), 1)
+                      s("div", Qs, V(t(ht)(x.quantity, x.sku.unit, x.measurement)), 1)
                     ]),
                     s("div", js, [
-                      s("div", Ks, D(x.code), 1),
-                      x.totalCost && t(n).enableTotalCost ? (R(), j("div", Gs, " (" + D(t(ft)(x.totalCost)) + ") ", 1)) : oe("", !0)
+                      s("div", Gs, V(x.code), 1),
+                      x.totalCost && t(n).enableTotalCost ? (R(), j("div", Ws, " (" + V(t(ft)(x.totalCost)) + ") ", 1)) : oe("", !0)
                     ]),
-                    t(xt)(x) ? (R(), j("div", Ws, [
-                      p(K, {
+                    t(xt)(x) ? (R(), j("div", Ks, [
+                      p(G, {
                         name: "error",
                         color: "system-error-300",
                         size: "sm"
@@ -1237,7 +1237,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   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" }, " This template is only usable for the following locations. ")
                 ], -1)),
-                s("div", Js, [
+                s("div", Zs, [
                   p(y, {
                     modelValue: o.value,
                     "onUpdate:modelValue": h[0] || (h[0] = (x) => o.value = x),
@@ -1257,7 +1257,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
           ];
         }),
         "side-sheet-footer": N(() => [
-          s("div", Zs, [
+          s("div", Js, [
             p(k, {
               label: t(g)("common.edit"),
               onClick: h[1] || (h[1] = (C) => e("action:edit")),
@@ -1272,14 +1272,14 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
 }), eo = { class: "flex-1 flex flex-col gap-8" }, to = { class: "flex flex-col" }, so = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, oo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, lo = { class: "fm-typo-en-body-lg-400" }, no = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, ao = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ho = /* @__PURE__ */ ee({
   __name: "TransferTemplateView",
   setup(m) {
-    const { t: c } = le(), { createTemplate: v, viewTemplate: e, importTemplates: n, exportTemplates: g } = qe(), { templateDialogProps: b, templateDetailsProps: i } = Ee(qe()), o = gt(), { loading: u, templates: _ } = Ee(o), P = Q(!1), I = yt(), h = We(), { breakpoints: S } = wt();
+    const { t: c } = le(), { createTemplate: v, viewTemplate: e, importTemplates: n, exportTemplates: g } = qe(), { templateDialogProps: b, templateDetailsProps: i } = Ee(qe()), o = gt(), { loading: u, templates: _ } = Ee(o), P = Q(!1), I = yt(), h = Ke(), { breakpoints: S } = wt();
     ve(o.fetchTemplates);
-    const V = U(
+    const D = U(
       () => P.value || u.value || !h._currentLocation
-    ), K = U(() => _.value), y = Q(""), d = U(() => S.value.xs || S.value.sm), k = U(() => d.value ? 10 : 20);
+    ), G = U(() => _.value), y = Q(""), d = U(() => S.value.xs || S.value.sm), k = U(() => d.value ? 10 : 20);
     function a($) {
       switch ($) {
-        case Le.Add:
+        case Be.Add:
           return v();
         case "refresh":
           return o.fetchTemplates();
@@ -1295,7 +1295,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
     const C = U(() => [
       {
         label: c("inventory.closing.template.create.title"),
-        value: Le.Add,
+        value: Be.Add,
         isPrimary: !0,
         prependIcon: "add"
       },
@@ -1340,12 +1340,12 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                   search: y.value,
                   "onUpdate:search": x[0] || (x[0] = (T) => y.value = T)
                 }, null, 8, ["search"]),
-                (R(), Z(l, {
+                (R(), J(l, {
                   style: He(t(I).tableHeight),
                   "column-defs": t(o).columnDefs,
-                  "row-data": K.value,
+                  "row-data": G.value,
                   "search-value": y.value,
-                  loading: V.value,
+                  loading: D.value,
                   key: (r = t(h)._currentLocation) == null ? void 0 : r.dbName,
                   onRowClick: x[1] || (x[1] = (T) => t(e)(T.original)),
                   "page-size": k.value
@@ -1356,41 +1356,41 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
                       onRowClick: (F) => t(e)(F)
                     }, {
                       default: N((F) => {
-                        var B, z, O, M, L, q, w, E, te, he, xe, ge, ke, ae, Te, we, Fe, Ie, Se, Ce, re, $e, Oe, Me, Ve, ie, De;
+                        var L, z, O, M, B, q, w, E, te, he, xe, ge, ke, ae, Te, we, Fe, Ie, Se, Ce, re, $e, Oe, Me, De, ie, Ve;
                         return [
                           s("div", eo, [
                             s("div", to, [
                               s("div", so, [
-                                p(t(W), {
-                                  render: (O = (z = (B = F._id) == null ? void 0 : B.column) == null ? void 0 : z.columnDef) == null ? void 0 : O.cell,
-                                  props: (L = (M = F._id) == null ? void 0 : M.getContext) == null ? void 0 : L.call(M)
+                                p(t(K), {
+                                  render: (O = (z = (L = F._id) == null ? void 0 : L.column) == null ? void 0 : z.columnDef) == null ? void 0 : O.cell,
+                                  props: (B = (M = F._id) == null ? void 0 : M.getContext) == null ? void 0 : B.call(M)
                                 }, null, 8, ["render", "props"])
                               ]),
                               s("div", oo, [
-                                p(t(W), {
+                                p(t(K), {
                                   render: (E = (w = (q = F.name) == null ? void 0 : q.column) == null ? void 0 : w.columnDef) == null ? void 0 : E.cell,
                                   props: (he = (te = F.name) == null ? void 0 : te.getContext) == null ? void 0 : he.call(te)
                                 }, null, 8, ["render", "props"])
                               ]),
                               s("div", lo, [
-                                p(t(W), {
+                                p(t(K), {
                                   render: (ke = (ge = (xe = F.supplier) == null ? void 0 : xe.column) == null ? void 0 : ge.columnDef) == null ? void 0 : ke.cell,
                                   props: (Te = (ae = F.supplier) == null ? void 0 : ae.getContext) == null ? void 0 : Te.call(ae)
                                 }, null, 8, ["render", "props"])
                               ]),
-                              s("div", null, D((we = T.original.locations) != null && we.length ? `Enabled for ${(Fe = T.original.locations) == null ? void 0 : Fe.length} outlets` : "Enabled for all outlets"), 1),
-                              s("div", no, D(T.original.purchaseOrder.items.length ? T.original.purchaseOrder.items.map((Xe) => Xe.name).join(", ") : "No items"), 1),
+                              s("div", null, V((we = T.original.locations) != null && we.length ? `Enabled for ${(Fe = T.original.locations) == null ? void 0 : Fe.length} outlets` : "Enabled for all outlets"), 1),
+                              s("div", no, V(T.original.purchaseOrder.items.length ? T.original.purchaseOrder.items.map((Xe) => Xe.name).join(", ") : "No items"), 1),
                               s("div", ao, [
-                                p(t(W), {
+                                p(t(K), {
                                   render: (Ce = (Se = (Ie = F.ref) == null ? void 0 : Ie.column) == null ? void 0 : Se.columnDef) == null ? void 0 : Ce.cell,
                                   props: ($e = (re = F.ref) == null ? void 0 : re.getContext) == null ? void 0 : $e.call(re)
                                 }, null, 8, ["render", "props"])
                               ])
                             ]),
                             s("div", null, [
-                              p(t(W), {
-                                render: (Ve = (Me = (Oe = F.type) == null ? void 0 : Oe.column) == null ? void 0 : Me.columnDef) == null ? void 0 : Ve.cell,
-                                props: (De = (ie = F.type) == null ? void 0 : ie.getContext) == null ? void 0 : De.call(ie)
+                              p(t(K), {
+                                render: (De = (Me = (Oe = F.type) == null ? void 0 : Oe.column) == null ? void 0 : Me.columnDef) == null ? void 0 : De.cell,
+                                props: (Ve = (ie = F.type) == null ? void 0 : ie.getContext) == null ? void 0 : Ve.call(ie)
                               }, null, 8, ["render", "props"])
                             ])
                           ])
@@ -1406,7 +1406,7 @@ const jt = { class: "flex flex-col gap-8 py-16" }, Kt = { class: "flex items-cen
           }),
           _: 1
         }, 8, ["title", "actions"]),
-        (R(), Z(st, { to: "body" }, [
+        (R(), J(st, { to: "body" }, [
           p(Xs, ot(lt(t(i))), null, 16),
           p(gs, Qe(t(b), {
             onSubmitted: x[2] || (x[2] = (r) => t(o).fetchTemplates())