@feedmepos/mf-inventory-portal 1.2.7-dev.7 → 1.2.7-dev.8

package/dist/IngredientsView-B00A9orQ.js

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