@feedmepos/mf-inventory-portal 0.0.21-dev.4 → 0.0.21-dev.6

package/dist/{WarehouseView-DOelxuIh.js → WarehouseView-pH9cKRsq.js}

@@ -1,86 +1,86 @@
-import { ref as W, defineComponent as O, watch as ee, onMounted as te, onUnmounted as Fe, openBlock as S, createElementBlock as j, toRaw as be, reactive as $e, createElementVNode as b, toDisplayString as L, unref as c, createVNode as k, resolveComponent as B, createSlots as De, withCtx as q, createTextVNode as We, renderSlot as Pe, createBlock as z, createCommentVNode as xe, computed as D, isRef as we, normalizeStyle as Se } from "vue";
-import { n as Re, Q as Te, T as Ee, c as G, V as ae, W as le, X as Ue, i as Le, R as N, j as Ne } from "./app-SBnQEeEV.js";
-import { useCoreStore as Be, useI18n as I } from "@feedmepos/mf-common";
-import { D as Ve, R as Z, F as E } from "./row-action.enum-PMKMRrZR.js";
-import { c as qe, _ as Ie, F as J } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { u as je, _ as ze, a as Oe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DYBTXD_J.js";
-import { useDialogChild as Ge, useDialog as Ae, useSnackbar as se, useProxiedModel as oe, useBreakpoints as Ke } from "@feedmepos/ui-library";
-const Y = Re((p, m) => {
-  const f = Be();
+import { ref as D, defineComponent as z, watch as ee, onMounted as te, onUnmounted as $e, openBlock as P, createElementBlock as I, toRaw as we, reactive as De, createElementVNode as b, toDisplayString as E, unref as p, createVNode as k, resolveComponent as L, createSlots as We, withCtx as N, createTextVNode as Pe, renderSlot as Se, createBlock as j, createCommentVNode as Ae, computed as F, isRef as Ve, normalizeClass as Re, normalizeStyle as Te } from "vue";
+import { n as Ee, Q as Ue, T as Le, c as G, V as ae, W as le, X as Ne, i as Be, R as U, j as qe } from "./app-COMlDiBt.js";
+import { useCoreStore as Ie, useI18n as q } from "@feedmepos/mf-common";
+import { D as _e, R as Z, F as T } from "./row-action.enum-PMKMRrZR.js";
+import { c as je, _ as ze, F as J } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { u as Oe, _ as Ge, a as Ke } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BR3OkQ-I.js";
+import { useDialogChild as He, useDialog as Me, useSnackbar as se, useProxiedModel as oe, useBreakpoints as Qe } from "@feedmepos/ui-library";
+const Y = Ee((m, f) => {
+  const h = Ie();
   return {
     async readWarehouses() {
       var l;
-      const a = ((l = f.currentBusiness.value) == null ? void 0 : l._id) ?? "", s = `${p.inventoryBackendUrl}/businesses/${a}/warehouses`;
-      return await m.get(s);
+      const a = ((l = h.currentBusiness.value) == null ? void 0 : l._id) ?? "", s = `${m.inventoryBackendUrl}/businesses/${a}/warehouses`;
+      return await f.get(s);
     },
     async createWarehouse(a) {
-      var u;
-      const s = ((u = f.currentBusiness.value) == null ? void 0 : u._id) ?? "", l = `${p.inventoryBackendUrl}/businesses/${s}/warehouse`;
-      return await m.post(l, a);
+      var i;
+      const s = ((i = h.currentBusiness.value) == null ? void 0 : i._id) ?? "", l = `${m.inventoryBackendUrl}/businesses/${s}/warehouse`;
+      return await f.post(l, a);
     },
     async updateWarehouse(a, s) {
       var r;
-      const l = ((r = f.currentBusiness.value) == null ? void 0 : r._id) ?? "", u = `${p.inventoryBackendUrl}/businesses/${l}/warehouse/${a}`;
-      return await m.put(u, s);
+      const l = ((r = h.currentBusiness.value) == null ? void 0 : r._id) ?? "", i = `${m.inventoryBackendUrl}/businesses/${l}/warehouse/${a}`;
+      return await f.put(i, s);
     },
     async deleteWarehouse(a) {
-      var u;
-      const s = ((u = f.currentBusiness.value) == null ? void 0 : u._id) ?? "", l = `${p.inventoryBackendUrl}/businesses/${s}/warehouse/${a}`;
-      return await m.delete(l);
+      var i;
+      const s = ((i = h.currentBusiness.value) == null ? void 0 : i._id) ?? "", l = `${m.inventoryBackendUrl}/businesses/${s}/warehouse/${a}`;
+      return await f.delete(l);
     }
   };
 });
-function He() {
+function Xe() {
   return {
     warehouses: []
   };
 }
-const _e = W(He());
-function Me() {
+const ke = D(Xe());
+function Ce() {
   return {
     // state
     get warehouses() {
-      return _e.value.warehouses;
+      return ke.value.warehouses;
     },
-    set warehouses(p) {
-      _e.value.warehouses = p;
+    set warehouses(m) {
+      ke.value.warehouses = m;
     },
     // actions
     async readWarehouses() {
-      const p = Y();
-      this.warehouses = await p.readWarehouses();
+      const m = Y();
+      this.warehouses = await m.readWarehouses();
     },
-    async createWarehouse(p) {
-      await Y().createWarehouse(p);
+    async createWarehouse(m) {
+      await Y().createWarehouse(m);
     },
-    async updateWarehouse(p) {
-      await Y().updateWarehouse(p._id, p.profile);
+    async updateWarehouse(m) {
+      await Y().updateWarehouse(m._id, m.profile);
     },
-    async deleteWarehouse(p) {
-      await Y().deleteWarehouse(p._id);
+    async deleteWarehouse(m) {
+      await Y().deleteWarehouse(m._id);
     },
     async init() {
-      const p = Te();
+      const m = Ue();
       try {
         await this.readWarehouses();
-      } catch (m) {
-        throw m instanceof Ee || p.error("Error at reading warehouses"), m;
+      } catch (f) {
+        throw f instanceof Le || m.error("Error at reading warehouses"), f;
       }
     }
   };
 }
-function Qe(p, m) {
-  function f(u, r) {
-    if (u === Z.Edit) {
-      p(G(r));
+function Ze(m, f) {
+  function h(i, r) {
+    if (i === Z.Edit) {
+      m(G(r));
       return;
     }
-    if (u === Z.Delete) {
-      m(G(r));
+    if (i === Z.Delete) {
+      f(G(r));
       return;
     }
   }
-  const { t: a } = I(), s = [
+  const { t: a } = q(), s = [
     {
       accessorKey: "warehouse",
       header: () => a("inventory.warehouse.table.warehouse"),
@@ -104,11 +104,11 @@ function Qe(p, m) {
     {
       id: "action",
       header: "",
-      cell(u) {
-        return qe(
-          [Ve[Z.Edit], Ve[Z.Delete]],
+      cell(i) {
+        return je(
+          [_e[Z.Edit], _e[Z.Delete]],
           (r) => {
-            f(r, u.row.original.original);
+            h(r, i.row.original.original);
           }
         );
       },
@@ -120,8 +120,8 @@ function Qe(p, m) {
       }
     }
   ];
-  function l(u) {
-    return u.map((r) => ({
+  function l(i) {
+    return i.map((r) => ({
       original: r,
       warehouse: r.profile.name,
       contact: r.profile.phoneNo,
@@ -141,7 +141,7 @@ function Qe(p, m) {
   }
   return { columnDefs: s, formatRowData: l };
 }
-const Xe = /* @__PURE__ */ O({
+const Je = /* @__PURE__ */ z({
   __name: "GoogleMap",
   props: {
     markers: {
@@ -166,147 +166,147 @@ const Xe = /* @__PURE__ */ O({
     }
   },
   emits: ["map-click", "marker-change", "polygon-change", "polygon-right-click"],
-  setup(p, { expose: m, emit: f }) {
-    const a = p, s = f;
-    m({
-      setCenter: (d) => {
-        var h, _;
-        (h = r.value) == null || h.setCenter(d), (_ = r.value) == null || _.setZoom(18);
+  setup(m, { expose: f, emit: h }) {
+    const a = m, s = h;
+    f({
+      setCenter: (u) => {
+        var y, V;
+        (y = r.value) == null || y.setCenter(u), (V = r.value) == null || V.setZoom(18);
       }
     });
-    const { googleMap: l } = le(), u = W(), r = W(null), n = [];
-    function V(d) {
+    const { googleMap: l } = le(), i = D(), r = D(null), n = [];
+    function w(u) {
       return {
-        lat: d.latLng.lat(),
-        lng: d.latLng.lng()
+        lat: u.latLng.lat(),
+        lng: u.latLng.lng()
       };
     }
-    function v(d, h, _) {
-      const $ = l.maps.event.addListener(d, h, _);
+    function v(u, y, V) {
+      const $ = l.maps.event.addListener(u, y, V);
       n.push($);
     }
-    const g = W([]);
-    function x(d, h, _) {
-      v(d, h, _);
+    const g = D([]);
+    function x(u, y, V) {
+      v(u, y, V);
     }
-    function A(d) {
-      R(null), g.value = d.map((h, _) => {
+    function A(u) {
+      S(null), g.value = u.map((y, V) => {
         const $ = new l.maps.Marker({
-          position: h,
+          position: y,
           draggable: !0
         });
-        return x($, "dragend", (U) => {
-          s("marker-change", { index: _, position: V(U) });
+        return x($, "dragend", (W) => {
+          s("marker-change", { index: V, position: w(W) });
         }), $;
-      }), R(r.value);
+      }), S(r.value);
     }
-    function R(d) {
-      g.value.map((h) => be(h).setMap(d));
+    function S(u) {
+      g.value.map((y) => we(y).setMap(u));
     }
-    const i = W([]);
-    function M(d, h, _) {
-      v(d, h, _);
+    const c = D([]);
+    function M(u, y, V) {
+      v(u, y, V);
     }
-    function C(d, h, _) {
-      v(d, h, _);
+    function C(u, y, V) {
+      v(u, y, V);
     }
-    function o(d) {
-      return i.value[d].getPath().getArray().map(({ lat: _, lng: $ }) => ({
-        lat: _(),
+    function o(u) {
+      return c.value[u].getPath().getArray().map(({ lat: V, lng: $ }) => ({
+        lat: V(),
         lng: $()
       }));
     }
-    function e(d) {
-      const h = o(d);
-      s("polygon-change", { index: d, path: h });
+    function e(u) {
+      const y = o(u);
+      s("polygon-change", { index: u, path: y });
     }
-    function t(d, h) {
-      const $ = o(d).filter((U, K) => K !== h);
-      s("polygon-change", { index: d, path: $ });
+    function t(u, y) {
+      const $ = o(u).filter((W, K) => K !== y);
+      s("polygon-change", { index: u, path: $ });
     }
-    function F(d, h) {
-      h.vertex !== void 0 ? t(d, h.vertex) : s("polygon-right-click", d);
+    function B(u, y) {
+      y.vertex !== void 0 ? t(u, y.vertex) : s("polygon-right-click", u);
     }
-    function w(d) {
-      y(null), i.value = d.map((h, _) => {
+    function _(u) {
+      d(null), c.value = u.map((y, V) => {
         const $ = new l.maps.Polygon({
-          paths: h.paths,
-          strokeColor: h.strokeColor,
-          fillColor: h.fillColor,
+          paths: y.paths,
+          strokeColor: y.strokeColor,
+          fillColor: y.fillColor,
           fillOpacity: 0.5,
           editable: a.editable
         });
-        return M($, "contextmenu", (U) => F(_, U)), $.getPaths().forEach((U) => {
-          C(U, "insert_at", () => e(_)), C(U, "set_at", () => e(_));
+        return M($, "contextmenu", (W) => B(V, W)), $.getPaths().forEach((W) => {
+          C(W, "insert_at", () => e(V)), C(W, "set_at", () => e(V));
         }), $;
-      }), y(r.value);
+      }), d(r.value);
     }
-    function y(d) {
-      i.value.map((h) => be(h).setMap(d));
+    function d(u) {
+      c.value.map((y) => we(y).setMap(u));
     }
-    function T(d, h, _) {
-      v(d, h, _);
+    function O(u, y, V) {
+      v(u, y, V);
     }
-    function P() {
-      r.value = new l.maps.Map(u.value, {
+    function R() {
+      r.value = new l.maps.Map(i.value, {
         center: a.center,
         zoom: a.zoom,
         mapTypeControl: !1,
         streetViewControl: !1,
         draggable: !0,
         scrollwheel: !0
-      }), T(r.value, "click", (d) => s("map-click", V(d)));
+      }), O(r.value, "click", (u) => s("map-click", w(u)));
     }
-    return ee(() => a.markers, A, { deep: !0 }), ee(() => a.polygons, w, { deep: !0 }), te(() => {
-      !u.value || !l || (P(), A(a.markers), w(a.polygons));
-    }), Fe(() => {
-      n.forEach((d) => d.remove());
-    }), (d, h) => (S(), j("div", {
+    return ee(() => a.markers, A, { deep: !0 }), ee(() => a.polygons, _, { deep: !0 }), te(() => {
+      !i.value || !l || (R(), A(a.markers), _(a.polygons));
+    }), $e(() => {
+      n.forEach((u) => u.remove());
+    }), (u, y) => (P(), I("div", {
       ref_key: "mapRef",
-      ref: u,
+      ref: i,
       class: "map app-map"
     }, null, 512));
   }
 });
 var re = { exports: {} };
-function Ce(p, m = 100, f = {}) {
-  if (typeof p != "function")
-    throw new TypeError(`Expected the first parameter to be a function, got \`${typeof p}\`.`);
-  if (m < 0)
+function Fe(m, f = 100, h = {}) {
+  if (typeof m != "function")
+    throw new TypeError(`Expected the first parameter to be a function, got \`${typeof m}\`.`);
+  if (f < 0)
     throw new RangeError("`wait` must not be negative.");
-  const { immediate: a } = typeof f == "boolean" ? { immediate: f } : f;
-  let s, l, u, r, n;
-  function V() {
+  const { immediate: a } = typeof h == "boolean" ? { immediate: h } : h;
+  let s, l, i, r, n;
+  function w() {
     const x = s, A = l;
-    return s = void 0, l = void 0, n = p.apply(x, A), n;
+    return s = void 0, l = void 0, n = m.apply(x, A), n;
   }
   function v() {
     const x = Date.now() - r;
-    x < m && x >= 0 ? u = setTimeout(v, m - x) : (u = void 0, a || (n = V()));
+    x < f && x >= 0 ? i = setTimeout(v, f - x) : (i = void 0, a || (n = w()));
   }
   const g = function(...x) {
     if (s && this !== s && Object.getPrototypeOf(this) === Object.getPrototypeOf(s))
       throw new Error("Debounced method called with different contexts of the same prototype.");
     s = this, l = x, r = Date.now();
-    const A = a && !u;
-    return u || (u = setTimeout(v, m)), A && (n = V()), n;
+    const A = a && !i;
+    return i || (i = setTimeout(v, f)), A && (n = w()), n;
   };
   return Object.defineProperty(g, "isPending", {
     get() {
-      return u !== void 0;
+      return i !== void 0;
     }
   }), g.clear = () => {
-    u && (clearTimeout(u), u = void 0);
+    i && (clearTimeout(i), i = void 0);
   }, g.flush = () => {
-    u && g.trigger();
+    i && g.trigger();
   }, g.trigger = () => {
-    n = V(), g.clear();
+    n = w(), g.clear();
   }, g;
 }
-re.exports.debounce = Ce;
-re.exports = Ce;
-var Ze = re.exports;
-const Je = /* @__PURE__ */ Ue(Ze), Ye = { class: "flex flex-col gap-24" }, eo = { class: "flex flex-col gap-8" }, oo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, to = { class: "fm-typo-en-body-lg-600" }, ao = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, lo = { class: "fm-typo-en-body-lg-600" }, so = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ro = { class: "fm-typo-en-body-lg-600" }, no = /* @__PURE__ */ O({
+re.exports.debounce = Fe;
+re.exports = Fe;
+var Ye = re.exports;
+const eo = /* @__PURE__ */ Ne(Ye), oo = { class: "flex flex-col gap-24" }, to = { class: "flex flex-col gap-8" }, ao = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, lo = { class: "fm-typo-en-body-lg-600" }, so = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ro = { class: "fm-typo-en-body-lg-600" }, no = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, uo = { class: "fm-typo-en-body-lg-600" }, io = /* @__PURE__ */ z({
   __name: "CoordinateDialog",
   props: {
     address: {
@@ -318,40 +318,40 @@ const Je = /* @__PURE__ */ Ue(Ze), Ye = { class: "flex flex-col gap-24" }, eo =
       default: void 0
     }
   },
-  setup(p) {
-    const m = p, f = Ge(), a = le(), { t: s } = I(), l = $e(
-      G(m.coordinate ? m.coordinate : ae.jb)
-    ), u = W(""), r = Je(async function() {
-      u.value = await a.getFirstMatchingAddress(
+  setup(m) {
+    const f = m, h = He(), a = le(), { t: s } = q(), l = De(
+      G(f.coordinate ? f.coordinate : ae.jb)
+    ), i = D(""), r = eo(async function() {
+      i.value = await a.getFirstMatchingAddress(
         l.lat,
         l.lng
       );
     }, 1e3);
     te(() => {
-      f.emitData(G(l)), r();
+      h.emitData(G(l)), r();
     });
     function n({ position: v }) {
-      l.lat = v.lat, l.lng = v.lng, f.emitData(G(l)), r();
+      l.lat = v.lat, l.lng = v.lng, h.emitData(G(l)), r();
     }
-    const V = W();
-    return (v, g) => (S(), j("div", Ye, [
-      b("div", eo, [
+    const w = D();
+    return (v, g) => (P(), I("div", oo, [
+      b("div", to, [
         b("div", null, [
-          b("span", oo, L(c(s)("inventory.formField.coordinate.address")) + ": ", 1),
-          b("span", to, L(u.value), 1)
+          b("span", ao, E(p(s)("inventory.formField.coordinate.address")) + ": ", 1),
+          b("span", lo, E(i.value), 1)
         ]),
         b("div", null, [
-          b("span", ao, L(c(s)("inventory.formField.coordinate.longitude")) + ": ", 1),
-          b("span", lo, L(l.lng), 1)
+          b("span", so, E(p(s)("inventory.formField.coordinate.longitude")) + ": ", 1),
+          b("span", ro, E(l.lng), 1)
         ]),
         b("div", null, [
-          b("span", so, L(c(s)("inventory.formField.coordinate.latitude")) + ": ", 1),
-          b("span", ro, L(l.lat), 1)
+          b("span", no, E(p(s)("inventory.formField.coordinate.latitude")) + ": ", 1),
+          b("span", uo, E(l.lat), 1)
         ])
       ]),
-      k(Xe, {
+      k(Je, {
         ref_key: "gmapRef",
-        ref: V,
+        ref: w,
         class: "h-[272px] sm:h-[240px] xs:h-[240px]",
         editable: "",
         center: l,
@@ -361,17 +361,17 @@ const Je = /* @__PURE__ */ Ue(Ze), Ye = { class: "flex flex-col gap-24" }, eo =
       }, null, 8, ["center", "markers"])
     ]));
   }
-}), uo = /* @__PURE__ */ Le(no, [["__scopeId", "data-v-272f5e8b"]]);
-function ke([p, m]) {
+}), co = /* @__PURE__ */ Be(io, [["__scopeId", "data-v-272f5e8b"]]);
+function xe([m, f]) {
   return {
-    lat: m,
-    lng: p
+    lat: f,
+    lng: m
   };
 }
-function io({ lng: p, lat: m }) {
-  return [p, m];
+function po({ lng: m, lat: f }) {
+  return [m, f];
 }
-const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1 }, fo = /* @__PURE__ */ O({
+const mo = { class: "flex gap-8 items-center" }, fo = { key: 0 }, ho = { key: 1 }, yo = /* @__PURE__ */ z({
   __name: "FmCoordinateInput",
   props: {
     address: {},
@@ -387,40 +387,40 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
     rules: {}
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: m }) {
-    const f = p, a = m, s = le(), l = Ae(), u = se(), r = oe(f, "modelValue"), n = W(!1), { t: V } = I();
-    function v(i) {
-      if (i != null && i[0] && (i != null && i[1]))
-        return V("inventory.formField.coordinate.longLat", [i[0].toFixed(3), i[1].toFixed(3)]);
+  setup(m, { emit: f }) {
+    const h = m, a = f, s = le(), l = Me(), i = se(), r = oe(h, "modelValue"), n = D(!1), { t: w } = q();
+    function v(c) {
+      if (c != null && c[0] && (c != null && c[1]))
+        return w("inventory.formField.coordinate.longLat", [c[0].toFixed(3), c[1].toFixed(3)]);
     }
-    async function g(i) {
+    async function g(c) {
       var e, t;
-      const M = f.modelValue, C = !M && ((e = f.address) != null && e.formatted) ? await s.getFirstMatchingCoordinate(f.address.formatted) : null, o = M ? ke(M) : C ? ke(C) : ae.jb;
+      const M = h.modelValue, C = !M && ((e = h.address) != null && e.formatted) ? await s.getFirstMatchingCoordinate(h.address.formatted) : null, o = M ? xe(M) : C ? xe(C) : ae.jb;
       l.open({
-        title: f.dialogTitle ?? f.label ?? V("inventory.formField.coordinate.pinLocation"),
+        title: h.dialogTitle ?? h.label ?? w("inventory.formField.coordinate.pinLocation"),
         closeButton: !0,
-        contentComponent: uo,
+        contentComponent: co,
         contentComponentProps: {
-          address: (t = f.address) == null ? void 0 : t.formatted,
+          address: (t = h.address) == null ? void 0 : t.formatted,
           coordinate: o
         },
         primaryActions: {
-          text: V("common.select"),
+          text: w("common.select"),
           close: !0
         },
         secondaryActions: {
-          text: V("common.close"),
+          text: w("common.close"),
           close: !0
         }
-      }).onPrimary(i);
+      }).onPrimary(c);
     }
-    const x = (i) => a("update:modelValue", i ? io(i) : null);
+    const x = (c) => a("update:modelValue", c ? po(c) : null);
     async function A() {
-      if (!f.disabled) {
+      if (!h.disabled) {
         if (!s.isGoogleMapReady) {
-          u.open({
-            title: V("common.error"),
-            message: V("inventory.formField.coordinate.error.loadMap"),
+          i.open({
+            title: w("common.error"),
+            message: w("inventory.formField.coordinate.error.loadMap"),
             type: "error"
           });
           return;
@@ -428,40 +428,40 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         g(x);
       }
     }
-    function R() {
+    function S() {
       a("update:modelValue", null);
     }
-    return (i, M) => {
-      const C = B("FmField"), o = B("FmButton"), e = B("FmFormGroup");
-      return S(), j("div", co, [
+    return (c, M) => {
+      const C = L("FmField"), o = L("FmButton"), e = L("FmFormGroup");
+      return P(), I("div", mo, [
         k(e, {
           class: "flex-1",
-          "model-value": c(r),
-          label: i.label,
-          disabled: i.disabled,
-          required: i.labelMark === "required",
-          optional: i.labelMark === "optional",
-          info: i.labelInfo,
-          rules: i.rules,
+          "model-value": p(r),
+          label: c.label,
+          disabled: c.disabled,
+          required: c.labelMark === "required",
+          optional: c.labelMark === "optional",
+          info: c.labelInfo,
+          rules: c.rules,
           focused: n.value,
-          "helper-text": i.helperText,
-          "helper-state": i.helperState,
+          "helper-text": c.helperText,
+          "helper-state": c.helperState,
           onClick: M[0] || (M[0] = (t) => A())
-        }, De({
-          default: q(({ invalid: t }) => [
-            i.modelValue && i.modelValue[0] && i.modelValue[1] ? (S(), j("div", po, [
+        }, We({
+          default: N(({ invalid: t }) => [
+            c.modelValue && c.modelValue[0] && c.modelValue[1] ? (P(), I("div", fo, [
               k(C, {
                 invalid: t,
                 class: "fm-typo-en-body-lg-400"
               }, {
-                default: q(() => [
-                  We(L(v(i.modelValue)), 1)
+                default: N(() => [
+                  Pe(E(v(c.modelValue)), 1)
                 ]),
                 _: 2
               }, 1032, ["invalid"])
-            ])) : (S(), j("div", mo, [
+            ])) : (P(), I("div", ho, [
               k(o, {
-                label: c(V)("inventory.formField.coordinate.addCoordinate"),
+                label: p(w)("inventory.formField.coordinate.addCoordinate"),
                 "prepend-icon": "add",
                 variant: "plain"
               }, null, 8, ["label"])
@@ -469,32 +469,32 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
           ]),
           _: 2
         }, [
-          i.$slots.label ? {
+          c.$slots.label ? {
             name: "label",
-            fn: q(() => [
-              Pe(i.$slots, "label")
+            fn: N(() => [
+              Se(c.$slots, "label")
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["model-value", "label", "disabled", "required", "optional", "info", "rules", "focused", "helper-text", "helper-state"]),
-        i.modelValue && i.modelValue[0] && i.modelValue[1] ? (S(), z(o, {
+        c.modelValue && c.modelValue[0] && c.modelValue[1] ? (P(), j(o, {
           key: 0,
           "prepend-icon": "delete",
           variant: "tertiary",
-          onClick: M[1] || (M[1] = (t) => R())
-        })) : xe("", !0)
+          onClick: M[1] || (M[1] = (t) => S())
+        })) : Ae("", !0)
       ]);
     };
   }
-}), ho = { class: "flex flex-col gap-40" }, yo = { class: "flex flex-col gap-16" }, vo = { class: "flex flex-col gap-8" }, go = { class: "fm-typo-en-title-sm-800" }, bo = { class: "grid grid-cols-2 gap-24" }, wo = { class: "flex flex-col gap-8" }, Vo = { class: "fm-typo-en-title-sm-800" }, _o = { class: "flex flex-col gap-8" }, ko = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-col gap-16" }, Ao = /* @__PURE__ */ O({
+}), vo = { class: "flex flex-col gap-40" }, go = { class: "flex flex-col gap-16" }, bo = { class: "flex flex-col gap-8" }, wo = { class: "fm-typo-en-title-sm-800" }, Vo = { class: "grid grid-cols-2 gap-24" }, _o = { class: "flex flex-col gap-8" }, ko = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-col gap-8" }, Ao = { class: "fm-typo-en-title-sm-800" }, Mo = { class: "flex flex-col gap-16" }, Co = /* @__PURE__ */ z({
   __name: "WarehouseForm",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "validation-success"],
-  setup(p, { expose: m, emit: f }) {
-    const a = p, s = f, { t: l } = I(), u = D({
+  setup(m, { expose: f, emit: h }) {
+    const a = m, s = h, { t: l } = q(), i = F({
       get() {
         var o, e;
         return ((e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.name) ?? "";
@@ -503,7 +503,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.name = o, s("update:modelValue", e);
       }
-    }), r = D({
+    }), r = F({
       get() {
         var o, e;
         return ((e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.regNo) ?? "";
@@ -512,7 +512,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.regNo = o, s("update:modelValue", e);
       }
-    }), n = D({
+    }), n = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.line1) ?? "";
@@ -522,7 +522,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line1 = o, s("update:modelValue", e);
       }
-    }), V = D({
+    }), w = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.line2) ?? "";
@@ -532,7 +532,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line2 = o, s("update:modelValue", e);
       }
-    }), v = D({
+    }), v = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.city) ?? "";
@@ -542,7 +542,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.city = o, s("update:modelValue", e);
       }
-    }), g = D({
+    }), g = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.postcode) ?? "";
@@ -552,7 +552,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.postcode = o, s("update:modelValue", e);
       }
-    }), x = D({
+    }), x = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.state) ?? "";
@@ -562,7 +562,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.state = o, s("update:modelValue", e);
       }
-    }), A = D({
+    }), A = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.country) ?? "";
@@ -572,7 +572,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.country = o, s("update:modelValue", e);
       }
-    }), R = D({
+    }), S = F({
       get() {
         var o, e, t;
         return ((t = (e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.coordinates) ?? null;
@@ -582,7 +582,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.coordinates = o, s("update:modelValue", e);
       }
-    }), i = D({
+    }), c = F({
       get() {
         var o, e;
         return ((e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.phoneNo) ?? "";
@@ -591,7 +591,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.phoneNo = o, s("update:modelValue", e);
       }
-    }), M = D({
+    }), M = F({
       get() {
         var o, e;
         return ((e = (o = a.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.email) ?? "";
@@ -600,8 +600,8 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         const e = a.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.email = o, s("update:modelValue", e);
       }
-    }), C = W();
-    return m({
+    }), C = D();
+    return f({
       validateInputs: () => {
         var o, e;
         (e = (o = C.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
@@ -615,111 +615,111 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         (e = (o = C.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
       }
     }), (o, e) => {
-      const t = B("FmTextField"), F = B("FmPhoneNumber"), w = B("FmForm");
-      return S(), z(w, {
+      const t = L("FmTextField"), B = L("FmPhoneNumber"), _ = L("FmForm");
+      return P(), j(_, {
         ref_key: "formRef",
         ref: C,
-        onValidationSuccess: e[11] || (e[11] = (y) => s("validation-success"))
+        onValidationSuccess: e[11] || (e[11] = (d) => s("validation-success"))
       }, {
-        default: q(() => [
-          b("div", ho, [
-            b("div", yo, [
+        default: N(() => [
+          b("div", vo, [
+            b("div", go, [
               k(t, {
                 disabled: o.disabled,
-                rules: [c(N)()],
+                rules: [p(U)()],
                 "label-mark": "required",
-                label: c(l)("inventory.warehouse.companyName"),
-                modelValue: u.value,
-                "onUpdate:modelValue": e[0] || (e[0] = (y) => u.value = y)
+                label: p(l)("inventory.warehouse.companyName"),
+                modelValue: i.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (d) => i.value = d)
               }, null, 8, ["disabled", "rules", "label", "modelValue"]),
               k(t, {
                 disabled: o.disabled,
-                rules: [c(N)()],
+                rules: [p(U)()],
                 "label-mark": "required",
-                label: c(l)("inventory.warehouse.registrationNo"),
+                label: p(l)("inventory.warehouse.registrationNo"),
                 modelValue: r.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (y) => r.value = y)
+                "onUpdate:modelValue": e[1] || (e[1] = (d) => r.value = d)
               }, null, 8, ["disabled", "rules", "label", "modelValue"])
             ]),
-            b("div", vo, [
-              b("div", go, L(c(l)("inventory.warehouse.address.title")), 1),
-              b("div", bo, [
+            b("div", bo, [
+              b("div", wo, E(p(l)("inventory.warehouse.address.title")), 1),
+              b("div", Vo, [
                 k(t, {
                   disabled: o.disabled,
-                  rules: [c(N)()],
+                  rules: [p(U)()],
                   "label-mark": "required",
-                  label: c(l)("inventory.warehouse.address.line1"),
+                  label: p(l)("inventory.warehouse.address.line1"),
                   modelValue: n.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (y) => n.value = y)
+                  "onUpdate:modelValue": e[2] || (e[2] = (d) => n.value = d)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
                   "label-mark": "optional",
-                  label: c(l)("inventory.warehouse.address.line2"),
-                  modelValue: V.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (y) => V.value = y)
+                  label: p(l)("inventory.warehouse.address.line2"),
+                  modelValue: w.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (d) => w.value = d)
                 }, null, 8, ["disabled", "label", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [c(N)()],
+                  rules: [p(U)()],
                   "label-mark": "required",
-                  label: c(l)("inventory.warehouse.address.city"),
+                  label: p(l)("inventory.warehouse.address.city"),
                   modelValue: v.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (y) => v.value = y)
+                  "onUpdate:modelValue": e[4] || (e[4] = (d) => v.value = d)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [c(N)()],
+                  rules: [p(U)()],
                   "label-mark": "required",
-                  label: c(l)("inventory.warehouse.address.postcode"),
+                  label: p(l)("inventory.warehouse.address.postcode"),
                   modelValue: g.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (y) => g.value = y)
+                  "onUpdate:modelValue": e[5] || (e[5] = (d) => g.value = d)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [c(N)()],
+                  rules: [p(U)()],
                   "label-mark": "required",
-                  label: c(l)("inventory.warehouse.address.state"),
+                  label: p(l)("inventory.warehouse.address.state"),
                   modelValue: x.value,
-                  "onUpdate:modelValue": e[6] || (e[6] = (y) => x.value = y)
+                  "onUpdate:modelValue": e[6] || (e[6] = (d) => x.value = d)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [c(N)()],
+                  rules: [p(U)()],
                   "label-mark": "required",
-                  label: c(l)("inventory.warehouse.address.country"),
+                  label: p(l)("inventory.warehouse.address.country"),
                   modelValue: A.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (y) => A.value = y)
+                  "onUpdate:modelValue": e[7] || (e[7] = (d) => A.value = d)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"])
               ])
             ]),
-            b("div", wo, [
-              b("div", Vo, L(c(l)("inventory.warehouse.coordinate.title")), 1),
-              k(fo, {
+            b("div", _o, [
+              b("div", ko, E(p(l)("inventory.warehouse.coordinate.title")), 1),
+              k(yo, {
                 disabled: o.disabled,
-                rules: [c(N)()],
+                rules: [p(U)()],
                 "label-mark": "required",
-                modelValue: R.value,
-                "onUpdate:modelValue": e[8] || (e[8] = (y) => R.value = y)
+                modelValue: S.value,
+                "onUpdate:modelValue": e[8] || (e[8] = (d) => S.value = d)
               }, null, 8, ["disabled", "rules", "modelValue"])
             ]),
-            b("div", _o, [
-              b("div", ko, L(c(l)("inventory.warehouse.contact.title")), 1),
-              b("div", xo, [
-                k(F, {
+            b("div", xo, [
+              b("div", Ao, E(p(l)("inventory.warehouse.contact.title")), 1),
+              b("div", Mo, [
+                k(B, {
                   disabled: o.disabled,
-                  rules: [c(N)()],
+                  rules: [p(U)()],
                   "label-mark": "required",
-                  label: c(l)("inventory.warehouse.contact.phoneNumber"),
-                  modelValue: i.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (y) => i.value = y)
+                  label: p(l)("inventory.warehouse.contact.phoneNumber"),
+                  modelValue: c.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (d) => c.value = d)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
                   "label-mark": "optional",
-                  label: c(l)("inventory.warehouse.contact.email"),
+                  label: p(l)("inventory.warehouse.contact.email"),
                   modelValue: M.value,
-                  "onUpdate:modelValue": e[10] || (e[10] = (y) => M.value = y)
+                  "onUpdate:modelValue": e[10] || (e[10] = (d) => M.value = d)
                 }, null, 8, ["disabled", "label", "modelValue"])
               ])
             ])
@@ -729,7 +729,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
       }, 512);
     };
   }
-}), Mo = { class: "flex gap-4" }, Co = /* @__PURE__ */ O({
+}), Fo = { class: "flex gap-4" }, $o = /* @__PURE__ */ z({
   __name: "WarehouseDialog",
   props: {
     mode: {},
@@ -737,29 +737,29 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
     show: { type: Boolean }
   },
   emits: ["update:show", "submitted"],
-  setup(p, { expose: m, emit: f }) {
-    const a = p, s = f, l = W(!1), u = se(), { t: r } = I(), n = Me(), V = D(() => {
+  setup(m, { expose: f, emit: h }) {
+    const a = m, s = h, l = D(!1), i = se(), { t: r } = q(), n = Ce(), w = F(() => {
       switch (a.mode) {
-        case E.READ:
+        case T.READ:
           return "";
-        case E.UPDATE:
+        case T.UPDATE:
           return r("inventory.warehouse.update.title");
-        case E.CREATE:
+        case T.CREATE:
           return r("inventory.warehouse.create.title");
       }
       return "";
-    }), v = D(() => {
+    }), v = F(() => {
       switch (a.mode) {
-        case E.READ:
+        case T.READ:
           return "";
-        case E.UPDATE:
+        case T.UPDATE:
           return r("common.save");
-        case E.CREATE:
+        case T.CREATE:
           return r("common.add");
       }
       return "";
-    }), g = W();
-    m({
+    }), g = D();
+    f({
       validateInputs: () => {
         var o, e;
         (e = (o = g.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
@@ -774,17 +774,17 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
       }
     });
     const x = oe(a, "show"), A = oe(a, "warehouse");
-    function R() {
+    function S() {
       var o, e;
       (e = (o = g.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
     }
-    function i() {
+    function c() {
       switch (a.mode) {
-        case E.READ:
+        case T.READ:
           return;
-        case E.UPDATE:
+        case T.UPDATE:
           return C();
-        case E.CREATE:
+        case T.CREATE:
           return M();
       }
     }
@@ -795,13 +795,13 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         await Promise.all([
           n.createWarehouse(A.value),
           new Promise((t) => setTimeout(t, 1e3))
-        ]), u.open({
+        ]), i.open({
           title: r("common.success"),
           message: r("inventory.warehouse.create.success", { name: (e = (o = A.value) == null ? void 0 : o.profile) == null ? void 0 : e.name }),
           type: "success"
         }), s("update:show", !1), s("submitted");
       } catch (t) {
-        u.open({
+        i.open({
           title: r("inventory.warehouse.create.error.title"),
           message: r("inventory.warehouse.create.error.message"),
           type: "error"
@@ -813,7 +813,7 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
     async function C() {
       var o, e;
       if (A.value === null) {
-        u.open({
+        i.open({
           title: r("inventory.warehouse.update.error.title"),
           message: r("inventory.warehouse.update.error.emptyWarehouse"),
           type: "error"
@@ -825,13 +825,13 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
         await Promise.all([
           n.updateWarehouse(A.value),
           new Promise((t) => setTimeout(t, 1e3))
-        ]), u.open({
+        ]), i.open({
           title: r("common.success"),
           message: r("inventory.warehouse.update.success", { name: (e = (o = A.value) == null ? void 0 : o.profile) == null ? void 0 : e.name }),
           type: "success"
         }), s("update:show", !1), s("submitted");
       } catch (t) {
-        u.open({
+        i.open({
           title: r("inventory.warehouse.update.error.title"),
           message: r("inventory.warehouse.update.error.message"),
           type: "error"
@@ -841,36 +841,36 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
       }
     }
     return (o, e) => {
-      const t = B("FmButton"), F = B("FmSideSheet");
-      return S(), z(F, {
-        header: V.value,
-        modelValue: c(x),
-        "onUpdate:modelValue": e[1] || (e[1] = (w) => we(x) ? x.value = w : null),
+      const t = L("FmButton"), B = L("FmSideSheet");
+      return P(), j(B, {
+        header: w.value,
+        modelValue: p(x),
+        "onUpdate:modelValue": e[1] || (e[1] = (_) => Ve(x) ? x.value = _ : null),
         "dismiss-away": !l.value,
         "close-button": "",
         "max-width": 500
       }, {
-        default: q(() => {
-          var w;
+        default: N(() => {
+          var _;
           return [
-            (S(), z(Ao, {
+            (P(), j(Co, {
               class: "w-full",
               ref_key: "formRef",
               ref: g,
-              modelValue: c(A),
-              "onUpdate:modelValue": e[0] || (e[0] = (y) => we(A) ? A.value = y : null),
-              onValidationSuccess: i,
-              key: ((w = o.warehouse) == null ? void 0 : w._id) ?? "",
+              modelValue: p(A),
+              "onUpdate:modelValue": e[0] || (e[0] = (d) => Ve(A) ? A.value = d : null),
+              onValidationSuccess: c,
+              key: ((_ = o.warehouse) == null ? void 0 : _._id) ?? "",
               disabled: l.value
             }, null, 8, ["modelValue", "disabled"]))
           ];
         }),
-        "side-sheet-footer": q(() => [
-          b("div", Mo, [
+        "side-sheet-footer": N(() => [
+          b("div", Fo, [
             k(t, {
               loading: l.value,
               label: v.value,
-              onClick: R
+              onClick: S
             }, null, 8, ["loading", "label"])
           ])
         ]),
@@ -878,29 +878,29 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
       }, 8, ["header", "modelValue", "dismiss-away"]);
     };
   }
-}), Fo = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, $o = { class: "flex flex-col py-8" }, Do = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Po = {
+}), Do = { class: "flex flex-col py-8" }, Wo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, So = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, So = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, qo = /* @__PURE__ */ O({
+}, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, Io = /* @__PURE__ */ z({
   __name: "WarehouseView",
-  setup(p) {
-    const m = Me(), f = Ne(), a = D(() => m.warehouses), s = Ae(), l = se(), u = W(!1), { t: r } = I();
+  setup(m) {
+    const f = Ce(), h = qe(), a = F(() => f.warehouses), s = Me(), l = se(), i = D(!1), { t: r } = q();
     te(() => {
-      f._currentLocation && C();
-    }), ee([() => f._currentLocation], () => {
-      f._currentLocation && C();
+      h._currentLocation && C();
+    }), ee([() => h._currentLocation], () => {
+      h._currentLocation && C();
     });
-    const n = W({});
-    function V() {
-      n.value.mode = E.CREATE, n.value.warehouse = {}, n.value.show = !0;
+    const n = D({});
+    function w() {
+      n.value.mode = T.CREATE, n.value.warehouse = {}, n.value.show = !0;
     }
-    function v(F) {
-      n.value.mode = E.UPDATE, n.value.warehouse = F, n.value.show = !0;
+    function v(_) {
+      n.value.mode = T.UPDATE, n.value.warehouse = _, n.value.show = !0;
     }
-    async function g(F) {
+    async function g(_) {
       s.open({
         title: r("inventory.warehouse.delete.confirm"),
-        message: r("inventory.warehouse.delete.confirmMessage", { name: F.profile.name }),
+        message: r("inventory.warehouse.delete.confirmMessage", { name: _.profile.name }),
         primaryActions: {
           text: "Delete",
           close: !0,
@@ -910,115 +910,123 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
           text: "Cancel",
           close: !0
         }
-      }).onPrimary(() => x(F));
+      }).onPrimary(() => x(_));
     }
-    async function x(F) {
-      const { t: w } = I();
+    async function x(_) {
+      const { t: d } = q();
       s.open({
-        title: w("inventory.warehouse.delete.deletingWarehouse"),
+        title: d("inventory.warehouse.delete.deletingWarehouse"),
         closeButton: !1
       });
       try {
-        await m.deleteWarehouse(F), l.open({
-          title: w("inventory.warehouse.delete.success"),
-          message: w("inventory.warehouse.delete.deletedWarehouse", { name: F.profile.name }),
+        await f.deleteWarehouse(_), l.open({
+          title: d("inventory.warehouse.delete.success"),
+          message: d("inventory.warehouse.delete.deletedWarehouse", { name: _.profile.name }),
           type: "success"
         }), await C(!0);
-      } catch (y) {
+      } catch (O) {
         l.open({
-          title: w("inventory.warehouse.delete.error"),
-          message: w("inventory.warehouse.delete.errorMessage", { name: F.profile.name }),
+          title: d("inventory.warehouse.delete.error"),
+          message: d("inventory.warehouse.delete.errorMessage", { name: _.profile.name }),
           type: "error"
-        }), console.error("failed to delete warehouse", y);
+        }), console.error("failed to delete warehouse", O);
       } finally {
         s.close();
       }
     }
-    const { columnDefs: A, formatRowData: R } = Qe(
+    const { columnDefs: A, formatRowData: S } = Ze(
       v,
       g
     );
-    function i(F) {
-      F === "create" && V();
+    function c(_) {
+      _ === "create" && w();
     }
-    const M = W("");
-    async function C(F = !1) {
-      u.value = !0;
+    const M = D("");
+    async function C(_ = !1) {
+      i.value = !0;
       try {
-        await m.readWarehouses(), F && await f.readLocations();
+        await f.readWarehouses(), _ && await h.readLocations();
       } catch {
         l.open({
           title: "Cannot fetch warehouse list",
           type: "error"
         });
       } finally {
-        u.value = !1;
+        i.value = !1;
       }
     }
-    const { breakpoints: o } = Ke(), e = D(() => o.value.xs || o.value.sm ? 10 : 20), t = je();
-    return (F, w) => {
-      const y = B("FmTable");
-      return S(), z(ze, {
-        title: c(r)("inventory.warehouse.title"),
+    const { breakpoints: o } = Qe(), e = F(() => o.value.xs || o.value.sm), t = F(() => e.value ? 10 : 20), B = Oe();
+    return (_, d) => {
+      const O = L("FmTable");
+      return P(), j(Ge, {
+        title: p(r)("inventory.warehouse.title"),
         actions: [
           {
-            label: c(r)("inventory.warehouse.create.title"),
+            label: p(r)("inventory.warehouse.create.title"),
             value: "create",
             isPrimary: !0,
             prependIcon: "add"
           }
         ],
-        "onClick:action": i
+        "onClick:action": c
       }, {
-        default: q(() => [
-          b("div", Fo, [
-            k(Oe, {
+        default: N(() => [
+          b("div", {
+            class: Re([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": e.value,
+                "px-24 ": !e.value
+              }
+            ])
+          }, [
+            k(Ke, {
               searchable: "",
               "change-location": "",
               search: M.value,
-              "onUpdate:search": w[0] || (w[0] = (T) => M.value = T)
+              "onUpdate:search": d[0] || (d[0] = (R) => M.value = R)
             }, null, 8, ["search"]),
-            (S(), z(y, {
-              style: Se(c(t).tableHeight),
-              "column-defs": c(A),
-              "row-data": c(R)(a.value),
+            (P(), j(O, {
+              style: Te(p(B).tableHeight),
+              "column-defs": p(A),
+              "row-data": p(S)(a.value),
               "search-value": M.value,
-              loading: !c(f)._currentLocation || u.value,
-              onRowClick: w[1] || (w[1] = (T) => v(T.original.original)),
+              loading: !p(h)._currentLocation || i.value,
+              onRowClick: d[1] || (d[1] = (R) => v(R.original.original)),
               key: a.value.length,
-              "page-size": e.value
+              "page-size": t.value
             }, {
-              "list-row": q((T) => [
-                k(Ie, {
-                  row: T,
-                  onRowClick: (P) => v(P.original)
+              "list-row": N((R) => [
+                k(ze, {
+                  row: R,
+                  onRowClick: (u) => v(u.original)
                 }, {
-                  default: q((P) => {
-                    var d, h, _, $, U, K, ne, ue, H, ie, de, ce, pe, me, Q, fe, he, ye, ve, X, ge;
+                  default: N((u) => {
+                    var y, V, $, W, K, ne, ue, ie, H, de, ce, pe, me, fe, Q, he, ye, ve, ge, X, be;
                     return [
-                      b("div", $o, [
-                        b("div", Do, [
-                          k(c(J), {
-                            render: (_ = (h = (d = P.warehouse) == null ? void 0 : d.column) == null ? void 0 : h.columnDef) == null ? void 0 : _.cell,
-                            props: (U = ($ = P.warehouse) == null ? void 0 : $.getContext) == null ? void 0 : U.call($)
+                      b("div", Do, [
+                        b("div", Wo, [
+                          k(p(J), {
+                            render: ($ = (V = (y = u.warehouse) == null ? void 0 : y.column) == null ? void 0 : V.columnDef) == null ? void 0 : $.cell,
+                            props: (K = (W = u.warehouse) == null ? void 0 : W.getContext) == null ? void 0 : K.call(W)
                           }, null, 8, ["render", "props"])
                         ]),
-                        b("div", Wo, [
-                          k(c(J), {
-                            render: (ue = (ne = (K = P.contact) == null ? void 0 : K.column) == null ? void 0 : ne.columnDef) == null ? void 0 : ue.cell,
-                            props: (ie = (H = P.contact) == null ? void 0 : H.getContext) == null ? void 0 : ie.call(H)
+                        b("div", Po, [
+                          k(p(J), {
+                            render: (ie = (ue = (ne = u.contact) == null ? void 0 : ne.column) == null ? void 0 : ue.columnDef) == null ? void 0 : ie.cell,
+                            props: (de = (H = u.contact) == null ? void 0 : H.getContext) == null ? void 0 : de.call(H)
                           }, null, 8, ["render", "props"])
                         ]),
-                        (de = T.original) != null && de.email ? (S(), j("div", Po, [
-                          k(c(J), {
-                            render: (me = (pe = (ce = P.email) == null ? void 0 : ce.column) == null ? void 0 : pe.columnDef) == null ? void 0 : me.cell,
-                            props: (fe = (Q = P.email) == null ? void 0 : Q.getContext) == null ? void 0 : fe.call(Q)
+                        (ce = R.original) != null && ce.email ? (P(), I("div", So, [
+                          k(p(J), {
+                            render: (fe = (me = (pe = u.email) == null ? void 0 : pe.column) == null ? void 0 : me.columnDef) == null ? void 0 : fe.cell,
+                            props: (he = (Q = u.email) == null ? void 0 : Q.getContext) == null ? void 0 : he.call(Q)
                           }, null, 8, ["render", "props"])
-                        ])) : xe("", !0),
-                        b("div", So, [
-                          k(c(J), {
-                            render: (ve = (ye = (he = P.address) == null ? void 0 : he.column) == null ? void 0 : ye.columnDef) == null ? void 0 : ve.cell,
-                            props: (ge = (X = P.address) == null ? void 0 : X.getContext) == null ? void 0 : ge.call(X)
+                        ])) : Ae("", !0),
+                        b("div", Ro, [
+                          k(p(J), {
+                            render: (ge = (ve = (ye = u.address) == null ? void 0 : ye.column) == null ? void 0 : ve.columnDef) == null ? void 0 : ge.cell,
+                            props: (be = (X = u.address) == null ? void 0 : X.getContext) == null ? void 0 : be.call(X)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -1029,13 +1037,13 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
               ]),
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-          ]),
-          k(Co, {
+          ], 2),
+          k($o, {
             show: n.value.show,
-            "onUpdate:show": w[2] || (w[2] = (T) => n.value.show = T),
+            "onUpdate:show": d[2] || (d[2] = (R) => n.value.show = R),
             warehouse: n.value.warehouse,
             mode: n.value.mode,
-            onSubmitted: w[3] || (w[3] = (T) => C(!0))
+            onSubmitted: d[3] || (d[3] = (R) => C(!0))
           }, null, 8, ["show", "warehouse", "mode"])
         ]),
         _: 1
@@ -1044,5 +1052,5 @@ const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1
   }
 });
 export {
-  qo as default
+  Io as default
 };