@feedmepos/mf-inventory-portal 1.2.19 → 1.2.20

package/dist/{IngredientsView-CcHZgOrI.js → IngredientsView-CGzkx8jG.js}

@@ -1,74 +1,74 @@
-import { ref as B, defineComponent as pe, computed as y, resolveComponent as F, openBlock as d, createElementBlock as w, Fragment as X, unref as o, createVNode as a, withModifiers as Bt, createCommentVNode as L, withCtx as g, createElementVNode as l, toDisplayString as A, normalizeClass as te, renderList as ue, createBlock as D, h as Q, renderSlot as Ve, createTextVNode as Ge, mergeModels as it, onMounted as Ot, watch as xt, useModel as Dt, isRef as dt, createSlots as kt, normalizeStyle as Nt, Teleport as ut, normalizeProps as zt, guardReactiveProps as Lt } from "vue";
-import { a as Se, e as H, f as Tt, S as jt, b as Ce, h as qe, i as Wt, D as ct, j as Me, A as Pe, k as wt, l as Ht, n as mt, t as qt, o as Yt, p as De, q as Ne, U as Gt, r as Kt, M as Jt, s as pt, v as vt, c as Vt, w as ze, _ as Zt, x as ft, y as Qt, z as yt, B as Xt, C as en, N as tn, H as nn, u as ln, E as on, G as an, I as sn, J as rn, K as gt, L as dn } from "./app-DLWtkyIk.js";
-import { useDialog as Re, useSnackbar as Fe, components as Le, useProxiedModel as bt, useDialogChild as un, useBreakpoints as cn } from "@feedmepos/ui-library";
+import { ref as B, defineComponent as pe, computed as g, resolveComponent as F, openBlock as u, createElementBlock as w, Fragment as X, unref as o, createVNode as a, withModifiers as Bt, createCommentVNode as L, withCtx as y, createElementVNode as l, toDisplayString as A, normalizeClass as te, renderList as ue, createBlock as O, h as Q, renderSlot as xe, createSlots as Ye, createTextVNode as Ge, mergeModels as it, onMounted as Dt, watch as kt, useModel as Ot, isRef as dt, normalizeStyle as Nt, Teleport as ut, normalizeProps as zt, guardReactiveProps as Lt } from "vue";
+import { a as Ce, e as H, f as Tt, S as jt, b as Fe, h as He, i as Wt, D as ct, j as Me, A as Pe, k as wt, l as Ht, n as mt, t as qt, o as Yt, p as pt, q as Oe, U as Gt, r as Kt, M as Jt, s as vt, v as ft, c as Vt, w as Ne, _ as Zt, x as yt, y as Qt, z as gt, B as Xt, C as en, N as tn, H as nn, u as ln, E as on, G as an, I as sn, J as rn, K as bt, L as dn } from "./app-lUlGER8p.js";
+import { useDialog as Re, useSnackbar as Ae, components as ze, useProxiedModel as ht, useDialogChild as un, useBreakpoints as cn } from "@feedmepos/ui-library";
 import { i as mn, _ as pn } from "./is-linked-ingredient-error-fJ2TJb3z.js";
 import { useI18n as ve, useCoreStore as It } from "@feedmepos/mf-common";
 import { defineStore as vn, storeToRefs as fn } from "pinia";
-import { g as yn, _ as je, S as We, a as gn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-HRRCXy1F.js";
-import { _ as bn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BuZXOBId.js";
-import { _ as He } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-BZTaw7SF.js";
+import { g as yn, _ as Le, S as je, a as gn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-C7APxtAH.js";
+import { _ as bn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BiDaywhG.js";
+import { _ as We } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DL_92mjl.js";
 import { _ as he } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-import { d as Ue, g as hn, e as _n, a as xn } from "./import-export.helper-CGvZQkvF.js";
+import { d as Ue, g as hn, e as _n, a as xn } from "./import-export.helper-DQQ7rfdF.js";
 import { _ as kn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
-import { u as St } from "./purchase-order-template-BBnGvesc.js";
-import { u as Ct } from "./closing-template-BVGsZA5Q.js";
-import { u as Tn } from "./FmMultiselectDialog-Ct6hmHG_.js";
-const Ye = vn("ingredientForm", function() {
-  const u = Re(), T = Fe(), s = Se(), b = B(!1), { t: S } = ve(), U = B();
+import { u as St } from "./purchase-order-template-C0l5Ls0t.js";
+import { u as Ct } from "./closing-template-DxU2lVDy.js";
+import { u as Tn } from "./FmMultiselectDialog-DIH0-V3E.js";
+const qe = vn("ingredientForm", function() {
+  const s = Re(), T = Ae(), r = Ce(), b = B(!1), { t: S } = ve(), U = B();
   function k() {
-    const r = {
+    const i = {
       sku: {},
       mode: H.CREATE,
       show: !0,
-      "onUpdate:show"(i) {
-        U.value.show = i;
+      "onUpdate:show"(d) {
+        U.value.show = d;
       }
     };
-    U.value = r;
+    U.value = i;
   }
-  async function n(r) {
-    const i = {
-      sku: Tt(r),
+  async function n(i) {
+    const d = {
+      sku: Tt(i),
       mode: H.UPDATE,
       show: !0,
       "onUpdate:show"(m) {
         U.value.show = m;
       }
     };
-    U.value = i;
+    U.value = d;
   }
-  async function c(r) {
+  async function c(i) {
     b.value = !0;
     try {
-      await s.deleteSku(r), T.open({
+      await r.deleteSku(i), T.open({
         title: "Success",
-        message: `Deleted ${r.name}`,
+        message: `Deleted ${i.name}`,
         type: "success"
       });
-    } catch (i) {
-      i instanceof jt && mn(i) ? u.open({
+    } catch (d) {
+      d instanceof jt && mn(d) ? s.open({
         title: "Cannot delete ingredient",
         contentComponent: pn,
         contentComponentProps: {
-          subject: (r == null ? void 0 : r.name) ?? "",
-          items: i.errorResponse.message
+          subject: (i == null ? void 0 : i.name) ?? "",
+          items: d.errorResponse.message
         },
         secondaryActions: {
           text: "Close",
           close: !0
         }
-      }) : console.log("unable to delete ingredient", i), T.open({
-        title: `Cannot delete ${r.name}`,
+      }) : console.log("unable to delete ingredient", d), T.open({
+        title: `Cannot delete ${i.name}`,
         message: "Please try again.",
         type: "error"
-      }), console.error("failed to delete ingredient", i);
+      }), console.error("failed to delete ingredient", d);
     } finally {
       b.value = !1;
     }
   }
-  function _(r) {
-    u.open({
-      title: S("inventory.ingredient.delete.title", [(r == null ? void 0 : r.name) ?? ""]),
+  function _(i) {
+    s.open({
+      title: S("inventory.ingredient.delete.title", [(i == null ? void 0 : i.name) ?? ""]),
       closeButton: !1,
       message: S("inventory.ingredient.delete.message"),
       primaryActions: {
@@ -80,7 +80,7 @@ const Ye = vn("ingredientForm", function() {
         text: S("common.cancel"),
         close: !0
       }
-    }).onPrimary(() => c(r));
+    }).onPrimary(() => c(i));
   }
   return {
     createIngredient: k,
@@ -95,10 +95,10 @@ const Ye = vn("ingredientForm", function() {
 }, Vn = { class: "flex flex-col gap-1" }, In = { class: "fm-typo-en-heading-lg-600" }, Sn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fn = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-system-warning-300"
-}, En = {
+}, An = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, An = { 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" }, Bn = { class: "px-2 py-1 rounded-md bg-blue-200 border-2 border-blue-400" }, On = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Dn = /* @__PURE__ */ pe({
+}, 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" }, Bn = { class: "px-2 py-1 rounded-md bg-blue-200 border-2 border-blue-400" }, Dn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, On = /* @__PURE__ */ pe({
   __name: "ItemSubsidiaryTreeDialog",
   props: {
     skuId: {},
@@ -106,10 +106,10 @@ const Ye = vn("ingredientForm", function() {
     itemCode: {}
   },
   setup(W) {
-    const u = W, { t: T } = ve(), s = It(), b = Ce(), S = B(!1), U = y(() => {
+    const s = W, { t: T } = ve(), r = It(), b = Fe(), S = B(!1), U = g(() => {
       var m;
-      return ((m = s.sessionUser.value) == null ? void 0 : m.role.isAdmin) ?? !1;
-    }), k = y(() => b.getSkuSubsidiaries(u.skuId)), n = y(() => {
+      return ((m = r.sessionUser.value) == null ? void 0 : m.role.isAdmin) ?? !1;
+    }), k = g(() => b.getSkuSubsidiaries(s.skuId)), n = g(() => {
       const m = /* @__PURE__ */ new Set();
       function v(E) {
         for (const p of E)
@@ -125,11 +125,11 @@ const Ye = vn("ingredientForm", function() {
     function c(m, v = [], V = !1) {
       const E = [];
       return m.forEach((p, N) => {
-        const O = N === m.length - 1, fe = [...v, O];
+        const D = N === m.length - 1, fe = [...v, D];
         let ne = "";
         for (let ee = 0; ee < v.length; ee++)
           ne += v[ee] ? "    " : "│   ";
-        ne += O ? "└── " : "├── ";
+        ne += D ? "└── " : "├── ";
         const ce = n.value.has(p.id), le = p.isAssigned === !0, oe = V && !le;
         if (E.push({
           id: p.id,
@@ -149,29 +149,29 @@ const Ye = vn("ingredientForm", function() {
       const V = /* @__PURE__ */ new Set();
       for (const E of m) {
         const p = [...v, E.id];
-        E.isAssigned === !0 && p.forEach((N) => V.add(N)), E.children && E.children.length > 0 && _(E.children, p).forEach((O) => V.add(O));
+        E.isAssigned === !0 && p.forEach((N) => V.add(N)), E.children && E.children.length > 0 && _(E.children, p).forEach((D) => V.add(D));
       }
       return V;
     }
-    function r(m, v) {
+    function i(m, v) {
       return m.map((V) => v.has(V.id) || V.isAssigned === !0 ? {
         ...V,
         // Recursively filter children
-        children: V.children ? r(V.children, v) : []
+        children: V.children ? i(V.children, v) : []
       } : null).filter(Boolean);
     }
-    const i = y(() => {
+    const d = g(() => {
       let m = k.value.subsidiaryTree;
       if ((!m || m.length === 0) && (m = b.getBusinessSubsidiaryTree()), !U.value) {
         const v = _(m);
-        m = r(m, v);
+        m = i(m, v);
       }
       return c(m, []);
     });
     return (m, v) => {
       const V = F("FmButton"), E = F("FmDialog");
-      return d(), w(X, null, [
-        o(b).isEnabled ? (d(), w("div", wn, [
+      return u(), w(X, null, [
+        o(b).isEnabled ? (u(), w("div", wn, [
           a(V, {
             "prepend-icon": "info",
             variant: "tertiary",
@@ -184,13 +184,13 @@ const Ye = vn("ingredientForm", function() {
           "close-button": "",
           dismissAway: ""
         }, {
-          "dialog-header": g(() => [
+          "dialog-header": y(() => [
             l("div", Vn, [
               l("div", In, A(o(T)("inventory.integration.netsuite.subsidiaryHierarchy.title")), 1),
-              l("p", Sn, " Name: " + A(u.itemName), 1),
-              l("p", Cn, " Code: " + A(u.itemCode), 1),
-              U.value ? (d(), w("p", Fn, " All subsidiaries are shown since you are an admin. ")) : (d(), w("p", En, " Only showing subsidiaries in your business path and bound subsidiaries. ")),
-              l("div", An, [
+              l("p", Sn, " Name: " + A(s.itemName), 1),
+              l("p", Cn, " Code: " + A(s.itemCode), 1),
+              U.value ? (u(), w("p", Fn, " All subsidiaries are shown since you are an admin. ")) : (u(), w("p", An, " Only showing subsidiaries in your business path and bound subsidiaries. ")),
+              l("div", En, [
                 l("div", $n, [
                   v[2] || (v[2] = l("span", { class: "font-semibold" }, "Include Children Subsidiaries:", -1)),
                   l("span", {
@@ -204,8 +204,8 @@ const Ye = vn("ingredientForm", function() {
                     l("span", { class: "w-3 h-3 rounded-sm bg-green-400" }),
                     l("span", { class: "fm-typo-en-body-sm-400" }, "Directly Bound")
                   ], -1)),
-                  a(qe, null, {
-                    default: g(() => v[3] || (v[3] = [
+                  a(He, null, {
+                    default: y(() => v[3] || (v[3] = [
                       l("div", { class: "flex items-center gap-2 px-2 py-1 rounded-md" }, [
                         l("span", { class: "w-3 h-3 rounded-sm bg-blue-400" }),
                         l("span", { class: "fm-typo-en-body-sm-400" }, "Included as Child")
@@ -217,25 +217,25 @@ const Ye = vn("ingredientForm", function() {
               ])
             ])
           ]),
-          default: g(() => [
+          default: y(() => [
             l("div", Un, [
               l("div", Pn, [
-                (d(!0), w(X, null, ue(i.value, (p) => (d(), w("div", {
+                (u(!0), w(X, null, ue(d.value, (p) => (u(), w("div", {
                   key: p.id,
                   class: "flex items-stretch"
                 }, [
                   l("span", Rn, A(p.prefix), 1),
-                  p.isParentIncludedChild ? (d(), D(qe, {
+                  p.isParentIncludedChild ? (u(), O(He, {
                     key: 0,
                     class: "flex-1"
                   }, {
-                    default: g(() => [
+                    default: y(() => [
                       l("div", Bn, [
-                        l("span", On, A(p.name), 1)
+                        l("span", Dn, A(p.name), 1)
                       ])
                     ]),
                     _: 2
-                  }, 1024)) : (d(), w("div", {
+                  }, 1024)) : (u(), w("div", {
                     key: 1,
                     class: te([
                       "px-2 py-1 rounded-md flex-1",
@@ -259,7 +259,7 @@ const Ye = vn("ingredientForm", function() {
   }
 });
 function Nn() {
-  const { updateIngredient: W, deleteIngredient: u } = Ye(), T = Se(), s = Ce();
+  const { updateIngredient: W, deleteIngredient: s } = qe(), T = Ce(), r = Fe();
   Re();
   const { t: b } = ve();
   async function S(k, n) {
@@ -269,7 +269,7 @@ function Nn() {
       return;
     }
     if (k === Me.Delete) {
-      await u(c);
+      await s(c);
       return;
     }
   }
@@ -287,15 +287,15 @@ function Nn() {
       size: 300,
       cell(k) {
         const n = k.row.original, c = T.skuBindingFlattenCache[n._id], _ = c == null ? void 0 : c.inventoryBindings.some(
-          (r) => "error" in r && r.reason === "circularDependency"
+          (i) => "error" in i && i.reason === "circularDependency"
         );
         return Q("div", { class: "flex items-center w-full gap-4" }, [
           _ ? Q(
-            Le.FmTooltip,
+            ze.FmTooltip,
             { class: "text-left" },
             {
               default() {
-                return Q(Le.FmIcon, {
+                return Q(ze.FmIcon, {
                   name: "info",
                   color: "system-error-300",
                   size: "sm"
@@ -313,11 +313,11 @@ function Nn() {
     {
       id: "unit",
       header: () => b("inventory.ingredient.unit"),
-      accessorFn: (k) => ht(k),
+      accessorFn: (k) => _t(k),
       cell(k) {
-        const n = k.row.original, c = ht(n);
+        const n = k.row.original, c = _t(n);
         return Q(
-          Le.FmTooltip,
+          ze.FmTooltip,
           { zIndex: 51, content: c },
           Q(
             "span",
@@ -351,10 +351,10 @@ function Nn() {
     },
     {
       id: "netsuiteSubsidiary",
-      accessorFn: (k) => s.getSkuSubsidiaries(k._id),
+      accessorFn: (k) => r.getSkuSubsidiaries(k._id),
       header: () => "NetSuite Subsidiary",
       cell(k) {
-        const n = k.row.original, { flattenedSubsidiaryNames: c } = s.getSkuSubsidiaries(n._id);
+        const n = k.row.original, { flattenedSubsidiaryNames: c } = r.getSkuSubsidiaries(n._id);
         return Q("div", { class: "flex gap-2 items-start" }, [
           Q(
             "span",
@@ -363,7 +363,7 @@ function Nn() {
             },
             c.join(", ")
           ),
-          Q(Dn, { skuId: n._id, itemName: n.name, itemCode: n.code })
+          Q(On, { skuId: n._id, itemName: n.name, itemCode: n.code })
         ]);
       },
       enableSorting: !1,
@@ -389,10 +389,10 @@ function Nn() {
     }
   ] };
 }
-function ht(W) {
-  var u;
+function _t(W) {
+  var s;
   if (W.trackingMeasurement) {
-    const T = (u = W.unit.measurements) == null ? void 0 : u.find((s) => s.id === W.trackingMeasurement);
+    const T = (s = W.unit.measurements) == null ? void 0 : s.find((r) => r.id === W.trackingMeasurement);
     if (T)
       return `${T.name} (${T.abbrev})`;
   }
@@ -407,72 +407,72 @@ const zn = /* @__PURE__ */ pe({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(W, { emit: u }) {
-    const T = W, s = y(() => {
-      var i;
-      return (i = T.rootValue) == null ? void 0 : i.unit;
-    }), b = y(() => {
-      var i;
-      return (i = T.rootValue) == null ? void 0 : i._id;
-    }), S = u, { t: U } = ve(), k = y({
+  setup(W, { emit: s }) {
+    const T = W, r = g(() => {
+      var d;
+      return (d = T.rootValue) == null ? void 0 : d.unit;
+    }), b = g(() => {
+      var d;
+      return (d = T.rootValue) == null ? void 0 : d._id;
+    }), S = s, { t: U } = ve(), k = g({
       get() {
         return !!T.modelValue;
       },
-      set(i) {
-        i ? S("update:modelValue", {
+      set(d) {
+        d ? S("update:modelValue", {
           measurement: null,
           inventoryBindings: []
         }) : S("update:modelValue", null);
       }
-    }), n = y(() => yn(s.value));
-    function c(i) {
+    }), n = g(() => yn(r.value));
+    function c(d) {
       const m = T.modelValue ?? {};
-      m.measurement = i ? `${i}` : null, S("update:modelValue", m);
+      m.measurement = d ? `${d}` : null, S("update:modelValue", m);
     }
-    function _(i) {
+    function _(d) {
       const m = T.modelValue ?? {};
-      m.inventoryBindings = i, S("update:modelValue", m);
+      m.inventoryBindings = d, S("update:modelValue", m);
     }
-    const r = y(() => {
+    const i = g(() => {
       if (!T.modelValue) return null;
-      const i = T.modelValue;
-      return i.measurement ? n.value.find((m) => m.value === i.measurement) ?? null : n.value.find((m) => m.value === null) ?? null;
+      const d = T.modelValue;
+      return d.measurement ? n.value.find((m) => m.value === d.measurement) ?? null : n.value.find((m) => m.value === null) ?? null;
     });
-    return (i, m) => {
+    return (d, m) => {
       const v = F("FmSwitch"), V = F("FmSelect"), E = F("FmCard");
-      return d(), D(E, {
+      return u(), O(E, {
         variant: "outlined",
         class: "p-16 flex flex-col gap-16"
       }, {
-        default: g(() => {
+        default: y(() => {
           var p, N;
           return [
             a(v, {
               value: "",
               "model-value": k.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (O) => k.value = O),
+              "onUpdate:modelValue": m[0] || (m[0] = (D) => k.value = D),
               label: o(U)("inventory.ingredient.convertible.title"),
               sublabel: o(U)("inventory.ingredient.convertible.subtitle"),
               labelPlacement: "right",
-              disabled: i.readonly
+              disabled: d.readonly
             }, null, 8, ["model-value", "label", "sublabel", "disabled"]),
-            k.value ? (d(), w(X, { key: 0 }, [
+            k.value ? (u(), w(X, { key: 0 }, [
               l("div", null, [
                 a(V, {
                   label: o(U)("inventory.ingredient.convertible.convertTo"),
-                  modelValue: (p = r.value) == null ? void 0 : p.value,
+                  modelValue: (p = i.value) == null ? void 0 : p.value,
                   "onUpdate:modelValue": c,
                   items: n.value,
-                  disabled: i.readonly
+                  disabled: d.readonly
                 }, null, 8, ["label", "modelValue", "items", "disabled"])
               ]),
               a(bn, {
                 id: b.value,
-                "model-value": ((N = i.modelValue) == null ? void 0 : N.inventoryBindings) ?? [],
+                "model-value": ((N = d.modelValue) == null ? void 0 : N.inventoryBindings) ?? [],
                 "onUpdate:modelValue": _,
                 "exclude-binding-id": b.value,
                 rules: [o(Pe)(1)],
-                readonly: i.readonly
+                readonly: d.readonly
               }, null, 8, ["id", "model-value", "exclude-binding-id", "rules", "readonly"])
             ], 64)) : L("", !0)
           ];
@@ -484,7 +484,7 @@ const zn = /* @__PURE__ */ pe({
 }), Ln = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Ie = /* @__PURE__ */ pe({
+}, jn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Se = /* @__PURE__ */ pe({
   __name: "FmLockableField",
   props: {
     locked: { type: Boolean },
@@ -494,91 +494,102 @@ const zn = /* @__PURE__ */ pe({
     modelValue: {},
     tooltipMessage: {},
     tooltipPlacement: {},
-    tooltipZIndex: {}
+    tooltipZIndex: {},
+    appendText: {}
   },
   setup(W) {
-    return (u, T) => {
-      const s = F("FmLabel"), b = F("FmIcon"), S = F("FmTooltip"), U = F("FmField");
-      return u.locked ? (d(), w("div", Ln, [
-        Ve(u.$slots, "label", {}, () => [
-          a(s, {
-            label: u.label,
-            disabled: u.disabled
+    return (s, T) => {
+      const r = F("FmLabel"), b = F("FmIcon"), S = F("FmTooltip"), U = F("FmField");
+      return s.locked ? (u(), w("div", Ln, [
+        xe(s.$slots, "label", {}, () => [
+          a(r, {
+            label: s.label,
+            disabled: s.disabled
           }, null, 8, ["label", "disabled"])
         ]),
-        Ve(u.$slots, "field", {}, () => [
-          a(U, { disabled: u.disabled }, {
-            prepend: g(() => [
-              u.tooltipMessage ? (d(), D(S, {
+        xe(s.$slots, "field", {}, () => [
+          a(U, { disabled: s.disabled }, Ye({
+            prepend: y(() => [
+              s.tooltipMessage ? (u(), O(S, {
                 key: 0,
-                placement: u.tooltipPlacement,
-                "z-index": u.tooltipZIndex
+                placement: s.tooltipPlacement,
+                "z-index": s.tooltipZIndex
               }, {
-                content: g(() => [
-                  Ge(A(u.tooltipMessage), 1)
+                content: y(() => [
+                  Ge(A(s.tooltipMessage), 1)
                 ]),
-                default: g(() => [
+                default: y(() => [
                   a(b, {
                     name: "lock",
                     color: "neutral-gray-400"
                   })
                 ]),
                 _: 1
-              }, 8, ["placement", "z-index"])) : (d(), D(b, {
+              }, 8, ["placement", "z-index"])) : (u(), O(b, {
                 key: 1,
                 name: "lock",
                 color: "neutral-gray-400"
               }))
             ]),
-            default: g(() => [
-              Ve(u.$slots, "modelValue", {}, () => [
+            default: y(() => [
+              xe(s.$slots, "modelValue", {}, () => [
                 l("div", {
                   class: te([
-                    u.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary",
+                    s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary",
                     "line-clamp-1 text-ellipsis break-all"
                   ])
-                }, A(u.modelValue), 3)
+                }, A(s.modelValue), 3)
               ])
             ]),
-            _: 3
-          }, 8, ["disabled"])
+            _: 2
+          }, [
+            s.appendText || s.$slots.fieldAppend ? {
+              name: "append",
+              fn: y(() => [
+                xe(s.$slots, "fieldAppend", {}, () => [
+                  l("div", jn, A(s.appendText), 1)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["disabled"])
         ]),
-        Ve(u.$slots, "helper-text", {}, () => [
+        xe(s.$slots, "helper-text", {}, () => [
           l("div", {
             class: te([
               "fm-typo-en-body-sm-400  line-clamp-1",
-              u.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"
+              s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"
             ])
-          }, A(u.helperText), 3)
+          }, A(s.helperText), 3)
         ])
-      ])) : Ve(u.$slots, "default", { key: 1 });
+      ])) : xe(s.$slots, "default", { key: 1 });
     };
   }
-}), jn = { class: "flex gap-8" }, Wn = { class: "flex-1" }, Hn = { class: "flex-1" }, qn = { class: "flex flex-col gap-5" }, Yn = { class: "text-fm-color-typo-secondary" }, Gn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Kn = {
+}), Wn = { class: "flex gap-8" }, Hn = { class: "flex-1" }, qn = { class: "flex-1" }, Yn = { class: "flex flex-col gap-5" }, Gn = { class: "text-fm-color-typo-secondary" }, Kn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Jn = {
   key: 3,
   class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, Jn = { class: "flex flex-col" }, Zn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qn = {
+}, Zn = { class: "flex flex-col" }, Qn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Xn = {
   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" }, el = { class: "flex flex-col gap-4" }, tl = { class: "fm-typo-en-title-sm-600" }, nl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ll = { class: "flex flex-col gap-4" }, ol = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, al = { class: "flex-1 p-12 flex flex-col gap-8" }, sl = { class: "mx-auto" }, rl = { class: "flex flex-col" }, il = { class: "fm-typo-en-body-sm-600 translate-y-4" }, dl = { class: "flex-1 p-12 flex flex-col gap-8" }, ul = { class: "mx-auto" }, cl = { class: "flex flex-col" }, ml = { class: "fm-typo-en-body-sm-600 translate-y-4" }, pl = { class: "flex-1 p-12 flex flex-col gap-8" }, vl = { class: "mx-auto" }, fl = { class: "flex flex-col" }, yl = { class: "fm-typo-en-body-sm-600 translate-y-4" }, gl = {
+}, el = { class: "flex flex-col gap-12" }, tl = { class: "flex flex-col gap-4" }, nl = { class: "fm-typo-en-title-sm-600" }, ll = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ol = { class: "flex flex-col gap-4" }, al = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, sl = { class: "flex-1 p-12 flex flex-col gap-8" }, rl = { class: "mx-auto" }, il = { class: "flex flex-col" }, dl = { class: "fm-typo-en-body-sm-600 translate-y-4" }, ul = { class: "flex-1 p-12 flex flex-col gap-8" }, cl = { class: "mx-auto" }, ml = { class: "flex flex-col" }, pl = { class: "fm-typo-en-body-sm-600 translate-y-4" }, vl = { class: "flex-1 p-12 flex flex-col gap-8" }, fl = { class: "mx-auto" }, yl = { class: "flex flex-col" }, gl = { class: "fm-typo-en-body-sm-600 translate-y-4" }, bl = {
   key: 5,
   class: "flex flex-col gap-12"
-}, bl = { class: "flex flex-col" }, hl = { class: "flex items-center justify-between" }, _l = { class: "fm-typo-en-title-sm-600" }, xl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, kl = {
+}, hl = { class: "flex flex-col" }, _l = { class: "flex items-center justify-between" }, xl = { class: "fm-typo-en-title-sm-600" }, kl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Tl = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Tl = { class: "flex flex-wrap gap-8" }, wl = {
+}, wl = { class: "flex flex-wrap gap-8" }, Vl = {
   key: 6,
   class: "flex flex-col gap-12"
-}, Vl = { class: "flex flex-col" }, Il = { class: "flex items-center justify-between" }, Sl = { class: "fm-typo-en-title-sm-600" }, Cl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fl = {
+}, Il = { class: "flex flex-col" }, Sl = { class: "flex items-center justify-between" }, Cl = { class: "fm-typo-en-title-sm-600" }, Fl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Al = {
   key: 0,
   class: "flex flex-col gap-8"
-}, El = { class: "flex flex-wrap gap-8" }, Al = {
+}, El = { class: "flex flex-wrap gap-8" }, $l = {
   key: 7,
   class: "flex flex-col gap-12"
-}, $l = { class: "flex flex-col" }, Ml = { class: "flex items-center justify-between" }, Ul = { class: "fm-typo-en-title-sm-600" }, Pl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Rl = {
+}, Ml = { class: "flex flex-col" }, Ul = { class: "flex items-center justify-between" }, Pl = { class: "fm-typo-en-title-sm-600" }, Rl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Bl = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Bl = { class: "flex flex-wrap gap-8" }, Ol = /* @__PURE__ */ pe({
+}, Dl = { class: "flex flex-wrap gap-8" }, Ol = /* @__PURE__ */ pe({
   __name: "IngredientForm",
   props: /* @__PURE__ */ it({
     mode: {},
@@ -592,24 +603,24 @@ const zn = /* @__PURE__ */ pe({
     searchModifiers: {}
   }),
   emits: /* @__PURE__ */ it(["update:modelValue", "click:submit", "update:purchaseOrderTemplateIds", "update:wastageTemplateIds", "update:closingTemplateIds"], ["update:search"]),
-  setup(W, { expose: u, emit: T }) {
+  setup(W, { expose: s, emit: T }) {
     var et;
-    const { t: s } = ve(), b = Re();
-    Fe();
-    const S = St(), U = wt(), k = Ct(), n = W, c = T, _ = Se(), r = It(), i = Vt(), m = Ce(), v = y(() => m.isEnabled);
+    const { t: r } = ve(), b = Re();
+    Ae();
+    const S = St(), U = wt(), k = Ct(), n = W, c = T, _ = Ce(), i = It(), d = Vt(), m = Fe(), v = g(() => m.isEnabled);
     B(void 0);
     const V = B([]), E = B([]), p = B([]), N = B(!1);
-    function O(e) {
+    function D(e) {
       if (e.length === 0) return;
       const t = e[0], x = n.modelValue ?? {
         unit: _.units.find((C) => C)
       };
       x.unit || (x.unit = t, c("update:modelValue", x));
     }
-    Ot(() => {
-      O(_.units), n.mode === H.CREATE && (i.mustUsePoTemplate && ne(), i.enableWastageTemplate && ce(), i.enableClosingTemplate && le());
-    }), xt([() => _.units], ([e]) => {
-      O(e);
+    Dt(() => {
+      D(_.units), n.mode === H.CREATE && (d.mustUsePoTemplate && ne(), d.enableWastageTemplate && ce(), d.enableClosingTemplate && le());
+    }), kt([() => _.units], ([e]) => {
+      D(e);
     });
     function fe() {
       c("click:submit");
@@ -651,7 +662,7 @@ const zn = /* @__PURE__ */ pe({
         N.value = !1;
       }
     }
-    const oe = y({
+    const oe = g({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.code) ?? "";
@@ -662,7 +673,7 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         t.code = e, c("update:modelValue", t);
       }
-    }), ee = y({
+    }), ee = g({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.isInactive) ?? !1;
@@ -673,7 +684,7 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         t.isInactive = e, c("update:modelValue", t);
       }
-    }), ae = y({
+    }), ae = g({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.name) ?? "";
@@ -684,7 +695,7 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         t.name = e, c("update:modelValue", t);
       }
-    }), ye = y({
+    }), ye = g({
       get() {
         var t, x;
         const e = (x = (t = n.modelValue) == null ? void 0 : t.defaultCost) == null ? void 0 : x.costPerUnit;
@@ -699,7 +710,7 @@ const zn = /* @__PURE__ */ pe({
           costPerUnit: {
             amount: 0,
             precision: 2,
-            currency: ((x = mt(r.currentCountry.value)) == null ? void 0 : x.currency) ?? "MYR"
+            currency: ((x = mt(i.currentCountry.value)) == null ? void 0 : x.currency) ?? "MYR"
           },
           measurement: (z = (Y = (C = n.modelValue) == null ? void 0 : C.unit) == null ? void 0 : Y.measurements) == null ? void 0 : z.find(
             (re) => {
@@ -712,7 +723,7 @@ const zn = /* @__PURE__ */ pe({
           ...qt(+e, 4)
         }, c("update:modelValue", t);
       }
-    }), ge = y(() => {
+    }), ge = g(() => {
       var t, x, C;
       const e = ((t = n.modelValue) == null ? void 0 : t.unit) ?? _.units.find((Y) => Y);
       return e ? {
@@ -723,7 +734,7 @@ const zn = /* @__PURE__ */ pe({
           return Y.id === ((z = n.modelValue) == null ? void 0 : z.trackingMeasurement);
         })) == null ? void 0 : C.name) ?? e.name
       } : null;
-    }), xe = y(
+    }), ke = g(
       () => _.units.flatMap(({ name: e, _id: t, abbrev: x, measurements: C }) => [
         {
           label: `${e}`,
@@ -741,12 +752,12 @@ const zn = /* @__PURE__ */ pe({
           displayAsSection: !1
         }))
       ])
-    ), h = Dt(W, "search"), P = y(
-      () => new Yt(xe.value, ["label", "value"], {
+    ), h = Ot(W, "search"), P = g(
+      () => new Yt(ke.value, ["label", "value"], {
         caseSensitive: !1,
         sort: !0
       })
-    ), G = y(() => P.value.search(h.value));
+    ), G = g(() => P.value.search(h.value));
     function $(e) {
       var t, x, C, Y, z;
       return ((x = (t = n.modelValue) == null ? void 0 : t.unit) == null ? void 0 : x._id) === ((C = e.value) == null ? void 0 : C._id) && ((Y = n.modelValue) == null ? void 0 : Y.trackingMeasurement) === ((z = e.value) == null ? void 0 : z.measurement);
@@ -754,22 +765,22 @@ const zn = /* @__PURE__ */ pe({
     function f(e) {
       var re, ie;
       if (!e) return;
-      const { _id: t, measurement: x } = e, C = x || void 0, Y = _.units.find((we) => we._id === t);
+      const { _id: t, measurement: x } = e, C = x || void 0, Y = _.units.find((Ie) => Ie._id === t);
       if (!Y)
         return;
       const z = n.modelValue ?? {};
-      z.unit = Y, z.trackingMeasurement = C, z.convert && (z.convert.measurement = C || null), i.enableTotalCost && (z.defaultCost = {
-        measurement: Y.measurements.find((we) => we.id === C),
+      z.unit = Y, z.trackingMeasurement = C, z.convert && (z.convert.measurement = C || null), d.enableTotalCost && (z.defaultCost = {
+        measurement: Y.measurements.find((Ie) => Ie.id === C),
         costPerUnit: {
           ...((re = z.defaultCost) == null ? void 0 : re.costPerUnit) ?? {
             amount: 0,
             precision: 2,
-            currency: ((ie = mt(r.currentCountry.value)) == null ? void 0 : ie.currency) ?? "MYR"
+            currency: ((ie = mt(i.currentCountry.value)) == null ? void 0 : ie.currency) ?? "MYR"
           }
         }
       }), c("update:modelValue", z);
     }
-    const j = y({
+    const j = g({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.convert) ?? null;
@@ -780,12 +791,15 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         e ? t.convert = e : t.convert = null, c("update:modelValue", t);
       }
-    }), K = y(() => De.options.filter(
-      (e) => e === De.enum.FIFO || e === De.enum.WAVG
+    }), K = g(() => pt.options.filter(
+      (e) => (
+        // e === F_INVENTORY_VALUATION_METHODS.enum.FIFO ||
+        e === pt.enum.WAVG
+      )
     ).map((e) => ({
-      label: s(`inventory.ingredient.valuationMethod.${e}`),
+      label: r(`inventory.ingredient.valuationMethod.${e}`),
       value: e
-    }))), me = y({
+    }))), me = g({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.valuation) ?? "WAVG";
@@ -796,7 +810,7 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         t.valuation = e, c("update:modelValue", t);
       }
-    }), J = y({
+    }), J = g({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.customAttributes) ?? {};
@@ -808,7 +822,7 @@ const zn = /* @__PURE__ */ pe({
         t.customAttributes = e, c("update:modelValue", t);
       }
     }), M = B();
-    u({
+    s({
       validateInputs: () => {
         var e, t;
         (t = (e = M.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
@@ -822,34 +836,34 @@ const zn = /* @__PURE__ */ pe({
         (t = (e = M.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
       }
     });
-    const R = B(!1), q = y(
+    const R = B(!1), q = g(
       () => {
         var e, t, x;
         return (e = n.modelValue) != null && e._id ? ((x = _.menu.bindedBySkuId[(t = n.modelValue) == null ? void 0 : t._id]) == null ? void 0 : x.filter(
           (C) => C.from === "INGREDIENT"
         )) ?? [] : [];
       }
-    ), de = y(
+    ), de = g(
       () => {
         var e, t, x;
         return (e = n.modelValue) != null && e._id ? ((x = _.menu.bindedBySkuId[(t = n.modelValue) == null ? void 0 : t._id]) == null ? void 0 : x.filter(
           (C) => C.from === "RECIPE"
         )) ?? [] : [];
       }
-    ), ke = y(
+    ), Te = g(
       () => {
         var e, t, x;
         return (e = n.modelValue) != null && e._id ? ((x = _.menu.bindedBySkuId[(t = n.modelValue) == null ? void 0 : t._id]) == null ? void 0 : x.filter((C) => C.from === "MENU")) ?? [] : [];
       }
-    ), _e = y(
+    ), _e = g(
       () => _.skus.map((e) => ({ label: e.name, value: e.code }))
     ), Ee = B((et = n.modelValue) == null ? void 0 : et.code);
-    function Ae(e) {
+    function $e(e) {
       var x;
       const t = e.el;
       t && ((x = t.querySelector("[x-should-scroll-into=true]")) == null || x.scrollIntoView());
     }
-    const $e = y(
+    const we = g(
       () => {
         var e, t, x, C, Y, z;
         return ((C = (x = (t = (e = n.modelValue) == null ? void 0 : e.unit) == null ? void 0 : t.measurements) == null ? void 0 : x.find(
@@ -859,7 +873,7 @@ const zn = /* @__PURE__ */ pe({
           }
         )) == null ? void 0 : C.abbrev) ?? ((z = (Y = n.modelValue) == null ? void 0 : Y.unit) == null ? void 0 : z.abbrev);
       }
-    ), be = y({
+    ), be = g({
       get() {
         var e, t;
         return ((t = (e = n.modelValue) == null ? void 0 : e.thresholds) == null ? void 0 : t.low) ?? Ue().low;
@@ -873,7 +887,7 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         x.thresholds = t, c("update:modelValue", x);
       }
-    }), se = y({
+    }), se = g({
       get() {
         var e, t;
         return ((t = (e = n.modelValue) == null ? void 0 : e.thresholds) == null ? void 0 : t.mid) ?? Ue().mid;
@@ -887,37 +901,37 @@ const zn = /* @__PURE__ */ pe({
         } : {};
         x.thresholds = t, c("update:modelValue", x);
       }
-    }), Te = y(() => i.mustUsePoTemplate && n.mode === H.CREATE && V.value.length > 0 ? V.value.map((e) => ({
+    }), Ve = g(() => d.mustUsePoTemplate && n.mode === H.CREATE && V.value.length > 0 ? V.value.map((e) => ({
       label: e.name || "Template",
       value: e._id || "template_" + e.name
-    })) : []), Ke = y(() => Te.value.filter(
+    })) : []), Ke = g(() => Ve.value.filter(
       (e) => (n.purchaseOrderTemplateIds ?? []).includes(e.value)
-    )), Je = y(() => i.enableWastageTemplate && n.mode === H.CREATE && E.value.length > 0 ? E.value.map((e) => ({
+    )), Je = g(() => d.enableWastageTemplate && n.mode === H.CREATE && E.value.length > 0 ? E.value.map((e) => ({
       label: e.name || "Template",
       value: e._id || "template_" + e.name
-    })) : []), Ze = y(() => Je.value.filter(
+    })) : []), Ze = g(() => Je.value.filter(
       (e) => (n.wastageTemplateIds ?? []).includes(e.value)
-    )), Qe = y(() => i.enableClosingTemplate && n.mode === H.CREATE && p.value.length > 0 ? p.value.map((e) => ({
+    )), Qe = g(() => d.enableClosingTemplate && n.mode === H.CREATE && p.value.length > 0 ? p.value.map((e) => ({
       label: e.name || "Template",
       value: e._id || "template_" + e.name
-    })) : []), Xe = y(() => Qe.value.filter(
+    })) : []), Xe = g(() => Qe.value.filter(
       (e) => (n.closingTemplateIds ?? []).includes(e.value)
     ));
     function Ft() {
       b.open({
-        title: s("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
+        title: r("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
         closeButton: !0,
-        contentComponent: ze,
+        contentComponent: Ne,
         contentComponentProps: {
           modelValue: n.purchaseOrderTemplateIds ?? [],
-          items: Te.value
+          items: Ve.value
         },
         primaryActions: {
-          text: s("common.confirm"),
+          text: r("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: s("common.cancel"),
+          text: r("common.cancel"),
           close: !0,
           variant: "tertiary"
         }
@@ -925,21 +939,21 @@ const zn = /* @__PURE__ */ pe({
         c("update:purchaseOrderTemplateIds", e);
       });
     }
-    function Et() {
+    function At() {
       b.open({
-        title: s("inventory.ingredient.wastageTemplates.selectTitle"),
+        title: r("inventory.ingredient.wastageTemplates.selectTitle"),
         closeButton: !0,
-        contentComponent: ze,
+        contentComponent: Ne,
         contentComponentProps: {
           modelValue: n.wastageTemplateIds ?? [],
           items: Je.value
         },
         primaryActions: {
-          text: s("common.confirm"),
+          text: r("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: s("common.cancel"),
+          text: r("common.cancel"),
           close: !0,
           variant: "tertiary"
         }
@@ -947,21 +961,21 @@ const zn = /* @__PURE__ */ pe({
         c("update:wastageTemplateIds", e);
       });
     }
-    function At() {
+    function Et() {
       b.open({
-        title: s("inventory.ingredient.closingTemplates.selectTitle"),
+        title: r("inventory.ingredient.closingTemplates.selectTitle"),
         closeButton: !0,
-        contentComponent: ze,
+        contentComponent: Ne,
         contentComponentProps: {
           modelValue: n.closingTemplateIds ?? [],
           items: Qe.value
         },
         primaryActions: {
-          text: s("common.confirm"),
+          text: r("common.confirm"),
           close: !0
         },
         secondaryActions: {
-          text: s("common.cancel"),
+          text: r("common.cancel"),
           close: !0,
           variant: "tertiary"
         }
@@ -975,56 +989,56 @@ const zn = /* @__PURE__ */ pe({
       };
     }
     return (e, t) => {
-      const x = F("FmTextField"), C = F("FmLabel"), Y = F("FmField"), z = F("FmIcon"), re = F("FmMenuHeader"), ie = F("FmMenuDivider"), we = F("FmMenuItem"), Mt = F("FmMenu"), tt = F("FmFormGroup"), Ut = F("FmSelect"), nt = F("FmSwitch"), lt = F("FmStepperField"), Be = F("FmButton"), Oe = F("FmChip"), Pt = F("FmForm");
-      return d(), D(Pt, {
+      const x = F("FmTextField"), C = F("FmLabel"), Y = F("FmField"), z = F("FmIcon"), re = F("FmMenuHeader"), ie = F("FmMenuDivider"), Ie = F("FmMenuItem"), Mt = F("FmMenu"), tt = F("FmFormGroup"), Ut = F("FmSelect"), nt = F("FmSwitch"), lt = F("FmStepperField"), Be = F("FmButton"), De = F("FmChip"), Pt = F("FmForm");
+      return u(), O(Pt, {
         disabled: e.disabled,
         ref_key: "formRef",
         ref: M,
         class: "flex flex-col gap-32",
         onValidationSuccess: fe
       }, {
-        default: g(() => {
+        default: y(() => {
           var ot, at, st, rt;
           return [
-            l("div", jn, [
-              l("div", Wn, [
-                a(Ie, {
+            l("div", Wn, [
+              l("div", Hn, [
+                a(Se, {
                   "tooltip-message": "This field is managed by NetSuite",
                   "tooltip-z-index": 50,
-                  label: o(s)("inventory.ingredient.code"),
+                  label: o(r)("inventory.ingredient.code"),
                   "model-value": oe.value,
                   "onUpdate:modelValue": t[1] || (t[1] = (I) => oe.value = I),
                   locked: v.value,
                   disabled: e.disabled
                 }, {
-                  default: g(() => [
+                  default: y(() => [
                     a(x, {
-                      label: o(s)("inventory.ingredient.code"),
+                      label: o(r)("inventory.ingredient.code"),
                       "model-value": oe.value,
                       "onUpdate:modelValue": t[0] || (t[0] = (I) => oe.value = I),
-                      rules: [o(Ne)(), o(Gt)(_e.value, Ee.value)],
+                      rules: [o(Oe)(), o(Gt)(_e.value, Ee.value)],
                       "label-mark": "required"
                     }, null, 8, ["label", "model-value", "rules"])
                   ]),
                   _: 1
                 }, 8, ["label", "model-value", "locked", "disabled"])
               ]),
-              l("div", Hn, [
-                a(Ie, {
+              l("div", qn, [
+                a(Se, {
                   "tooltip-message": "This field is managed by NetSuite",
                   "tooltip-z-index": 50,
-                  label: o(s)("inventory.ingredient.name"),
+                  label: o(r)("inventory.ingredient.name"),
                   "model-value": ae.value,
                   "onUpdate:modelValue": t[3] || (t[3] = (I) => ae.value = I),
                   locked: v.value,
                   disabled: e.disabled
                 }, {
-                  default: g(() => [
+                  default: y(() => [
                     a(x, {
-                      label: o(s)("inventory.ingredient.name"),
+                      label: o(r)("inventory.ingredient.name"),
                       "model-value": ae.value,
                       "onUpdate:modelValue": t[2] || (t[2] = (I) => ae.value = I),
-                      rules: [o(Ne)()],
+                      rules: [o(Oe)()],
                       "label-mark": "required"
                     }, null, 8, ["label", "model-value", "rules"])
                   ]),
@@ -1032,29 +1046,29 @@ const zn = /* @__PURE__ */ pe({
                 }, 8, ["label", "model-value", "locked", "disabled"])
               ])
             ]),
-            a(Ie, {
+            a(Se, {
               "tooltip-message": "This field is managed by NetSuite",
               "tooltip-z-index": 50,
-              label: o(s)("inventory.ingredient.unit"),
+              label: o(r)("inventory.ingredient.unit"),
               "helper-text": (ot = e.modelValue) != null && ot.trackingMeasurement ? `Base unit: ${(st = (at = e.modelValue) == null ? void 0 : at.unit) == null ? void 0 : st.name}` : void 0,
               "model-value": (rt = ge.value) == null ? void 0 : rt.name,
               locked: v.value,
               disabled: e.disabled
             }, {
-              default: g(() => [
+              default: y(() => [
                 a(tt, {
                   "model-value": ge.value,
-                  rules: [o(Ne)()],
+                  rules: [o(Oe)()],
                   "label-mark": "required"
                 }, {
-                  label: g(() => [
+                  label: y(() => [
                     a(C, {
-                      label: o(s)("inventory.ingredient.unit")
+                      label: o(r)("inventory.ingredient.unit")
                     }, null, 8, ["label"])
                   ]),
-                  default: g(({ invalid: I }) => [
+                  default: y(({ invalid: I }) => [
                     a(Mt, null, {
-                      "menu-button": g(() => [
+                      "menu-button": y(() => [
                         a(Y, {
                           class: te([
                             "fm-typo-en-body-lg-400",
@@ -1066,7 +1080,7 @@ const zn = /* @__PURE__ */ pe({
                           invalid: I,
                           "append-icon": "expand_more"
                         }, {
-                          default: g(() => {
+                          default: y(() => {
                             var Z;
                             return [
                               Ge(A((Z = ge.value) == null ? void 0 : Z.name), 1)
@@ -1075,33 +1089,33 @@ const zn = /* @__PURE__ */ pe({
                           _: 2
                         }, 1032, ["class", "invalid"])
                       ]),
-                      default: g(() => [
-                        l("div", qn, [
+                      default: y(() => [
+                        l("div", Yn, [
                           a(x, {
                             modelValue: h.value,
                             "onUpdate:modelValue": t[4] || (t[4] = (Z) => h.value = Z),
                             placeholder: "Filter options"
                           }, {
-                            prepend: g(() => [
+                            prepend: y(() => [
                               a(z, { name: "search" })
                             ]),
                             _: 1
                           }, 8, ["modelValue"]),
                           l("div", {
                             class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
-                            onVnodeMounted: Ae
+                            onVnodeMounted: $e
                           }, [
-                            (d(!0), w(X, null, ue(G.value, (Z, Rt) => (d(), w(X, { key: Rt }, [
-                              Z.displayAsSection ? (d(), w(X, { key: 0 }, [
+                            (u(!0), w(X, null, ue(G.value, (Z, Rt) => (u(), w(X, { key: Rt }, [
+                              Z.displayAsSection ? (u(), w(X, { key: 0 }, [
                                 a(re, {
                                   label: Z.label
                                 }, null, 8, ["label"]),
                                 a(ie)
-                              ], 64)) : (d(), D(we, {
+                              ], 64)) : (u(), O(Ie, {
                                 key: 1,
                                 label: Z.label,
                                 "model-value": $(Z),
-                                onClick: (uo) => f(Z.value),
+                                onClick: (co) => f(Z.value),
                                 "x-should-scroll-into": `${$(Z)}`
                               }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
                             ], 64))), 128))
@@ -1116,29 +1130,29 @@ const zn = /* @__PURE__ */ pe({
               ]),
               _: 1
             }, 8, ["label", "helper-text", "model-value", "locked", "disabled"]),
-            o(i).enableTotalCost ? (d(), D(Ie, {
+            o(d).enableTotalCost ? (u(), O(Se, {
               key: 0,
               "tooltip-message": "This field is managed by NetSuite",
               "tooltip-z-index": 50,
-              label: o(s)("inventory.ingredient.valuationMethod.title"),
-              "model-value": o(s)("inventory.ingredient.valuationMethod." + me.value),
+              label: o(r)("inventory.ingredient.valuationMethod.title"),
+              "model-value": o(r)("inventory.ingredient.valuationMethod." + me.value),
               locked: v.value,
               disabled: e.disabled
             }, {
-              label: g(() => [
+              label: y(() => [
                 a(he, { "z-index": 50 }, {
-                  default: g(() => [
+                  default: y(() => [
                     a(C, {
-                      label: o(s)("inventory.ingredient.valuationMethod.title")
+                      label: o(r)("inventory.ingredient.valuationMethod.title")
                     }, null, 8, ["label"])
                   ]),
                   _: 1
                 })
               ]),
-              default: g(() => [
+              default: y(() => [
                 a(Ut, {
                   class: "col-span-2",
-                  label: o(s)("inventory.ingredient.valuationMethod.title"),
+                  label: o(r)("inventory.ingredient.valuationMethod.title"),
                   "model-value": me.value,
                   "onUpdate:modelValue": t[5] || (t[5] = (I) => me.value = I),
                   items: K.value
@@ -1146,129 +1160,130 @@ const zn = /* @__PURE__ */ pe({
               ]),
               _: 1
             }, 8, ["label", "model-value", "locked", "disabled"])) : L("", !0),
-            o(i).enableTotalCost ? (d(), D(Ie, {
+            o(d).enableTotalCost ? (u(), O(Se, {
               key: 1,
               "tooltip-message": "This field is managed by NetSuite",
               "tooltip-z-index": 50,
               "model-value": `${o(Kt)()} ${ye.value}`,
               locked: v.value,
+              "append-text": `/ ${we.value}`,
               disabled: e.disabled
             }, {
-              label: g(() => [
+              label: y(() => [
                 a(he, { "z-index": 50 }, {
-                  default: g(() => [
+                  default: y(() => [
                     a(C, {
-                      label: o(s)("inventory.ingredient.pricePerUnit")
+                      label: o(r)("inventory.ingredient.pricePerUnit")
                     }, null, 8, ["label"])
                   ]),
                   _: 1
                 })
               ]),
-              default: g(() => [
+              default: y(() => [
                 a(x, {
                   "model-value": ye.value,
                   "onUpdate:modelValue": t[6] || (t[6] = (I) => ye.value = I),
                   rules: [o(Pe)(0), o(Jt)(4)]
                 }, {
-                  label: g(() => [
+                  label: y(() => [
                     a(he, { "z-index": 50 }, {
-                      default: g(() => [
+                      default: y(() => [
                         a(C, {
-                          label: o(s)("inventory.ingredient.pricePerUnit")
+                          label: o(r)("inventory.ingredient.pricePerUnit")
                         }, null, 8, ["label"])
                       ]),
                       _: 1
                     })
                   ]),
-                  prepend: g(() => {
+                  prepend: y(() => {
                     var I, Z;
                     return [
-                      l("div", Yn, A(o(pt)(((I = o(r).currentCountry) == null ? void 0 : I.value) ?? o(vt)) === "MYR" ? "RM" : o(pt)(((Z = o(r).currentCountry) == null ? void 0 : Z.value) ?? o(vt))), 1)
+                      l("div", Gn, A(o(vt)(((I = o(i).currentCountry) == null ? void 0 : I.value) ?? o(ft)) === "MYR" ? "RM" : o(vt)(((Z = o(i).currentCountry) == null ? void 0 : Z.value) ?? o(ft))), 1)
                     ];
                   }),
-                  append: g(() => [
-                    l("div", Gn, " / " + A($e.value), 1)
+                  append: y(() => [
+                    l("div", Kn, " / " + A(we.value), 1)
                   ]),
                   _: 1
                 }, 8, ["model-value", "rules"])
               ]),
               _: 1
-            }, 8, ["model-value", "locked", "disabled"])) : L("", !0),
-            !v.value || j.value ? (d(), D(zn, {
+            }, 8, ["model-value", "locked", "append-text", "disabled"])) : L("", !0),
+            !v.value || j.value ? (u(), O(zn, {
               key: 2,
               "model-value": j.value,
               "onUpdate:modelValue": t[7] || (t[7] = (I) => j.value = I),
               "root-value": e.modelValue,
               readonly: v.value
             }, null, 8, ["model-value", "root-value", "readonly"])) : L("", !0),
-            e.mode !== o(H).CREATE ? (d(), w("div", Kn, [
+            e.mode !== o(H).CREATE ? (u(), w("div", Jn, [
               a(nt, {
-                label: o(s)("inventory.ingredient.status.inactive"),
+                label: o(r)("inventory.ingredient.status.inactive"),
                 "model-value": ee.value,
                 "onUpdate:modelValue": t[8] || (t[8] = (I) => ee.value = I),
                 "label-placement": "right",
                 disabled: v.value
               }, null, 8, ["label", "model-value", "disabled"]),
-              l("div", Jn, [
-                l("div", Zn, A(o(s)("inventory.ingredient.status.preventFromOrder")), 1)
+              l("div", Zn, [
+                l("div", Qn, A(o(r)("inventory.ingredient.status.preventFromOrder")), 1)
               ])
             ])) : L("", !0),
-            e.mode !== o(H).CREATE ? (d(), w("div", Qn, [
+            e.mode !== o(H).CREATE ? (u(), w("div", Xn, [
               l("div", null, [
                 a(nt, {
-                  label: o(s)("inventory.ingredient.bindedItems.title"),
+                  label: o(r)("inventory.ingredient.bindedItems.title"),
                   modelValue: R.value,
                   "onUpdate:modelValue": t[9] || (t[9] = (I) => R.value = I),
                   "label-placement": "right"
                 }, null, 8, ["label", "modelValue"])
               ]),
-              R.value && q.value.length ? (d(), D(He, {
+              R.value && q.value.length ? (u(), O(We, {
                 key: 0,
-                name: o(s)("inventory.ingredient.bindedItems.ingredient"),
+                name: o(r)("inventory.ingredient.bindedItems.ingredient"),
                 bindings: q.value
               }, null, 8, ["name", "bindings"])) : L("", !0),
-              R.value && de.value.length ? (d(), D(He, {
+              R.value && de.value.length ? (u(), O(We, {
                 key: 1,
-                name: o(s)("inventory.ingredient.bindedItems.recipe"),
+                name: o(r)("inventory.ingredient.bindedItems.recipe"),
                 bindings: de.value
               }, null, 8, ["name", "bindings"])) : L("", !0),
-              R.value && ke.value.length ? (d(), D(He, {
+              R.value && Te.value.length ? (u(), O(We, {
                 key: 2,
-                name: o(s)("inventory.ingredient.bindedItems.menu"),
-                bindings: ke.value
+                name: o(r)("inventory.ingredient.bindedItems.menu"),
+                bindings: Te.value
               }, null, 8, ["name", "bindings"])) : L("", !0)
             ])) : L("", !0),
-            l("div", Xn, [
-              l("div", el, [
+            l("div", el, [
+              l("div", tl, [
                 a(he, null, {
-                  default: g(() => [
-                    l("div", tl, A(o(s)("inventory.ingredient.threshold.title")), 1)
+                  default: y(() => [
+                    l("div", nl, A(o(r)("inventory.ingredient.threshold.title")), 1)
                   ]),
                   _: 1
                 }),
-                l("div", nl, A(o(s)("inventory.ingredient.threshold.subtitle")), 1)
+                l("div", ll, A(o(r)("inventory.ingredient.threshold.subtitle")), 1)
               ]),
-              l("div", ll, [
+              l("div", ol, [
                 a(tt, {
                   "model-value": { low: be.value, mid: se.value },
                   rules: [$t()]
                 }, null, 8, ["model-value", "rules"]),
-                l("div", ol, [
-                  l("div", al, [
-                    l("div", sl, [
-                      a(je, {
+                l("div", al, [
+                  l("div", sl, [
+                    l("div", rl, [
+                      a(Le, {
                         days: be.value,
-                        level: o(We).low
+                        level: o(je).low
                       }, null, 8, ["days", "level"])
                     ]),
-                    l("div", rl, [
-                      l("div", il, A(o(s)("inventory.ingredient.threshold.whenRemaining")), 1),
+                    l("div", il, [
+                      l("div", dl, A(o(r)("inventory.ingredient.threshold.whenRemaining")), 1),
                       a(lt, {
                         modelValue: be.value,
                         "onUpdate:modelValue": t[10] || (t[10] = (I) => be.value = I),
                         rules: [o(Pe)(0)]
                       }, {
-                        append: g(() => t[13] || (t[13] = [
+                        append: y(() => t[13] || (t[13] = [
                           l("div", {
                             class: "text-fm-color-typo-secondary",
                             style: { "padding-right": "32px" }
@@ -1287,21 +1302,21 @@ const zn = /* @__PURE__ */ pe({
                       style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
                     }, " < ")
                   ], -1)),
-                  l("div", dl, [
-                    l("div", ul, [
-                      a(je, {
+                  l("div", ul, [
+                    l("div", cl, [
+                      a(Le, {
                         days: se.value,
-                        level: o(We).mid
+                        level: o(je).mid
                       }, null, 8, ["days", "level"])
                     ]),
-                    l("div", cl, [
-                      l("div", ml, A(o(s)("inventory.ingredient.threshold.whenRemaining")), 1),
+                    l("div", ml, [
+                      l("div", pl, A(o(r)("inventory.ingredient.threshold.whenRemaining")), 1),
                       a(lt, {
                         modelValue: se.value,
                         "onUpdate:modelValue": t[11] || (t[11] = (I) => se.value = I),
                         rules: [o(Pe)(0)]
                       }, {
-                        append: g(() => t[14] || (t[14] = [
+                        append: y(() => t[14] || (t[14] = [
                           l("div", {
                             class: "text-fm-color-typo-secondary",
                             style: { "padding-right": "32px" }
@@ -1320,26 +1335,26 @@ const zn = /* @__PURE__ */ pe({
                       style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
                     }, " < ")
                   ], -1)),
-                  l("div", pl, [
-                    l("div", vl, [
-                      a(je, {
+                  l("div", vl, [
+                    l("div", fl, [
+                      a(Le, {
                         days: se.value + 1,
-                        level: o(We).high
+                        level: o(je).high
                       }, null, 8, ["days", "level"])
                     ]),
-                    l("div", fl, [
-                      l("div", yl, A(o(s)("inventory.ingredient.threshold.stockIsStaple")), 1)
+                    l("div", yl, [
+                      l("div", gl, A(o(r)("inventory.ingredient.threshold.stockIsStaple")), 1)
                     ])
                   ])
                 ])
               ])
             ]),
-            o(i).mustUsePoTemplate && e.mode === o(H).CREATE ? (d(), w("div", gl, [
-              l("div", bl, [
-                l("div", hl, [
+            o(d).mustUsePoTemplate && e.mode === o(H).CREATE ? (u(), w("div", bl, [
+              l("div", hl, [
+                l("div", _l, [
                   a(he, null, {
-                    default: g(() => [
-                      l("div", _l, A(o(s)("inventory.ingredient.purchaseOrderTemplates.title")), 1)
+                    default: y(() => [
+                      l("div", xl, A(o(r)("inventory.ingredient.purchaseOrderTemplates.title")), 1)
                     ]),
                     _: 1
                   }),
@@ -1351,11 +1366,11 @@ const zn = /* @__PURE__ */ pe({
                     onClick: Ft
                   })
                 ]),
-                l("div", xl, A(o(s)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
+                l("div", kl, A(o(r)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
               ]),
-              Ke.value.length > 0 ? (d(), w("div", kl, [
-                l("div", Tl, [
-                  (d(!0), w(X, null, ue(Ke.value, (I) => (d(), D(Oe, {
+              Ke.value.length > 0 ? (u(), w("div", Tl, [
+                l("div", wl, [
+                  (u(!0), w(X, null, ue(Ke.value, (I) => (u(), O(De, {
                     key: I.value,
                     label: I.label,
                     variant: "info",
@@ -1364,12 +1379,12 @@ const zn = /* @__PURE__ */ pe({
                 ])
               ])) : L("", !0)
             ])) : L("", !0),
-            o(i).enableWastageTemplate && e.mode === o(H).CREATE ? (d(), w("div", wl, [
-              l("div", Vl, [
-                l("div", Il, [
+            o(d).enableWastageTemplate && e.mode === o(H).CREATE ? (u(), w("div", Vl, [
+              l("div", Il, [
+                l("div", Sl, [
                   a(he, null, {
-                    default: g(() => [
-                      l("div", Sl, A(o(s)("inventory.ingredient.wastageTemplates.title")), 1)
+                    default: y(() => [
+                      l("div", Cl, A(o(r)("inventory.ingredient.wastageTemplates.title")), 1)
                     ]),
                     _: 1
                   }),
@@ -1378,14 +1393,14 @@ const zn = /* @__PURE__ */ pe({
                     "text-color": "primary",
                     "border-color": "primary",
                     "prepend-icon": "add",
-                    onClick: Et
+                    onClick: At
                   })
                 ]),
-                l("div", Cl, A(o(s)("inventory.ingredient.wastageTemplates.description")), 1)
+                l("div", Fl, A(o(r)("inventory.ingredient.wastageTemplates.description")), 1)
               ]),
-              Ze.value.length > 0 ? (d(), w("div", Fl, [
+              Ze.value.length > 0 ? (u(), w("div", Al, [
                 l("div", El, [
-                  (d(!0), w(X, null, ue(Ze.value, (I) => (d(), D(Oe, {
+                  (u(!0), w(X, null, ue(Ze.value, (I) => (u(), O(De, {
                     key: I.value,
                     label: I.label,
                     variant: "info",
@@ -1394,12 +1409,12 @@ const zn = /* @__PURE__ */ pe({
                 ])
               ])) : L("", !0)
             ])) : L("", !0),
-            o(i).enableClosingTemplate && e.mode === o(H).CREATE ? (d(), w("div", Al, [
-              l("div", $l, [
-                l("div", Ml, [
+            o(d).enableClosingTemplate && e.mode === o(H).CREATE ? (u(), w("div", $l, [
+              l("div", Ml, [
+                l("div", Ul, [
                   a(he, null, {
-                    default: g(() => [
-                      l("div", Ul, A(o(s)("inventory.ingredient.closingTemplates.title")), 1)
+                    default: y(() => [
+                      l("div", Pl, A(o(r)("inventory.ingredient.closingTemplates.title")), 1)
                     ]),
                     _: 1
                   }),
@@ -1408,14 +1423,14 @@ const zn = /* @__PURE__ */ pe({
                     "text-color": "primary",
                     "border-color": "primary",
                     "prepend-icon": "add",
-                    onClick: At
+                    onClick: Et
                   })
                 ]),
-                l("div", Pl, A(o(s)("inventory.ingredient.closingTemplates.description")), 1)
+                l("div", Rl, A(o(r)("inventory.ingredient.closingTemplates.description")), 1)
               ]),
-              Xe.value.length > 0 ? (d(), w("div", Rl, [
-                l("div", Bl, [
-                  (d(!0), w(X, null, ue(Xe.value, (I) => (d(), D(Oe, {
+              Xe.value.length > 0 ? (u(), w("div", Bl, [
+                l("div", Dl, [
+                  (u(!0), w(X, null, ue(Xe.value, (I) => (u(), O(De, {
                     key: I.value,
                     label: I.label,
                     variant: "info",
@@ -1437,10 +1452,10 @@ const zn = /* @__PURE__ */ pe({
       }, 8, ["disabled"]);
     };
   }
-}), Dl = { class: "flex flex-col gap-32" }, Nl = {
+}), Nl = { class: "flex flex-col gap-32" }, zl = {
   key: 0,
   class: "flex justify-between items-center"
-}, zl = { class: "flex gap-4" }, Ll = /* @__PURE__ */ pe({
+}, Ll = { class: "flex gap-4" }, jl = /* @__PURE__ */ pe({
   __name: "IngredientDialog",
   props: {
     show: { type: Boolean },
@@ -1449,13 +1464,13 @@ const zn = /* @__PURE__ */ pe({
   },
   emits: ["update:show"],
   setup(W) {
-    const u = W, T = Se(), s = Vt(), b = Ce(), S = St(), U = wt(), k = Ct(), n = Fe(), { t: c } = ve(), _ = bt(u, "show"), r = bt(u, "sku"), i = B([]), m = B([]), v = B([]), V = y(
+    const s = W, T = Ce(), r = Vt(), b = Fe(), S = St(), U = wt(), k = Ct(), n = Ae(), { t: c } = ve(), _ = ht(s, "show"), i = ht(s, "sku"), d = B([]), m = B([]), v = B([]), V = g(
       () => {
         var h;
-        return b.isEnabled && b.netSuiteItemBySkuId.has((h = u.sku) == null ? void 0 : h._id);
+        return b.isEnabled && b.netSuiteItemBySkuId.has((h = s.sku) == null ? void 0 : h._id);
       }
-    ), E = y(() => {
-      switch (u.mode) {
+    ), E = g(() => {
+      switch (s.mode) {
         case H.READ:
           return "";
         case H.UPDATE:
@@ -1464,8 +1479,8 @@ const zn = /* @__PURE__ */ pe({
           return c("inventory.ingredient.create.title");
       }
       return "";
-    }), p = y(() => {
-      switch (u.mode) {
+    }), p = g(() => {
+      switch (s.mode) {
         case H.READ:
           return "";
         case H.UPDATE:
@@ -1474,49 +1489,49 @@ const zn = /* @__PURE__ */ pe({
           return c("common.add");
       }
       return "";
-    }), N = B(), O = B(!1);
+    }), N = B(), D = B(!1);
     async function fe() {
-      O.value = !0;
+      D.value = !0;
       try {
-        await T.createSku(r.value);
-        const h = T.skuByCode[r.value.code];
-        s.enablePoTemplate && i.value.length > 0 && await ce(h), s.enableWastageTemplate && m.value.length > 0 && await le(h), s.enableClosingTemplate && v.value.length > 0 && await oe(h), _.value = !1, n.open({
+        await T.createSku(i.value);
+        const h = T.skuByCode[i.value.code];
+        r.enablePoTemplate && d.value.length > 0 && await ce(h), r.enableWastageTemplate && m.value.length > 0 && await le(h), r.enableClosingTemplate && v.value.length > 0 && await oe(h), _.value = !1, n.open({
           title: c("inventory.common.success"),
-          message: c("inventory.ingredient.create.success", { name: r.value.name }),
+          message: c("inventory.ingredient.create.success", { name: i.value.name }),
           type: "success"
         });
       } catch (h) {
-        h instanceof ft || n.open({
+        h instanceof yt || n.open({
           title: c("inventory.ingredient.create.error.title"),
           message: c("inventory.ingredient.create.error.message"),
           type: "error"
         });
       } finally {
-        O.value = !1;
+        D.value = !1;
       }
     }
     async function ne() {
-      O.value = !0;
+      D.value = !0;
       try {
-        await T.updateSku(r.value), O.value = !1, _.value = !1, n.open({
+        await T.updateSku(i.value), D.value = !1, _.value = !1, n.open({
           title: c("inventory.common.success"),
-          message: c("inventory.ingredient.update.success", { name: r.value.name }),
+          message: c("inventory.ingredient.update.success", { name: i.value.name }),
           type: "success"
         });
       } catch (h) {
-        h instanceof ft || n.open({
+        h instanceof yt || n.open({
           title: c("inventory.ingredient.update.error.title"),
           message: c("inventory.ingredient.update.error.message"),
           type: "error"
         });
       } finally {
-        O.value = !1;
+        D.value = !1;
       }
     }
     async function ce(h) {
       var P, G, $, f;
       try {
-        for (const j of i.value) {
+        for (const j of d.value) {
           const K = await S.getTemplate(j);
           if (!K) {
             console.warn(`Template with ID ${j} not found`);
@@ -1540,7 +1555,7 @@ const zn = /* @__PURE__ */ pe({
                 items: [...K.purchaseOrder.items, M]
               }
             };
-            ((($ = R.purchaseOrder.supplier) == null ? void 0 : $.internal) === yt.enum.warehouse || ((f = R.purchaseOrder.supplier) == null ? void 0 : f.internal) === yt.enum.restaurant) && (R.purchaseOrder.items = R.purchaseOrder.items.map(
+            ((($ = R.purchaseOrder.supplier) == null ? void 0 : $.internal) === gt.enum.warehouse || ((f = R.purchaseOrder.supplier) == null ? void 0 : f.internal) === gt.enum.restaurant) && (R.purchaseOrder.items = R.purchaseOrder.items.map(
               ({ totalCost: q, ...de }) => de
             )), await S.updateTemplate(R), await new Promise((q) => setTimeout(q, 1e3));
           }
@@ -1614,7 +1629,7 @@ const zn = /* @__PURE__ */ pe({
       (P = (h = N.value) == null ? void 0 : h.validateInputs) == null || P.call(h);
     }
     function ae() {
-      switch (u.mode) {
+      switch (s.mode) {
         case H.READ:
           return;
         case H.UPDATE:
@@ -1624,17 +1639,17 @@ const zn = /* @__PURE__ */ pe({
       }
     }
     function ye(h) {
-      i.value = h;
+      d.value = h;
     }
     function ge(h) {
       m.value = h;
     }
-    function xe(h) {
+    function ke(h) {
       v.value = h;
     }
     return (h, P) => {
       const G = F("FmChip"), $ = F("FmButton"), f = F("FmSideSheet");
-      return d(), D(f, {
+      return u(), O(f, {
         "model-value": o(_),
         "onUpdate:modelValue": P[3] || (P[3] = (j) => dt(_) ? _.value = j : null),
         header: E.value,
@@ -1642,24 +1657,24 @@ const zn = /* @__PURE__ */ pe({
         "dismiss-away": "",
         "max-width": 500
       }, {
-        "side-sheet-footer": g(() => [
-          l("div", zl, [
+        "side-sheet-footer": y(() => [
+          l("div", Ll, [
             a($, {
-              loading: O.value,
+              loading: D.value,
               label: p.value,
               onClick: ee
             }, null, 8, ["loading", "label"]),
             a($, {
-              disabled: O.value,
+              disabled: D.value,
               label: o(c)("common.close"),
               variant: "tertiary",
               onClick: P[2] || (P[2] = (j) => _.value = !1)
             }, null, 8, ["disabled", "label"])
           ])
         ]),
-        default: g(() => [
-          l("div", Dl, [
-            V.value ? (d(), w("div", Nl, [
+        default: y(() => [
+          l("div", Nl, [
+            V.value ? (u(), w("div", zl, [
               a(G, {
                 label: "Managed by Netsuite",
                 compact: ""
@@ -1674,17 +1689,17 @@ const zn = /* @__PURE__ */ pe({
               class: "w-full",
               ref_key: "hasValidationExpose",
               ref: N,
-              modelValue: o(r),
-              "onUpdate:modelValue": P[0] || (P[0] = (j) => dt(r) ? r.value = j : null),
+              modelValue: o(i),
+              "onUpdate:modelValue": P[0] || (P[0] = (j) => dt(i) ? i.value = j : null),
               mode: h.mode,
-              disabled: O.value,
-              purchaseOrderTemplateIds: i.value,
+              disabled: D.value,
+              purchaseOrderTemplateIds: d.value,
               wastageTemplateIds: m.value,
               closingTemplateIds: v.value,
               "onClick:submit": P[1] || (P[1] = (j) => ae()),
               "onUpdate:purchaseOrderTemplateIds": ye,
               "onUpdate:wastageTemplateIds": ge,
-              "onUpdate:closingTemplateIds": xe
+              "onUpdate:closingTemplateIds": ke
             }, null, 8, ["modelValue", "mode", "disabled", "purchaseOrderTemplateIds", "wastageTemplateIds", "closingTemplateIds"])
           ])
         ]),
@@ -1692,10 +1707,10 @@ const zn = /* @__PURE__ */ pe({
       }, 8, ["model-value", "header"]);
     };
   }
-}), jl = { class: "flex items-center gap-12 pl-8" }, Wl = { class: "flex flex-col" }, Hl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, ql = {
+}), Wl = { class: "flex items-center gap-12 pl-8" }, Hl = { class: "flex flex-col" }, ql = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Yl = {
   key: 0,
   class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Yl = { key: 0 }, _t = /* @__PURE__ */ pe({
+}, Gl = { key: 0 }, xt = /* @__PURE__ */ pe({
   __name: "ImportIngredientItem",
   props: {
     type: {},
@@ -1704,29 +1719,29 @@ const zn = /* @__PURE__ */ pe({
     errors: {}
   },
   setup(W) {
-    return (u, T) => {
-      const s = F("FmIcon"), b = F("FmTooltip");
-      return d(), w("div", jl, [
+    return (s, T) => {
+      const r = F("FmIcon"), b = F("FmTooltip");
+      return u(), w("div", Wl, [
         T[0] || (T[0] = l("div", null, "•", -1)),
-        l("div", Wl, [
-          l("div", Hl, [
+        l("div", Hl, [
+          l("div", ql, [
             l("div", {
               class: te({
-                "text-fm-color-system-error-300": u.errors.length
+                "text-fm-color-system-error-300": s.errors.length
               })
             }, [
-              Ge(A(u.name) + " ", 1),
-              u.type === "create" ? (d(), w("span", ql, "(new)")) : L("", !0)
+              Ge(A(s.name) + " ", 1),
+              s.type === "create" ? (u(), w("span", Yl, "(new)")) : L("", !0)
             ], 2),
-            u.errors.length ? (d(), w("div", Yl, [
+            s.errors.length ? (u(), w("div", Gl, [
               a(b, { "z-index": 50 }, {
-                content: g(() => [
+                content: y(() => [
                   l("ol", null, [
-                    (d(!0), w(X, null, ue(u.errors, (S, U) => (d(), w("li", { key: U }, A(S), 1))), 128))
+                    (u(!0), w(X, null, ue(s.errors, (S, U) => (u(), w("li", { key: U }, A(S), 1))), 128))
                   ])
                 ]),
-                default: g(() => [
-                  a(s, {
+                default: y(() => [
+                  a(r, {
                     name: "error",
                     size: "sm",
                     color: "system-error-300"
@@ -1740,38 +1755,38 @@ const zn = /* @__PURE__ */ pe({
             class: te([
               "fm-typo-en-body-sm-400",
               {
-                "text-fm-color-system-error-200": u.errors.length,
-                "text-fm-color-typo-secondary": !u.errors.length
+                "text-fm-color-system-error-200": s.errors.length,
+                "text-fm-color-typo-secondary": !s.errors.length
               }
             ])
-          }, A(u.code), 3)
+          }, A(s.code), 3)
         ])
       ]);
     };
   }
-}), Gl = { class: "flex flex-col gap-24" }, Kl = { class: "fm-typo-en-body-md-400" }, Jl = { class: "flex flex-col gap-8" }, Zl = { class: "line-clamp-2 text-ellipsis break-all" }, Ql = {
+}), Kl = { class: "flex flex-col gap-24" }, Jl = { class: "fm-typo-en-body-md-400" }, Zl = { class: "flex flex-col gap-8" }, Ql = { class: "line-clamp-2 text-ellipsis break-all" }, Xl = {
   key: 2,
   class: "shrink-0"
-}, Xl = {
+}, eo = {
   key: 0,
   class: "flex flex-col"
-}, eo = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, to = {
+}, to = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, no = {
   key: 0,
   class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
-}, no = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ pe({
+}, lo = { class: "fm-typo-en-body-lg-600" }, oo = /* @__PURE__ */ pe({
   __name: "ImportIngredients",
   setup(W) {
-    const u = B(null), T = un(), s = Fe(), b = B(!1), S = B(new Array()), U = B([]), k = B([]), n = y(
-      () => !!S.value.length || U.value.some((i) => i.errors.length) || k.value.some((i) => i.errors.length)
-    ), c = y(
+    const s = B(null), T = un(), r = Ae(), b = B(!1), S = B(new Array()), U = B([]), k = B([]), n = g(
+      () => !!S.value.length || U.value.some((d) => d.errors.length) || k.value.some((d) => d.errors.length)
+    ), c = g(
       () => !!U.value.length || !!k.value.length
     ), { t: _ } = ve();
-    async function r(i) {
+    async function i(d) {
       S.value = [], U.value = [], k.value = [];
       try {
         b.value = !0;
         const [m] = await Promise.all([
-          en(i),
+          en(d),
           // fake buffer
           new Promise((E) => setTimeout(E, 1e3))
         ]), v = m.SheetNames.find((E) => E);
@@ -1790,38 +1805,38 @@ const zn = /* @__PURE__ */ pe({
         }
         T.emitData(V);
       } catch (m) {
-        s.open({
+        r.open({
           title: _("inventory.ingredient.import.fileError.unableToRead"),
           message: m == null ? void 0 : m.message,
           type: "error"
         }), console.error("Error in reading file", m);
       } finally {
-        S.value.length && s.open({
+        S.value.length && r.open({
           title: _("inventory.ingredient.import.fileError.invalidExcel"),
           type: "error"
         }), b.value = !1;
       }
     }
-    return xt(u, (i) => {
-      i && r(i);
-    }), (i, m) => {
+    return kt(s, (d) => {
+      d && i(d);
+    }), (d, m) => {
       const v = F("FmCircularProgress"), V = F("FmIcon"), E = F("FmButton");
-      return d(), w("div", Gl, [
-        l("div", Kl, A(o(_)("inventory.ingredient.import.uploadDescription")), 1),
+      return u(), w("div", Kl, [
+        l("div", Jl, A(o(_)("inventory.ingredient.import.uploadDescription")), 1),
         a(Xt, {
           class: te({
             "w-full": !0,
-            "h-[200px]": !u.value
+            "h-[200px]": !s.value
           }),
           accept: ".xlsx",
-          onFileUpload: m[0] || (m[0] = (p) => u.value = p),
+          onFileUpload: m[0] || (m[0] = (p) => s.value = p),
           label: o(_)("inventory.ingredient.import.uploadTemplate"),
           "button-label": o(_)("inventory.ingredient.import.selectFile")
-        }, kt({ _: 2 }, [
-          u.value ? {
+        }, Ye({ _: 2 }, [
+          s.value ? {
             name: "default",
-            fn: g(({ openFileDialog: p }) => [
-              l("div", Jl, [
+            fn: y(({ openFileDialog: p }) => [
+              l("div", Zl, [
                 l("div", {
                   class: te([
                     "fm-corner-radius-md p-16 flex items-center gap-16",
@@ -1832,11 +1847,11 @@ const zn = /* @__PURE__ */ pe({
                     }
                   ])
                 }, [
-                  b.value ? (d(), D(v, {
+                  b.value ? (u(), O(v, {
                     key: 0,
                     size: "md",
                     color: "neutral-gray-200"
-                  })) : (d(), D(V, {
+                  })) : (u(), O(V, {
                     key: 1,
                     name: n.value ? "error" : "attach_file",
                     outline: "",
@@ -1851,9 +1866,9 @@ const zn = /* @__PURE__ */ pe({
                       }
                     ])
                   }, [
-                    l("div", Zl, A(u.value.name), 1)
+                    l("div", Ql, A(s.value.name), 1)
                   ], 2),
-                  b.value ? L("", !0) : (d(), w("div", Ql, [
+                  b.value ? L("", !0) : (u(), w("div", Xl, [
                     a(E, {
                       label: o(_)("inventory.ingredient.import.replaceFile"),
                       variant: n.value ? "destructive" : "secondary",
@@ -1862,9 +1877,9 @@ const zn = /* @__PURE__ */ pe({
                     }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
                   ]))
                 ], 2),
-                S.value.length ? (d(), w("div", Xl, [
-                  (d(!0), w(X, null, ue(S.value, (N, O) => (d(), w("div", {
-                    key: O,
+                S.value.length ? (u(), w("div", eo, [
+                  (u(!0), w(X, null, ue(S.value, (N, D) => (u(), w("div", {
+                    key: D,
                     class: "flex gap-8 items-center"
                   }, [
                     a(V, {
@@ -1872,7 +1887,7 @@ const zn = /* @__PURE__ */ pe({
                       size: "sm",
                       color: "system-error-300"
                     }),
-                    l("div", eo, A(N), 1)
+                    l("div", to, A(N), 1)
                   ]))), 128))
                 ])) : L("", !0)
               ])
@@ -1880,16 +1895,16 @@ const zn = /* @__PURE__ */ pe({
             key: "0"
           } : void 0
         ]), 1032, ["class", "label", "button-label"]),
-        c.value ? (d(), w("div", to, [
-          l("div", no, A(o(_)("inventory.ingredient.import.summary")), 1),
-          (d(!0), w(X, null, ue(U.value, (p) => (d(), D(_t, {
+        c.value ? (u(), w("div", no, [
+          l("div", lo, A(o(_)("inventory.ingredient.import.summary")), 1),
+          (u(!0), w(X, null, ue(U.value, (p) => (u(), O(xt, {
             key: p.sku._id,
             code: p.sku.code,
             name: p.sku.name,
             errors: p.errors,
             type: "create"
           }, null, 8, ["code", "name", "errors"]))), 128)),
-          (d(!0), w(X, null, ue(k.value, (p) => (d(), D(_t, {
+          (u(!0), w(X, null, ue(k.value, (p) => (u(), O(xt, {
             key: p.sku._id,
             code: p.sku.code,
             name: p.sku.name,
@@ -1900,24 +1915,24 @@ const zn = /* @__PURE__ */ pe({
       ]);
     };
   }
-}), oo = {
+}), ao = {
   key: 0,
   class: "flex items-center gap-1"
-}, ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, so = { class: "flex flex-col py-8" }, ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, io = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Io = /* @__PURE__ */ pe({
+}, so = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ro = { class: "flex flex-col py-8" }, io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, uo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, So = /* @__PURE__ */ pe({
   __name: "IngredientsView",
   setup(W) {
-    const u = Se(), T = Ce(), s = y(() => [
+    const s = Ce(), T = Fe(), r = g(() => [
       {
         type: "string",
         key: "skuCode",
         entity: "sku",
-        values: u.skus.map((f) => f.code)
+        values: s.skus.map((f) => f.code)
       },
       {
         type: "string",
         key: "skuUnitAbbrev",
         entity: "sku",
-        values: u.units.map((f) => f.abbrev)
+        values: s.units.map((f) => f.abbrev)
       },
       {
         type: "string",
@@ -1935,13 +1950,13 @@ const zn = /* @__PURE__ */ pe({
           type: "string"
         }
       ]
-    }), S = y(
+    }), S = g(
       () => new Set(T.getAvailableItems(T.businessSubsidiaryId))
-    ), U = y(() => {
+    ), U = g(() => {
       if (!b.value)
-        return u.skus;
+        return s.skus;
       const $ = tn.build(b.value);
-      return u.skus.filter((f) => T.isEnabled && ne.value && S.value && !S.value.has(f._id) ? !1 : nn(
+      return s.skus.filter((f) => T.isEnabled && ne.value && S.value && !S.value.has(f._id) ? !1 : nn(
         {
           skuCode: f.code,
           skuUnitAbbrev: f.unit.abbrev,
@@ -1949,25 +1964,25 @@ const zn = /* @__PURE__ */ pe({
         },
         $
       ));
-    }), k = ln(), n = Re(), c = Tn(), _ = Fe(), { t: r } = ve(), { createIngredient: i, updateIngredient: m } = Ye(), { ingredientDialogProps: v, ingredientViewLoading: V } = fn(Ye()), { columnDefs: E } = Nn();
+    }), k = ln(), n = Re(), c = Tn(), _ = Ae(), { t: i } = ve(), { createIngredient: d, updateIngredient: m } = qe(), { ingredientDialogProps: v, ingredientViewLoading: V } = fn(qe()), { columnDefs: E } = Nn();
     function p($) {
       switch ($) {
         case "add":
-          return T.isEnabled ? void 0 : i();
+          return T.isEnabled ? void 0 : d();
         case "import":
           return P();
         case "export":
           return h();
       }
     }
-    const N = B(""), O = B(!1), fe = y(() => O.value || V.value), ne = B(!0), { breakpoints: ce } = cn(), le = y(() => ce.value.xs || ce.value.sm), oe = y(() => le.value ? 10 : 20), ee = on(), ae = B(!1), ye = [
+    const N = B(""), D = B(!1), fe = g(() => D.value || V.value), ne = B(!0), { breakpoints: ce } = cn(), le = g(() => ce.value.xs || ce.value.sm), oe = g(() => le.value ? 10 : 20), ee = on(), ae = B(!1), ye = [
       {
         value: "import",
-        label: r("common.import")
+        label: i("common.import")
       },
       {
         value: "export",
-        label: r("common.export")
+        label: i("common.export")
       }
     ];
     function ge($) {
@@ -1978,65 +1993,65 @@ const zn = /* @__PURE__ */ pe({
           return h();
       }
     }
-    const xe = y(() => [
+    const ke = g(() => [
       ...T.isEnabled ? [] : [
         {
-          label: r("inventory.ingredient.create.title"),
+          label: i("inventory.ingredient.create.title"),
           value: "add",
           isPrimary: !0,
           prependIcon: "add"
         }
       ],
-      { label: r("common.import"), value: "import" },
-      { label: r("common.export"), value: "export" }
+      { label: i("common.import"), value: "import" },
+      { label: i("common.export"), value: "export" }
     ]);
     function h() {
       const $ = _n();
       _.open({
-        title: r("inventory.ingredient.export.success"),
-        message: r("inventory.ingredient.export.filename", [$]),
+        title: i("inventory.ingredient.export.success"),
+        message: i("inventory.ingredient.export.filename", [$]),
         type: "success"
       });
     }
     function P() {
       n.open({
-        title: r("inventory.ingredient.import.title"),
-        contentComponent: lo,
+        title: i("inventory.ingredient.import.title"),
+        contentComponent: oo,
         overlay: !0,
         closeButton: !0,
         primaryActions: {
-          text: r("common.import"),
+          text: i("common.import"),
           close: !1
         },
         secondaryActions: {
-          text: r("common.close"),
+          text: i("common.close"),
           close: !0
         },
         tertiaryActions: {
-          text: r("inventory.ingredient.import.actions.downloadTemplate"),
+          text: i("inventory.ingredient.import.actions.downloadTemplate"),
           close: !1,
           variant: "plain"
         }
       }).onPrimary(($) => {
         if (!$) {
           _.open({
-            title: r("inventory.ingredient.import.error.noData"),
+            title: i("inventory.ingredient.import.error.noData"),
             type: "error"
           });
           return;
         }
         if (!$.importCreateResult.length && !$.importUpdateResult.length) {
           _.open({
-            title: r("inventory.ingredient.import.error.invalidContent"),
-            message: r("inventory.ingredient.import.error.noImportData"),
+            title: i("inventory.ingredient.import.error.invalidContent"),
+            message: i("inventory.ingredient.import.error.noImportData"),
             type: "error"
           });
           return;
         }
         if ($.importCreateResult.some((f) => f.errors.length) || $.importUpdateResult.some((f) => f.errors.length)) {
           _.open({
-            title: r("inventory.ingredient.import.error.invalidContent"),
-            message: r("inventory.ingredient.import.error.hasErrors"),
+            title: i("inventory.ingredient.import.error.invalidContent"),
+            message: i("inventory.ingredient.import.error.hasErrors"),
             type: "error"
           });
           return;
@@ -2045,7 +2060,7 @@ const zn = /* @__PURE__ */ pe({
       }).onTertiary(xn);
     }
     async function G($) {
-      O.value = !0;
+      D.value = !0;
       try {
         const f = [
           ...$.importCreateResult.map(({ sku: M }) => ({ type: "create", sku: M })),
@@ -2054,7 +2069,7 @@ const zn = /* @__PURE__ */ pe({
         let K = 0;
         const me = () => {
           K += j, _.open({
-            title: r("inventory.ingredient.import.progress", [
+            title: i("inventory.ingredient.import.progress", [
               Math.min(K, f.length),
               f.length
             ])
@@ -2063,7 +2078,7 @@ const zn = /* @__PURE__ */ pe({
         for (const M of f.chunk(100)) {
           me();
           try {
-            const R = await u.importSkus({
+            const R = await s.importSkus({
               create: M.filter((q) => q.type === "create").map((q) => q.sku),
               update: M.filter((q) => q.type === "update").map((q) => q.sku)
             });
@@ -2086,7 +2101,7 @@ const zn = /* @__PURE__ */ pe({
           }
         }
         _.open({
-          title: r("inventory.ingredient.import.success"),
+          title: i("inventory.ingredient.import.success"),
           type: "success"
         }), J.length && c.alert(
           "Some operation failed",
@@ -2107,22 +2122,22 @@ const zn = /* @__PURE__ */ pe({
         );
       } catch (f) {
         _.open({
-          title: r("inventory.ingredient.import.error.failed"),
-          message: r("inventory.ingredient.import.error.systemMessage", [f == null ? void 0 : f.message]),
+          title: i("inventory.ingredient.import.error.failed"),
+          message: i("inventory.ingredient.import.error.systemMessage", [f == null ? void 0 : f.message]),
           type: "error"
         }), console.error("Error in importing skus", $, f);
       } finally {
-        O.value = !1;
+        D.value = !1;
       }
     }
     return ($, f) => {
       const j = F("FmSwitch"), K = F("FmTable"), me = F("FmCollapsibleTabs"), J = F("FmBottomSheet");
-      return d(), D(an, {
-        title: o(r)("inventory.ingredient.title"),
-        actions: xe.value,
+      return u(), O(an, {
+        title: o(i)("inventory.ingredient.title"),
+        actions: ke.value,
         "onClick:action": p
       }, {
-        default: g(() => [
+        default: y(() => [
           l("div", {
             class: te([
               "flex flex-col gap-8 max-h-full",
@@ -2137,16 +2152,16 @@ const zn = /* @__PURE__ */ pe({
               search: N.value,
               "onUpdate:search": f[1] || (f[1] = (M) => N.value = M),
               filterable: "",
-              "filter-attributes": s.value,
+              "filter-attributes": r.value,
               filter: b.value,
               "onUpdate:filter": f[2] || (f[2] = (M) => b.value = M)
             }, {
-              default: g(() => [
-                o(T).isEnabled ? (d(), w("div", oo, [
-                  l("span", ao, A(o(r)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
+              default: y(() => [
+                o(T).isEnabled ? (u(), w("div", ao, [
+                  l("span", so, A(o(i)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
                   a(gn),
-                  a(qe, null, {
-                    default: g(() => [
+                  a(He, null, {
+                    default: y(() => [
                       a(j, {
                         modelValue: ne.value,
                         "onUpdate:modelValue": f[0] || (f[0] = (M) => ne.value = M)
@@ -2158,7 +2173,7 @@ const zn = /* @__PURE__ */ pe({
               ]),
               _: 1
             }, 8, ["search", "filter-attributes", "filter"]),
-            (d(), D(K, {
+            (u(), O(K, {
               key: JSON.stringify(b.value),
               style: Nt(o(ee).tableHeight),
               "column-defs": o(E),
@@ -2172,25 +2187,25 @@ const zn = /* @__PURE__ */ pe({
               onRowClick: f[3] || (f[3] = (M) => o(m)(M.original)),
               "page-size": oe.value
             }, {
-              "list-row": g((M) => [
+              "list-row": y((M) => [
                 a(rn, {
                   row: M,
                   onRowClick: o(m)
-                }, kt({
-                  default: g((R) => {
-                    var q, de, ke, _e, Ee, Ae, $e, be, se, Te;
+                }, Ye({
+                  default: y((R) => {
+                    var q, de, Te, _e, Ee, $e, we, be, se, Ve;
                     return [
-                      l("div", so, [
-                        l("div", ro, [
-                          a(o(gt), {
-                            render: (ke = (de = (q = R.code) == null ? void 0 : q.column) == null ? void 0 : de.columnDef) == null ? void 0 : ke.cell,
+                      l("div", ro, [
+                        l("div", io, [
+                          a(o(bt), {
+                            render: (Te = (de = (q = R.code) == null ? void 0 : q.column) == null ? void 0 : de.columnDef) == null ? void 0 : Te.cell,
                             props: (Ee = (_e = R.code) == null ? void 0 : _e.getContext) == null ? void 0 : Ee.call(_e)
                           }, null, 8, ["render", "props"])
                         ]),
-                        l("div", io, [
-                          a(o(gt), {
-                            render: (be = ($e = (Ae = R.name) == null ? void 0 : Ae.column) == null ? void 0 : $e.columnDef) == null ? void 0 : be.cell,
-                            props: (Te = (se = R.name) == null ? void 0 : se.getContext) == null ? void 0 : Te.call(se)
+                        l("div", uo, [
+                          a(o(bt), {
+                            render: (be = (we = ($e = R.name) == null ? void 0 : $e.column) == null ? void 0 : we.columnDef) == null ? void 0 : be.cell,
+                            props: (Ve = (se = R.name) == null ? void 0 : se.getContext) == null ? void 0 : Ve.call(se)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -2198,10 +2213,10 @@ const zn = /* @__PURE__ */ pe({
                   }),
                   _: 2
                 }, [
-                  O.value ? {
+                  D.value ? {
                     name: "loading-text",
-                    fn: g(() => [
-                      l("div", null, A(o(r)("inventory.ingredient.table.importing")), 1)
+                    fn: y(() => [
+                      l("div", null, A(o(i)("inventory.ingredient.table.importing")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -2210,16 +2225,16 @@ const zn = /* @__PURE__ */ pe({
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "columnVisibility", "loading", "page-size"]))
           ], 2),
-          (d(), D(ut, { to: "body" }, [
-            a(Ll, zt(Lt(o(v))), null, 16)
+          (u(), O(ut, { to: "body" }, [
+            a(jl, zt(Lt(o(v))), null, 16)
           ])),
-          (d(), D(ut, { to: "body" }, [
+          (u(), O(ut, { to: "body" }, [
             a(J, {
               "dismiss-away": "",
               modelValue: ae.value,
               "onUpdate:modelValue": f[5] || (f[5] = (M) => ae.value = M)
             }, {
-              default: g(() => [
+              default: y(() => [
                 a(me, {
                   class: "pb-8",
                   items: ye,
@@ -2236,5 +2251,5 @@ const zn = /* @__PURE__ */ pe({
   }
 });
 export {
-  Io as default
+  So as default
 };