@feedmepos/mf-inventory-portal 1.7.13 → 1.7.15-dev.0

package/dist/IngredientsView-DLxTWo-n.js

@@ -0,0 +1,2239 @@
+import { ref as P, defineComponent as ke, computed as g, resolveComponent as S, createElementBlock as V, openBlock as c, Fragment as ee, createCommentVNode as N, createVNode as s, unref as o, withModifiers as Rt, withCtx as b, createElementVNode as n, renderList as de, createBlock as j, toDisplayString as $, normalizeClass as ie, h as Z, mergeModels as st, onMounted as Ot, watch as _t, useModel as Bt, createTextVNode as xt, isRef as rt, createSlots as kt, normalizeStyle as Dt, Teleport as it, normalizeProps as Nt, guardReactiveProps as zt } from "vue";
+import { a as Fe, c as wt, S as Lt, g as dt, e as ut, f as jt, h as mt, i as ct, j as pt, k as vt, u as Wt, l as qt } from "./app-C3gNrduY.js";
+import { useDialog as Ke, useSnackbar as Ae, components as ze, useProxiedModel as ft, useDialogChild as Ht, useBreakpoints as Yt } from "@feedmepos/ui-library";
+import { i as Kt, _ as Gt, m as Jt } from "./menu-usage-module-BdjYEk3s.js";
+import { F as W } from "./form-mode.enum-BKiNVH6A.js";
+import { useI18n as pe, useCoreStore as Ge } from "@feedmepos/mf-common";
+import { defineStore as Qt, storeToRefs as Xt } from "pinia";
+import { D as yt, R as Pe } from "./row-action.enum-ncgDYAjP.js";
+import { c as Zt } from "./component-BmLAdDiY.js";
+import { u as Ee, _ as en } from "./netsuite-BEW5HsxM.js";
+import { F as Be } from "./FmAdminBadge-DlplQOHb.js";
+import { u as tn, _ as nn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { A as Oe, R as Le, U as on, M as ln } from "./rules-5x2UEFmU.js";
+import { g as an, _ as je, S as We, a as sn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-DNXdZVOA.js";
+import { _ as rn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-Cls49Zgb.js";
+import { _ as qe } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CAJDLjrN.js";
+import { u as Tt } from "./feature-gYL54g_K.js";
+import { t as dn, a as un, g as mn } from "./number-CQBgN-M7.js";
+import { _ as xe } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-DX2MJqL4.js";
+import { d as Re, g as cn, e as pn, a as vn } from "./import-export.helper-CEdt0BWR.js";
+import { _ as fn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
+import { _ as Ce } from "./FmLockableField.vue_vue_type_script_setup_true_lang-FCg4K7y8.js";
+import { F as yn, a as He } from "./FmMultiselectDialog-Dr8wRNW7.js";
+import { u as Vt } from "./purchase-order-template-PekDPb4u.js";
+import { u as It, a as St } from "./closing-template-DKklbhBW.js";
+import { _ as gn, F as gt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+import { r as bn } from "./xlsx.util-BntGs-ye.js";
+import { F as hn } from "./FmDroppableField-J0tG_U3w.js";
+import { _ as _n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BAEpf31G.js";
+import { u as xn } from "./FmMultiselectDialog-CiOdsRlf.js";
+import { P as kn, J as wn } from "./app-C39bYJmq.js";
+const Ye = Qt("ingredientForm", function() {
+  const _ = Ke(), k = Ae(), u = Fe(), x = P(!1), { t: C } = pe(), A = P();
+  function U() {
+    const a = {
+      sku: {},
+      mode: W.CREATE,
+      show: !0,
+      "onUpdate:show"(d) {
+        A.value.show = d;
+      }
+    };
+    A.value = a;
+  }
+  async function l(a) {
+    const d = {
+      sku: wt(a),
+      mode: W.UPDATE,
+      show: !0,
+      "onUpdate:show"(r) {
+        A.value.show = r;
+      }
+    };
+    A.value = d;
+  }
+  async function i(a) {
+    x.value = !0;
+    try {
+      await u.deleteSku(a), k.open({
+        title: "Success",
+        message: `Deleted ${a.name}`,
+        type: "success"
+      });
+    } catch (d) {
+      if (d instanceof Lt && Kt(d)) {
+        _.open({
+          title: "Cannot delete ingredient",
+          contentComponent: Gt,
+          contentComponentProps: {
+            subject: (a == null ? void 0 : a.name) ?? "",
+            items: d.errorResponse.errors.map((r) => {
+              var f;
+              return {
+                chain: [
+                  {
+                    itemName: r.name,
+                    moduleKey: (f = r.message) != null && f.startsWith("modules.") ? Jt(r.message) : r.module
+                  }
+                ]
+              };
+            })
+          },
+          secondaryActions: {
+            text: "Close",
+            close: !0
+          }
+        });
+        return;
+      }
+      k.open({
+        title: `Cannot delete ${a.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete ingredient", d);
+    } finally {
+      x.value = !1;
+    }
+  }
+  function m(a) {
+    _.open({
+      title: C("inventory.ingredient.delete.title", [(a == null ? void 0 : a.name) ?? ""]),
+      closeButton: !1,
+      message: C("inventory.ingredient.delete.message"),
+      primaryActions: {
+        text: C("common.delete"),
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: C("common.cancel"),
+        close: !0
+      }
+    }).onPrimary(() => i(a));
+  }
+  return {
+    createIngredient: U,
+    updateIngredient: l,
+    deleteIngredient: m,
+    ingredientDialogProps: A,
+    ingredientViewLoading: x
+  };
+}), Tn = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, 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"
+}, An = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, En = { class: "flex flex-col gap-2 mt-4" }, $n = { class: "flex items-center gap-2 fm-typo-en-body-md-400" }, Mn = { class: "flex flex-wrap gap-2" }, Un = { class: "flex flex-col" }, Pn = { class: "flex flex-col bg-fm-color-bg-secondary font-mono p-4 rounded-md" }, Rn = { class: "text-fm-color-typo-tertiary flex-shrink-0 fm-typo-en-body-md-400 whitespace-pre flex items-center" }, On = { class: "px-2 py-1 rounded-md bg-blue-200 border-2 border-blue-400" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Dn = /* @__PURE__ */ ke({
+  __name: "ItemSubsidiaryTreeDialog",
+  props: {
+    skuId: {},
+    itemName: {},
+    itemCode: {}
+  },
+  setup(q) {
+    const _ = q, { t: k } = pe(), u = Ge(), x = Ee(), C = P(!1), A = g(() => {
+      var r;
+      return ((r = u.sessionUser.value) == null ? void 0 : r.role.isAdmin) ?? !1;
+    }), U = g(() => x.getSkuSubsidiaries(_.skuId)), l = g(() => {
+      const r = /* @__PURE__ */ new Set();
+      function f(F) {
+        for (const p of F)
+          p.isAssigned && (r.add(p.id), U.value.includeChildren && w(p)), p.children && p.children.length > 0 && f(p.children);
+      }
+      function w(F) {
+        if (F.children)
+          for (const p of F.children)
+            r.add(p.id), w(p);
+      }
+      return f(U.value.subsidiaryTree), r;
+    });
+    function i(r, f = [], w = !1) {
+      const F = [];
+      return r.forEach((p, B) => {
+        const R = B === r.length - 1, ve = [...f, R];
+        let ne = "";
+        for (let te = 0; te < f.length; te++)
+          ne += f[te] ? "    " : "│   ";
+        ne += R ? "└── " : "├── ";
+        const ue = l.value.has(p.id), oe = p.isAssigned === !0, le = w && !oe;
+        if (F.push({
+          id: p.id,
+          name: p.name,
+          prefix: f.length === 0 ? "" : ne,
+          isHighlighted: ue,
+          isDirectlyBound: oe,
+          isParentIncludedChild: le,
+          isRoot: f.length === 0
+        }), p.children && p.children.length > 0) {
+          const te = w || oe && U.value.includeChildren;
+          F.push(...i(p.children, ve, te));
+        }
+      }), F;
+    }
+    function m(r, f = []) {
+      const w = /* @__PURE__ */ new Set();
+      for (const F of r) {
+        const p = [...f, F.id];
+        F.isAssigned === !0 && p.forEach((B) => w.add(B)), F.children && F.children.length > 0 && m(F.children, p).forEach((R) => w.add(R));
+      }
+      return w;
+    }
+    function a(r, f) {
+      return r.map((w) => f.has(w.id) || w.isAssigned === !0 ? {
+        ...w,
+        // Recursively filter children
+        children: w.children ? a(w.children, f) : []
+      } : null).filter(Boolean);
+    }
+    const d = g(() => {
+      let r = U.value.subsidiaryTree;
+      if ((!r || r.length === 0) && (r = x.getBusinessSubsidiaryTree()), !A.value) {
+        const f = m(r);
+        r = a(r, f);
+      }
+      return i(r, []);
+    });
+    return (r, f) => {
+      const w = S("FmButton"), F = S("FmDialog");
+      return c(), V(ee, null, [
+        o(x).isEnabled ? (c(), V("div", Tn, [
+          s(w, {
+            "prepend-icon": "info",
+            variant: "tertiary",
+            onClick: f[0] || (f[0] = Rt((p) => C.value = !0, ["stop"]))
+          })
+        ])) : N("", !0),
+        s(F, {
+          modelValue: C.value,
+          "onUpdate:modelValue": f[1] || (f[1] = (p) => C.value = p),
+          "close-button": "",
+          dismissAway: ""
+        }, {
+          "dialog-header": b(() => [
+            n("div", Vn, [
+              n("div", In, $(o(k)("inventory.integration.netsuite.subsidiaryHierarchy.title")), 1),
+              n("p", Sn, " Name: " + $(_.itemName), 1),
+              n("p", Cn, " Code: " + $(_.itemCode), 1),
+              A.value ? (c(), V("p", Fn, " All subsidiaries are shown since you are an admin. ")) : (c(), V("p", An, " Only showing subsidiaries in your business path and bound subsidiaries. ")),
+              n("div", En, [
+                n("div", $n, [
+                  f[2] || (f[2] = n("span", { class: "font-semibold" }, "Include Children Subsidiaries:", -1)),
+                  n("span", {
+                    class: ie(
+                      U.value.includeChildren ? "text-green-600 font-semibold" : "text-red-600 font-semibold"
+                    )
+                  }, $(U.value.includeChildren ? "Yes" : "No"), 3)
+                ]),
+                n("div", Mn, [
+                  f[4] || (f[4] = n("div", { class: "flex items-center gap-2 px-2 py-1 bg-fm-color-bg-brand-secondary rounded-md" }, [
+                    n("span", { class: "w-3 h-3 rounded-sm bg-green-400" }),
+                    n("span", { class: "fm-typo-en-body-sm-400" }, "Directly Bound")
+                  ], -1)),
+                  s(Be, null, {
+                    default: b(() => f[3] || (f[3] = [
+                      n("div", { class: "flex items-center gap-2 px-2 py-1 rounded-md" }, [
+                        n("span", { class: "w-3 h-3 rounded-sm bg-blue-400" }),
+                        n("span", { class: "fm-typo-en-body-sm-400" }, "Included as Child")
+                      ], -1)
+                    ])),
+                    _: 1
+                  })
+                ])
+              ])
+            ])
+          ]),
+          default: b(() => [
+            n("div", Un, [
+              n("div", Pn, [
+                (c(!0), V(ee, null, de(d.value, (p) => (c(), V("div", {
+                  key: p.id,
+                  class: "flex items-stretch"
+                }, [
+                  n("span", Rn, $(p.prefix), 1),
+                  p.isParentIncludedChild ? (c(), j(Be, {
+                    key: 0,
+                    class: "flex-1"
+                  }, {
+                    default: b(() => [
+                      n("div", On, [
+                        n("span", Bn, $(p.name), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)) : (c(), V("div", {
+                    key: 1,
+                    class: ie([
+                      "px-2 py-1 rounded-md flex-1",
+                      p.isDirectlyBound ? "border-2 bg-green-200 border-green-400" : "bg-fm-color-bg-primary border border-fm-color-border-secondary"
+                    ])
+                  }, [
+                    n("span", {
+                      class: ie([
+                        p.isHighlighted ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                      ])
+                    }, $(p.name), 3)
+                  ], 2))
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+function Nn() {
+  var l;
+  const { updateIngredient: q, deleteIngredient: _ } = Ye(), k = Fe(), u = Ee(), { t: x } = pe(), C = Ge();
+  async function A(i, m) {
+    const a = wt(m);
+    if (i === Pe.Edit) {
+      await q(a);
+      return;
+    }
+    if (i === Pe.Delete) {
+      await _(a);
+      return;
+    }
+  }
+  return { columnDefs: [
+    ...(l = C.sessionUser.value) != null && l.role.isAdmin ? [
+      {
+        accessorKey: "_id",
+        header: () => Z(Be, {}, () => "ID"),
+        size: 200
+      }
+    ] : [],
+    {
+      accessorKey: "code",
+      header: () => x("inventory.ingredient.code"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      accessorKey: "name",
+      header: () => x("inventory.ingredient.name"),
+      enableSorting: !0,
+      size: 300,
+      cell(i) {
+        const m = i.row.original, a = k.skuBindingFlattenCache[m._id], d = a == null ? void 0 : a.inventoryBindings.some(
+          (r) => "error" in r && r.reason === "circularDependency"
+        );
+        return Z("div", { class: "flex items-center w-full gap-4" }, [
+          d ? Z(
+            ze.FmTooltip,
+            { class: "text-left" },
+            {
+              default() {
+                return Z(ze.FmIcon, {
+                  name: "info",
+                  color: "system-error-300",
+                  size: "sm"
+                });
+              },
+              content() {
+                return x("inventory.inventoryBindings.circularError");
+              }
+            }
+          ) : null,
+          m.name
+        ]);
+      }
+    },
+    {
+      id: "unit",
+      header: () => x("inventory.ingredient.unit"),
+      accessorFn: (i) => bt(i),
+      cell(i) {
+        const m = i.row.original, a = bt(m);
+        return Z(
+          ze.FmTooltip,
+          { zIndex: 51, content: a },
+          Z(
+            "span",
+            {
+              class: "flex-auto line-clamp-2 text-ellipsis break-all"
+            },
+            a
+          )
+        );
+      },
+      enableSorting: !1,
+      size: 300
+    },
+    {
+      accessorKey: "isInactive",
+      header: () => x("inventory.ingredient.status.title"),
+      cell(i) {
+        const m = i.row.original.isInactive;
+        return Z(
+          "span",
+          {
+            class: [
+              "inline-block px-3 py-1 rounded-full text-xs font-semibold",
+              m ? "bg-red-100 text-red-700" : "bg-green-100 text-green-700"
+            ].join(" ")
+          },
+          x(m ? "inventory.ingredient.status.inactive" : "inventory.ingredient.status.active")
+        );
+      },
+      enableSorting: !0
+    },
+    {
+      id: "netsuiteSubsidiary",
+      accessorFn: (i) => u.getSkuSubsidiaries(i._id),
+      header: () => "NetSuite Subsidiary",
+      cell(i) {
+        const m = i.row.original, { flattenedSubsidiaryNames: a } = u.getSkuSubsidiaries(m._id);
+        return Z("div", { class: "flex gap-2 items-start" }, [
+          Z(
+            "span",
+            {
+              class: "flex-1 line-clamp-2 text-ellipsis break-all whitespace-pre-wrap"
+            },
+            a.join(", ")
+          ),
+          Z(Dn, { skuId: m._id, itemName: m.name, itemCode: m.code })
+        ]);
+      },
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(i) {
+        return Zt(
+          [yt[Pe.Edit], yt[Pe.Delete]],
+          (m) => {
+            A(m, i.row.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+function bt(q) {
+  var _;
+  if (q.trackingMeasurement) {
+    const k = (_ = q.unit.measurements) == null ? void 0 : _.find((u) => u.id === q.trackingMeasurement);
+    if (k)
+      return `${k.name} (${k.abbrev})`;
+  }
+  return `${q.unit.name} (${q.unit.abbrev})`;
+}
+const zn = /* @__PURE__ */ ke({
+  __name: "ConvertForm",
+  props: {
+    modelValue: {},
+    rootValue: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(q, { emit: _ }) {
+    const k = q, u = g(() => {
+      var d;
+      return (d = k.rootValue) == null ? void 0 : d.unit;
+    }), x = g(() => {
+      var d;
+      return (d = k.rootValue) == null ? void 0 : d._id;
+    }), C = _, { t: A } = pe(), U = g({
+      get() {
+        return !!k.modelValue;
+      },
+      set(d) {
+        d ? C("update:modelValue", {
+          measurement: null,
+          inventoryBindings: []
+        }) : C("update:modelValue", null);
+      }
+    }), l = g(() => an(u.value));
+    function i(d) {
+      const r = k.modelValue ?? {};
+      r.measurement = d ? `${d}` : null, C("update:modelValue", r);
+    }
+    function m(d) {
+      const r = k.modelValue ?? {};
+      r.inventoryBindings = d, C("update:modelValue", r);
+    }
+    const a = g(() => {
+      if (!k.modelValue) return null;
+      const d = k.modelValue;
+      return d.measurement ? l.value.find((r) => r.value === d.measurement) ?? null : l.value.find((r) => r.value === null) ?? null;
+    });
+    return (d, r) => {
+      const f = S("FmSwitch"), w = S("FmSelect"), F = S("FmCard");
+      return c(), j(F, {
+        variant: "outlined",
+        class: "p-16 flex flex-col gap-16"
+      }, {
+        default: b(() => {
+          var p, B;
+          return [
+            s(f, {
+              value: "",
+              "model-value": U.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (R) => U.value = R),
+              label: o(A)("inventory.ingredient.convertible.title"),
+              sublabel: o(A)("inventory.ingredient.convertible.subtitle"),
+              labelPlacement: "right",
+              disabled: d.readonly
+            }, null, 8, ["model-value", "label", "sublabel", "disabled"]),
+            U.value ? (c(), V(ee, { key: 0 }, [
+              n("div", null, [
+                s(w, {
+                  label: o(A)("inventory.ingredient.convertible.convertTo"),
+                  modelValue: (p = a.value) == null ? void 0 : p.value,
+                  "onUpdate:modelValue": i,
+                  items: l.value,
+                  disabled: d.readonly
+                }, null, 8, ["label", "modelValue", "items", "disabled"])
+              ]),
+              s(rn, {
+                id: x.value,
+                "model-value": ((B = d.modelValue) == null ? void 0 : B.inventoryBindings) ?? [],
+                "onUpdate:modelValue": m,
+                "exclude-binding-id": x.value,
+                rules: [o(Oe)(1)],
+                readonly: d.readonly,
+                "allow-recipe-decimal": ""
+              }, null, 8, ["id", "model-value", "exclude-binding-id", "rules", "readonly"])
+            ], 64)) : N("", !0)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Ln = { class: "flex gap-8" }, jn = { class: "flex-1" }, Wn = { class: "flex-1" }, qn = { class: "flex flex-col gap-5" }, Hn = { class: "text-fm-color-typo-secondary" }, Yn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Kn = {
+  key: 3,
+  class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, Gn = { class: "flex flex-col" }, Jn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qn = {
+  key: 4,
+  class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, Xn = { class: "flex flex-col gap-12" }, Zn = { class: "flex flex-col gap-4" }, eo = { class: "fm-typo-en-title-sm-600" }, to = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, no = { class: "flex flex-col gap-4" }, oo = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, lo = { class: "flex-1 p-12 flex flex-col gap-8" }, ao = { class: "mx-auto" }, so = { class: "flex flex-col" }, ro = { class: "fm-typo-en-body-sm-600 translate-y-4" }, io = { class: "flex-1 p-12 flex flex-col gap-8" }, uo = { class: "mx-auto" }, mo = { class: "flex flex-col" }, co = { class: "fm-typo-en-body-sm-600 translate-y-4" }, po = { class: "flex-1 p-12 flex flex-col gap-8" }, vo = { class: "mx-auto" }, fo = { class: "flex flex-col" }, yo = { class: "fm-typo-en-body-sm-600 translate-y-4" }, go = {
+  key: 5,
+  class: "flex flex-col gap-12"
+}, bo = { class: "flex flex-col" }, ho = { class: "flex items-center justify-between" }, _o = { class: "fm-typo-en-title-sm-600" }, xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ko = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, wo = { class: "flex flex-wrap gap-8" }, To = {
+  key: 6,
+  class: "flex flex-col gap-12"
+}, Vo = { class: "flex flex-col" }, Io = { class: "flex items-center justify-between" }, So = { class: "fm-typo-en-title-sm-600" }, Co = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fo = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Ao = { class: "flex flex-wrap gap-8" }, Eo = {
+  key: 7,
+  class: "flex flex-col gap-12"
+}, $o = { class: "flex flex-col" }, Mo = { class: "flex items-center justify-between" }, Uo = { class: "fm-typo-en-title-sm-600" }, Po = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ro = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Oo = { class: "flex flex-wrap gap-8" }, Bo = /* @__PURE__ */ ke({
+  __name: "IngredientForm",
+  props: /* @__PURE__ */ st({
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean },
+    purchaseOrderTemplateIds: {},
+    wastageTemplateIds: {},
+    closingTemplateIds: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: /* @__PURE__ */ st(["update:modelValue", "click:submit", "update:purchaseOrderTemplateIds", "update:wastageTemplateIds", "update:closingTemplateIds"], ["update:search"]),
+  setup(q, { expose: _, emit: k }) {
+    var Xe;
+    const { t: u } = pe(), x = Ke();
+    Ae();
+    const C = Vt(), A = It(), U = St(), l = q, i = k, m = Fe(), a = Ge(), d = Tt(), r = Ee(), f = g(() => r.isEnabled);
+    P(void 0);
+    const w = P([]), F = P([]), p = P([]), B = P(!1);
+    function R(e) {
+      if (e.length === 0) return;
+      const t = e[0], h = l.modelValue ?? {
+        unit: m.units.find((I) => I)
+      };
+      h.unit || (h.unit = t, i("update:modelValue", h));
+    }
+    Ot(() => {
+      R(m.units), l.mode === W.CREATE && (d.mustUsePoTemplate && ne(), d.enableWastageTemplate && ue(), d.enableClosingTemplate && oe());
+    }), _t([() => m.units], ([e]) => {
+      R(e);
+    });
+    function ve() {
+      i("click:submit");
+    }
+    async function ne() {
+      w.value = [], B.value = !0;
+      try {
+        const [e] = await Promise.all([C.readTemplates()]).delayed(1e3);
+        w.value = e;
+      } catch (e) {
+        console.log("Something went wrong when fetching templates:", e);
+      } finally {
+        B.value = !1;
+      }
+    }
+    async function ue() {
+      F.value = [], B.value = !0;
+      try {
+        const [e] = await Promise.all([A.readTemplates()]).delayed(
+          1e3
+        );
+        F.value = e;
+      } catch (e) {
+        console.log("Something went wrong when fetching wastage templates:", e);
+      } finally {
+        B.value = !1;
+      }
+    }
+    async function oe() {
+      p.value = [], B.value = !0;
+      try {
+        const [e] = await Promise.all([U.listTemplates()]).delayed(
+          1e3
+        );
+        p.value = e;
+      } catch (e) {
+        console.log("Something went wrong when fetching closing templates:", e);
+      } finally {
+        B.value = !1;
+      }
+    }
+    const le = g({
+      get() {
+        var e;
+        return ((e = l.modelValue) == null ? void 0 : e.code) ?? "";
+      },
+      set(e) {
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        t.code = e, i("update:modelValue", t);
+      }
+    }), te = g({
+      get() {
+        var e;
+        return ((e = l.modelValue) == null ? void 0 : e.isInactive) ?? !1;
+      },
+      set(e) {
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        t.isInactive = e, i("update:modelValue", t);
+      }
+    }), ae = g({
+      get() {
+        var e;
+        return ((e = l.modelValue) == null ? void 0 : e.name) ?? "";
+      },
+      set(e) {
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        t.name = e, i("update:modelValue", t);
+      }
+    }), fe = g({
+      get() {
+        var t, h;
+        const e = (h = (t = l.modelValue) == null ? void 0 : t.defaultCost) == null ? void 0 : h.costPerUnit;
+        return e ? +un(e) : 0;
+      },
+      set(e) {
+        var h, I, Y, D;
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        t.defaultCost ?? (t.defaultCost = {
+          costPerUnit: {
+            amount: 0,
+            precision: 2,
+            currency: ((h = dt(a.currentCountry.value)) == null ? void 0 : h.currency) ?? "MYR"
+          },
+          measurement: (D = (Y = (I = l.modelValue) == null ? void 0 : I.unit) == null ? void 0 : Y.measurements) == null ? void 0 : D.find(
+            (se) => {
+              var re;
+              return se.id === ((re = l.modelValue) == null ? void 0 : re.trackingMeasurement);
+            }
+          )
+        }), t.defaultCost.costPerUnit = {
+          ...t.defaultCost.costPerUnit,
+          ...dn(+e, 4)
+        }, i("update:modelValue", t);
+      }
+    }), ye = g(() => {
+      var t, h, I;
+      const e = ((t = l.modelValue) == null ? void 0 : t.unit) ?? m.units.find((Y) => Y);
+      return e ? {
+        _id: e._id,
+        measurement: (h = l.modelValue) == null ? void 0 : h.trackingMeasurement,
+        name: ((I = e.measurements.find((Y) => {
+          var D;
+          return Y.id === ((D = l.modelValue) == null ? void 0 : D.trackingMeasurement);
+        })) == null ? void 0 : I.name) ?? e.name
+      } : null;
+    }), we = g(
+      () => m.units.flatMap(({ name: e, _id: t, abbrev: h, measurements: I }) => [
+        {
+          label: `${e}`,
+          value: null,
+          displayAsSection: !0
+        },
+        {
+          label: `${e} (${h})`,
+          value: { _id: t },
+          displayAsSection: !1
+        },
+        ...I.map(({ id: Y, name: D, abbrev: se }) => ({
+          label: `${D} (${se})`,
+          value: { _id: t, measurement: Y },
+          displayAsSection: !1
+        }))
+      ])
+    ), y = Bt(q, "search"), M = g(
+      () => new yn(we.value, ["label", "value"], {
+        caseSensitive: !1,
+        sort: !0
+      })
+    ), G = g(() => M.value.search(y.value));
+    function E(e) {
+      var t, h, I, Y, D;
+      return ((h = (t = l.modelValue) == null ? void 0 : t.unit) == null ? void 0 : h._id) === ((I = e.value) == null ? void 0 : I._id) && ((Y = l.modelValue) == null ? void 0 : Y.trackingMeasurement) === ((D = e.value) == null ? void 0 : D.measurement);
+    }
+    function v(e) {
+      var se, re;
+      if (!e) return;
+      const { _id: t, measurement: h } = e, I = h || void 0, Y = m.units.find((Se) => Se._id === t);
+      if (!Y)
+        return;
+      const D = l.modelValue ?? {};
+      D.unit = Y, D.trackingMeasurement = I, D.convert && (D.convert.measurement = I || null), d.enableTotalCost && (D.defaultCost = {
+        measurement: Y.measurements.find((Se) => Se.id === I),
+        costPerUnit: {
+          ...((se = D.defaultCost) == null ? void 0 : se.costPerUnit) ?? {
+            amount: 0,
+            precision: 2,
+            currency: ((re = dt(a.currentCountry.value)) == null ? void 0 : re.currency) ?? "MYR"
+          }
+        }
+      }), i("update:modelValue", D);
+    }
+    const z = g({
+      get() {
+        var e;
+        return ((e = l.modelValue) == null ? void 0 : e.convert) ?? null;
+      },
+      set(e) {
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        e ? t.convert = e : t.convert = null, i("update:modelValue", t);
+      }
+    }), J = g(() => ut.options.filter(
+      (e) => (
+        // e === F_INVENTORY_VALUATION_METHODS.enum.FIFO ||
+        e === ut.enum.WAVG
+      )
+    ).map((e) => ({
+      label: u(`inventory.ingredient.valuationMethod.${e}`),
+      value: e
+    }))), me = g({
+      get() {
+        var e;
+        return ((e = l.modelValue) == null ? void 0 : e.valuation) ?? "WAVG";
+      },
+      set(e) {
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        t.valuation = e, i("update:modelValue", t);
+      }
+    }), Q = g({
+      get() {
+        var e;
+        return ((e = l.modelValue) == null ? void 0 : e.customAttributes) ?? {};
+      },
+      set(e) {
+        const t = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        t.customAttributes = e, i("update:modelValue", t);
+      }
+    }), H = P();
+    _({
+      validateInputs: () => {
+        var e, t;
+        (t = (e = H.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, t;
+        (t = (e = H.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
+      },
+      resetInputs: () => {
+        var e, t;
+        (t = (e = H.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
+      }
+    });
+    const O = P(!1), K = g(
+      () => {
+        var e, t, h;
+        return (e = l.modelValue) != null && e._id ? ((h = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : h.filter(
+          (I) => I.from === "INGREDIENT"
+        )) ?? [] : [];
+      }
+    ), L = g(
+      () => {
+        var e, t, h;
+        return (e = l.modelValue) != null && e._id ? ((h = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : h.filter(
+          (I) => I.from === "RECIPE"
+        )) ?? [] : [];
+      }
+    ), ge = g(
+      () => {
+        var e, t, h;
+        return (e = l.modelValue) != null && e._id ? ((h = m.menu.bindedBySkuId[(t = l.modelValue) == null ? void 0 : t._id]) == null ? void 0 : h.filter((I) => I.from === "MENU")) ?? [] : [];
+      }
+    ), $e = g(
+      () => m.skus.map((e) => ({ label: e.name, value: e.code }))
+    ), Me = P((Xe = l.modelValue) == null ? void 0 : Xe.code);
+    function Ue(e) {
+      var h;
+      const t = e.el;
+      t && ((h = t.querySelector("[x-should-scroll-into=true]")) == null || h.scrollIntoView());
+    }
+    const be = g(
+      () => {
+        var e, t, h, I, Y, D;
+        return ((I = (h = (t = (e = l.modelValue) == null ? void 0 : e.unit) == null ? void 0 : t.measurements) == null ? void 0 : h.find(
+          (se) => {
+            var re;
+            return se.id === ((re = l.modelValue) == null ? void 0 : re.trackingMeasurement);
+          }
+        )) == null ? void 0 : I.abbrev) ?? ((D = (Y = l.modelValue) == null ? void 0 : Y.unit) == null ? void 0 : D.abbrev);
+      }
+    ), he = g({
+      get() {
+        var e, t;
+        return ((t = (e = l.modelValue) == null ? void 0 : e.thresholds) == null ? void 0 : t.low) ?? Re().low;
+      },
+      set(e) {
+        var I;
+        const t = ((I = l.modelValue) == null ? void 0 : I.thresholds) ?? Re();
+        t.low = e;
+        const h = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        h.thresholds = t, i("update:modelValue", h);
+      }
+    }), ce = g({
+      get() {
+        var e, t;
+        return ((t = (e = l.modelValue) == null ? void 0 : e.thresholds) == null ? void 0 : t.mid) ?? Re().mid;
+      },
+      set(e) {
+        var I;
+        const t = ((I = l.modelValue) == null ? void 0 : I.thresholds) ?? Re();
+        t.mid = e;
+        const h = l.modelValue ? {
+          ...l.modelValue
+        } : {};
+        h.thresholds = t, i("update:modelValue", h);
+      }
+    }), Te = g(() => d.mustUsePoTemplate && l.mode === W.CREATE && w.value.length > 0 ? w.value.map((e) => ({
+      label: e.name || "Template",
+      value: e._id || "template_" + e.name
+    })) : []), Ve = g(() => Te.value.filter(
+      (e) => (l.purchaseOrderTemplateIds ?? []).includes(e.value)
+    )), _e = g(() => d.enableWastageTemplate && l.mode === W.CREATE && F.value.length > 0 ? F.value.map((e) => ({
+      label: e.name || "Template",
+      value: e._id || "template_" + e.name
+    })) : []), Ie = g(() => _e.value.filter(
+      (e) => (l.wastageTemplateIds ?? []).includes(e.value)
+    )), Je = g(() => d.enableClosingTemplate && l.mode === W.CREATE && p.value.length > 0 ? p.value.map((e) => ({
+      label: e.name || "Template",
+      value: e._id || "template_" + e.name
+    })) : []), Qe = g(() => Je.value.filter(
+      (e) => (l.closingTemplateIds ?? []).includes(e.value)
+    ));
+    function Ct() {
+      x.open({
+        title: u("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
+        closeButton: !0,
+        contentComponent: He,
+        contentComponentProps: {
+          modelValue: l.purchaseOrderTemplateIds ?? [],
+          items: Te.value
+        },
+        primaryActions: {
+          text: u("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: u("common.cancel"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((e) => {
+        i("update:purchaseOrderTemplateIds", e);
+      });
+    }
+    function Ft() {
+      x.open({
+        title: u("inventory.ingredient.wastageTemplates.selectTitle"),
+        closeButton: !0,
+        contentComponent: He,
+        contentComponentProps: {
+          modelValue: l.wastageTemplateIds ?? [],
+          items: _e.value
+        },
+        primaryActions: {
+          text: u("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: u("common.cancel"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((e) => {
+        i("update:wastageTemplateIds", e);
+      });
+    }
+    function At() {
+      x.open({
+        title: u("inventory.ingredient.closingTemplates.selectTitle"),
+        closeButton: !0,
+        contentComponent: He,
+        contentComponentProps: {
+          modelValue: l.closingTemplateIds ?? [],
+          items: Je.value
+        },
+        primaryActions: {
+          text: u("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: u("common.cancel"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((e) => {
+        i("update:closingTemplateIds", e);
+      });
+    }
+    function Et() {
+      return function(t) {
+        return typeof (t == null ? void 0 : t.low) != "number" || typeof (t == null ? void 0 : t.mid) != "number" ? "Required" : t.low >= t.mid ? "Days for red indicator should be less than yellow indicator." : !0;
+      };
+    }
+    return (e, t) => {
+      const h = S("FmTextField"), I = S("FmLabel"), Y = S("FmField"), D = S("FmIcon"), se = S("FmMenuHeader"), re = S("FmMenuDivider"), Se = S("FmMenuItem"), $t = S("FmMenu"), Ze = S("FmFormGroup"), Mt = S("FmSelect"), et = S("FmSwitch"), tt = S("FmStepperField"), De = S("FmButton"), Ne = S("FmChip"), Ut = S("FmForm");
+      return c(), j(Ut, {
+        disabled: e.disabled,
+        ref_key: "formRef",
+        ref: H,
+        class: "flex flex-col gap-32",
+        onValidationSuccess: ve
+      }, {
+        default: b(() => {
+          var nt, ot, lt, at;
+          return [
+            n("div", Ln, [
+              n("div", jn, [
+                s(Ce, {
+                  "tooltip-message": "This field is managed by NetSuite",
+                  "tooltip-z-index": 50,
+                  label: o(u)("inventory.ingredient.code"),
+                  "model-value": le.value,
+                  "onUpdate:modelValue": t[1] || (t[1] = (T) => le.value = T),
+                  locked: f.value,
+                  disabled: e.disabled
+                }, {
+                  default: b(() => [
+                    s(h, {
+                      label: o(u)("inventory.ingredient.code"),
+                      "model-value": le.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (T) => le.value = T),
+                      rules: [o(Le)(), o(on)($e.value, Me.value)],
+                      "label-mark": "required"
+                    }, null, 8, ["label", "model-value", "rules"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "locked", "disabled"])
+              ]),
+              n("div", Wn, [
+                s(Ce, {
+                  "tooltip-message": "This field is managed by NetSuite",
+                  "tooltip-z-index": 50,
+                  label: o(u)("inventory.ingredient.name"),
+                  "model-value": ae.value,
+                  "onUpdate:modelValue": t[3] || (t[3] = (T) => ae.value = T),
+                  locked: f.value,
+                  disabled: e.disabled
+                }, {
+                  default: b(() => [
+                    s(h, {
+                      label: o(u)("inventory.ingredient.name"),
+                      "model-value": ae.value,
+                      "onUpdate:modelValue": t[2] || (t[2] = (T) => ae.value = T),
+                      rules: [o(Le)()],
+                      "label-mark": "required"
+                    }, null, 8, ["label", "model-value", "rules"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "locked", "disabled"])
+              ])
+            ]),
+            s(Ce, {
+              "tooltip-message": "This field is managed by NetSuite",
+              "tooltip-z-index": 50,
+              label: o(u)("inventory.ingredient.unit"),
+              "helper-text": (nt = e.modelValue) != null && nt.trackingMeasurement ? `Base unit: ${(lt = (ot = e.modelValue) == null ? void 0 : ot.unit) == null ? void 0 : lt.name}` : void 0,
+              "model-value": (at = ye.value) == null ? void 0 : at.name,
+              locked: f.value,
+              disabled: e.disabled
+            }, {
+              default: b(() => [
+                s(Ze, {
+                  "model-value": ye.value,
+                  rules: [o(Le)()],
+                  "label-mark": "required"
+                }, {
+                  label: b(() => [
+                    s(I, {
+                      label: o(u)("inventory.ingredient.unit")
+                    }, null, 8, ["label"])
+                  ]),
+                  default: b(({ invalid: T }) => [
+                    s($t, null, {
+                      "menu-button": b(() => [
+                        s(Y, {
+                          class: ie([
+                            "fm-typo-en-body-lg-400",
+                            {
+                              "text-fm-color-typo-primary": !e.disabled,
+                              "text-fm-color-typo-disabled": e.disabled
+                            }
+                          ]),
+                          invalid: T,
+                          "append-icon": "expand_more"
+                        }, {
+                          default: b(() => {
+                            var X;
+                            return [
+                              xt($((X = ye.value) == null ? void 0 : X.name), 1)
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["class", "invalid"])
+                      ]),
+                      default: b(() => [
+                        n("div", qn, [
+                          s(h, {
+                            modelValue: y.value,
+                            "onUpdate:modelValue": t[4] || (t[4] = (X) => y.value = X),
+                            placeholder: "Filter options"
+                          }, {
+                            prepend: b(() => [
+                              s(D, { name: "search" })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          n("div", {
+                            class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
+                            onVnodeMounted: Ue
+                          }, [
+                            (c(!0), V(ee, null, de(G.value, (X, Pt) => (c(), V(ee, { key: Pt }, [
+                              X.displayAsSection ? (c(), V(ee, { key: 0 }, [
+                                s(se, {
+                                  label: X.label
+                                }, null, 8, ["label"]),
+                                s(re)
+                              ], 64)) : (c(), j(Se, {
+                                key: 1,
+                                label: X.label,
+                                "model-value": E(X),
+                                onClick: (dl) => v(X.value),
+                                "x-should-scroll-into": `${E(X)}`
+                              }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
+                            ], 64))), 128))
+                          ], 512)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 1
+                }, 8, ["model-value", "rules"])
+              ]),
+              _: 1
+            }, 8, ["label", "helper-text", "model-value", "locked", "disabled"]),
+            o(d).enableTotalCost ? (c(), j(Ce, {
+              key: 0,
+              "tooltip-message": "This field is managed by NetSuite",
+              "tooltip-z-index": 50,
+              label: o(u)("inventory.ingredient.valuationMethod.title"),
+              "model-value": o(u)("inventory.ingredient.valuationMethod." + me.value),
+              locked: f.value,
+              disabled: e.disabled
+            }, {
+              label: b(() => [
+                s(xe, { "z-index": 50 }, {
+                  default: b(() => [
+                    s(I, {
+                      label: o(u)("inventory.ingredient.valuationMethod.title")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: b(() => [
+                s(Mt, {
+                  class: "col-span-2",
+                  label: o(u)("inventory.ingredient.valuationMethod.title"),
+                  "model-value": me.value,
+                  "onUpdate:modelValue": t[5] || (t[5] = (T) => me.value = T),
+                  items: J.value
+                }, null, 8, ["label", "model-value", "items"])
+              ]),
+              _: 1
+            }, 8, ["label", "model-value", "locked", "disabled"])) : N("", !0),
+            o(d).enableTotalCost ? (c(), j(Ce, {
+              key: 1,
+              "tooltip-message": "This field is managed by NetSuite",
+              "tooltip-z-index": 50,
+              "model-value": `${o(jt)()} ${fe.value}`,
+              locked: f.value,
+              "append-text": `/ ${be.value}`,
+              disabled: e.disabled
+            }, {
+              label: b(() => [
+                s(xe, { "z-index": 50 }, {
+                  default: b(() => [
+                    s(I, {
+                      label: o(u)("inventory.ingredient.pricePerUnit")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: b(() => [
+                s(h, {
+                  "model-value": fe.value,
+                  "onUpdate:modelValue": t[6] || (t[6] = (T) => fe.value = T),
+                  rules: [o(Oe)(0), o(ln)(4)]
+                }, {
+                  label: b(() => [
+                    s(xe, { "z-index": 50 }, {
+                      default: b(() => [
+                        s(I, {
+                          label: o(u)("inventory.ingredient.pricePerUnit")
+                        }, null, 8, ["label"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  prepend: b(() => {
+                    var T, X;
+                    return [
+                      n("div", Hn, $(o(mt)(((T = o(a).currentCountry) == null ? void 0 : T.value) ?? o(ct)) === "MYR" ? "RM" : o(mt)(((X = o(a).currentCountry) == null ? void 0 : X.value) ?? o(ct))), 1)
+                    ];
+                  }),
+                  append: b(() => [
+                    n("div", Yn, " / " + $(be.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["model-value", "rules"])
+              ]),
+              _: 1
+            }, 8, ["model-value", "locked", "append-text", "disabled"])) : N("", !0),
+            !f.value || z.value ? (c(), j(zn, {
+              key: 2,
+              "model-value": z.value,
+              "onUpdate:modelValue": t[7] || (t[7] = (T) => z.value = T),
+              "root-value": e.modelValue,
+              readonly: f.value
+            }, null, 8, ["model-value", "root-value", "readonly"])) : N("", !0),
+            e.mode !== o(W).CREATE ? (c(), V("div", Kn, [
+              s(et, {
+                label: o(u)("inventory.ingredient.status.inactive"),
+                "model-value": te.value,
+                "onUpdate:modelValue": t[8] || (t[8] = (T) => te.value = T),
+                "label-placement": "right",
+                disabled: f.value
+              }, null, 8, ["label", "model-value", "disabled"]),
+              n("div", Gn, [
+                n("div", Jn, $(o(u)("inventory.ingredient.status.preventFromOrder")), 1)
+              ])
+            ])) : N("", !0),
+            e.mode !== o(W).CREATE ? (c(), V("div", Qn, [
+              n("div", null, [
+                s(et, {
+                  label: o(u)("inventory.ingredient.bindedItems.title"),
+                  modelValue: O.value,
+                  "onUpdate:modelValue": t[9] || (t[9] = (T) => O.value = T),
+                  "label-placement": "right"
+                }, null, 8, ["label", "modelValue"])
+              ]),
+              O.value && K.value.length ? (c(), j(qe, {
+                key: 0,
+                name: o(u)("inventory.ingredient.bindedItems.ingredient"),
+                bindings: K.value
+              }, null, 8, ["name", "bindings"])) : N("", !0),
+              O.value && L.value.length ? (c(), j(qe, {
+                key: 1,
+                name: o(u)("inventory.ingredient.bindedItems.recipe"),
+                bindings: L.value
+              }, null, 8, ["name", "bindings"])) : N("", !0),
+              O.value && ge.value.length ? (c(), j(qe, {
+                key: 2,
+                name: o(u)("inventory.ingredient.bindedItems.menu"),
+                bindings: ge.value
+              }, null, 8, ["name", "bindings"])) : N("", !0)
+            ])) : N("", !0),
+            n("div", Xn, [
+              n("div", Zn, [
+                s(xe, null, {
+                  default: b(() => [
+                    n("div", eo, $(o(u)("inventory.ingredient.threshold.title")), 1)
+                  ]),
+                  _: 1
+                }),
+                n("div", to, $(o(u)("inventory.ingredient.threshold.subtitle")), 1)
+              ]),
+              n("div", no, [
+                s(Ze, {
+                  "model-value": { low: he.value, mid: ce.value },
+                  rules: [Et()]
+                }, null, 8, ["model-value", "rules"]),
+                n("div", oo, [
+                  n("div", lo, [
+                    n("div", ao, [
+                      s(je, {
+                        days: he.value,
+                        level: o(We).low
+                      }, null, 8, ["days", "level"])
+                    ]),
+                    n("div", so, [
+                      n("div", ro, $(o(u)("inventory.ingredient.threshold.whenRemaining")), 1),
+                      s(tt, {
+                        modelValue: he.value,
+                        "onUpdate:modelValue": t[10] || (t[10] = (T) => he.value = T),
+                        rules: [o(Oe)(0)]
+                      }, {
+                        append: b(() => t[13] || (t[13] = [
+                          n("div", {
+                            class: "text-fm-color-typo-secondary",
+                            style: { "padding-right": "32px" }
+                          }, "days", -1)
+                        ])),
+                        _: 1
+                      }, 8, ["modelValue", "rules"])
+                    ])
+                  ]),
+                  t[15] || (t[15] = n("div", {
+                    class: "h-full bg-fm-color-neutral-gray-200 relative",
+                    style: { width: "1px" }
+                  }, [
+                    n("div", {
+                      class: "absolute bg-white",
+                      style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
+                    }, " < ")
+                  ], -1)),
+                  n("div", io, [
+                    n("div", uo, [
+                      s(je, {
+                        days: ce.value,
+                        level: o(We).mid
+                      }, null, 8, ["days", "level"])
+                    ]),
+                    n("div", mo, [
+                      n("div", co, $(o(u)("inventory.ingredient.threshold.whenRemaining")), 1),
+                      s(tt, {
+                        modelValue: ce.value,
+                        "onUpdate:modelValue": t[11] || (t[11] = (T) => ce.value = T),
+                        rules: [o(Oe)(0)]
+                      }, {
+                        append: b(() => t[14] || (t[14] = [
+                          n("div", {
+                            class: "text-fm-color-typo-secondary",
+                            style: { "padding-right": "32px" }
+                          }, "days", -1)
+                        ])),
+                        _: 1
+                      }, 8, ["modelValue", "rules"])
+                    ])
+                  ]),
+                  t[16] || (t[16] = n("div", {
+                    class: "h-full bg-fm-color-neutral-gray-200 relative",
+                    style: { width: "1px" }
+                  }, [
+                    n("div", {
+                      class: "absolute bg-white",
+                      style: { transform: "translate(-50%, -50%)", left: "50%", top: "24px" }
+                    }, " < ")
+                  ], -1)),
+                  n("div", po, [
+                    n("div", vo, [
+                      s(je, {
+                        days: ce.value + 1,
+                        level: o(We).high
+                      }, null, 8, ["days", "level"])
+                    ]),
+                    n("div", fo, [
+                      n("div", yo, $(o(u)("inventory.ingredient.threshold.stockIsStaple")), 1)
+                    ])
+                  ])
+                ])
+              ])
+            ]),
+            o(d).mustUsePoTemplate && e.mode === o(W).CREATE ? (c(), V("div", go, [
+              n("div", bo, [
+                n("div", ho, [
+                  s(xe, null, {
+                    default: b(() => [
+                      n("div", _o, $(o(u)("inventory.ingredient.purchaseOrderTemplates.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  s(De, {
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    "prepend-icon": "add",
+                    onClick: Ct
+                  })
+                ]),
+                n("div", xo, $(o(u)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
+              ]),
+              Ve.value.length > 0 ? (c(), V("div", ko, [
+                n("div", wo, [
+                  (c(!0), V(ee, null, de(Ve.value, (T) => (c(), j(Ne, {
+                    key: T.value,
+                    label: T.label,
+                    variant: "info",
+                    compact: ""
+                  }, null, 8, ["label"]))), 128))
+                ])
+              ])) : N("", !0)
+            ])) : N("", !0),
+            o(d).enableWastageTemplate && e.mode === o(W).CREATE ? (c(), V("div", To, [
+              n("div", Vo, [
+                n("div", Io, [
+                  s(xe, null, {
+                    default: b(() => [
+                      n("div", So, $(o(u)("inventory.ingredient.wastageTemplates.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  s(De, {
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    "prepend-icon": "add",
+                    onClick: Ft
+                  })
+                ]),
+                n("div", Co, $(o(u)("inventory.ingredient.wastageTemplates.description")), 1)
+              ]),
+              Ie.value.length > 0 ? (c(), V("div", Fo, [
+                n("div", Ao, [
+                  (c(!0), V(ee, null, de(Ie.value, (T) => (c(), j(Ne, {
+                    key: T.value,
+                    label: T.label,
+                    variant: "info",
+                    compact: ""
+                  }, null, 8, ["label"]))), 128))
+                ])
+              ])) : N("", !0)
+            ])) : N("", !0),
+            o(d).enableClosingTemplate && e.mode === o(W).CREATE ? (c(), V("div", Eo, [
+              n("div", $o, [
+                n("div", Mo, [
+                  s(xe, null, {
+                    default: b(() => [
+                      n("div", Uo, $(o(u)("inventory.ingredient.closingTemplates.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  s(De, {
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    "prepend-icon": "add",
+                    onClick: At
+                  })
+                ]),
+                n("div", Po, $(o(u)("inventory.ingredient.closingTemplates.description")), 1)
+              ]),
+              Qe.value.length > 0 ? (c(), V("div", Ro, [
+                n("div", Oo, [
+                  (c(!0), V(ee, null, de(Qe.value, (T) => (c(), j(Ne, {
+                    key: T.value,
+                    label: T.label,
+                    variant: "info",
+                    compact: ""
+                  }, null, 8, ["label"]))), 128))
+                ])
+              ])) : N("", !0)
+            ])) : N("", !0),
+            n("div", null, [
+              s(fn, {
+                entity: "inventorySku",
+                modelValue: Q.value,
+                "onUpdate:modelValue": t[12] || (t[12] = (T) => Q.value = T)
+              }, null, 8, ["modelValue"])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), Do = { class: "flex flex-col gap-32" }, No = {
+  key: 0,
+  class: "flex justify-between items-center"
+}, zo = { class: "flex gap-4" }, Lo = /* @__PURE__ */ ke({
+  __name: "IngredientDialog",
+  props: {
+    show: { type: Boolean },
+    sku: {},
+    mode: { default: W.READ }
+  },
+  emits: ["update:show"],
+  setup(q) {
+    const _ = q, k = Fe(), u = Tt(), x = Ee(), C = Vt(), A = It(), U = St(), l = Ae(), { t: i } = pe(), m = ft(_, "show"), a = ft(_, "sku"), d = P([]), r = P([]), f = P([]), w = g(
+      () => {
+        var y;
+        return x.isEnabled && x.netSuiteItemBySkuId.has((y = _.sku) == null ? void 0 : y._id);
+      }
+    ), F = g(() => {
+      switch (_.mode) {
+        case W.READ:
+          return "";
+        case W.UPDATE:
+          return i("inventory.ingredient.update.title");
+        case W.CREATE:
+          return i("inventory.ingredient.create.title");
+      }
+      return "";
+    }), p = g(() => {
+      switch (_.mode) {
+        case W.READ:
+          return "";
+        case W.UPDATE:
+          return i("common.save");
+        case W.CREATE:
+          return i("common.add");
+      }
+      return "";
+    }), B = P(), R = P(!1);
+    async function ve() {
+      R.value = !0;
+      try {
+        await k.createSku(a.value);
+        const y = k.skuByCode[a.value.code];
+        u.enablePoTemplate && d.value.length > 0 && await ue(y), u.enableWastageTemplate && r.value.length > 0 && await oe(y), u.enableClosingTemplate && f.value.length > 0 && await le(y), m.value = !1, l.open({
+          title: i("inventory.common.success"),
+          message: i("inventory.ingredient.create.success", { name: a.value.name }),
+          type: "success"
+        });
+      } catch (y) {
+        y instanceof pt || l.open({
+          title: i("inventory.ingredient.create.error.title"),
+          message: i("inventory.ingredient.create.error.message"),
+          type: "error"
+        });
+      } finally {
+        R.value = !1;
+      }
+    }
+    async function ne() {
+      R.value = !0;
+      try {
+        await k.updateSku(a.value), R.value = !1, m.value = !1, l.open({
+          title: i("inventory.common.success"),
+          message: i("inventory.ingredient.update.success", { name: a.value.name }),
+          type: "success"
+        });
+      } catch (y) {
+        y instanceof pt || l.open({
+          title: i("inventory.ingredient.update.error.title"),
+          message: i("inventory.ingredient.update.error.message"),
+          type: "error"
+        });
+      } finally {
+        R.value = !1;
+      }
+    }
+    async function ue(y) {
+      var M, G, E, v;
+      try {
+        for (const z of d.value) {
+          const J = await C.getTemplate(z);
+          if (!J) {
+            console.warn(`Template with ID ${z} not found`);
+            continue;
+          }
+          if (!J.purchaseOrder.items.find(
+            (Q) => Q.sku._id === y._id
+          )) {
+            const Q = { amount: 1, precision: mn(y.unit) }, H = {
+              sku: y,
+              name: y.name,
+              code: y.code,
+              quantity: Q,
+              minimumQuantity: Q,
+              quantityStep: Q,
+              measurement: ((G = (M = y.unit) == null ? void 0 : M.measurements) == null ? void 0 : G[0]) || null
+            }, O = {
+              ...J,
+              purchaseOrder: {
+                ...J.purchaseOrder,
+                items: [...J.purchaseOrder.items, H]
+              }
+            };
+            (((E = O.purchaseOrder.supplier) == null ? void 0 : E.internal) === vt.enum.warehouse || ((v = O.purchaseOrder.supplier) == null ? void 0 : v.internal) === vt.enum.restaurant) && (O.purchaseOrder.items = O.purchaseOrder.items.map(
+              ({ totalCost: K, ...L }) => L
+            )), await C.updateTemplate(O), await new Promise((K) => setTimeout(K, 1e3));
+          }
+        }
+      } catch (z) {
+        l.open({
+          title: i("inventory.transfer.template.update.error"),
+          message: i("inventory.transfer.template.update.errorMessage"),
+          type: "error"
+        }), console.error("Error in updating transfer template", z);
+      }
+    }
+    async function oe(y) {
+      try {
+        for (const M of r.value) {
+          const G = await A.getTemplate(M);
+          if (!G) {
+            console.warn(`Wastage Template with ID ${M} not found`);
+            continue;
+          }
+          if (!G.items.find((v) => v.id === y._id)) {
+            const v = {
+              id: y._id,
+              name: y.name,
+              code: y.code,
+              type: "sku",
+              disabledMeasurements: []
+            }, z = {
+              ...G,
+              items: [...G.items, v]
+            };
+            await A.updateTemplate(z), await new Promise((J) => setTimeout(J, 1e3));
+          }
+        }
+      } catch (M) {
+        l.open({
+          title: i("inventory.wastage.template.update.error"),
+          message: i("inventory.wastage.template.update.errorMessage"),
+          type: "error"
+        }), console.error("Error in updating wastage template", M);
+      }
+    }
+    async function le(y) {
+      try {
+        for (const M of f.value) {
+          const G = await U.getTemplate(M);
+          if (!G) {
+            console.warn(`Closing Template with ID ${M} not found`);
+            continue;
+          }
+          if (!G.items.find((v) => v.sku._id === y._id)) {
+            const v = {
+              sku: y
+            }, z = {
+              ...G,
+              items: [...G.items, v]
+            };
+            await U.updateTemplate(z), await new Promise((J) => setTimeout(J, 1e3));
+          }
+        }
+      } catch (M) {
+        l.open({
+          title: i("inventory.closing.template.update.error"),
+          message: i("inventory.closing.template.update.errorMessage"),
+          type: "error"
+        }), console.error("Error in updating closing template", M);
+      }
+    }
+    function te() {
+      var y, M;
+      (M = (y = B.value) == null ? void 0 : y.validateInputs) == null || M.call(y);
+    }
+    function ae() {
+      switch (_.mode) {
+        case W.READ:
+          return;
+        case W.UPDATE:
+          return ne();
+        case W.CREATE:
+          return ve();
+      }
+    }
+    function fe(y) {
+      d.value = y;
+    }
+    function ye(y) {
+      r.value = y;
+    }
+    function we(y) {
+      f.value = y;
+    }
+    return (y, M) => {
+      const G = S("FmChip"), E = S("FmButton"), v = S("FmSideSheet");
+      return c(), j(v, {
+        "model-value": o(m),
+        "onUpdate:modelValue": M[3] || (M[3] = (z) => rt(m) ? m.value = z : null),
+        header: F.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": b(() => [
+          n("div", zo, [
+            s(E, {
+              loading: R.value,
+              label: p.value,
+              onClick: te
+            }, null, 8, ["loading", "label"]),
+            s(E, {
+              disabled: R.value,
+              label: o(i)("common.close"),
+              variant: "tertiary",
+              onClick: M[2] || (M[2] = (z) => m.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: b(() => [
+          n("div", Do, [
+            w.value ? (c(), V("div", No, [
+              s(G, {
+                label: "Managed by Netsuite",
+                compact: ""
+              }),
+              s(en, {
+                readonly: "",
+                sku: y.sku,
+                settingOptions: o(x).skuSettingOptions
+              }, null, 8, ["sku", "settingOptions"])
+            ])) : N("", !0),
+            s(Bo, {
+              class: "w-full",
+              ref_key: "hasValidationExpose",
+              ref: B,
+              modelValue: o(a),
+              "onUpdate:modelValue": M[0] || (M[0] = (z) => rt(a) ? a.value = z : null),
+              mode: y.mode,
+              disabled: R.value,
+              purchaseOrderTemplateIds: d.value,
+              wastageTemplateIds: r.value,
+              closingTemplateIds: f.value,
+              "onClick:submit": M[1] || (M[1] = (z) => ae()),
+              "onUpdate:purchaseOrderTemplateIds": fe,
+              "onUpdate:wastageTemplateIds": ye,
+              "onUpdate:closingTemplateIds": we
+            }, null, 8, ["modelValue", "mode", "disabled", "purchaseOrderTemplateIds", "wastageTemplateIds", "closingTemplateIds"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), jo = { class: "flex items-center gap-12 pl-8" }, Wo = { class: "flex flex-col" }, qo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Ho = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, Yo = { key: 0 }, ht = /* @__PURE__ */ ke({
+  __name: "ImportIngredientItem",
+  props: {
+    type: {},
+    code: {},
+    name: {},
+    errors: {}
+  },
+  setup(q) {
+    return (_, k) => {
+      const u = S("FmIcon"), x = S("FmTooltip");
+      return c(), V("div", jo, [
+        k[0] || (k[0] = n("div", null, "•", -1)),
+        n("div", Wo, [
+          n("div", qo, [
+            n("div", {
+              class: ie({
+                "text-fm-color-system-error-300": _.errors.length
+              })
+            }, [
+              xt($(_.name) + " ", 1),
+              _.type === "create" ? (c(), V("span", Ho, "(new)")) : N("", !0)
+            ], 2),
+            _.errors.length ? (c(), V("div", Yo, [
+              s(x, { "z-index": 50 }, {
+                content: b(() => [
+                  n("ol", null, [
+                    (c(!0), V(ee, null, de(_.errors, (C, A) => (c(), V("li", { key: A }, $(C), 1))), 128))
+                  ])
+                ]),
+                default: b(() => [
+                  s(u, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  })
+                ]),
+                _: 1
+              })
+            ])) : N("", !0)
+          ]),
+          n("div", {
+            class: ie([
+              "fm-typo-en-body-sm-400",
+              {
+                "text-fm-color-system-error-200": _.errors.length,
+                "text-fm-color-typo-secondary": !_.errors.length
+              }
+            ])
+          }, $(_.code), 3)
+        ])
+      ]);
+    };
+  }
+}), Ko = { class: "flex flex-col gap-24" }, Go = { class: "fm-typo-en-body-md-400" }, Jo = { class: "flex flex-col gap-8" }, Qo = { class: "line-clamp-2 text-ellipsis break-all" }, Xo = {
+  key: 2,
+  class: "shrink-0"
+}, Zo = {
+  key: 0,
+  class: "flex flex-col"
+}, el = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, tl = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, nl = { class: "fm-typo-en-body-lg-600" }, ol = /* @__PURE__ */ ke({
+  __name: "ImportIngredients",
+  setup(q) {
+    const _ = P(null), k = Ht(), u = Ae(), x = P(!1), C = P(new Array()), A = P([]), U = P([]), l = g(
+      () => !!C.value.length || A.value.some((d) => d.errors.length) || U.value.some((d) => d.errors.length)
+    ), i = g(
+      () => !!A.value.length || !!U.value.length
+    ), { t: m } = pe();
+    async function a(d) {
+      C.value = [], A.value = [], U.value = [];
+      try {
+        x.value = !0;
+        const [r] = await Promise.all([
+          bn(d),
+          // fake buffer
+          new Promise((F) => setTimeout(F, 1e3))
+        ]), f = r.SheetNames.find((F) => F);
+        if (!f) {
+          C.value.push(m("inventory.ingredient.import.fileError.noSheet"));
+          return;
+        }
+        const w = cn(r.Sheets[f]);
+        if (w.invalidExcel) {
+          C.value.push(w.invalidExcelMessage ?? m("inventory.ingredient.import.fileError.invalidExcel"));
+          return;
+        }
+        if (A.value = w.importCreateResult, U.value = w.importUpdateResult, !A.value.length && !U.value.length) {
+          C.value.push(m("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        k.emitData(w);
+      } catch (r) {
+        u.open({
+          title: m("inventory.ingredient.import.fileError.unableToRead"),
+          message: r == null ? void 0 : r.message,
+          type: "error"
+        }), console.error("Error in reading file", r);
+      } finally {
+        C.value.length && u.open({
+          title: m("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), x.value = !1;
+      }
+    }
+    return _t(_, (d) => {
+      d && a(d);
+    }), (d, r) => {
+      const f = S("FmCircularProgress"), w = S("FmIcon"), F = S("FmButton");
+      return c(), V("div", Ko, [
+        n("div", Go, $(o(m)("inventory.ingredient.import.uploadDescription")), 1),
+        s(hn, {
+          class: ie({
+            "w-full": !0,
+            "h-[200px]": !_.value
+          }),
+          accept: ".xlsx",
+          onFileUpload: r[0] || (r[0] = (p) => _.value = p),
+          label: o(m)("inventory.ingredient.import.uploadTemplate"),
+          "button-label": o(m)("inventory.ingredient.import.selectFile")
+        }, kt({ _: 2 }, [
+          _.value ? {
+            name: "default",
+            fn: b(({ openFileDialog: p }) => [
+              n("div", Jo, [
+                n("div", {
+                  class: ie([
+                    "fm-corner-radius-md p-16 flex items-center gap-16",
+                    {
+                      "border border-fm-color-neutral-gray-100": x.value,
+                      "border border-fm-color-neutral-gray-200": !x.value && !l.value,
+                      "border border-fm-color-system-error-200": l.value
+                    }
+                  ])
+                }, [
+                  x.value ? (c(), j(f, {
+                    key: 0,
+                    size: "md",
+                    color: "neutral-gray-200"
+                  })) : (c(), j(w, {
+                    key: 1,
+                    name: l.value ? "error" : "attach_file",
+                    outline: "",
+                    color: l.value ? "system-error-300" : void 0
+                  }, null, 8, ["name", "color"])),
+                  n("div", {
+                    class: ie([
+                      "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                      {
+                        "text-fm-color-typo-disabled": x.value,
+                        "text-fm-color-typo-primary": !x.value
+                      }
+                    ])
+                  }, [
+                    n("div", Qo, $(_.value.name), 1)
+                  ], 2),
+                  x.value ? N("", !0) : (c(), V("div", Xo, [
+                    s(F, {
+                      label: o(m)("inventory.ingredient.import.replaceFile"),
+                      variant: l.value ? "destructive" : "secondary",
+                      "prepend-icon": l.value ? void 0 : "autorenew",
+                      onClick: p
+                    }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                  ]))
+                ], 2),
+                C.value.length ? (c(), V("div", Zo, [
+                  (c(!0), V(ee, null, de(C.value, (B, R) => (c(), V("div", {
+                    key: R,
+                    class: "flex gap-8 items-center"
+                  }, [
+                    s(w, {
+                      name: "error",
+                      size: "sm",
+                      color: "system-error-300"
+                    }),
+                    n("div", el, $(B), 1)
+                  ]))), 128))
+                ])) : N("", !0)
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["class", "label", "button-label"]),
+        i.value ? (c(), V("div", tl, [
+          n("div", nl, $(o(m)("inventory.ingredient.import.summary")), 1),
+          (c(!0), V(ee, null, de(A.value, (p) => (c(), j(ht, {
+            key: p.sku._id,
+            code: p.sku.code,
+            name: p.sku.name,
+            errors: p.errors,
+            type: "create"
+          }, null, 8, ["code", "name", "errors"]))), 128)),
+          (c(!0), V(ee, null, de(U.value, (p) => (c(), j(ht, {
+            key: p.sku._id,
+            code: p.sku.code,
+            name: p.sku.name,
+            errors: p.errors,
+            type: "update"
+          }, null, 8, ["code", "name", "errors"]))), 128))
+        ])) : N("", !0)
+      ]);
+    };
+  }
+}), ll = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, al = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, sl = { class: "flex flex-col py-8" }, rl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, il = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, zl = /* @__PURE__ */ ke({
+  __name: "IngredientsView",
+  setup(q) {
+    const _ = Fe(), k = Ee(), u = g(() => [
+      {
+        type: "string",
+        key: "skuCode",
+        entity: "sku",
+        values: _.skus.map((v) => v.code)
+      },
+      {
+        type: "string",
+        key: "skuUnitAbbrev",
+        entity: "sku",
+        values: _.units.map((v) => v.abbrev)
+      },
+      {
+        type: "string",
+        key: "status",
+        entity: "sku",
+        values: ["Active", "Inactive"]
+      }
+    ]), x = P({
+      logic: "AND",
+      rules: [
+        {
+          property: "status",
+          operator: "$in",
+          value: ["Active"],
+          type: "string"
+        }
+      ]
+    }), C = g(
+      () => new Set(k.getAvailableItems(k.businessSubsidiaryId))
+    ), A = g(() => {
+      if (!x.value)
+        return _.skus;
+      const E = kn.build(x.value);
+      return _.skus.filter((v) => k.isEnabled && ne.value && C.value && !C.value.has(v._id) ? !1 : wn(
+        {
+          skuCode: v.code,
+          skuUnitAbbrev: v.unit.abbrev,
+          status: v.isInactive ? "Inactive" : "Active"
+        },
+        E
+      ));
+    }), U = Wt(), l = Ke(), i = xn(), m = Ae(), { t: a } = pe(), { createIngredient: d, updateIngredient: r } = Ye(), { ingredientDialogProps: f, ingredientViewLoading: w } = Xt(Ye()), { columnDefs: F } = Nn();
+    function p(E) {
+      switch (E) {
+        case "add":
+          return k.isEnabled ? void 0 : d();
+        case "import":
+          return M();
+        case "export-all":
+          return y();
+        case "export-filtered":
+          return y(A.value);
+      }
+    }
+    const B = P(""), R = P(!1), ve = g(() => R.value || w.value), ne = P(!0), { breakpoints: ue } = Yt(), oe = g(() => ue.value.xs || ue.value.sm), le = g(() => oe.value ? 10 : 20), te = tn(), ae = P(!1), fe = [
+      {
+        value: "import",
+        label: a("common.import")
+      },
+      {
+        value: "export-all",
+        label: a("inventory.ingredient.export.exportAll")
+      },
+      {
+        value: "export-filtered",
+        label: a("inventory.ingredient.export.exportFiltered")
+      }
+    ];
+    function ye(E) {
+      switch (ae.value = !1, E) {
+        case "import":
+          return M();
+        case "export-all":
+          return y();
+        case "export-filtered":
+          return y(A.value);
+      }
+    }
+    const we = g(() => [
+      ...k.isEnabled ? [] : [
+        {
+          label: a("inventory.ingredient.create.title"),
+          value: "add",
+          isPrimary: !0,
+          prependIcon: "add"
+        }
+      ],
+      { label: a("common.import"), value: "import" },
+      { label: a("inventory.ingredient.export.exportAll"), value: "export-all", mobileOnly: !0 },
+      { label: a("inventory.ingredient.export.exportFiltered"), value: "export-filtered", mobileOnly: !0 }
+    ]);
+    function y(E) {
+      const v = pn(E);
+      m.open({
+        title: a("inventory.ingredient.export.success"),
+        message: a("inventory.ingredient.export.filename", [v]),
+        type: "success"
+      });
+    }
+    function M() {
+      l.open({
+        title: a("inventory.ingredient.import.title"),
+        contentComponent: ol,
+        overlay: !0,
+        closeButton: !0,
+        primaryActions: {
+          text: a("common.import"),
+          close: !1
+        },
+        secondaryActions: {
+          text: a("common.close"),
+          close: !0
+        },
+        tertiaryActions: {
+          text: a("inventory.ingredient.import.actions.downloadTemplate"),
+          close: !1,
+          variant: "plain"
+        }
+      }).onPrimary((E) => {
+        if (!E) {
+          m.open({
+            title: a("inventory.ingredient.import.error.noData"),
+            type: "error"
+          });
+          return;
+        }
+        if (!E.importCreateResult.length && !E.importUpdateResult.length) {
+          m.open({
+            title: a("inventory.ingredient.import.error.invalidContent"),
+            message: a("inventory.ingredient.import.error.noImportData"),
+            type: "error"
+          });
+          return;
+        }
+        if (E.importCreateResult.some((v) => v.errors.length) || E.importUpdateResult.some((v) => v.errors.length)) {
+          m.open({
+            title: a("inventory.ingredient.import.error.invalidContent"),
+            message: a("inventory.ingredient.import.error.hasErrors"),
+            type: "error"
+          });
+          return;
+        }
+        l.close(), G(E);
+      }).onTertiary(vn);
+    }
+    async function G(E) {
+      R.value = !0;
+      try {
+        const v = [
+          ...E.importCreateResult.map(({ sku: H }) => ({ type: "create", sku: H })),
+          ...E.importUpdateResult.map(({ sku: H }) => ({ type: "update", sku: H }))
+        ], z = 100;
+        let J = 0;
+        const me = () => {
+          J += z, m.open({
+            title: a("inventory.ingredient.import.progress", [
+              Math.min(J, v.length),
+              v.length
+            ])
+          });
+        }, Q = new Array();
+        for (const H of v.chunk(100)) {
+          me();
+          try {
+            const O = await _.importSkus({
+              create: H.filter((K) => K.type === "create").map((K) => K.sku),
+              update: H.filter((K) => K.type === "update").map((K) => K.sku)
+            });
+            Q.push(...O.errors);
+          } catch (O) {
+            Q.push(
+              ...H.map((K) => {
+                const L = {
+                  module: qt.enum.sku,
+                  _id: K.sku._id,
+                  name: K.sku.name,
+                  message: (O == null ? void 0 : O.stack) ?? O
+                };
+                return {
+                  data: K.sku,
+                  error: [L]
+                };
+              })
+            );
+          }
+        }
+        m.open({
+          title: a("inventory.ingredient.import.success"),
+          type: "success"
+        }), Q.length && i.alert(
+          "Some operation failed",
+          Z(
+            "div",
+            { class: "flex flex-col gap-8" },
+            Q.map(
+              (H) => Z("div", { class: "flex flex-col" }, [
+                Z("div", { class: "fm-typo-en-body-lg-600" }, `(${H.data.code}) ${H.data.name}`),
+                Z(
+                  "div",
+                  { class: "fm-typo-en-body-lg-400" },
+                  `${H.error.map((O) => (O == null ? void 0 : O.message) ?? "Unknown error").join(", ")}`
+                )
+              ])
+            )
+          )
+        );
+      } catch (v) {
+        m.open({
+          title: a("inventory.ingredient.import.error.failed"),
+          message: a("inventory.ingredient.import.error.systemMessage", [v == null ? void 0 : v.message]),
+          type: "error"
+        }), console.error("Error in importing skus", E, v);
+      } finally {
+        R.value = !1;
+      }
+    }
+    return (E, v) => {
+      const z = S("FmButton"), J = S("FmMenuItem"), me = S("FmMenu"), Q = S("FmSwitch"), H = S("FmTable"), O = S("FmCollapsibleTabs"), K = S("FmBottomSheet");
+      return c(), j(nn, {
+        title: o(a)("inventory.ingredient.title"),
+        actions: we.value,
+        "onClick:action": p
+      }, {
+        "header-end": b(() => [
+          s(me, { "close-on-click": !0 }, {
+            "menu-button": b(() => [
+              s(z, {
+                label: o(a)("common.export"),
+                "bg-color": "neutral-gray-100",
+                "text-color": "neutral-gray-400"
+              }, null, 8, ["label"])
+            ]),
+            default: b(() => [
+              s(J, {
+                label: o(a)("inventory.ingredient.export.exportAll"),
+                onClick: v[0] || (v[0] = (L) => y())
+              }, null, 8, ["label"]),
+              s(J, {
+                label: o(a)("inventory.ingredient.export.exportFiltered"),
+                onClick: v[1] || (v[1] = (L) => y(A.value))
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })
+        ]),
+        default: b(() => [
+          n("div", {
+            class: ie([
+              "relative flex flex-col gap-8 max-h-full",
+              {
+                "p-0": oe.value,
+                "px-24 ": !oe.value
+              }
+            ])
+          }, [
+            s(_n, {
+              searchable: "",
+              search: B.value,
+              "onUpdate:search": v[3] || (v[3] = (L) => B.value = L),
+              filterable: "",
+              "filter-attributes": u.value,
+              filter: x.value,
+              "onUpdate:filter": v[4] || (v[4] = (L) => x.value = L)
+            }, {
+              default: b(() => [
+                o(k).isEnabled ? (c(), V("div", ll, [
+                  n("span", al, $(o(a)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
+                  s(sn),
+                  s(Be, null, {
+                    default: b(() => [
+                      s(Q, {
+                        modelValue: ne.value,
+                        "onUpdate:modelValue": v[2] || (v[2] = (L) => ne.value = L)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ])) : N("", !0)
+              ]),
+              _: 1
+            }, 8, ["search", "filter-attributes", "filter"]),
+            (c(), j(H, {
+              key: JSON.stringify(x.value),
+              style: Dt(o(te).tableHeight),
+              "column-defs": o(F),
+              "row-data": A.value,
+              "search-value": B.value,
+              columnVisibility: {
+                netsuiteSubsidiary: o(k).isEnabled
+              },
+              loading: (!o(U)._currentLocation || ve.value) && o(k).isReady,
+              "loading-text": o(a)("inventory.common.loading"),
+              onRowClick: v[5] || (v[5] = (L) => o(r)(L.original)),
+              "page-size": le.value
+            }, {
+              "list-row": b((L) => [
+                s(gn, {
+                  row: L,
+                  onRowClick: o(r)
+                }, kt({
+                  default: b((ge) => {
+                    var $e, Me, Ue, be, he, ce, Te, Ve, _e, Ie;
+                    return [
+                      n("div", sl, [
+                        n("div", rl, [
+                          s(o(gt), {
+                            render: (Ue = (Me = ($e = ge.code) == null ? void 0 : $e.column) == null ? void 0 : Me.columnDef) == null ? void 0 : Ue.cell,
+                            props: (he = (be = ge.code) == null ? void 0 : be.getContext) == null ? void 0 : he.call(be)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        n("div", il, [
+                          s(o(gt), {
+                            render: (Ve = (Te = (ce = ge.name) == null ? void 0 : ce.column) == null ? void 0 : Te.columnDef) == null ? void 0 : Ve.cell,
+                            props: (Ie = (_e = ge.name) == null ? void 0 : _e.getContext) == null ? void 0 : Ie.call(_e)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, [
+                  R.value ? {
+                    name: "loading-text",
+                    fn: b(() => [
+                      n("div", null, $(o(a)("inventory.ingredient.table.importing")), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "columnVisibility", "loading", "loading-text", "page-size"]))
+          ], 2),
+          (c(), j(it, { to: "body" }, [
+            s(Lo, Nt(zt(o(f))), null, 16)
+          ])),
+          (c(), j(it, { to: "body" }, [
+            s(K, {
+              "dismiss-away": "",
+              modelValue: ae.value,
+              "onUpdate:modelValue": v[7] || (v[7] = (L) => ae.value = L)
+            }, {
+              default: b(() => [
+                s(O, {
+                  class: "pb-8",
+                  items: fe,
+                  "onUpdate:modelValue": v[6] || (v[6] = (L) => ye(L))
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  zl as default
+};