@feedmepos/mf-inventory-portal 1.2.30-dev.1 → 1.2.31-dev.1

package/dist/FmDroppableField-J0xUsOTV.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 { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const G = {
+  key: 0,
+  class: "relative"
+}, H = ["accept", "disabled"], J = { class: "flex flex-col gap-8" }, K = ["accept", "disabled"], M = /* @__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 * 1024 * 1024, 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", G, [
+          p("input", {
+            accept: e.accept,
+            disabled: e.disabled,
+            class: "fm-droppable-field__input",
+            type: "file",
+            onChange: _
+          }, null, 40, H)
+        ])) : 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", J, [
+            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, K)
+          ], 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__ */ q(M, [["__scopeId", "data-v-2937afd0"]]);
+export {
+  Z as F
+};

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-cuggJ5Xd.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-16r_hkBE.js}

@@ -1,54 +1,56 @@
-import { n as C, t as B, aB as M, u as E, aN as R, aX as D, p as H, aY as U } from "./app-CnQ49Lyb.js";
-import { u as z } from "./supplier-CgtB1I9I.js";
-import { P as T } from "./format-unit-display-ivAljvlo.js";
-import { computed as f, defineComponent as j, mergeModels as q, useModel as x, ref as W, resolveComponent as w, openBlock as L, createElementBlock as O, normalizeStyle as $, createElementVNode as N, createVNode as X, withCtx as Y, createBlock as V, createCommentVNode as I, Fragment as J, renderList as K, unref as g } from "vue";
-function Q(e, a, r) {
+import { G as g, u as E, K as R, M as B, x as U } from "./app-DYsP0gKj.js";
+import { a as C, t as D } from "./rules-BiaGzhvQ.js";
+import { u as H } from "./supplier-Dxb5ULjF.js";
+import { P as T } from "./format-unit-display-C2P3mS8l.js";
+import { computed as f, defineComponent as z, mergeModels as x, useModel as j, ref as q, resolveComponent as w, openBlock as L, createElementBlock as O, normalizeStyle as W, createElementVNode as I, createVNode as $, withCtx as K, createBlock as M, createCommentVNode as N, Fragment as J, renderList as Q, unref as V } from "vue";
+import { F as X } from "./FmMultiselectDialog-BGhSjgbj.js";
+function Y(e, r, a) {
   var o;
-  if (!!a.measurement === !!r && ((o = a.measurement) == null ? void 0 : o.id) === r)
-    return a;
-  if (!r)
+  if (!!r.measurement === !!a && ((o = r.measurement) == null ? void 0 : o.id) === a)
+    return r;
+  if (!a)
     return {
-      costPerUnit: a.costPerUnit
+      costPerUnit: r.costPerUnit
     };
-  const n = e.measurements.find((p) => p.id === r);
+  const n = e.measurements.find((p) => p.id === a);
   return n ? {
-    costPerUnit: a.costPerUnit,
+    costPerUnit: r.costPerUnit,
     measurement: n
   } : {
-    costPerUnit: a.costPerUnit
+    costPerUnit: r.costPerUnit
   };
 }
-function oe(e, a, r, u) {
+function re(e, r, a, u) {
   var P, _, s;
-  const l = (s = (_ = (P = u == null ? void 0 : u.supplier) == null ? void 0 : P.supplyItems) == null ? void 0 : _.find(
+  const i = (s = (_ = (P = u == null ? void 0 : u.supplier) == null ? void 0 : P.supplyItems) == null ? void 0 : _.find(
     (t) => t.skuId === e._id
   )) == null ? void 0 : s.defaultCost;
   if (u != null && u.manualTotalCost)
     return {
       cost: u.manualTotalCost,
       skuDefaultCost: e.defaultCost ?? void 0,
-      supplierOverrideCost: l ?? void 0
+      supplierOverrideCost: i ?? void 0
     };
-  const n = e.defaultCost ? Q(e.unit, e.defaultCost, e.trackingMeasurement) : void 0, o = l ?? n, p = o == null ? void 0 : o.costPerUnit, v = p ? o != null && o.measurement ? +C(p) / +C(o == null ? void 0 : o.measurement.conversion) : +C(p) : void 0, b = v ? r ? v * +C(r.conversion) : v : void 0, h = b ? +C(a) * b : void 0;
+  const n = e.defaultCost ? Y(e.unit, e.defaultCost, e.trackingMeasurement) : void 0, o = i ?? n, p = o == null ? void 0 : o.costPerUnit, v = p ? o != null && o.measurement ? +C(p) / +C(o == null ? void 0 : o.measurement.conversion) : +C(p) : void 0, b = v ? a ? v * +C(a.conversion) : v : void 0, h = b ? +C(r) * b : void 0;
   return {
     cost: h ? {
-      ...B(h ?? 0, 2),
-      currency: M()
+      ...D(h ?? 0, 2),
+      currency: g()
     } : {
       amount: 0,
       precision: 0,
-      currency: M()
+      currency: g()
     },
     skuDefaultCost: e.defaultCost ?? void 0,
-    supplierOverrideCost: l ?? void 0
+    supplierOverrideCost: i ?? void 0
   };
 }
 function k(e) {
-  const a = D.safeParse(e);
-  if (a.success) return a.data;
+  const r = B.safeParse(e);
+  if (r.success) return r.data;
   throw new Error("Invalid supplier data");
 }
-function F(e) {
+function S(e) {
   return {
     _id: e.doc._id,
     internal: e.type,
@@ -67,17 +69,17 @@ function F(e) {
     preparationTime: e.preparationTime
   };
 }
-function ne(e, a, r = !1, u = !1) {
-  const l = z(), n = E();
+function ae(e, r, a = !1, u = !1) {
+  const i = H(), n = E();
   n.watchLocation(async () => {
     var y;
-    await l.readSuppliers();
+    await i.readSuppliers();
     const s = e();
     if ((y = s.supplier) != null && y._id) return;
-    const t = u ? l.suppliers[0] : l.businessSuppliers[0], i = (r ? n.locations.filter((d) => d.doc._id !== n.currentLocation.doc._id) : n.locations)[0];
-    a({
+    const t = u ? i.suppliers[0] : i.businessSuppliers[0], l = (a ? n.locations.filter((d) => d.doc._id !== n.currentLocation.doc._id) : n.locations)[0];
+    r({
       ...s,
-      supplier: t ? k(t) : i ? F(i) : s.supplier
+      supplier: t ? k(t) : l ? S(l) : s.supplier
     });
   });
   const o = f(
@@ -93,39 +95,39 @@ function ne(e, a, r = !1, u = !1) {
     set(s) {
       const t = e() ?? {};
       if (o.value === T.PURCHASE) {
-        const S = (u ? l.suppliers : l.businessSuppliers).find((A) => A._id === s);
-        a({
+        const F = (u ? i.suppliers : i.businessSuppliers).find((A) => A._id === s);
+        r({
           ...t,
-          supplier: S ? k(S) : t.supplier
+          supplier: F ? k(F) : t.supplier
         });
         return;
       }
-      const y = (r ? n.allLocations.filter(
+      const y = (a ? n.allLocations.filter(
         (d) => d.doc._id !== n.currentLocation.doc._id
       ) : n.allLocations).find((d) => d.doc._id === s);
-      a({
+      r({
         ...t,
-        supplier: y ? F(y) : t.supplier
+        supplier: y ? S(y) : t.supplier
       });
     }
-  }), v = f(() => l.locationSuppliers.map(k)), b = f(() => l.businessSuppliers.map(k)), h = f(() => {
+  }), v = f(() => i.locationSuppliers.map(k)), b = f(() => i.businessSuppliers.map(k)), h = f(() => {
     const s = [...v.value], t = [...b.value];
     return u ? [...t, ...s] : t;
   }), c = f(() => {
     var m;
     const s = ((m = n._currentLocation) == null ? void 0 : m.type) === R.warehouse;
-    return (r ? n.allLocations.filter(
-      (i) => i.doc._id !== n.currentLocation.doc._id
-    ) : n.allLocations).filter((i) => s || i.acceptRequest).map(F);
+    return (a ? n.allLocations.filter(
+      (l) => l.doc._id !== n.currentLocation.doc._id
+    ) : n.allLocations).filter((l) => s || l.acceptRequest).map(S);
   }), P = f(() => {
     if (o.value === T.PURCHASE) {
-      const t = v.value.map((i) => ({
-        label: i.name,
-        value: i._id
-      })), m = b.value.map((i) => ({
-        label: i.name,
+      const t = v.value.map((l) => ({
+        label: l.name,
+        value: l._id
+      })), m = b.value.map((l) => ({
+        label: l.name,
         sublabel: "Business supplier",
-        value: i._id
+        value: l._id
       }));
       return u ? [...t, ...m] : m;
     }
@@ -135,14 +137,14 @@ function ne(e, a, r = !1, u = !1) {
       value: t._id
     }));
   }), _ = f(() => {
-    var i, y;
-    const s = (y = (i = e()) == null ? void 0 : i.supplier) == null ? void 0 : y._id;
+    var l, y;
+    const s = (y = (l = e()) == null ? void 0 : l.supplier) == null ? void 0 : y._id;
     if (o.value === T.PURCHASE) {
-      const d = l.suppliers.find((S) => S._id === s);
+      const d = i.suppliers.find((F) => F._id === s);
       return d ? k(d) : null;
     }
     const m = n.allLocations.find((d) => d.doc._id);
-    return m ? F(m) : null;
+    return m ? S(m) : null;
   });
   return {
     transferLocationModel: p,
@@ -153,9 +155,9 @@ function ne(e, a, r = !1, u = !1) {
     selectedLocation: _
   };
 }
-const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
+const Z = { class: "overflow-y-auto h-full pb-8" }, ie = /* @__PURE__ */ z({
   __name: "FmFilterableMenuOptions",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ x({
     modelValue: {},
     maxHeight: {},
     width: {},
@@ -168,52 +170,52 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
   }),
   emits: ["update:search"],
   setup(e) {
-    const a = e, r = x(e, "search"), u = f(
-      () => new H(a.items, ["label", "sublabel"], {
+    const r = e, a = j(e, "search"), u = f(
+      () => new X(r.items, ["label", "sublabel"], {
         caseSensitive: !1,
         sort: !0
       })
-    ), l = f(() => u.value.search(r.value)), n = W();
+    ), i = f(() => u.value.search(a.value)), n = q();
     return console.log({ stickyRef: n }), (o, p) => {
       const v = w("FmButton"), b = w("FmTextField"), h = w("FmMenuItem");
       return L(), O("div", {
         class: "relative",
-        style: $({ width: o.width })
+        style: W({ width: o.width })
       }, [
-        N("div", {
+        I("div", {
           class: "sticky top-0 bg-white mb-8",
           ref_key: "stickyRef",
           ref: n
         }, [
-          X(b, {
-            modelValue: r.value,
-            "onUpdate:modelValue": p[1] || (p[1] = (c) => r.value = c),
+          $(b, {
+            modelValue: a.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (c) => a.value = c),
             placeholder: "Filter options"
           }, {
-            append: Y(() => [
-              r.value ? (L(), V(v, {
+            append: K(() => [
+              a.value ? (L(), M(v, {
                 key: 0,
                 variant: "tertiary",
                 "prepend-icon": "close",
-                onClick: p[0] || (p[0] = (c) => r.value = "")
-              })) : I("", !0)
+                onClick: p[0] || (p[0] = (c) => a.value = "")
+              })) : N("", !0)
             ]),
             _: 1
           }, 8, ["modelValue"])
         ], 512),
-        N("div", Z, [
-          (L(!0), O(J, null, K(l.value, (c, P) => (L(), V(h, {
+        I("div", Z, [
+          (L(!0), O(J, null, Q(i.value, (c, P) => (L(), M(h, {
             key: P,
             label: c.label,
             sublabel: c.sublabel,
-            "model-value": g(U)(o.modelValue, c.value),
-            onClick: () => o.handleItemChange(g(U)(o.modelValue, c.value), c),
+            "model-value": V(U)(o.modelValue, c.value),
+            onClick: () => o.handleItemChange(V(U)(o.modelValue, c.value), c),
             onVnodeMounted: (_) => {
               var s, t;
-              return g(U)(o.modelValue, c.value) && ((s = _.el) == null || s.scrollIntoView({ behavior: "instant", block: "end" }), (t = _.el) == null || t.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+              return V(U)(o.modelValue, c.value) && ((s = _.el) == null || s.scrollIntoView({ behavior: "instant", block: "end" }), (t = _.el) == null || t.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
             }
           }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
-          l.value.length ? I("", !0) : (L(), V(h, {
+          i.value.length ? N("", !0) : (L(), M(h, {
             key: 0,
             disabled: "",
             label: "No options available"
@@ -224,7 +226,7 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
   }
 });
 export {
-  ae as _,
-  oe as c,
-  ne as u
+  ie as _,
+  re as c,
+  ae as u
 };