@feedmepos/mf-inventory-portal 0.0.25-dev.8 → 0.0.25-dev.9

package/dist/FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js

@@ -0,0 +1,34 @@
+import { defineComponent as m, computed as a, openBlock as p, createElementBlock as d, createElementVNode as c, createVNode as f, unref as l, isRef as v, createCommentVNode as y } from "vue";
+import { useProxiedModel as V } from "@feedmepos/ui-library";
+import { useCoreStore as g, CustomAttributesForm as C } from "@feedmepos/mf-common";
+const S = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, x = /* @__PURE__ */ m({
+  __name: "FmCustomAttribute",
+  props: {
+    entity: {},
+    modelValue: {},
+    valueOptions: {}
+  },
+  setup(s) {
+    const r = s, o = V(r, "modelValue"), u = g(), i = a(() => {
+      var t, e;
+      return ((e = (t = u.currentBusiness.value) == null ? void 0 : t.attributeSettings) == null ? void 0 : e.filter(
+        (n) => String(n.entity) === String(r.entity)
+      )) || [];
+    });
+    return (t, e) => i.value.length ? (p(), d("div", S, [
+      e[1] || (e[1] = c("div", { class: "fm-typo-en-title-sm-600" }, "Custom attributes", -1)),
+      f(l(C), {
+        entity: t.entity,
+        modelValue: l(o),
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => v(o) ? o.value = n : null),
+        "value-options": t.valueOptions
+      }, null, 8, ["entity", "modelValue", "value-options"])
+    ])) : y("", !0);
+  }
+});
+export {
+  x as _
+};

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DJfBmiRt.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-C9un0wCK.js}

@@ -1,32 +1,32 @@
-import { j as T, t as I, ao as w, u as R, at as B, aD as H, aE as D, aF as U } from "./app-B4RHEuan.js";
-import { u as z } from "./supplier--P-eubcS.js";
-import { P as F } from "./format-unit-display-E_NtfEtV.js";
-import { computed as f, defineComponent as j, mergeModels as q, useModel as x, ref as W, resolveComponent as V, openBlock as S, createElementBlock as N, normalizeStyle as $, createElementVNode as O, createVNode as J, withCtx as K, createBlock as g, createCommentVNode as A, Fragment as Q, renderList as X, unref as M } from "vue";
+import { i as T, t as R, as as w, u as B, ax as E, aH as H, aI as z, aJ as U } from "./app-IM1yJnE8.js";
+import { u as D } from "./supplier-CM-qQVyI.js";
+import { P as F } from "./format-unit-display-COuIZISg.js";
+import { computed as f, defineComponent as x, mergeModels as j, useModel as q, ref as W, resolveComponent as V, openBlock as S, createElementBlock as I, normalizeStyle as $, createElementVNode as N, createVNode as J, withCtx as K, createBlock as g, createCommentVNode as O, Fragment as Q, renderList as X, unref as M } from "vue";
 function Y(t, i, a) {
-  var o;
-  if (!!i.measurement === !!a && ((o = i.measurement) == null ? void 0 : o.id) === a)
+  var s;
+  if (!!i.measurement === !!a && ((s = i.measurement) == null ? void 0 : s.id) === a)
     return i;
   if (!a)
     return {
       costPerUnit: i.costPerUnit
     };
-  const s = t.measurements.find((p) => p.id === a);
-  return s ? {
+  const o = t.measurements.find((p) => p.id === a);
+  return o ? {
     costPerUnit: i.costPerUnit,
-    measurement: s
+    measurement: o
   } : {
     costPerUnit: i.costPerUnit
   };
 }
-function oe(t, i, a, l) {
+function se(t, i, a, l) {
   var P, _, n;
   if (l != null && l.manualTotalCost)
     return l == null ? void 0 : l.manualTotalCost;
   const u = (n = (_ = (P = l == null ? void 0 : l.supplier) == null ? void 0 : P.supplyItems) == null ? void 0 : _.find(
     (e) => e.skuId === t._id
-  )) == null ? void 0 : n.defaultCost, s = t.defaultCost ? Y(t.unit, t.defaultCost, t.trackingMeasurement) : void 0, o = u ?? s, p = o == null ? void 0 : o.costPerUnit, y = p ? o != null && o.measurement ? +T(p) / +T(o == null ? void 0 : o.measurement.conversion) : +T(p) : void 0, v = y ? a ? y * +T(a.conversion) : y : void 0, h = v ? +T(i) * v : void 0;
+  )) == null ? void 0 : n.defaultCost, o = t.defaultCost ? Y(t.unit, t.defaultCost, t.trackingMeasurement) : void 0, s = u ?? o, p = s == null ? void 0 : s.costPerUnit, y = p ? s != null && s.measurement ? +T(p) / +T(s == null ? void 0 : s.measurement.conversion) : +T(p) : void 0, v = y ? a ? y * +T(a.conversion) : y : void 0, h = v ? +T(i) * v : void 0;
   return h ? {
-    ...I(h ?? 0, 2),
+    ...R(h ?? 0, 2),
     currency: w()
   } : {
     amount: 0,
@@ -55,20 +55,20 @@ function L(t) {
     }
   };
 }
-function se(t, i, a = !1, l = !1) {
-  const u = z(), s = R();
-  s.watchLocation(async () => {
+function oe(t, i, a = !1, l = !1) {
+  const u = D(), o = B();
+  o.watchLocation(async () => {
     var b;
     await u.readSuppliers();
     const n = t();
     if ((b = n.supplier) != null && b._id) return;
-    const e = l ? u.suppliers[0] : u.businessSuppliers[0], r = (a ? s.locations.filter((m) => m.doc._id !== s.currentLocation.doc._id) : s.locations)[0];
+    const e = l ? u.suppliers[0] : u.businessSuppliers[0], r = (a ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
     i({
       ...n,
       supplier: e ? k(e) : r ? L(r) : n.supplier
     });
   });
-  const o = f(
+  const s = f(
     () => {
       var n, e;
       return typeof ((e = (n = t()) == null ? void 0 : n.supplier) == null ? void 0 : e.internal) == "string" ? F.TRANSFER : F.PURCHASE;
@@ -80,15 +80,15 @@ function se(t, i, a = !1, l = !1) {
     },
     set(n) {
       const e = t() ?? {};
-      if (o.value === F.PURCHASE) {
-        const C = (l ? u.suppliers : u.businessSuppliers).find((E) => E._id === n);
+      if (s.value === F.PURCHASE) {
+        const C = (l ? u.suppliers : u.businessSuppliers).find((A) => A._id === n);
         i({
           ...e,
           supplier: C ? k(C) : e.supplier
         });
         return;
       }
-      const b = (a ? s.locations.filter((m) => m.doc._id !== s.currentLocation.doc._id) : s.locations).find((m) => m.doc._id === n);
+      const b = (a ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === n);
       i({
         ...e,
         supplier: b ? L(b) : e.supplier
@@ -99,10 +99,10 @@ function se(t, i, a = !1, l = !1) {
     return l ? [...e, ...n] : e;
   }), c = f(() => {
     var d;
-    const n = ((d = s._currentLocation) == null ? void 0 : d.type) === B.warehouse;
-    return (a ? s.locations.filter((r) => r.doc._id !== s.currentLocation.doc._id) : s.locations).filter((r) => n || r.acceptRequest).map(L);
+    const n = ((d = o._currentLocation) == null ? void 0 : d.type) === E.warehouse;
+    return (a ? o.locations.filter((r) => r.doc._id !== o.currentLocation.doc._id) : o.locations).filter((r) => n || r.acceptRequest).map(L);
   }), P = f(() => {
-    if (o.value === F.PURCHASE) {
+    if (s.value === F.PURCHASE) {
       const e = y.value.map((r) => ({
         label: r.name,
         value: r._id
@@ -121,11 +121,11 @@ function se(t, i, a = !1, l = !1) {
   }), _ = f(() => {
     var r, b;
     const n = (b = (r = t()) == null ? void 0 : r.supplier) == null ? void 0 : b._id;
-    if (o.value === F.PURCHASE) {
+    if (s.value === F.PURCHASE) {
       const m = u.suppliers.find((C) => C._id === n);
       return m ? k(m) : null;
     }
-    const d = s.locations.find((m) => m.doc._id);
+    const d = o.locations.find((m) => m.doc._id);
     return d ? L(d) : null;
   });
   return {
@@ -137,9 +137,9 @@ function se(t, i, a = !1, l = !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" }, ae = /* @__PURE__ */ x({
   __name: "FmFilterableMenuOptions",
-  props: /* @__PURE__ */ q({
+  props: /* @__PURE__ */ j({
     modelValue: {},
     maxHeight: {},
     width: {},
@@ -152,19 +152,19 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
   }),
   emits: ["update:search"],
   setup(t) {
-    const i = t, a = x(t, "search"), l = f(
-      () => new D(i.items, ["label", "sublabel"], i.options)
-    ), u = f(() => l.value.search(a.value)), s = W();
-    return console.log({ stickyRef: s }), (o, p) => {
+    const i = t, a = q(t, "search"), l = f(
+      () => new z(i.items, ["label", "sublabel"], i.options)
+    ), u = f(() => l.value.search(a.value)), o = W();
+    return console.log({ stickyRef: o }), (s, p) => {
       const y = V("FmButton"), v = V("FmTextField"), h = V("FmMenuItem");
-      return S(), N("div", {
+      return S(), I("div", {
         class: "relative",
-        style: $({ width: o.width })
+        style: $({ width: s.width })
       }, [
-        O("div", {
+        N("div", {
           class: "sticky top-0 bg-white mb-8",
           ref_key: "stickyRef",
-          ref: s
+          ref: o
         }, [
           J(v, {
             modelValue: a.value,
@@ -177,24 +177,24 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
                 variant: "tertiary",
                 "prepend-icon": "close",
                 onClick: p[0] || (p[0] = (c) => a.value = "")
-              })) : A("", !0)
+              })) : O("", !0)
             ]),
             _: 1
           }, 8, ["modelValue"])
         ], 512),
-        O("div", Z, [
-          (S(!0), N(Q, null, X(u.value, (c, P) => (S(), g(h, {
+        N("div", Z, [
+          (S(!0), I(Q, null, X(u.value, (c, P) => (S(), g(h, {
             key: P,
             label: c.label,
             sublabel: c.sublabel,
-            "model-value": M(U)(o.modelValue, c.value),
-            onClick: () => o.handleItemChange(M(U)(o.modelValue, c.value), c),
+            "model-value": M(U)(s.modelValue, c.value),
+            onClick: () => s.handleItemChange(M(U)(s.modelValue, c.value), c),
             onVnodeMounted: (_) => {
               var n, e;
-              return M(U)(o.modelValue, c.value) && ((n = _.el) == null || n.scrollIntoView({ behavior: "instant", block: "end" }), (e = _.el) == null || e.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+              return M(U)(s.modelValue, c.value) && ((n = _.el) == null || n.scrollIntoView({ behavior: "instant", block: "end" }), (e = _.el) == null || e.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
             }
           }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
-          u.value.length ? A("", !0) : (S(), g(h, {
+          u.value.length ? O("", !0) : (S(), g(h, {
             key: 0,
             disabled: "",
             label: "No options available"
@@ -206,6 +206,6 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
 });
 export {
   ae as _,
-  oe as c,
-  se as u
+  se as c,
+  oe as u
 };

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-qZ7Kx-KR.js → FmUnitInput.vue_vue_type_script_setup_true_lang-BRSABJnM.js}

@@ -1,5 +1,5 @@
-import { defineComponent as oe, mergeModels as z, useModel as se, computed as v, ref as P, watch as O, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as h, withCtx as g, renderSlot as T, normalizeClass as V, toDisplayString as x, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
-import { $ as I, I as k, P as L, L as ce, j as M, aB as de, t as pe, K as fe, ah as ve, az as be, ay as ye } from "./app-B4RHEuan.js";
+import { defineComponent as oe, mergeModels as j, useModel as se, computed as v, ref as P, watch as z, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as M, withCtx as g, renderSlot as T, normalizeClass as V, toDisplayString as F, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
+import { Z as I, I as k, O as L, K as ce, i as h, aF as de, t as pe, J as fe, al as ve, aD as be, aC as ye } from "./app-IM1yJnE8.js";
 import "@feedmepos/ui-library";
 function E() {
   return {
@@ -26,10 +26,10 @@ function G(l, d = !1) {
     const s = H()(r);
     if (s != !0)
       return d ? s : !0;
-    const F = typeof l == "number" ? l : L(l, r.modelValue.measurement);
-    return ce(+r.amountAsString).precision > F ? `Cannot exceed precision more than ${M({
+    const x = typeof l == "number" ? l : L(l, r.modelValue.measurement);
+    return ce(+r.amountAsString).precision > x ? `Cannot exceed precision more than ${h({
       amount: 1,
-      precision: F
+      precision: x
     })}` : !0;
   };
 }
@@ -39,24 +39,24 @@ function Le(l) {
     return d(r.modelValue.amount);
   };
 }
-const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { class: "flex-1" }, xe = { class: "flex items-center gap-4" }, Fe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
+const Me = { class: "flex flex-col" }, he = { class: "flex flex-col" }, ge = { class: "flex-1" }, Fe = { class: "flex items-center gap-4" }, xe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
   key: 0,
   class: "text-fm-color-typo-secondary"
 }, Pe = {
   key: 0,
   class: "line-clamp-1 text-ellipsis break-all"
-}, Ie = { class: "flex items-center gap-4" }, ke = { class: "line-clamp-1 text-ellipsis break-all" }, Be = { class: "max-w-[200px] flex flex-col gap-[1px]" }, De = {
+}, Ie = { class: "flex items-center gap-4" }, ke = { class: "line-clamp-1 text-ellipsis break-all" }, De = { class: "max-w-[200px] flex flex-col gap-[1px]" }, Be = {
   key: 1,
   class: "flex flex-col gap-4 pl-8 shrink-0"
 }, Re = {
   class: "flex items-center",
   style: { "pointer-events": "none" }
-}, Ue = {
+}, Ce = {
   class: "flex items-center",
   style: { "pointer-events": "none" }
-}, $e = /* @__PURE__ */ oe({
+}, Oe = /* @__PURE__ */ oe({
   __name: "FmUnitInput",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ j({
     modelValue: {},
     unit: {},
     rules: {},
@@ -103,27 +103,27 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["update:amount", "update:measurement"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["update:amount", "update:measurement"], ["update:modelValue"]),
   setup(l, { emit: d }) {
-    const t = l, r = d, s = se(l, "modelValue"), F = k(), B = v(() => {
+    const t = l, r = d, s = se(l, "modelValue"), x = k(), D = v(() => {
       var n;
       return L(t.unit, (n = s.value) == null ? void 0 : n.measurement);
     }), c = P((() => {
       var o;
       const e = ((o = s.value) == null ? void 0 : o.amount) ?? I.reset(), n = be(e), i = t.formatMinimumPrecision ?? n.precision, a = ye(n, i);
-      return M(a);
+      return h(a);
     })());
-    O(c, (e) => {
-      const n = F(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
+    z(c, (e) => {
+      const n = x(e), i = t.precision ?? D.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
       n == !0 && (s.value = {
         ...s.value,
         amount: pe(+e, o)
       }), r("update:amount", e);
     });
-    const Z = Symbol.for("fm:form-state"), D = ie(Z, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), J = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
+    const J = Symbol.for("fm:form-state"), B = ie(J, null), A = v(() => t.disabled ?? (B == null ? void 0 : B.getDisabled()) ?? !1), K = P(), R = P(!1), O = P(!1), Q = v(() => R.value || O.value), X = v(() => {
       var a;
-      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +M(o.conversion) != 1).groupBy(
-        (o) => `${o.abbrev}${M(o.conversion)}`
+      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +h(o.conversion) != 1).groupBy(
+        (o) => `${o.abbrev}${h(o.conversion)}`
       ).values()].map((o) => o[0]).flat();
       return [
         {
@@ -135,7 +135,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
           value: o.id
         }))
       ];
-    }), U = v({
+    }), C = v({
       get() {
         var e, n;
         return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.id) ?? null;
@@ -155,7 +155,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
         }
       }
     });
-    O(U, (e, n) => {
+    z(C, (e, n) => {
       var m;
       if (!t.convertAmountOnChangeUnit)
         return;
@@ -163,9 +163,9 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
         value: w,
         precision: N
       });
-      c.value = M(S);
+      c.value = h(S);
     });
-    const C = v(() => {
+    const U = v(() => {
       var e, n;
       return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.abbrev) ?? t.unit.abbrev;
     }), Y = v(
@@ -179,39 +179,39 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
       H(),
       typeof t.precision == "number" ? G(t.precision) : G(t.unit)
     ] : [], ...Y.value]);
-    function j(e) {
-      const n = t.precision ?? B.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), p = o.includes(".") ? o.replace(/0+$/, "") : o;
+    function $(e) {
+      const n = t.precision ?? D.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), p = o.includes(".") ? o.replace(/0+$/, "") : o;
       return p.endsWith(".") ? p.slice(0, p.length - 1) : p;
     }
     function te() {
       if (!t.stepper)
         return;
-      const e = +c.value + +M(t.stepper);
-      c.value = j(e);
+      const e = +c.value + +h(t.stepper);
+      c.value = $(e);
     }
     function ne() {
       if (!t.stepper)
         return;
-      const e = +c.value - +M(t.stepper);
-      c.value = j(e);
+      const e = +c.value - +h(t.stepper);
+      c.value = $(e);
     }
     return (e, n) => {
       const i = b("FmLabel"), a = b("FmIcon"), o = b("FmMenuItem"), p = b("FmMenu"), w = b("FmTooltip"), N = b("FmField"), S = b("FmFormGroup");
-      return f(), y("div", he, [
-        u("div", Me, [
+      return f(), y("div", Me, [
+        u("div", he, [
           u("div", ge, [
-            h(i, {
+            M(i, {
               label: e.label,
               disabled: e.disabled,
               required: e.labelMark === "required",
               optional: e.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          h(N, { focused: Q.value }, {
+          M(N, { focused: Q.value }, {
             default: g(() => [
-              u("div", xe, [
+              u("div", Fe, [
                 T(e.$slots, "prepend"),
-                u("div", Fe, [
+                u("div", xe, [
                   u("div", Ae, [
                     e.stepperOnly ? (f(), y("span", {
                       key: 0,
@@ -220,11 +220,11 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                         "text-fm-color-typo-primary": !A.value,
                         "text-fm-color-typo-disabled": A.value
                       })
-                    }, x(c.value), 3)) : le((f(), y("input", {
+                    }, F(c.value), 3)) : le((f(), y("input", {
                       key: 1,
                       type: "text",
                       ref_key: "inputRef",
-                      ref: J,
+                      ref: K,
                       onFocus: n[0] || (n[0] = () => R.value = !0),
                       onBlur: n[1] || (n[1] = () => R.value = !1),
                       "onUpdate:modelValue": n[2] || (n[2] = (m) => c.value = m),
@@ -237,35 +237,35 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                       [ae, c.value]
                     ])
                   ]),
-                  e.separator ? (f(), y("div", _e, x(e.separator), 1)) : q("", !0),
+                  e.separator ? (f(), y("div", _e, F(e.separator), 1)) : q("", !0),
                   u("div", {
                     class: V([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
                   }, [
-                    h(w, { "z-index": 51 }, {
+                    M(w, { "z-index": 51 }, {
                       content: g(() => [
-                        ue(x(C.value), 1)
+                        ue(F(U.value), 1)
                       ]),
                       default: g(() => [
-                        e.disableUnit ? (f(), y("div", Pe, x(C.value), 1)) : (f(), W(p, {
+                        e.disableUnit ? (f(), y("div", Pe, F(U.value), 1)) : (f(), W(p, {
                           key: 1,
-                          onMenuChanged: n[3] || (n[3] = (m) => $.value = m),
+                          onMenuChanged: n[3] || (n[3] = (m) => O.value = m),
                           "z-index": 500,
                           placement: e.placement,
                           disabled: e.disabled
                         }, {
                           "menu-button": g(() => [
                             u("div", Ie, [
-                              u("div", ke, x(C.value), 1),
-                              h(a, { name: "keyboard_arrow_down" })
+                              u("div", ke, F(U.value), 1),
+                              M(a, { name: "keyboard_arrow_down" })
                             ])
                           ]),
                           default: g(() => [
-                            u("div", Be, [
+                            u("div", De, [
                               (f(!0), y(re, null, me(X.value, (m) => (f(), W(o, {
                                 key: m.value ?? void 0,
                                 label: m.label,
-                                "model-value": m.value == U.value,
-                                onClick: (_) => U.value = m.value
+                                "model-value": m.value == C.value,
+                                onClick: (_) => C.value = m.value
                               }, null, 8, ["label", "model-value", "onClick"]))), 128))
                             ])
                           ]),
@@ -275,13 +275,13 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                       _: 1
                     })
                   ], 2),
-                  e.stepper ? (f(), y("div", De, [
+                  e.stepper ? (f(), y("div", Be, [
                     u("div", {
                       class: "w-24 h-12 flex items-center justify-center fm-corner-radius-sm bg-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-200",
                       onClick: te
                     }, [
                       u("div", Re, [
-                        h(a, {
+                        M(a, {
                           name: "expand_less",
                           size: "md"
                         })
@@ -291,8 +291,8 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
                       class: "w-24 h-12 flex items-center justify-center fm-corner-radius-sm bg-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-200",
                       onClick: ne
                     }, [
-                      u("div", Ue, [
-                        h(a, {
+                      u("div", Ce, [
+                        M(a, {
                           name: "expand_more",
                           size: "md"
                         })
@@ -306,7 +306,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
             _: 3
           }, 8, ["focused"])
         ]),
-        h(S, {
+        M(S, {
           class: "flex-1",
           "model-value": { modelValue: s.value, amountAsString: String(c.value) },
           info: e.labelInfo,
@@ -320,7 +320,7 @@ const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { c
 });
 export {
   Se as F,
-  $e as _,
+  Oe as _,
   Ve as a,
   Le as b,
   H as c,

package/dist/IngredientBindedItem.vue_vue_type_script_setup_true_lang-DeRvrF7O.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as l, Fragment as d, renderList as x } from "vue";
+import { i as a, J as y } from "./app-IM1yJnE8.js";
+import { useI18n as _ } from "@feedmepos/mf-common";
+const v = { class: "flex flex-col" }, g = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, h = { class: "flex-1 py-8 px-16" }, b = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, k = { class: "flex-1 py-8 px-16" }, B = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, I = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, A = /* @__PURE__ */ p({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup($) {
+    const { t: m } = _();
+    function c(e, i) {
+      var t;
+      if (e.measurement) {
+        const u = y(e.amount, e.measurement.conversion);
+        return `${a(u, !1)} ${(t = e.measurement) == null ? void 0 : t.abbrev}`;
+      }
+      return `${a(e.amount, !1)} ${i.abbrev}`;
+    }
+    function f(e) {
+      return e.unit !== void 0;
+    }
+    return (e, i) => (s(), n("div", v, [
+      r("div", g, [
+        r("div", h, o(e.name), 1),
+        r("div", b, o(l(m)("inventory.ingredient.bindedItems.amount")), 1)
+      ]),
+      (s(!0), n(d, null, x(e.bindings, (t) => (s(), n("div", {
+        key: t.id,
+        class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
+      }, [
+        r("div", k, o(t.name), 1),
+        f(t) ? (s(), n("div", B, o(c(t, t.unit)), 1)) : (s(), n("div", I, o(l(a)(t.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  A as _
+};

package/dist/{IngredientGroupView-Dc3glXN3.js → IngredientGroupView-ZWCOAljO.js}

@@ -1,5 +1,5 @@
 import { ref as C, computed as F, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as j, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
-import { a as J, e as h, f as B, h as ye, D as oe, i as Q, H as be, m as _e, A as xe, J as ne, p as se, u as ke, z as he, _ as we, B as Se, E as Ie, G as ae } from "./app-B4RHEuan.js";
+import { a as J, d as h, e as B, f as ye, D as oe, h as Q, G as be, l as _e, A as xe, H as ne, o as se, u as ke, y as he, _ as we, z as Se, B as Ie, E as ae } from "./app-IM1yJnE8.js";
 import { useDialog as le, useSnackbar as Z, useProxiedModel as Fe, useBreakpoints as Ce } from "@feedmepos/ui-library";
 import { useI18n as W } from "@feedmepos/mf-common";
 import { defineStore as ie, storeToRefs as re } from "pinia";

package/dist/{IngredientsView-btzrUQ1-.js → IngredientsView-5-pSX6y_.js}

@@ -1,16 +1,18 @@
 import { ref as j, defineComponent as oe, computed as S, resolveComponent as C, openBlock as f, createBlock as B, withCtx as V, createVNode as p, unref as m, createElementBlock as A, Fragment as Q, createElementVNode as u, createCommentVNode as Y, renderSlot as ce, createTextVNode as Ie, toDisplayString as D, normalizeClass as X, onMounted as ot, watch as Oe, renderList as de, isRef as De, createSlots as qe, normalizeStyle as lt, Teleport as Pe, normalizeProps as at, guardReactiveProps as rt } from "vue";
-import { a as le, e as K, f as Ge, S as st, h as it, D as Be, i as fe, A as ge, b as Me, j as We, k as be, t as Ke, l as pe, m as xe, U as dt, n as ut, M as mt, o as Ne, c as Ze, C as ke, p as Le, q as Je, r as ct, s as Qe, v as pt, w as vt, I as ft, x as yt, y as gt, u as bt, z as ht, _ as _t, B as xt, E as kt, G as ze } from "./app-B4RHEuan.js";
-import { useDialog as Xe, useSnackbar as he, useProxiedModel as He, useDialogChild as Vt, useBreakpoints as St } from "@feedmepos/ui-library";
+import { a as le, d as K, e as Ge, S as st, f as it, D as Be, h as fe, A as ge, b as Me, i as We, j as be, t as Ke, k as pe, l as xe, U as dt, m as ut, M as mt, n as Ne, C as ke, o as Le, p as Ze, q as ct, r as Je, s as pt, v as vt, I as ft, w as yt, x as gt, u as bt, y as ht, _ as _t, z as xt, B as kt, E as ze } from "./app-IM1yJnE8.js";
+import { useDialog as Qe, useSnackbar as he, useProxiedModel as He, useDialogChild as Vt, useBreakpoints as St } from "@feedmepos/ui-library";
 import { i as Ct, _ as wt } from "./is-linked-ingredient-error-fJ2TJb3z.js";
 import { useI18n as ae, useCoreStore as ve } from "@feedmepos/mf-common";
 import { defineStore as Ft, storeToRefs as It } from "pinia";
 import { g as Mt, _ as Ve, S as Se } from "./StockForecast.vue_vue_type_style_index_0_lang-KLXSWvo5.js";
-import { _ as $t } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-B7ump1tl.js";
-import { _ as Ce, a as Et } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-BF0lKP9Y.js";
+import { _ as $t } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CFMZ4VsK.js";
+import { _ as Ce } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DeRvrF7O.js";
+import { u as Xe } from "./feature-DMBVVBsQ.js";
 import { _ as we } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+import { _ as Et } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
 import "./array-hChJVZLE.js";
 const Fe = Ft("ingredientForm", function() {
-  const o = Xe(), y = he(), s = le(), n = j(!1), { t: l } = ae(), i = j();
+  const o = Qe(), y = he(), s = le(), n = j(!1), { t: l } = ae(), i = j();
   function a() {
     const b = {
       unit: {},
@@ -326,7 +328,7 @@ const Tt = {
   emits: ["update:modelValue", "click:submit"],
   setup(d, { expose: o, emit: y }) {
     var me;
-    const { t: s } = ae(), n = d, l = y, i = le(), a = ve(), h = Ze(), k = Me(), g = S(() => k.isEnabled);
+    const { t: s } = ae(), n = d, l = y, i = le(), a = ve(), h = Xe(), k = Me(), g = S(() => k.isEnabled);
     function b(e) {
       if (e.length === 0) return;
       const t = e[0], c = n.modelValue ?? {
@@ -1122,7 +1124,7 @@ function et() {
       id: "baseUnit",
       name: "Base unit"
     }
-  ], o = Ze(), y = ve(), s = be(y.currentCountry.value);
+  ], o = Xe(), y = ve(), s = be(y.currentCountry.value);
   return o.enableTotalCost && d.push(
     {
       id: "valuationMethod",
@@ -1151,8 +1153,8 @@ function hn() {
     [],
     n.map((k) => k.name),
     ...o.map((k) => n.map((g) => k[g.id]))
-  ], i = n.map((k) => `system:${k.id}`), a = Je(l, i), h = `${s == null ? void 0 : s.name} ingredients (${ct(/* @__PURE__ */ new Date())}).xlsx`;
-  return Qe(a, h), h;
+  ], i = n.map((k) => `system:${k.id}`), a = Ze(l, i), h = `${s == null ? void 0 : s.name} ingredients (${ct(/* @__PURE__ */ new Date())}).xlsx`;
+  return Je(a, h), h;
 }
 function _n() {
   const o = ve().currentBusiness.value, y = et(), s = [
@@ -1161,8 +1163,8 @@ function _n() {
     ["Menu version", o == null ? void 0 : o.menuVersion],
     [],
     y.map((a) => a.name)
-  ], n = y.map((a) => `system:${a.id}`), l = Je(s, n), i = "FeedMe ingredients template.xlsx";
-  return Qe(l, i), i;
+  ], n = y.map((a) => `system:${a.id}`), l = Ze(s, n), i = "FeedMe ingredients template.xlsx";
+  return Je(l, i), i;
 }
 function xn(d) {
   const [
@@ -1483,10 +1485,10 @@ const Vn = { class: "flex items-center gap-12 pl-8" }, Sn = { class: "flex flex-
       ]);
     };
   }
-}), Bn = { class: "flex flex-col py-8" }, Nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ln = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xn = /* @__PURE__ */ oe({
+}), Bn = { class: "flex flex-col py-8" }, Nn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ln = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, to = /* @__PURE__ */ oe({
   __name: "IngredientsView",
   setup(d) {
-    const o = le(), y = S(() => o.skus), s = bt(), n = Xe(), l = he(), i = Me(), { t: a } = ae(), { createIngredient: h, updateIngredient: k } = Fe(), { ingredientDialogProps: g, ingredientViewLoading: b } = It(Fe()), { columnDefs: r } = Ut();
+    const o = le(), y = S(() => o.skus), s = bt(), n = Qe(), l = he(), i = Me(), { t: a } = ae(), { createIngredient: h, updateIngredient: k } = Fe(), { ingredientDialogProps: g, ingredientViewLoading: b } = It(Fe()), { columnDefs: r } = Ut();
     function _(P) {
       switch (P) {
         case "add":
@@ -1712,5 +1714,5 @@ const Vn = { class: "flex items-center gap-12 pl-8" }, Sn = { class: "flex flex-
   }
 });
 export {
-  Xn as default
+  to as default
 };