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

package/dist/WarehouseView-DID1G1qK.js

@@ -1,1043 +0,0 @@
-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 U } from "./rules-CQu9yXsg.js";
-const Q = We((u, c) => {
-  const p = Ne();
-  return {
-    async readWarehouses() {
-      var r;
-      const l = ((r = p.currentBusiness.value) == null ? void 0 : r._id) ?? "", a = `${u.inventoryBackendUrl}/businesses/${l}/warehouses`;
-      return await c.get(a);
-    },
-    async createWarehouse(l) {
-      var n;
-      const a = ((n = p.currentBusiness.value) == null ? void 0 : n._id) ?? "", r = `${u.inventoryBackendUrl}/businesses/${a}/warehouse`;
-      return await c.post(r, l);
-    },
-    async updateWarehouse(l, a) {
-      var s;
-      const r = ((s = p.currentBusiness.value) == null ? void 0 : s._id) ?? "", n = `${u.inventoryBackendUrl}/businesses/${r}/warehouse/${l}`;
-      return await c.put(n, a);
-    },
-    async deleteWarehouse(l) {
-      var n;
-      const a = ((n = p.currentBusiness.value) == null ? void 0 : n._id) ?? "", r = `${u.inventoryBackendUrl}/businesses/${a}/warehouse/${l}`;
-      return await c.delete(r);
-    }
-  };
-});
-function Ze() {
-  return {
-    warehouses: []
-  };
-}
-const Ve = F(Ze());
-function Ae() {
-  return {
-    // state
-    get warehouses() {
-      return Ve.value.warehouses;
-    },
-    set warehouses(u) {
-      Ve.value.warehouses = u;
-    },
-    // actions
-    async readWarehouses() {
-      const u = Q();
-      this.warehouses = await u.readWarehouses();
-    },
-    async createWarehouse(u) {
-      await Q().createWarehouse(u);
-    },
-    async updateWarehouse(u) {
-      await Q().updateWarehouse(u._id, u.profile);
-    },
-    async deleteWarehouse(u) {
-      await Q().deleteWarehouse(u._id);
-    },
-    async init() {
-      const u = Te();
-      try {
-        await this.readWarehouses();
-      } catch (c) {
-        throw c instanceof Ue || u.error("Error at reading warehouses"), c;
-      }
-    }
-  };
-}
-function Je(u, c) {
-  function p(r, n) {
-    if (r === Z.Edit) {
-      u(z(n));
-      return;
-    }
-    if (r === Z.Delete) {
-      c(z(n));
-      return;
-    }
-  }
-  const l = [
-    {
-      accessorKey: "warehouse",
-      header: "Warehouse",
-      size: 200
-    },
-    {
-      accessorKey: "contact",
-      header: "Contact",
-      size: 200
-    },
-    {
-      accessorKey: "email",
-      header: "Email",
-      size: 200
-    },
-    {
-      accessorKey: "address",
-      header: "Address",
-      size: "auto"
-    },
-    {
-      id: "action",
-      header: "",
-      cell(r) {
-        return qe(
-          [we[Z.Edit], we[Z.Delete]],
-          (n) => {
-            p(n, r.row.original.original);
-          }
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  function a(r) {
-    return r.map((n) => ({
-      original: n,
-      warehouse: n.profile.name,
-      contact: n.profile.phoneNo,
-      email: n.profile.email,
-      get address() {
-        const s = n.profile.address;
-        return [
-          s == null ? void 0 : s.line1,
-          s == null ? void 0 : s.line2,
-          s == null ? void 0 : s.city,
-          s == null ? void 0 : s.postcode,
-          s == null ? void 0 : s.state,
-          s == null ? void 0 : s.country
-        ].map((g) => g == null ? void 0 : g.trim()).filter((g) => g).join(", ");
-      }
-    }));
-  }
-  return { columnDefs: l, formatRowData: a };
-}
-const Qe = /* @__PURE__ */ q({
-  __name: "GoogleMap",
-  props: {
-    markers: {
-      type: Array,
-      default: () => []
-    },
-    polygons: {
-      type: Array,
-      default: () => []
-    },
-    zoom: {
-      type: Number,
-      default: 14
-    },
-    editable: {
-      type: Boolean,
-      default: !1
-    },
-    center: {
-      type: Object,
-      default: te.jb
-    }
-  },
-  emits: ["map-click", "marker-change", "polygon-change", "polygon-right-click"],
-  setup(u, { expose: c, emit: p }) {
-    const l = u, a = p;
-    c({
-      setCenter: (i) => {
-        var m, y;
-        (m = s.value) == null || m.setCenter(i), (y = s.value) == null || y.setZoom(18);
-      }
-    });
-    const { googleMap: r } = ae(), n = F(), s = F(null), x = [];
-    function g(i) {
-      return {
-        lat: i.latLng.lat(),
-        lng: i.latLng.lng()
-      };
-    }
-    function V(i, m, y) {
-      const M = r.maps.event.addListener(i, m, y);
-      x.push(M);
-    }
-    const _ = F([]);
-    function b(i, m, y) {
-      V(i, m, y);
-    }
-    function S(i) {
-      d(null), _.value = i.map((m, y) => {
-        const M = new r.maps.Marker({
-          position: m,
-          draggable: !0
-        });
-        return b(M, "dragend", (T) => {
-          a("marker-change", { index: y, position: g(T) });
-        }), M;
-      }), d(s.value);
-    }
-    function d(i) {
-      _.value.map((m) => ve(m).setMap(i));
-    }
-    const C = F([]);
-    function $(i, m, y) {
-      V(i, m, y);
-    }
-    function o(i, m, y) {
-      V(i, m, y);
-    }
-    function e(i) {
-      return C.value[i].getPath().getArray().map(({ lat: y, lng: M }) => ({
-        lat: y(),
-        lng: M()
-      }));
-    }
-    function t(i) {
-      const m = e(i);
-      a("polygon-change", { index: i, path: 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 ? w(i, m.vertex) : a("polygon-right-click", i);
-    }
-    function f(i) {
-      P(null), C.value = i.map((m, y) => {
-        const M = new r.maps.Polygon({
-          paths: m.paths,
-          strokeColor: m.strokeColor,
-          fillColor: m.fillColor,
-          fillOpacity: 0.5,
-          editable: l.editable
-        });
-        return $(M, "contextmenu", (T) => h(y, T)), M.getPaths().forEach((T) => {
-          o(T, "insert_at", () => t(y)), o(T, "set_at", () => t(y));
-        }), M;
-      }), P(s.value);
-    }
-    function P(i) {
-      C.value.map((m) => ve(m).setMap(i));
-    }
-    function E(i, m, y) {
-      V(i, m, y);
-    }
-    function j() {
-      s.value = new r.maps.Map(n.value, {
-        center: l.center,
-        zoom: l.zoom,
-        mapTypeControl: !1,
-        streetViewControl: !1,
-        draggable: !0,
-        scrollwheel: !0
-      }), 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 || (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"
-    }, null, 512));
-  }
-});
-var se = { exports: {} };
-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, x;
-  function g() {
-    const _ = Date.now() - s;
-    if (_ < c && _ >= 0)
-      n = setTimeout(g, c - _);
-    else if (n = void 0, !l) {
-      const b = a, S = r;
-      a = void 0, r = void 0, x = u.apply(b, S);
-    }
-  }
-  const V = function(..._) {
-    if (a && this !== a)
-      throw new Error("Debounced method called with different contexts.");
-    a = this, r = _, s = Date.now();
-    const b = l && !n;
-    if (n || (n = setTimeout(g, c)), b) {
-      const S = a, d = r;
-      a = void 0, r = void 0, x = u.apply(S, d);
-    }
-    return x;
-  };
-  return V.clear = () => {
-    n && (clearTimeout(n), n = void 0);
-  }, V.flush = () => {
-    if (!n)
-      return;
-    const _ = a, b = r;
-    a = void 0, r = void 0, x = u.apply(_, b), clearTimeout(n), n = void 0;
-  }, V;
-}
-se.exports.debounce = xe;
-se.exports = xe;
-var Xe = se.exports;
-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: {
-      type: String,
-      required: !0
-    },
-    coordinate: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(u) {
-    const c = u, p = Ke(), l = ae(), a = Se(
-      z(c.coordinate ? c.coordinate : te.jb)
-    ), r = F(""), n = Ye(async function() {
-      r.value = await l.getFirstMatchingAddress(
-        a.lat,
-        a.lng
-      );
-    }, 1e3);
-    oe(() => {
-      p.emitData(z(a)), n();
-    });
-    function s({ position: g }) {
-      a.lat = g.lat, a.lng = g.lng, p.emitData(z(a)), n();
-    }
-    const x = F();
-    return (g, V) => (R(), B("div", eo, [
-      v("div", oo, [
-        v("div", null, [
-          to,
-          v("span", ao, X(r.value), 1)
-        ]),
-        v("div", null, [
-          lo,
-          v("span", so, X(a.lng), 1)
-        ]),
-        v("div", null, [
-          no,
-          v("span", ro, X(a.lat), 1)
-        ])
-      ]),
-      k(Qe, {
-        ref_key: "gmapRef",
-        ref: x,
-        class: "h-[272px] sm:h-[240px] xs:h-[240px]",
-        editable: "",
-        center: a,
-        markers: [a],
-        onMarkerChange: s,
-        onMapClick: V[0] || (V[0] = (_) => s({ position: _ }))
-      }, null, 8, ["center", "markers"])
-    ]));
-  }
-}), io = /* @__PURE__ */ Ie(uo, [["__scopeId", "data-v-ea67d23a"]]);
-function _e([u, c]) {
-  return {
-    lat: c,
-    lng: u
-  };
-}
-function co({ lng: u, lat: c }) {
-  return [u, c];
-}
-const po = { class: "flex gap-8 items-center" }, mo = { key: 0 }, fo = { key: 1 }, ho = /* @__PURE__ */ q({
-  __name: "FmCoordinateInput",
-  props: {
-    address: {},
-    modelValue: {},
-    dialogTitle: {},
-    label: {},
-    helperText: {},
-    helperState: {},
-    labelMark: {},
-    labelInfo: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    rules: {}
-  },
-  emits: ["update:modelValue"],
-  setup(u, { emit: c }) {
-    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 V(d) {
-      var e, t;
-      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,
-        contentComponent: io,
-        contentComponentProps: {
-          address: (t = p.address) == null ? void 0 : t.formatted,
-          coordinate: o
-        },
-        primaryActions: {
-          text: "Select",
-          close: !0
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0
-        }
-      }).onPrimary(d);
-    }
-    const _ = (d) => l("update:modelValue", d ? co(d) : null);
-    async function b() {
-      if (!p.disabled) {
-        if (!a.isGoogleMapReady) {
-          n.open({
-            title: "Something went wrong",
-            message: "Cannot load map component. Please try again.",
-            type: "error"
-          });
-          return;
-        }
-        V(_);
-      }
-    }
-    function S() {
-      l("update:modelValue", null);
-    }
-    return (d, C) => {
-      const $ = L("FmField"), o = L("FmButton"), e = L("FmFormGroup");
-      return R(), B("div", po, [
-        k(e, {
-          class: "flex-1",
-          "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: x.value,
-          "helper-text": d.helperText,
-          "helper-state": d.helperState,
-          onClick: C[0] || (C[0] = (t) => b())
-        }, Fe({
-          default: I(({ invalid: t }) => [
-            d.modelValue && d.modelValue[0] && d.modelValue[1] ? (R(), B("div", mo, [
-              k($, {
-                invalid: t,
-                class: "fm-typo-en-body-lg-400"
-              }, {
-                default: I(() => [
-                  Pe(X(g(d.modelValue)), 1)
-                ]),
-                _: 2
-              }, 1032, ["invalid"])
-            ])) : (R(), B("div", fo, [
-              k(o, {
-                label: "Add coordinate",
-                "prepend-icon": "add",
-                variant: "plain"
-              })
-            ]))
-          ]),
-          _: 2
-        }, [
-          d.$slots.label ? {
-            name: "label",
-            fn: I(() => [
-              Ee(d.$slots, "label")
-            ]),
-            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] ? (R(), N(o, {
-          key: 0,
-          "prepend-icon": "delete",
-          variant: "tertiary",
-          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__ */ 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: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "validation-success"],
-  setup(u, { expose: c, emit: p }) {
-    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) ?? "";
-      },
-      set(o) {
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.name = o, a("update:modelValue", e);
-      }
-    }), n = D({
-      get() {
-        var o, e;
-        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.regNo) ?? "";
-      },
-      set(o) {
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.regNo = o, a("update:modelValue", e);
-      }
-    }), 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) ?? "";
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line1 = o, a("update:modelValue", e);
-      }
-    }), 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) ?? "";
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line2 = o, a("update:modelValue", e);
-      }
-    }), 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) ?? "";
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.city = o, a("update:modelValue", e);
-      }
-    }), 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) ?? "";
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.postcode = o, a("update:modelValue", e);
-      }
-    }), _ = 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) ?? "";
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.state = o, a("update:modelValue", e);
-      }
-    }), 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) ?? "";
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.country = o, a("update:modelValue", e);
-      }
-    }), 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;
-      },
-      set(o) {
-        var t;
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.coordinates = o, a("update:modelValue", e);
-      }
-    }), d = D({
-      get() {
-        var o, e;
-        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.phoneNo) ?? "";
-      },
-      set(o) {
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.phoneNo = o, a("update:modelValue", e);
-      }
-    }), C = D({
-      get() {
-        var o, e;
-        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.email) ?? "";
-      },
-      set(o) {
-        const e = l.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.email = o, a("update:modelValue", e);
-      }
-    }), $ = F();
-    return c({
-      validateInputs: () => {
-        var o, e;
-        (e = (o = $.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
-      },
-      resetInputsValidation: () => {
-        var o, e;
-        (e = (o = $.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
-      },
-      resetInputs: () => {
-        var o, e;
-        (e = (o = $.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
-      }
-    }), (o, e) => {
-      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(() => [
-          v("div", go, [
-            v("div", yo, [
-              k(t, {
-                disabled: o.disabled,
-                rules: [A(U)()],
-                "label-mark": "required",
-                label: "Company name",
-                modelValue: r.value,
-                "onUpdate:modelValue": e[0] || (e[0] = (f) => r.value = f)
-              }, null, 8, ["disabled", "rules", "modelValue"]),
-              k(t, {
-                disabled: o.disabled,
-                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"])
-            ]),
-            v("div", vo, [
-              bo,
-              v("div", wo, [
-                k(t, {
-                  disabled: o.disabled,
-                  rules: [A(U)()],
-                  "label-mark": "required",
-                  label: "Line 1",
-                  modelValue: s.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (f) => s.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(t, {
-                  disabled: o.disabled,
-                  "label-mark": "optional",
-                  label: "Line 2",
-                  modelValue: x.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (f) => x.value = f)
-                }, null, 8, ["disabled", "modelValue"]),
-                k(t, {
-                  disabled: o.disabled,
-                  rules: [A(U)()],
-                  "label-mark": "required",
-                  label: "City",
-                  modelValue: g.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (f) => g.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(t, {
-                  disabled: o.disabled,
-                  rules: [A(U)()],
-                  "label-mark": "required",
-                  label: "Postal code",
-                  modelValue: V.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (f) => V.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(t, {
-                  disabled: o.disabled,
-                  rules: [A(U)()],
-                  "label-mark": "required",
-                  label: "State",
-                  modelValue: _.value,
-                  "onUpdate:modelValue": e[6] || (e[6] = (f) => _.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(t, {
-                  disabled: o.disabled,
-                  rules: [A(U)()],
-                  "label-mark": "required",
-                  label: "Country",
-                  modelValue: b.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (f) => b.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"])
-              ])
-            ]),
-            v("div", Vo, [
-              _o,
-              k(ho, {
-                disabled: o.disabled,
-                rules: [A(U)()],
-                "label-mark": "required",
-                modelValue: S.value,
-                "onUpdate:modelValue": e[8] || (e[8] = (f) => S.value = f)
-              }, null, 8, ["disabled", "rules", "modelValue"])
-            ]),
-            v("div", ko, [
-              Co,
-              v("div", Ao, [
-                k(w, {
-                  disabled: o.disabled,
-                  rules: [A(U)()],
-                  "label-mark": "required",
-                  label: "Phone number",
-                  modelValue: d.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (f) => d.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(t, {
-                  disabled: o.disabled,
-                  "label-mark": "optional",
-                  label: "Email",
-                  modelValue: C.value,
-                  "onUpdate:modelValue": e[10] || (e[10] = (f) => C.value = f)
-                }, null, 8, ["disabled", "modelValue"])
-              ])
-            ])
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), $o = { class: "flex gap-4" }, So = /* @__PURE__ */ q({
-  __name: "WarehouseDialog",
-  props: {
-    mode: {},
-    warehouse: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "submitted"],
-  setup(u, { expose: c, emit: p }) {
-    const l = u, a = p, r = F(!1), n = le(), s = Ae(), x = D(() => {
-      switch (l.mode) {
-        case W.CREATE:
-          return "Add warehouse";
-        case W.READ:
-          return "View";
-        case W.UPDATE:
-          return "Edit warehouse";
-      }
-      return "";
-    }), g = D(() => {
-      switch (l.mode) {
-        case W.READ:
-          return "";
-        case W.UPDATE:
-          return "Save";
-        case W.CREATE:
-          return "Add";
-      }
-      return "";
-    }), V = F();
-    c({
-      validateInputs: () => {
-        var o, e;
-        (e = (o = V.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
-      },
-      resetInputsValidation: () => {
-        var o, e;
-        (e = (o = V.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
-      },
-      resetInputs: () => {
-        var o, e;
-        (e = (o = V.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
-      }
-    });
-    const _ = ee(l, "show"), b = ee(l, "warehouse");
-    function S() {
-      var o, e;
-      (e = (o = V.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
-    }
-    function d() {
-      switch (l.mode) {
-        case W.READ:
-          return;
-        case W.UPDATE:
-          return $();
-        case W.CREATE:
-          return C();
-      }
-    }
-    async function C() {
-      var o, e, t, w;
-      r.value = !0;
-      try {
-        await Promise.all([
-          s.createWarehouse(b.value),
-          new Promise((h) => setTimeout(h, 1e3))
-        ]), n.open({
-          title: "Success",
-          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 ${(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 {
-        r.value = !1;
-      }
-    }
-    async function $() {
-      var o, e, t, w;
-      if (b.value === null) {
-        n.open({
-          title: "Something went wrong",
-          message: "Cannot update empty warehouse info",
-          type: "error"
-        });
-        return;
-      }
-      r.value = !0;
-      try {
-        await Promise.all([
-          s.updateWarehouse(b.value),
-          new Promise((h) => setTimeout(h, 1e3))
-        ]), n.open({
-          title: "Success",
-          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 ${(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 {
-        r.value = !1;
-      }
-    }
-    return (o, e) => {
-      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
-      }, {
-        default: I(() => {
-          var h;
-          return [
-            (R(), N(xo, {
-              class: "w-full",
-              ref_key: "formRef",
-              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
-            }, null, 8, ["modelValue", "disabled"]))
-          ];
-        }),
-        "side-sheet-footer": I(() => [
-          v("div", $o, [
-            k(t, {
-              loading: r.value,
-              label: g.value,
-              onClick: S
-            }, null, 8, ["loading", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["header", "modelValue", "dismiss-away"]);
-    };
-  }
-}), 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"
-}, 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 = Be(), l = D(() => c.warehouses), a = Ce(), r = le(), n = F(!1);
-    oe(() => {
-      p._currentLocation && $();
-    }), Y([() => p._currentLocation], () => {
-      p._currentLocation && $();
-    });
-    const s = F({});
-    function x() {
-      s.value.mode = W.CREATE, s.value.warehouse = {}, s.value.show = !0;
-    }
-    function g(w) {
-      s.value.mode = W.UPDATE, s.value.warehouse = w, s.value.show = !0;
-    }
-    async function V(w) {
-      a.open({
-        title: "Delete warehouse?",
-        message: `Confirm deleting ${w.profile.name}?`,
-        primaryActions: {
-          text: "Delete",
-          close: !0,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(() => _(w));
-    }
-    async function _(w) {
-      a.open({
-        title: "Deleting warehouse...",
-        closeButton: !1
-      });
-      try {
-        await c.deleteWarehouse(w), r.open({
-          title: "Success",
-          message: `Deleted ${w.profile.name}.`,
-          type: "success"
-        }), await $(!0);
-      } catch (h) {
-        r.open({
-          title: "Something went wrong",
-          message: `Cannot delete ${w.profile.name}. Please try again.`,
-          type: "error"
-        }), console.error("failed to delete warehouse", h);
-      } finally {
-        a.close();
-      }
-    }
-    const { columnDefs: b, formatRowData: S } = Je(
-      g,
-      V
-    );
-    function d(w) {
-      w === "create" && x();
-    }
-    const C = F("");
-    async function $(w = !1) {
-      n.value = !0;
-      try {
-        await c.readWarehouses(), w && await p.readLocations();
-      } catch {
-        r.open({
-          title: "Cannot fetch warehouse list",
-          type: "error"
-        });
-      } finally {
-        n.value = !1;
-      }
-    }
-    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(() => [
-          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((P) => [
-                k(ze, {
-                  row: P,
-                  onRowClick: (E) => g(E.original)
-                }, {
-                  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 [
-                      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"])
-                        ]),
-                        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"])
-                        ]),
-                        (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"])
-                        ])) : 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"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-          ]),
-          k(So, {
-            show: s.value.show,
-            "onUpdate:show": h[2] || (h[2] = (P) => s.value.show = P),
-            warehouse: s.value.warehouse,
-            mode: s.value.mode,
-            onSubmitted: h[3] || (h[3] = (P) => $(!0))
-          }, null, 8, ["show", "warehouse", "mode"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  zo as default
-};