@feedmepos/mf-inventory-portal 0.0.10-dev.2 → 0.0.11

package/dist/WarehouseView-C39yLP8o.js

@@ -1,1139 +0,0 @@
-import { ref as E, defineComponent as I, watch as oe, onMounted as ae, onUnmounted as Fe, openBlock as D, createElementBlock as B, toRaw as we, reactive as Ee, createElementVNode as g, toDisplayString as ee, createVNode as k, pushScopeId as Pe, popScopeId as De, resolveComponent as U, unref as A, createSlots as Te, withCtx as j, createTextVNode as Re, renderSlot as We, createBlock as N, createCommentVNode as Me, computed as F, isRef as Ve, normalizeStyle as Ue } from "vue";
-import { f as Le, j as je, k as Be, c as q, l as Ne, _ as Ie, e as qe } from "./app-Ca3xQzK8.js";
-import { useCoreStore as ze } from "@feedmepos/mf-common";
-import { D as _e, R as Q, F as R } from "./row-action.enum-BwQbURNh.js";
-import { c as Ge, _ as Ke, F as X, u as Oe } from "./layout-C3XbCZFW.js";
-import { _ as He } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { useDialogChild as Ze, useDialog as xe, useSnackbar as le, useProxiedModel as te, useBreakpoints as Je } from "@feedmepos/ui-library";
-import { R as L } from "./rules-CQ7KZ6CI.js";
-const Y = Le((r, d) => {
-  const s = ze();
-  return {
-    async readWarehouses() {
-      var u;
-      const t = ((u = s.currentBusiness.value) == null ? void 0 : u._id) ?? "", l = `${r.inventoryBackendUrl}/businesses/${t}/warehouses`;
-      return await d.get(l);
-    },
-    async createWarehouse(t) {
-      var i;
-      const l = ((i = s.currentBusiness.value) == null ? void 0 : i._id) ?? "", u = `${r.inventoryBackendUrl}/businesses/${l}/warehouse`;
-      return await d.post(u, t);
-    },
-    async updateWarehouse(t, l) {
-      var n;
-      const u = ((n = s.currentBusiness.value) == null ? void 0 : n._id) ?? "", i = `${r.inventoryBackendUrl}/businesses/${u}/warehouse/${t}`;
-      return await d.put(i, l);
-    },
-    async deleteWarehouse(t) {
-      var i;
-      const l = ((i = s.currentBusiness.value) == null ? void 0 : i._id) ?? "", u = `${r.inventoryBackendUrl}/businesses/${l}/warehouse/${t}`;
-      return await d.delete(u);
-    }
-  };
-});
-function Qe() {
-  return {
-    warehouses: []
-  };
-}
-const ke = E(Qe());
-function $e() {
-  return {
-    // state
-    get warehouses() {
-      return ke.value.warehouses;
-    },
-    set warehouses(r) {
-      ke.value.warehouses = r;
-    },
-    // actions
-    async readWarehouses() {
-      const r = Y();
-      this.warehouses = await r.readWarehouses();
-    },
-    async createWarehouse(r) {
-      await Y().createWarehouse(r);
-    },
-    async updateWarehouse(r) {
-      await Y().updateWarehouse(r._id, r.profile);
-    },
-    async deleteWarehouse(r) {
-      await Y().deleteWarehouse(r._id);
-    },
-    async init() {
-      const r = je();
-      try {
-        await this.readWarehouses();
-      } catch (d) {
-        throw d instanceof Be || r.error("Error at reading warehouses"), d;
-      }
-    }
-  };
-}
-function Xe(r, d) {
-  function s(u, i) {
-    if (u === Q.Edit) {
-      r(q(i));
-      return;
-    }
-    if (u === Q.Delete) {
-      d(q(i));
-      return;
-    }
-  }
-  const t = [
-    {
-      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(u) {
-        return Ge(
-          [_e[Q.Edit], _e[Q.Delete]],
-          (i) => {
-            s(i, u.row.original.original);
-          }
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  function l(u) {
-    return u.map((i) => ({
-      original: i,
-      warehouse: i.profile.name,
-      contact: i.profile.phoneNo,
-      email: i.profile.email,
-      get address() {
-        const n = i.profile.address;
-        return [
-          n == null ? void 0 : n.line1,
-          n == null ? void 0 : n.line2,
-          n == null ? void 0 : n.city,
-          n == null ? void 0 : n.postcode,
-          n == null ? void 0 : n.state,
-          n == null ? void 0 : n.country
-        ].map((y) => y == null ? void 0 : y.trim()).filter((y) => y).join(", ");
-      }
-    }));
-  }
-  return { columnDefs: t, formatRowData: l };
-}
-class z {
-  constructor(d = null, s = {}) {
-    if (this.apiKey = d, this.options = s, typeof window > "u")
-      throw new Error("google-maps is supported only in browser environment");
-  }
-  load() {
-    return typeof this.api < "u" ? Promise.resolve(this.api) : typeof this.loader < "u" ? this.loader : (window[z.CALLBACK_NAME] = () => {
-      if (this.api = window.google, typeof this.resolve > "u")
-        throw new Error("Should not happen");
-      this.resolve(this.api);
-    }, window.gm_authFailure = () => {
-      if (typeof this.reject > "u")
-        throw new Error("Should not happen");
-      this.reject(new Error("google-maps: authentication error"));
-    }, this.loader = new Promise((d, s) => {
-      this.resolve = d, this.reject = s;
-      const t = document.createElement("script");
-      t.src = this.createUrl(), t.async = !0, t.onerror = (l) => s(l), document.head.appendChild(t);
-    }));
-  }
-  createUrl() {
-    const d = [
-      `callback=${z.CALLBACK_NAME}`
-    ];
-    this.apiKey && d.push(`key=${this.apiKey}`);
-    for (let s in this.options)
-      if (this.options.hasOwnProperty(s)) {
-        let t = this.options[s];
-        s === "version" && (s = "v"), s === "libraries" && (t = t.join(",")), d.push(`${s}=${t}`);
-      }
-    return `https://maps.googleapis.com/maps/api/js?${d.join("&")}`;
-  }
-}
-z.CALLBACK_NAME = "_dk_google_maps_loader_cb";
-const G = Object.freeze({
-  jb: {
-    lat: 1.492659,
-    lng: 103.7413591
-  }
-}), Ce = E({});
-function se() {
-  return {
-    // state
-    get _googleMap() {
-      return Ce.value._googleMap;
-    },
-    set _googleMap(r) {
-      Ce.value._googleMap = r;
-    },
-    // computed
-    get googleMap() {
-      if (!this._googleMap) throw new Error("Google Map is not initialized!");
-      return this._googleMap;
-    },
-    get isGoogleMapReady() {
-      return !!this._googleMap;
-    },
-    // actions
-    async initGoogleMap(r) {
-      if (this._googleMap) return;
-      const s = await new z(r, {
-        libraries: ["places"]
-      }).load();
-      this._googleMap = s;
-    },
-    getGeocoder() {
-      return new this.googleMap.maps.Geocoder();
-    },
-    getFirstMatchingAddress(r, d) {
-      return new Promise((s) => {
-        this.getGeocoder().geocode({ location: { lat: r, lng: d } }, (t) => {
-          if (t != null && t.length) {
-            const [l] = t;
-            s(l.formatted_address);
-          } else
-            s("");
-        });
-      });
-    },
-    getFirstMatchingCoordinate(r) {
-      return new Promise((d) => {
-        this.getGeocoder().geocode({ address: r }, (s) => {
-          if (s != null && s.length) {
-            const [{ geometry: t }] = s;
-            d([t.location.lng(), t.location.lat()]);
-          } else
-            d([G.jb.lng, G.jb.lat]);
-        });
-      });
-    }
-  };
-}
-const Ye = /* @__PURE__ */ I({
-  __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: G.jb
-    }
-  },
-  emits: ["map-click", "marker-change", "polygon-change", "polygon-right-click"],
-  setup(r, { expose: d, emit: s }) {
-    const t = r, l = s;
-    d({
-      setCenter: (p) => {
-        var m, V;
-        (m = n.value) == null || m.setCenter(p), (V = n.value) == null || V.setZoom(18);
-      }
-    });
-    const { googleMap: u } = se(), i = E(), n = E(null), M = [];
-    function y(p) {
-      return {
-        lat: p.latLng.lat(),
-        lng: p.latLng.lng()
-      };
-    }
-    function w(p, m, V) {
-      const $ = u.maps.event.addListener(p, m, V);
-      M.push($);
-    }
-    const _ = E([]);
-    function v(p, m, V) {
-      w(p, m, V);
-    }
-    function S(p) {
-      c(null), _.value = p.map((m, V) => {
-        const $ = new u.maps.Marker({
-          position: m,
-          draggable: !0
-        });
-        return v($, "dragend", (W) => {
-          l("marker-change", { index: V, position: y(W) });
-        }), $;
-      }), c(n.value);
-    }
-    function c(p) {
-      _.value.map((m) => we(m).setMap(p));
-    }
-    const C = E([]);
-    function x(p, m, V) {
-      w(p, m, V);
-    }
-    function o(p, m, V) {
-      w(p, m, V);
-    }
-    function e(p) {
-      return C.value[p].getPath().getArray().map(({ lat: V, lng: $ }) => ({
-        lat: V(),
-        lng: $()
-      }));
-    }
-    function a(p) {
-      const m = e(p);
-      l("polygon-change", { index: p, path: m });
-    }
-    function b(p, m) {
-      const $ = e(p).filter((W, O) => O !== m);
-      l("polygon-change", { index: p, path: $ });
-    }
-    function h(p, m) {
-      m.vertex !== void 0 ? b(p, m.vertex) : l("polygon-right-click", p);
-    }
-    function f(p) {
-      K(null), C.value = p.map((m, V) => {
-        const $ = new u.maps.Polygon({
-          paths: m.paths,
-          strokeColor: m.strokeColor,
-          fillColor: m.fillColor,
-          fillOpacity: 0.5,
-          editable: t.editable
-        });
-        return x($, "contextmenu", (W) => h(V, W)), $.getPaths().forEach((W) => {
-          o(W, "insert_at", () => a(V)), o(W, "set_at", () => a(V));
-        }), $;
-      }), K(n.value);
-    }
-    function K(p) {
-      C.value.map((m) => we(m).setMap(p));
-    }
-    function T(p, m, V) {
-      w(p, m, V);
-    }
-    function P() {
-      n.value = new u.maps.Map(i.value, {
-        center: t.center,
-        zoom: t.zoom,
-        mapTypeControl: !1,
-        streetViewControl: !1,
-        draggable: !0,
-        scrollwheel: !0
-      }), T(n.value, "click", (p) => l("map-click", y(p)));
-    }
-    return oe(() => t.markers, S, { deep: !0 }), oe(() => t.polygons, f, { deep: !0 }), ae(() => {
-      !i.value || !u || (P(), S(t.markers), f(t.polygons));
-    }), Fe(() => {
-      M.forEach((p) => p.remove());
-    }), (p, m) => (D(), B("div", {
-      ref_key: "mapRef",
-      ref: i,
-      class: "map app-map"
-    }, null, 512));
-  }
-});
-var ne = { exports: {} };
-function Se(r, d = 100, s = {}) {
-  if (typeof r != "function")
-    throw new TypeError(`Expected the first parameter to be a function, got \`${typeof r}\`.`);
-  if (d < 0)
-    throw new RangeError("`wait` must not be negative.");
-  const { immediate: t } = typeof s == "boolean" ? { immediate: s } : s;
-  let l, u, i, n, M;
-  function y() {
-    const _ = Date.now() - n;
-    if (_ < d && _ >= 0)
-      i = setTimeout(y, d - _);
-    else if (i = void 0, !t) {
-      const v = l, S = u;
-      l = void 0, u = void 0, M = r.apply(v, S);
-    }
-  }
-  const w = function(..._) {
-    if (l && this !== l)
-      throw new Error("Debounced method called with different contexts.");
-    l = this, u = _, n = Date.now();
-    const v = t && !i;
-    if (i || (i = setTimeout(y, d)), v) {
-      const S = l, c = u;
-      l = void 0, u = void 0, M = r.apply(S, c);
-    }
-    return M;
-  };
-  return w.clear = () => {
-    i && (clearTimeout(i), i = void 0);
-  }, w.flush = () => {
-    if (!i)
-      return;
-    const _ = l, v = u;
-    l = void 0, u = void 0, M = r.apply(_, v), clearTimeout(i), i = void 0;
-  }, w;
-}
-ne.exports.debounce = Se;
-ne.exports = Se;
-var eo = ne.exports;
-const oo = /* @__PURE__ */ Ne(eo), re = (r) => (Pe("data-v-ea67d23a"), r = r(), De(), r), to = { class: "flex flex-col gap-24" }, ao = { class: "flex flex-col gap-8" }, lo = /* @__PURE__ */ re(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Address: ", -1)), so = { class: "fm-typo-en-body-lg-600" }, no = /* @__PURE__ */ re(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Longitude: ", -1)), ro = { class: "fm-typo-en-body-lg-600" }, io = /* @__PURE__ */ re(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Latitude: ", -1)), uo = { class: "fm-typo-en-body-lg-600" }, co = /* @__PURE__ */ I({
-  __name: "CoordinateDialog",
-  props: {
-    address: {
-      type: String,
-      required: !0
-    },
-    coordinate: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(r) {
-    const d = r, s = Ze(), t = se(), l = Ee(
-      q(d.coordinate ? d.coordinate : G.jb)
-    ), u = E(""), i = oo(async function() {
-      u.value = await t.getFirstMatchingAddress(
-        l.lat,
-        l.lng
-      );
-    }, 1e3);
-    ae(() => {
-      s.emitData(q(l)), i();
-    });
-    function n({ position: y }) {
-      l.lat = y.lat, l.lng = y.lng, s.emitData(q(l)), i();
-    }
-    const M = E();
-    return (y, w) => (D(), B("div", to, [
-      g("div", ao, [
-        g("div", null, [
-          lo,
-          g("span", so, ee(u.value), 1)
-        ]),
-        g("div", null, [
-          no,
-          g("span", ro, ee(l.lng), 1)
-        ]),
-        g("div", null, [
-          io,
-          g("span", uo, ee(l.lat), 1)
-        ])
-      ]),
-      k(Ye, {
-        ref_key: "gmapRef",
-        ref: M,
-        class: "h-[272px] sm:h-[240px] xs:h-[240px]",
-        editable: "",
-        center: l,
-        markers: [l],
-        onMarkerChange: n,
-        onMapClick: w[0] || (w[0] = (_) => n({ position: _ }))
-      }, null, 8, ["center", "markers"])
-    ]));
-  }
-}), po = /* @__PURE__ */ Ie(co, [["__scopeId", "data-v-ea67d23a"]]);
-function Ae([r, d]) {
-  return {
-    lat: d,
-    lng: r
-  };
-}
-function mo({ lng: r, lat: d }) {
-  return [r, d];
-}
-const fo = { class: "flex gap-8 items-center" }, ho = { key: 0 }, go = { key: 1 }, yo = /* @__PURE__ */ I({
-  __name: "FmCoordinateInput",
-  props: {
-    address: {},
-    modelValue: {},
-    dialogTitle: {},
-    label: {},
-    helperText: {},
-    helperState: {},
-    labelMark: {},
-    labelInfo: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    rules: {}
-  },
-  emits: ["update:modelValue"],
-  setup(r, { emit: d }) {
-    const s = r, t = d, l = se(), u = xe(), i = le(), n = te(s, "modelValue"), M = E(!1);
-    function y(c) {
-      if (c != null && c[0] && (c != null && c[1]))
-        return `${c[0].toFixed(3)} Long ${c[1].toFixed(3)} Lat`;
-    }
-    async function w(c) {
-      var e, a;
-      const C = s.modelValue, x = !C && ((e = s.address) != null && e.formatted) ? await l.getFirstMatchingCoordinate(s.address.formatted) : null, o = C ? Ae(C) : x ? Ae(x) : G.jb;
-      u.open({
-        title: s.dialogTitle ?? s.label ?? "Pin location",
-        closeButton: !0,
-        contentComponent: po,
-        contentComponentProps: {
-          address: (a = s.address) == null ? void 0 : a.formatted,
-          coordinate: o
-        },
-        primaryActions: {
-          text: "Select",
-          close: !0
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0
-        }
-      }).onPrimary(c);
-    }
-    const _ = (c) => t("update:modelValue", c ? mo(c) : null);
-    async function v() {
-      if (!s.disabled) {
-        if (!l.isGoogleMapReady) {
-          i.open({
-            title: "Something went wrong",
-            message: "Cannot load map component. Please try again.",
-            type: "error"
-          });
-          return;
-        }
-        w(_);
-      }
-    }
-    function S() {
-      t("update:modelValue", null);
-    }
-    return (c, C) => {
-      const x = U("FmField"), o = U("FmButton"), e = U("FmFormGroup");
-      return D(), B("div", fo, [
-        k(e, {
-          class: "flex-1",
-          "model-value": A(n),
-          label: c.label,
-          disabled: c.disabled,
-          required: c.labelMark === "required",
-          optional: c.labelMark === "optional",
-          info: c.labelInfo,
-          rules: c.rules,
-          focused: M.value,
-          "helper-text": c.helperText,
-          "helper-state": c.helperState,
-          onClick: C[0] || (C[0] = (a) => v())
-        }, Te({
-          default: j(({ invalid: a }) => [
-            c.modelValue && c.modelValue[0] && c.modelValue[1] ? (D(), B("div", ho, [
-              k(x, {
-                invalid: a,
-                class: "fm-typo-en-body-lg-400"
-              }, {
-                default: j(() => [
-                  Re(ee(y(c.modelValue)), 1)
-                ]),
-                _: 2
-              }, 1032, ["invalid"])
-            ])) : (D(), B("div", go, [
-              k(o, {
-                label: "Add coordinate",
-                "prepend-icon": "add",
-                variant: "plain"
-              })
-            ]))
-          ]),
-          _: 2
-        }, [
-          c.$slots.label ? {
-            name: "label",
-            fn: j(() => [
-              We(c.$slots, "label")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["model-value", "label", "disabled", "required", "optional", "info", "rules", "focused", "helper-text", "helper-state"]),
-        c.modelValue && c.modelValue[0] && c.modelValue[1] ? (D(), N(o, {
-          key: 0,
-          "prepend-icon": "delete",
-          variant: "tertiary",
-          onClick: C[1] || (C[1] = (a) => S())
-        })) : Me("", !0)
-      ]);
-    };
-  }
-}), vo = { class: "flex flex-col gap-40" }, bo = { class: "flex flex-col gap-16" }, wo = { class: "flex flex-col gap-8" }, Vo = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), _o = { class: "grid grid-cols-2 gap-24" }, ko = { class: "flex flex-col gap-8" }, Co = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Coordinate", -1), Ao = { class: "flex flex-col gap-8" }, Mo = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), xo = { class: "flex flex-col gap-16" }, $o = /* @__PURE__ */ I({
-  __name: "WarehouseForm",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "validation-success"],
-  setup(r, { expose: d, emit: s }) {
-    const t = r, l = s, u = F({
-      get() {
-        var o, e;
-        return ((e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.name) ?? "";
-      },
-      set(o) {
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.name = o, l("update:modelValue", e);
-      }
-    }), i = F({
-      get() {
-        var o, e;
-        return ((e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.regNo) ?? "";
-      },
-      set(o) {
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.regNo = o, l("update:modelValue", e);
-      }
-    }), n = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.line1) ?? "";
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.line1 = o, l("update:modelValue", e);
-      }
-    }), M = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.line2) ?? "";
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.line2 = o, l("update:modelValue", e);
-      }
-    }), y = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.city) ?? "";
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.city = o, l("update:modelValue", e);
-      }
-    }), w = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.postcode) ?? "";
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.postcode = o, l("update:modelValue", e);
-      }
-    }), _ = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.state) ?? "";
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.state = o, l("update:modelValue", e);
-      }
-    }), v = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.country) ?? "";
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.country = o, l("update:modelValue", e);
-      }
-    }), S = F({
-      get() {
-        var o, e, a;
-        return ((a = (e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : a.coordinates) ?? null;
-      },
-      set(o) {
-        var a;
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), (a = e.profile).address ?? (a.address = {}), e.profile.address.coordinates = o, l("update:modelValue", e);
-      }
-    }), c = F({
-      get() {
-        var o, e;
-        return ((e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.phoneNo) ?? "";
-      },
-      set(o) {
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.phoneNo = o, l("update:modelValue", e);
-      }
-    }), C = F({
-      get() {
-        var o, e;
-        return ((e = (o = t.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.email) ?? "";
-      },
-      set(o) {
-        const e = t.modelValue ?? {};
-        e.profile ?? (e.profile = {}), e.profile.email = o, l("update:modelValue", e);
-      }
-    }), x = E();
-    return d({
-      validateInputs: () => {
-        var o, e;
-        (e = (o = x.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
-      },
-      resetInputsValidation: () => {
-        var o, e;
-        (e = (o = x.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
-      },
-      resetInputs: () => {
-        var o, e;
-        (e = (o = x.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
-      }
-    }), (o, e) => {
-      const a = U("FmTextField"), b = U("FmPhoneNumber"), h = U("FmForm");
-      return D(), N(h, {
-        ref_key: "formRef",
-        ref: x,
-        onValidationSuccess: e[11] || (e[11] = (f) => l("validation-success"))
-      }, {
-        default: j(() => [
-          g("div", vo, [
-            g("div", bo, [
-              k(a, {
-                disabled: o.disabled,
-                rules: [A(L)()],
-                "label-mark": "required",
-                label: "Company name",
-                modelValue: u.value,
-                "onUpdate:modelValue": e[0] || (e[0] = (f) => u.value = f)
-              }, null, 8, ["disabled", "rules", "modelValue"]),
-              k(a, {
-                disabled: o.disabled,
-                rules: [A(L)()],
-                "label-mark": "required",
-                label: "Registration no.",
-                modelValue: i.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (f) => i.value = f)
-              }, null, 8, ["disabled", "rules", "modelValue"])
-            ]),
-            g("div", wo, [
-              Vo,
-              g("div", _o, [
-                k(a, {
-                  disabled: o.disabled,
-                  rules: [A(L)()],
-                  "label-mark": "required",
-                  label: "Line 1",
-                  modelValue: n.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (f) => n.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(a, {
-                  disabled: o.disabled,
-                  "label-mark": "optional",
-                  label: "Line 2",
-                  modelValue: M.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (f) => M.value = f)
-                }, null, 8, ["disabled", "modelValue"]),
-                k(a, {
-                  disabled: o.disabled,
-                  rules: [A(L)()],
-                  "label-mark": "required",
-                  label: "City",
-                  modelValue: y.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (f) => y.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(a, {
-                  disabled: o.disabled,
-                  rules: [A(L)()],
-                  "label-mark": "required",
-                  label: "Postal code",
-                  modelValue: w.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (f) => w.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(a, {
-                  disabled: o.disabled,
-                  rules: [A(L)()],
-                  "label-mark": "required",
-                  label: "State",
-                  modelValue: _.value,
-                  "onUpdate:modelValue": e[6] || (e[6] = (f) => _.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(a, {
-                  disabled: o.disabled,
-                  rules: [A(L)()],
-                  "label-mark": "required",
-                  label: "Country",
-                  modelValue: v.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (f) => v.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"])
-              ])
-            ]),
-            g("div", ko, [
-              Co,
-              k(yo, {
-                disabled: o.disabled,
-                rules: [A(L)()],
-                "label-mark": "required",
-                modelValue: S.value,
-                "onUpdate:modelValue": e[8] || (e[8] = (f) => S.value = f)
-              }, null, 8, ["disabled", "rules", "modelValue"])
-            ]),
-            g("div", Ao, [
-              Mo,
-              g("div", xo, [
-                k(b, {
-                  disabled: o.disabled,
-                  rules: [A(L)()],
-                  "label-mark": "required",
-                  label: "Phone number",
-                  modelValue: c.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (f) => c.value = f)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                k(a, {
-                  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);
-    };
-  }
-}), So = { class: "flex gap-4" }, Fo = /* @__PURE__ */ I({
-  __name: "WarehouseDialog",
-  props: {
-    mode: {},
-    warehouse: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "submitted"],
-  setup(r, { expose: d, emit: s }) {
-    const t = r, l = s, u = E(!1), i = le(), n = $e(), M = F(() => {
-      switch (t.mode) {
-        case R.CREATE:
-          return "Add warehouse";
-        case R.READ:
-          return "View";
-        case R.UPDATE:
-          return "Edit warehouse";
-      }
-      return "";
-    }), y = F(() => {
-      switch (t.mode) {
-        case R.READ:
-          return "";
-        case R.UPDATE:
-          return "Save";
-        case R.CREATE:
-          return "Add";
-      }
-      return "";
-    }), w = E();
-    d({
-      validateInputs: () => {
-        var o, e;
-        (e = (o = w.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);
-      },
-      resetInputs: () => {
-        var o, e;
-        (e = (o = w.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
-      }
-    });
-    const _ = te(t, "show"), v = te(t, "warehouse");
-    function S() {
-      var o, e;
-      (e = (o = w.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
-    }
-    function c() {
-      switch (t.mode) {
-        case R.READ:
-          return;
-        case R.UPDATE:
-          return x();
-        case R.CREATE:
-          return C();
-      }
-    }
-    async function C() {
-      var o, e, a, b;
-      u.value = !0;
-      try {
-        await Promise.all([
-          n.createWarehouse(v.value),
-          new Promise((h) => setTimeout(h, 1e3))
-        ]), i.open({
-          title: "Success",
-          message: `Created ${(e = (o = v.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
-          type: "success"
-        }), l("update:show", !1), l("submitted");
-      } catch (h) {
-        i.open({
-          title: "Something went wrong",
-          message: `Cannot create ${(b = (a = v.value) == null ? void 0 : a.profile) == null ? void 0 : b.name} warehouse. Please try again`,
-          type: "error"
-        }), console.error("cannot create warehouse", h);
-      } finally {
-        u.value = !1;
-      }
-    }
-    async function x() {
-      var o, e, a, b;
-      if (v.value === null) {
-        i.open({
-          title: "Something went wrong",
-          message: "Cannot update empty warehouse info",
-          type: "error"
-        });
-        return;
-      }
-      u.value = !0;
-      try {
-        await Promise.all([
-          n.updateWarehouse(v.value),
-          new Promise((h) => setTimeout(h, 1e3))
-        ]), i.open({
-          title: "Success",
-          message: `Updated ${(e = (o = v.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
-          type: "success"
-        }), l("update:show", !1), l("submitted");
-      } catch (h) {
-        i.open({
-          title: "Something went wrong",
-          message: `Cannot update ${(b = (a = v.value) == null ? void 0 : a.profile) == null ? void 0 : b.name} warehouse. Please try again`,
-          type: "error"
-        }), console.error("cannot update warehouse", h);
-      } finally {
-        u.value = !1;
-      }
-    }
-    return (o, e) => {
-      const a = U("FmButton"), b = U("FmSideSheet");
-      return D(), N(b, {
-        header: M.value,
-        modelValue: A(_),
-        "onUpdate:modelValue": e[1] || (e[1] = (h) => Ve(_) ? _.value = h : null),
-        "dismiss-away": !u.value,
-        "close-button": "",
-        "max-width": 500
-      }, {
-        default: j(() => {
-          var h;
-          return [
-            (D(), N($o, {
-              class: "w-full",
-              ref_key: "formRef",
-              ref: w,
-              modelValue: A(v),
-              "onUpdate:modelValue": e[0] || (e[0] = (f) => Ve(v) ? v.value = f : null),
-              onValidationSuccess: c,
-              key: ((h = o.warehouse) == null ? void 0 : h._id) ?? "",
-              disabled: u.value
-            }, null, 8, ["modelValue", "disabled"]))
-          ];
-        }),
-        "side-sheet-footer": j(() => [
-          g("div", So, [
-            k(a, {
-              loading: u.value,
-              label: y.value,
-              onClick: S
-            }, null, 8, ["loading", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["header", "modelValue", "dismiss-away"]);
-    };
-  }
-}), Eo = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Po = { 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" }, To = { class: "flex flex-col py-8" }, Ro = { 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" }, Uo = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Lo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, Oo = /* @__PURE__ */ I({
-  __name: "WarehouseView",
-  setup(r) {
-    const d = $e(), s = qe(), t = F(() => d.warehouses), l = xe(), u = le(), i = E(!1);
-    ae(() => {
-      s._currentLocation && x();
-    }), oe([() => s._currentLocation], () => {
-      s._currentLocation && x();
-    });
-    const n = E({});
-    function M() {
-      n.value.mode = R.CREATE, n.value.warehouse = {}, n.value.show = !0;
-    }
-    function y(b) {
-      n.value.mode = R.UPDATE, n.value.warehouse = b, n.value.show = !0;
-    }
-    async function w(b) {
-      l.open({
-        title: "Delete warehouse?",
-        message: `Confirm deleting ${b.profile.name}?`,
-        primaryActions: {
-          text: "Delete",
-          close: !0,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(() => _(b));
-    }
-    async function _(b) {
-      l.open({
-        title: "Deleting warehouse...",
-        closeButton: !1
-      });
-      try {
-        await d.deleteWarehouse(b), u.open({
-          title: "Success",
-          message: `Deleted ${b.profile.name}.`,
-          type: "success"
-        }), await x(!0);
-      } catch (h) {
-        u.open({
-          title: "Something went wrong",
-          message: `Cannot delete ${b.profile.name}. Please try again.`,
-          type: "error"
-        }), console.error("failed to delete warehouse", h);
-      } finally {
-        l.close();
-      }
-    }
-    const { columnDefs: v, formatRowData: S } = Xe(
-      y,
-      w
-    );
-    function c(b) {
-      b === "create" && M();
-    }
-    const C = E("");
-    async function x(b = !1) {
-      i.value = !0;
-      try {
-        await d.readWarehouses(), b && await s.readLocations();
-      } catch {
-        u.open({
-          title: "Cannot fetch warehouse list",
-          type: "error"
-        });
-      } finally {
-        i.value = !1;
-      }
-    }
-    const { breakpoints: o } = Je(), e = F(() => o.value.xs || o.value.sm ? 10 : 20), a = Oe();
-    return (b, h) => {
-      const f = U("FmTableToolbar"), K = U("FmTable");
-      return D(), N(He, {
-        title: "Warehouse",
-        actions: [{ label: "Create warehouse", value: "create", isPrimary: !0, prependIcon: "add" }],
-        "onClick:action": c
-      }, {
-        default: j(() => [
-          g("div", Eo, [
-            g("div", Po, [
-              g("div", Do, [
-                k(f, {
-                  class: "xs:px-8",
-                  searchable: "",
-                  "search-model": C.value,
-                  "onUpdate:searchModel": h[0] || (h[0] = (T) => C.value = T)
-                }, null, 8, ["search-model"])
-              ])
-            ]),
-            (D(), N(K, {
-              style: Ue(A(a).tableHeight),
-              "column-defs": A(v),
-              "row-data": A(S)(t.value),
-              "search-value": C.value,
-              loading: !A(s)._currentLocation || i.value,
-              onRowClick: h[1] || (h[1] = (T) => y(T.original.original)),
-              key: t.value.length,
-              "page-size": e.value
-            }, {
-              "list-row": j((T) => [
-                k(Ke, {
-                  row: T,
-                  onRowClick: (P) => y(P.original)
-                }, {
-                  default: j((P) => {
-                    var p, m, V, $, W, O, ie, de, H, ue, ce, pe, me, fe, Z, he, ge, ye, ve, J, be;
-                    return [
-                      g("div", To, [
-                        g("div", Ro, [
-                          k(A(X), {
-                            render: (V = (m = (p = P.warehouse) == null ? void 0 : p.column) == null ? void 0 : m.columnDef) == null ? void 0 : V.cell,
-                            props: (W = ($ = P.warehouse) == null ? void 0 : $.getContext) == null ? void 0 : W.call($)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        g("div", Wo, [
-                          k(A(X), {
-                            render: (de = (ie = (O = P.contact) == null ? void 0 : O.column) == null ? void 0 : ie.columnDef) == null ? void 0 : de.cell,
-                            props: (ue = (H = P.contact) == null ? void 0 : H.getContext) == null ? void 0 : ue.call(H)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        (ce = T.original) != null && ce.email ? (D(), B("div", Uo, [
-                          k(A(X), {
-                            render: (fe = (me = (pe = P.email) == null ? void 0 : pe.column) == null ? void 0 : me.columnDef) == null ? void 0 : fe.cell,
-                            props: (he = (Z = P.email) == null ? void 0 : Z.getContext) == null ? void 0 : he.call(Z)
-                          }, null, 8, ["render", "props"])
-                        ])) : Me("", !0),
-                        g("div", Lo, [
-                          k(A(X), {
-                            render: (ve = (ye = (ge = P.address) == null ? void 0 : ge.column) == null ? void 0 : ye.columnDef) == null ? void 0 : ve.cell,
-                            props: (be = (J = P.address) == null ? void 0 : J.getContext) == null ? void 0 : be.call(J)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-          ]),
-          k(Fo, {
-            show: n.value.show,
-            "onUpdate:show": h[2] || (h[2] = (T) => n.value.show = T),
-            warehouse: n.value.warehouse,
-            mode: n.value.mode,
-            onSubmitted: h[3] || (h[3] = (T) => x(!0))
-          }, null, 8, ["show", "warehouse", "mode"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Oo as default
-};