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

package/dist/WarehouseView-R02ow3II.js

@@ -0,0 +1,1047 @@
+import { ref as D, defineComponent as q, watch as Y, onMounted as oe, onUnmounted as Me, openBlock as T, createElementBlock as B, toRaw as be, reactive as Se, createElementVNode as g, toDisplayString as X, createVNode as k, pushScopeId as Fe, popScopeId as De, resolveComponent as U, unref as C, createSlots as Pe, withCtx as I, createTextVNode as Te, renderSlot as Ee, createBlock as N, createCommentVNode as xe, computed as F, isRef as we, normalizeStyle as Re } from "vue";
+import { f as We, j as Ue, k as Le, c as z, l as te, m as ae, n as Ie, _ as Be, e as Ne } from "./app-ngxltyJg.js";
+import { useCoreStore as qe } from "@feedmepos/mf-common";
+import { D as Ve, R as Z, F as R } from "./row-action.enum-BwQbURNh.js";
+import { c as ze, _ as je, F as J, u as Oe } from "./layout-DSJ4j5AA.js";
+import { _ as Ge } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
+import { useDialogChild as Ke, useDialog as Ce, useSnackbar as le, useProxiedModel as ee, useBreakpoints as He } from "@feedmepos/ui-library";
+import { R as L } from "./rules-zJSJdpIG.js";
+const Q = We((u, c) => {
+  const p = qe();
+  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 _e = D(Ze());
+function Ae() {
+  return {
+    // state
+    get warehouses() {
+      return _e.value.warehouses;
+    },
+    set warehouses(u) {
+      _e.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 = Ue();
+      try {
+        await this.readWarehouses();
+      } catch (c) {
+        throw c instanceof Le || 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 ze(
+          [Ve[Z.Edit], Ve[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((y) => y == null ? void 0 : y.trim()).filter((y) => y).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, V;
+        (m = s.value) == null || m.setCenter(i), (V = s.value) == null || V.setZoom(18);
+      }
+    });
+    const { googleMap: r } = ae(), n = D(), s = D(null), A = [];
+    function y(i) {
+      return {
+        lat: i.latLng.lat(),
+        lng: i.latLng.lng()
+      };
+    }
+    function w(i, m, V) {
+      const M = r.maps.event.addListener(i, m, V);
+      A.push(M);
+    }
+    const _ = D([]);
+    function v(i, m, V) {
+      w(i, m, V);
+    }
+    function S(i) {
+      d(null), _.value = i.map((m, V) => {
+        const M = new r.maps.Marker({
+          position: m,
+          draggable: !0
+        });
+        return v(M, "dragend", (W) => {
+          a("marker-change", { index: V, position: y(W) });
+        }), M;
+      }), d(s.value);
+    }
+    function d(i) {
+      _.value.map((m) => be(m).setMap(i));
+    }
+    const x = D([]);
+    function $(i, m, V) {
+      w(i, m, V);
+    }
+    function o(i, m, V) {
+      w(i, m, V);
+    }
+    function e(i) {
+      return x.value[i].getPath().getArray().map(({ lat: V, lng: M }) => ({
+        lat: V(),
+        lng: M()
+      }));
+    }
+    function t(i) {
+      const m = e(i);
+      a("polygon-change", { index: i, path: m });
+    }
+    function b(i, m) {
+      const M = e(i).filter((W, O) => O !== m);
+      a("polygon-change", { index: i, path: M });
+    }
+    function h(i, m) {
+      m.vertex !== void 0 ? b(i, m.vertex) : a("polygon-right-click", i);
+    }
+    function f(i) {
+      j(null), x.value = i.map((m, V) => {
+        const M = new r.maps.Polygon({
+          paths: m.paths,
+          strokeColor: m.strokeColor,
+          fillColor: m.fillColor,
+          fillOpacity: 0.5,
+          editable: l.editable
+        });
+        return $(M, "contextmenu", (W) => h(V, W)), M.getPaths().forEach((W) => {
+          o(W, "insert_at", () => t(V)), o(W, "set_at", () => t(V));
+        }), M;
+      }), j(s.value);
+    }
+    function j(i) {
+      x.value.map((m) => be(m).setMap(i));
+    }
+    function E(i, m, V) {
+      w(i, m, V);
+    }
+    function P() {
+      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", y(i)));
+    }
+    return Y(() => l.markers, S, { deep: !0 }), Y(() => l.polygons, f, { deep: !0 }), oe(() => {
+      !n.value || !r || (P(), S(l.markers), f(l.polygons));
+    }), Me(() => {
+      A.forEach((i) => i.remove());
+    }), (i, m) => (T(), B("div", {
+      ref_key: "mapRef",
+      ref: n,
+      class: "map app-map"
+    }, null, 512));
+  }
+});
+var se = { exports: {} };
+function $e(u, c = 100, p = {}) {
+  if (typeof u != "function")
+    throw new TypeError(`Expected the first parameter to be a function, got \`${typeof u}\`.`);
+  if (c < 0)
+    throw new RangeError("`wait` must not be negative.");
+  const { immediate: l } = typeof p == "boolean" ? { immediate: p } : p;
+  let a, r, n, s, A;
+  function y() {
+    const _ = Date.now() - s;
+    if (_ < c && _ >= 0)
+      n = setTimeout(y, c - _);
+    else if (n = void 0, !l) {
+      const v = a, S = r;
+      a = void 0, r = void 0, A = u.apply(v, S);
+    }
+  }
+  const w = function(..._) {
+    if (a && this !== a)
+      throw new Error("Debounced method called with different contexts.");
+    a = this, r = _, s = Date.now();
+    const v = l && !n;
+    if (n || (n = setTimeout(y, c)), v) {
+      const S = a, d = r;
+      a = void 0, r = void 0, A = u.apply(S, d);
+    }
+    return A;
+  };
+  return w.clear = () => {
+    n && (clearTimeout(n), n = void 0);
+  }, w.flush = () => {
+    if (!n)
+      return;
+    const _ = a, v = r;
+    a = void 0, r = void 0, A = u.apply(_, v), clearTimeout(n), n = void 0;
+  }, w;
+}
+se.exports.debounce = $e;
+se.exports = $e;
+var Xe = se.exports;
+const Ye = /* @__PURE__ */ Ie(Xe), ne = (u) => (Fe("data-v-ea67d23a"), u = u(), De(), u), eo = { class: "flex flex-col gap-24" }, oo = { class: "flex flex-col gap-8" }, to = /* @__PURE__ */ ne(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Address: ", -1)), ao = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ ne(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Longitude: ", -1)), so = { class: "fm-typo-en-body-lg-600" }, no = /* @__PURE__ */ ne(() => /* @__PURE__ */ g("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Latitude: ", -1)), ro = { class: "fm-typo-en-body-lg-600" }, uo = /* @__PURE__ */ q({
+  __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 = D(""), n = Ye(async function() {
+      r.value = await l.getFirstMatchingAddress(
+        a.lat,
+        a.lng
+      );
+    }, 1e3);
+    oe(() => {
+      p.emitData(z(a)), n();
+    });
+    function s({ position: y }) {
+      a.lat = y.lat, a.lng = y.lng, p.emitData(z(a)), n();
+    }
+    const A = D();
+    return (y, w) => (T(), B("div", eo, [
+      g("div", oo, [
+        g("div", null, [
+          to,
+          g("span", ao, X(r.value), 1)
+        ]),
+        g("div", null, [
+          lo,
+          g("span", so, X(a.lng), 1)
+        ]),
+        g("div", null, [
+          no,
+          g("span", ro, X(a.lat), 1)
+        ])
+      ]),
+      k(Qe, {
+        ref_key: "gmapRef",
+        ref: A,
+        class: "h-[272px] sm:h-[240px] xs:h-[240px]",
+        editable: "",
+        center: a,
+        markers: [a],
+        onMarkerChange: s,
+        onMapClick: w[0] || (w[0] = (_) => s({ position: _ }))
+      }, null, 8, ["center", "markers"])
+    ]));
+  }
+}), io = /* @__PURE__ */ Be(uo, [["__scopeId", "data-v-ea67d23a"]]);
+function ke([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"), A = D(!1);
+    function y(d) {
+      if (d != null && d[0] && (d != null && d[1]))
+        return `${d[0].toFixed(3)} Long ${d[1].toFixed(3)} Lat`;
+    }
+    async function w(d) {
+      var e, t;
+      const x = p.modelValue, $ = !x && ((e = p.address) != null && e.formatted) ? await a.getFirstMatchingCoordinate(p.address.formatted) : null, o = x ? ke(x) : $ ? ke($) : te.jb;
+      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 v() {
+      if (!p.disabled) {
+        if (!a.isGoogleMapReady) {
+          n.open({
+            title: "Something went wrong",
+            message: "Cannot load map component. Please try again.",
+            type: "error"
+          });
+          return;
+        }
+        w(_);
+      }
+    }
+    function S() {
+      l("update:modelValue", null);
+    }
+    return (d, x) => {
+      const $ = U("FmField"), o = U("FmButton"), e = U("FmFormGroup");
+      return T(), B("div", po, [
+        k(e, {
+          class: "flex-1",
+          "model-value": C(s),
+          label: d.label,
+          disabled: d.disabled,
+          required: d.labelMark === "required",
+          optional: d.labelMark === "optional",
+          info: d.labelInfo,
+          rules: d.rules,
+          focused: A.value,
+          "helper-text": d.helperText,
+          "helper-state": d.helperState,
+          onClick: x[0] || (x[0] = (t) => v())
+        }, Pe({
+          default: I(({ invalid: t }) => [
+            d.modelValue && d.modelValue[0] && d.modelValue[1] ? (T(), B("div", mo, [
+              k($, {
+                invalid: t,
+                class: "fm-typo-en-body-lg-400"
+              }, {
+                default: I(() => [
+                  Te(X(y(d.modelValue)), 1)
+                ]),
+                _: 2
+              }, 1032, ["invalid"])
+            ])) : (T(), 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] ? (T(), N(o, {
+          key: 0,
+          "prepend-icon": "delete",
+          variant: "tertiary",
+          onClick: x[1] || (x[1] = (t) => S())
+        })) : xe("", !0)
+      ]);
+    };
+  }
+}), go = { class: "flex flex-col gap-40" }, yo = { class: "flex flex-col gap-16" }, vo = { class: "flex flex-col gap-8" }, bo = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), wo = { class: "grid grid-cols-2 gap-24" }, Vo = { class: "flex flex-col gap-8" }, _o = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Coordinate", -1), ko = { class: "flex flex-col gap-8" }, xo = /* @__PURE__ */ g("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), Co = { class: "flex flex-col gap-16" }, Ao = /* @__PURE__ */ q({
+  __name: "WarehouseForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validation-success"],
+  setup(u, { expose: c, emit: p }) {
+    const l = u, a = p, r = F({
+      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 = F({
+      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 = F({
+      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);
+      }
+    }), A = F({
+      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);
+      }
+    }), y = F({
+      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);
+      }
+    }), w = F({
+      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);
+      }
+    }), _ = F({
+      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);
+      }
+    }), v = F({
+      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 = F({
+      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 = F({
+      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);
+      }
+    }), x = F({
+      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);
+      }
+    }), $ = D();
+    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 = U("FmTextField"), b = U("FmPhoneNumber"), h = U("FmForm");
+      return T(), N(h, {
+        ref_key: "formRef",
+        ref: $,
+        onValidationSuccess: e[11] || (e[11] = (f) => a("validation-success"))
+      }, {
+        default: I(() => [
+          g("div", go, [
+            g("div", yo, [
+              k(t, {
+                disabled: o.disabled,
+                rules: [C(L)()],
+                "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: [C(L)()],
+                "label-mark": "required",
+                label: "Registration no.",
+                modelValue: n.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (f) => n.value = f)
+              }, null, 8, ["disabled", "rules", "modelValue"])
+            ]),
+            g("div", vo, [
+              bo,
+              g("div", wo, [
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [C(L)()],
+                  "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: A.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (f) => A.value = f)
+                }, null, 8, ["disabled", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [C(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(t, {
+                  disabled: o.disabled,
+                  rules: [C(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(t, {
+                  disabled: o.disabled,
+                  rules: [C(L)()],
+                  "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: [C(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", Vo, [
+              _o,
+              k(ho, {
+                disabled: o.disabled,
+                rules: [C(L)()],
+                "label-mark": "required",
+                modelValue: S.value,
+                "onUpdate:modelValue": e[8] || (e[8] = (f) => S.value = f)
+              }, null, 8, ["disabled", "rules", "modelValue"])
+            ]),
+            g("div", ko, [
+              xo,
+              g("div", Co, [
+                k(b, {
+                  disabled: o.disabled,
+                  rules: [C(L)()],
+                  "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: x.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (f) => x.value = f)
+                }, null, 8, ["disabled", "modelValue"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), $o = { class: "flex gap-4" }, Mo = /* @__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 = D(!1), n = le(), s = Ae(), A = F(() => {
+      switch (l.mode) {
+        case R.CREATE:
+          return "Add warehouse";
+        case R.READ:
+          return "View";
+        case R.UPDATE:
+          return "Edit warehouse";
+      }
+      return "";
+    }), y = F(() => {
+      switch (l.mode) {
+        case R.READ:
+          return "";
+        case R.UPDATE:
+          return "Save";
+        case R.CREATE:
+          return "Add";
+      }
+      return "";
+    }), w = D();
+    c({
+      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 _ = ee(l, "show"), v = ee(l, "warehouse");
+    function S() {
+      var o, e;
+      (e = (o = w.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
+    }
+    function d() {
+      switch (l.mode) {
+        case R.READ:
+          return;
+        case R.UPDATE:
+          return $();
+        case R.CREATE:
+          return x();
+      }
+    }
+    async function x() {
+      var o, e, t, b;
+      r.value = !0;
+      try {
+        await Promise.all([
+          s.createWarehouse(v.value),
+          new Promise((h) => setTimeout(h, 1e3))
+        ]), n.open({
+          title: "Success",
+          message: `Created ${(e = (o = v.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
+          type: "success"
+        }), a("update:show", !1), a("submitted");
+      } catch (h) {
+        n.open({
+          title: "Something went wrong",
+          message: `Cannot create ${(b = (t = v.value) == null ? void 0 : t.profile) == null ? void 0 : b.name} warehouse. Please try again`,
+          type: "error"
+        }), console.error("cannot create warehouse", h);
+      } finally {
+        r.value = !1;
+      }
+    }
+    async function $() {
+      var o, e, t, b;
+      if (v.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(v.value),
+          new Promise((h) => setTimeout(h, 1e3))
+        ]), n.open({
+          title: "Success",
+          message: `Updated ${(e = (o = v.value) == null ? void 0 : o.profile) == null ? void 0 : e.name} warehouse`,
+          type: "success"
+        }), a("update:show", !1), a("submitted");
+      } catch (h) {
+        n.open({
+          title: "Something went wrong",
+          message: `Cannot update ${(b = (t = v.value) == null ? void 0 : t.profile) == null ? void 0 : b.name} warehouse. Please try again`,
+          type: "error"
+        }), console.error("cannot update warehouse", h);
+      } finally {
+        r.value = !1;
+      }
+    }
+    return (o, e) => {
+      const t = U("FmButton"), b = U("FmSideSheet");
+      return T(), N(b, {
+        header: A.value,
+        modelValue: C(_),
+        "onUpdate:modelValue": e[1] || (e[1] = (h) => we(_) ? _.value = h : null),
+        "dismiss-away": !r.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: I(() => {
+          var h;
+          return [
+            (T(), N(Ao, {
+              class: "w-full",
+              ref_key: "formRef",
+              ref: w,
+              modelValue: C(v),
+              "onUpdate:modelValue": e[0] || (e[0] = (f) => we(v) ? v.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(() => [
+          g("div", $o, [
+            k(t, {
+              loading: r.value,
+              label: y.value,
+              onClick: S
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), So = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Fo = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, Do = { class: "flex-1 w-full" }, Po = { class: "flex flex-col py-8" }, To = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Eo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, Oo = /* @__PURE__ */ q({
+  __name: "WarehouseView",
+  setup(u) {
+    const c = Ae(), p = Ne(), l = F(() => c.warehouses), a = Ce(), r = le(), n = D(!1);
+    oe(() => {
+      p._currentLocation && $();
+    }), Y([() => p._currentLocation], () => {
+      p._currentLocation && $();
+    });
+    const s = D({});
+    function A() {
+      s.value.mode = R.CREATE, s.value.warehouse = {}, s.value.show = !0;
+    }
+    function y(b) {
+      s.value.mode = R.UPDATE, s.value.warehouse = b, s.value.show = !0;
+    }
+    async function w(b) {
+      a.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) {
+      a.open({
+        title: "Deleting warehouse...",
+        closeButton: !1
+      });
+      try {
+        await c.deleteWarehouse(b), r.open({
+          title: "Success",
+          message: `Deleted ${b.profile.name}.`,
+          type: "success"
+        }), await $(!0);
+      } catch (h) {
+        r.open({
+          title: "Something went wrong",
+          message: `Cannot delete ${b.profile.name}. Please try again.`,
+          type: "error"
+        }), console.error("failed to delete warehouse", h);
+      } finally {
+        a.close();
+      }
+    }
+    const { columnDefs: v, formatRowData: S } = Je(
+      y,
+      w
+    );
+    function d(b) {
+      b === "create" && A();
+    }
+    const x = D("");
+    async function $(b = !1) {
+      n.value = !0;
+      try {
+        await c.readWarehouses(), b && await p.readLocations();
+      } catch {
+        r.open({
+          title: "Cannot fetch warehouse list",
+          type: "error"
+        });
+      } finally {
+        n.value = !1;
+      }
+    }
+    const { breakpoints: o } = He(), e = F(() => o.value.xs || o.value.sm ? 10 : 20), t = Oe();
+    return (b, h) => {
+      const f = U("FmTableToolbar"), j = U("FmTable");
+      return T(), N(Ge, {
+        title: "Warehouse",
+        actions: [{ label: "Create warehouse", value: "create", isPrimary: !0, prependIcon: "add" }],
+        "onClick:action": d
+      }, {
+        default: I(() => [
+          g("div", So, [
+            g("div", Fo, [
+              g("div", Do, [
+                k(f, {
+                  class: "xs:px-8",
+                  searchable: "",
+                  "search-model": x.value,
+                  "onUpdate:searchModel": h[0] || (h[0] = (E) => x.value = E)
+                }, null, 8, ["search-model"])
+              ])
+            ]),
+            (T(), N(j, {
+              style: Re(C(t).tableHeight),
+              "column-defs": C(v),
+              "row-data": C(S)(l.value),
+              "search-value": x.value,
+              loading: !C(p)._currentLocation || n.value,
+              onRowClick: h[1] || (h[1] = (E) => y(E.original.original)),
+              key: l.value.length,
+              "page-size": e.value
+            }, {
+              "list-row": I((E) => [
+                k(je, {
+                  row: E,
+                  onRowClick: (P) => y(P.original)
+                }, {
+                  default: I((P) => {
+                    var i, m, V, M, W, O, re, ue, G, de, ie, ce, pe, me, K, fe, he, ge, ye, H, ve;
+                    return [
+                      g("div", Po, [
+                        g("div", To, [
+                          k(C(J), {
+                            render: (V = (m = (i = P.warehouse) == null ? void 0 : i.column) == null ? void 0 : m.columnDef) == null ? void 0 : V.cell,
+                            props: (W = (M = P.warehouse) == null ? void 0 : M.getContext) == null ? void 0 : W.call(M)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        g("div", Eo, [
+                          k(C(J), {
+                            render: (ue = (re = (O = P.contact) == null ? void 0 : O.column) == null ? void 0 : re.columnDef) == null ? void 0 : ue.cell,
+                            props: (de = (G = P.contact) == null ? void 0 : G.getContext) == null ? void 0 : de.call(G)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        (ie = E.original) != null && ie.email ? (T(), B("div", Ro, [
+                          k(C(J), {
+                            render: (me = (pe = (ce = P.email) == null ? void 0 : ce.column) == null ? void 0 : pe.columnDef) == null ? void 0 : me.cell,
+                            props: (fe = (K = P.email) == null ? void 0 : K.getContext) == null ? void 0 : fe.call(K)
+                          }, null, 8, ["render", "props"])
+                        ])) : xe("", !0),
+                        g("div", Wo, [
+                          k(C(J), {
+                            render: (ye = (ge = (he = P.address) == null ? void 0 : he.column) == null ? void 0 : ge.columnDef) == null ? void 0 : ye.cell,
+                            props: (ve = (H = P.address) == null ? void 0 : H.getContext) == null ? void 0 : ve.call(H)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ]),
+          k(Mo, {
+            show: s.value.show,
+            "onUpdate:show": h[2] || (h[2] = (E) => s.value.show = E),
+            warehouse: s.value.warehouse,
+            mode: s.value.mode,
+            onSubmitted: h[3] || (h[3] = (E) => $(!0))
+          }, null, 8, ["show", "warehouse", "mode"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Oo as default
+};