@feedmepos/mf-inventory-portal 1.2.12 → 1.2.14-dev.2

package/dist/IngredientsView-C3ozIXV8.js

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