@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.1

package/dist/{InventoryBindingForm-DgtaDM0I.js → InventoryBindingForm-DbgvnZ9I.js}

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

package/dist/{InventoryBindingForm.vue_vue_type_script_setup_true_lang-CqDN355J.js → InventoryBindingForm.vue_vue_type_script_setup_true_lang-3stkPlAW.js}

@@ -1,61 +1,60 @@
-import { defineComponent as W, ref as de, computed as F, resolveComponent as E, createElementBlock as m, createCommentVNode as I, openBlock as a, createElementVNode as n, createVNode as y, toDisplayString as f, unref as r, Fragment as A, renderList as M, normalizeStyle as ue, createTextVNode as me, reactive as G, withCtx as U, createBlock as K, nextTick as ce } from "vue";
-import { a as Y, t as pe, v as ye, F as fe } from "./app-Duum3eHx.js";
-import { t as ve, n as _e, f as xe, a as S, c as ge } from "./number-5ZeFx-wN.js";
-import { u as be } from "./use-inventory-binding-dialog-Dugj9i-6.js";
-import { useI18n as q } from "@feedmepos/mf-common";
-import { b as he, c as j } from "./rules-CinZKpvV.js";
-import { _ as Be, c as ke, d as Ie } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DQlSMRoB.js";
-const $ = { amount: 1, precision: 0 };
-function H(v, u) {
+import { defineComponent as Y, ref as ue, computed as F, resolveComponent as E, createElementBlock as m, createCommentVNode as I, openBlock as a, createElementVNode as n, createVNode as y, toDisplayString as f, unref as s, Fragment as $, renderList as M, normalizeStyle as me, createTextVNode as ce, reactive as G, withCtx as A, createBlock as K, nextTick as pe } from "vue";
+import { a as q, v as ye, w as fe, s as ve, F as _e } from "./app-tiHt7P8o.js";
+import { t as xe, n as ge, i as be, e as he, f as W, I as j, a as S } from "./rules-BpG29H9Z.js";
+import { u as Be } from "./use-inventory-binding-dialog-D_N7K7pw.js";
+import { useI18n as H } from "@feedmepos/mf-common";
+import { _ as ke, c as Ie, d as Ve } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D1-MLyJi.js";
+const N = { amount: 1, precision: 0 };
+function J(v, u) {
   return { amount: v.amount * u.amount, precision: v.precision + u.precision };
 }
-function Ve(v, u) {
-  const s = J(u), p = H(v, s);
-  return _e(p.amount / 10 ** p.precision, p.precision);
+function we(v, u) {
+  const r = Q(u), p = J(v, r);
+  return ge(p.amount / 10 ** p.precision, p.precision);
 }
-function J(v) {
-  if (v.trim().length === 0) return $;
+function Q(v) {
+  if (v.trim().length === 0) return N;
   const u = Number(v);
-  return Number.isFinite(u) ? ve(u, xe(u)) : $;
+  return Number.isFinite(u) ? xe(u, be(u)) : N;
 }
-function Q(v, u, s = 0, p = /* @__PURE__ */ new Set(), R = $) {
+function X(v, u, r = 0, p = /* @__PURE__ */ new Set(), R = N) {
   if (p.has(v)) return [];
   const x = new Set(p).add(v);
   return u.contentsOf(v).flatMap((t, g) => {
-    const d = t.type === "RECIPE", c = H(t.amount ?? $, R), b = {
-      key: `${s}-${g}-${t.id}`,
+    const d = t.type === "RECIPE", c = J(t.amount ?? N, R), b = {
+      key: `${r}-${g}-${t.id}`,
       name: u.bindingName(t),
       amount: c,
       unit: u.bindingUnit(t),
-      depth: s,
+      depth: r,
       isRecipe: d
     };
-    return d ? [b, ...Q(t.id, u, s + 1, x, c)] : [b];
+    return d ? [b, ...X(t.id, u, r + 1, x, c)] : [b];
   });
 }
-const we = {
+const Fe = {
   key: 0,
   class: "flex flex-col pb-8 fm-typo-en-body-sm-400"
-}, Fe = {
+}, Ee = {
   key: 0,
   class: "flex items-center gap-4 px-12 text-fm-color-typo-secondary"
-}, Ee = {
+}, Re = {
   key: 1,
   class: "flex flex-col text-fm-color-typo-secondary"
-}, Re = { class: "flex-1 line-clamp-1" }, Ce = {
+}, Ce = { class: "flex-1 line-clamp-1" }, Ue = {
   key: 0,
   class: "text-fm-color-typo-disabled"
-}, Ue = {
+}, Ae = {
   key: 2,
   class: "flex gap-4 px-12 text-fm-color-system-warning-400"
-}, Ae = /* @__PURE__ */ W({
+}, $e = /* @__PURE__ */ Y({
   __name: "RecipeBindingBreakdown",
   props: {
     recipeId: {},
     multiplier: {}
   },
   setup(v) {
-    const u = v, { t: s } = q(), p = Y(), R = {
+    const u = v, { t: r } = H(), p = q(), R = {
       contentsOf: (d) => {
         var c;
         return ((c = p.recipeById[d]) == null ? void 0 : c.contains) ?? [];
@@ -74,12 +73,12 @@ const we = {
         var c, b;
         return d.type === "RECIPE" ? "" : ((c = d.measurement) == null ? void 0 : c.abbrev) ?? ((b = p.skuById[d.id]) == null ? void 0 : b.unit.abbrev) ?? "";
       }
-    }, x = de(!1), t = F(() => Q(u.recipeId, R)), g = F(() => J(u.multiplier).precision > 0);
+    }, x = ue(!1), t = F(() => X(u.recipeId, R)), g = F(() => Q(u.multiplier).precision > 0);
     return (d, c) => {
       const b = E("FmButton"), P = E("FmIcon");
-      return t.value.length || g.value ? (a(), m("div", we, [
-        t.value.length ? (a(), m("div", Fe, [
-          n("span", null, f(r(s)("inventory.inventoryBindings.itemsLinked", { count: t.value.length }, t.value.length)), 1),
+      return t.value.length || g.value ? (a(), m("div", Fe, [
+        t.value.length ? (a(), m("div", Ee, [
+          n("span", null, f(s(r)("inventory.inventoryBindings.itemsLinked", { count: t.value.length }, t.value.length)), 1),
           y(b, {
             type: "button",
             variant: "plain",
@@ -87,58 +86,58 @@ const we = {
             onClick: c[0] || (c[0] = (h) => x.value = !x.value)
           }, null, 8, ["icon"])
         ])) : I("", !0),
-        x.value ? (a(), m("div", Ee, [
-          (a(!0), m(A, null, M(t.value, (h) => (a(), m("div", {
+        x.value ? (a(), m("div", Re, [
+          (a(!0), m($, null, M(t.value, (h) => (a(), m("div", {
             key: h.key,
             class: "flex gap-8 py-4 px-12",
-            style: ue({ paddingLeft: `${12 + h.depth * 16}px` })
+            style: me({ paddingLeft: `${12 + h.depth * 16}px` })
           }, [
-            n("span", Re, [
-              me(f(h.name) + " ", 1),
-              h.isRecipe ? (a(), m("span", Ce, " (" + f(r(s)("inventory.inventoryBindings.recipe")) + ") ", 1)) : I("", !0)
+            n("span", Ce, [
+              ce(f(h.name) + " ", 1),
+              h.isRecipe ? (a(), m("span", Ue, " (" + f(s(r)("inventory.inventoryBindings.recipe")) + ") ", 1)) : I("", !0)
             ]),
-            n("span", null, f(r(Ve)(h.amount, d.multiplier)) + " " + f(h.unit), 1)
+            n("span", null, f(s(we)(h.amount, d.multiplier)) + " " + f(h.unit), 1)
           ], 4))), 128))
         ])) : I("", !0),
-        g.value ? (a(), m("div", Ue, [
+        g.value ? (a(), m("div", Ae, [
           y(P, {
             name: "warning",
             color: "system-warning-300",
             size: "sm"
           }),
-          n("div", null, f(r(s)("inventory.inventoryBindings.precisionWarning")), 1)
+          n("div", null, f(s(r)("inventory.inventoryBindings.precisionWarning")), 1)
         ])) : I("", !0)
       ])) : I("", !0);
     };
   }
-}), $e = { class: "flex flex-col gap-24" }, Pe = { class: "flex flex-col gap-16" }, Te = { class: "flex items-center" }, Ne = { class: "flex-1 fm-typo-en-title-sm-600" }, Se = { class: "flex flex-col" }, Me = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, De = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, ze = {
+}), Ne = { class: "flex flex-col gap-24" }, Pe = { class: "flex flex-col gap-16" }, Te = { class: "flex items-center" }, Se = { class: "flex-1 fm-typo-en-title-sm-600" }, Me = { class: "flex flex-col" }, De = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, ze = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Le = {
   class: "flex items-center",
   style: { "min-height": "48px" }
-}, Le = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Oe = { class: "line-clamp-1" }, Ge = { class: "w-[200px]" }, Ke = {
+}, Oe = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Ge = { class: "line-clamp-1" }, Ke = { class: "w-[200px]" }, We = {
   key: 0,
   class: "w-[52px]"
 }, je = {
   key: 0,
   class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
-}, We = { class: "flex flex-col gap-16" }, Ye = { class: "flex items-center" }, qe = { class: "flex-1 fm-typo-en-title-sm-600" }, He = { class: "flex flex-col" }, Je = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Qe = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Xe = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Ze = {
+}, Ye = { class: "flex flex-col gap-16" }, qe = { class: "flex items-center" }, He = { class: "flex-1 fm-typo-en-title-sm-600" }, Je = { class: "flex flex-col" }, Qe = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Xe = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ze = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, en = {
   key: 0,
   class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-}, en = {
+}, nn = {
   class: "flex items-center w-full",
   style: { "min-height": "48px" }
-}, nn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, tn = {
+}, tn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, on = {
   key: 0,
   class: "w-[52px]"
-}, on = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, ln = {
+}, ln = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, sn = {
   key: 1,
   class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-}, sn = {
+}, rn = {
   class: "flex items-center w-full",
   style: { "min-height": "48px" }
-}, rn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, an = { class: "line-clamp-1 w-full" }, dn = { class: "w-[150px]" }, un = {
+}, an = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, dn = { class: "line-clamp-1 w-full" }, un = { class: "w-[150px]" }, mn = {
   key: 0,
   class: "w-[52px]"
-}, mn = { class: "flex flex-col px-12 pb-4" }, gn = /* @__PURE__ */ W({
+}, cn = { class: "flex flex-col px-12 pb-4" }, gn = /* @__PURE__ */ Y({
   __name: "InventoryBindingForm",
   props: {
     id: {},
@@ -152,7 +151,7 @@ const we = {
   },
   emits: ["update:modelValue", "click:pick-inventory-bindings"],
   setup(v, { emit: u }) {
-    const { t: s } = q(), p = Y(), R = F(() => p.recipeById), x = F(() => p.skuById), t = v, g = u, d = F(() => pe({
+    const { t: r } = H(), p = q(), R = F(() => p.recipeById), x = F(() => p.skuById), t = v, g = u, d = F(() => ye({
       parentId: t.id,
       bindings: t.modelValue,
       recipes: p.recipes.map((o) => o._id === t.id ? {
@@ -166,68 +165,69 @@ const we = {
         }
       } : o),
       skuGroups: []
-    }).inventoryBindings.filter((o) => "error" in o && o.error).map((o) => o).filter((o) => o.reason === ye.enum.circularDependency)), c = F(
+    }).inventoryBindings.filter((o) => "error" in o && o.error).map((o) => o).filter((o) => o.reason === fe.enum.circularDependency)), c = F(
       () => new Set(d.value.map((e) => {
         var i;
         return (i = e.bindingPaths[0]) == null ? void 0 : i.id;
       }))
     ), b = F(() => t.modelValue.filter((e) => e.type === "RECIPE")), P = { amount: 1, precision: 0 }, h = G({});
-    function T(e) {
+    function C(e) {
       return h[e.id] ?? S(e.amount ?? P);
     }
-    function X(e, i) {
-      h[e.id] = i, oe(e.id, i, t.modelValue);
+    function Z(e, i) {
+      h[e.id] = i, ie(e.id, i, t.modelValue);
     }
-    const { promptIngredientsBinding: Z, promptRecipesBinding: ee } = be();
-    async function ne() {
+    const { promptIngredientsBinding: ee, promptRecipesBinding: ne } = Be();
+    async function te() {
       if (t.iframeMode) {
         g("click:pick-inventory-bindings", "RECIPE");
         return;
       }
-      ee(
+      ne(
         t.modelValue,
         (e) => g("update:modelValue", e),
         t.id ? [t.id] : []
       );
     }
     const D = F(() => t.modelValue.filter((e) => e.type === "SKU") ?? []);
-    async function te() {
+    async function oe() {
       if (t.iframeMode) {
         g("click:pick-inventory-bindings", "SKU");
         return;
       }
-      Z(
+      ee(
         t.modelValue,
         (e) => g("update:modelValue", e),
         t.excludeBindingId,
         t.id ? [t.id] : []
       );
     }
-    function oe(e, i, o) {
+    function ie(e, i, o) {
+      if (j()(i) !== !0) return;
       const _ = +i;
       let V = o;
-      i.length > 0 && isFinite(_) ? V = o.map((B) => (B.id !== e || (B.amount = ge(_)), B)) : V = o.map((B) => (B.id !== e || (B.amount = { amount: 0, precision: 0 }), B)), g("update:modelValue", V);
+      i.length > 0 && isFinite(_) ? V = o.map((B) => (B.id !== e || (B.amount = ve.fromNumber(_)), B)) : V = o.map((B) => (B.id !== e || (B.amount = { amount: 0, precision: 0 }), B)), g("update:modelValue", V);
     }
-    function N(e, i) {
+    function T(e, i) {
       delete h[e];
       const o = i.filter((_) => _.id !== e);
       g("update:modelValue", o);
     }
     function z(e) {
       var o, _;
-      if (e.type !== fe.enum.SKU)
+      if (e.type !== _e.enum.SKU)
         throw new Error("Non-SKU binding does not have unit");
       if (!((o = x.value[e.id]) == null ? void 0 : o.unit))
         throw new Error(`Cannot find ingredient: ${e.id}`);
       return (_ = x.value[e.id]) == null ? void 0 : _.unit;
     }
-    function ie(e) {
+    function le(e) {
       return !x.value[e.id];
     }
-    function le(e) {
+    function se(e) {
       return { amount: e.amount, measurement: e.measurement };
     }
-    function se(e, i, o) {
+    function re(e, i, o) {
       const _ = o.map((V) => V.id !== e ? V : {
         ...V,
         amount: i.amount,
@@ -236,7 +236,7 @@ const we = {
       g("update:modelValue", _);
     }
     const L = G({});
-    function re(e) {
+    function ae(e) {
       return L[e.id] ?? {
         modelValue: {
           amount: e.amount,
@@ -245,8 +245,8 @@ const we = {
         amountAsString: S(e.amount)
       };
     }
-    function ae(e, i) {
-      ce(() => {
+    function de(e, i) {
+      pe(() => {
         L[e.id] = {
           modelValue: {
             amount: e.amount,
@@ -258,7 +258,7 @@ const we = {
     }
     return (e, i) => {
       const o = E("FmFormGroup"), _ = E("FmButton"), V = E("FmTooltip"), B = E("FmTextField"), O = E("FmIcon");
-      return a(), m("div", $e, [
+      return a(), m("div", Ne, [
         y(o, {
           disabled: e.disabled,
           "model-value": e.modelValue,
@@ -267,85 +267,85 @@ const we = {
             () => d.value.length ? "There is a binding error in your configuration" : !0
           ]
         }, {
-          label: U(() => i[0] || (i[0] = [
+          label: A(() => i[0] || (i[0] = [
             n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
           ])),
           _: 1
         }, 8, ["disabled", "model-value", "rules"]),
         n("div", Pe, [
           n("div", Te, [
-            n("div", Ne, f(r(s)("inventory.inventoryBindings.recipe")), 1),
+            n("div", Se, f(s(r)("inventory.inventoryBindings.recipe")), 1),
             e.readonly ? I("", !0) : (a(), K(_, {
               key: 0,
               variant: "secondary",
               "text-color": "primary",
               "border-color": "primary",
-              label: r(s)("inventory.inventoryBindings.linkRecipe"),
+              label: s(r)("inventory.inventoryBindings.linkRecipe"),
               "prepend-icon": "link",
-              onClick: ne
+              onClick: te
             }, null, 8, ["label"]))
           ]),
-          n("div", Se, [
-            n("div", Me, [
-              n("div", De, f(r(s)("inventory.inventoryBindings.recipe")), 1),
+          n("div", Me, [
+            n("div", De, [
+              n("div", ze, f(s(r)("inventory.inventoryBindings.recipe")), 1),
               i[1] || (i[1] = n("div", { class: "w-[200px]" }, null, -1)),
               i[2] || (i[2] = n("div", { class: "w-[52px]" }, null, -1))
             ]),
-            (a(!0), m(A, null, M(b.value, (l) => {
-              var C;
+            (a(!0), m($, null, M(b.value, (l) => {
+              var U;
               return a(), m("div", {
                 key: l.id,
                 class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100"
               }, [
-                n("div", ze, [
-                  n("div", Le, [
+                n("div", Le, [
+                  n("div", Oe, [
                     y(V, {
                       zIndex: 51,
                       variant: "plain",
                       placement: "top",
-                      content: (C = R.value[l.id]) == null ? void 0 : C.name
+                      content: (U = R.value[l.id]) == null ? void 0 : U.name
                     }, {
-                      default: U(() => {
+                      default: A(() => {
                         var w;
                         return [
-                          n("span", Oe, f((w = R.value[l.id]) == null ? void 0 : w.name), 1)
+                          n("span", Ge, f((w = R.value[l.id]) == null ? void 0 : w.name), 1)
                         ];
                       }),
                       _: 2
                     }, 1032, ["content"])
                   ]),
-                  n("div", Ge, [
+                  n("div", Ke, [
                     y(o, {
                       disabled: e.disabled,
-                      modelValue: +T(l),
-                      rules: [r(he)(e.allowRecipeDecimal ? 5 : 0), r(j)(-1)]
+                      modelValue: s(j)()(C(l)) === !0 ? +C(l) : C(l),
+                      rules: [s(he)(e.allowRecipeDecimal ? 5 : 0), s(W)(-1)]
                     }, {
-                      default: U(({ invalid: w }) => [
+                      default: A(({ invalid: w }) => [
                         y(B, {
                           class: "w-full",
                           disabled: e.disabled,
-                          modelValue: T(l),
-                          "onUpdate:modelValue": (k) => X(l, k),
+                          modelValue: C(l),
+                          "onUpdate:modelValue": (k) => Z(l, k),
                           invalid: w
                         }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
                       ]),
                       _: 2
                     }, 1032, ["disabled", "modelValue", "rules"])
                   ]),
-                  e.readonly ? I("", !0) : (a(), m("div", Ke, [
+                  e.readonly ? I("", !0) : (a(), m("div", We, [
                     y(_, {
                       disabled: e.disabled,
                       type: "button",
                       variant: "plain",
                       icon: "delete",
                       "icon-color": "#000000",
-                      onClick: (w) => N(l.id, e.modelValue)
+                      onClick: (w) => T(l.id, e.modelValue)
                     }, null, 8, ["disabled", "onClick"])
                   ]))
                 ]),
-                y(Ae, {
+                y($e, {
                   "recipe-id": l.id,
-                  multiplier: T(l)
+                  multiplier: C(l)
                 }, null, 8, ["recipe-id", "multiplier"]),
                 c.value.has(l.id) ? (a(), m("div", je, [
                   y(O, {
@@ -353,107 +353,107 @@ const we = {
                     color: "system-error-300",
                     size: "sm"
                   }),
-                  n("div", null, f(r(s)("inventory.inventoryBindings.circularError")), 1)
+                  n("div", null, f(s(r)("inventory.inventoryBindings.circularError")), 1)
                 ])) : I("", !0)
               ]);
             }), 128))
           ])
         ]),
-        n("div", We, [
-          n("div", Ye, [
-            n("div", qe, f(r(s)("inventory.inventoryBindings.ingredient")), 1),
+        n("div", Ye, [
+          n("div", qe, [
+            n("div", He, f(s(r)("inventory.inventoryBindings.ingredient")), 1),
             e.readonly ? I("", !0) : (a(), K(_, {
               key: 0,
               variant: "secondary",
               "text-color": "primary",
               "border-color": "primary",
-              label: r(s)("inventory.inventoryBindings.linkIngredient"),
+              label: s(r)("inventory.inventoryBindings.linkIngredient"),
               "prepend-icon": "link",
-              onClick: te
+              onClick: oe
             }, null, 8, ["label"]))
           ]),
-          n("div", He, [
-            n("div", Je, [
-              n("div", Qe, f(r(s)("inventory.inventoryBindings.ingredient")), 1),
-              n("div", Xe, f(r(s)("inventory.inventoryBindings.amount")), 1),
+          n("div", Je, [
+            n("div", Qe, [
+              n("div", Xe, f(s(r)("inventory.inventoryBindings.ingredient")), 1),
+              n("div", Ze, f(s(r)("inventory.inventoryBindings.amount")), 1),
               i[3] || (i[3] = n("div", { class: "w-[52px]" }, null, -1))
             ]),
-            (a(!0), m(A, null, M(D.value, (l, C) => {
+            (a(!0), m($, null, M(D.value, (l, U) => {
               var w;
-              return a(), m(A, {
+              return a(), m($, {
                 key: l.id
               }, [
-                ie(l) ? (a(), m("div", Ze, [
-                  n("div", en, [
-                    n("div", nn, f(l.id), 1),
-                    e.readonly ? I("", !0) : (a(), m("div", tn, [
+                le(l) ? (a(), m("div", en, [
+                  n("div", nn, [
+                    n("div", tn, f(l.id), 1),
+                    e.readonly ? I("", !0) : (a(), m("div", on, [
                       y(_, {
                         disabled: e.disabled,
                         type: "button",
                         variant: "tertiary",
                         icon: "delete",
-                        onClick: (k) => N(l.id, e.modelValue)
+                        onClick: (k) => T(l.id, e.modelValue)
                       }, null, 8, ["disabled", "onClick"])
                     ]))
                   ]),
-                  n("div", on, [
+                  n("div", ln, [
                     y(O, {
                       name: "error",
                       color: "system-error-300",
                       size: "sm"
                     }),
-                    n("div", null, f(r(s)("inventory.inventoryBindings.missingIngredient")), 1)
+                    n("div", null, f(s(r)("inventory.inventoryBindings.missingIngredient")), 1)
                   ])
-                ])) : (a(), m("div", ln, [
-                  n("div", sn, [
-                    n("div", rn, [
+                ])) : (a(), m("div", sn, [
+                  n("div", rn, [
+                    n("div", an, [
                       y(V, {
                         zIndex: 51,
                         variant: "plain",
                         placement: "top",
                         content: (w = x.value[l.id]) == null ? void 0 : w.name
                       }, {
-                        default: U(() => {
+                        default: A(() => {
                           var k;
                           return [
-                            n("span", an, f((k = x.value[l.id]) == null ? void 0 : k.name), 1)
+                            n("span", dn, f((k = x.value[l.id]) == null ? void 0 : k.name), 1)
                           ];
                         }),
                         _: 2
                       }, 1032, ["content"])
                     ]),
-                    n("div", dn, [
-                      y(Be, {
-                        "model-value": le(l),
-                        "onUpdate:modelValue": (k) => k && se(l.id, k, e.modelValue),
-                        "onUpdate:amount": (k) => ae(l, k),
+                    n("div", un, [
+                      y(ke, {
+                        "model-value": se(l),
+                        "onUpdate:modelValue": (k) => k && re(l.id, k, e.modelValue),
+                        "onUpdate:amount": (k) => de(l, k),
                         unit: z(l),
-                        placement: C === D.value.length - 1 ? "top" : "bottom",
+                        placement: U === D.value.length - 1 ? "top" : "bottom",
                         "convert-amount-on-change-unit": "",
                         disabled: e.readonly
                       }, null, 8, ["model-value", "onUpdate:modelValue", "onUpdate:amount", "unit", "placement", "disabled"])
                     ]),
-                    e.readonly ? I("", !0) : (a(), m("div", un, [
+                    e.readonly ? I("", !0) : (a(), m("div", mn, [
                       y(_, {
                         disabled: e.disabled,
                         type: "button",
                         variant: "tertiary",
                         icon: "delete",
-                        onClick: (k) => N(l.id, e.modelValue)
+                        onClick: (k) => T(l.id, e.modelValue)
                       }, null, 8, ["disabled", "onClick"])
                     ]))
                   ]),
-                  n("div", mn, [
+                  n("div", cn, [
                     y(o, {
-                      modelValue: +r(S)(l.amount ?? { amount: 1, precision: 0 }),
-                      rules: [r(j)(0)]
+                      modelValue: +s(S)(l.amount ?? { amount: 1, precision: 0 }),
+                      rules: [s(W)(0)]
                     }, null, 8, ["modelValue", "rules"]),
                     y(o, {
-                      modelValue: re(l),
+                      modelValue: ae(l),
                       rules: [
-                        r(ke)(),
-                        r(Ie)(z(l)),
-                        () => c.value.has(l.id) ? r(s)("inventory.inventoryBindings.invalidWarning") : !0
+                        s(Ie)(),
+                        s(Ve)(z(l)),
+                        () => c.value.has(l.id) ? s(r)("inventory.inventoryBindings.invalidWarning") : !0
                       ]
                     }, null, 8, ["modelValue", "rules"])
                   ])
@@ -468,5 +468,5 @@ const we = {
 });
 export {
   gn as _,
-  Ae as a
+  $e as a
 };

package/dist/{InventoryBindingSummary-C_W456aj.js → InventoryBindingSummary-BrIFW5dO.js}

@@ -1,7 +1,7 @@
 import { defineComponent as l, resolveComponent as m, createBlock as c, openBlock 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-Duum3eHx.js";
+import { F as r } from "./app-tiHt7P8o.js";
 const w = /* @__PURE__ */ l({
   __name: "InventoryBindingSummary",
   props: {

package/dist/JsonViewer.vue_vue_type_script_setup_true_lang-C_hg75l0.js

@@ -0,0 +1,25 @@
+import { defineComponent as s, ref as a, onMounted as i, onBeforeUnmount as l, createElementBlock as c, openBlock as p } from "vue";
+import { E as e, b as u, j as f } from "./index-C25C1Dg7.js";
+const w = /* @__PURE__ */ s({
+  __name: "JsonViewer",
+  props: {
+    value: {}
+  },
+  setup(t) {
+    const r = t, n = a(null);
+    let o;
+    return i(() => {
+      o = new e({
+        parent: n.value,
+        doc: JSON.stringify(r.value, null, 2),
+        extensions: [u, f(), e.editable.of(!1), e.lineWrapping]
+      });
+    }), l(() => o.destroy()), (m, _) => (p(), c("div", {
+      ref_key: "container",
+      ref: n
+    }, null, 512));
+  }
+});
+export {
+  w as _
+};