@feedmepos/mf-inventory-portal 0.0.17-dev.9 → 0.0.18-dev.3

package/dist/{WarehouseView-Cf5Bmfhn.js → WarehouseView-DID1G1qK.js}

@@ -1,13 +1,13 @@
-import { ref as D, defineComponent as q, watch as Y, onMounted as oe, onUnmounted as Me, openBlock as T, createElementBlock as B, toRaw as be, reactive as Se, createElementVNode as g, toDisplayString as X, createVNode as k, pushScopeId as Fe, popScopeId as De, resolveComponent as U, unref as C, createSlots as Pe, withCtx as I, createTextVNode as Te, renderSlot as Ee, createBlock as N, createCommentVNode as xe, computed as F, isRef as we, normalizeStyle as Re } from "vue";
-import { h as We, k as Ue, l as Le, c as z, m as te, n as ae, o as Ie, _ as Be, f as Ne } from "./app-BbXzmbBO.js";
-import { useCoreStore as qe } from "@feedmepos/mf-common";
-import { D as Ve, R as Z, F as R } from "./row-action.enum-BwQbURNh.js";
-import { c as ze, _ as je, F as J, u as Oe } from "./layout-DACHKQ9G.js";
-import { _ as Ge } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
+import { ref as F, defineComponent as q, watch as Y, onMounted as oe, onUnmounted as $e, openBlock as R, createElementBlock as B, toRaw as ve, reactive as Se, createElementVNode as v, toDisplayString as X, createVNode as k, pushScopeId as Me, popScopeId as De, resolveComponent as L, unref as A, createSlots as Fe, withCtx as I, createTextVNode as Pe, renderSlot as Ee, createBlock as N, createCommentVNode as ke, computed as D, isRef as be, normalizeStyle as Re } from "vue";
+import { h as We, k as Te, l as Ue, c as z, m as te, n as ae, o as Le, _ as Ie, f as Be } from "./app-D1teOEQX.js";
+import { useCoreStore as Ne } from "@feedmepos/mf-common";
+import { D as we, R as Z, F as W } from "./row-action.enum-BwQbURNh.js";
+import { c as qe, _ as ze, F as J, u as je } from "./layout-BxDEsp4a.js";
+import { _ as Oe, a as Ge } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DgHp7KgJ.js";
 import { useDialogChild as Ke, useDialog as Ce, useSnackbar as le, useProxiedModel as ee, useBreakpoints as He } from "@feedmepos/ui-library";
-import { R as L } from "./rules-ldw61cGA.js";
+import { R as U } from "./rules-CQu9yXsg.js";
 const Q = We((u, c) => {
-  const p = qe();
+  const p = Ne();
   return {
     async readWarehouses() {
       var r;
@@ -36,15 +36,15 @@ function Ze() {
     warehouses: []
   };
 }
-const _e = D(Ze());
+const Ve = F(Ze());
 function Ae() {
   return {
     // state
     get warehouses() {
-      return _e.value.warehouses;
+      return Ve.value.warehouses;
     },
     set warehouses(u) {
-      _e.value.warehouses = u;
+      Ve.value.warehouses = u;
     },
     // actions
     async readWarehouses() {
@@ -61,11 +61,11 @@ function Ae() {
       await Q().deleteWarehouse(u._id);
     },
     async init() {
-      const u = Ue();
+      const u = Te();
       try {
         await this.readWarehouses();
       } catch (c) {
-        throw c instanceof Le || u.error("Error at reading warehouses"), c;
+        throw c instanceof Ue || u.error("Error at reading warehouses"), c;
       }
     }
   };
@@ -106,8 +106,8 @@ function Je(u, c) {
       id: "action",
       header: "",
       cell(r) {
-        return ze(
-          [Ve[Z.Edit], Ve[Z.Delete]],
+        return qe(
+          [we[Z.Edit], we[Z.Delete]],
           (n) => {
             p(n, r.row.original.original);
           }
@@ -136,7 +136,7 @@ function Je(u, c) {
           s == null ? void 0 : s.postcode,
           s == null ? void 0 : s.state,
           s == null ? void 0 : s.country
-        ].map((y) => y == null ? void 0 : y.trim()).filter((y) => y).join(", ");
+        ].map((g) => g == null ? void 0 : g.trim()).filter((g) => g).join(", ");
       }
     }));
   }
@@ -171,49 +171,49 @@ const Qe = /* @__PURE__ */ q({
     const l = u, a = p;
     c({
       setCenter: (i) => {
-        var m, V;
-        (m = s.value) == null || m.setCenter(i), (V = s.value) == null || V.setZoom(18);
+        var m, y;
+        (m = s.value) == null || m.setCenter(i), (y = s.value) == null || y.setZoom(18);
       }
     });
-    const { googleMap: r } = ae(), n = D(), s = D(null), A = [];
-    function y(i) {
+    const { googleMap: r } = ae(), n = F(), s = F(null), x = [];
+    function g(i) {
       return {
         lat: i.latLng.lat(),
         lng: i.latLng.lng()
       };
     }
-    function w(i, m, V) {
-      const M = r.maps.event.addListener(i, m, V);
-      A.push(M);
+    function V(i, m, y) {
+      const M = r.maps.event.addListener(i, m, y);
+      x.push(M);
     }
-    const _ = D([]);
-    function v(i, m, V) {
-      w(i, m, V);
+    const _ = F([]);
+    function b(i, m, y) {
+      V(i, m, y);
     }
     function S(i) {
-      d(null), _.value = i.map((m, V) => {
+      d(null), _.value = i.map((m, y) => {
         const M = new r.maps.Marker({
           position: m,
           draggable: !0
         });
-        return v(M, "dragend", (W) => {
-          a("marker-change", { index: V, position: y(W) });
+        return b(M, "dragend", (T) => {
+          a("marker-change", { index: y, position: g(T) });
         }), M;
       }), d(s.value);
     }
     function d(i) {
-      _.value.map((m) => be(m).setMap(i));
+      _.value.map((m) => ve(m).setMap(i));
     }
-    const x = D([]);
-    function $(i, m, V) {
-      w(i, m, V);
+    const C = F([]);
+    function $(i, m, y) {
+      V(i, m, y);
     }
-    function o(i, m, V) {
-      w(i, m, V);
+    function o(i, m, y) {
+      V(i, m, y);
     }
     function e(i) {
-      return x.value[i].getPath().getArray().map(({ lat: V, lng: M }) => ({
-        lat: V(),
+      return C.value[i].getPath().getArray().map(({ lat: y, lng: M }) => ({
+        lat: y(),
         lng: M()
       }));
     }
@@ -221,15 +221,15 @@ const Qe = /* @__PURE__ */ q({
       const m = e(i);
       a("polygon-change", { index: i, path: m });
     }
-    function b(i, m) {
-      const M = e(i).filter((W, O) => O !== m);
+    function w(i, m) {
+      const M = e(i).filter((T, O) => O !== m);
       a("polygon-change", { index: i, path: M });
     }
     function h(i, m) {
-      m.vertex !== void 0 ? b(i, m.vertex) : a("polygon-right-click", i);
+      m.vertex !== void 0 ? w(i, m.vertex) : a("polygon-right-click", i);
     }
     function f(i) {
-      j(null), x.value = i.map((m, V) => {
+      P(null), C.value = i.map((m, y) => {
         const M = new r.maps.Polygon({
           paths: m.paths,
           strokeColor: m.strokeColor,
@@ -237,18 +237,18 @@ const Qe = /* @__PURE__ */ q({
           fillOpacity: 0.5,
           editable: l.editable
         });
-        return $(M, "contextmenu", (W) => h(V, W)), M.getPaths().forEach((W) => {
-          o(W, "insert_at", () => t(V)), o(W, "set_at", () => t(V));
+        return $(M, "contextmenu", (T) => h(y, T)), M.getPaths().forEach((T) => {
+          o(T, "insert_at", () => t(y)), o(T, "set_at", () => t(y));
         }), M;
-      }), j(s.value);
+      }), P(s.value);
     }
-    function j(i) {
-      x.value.map((m) => be(m).setMap(i));
+    function P(i) {
+      C.value.map((m) => ve(m).setMap(i));
     }
-    function E(i, m, V) {
-      w(i, m, V);
+    function E(i, m, y) {
+      V(i, m, y);
     }
-    function P() {
+    function j() {
       s.value = new r.maps.Map(n.value, {
         center: l.center,
         zoom: l.zoom,
@@ -256,13 +256,13 @@ const Qe = /* @__PURE__ */ q({
         streetViewControl: !1,
         draggable: !0,
         scrollwheel: !0
-      }), E(s.value, "click", (i) => a("map-click", y(i)));
+      }), E(s.value, "click", (i) => a("map-click", g(i)));
     }
     return Y(() => l.markers, S, { deep: !0 }), Y(() => l.polygons, f, { deep: !0 }), oe(() => {
-      !n.value || !r || (P(), S(l.markers), f(l.polygons));
-    }), Me(() => {
-      A.forEach((i) => i.remove());
-    }), (i, m) => (T(), B("div", {
+      !n.value || !r || (j(), S(l.markers), f(l.polygons));
+    }), $e(() => {
+      x.forEach((i) => i.remove());
+    }), (i, m) => (R(), B("div", {
       ref_key: "mapRef",
       ref: n,
       class: "map app-map"
@@ -270,46 +270,46 @@ const Qe = /* @__PURE__ */ q({
   }
 });
 var se = { exports: {} };
-function $e(u, c = 100, p = {}) {
+function xe(u, c = 100, p = {}) {
   if (typeof u != "function")
     throw new TypeError(`Expected the first parameter to be a function, got \`${typeof u}\`.`);
   if (c < 0)
     throw new RangeError("`wait` must not be negative.");
   const { immediate: l } = typeof p == "boolean" ? { immediate: p } : p;
-  let a, r, n, s, A;
-  function y() {
+  let a, r, n, s, x;
+  function g() {
     const _ = Date.now() - s;
     if (_ < c && _ >= 0)
-      n = setTimeout(y, c - _);
+      n = setTimeout(g, c - _);
     else if (n = void 0, !l) {
-      const v = a, S = r;
-      a = void 0, r = void 0, A = u.apply(v, S);
+      const b = a, S = r;
+      a = void 0, r = void 0, x = u.apply(b, S);
     }
   }
-  const w = function(..._) {
+  const V = function(..._) {
     if (a && this !== a)
       throw new Error("Debounced method called with different contexts.");
     a = this, r = _, s = Date.now();
-    const v = l && !n;
-    if (n || (n = setTimeout(y, c)), v) {
+    const b = l && !n;
+    if (n || (n = setTimeout(g, c)), b) {
       const S = a, d = r;
-      a = void 0, r = void 0, A = u.apply(S, d);
+      a = void 0, r = void 0, x = u.apply(S, d);
     }
-    return A;
+    return x;
   };
-  return w.clear = () => {
+  return V.clear = () => {
     n && (clearTimeout(n), n = void 0);
-  }, w.flush = () => {
+  }, V.flush = () => {
     if (!n)
       return;
-    const _ = a, v = r;
-    a = void 0, r = void 0, A = u.apply(_, v), clearTimeout(n), n = void 0;
-  }, w;
+    const _ = a, b = r;
+    a = void 0, r = void 0, x = u.apply(_, b), clearTimeout(n), n = void 0;
+  }, V;
 }
-se.exports.debounce = $e;
-se.exports = $e;
+se.exports.debounce = xe;
+se.exports = xe;
 var Xe = se.exports;
-const Ye = /* @__PURE__ */ Ie(Xe), ne = (u) => (Fe("data-v-ea67d23a"), u = u(), De(), u), eo = { class: "flex flex-col gap-24" }, oo = { class: "flex flex-col gap-8" }, to = /* @__PURE__ */ ne(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Address: ", -1)), ao = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ ne(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Longitude: ", -1)), so = { class: "fm-typo-en-body-lg-600" }, no = /* @__PURE__ */ ne(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Latitude: ", -1)), ro = { class: "fm-typo-en-body-lg-600" }, uo = /* @__PURE__ */ q({
+const Ye = /* @__PURE__ */ Le(Xe), ne = (u) => (Me("data-v-ea67d23a"), u = u(), De(), u), eo = { class: "flex flex-col gap-24" }, oo = { class: "flex flex-col gap-8" }, to = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Address: ", -1)), ao = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Longitude: ", -1)), so = { class: "fm-typo-en-body-lg-600" }, no = /* @__PURE__ */ ne(() => /* @__PURE__ */ v("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Latitude: ", -1)), ro = { class: "fm-typo-en-body-lg-600" }, uo = /* @__PURE__ */ q({
   __name: "CoordinateDialog",
   props: {
     address: {
@@ -324,7 +324,7 @@ const Ye = /* @__PURE__ */ Ie(Xe), ne = (u) => (Fe("data-v-ea67d23a"), u = u(),
   setup(u) {
     const c = u, p = Ke(), l = ae(), a = Se(
       z(c.coordinate ? c.coordinate : te.jb)
-    ), r = D(""), n = Ye(async function() {
+    ), r = F(""), n = Ye(async function() {
       r.value = await l.getFirstMatchingAddress(
         a.lat,
         a.lng
@@ -333,39 +333,39 @@ const Ye = /* @__PURE__ */ Ie(Xe), ne = (u) => (Fe("data-v-ea67d23a"), u = u(),
     oe(() => {
       p.emitData(z(a)), n();
     });
-    function s({ position: y }) {
-      a.lat = y.lat, a.lng = y.lng, p.emitData(z(a)), n();
+    function s({ position: g }) {
+      a.lat = g.lat, a.lng = g.lng, p.emitData(z(a)), n();
     }
-    const A = D();
-    return (y, w) => (T(), B("div", eo, [
-      g("div", oo, [
-        g("div", null, [
+    const x = F();
+    return (g, V) => (R(), B("div", eo, [
+      v("div", oo, [
+        v("div", null, [
           to,
-          g("span", ao, X(r.value), 1)
+          v("span", ao, X(r.value), 1)
         ]),
-        g("div", null, [
+        v("div", null, [
           lo,
-          g("span", so, X(a.lng), 1)
+          v("span", so, X(a.lng), 1)
         ]),
-        g("div", null, [
+        v("div", null, [
           no,
-          g("span", ro, X(a.lat), 1)
+          v("span", ro, X(a.lat), 1)
         ])
       ]),
       k(Qe, {
         ref_key: "gmapRef",
-        ref: A,
+        ref: x,
         class: "h-[272px] sm:h-[240px] xs:h-[240px]",
         editable: "",
         center: a,
         markers: [a],
         onMarkerChange: s,
-        onMapClick: w[0] || (w[0] = (_) => s({ position: _ }))
+        onMapClick: V[0] || (V[0] = (_) => s({ position: _ }))
       }, null, 8, ["center", "markers"])
     ]));
   }
-}), io = /* @__PURE__ */ Be(uo, [["__scopeId", "data-v-ea67d23a"]]);
-function ke([u, c]) {
+}), io = /* @__PURE__ */ Ie(uo, [["__scopeId", "data-v-ea67d23a"]]);
+function _e([u, c]) {
   return {
     lat: c,
     lng: u
@@ -391,14 +391,14 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
   },
   emits: ["update:modelValue"],
   setup(u, { emit: c }) {
-    const p = u, l = c, a = ae(), r = Ce(), n = le(), s = ee(p, "modelValue"), A = D(!1);
-    function y(d) {
+    const p = u, l = c, a = ae(), r = Ce(), n = le(), s = ee(p, "modelValue"), x = F(!1);
+    function g(d) {
       if (d != null && d[0] && (d != null && d[1]))
         return `${d[0].toFixed(3)} Long ${d[1].toFixed(3)} Lat`;
     }
-    async function w(d) {
+    async function V(d) {
       var e, t;
-      const x = p.modelValue, $ = !x && ((e = p.address) != null && e.formatted) ? await a.getFirstMatchingCoordinate(p.address.formatted) : null, o = x ? ke(x) : $ ? ke($) : te.jb;
+      const C = p.modelValue, $ = !C && ((e = p.address) != null && e.formatted) ? await a.getFirstMatchingCoordinate(p.address.formatted) : null, o = C ? _e(C) : $ ? _e($) : te.jb;
       r.open({
         title: p.dialogTitle ?? p.label ?? "Pin location",
         closeButton: !0,
@@ -418,7 +418,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
       }).onPrimary(d);
     }
     const _ = (d) => l("update:modelValue", d ? co(d) : null);
-    async function v() {
+    async function b() {
       if (!p.disabled) {
         if (!a.isGoogleMapReady) {
           n.open({
@@ -428,41 +428,41 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
           });
           return;
         }
-        w(_);
+        V(_);
       }
     }
     function S() {
       l("update:modelValue", null);
     }
-    return (d, x) => {
-      const $ = U("FmField"), o = U("FmButton"), e = U("FmFormGroup");
-      return T(), B("div", po, [
+    return (d, C) => {
+      const $ = L("FmField"), o = L("FmButton"), e = L("FmFormGroup");
+      return R(), B("div", po, [
         k(e, {
           class: "flex-1",
-          "model-value": C(s),
+          "model-value": A(s),
           label: d.label,
           disabled: d.disabled,
           required: d.labelMark === "required",
           optional: d.labelMark === "optional",
           info: d.labelInfo,
           rules: d.rules,
-          focused: A.value,
+          focused: x.value,
           "helper-text": d.helperText,
           "helper-state": d.helperState,
-          onClick: x[0] || (x[0] = (t) => v())
-        }, Pe({
+          onClick: C[0] || (C[0] = (t) => b())
+        }, Fe({
           default: I(({ invalid: t }) => [
-            d.modelValue && d.modelValue[0] && d.modelValue[1] ? (T(), B("div", mo, [
+            d.modelValue && d.modelValue[0] && d.modelValue[1] ? (R(), B("div", mo, [
               k($, {
                 invalid: t,
                 class: "fm-typo-en-body-lg-400"
               }, {
                 default: I(() => [
-                  Te(X(y(d.modelValue)), 1)
+                  Pe(X(g(d.modelValue)), 1)
                 ]),
                 _: 2
               }, 1032, ["invalid"])
-            ])) : (T(), B("div", fo, [
+            ])) : (R(), B("div", fo, [
               k(o, {
                 label: "Add coordinate",
                 "prepend-icon": "add",
@@ -480,16 +480,16 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
             key: "0"
           } : void 0
         ]), 1032, ["model-value", "label", "disabled", "required", "optional", "info", "rules", "focused", "helper-text", "helper-state"]),
-        d.modelValue && d.modelValue[0] && d.modelValue[1] ? (T(), N(o, {
+        d.modelValue && d.modelValue[0] && d.modelValue[1] ? (R(), N(o, {
           key: 0,
           "prepend-icon": "delete",
           variant: "tertiary",
-          onClick: x[1] || (x[1] = (t) => S())
-        })) : xe("", !0)
+          onClick: C[1] || (C[1] = (t) => S())
+        })) : ke("", !0)
       ]);
     };
   }
-}), go = { class: "flex flex-col gap-40" }, yo = { class: "flex flex-col gap-16" }, vo = { class: "flex flex-col gap-8" }, bo = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), wo = { class: "grid grid-cols-2 gap-24" }, Vo = { class: "flex flex-col gap-8" }, _o = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Coordinate", -1), ko = { class: "flex flex-col gap-8" }, xo = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), Co = { class: "flex flex-col gap-16" }, Ao = /* @__PURE__ */ q({
+}), go = { class: "flex flex-col gap-40" }, yo = { class: "flex flex-col gap-16" }, vo = { class: "flex flex-col gap-8" }, bo = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), wo = { class: "grid grid-cols-2 gap-24" }, Vo = { class: "flex flex-col gap-8" }, _o = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800" }, "Coordinate", -1), ko = { class: "flex flex-col gap-8" }, Co = /* @__PURE__ */ v("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), Ao = { class: "flex flex-col gap-16" }, xo = /* @__PURE__ */ q({
   __name: "WarehouseForm",
   props: {
     modelValue: {},
@@ -497,7 +497,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
   },
   emits: ["update:modelValue", "validation-success"],
   setup(u, { expose: c, emit: p }) {
-    const l = u, a = p, r = F({
+    const l = u, a = p, r = D({
       get() {
         var o, e;
         return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.name) ?? "";
@@ -506,7 +506,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.name = o, a("update:modelValue", e);
       }
-    }), n = F({
+    }), n = D({
       get() {
         var o, e;
         return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.regNo) ?? "";
@@ -515,7 +515,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.regNo = o, a("update:modelValue", e);
       }
-    }), s = F({
+    }), s = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.line1) ?? "";
@@ -525,7 +525,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line1 = o, a("update:modelValue", e);
       }
-    }), A = F({
+    }), x = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.line2) ?? "";
@@ -535,7 +535,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line2 = o, a("update:modelValue", e);
       }
-    }), y = F({
+    }), g = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.city) ?? "";
@@ -545,7 +545,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.city = o, a("update:modelValue", e);
       }
-    }), w = F({
+    }), V = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.postcode) ?? "";
@@ -555,7 +555,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.postcode = o, a("update:modelValue", e);
       }
-    }), _ = F({
+    }), _ = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.state) ?? "";
@@ -565,7 +565,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.state = o, a("update:modelValue", e);
       }
-    }), v = F({
+    }), b = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.country) ?? "";
@@ -575,7 +575,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.country = o, a("update:modelValue", e);
       }
-    }), S = F({
+    }), S = D({
       get() {
         var o, e, t;
         return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.coordinates) ?? null;
@@ -585,7 +585,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.coordinates = o, a("update:modelValue", e);
       }
-    }), d = F({
+    }), d = D({
       get() {
         var o, e;
         return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.phoneNo) ?? "";
@@ -594,7 +594,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.phoneNo = o, a("update:modelValue", e);
       }
-    }), x = F({
+    }), C = D({
       get() {
         var o, e;
         return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.email) ?? "";
@@ -603,7 +603,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         const e = l.modelValue ?? {};
         e.profile ?? (e.profile = {}), e.profile.email = o, a("update:modelValue", e);
       }
-    }), $ = D();
+    }), $ = F();
     return c({
       validateInputs: () => {
         var o, e;
@@ -618,18 +618,18 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         (e = (o = $.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
       }
     }), (o, e) => {
-      const t = U("FmTextField"), b = U("FmPhoneNumber"), h = U("FmForm");
-      return T(), N(h, {
+      const t = L("FmTextField"), w = L("FmPhoneNumber"), h = L("FmForm");
+      return R(), N(h, {
         ref_key: "formRef",
         ref: $,
         onValidationSuccess: e[11] || (e[11] = (f) => a("validation-success"))
       }, {
         default: I(() => [
-          g("div", go, [
-            g("div", yo, [
+          v("div", go, [
+            v("div", yo, [
               k(t, {
                 disabled: o.disabled,
-                rules: [C(L)()],
+                rules: [A(U)()],
                 "label-mark": "required",
                 label: "Company name",
                 modelValue: r.value,
@@ -637,19 +637,19 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
               }, null, 8, ["disabled", "rules", "modelValue"]),
               k(t, {
                 disabled: o.disabled,
-                rules: [C(L)()],
+                rules: [A(U)()],
                 "label-mark": "required",
                 label: "Registration no.",
                 modelValue: n.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (f) => n.value = f)
               }, null, 8, ["disabled", "rules", "modelValue"])
             ]),
-            g("div", vo, [
+            v("div", vo, [
               bo,
-              g("div", wo, [
+              v("div", wo, [
                 k(t, {
                   disabled: o.disabled,
-                  rules: [C(L)()],
+                  rules: [A(U)()],
                   "label-mark": "required",
                   label: "Line 1",
                   modelValue: s.value,
@@ -659,28 +659,28 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
                   disabled: o.disabled,
                   "label-mark": "optional",
                   label: "Line 2",
-                  modelValue: A.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (f) => A.value = f)
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (f) => x.value = f)
                 }, null, 8, ["disabled", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [C(L)()],
+                  rules: [A(U)()],
                   "label-mark": "required",
                   label: "City",
-                  modelValue: y.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (f) => y.value = f)
+                  modelValue: g.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (f) => g.value = f)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [C(L)()],
+                  rules: [A(U)()],
                   "label-mark": "required",
                   label: "Postal code",
-                  modelValue: w.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (f) => w.value = f)
+                  modelValue: V.value,
+                  "onUpdate:modelValue": e[5] || (e[5] = (f) => V.value = f)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [C(L)()],
+                  rules: [A(U)()],
                   "label-mark": "required",
                   label: "State",
                   modelValue: _.value,
@@ -688,30 +688,30 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
                 }, null, 8, ["disabled", "rules", "modelValue"]),
                 k(t, {
                   disabled: o.disabled,
-                  rules: [C(L)()],
+                  rules: [A(U)()],
                   "label-mark": "required",
                   label: "Country",
-                  modelValue: v.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (f) => v.value = f)
+                  modelValue: b.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (f) => b.value = f)
                 }, null, 8, ["disabled", "rules", "modelValue"])
               ])
             ]),
-            g("div", Vo, [
+            v("div", Vo, [
               _o,
               k(ho, {
                 disabled: o.disabled,
-                rules: [C(L)()],
+                rules: [A(U)()],
                 "label-mark": "required",
                 modelValue: S.value,
                 "onUpdate:modelValue": e[8] || (e[8] = (f) => S.value = f)
               }, null, 8, ["disabled", "rules", "modelValue"])
             ]),
-            g("div", ko, [
-              xo,
-              g("div", Co, [
-                k(b, {
+            v("div", ko, [
+              Co,
+              v("div", Ao, [
+                k(w, {
                   disabled: o.disabled,
-                  rules: [C(L)()],
+                  rules: [A(U)()],
                   "label-mark": "required",
                   label: "Phone number",
                   modelValue: d.value,
@@ -721,8 +721,8 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
                   disabled: o.disabled,
                   "label-mark": "optional",
                   label: "Email",
-                  modelValue: x.value,
-                  "onUpdate:modelValue": e[10] || (e[10] = (f) => x.value = f)
+                  modelValue: C.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (f) => C.value = f)
                 }, null, 8, ["disabled", "modelValue"])
               ])
             ])
@@ -732,7 +732,7 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
       }, 512);
     };
   }
-}), $o = { class: "flex gap-4" }, Mo = /* @__PURE__ */ q({
+}), $o = { class: "flex gap-4" }, So = /* @__PURE__ */ q({
   __name: "WarehouseDialog",
   props: {
     mode: {},
@@ -741,72 +741,72 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
   },
   emits: ["update:show", "submitted"],
   setup(u, { expose: c, emit: p }) {
-    const l = u, a = p, r = D(!1), n = le(), s = Ae(), A = F(() => {
+    const l = u, a = p, r = F(!1), n = le(), s = Ae(), x = D(() => {
       switch (l.mode) {
-        case R.CREATE:
+        case W.CREATE:
           return "Add warehouse";
-        case R.READ:
+        case W.READ:
           return "View";
-        case R.UPDATE:
+        case W.UPDATE:
           return "Edit warehouse";
       }
       return "";
-    }), y = F(() => {
+    }), g = D(() => {
       switch (l.mode) {
-        case R.READ:
+        case W.READ:
           return "";
-        case R.UPDATE:
+        case W.UPDATE:
           return "Save";
-        case R.CREATE:
+        case W.CREATE:
           return "Add";
       }
       return "";
-    }), w = D();
+    }), V = F();
     c({
       validateInputs: () => {
         var o, e;
-        (e = (o = w.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
+        (e = (o = V.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
       },
       resetInputsValidation: () => {
         var o, e;
-        (e = (o = w.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
+        (e = (o = V.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
       },
       resetInputs: () => {
         var o, e;
-        (e = (o = w.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
+        (e = (o = V.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
       }
     });
-    const _ = ee(l, "show"), v = ee(l, "warehouse");
+    const _ = ee(l, "show"), b = ee(l, "warehouse");
     function S() {
       var o, e;
-      (e = (o = w.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
+      (e = (o = V.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
     }
     function d() {
       switch (l.mode) {
-        case R.READ:
+        case W.READ:
           return;
-        case R.UPDATE:
+        case W.UPDATE:
           return $();
-        case R.CREATE:
-          return x();
+        case W.CREATE:
+          return C();
       }
     }
-    async function x() {
-      var o, e, t, b;
+    async function C() {
+      var o, e, t, w;
       r.value = !0;
       try {
         await Promise.all([
-          s.createWarehouse(v.value),
+          s.createWarehouse(b.value),
           new Promise((h) => setTimeout(h, 1e3))
         ]), n.open({
           title: "Success",
-          message: `Created ${(e = (o = v.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
+          message: `Created ${(e = (o = b.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
           type: "success"
         }), a("update:show", !1), a("submitted");
       } catch (h) {
         n.open({
           title: "Something went wrong",
-          message: `Cannot create ${(b = (t = v.value) == null ? void 0 : t.profile) == null ? void 0 : b.name} warehouse. Please try again`,
+          message: `Cannot create ${(w = (t = b.value) == null ? void 0 : t.profile) == null ? void 0 : w.name} warehouse. Please try again`,
           type: "error"
         }), console.error("cannot create warehouse", h);
       } finally {
@@ -814,8 +814,8 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
       }
     }
     async function $() {
-      var o, e, t, b;
-      if (v.value === null) {
+      var o, e, t, w;
+      if (b.value === null) {
         n.open({
           title: "Something went wrong",
           message: "Cannot update empty warehouse info",
@@ -826,17 +826,17 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
       r.value = !0;
       try {
         await Promise.all([
-          s.updateWarehouse(v.value),
+          s.updateWarehouse(b.value),
           new Promise((h) => setTimeout(h, 1e3))
         ]), n.open({
           title: "Success",
-          message: `Updated ${(e = (o = v.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
+          message: `Updated ${(e = (o = b.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
           type: "success"
         }), a("update:show", !1), a("submitted");
       } catch (h) {
         n.open({
           title: "Something went wrong",
-          message: `Cannot update ${(b = (t = v.value) == null ? void 0 : t.profile) == null ? void 0 : b.name} warehouse. Please try again`,
+          message: `Cannot update ${(w = (t = b.value) == null ? void 0 : t.profile) == null ? void 0 : w.name} warehouse. Please try again`,
           type: "error"
         }), console.error("cannot update warehouse", h);
       } finally {
@@ -844,11 +844,11 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
       }
     }
     return (o, e) => {
-      const t = U("FmButton"), b = U("FmSideSheet");
-      return T(), N(b, {
-        header: A.value,
-        modelValue: C(_),
-        "onUpdate:modelValue": e[1] || (e[1] = (h) => we(_) ? _.value = h : null),
+      const t = L("FmButton"), w = L("FmSideSheet");
+      return R(), N(w, {
+        header: x.value,
+        modelValue: A(_),
+        "onUpdate:modelValue": e[1] || (e[1] = (h) => be(_) ? _.value = h : null),
         "dismiss-away": !r.value,
         "close-button": "",
         "max-width": 500
@@ -856,12 +856,12 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         default: I(() => {
           var h;
           return [
-            (T(), N(Ao, {
+            (R(), N(xo, {
               class: "w-full",
               ref_key: "formRef",
-              ref: w,
-              modelValue: C(v),
-              "onUpdate:modelValue": e[0] || (e[0] = (f) => we(v) ? v.value = f : null),
+              ref: V,
+              modelValue: A(b),
+              "onUpdate:modelValue": e[0] || (e[0] = (f) => be(b) ? b.value = f : null),
               onValidationSuccess: d,
               key: ((h = o.warehouse) == null ? void 0 : h._id) ?? "",
               disabled: r.value
@@ -869,10 +869,10 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
           ];
         }),
         "side-sheet-footer": I(() => [
-          g("div", $o, [
+          v("div", $o, [
             k(t, {
               loading: r.value,
-              label: y.value,
+              label: g.value,
               onClick: S
             }, null, 8, ["loading", "label"])
           ])
@@ -881,29 +881,29 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
       }, 8, ["header", "modelValue", "dismiss-away"]);
     };
   }
-}), So = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Fo = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, Do = { class: "flex-1 w-full" }, Po = { class: "flex flex-col py-8" }, To = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Eo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = {
+}), Mo = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Do = { class: "flex flex-col py-8" }, Fo = { 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" }, Eo = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, Oo = /* @__PURE__ */ q({
+}, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, zo = /* @__PURE__ */ q({
   __name: "WarehouseView",
   setup(u) {
-    const c = Ae(), p = Ne(), l = F(() => c.warehouses), a = Ce(), r = le(), n = D(!1);
+    const c = Ae(), p = Be(), l = D(() => c.warehouses), a = Ce(), r = le(), n = F(!1);
     oe(() => {
       p._currentLocation && $();
     }), Y([() => p._currentLocation], () => {
       p._currentLocation && $();
     });
-    const s = D({});
-    function A() {
-      s.value.mode = R.CREATE, s.value.warehouse = {}, s.value.show = !0;
+    const s = F({});
+    function x() {
+      s.value.mode = W.CREATE, s.value.warehouse = {}, s.value.show = !0;
     }
-    function y(b) {
-      s.value.mode = R.UPDATE, s.value.warehouse = b, s.value.show = !0;
+    function g(w) {
+      s.value.mode = W.UPDATE, s.value.warehouse = w, s.value.show = !0;
     }
-    async function w(b) {
+    async function V(w) {
       a.open({
         title: "Delete warehouse?",
-        message: `Confirm deleting ${b.profile.name}?`,
+        message: `Confirm deleting ${w.profile.name}?`,
         primaryActions: {
           text: "Delete",
           close: !0,
@@ -913,41 +913,41 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
           text: "Cancel",
           close: !0
         }
-      }).onPrimary(() => _(b));
+      }).onPrimary(() => _(w));
     }
-    async function _(b) {
+    async function _(w) {
       a.open({
         title: "Deleting warehouse...",
         closeButton: !1
       });
       try {
-        await c.deleteWarehouse(b), r.open({
+        await c.deleteWarehouse(w), r.open({
           title: "Success",
-          message: `Deleted ${b.profile.name}.`,
+          message: `Deleted ${w.profile.name}.`,
           type: "success"
         }), await $(!0);
       } catch (h) {
         r.open({
           title: "Something went wrong",
-          message: `Cannot delete ${b.profile.name}. Please try again.`,
+          message: `Cannot delete ${w.profile.name}. Please try again.`,
           type: "error"
         }), console.error("failed to delete warehouse", h);
       } finally {
         a.close();
       }
     }
-    const { columnDefs: v, formatRowData: S } = Je(
-      y,
-      w
+    const { columnDefs: b, formatRowData: S } = Je(
+      g,
+      V
     );
-    function d(b) {
-      b === "create" && A();
+    function d(w) {
+      w === "create" && x();
     }
-    const x = D("");
-    async function $(b = !1) {
+    const C = F("");
+    async function $(w = !1) {
       n.value = !0;
       try {
-        await c.readWarehouses(), b && await p.readLocations();
+        await c.readWarehouses(), w && await p.readLocations();
       } catch {
         r.open({
           title: "Cannot fetch warehouse list",
@@ -957,67 +957,63 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
         n.value = !1;
       }
     }
-    const { breakpoints: o } = He(), e = F(() => o.value.xs || o.value.sm ? 10 : 20), t = Oe();
-    return (b, h) => {
-      const f = U("FmTableToolbar"), j = U("FmTable");
-      return T(), N(Ge, {
+    const { breakpoints: o } = He(), e = D(() => o.value.xs || o.value.sm ? 10 : 20), t = je();
+    return (w, h) => {
+      const f = L("FmTable");
+      return R(), N(Oe, {
         title: "Warehouse",
         actions: [{ label: "Create warehouse", value: "create", isPrimary: !0, prependIcon: "add" }],
         "onClick:action": d
       }, {
         default: I(() => [
-          g("div", So, [
-            g("div", Fo, [
-              g("div", Do, [
-                k(f, {
-                  class: "xs:px-8",
-                  searchable: "",
-                  "search-model": x.value,
-                  "onUpdate:searchModel": h[0] || (h[0] = (E) => x.value = E)
-                }, null, 8, ["search-model"])
-              ])
-            ]),
-            (T(), N(j, {
-              style: Re(C(t).tableHeight),
-              "column-defs": C(v),
-              "row-data": C(S)(l.value),
-              "search-value": x.value,
-              loading: !C(p)._currentLocation || n.value,
-              onRowClick: h[1] || (h[1] = (E) => y(E.original.original)),
+          v("div", Mo, [
+            k(Ge, {
+              searchable: "",
+              "change-location": "",
+              search: C.value,
+              "onUpdate:search": h[0] || (h[0] = (P) => C.value = P)
+            }, null, 8, ["search"]),
+            (R(), N(f, {
+              style: Re(A(t).tableHeight),
+              "column-defs": A(b),
+              "row-data": A(S)(l.value),
+              "search-value": C.value,
+              loading: !A(p)._currentLocation || n.value,
+              onRowClick: h[1] || (h[1] = (P) => g(P.original.original)),
               key: l.value.length,
               "page-size": e.value
             }, {
-              "list-row": I((E) => [
-                k(je, {
-                  row: E,
-                  onRowClick: (P) => y(P.original)
+              "list-row": I((P) => [
+                k(ze, {
+                  row: P,
+                  onRowClick: (E) => g(E.original)
                 }, {
-                  default: I((P) => {
-                    var i, m, V, M, W, O, re, ue, G, de, ie, ce, pe, me, K, fe, he, ge, ye, H, ve;
+                  default: I((E) => {
+                    var j, i, m, y, M, T, O, re, G, ue, de, ie, ce, pe, K, me, fe, he, ge, H, ye;
                     return [
-                      g("div", Po, [
-                        g("div", To, [
-                          k(C(J), {
-                            render: (V = (m = (i = P.warehouse) == null ? void 0 : i.column) == null ? void 0 : m.columnDef) == null ? void 0 : V.cell,
-                            props: (W = (M = P.warehouse) == null ? void 0 : M.getContext) == null ? void 0 : W.call(M)
+                      v("div", Do, [
+                        v("div", Fo, [
+                          k(A(J), {
+                            render: (m = (i = (j = E.warehouse) == null ? void 0 : j.column) == null ? void 0 : i.columnDef) == null ? void 0 : m.cell,
+                            props: (M = (y = E.warehouse) == null ? void 0 : y.getContext) == null ? void 0 : M.call(y)
                           }, null, 8, ["render", "props"])
                         ]),
-                        g("div", Eo, [
-                          k(C(J), {
-                            render: (ue = (re = (O = P.contact) == null ? void 0 : O.column) == null ? void 0 : re.columnDef) == null ? void 0 : ue.cell,
-                            props: (de = (G = P.contact) == null ? void 0 : G.getContext) == null ? void 0 : de.call(G)
+                        v("div", Po, [
+                          k(A(J), {
+                            render: (re = (O = (T = E.contact) == null ? void 0 : T.column) == null ? void 0 : O.columnDef) == null ? void 0 : re.cell,
+                            props: (ue = (G = E.contact) == null ? void 0 : G.getContext) == null ? void 0 : ue.call(G)
                           }, null, 8, ["render", "props"])
                         ]),
-                        (ie = E.original) != null && ie.email ? (T(), B("div", Ro, [
-                          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 = (K = P.email) == null ? void 0 : K.getContext) == null ? void 0 : fe.call(K)
+                        (de = P.original) != null && de.email ? (R(), B("div", Eo, [
+                          k(A(J), {
+                            render: (pe = (ce = (ie = E.email) == null ? void 0 : ie.column) == null ? void 0 : ce.columnDef) == null ? void 0 : pe.cell,
+                            props: (me = (K = E.email) == null ? void 0 : K.getContext) == null ? void 0 : me.call(K)
                           }, null, 8, ["render", "props"])
-                        ])) : xe("", !0),
-                        g("div", Wo, [
-                          k(C(J), {
-                            render: (ye = (ge = (he = P.address) == null ? void 0 : he.column) == null ? void 0 : ge.columnDef) == null ? void 0 : ye.cell,
-                            props: (ve = (H = P.address) == null ? void 0 : H.getContext) == null ? void 0 : ve.call(H)
+                        ])) : ke("", !0),
+                        v("div", Ro, [
+                          k(A(J), {
+                            render: (ge = (he = (fe = E.address) == null ? void 0 : fe.column) == null ? void 0 : he.columnDef) == null ? void 0 : ge.cell,
+                            props: (ye = (H = E.address) == null ? void 0 : H.getContext) == null ? void 0 : ye.call(H)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -1029,12 +1025,12 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
           ]),
-          k(Mo, {
+          k(So, {
             show: s.value.show,
-            "onUpdate:show": h[2] || (h[2] = (E) => s.value.show = E),
+            "onUpdate:show": h[2] || (h[2] = (P) => s.value.show = P),
             warehouse: s.value.warehouse,
             mode: s.value.mode,
-            onSubmitted: h[3] || (h[3] = (E) => $(!0))
+            onSubmitted: h[3] || (h[3] = (P) => $(!0))
           }, null, 8, ["show", "warehouse", "mode"])
         ]),
         _: 1
@@ -1043,5 +1039,5 @@ const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1
   }
 });
 export {
-  Oo as default
+  zo as default
 };