@feedmepos/mf-inventory-portal 1.6.1-dev.1 → 1.6.1-dev.2

package/dist/WarehouseView-CrD6agyt.js

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