@feedmepos/mf-inventory-portal 1.8.0-dev.0 → 1.8.0-dev.10

package/dist/{IngredientsView-DtDtzaMt.js → IngredientsView-JfKlUU2E.js}

@@ -1,74 +1,73 @@
-import { ref as P, defineComponent as ke, computed as g, resolveComponent as S, createElementBlock as V, openBlock as c, Fragment as ee, createCommentVNode as N, createVNode as s, unref as o, withModifiers as Rt, withCtx as b, createElementVNode as n, renderList as de, createBlock as j, toDisplayString as $, normalizeClass as ie, h as Z, mergeModels as st, onMounted as Ot, watch as _t, useModel as Bt, createTextVNode as xt, isRef as rt, createSlots as kt, normalizeStyle as Dt, Teleport as it, normalizeProps as Nt, guardReactiveProps as zt } from "vue";
-import { a as Fe, c as wt, S as Lt, g as dt, e as ut, f as jt, h as mt, i as ct, j as pt, k as vt, u as Wt, l as qt } from "./app-CGcDbrt8.js";
+import { ref as P, defineComponent as xe, computed as g, resolveComponent as S, createElementBlock as V, openBlock as p, Fragment as ee, createCommentVNode as L, createVNode as s, unref as o, withModifiers as Rt, withCtx as x, createElementVNode as n, renderList as de, createBlock as Y, toDisplayString as $, normalizeClass as ie, h as Z, mergeModels as st, onMounted as Ot, watch as _t, useModel as Bt, createTextVNode as xt, isRef as rt, createSlots as kt, normalizeStyle as Dt, Teleport as it, normalizeProps as Nt, guardReactiveProps as zt } from "vue";
+import { a as Fe, c as wt, S as Lt, g as dt, e as ut, f as jt, h as ct, i as mt, j as pt, k as vt, u as Wt, l as qt } from "./app-OztWApio.js";
 import { useDialog as Ke, useSnackbar as Ae, components as ze, useProxiedModel as ft, useDialogChild as Ht, useBreakpoints as Yt } from "@feedmepos/ui-library";
 import { i as Kt, _ as Gt, m as Jt } from "./menu-usage-module-BdjYEk3s.js";
-import { F as W } from "./form-mode.enum-BKiNVH6A.js";
+import { F as j } from "./form-mode.enum-BKiNVH6A.js";
 import { useI18n as pe, useCoreStore as Ge } from "@feedmepos/mf-common";
 import { defineStore as Qt, storeToRefs as Xt } from "pinia";
-import { D as yt, R as Pe } from "./row-action.enum-ncgDYAjP.js";
+import { D as yt, R as Pe } from "./row-action.enum-B2Y5YFbc.js";
 import { c as Zt } from "./component-BmLAdDiY.js";
-import { u as Ee, _ as en } from "./netsuite-CaILEA4R.js";
+import { u as Ee, _ as en } from "./netsuite-DEhdSyBn.js";
 import { F as Be } from "./FmAdminBadge-DlplQOHb.js";
 import { u as tn, _ as nn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { A as Oe, R as Le, U as on, M as ln } from "./rules-CkaU7yFU.js";
-import { g as an, _ as je, S as We, a as sn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-BTh5E4Tt.js";
-import { _ as rn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-tEKGPtHZ.js";
-import { _ as qe } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-6naVJEke.js";
-import { u as Tt } from "./feature-DtpSrELx.js";
-import { t as dn, a as un, g as mn } from "./number-DE6ovaTs.js";
-import { _ as xe } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-DX2MJqL4.js";
-import { d as Re, g as cn, e as pn, a as vn } from "./import-export.helper-BgaADwYQ.js";
-import { _ as fn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
+import { A as Oe, t as on, a as ln, R as Le, U as an, M as sn, g as rn } from "./rules-D01xYhgI.js";
+import { g as dn, _ as je, S as We, a as un } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-CewKTZzy.js";
+import { _ as cn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CNjTdNL7.js";
+import { _ as qe, u as mn } from "./FmMultiselectDialog-Bx9cLdYs.js";
+import { u as Tt } from "./feature-BUVZ_ab3.js";
+import { _ as ke } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-BUYI8koH.js";
+import { d as Re, g as pn, e as vn, a as fn } from "./import-export.helper-BdQ_d-fT.js";
+import { _ as yn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
 import { _ as Ce } from "./FmLockableField.vue_vue_type_script_setup_true_lang-FCg4K7y8.js";
-import { F as yn, a as He } from "./FmMultiselectDialog-eH3nO3P3.js";
-import { u as Vt } from "./purchase-order-template-CE4_gQyK.js";
-import { u as It, a as St } from "./closing-template-B4lQetjU.js";
-import { _ as gn, F as gt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
-import { r as bn } from "./xlsx.util-DrElrKDx.js";
-import { F as hn } from "./FmDroppableField-J0tG_U3w.js";
-import { _ as _n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CB50Gqot.js";
-import { u as xn } from "./FmMultiselectDialog-7xh6h5AX.js";
+import { F as gn, a as He } from "./FmMultiselectDialog-DvaWLGY5.js";
+import { u as Vt } from "./purchase-order-template-DfMmpsrJ.js";
+import { u as It, a as St } from "./closing-template-DIxXDgZQ.js";
+import { _ as bn } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as gt } from "./index-eGvSlWMU.js";
+import { r as hn } from "./xlsx.util-CKx0NYTq.js";
+import { F as _n } from "./FmDroppableField-J0tG_U3w.js";
+import { _ as xn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CiBhz5sq.js";
 import { P as kn, J as wn } from "./app-C39bYJmq.js";
 const Ye = Qt("ingredientForm", function() {
-  const _ = Ke(), k = Ae(), u = Fe(), x = P(!1), { t: C } = pe(), A = P();
+  const h = Ke(), k = Ae(), d = Fe(), _ = P(!1), { t: C } = pe(), A = P();
   function U() {
     const a = {
       sku: {},
-      mode: W.CREATE,
+      mode: j.CREATE,
       show: !0,
-      "onUpdate:show"(d) {
-        A.value.show = d;
+      "onUpdate:show"(c) {
+        A.value.show = c;
       }
     };
     A.value = a;
   }
   async function l(a) {
-    const d = {
+    const c = {
       sku: wt(a),
-      mode: W.UPDATE,
+      mode: j.UPDATE,
       show: !0,
       "onUpdate:show"(r) {
         A.value.show = r;
       }
     };
-    A.value = d;
+    A.value = c;
   }
   async function i(a) {
-    x.value = !0;
+    _.value = !0;
     try {
-      await u.deleteSku(a), k.open({
+      await d.deleteSku(a), k.open({
         title: "Success",
         message: `Deleted ${a.name}`,
         type: "success"
       });
-    } catch (d) {
-      if (d instanceof Lt && Kt(d)) {
-        _.open({
+    } catch (c) {
+      if (c instanceof Lt && Kt(c)) {
+        h.open({
           title: "Cannot delete ingredient",
           contentComponent: Gt,
           contentComponentProps: {
             subject: (a == null ? void 0 : a.name) ?? "",
-            items: d.errorResponse.errors.map((r) => {
+            items: c.errorResponse.errors.map((r) => {
               var f;
               return {
                 chain: [
@@ -91,13 +90,13 @@ const Ye = Qt("ingredientForm", function() {
         title: `Cannot delete ${a.name}`,
         message: "Please try again.",
         type: "error"
-      }), console.error("failed to delete ingredient", d);
+      }), console.error("failed to delete ingredient", c);
     } finally {
-      x.value = !1;
+      _.value = !1;
     }
   }
-  function m(a) {
-    _.open({
+  function u(a) {
+    h.open({
       title: C("inventory.ingredient.delete.title", [(a == null ? void 0 : a.name) ?? ""]),
       closeButton: !1,
       message: C("inventory.ingredient.delete.message"),
@@ -115,9 +114,9 @@ const Ye = Qt("ingredientForm", function() {
   return {
     createIngredient: U,
     updateIngredient: l,
-    deleteIngredient: m,
+    deleteIngredient: u,
     ingredientDialogProps: A,
-    ingredientViewLoading: x
+    ingredientViewLoading: _
   };
 }), Tn = {
   key: 0,
@@ -128,58 +127,58 @@ const Ye = Qt("ingredientForm", function() {
 }, An = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, En = { class: "flex flex-col gap-2 mt-4" }, $n = { class: "flex items-center gap-2 fm-typo-en-body-md-400" }, Mn = { class: "flex flex-wrap gap-2" }, Un = { class: "flex flex-col" }, Pn = { class: "flex flex-col bg-fm-color-bg-secondary font-mono p-4 rounded-md" }, Rn = { class: "text-fm-color-typo-tertiary flex-shrink-0 fm-typo-en-body-md-400 whitespace-pre flex items-center" }, On = { class: "px-2 py-1 rounded-md bg-blue-200 border-2 border-blue-400" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Dn = /* @__PURE__ */ ke({
+}, En = { class: "flex flex-col gap-2 mt-4" }, $n = { class: "flex items-center gap-2 fm-typo-en-body-md-400" }, Mn = { class: "flex flex-wrap gap-2" }, Un = { class: "flex flex-col" }, Pn = { class: "flex flex-col bg-fm-color-bg-secondary font-mono p-4 rounded-md" }, Rn = { class: "text-fm-color-typo-tertiary flex-shrink-0 fm-typo-en-body-md-400 whitespace-pre flex items-center" }, On = { class: "px-2 py-1 rounded-md bg-blue-200 border-2 border-blue-400" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Dn = /* @__PURE__ */ xe({
   __name: "ItemSubsidiaryTreeDialog",
   props: {
     skuId: {},
     itemName: {},
     itemCode: {}
   },
-  setup(q) {
-    const _ = q, { t: k } = pe(), u = Ge(), x = Ee(), C = P(!1), A = g(() => {
+  setup(W) {
+    const h = W, { t: k } = pe(), d = Ge(), _ = Ee(), C = P(!1), A = g(() => {
       var r;
-      return ((r = u.sessionUser.value) == null ? void 0 : r.role.isAdmin) ?? !1;
-    }), U = g(() => x.getSkuSubsidiaries(_.skuId)), l = g(() => {
+      return ((r = d.sessionUser.value) == null ? void 0 : r.role.isAdmin) ?? !1;
+    }), U = g(() => _.getSkuSubsidiaries(h.skuId)), l = g(() => {
       const r = /* @__PURE__ */ new Set();
       function f(F) {
-        for (const p of F)
-          p.isAssigned && (r.add(p.id), U.value.includeChildren && w(p)), p.children && p.children.length > 0 && f(p.children);
+        for (const m of F)
+          m.isAssigned && (r.add(m.id), U.value.includeChildren && w(m)), m.children && m.children.length > 0 && f(m.children);
       }
       function w(F) {
         if (F.children)
-          for (const p of F.children)
-            r.add(p.id), w(p);
+          for (const m of F.children)
+            r.add(m.id), w(m);
       }
       return f(U.value.subsidiaryTree), r;
     });
     function i(r, f = [], w = !1) {
       const F = [];
-      return r.forEach((p, B) => {
+      return r.forEach((m, B) => {
         const R = B === r.length - 1, ve = [...f, R];
         let ne = "";
         for (let te = 0; te < f.length; te++)
           ne += f[te] ? "    " : "│   ";
         ne += R ? "└── " : "├── ";
-        const ue = l.value.has(p.id), oe = p.isAssigned === !0, le = w && !oe;
+        const ue = l.value.has(m.id), oe = m.isAssigned === !0, le = w && !oe;
         if (F.push({
-          id: p.id,
-          name: p.name,
+          id: m.id,
+          name: m.name,
           prefix: f.length === 0 ? "" : ne,
           isHighlighted: ue,
           isDirectlyBound: oe,
           isParentIncludedChild: le,
           isRoot: f.length === 0
-        }), p.children && p.children.length > 0) {
+        }), m.children && m.children.length > 0) {
           const te = w || oe && U.value.includeChildren;
-          F.push(...i(p.children, ve, te));
+          F.push(...i(m.children, ve, te));
         }
       }), F;
     }
-    function m(r, f = []) {
+    function u(r, f = []) {
       const w = /* @__PURE__ */ new Set();
       for (const F of r) {
-        const p = [...f, F.id];
-        F.isAssigned === !0 && p.forEach((B) => w.add(B)), F.children && F.children.length > 0 && m(F.children, p).forEach((R) => w.add(R));
+        const m = [...f, F.id];
+        F.isAssigned === !0 && m.forEach((B) => w.add(B)), F.children && F.children.length > 0 && u(F.children, m).forEach((R) => w.add(R));
       }
       return w;
     }
@@ -190,36 +189,36 @@ const Ye = Qt("ingredientForm", function() {
         children: w.children ? a(w.children, f) : []
       } : null).filter(Boolean);
     }
-    const d = g(() => {
+    const c = g(() => {
       let r = U.value.subsidiaryTree;
-      if ((!r || r.length === 0) && (r = x.getBusinessSubsidiaryTree()), !A.value) {
-        const f = m(r);
+      if ((!r || r.length === 0) && (r = _.getBusinessSubsidiaryTree()), !A.value) {
+        const f = u(r);
         r = a(r, f);
       }
       return i(r, []);
     });
     return (r, f) => {
       const w = S("FmButton"), F = S("FmDialog");
-      return c(), V(ee, null, [
-        o(x).isEnabled ? (c(), V("div", Tn, [
+      return p(), V(ee, null, [
+        o(_).isEnabled ? (p(), V("div", Tn, [
           s(w, {
             "prepend-icon": "info",
             variant: "tertiary",
-            onClick: f[0] || (f[0] = Rt((p) => C.value = !0, ["stop"]))
+            onClick: f[0] || (f[0] = Rt((m) => C.value = !0, ["stop"]))
           })
-        ])) : N("", !0),
+        ])) : L("", !0),
         s(F, {
           modelValue: C.value,
-          "onUpdate:modelValue": f[1] || (f[1] = (p) => C.value = p),
+          "onUpdate:modelValue": f[1] || (f[1] = (m) => C.value = m),
           "close-button": "",
           dismissAway: ""
         }, {
-          "dialog-header": b(() => [
+          "dialog-header": x(() => [
             n("div", Vn, [
               n("div", In, $(o(k)("inventory.integration.netsuite.subsidiaryHierarchy.title")), 1),
-              n("p", Sn, " Name: " + $(_.itemName), 1),
-              n("p", Cn, " Code: " + $(_.itemCode), 1),
-              A.value ? (c(), V("p", Fn, " All subsidiaries are shown since you are an admin. ")) : (c(), V("p", An, " Only showing subsidiaries in your business path and bound subsidiaries. ")),
+              n("p", Sn, " Name: " + $(h.itemName), 1),
+              n("p", Cn, " Code: " + $(h.itemCode), 1),
+              A.value ? (p(), V("p", Fn, " All subsidiaries are shown since you are an admin. ")) : (p(), V("p", An, " Only showing subsidiaries in your business path and bound subsidiaries. ")),
               n("div", En, [
                 n("div", $n, [
                   f[2] || (f[2] = n("span", { class: "font-semibold" }, "Include Children Subsidiaries:", -1)),
@@ -235,7 +234,7 @@ const Ye = Qt("ingredientForm", function() {
                     n("span", { class: "fm-typo-en-body-sm-400" }, "Directly Bound")
                   ], -1)),
                   s(Be, null, {
-                    default: b(() => f[3] || (f[3] = [
+                    default: x(() => f[3] || (f[3] = [
                       n("div", { class: "flex items-center gap-2 px-2 py-1 rounded-md" }, [
                         n("span", { class: "w-3 h-3 rounded-sm bg-blue-400" }),
                         n("span", { class: "fm-typo-en-body-sm-400" }, "Included as Child")
@@ -247,36 +246,36 @@ const Ye = Qt("ingredientForm", function() {
               ])
             ])
           ]),
-          default: b(() => [
+          default: x(() => [
             n("div", Un, [
               n("div", Pn, [
-                (c(!0), V(ee, null, de(d.value, (p) => (c(), V("div", {
-                  key: p.id,
+                (p(!0), V(ee, null, de(c.value, (m) => (p(), V("div", {
+                  key: m.id,
                   class: "flex items-stretch"
                 }, [
-                  n("span", Rn, $(p.prefix), 1),
-                  p.isParentIncludedChild ? (c(), j(Be, {
+                  n("span", Rn, $(m.prefix), 1),
+                  m.isParentIncludedChild ? (p(), Y(Be, {
                     key: 0,
                     class: "flex-1"
                   }, {
-                    default: b(() => [
+                    default: x(() => [
                       n("div", On, [
-                        n("span", Bn, $(p.name), 1)
+                        n("span", Bn, $(m.name), 1)
                       ])
                     ]),
                     _: 2
-                  }, 1024)) : (c(), V("div", {
+                  }, 1024)) : (p(), V("div", {
                     key: 1,
                     class: ie([
                       "px-2 py-1 rounded-md flex-1",
-                      p.isDirectlyBound ? "border-2 bg-green-200 border-green-400" : "bg-fm-color-bg-primary border border-fm-color-border-secondary"
+                      m.isDirectlyBound ? "border-2 bg-green-200 border-green-400" : "bg-fm-color-bg-primary border border-fm-color-border-secondary"
                     ])
                   }, [
                     n("span", {
                       class: ie([
-                        p.isHighlighted ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                        m.isHighlighted ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
                       ])
-                    }, $(p.name), 3)
+                    }, $(m.name), 3)
                   ], 2))
                 ]))), 128))
               ])
@@ -290,15 +289,15 @@ const Ye = Qt("ingredientForm", function() {
 });
 function Nn() {
   var l;
-  const { updateIngredient: q, deleteIngredient: _ } = Ye(), k = Fe(), u = Ee(), { t: x } = pe(), C = Ge();
-  async function A(i, m) {
-    const a = wt(m);
+  const { updateIngredient: W, deleteIngredient: h } = Ye(), k = Fe(), d = Ee(), { t: _ } = pe(), C = Ge();
+  async function A(i, u) {
+    const a = wt(u);
     if (i === Pe.Edit) {
-      await q(a);
+      await W(a);
       return;
     }
     if (i === Pe.Delete) {
-      await _(a);
+      await h(a);
       return;
     }
   }
@@ -312,21 +311,21 @@ function Nn() {
     ] : [],
     {
       accessorKey: "code",
-      header: () => x("inventory.ingredient.code"),
+      header: () => _("inventory.ingredient.code"),
       enableSorting: !0,
       size: 200
     },
     {
       accessorKey: "name",
-      header: () => x("inventory.ingredient.name"),
+      header: () => _("inventory.ingredient.name"),
       enableSorting: !0,
       size: 300,
       cell(i) {
-        const m = i.row.original, a = k.skuBindingFlattenCache[m._id], d = a == null ? void 0 : a.inventoryBindings.some(
+        const u = i.row.original, a = k.skuBindingFlattenCache[u._id], c = a == null ? void 0 : a.inventoryBindings.some(
           (r) => "error" in r && r.reason === "circularDependency"
         );
         return Z("div", { class: "flex items-center w-full gap-4" }, [
-          d ? Z(
+          c ? Z(
             ze.FmTooltip,
             { class: "text-left" },
             {
@@ -338,20 +337,20 @@ function Nn() {
                 });
               },
               content() {
-                return x("inventory.inventoryBindings.circularError");
+                return _("inventory.inventoryBindings.circularError");
               }
             }
           ) : null,
-          m.name
+          u.name
         ]);
       }
     },
     {
       id: "unit",
-      header: () => x("inventory.ingredient.unit"),
+      header: () => _("inventory.ingredient.unit"),
       accessorFn: (i) => bt(i),
       cell(i) {
-        const m = i.row.original, a = bt(m);
+        const u = i.row.original, a = bt(u);
         return Z(
           ze.FmTooltip,
           { zIndex: 51, content: a },
@@ -369,28 +368,28 @@ function Nn() {
     },
     {
       accessorKey: "isInactive",
-      header: () => x("inventory.ingredient.status.title"),
+      header: () => _("inventory.ingredient.status.title"),
       cell(i) {
-        const m = i.row.original.isInactive;
+        const u = i.row.original.isInactive;
         return Z(
           "span",
           {
             class: [
               "inline-block px-3 py-1 rounded-full text-xs font-semibold",
-              m ? "bg-red-100 text-red-700" : "bg-green-100 text-green-700"
+              u ? "bg-red-100 text-red-700" : "bg-green-100 text-green-700"
             ].join(" ")
           },
-          x(m ? "inventory.ingredient.status.inactive" : "inventory.ingredient.status.active")
+          _(u ? "inventory.ingredient.status.inactive" : "inventory.ingredient.status.active")
         );
       },
       enableSorting: !0
     },
     {
       id: "netsuiteSubsidiary",
-      accessorFn: (i) => u.getSkuSubsidiaries(i._id),
+      accessorFn: (i) => d.getSkuSubsidiaries(i._id),
       header: () => "NetSuite Subsidiary",
       cell(i) {
-        const m = i.row.original, { flattenedSubsidiaryNames: a } = u.getSkuSubsidiaries(m._id);
+        const u = i.row.original, { flattenedSubsidiaryNames: a } = d.getSkuSubsidiaries(u._id);
         return Z("div", { class: "flex gap-2 items-start" }, [
           Z(
             "span",
@@ -399,7 +398,7 @@ function Nn() {
             },
             a.join(", ")
           ),
-          Z(Dn, { skuId: m._id, itemName: m.name, itemCode: m.code })
+          Z(Dn, { skuId: u._id, itemName: u.name, itemCode: u.code })
         ]);
       },
       enableSorting: !1,
@@ -411,8 +410,8 @@ function Nn() {
       cell(i) {
         return Zt(
           [yt[Pe.Edit], yt[Pe.Delete]],
-          (m) => {
-            A(m, i.row.original);
+          (u) => {
+            A(u, i.row.original);
           }
         );
       },
@@ -425,16 +424,16 @@ function Nn() {
     }
   ] };
 }
-function bt(q) {
-  var _;
-  if (q.trackingMeasurement) {
-    const k = (_ = q.unit.measurements) == null ? void 0 : _.find((u) => u.id === q.trackingMeasurement);
+function bt(W) {
+  var h;
+  if (W.trackingMeasurement) {
+    const k = (h = W.unit.measurements) == null ? void 0 : h.find((d) => d.id === W.trackingMeasurement);
     if (k)
       return `${k.name} (${k.abbrev})`;
   }
-  return `${q.unit.name} (${q.unit.abbrev})`;
+  return `${W.unit.name} (${W.unit.abbrev})`;
 }
-const zn = /* @__PURE__ */ ke({
+const zn = /* @__PURE__ */ xe({
   __name: "ConvertForm",
   props: {
     modelValue: {},
@@ -443,45 +442,45 @@ const zn = /* @__PURE__ */ ke({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(q, { emit: _ }) {
-    const k = q, u = g(() => {
-      var d;
-      return (d = k.rootValue) == null ? void 0 : d.unit;
-    }), x = g(() => {
-      var d;
-      return (d = k.rootValue) == null ? void 0 : d._id;
-    }), C = _, { t: A } = pe(), U = g({
+  setup(W, { emit: h }) {
+    const k = W, d = g(() => {
+      var c;
+      return (c = k.rootValue) == null ? void 0 : c.unit;
+    }), _ = g(() => {
+      var c;
+      return (c = k.rootValue) == null ? void 0 : c._id;
+    }), C = h, { t: A } = pe(), U = g({
       get() {
         return !!k.modelValue;
       },
-      set(d) {
-        d ? C("update:modelValue", {
+      set(c) {
+        c ? C("update:modelValue", {
           measurement: null,
           inventoryBindings: []
         }) : C("update:modelValue", null);
       }
-    }), l = g(() => an(u.value));
-    function i(d) {
+    }), l = g(() => dn(d.value));
+    function i(c) {
       const r = k.modelValue ?? {};
-      r.measurement = d ? `${d}` : null, C("update:modelValue", r);
+      r.measurement = c ? `${c}` : null, C("update:modelValue", r);
     }
-    function m(d) {
+    function u(c) {
       const r = k.modelValue ?? {};
-      r.inventoryBindings = d, C("update:modelValue", r);
+      r.inventoryBindings = c, C("update:modelValue", r);
     }
     const a = g(() => {
       if (!k.modelValue) return null;
-      const d = k.modelValue;
-      return d.measurement ? l.value.find((r) => r.value === d.measurement) ?? null : l.value.find((r) => r.value === null) ?? null;
+      const c = k.modelValue;
+      return c.measurement ? l.value.find((r) => r.value === c.measurement) ?? null : l.value.find((r) => r.value === null) ?? null;
     });
-    return (d, r) => {
+    return (c, r) => {
       const f = S("FmSwitch"), w = S("FmSelect"), F = S("FmCard");
-      return c(), j(F, {
+      return p(), Y(F, {
         variant: "outlined",
         class: "p-16 flex flex-col gap-16"
       }, {
-        default: b(() => {
-          var p, B;
+        default: x(() => {
+          var m, B;
           return [
             s(f, {
               value: "",
@@ -490,59 +489,59 @@ const zn = /* @__PURE__ */ ke({
               label: o(A)("inventory.ingredient.convertible.title"),
               sublabel: o(A)("inventory.ingredient.convertible.subtitle"),
               labelPlacement: "right",
-              disabled: d.readonly
+              disabled: c.readonly
             }, null, 8, ["model-value", "label", "sublabel", "disabled"]),
-            U.value ? (c(), V(ee, { key: 0 }, [
+            U.value ? (p(), V(ee, { key: 0 }, [
               n("div", null, [
                 s(w, {
                   label: o(A)("inventory.ingredient.convertible.convertTo"),
-                  modelValue: (p = a.value) == null ? void 0 : p.value,
+                  modelValue: (m = a.value) == null ? void 0 : m.value,
                   "onUpdate:modelValue": i,
                   items: l.value,
-                  disabled: d.readonly
+                  disabled: c.readonly
                 }, null, 8, ["label", "modelValue", "items", "disabled"])
               ]),
-              s(rn, {
-                id: x.value,
-                "model-value": ((B = d.modelValue) == null ? void 0 : B.inventoryBindings) ?? [],
-                "onUpdate:modelValue": m,
-                "exclude-binding-id": x.value,
+              s(cn, {
+                id: _.value,
+                "model-value": ((B = c.modelValue) == null ? void 0 : B.inventoryBindings) ?? [],
+                "onUpdate:modelValue": u,
+                "exclude-binding-id": _.value,
                 rules: [o(Oe)(1)],
-                readonly: d.readonly,
+                readonly: c.readonly,
                 "allow-recipe-decimal": ""
               }, null, 8, ["id", "model-value", "exclude-binding-id", "rules", "readonly"])
-            ], 64)) : N("", !0)
+            ], 64)) : L("", !0)
           ];
         }),
         _: 1
       });
     };
   }
-}), Ln = { class: "flex gap-8" }, jn = { class: "flex-1" }, Wn = { class: "flex-1" }, qn = { class: "flex flex-col gap-5" }, Hn = { class: "text-fm-color-typo-secondary" }, Yn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Kn = {
-  key: 3,
+}), Ln = { class: "flex gap-8" }, jn = { class: "flex-1" }, Wn = { class: "flex-1" }, qn = { class: "flex flex-col gap-5" }, Hn = { class: "flex flex-col gap-32" }, Yn = { class: "flex items-center gap-8" }, Kn = { class: "flex items-center gap-8" }, Gn = { class: "flex items-center gap-8" }, Jn = { class: "text-fm-color-typo-secondary" }, Qn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Xn = {
+  key: 1,
   class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, Gn = { class: "flex flex-col" }, Jn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qn = {
-  key: 4,
+}, Zn = { class: "flex flex-col" }, eo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, to = {
+  key: 2,
   class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, Xn = { class: "flex flex-col gap-12" }, Zn = { class: "flex flex-col gap-4" }, eo = { class: "fm-typo-en-title-sm-600" }, to = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, no = { class: "flex flex-col gap-4" }, oo = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, lo = { class: "flex-1 p-12 flex flex-col gap-8" }, ao = { class: "mx-auto" }, so = { class: "flex flex-col" }, ro = { class: "fm-typo-en-body-sm-600 translate-y-4" }, io = { class: "flex-1 p-12 flex flex-col gap-8" }, uo = { class: "mx-auto" }, mo = { class: "flex flex-col" }, co = { class: "fm-typo-en-body-sm-600 translate-y-4" }, po = { class: "flex-1 p-12 flex flex-col gap-8" }, vo = { class: "mx-auto" }, fo = { class: "flex flex-col" }, yo = { class: "fm-typo-en-body-sm-600 translate-y-4" }, go = {
-  key: 5,
+}, no = { class: "flex flex-col gap-12" }, oo = { class: "flex flex-col gap-4" }, lo = { class: "flex items-center gap-8" }, ao = { class: "fm-typo-en-title-sm-600" }, so = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ro = { class: "flex flex-col gap-4" }, io = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, uo = { class: "flex-1 p-12 flex flex-col gap-8" }, co = { class: "mx-auto" }, mo = { class: "flex flex-col" }, po = { class: "fm-typo-en-body-sm-600 translate-y-4" }, vo = { class: "flex-1 p-12 flex flex-col gap-8" }, fo = { class: "mx-auto" }, yo = { class: "flex flex-col" }, go = { class: "fm-typo-en-body-sm-600 translate-y-4" }, bo = { class: "flex-1 p-12 flex flex-col gap-8" }, ho = { class: "mx-auto" }, _o = { class: "flex flex-col" }, xo = { class: "fm-typo-en-body-sm-600 translate-y-4" }, ko = {
+  key: 3,
   class: "flex flex-col gap-12"
-}, bo = { class: "flex flex-col" }, ho = { class: "flex items-center justify-between" }, _o = { class: "fm-typo-en-title-sm-600" }, xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ko = {
+}, wo = { class: "flex flex-col" }, To = { class: "flex items-center justify-between" }, Vo = { class: "flex items-center gap-8" }, Io = { class: "fm-typo-en-title-sm-600" }, So = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Co = {
   key: 0,
   class: "flex flex-col gap-8"
-}, wo = { class: "flex flex-wrap gap-8" }, To = {
-  key: 6,
+}, Fo = { class: "flex flex-wrap gap-8" }, Ao = {
+  key: 4,
   class: "flex flex-col gap-12"
-}, Vo = { class: "flex flex-col" }, Io = { class: "flex items-center justify-between" }, So = { class: "fm-typo-en-title-sm-600" }, Co = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fo = {
+}, Eo = { class: "flex flex-col" }, $o = { class: "flex items-center justify-between" }, Mo = { class: "flex items-center gap-8" }, Uo = { class: "fm-typo-en-title-sm-600" }, Po = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ro = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Ao = { class: "flex flex-wrap gap-8" }, Eo = {
-  key: 7,
+}, Oo = { class: "flex flex-wrap gap-8" }, Bo = {
+  key: 5,
   class: "flex flex-col gap-12"
-}, $o = { class: "flex flex-col" }, Mo = { class: "flex items-center justify-between" }, Uo = { class: "fm-typo-en-title-sm-600" }, Po = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ro = {
+}, Do = { class: "flex flex-col" }, No = { class: "flex items-center justify-between" }, zo = { class: "flex items-center gap-8" }, Lo = { class: "fm-typo-en-title-sm-600" }, jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wo = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Oo = { class: "flex flex-wrap gap-8" }, Bo = /* @__PURE__ */ ke({
+}, qo = { class: "flex flex-wrap gap-8" }, Ho = /* @__PURE__ */ xe({
   __name: "IngredientForm",
   props: /* @__PURE__ */ st({
     mode: {},
@@ -556,23 +555,23 @@ const zn = /* @__PURE__ */ ke({
     searchModifiers: {}
   }),
   emits: /* @__PURE__ */ st(["update:modelValue", "click:submit", "update:purchaseOrderTemplateIds", "update:wastageTemplateIds", "update:closingTemplateIds"], ["update:search"]),
-  setup(q, { expose: _, emit: k }) {
+  setup(W, { expose: h, emit: k }) {
     var Xe;
-    const { t: u } = pe(), x = Ke();
+    const { t: d } = pe(), _ = Ke();
     Ae();
-    const C = Vt(), A = It(), U = St(), l = q, i = k, m = Fe(), a = Ge(), d = Tt(), r = Ee(), f = g(() => r.isEnabled);
+    const C = Vt(), A = It(), U = St(), l = W, i = k, u = Fe(), a = Ge(), c = Tt(), r = Ee(), f = g(() => r.isEnabled);
     P(void 0);
-    const w = P([]), F = P([]), p = P([]), B = P(!1);
+    const w = P([]), F = P([]), m = P([]), B = P(!1);
     function R(e) {
       if (e.length === 0) return;
-      const t = e[0], h = l.modelValue ?? {
-        unit: m.units.find((I) => I)
+      const t = e[0], b = l.modelValue ?? {
+        unit: u.units.find((I) => I)
       };
-      h.unit || (h.unit = t, i("update:modelValue", h));
+      b.unit || (b.unit = t, i("update:modelValue", b));
     }
     Ot(() => {
-      R(m.units), l.mode === W.CREATE && (d.mustUsePoTemplate && ne(), d.enableWastageTemplate && ue(), d.enableClosingTemplate && oe());
-    }), _t([() => m.units], ([e]) => {
+      R(u.units), l.mode === j.CREATE && (c.mustUsePoTemplate && ne(), c.enableWastageTemplate && ue(), c.enableClosingTemplate && oe());
+    }), _t([() => u.units], ([e]) => {
       R(e);
     });
     function ve() {
@@ -603,12 +602,12 @@ const zn = /* @__PURE__ */ ke({
       }
     }
     async function oe() {
-      p.value = [], B.value = !0;
+      m.value = [], B.value = !0;
       try {
         const [e] = await Promise.all([U.listTemplates()]).delayed(
           1e3
         );
-        p.value = e;
+        m.value = e;
       } catch (e) {
         console.log("Something went wrong when fetching closing templates:", e);
       } finally {
@@ -650,12 +649,12 @@ const zn = /* @__PURE__ */ ke({
       }
     }), fe = g({
       get() {
-        var t, h;
-        const e = (h = (t = l.modelValue) == null ? void 0 : t.defaultCost) == null ? void 0 : h.costPerUnit;
-        return e ? +un(e) : 0;
+        var t, b;
+        const e = (b = (t = l.modelValue) == null ? void 0 : t.defaultCost) == null ? void 0 : b.costPerUnit;
+        return e ? +ln(e) : 0;
       },
       set(e) {
-        var h, I, Y, D;
+        var b, I, H, D;
         const t = l.modelValue ? {
           ...l.modelValue
         } : {};
@@ -663,9 +662,9 @@ const zn = /* @__PURE__ */ ke({
           costPerUnit: {
             amount: 0,
             precision: 2,
-            currency: ((h = dt(a.currentCountry.value)) == null ? void 0 : h.currency) ?? "MYR"
+            currency: ((b = dt(a.currentCountry.value)) == null ? void 0 : b.currency) ?? "MYR"
           },
-          measurement: (D = (Y = (I = l.modelValue) == null ? void 0 : I.unit) == null ? void 0 : Y.measurements) == null ? void 0 : D.find(
+          measurement: (D = (H = (I = l.modelValue) == null ? void 0 : I.unit) == null ? void 0 : H.measurements) == null ? void 0 : D.find(
             (se) => {
               var re;
               return se.id === ((re = l.modelValue) == null ? void 0 : re.trackingMeasurement);
@@ -673,57 +672,57 @@ const zn = /* @__PURE__ */ ke({
           )
         }), t.defaultCost.costPerUnit = {
           ...t.defaultCost.costPerUnit,
-          ...dn(+e, 4)
+          ...on(+e, 4)
         }, i("update:modelValue", t);
       }
     }), ye = g(() => {
-      var t, h, I;
-      const e = ((t = l.modelValue) == null ? void 0 : t.unit) ?? m.units.find((Y) => Y);
+      var t, b, I;
+      const e = ((t = l.modelValue) == null ? void 0 : t.unit) ?? u.units.find((H) => H);
       return e ? {
         _id: e._id,
-        measurement: (h = l.modelValue) == null ? void 0 : h.trackingMeasurement,
-        name: ((I = e.measurements.find((Y) => {
+        measurement: (b = l.modelValue) == null ? void 0 : b.trackingMeasurement,
+        name: ((I = e.measurements.find((H) => {
           var D;
-          return Y.id === ((D = l.modelValue) == null ? void 0 : D.trackingMeasurement);
+          return H.id === ((D = l.modelValue) == null ? void 0 : D.trackingMeasurement);
         })) == null ? void 0 : I.name) ?? e.name
       } : null;
     }), we = g(
-      () => m.units.flatMap(({ name: e, _id: t, abbrev: h, measurements: I }) => [
+      () => u.units.flatMap(({ name: e, _id: t, abbrev: b, measurements: I }) => [
         {
           label: `${e}`,
           value: null,
           displayAsSection: !0
         },
         {
-          label: `${e} (${h})`,
+          label: `${e} (${b})`,
           value: { _id: t },
           displayAsSection: !1
         },
-        ...I.map(({ id: Y, name: D, abbrev: se }) => ({
+        ...I.map(({ id: H, name: D, abbrev: se }) => ({
           label: `${D} (${se})`,
-          value: { _id: t, measurement: Y },
+          value: { _id: t, measurement: H },
           displayAsSection: !1
         }))
       ])
-    ), y = Bt(q, "search"), M = g(
-      () => new yn(we.value, ["label", "value"], {
+    ), y = Bt(W, "search"), M = g(
+      () => new gn(we.value, ["label", "value"], {
         caseSensitive: !1,
         sort: !0
       })
     ), G = g(() => M.value.search(y.value));
     function E(e) {
-      var t, h, I, Y, D;
-      return ((h = (t = l.modelValue) == null ? void 0 : t.unit) == null ? void 0 : h._id) === ((I = e.value) == null ? void 0 : I._id) && ((Y = l.modelValue) == null ? void 0 : Y.trackingMeasurement) === ((D = e.value) == null ? void 0 : D.measurement);
+      var t, b, I, H, D;
+      return ((b = (t = l.modelValue) == null ? void 0 : t.unit) == null ? void 0 : b._id) === ((I = e.value) == null ? void 0 : I._id) && ((H = l.modelValue) == null ? void 0 : H.trackingMeasurement) === ((D = e.value) == null ? void 0 : D.measurement);
     }
     function v(e) {
       var se, re;
       if (!e) return;
-      const { _id: t, measurement: h } = e, I = h || void 0, Y = m.units.find((Se) => Se._id === t);
-      if (!Y)
+      const { _id: t, measurement: b } = e, I = b || void 0, H = u.units.find((Se) => Se._id === t);
+      if (!H)
         return;
       const D = l.modelValue ?? {};
-      D.unit = Y, D.trackingMeasurement = I, D.convert && (D.convert.measurement = I || null), d.enableTotalCost && (D.defaultCost = {
-        measurement: Y.measurements.find((Se) => Se.id === I),
+      D.unit = H, D.trackingMeasurement = I, D.convert && (D.convert.measurement = I || null), D.defaultCost = {
+        measurement: H.measurements.find((Se) => Se.id === I),
         costPerUnit: {
           ...((se = D.defaultCost) == null ? void 0 : se.costPerUnit) ?? {
             amount: 0,
@@ -731,9 +730,9 @@ const zn = /* @__PURE__ */ ke({
             currency: ((re = dt(a.currentCountry.value)) == null ? void 0 : re.currency) ?? "MYR"
           }
         }
-      }), i("update:modelValue", D);
+      }, i("update:modelValue", D);
     }
-    const z = g({
+    const N = g({
       get() {
         var e;
         return ((e = l.modelValue) == null ? void 0 : e.convert) ?? null;
@@ -750,9 +749,9 @@ const zn = /* @__PURE__ */ ke({
         e === ut.enum.WAVG
       )
     ).map((e) => ({
-      label: u(`inventory.ingredient.valuationMethod.${e}`),
+      label: d(`inventory.ingredient.valuationMethod.${e}`),
       value: e
-    }))), me = g({
+    }))), ce = g({
       get() {
         var e;
         return ((e = l.modelValue) == null ? void 0 : e.valuation) ?? "WAVG";
@@ -774,57 +773,57 @@ const zn = /* @__PURE__ */ ke({
         } : {};
         t.customAttributes = e, i("update:modelValue", t);
       }
-    }), H = P();
-    _({
+    }), q = P();
+    h({
       validateInputs: () => {
         var e, t;
-        (t = (e = H.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
+        (t = (e = q.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
       },
       resetInputsValidation: () => {
         var e, t;
-        (t = (e = H.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
+        (t = (e = q.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
       },
       resetInputs: () => {
         var e, t;
-        (t = (e = H.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
+        (t = (e = q.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
       }
     });
     const O = P(!1), K = g(
       () => {
-        var e, t, h;
-        return (e = l.modelValue) != null && e._id ? ((h = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : h.filter(
+        var e, t, b;
+        return (e = l.modelValue) != null && e._id ? ((b = u.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : b.filter(
           (I) => I.from === "INGREDIENT"
         )) ?? [] : [];
       }
-    ), L = g(
+    ), z = g(
       () => {
-        var e, t, h;
-        return (e = l.modelValue) != null && e._id ? ((h = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : h.filter(
+        var e, t, b;
+        return (e = l.modelValue) != null && e._id ? ((b = u.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : b.filter(
           (I) => I.from === "RECIPE"
         )) ?? [] : [];
       }
     ), ge = g(
       () => {
-        var e, t, h;
-        return (e = l.modelValue) != null && e._id ? ((h = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : h.filter((I) => I.from === "MENU")) ?? [] : [];
+        var e, t, b;
+        return (e = l.modelValue) != null && e._id ? ((b = u.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : b.filter((I) => I.from === "MENU")) ?? [] : [];
       }
     ), $e = g(
-      () => m.skus.map((e) => ({ label: e.name, value: e.code }))
+      () => u.skus.map((e) => ({ label: e.name, value: e.code }))
     ), Me = P((Xe = l.modelValue) == null ? void 0 : Xe.code);
     function Ue(e) {
-      var h;
+      var b;
       const t = e.el;
-      t && ((h = t.querySelector("[x-should-scroll-into=true]")) == null || h.scrollIntoView());
+      t && ((b = t.querySelector("[x-should-scroll-into=true]")) == null || b.scrollIntoView());
     }
     const be = g(
       () => {
-        var e, t, h, I, Y, D;
-        return ((I = (h = (t = (e = l.modelValue) == null ? void 0 : e.unit) == null ? void 0 : t.measurements) == null ? void 0 : h.find(
+        var e, t, b, I, H, D;
+        return ((I = (b = (t = (e = l.modelValue) == null ? void 0 : e.unit) == null ? void 0 : t.measurements) == null ? void 0 : b.find(
           (se) => {
             var re;
             return se.id === ((re = l.modelValue) == null ? void 0 : re.trackingMeasurement);
           }
-        )) == null ? void 0 : I.abbrev) ?? ((D = (Y = l.modelValue) == null ? void 0 : Y.unit) == null ? void 0 : D.abbrev);
+        )) == null ? void 0 : I.abbrev) ?? ((D = (H = l.modelValue) == null ? void 0 : H.unit) == null ? void 0 : D.abbrev);
       }
     ), he = g({
       get() {
@@ -835,12 +834,12 @@ const zn = /* @__PURE__ */ ke({
         var I;
         const t = ((I = l.modelValue) == null ? void 0 : I.thresholds) ?? Re();
         t.low = e;
-        const h = l.modelValue ? {
+        const b = l.modelValue ? {
           ...l.modelValue
         } : {};
-        h.thresholds = t, i("update:modelValue", h);
+        b.thresholds = t, i("update:modelValue", b);
       }
-    }), ce = g({
+    }), me = g({
       get() {
         var e, t;
         return ((t = (e = l.modelValue) == null ? void 0 : e.thresholds) == null ? void 0 : t.mid) ?? Re().mid;
@@ -849,30 +848,30 @@ const zn = /* @__PURE__ */ ke({
         var I;
         const t = ((I = l.modelValue) == null ? void 0 : I.thresholds) ?? Re();
         t.mid = e;
-        const h = l.modelValue ? {
+        const b = l.modelValue ? {
           ...l.modelValue
         } : {};
-        h.thresholds = t, i("update:modelValue", h);
+        b.thresholds = t, i("update:modelValue", b);
       }
-    }), Te = g(() => d.mustUsePoTemplate && l.mode === W.CREATE && w.value.length > 0 ? w.value.map((e) => ({
+    }), Te = g(() => c.mustUsePoTemplate && l.mode === j.CREATE && w.value.length > 0 ? w.value.map((e) => ({
       label: e.name || "Template",
       value: e._id || "template_" + e.name
     })) : []), Ve = g(() => Te.value.filter(
       (e) => (l.purchaseOrderTemplateIds ?? []).includes(e.value)
-    )), _e = g(() => d.enableWastageTemplate && l.mode === W.CREATE && F.value.length > 0 ? F.value.map((e) => ({
+    )), _e = g(() => c.enableWastageTemplate && l.mode === j.CREATE && F.value.length > 0 ? F.value.map((e) => ({
       label: e.name || "Template",
       value: e._id || "template_" + e.name
     })) : []), Ie = g(() => _e.value.filter(
       (e) => (l.wastageTemplateIds ?? []).includes(e.value)
-    )), Je = g(() => d.enableClosingTemplate && l.mode === W.CREATE && p.value.length > 0 ? p.value.map((e) => ({
+    )), Je = g(() => c.enableClosingTemplate && l.mode === j.CREATE && m.value.length > 0 ? m.value.map((e) => ({
       label: e.name || "Template",
       value: e._id || "template_" + e.name
     })) : []), Qe = g(() => Je.value.filter(
       (e) => (l.closingTemplateIds ?? []).includes(e.value)
     ));
     function Ct() {
-      x.open({
-        title: u("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
+      _.open({
+        title: d("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
         closeButton: !0,
         contentComponent: He,
         contentComponentProps: {
@@ -880,11 +879,11 @@ const zn = /* @__PURE__ */ ke({
           items: Te.value
         },
         primaryActions: {
-          text: u("common.confirm"),
+          text: d("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: u("common.cancel"),
+          text: d("common.cancel"),
           close: !0,
           variant: "tertiary"
         }
@@ -893,8 +892,8 @@ const zn = /* @__PURE__ */ ke({
       });
     }
     function Ft() {
-      x.open({
-        title: u("inventory.ingredient.wastageTemplates.selectTitle"),
+      _.open({
+        title: d("inventory.ingredient.wastageTemplates.selectTitle"),
         closeButton: !0,
         contentComponent: He,
         contentComponentProps: {
@@ -902,11 +901,11 @@ const zn = /* @__PURE__ */ ke({
           items: _e.value
         },
         primaryActions: {
-          text: u("common.confirm"),
+          text: d("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: u("common.cancel"),
+          text: d("common.cancel"),
           close: !0,
           variant: "tertiary"
         }
@@ -915,8 +914,8 @@ const zn = /* @__PURE__ */ ke({
       });
     }
     function At() {
-      x.open({
-        title: u("inventory.ingredient.closingTemplates.selectTitle"),
+      _.open({
+        title: d("inventory.ingredient.closingTemplates.selectTitle"),
         closeButton: !0,
         contentComponent: He,
         contentComponentProps: {
@@ -924,11 +923,11 @@ const zn = /* @__PURE__ */ ke({
           items: Je.value
         },
         primaryActions: {
-          text: u("common.confirm"),
+          text: d("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: u("common.cancel"),
+          text: d("common.cancel"),
           close: !0,
           variant: "tertiary"
         }
@@ -942,15 +941,15 @@ const zn = /* @__PURE__ */ ke({
       };
     }
     return (e, t) => {
-      const h = S("FmTextField"), I = S("FmLabel"), Y = S("FmField"), D = S("FmIcon"), se = S("FmMenuHeader"), re = S("FmMenuDivider"), Se = S("FmMenuItem"), $t = S("FmMenu"), Ze = S("FmFormGroup"), Mt = S("FmSelect"), et = S("FmSwitch"), tt = S("FmStepperField"), De = S("FmButton"), Ne = S("FmChip"), Ut = S("FmForm");
-      return c(), j(Ut, {
+      const b = S("FmTextField"), I = S("FmLabel"), H = S("FmField"), D = S("FmIcon"), se = S("FmMenuHeader"), re = S("FmMenuDivider"), Se = S("FmMenuItem"), $t = S("FmMenu"), Ze = S("FmFormGroup"), Mt = S("FmSelect"), et = S("FmSwitch"), tt = S("FmStepperField"), De = S("FmButton"), Ne = S("FmChip"), Ut = S("FmForm");
+      return p(), Y(Ut, {
         disabled: e.disabled,
         ref_key: "formRef",
-        ref: H,
+        ref: q,
         class: "flex flex-col gap-32",
         onValidationSuccess: ve
       }, {
-        default: b(() => {
+        default: x(() => {
           var nt, ot, lt, at;
           return [
             n("div", Ln, [
@@ -958,18 +957,18 @@ const zn = /* @__PURE__ */ ke({
                 s(Ce, {
                   "tooltip-message": "This field is managed by NetSuite",
                   "tooltip-z-index": 50,
-                  label: o(u)("inventory.ingredient.code"),
+                  label: o(d)("inventory.ingredient.code"),
                   "model-value": le.value,
                   "onUpdate:modelValue": t[1] || (t[1] = (T) => le.value = T),
                   locked: f.value,
                   disabled: e.disabled
                 }, {
-                  default: b(() => [
-                    s(h, {
-                      label: o(u)("inventory.ingredient.code"),
+                  default: x(() => [
+                    s(b, {
+                      label: o(d)("inventory.ingredient.code"),
                       "model-value": le.value,
                       "onUpdate:modelValue": t[0] || (t[0] = (T) => le.value = T),
-                      rules: [o(Le)(), o(on)($e.value, Me.value)],
+                      rules: [o(Le)(), o(an)($e.value, Me.value)],
                       "label-mark": "required"
                     }, null, 8, ["label", "model-value", "rules"])
                   ]),
@@ -980,15 +979,15 @@ const zn = /* @__PURE__ */ ke({
                 s(Ce, {
                   "tooltip-message": "This field is managed by NetSuite",
                   "tooltip-z-index": 50,
-                  label: o(u)("inventory.ingredient.name"),
+                  label: o(d)("inventory.ingredient.name"),
                   "model-value": ae.value,
                   "onUpdate:modelValue": t[3] || (t[3] = (T) => ae.value = T),
                   locked: f.value,
                   disabled: e.disabled
                 }, {
-                  default: b(() => [
-                    s(h, {
-                      label: o(u)("inventory.ingredient.name"),
+                  default: x(() => [
+                    s(b, {
+                      label: o(d)("inventory.ingredient.name"),
                       "model-value": ae.value,
                       "onUpdate:modelValue": t[2] || (t[2] = (T) => ae.value = T),
                       rules: [o(Le)()],
@@ -1002,27 +1001,27 @@ const zn = /* @__PURE__ */ ke({
             s(Ce, {
               "tooltip-message": "This field is managed by NetSuite",
               "tooltip-z-index": 50,
-              label: o(u)("inventory.ingredient.unit"),
+              label: o(d)("inventory.ingredient.unit"),
               "helper-text": (nt = e.modelValue) != null && nt.trackingMeasurement ? `Base unit: ${(lt = (ot = e.modelValue) == null ? void 0 : ot.unit) == null ? void 0 : lt.name}` : void 0,
               "model-value": (at = ye.value) == null ? void 0 : at.name,
               locked: f.value,
               disabled: e.disabled
             }, {
-              default: b(() => [
+              default: x(() => [
                 s(Ze, {
                   "model-value": ye.value,
                   rules: [o(Le)()],
                   "label-mark": "required"
                 }, {
-                  label: b(() => [
+                  label: x(() => [
                     s(I, {
-                      label: o(u)("inventory.ingredient.unit")
+                      label: o(d)("inventory.ingredient.unit")
                     }, null, 8, ["label"])
                   ]),
-                  default: b(({ invalid: T }) => [
+                  default: x(({ invalid: T }) => [
                     s($t, null, {
-                      "menu-button": b(() => [
-                        s(Y, {
+                      "menu-button": x(() => [
+                        s(H, {
                           class: ie([
                             "fm-typo-en-body-lg-400",
                             {
@@ -1033,7 +1032,7 @@ const zn = /* @__PURE__ */ ke({
                           invalid: T,
                           "append-icon": "expand_more"
                         }, {
-                          default: b(() => {
+                          default: x(() => {
                             var X;
                             return [
                               xt($((X = ye.value) == null ? void 0 : X.name), 1)
@@ -1042,14 +1041,14 @@ const zn = /* @__PURE__ */ ke({
                           _: 2
                         }, 1032, ["class", "invalid"])
                       ]),
-                      default: b(() => [
+                      default: x(() => [
                         n("div", qn, [
-                          s(h, {
+                          s(b, {
                             modelValue: y.value,
                             "onUpdate:modelValue": t[4] || (t[4] = (X) => y.value = X),
                             placeholder: "Filter options"
                           }, {
-                            prepend: b(() => [
+                            prepend: x(() => [
                               s(D, { name: "search" })
                             ]),
                             _: 1
@@ -1058,17 +1057,17 @@ const zn = /* @__PURE__ */ ke({
                             class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
                             onVnodeMounted: Ue
                           }, [
-                            (c(!0), V(ee, null, de(G.value, (X, Pt) => (c(), V(ee, { key: Pt }, [
-                              X.displayAsSection ? (c(), V(ee, { key: 0 }, [
+                            (p(!0), V(ee, null, de(G.value, (X, Pt) => (p(), V(ee, { key: Pt }, [
+                              X.displayAsSection ? (p(), V(ee, { key: 0 }, [
                                 s(se, {
                                   label: X.label
                                 }, null, 8, ["label"]),
                                 s(re)
-                              ], 64)) : (c(), j(Se, {
+                              ], 64)) : (p(), Y(Se, {
                                 key: 1,
                                 label: X.label,
                                 "model-value": E(X),
-                                onClick: (dl) => v(X.value),
+                                onClick: (gl) => v(X.value),
                                 "x-should-scroll-into": `${E(X)}`
                               }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
                             ], 64))), 128))
@@ -1083,160 +1082,162 @@ const zn = /* @__PURE__ */ ke({
               ]),
               _: 1
             }, 8, ["label", "helper-text", "model-value", "locked", "disabled"]),
-            o(d).enableTotalCost ? (c(), j(Ce, {
-              key: 0,
-              "tooltip-message": "This field is managed by NetSuite",
-              "tooltip-z-index": 50,
-              label: o(u)("inventory.ingredient.valuationMethod.title"),
-              "model-value": o(u)("inventory.ingredient.valuationMethod." + me.value),
-              locked: f.value,
-              disabled: e.disabled
-            }, {
-              label: b(() => [
-                s(xe, { "z-index": 50 }, {
-                  default: b(() => [
+            n("div", Hn, [
+              s(Ce, {
+                "tooltip-message": "This field is managed by NetSuite",
+                "tooltip-z-index": 50,
+                label: o(d)("inventory.ingredient.valuationMethod.title"),
+                "model-value": o(d)("inventory.ingredient.valuationMethod." + ce.value),
+                locked: f.value,
+                disabled: e.disabled
+              }, {
+                label: x(() => [
+                  n("div", Yn, [
                     s(I, {
-                      label: o(u)("inventory.ingredient.valuationMethod.title")
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: b(() => [
-                s(Mt, {
-                  class: "col-span-2",
-                  label: o(u)("inventory.ingredient.valuationMethod.title"),
-                  "model-value": me.value,
-                  "onUpdate:modelValue": t[5] || (t[5] = (T) => me.value = T),
-                  items: J.value
-                }, null, 8, ["label", "model-value", "items"])
-              ]),
-              _: 1
-            }, 8, ["label", "model-value", "locked", "disabled"])) : N("", !0),
-            o(d).enableTotalCost ? (c(), j(Ce, {
-              key: 1,
-              "tooltip-message": "This field is managed by NetSuite",
-              "tooltip-z-index": 50,
-              "model-value": `${o(jt)()} ${fe.value}`,
-              locked: f.value,
-              "append-text": `/ ${be.value}`,
-              disabled: e.disabled
-            }, {
-              label: b(() => [
-                s(xe, { "z-index": 50 }, {
-                  default: b(() => [
+                      label: o(d)("inventory.ingredient.valuationMethod.title")
+                    }, null, 8, ["label"]),
+                    s(ke, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "total-cost"
+                    })
+                  ])
+                ]),
+                default: x(() => [
+                  s(Mt, {
+                    class: "col-span-2",
+                    label: o(d)("inventory.ingredient.valuationMethod.title"),
+                    "model-value": ce.value,
+                    "onUpdate:modelValue": t[5] || (t[5] = (T) => ce.value = T),
+                    items: J.value
+                  }, null, 8, ["label", "model-value", "items"])
+                ]),
+                _: 1
+              }, 8, ["label", "model-value", "locked", "disabled"]),
+              s(Ce, {
+                "tooltip-message": "This field is managed by NetSuite",
+                "tooltip-z-index": 50,
+                "model-value": `${o(jt)()} ${fe.value}`,
+                locked: f.value,
+                "append-text": `/ ${be.value}`,
+                disabled: e.disabled
+              }, {
+                label: x(() => [
+                  n("div", Kn, [
                     s(I, {
-                      label: o(u)("inventory.ingredient.pricePerUnit")
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: b(() => [
-                s(h, {
-                  "model-value": fe.value,
-                  "onUpdate:modelValue": t[6] || (t[6] = (T) => fe.value = T),
-                  rules: [o(Oe)(0), o(ln)(4)]
-                }, {
-                  label: b(() => [
-                    s(xe, { "z-index": 50 }, {
-                      default: b(() => [
+                      label: o(d)("inventory.ingredient.pricePerUnit")
+                    }, null, 8, ["label"]),
+                    s(ke, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "total-cost"
+                    })
+                  ])
+                ]),
+                default: x(() => [
+                  s(b, {
+                    "model-value": fe.value,
+                    "onUpdate:modelValue": t[6] || (t[6] = (T) => fe.value = T),
+                    rules: [o(Oe)(0), o(sn)(4)]
+                  }, {
+                    label: x(() => [
+                      n("div", Gn, [
                         s(I, {
-                          label: o(u)("inventory.ingredient.pricePerUnit")
+                          label: o(d)("inventory.ingredient.pricePerUnit")
                         }, null, 8, ["label"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  prepend: b(() => {
-                    var T, X;
-                    return [
-                      n("div", Hn, $(o(mt)(((T = o(a).currentCountry) == null ? void 0 : T.value) ?? o(ct)) === "MYR" ? "RM" : o(mt)(((X = o(a).currentCountry) == null ? void 0 : X.value) ?? o(ct))), 1)
-                    ];
-                  }),
-                  append: b(() => [
-                    n("div", Yn, " / " + $(be.value), 1)
-                  ]),
-                  _: 1
-                }, 8, ["model-value", "rules"])
-              ]),
-              _: 1
-            }, 8, ["model-value", "locked", "append-text", "disabled"])) : N("", !0),
-            !f.value || z.value ? (c(), j(zn, {
-              key: 2,
-              "model-value": z.value,
-              "onUpdate:modelValue": t[7] || (t[7] = (T) => z.value = T),
+                      ])
+                    ]),
+                    prepend: x(() => {
+                      var T, X;
+                      return [
+                        n("div", Jn, $(o(ct)(((T = o(a).currentCountry) == null ? void 0 : T.value) ?? o(mt)) === "MYR" ? "RM" : o(ct)(((X = o(a).currentCountry) == null ? void 0 : X.value) ?? o(mt))), 1)
+                      ];
+                    }),
+                    append: x(() => [
+                      n("div", Qn, " / " + $(be.value), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["model-value", "rules"])
+                ]),
+                _: 1
+              }, 8, ["model-value", "locked", "append-text", "disabled"])
+            ]),
+            !f.value || N.value ? (p(), Y(zn, {
+              key: 0,
+              "model-value": N.value,
+              "onUpdate:modelValue": t[7] || (t[7] = (T) => N.value = T),
               "root-value": e.modelValue,
               readonly: f.value
-            }, null, 8, ["model-value", "root-value", "readonly"])) : N("", !0),
-            e.mode !== o(W).CREATE ? (c(), V("div", Kn, [
+            }, null, 8, ["model-value", "root-value", "readonly"])) : L("", !0),
+            e.mode !== o(j).CREATE ? (p(), V("div", Xn, [
               s(et, {
-                label: o(u)("inventory.ingredient.status.inactive"),
+                label: o(d)("inventory.ingredient.status.inactive"),
                 "model-value": te.value,
                 "onUpdate:modelValue": t[8] || (t[8] = (T) => te.value = T),
                 "label-placement": "right",
                 disabled: f.value
               }, null, 8, ["label", "model-value", "disabled"]),
-              n("div", Gn, [
-                n("div", Jn, $(o(u)("inventory.ingredient.status.preventFromOrder")), 1)
+              n("div", Zn, [
+                n("div", eo, $(o(d)("inventory.ingredient.status.preventFromOrder")), 1)
               ])
-            ])) : N("", !0),
-            e.mode !== o(W).CREATE ? (c(), V("div", Qn, [
+            ])) : L("", !0),
+            e.mode !== o(j).CREATE ? (p(), V("div", to, [
               n("div", null, [
                 s(et, {
-                  label: o(u)("inventory.ingredient.bindedItems.title"),
+                  label: o(d)("inventory.ingredient.bindedItems.title"),
                   modelValue: O.value,
                   "onUpdate:modelValue": t[9] || (t[9] = (T) => O.value = T),
                   "label-placement": "right"
                 }, null, 8, ["label", "modelValue"])
               ]),
-              O.value && K.value.length ? (c(), j(qe, {
+              O.value && K.value.length ? (p(), Y(qe, {
                 key: 0,
-                name: o(u)("inventory.ingredient.bindedItems.ingredient"),
+                name: o(d)("inventory.ingredient.bindedItems.ingredient"),
                 bindings: K.value
-              }, null, 8, ["name", "bindings"])) : N("", !0),
-              O.value && L.value.length ? (c(), j(qe, {
+              }, null, 8, ["name", "bindings"])) : L("", !0),
+              O.value && z.value.length ? (p(), Y(qe, {
                 key: 1,
-                name: o(u)("inventory.ingredient.bindedItems.recipe"),
-                bindings: L.value
-              }, null, 8, ["name", "bindings"])) : N("", !0),
-              O.value && ge.value.length ? (c(), j(qe, {
+                name: o(d)("inventory.ingredient.bindedItems.recipe"),
+                bindings: z.value
+              }, null, 8, ["name", "bindings"])) : L("", !0),
+              O.value && ge.value.length ? (p(), Y(qe, {
                 key: 2,
-                name: o(u)("inventory.ingredient.bindedItems.menu"),
+                name: o(d)("inventory.ingredient.bindedItems.menu"),
                 bindings: ge.value
-              }, null, 8, ["name", "bindings"])) : N("", !0)
-            ])) : N("", !0),
-            n("div", Xn, [
-              n("div", Zn, [
-                s(xe, null, {
-                  default: b(() => [
-                    n("div", eo, $(o(u)("inventory.ingredient.threshold.title")), 1)
-                  ]),
-                  _: 1
-                }),
-                n("div", to, $(o(u)("inventory.ingredient.threshold.subtitle")), 1)
+              }, null, 8, ["name", "bindings"])) : L("", !0)
+            ])) : L("", !0),
+            n("div", no, [
+              n("div", oo, [
+                n("div", lo, [
+                  n("div", ao, $(o(d)("inventory.ingredient.threshold.title")), 1),
+                  s(ke, {
+                    tier: "standard",
+                    category: "beta"
+                  })
+                ]),
+                n("div", so, $(o(d)("inventory.ingredient.threshold.subtitle")), 1)
               ]),
-              n("div", no, [
+              n("div", ro, [
                 s(Ze, {
-                  "model-value": { low: he.value, mid: ce.value },
+                  "model-value": { low: he.value, mid: me.value },
                   rules: [Et()]
                 }, null, 8, ["model-value", "rules"]),
-                n("div", oo, [
-                  n("div", lo, [
-                    n("div", ao, [
+                n("div", io, [
+                  n("div", uo, [
+                    n("div", co, [
                       s(je, {
                         days: he.value,
                         level: o(We).low
                       }, null, 8, ["days", "level"])
                     ]),
-                    n("div", so, [
-                      n("div", ro, $(o(u)("inventory.ingredient.threshold.whenRemaining")), 1),
+                    n("div", mo, [
+                      n("div", po, $(o(d)("inventory.ingredient.threshold.whenRemaining")), 1),
                       s(tt, {
                         modelValue: he.value,
                         "onUpdate:modelValue": t[10] || (t[10] = (T) => he.value = T),
                         rules: [o(Oe)(0)]
                       }, {
-                        append: b(() => t[13] || (t[13] = [
+                        append: x(() => t[13] || (t[13] = [
                           n("div", {
                             class: "text-fm-color-typo-secondary",
                             style: { "padding-right": "32px" }
@@ -1255,21 +1256,21 @@ const zn = /* @__PURE__ */ ke({
                       style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
                     }, " < ")
                   ], -1)),
-                  n("div", io, [
-                    n("div", uo, [
+                  n("div", vo, [
+                    n("div", fo, [
                       s(je, {
-                        days: ce.value,
+                        days: me.value,
                         level: o(We).mid
                       }, null, 8, ["days", "level"])
                     ]),
-                    n("div", mo, [
-                      n("div", co, $(o(u)("inventory.ingredient.threshold.whenRemaining")), 1),
+                    n("div", yo, [
+                      n("div", go, $(o(d)("inventory.ingredient.threshold.whenRemaining")), 1),
                       s(tt, {
-                        modelValue: ce.value,
-                        "onUpdate:modelValue": t[11] || (t[11] = (T) => ce.value = T),
+                        modelValue: me.value,
+                        "onUpdate:modelValue": t[11] || (t[11] = (T) => me.value = T),
                         rules: [o(Oe)(0)]
                       }, {
-                        append: b(() => t[14] || (t[14] = [
+                        append: x(() => t[14] || (t[14] = [
                           n("div", {
                             class: "text-fm-color-typo-secondary",
                             style: { "padding-right": "32px" }
@@ -1288,29 +1289,31 @@ const zn = /* @__PURE__ */ ke({
                       style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
                     }, " < ")
                   ], -1)),
-                  n("div", po, [
-                    n("div", vo, [
+                  n("div", bo, [
+                    n("div", ho, [
                       s(je, {
-                        days: ce.value + 1,
+                        days: me.value + 1,
                         level: o(We).high
                       }, null, 8, ["days", "level"])
                     ]),
-                    n("div", fo, [
-                      n("div", yo, $(o(u)("inventory.ingredient.threshold.stockIsStaple")), 1)
+                    n("div", _o, [
+                      n("div", xo, $(o(d)("inventory.ingredient.threshold.stockIsStaple")), 1)
                     ])
                   ])
                 ])
               ])
             ]),
-            o(d).mustUsePoTemplate && e.mode === o(W).CREATE ? (c(), V("div", go, [
-              n("div", bo, [
-                n("div", ho, [
-                  s(xe, null, {
-                    default: b(() => [
-                      n("div", _o, $(o(u)("inventory.ingredient.purchaseOrderTemplates.title")), 1)
-                    ]),
-                    _: 1
-                  }),
+            o(c).mustUsePoTemplate && e.mode === o(j).CREATE ? (p(), V("div", ko, [
+              n("div", wo, [
+                n("div", To, [
+                  n("div", Vo, [
+                    n("div", Io, $(o(d)("inventory.ingredient.purchaseOrderTemplates.title")), 1),
+                    s(ke, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "purchase-order-template"
+                    })
+                  ]),
                   s(De, {
                     variant: "secondary",
                     "text-color": "primary",
@@ -1319,28 +1322,30 @@ const zn = /* @__PURE__ */ ke({
                     onClick: Ct
                   })
                 ]),
-                n("div", xo, $(o(u)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
+                n("div", So, $(o(d)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
               ]),
-              Ve.value.length > 0 ? (c(), V("div", ko, [
-                n("div", wo, [
-                  (c(!0), V(ee, null, de(Ve.value, (T) => (c(), j(Ne, {
+              Ve.value.length > 0 ? (p(), V("div", Co, [
+                n("div", Fo, [
+                  (p(!0), V(ee, null, de(Ve.value, (T) => (p(), Y(Ne, {
                     key: T.value,
                     label: T.label,
                     variant: "info",
                     compact: ""
                   }, null, 8, ["label"]))), 128))
                 ])
-              ])) : N("", !0)
-            ])) : N("", !0),
-            o(d).enableWastageTemplate && e.mode === o(W).CREATE ? (c(), V("div", To, [
-              n("div", Vo, [
-                n("div", Io, [
-                  s(xe, null, {
-                    default: b(() => [
-                      n("div", So, $(o(u)("inventory.ingredient.wastageTemplates.title")), 1)
-                    ]),
-                    _: 1
-                  }),
+              ])) : L("", !0)
+            ])) : L("", !0),
+            o(c).enableWastageTemplate && e.mode === o(j).CREATE ? (p(), V("div", Ao, [
+              n("div", Eo, [
+                n("div", $o, [
+                  n("div", Mo, [
+                    n("div", Uo, $(o(d)("inventory.ingredient.wastageTemplates.title")), 1),
+                    s(ke, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "wastage-template"
+                    })
+                  ]),
                   s(De, {
                     variant: "secondary",
                     "text-color": "primary",
@@ -1349,28 +1354,30 @@ const zn = /* @__PURE__ */ ke({
                     onClick: Ft
                   })
                 ]),
-                n("div", Co, $(o(u)("inventory.ingredient.wastageTemplates.description")), 1)
+                n("div", Po, $(o(d)("inventory.ingredient.wastageTemplates.description")), 1)
               ]),
-              Ie.value.length > 0 ? (c(), V("div", Fo, [
-                n("div", Ao, [
-                  (c(!0), V(ee, null, de(Ie.value, (T) => (c(), j(Ne, {
+              Ie.value.length > 0 ? (p(), V("div", Ro, [
+                n("div", Oo, [
+                  (p(!0), V(ee, null, de(Ie.value, (T) => (p(), Y(Ne, {
                     key: T.value,
                     label: T.label,
                     variant: "info",
                     compact: ""
                   }, null, 8, ["label"]))), 128))
                 ])
-              ])) : N("", !0)
-            ])) : N("", !0),
-            o(d).enableClosingTemplate && e.mode === o(W).CREATE ? (c(), V("div", Eo, [
-              n("div", $o, [
-                n("div", Mo, [
-                  s(xe, null, {
-                    default: b(() => [
-                      n("div", Uo, $(o(u)("inventory.ingredient.closingTemplates.title")), 1)
-                    ]),
-                    _: 1
-                  }),
+              ])) : L("", !0)
+            ])) : L("", !0),
+            o(c).enableClosingTemplate && e.mode === o(j).CREATE ? (p(), V("div", Bo, [
+              n("div", Do, [
+                n("div", No, [
+                  n("div", zo, [
+                    n("div", Lo, $(o(d)("inventory.ingredient.closingTemplates.title")), 1),
+                    s(ke, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "closing-template"
+                    })
+                  ]),
                   s(De, {
                     variant: "secondary",
                     "text-color": "primary",
@@ -1379,21 +1386,21 @@ const zn = /* @__PURE__ */ ke({
                     onClick: At
                   })
                 ]),
-                n("div", Po, $(o(u)("inventory.ingredient.closingTemplates.description")), 1)
+                n("div", jo, $(o(d)("inventory.ingredient.closingTemplates.description")), 1)
               ]),
-              Qe.value.length > 0 ? (c(), V("div", Ro, [
-                n("div", Oo, [
-                  (c(!0), V(ee, null, de(Qe.value, (T) => (c(), j(Ne, {
+              Qe.value.length > 0 ? (p(), V("div", Wo, [
+                n("div", qo, [
+                  (p(!0), V(ee, null, de(Qe.value, (T) => (p(), Y(Ne, {
                     key: T.value,
                     label: T.label,
                     variant: "info",
                     compact: ""
                   }, null, 8, ["label"]))), 128))
                 ])
-              ])) : N("", !0)
-            ])) : N("", !0),
+              ])) : L("", !0)
+            ])) : L("", !0),
             n("div", null, [
-              s(fn, {
+              s(yn, {
                 entity: "inventorySku",
                 modelValue: Q.value,
                 "onUpdate:modelValue": t[12] || (t[12] = (T) => Q.value = T)
@@ -1405,40 +1412,40 @@ const zn = /* @__PURE__ */ ke({
       }, 8, ["disabled"]);
     };
   }
-}), Do = { class: "flex flex-col gap-32" }, No = {
+}), Yo = { class: "flex flex-col gap-32" }, Ko = {
   key: 0,
   class: "flex justify-between items-center"
-}, zo = { class: "flex gap-4" }, Lo = /* @__PURE__ */ ke({
+}, Go = { class: "flex gap-4" }, Jo = /* @__PURE__ */ xe({
   __name: "IngredientDialog",
   props: {
     show: { type: Boolean },
     sku: {},
-    mode: { default: W.READ }
+    mode: { default: j.READ }
   },
   emits: ["update:show"],
-  setup(q) {
-    const _ = q, k = Fe(), u = Tt(), x = Ee(), C = Vt(), A = It(), U = St(), l = Ae(), { t: i } = pe(), m = ft(_, "show"), a = ft(_, "sku"), d = P([]), r = P([]), f = P([]), w = g(
+  setup(W) {
+    const h = W, k = Fe(), d = Tt(), _ = Ee(), C = Vt(), A = It(), U = St(), l = Ae(), { t: i } = pe(), u = ft(h, "show"), a = ft(h, "sku"), c = P([]), r = P([]), f = P([]), w = g(
       () => {
         var y;
-        return x.isEnabled && x.netSuiteItemBySkuId.has((y = _.sku) == null ? void 0 : y._id);
+        return _.isEnabled && _.netSuiteItemBySkuId.has((y = h.sku) == null ? void 0 : y._id);
       }
     ), F = g(() => {
-      switch (_.mode) {
-        case W.READ:
+      switch (h.mode) {
+        case j.READ:
           return "";
-        case W.UPDATE:
+        case j.UPDATE:
           return i("inventory.ingredient.update.title");
-        case W.CREATE:
+        case j.CREATE:
           return i("inventory.ingredient.create.title");
       }
       return "";
-    }), p = g(() => {
-      switch (_.mode) {
-        case W.READ:
+    }), m = g(() => {
+      switch (h.mode) {
+        case j.READ:
           return "";
-        case W.UPDATE:
+        case j.UPDATE:
           return i("common.save");
-        case W.CREATE:
+        case j.CREATE:
           return i("common.add");
       }
       return "";
@@ -1448,7 +1455,7 @@ const zn = /* @__PURE__ */ ke({
       try {
         await k.createSku(a.value);
         const y = k.skuByCode[a.value.code];
-        u.enablePoTemplate && d.value.length > 0 && await ue(y), u.enableWastageTemplate && r.value.length > 0 && await oe(y), u.enableClosingTemplate && f.value.length > 0 && await le(y), m.value = !1, l.open({
+        d.enablePoTemplate && c.value.length > 0 && await ue(y), d.enableWastageTemplate && r.value.length > 0 && await oe(y), d.enableClosingTemplate && f.value.length > 0 && await le(y), u.value = !1, l.open({
           title: i("inventory.common.success"),
           message: i("inventory.ingredient.create.success", { name: a.value.name }),
           type: "success"
@@ -1466,7 +1473,7 @@ const zn = /* @__PURE__ */ ke({
     async function ne() {
       R.value = !0;
       try {
-        await k.updateSku(a.value), R.value = !1, m.value = !1, l.open({
+        await k.updateSku(a.value), R.value = !1, u.value = !1, l.open({
           title: i("inventory.common.success"),
           message: i("inventory.ingredient.update.success", { name: a.value.name }),
           type: "success"
@@ -1484,16 +1491,16 @@ const zn = /* @__PURE__ */ ke({
     async function ue(y) {
       var M, G, E, v;
       try {
-        for (const z of d.value) {
-          const J = await C.getTemplate(z);
+        for (const N of c.value) {
+          const J = await C.getTemplate(N);
           if (!J) {
-            console.warn(`Template with ID ${z} not found`);
+            console.warn(`Template with ID ${N} not found`);
             continue;
           }
           if (!J.purchaseOrder.items.find(
             (Q) => Q.sku._id === y._id
           )) {
-            const Q = { amount: 1, precision: mn(y.unit) }, H = {
+            const Q = { amount: 1, precision: rn(y.unit) }, q = {
               sku: y,
               name: y.name,
               code: y.code,
@@ -1505,20 +1512,20 @@ const zn = /* @__PURE__ */ ke({
               ...J,
               purchaseOrder: {
                 ...J.purchaseOrder,
-                items: [...J.purchaseOrder.items, H]
+                items: [...J.purchaseOrder.items, q]
               }
             };
             (((E = O.purchaseOrder.supplier) == null ? void 0 : E.internal) === vt.enum.warehouse || ((v = O.purchaseOrder.supplier) == null ? void 0 : v.internal) === vt.enum.restaurant) && (O.purchaseOrder.items = O.purchaseOrder.items.map(
-              ({ totalCost: K, ...L }) => L
+              ({ totalCost: K, ...z }) => z
             )), await C.updateTemplate(O), await new Promise((K) => setTimeout(K, 1e3));
           }
         }
-      } catch (z) {
+      } catch (N) {
         l.open({
           title: i("inventory.transfer.template.update.error"),
           message: i("inventory.transfer.template.update.errorMessage"),
           type: "error"
-        }), console.error("Error in updating transfer template", z);
+        }), console.error("Error in updating transfer template", N);
       }
     }
     async function oe(y) {
@@ -1536,11 +1543,11 @@ const zn = /* @__PURE__ */ ke({
               code: y.code,
               type: "sku",
               disabledMeasurements: []
-            }, z = {
+            }, N = {
               ...G,
               items: [...G.items, v]
             };
-            await A.updateTemplate(z), await new Promise((J) => setTimeout(J, 1e3));
+            await A.updateTemplate(N), await new Promise((J) => setTimeout(J, 1e3));
           }
         }
       } catch (M) {
@@ -1562,11 +1569,11 @@ const zn = /* @__PURE__ */ ke({
           if (!G.items.find((v) => v.sku._id === y._id)) {
             const v = {
               sku: y
-            }, z = {
+            }, N = {
               ...G,
               items: [...G.items, v]
             };
-            await U.updateTemplate(z), await new Promise((J) => setTimeout(J, 1e3));
+            await U.updateTemplate(N), await new Promise((J) => setTimeout(J, 1e3));
           }
         }
       } catch (M) {
@@ -1582,17 +1589,17 @@ const zn = /* @__PURE__ */ ke({
       (M = (y = B.value) == null ? void 0 : y.validateInputs) == null || M.call(y);
     }
     function ae() {
-      switch (_.mode) {
-        case W.READ:
+      switch (h.mode) {
+        case j.READ:
           return;
-        case W.UPDATE:
+        case j.UPDATE:
           return ne();
-        case W.CREATE:
+        case j.CREATE:
           return ve();
       }
     }
     function fe(y) {
-      d.value = y;
+      c.value = y;
     }
     function ye(y) {
       r.value = y;
@@ -1602,32 +1609,32 @@ const zn = /* @__PURE__ */ ke({
     }
     return (y, M) => {
       const G = S("FmChip"), E = S("FmButton"), v = S("FmSideSheet");
-      return c(), j(v, {
-        "model-value": o(m),
-        "onUpdate:modelValue": M[3] || (M[3] = (z) => rt(m) ? m.value = z : null),
+      return p(), Y(v, {
+        "model-value": o(u),
+        "onUpdate:modelValue": M[3] || (M[3] = (N) => rt(u) ? u.value = N : null),
         header: F.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
-        "side-sheet-footer": b(() => [
-          n("div", zo, [
+        "side-sheet-footer": x(() => [
+          n("div", Go, [
             s(E, {
               loading: R.value,
-              label: p.value,
+              label: m.value,
               onClick: te
             }, null, 8, ["loading", "label"]),
             s(E, {
               disabled: R.value,
               label: o(i)("common.close"),
               variant: "tertiary",
-              onClick: M[2] || (M[2] = (z) => m.value = !1)
+              onClick: M[2] || (M[2] = (N) => u.value = !1)
             }, null, 8, ["disabled", "label"])
           ])
         ]),
-        default: b(() => [
-          n("div", Do, [
-            w.value ? (c(), V("div", No, [
+        default: x(() => [
+          n("div", Yo, [
+            w.value ? (p(), V("div", Ko, [
               s(G, {
                 label: "Managed by Netsuite",
                 compact: ""
@@ -1635,21 +1642,21 @@ const zn = /* @__PURE__ */ ke({
               s(en, {
                 readonly: "",
                 sku: y.sku,
-                settingOptions: o(x).skuSettingOptions
+                settingOptions: o(_).skuSettingOptions
               }, null, 8, ["sku", "settingOptions"])
-            ])) : N("", !0),
-            s(Bo, {
+            ])) : L("", !0),
+            s(Ho, {
               class: "w-full",
               ref_key: "hasValidationExpose",
               ref: B,
               modelValue: o(a),
-              "onUpdate:modelValue": M[0] || (M[0] = (z) => rt(a) ? a.value = z : null),
+              "onUpdate:modelValue": M[0] || (M[0] = (N) => rt(a) ? a.value = N : null),
               mode: y.mode,
               disabled: R.value,
-              purchaseOrderTemplateIds: d.value,
+              purchaseOrderTemplateIds: c.value,
               wastageTemplateIds: r.value,
               closingTemplateIds: f.value,
-              "onClick:submit": M[1] || (M[1] = (z) => ae()),
+              "onClick:submit": M[1] || (M[1] = (N) => ae()),
               "onUpdate:purchaseOrderTemplateIds": fe,
               "onUpdate:wastageTemplateIds": ye,
               "onUpdate:closingTemplateIds": we
@@ -1660,10 +1667,10 @@ const zn = /* @__PURE__ */ ke({
       }, 8, ["model-value", "header"]);
     };
   }
-}), jo = { class: "flex items-center gap-12 pl-8" }, Wo = { class: "flex flex-col" }, qo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Ho = {
+}), Qo = { class: "flex items-center gap-12 pl-8" }, Xo = { class: "flex flex-col" }, Zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, el = {
   key: 0,
   class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Yo = { key: 0 }, ht = /* @__PURE__ */ ke({
+}, tl = { key: 0 }, ht = /* @__PURE__ */ xe({
   __name: "ImportIngredientItem",
   props: {
     type: {},
@@ -1671,30 +1678,30 @@ const zn = /* @__PURE__ */ ke({
     name: {},
     errors: {}
   },
-  setup(q) {
-    return (_, k) => {
-      const u = S("FmIcon"), x = S("FmTooltip");
-      return c(), V("div", jo, [
+  setup(W) {
+    return (h, k) => {
+      const d = S("FmIcon"), _ = S("FmTooltip");
+      return p(), V("div", Qo, [
         k[0] || (k[0] = n("div", null, "•", -1)),
-        n("div", Wo, [
-          n("div", qo, [
+        n("div", Xo, [
+          n("div", Zo, [
             n("div", {
               class: ie({
-                "text-fm-color-system-error-300": _.errors.length
+                "text-fm-color-system-error-300": h.errors.length
               })
             }, [
-              xt($(_.name) + " ", 1),
-              _.type === "create" ? (c(), V("span", Ho, "(new)")) : N("", !0)
+              xt($(h.name) + " ", 1),
+              h.type === "create" ? (p(), V("span", el, "(new)")) : L("", !0)
             ], 2),
-            _.errors.length ? (c(), V("div", Yo, [
-              s(x, { "z-index": 50 }, {
-                content: b(() => [
+            h.errors.length ? (p(), V("div", tl, [
+              s(_, { "z-index": 50 }, {
+                content: x(() => [
                   n("ol", null, [
-                    (c(!0), V(ee, null, de(_.errors, (C, A) => (c(), V("li", { key: A }, $(C), 1))), 128))
+                    (p(!0), V(ee, null, de(h.errors, (C, A) => (p(), V("li", { key: A }, $(C), 1))), 128))
                   ])
                 ]),
-                default: b(() => [
-                  s(u, {
+                default: x(() => [
+                  s(d, {
                     name: "error",
                     size: "sm",
                     color: "system-error-300"
@@ -1702,109 +1709,109 @@ const zn = /* @__PURE__ */ ke({
                 ]),
                 _: 1
               })
-            ])) : N("", !0)
+            ])) : L("", !0)
           ]),
           n("div", {
             class: ie([
               "fm-typo-en-body-sm-400",
               {
-                "text-fm-color-system-error-200": _.errors.length,
-                "text-fm-color-typo-secondary": !_.errors.length
+                "text-fm-color-system-error-200": h.errors.length,
+                "text-fm-color-typo-secondary": !h.errors.length
               }
             ])
-          }, $(_.code), 3)
+          }, $(h.code), 3)
         ])
       ]);
     };
   }
-}), Ko = { class: "flex flex-col gap-24" }, Go = { class: "fm-typo-en-body-md-400" }, Jo = { class: "flex flex-col gap-8" }, Qo = { class: "line-clamp-2 text-ellipsis break-all" }, Xo = {
+}), nl = { class: "flex flex-col gap-24" }, ol = { class: "fm-typo-en-body-md-400" }, ll = { class: "flex flex-col gap-8" }, al = { class: "line-clamp-2 text-ellipsis break-all" }, sl = {
   key: 2,
   class: "shrink-0"
-}, Zo = {
+}, rl = {
   key: 0,
   class: "flex flex-col"
-}, el = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, tl = {
+}, il = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, dl = {
   key: 0,
   class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
-}, nl = { class: "fm-typo-en-body-lg-600" }, ol = /* @__PURE__ */ ke({
+}, ul = { class: "fm-typo-en-body-lg-600" }, cl = /* @__PURE__ */ xe({
   __name: "ImportIngredients",
-  setup(q) {
-    const _ = P(null), k = Ht(), u = Ae(), x = P(!1), C = P(new Array()), A = P([]), U = P([]), l = g(
-      () => !!C.value.length || A.value.some((d) => d.errors.length) || U.value.some((d) => d.errors.length)
+  setup(W) {
+    const h = P(null), k = Ht(), d = Ae(), _ = P(!1), C = P(new Array()), A = P([]), U = P([]), l = g(
+      () => !!C.value.length || A.value.some((c) => c.errors.length) || U.value.some((c) => c.errors.length)
     ), i = g(
       () => !!A.value.length || !!U.value.length
-    ), { t: m } = pe();
-    async function a(d) {
+    ), { t: u } = pe();
+    async function a(c) {
       C.value = [], A.value = [], U.value = [];
       try {
-        x.value = !0;
+        _.value = !0;
         const [r] = await Promise.all([
-          bn(d),
+          hn(c),
           // fake buffer
           new Promise((F) => setTimeout(F, 1e3))
         ]), f = r.SheetNames.find((F) => F);
         if (!f) {
-          C.value.push(m("inventory.ingredient.import.fileError.noSheet"));
+          C.value.push(u("inventory.ingredient.import.fileError.noSheet"));
           return;
         }
-        const w = cn(r.Sheets[f]);
+        const w = pn(r.Sheets[f]);
         if (w.invalidExcel) {
-          C.value.push(w.invalidExcelMessage ?? m("inventory.ingredient.import.fileError.invalidExcel"));
+          C.value.push(w.invalidExcelMessage ?? u("inventory.ingredient.import.fileError.invalidExcel"));
           return;
         }
         if (A.value = w.importCreateResult, U.value = w.importUpdateResult, !A.value.length && !U.value.length) {
-          C.value.push(m("inventory.ingredient.import.fileError.noData"));
+          C.value.push(u("inventory.ingredient.import.fileError.noData"));
           return;
         }
         k.emitData(w);
       } catch (r) {
-        u.open({
-          title: m("inventory.ingredient.import.fileError.unableToRead"),
+        d.open({
+          title: u("inventory.ingredient.import.fileError.unableToRead"),
           message: r == null ? void 0 : r.message,
           type: "error"
         }), console.error("Error in reading file", r);
       } finally {
-        C.value.length && u.open({
-          title: m("inventory.ingredient.import.fileError.invalidExcel"),
+        C.value.length && d.open({
+          title: u("inventory.ingredient.import.fileError.invalidExcel"),
           type: "error"
-        }), x.value = !1;
+        }), _.value = !1;
       }
     }
-    return _t(_, (d) => {
-      d && a(d);
-    }), (d, r) => {
+    return _t(h, (c) => {
+      c && a(c);
+    }), (c, r) => {
       const f = S("FmCircularProgress"), w = S("FmIcon"), F = S("FmButton");
-      return c(), V("div", Ko, [
-        n("div", Go, $(o(m)("inventory.ingredient.import.uploadDescription")), 1),
-        s(hn, {
+      return p(), V("div", nl, [
+        n("div", ol, $(o(u)("inventory.ingredient.import.uploadDescription")), 1),
+        s(_n, {
           class: ie({
             "w-full": !0,
-            "h-[200px]": !_.value
+            "h-[200px]": !h.value
           }),
           accept: ".xlsx",
-          onFileUpload: r[0] || (r[0] = (p) => _.value = p),
-          label: o(m)("inventory.ingredient.import.uploadTemplate"),
-          "button-label": o(m)("inventory.ingredient.import.selectFile")
+          onFileUpload: r[0] || (r[0] = (m) => h.value = m),
+          label: o(u)("inventory.ingredient.import.uploadTemplate"),
+          "button-label": o(u)("inventory.ingredient.import.selectFile")
         }, kt({ _: 2 }, [
-          _.value ? {
+          h.value ? {
             name: "default",
-            fn: b(({ openFileDialog: p }) => [
-              n("div", Jo, [
+            fn: x(({ openFileDialog: m }) => [
+              n("div", ll, [
                 n("div", {
                   class: ie([
                     "fm-corner-radius-md p-16 flex items-center gap-16",
                     {
-                      "border border-fm-color-neutral-gray-100": x.value,
-                      "border border-fm-color-neutral-gray-200": !x.value && !l.value,
+                      "border border-fm-color-neutral-gray-100": _.value,
+                      "border border-fm-color-neutral-gray-200": !_.value && !l.value,
                       "border border-fm-color-system-error-200": l.value
                     }
                   ])
                 }, [
-                  x.value ? (c(), j(f, {
+                  _.value ? (p(), Y(f, {
                     key: 0,
                     size: "md",
                     color: "neutral-gray-200"
-                  })) : (c(), j(w, {
+                  })) : (p(), Y(w, {
                     key: 1,
                     name: l.value ? "error" : "attach_file",
                     outline: "",
@@ -1814,24 +1821,24 @@ const zn = /* @__PURE__ */ ke({
                     class: ie([
                       "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
                       {
-                        "text-fm-color-typo-disabled": x.value,
-                        "text-fm-color-typo-primary": !x.value
+                        "text-fm-color-typo-disabled": _.value,
+                        "text-fm-color-typo-primary": !_.value
                       }
                     ])
                   }, [
-                    n("div", Qo, $(_.value.name), 1)
+                    n("div", al, $(h.value.name), 1)
                   ], 2),
-                  x.value ? N("", !0) : (c(), V("div", Xo, [
+                  _.value ? L("", !0) : (p(), V("div", sl, [
                     s(F, {
-                      label: o(m)("inventory.ingredient.import.replaceFile"),
+                      label: o(u)("inventory.ingredient.import.replaceFile"),
                       variant: l.value ? "destructive" : "secondary",
                       "prepend-icon": l.value ? void 0 : "autorenew",
-                      onClick: p
+                      onClick: m
                     }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
                   ]))
                 ], 2),
-                C.value.length ? (c(), V("div", Zo, [
-                  (c(!0), V(ee, null, de(C.value, (B, R) => (c(), V("div", {
+                C.value.length ? (p(), V("div", rl, [
+                  (p(!0), V(ee, null, de(C.value, (B, R) => (p(), V("div", {
                     key: R,
                     class: "flex gap-8 items-center"
                   }, [
@@ -1840,52 +1847,52 @@ const zn = /* @__PURE__ */ ke({
                       size: "sm",
                       color: "system-error-300"
                     }),
-                    n("div", el, $(B), 1)
+                    n("div", il, $(B), 1)
                   ]))), 128))
-                ])) : N("", !0)
+                ])) : L("", !0)
               ])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["class", "label", "button-label"]),
-        i.value ? (c(), V("div", tl, [
-          n("div", nl, $(o(m)("inventory.ingredient.import.summary")), 1),
-          (c(!0), V(ee, null, de(A.value, (p) => (c(), j(ht, {
-            key: p.sku._id,
-            code: p.sku.code,
-            name: p.sku.name,
-            errors: p.errors,
+        i.value ? (p(), V("div", dl, [
+          n("div", ul, $(o(u)("inventory.ingredient.import.summary")), 1),
+          (p(!0), V(ee, null, de(A.value, (m) => (p(), Y(ht, {
+            key: m.sku._id,
+            code: m.sku.code,
+            name: m.sku.name,
+            errors: m.errors,
             type: "create"
           }, null, 8, ["code", "name", "errors"]))), 128)),
-          (c(!0), V(ee, null, de(U.value, (p) => (c(), j(ht, {
-            key: p.sku._id,
-            code: p.sku.code,
-            name: p.sku.name,
-            errors: p.errors,
+          (p(!0), V(ee, null, de(U.value, (m) => (p(), Y(ht, {
+            key: m.sku._id,
+            code: m.sku.code,
+            name: m.sku.name,
+            errors: m.errors,
             type: "update"
           }, null, 8, ["code", "name", "errors"]))), 128))
-        ])) : N("", !0)
+        ])) : L("", !0)
       ]);
     };
   }
-}), ll = {
+}), ml = {
   key: 0,
   class: "flex items-center gap-1"
-}, al = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = { class: "flex flex-col py-8" }, rl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, il = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, zl = /* @__PURE__ */ ke({
+}, pl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vl = { class: "flex flex-col py-8" }, fl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Kl = /* @__PURE__ */ xe({
   __name: "IngredientsView",
-  setup(q) {
-    const _ = Fe(), k = Ee(), u = g(() => [
+  setup(W) {
+    const h = Fe(), k = Ee(), d = g(() => [
       {
         type: "string",
         key: "skuCode",
         entity: "sku",
-        values: _.skus.map((v) => v.code)
+        values: h.skus.map((v) => v.code)
       },
       {
         type: "string",
         key: "skuUnitAbbrev",
         entity: "sku",
-        values: _.units.map((v) => v.abbrev)
+        values: h.units.map((v) => v.abbrev)
       },
       {
         type: "string",
@@ -1893,7 +1900,7 @@ const zn = /* @__PURE__ */ ke({
         entity: "sku",
         values: ["Active", "Inactive"]
       }
-    ]), x = P({
+    ]), _ = P({
       logic: "AND",
       rules: [
         {
@@ -1906,10 +1913,10 @@ const zn = /* @__PURE__ */ ke({
     }), C = g(
       () => new Set(k.getAvailableItems(k.businessSubsidiaryId))
     ), A = g(() => {
-      if (!x.value)
-        return _.skus;
-      const E = kn.build(x.value);
-      return _.skus.filter((v) => k.isEnabled && ne.value && C.value && !C.value.has(v._id) ? !1 : wn(
+      if (!_.value)
+        return h.skus;
+      const E = kn.build(_.value);
+      return h.skus.filter((v) => k.isEnabled && ne.value && C.value && !C.value.has(v._id) ? !1 : wn(
         {
           skuCode: v.code,
           skuUnitAbbrev: v.unit.abbrev,
@@ -1917,11 +1924,11 @@ const zn = /* @__PURE__ */ ke({
         },
         E
       ));
-    }), U = Wt(), l = Ke(), i = xn(), m = Ae(), { t: a } = pe(), { createIngredient: d, updateIngredient: r } = Ye(), { ingredientDialogProps: f, ingredientViewLoading: w } = Xt(Ye()), { columnDefs: F } = Nn();
-    function p(E) {
+    }), U = Wt(), l = Ke(), i = mn(), u = Ae(), { t: a } = pe(), { createIngredient: c, updateIngredient: r } = Ye(), { ingredientDialogProps: f, ingredientViewLoading: w } = Xt(Ye()), { columnDefs: F } = Nn();
+    function m(E) {
       switch (E) {
         case "add":
-          return k.isEnabled ? void 0 : d();
+          return k.isEnabled ? void 0 : c();
         case "import":
           return M();
         case "export-all":
@@ -1968,8 +1975,8 @@ const zn = /* @__PURE__ */ ke({
       { label: a("inventory.ingredient.export.exportFiltered"), value: "export-filtered", mobileOnly: !0 }
     ]);
     function y(E) {
-      const v = pn(E);
-      m.open({
+      const v = vn(E);
+      u.open({
         title: a("inventory.ingredient.export.success"),
         message: a("inventory.ingredient.export.filename", [v]),
         type: "success"
@@ -1978,7 +1985,7 @@ const zn = /* @__PURE__ */ ke({
     function M() {
       l.open({
         title: a("inventory.ingredient.import.title"),
-        contentComponent: ol,
+        contentComponent: cl,
         overlay: !0,
         closeButton: !0,
         primaryActions: {
@@ -1996,14 +2003,14 @@ const zn = /* @__PURE__ */ ke({
         }
       }).onPrimary((E) => {
         if (!E) {
-          m.open({
+          u.open({
             title: a("inventory.ingredient.import.error.noData"),
             type: "error"
           });
           return;
         }
         if (!E.importCreateResult.length && !E.importUpdateResult.length) {
-          m.open({
+          u.open({
             title: a("inventory.ingredient.import.error.invalidContent"),
             message: a("inventory.ingredient.import.error.noImportData"),
             type: "error"
@@ -2011,7 +2018,7 @@ const zn = /* @__PURE__ */ ke({
           return;
         }
         if (E.importCreateResult.some((v) => v.errors.length) || E.importUpdateResult.some((v) => v.errors.length)) {
-          m.open({
+          u.open({
             title: a("inventory.ingredient.import.error.invalidContent"),
             message: a("inventory.ingredient.import.error.hasErrors"),
             type: "error"
@@ -2019,36 +2026,36 @@ const zn = /* @__PURE__ */ ke({
           return;
         }
         l.close(), G(E);
-      }).onTertiary(vn);
+      }).onTertiary(fn);
     }
     async function G(E) {
       R.value = !0;
       try {
         const v = [
-          ...E.importCreateResult.map(({ sku: H }) => ({ type: "create", sku: H })),
-          ...E.importUpdateResult.map(({ sku: H }) => ({ type: "update", sku: H }))
-        ], z = 100;
+          ...E.importCreateResult.map(({ sku: q }) => ({ type: "create", sku: q })),
+          ...E.importUpdateResult.map(({ sku: q }) => ({ type: "update", sku: q }))
+        ], N = 100;
         let J = 0;
-        const me = () => {
-          J += z, m.open({
+        const ce = () => {
+          J += N, u.open({
             title: a("inventory.ingredient.import.progress", [
               Math.min(J, v.length),
               v.length
             ])
           });
         }, Q = new Array();
-        for (const H of v.chunk(100)) {
-          me();
+        for (const q of v.chunk(100)) {
+          ce();
           try {
-            const O = await _.importSkus({
-              create: H.filter((K) => K.type === "create").map((K) => K.sku),
-              update: H.filter((K) => K.type === "update").map((K) => K.sku)
+            const O = await h.importSkus({
+              create: q.filter((K) => K.type === "create").map((K) => K.sku),
+              update: q.filter((K) => K.type === "update").map((K) => K.sku)
             });
             Q.push(...O.errors);
           } catch (O) {
             Q.push(
-              ...H.map((K) => {
-                const L = {
+              ...q.map((K) => {
+                const z = {
                   module: qt.enum.sku,
                   _id: K.sku._id,
                   name: K.sku.name,
@@ -2056,13 +2063,13 @@ const zn = /* @__PURE__ */ ke({
                 };
                 return {
                   data: K.sku,
-                  error: [L]
+                  error: [z]
                 };
               })
             );
           }
         }
-        m.open({
+        u.open({
           title: a("inventory.ingredient.import.success"),
           type: "success"
         }), Q.length && i.alert(
@@ -2071,19 +2078,19 @@ const zn = /* @__PURE__ */ ke({
             "div",
             { class: "flex flex-col gap-8" },
             Q.map(
-              (H) => Z("div", { class: "flex flex-col" }, [
-                Z("div", { class: "fm-typo-en-body-lg-600" }, `(${H.data.code}) ${H.data.name}`),
+              (q) => Z("div", { class: "flex flex-col" }, [
+                Z("div", { class: "fm-typo-en-body-lg-600" }, `(${q.data.code}) ${q.data.name}`),
                 Z(
                   "div",
                   { class: "fm-typo-en-body-lg-400" },
-                  `${H.error.map((O) => (O == null ? void 0 : O.message) ?? "Unknown error").join(", ")}`
+                  `${q.error.map((O) => (O == null ? void 0 : O.message) ?? "Unknown error").join(", ")}`
                 )
               ])
             )
           )
         );
       } catch (v) {
-        m.open({
+        u.open({
           title: a("inventory.ingredient.import.error.failed"),
           message: a("inventory.ingredient.import.error.systemMessage", [v == null ? void 0 : v.message]),
           type: "error"
@@ -2093,35 +2100,35 @@ const zn = /* @__PURE__ */ ke({
       }
     }
     return (E, v) => {
-      const z = S("FmButton"), J = S("FmMenuItem"), me = S("FmMenu"), Q = S("FmSwitch"), H = S("FmTable"), O = S("FmCollapsibleTabs"), K = S("FmBottomSheet");
-      return c(), j(nn, {
+      const N = S("FmButton"), J = S("FmMenuItem"), ce = S("FmMenu"), Q = S("FmSwitch"), q = S("FmTable"), O = S("FmCollapsibleTabs"), K = S("FmBottomSheet");
+      return p(), Y(nn, {
         title: o(a)("inventory.ingredient.title"),
         actions: we.value,
-        "onClick:action": p
+        "onClick:action": m
       }, {
-        "header-end": b(() => [
-          s(me, { "close-on-click": !0 }, {
-            "menu-button": b(() => [
-              s(z, {
+        "header-end": x(() => [
+          s(ce, { "close-on-click": !0 }, {
+            "menu-button": x(() => [
+              s(N, {
                 label: o(a)("common.export"),
                 "bg-color": "neutral-gray-100",
                 "text-color": "neutral-gray-400"
               }, null, 8, ["label"])
             ]),
-            default: b(() => [
+            default: x(() => [
               s(J, {
                 label: o(a)("inventory.ingredient.export.exportAll"),
-                onClick: v[0] || (v[0] = (L) => y())
+                onClick: v[0] || (v[0] = (z) => y())
               }, null, 8, ["label"]),
               s(J, {
                 label: o(a)("inventory.ingredient.export.exportFiltered"),
-                onClick: v[1] || (v[1] = (L) => y(A.value))
+                onClick: v[1] || (v[1] = (z) => y(A.value))
               }, null, 8, ["label"])
             ]),
             _: 1
           })
         ]),
-        default: b(() => [
+        default: x(() => [
           n("div", {
             class: ie([
               "relative flex flex-col gap-8 max-h-full",
@@ -2131,34 +2138,34 @@ const zn = /* @__PURE__ */ ke({
               }
             ])
           }, [
-            s(_n, {
+            s(xn, {
               searchable: "",
               search: B.value,
-              "onUpdate:search": v[3] || (v[3] = (L) => B.value = L),
+              "onUpdate:search": v[3] || (v[3] = (z) => B.value = z),
               filterable: "",
-              "filter-attributes": u.value,
-              filter: x.value,
-              "onUpdate:filter": v[4] || (v[4] = (L) => x.value = L)
+              "filter-attributes": d.value,
+              filter: _.value,
+              "onUpdate:filter": v[4] || (v[4] = (z) => _.value = z)
             }, {
-              default: b(() => [
-                o(k).isEnabled ? (c(), V("div", ll, [
-                  n("span", al, $(o(a)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
-                  s(sn),
+              default: x(() => [
+                o(k).isEnabled ? (p(), V("div", ml, [
+                  n("span", pl, $(o(a)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
+                  s(un),
                   s(Be, null, {
-                    default: b(() => [
+                    default: x(() => [
                       s(Q, {
                         modelValue: ne.value,
-                        "onUpdate:modelValue": v[2] || (v[2] = (L) => ne.value = L)
+                        "onUpdate:modelValue": v[2] || (v[2] = (z) => ne.value = z)
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   })
-                ])) : N("", !0)
+                ])) : L("", !0)
               ]),
               _: 1
             }, 8, ["search", "filter-attributes", "filter"]),
-            (c(), j(H, {
-              key: JSON.stringify(x.value),
+            (p(), Y(q, {
+              key: JSON.stringify(_.value),
               style: Dt(o(te).tableHeight),
               "column-defs": o(F),
               "row-data": A.value,
@@ -2168,27 +2175,27 @@ const zn = /* @__PURE__ */ ke({
               },
               loading: (!o(U)._currentLocation || ve.value) && o(k).isReady,
               "loading-text": o(a)("inventory.common.loading"),
-              onRowClick: v[5] || (v[5] = (L) => o(r)(L.original)),
+              onRowClick: v[5] || (v[5] = (z) => o(r)(z.original)),
               "page-size": le.value
             }, {
-              "list-row": b((L) => [
-                s(gn, {
-                  row: L,
+              "list-row": x((z) => [
+                s(bn, {
+                  row: z,
                   onRowClick: o(r)
                 }, kt({
-                  default: b((ge) => {
-                    var $e, Me, Ue, be, he, ce, Te, Ve, _e, Ie;
+                  default: x((ge) => {
+                    var $e, Me, Ue, be, he, me, Te, Ve, _e, Ie;
                     return [
-                      n("div", sl, [
-                        n("div", rl, [
+                      n("div", vl, [
+                        n("div", fl, [
                           s(o(gt), {
                             render: (Ue = (Me = ($e = ge.code) == null ? void 0 : $e.column) == null ? void 0 : Me.columnDef) == null ? void 0 : Ue.cell,
                             props: (he = (be = ge.code) == null ? void 0 : be.getContext) == null ? void 0 : he.call(be)
                           }, null, 8, ["render", "props"])
                         ]),
-                        n("div", il, [
+                        n("div", yl, [
                           s(o(gt), {
-                            render: (Ve = (Te = (ce = ge.name) == null ? void 0 : ce.column) == null ? void 0 : Te.columnDef) == null ? void 0 : Ve.cell,
+                            render: (Ve = (Te = (me = ge.name) == null ? void 0 : me.column) == null ? void 0 : Te.columnDef) == null ? void 0 : Ve.cell,
                             props: (Ie = (_e = ge.name) == null ? void 0 : _e.getContext) == null ? void 0 : Ie.call(_e)
                           }, null, 8, ["render", "props"])
                         ])
@@ -2199,7 +2206,7 @@ const zn = /* @__PURE__ */ ke({
                 }, [
                   R.value ? {
                     name: "loading-text",
-                    fn: b(() => [
+                    fn: x(() => [
                       n("div", null, $(o(a)("inventory.ingredient.table.importing")), 1)
                     ]),
                     key: "0"
@@ -2209,20 +2216,20 @@ const zn = /* @__PURE__ */ ke({
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "columnVisibility", "loading", "loading-text", "page-size"]))
           ], 2),
-          (c(), j(it, { to: "body" }, [
-            s(Lo, Nt(zt(o(f))), null, 16)
+          (p(), Y(it, { to: "body" }, [
+            s(Jo, Nt(zt(o(f))), null, 16)
           ])),
-          (c(), j(it, { to: "body" }, [
+          (p(), Y(it, { to: "body" }, [
             s(K, {
               "dismiss-away": "",
               modelValue: ae.value,
-              "onUpdate:modelValue": v[7] || (v[7] = (L) => ae.value = L)
+              "onUpdate:modelValue": v[7] || (v[7] = (z) => ae.value = z)
             }, {
-              default: b(() => [
+              default: x(() => [
                 s(O, {
                   class: "pb-8",
                   items: fe,
-                  "onUpdate:modelValue": v[6] || (v[6] = (L) => ye(L))
+                  "onUpdate:modelValue": v[6] || (v[6] = (z) => ye(z))
                 })
               ]),
               _: 1
@@ -2235,5 +2242,5 @@ const zn = /* @__PURE__ */ ke({
   }
 });
 export {
-  zl as default
+  Kl as default
 };