@feedmepos/mf-inventory-portal 1.2.7-dev.8 → 1.2.7

package/dist/WarehouseView-CBso3SXT.js

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