@feedmepos/mf-inventory-portal 1.2.7 → 1.2.8

package/dist/IngredientsView-Cq42ytcN.js

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