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

package/dist/WarehouseView-B8UxxAL6.js

@@ -0,0 +1,1051 @@
+import { ref as W, defineComponent as O, watch as ee, onMounted as te, onUnmounted as Fe, openBlock as T, createElementBlock as z, toRaw as be, reactive as $e, createElementVNode as b, toDisplayString as L, unref as p, createVNode as k, resolveComponent as B, createSlots as De, withCtx as q, createTextVNode as We, renderSlot as Se, createBlock as j, createCommentVNode as xe, computed as D, isRef as we, normalizeStyle as Re } from "vue";
+import { h as Te, k as Ee, l as Pe, c as G, m as ae, n as le, o as Ue, _ as Le, f as Ne } from "./app-RVyC2D4O.js";
+import { useCoreStore as Be, useI18n as I } from "@feedmepos/mf-common";
+import { D as Ve, R as Q, F as P } from "./row-action.enum-BwQbURNh.js";
+import { c as qe, _ as Ie, F as X, u as ze } from "./layout-ITqYtCVu.js";
+import { _ as je, a as Oe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DaHXKF1s.js";
+import { useDialogChild as Ge, useDialog as Ae, useSnackbar as se, useProxiedModel as oe, useBreakpoints as Ke } from "@feedmepos/ui-library";
+import { R as N } from "./rules-CCwuHe8Y.js";
+const Y = Te((c, m) => {
+  const f = Be();
+  return {
+    async readWarehouses() {
+      var a;
+      const l = ((a = f.currentBusiness.value) == null ? void 0 : a._id) ?? "", s = `${c.inventoryBackendUrl}/businesses/${l}/warehouses`;
+      return await m.get(s);
+    },
+    async createWarehouse(l) {
+      var n;
+      const s = ((n = f.currentBusiness.value) == null ? void 0 : n._id) ?? "", a = `${c.inventoryBackendUrl}/businesses/${s}/warehouse`;
+      return await m.post(a, l);
+    },
+    async updateWarehouse(l, s) {
+      var r;
+      const a = ((r = f.currentBusiness.value) == null ? void 0 : r._id) ?? "", n = `${c.inventoryBackendUrl}/businesses/${a}/warehouse/${l}`;
+      return await m.put(n, s);
+    },
+    async deleteWarehouse(l) {
+      var n;
+      const s = ((n = f.currentBusiness.value) == null ? void 0 : n._id) ?? "", a = `${c.inventoryBackendUrl}/businesses/${s}/warehouse/${l}`;
+      return await m.delete(a);
+    }
+  };
+});
+function He() {
+  return {
+    warehouses: []
+  };
+}
+const _e = W(He());
+function Ce() {
+  return {
+    // state
+    get warehouses() {
+      return _e.value.warehouses;
+    },
+    set warehouses(c) {
+      _e.value.warehouses = c;
+    },
+    // actions
+    async readWarehouses() {
+      const c = Y();
+      this.warehouses = await c.readWarehouses();
+    },
+    async createWarehouse(c) {
+      await Y().createWarehouse(c);
+    },
+    async updateWarehouse(c) {
+      await Y().updateWarehouse(c._id, c.profile);
+    },
+    async deleteWarehouse(c) {
+      await Y().deleteWarehouse(c._id);
+    },
+    async init() {
+      const c = Ee();
+      try {
+        await this.readWarehouses();
+      } catch (m) {
+        throw m instanceof Pe || c.error("Error at reading warehouses"), m;
+      }
+    }
+  };
+}
+function Ze(c, m) {
+  function f(n, r) {
+    if (n === Q.Edit) {
+      c(G(r));
+      return;
+    }
+    if (n === Q.Delete) {
+      m(G(r));
+      return;
+    }
+  }
+  const { t: l } = I(), s = [
+    {
+      accessorKey: "warehouse",
+      header: () => l("inventory.warehouse.table.warehouse"),
+      size: 200
+    },
+    {
+      accessorKey: "contact",
+      header: () => l("inventory.warehouse.table.contact"),
+      size: 200
+    },
+    {
+      accessorKey: "email",
+      header: () => l("inventory.warehouse.table.email"),
+      size: 200
+    },
+    {
+      accessorKey: "address",
+      header: () => l("inventory.warehouse.table.address"),
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(n) {
+        return qe(
+          [Ve[Q.Edit], Ve[Q.Delete]],
+          (r) => {
+            f(r, n.row.original.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  function a(n) {
+    return n.map((r) => ({
+      original: r,
+      warehouse: r.profile.name,
+      contact: r.profile.phoneNo,
+      email: r.profile.email,
+      get address() {
+        const u = r.profile.address;
+        return [
+          u == null ? void 0 : u.line1,
+          u == null ? void 0 : u.line2,
+          u == null ? void 0 : u.city,
+          u == null ? void 0 : u.postcode,
+          u == null ? void 0 : u.state,
+          u == null ? void 0 : u.country
+        ].map((v) => v == null ? void 0 : v.trim()).filter((v) => v).join(", ");
+      }
+    }));
+  }
+  return { columnDefs: s, formatRowData: a };
+}
+const Je = /* @__PURE__ */ O({
+  __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: ae.jb
+    }
+  },
+  emits: ["map-click", "marker-change", "polygon-change", "polygon-right-click"],
+  setup(c, { expose: m, emit: f }) {
+    const l = c, s = f;
+    m({
+      setCenter: (d) => {
+        var h, V;
+        (h = r.value) == null || h.setCenter(d), (V = r.value) == null || V.setZoom(18);
+      }
+    });
+    const { googleMap: a } = le(), n = W(), r = W(null), u = [];
+    function _(d) {
+      return {
+        lat: d.latLng.lat(),
+        lng: d.latLng.lng()
+      };
+    }
+    function v(d, h, V) {
+      const $ = a.maps.event.addListener(d, h, V);
+      u.push($);
+    }
+    const g = W([]);
+    function A(d, h, V) {
+      v(d, h, V);
+    }
+    function x(d) {
+      S(null), g.value = d.map((h, V) => {
+        const $ = new a.maps.Marker({
+          position: h,
+          draggable: !0
+        });
+        return A($, "dragend", (U) => {
+          s("marker-change", { index: V, position: _(U) });
+        }), $;
+      }), S(r.value);
+    }
+    function S(d) {
+      g.value.map((h) => be(h).setMap(d));
+    }
+    const i = W([]);
+    function C(d, h, V) {
+      v(d, h, V);
+    }
+    function M(d, h, V) {
+      v(d, h, V);
+    }
+    function o(d) {
+      return i.value[d].getPath().getArray().map(({ lat: V, lng: $ }) => ({
+        lat: V(),
+        lng: $()
+      }));
+    }
+    function e(d) {
+      const h = o(d);
+      s("polygon-change", { index: d, path: h });
+    }
+    function t(d, h) {
+      const $ = o(d).filter((U, K) => K !== h);
+      s("polygon-change", { index: d, path: $ });
+    }
+    function F(d, h) {
+      h.vertex !== void 0 ? t(d, h.vertex) : s("polygon-right-click", d);
+    }
+    function w(d) {
+      y(null), i.value = d.map((h, V) => {
+        const $ = new a.maps.Polygon({
+          paths: h.paths,
+          strokeColor: h.strokeColor,
+          fillColor: h.fillColor,
+          fillOpacity: 0.5,
+          editable: l.editable
+        });
+        return C($, "contextmenu", (U) => F(V, U)), $.getPaths().forEach((U) => {
+          M(U, "insert_at", () => e(V)), M(U, "set_at", () => e(V));
+        }), $;
+      }), y(r.value);
+    }
+    function y(d) {
+      i.value.map((h) => be(h).setMap(d));
+    }
+    function E(d, h, V) {
+      v(d, h, V);
+    }
+    function R() {
+      r.value = new a.maps.Map(n.value, {
+        center: l.center,
+        zoom: l.zoom,
+        mapTypeControl: !1,
+        streetViewControl: !1,
+        draggable: !0,
+        scrollwheel: !0
+      }), E(r.value, "click", (d) => s("map-click", _(d)));
+    }
+    return ee(() => l.markers, x, { deep: !0 }), ee(() => l.polygons, w, { deep: !0 }), te(() => {
+      !n.value || !a || (R(), x(l.markers), w(l.polygons));
+    }), Fe(() => {
+      u.forEach((d) => d.remove());
+    }), (d, h) => (T(), z("div", {
+      ref_key: "mapRef",
+      ref: n,
+      class: "map app-map"
+    }, null, 512));
+  }
+});
+var re = { exports: {} };
+function Me(c, m = 100, f = {}) {
+  if (typeof c != "function")
+    throw new TypeError(`Expected the first parameter to be a function, got \`${typeof c}\`.`);
+  if (m < 0)
+    throw new RangeError("`wait` must not be negative.");
+  const { immediate: l } = typeof f == "boolean" ? { immediate: f } : f;
+  let s, a, n, r, u;
+  function _() {
+    const g = Date.now() - r;
+    if (g < m && g >= 0)
+      n = setTimeout(_, m - g);
+    else if (n = void 0, !l) {
+      const A = s, x = a;
+      s = void 0, a = void 0, u = c.apply(A, x);
+    }
+  }
+  const v = function(...g) {
+    if (s && this !== s)
+      throw new Error("Debounced method called with different contexts.");
+    s = this, a = g, r = Date.now();
+    const A = l && !n;
+    if (n || (n = setTimeout(_, m)), A) {
+      const x = s, S = a;
+      s = void 0, a = void 0, u = c.apply(x, S);
+    }
+    return u;
+  };
+  return v.clear = () => {
+    n && (clearTimeout(n), n = void 0);
+  }, v.flush = () => {
+    if (!n)
+      return;
+    const g = s, A = a;
+    s = void 0, a = void 0, u = c.apply(g, A), clearTimeout(n), n = void 0;
+  }, v;
+}
+re.exports.debounce = Me;
+re.exports = Me;
+var Qe = re.exports;
+const Xe = /* @__PURE__ */ Ue(Qe), Ye = { class: "flex flex-col gap-24" }, eo = { class: "flex flex-col gap-8" }, oo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, to = { class: "fm-typo-en-body-lg-600" }, ao = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, lo = { class: "fm-typo-en-body-lg-600" }, so = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ro = { class: "fm-typo-en-body-lg-600" }, no = /* @__PURE__ */ O({
+  __name: "CoordinateDialog",
+  props: {
+    address: {
+      type: String,
+      required: !0
+    },
+    coordinate: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(c) {
+    const m = c, f = Ge(), l = le(), { t: s } = I(), a = $e(
+      G(m.coordinate ? m.coordinate : ae.jb)
+    ), n = W(""), r = Xe(async function() {
+      n.value = await l.getFirstMatchingAddress(
+        a.lat,
+        a.lng
+      );
+    }, 1e3);
+    te(() => {
+      f.emitData(G(a)), r();
+    });
+    function u({ position: v }) {
+      a.lat = v.lat, a.lng = v.lng, f.emitData(G(a)), r();
+    }
+    const _ = W();
+    return (v, g) => (T(), z("div", Ye, [
+      b("div", eo, [
+        b("div", null, [
+          b("span", oo, L(p(s)("inventory.formField.coordinate.address")) + ": ", 1),
+          b("span", to, L(n.value), 1)
+        ]),
+        b("div", null, [
+          b("span", ao, L(p(s)("inventory.formField.coordinate.longitude")) + ": ", 1),
+          b("span", lo, L(a.lng), 1)
+        ]),
+        b("div", null, [
+          b("span", so, L(p(s)("inventory.formField.coordinate.latitude")) + ": ", 1),
+          b("span", ro, L(a.lat), 1)
+        ])
+      ]),
+      k(Je, {
+        ref_key: "gmapRef",
+        ref: _,
+        class: "h-[272px] sm:h-[240px] xs:h-[240px]",
+        editable: "",
+        center: a,
+        markers: [a],
+        onMarkerChange: u,
+        onMapClick: g[0] || (g[0] = (A) => u({ position: A }))
+      }, null, 8, ["center", "markers"])
+    ]));
+  }
+}), uo = /* @__PURE__ */ Le(no, [["__scopeId", "data-v-272f5e8b"]]);
+function ke([c, m]) {
+  return {
+    lat: m,
+    lng: c
+  };
+}
+function io({ lng: c, lat: m }) {
+  return [c, m];
+}
+const co = { class: "flex gap-8 items-center" }, po = { key: 0 }, mo = { key: 1 }, fo = /* @__PURE__ */ O({
+  __name: "FmCoordinateInput",
+  props: {
+    address: {},
+    modelValue: {},
+    dialogTitle: {},
+    label: {},
+    helperText: {},
+    helperState: {},
+    labelMark: {},
+    labelInfo: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    rules: {}
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: m }) {
+    const f = c, l = m, s = le(), a = Ae(), n = se(), r = oe(f, "modelValue"), u = W(!1), { t: _ } = I();
+    function v(i) {
+      if (i != null && i[0] && (i != null && i[1]))
+        return _("inventory.formField.coordinate.longLat", [i[0].toFixed(3), i[1].toFixed(3)]);
+    }
+    async function g(i) {
+      var e, t;
+      const C = f.modelValue, M = !C && ((e = f.address) != null && e.formatted) ? await s.getFirstMatchingCoordinate(f.address.formatted) : null, o = C ? ke(C) : M ? ke(M) : ae.jb;
+      a.open({
+        title: f.dialogTitle ?? f.label ?? _("inventory.formField.coordinate.pinLocation"),
+        closeButton: !0,
+        contentComponent: uo,
+        contentComponentProps: {
+          address: (t = f.address) == null ? void 0 : t.formatted,
+          coordinate: o
+        },
+        primaryActions: {
+          text: _("common.select"),
+          close: !0
+        },
+        secondaryActions: {
+          text: _("common.close"),
+          close: !0
+        }
+      }).onPrimary(i);
+    }
+    const A = (i) => l("update:modelValue", i ? io(i) : null);
+    async function x() {
+      if (!f.disabled) {
+        if (!s.isGoogleMapReady) {
+          n.open({
+            title: _("common.error"),
+            message: _("inventory.formField.coordinate.error.loadMap"),
+            type: "error"
+          });
+          return;
+        }
+        g(A);
+      }
+    }
+    function S() {
+      l("update:modelValue", null);
+    }
+    return (i, C) => {
+      const M = B("FmField"), o = B("FmButton"), e = B("FmFormGroup");
+      return T(), z("div", co, [
+        k(e, {
+          class: "flex-1",
+          "model-value": p(r),
+          label: i.label,
+          disabled: i.disabled,
+          required: i.labelMark === "required",
+          optional: i.labelMark === "optional",
+          info: i.labelInfo,
+          rules: i.rules,
+          focused: u.value,
+          "helper-text": i.helperText,
+          "helper-state": i.helperState,
+          onClick: C[0] || (C[0] = (t) => x())
+        }, De({
+          default: q(({ invalid: t }) => [
+            i.modelValue && i.modelValue[0] && i.modelValue[1] ? (T(), z("div", po, [
+              k(M, {
+                invalid: t,
+                class: "fm-typo-en-body-lg-400"
+              }, {
+                default: q(() => [
+                  We(L(v(i.modelValue)), 1)
+                ]),
+                _: 2
+              }, 1032, ["invalid"])
+            ])) : (T(), z("div", mo, [
+              k(o, {
+                label: p(_)("inventory.formField.coordinate.addCoordinate"),
+                "prepend-icon": "add",
+                variant: "plain"
+              }, null, 8, ["label"])
+            ]))
+          ]),
+          _: 2
+        }, [
+          i.$slots.label ? {
+            name: "label",
+            fn: q(() => [
+              Se(i.$slots, "label")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["model-value", "label", "disabled", "required", "optional", "info", "rules", "focused", "helper-text", "helper-state"]),
+        i.modelValue && i.modelValue[0] && i.modelValue[1] ? (T(), j(o, {
+          key: 0,
+          "prepend-icon": "delete",
+          variant: "tertiary",
+          onClick: C[1] || (C[1] = (t) => S())
+        })) : xe("", !0)
+      ]);
+    };
+  }
+}), ho = { class: "flex flex-col gap-40" }, yo = { class: "flex flex-col gap-16" }, vo = { class: "flex flex-col gap-8" }, go = { class: "fm-typo-en-title-sm-800" }, bo = { class: "grid grid-cols-2 gap-24" }, wo = { class: "flex flex-col gap-8" }, Vo = { class: "fm-typo-en-title-sm-800" }, _o = { class: "flex flex-col gap-8" }, ko = { class: "fm-typo-en-title-sm-800" }, xo = { class: "flex flex-col gap-16" }, Ao = /* @__PURE__ */ O({
+  __name: "WarehouseForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validation-success"],
+  setup(c, { expose: m, emit: f }) {
+    const l = c, s = f, { t: a } = I(), n = D({
+      get() {
+        var o, e;
+        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.name) ?? "";
+      },
+      set(o) {
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), e.profile.name = o, s("update:modelValue", e);
+      }
+    }), r = D({
+      get() {
+        var o, e;
+        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.regNo) ?? "";
+      },
+      set(o) {
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), e.profile.regNo = o, s("update:modelValue", e);
+      }
+    }), u = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.line1) ?? "";
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line1 = o, s("update:modelValue", e);
+      }
+    }), _ = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.line2) ?? "";
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.line2 = o, s("update:modelValue", e);
+      }
+    }), v = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.city) ?? "";
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.city = o, s("update:modelValue", e);
+      }
+    }), g = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.postcode) ?? "";
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.postcode = o, s("update:modelValue", e);
+      }
+    }), A = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.state) ?? "";
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.state = o, s("update:modelValue", e);
+      }
+    }), x = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.country) ?? "";
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.country = o, s("update:modelValue", e);
+      }
+    }), S = D({
+      get() {
+        var o, e, t;
+        return ((t = (e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.address) == null ? void 0 : t.coordinates) ?? null;
+      },
+      set(o) {
+        var t;
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), (t = e.profile).address ?? (t.address = {}), e.profile.address.coordinates = o, s("update:modelValue", e);
+      }
+    }), i = D({
+      get() {
+        var o, e;
+        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.phoneNo) ?? "";
+      },
+      set(o) {
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), e.profile.phoneNo = o, s("update:modelValue", e);
+      }
+    }), C = D({
+      get() {
+        var o, e;
+        return ((e = (o = l.modelValue) == null ? void 0 : o.profile) == null ? void 0 : e.email) ?? "";
+      },
+      set(o) {
+        const e = l.modelValue ?? {};
+        e.profile ?? (e.profile = {}), e.profile.email = o, s("update:modelValue", e);
+      }
+    }), M = W();
+    return m({
+      validateInputs: () => {
+        var o, e;
+        (e = (o = M.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, e;
+        (e = (o = M.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
+      },
+      resetInputs: () => {
+        var o, e;
+        (e = (o = M.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
+      }
+    }), (o, e) => {
+      const t = B("FmTextField"), F = B("FmPhoneNumber"), w = B("FmForm");
+      return T(), j(w, {
+        ref_key: "formRef",
+        ref: M,
+        onValidationSuccess: e[11] || (e[11] = (y) => s("validation-success"))
+      }, {
+        default: q(() => [
+          b("div", ho, [
+            b("div", yo, [
+              k(t, {
+                disabled: o.disabled,
+                rules: [p(N)()],
+                "label-mark": "required",
+                label: p(a)("inventory.warehouse.companyName"),
+                modelValue: n.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (y) => n.value = y)
+              }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+              k(t, {
+                disabled: o.disabled,
+                rules: [p(N)()],
+                "label-mark": "required",
+                label: p(a)("inventory.warehouse.registrationNo"),
+                modelValue: r.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (y) => r.value = y)
+              }, null, 8, ["disabled", "rules", "label", "modelValue"])
+            ]),
+            b("div", vo, [
+              b("div", go, L(p(a)("inventory.warehouse.address.title")), 1),
+              b("div", bo, [
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [p(N)()],
+                  "label-mark": "required",
+                  label: p(a)("inventory.warehouse.address.line1"),
+                  modelValue: u.value,
+                  "onUpdate:modelValue": e[2] || (e[2] = (y) => u.value = y)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  "label-mark": "optional",
+                  label: p(a)("inventory.warehouse.address.line2"),
+                  modelValue: _.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (y) => _.value = y)
+                }, null, 8, ["disabled", "label", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [p(N)()],
+                  "label-mark": "required",
+                  label: p(a)("inventory.warehouse.address.city"),
+                  modelValue: v.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (y) => v.value = y)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [p(N)()],
+                  "label-mark": "required",
+                  label: p(a)("inventory.warehouse.address.postcode"),
+                  modelValue: g.value,
+                  "onUpdate:modelValue": e[5] || (e[5] = (y) => g.value = y)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [p(N)()],
+                  "label-mark": "required",
+                  label: p(a)("inventory.warehouse.address.state"),
+                  modelValue: A.value,
+                  "onUpdate:modelValue": e[6] || (e[6] = (y) => A.value = y)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  rules: [p(N)()],
+                  "label-mark": "required",
+                  label: p(a)("inventory.warehouse.address.country"),
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (y) => x.value = y)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"])
+              ])
+            ]),
+            b("div", wo, [
+              b("div", Vo, L(p(a)("inventory.warehouse.coordinate.title")), 1),
+              k(fo, {
+                disabled: o.disabled,
+                rules: [p(N)()],
+                "label-mark": "required",
+                modelValue: S.value,
+                "onUpdate:modelValue": e[8] || (e[8] = (y) => S.value = y)
+              }, null, 8, ["disabled", "rules", "modelValue"])
+            ]),
+            b("div", _o, [
+              b("div", ko, L(p(a)("inventory.warehouse.contact.title")), 1),
+              b("div", xo, [
+                k(F, {
+                  disabled: o.disabled,
+                  rules: [p(N)()],
+                  "label-mark": "required",
+                  label: p(a)("inventory.warehouse.contact.phoneNumber"),
+                  modelValue: i.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (y) => i.value = y)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                k(t, {
+                  disabled: o.disabled,
+                  "label-mark": "optional",
+                  label: p(a)("inventory.warehouse.contact.email"),
+                  modelValue: C.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (y) => C.value = y)
+                }, null, 8, ["disabled", "label", "modelValue"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Co = { class: "flex gap-4" }, Mo = /* @__PURE__ */ O({
+  __name: "WarehouseDialog",
+  props: {
+    mode: {},
+    warehouse: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(c, { expose: m, emit: f }) {
+    const l = c, s = f, a = W(!1), n = se(), { t: r } = I(), u = Ce(), _ = D(() => {
+      switch (l.mode) {
+        case P.READ:
+          return "";
+        case P.UPDATE:
+          return r("inventory.warehouse.update.title");
+        case P.CREATE:
+          return r("inventory.warehouse.create.title");
+      }
+      return "";
+    }), v = D(() => {
+      switch (l.mode) {
+        case P.READ:
+          return "";
+        case P.UPDATE:
+          return r("common.save");
+        case P.CREATE:
+          return r("common.add");
+      }
+      return "";
+    }), g = W();
+    m({
+      validateInputs: () => {
+        var o, e;
+        (e = (o = g.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, e;
+        (e = (o = g.value) == null ? void 0 : o.resetInputsValidation) == null || e.call(o);
+      },
+      resetInputs: () => {
+        var o, e;
+        (e = (o = g.value) == null ? void 0 : o.resetInputs) == null || e.call(o);
+      }
+    });
+    const A = oe(l, "show"), x = oe(l, "warehouse");
+    function S() {
+      var o, e;
+      (e = (o = g.value) == null ? void 0 : o.validateInputs) == null || e.call(o);
+    }
+    function i() {
+      switch (l.mode) {
+        case P.READ:
+          return;
+        case P.UPDATE:
+          return M();
+        case P.CREATE:
+          return C();
+      }
+    }
+    async function C() {
+      var o, e;
+      a.value = !0;
+      try {
+        await Promise.all([
+          u.createWarehouse(x.value),
+          new Promise((t) => setTimeout(t, 1e3))
+        ]), n.open({
+          title: r("common.success"),
+          message: r("inventory.warehouse.create.success", { name: (e = (o = x.value) == null ? void 0 : o.profile) == null ? void 0 : e.name }),
+          type: "success"
+        }), s("update:show", !1), s("submitted");
+      } catch (t) {
+        n.open({
+          title: r("inventory.warehouse.create.error.title"),
+          message: r("inventory.warehouse.create.error.message"),
+          type: "error"
+        }), console.error("cannot create warehouse", t);
+      } finally {
+        a.value = !1;
+      }
+    }
+    async function M() {
+      var o, e;
+      if (x.value === null) {
+        n.open({
+          title: r("inventory.warehouse.update.error.title"),
+          message: r("inventory.warehouse.update.error.emptyWarehouse"),
+          type: "error"
+        });
+        return;
+      }
+      a.value = !0;
+      try {
+        await Promise.all([
+          u.updateWarehouse(x.value),
+          new Promise((t) => setTimeout(t, 1e3))
+        ]), n.open({
+          title: r("common.success"),
+          message: r("inventory.warehouse.update.success", { name: (e = (o = x.value) == null ? void 0 : o.profile) == null ? void 0 : e.name }),
+          type: "success"
+        }), s("update:show", !1), s("submitted");
+      } catch (t) {
+        n.open({
+          title: r("inventory.warehouse.update.error.title"),
+          message: r("inventory.warehouse.update.error.message"),
+          type: "error"
+        }), console.error("cannot update warehouse", t);
+      } finally {
+        a.value = !1;
+      }
+    }
+    return (o, e) => {
+      const t = B("FmButton"), F = B("FmSideSheet");
+      return T(), j(F, {
+        header: _.value,
+        modelValue: p(A),
+        "onUpdate:modelValue": e[1] || (e[1] = (w) => we(A) ? A.value = w : null),
+        "dismiss-away": !a.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: q(() => {
+          var w;
+          return [
+            (T(), j(Ao, {
+              class: "w-full",
+              ref_key: "formRef",
+              ref: g,
+              modelValue: p(x),
+              "onUpdate:modelValue": e[0] || (e[0] = (y) => we(x) ? x.value = y : null),
+              onValidationSuccess: i,
+              key: ((w = o.warehouse) == null ? void 0 : w._id) ?? "",
+              disabled: a.value
+            }, null, 8, ["modelValue", "disabled"]))
+          ];
+        }),
+        "side-sheet-footer": q(() => [
+          b("div", Co, [
+            k(t, {
+              loading: a.value,
+              label: v.value,
+              onClick: S
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), Fo = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, $o = { class: "flex flex-col py-8" }, Do = { 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" }, So = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-3" }, Io = /* @__PURE__ */ O({
+  __name: "WarehouseView",
+  setup(c) {
+    const m = Ce(), f = Ne(), l = D(() => m.warehouses), s = Ae(), a = se(), n = W(!1), { t: r } = I();
+    te(() => {
+      f._currentLocation && M();
+    }), ee([() => f._currentLocation], () => {
+      f._currentLocation && M();
+    });
+    const u = W({});
+    function _() {
+      u.value.mode = P.CREATE, u.value.warehouse = {}, u.value.show = !0;
+    }
+    function v(F) {
+      u.value.mode = P.UPDATE, u.value.warehouse = F, u.value.show = !0;
+    }
+    async function g(F) {
+      s.open({
+        title: r("inventory.warehouse.delete.confirm"),
+        message: r("inventory.warehouse.delete.confirmMessage", { name: F.profile.name }),
+        primaryActions: {
+          text: "Delete",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => A(F));
+    }
+    async function A(F) {
+      const { t: w } = I();
+      s.open({
+        title: w("inventory.warehouse.delete.deletingWarehouse"),
+        closeButton: !1
+      });
+      try {
+        await m.deleteWarehouse(F), a.open({
+          title: w("inventory.warehouse.delete.success"),
+          message: w("inventory.warehouse.delete.deletedWarehouse", { name: F.profile.name }),
+          type: "success"
+        }), await M(!0);
+      } catch (y) {
+        a.open({
+          title: w("inventory.warehouse.delete.error"),
+          message: w("inventory.warehouse.delete.errorMessage", { name: F.profile.name }),
+          type: "error"
+        }), console.error("failed to delete warehouse", y);
+      } finally {
+        s.close();
+      }
+    }
+    const { columnDefs: x, formatRowData: S } = Ze(
+      v,
+      g
+    );
+    function i(F) {
+      F === "create" && _();
+    }
+    const C = W("");
+    async function M(F = !1) {
+      n.value = !0;
+      try {
+        await m.readWarehouses(), F && await f.readLocations();
+      } catch {
+        a.open({
+          title: "Cannot fetch warehouse list",
+          type: "error"
+        });
+      } finally {
+        n.value = !1;
+      }
+    }
+    const { breakpoints: o } = Ke(), e = D(() => o.value.xs || o.value.sm ? 10 : 20), t = ze();
+    return (F, w) => {
+      const y = B("FmTable");
+      return T(), j(je, {
+        title: p(r)("inventory.warehouse.title"),
+        actions: [
+          {
+            label: p(r)("inventory.warehouse.create.title"),
+            value: "create",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "onClick:action": i
+      }, {
+        default: q(() => [
+          b("div", Fo, [
+            k(Oe, {
+              searchable: "",
+              "change-location": "",
+              search: C.value,
+              "onUpdate:search": w[0] || (w[0] = (E) => C.value = E)
+            }, null, 8, ["search"]),
+            (T(), j(y, {
+              style: Re(p(t).tableHeight),
+              "column-defs": p(x),
+              "row-data": p(S)(l.value),
+              "search-value": C.value,
+              loading: !p(f)._currentLocation || n.value,
+              onRowClick: w[1] || (w[1] = (E) => v(E.original.original)),
+              key: l.value.length,
+              "page-size": e.value
+            }, {
+              "list-row": q((E) => [
+                k(Ie, {
+                  row: E,
+                  onRowClick: (R) => v(R.original)
+                }, {
+                  default: q((R) => {
+                    var d, h, V, $, U, K, ne, ue, H, ie, de, ce, pe, me, Z, fe, he, ye, ve, J, ge;
+                    return [
+                      b("div", $o, [
+                        b("div", Do, [
+                          k(p(X), {
+                            render: (V = (h = (d = R.warehouse) == null ? void 0 : d.column) == null ? void 0 : h.columnDef) == null ? void 0 : V.cell,
+                            props: (U = ($ = R.warehouse) == null ? void 0 : $.getContext) == null ? void 0 : U.call($)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        b("div", Wo, [
+                          k(p(X), {
+                            render: (ue = (ne = (K = R.contact) == null ? void 0 : K.column) == null ? void 0 : ne.columnDef) == null ? void 0 : ue.cell,
+                            props: (ie = (H = R.contact) == null ? void 0 : H.getContext) == null ? void 0 : ie.call(H)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        (de = E.original) != null && de.email ? (T(), z("div", So, [
+                          k(p(X), {
+                            render: (me = (pe = (ce = R.email) == null ? void 0 : ce.column) == null ? void 0 : pe.columnDef) == null ? void 0 : me.cell,
+                            props: (fe = (Z = R.email) == null ? void 0 : Z.getContext) == null ? void 0 : fe.call(Z)
+                          }, null, 8, ["render", "props"])
+                        ])) : xe("", !0),
+                        b("div", Ro, [
+                          k(p(X), {
+                            render: (ve = (ye = (he = R.address) == null ? void 0 : he.column) == null ? void 0 : ye.columnDef) == null ? void 0 : ve.cell,
+                            props: (ge = (J = R.address) == null ? void 0 : J.getContext) == null ? void 0 : ge.call(J)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ]),
+          k(Mo, {
+            show: u.value.show,
+            "onUpdate:show": w[2] || (w[2] = (E) => u.value.show = E),
+            warehouse: u.value.warehouse,
+            mode: u.value.mode,
+            onSubmitted: w[3] || (w[3] = (E) => M(!0))
+          }, null, 8, ["show", "warehouse", "mode"])
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Io as default
+};