@feedmepos/mf-inventory-portal 0.0.22-dev.5 → 0.0.22-dev.50

package/dist/FmDroppableField-DwZ6ujPh.js

@@ -0,0 +1,154 @@
+import { defineComponent as U, ref as d, computed as y, resolveComponent as k, openBlock as s, createElementBlock as c, createElementVNode as p, createCommentVNode as S, renderSlot as u, createBlock as C, normalizeClass as f, toDisplayString as F, unref as B } from "vue";
+import { useI18n as W } from "@feedmepos/mf-common";
+import { X } from "./app-B4pi48sM.js";
+const q = {
+  key: 0,
+  class: "relative"
+}, G = ["accept", "disabled"], H = { class: "flex flex-col gap-8" }, J = ["accept", "disabled"], K = /* @__PURE__ */ U({
+  __name: "FmDroppableField",
+  props: {
+    buttonLabel: {},
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    accept: { default: "" },
+    maxFileSize: { default: 8e6 },
+    contentClass: {}
+  },
+  emits: ["file-upload", "file-rejected"],
+  setup(T, { emit: V }) {
+    const l = T, g = V, { t: r } = W(), t = d(!1), i = d(null), n = d(null), m = d(), R = (e) => {
+      l.disabled || (e.stopPropagation(), e.preventDefault());
+    }, $ = (e) => {
+      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !0);
+    }, j = (e) => {
+      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !1);
+    }, E = (e) => {
+      var a;
+      l.disabled || (e.stopPropagation(), e.preventDefault(), t.value = !1, h((a = e.dataTransfer) == null ? void 0 : a.files));
+    };
+    function h(e) {
+      if (e)
+        if (m.value = e, i.value = I(e[0]), n.value = P(e[0]), i.value && n.value)
+          g("file-upload", e[0]);
+        else {
+          const a = L();
+          g("file-rejected", [
+            {
+              file: e[0],
+              reason: a
+            }
+          ]);
+        }
+    }
+    const L = () => {
+      const e = new Array();
+      return i.value || e.push("invalid-type"), n.value || e.push("invalid-size"), e;
+    }, I = (e) => {
+      if (!l.accept) return !0;
+      const a = l.accept.split(",").map((o) => o.trim());
+      for (const o of a)
+        if (w(o)) {
+          if (D(o) === D(e.type)) return !0;
+        } else if (A(e) === o || e.type === o) return !0;
+      return !1;
+    }, P = (e) => e.size <= l.maxFileSize, w = (e) => e.indexOf("*") !== -1, A = (e) => "." + e.name.split(".").pop(), D = (e) => e.substring(0, e.indexOf("/")), O = y(() => {
+      if (t.value) return r("inventory.formField.dropField.dropToUpload");
+      if (i.value) {
+        if (!n.value)
+          return r("inventory.formField.dropField.fileSizeExceeded", { size: l.maxFileSize });
+      } else return r("inventory.formField.dropField.invalidFileType");
+      return "";
+    }), v = y(() => m.value ? !i.value || !n.value : !1), _ = (e) => {
+      const a = e.target;
+      h(a.files);
+    }, N = y(() => {
+      var e;
+      return (e = m.value) == null ? void 0 : e.item(0);
+    }), b = d();
+    return (e, a) => {
+      const o = k("FmLabel"), x = k("FmButton");
+      return s(), c("label", {
+        class: "fm-droppable-field",
+        ref_key: "fmButtonRef",
+        ref: b
+      }, [
+        e.$slots.default ? (s(), c("div", q, [
+          p("input", {
+            accept: e.accept,
+            disabled: e.disabled,
+            class: "fm-droppable-field__input",
+            type: "file",
+            onChange: _
+          }, null, 40, G)
+        ])) : S("", !0),
+        u(e.$slots, "default", {
+          isDragging: t.value,
+          isValidFileType: i.value,
+          isValidFileSize: n.value,
+          singleValidFile: N.value,
+          openFileDialog: () => {
+            var z;
+            return console.log("click", b.value), (z = b.value) == null ? void 0 : z.click();
+          }
+        }, () => [
+          p("div", H, [
+            e.$slots.label ? u(e.$slots, "label", { key: 0 }, void 0, !0) : (s(), C(o, {
+              key: 1,
+              label: e.label
+            }, null, 8, ["label"]))
+          ]),
+          p("div", {
+            class: f([[
+              e.contentClass ? e.contentClass : "w-full h-full",
+              {
+                "fm-droppable-field__container--dragging": t.value,
+                "fm-droppable-field__container--invalid": v.value && !e.disabled,
+                "fm-droppable-field__container--disabled": e.disabled
+              }
+            ], "fm-droppable-field__container"]),
+            onDragenter: R,
+            onDragleave: j,
+            onDragover: $,
+            onDrop: E
+          }, [
+            (t.value || v.value) && !e.disabled ? (s(), c("div", {
+              key: 0,
+              class: f({
+                "fm-typo-en-body-lg-600": !0,
+                "text-fm-color-primary": t.value,
+                "text-fm-color-typo-error": v.value
+              })
+            }, F(O.value), 3)) : (s(), C(x, {
+              key: 1,
+              disabled: e.disabled,
+              label: e.buttonLabel ?? "Add files",
+              size: "md",
+              variant: "secondary"
+            }, null, 8, ["disabled", "label"])),
+            u(e.$slots, "accept-text", {}, () => [
+              l.accept ? (s(), c("div", {
+                key: 0,
+                class: f([[e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-md-400"])
+              }, F(B(r)("inventory.formField.dropField.accepts", { fileTypes: e.accept })), 3)) : S("", !0)
+            ], !0),
+            p("input", {
+              accept: e.accept,
+              disabled: e.disabled,
+              class: "fm-droppable-field__input",
+              type: "file",
+              onChange: _
+            }, null, 40, J)
+          ], 34),
+          u(e.$slots, "helper-text", {}, () => [
+            p("div", {
+              class: f([[e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-sm-400"])
+            }, F(B(r)("inventory.formField.dropField.maxSize", { size: e.maxFileSize })), 3)
+          ], !0)
+        ], !0)
+      ], 512);
+    };
+  }
+}), Z = /* @__PURE__ */ X(K, [["__scopeId", "data-v-e121b2c1"]]);
+export {
+  Z as F
+};

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DpCoW_-F.js

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