@feedmepos/mf-inventory-portal 0.0.25-dev.17 → 0.0.25-dev.19

package/dist/{App-7ReqlqA4.js → App-Hgn8IBaK.js}

@@ -1,8 +1,8 @@
 import { ref as x, onUnmounted as F, defineComponent as h, watch as P, onMounted as U, computed as g, resolveComponent as b, openBlock as S, createElementBlock as I, unref as v, createVNode as _, createElementVNode as p, toDisplayString as w, createBlock as G, createCommentVNode as M } from "vue";
-import { u as k, a as D, b as H, R as e, g as s, c as W } from "./app-DZ9U0oko.js";
+import { u as k, a as D, b as H, R as e, g as s, c as W } from "./app-qyqp2u_f.js";
 import { useCoreStore as A, useI18n as B } from "@feedmepos/mf-common";
 import { useRouter as C, useRoute as K } from "vue-router";
-import { u as O } from "./feature-CwrW1toS.js";
+import { u as O } from "./feature-C6Z6N_iv.js";
 import { u as $ } from "./useTabStorage-BkIVScW_.js";
 import { u as Q } from "./googlemap-Dm8ERVai.js";
 import "./array-hChJVZLE.js";

package/dist/{ApprovalView-qAV_1bug.js → ApprovalView-BSk9kEGm.js}

@@ -1,6 +1,6 @@
-import { defineComponent as oe, ref as g, watch as re, computed as b, resolveComponent as ne, openBlock as y, createBlock as J, unref as e, withCtx as x, createElementVNode as s, normalizeClass as se, createVNode as n, normalizeStyle as le, toDisplayString as ce, createElementBlock as ie, createCommentVNode as ue, Teleport as pe, mergeProps as me } from "vue";
-import { u as de, az as _, aK as fe, ab as Q, y as _e, _ as ve, z as he, B as De, E as v } from "./app-DZ9U0oko.js";
-import { a as ge, P as O, b as be, _ as ye } from "./TransferDetails.vue_vue_type_script_setup_true_lang-aQkAoXb3.js";
+import { defineComponent as oe, ref as g, watch as re, computed as b, resolveComponent as ne, openBlock as y, createBlock as K, unref as e, withCtx as x, createElementVNode as s, normalizeClass as se, createVNode as n, normalizeStyle as le, toDisplayString as ce, createElementBlock as ie, createCommentVNode as ue, Teleport as pe, mergeProps as me } from "vue";
+import { u as de, az as _, aJ as fe, ab as Q, y as _e, _ as ve, z as he, B as De, E as v } from "./app-qyqp2u_f.js";
+import { a as ge, P as O, b as be, _ as ye } from "./TransferDetails.vue_vue_type_script_setup_true_lang-15cqyqCC.js";
 import { useBreakpoints as xe } from "@feedmepos/ui-library";
 import { useI18n as Oe } from "@feedmepos/mf-common";
 const Re = { class: "flex flex-col py-8" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Se = {
@@ -49,7 +49,7 @@ const Re = { class: "flex flex-col py-8" }, we = { class: "fm-typo-en-body-md-40
     }
     return (c, l) => {
       const te = ne("FmTable");
-      return y(), J(ve, {
+      return y(), K(ve, {
         title: e(P)("inventory.transfer.approval.title"),
         actions: I.value,
         "onClick:action": ee
@@ -76,16 +76,22 @@ const Re = { class: "flex flex-col py-8" }, we = { class: "fm-typo-en-body-md-40
               "row-data": e(o).purchaseRequests.value,
               "search-value": h.value,
               loading: !e(X)._currentLocation || e(o).loading.value,
-              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(r.original.purchaseOrder, r.original)),
+              onRowClick: l[1] || (l[1] = (r) => e(o).promptShowTransferDetails(
+                r.original.purchaseOrder,
+                r.original
+              )),
               "page-size": Z.value
             }, {
               "list-row": x((r) => [
                 n(De, {
                   row: r,
-                  onRowClick: (t) => e(o).promptShowTransferDetails(t.purchaseOrder, t)
+                  onRowClick: (t) => e(o).promptShowTransferDetails(
+                    t.purchaseOrder,
+                    t
+                  )
                 }, {
                   default: x((t) => {
-                    var k, S, C, i, T, A, z, V, u, L, M, p, $, m, E, F, Y, q, N, d, j, H, K, U, f, G;
+                    var k, S, C, i, T, A, z, V, u, L, M, p, $, m, E, F, Y, q, N, d, j, H, J, U, f, G;
                     return [
                       s("div", Re, [
                         s("div", we, [
@@ -109,7 +115,7 @@ const Re = { class: "flex flex-col py-8" }, we = { class: "fm-typo-en-body-md-40
                         ])) : ue("", !0),
                         s("div", Ce, [
                           n(e(v), {
-                            render: (U = (K = (H = t.purchaseOrder_status) == null ? void 0 : H.column) == null ? void 0 : K.columnDef) == null ? void 0 : U.cell,
+                            render: (U = (J = (H = t.purchaseOrder_status) == null ? void 0 : H.column) == null ? void 0 : J.columnDef) == null ? void 0 : U.cell,
                             props: (G = (f = t.purchaseOrder_status) == null ? void 0 : f.getContext) == null ? void 0 : G.call(f)
                           }, null, 8, ["render", "props"])
                         ])
@@ -122,7 +128,7 @@ const Re = { class: "flex flex-col py-8" }, we = { class: "fm-typo-en-body-md-40
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ], 2),
-          (y(), J(pe, { to: "body" }, [
+          (y(), K(pe, { to: "body" }, [
             n(ye, me({
               scope: e(O).APPROVAL
             }, e(o).transferDetailsProps.value, {

package/dist/{BindingsDialog-D8KPqrv8.js → BindingsDialog-SxUwbW5x.js}

@@ -1,6 +1,6 @@
 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 { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-DBAwheaI.js";
-import { a as L, aR as S } from "./app-DZ9U0oko.js";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-gQNCKIfa.js";
+import { a as L, aQ as S } from "./app-qyqp2u_f.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-BnnpoQfF.js → BindingsPicker-_zOGJ17i.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 { a as M, aR as x, H as z } from "./app-DZ9U0oko.js";
+import { a as M, aQ as x, H as z } from "./app-qyqp2u_f.js";
 const F = {
   key: 0,
   class: "flex flex-col gap-16"
@@ -71,10 +71,10 @@ const F = {
         }
       ), o.sendMessage("props:binding-items");
     }
-    function R() {
+    function P() {
       o.sendMessage("@close");
     }
-    function P() {
+    function R() {
       o.sendMessage("@submit:items", i.value);
     }
     const y = l();
@@ -106,11 +106,11 @@ const F = {
             u(n, {
               variant: "tertiary",
               label: "Close",
-              onClick: R
+              onClick: P
             }),
             u(n, {
               label: "Submit",
-              onClick: P
+              onClick: R
             })
           ])
         ]))

package/dist/{BindingsTable-Dnc5yg5v.js → BindingsTable-I8MLwuIR.js}

@@ -1,8 +1,8 @@
 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 { F as v, a as E, aR as F } from "./app-DZ9U0oko.js";
+import { F as v, a as E, aQ as F } from "./app-qyqp2u_f.js";
 import { components as L } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
-const R = /* @__PURE__ */ _({
+const P = /* @__PURE__ */ _({
   __name: "binding-ui",
   props: {
     items: { default: () => [] },
@@ -87,7 +87,7 @@ const R = /* @__PURE__ */ _({
       }, null, 8, ["row-data"]);
     };
   }
-}), P = {
+}), R = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
 }, D = /* @__PURE__ */ _({
@@ -124,10 +124,10 @@ const R = /* @__PURE__ */ _({
         ref_key: "resizeableRef",
         ref: l
       }, [
-        u.value ? (p(), y("div", P, [
+        u.value ? (p(), y("div", R, [
           N(w, { size: "md" }),
           r[0] || (r[0] = x("div", null, "Loading bindings table...", -1))
-        ])) : (p(), h(R, {
+        ])) : (p(), h(P, {
           key: 0,
           items: o.value,
           recipes: m.value,

package/dist/{ClosingDraftView-DV-dP-0G.js → ClosingDraftView-D80vDRO7.js}

@@ -1,9 +1,9 @@
 import { defineComponent as ke, ref as V, resolveComponent as P, openBlock as _, createBlock as q, withCtx as O, createElementVNode as n, createTextVNode as Ae, toDisplayString as z, unref as x, createVNode as k, h as w, reactive as Oe, computed as I, onMounted as Ye, watch as Ke, isRef as Te, createElementBlock as B, Fragment as K, createCommentVNode as X, normalizeClass as ue, renderList as fe, normalizeStyle as Re, Teleport as Ge, mergeProps as We } from "vue";
-import { W as qe, u as we, aj as G, l as Ze, J as Ce, i as $, t as Je, K as pe, p as Qe, q as Xe, r as et, ak as Pe, al as Ie, a6 as Me, am as Ue, an as oe, ac as tt, ai as ee, T as Ee, D as Be, h as xe, f as at, e as nt, a as ot, y as st, _ as rt, z as lt, B as ct, E as he } from "./app-DZ9U0oko.js";
+import { W as qe, u as we, aj as G, l as Ze, J as Ce, i as $, t as Je, K as pe, p as Qe, q as Xe, r as et, ak as Pe, al as Ie, a6 as Me, am as Ue, an as oe, ac as tt, ai as ee, T as Ee, D as Be, h as xe, f as at, e as nt, a as ot, y as st, _ as rt, z as lt, B as ct, E as he } from "./app-qyqp2u_f.js";
 import { useCoreStore as it, useI18n as He } from "@feedmepos/mf-common";
 import { useSnackbar as je, useDialog as ut, useProxiedModel as dt, components as ie, useBreakpoints as mt } from "@feedmepos/ui-library";
 import { defineStore as ze, storeToRefs as ft } from "pinia";
-import { u as Le } from "./stock-B8OABZwR.js";
+import { u as Le } from "./stock-Cd6rXnhv.js";
 import { E as pt } from "./empty-placeholder-wf6-BWE8.js";
 const Se = qe((o, p) => {
   function e() {
@@ -650,57 +650,6 @@ const wt = ze(
           header: () => "Base unit",
           accessorKey: "baseUnit"
         },
-        {
-          id: "physicalBalances",
-          header: () => "Amounts",
-          enableSorting: !1,
-          cell(r) {
-            const c = r.row.original, l = (S, E) => w(
-              ie.FmTooltip,
-              { zIndex: 50 },
-              {
-                default() {
-                  return w(
-                    "div",
-                    {
-                      class: "fm-typo-en-body-md-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
-                    },
-                    [
-                      w("span", { class: "text-fm-color-typo-primary" }, `${S} `),
-                      w(
-                        "span",
-                        {
-                          class: "text-fm-color-typo-secondary",
-                          style: { maxWidth: "80px" }
-                        },
-                        E
-                      )
-                    ]
-                  );
-                },
-                content() {
-                  return `${S} ${E}`;
-                }
-              }
-            );
-            let i = Array.from({ length: a }).map((S, E) => {
-              if (!c[`measurementAmount${E}`])
-                return null;
-              const F = c[`measurementAmount${E}`], le = c[`measurementAbbrev${E}`];
-              return l(F, le);
-            }).filter((S) => S);
-            return (c.baseUnitAmount || !i.length) && (i = [l(c.baseUnitAmount, c.baseUnit), ...i]), w(
-              "div",
-              {
-                class: "flex gap-8 flex-nowrap",
-                style: {
-                  minWidth: `${120 * i.length}px`
-                }
-              },
-              i
-            );
-          }
-        },
         {
           id: "physicalBalance",
           accessorKey: "physicalBalance",
@@ -766,6 +715,57 @@ const wt = ze(
           meta: {
             textAlign: "right"
           }
+        },
+        {
+          id: "physicalBalances",
+          header: () => "Amounts",
+          enableSorting: !1,
+          cell(r) {
+            const c = r.row.original, l = (S, E) => w(
+              ie.FmTooltip,
+              { zIndex: 50 },
+              {
+                default() {
+                  return w(
+                    "div",
+                    {
+                      class: "fm-typo-en-body-md-400 py-4 px-8 border-1 border-fm-color-typo-secondary fm-corner-radius-md line-clamp-1"
+                    },
+                    [
+                      w("span", { class: "text-fm-color-typo-primary" }, `${S} `),
+                      w(
+                        "span",
+                        {
+                          class: "text-fm-color-typo-secondary",
+                          style: { maxWidth: "80px" }
+                        },
+                        E
+                      )
+                    ]
+                  );
+                },
+                content() {
+                  return `${S} ${E}`;
+                }
+              }
+            );
+            let i = Array.from({ length: a }).map((S, E) => {
+              if (!c[`measurementAmount${E}`])
+                return null;
+              const F = c[`measurementAmount${E}`], le = c[`measurementAbbrev${E}`];
+              return l(F, le);
+            }).filter((S) => S);
+            return (c.baseUnitAmount || !i.length) && (i = [l(c.baseUnitAmount, c.baseUnit), ...i]), w(
+              "div",
+              {
+                class: "flex gap-8 flex-nowrap",
+                style: {
+                  minWidth: `${120 * i.length}px`
+                }
+              },
+              i
+            );
+          }
         }
       ];
     }), ye = I(() => ae.value.map((a) => a.size ?? 0).reduce((a, t) => a + t)), re = V(""), de = I(() => f.value.map((a) => {

package/dist/{ClosingTemplateView-Bo5uzKK2.js → ClosingTemplateView-BCE-SHm9.js}

@@ -1,9 +1,9 @@
 import { ref as R, h as A, defineComponent as W, resolveComponent as E, openBlock as w, createElementBlock as I, createElementVNode as b, normalizeClass as q, createTextVNode as Fe, toDisplayString as C, unref as i, createCommentVNode as Q, createVNode as T, withCtx as P, Fragment as j, renderList as X, computed as U, watch as Re, createSlots as ie, createBlock as N, isRef as Pe, normalizeStyle as Ye, Teleport as Ge, normalizeProps as Ke, guardReactiveProps as We, mergeProps as Je } from "vue";
-import { W as qe, u as ue, ac as Qe, D as Se, h as O, f as Xe, e as Ae, ad as ce, q as Ze, ae as Ee, r as Ue, a as de, b as et, s as tt, v as Ve, w as nt, x as ot, d as K, E as J, G as st, af as lt, l as at, ag as rt, B as Ne, A as it, ah as ct, ai as re, y as mt, _ as ut, z as dt } from "./app-DZ9U0oko.js";
+import { W as qe, u as ue, ac as Qe, D as Se, h as O, f as Xe, e as Ae, ad as ce, q as Ze, ae as Ee, r as Ue, a as de, b as et, s as tt, v as Ve, w as nt, x as ot, d as K, E as J, G as st, af as lt, l as at, ag as rt, B as Ne, A as it, ah as ct, ai as re, y as mt, _ as ut, z as dt } from "./app-qyqp2u_f.js";
 import { useCoreStore as pe, useI18n as Y } from "@feedmepos/mf-common";
 import { useDialogChild as pt, useSnackbar as se, useDialog as Be, FmButtonVariant as De, components as G, useProxiedModel as ft, useBreakpoints as gt } from "@feedmepos/ui-library";
 import { defineStore as Le, storeToRefs as ze } from "pinia";
-import { u as vt } from "./use-ingredient-select-dialog-P6o_ZU_Z.js";
+import { u as vt } from "./use-ingredient-select-dialog-C8sylcwR.js";
 const le = qe((l, o) => {
   function n() {
     var t;

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-BmLxDo6V.js

@@ -0,0 +1,215 @@
+import { aG as E, i as k, t as B, as as w, u as H, ax as z, aH as D, aI as V } from "./app-qyqp2u_f.js";
+import { u as x } from "./supplier-b6qWYeQu.js";
+import { P as F } from "./format-unit-display-T-fT7FAg.js";
+import { computed as d, defineComponent as j, mergeModels as q, useModel as W, ref as $, resolveComponent as g, openBlock as L, createElementBlock as N, normalizeStyle as J, createElementVNode as A, createVNode as K, withCtx as Q, createBlock as M, createCommentVNode as I, Fragment as X, renderList as Y, unref as R } from "vue";
+function C(e) {
+  return E.parse(e);
+}
+function S(e) {
+  return {
+    _id: e.doc._id,
+    internal: e.type,
+    contactName: e.doc.profile.name,
+    name: e.doc.profile.name ?? "",
+    email: e.doc.profile.email,
+    phoneNumber: e.doc.profile.phoneNo,
+    registrationNumber: e.doc.profile.regNo,
+    address: e.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    }
+  };
+}
+function Z(e, l, a) {
+  var n;
+  if (!!l.measurement === !!a && ((n = l.measurement) == null ? void 0 : n.id) === a)
+    return l;
+  if (!a)
+    return {
+      costPerUnit: l.costPerUnit
+    };
+  const s = e.measurements.find((c) => c.id === a);
+  return s ? {
+    costPerUnit: l.costPerUnit,
+    measurement: s
+  } : {
+    costPerUnit: l.costPerUnit
+  };
+}
+function se(e, l, a, r) {
+  var _, P, T;
+  if (r != null && r.manualTotalCost)
+    return r == null ? void 0 : r.manualTotalCost;
+  const u = (T = (P = (_ = r == null ? void 0 : r.supplier) == null ? void 0 : _.supplyItems) == null ? void 0 : P.find(
+    (o) => o.skuId === e._id
+  )) == null ? void 0 : T.defaultCost, s = e.defaultCost ? Z(e.unit, e.defaultCost, e.trackingMeasurement) : void 0, n = u ?? s, c = n == null ? void 0 : n.costPerUnit, h = c ? n != null && n.measurement ? +k(c) / +k(n == null ? void 0 : n.measurement.conversion) : +k(c) : void 0, v = h ? a ? h * +k(a.conversion) : h : void 0, y = v ? +k(l) * v : void 0;
+  return y ? {
+    ...B(y ?? 0, 2),
+    currency: w()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: w()
+  };
+}
+function ae(e, l, a = !1, r = !1) {
+  const u = x(), s = H(), n = d(() => e().isReturnPo ?? !1);
+  s.watchLocation(async () => {
+    var b;
+    if (n.value) return;
+    await u.readSuppliers();
+    const o = e();
+    if ((b = o.supplier) != null && b._id) return;
+    const t = r ? u.suppliers[0] : u.businessSuppliers[0], i = (a ? s.locations.filter((m) => m.doc._id !== s.currentLocation.doc._id) : s.locations)[0];
+    l({
+      ...o,
+      supplier: t ? C(t) : i ? S(i) : o.supplier
+    });
+  });
+  const c = d(() => {
+    var o, t;
+    return n.value ? F.TRANSFER : typeof ((t = (o = e()) == null ? void 0 : o.supplier) == null ? void 0 : t.internal) == "string" ? F.TRANSFER : F.PURCHASE;
+  }), h = d({
+    get() {
+      var o, t;
+      return (t = (o = e()) == null ? void 0 : o.supplier) == null ? void 0 : t._id;
+    },
+    set(o) {
+      const t = e() ?? {};
+      if (c.value === F.PURCHASE) {
+        const U = (r ? u.suppliers : u.businessSuppliers).find((O) => O._id === o);
+        l({
+          ...t,
+          supplier: U ? C(U) : t.supplier
+        });
+        return;
+      }
+      const b = (a ? s.locations.filter((m) => m.doc._id !== s.currentLocation.doc._id) : s.locations).find((m) => m.doc._id === o);
+      l({
+        ...t,
+        supplier: b ? S(b) : t.supplier
+      });
+    }
+  }), v = d(() => u.locationSuppliers.map(C)), y = d(() => u.businessSuppliers.map(C)), p = d(() => {
+    if (n.value) return [];
+    const o = [...v.value], t = [...y.value];
+    return r ? [...t, ...o] : t;
+  }), _ = d(() => {
+    var f;
+    if (n.value) return [S(s.currentLocation)];
+    const o = ((f = s._currentLocation) == null ? void 0 : f.type) === z.enum.warehouse;
+    return (a ? s.locations.filter((i) => i.doc._id !== s.currentLocation.doc._id) : s.locations).filter((i) => o || i.acceptRequest).map(S);
+  }), P = d(() => {
+    if (c.value === F.PURCHASE) {
+      const t = v.value.map((i) => ({
+        label: i.name,
+        value: i._id
+      })), f = y.value.map((i) => ({
+        label: i.name,
+        sublabel: "Business supplier",
+        value: i._id
+      }));
+      return r ? [...t, ...f] : f;
+    }
+    return _.value.map((t) => ({
+      label: t.name,
+      sublabel: t.internal ? `${t.internal}` : void 0,
+      value: t._id
+    }));
+  }), T = d(() => {
+    var i, b;
+    if (n.value)
+      return S(s.currentLocation);
+    const o = (b = (i = e()) == null ? void 0 : i.supplier) == null ? void 0 : b._id;
+    if (c.value === F.PURCHASE) {
+      const m = u.suppliers.find((U) => U._id === o);
+      return m ? C(m) : null;
+    }
+    const f = s.locations.find((m) => m.doc._id);
+    return f ? S(f) : null;
+  });
+  return {
+    transferLocationModel: h,
+    transferLocationOptions: P,
+    locationOptionsTypePurchase: p,
+    locationOptionsTypePurchaseLocationLevel: v,
+    locationOptionsTypeTransfer: _,
+    selectedLocation: T
+  };
+}
+const G = { class: "overflow-y-auto h-full pb-8" }, re = /* @__PURE__ */ j({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ q({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(e) {
+    const l = e, a = W(e, "search"), r = d(
+      () => new D(l.items, ["label", "sublabel"], l.options)
+    ), u = d(() => r.value.search(a.value)), s = $();
+    return console.log({ stickyRef: s }), (n, c) => {
+      const h = g("FmButton"), v = g("FmTextField"), y = g("FmMenuItem");
+      return L(), N("div", {
+        class: "relative",
+        style: J({ width: n.width })
+      }, [
+        A("div", {
+          class: "sticky top-0 bg-white mb-8",
+          ref_key: "stickyRef",
+          ref: s
+        }, [
+          K(v, {
+            modelValue: a.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (p) => a.value = p),
+            placeholder: "Filter options"
+          }, {
+            append: Q(() => [
+              a.value ? (L(), M(h, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: c[0] || (c[0] = (p) => a.value = "")
+              })) : I("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ], 512),
+        A("div", G, [
+          (L(!0), N(X, null, Y(u.value, (p, _) => (L(), M(y, {
+            key: _,
+            label: p.label,
+            sublabel: p.sublabel,
+            "model-value": R(V)(n.modelValue, p.value),
+            onClick: () => n.handleItemChange(R(V)(n.modelValue, p.value), p),
+            onVnodeMounted: (P) => {
+              var T, o;
+              return R(V)(n.modelValue, p.value) && ((T = P.el) == null || T.scrollIntoView({ behavior: "instant", block: "end" }), (o = P.el) == null || o.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          u.value.length ? I("", !0) : (L(), M(y, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  re as _,
+  se as c,
+  S as l,
+  ae as u
+};

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-Bycca0S5.js → FmUnitInput.vue_vue_type_script_setup_true_lang-D21lpws0.js}

@@ -1,5 +1,5 @@
 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-DZ9U0oko.js";
+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-qyqp2u_f.js";
 import "@feedmepos/ui-library";
 function E() {
   return {

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-sVM6cQes.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-WTlNX0f8.js}

@@ -1,5 +1,5 @@
 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-DZ9U0oko.js";
+import { i as a, J as y } from "./app-qyqp2u_f.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",

package/dist/{IngredientGroupView-CmkSvOxJ.js → IngredientGroupView-DDD_-og5.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, 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-DZ9U0oko.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-qyqp2u_f.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-DIn-3Jee.js → IngredientsView-CJ4F7BwZ.js}

@@ -1,13 +1,13 @@
 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, 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-DZ9U0oko.js";
+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-qyqp2u_f.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-DBAwheaI.js";
-import { _ as Ce } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-sVM6cQes.js";
-import { u as Xe } from "./feature-CwrW1toS.js";
+import { _ as $t } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-gQNCKIfa.js";
+import { _ as Ce } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-WTlNX0f8.js";
+import { u as Xe } from "./feature-C6Z6N_iv.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";

package/dist/{IntegrationView-CtawckJy.js → IntegrationView-B0TjX4yz.js}

@@ -1,6 +1,6 @@
 import { ref as Q, computed as H, defineComponent as Z, mergeModels as ve, useModel as pe, onMounted as Ie, resolveComponent as O, openBlock as k, createElementBlock as z, createElementVNode as f, toDisplayString as L, unref as b, createVNode as V, createBlock as K, withCtx as J, Fragment as G, renderList as U, normalizeClass as q, normalizeStyle as ye, createSlots as be, createCommentVNode as F, withModifiers as Ee, reactive as te, watch as ne, isRef as ie, Teleport as oe } from "vue";
 import { E as he } from "./empty-placeholder-wf6-BWE8.js";
-import { u as _, aP as se, b as re, aQ as Be, aJ as Ce, e as T, _ as Se, z as ke } from "./app-DZ9U0oko.js";
+import { u as _, aO as se, b as re, aP as Be, aI as Ce, e as T, _ as Se, z as ke } from "./app-qyqp2u_f.js";
 import { useSnackbar as le, useDialogChild as xe, useDialog as ae, useProxiedModel as ue, useBreakpoints as $ } from "@feedmepos/ui-library";
 import { useI18n as Y, useCoreStore as we } from "@feedmepos/mf-common";
 function Me() {

package/dist/{InventoryBindingForm-Dmd68jKK.js → InventoryBindingForm-DGXN2PXz.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-DBAwheaI.js";
+import { _ as f } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-gQNCKIfa.js";
 export {
   f as default
 };

package/dist/{InventoryBindingForm.vue_vue_type_script_setup_true_lang-DBAwheaI.js → InventoryBindingForm.vue_vue_type_script_setup_true_lang-gQNCKIfa.js}

@@ -1,7 +1,7 @@
 import { defineComponent as J, computed as _, reactive as Q, resolveComponent as x, openBlock as m, createElementBlock as y, createVNode as c, createElementVNode as n, toDisplayString as v, unref as l, createBlock as V, createCommentVNode as g, Fragment as R, renderList as S, withCtx as T, nextTick as X } from "vue";
-import { a as Z, aS as ee, aT as ne, i as B, aU as oe, L as N, K as te, F as ie } from "./app-DZ9U0oko.js";
-import { u as le } from "./use-inventory-binding-dialog-8a_D3hzG.js";
-import { _ as re, c as se, d as de } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-Bycca0S5.js";
+import { a as Z, aR as ee, aS as ne, i as B, aT as oe, L as N, K as te, F as ie } from "./app-qyqp2u_f.js";
+import { u as le } from "./use-inventory-binding-dialog-D7wI4_lU.js";
+import { _ as re, c as se, d as de } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D21lpws0.js";
 import { useI18n as ae } from "@feedmepos/mf-common";
 const ue = { class: "flex flex-col gap-24" }, me = { class: "flex flex-col gap-16" }, ce = { class: "flex items-center" }, pe = { class: "flex-1 fm-typo-en-title-sm-600" }, fe = { class: "flex flex-col" }, ye = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, ve = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _e = {
   class: "flex items-center w-full border-b border-fm-color-neutral-gray-100",

package/dist/{InventoryBindingSummary-Dho1qrPY.js → InventoryBindingSummary-CDAivJA8.js}

@@ -1,7 +1,7 @@
 import { defineComponent as s, resolveComponent as c, openBlock as m, createBlock as d, h as g } from "vue";
 import { useI18n as p } from "@feedmepos/mf-common";
 import { components as u } from "@feedmepos/ui-library";
-import { F as r } from "./app-DZ9U0oko.js";
+import { F as r } from "./app-qyqp2u_f.js";
 const B = /* @__PURE__ */ s({
   __name: "InventoryBindingSummary",
   props: {

package/dist/{NumberPrecisionInput.vue_vue_type_script_setup_true_lang-Dja0BjOa.js → NumberPrecisionInput.vue_vue_type_script_setup_true_lang-CfaZ1GtI.js}

@@ -1,5 +1,5 @@
 import { defineComponent as y, computed as V, ref as w, watch as h, resolveComponent as u, openBlock as F, createBlock as A, withCtx as s, createVNode as g, createElementVNode as k, normalizeClass as K } from "vue";
-import { K as d } from "./app-DZ9U0oko.js";
+import { K as d } from "./app-qyqp2u_f.js";
 const _ = ["value", "disabled"], D = /* @__PURE__ */ y({
   __name: "NumberPrecisionInput",
   props: {

package/dist/{PremiumBadge.vue_vue_type_script_setup_true_lang-CjvQTt0Y.js → PremiumBadge.vue_vue_type_script_setup_true_lang-DmhP_O3l.js}

@@ -1,4 +1,4 @@
-import { aA as d, aB as f, W as _, u as h } from "./app-DZ9U0oko.js";
+import { aA as d, aB as f, W as _, u as h } from "./app-qyqp2u_f.js";
 import { useCoreStore as F } from "@feedmepos/mf-common";
 import { ref as y, defineComponent as v, resolveComponent as p, openBlock as k, createElementBlock as g, renderSlot as S, createVNode as l, withCtx as x } from "vue";
 function I(e, t) {