@feedmepos/mf-inventory-portal 1.2.10-dev.3 → 1.2.10

package/dist/IngredientsView-DLK0Seww.js

@@ -1,2319 +0,0 @@
-import { ref as B, h as K, defineComponent as ye, computed as k, resolveComponent as C, openBlock as f, createBlock as N, withCtx as w, createVNode as m, unref as a, createElementBlock as E, Fragment as X, createElementVNode as d, 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, _ as en, v as yt, w as tn, x as gt, y as Ft, z as nn, B as Mt, C as on, E as ln, I as an, G as sn, H as rn, N as un, J as dn, u as cn, K as mn, L as pn, O as vn, P as fn, Q as bt, T as yn } from "./app-BpyxIAaY.js";
-import { useDialog as Je, useSnackbar as Me, components as Pe, useProxiedModel as ht, useDialogChild as gn, useBreakpoints as bn } from "@feedmepos/ui-library";
-import { i as hn, _ as _n } from "./is-linked-ingredient-error-fJ2TJb3z.js";
-import { useI18n as ge, useCoreStore as Ee } from "@feedmepos/mf-common";
-import { defineStore as xn, storeToRefs as kn } from "pinia";
-import { g as wn, _ as He, S as We, a as Tn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-Dt1S8tTH.js";
-import { _ as Vn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CLCDb25h.js";
-import { _ as Ye } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-C22gncaQ.js";
-import { _ as fe } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-import { _ as In } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
-import { u as Et } from "./purchase-order-template-BFPrzfeR.js";
-import { u as At } from "./closing-template-CEJaVQKn.js";
-import { r as Sn } from "./random-CSbEbElR.js";
-import "./array-Ca8T3f_G.js";
-import { u as Cn } from "./FmMultiselectDialog-DBgk0_mV.js";
-import { F as Fn } from "./FmAdminBadge-D4rqYlKu.js";
-const qe = xn("ingredientForm", function() {
-  const o = Je(), v = Me(), l = ue(), c = B(!1), { t: g } = ge(), _ = B();
-  function y() {
-    const r = {
-      sku: {},
-      mode: H.CREATE,
-      show: !0,
-      "onUpdate:show"(i) {
-        _.value.show = i;
-      }
-    };
-    _.value = r;
-  }
-  async function n(r) {
-    const i = {
-      sku: Vt(r),
-      mode: H.UPDATE,
-      show: !0,
-      "onUpdate:show"(T) {
-        _.value.show = T;
-      }
-    };
-    _.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 && hn(i) ? o.open({
-        title: "Cannot delete ingredient",
-        contentComponent: _n,
-        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 p(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: p,
-    ingredientDialogProps: _,
-    ingredientViewLoading: c
-  };
-});
-function Mn() {
-  const { updateIngredient: u, deleteIngredient: o } = qe(), v = ue(), l = De(), { t: c } = ge();
-  async function g(y, n) {
-    const s = Vt(n);
-    if (y === Re.Edit) {
-      await u(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], p = 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" }, [
-          p ? 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: p } = 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"
-              },
-              p.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" },
-                p.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(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 En = /* @__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 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: _ } = ge(), y = k({
-      get() {
-        return !!v.modelValue;
-      },
-      set(i) {
-        i ? g("update:modelValue", {
-          measurement: null,
-          inventoryBindings: []
-        }) : g("update:modelValue", null);
-      }
-    }), n = k(() => wn(l.value));
-    function s(i) {
-      const T = v.modelValue ?? {};
-      T.measurement = i ? `${i}` : null, g("update:modelValue", T);
-    }
-    function p(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 $ = C("FmSwitch"), O = C("FmSelect"), q = C("FmCard");
-      return f(), N(q, {
-        variant: "outlined",
-        class: "p-16 flex flex-col gap-16"
-      }, {
-        default: w(() => {
-          var P, j;
-          return [
-            m($, {
-              value: "",
-              "model-value": y.value,
-              "onUpdate:modelValue": T[0] || (T[0] = (V) => y.value = V),
-              label: a(_)("inventory.ingredient.convertible.title"),
-              sublabel: a(_)("inventory.ingredient.convertible.subtitle"),
-              labelPlacement: "right",
-              disabled: i.readonly
-            }, null, 8, ["model-value", "label", "sublabel", "disabled"]),
-            y.value ? (f(), E(X, { key: 0 }, [
-              d("div", null, [
-                m(O, {
-                  label: a(_)("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"])
-              ]),
-              m(Vn, {
-                id: c.value,
-                "model-value": ((j = i.modelValue) == null ? void 0 : j.inventoryBindings) ?? [],
-                "onUpdate:modelValue": p,
-                "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 An = {
-  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(u) {
-    return (o, v) => {
-      const l = C("FmLabel"), c = C("FmIcon"), g = C("FmTooltip"), _ = C("FmField");
-      return o.locked ? (f(), E("div", An, [
-        Se(o.$slots, "label", {}, () => [
-          m(l, {
-            label: o.label,
-            disabled: o.disabled
-          }, null, 8, ["label", "disabled"])
-        ]),
-        Se(o.$slots, "field", {}, () => [
-          m(_, { disabled: o.disabled }, {
-            prepend: w(() => [
-              o.tooltipMessage ? (f(), N(g, {
-                key: 0,
-                placement: o.tooltipPlacement,
-                "z-index": o.tooltipZIndex
-              }, {
-                content: w(() => [
-                  Ge(R(o.tooltipMessage), 1)
-                ]),
-                default: w(() => [
-                  m(c, {
-                    name: "lock",
-                    color: "neutral-gray-400"
-                  })
-                ]),
-                _: 1
-              }, 8, ["placement", "z-index"])) : (f(), N(c, {
-                key: 1,
-                name: "lock",
-                color: "neutral-gray-400"
-              }))
-            ]),
-            default: w(() => [
-              Se(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"
-                  ])
-                }, R(o.modelValue), 3)
-              ])
-            ]),
-            _: 3
-          }, 8, ["disabled"])
-        ]),
-        Se(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"
-            ])
-          }, R(o.helperText), 3)
-        ])
-      ])) : Se(o.$slots, "default", { key: 1 });
-    };
-  }
-}), $n = { class: "flex gap-8" }, Un = { class: "flex-1" }, Rn = { class: "flex-1" }, Pn = { class: "flex flex-col gap-5" }, On = { class: "text-fm-color-typo-secondary" }, Bn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Dn = {
-  key: 3,
-  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" }, zn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ln = {
-  key: 4,
-  class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, jn = { class: "flex flex-col gap-12" }, Hn = { class: "flex flex-col gap-4" }, Wn = { class: "fm-typo-en-title-sm-600" }, Yn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, qn = { class: "flex flex-col gap-4" }, Gn = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, Kn = { class: "flex-1 p-12 flex flex-col gap-8" }, Jn = { class: "mx-auto" }, Qn = { class: "flex flex-col" }, Zn = { class: "fm-typo-en-body-sm-600 translate-y-4" }, Xn = { class: "flex-1 p-12 flex flex-col gap-8" }, eo = { class: "mx-auto" }, to = { class: "flex flex-col" }, no = { class: "fm-typo-en-body-sm-600 translate-y-4" }, oo = { class: "flex-1 p-12 flex flex-col gap-8" }, lo = { class: "mx-auto" }, ao = { class: "flex flex-col" }, so = { class: "fm-typo-en-body-sm-600 translate-y-4" }, ro = {
-  key: 5,
-  class: "flex flex-col gap-12"
-}, io = { class: "flex flex-col" }, uo = { class: "flex items-center justify-between" }, co = { class: "fm-typo-en-title-sm-600" }, mo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, po = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, vo = { class: "flex flex-wrap gap-8" }, fo = {
-  key: 6,
-  class: "flex flex-col gap-12"
-}, yo = { class: "flex flex-col" }, go = { class: "flex items-center justify-between" }, bo = { class: "fm-typo-en-title-sm-600" }, ho = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _o = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, xo = { class: "flex flex-wrap gap-8" }, ko = {
-  key: 7,
-  class: "flex flex-col gap-12"
-}, wo = { class: "flex flex-col" }, To = { class: "flex items-center justify-between" }, Vo = { class: "fm-typo-en-title-sm-600" }, Io = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, So = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, Co = { class: "flex flex-wrap gap-8" }, Fo = /* @__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 = Je();
-    Me();
-    const g = Et(), _ = It(), y = At(), n = u, s = v, p = ue(), r = Ee(), i = Ke(), T = De(), $ = 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: p.units.find((S) => S)
-      };
-      x.unit || (x.unit = t, s("update:modelValue", x));
-    }
-    jt(() => {
-      V(p.units), n.mode === H.CREATE && (i.mustUsePoTemplate && de(), i.enableWastageTemplate && be(), i.enableClosingTemplate && ce());
-    }), wt([() => p.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([_.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, D;
-        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: (D = (Y = (S = n.modelValue) == null ? void 0 : S.unit) == null ? void 0 : Y.measurements) == null ? void 0 : D.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) ?? p.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 D;
-          return Y.id === ((D = n.modelValue) == null ? void 0 : D.trackingMeasurement);
-        })) == null ? void 0 : S.name) ?? e.name
-      } : null;
-    }), we = k(
-      () => p.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: D, abbrev: ne }) => ({
-          label: `${D} (${ne})`,
-          value: { _id: t, measurement: Y },
-          displayAsSection: !1
-        }))
-      ])
-    ), h = Ht(u, "search"), A = k(
-      () => new Jt(we.value, ["label", "value"], {
-        caseSensitive: !1,
-        sort: !0
-      })
-    ), G = k(() => A.value.search(h.value));
-    function F(e) {
-      var t, x, S, Y, D;
-      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) === ((D = e.value) == null ? void 0 : D.measurement);
-    }
-    function b(e) {
-      var ne, oe;
-      if (!e) return;
-      const { _id: t, measurement: x } = e, S = x || void 0, Y = p.units.find((Ie) => Ie._id === t);
-      if (!Y)
-        return;
-      const D = n.modelValue ?? {};
-      D.unit = Y, D.trackingMeasurement = S, D.convert && (D.convert.measurement = S || null), i.enableTotalCost && (D.defaultCost = {
-        measurement: Y.measurements.find((Ie) => Ie.id === S),
-        costPerUnit: {
-          ...((ne = D.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", D);
-    }
-    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 U = B(!1), W = k(
-      () => {
-        var e, t, x;
-        return (e = n.modelValue) != null && e._id ? ((x = p.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 = p.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 = p.menu.bindedBySkuId[(t = n.modelValue) == null ? void 0 : t._id]) == null ? void 0 : x.filter((S) => S.from === "MENU")) ?? [] : [];
-      }
-    ), _e = k(
-      () => p.skus.map((e) => ({ label: e.name, value: e.code }))
-    ), Ae = B((nt = n.modelValue) == null ? void 0 : nt.code);
-    function $e(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, S, Y, D;
-        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) ?? ((D = (Y = n.modelValue) == null ? void 0 : Y.unit) == null ? void 0 : D.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"), D = 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(), N(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 [
-            d("div", $n, [
-              d("div", Un, [
-                m(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: $.value,
-                  disabled: e.disabled
-                }, {
-                  default: w(() => [
-                    m(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"])
-              ]),
-              d("div", Rn, [
-                m(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: $.value,
-                  disabled: e.disabled
-                }, {
-                  default: w(() => [
-                    m(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"])
-              ])
-            ]),
-            m(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: $.value,
-              disabled: e.disabled
-            }, {
-              default: w(() => [
-                m(ot, {
-                  "model-value": pe.value,
-                  rules: [a(Le)()],
-                  "label-mark": "required"
-                }, {
-                  label: w(() => [
-                    m(S, {
-                      label: a(l)("inventory.ingredient.unit")
-                    }, null, 8, ["label"])
-                  ]),
-                  default: w(({ invalid: I }) => [
-                    m(Dt, null, {
-                      "menu-button": w(() => [
-                        m(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(() => [
-                        d("div", Pn, [
-                          m(x, {
-                            modelValue: h.value,
-                            "onUpdate:modelValue": t[4] || (t[4] = (Z) => h.value = Z),
-                            placeholder: "Filter options"
-                          }, {
-                            prepend: w(() => [
-                              m(D, { name: "search" })
-                            ]),
-                            _: 1
-                          }, 8, ["modelValue"]),
-                          d("div", {
-                            class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
-                            onVnodeMounted: $e
-                          }, [
-                            (f(!0), E(X, null, ie(G.value, (Z, Lt) => (f(), E(X, { key: Lt }, [
-                              Z.displayAsSection ? (f(), E(X, { key: 0 }, [
-                                m(ne, {
-                                  label: Z.label
-                                }, null, 8, ["label"]),
-                                m(oe)
-                              ], 64)) : (f(), N(Ie, {
-                                key: 1,
-                                label: Z.label,
-                                "model-value": F(Z),
-                                onClick: (il) => 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(), N(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: $.value,
-              disabled: e.disabled
-            }, {
-              label: w(() => [
-                m(fe, { "z-index": 50 }, {
-                  default: w(() => [
-                    m(S, {
-                      label: a(l)("inventory.ingredient.valuationMethod.title")
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: w(() => [
-                m(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(), N(Ce, {
-              key: 1,
-              "tooltip-message": "This field is managed by NetSuite",
-              "tooltip-z-index": 50,
-              "model-value": `${a(Zt)()} ${me.value}`,
-              locked: $.value,
-              disabled: e.disabled
-            }, {
-              label: w(() => [
-                m(fe, { "z-index": 50 }, {
-                  default: w(() => [
-                    m(S, {
-                      label: a(l)("inventory.ingredient.pricePerUnit")
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: w(() => [
-                m(x, {
-                  "model-value": me.value,
-                  "onUpdate:modelValue": t[6] || (t[6] = (I) => me.value = I),
-                  rules: [a(Oe)(0), a(Xt)(4)]
-                }, {
-                  label: w(() => [
-                    m(fe, { "z-index": 50 }, {
-                      default: w(() => [
-                        m(S, {
-                          label: a(l)("inventory.ingredient.pricePerUnit")
-                        }, null, 8, ["label"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  prepend: w(() => {
-                    var I, Z;
-                    return [
-                      d("div", On, 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(() => [
-                    d("div", Bn, " / " + R(Ue.value), 1)
-                  ]),
-                  _: 1
-                }, 8, ["model-value", "rules"])
-              ]),
-              _: 1
-            }, 8, ["model-value", "locked", "disabled"])) : L("", !0),
-            !$.value || z.value ? (f(), N(En, {
-              key: 2,
-              "model-value": z.value,
-              "onUpdate:modelValue": t[7] || (t[7] = (I) => z.value = I),
-              "root-value": e.modelValue,
-              readonly: $.value
-            }, null, 8, ["model-value", "root-value", "readonly"])) : L("", !0),
-            e.mode !== a(H).CREATE ? (f(), E("div", Dn, [
-              m(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: $.value
-              }, null, 8, ["label", "model-value", "disabled"]),
-              d("div", Nn, [
-                d("div", zn, R(a(l)("inventory.ingredient.status.preventFromOrder")), 1)
-              ])
-            ])) : L("", !0),
-            e.mode !== a(H).CREATE ? (f(), E("div", Ln, [
-              d("div", null, [
-                m(lt, {
-                  label: a(l)("inventory.ingredient.bindedItems.title"),
-                  modelValue: U.value,
-                  "onUpdate:modelValue": t[9] || (t[9] = (I) => U.value = I),
-                  "label-placement": "right"
-                }, null, 8, ["label", "modelValue"])
-              ]),
-              U.value && W.value.length ? (f(), N(Ye, {
-                key: 0,
-                name: a(l)("inventory.ingredient.bindedItems.ingredient"),
-                bindings: W.value
-              }, null, 8, ["name", "bindings"])) : L("", !0),
-              U.value && le.value.length ? (f(), N(Ye, {
-                key: 1,
-                name: a(l)("inventory.ingredient.bindedItems.recipe"),
-                bindings: le.value
-              }, null, 8, ["name", "bindings"])) : L("", !0),
-              U.value && Te.value.length ? (f(), N(Ye, {
-                key: 2,
-                name: a(l)("inventory.ingredient.bindedItems.menu"),
-                bindings: Te.value
-              }, null, 8, ["name", "bindings"])) : L("", !0)
-            ])) : L("", !0),
-            d("div", jn, [
-              d("div", Hn, [
-                m(fe, null, {
-                  default: w(() => [
-                    d("div", Wn, R(a(l)("inventory.ingredient.threshold.title")), 1)
-                  ]),
-                  _: 1
-                }),
-                d("div", Yn, R(a(l)("inventory.ingredient.threshold.subtitle")), 1)
-              ]),
-              d("div", qn, [
-                m(ot, {
-                  "model-value": { low: ve.value, mid: te.value },
-                  rules: [Bt()]
-                }, null, 8, ["model-value", "rules"]),
-                d("div", Gn, [
-                  d("div", Kn, [
-                    d("div", Jn, [
-                      m(He, {
-                        days: ve.value,
-                        level: a(We).low
-                      }, null, 8, ["days", "level"])
-                    ]),
-                    d("div", Qn, [
-                      d("div", Zn, R(a(l)("inventory.ingredient.threshold.whenRemaining")), 1),
-                      m(at, {
-                        modelValue: ve.value,
-                        "onUpdate:modelValue": t[10] || (t[10] = (I) => ve.value = I),
-                        rules: [a(Oe)(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", Xn, [
-                    d("div", eo, [
-                      m(He, {
-                        days: te.value,
-                        level: a(We).mid
-                      }, null, 8, ["days", "level"])
-                    ]),
-                    d("div", to, [
-                      d("div", no, R(a(l)("inventory.ingredient.threshold.whenRemaining")), 1),
-                      m(at, {
-                        modelValue: te.value,
-                        "onUpdate:modelValue": t[11] || (t[11] = (I) => te.value = I),
-                        rules: [a(Oe)(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", oo, [
-                    d("div", lo, [
-                      m(He, {
-                        days: te.value + 1,
-                        level: a(We).high
-                      }, null, 8, ["days", "level"])
-                    ]),
-                    d("div", ao, [
-                      d("div", so, R(a(l)("inventory.ingredient.threshold.stockIsStaple")), 1)
-                    ])
-                  ])
-                ])
-              ])
-            ]),
-            a(i).mustUsePoTemplate && e.mode === a(H).CREATE ? (f(), E("div", ro, [
-              d("div", io, [
-                d("div", uo, [
-                  m(fe, null, {
-                    default: w(() => [
-                      d("div", co, R(a(l)("inventory.ingredient.purchaseOrderTemplates.title")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  m(Ne, {
-                    variant: "secondary",
-                    "text-color": "primary",
-                    "border-color": "primary",
-                    "prepend-icon": "add",
-                    onClick: Rt
-                  })
-                ]),
-                d("div", mo, R(a(l)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
-              ]),
-              Qe.value.length > 0 ? (f(), E("div", po, [
-                d("div", vo, [
-                  (f(!0), E(X, null, ie(Qe.value, (I) => (f(), N(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", fo, [
-              d("div", yo, [
-                d("div", go, [
-                  m(fe, null, {
-                    default: w(() => [
-                      d("div", bo, R(a(l)("inventory.ingredient.wastageTemplates.title")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  m(Ne, {
-                    variant: "secondary",
-                    "text-color": "primary",
-                    "border-color": "primary",
-                    "prepend-icon": "add",
-                    onClick: Pt
-                  })
-                ]),
-                d("div", ho, R(a(l)("inventory.ingredient.wastageTemplates.description")), 1)
-              ]),
-              Xe.value.length > 0 ? (f(), E("div", _o, [
-                d("div", xo, [
-                  (f(!0), E(X, null, ie(Xe.value, (I) => (f(), N(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", ko, [
-              d("div", wo, [
-                d("div", To, [
-                  m(fe, null, {
-                    default: w(() => [
-                      d("div", Vo, R(a(l)("inventory.ingredient.closingTemplates.title")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  m(Ne, {
-                    variant: "secondary",
-                    "text-color": "primary",
-                    "border-color": "primary",
-                    "prepend-icon": "add",
-                    onClick: Ot
-                  })
-                ]),
-                d("div", Io, R(a(l)("inventory.ingredient.closingTemplates.description")), 1)
-              ]),
-              tt.value.length > 0 ? (f(), E("div", So, [
-                d("div", Co, [
-                  (f(!0), E(X, null, ie(tt.value, (I) => (f(), N(ze, {
-                    key: I.value,
-                    label: I.label,
-                    variant: "info",
-                    compact: ""
-                  }, null, 8, ["label"]))), 128))
-                ])
-              ])) : L("", !0)
-            ])) : L("", !0),
-            d("div", null, [
-              m(In, {
-                entity: "inventorySku",
-                modelValue: Q.value,
-                "onUpdate:modelValue": t[12] || (t[12] = (I) => Q.value = I)
-              }, null, 8, ["modelValue"])
-            ])
-          ];
-        }),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), Mo = { class: "flex flex-col gap-32" }, Eo = {
-  key: 0,
-  class: "flex justify-between items-center"
-}, Ao = { class: "flex gap-4" }, $o = /* @__PURE__ */ ye({
-  __name: "IngredientDialog",
-  props: {
-    show: { type: Boolean },
-    sku: {},
-    mode: { default: H.READ }
-  },
-  emits: ["update:show"],
-  setup(u) {
-    const o = u, v = ue(), l = Ke(), c = De(), g = Et(), _ = It(), y = At(), n = Me(), { t: s } = ge(), p = ht(o, "show"), r = ht(o, "sku"), i = B([]), T = B([]), $ = B([]), O = k(
-      () => {
-        var h;
-        return c.isEnabled && c.netSuiteItemBySkuId.has((h = o.sku) == null ? void 0 : h._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 h = v.skuByCode[r.value.code];
-        l.enablePoTemplate && i.value.length > 0 && await be(h), l.enableWastageTemplate && T.value.length > 0 && await ce(h), l.enableClosingTemplate && $.value.length > 0 && await se(h), p.value = !1, n.open({
-          title: s("inventory.common.success"),
-          message: s("inventory.ingredient.create.success", { name: r.value.name }),
-          type: "success"
-        });
-      } catch (h) {
-        h 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, p.value = !1, n.open({
-          title: s("inventory.common.success"),
-          message: s("inventory.ingredient.update.success", { name: r.value.name }),
-          type: "success"
-        });
-      } catch (h) {
-        h 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(h) {
-      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 === h._id
-          )) {
-            const Q = { amount: 1, precision: tn(h.unit) }, M = {
-              sku: h,
-              name: h.name,
-              code: h.code,
-              quantity: Q,
-              minimumQuantity: Q,
-              quantityStep: Q,
-              measurement: ((G = (A = h.unit) == null ? void 0 : A.measurements) == null ? void 0 : G[0]) || null
-            }, U = {
-              ...J,
-              purchaseOrder: {
-                ...J.purchaseOrder,
-                items: [...J.purchaseOrder.items, M]
-              }
-            };
-            (((F = U.purchaseOrder.supplier) == null ? void 0 : F.internal) === gt.enum.warehouse || ((b = U.purchaseOrder.supplier) == null ? void 0 : b.internal) === gt.enum.restaurant) && (U.purchaseOrder.items = U.purchaseOrder.items.map(
-              ({ totalCost: W, ...le }) => le
-            )), await g.updateTemplate(U), 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(h) {
-      try {
-        for (const A of T.value) {
-          const G = await _.getTemplate(A);
-          if (!G) {
-            console.warn(`Wastage Template with ID ${A} not found`);
-            continue;
-          }
-          if (!G.items.find((b) => b.id === h._id)) {
-            const b = {
-              id: h._id,
-              name: h.name,
-              code: h.code,
-              type: "sku",
-              disabledMeasurements: []
-            }, z = {
-              ...G,
-              items: [...G.items, b]
-            };
-            await _.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(h) {
-      try {
-        for (const A of $.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 === h._id)) {
-            const b = {
-              sku: h
-            }, 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 h, A;
-      (A = (h = j.value) == null ? void 0 : h.validateInputs) == null || A.call(h);
-    }
-    function ee() {
-      switch (o.mode) {
-        case H.READ:
-          return;
-        case H.UPDATE:
-          return de();
-        case H.CREATE:
-          return ke();
-      }
-    }
-    function me(h) {
-      i.value = h;
-    }
-    function pe(h) {
-      T.value = h;
-    }
-    function we(h) {
-      $.value = h;
-    }
-    return (h, A) => {
-      const G = C("FmChip"), F = C("FmButton"), b = C("FmSideSheet");
-      return f(), N(b, {
-        "model-value": a(p),
-        "onUpdate:modelValue": A[3] || (A[3] = (z) => ct(p) ? p.value = z : null),
-        header: q.value,
-        "close-button": "",
-        "dismiss-away": "",
-        "max-width": 500
-      }, {
-        "side-sheet-footer": w(() => [
-          d("div", Ao, [
-            m(F, {
-              loading: V.value,
-              label: P.value,
-              onClick: he
-            }, null, 8, ["loading", "label"]),
-            m(F, {
-              disabled: V.value,
-              label: a(s)("common.close"),
-              variant: "tertiary",
-              onClick: A[2] || (A[2] = (z) => p.value = !1)
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        default: w(() => [
-          d("div", Mo, [
-            O.value ? (f(), E("div", Eo, [
-              m(G, {
-                label: "Managed by Netsuite",
-                compact: ""
-              }),
-              m(en, {
-                readonly: "",
-                sku: h.sku,
-                settingOptions: a(c).skuSettingOptions
-              }, null, 8, ["sku", "settingOptions"])
-            ])) : L("", !0),
-            m(Fo, {
-              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: h.mode,
-              disabled: V.value,
-              purchaseOrderTemplateIds: i.value,
-              wastageTemplateIds: T.value,
-              closingTemplateIds: $.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 Uo() {
-  return `sku_${(/* @__PURE__ */ new Date()).toISOString()}_${Sn()}`;
-}
-const Ro = {
-  _id: "",
-  name: "",
-  abbrev: "",
-  precision: 0,
-  measurements: []
-};
-function Po(u) {
-  return !u || Object.keys(u).length === 0 ? "" : Object.entries(u).map(([o, v]) => `${o}: ${v}`).join(", ");
-}
-function $t(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(), _ = l.substring(c + 1).trim();
-      g && _ && (o[g] = _);
-    }
-  }
-  return Object.keys(o).length > 0 ? o : void 0;
-}
-function Oo(u) {
-  var v, l, c, g, _;
-  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 ? +St((c = u.defaultCost) == null ? void 0 : c.costPerUnit) : 0,
-    thresholdLow: ((g = u.thresholds) == null ? void 0 : g.low) ?? xe().low,
-    thresholdMid: ((_ = u.thresholds) == null ? void 0 : _.mid) ?? xe().mid,
-    customAttributes: Po(u.customAttributes)
-  };
-}
-function Ut() {
-  var c;
-  const u = [
-    {
-      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 && 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 Bo() {
-  const o = ue().skus.map(Oo), l = Ee().currentBusiness.value, c = Ut(), 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((p) => s[p.id]))
-  ], _ = c.map((s) => `system:${s.id}`), y = Ft(g, _), n = `${l == null ? void 0 : l.name} ingredients (${nn(/* @__PURE__ */ new Date())}).xlsx`;
-  return Mt(y, n), n;
-}
-function Do() {
-  const o = Ee().currentBusiness.value, v = Ut(), 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), _ = "FeedMe ingredients template.xlsx";
-  return Mt(g, _), _;
-}
-function No(u) {
-  const [
-    o,
-    v,
-    l,
-    c,
-    g,
-    _,
-    ...y
-  ] = ln(u);
-  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]), p = ["code", "name", "unit", "baseUnit"].filter((i) => !n.includes(i));
-  if (p.length)
-    throw new Error(
-      `Missing meta headers (${p.join()}). Excel file does not come from the template.`
-    );
-  return y.map((i, T) => {
-    const $ = {};
-    for (const O in n) {
-      const q = n[O];
-      Object.assign($, { [q]: i[O] });
-    }
-    return {
-      index: T,
-      data: $
-    };
-  });
-}
-function xt(u, o, v) {
-  var j;
-  const c = ue().units, g = new Array(), _ = v.filter((V) => V.data.code === u.code);
-  _.length > 1 && g.push(
-    `Code ${u.code} is already used in row ${_.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 = Fe.options.find(
-    (V) => V === u.valuationMethod
-  );
-  u.valuationMethod && !s && g.push(
-    `Expected valuation method to be one of ${Fe.options.join()} but got ${u.valuationMethod} instead.`
-  );
-  const r = Ee().currentCountry.value, i = (V) => `${V}`.length && an()(V) === !0, T = i(`${u.pricePerUnit}`) === !0 ? {
-    costPerUnit: {
-      ...Ct(Number(u.pricePerUnit) || 0),
-      currency: ((j = Be(r)) == null ? void 0 : j.currency) ?? "MYR"
-    },
-    measurement: n
-  } : void 0, $ = i(`${u.thresholdLow}`) && i(`${u.thresholdMid}`) ? {
-    low: Number(u.thresholdLow) || 0,
-    mid: Number(u.thresholdMid) || 0
-  } : void 0, O = "customAttributes" in u ? $t(u.customAttributes) : null;
-  return {
-    type: "create",
-    sku: {
-      _id: Uo(),
-      code: u.code,
-      name: u.name,
-      unit: y ?? c.find((V) => V) ?? Ro,
-      trackingMeasurement: n == null ? void 0 : n.id,
-      valuation: s,
-      defaultCost: T,
-      thresholds: $,
-      ...O !== null && { customAttributes: O }
-    },
-    errors: g,
-    excelRowNumber: o + 6
-  };
-}
-function zo(u) {
-  try {
-    const o = No(u).filter((s) => s.data.code), l = ue().skus, c = on(l, "code"), g = o.filter((s) => !c[s.data.code]), _ = o.filter((s) => c[s.data.code]), y = g.map(
-      (s) => xt(s.data, s.index, o)
-    ), n = _.map((s) => {
-      const p = xt(s.data, s.index, o), r = c[s.data.code];
-      let i = r.customAttributes;
-      return "customAttributes" in s.data && (i = $t(s.data.customAttributes)), {
-        ...p,
-        type: "update",
-        original: r,
-        sku: {
-          // to maintain original props not in the import excel, e.g. inventory binding, etc...
-          ...r,
-          code: p.sku.code || r.code,
-          name: p.sku.name || r.name,
-          unit: p.sku.unit || r.unit,
-          trackingMeasurement: p.sku.trackingMeasurement || r.trackingMeasurement,
-          valuation: p.sku.valuation || r.valuation,
-          defaultCost: p.sku.defaultCost || r.defaultCost,
-          thresholds: p.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 Lo = { class: "flex items-center gap-12 pl-8" }, jo = { class: "flex flex-col" }, Ho = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Wo = {
-  key: 0,
-  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Yo = { key: 0 }, kt = /* @__PURE__ */ ye({
-  __name: "ImportIngredientItem",
-  props: {
-    type: {},
-    code: {},
-    name: {},
-    errors: {}
-  },
-  setup(u) {
-    return (o, v) => {
-      const l = C("FmIcon"), c = C("FmTooltip");
-      return f(), E("div", Lo, [
-        v[0] || (v[0] = d("div", null, "•", -1)),
-        d("div", jo, [
-          d("div", Ho, [
-            d("div", {
-              class: ae({
-                "text-fm-color-system-error-300": o.errors.length
-              })
-            }, [
-              Ge(R(o.name) + " ", 1),
-              o.type === "create" ? (f(), E("span", Wo, "(new)")) : L("", !0)
-            ], 2),
-            o.errors.length ? (f(), E("div", Yo, [
-              m(c, { "z-index": 50 }, {
-                content: w(() => [
-                  d("ol", null, [
-                    (f(!0), E(X, null, ie(o.errors, (g, _) => (f(), E("li", { key: _ }, R(g), 1))), 128))
-                  ])
-                ]),
-                default: w(() => [
-                  m(l, {
-                    name: "error",
-                    size: "sm",
-                    color: "system-error-300"
-                  })
-                ]),
-                _: 1
-              })
-            ])) : L("", !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
-              }
-            ])
-          }, R(o.code), 3)
-        ])
-      ]);
-    };
-  }
-}), qo = { class: "flex flex-col gap-24" }, Go = { class: "fm-typo-en-body-md-400" }, Ko = { class: "flex flex-col gap-8" }, Jo = { class: "line-clamp-2 text-ellipsis break-all" }, Qo = {
-  key: 2,
-  class: "shrink-0"
-}, Zo = {
-  key: 0,
-  class: "flex flex-col"
-}, Xo = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, el = {
-  key: 0,
-  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
-}, tl = { class: "fm-typo-en-body-lg-600" }, nl = /* @__PURE__ */ ye({
-  __name: "ImportIngredients",
-  setup(u) {
-    const o = B(null), v = gn(), l = Me(), c = B(!1), g = B(new Array()), _ = B([]), y = B([]), n = k(
-      () => !!g.value.length || _.value.some((i) => i.errors.length) || y.value.some((i) => i.errors.length)
-    ), s = k(
-      () => !!_.value.length || !!y.value.length
-    ), { t: p } = ge();
-    async function r(i) {
-      g.value = [], _.value = [], y.value = [];
-      try {
-        c.value = !0;
-        const [T] = await Promise.all([
-          rn(i),
-          // fake buffer
-          new Promise((q) => setTimeout(q, 1e3))
-        ]), $ = T.SheetNames.find((q) => q);
-        if (!$) {
-          g.value.push(p("inventory.ingredient.import.fileError.noSheet"));
-          return;
-        }
-        const O = zo(T.Sheets[$]);
-        if (O.invalidExcel) {
-          g.value.push(O.invalidExcelMessage ?? p("inventory.ingredient.import.fileError.invalidExcel"));
-          return;
-        }
-        if (_.value = O.importCreateResult, y.value = O.importUpdateResult, !_.value.length && !y.value.length) {
-          g.value.push(p("inventory.ingredient.import.fileError.noData"));
-          return;
-        }
-        v.emitData(O);
-      } catch (T) {
-        l.open({
-          title: p("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: p("inventory.ingredient.import.fileError.invalidExcel"),
-          type: "error"
-        }), c.value = !1;
-      }
-    }
-    return wt(o, (i) => {
-      i && r(i);
-    }), (i, T) => {
-      const $ = C("FmCircularProgress"), O = C("FmIcon"), q = C("FmButton");
-      return f(), E("div", qo, [
-        d("div", Go, R(a(p)("inventory.ingredient.import.uploadDescription")), 1),
-        m(sn, {
-          class: ae({
-            "w-full": !0,
-            "h-[200px]": !o.value
-          }),
-          accept: ".xlsx",
-          onFileUpload: T[0] || (T[0] = (P) => o.value = P),
-          label: a(p)("inventory.ingredient.import.uploadTemplate"),
-          "button-label": a(p)("inventory.ingredient.import.selectFile")
-        }, Tt({ _: 2 }, [
-          o.value ? {
-            name: "default",
-            fn: w(({ openFileDialog: P }) => [
-              d("div", Ko, [
-                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(), N($, {
-                    key: 0,
-                    size: "md",
-                    color: "neutral-gray-200"
-                  })) : (f(), N(O, {
-                    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", Jo, R(o.value.name), 1)
-                  ], 2),
-                  c.value ? L("", !0) : (f(), E("div", Qo, [
-                    m(q, {
-                      label: a(p)("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", Zo, [
-                  (f(!0), E(X, null, ie(g.value, (j, V) => (f(), E("div", {
-                    key: V,
-                    class: "flex gap-8 items-center"
-                  }, [
-                    m(O, {
-                      name: "error",
-                      size: "sm",
-                      color: "system-error-300"
-                    }),
-                    d("div", Xo, R(j), 1)
-                  ]))), 128))
-                ])) : L("", !0)
-              ])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["class", "label", "button-label"]),
-        s.value ? (f(), E("div", el, [
-          d("div", tl, R(a(p)("inventory.ingredient.import.summary")), 1),
-          (f(!0), E(X, null, ie(_.value, (P) => (f(), N(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(), N(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)
-      ]);
-    };
-  }
-}), ol = {
-  key: 0,
-  class: "flex items-center gap-1"
-}, ll = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, al = { class: "flex flex-col py-8" }, sl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Il = /* @__PURE__ */ ye({
-  __name: "IngredientsView",
-  setup(u) {
-    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: ["Active", "Inactive"]
-      }
-    ]), c = B({
-      logic: "AND",
-      rules: [
-        {
-          property: "status",
-          operator: "$in",
-          value: ["Active"],
-          type: "string"
-        }
-      ]
-    }), g = k(
-      () => new Set(v.getAvailableItems(v.businessSubsidiaryId))
-    ), _ = k(() => {
-      if (!c.value)
-        return o.skus;
-      const F = un.build(c.value);
-      return o.skus.filter((b) => v.isEnabled && de.value && g.value && !g.value.has(b._id) ? !1 : dn(
-        {
-          skuCode: b.code,
-          skuUnitAbbrev: b.unit.abbrev,
-          status: b.isInactive ? "Inactive" : "Active"
-        },
-        F
-      ));
-    }), y = cn(), n = Je(), s = Cn(), p = Me(), { t: r } = ge(), { createIngredient: i, updateIngredient: T } = qe(), { ingredientDialogProps: $, ingredientViewLoading: O } = kn(qe()), { columnDefs: q } = Mn();
-    function P(F) {
-      switch (F) {
-        case "add":
-          return v.isEnabled ? void 0 : i();
-        case "import":
-          return A();
-        case "export":
-          return h();
-      }
-    }
-    const j = B(""), V = B(!1), ke = k(() => V.value || O.value), de = B(!0), { breakpoints: be } = bn(), ce = k(() => be.value.xs || be.value.sm), se = k(() => ce.value ? 10 : 20), he = mn(), 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 h();
-      }
-    }
-    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 h() {
-      const F = Bo();
-      p.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: nl,
-        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) {
-          p.open({
-            title: r("inventory.ingredient.import.error.noData"),
-            type: "error"
-          });
-          return;
-        }
-        if (!F.importCreateResult.length && !F.importUpdateResult.length) {
-          p.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)) {
-          p.open({
-            title: r("inventory.ingredient.import.error.invalidContent"),
-            message: r("inventory.ingredient.import.error.hasErrors"),
-            type: "error"
-          });
-          return;
-        }
-        n.close(), G(F);
-      }).onTertiary(Do);
-    }
-    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, p.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 U = 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(...U.errors);
-          } catch (U) {
-            Q.push(
-              ...M.map((W) => {
-                const le = {
-                  module: yn.enum.sku,
-                  _id: W.sku._id,
-                  name: W.sku.name,
-                  message: (U == null ? void 0 : U.stack) ?? U
-                };
-                return {
-                  data: W.sku,
-                  error: [le]
-                };
-              })
-            );
-          }
-        }
-        p.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((U) => (U == null ? void 0 : U.message) ?? "Unknown error").join(", ")}`
-                )
-              ])
-            )
-          )
-        );
-      } catch (b) {
-        p.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(), N(pn, {
-        title: a(r)("inventory.ingredient.title"),
-        actions: we.value,
-        "onClick:action": P
-      }, {
-        default: w(() => [
-          d("div", {
-            class: ae([
-              "flex flex-col gap-8 max-h-full",
-              {
-                "p-0": ce.value,
-                "px-24 ": !ce.value
-              }
-            ])
-          }, [
-            m(vn, {
-              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", ol, [
-                  d("span", ll, R(a(r)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
-                  m(Tn),
-                  m(Fn, null, {
-                    default: w(() => [
-                      m(z, {
-                        modelValue: de.value,
-                        "onUpdate:modelValue": b[0] || (b[0] = (M) => de.value = M)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  })
-                ])) : L("", !0)
-              ]),
-              _: 1
-            }, 8, ["search", "filter-attributes", "filter"]),
-            (f(), N(J, {
-              key: JSON.stringify(c.value),
-              style: Wt(a(he).tableHeight),
-              "column-defs": a(q),
-              "row-data": _.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) => [
-                m(fn, {
-                  row: M,
-                  onRowClick: a(T)
-                }, Tt({
-                  default: w((U) => {
-                    var W, le, Te, _e, Ae, $e, Ue, ve, te, Ve;
-                    return [
-                      d("div", al, [
-                        d("div", sl, [
-                          m(a(bt), {
-                            render: (Te = (le = (W = U.code) == null ? void 0 : W.column) == null ? void 0 : le.columnDef) == null ? void 0 : Te.cell,
-                            props: (Ae = (_e = U.code) == null ? void 0 : _e.getContext) == null ? void 0 : Ae.call(_e)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        d("div", rl, [
-                          m(a(bt), {
-                            render: (ve = (Ue = ($e = U.name) == null ? void 0 : $e.column) == null ? void 0 : Ue.columnDef) == null ? void 0 : ve.cell,
-                            props: (Ve = (te = U.name) == null ? void 0 : te.getContext) == null ? void 0 : Ve.call(te)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, [
-                  V.value ? {
-                    name: "loading-text",
-                    fn: w(() => [
-                      d("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(), N(mt, { to: "body" }, [
-            m($o, Yt(qt(a($))), null, 16)
-          ])),
-          (f(), N(mt, { to: "body" }, [
-            m(Q, {
-              "dismiss-away": "",
-              modelValue: ee.value,
-              "onUpdate:modelValue": b[5] || (b[5] = (M) => ee.value = M)
-            }, {
-              default: w(() => [
-                m(re, {
-                  class: "pb-8",
-                  items: me,
-                  "onUpdate:modelValue": b[4] || (b[4] = (M) => pe(M))
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]))
-        ]),
-        _: 1
-      }, 8, ["title", "actions"]);
-    };
-  }
-});
-export {
-  Il as default
-};