@feedmepos/mf-inventory-portal 0.0.23-dev.2 → 0.0.23-dev.21

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CQUsooGm.js

@@ -0,0 +1,282 @@
+import { h as k, t as B, ai as V, u as H, ao as I, aw as R, ax as M } from "./app-CTCC1zfY.js";
+import { u as j } from "./supplier-csNwTHYl.js";
+import { P as S } from "./format-unit-display-MRARpSlY.js";
+import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as x, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as U, createCommentVNode as D, Fragment as Y, renderList as Z, unref as w } from "vue";
+function z(l, r, e) {
+  var s;
+  if (!!r.measurement === !!e && ((s = r.measurement) == null ? void 0 : s.id) === e)
+    return r;
+  if (!e)
+    return {
+      costPerUnit: r.costPerUnit
+    };
+  const o = l.measurements.find((i) => i.id === e);
+  return o ? {
+    costPerUnit: r.costPerUnit,
+    measurement: o
+  } : {
+    costPerUnit: r.costPerUnit
+  };
+}
+function oe(l, r, e, n) {
+  var b, g, u;
+  if (n != null && n.manualTotalCost)
+    return n == null ? void 0 : n.manualTotalCost;
+  const t = (u = (g = (b = n == null ? void 0 : n.supplier) == null ? void 0 : b.supplyItems) == null ? void 0 : g.find(
+    (a) => a.skuId === l._id
+  )) == null ? void 0 : u.defaultCost, o = l.defaultCost ? z(l.unit, l.defaultCost, l.trackingMeasurement) : void 0, s = t ?? o, i = s == null ? void 0 : s.costPerUnit, c = i ? s != null && s.measurement ? +k(i) / +k(s == null ? void 0 : s.measurement.conversion) : +k(i) : void 0, p = c ? e ? c * +k(e.conversion) : c : void 0, f = p ? +k(r) * p : void 0;
+  return f ? {
+    ...B(f ?? 0, 2),
+    currency: V()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: V()
+  };
+}
+function F(l) {
+  return R.parse(l);
+}
+function C(l) {
+  return {
+    _id: l.doc._id,
+    internal: l.type,
+    contactName: l.doc.profile.name,
+    name: l.doc.profile.name ?? "",
+    email: l.doc.profile.email,
+    phoneNumber: l.doc.profile.phoneNo,
+    registrationNumber: l.doc.profile.regNo,
+    address: l.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    }
+  };
+}
+function re(l, r, e = !1, n = !1) {
+  const t = j(), o = H();
+  o.watchLocation(async () => {
+    var v;
+    await t.readSuppliers();
+    const u = l();
+    if ((v = u.supplier) != null && v._id) return;
+    const a = n ? t.suppliers[0] : t.businessSuppliers[0], d = (e ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
+    r({
+      ...u,
+      supplier: a ? F(a) : d ? C(d) : u.supplier
+    });
+  });
+  const s = y(
+    () => {
+      var u, a;
+      return typeof ((a = (u = l()) == null ? void 0 : u.supplier) == null ? void 0 : a.internal) == "string" ? S.TRANSFER : S.PURCHASE;
+    }
+  ), i = y({
+    get() {
+      var u, a;
+      return (a = (u = l()) == null ? void 0 : u.supplier) == null ? void 0 : a._id;
+    },
+    set(u) {
+      const a = l() ?? {};
+      if (s.value === S.PURCHASE) {
+        const _ = (n ? t.suppliers : t.businessSuppliers).find((E) => E._id === u);
+        r({
+          ...a,
+          supplier: _ ? F(_) : a.supplier
+        });
+        return;
+      }
+      const v = (e ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === u);
+      r({
+        ...a,
+        supplier: v ? C(v) : a.supplier
+      });
+    }
+  }), c = y(() => t.locationSuppliers.map(F)), p = y(() => t.businessSuppliers.map(F)), f = y(() => {
+    const u = [...c.value], a = [...p.value];
+    return n ? [...a, ...u] : a;
+  }), L = y(() => {
+    var h;
+    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === I.warehouse;
+    return (e ? o.locations.filter((d) => d.doc._id !== o.currentLocation.doc._id) : o.locations).filter((d) => u || d.acceptRequest).map(C);
+  }), b = y(() => {
+    if (s.value === S.PURCHASE) {
+      const a = c.value.map((d) => ({
+        label: d.name,
+        value: d._id
+      })), h = p.value.map((d) => ({
+        label: d.name,
+        sublabel: "Business supplier",
+        value: d._id
+      }));
+      return n ? [...a, ...h] : h;
+    }
+    return L.value.map((a) => ({
+      label: a.name,
+      sublabel: a.internal ? `${a.internal}` : void 0,
+      value: a._id
+    }));
+  }), g = y(() => {
+    var d, v;
+    const u = (v = (d = l()) == null ? void 0 : d.supplier) == null ? void 0 : v._id;
+    if (s.value === S.PURCHASE) {
+      const m = t.suppliers.find((_) => _._id === u);
+      return m ? F(m) : null;
+    }
+    const h = o.locations.find((m) => m.doc._id);
+    return h ? C(h) : null;
+  });
+  return {
+    transferLocationModel: i,
+    transferLocationOptions: b,
+    locationOptionsTypePurchase: f,
+    locationOptionsTypePurchaseLocationLevel: c,
+    locationOptionsTypeTransfer: L,
+    selectedLocation: g
+  };
+}
+class O {
+  static getDescendantProperty(r, e, n = []) {
+    let t, o, s, i, c, p;
+    if (e) {
+      if (s = e.indexOf("."), s === -1 ? t = e : (t = e.slice(0, s), o = e.slice(s + 1)), i = r[t], i !== null && typeof i < "u")
+        if (!o && (typeof i == "string" || typeof i == "number"))
+          n.push(i);
+        else if (Object.prototype.toString.call(i) === "[object Array]")
+          for (c = 0, p = i.length; c < p; c++)
+            O.getDescendantProperty(i[c], o, n);
+        else o && O.getDescendantProperty(i, o, n);
+    } else
+      n.push(r);
+    return n;
+  }
+}
+class P {
+  constructor(r = [], e = [], n = {}) {
+    Array.isArray(e) || (n = e, e = []), this.haystack = r, this.keys = e, this.options = Object.assign({
+      caseSensitive: !1,
+      sort: !1
+    }, n);
+  }
+  search(r = "") {
+    if (r === "")
+      return this.haystack;
+    const e = [];
+    for (let n = 0; n < this.haystack.length; n++) {
+      const t = this.haystack[n];
+      if (this.keys.length === 0) {
+        const o = P.isMatch(t, r, this.options.caseSensitive);
+        o && e.push({ item: t, score: o });
+      } else
+        for (let o = 0; o < this.keys.length; o++) {
+          const s = O.getDescendantProperty(t, this.keys[o]);
+          let i = !1;
+          for (let c = 0; c < s.length; c++) {
+            const p = P.isMatch(s[c], r, this.options.caseSensitive);
+            if (p) {
+              i = !0, e.push({ item: t, score: p });
+              break;
+            }
+          }
+          if (i)
+            break;
+        }
+    }
+    return this.options.sort && e.sort((n, t) => n.score - t.score), e.map((n) => n.item);
+  }
+  static isMatch(r, e, n) {
+    r = String(r), e = String(e), n || (r = r.toLocaleLowerCase(), e = e.toLocaleLowerCase());
+    const t = P.nearestIndexesFor(r, e);
+    return t ? r === e ? 1 : t.length > 1 ? 2 + (t[t.length - 1] - t[0]) : 2 + t[0] : !1;
+  }
+  static nearestIndexesFor(r, e) {
+    const n = e.split("");
+    let t = [];
+    return P.indexesOfFirstLetter(r, e).forEach((s, i) => {
+      let c = s + 1;
+      t[i] = [s];
+      for (let p = 1; p < n.length; p++) {
+        const f = n[p];
+        if (c = r.indexOf(f, c), c === -1) {
+          t[i] = !1;
+          break;
+        }
+        t[i].push(c), c++;
+      }
+    }), t = t.filter((s) => s !== !1), t.length ? t.sort((s, i) => s.length === 1 ? s[0] - i[0] : (s = s[s.length - 1] - s[0], i = i[i.length - 1] - i[0], s - i))[0] : !1;
+  }
+  static indexesOfFirstLetter(r, e) {
+    const n = e[0];
+    return r.split("").map((t, o) => t !== n ? !1 : o).filter((t) => t !== !1);
+  }
+}
+const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, ie = /* @__PURE__ */ $({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ W({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(l) {
+    const r = l, e = J(l, "search"), n = y(
+      () => new P(r.items, ["label", "sublabel"], r.options)
+    ), t = y(() => n.value.search(e.value));
+    return (o, s) => {
+      const i = x("FmButton"), c = x("FmTextField"), p = x("FmMenuItem");
+      return T(), A("div", {
+        class: "relative",
+        style: K({ maxHeight: `${o.maxHeight}px`, width: o.width })
+      }, [
+        N("div", G, [
+          Q(c, {
+            modelValue: e.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (f) => e.value = f),
+            placeholder: "Filter options"
+          }, {
+            append: X(() => [
+              e.value ? (T(), U(i, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: s[0] || (s[0] = (f) => e.value = "")
+              })) : D("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        N("div", q, [
+          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), U(p, {
+            key: L,
+            label: f.label,
+            sublabel: f.sublabel,
+            "model-value": w(M)(o.modelValue, f.value),
+            onClick: () => o.handleItemChange(w(M)(o.modelValue, f.value), f),
+            onVnodeMounted: (b) => {
+              var g;
+              return w(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          t.value.length ? D("", !0) : (T(), U(p, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  ie as _,
+  oe as c,
+  re as u
+};