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

package/dist/IngredientsView-B00A9orQ.js

@@ -1,2306 +0,0 @@
-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
-};