@feedmepos/mf-inventory-portal 0.0.5

package/dist/WarehouseView-BntzAdz3.js

@@ -0,0 +1,1139 @@
+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 { d as Le, j as je, k as Be, c as q, l as Ne, _ as Ie, b as qe } from "./app-BzDhmCVx.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-BvUjg6JS.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-DHfAMDW3.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 b(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 b($, "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 v(p, m) {
+      const $ = e(p).filter((W, O) => O !== m);
+      l("polygon-change", { index: p, path: $ });
+    }
+    function h(p, m) {
+      m.vertex !== void 0 ? v(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 b = l, S = u;
+      l = void 0, u = void 0, M = r.apply(b, S);
+    }
+  }
+  const w = function(..._) {
+    if (l && this !== l)
+      throw new Error("Debounced method called with different contexts.");
+    l = this, u = _, n = Date.now();
+    const b = t && !i;
+    if (i || (i = setTimeout(y, d)), b) {
+      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, b = u;
+    l = void 0, u = void 0, M = r.apply(_, b), 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 b() {
+      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) => b())
+        }, 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)
+      ]);
+    };
+  }
+}), bo = { class: "flex flex-col gap-40" }, vo = { 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);
+      }
+    }), b = 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"), v = 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", bo, [
+            g("div", vo, [
+              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: b.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (f) => b.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(v, {
+                  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"), b = 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, v;
+      u.value = !0;
+      try {
+        await Promise.all([
+          n.createWarehouse(b.value),
+          new Promise((h) => setTimeout(h, 1e3))
+        ]), i.open({
+          title: "Success",
+          message: `Created ${(e = (o = b.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 ${(v = (a = b.value) == null ? void 0 : a.profile) == null ? void 0 : v.name} warehouse. Please try again`,
+          type: "error"
+        }), console.error("cannot create warehouse", h);
+      } finally {
+        u.value = !1;
+      }
+    }
+    async function x() {
+      var o, e, a, v;
+      if (b.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(b.value),
+          new Promise((h) => setTimeout(h, 1e3))
+        ]), i.open({
+          title: "Success",
+          message: `Updated ${(e = (o = b.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 ${(v = (a = b.value) == null ? void 0 : a.profile) == null ? void 0 : v.name} warehouse. Please try again`,
+          type: "error"
+        }), console.error("cannot update warehouse", h);
+      } finally {
+        u.value = !1;
+      }
+    }
+    return (o, e) => {
+      const a = U("FmButton"), v = U("FmSideSheet");
+      return D(), N(v, {
+        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(b),
+              "onUpdate:modelValue": e[0] || (e[0] = (f) => Ve(b) ? b.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(v) {
+      n.value.mode = R.UPDATE, n.value.warehouse = v, n.value.show = !0;
+    }
+    async function w(v) {
+      l.open({
+        title: "Delete warehouse?",
+        message: `Confirm deleting ${v.profile.name}?`,
+        primaryActions: {
+          text: "Delete",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => _(v));
+    }
+    async function _(v) {
+      l.open({
+        title: "Deleting warehouse...",
+        closeButton: !1
+      });
+      try {
+        await d.deleteWarehouse(v), u.open({
+          title: "Success",
+          message: `Deleted ${v.profile.name}.`,
+          type: "success"
+        }), await x(!0);
+      } catch (h) {
+        u.open({
+          title: "Something went wrong",
+          message: `Cannot delete ${v.profile.name}. Please try again.`,
+          type: "error"
+        }), console.error("failed to delete warehouse", h);
+      } finally {
+        l.close();
+      }
+    }
+    const { columnDefs: b, formatRowData: S } = Xe(
+      y,
+      w
+    );
+    function c(v) {
+      v === "create" && M();
+    }
+    const C = E("");
+    async function x(v = !1) {
+      i.value = !0;
+      try {
+        await d.readWarehouses(), v && 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 (v, 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(b),
+              "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, be, J, ve;
+                    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: (be = (ye = (ge = P.address) == null ? void 0 : ge.column) == null ? void 0 : ye.columnDef) == null ? void 0 : be.cell,
+                            props: (ve = (J = P.address) == null ? void 0 : J.getContext) == null ? void 0 : ve.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
+};