@feedmepos/mf-inventory-portal 0.0.22-dev.1 → 0.0.22-dev.3

package/dist/WarehouseView-CeS8jrgw.js

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