@feedmepos/mf-inventory-portal 1.2.1 → 1.2.2-5.dev-1

package/dist/IngredientsView-1bAsyz-b.js

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