@feedmepos/mf-inventory-portal 1.8.0-dev.1 → 1.8.0-dev.3

package/dist/{IngredientsView-CZ6E7cXf.js → IngredientsView-pzpP6oXT.js}

@@ -1,36 +1,36 @@
-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-Cb5s4jMu.js";
+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 x, 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-DqJp3dcI.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 { 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-NTfVmGY8.js";
 import { c as Zt } from "./component-BmLAdDiY.js";
-import { u as Ee, _ as en } from "./netsuite-Bev0OtQT.js";
+import { u as Ee, _ as en } from "./netsuite-BaJjkDM8.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-CZTBvenw.js";
-import { g as an, _ as je, S as We, a as sn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-DdZg9T4n.js";
-import { _ as rn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-Zq81p_MF.js";
-import { _ as qe } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DVCCpvS4.js";
-import { u as Tt } from "./feature-Ckn5ra3z.js";
-import { t as dn, a as un, g as mn } from "./number-y_W4pn_d.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-DCQ6oX9s.js";
+import { A as Oe, R as Le, U as on, M as ln } from "./rules-C8dfM84-.js";
+import { g as an, _ as je, S as We, a as sn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-C1rKc7MA.js";
+import { _ as rn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CYDuu4kU.js";
+import { _ as qe } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DfvNUu80.js";
+import { useFeatureStore as Tt } from "./feature-fG7d73oi.js";
+import { t as dn, a as un, g as mn } from "./number-CB36d2PQ.js";
+import { a as xe } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-CMoQKl_a.js";
+import { d as Re, g as cn, e as pn, a as vn } from "./import-export.helper-BOTQWxr6.js";
 import { _ as fn } 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-CYUxtxnS.js";
-import { u as Vt } from "./purchase-order-template-DgOKEzhS.js";
-import { u as It, a as St } from "./closing-template-DnqnpXxn.js";
+import { F as yn, a as He } from "./FmMultiselectDialog-CULwA_hi.js";
+import { u as Vt } from "./purchase-order-template-CDhn9ZIF.js";
+import { u as It, a as St } from "./closing-template-BNlgZviN.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-B50OvX4z.js";
+import { r as bn } from "./xlsx.util-CP8_VajN.js";
 import { F as hn } from "./FmDroppableField-J0tG_U3w.js";
-import { _ as _n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-zcEv1Swg.js";
-import { u as xn } from "./FmMultiselectDialog-BAw-gp5K.js";
+import { _ as _n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-NhOdW33O.js";
+import { u as xn } from "./FmMultiselectDialog-BqZgHP8s.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(), u = Fe(), _ = P(!1), { t: C } = pe(), A = P();
   function U() {
     const a = {
       sku: {},
@@ -54,7 +54,7 @@ const Ye = Qt("ingredientForm", function() {
     A.value = d;
   }
   async function i(a) {
-    x.value = !0;
+    _.value = !0;
     try {
       await u.deleteSku(a), k.open({
         title: "Success",
@@ -63,7 +63,7 @@ const Ye = Qt("ingredientForm", function() {
       });
     } catch (d) {
       if (d instanceof Lt && Kt(d)) {
-        _.open({
+        h.open({
           title: "Cannot delete ingredient",
           contentComponent: Gt,
           contentComponentProps: {
@@ -93,11 +93,11 @@ const Ye = Qt("ingredientForm", function() {
         type: "error"
       }), console.error("failed to delete ingredient", d);
     } finally {
-      x.value = !1;
+      _.value = !1;
     }
   }
   function m(a) {
-    _.open({
+    h.open({
       title: C("inventory.ingredient.delete.title", [(a == null ? void 0 : a.name) ?? ""]),
       closeButton: !1,
       message: C("inventory.ingredient.delete.message"),
@@ -117,7 +117,7 @@ const Ye = Qt("ingredientForm", function() {
     updateIngredient: l,
     deleteIngredient: m,
     ingredientDialogProps: A,
-    ingredientViewLoading: x
+    ingredientViewLoading: _
   };
 }), Tn = {
   key: 0,
@@ -136,10 +136,10 @@ const Ye = Qt("ingredientForm", function() {
     itemCode: {}
   },
   setup(q) {
-    const _ = q, { t: k } = pe(), u = Ge(), x = Ee(), C = P(!1), A = g(() => {
+    const h = q, { t: k } = pe(), u = 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(() => {
+    }), U = g(() => _.getSkuSubsidiaries(h.skuId)), l = g(() => {
       const r = /* @__PURE__ */ new Set();
       function f(F) {
         for (const p of F)
@@ -192,7 +192,7 @@ const Ye = Qt("ingredientForm", function() {
     }
     const d = g(() => {
       let r = U.value.subsidiaryTree;
-      if ((!r || r.length === 0) && (r = x.getBusinessSubsidiaryTree()), !A.value) {
+      if ((!r || r.length === 0) && (r = _.getBusinessSubsidiaryTree()), !A.value) {
         const f = m(r);
         r = a(r, f);
       }
@@ -201,7 +201,7 @@ const Ye = Qt("ingredientForm", function() {
     return (r, f) => {
       const w = S("FmButton"), F = S("FmDialog");
       return c(), V(ee, null, [
-        o(x).isEnabled ? (c(), V("div", Tn, [
+        o(_).isEnabled ? (c(), V("div", Tn, [
           s(w, {
             "prepend-icon": "info",
             variant: "tertiary",
@@ -214,11 +214,11 @@ const Ye = Qt("ingredientForm", function() {
           "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),
+              n("p", Sn, " Name: " + $(h.itemName), 1),
+              n("p", Cn, " Code: " + $(h.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("div", En, [
                 n("div", $n, [
@@ -235,7 +235,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,7 +247,7 @@ 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", {
@@ -259,7 +259,7 @@ const Ye = Qt("ingredientForm", function() {
                     key: 0,
                     class: "flex-1"
                   }, {
-                    default: b(() => [
+                    default: x(() => [
                       n("div", On, [
                         n("span", Bn, $(p.name), 1)
                       ])
@@ -290,7 +290,7 @@ const Ye = Qt("ingredientForm", function() {
 });
 function Nn() {
   var l;
-  const { updateIngredient: q, deleteIngredient: _ } = Ye(), k = Fe(), u = Ee(), { t: x } = pe(), C = Ge();
+  const { updateIngredient: q, deleteIngredient: h } = Ye(), k = Fe(), u = Ee(), { t: _ } = pe(), C = Ge();
   async function A(i, m) {
     const a = wt(m);
     if (i === Pe.Edit) {
@@ -298,7 +298,7 @@ function Nn() {
       return;
     }
     if (i === Pe.Delete) {
-      await _(a);
+      await h(a);
       return;
     }
   }
@@ -312,13 +312,13 @@ 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) {
@@ -338,7 +338,7 @@ function Nn() {
                 });
               },
               content() {
-                return x("inventory.inventoryBindings.circularError");
+                return _("inventory.inventoryBindings.circularError");
               }
             }
           ) : null,
@@ -348,7 +348,7 @@ function Nn() {
     },
     {
       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);
@@ -369,7 +369,7 @@ function Nn() {
     },
     {
       accessorKey: "isInactive",
-      header: () => x("inventory.ingredient.status.title"),
+      header: () => _("inventory.ingredient.status.title"),
       cell(i) {
         const m = i.row.original.isInactive;
         return Z(
@@ -380,7 +380,7 @@ function Nn() {
               m ? "bg-red-100 text-red-700" : "bg-green-100 text-green-700"
             ].join(" ")
           },
-          x(m ? "inventory.ingredient.status.inactive" : "inventory.ingredient.status.active")
+          _(m ? "inventory.ingredient.status.inactive" : "inventory.ingredient.status.active")
         );
       },
       enableSorting: !0
@@ -426,9 +426,9 @@ function Nn() {
   ] };
 }
 function bt(q) {
-  var _;
+  var h;
   if (q.trackingMeasurement) {
-    const k = (_ = q.unit.measurements) == null ? void 0 : _.find((u) => u.id === q.trackingMeasurement);
+    const k = (h = q.unit.measurements) == null ? void 0 : h.find((u) => u.id === q.trackingMeasurement);
     if (k)
       return `${k.name} (${k.abbrev})`;
   }
@@ -443,14 +443,14 @@ const zn = /* @__PURE__ */ ke({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(q, { emit: _ }) {
+  setup(q, { emit: h }) {
     const k = q, u = g(() => {
       var d;
       return (d = k.rootValue) == null ? void 0 : d.unit;
-    }), x = g(() => {
+    }), _ = g(() => {
       var d;
       return (d = k.rootValue) == null ? void 0 : d._id;
-    }), C = _, { t: A } = pe(), U = g({
+    }), C = h, { t: A } = pe(), U = g({
       get() {
         return !!k.modelValue;
       },
@@ -480,7 +480,7 @@ const zn = /* @__PURE__ */ ke({
         variant: "outlined",
         class: "p-16 flex flex-col gap-16"
       }, {
-        default: b(() => {
+        default: x(() => {
           var p, B;
           return [
             s(f, {
@@ -503,10 +503,10 @@ const zn = /* @__PURE__ */ ke({
                 }, null, 8, ["label", "modelValue", "items", "disabled"])
               ]),
               s(rn, {
-                id: x.value,
+                id: _.value,
                 "model-value": ((B = d.modelValue) == null ? void 0 : B.inventoryBindings) ?? [],
                 "onUpdate:modelValue": m,
-                "exclude-binding-id": x.value,
+                "exclude-binding-id": _.value,
                 rules: [o(Oe)(1)],
                 readonly: d.readonly,
                 "allow-recipe-decimal": ""
@@ -518,31 +518,31 @@ const zn = /* @__PURE__ */ ke({
       });
     };
   }
-}), 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 = {
+}), Ln = { class: "flex gap-8" }, jn = { class: "flex-1" }, Wn = { class: "flex-1" }, qn = { class: "flex flex-col gap-5" }, Hn = { class: "flex items-center gap-8" }, Yn = { class: "flex items-center gap-8" }, Kn = { class: "flex items-center gap-8" }, Gn = { class: "text-fm-color-typo-secondary" }, Jn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Qn = {
   key: 3,
   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 = {
+}, Xn = { class: "flex flex-col" }, Zn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, eo = {
   key: 4,
   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 = {
+}, to = { class: "flex flex-col gap-12" }, no = { class: "flex flex-col gap-4" }, oo = { class: "flex items-center gap-8" }, lo = { class: "fm-typo-en-title-sm-600" }, ao = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, so = { class: "flex flex-col gap-4" }, ro = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, 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 = { class: "flex-1 p-12 flex flex-col gap-8" }, bo = { class: "mx-auto" }, ho = { class: "flex flex-col" }, _o = { class: "fm-typo-en-body-sm-600 translate-y-4" }, xo = {
   key: 5,
   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 = {
+}, ko = { class: "flex flex-col" }, wo = { class: "flex items-center justify-between" }, To = { class: "flex items-center gap-8" }, Vo = { class: "fm-typo-en-title-sm-600" }, Io = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, So = {
   key: 0,
   class: "flex flex-col gap-8"
-}, wo = { class: "flex flex-wrap gap-8" }, To = {
+}, Co = { class: "flex flex-wrap gap-8" }, Fo = {
   key: 6,
   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 = {
+}, Ao = { class: "flex flex-col" }, Eo = { class: "flex items-center justify-between" }, $o = { class: "flex items-center gap-8" }, Mo = { class: "fm-typo-en-title-sm-600" }, Uo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Po = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Ao = { class: "flex flex-wrap gap-8" }, Eo = {
+}, Ro = { class: "flex flex-wrap gap-8" }, Oo = {
   key: 7,
   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 = {
+}, Bo = { class: "flex flex-col" }, Do = { class: "flex items-center justify-between" }, No = { class: "flex items-center gap-8" }, zo = { class: "fm-typo-en-title-sm-600" }, Lo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, jo = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Oo = { class: "flex flex-wrap gap-8" }, Bo = /* @__PURE__ */ ke({
+}, Wo = { class: "flex flex-wrap gap-8" }, qo = /* @__PURE__ */ ke({
   __name: "IngredientForm",
   props: /* @__PURE__ */ st({
     mode: {},
@@ -556,19 +556,19 @@ 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(q, { expose: h, emit: k }) {
     var Xe;
-    const { t: u } = pe(), x = Ke();
+    const { t: u } = 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);
     P(void 0);
     const w = P([]), F = P([]), p = P([]), B = P(!1);
     function R(e) {
       if (e.length === 0) return;
-      const t = e[0], h = l.modelValue ?? {
+      const t = e[0], b = l.modelValue ?? {
         unit: m.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());
@@ -650,12 +650,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;
+        var t, b;
+        const e = (b = (t = l.modelValue) == null ? void 0 : t.defaultCost) == null ? void 0 : b.costPerUnit;
         return e ? +un(e) : 0;
       },
       set(e) {
-        var h, I, Y, D;
+        var b, I, Y, D;
         const t = l.modelValue ? {
           ...l.modelValue
         } : {};
@@ -663,7 +663,7 @@ 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(
             (se) => {
@@ -677,25 +677,25 @@ const zn = /* @__PURE__ */ ke({
         }, i("update:modelValue", t);
       }
     }), ye = g(() => {
-      var t, h, I;
+      var t, b, I;
       const e = ((t = l.modelValue) == null ? void 0 : t.unit) ?? m.units.find((Y) => Y);
       return e ? {
         _id: e._id,
-        measurement: (h = l.modelValue) == null ? void 0 : h.trackingMeasurement,
+        measurement: (b = l.modelValue) == null ? void 0 : b.trackingMeasurement,
         name: ((I = e.measurements.find((Y) => {
           var D;
           return Y.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 }) => [
+      () => m.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
         },
@@ -712,13 +712,13 @@ const zn = /* @__PURE__ */ ke({
       })
     ), 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, Y, D;
+      return ((b = (t = l.modelValue) == null ? void 0 : t.unit) == null ? void 0 : b._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);
     }
     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);
+      const { _id: t, measurement: b } = e, I = b || void 0, Y = m.units.find((Se) => Se._id === t);
       if (!Y)
         return;
       const D = l.modelValue ?? {};
@@ -775,7 +775,7 @@ const zn = /* @__PURE__ */ ke({
         t.customAttributes = e, i("update:modelValue", t);
       }
     }), H = P();
-    _({
+    h({
       validateInputs: () => {
         var e, t;
         (t = (e = H.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
@@ -791,35 +791,35 @@ const zn = /* @__PURE__ */ ke({
     });
     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 = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : b.filter(
           (I) => I.from === "INGREDIENT"
         )) ?? [] : [];
       }
     ), L = 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 = m.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 = m.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 }))
     ), 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, Y, 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);
@@ -835,10 +835,10 @@ 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({
       get() {
@@ -849,10 +849,10 @@ 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) => ({
       label: e.name || "Template",
@@ -871,7 +871,7 @@ const zn = /* @__PURE__ */ ke({
       (e) => (l.closingTemplateIds ?? []).includes(e.value)
     ));
     function Ct() {
-      x.open({
+      _.open({
         title: u("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
         closeButton: !0,
         contentComponent: He,
@@ -893,7 +893,7 @@ const zn = /* @__PURE__ */ ke({
       });
     }
     function Ft() {
-      x.open({
+      _.open({
         title: u("inventory.ingredient.wastageTemplates.selectTitle"),
         closeButton: !0,
         contentComponent: He,
@@ -915,7 +915,7 @@ const zn = /* @__PURE__ */ ke({
       });
     }
     function At() {
-      x.open({
+      _.open({
         title: u("inventory.ingredient.closingTemplates.selectTitle"),
         closeButton: !0,
         contentComponent: He,
@@ -942,7 +942,7 @@ 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");
+      const b = 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, {
         disabled: e.disabled,
         ref_key: "formRef",
@@ -950,7 +950,7 @@ const zn = /* @__PURE__ */ ke({
         class: "flex flex-col gap-32",
         onValidationSuccess: ve
       }, {
-        default: b(() => {
+        default: x(() => {
           var nt, ot, lt, at;
           return [
             n("div", Ln, [
@@ -964,8 +964,8 @@ const zn = /* @__PURE__ */ ke({
                   locked: f.value,
                   disabled: e.disabled
                 }, {
-                  default: b(() => [
-                    s(h, {
+                  default: x(() => [
+                    s(b, {
                       label: o(u)("inventory.ingredient.code"),
                       "model-value": le.value,
                       "onUpdate:modelValue": t[0] || (t[0] = (T) => le.value = T),
@@ -986,8 +986,8 @@ const zn = /* @__PURE__ */ ke({
                   locked: f.value,
                   disabled: e.disabled
                 }, {
-                  default: b(() => [
-                    s(h, {
+                  default: x(() => [
+                    s(b, {
                       label: o(u)("inventory.ingredient.name"),
                       "model-value": ae.value,
                       "onUpdate:modelValue": t[2] || (t[2] = (T) => ae.value = T),
@@ -1008,20 +1008,20 @@ const zn = /* @__PURE__ */ ke({
               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")
                     }, null, 8, ["label"])
                   ]),
-                  default: b(({ invalid: T }) => [
+                  default: x(({ invalid: T }) => [
                     s($t, null, {
-                      "menu-button": b(() => [
+                      "menu-button": x(() => [
                         s(Y, {
                           class: ie([
                             "fm-typo-en-body-lg-400",
@@ -1033,7 +1033,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 +1042,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
@@ -1068,7 +1068,7 @@ const zn = /* @__PURE__ */ ke({
                                 key: 1,
                                 label: X.label,
                                 "model-value": E(X),
-                                onClick: (dl) => v(X.value),
+                                onClick: (yl) => v(X.value),
                                 "x-should-scroll-into": `${E(X)}`
                               }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
                             ], 64))), 128))
@@ -1092,17 +1092,19 @@ const zn = /* @__PURE__ */ ke({
               locked: f.value,
               disabled: e.disabled
             }, {
-              label: b(() => [
-                s(xe, { "z-index": 50 }, {
-                  default: b(() => [
-                    s(I, {
-                      label: o(u)("inventory.ingredient.valuationMethod.title")
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                })
+              label: x(() => [
+                n("div", Hn, [
+                  s(I, {
+                    label: o(u)("inventory.ingredient.valuationMethod.title")
+                  }, null, 8, ["label"]),
+                  s(xe, {
+                    tier: "premium",
+                    category: "premium",
+                    "feature-key": "total-cost"
+                  })
+                ])
               ]),
-              default: b(() => [
+              default: x(() => [
                 s(Mt, {
                   class: "col-span-2",
                   label: o(u)("inventory.ingredient.valuationMethod.title"),
@@ -1122,40 +1124,44 @@ const zn = /* @__PURE__ */ ke({
               "append-text": `/ ${be.value}`,
               disabled: e.disabled
             }, {
-              label: b(() => [
-                s(xe, { "z-index": 50 }, {
-                  default: b(() => [
-                    s(I, {
-                      label: o(u)("inventory.ingredient.pricePerUnit")
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                })
+              label: x(() => [
+                n("div", Yn, [
+                  s(I, {
+                    label: o(u)("inventory.ingredient.pricePerUnit")
+                  }, null, 8, ["label"]),
+                  s(xe, {
+                    tier: "premium",
+                    category: "premium",
+                    "feature-key": "total-cost"
+                  })
+                ])
               ]),
-              default: b(() => [
-                s(h, {
+              default: x(() => [
+                s(b, {
                   "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(() => [
-                        s(I, {
-                          label: o(u)("inventory.ingredient.pricePerUnit")
-                        }, null, 8, ["label"])
-                      ]),
-                      _: 1
-                    })
+                  label: x(() => [
+                    n("div", Kn, [
+                      s(I, {
+                        label: o(u)("inventory.ingredient.pricePerUnit")
+                      }, null, 8, ["label"]),
+                      s(xe, {
+                        tier: "premium",
+                        category: "premium",
+                        "feature-key": "total-cost"
+                      })
+                    ])
                   ]),
-                  prepend: b(() => {
+                  prepend: x(() => {
                     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)
+                      n("div", Gn, $(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)
+                  append: x(() => [
+                    n("div", Jn, " / " + $(be.value), 1)
                   ]),
                   _: 1
                 }, 8, ["model-value", "rules"])
@@ -1169,7 +1175,7 @@ const zn = /* @__PURE__ */ ke({
               "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, [
+            e.mode !== o(W).CREATE ? (c(), V("div", Qn, [
               s(et, {
                 label: o(u)("inventory.ingredient.status.inactive"),
                 "model-value": te.value,
@@ -1177,11 +1183,11 @@ const zn = /* @__PURE__ */ ke({
                 "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", Xn, [
+                n("div", Zn, $(o(u)("inventory.ingredient.status.preventFromOrder")), 1)
               ])
             ])) : N("", !0),
-            e.mode !== o(W).CREATE ? (c(), V("div", Qn, [
+            e.mode !== o(W).CREATE ? (c(), V("div", eo, [
               n("div", null, [
                 s(et, {
                   label: o(u)("inventory.ingredient.bindedItems.title"),
@@ -1206,37 +1212,38 @@ const zn = /* @__PURE__ */ ke({
                 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)
-              ]),
+            n("div", to, [
               n("div", no, [
+                n("div", oo, [
+                  n("div", lo, $(o(u)("inventory.ingredient.threshold.title")), 1),
+                  s(xe, {
+                    tier: "standard",
+                    category: "beta"
+                  })
+                ]),
+                n("div", ao, $(o(u)("inventory.ingredient.threshold.subtitle")), 1)
+              ]),
+              n("div", so, [
                 s(Ze, {
                   "model-value": { low: he.value, mid: ce.value },
                   rules: [Et()]
                 }, null, 8, ["model-value", "rules"]),
-                n("div", oo, [
-                  n("div", lo, [
-                    n("div", ao, [
+                n("div", ro, [
+                  n("div", io, [
+                    n("div", uo, [
                       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", co, $(o(u)("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 +1262,21 @@ const zn = /* @__PURE__ */ ke({
                       style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
                     }, " < ")
                   ], -1)),
-                  n("div", io, [
-                    n("div", uo, [
+                  n("div", po, [
+                    n("div", vo, [
                       s(je, {
                         days: ce.value,
                         level: o(We).mid
                       }, null, 8, ["days", "level"])
                     ]),
-                    n("div", mo, [
-                      n("div", co, $(o(u)("inventory.ingredient.threshold.whenRemaining")), 1),
+                    n("div", fo, [
+                      n("div", yo, $(o(u)("inventory.ingredient.threshold.whenRemaining")), 1),
                       s(tt, {
                         modelValue: ce.value,
                         "onUpdate:modelValue": t[11] || (t[11] = (T) => ce.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 +1295,31 @@ const zn = /* @__PURE__ */ ke({
                       style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
                     }, " < ")
                   ], -1)),
-                  n("div", po, [
-                    n("div", vo, [
+                  n("div", go, [
+                    n("div", bo, [
                       s(je, {
                         days: ce.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", ho, [
+                      n("div", _o, $(o(u)("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(d).mustUsePoTemplate && e.mode === o(W).CREATE ? (c(), V("div", xo, [
+              n("div", ko, [
+                n("div", wo, [
+                  n("div", To, [
+                    n("div", Vo, $(o(u)("inventory.ingredient.purchaseOrderTemplates.title")), 1),
+                    s(xe, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "purchase-order-template"
+                    })
+                  ]),
                   s(De, {
                     variant: "secondary",
                     "text-color": "primary",
@@ -1319,10 +1328,10 @@ const zn = /* @__PURE__ */ ke({
                     onClick: Ct
                   })
                 ]),
-                n("div", xo, $(o(u)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
+                n("div", Io, $(o(u)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
               ]),
-              Ve.value.length > 0 ? (c(), V("div", ko, [
-                n("div", wo, [
+              Ve.value.length > 0 ? (c(), V("div", So, [
+                n("div", Co, [
                   (c(!0), V(ee, null, de(Ve.value, (T) => (c(), j(Ne, {
                     key: T.value,
                     label: T.label,
@@ -1332,15 +1341,17 @@ const zn = /* @__PURE__ */ ke({
                 ])
               ])) : 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
-                  }),
+            o(d).enableWastageTemplate && e.mode === o(W).CREATE ? (c(), V("div", Fo, [
+              n("div", Ao, [
+                n("div", Eo, [
+                  n("div", $o, [
+                    n("div", Mo, $(o(u)("inventory.ingredient.wastageTemplates.title")), 1),
+                    s(xe, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "wastage-template"
+                    })
+                  ]),
                   s(De, {
                     variant: "secondary",
                     "text-color": "primary",
@@ -1349,10 +1360,10 @@ const zn = /* @__PURE__ */ ke({
                     onClick: Ft
                   })
                 ]),
-                n("div", Co, $(o(u)("inventory.ingredient.wastageTemplates.description")), 1)
+                n("div", Uo, $(o(u)("inventory.ingredient.wastageTemplates.description")), 1)
               ]),
-              Ie.value.length > 0 ? (c(), V("div", Fo, [
-                n("div", Ao, [
+              Ie.value.length > 0 ? (c(), V("div", Po, [
+                n("div", Ro, [
                   (c(!0), V(ee, null, de(Ie.value, (T) => (c(), j(Ne, {
                     key: T.value,
                     label: T.label,
@@ -1362,15 +1373,17 @@ const zn = /* @__PURE__ */ ke({
                 ])
               ])) : 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
-                  }),
+            o(d).enableClosingTemplate && e.mode === o(W).CREATE ? (c(), V("div", Oo, [
+              n("div", Bo, [
+                n("div", Do, [
+                  n("div", No, [
+                    n("div", zo, $(o(u)("inventory.ingredient.closingTemplates.title")), 1),
+                    s(xe, {
+                      tier: "premium",
+                      category: "premium",
+                      "feature-key": "closing-template"
+                    })
+                  ]),
                   s(De, {
                     variant: "secondary",
                     "text-color": "primary",
@@ -1379,10 +1392,10 @@ const zn = /* @__PURE__ */ ke({
                     onClick: At
                   })
                 ]),
-                n("div", Po, $(o(u)("inventory.ingredient.closingTemplates.description")), 1)
+                n("div", Lo, $(o(u)("inventory.ingredient.closingTemplates.description")), 1)
               ]),
-              Qe.value.length > 0 ? (c(), V("div", Ro, [
-                n("div", Oo, [
+              Qe.value.length > 0 ? (c(), V("div", jo, [
+                n("div", Wo, [
                   (c(!0), V(ee, null, de(Qe.value, (T) => (c(), j(Ne, {
                     key: T.value,
                     label: T.label,
@@ -1405,10 +1418,10 @@ const zn = /* @__PURE__ */ ke({
       }, 8, ["disabled"]);
     };
   }
-}), Do = { class: "flex flex-col gap-32" }, No = {
+}), Ho = { class: "flex flex-col gap-32" }, Yo = {
   key: 0,
   class: "flex justify-between items-center"
-}, zo = { class: "flex gap-4" }, Lo = /* @__PURE__ */ ke({
+}, Ko = { class: "flex gap-4" }, Go = /* @__PURE__ */ ke({
   __name: "IngredientDialog",
   props: {
     show: { type: Boolean },
@@ -1417,13 +1430,13 @@ const zn = /* @__PURE__ */ ke({
   },
   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(
+    const h = q, k = Fe(), u = Tt(), _ = Ee(), C = Vt(), A = It(), U = St(), l = Ae(), { t: i } = pe(), m = ft(h, "show"), a = ft(h, "sku"), d = 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) {
+      switch (h.mode) {
         case W.READ:
           return "";
         case W.UPDATE:
@@ -1433,7 +1446,7 @@ const zn = /* @__PURE__ */ ke({
       }
       return "";
     }), p = g(() => {
-      switch (_.mode) {
+      switch (h.mode) {
         case W.READ:
           return "";
         case W.UPDATE:
@@ -1582,7 +1595,7 @@ const zn = /* @__PURE__ */ ke({
       (M = (y = B.value) == null ? void 0 : y.validateInputs) == null || M.call(y);
     }
     function ae() {
-      switch (_.mode) {
+      switch (h.mode) {
         case W.READ:
           return;
         case W.UPDATE:
@@ -1610,8 +1623,8 @@ const zn = /* @__PURE__ */ ke({
         "dismiss-away": "",
         "max-width": 500
       }, {
-        "side-sheet-footer": b(() => [
-          n("div", zo, [
+        "side-sheet-footer": x(() => [
+          n("div", Ko, [
             s(E, {
               loading: R.value,
               label: p.value,
@@ -1625,9 +1638,9 @@ const zn = /* @__PURE__ */ ke({
             }, null, 8, ["disabled", "label"])
           ])
         ]),
-        default: b(() => [
-          n("div", Do, [
-            w.value ? (c(), V("div", No, [
+        default: x(() => [
+          n("div", Ho, [
+            w.value ? (c(), V("div", Yo, [
               s(G, {
                 label: "Managed by Netsuite",
                 compact: ""
@@ -1635,10 +1648,10 @@ 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, {
+            s(qo, {
               class: "w-full",
               ref_key: "hasValidationExpose",
               ref: B,
@@ -1660,10 +1673,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 = {
+}), Jo = { class: "flex items-center gap-12 pl-8" }, Qo = { class: "flex flex-col" }, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Zo = {
   key: 0,
   class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Yo = { key: 0 }, ht = /* @__PURE__ */ ke({
+}, el = { key: 0 }, ht = /* @__PURE__ */ ke({
   __name: "ImportIngredientItem",
   props: {
     type: {},
@@ -1672,28 +1685,28 @@ const zn = /* @__PURE__ */ ke({
     errors: {}
   },
   setup(q) {
-    return (_, k) => {
-      const u = S("FmIcon"), x = S("FmTooltip");
-      return c(), V("div", jo, [
+    return (h, k) => {
+      const u = S("FmIcon"), _ = S("FmTooltip");
+      return c(), V("div", Jo, [
         k[0] || (k[0] = n("div", null, "•", -1)),
-        n("div", Wo, [
-          n("div", qo, [
+        n("div", Qo, [
+          n("div", Xo, [
             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" ? (c(), V("span", Zo, "(new)")) : N("", !0)
             ], 2),
-            _.errors.length ? (c(), V("div", Yo, [
-              s(x, { "z-index": 50 }, {
-                content: b(() => [
+            h.errors.length ? (c(), V("div", el, [
+              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))
+                    (c(!0), V(ee, null, de(h.errors, (C, A) => (c(), V("li", { key: A }, $(C), 1))), 128))
                   ])
                 ]),
-                default: b(() => [
+                default: x(() => [
                   s(u, {
                     name: "error",
                     size: "sm",
@@ -1708,28 +1721,28 @@ const zn = /* @__PURE__ */ ke({
             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 = {
+}), tl = { class: "flex flex-col gap-24" }, nl = { class: "fm-typo-en-body-md-400" }, ol = { class: "flex flex-col gap-8" }, ll = { class: "line-clamp-2 text-ellipsis break-all" }, al = {
   key: 2,
   class: "shrink-0"
-}, Zo = {
+}, sl = {
   key: 0,
   class: "flex flex-col"
-}, el = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, tl = {
+}, rl = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, il = {
   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({
+}, dl = { class: "fm-typo-en-body-lg-600" }, ul = /* @__PURE__ */ ke({
   __name: "ImportIngredients",
   setup(q) {
-    const _ = P(null), k = Ht(), u = Ae(), x = P(!1), C = P(new Array()), A = P([]), U = P([]), l = g(
+    const h = P(null), k = Ht(), u = Ae(), _ = 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)
     ), i = g(
       () => !!A.value.length || !!U.value.length
@@ -1737,7 +1750,7 @@ const zn = /* @__PURE__ */ ke({
     async function a(d) {
       C.value = [], A.value = [], U.value = [];
       try {
-        x.value = !0;
+        _.value = !0;
         const [r] = await Promise.all([
           bn(d),
           // fake buffer
@@ -1767,40 +1780,40 @@ const zn = /* @__PURE__ */ ke({
         C.value.length && u.open({
           title: m("inventory.ingredient.import.fileError.invalidExcel"),
           type: "error"
-        }), x.value = !1;
+        }), _.value = !1;
       }
     }
-    return _t(_, (d) => {
+    return _t(h, (d) => {
       d && a(d);
     }), (d, 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),
+      return c(), V("div", tl, [
+        n("div", nl, $(o(m)("inventory.ingredient.import.uploadDescription")), 1),
         s(hn, {
           class: ie({
             "w-full": !0,
-            "h-[200px]": !_.value
+            "h-[200px]": !h.value
           }),
           accept: ".xlsx",
-          onFileUpload: r[0] || (r[0] = (p) => _.value = p),
+          onFileUpload: r[0] || (r[0] = (p) => h.value = p),
           label: o(m)("inventory.ingredient.import.uploadTemplate"),
           "button-label": o(m)("inventory.ingredient.import.selectFile")
         }, kt({ _: 2 }, [
-          _.value ? {
+          h.value ? {
             name: "default",
-            fn: b(({ openFileDialog: p }) => [
-              n("div", Jo, [
+            fn: x(({ openFileDialog: p }) => [
+              n("div", ol, [
                 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 ? (c(), j(f, {
                     key: 0,
                     size: "md",
                     color: "neutral-gray-200"
@@ -1814,14 +1827,14 @@ 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", ll, $(h.value.name), 1)
                   ], 2),
-                  x.value ? N("", !0) : (c(), V("div", Xo, [
+                  _.value ? N("", !0) : (c(), V("div", al, [
                     s(F, {
                       label: o(m)("inventory.ingredient.import.replaceFile"),
                       variant: l.value ? "destructive" : "secondary",
@@ -1830,7 +1843,7 @@ const zn = /* @__PURE__ */ ke({
                     }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
                   ]))
                 ], 2),
-                C.value.length ? (c(), V("div", Zo, [
+                C.value.length ? (c(), V("div", sl, [
                   (c(!0), V(ee, null, de(C.value, (B, R) => (c(), V("div", {
                     key: R,
                     class: "flex gap-8 items-center"
@@ -1840,7 +1853,7 @@ const zn = /* @__PURE__ */ ke({
                       size: "sm",
                       color: "system-error-300"
                     }),
-                    n("div", el, $(B), 1)
+                    n("div", rl, $(B), 1)
                   ]))), 128))
                 ])) : N("", !0)
               ])
@@ -1848,8 +1861,8 @@ const zn = /* @__PURE__ */ ke({
             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),
+        i.value ? (c(), V("div", il, [
+          n("div", dl, $(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,
@@ -1868,24 +1881,24 @@ const zn = /* @__PURE__ */ ke({
       ]);
     };
   }
-}), 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({
+}, cl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pl = { class: "flex flex-col py-8" }, vl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Kl = /* @__PURE__ */ ke({
   __name: "IngredientsView",
   setup(q) {
-    const _ = Fe(), k = Ee(), u = g(() => [
+    const h = Fe(), k = Ee(), u = 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 +1906,7 @@ const zn = /* @__PURE__ */ ke({
         entity: "sku",
         values: ["Active", "Inactive"]
       }
-    ]), x = P({
+    ]), _ = P({
       logic: "AND",
       rules: [
         {
@@ -1906,10 +1919,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,
@@ -1978,7 +1991,7 @@ const zn = /* @__PURE__ */ ke({
     function M() {
       l.open({
         title: a("inventory.ingredient.import.title"),
-        contentComponent: ol,
+        contentComponent: ul,
         overlay: !0,
         closeButton: !0,
         primaryActions: {
@@ -2040,7 +2053,7 @@ const zn = /* @__PURE__ */ ke({
         for (const H of v.chunk(100)) {
           me();
           try {
-            const O = await _.importSkus({
+            const O = await h.importSkus({
               create: H.filter((K) => K.type === "create").map((K) => K.sku),
               update: H.filter((K) => K.type === "update").map((K) => K.sku)
             });
@@ -2099,16 +2112,16 @@ const zn = /* @__PURE__ */ ke({
         actions: we.value,
         "onClick:action": p
       }, {
-        "header-end": b(() => [
+        "header-end": x(() => [
           s(me, { "close-on-click": !0 }, {
-            "menu-button": b(() => [
+            "menu-button": x(() => [
               s(z, {
                 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())
@@ -2121,7 +2134,7 @@ const zn = /* @__PURE__ */ ke({
             _: 1
           })
         ]),
-        default: b(() => [
+        default: x(() => [
           n("div", {
             class: ie([
               "relative flex flex-col gap-8 max-h-full",
@@ -2137,15 +2150,15 @@ const zn = /* @__PURE__ */ ke({
               "onUpdate:search": v[3] || (v[3] = (L) => B.value = L),
               filterable: "",
               "filter-attributes": u.value,
-              filter: x.value,
-              "onUpdate:filter": v[4] || (v[4] = (L) => x.value = L)
+              filter: _.value,
+              "onUpdate:filter": v[4] || (v[4] = (L) => _.value = L)
             }, {
-              default: b(() => [
-                o(k).isEnabled ? (c(), V("div", ll, [
-                  n("span", al, $(o(a)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
+              default: x(() => [
+                o(k).isEnabled ? (c(), V("div", ml, [
+                  n("span", cl, $(o(a)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
                   s(sn),
                   s(Be, null, {
-                    default: b(() => [
+                    default: x(() => [
                       s(Q, {
                         modelValue: ne.value,
                         "onUpdate:modelValue": v[2] || (v[2] = (L) => ne.value = L)
@@ -2158,7 +2171,7 @@ const zn = /* @__PURE__ */ ke({
               _: 1
             }, 8, ["search", "filter-attributes", "filter"]),
             (c(), j(H, {
-              key: JSON.stringify(x.value),
+              key: JSON.stringify(_.value),
               style: Dt(o(te).tableHeight),
               "column-defs": o(F),
               "row-data": A.value,
@@ -2171,22 +2184,22 @@ const zn = /* @__PURE__ */ ke({
               onRowClick: v[5] || (v[5] = (L) => o(r)(L.original)),
               "page-size": le.value
             }, {
-              "list-row": b((L) => [
+              "list-row": x((L) => [
                 s(gn, {
                   row: L,
                   onRowClick: o(r)
                 }, kt({
-                  default: b((ge) => {
+                  default: x((ge) => {
                     var $e, Me, Ue, be, he, ce, Te, Ve, _e, Ie;
                     return [
-                      n("div", sl, [
-                        n("div", rl, [
+                      n("div", pl, [
+                        n("div", vl, [
                           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", fl, [
                           s(o(gt), {
                             render: (Ve = (Te = (ce = ge.name) == null ? void 0 : ce.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)
@@ -2199,7 +2212,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"
@@ -2210,7 +2223,7 @@ const zn = /* @__PURE__ */ ke({
             }, 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)
+            s(Go, Nt(zt(o(f))), null, 16)
           ])),
           (c(), j(it, { to: "body" }, [
             s(K, {
@@ -2218,7 +2231,7 @@ const zn = /* @__PURE__ */ ke({
               modelValue: ae.value,
               "onUpdate:modelValue": v[7] || (v[7] = (L) => ae.value = L)
             }, {
-              default: b(() => [
+              default: x(() => [
                 s(O, {
                   class: "pb-8",
                   items: fe,
@@ -2235,5 +2248,5 @@ const zn = /* @__PURE__ */ ke({
   }
 });
 export {
-  zl as default
+  Kl as default
 };