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

package/dist/WarehouseView-RPXyVYIR.js

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