@feedmepos/mf-inventory-portal 0.0.22-dev.36 → 0.0.22-dev.38

package/dist/{ApprovalView-av_qng0N.js → ApprovalView-B1EiHn4f.js}

@@ -1,7 +1,7 @@
 import { defineComponent as ee, ref as h, watch as te, computed as U, resolveComponent as ae, openBlock as g, createBlock as G, unref as e, withCtx as b, createElementVNode as s, normalizeClass as oe, createVNode as n, normalizeStyle as re, toDisplayString as ne, createElementBlock as se, createCommentVNode as le, Teleport as ie, mergeProps as ce } from "vue";
-import { ab as f, P as J, j as pe } from "./app-Iz-opVBA.js";
-import { b as ue, u as me, _ as de, a as fe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DqOb7e4M.js";
-import { a as _e, b as ve, _ as De } from "./TransferDetails.vue_vue_type_script_setup_true_lang-BzJ8TnL_.js";
+import { i as pe, ag as f, V as J } from "./app-BGqgEJv-.js";
+import { b as ue, u as me, _ as de, a as fe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DSQW1Ayz.js";
+import { a as _e, b as ve, _ as De } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CacJUhOj.js";
 import { _ as he, F as _ } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
 import { useBreakpoints as ge } from "@feedmepos/ui-library";
 import { useI18n as be } from "@feedmepos/mf-common";
@@ -75,7 +75,7 @@ const xe = { class: "flex flex-col py-8" }, ye = { class: "fm-typo-en-body-md-40
                   onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
                 }, {
                   default: b((t) => {
-                    var R, k, O, i, S, T, C, z, c, F, M, p, $, u, V, Y, j, q, L, m, N, P, E, A, d, H;
+                    var R, k, O, i, S, T, C, z, c, F, M, p, V, u, $, Y, q, L, N, m, j, E, P, A, d, H;
                     return [
                       s("div", xe, [
                         s("div", ye, [
@@ -90,16 +90,16 @@ const xe = { class: "flex flex-col py-8" }, ye = { class: "fm-typo-en-body-md-40
                             props: (F = (c = t.to_name) == null ? void 0 : c.getContext) == null ? void 0 : F.call(c)
                           }, null, 8, ["render", "props"])
                         ]),
-                        s("div", Re, ne((V = (u = ($ = (p = (M = r.original.purchaseOrder) == null ? void 0 : M.items) == null ? void 0 : p.map) == null ? void 0 : $.call(p, (I) => `${I.name}`)) == null ? void 0 : u.join) == null ? void 0 : V.call(u, ", ")), 1),
+                        s("div", Re, ne(($ = (u = (V = (p = (M = r.original.purchaseOrder) == null ? void 0 : M.items) == null ? void 0 : p.map) == null ? void 0 : V.call(p, (I) => `${I.name}`)) == null ? void 0 : u.join) == null ? void 0 : $.call(u, ", ")), 1),
                         (Y = r.original.purchaseOrder) != null && Y.ref ? (g(), se("div", ke, [
                           n(e(_), {
-                            render: (L = (q = (j = t.purchaseOrder_ref) == null ? void 0 : j.column) == null ? void 0 : q.columnDef) == null ? void 0 : L.cell,
-                            props: (N = (m = t.purchaseOrder_ref) == null ? void 0 : m.getContext) == null ? void 0 : N.call(m)
+                            render: (N = (L = (q = t.purchaseOrder_ref) == null ? void 0 : q.column) == null ? void 0 : L.columnDef) == null ? void 0 : N.cell,
+                            props: (j = (m = t.purchaseOrder_ref) == null ? void 0 : m.getContext) == null ? void 0 : j.call(m)
                           }, null, 8, ["render", "props"])
                         ])) : le("", !0),
                         s("div", Oe, [
                           n(e(_), {
-                            render: (A = (E = (P = t.purchaseOrder_status) == null ? void 0 : P.column) == null ? void 0 : E.columnDef) == null ? void 0 : A.cell,
+                            render: (A = (P = (E = t.purchaseOrder_status) == null ? void 0 : E.column) == null ? void 0 : P.columnDef) == null ? void 0 : A.cell,
                             props: (H = (d = t.purchaseOrder_status) == null ? void 0 : d.getContext) == null ? void 0 : H.call(d)
                           }, null, 8, ["render", "props"])
                         ])

package/dist/{BindingsDialog-VZ6YelwP.js → BindingsDialog-DmYWCMdc.js}

@@ -1,5 +1,5 @@
-import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as d, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { u as V, ar as L, _ as S } from "./app-Iz-opVBA.js";
+import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
+import { u as V, av as L, _ as S } from "./app-BGqgEJv-.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
@@ -9,10 +9,10 @@ const U = {
 }, A = /* @__PURE__ */ C({
   __name: "BindingsDialog",
   setup(N) {
-    const p = V(), u = o(!0), s = o(new Array()), c = o(), t = L(y);
+    const p = V(), d = o(!0), s = o(new Array()), u = o(), t = L(y);
     async function y() {
-      await p.readInventory(), c.value = t.onMessage("props:inventory-bindings", (e) => {
-        u.value = !1, s.value = e;
+      await p.readInventory(), u.value = t.onMessage("props:inventory-bindings", (e) => {
+        d.value = !1, s.value = e;
       }).onMessage("props:inventory-bindings:validate", () => {
         var e;
         (e = f.value) == null || e.validateInputs();
@@ -36,7 +36,7 @@ const U = {
       }).observe(e);
     }), F(() => {
       var e, n;
-      (n = (e = c.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
+      (n = (e = u.value) == null ? void 0 : e.removeEventListener) == null || n.call(e);
     }), x([() => s.value], ([e]) => {
       t.sendMessage("@update:inventory-bindings", e);
     });
@@ -47,12 +47,12 @@ const U = {
     const f = o();
     return (e, n) => {
       const g = l("FmButton"), B = l("FmForm"), h = l("FmCircularProgress");
-      return i(), d("div", {
+      return i(), c("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
         ref: m
       }, [
-        u.value ? (i(), d("div", E, [
+        d.value ? (i(), c("div", E, [
           a(h, { size: "md" }),
           n[2] || (n[2] = P("div", null, "Loading bindings dialog...", -1))
         ])) : (i(), I(B, {
@@ -69,7 +69,7 @@ const U = {
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),
-            r.value ? z("", !0) : (i(), d("div", U, [
+            r.value ? z("", !0) : (i(), c("div", U, [
               a(g, {
                 type: "button",
                 variant: "tertiary",

package/dist/{BindingsPicker-BFYv2ftI.js → BindingsPicker-B35A7Px5.js}

@@ -1,5 +1,5 @@
-import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { u as M, ar as x, z } from "./app-Iz-opVBA.js";
+import { defineComponent as S, computed as u, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as r, createElementVNode as k } from "vue";
+import { u as M, av as x, y as z } from "./app-BGqgEJv-.js";
 const F = {
   key: 0,
   class: "flex flex-col gap-16"
@@ -9,14 +9,14 @@ const F = {
 }, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
   setup(L) {
-    const d = M(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+    const d = M(), C = u(() => d.recipes), I = u(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = u(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
     })) : C.value.map((s) => ({
       label: s.name,
       value: s
-    }))), b = r({
+    }))), b = u({
       get() {
         if (a.value === "SKU") {
           const e = i.value.filter((n) => n.type === "SKU");
@@ -31,7 +31,7 @@ const F = {
           const s = i.value.filter((n) => n.type === "SKU");
           e = e, i.value = [
             ...e.map((n) => {
-              const t = i.value.find((v) => v.id === n._id);
+              const t = i.value.find((m) => m.id === n._id);
               return t || {
                 type: "RECIPE",
                 id: n._id,
@@ -49,7 +49,7 @@ const F = {
           i.value = [
             ...s,
             ...e.map((n) => {
-              const t = i.value.find((v) => v.id === n._id);
+              const t = i.value.find((m) => m.id === n._id);
               return t || {
                 type: "SKU",
                 id: n._id,
@@ -62,9 +62,9 @@ const F = {
           ];
         }
       }
-    }), _ = l(), o = x(B);
+    }), y = l(), o = x(B);
     async function B() {
-      await d.readInventory(), _.value = o.onMessage(
+      await d.readInventory(), y.value = o.onMessage(
         "props:binding-items",
         (e) => {
           g.value = !1, a.value = e.type, i.value = e.bindings;
@@ -77,38 +77,38 @@ const F = {
     function R() {
       o.sendMessage("@submit:items", i.value);
     }
-    const y = l();
+    const _ = l();
     return U(() => {
-      const e = y.value;
+      const e = _.value;
       e && new ResizeObserver(() => {
         o.sendMessage("resize", e.scrollHeight);
       }).observe(e);
     }), V(() => {
       var e, s;
-      (s = (e = _.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
+      (s = (e = y.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
     }), (e, s) => {
       const n = E("FmButton"), t = E("FmCircularProgress");
       return p(), f("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
-        ref: y
+        ref: _
       }, [
         g.value ? (p(), f("div", w, [
-          u(t, { size: "md" }),
+          r(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
         ])) : (p(), f("div", F, [
-          u(z, {
+          r(z, {
             "model-value": b.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
+            "onUpdate:modelValue": s[0] || (s[0] = (v) => b.value = v),
             items: c.value
           }, null, 8, ["model-value", "items"]),
           k("div", K, [
-            u(n, {
+            r(n, {
               variant: "tertiary",
               label: "Close",
               onClick: P
             }),
-            u(n, {
+            r(n, {
               label: "Submit",
               onClick: R
             })

package/dist/{BindingsTable-DFowW8vT.js → BindingsTable-CtN6XTmL.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as c, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
-import { k as v, u as E, ar as L } from "./app-Iz-opVBA.js";
+import { j as v, u as E, av as L } from "./app-BGqgEJv-.js";
 import { components as F } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
 const P = /* @__PURE__ */ _({

package/dist/{ClosingTemplateView-DNcgyBVw.js → ClosingTemplateView-Ch8hg35a.js}

@@ -1,15 +1,15 @@
 import { ref as F, h as x, computed as P, defineComponent as Y, openBlock as k, createElementBlock as S, createElementVNode as f, toDisplayString as I, createVNode as _, unref as c, Fragment as _e, renderList as Ce, resolveComponent as V, createBlock as B, withCtx as R, watch as Me, isRef as Pe, createTextVNode as ve, normalizeClass as Fe, normalizeStyle as Se, Teleport as Ae, normalizeProps as Ve, guardReactiveProps as Ie, mergeProps as Re } from "vue";
-import { u as Ue, _ as Ee, a as ze } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DqOb7e4M.js";
+import { u as Ue, _ as Ee, a as ze } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DSQW1Ayz.js";
 import { useCoreStore as Ne, useI18n as J } from "@feedmepos/mf-common";
-import { useDialog as Q, useSnackbar as W, FmButtonVariant as be, components as U, useProxiedModel as Be, useBreakpoints as Le } from "@feedmepos/ui-library";
+import { useDialog as X, useSnackbar as Q, FmButtonVariant as be, components as U, useProxiedModel as Be, useBreakpoints as Le } from "@feedmepos/ui-library";
 import { defineStore as we, storeToRefs as Ye } from "pinia";
 import { F as E, D as ye, R as z } from "./row-action.enum-PMKMRrZR.js";
-import { o as je, c as xe, j as ke, u as Ke, R as Ge, A as He, z as Je, i as qe, T as he } from "./app-Iz-opVBA.js";
+import { n as je, c as xe, i as ke, u as Ke, R as Ge, A as He, y as Je, X as qe, Y as he } from "./app-BGqgEJv-.js";
 import { c as Oe, F as N, _ as Te } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { f as Qe } from "./format-time-from-id-e9QU46u4.js";
+import { f as Xe } from "./format-time-from-id-DkB5tphe.js";
 import "vue-router";
-import { d as We } from "./defineDeepModel-CDrYKSnU.js";
-import { u as Xe } from "./use-template-enabled-locations-2-BSLLHtkm.js";
+import { d as Qe } from "./defineDeepModel-C4ebJegy.js";
+import { u as We } from "./use-template-enabled-locations-2-CYsM7ABF.js";
 const q = je((m, g) => {
   function v() {
     var s;
@@ -46,7 +46,7 @@ const q = je((m, g) => {
     }
   };
 }), O = we("closingTemplateActions", () => {
-  const m = Q(), g = W(), v = q(), t = F({});
+  const m = X(), g = Q(), v = q(), t = F({});
   function o() {
     t.value = {
       mode: E.CREATE,
@@ -181,7 +181,7 @@ const q = je((m, g) => {
           accessorKey: "_id",
           header: () => g("inventory.closing.table.createdAt"),
           cell(e) {
-            return Qe(`${e.getValue()}`);
+            return Xe(`${e.getValue()}`);
           },
           enableSorting: !0
         },
@@ -525,11 +525,11 @@ const et = { class: "flex flex-col gap-16 py-12" }, tt = { class: "flex" }, st =
     disabled: { type: Boolean }
   },
   setup(m, { expose: g }) {
-    const v = m, t = We(), { t: o } = J(), s = Ke(), b = Q(), {
+    const v = m, t = Qe(), { t: o } = J(), s = Ke(), b = X(), {
       promptSelectLocations: n,
       columnDefs: r,
       rowData: d
-    } = Xe({
+    } = We({
       getLocations() {
         return t.locations;
       },
@@ -704,7 +704,7 @@ const et = { class: "flex flex-col gap-16 py-12" }, tt = { class: "flex" }, st =
   emits: ["update:show", "submitted"],
   setup(m, { expose: g, emit: v }) {
     var C;
-    const t = m, o = v, s = q(), b = W(), { t: n } = J(), r = Be(t, "show");
+    const t = m, o = v, s = q(), b = Q(), { t: n } = J(), r = Be(t, "show");
     function d() {
       return {
         _id: "",
@@ -861,7 +861,7 @@ const wt = /* @__PURE__ */ qe(ht, [["render", _t]]), xt = { class: "flex flex-co
   __name: "ClosingTemplatePublish",
   emits: ["close"],
   setup(m, { emit: g }) {
-    const v = F(!1), t = W(), o = q(), s = De(), b = g;
+    const v = F(!1), t = Q(), o = q(), s = De(), b = g;
     async function n() {
       v.value = !0;
       try {
@@ -926,7 +926,7 @@ const wt = /* @__PURE__ */ qe(ht, [["render", _t]]), xt = { class: "flex flex-co
 }), Ft = { class: "flex-1 flex flex-col gap-8" }, St = { class: "flex flex-col" }, At = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, It = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Rt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, qt = /* @__PURE__ */ Y({
   __name: "ClosingTemplateView",
   setup(m) {
-    const { t: g } = J(), { createTemplate: v, updateTemplate: t } = O(), { templateDialogProps: o, templateDetailsProps: s } = Ye(O()), b = ke(), n = Q(), r = De(), d = Ue(), { breakpoints: u } = Le();
+    const { t: g } = J(), { createTemplate: v, updateTemplate: t } = O(), { templateDialogProps: o, templateDetailsProps: s } = Ye(O()), b = ke(), n = X(), r = De(), d = Ue(), { breakpoints: u } = Le();
     b.watchLocation(r.fetchTemplates);
     const y = P(() => r.loading), p = F(""), w = P(() => u.value.xs || u.value.sm), e = P(() => w.value ? 10 : 20);
     function l(a) {
@@ -1011,13 +1011,13 @@ const wt = /* @__PURE__ */ qe(ht, [["render", _t]]), xt = { class: "flex flex-co
                     onRowClick: (T) => c(t)(T)
                   }, {
                     default: R((T) => {
-                      var X, Z, ee, j, te, se, le, oe, K, ne, ae, ie, re, ce, ue, G, de, me, pe, fe, H, ge;
+                      var W, Z, ee, j, te, se, le, oe, K, ne, ae, ie, re, ce, ue, G, de, me, pe, fe, H, ge;
                       return [
                         f("div", Ft, [
                           f("div", St, [
                             f("div", At, [
                               _(c(N), {
-                                render: (ee = (Z = (X = T._id) == null ? void 0 : X.column) == null ? void 0 : Z.columnDef) == null ? void 0 : ee.cell,
+                                render: (ee = (Z = (W = T._id) == null ? void 0 : W.column) == null ? void 0 : Z.columnDef) == null ? void 0 : ee.cell,
                                 props: (te = (j = T._id) == null ? void 0 : j.getContext) == null ? void 0 : te.call(j)
                               }, null, 8, ["render", "props"])
                             ]),

package/dist/FmDroppableField-DK78vkN3.js

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