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

package/dist/IngredientsView-BwBaeLtw.js

@@ -0,0 +1,2240 @@
+import { ref as B, defineComponent as pe, computed as y, resolveComponent as F, openBlock as d, createElementBlock as w, Fragment as X, unref as o, createVNode as a, withModifiers as Bt, createCommentVNode as L, withCtx as g, createElementVNode as l, toDisplayString as A, normalizeClass as te, renderList as ue, createBlock as D, h as Q, renderSlot as Ve, createTextVNode as Ge, mergeModels as it, onMounted as Ot, watch as xt, useModel as Dt, isRef as dt, createSlots as kt, normalizeStyle as Nt, Teleport as ut, normalizeProps as zt, guardReactiveProps as Lt } from "vue";
+import { a as Se, e as H, f as Tt, S as jt, b as Ce, h as qe, i as Wt, D as ct, j as Me, A as Pe, k as wt, l as Ht, m as mt, t as qt, n as Yt, o as De, p as Ne, U as Gt, q as Kt, M as Jt, r as pt, s as vt, c as Vt, v as ze, _ as Zt, w as ft, x as Qt, y as yt, z as Xt, B as en, N as tn, H as nn, u as ln, C as on, E as an, G as sn, I as rn, J as gt, K as dn } from "./app-DJcCTZjT.js";
+import { useDialog as Re, useSnackbar as Fe, components as Le, useProxiedModel as bt, 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 It } from "@feedmepos/mf-common";
+import { defineStore as vn, storeToRefs as fn } from "pinia";
+import { g as yn, _ as je, S as We, a as gn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-3_csD6uU.js";
+import { _ as bn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-XvIklIYw.js";
+import { _ as He } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CfwprwJN.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-C05Vl6i-.js";
+import { _ as kn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
+import { u as St } from "./purchase-order-template-BBCEFnbo.js";
+import { u as Ct } from "./closing-template-hM43IpP-.js";
+import { u as Tn } from "./FmMultiselectDialog-BunyF2O-.js";
+const Ye = vn("ingredientForm", function() {
+  const u = Re(), T = Fe(), s = Se(), b = B(!1), { t: S } = ve(), U = B();
+  function k() {
+    const r = {
+      sku: {},
+      mode: H.CREATE,
+      show: !0,
+      "onUpdate:show"(i) {
+        U.value.show = i;
+      }
+    };
+    U.value = r;
+  }
+  async function n(r) {
+    const i = {
+      sku: Tt(r),
+      mode: H.UPDATE,
+      show: !0,
+      "onUpdate:show"(m) {
+        U.value.show = m;
+      }
+    };
+    U.value = i;
+  }
+  async function c(r) {
+    b.value = !0;
+    try {
+      await s.deleteSku(r), T.open({
+        title: "Success",
+        message: `Deleted ${r.name}`,
+        type: "success"
+      });
+    } catch (i) {
+      i instanceof jt && mn(i) ? u.open({
+        title: "Cannot delete ingredient",
+        contentComponent: pn,
+        contentComponentProps: {
+          subject: (r == null ? void 0 : r.name) ?? "",
+          items: i.errorResponse.message
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete ingredient", i), T.open({
+        title: `Cannot delete ${r.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete ingredient", i);
+    } finally {
+      b.value = !1;
+    }
+  }
+  function _(r) {
+    u.open({
+      title: S("inventory.ingredient.delete.title", [(r == null ? void 0 : r.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(r));
+  }
+  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"
+}, En = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, An = { 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 u = W, { t: T } = ve(), s = It(), b = Ce(), S = B(!1), U = y(() => {
+      var m;
+      return ((m = s.sessionUser.value) == null ? void 0 : m.role.isAdmin) ?? !1;
+    }), k = y(() => b.getSkuSubsidiaries(u.skuId)), n = y(() => {
+      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 r(m, v) {
+      return m.map((V) => v.has(V.id) || V.isAssigned === !0 ? {
+        ...V,
+        // Recursively filter children
+        children: V.children ? r(V.children, v) : []
+      } : null).filter(Boolean);
+    }
+    const i = y(() => {
+      let m = k.value.subsidiaryTree;
+      if ((!m || m.length === 0) && (m = b.getBusinessSubsidiaryTree()), !U.value) {
+        const v = _(m);
+        m = r(m, v);
+      }
+      return c(m, []);
+    });
+    return (m, v) => {
+      const V = F("FmButton"), E = F("FmDialog");
+      return d(), w(X, null, [
+        o(b).isEnabled ? (d(), 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": g(() => [
+            l("div", Vn, [
+              l("div", In, A(o(T)("inventory.integration.netsuite.subsidiaryHierarchy.title")), 1),
+              l("p", Sn, " Name: " + A(u.itemName), 1),
+              l("p", Cn, " Code: " + A(u.itemCode), 1),
+              U.value ? (d(), w("p", Fn, " All subsidiaries are shown since you are an admin. ")) : (d(), w("p", En, " Only showing subsidiaries in your business path and bound subsidiaries. ")),
+              l("div", An, [
+                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(qe, null, {
+                    default: g(() => 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: g(() => [
+            l("div", Un, [
+              l("div", Pn, [
+                (d(!0), w(X, null, ue(i.value, (p) => (d(), w("div", {
+                  key: p.id,
+                  class: "flex items-stretch"
+                }, [
+                  l("span", Rn, A(p.prefix), 1),
+                  p.isParentIncludedChild ? (d(), D(qe, {
+                    key: 0,
+                    class: "flex-1"
+                  }, {
+                    default: g(() => [
+                      l("div", Bn, [
+                        l("span", On, A(p.name), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)) : (d(), 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: u } = Ye(), T = Se(), s = Ce();
+  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 u(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(
+          (r) => "error" in r && r.reason === "circularDependency"
+        );
+        return Q("div", { class: "flex items-center w-full gap-4" }, [
+          _ ? Q(
+            Le.FmTooltip,
+            { class: "text-left" },
+            {
+              default() {
+                return Q(Le.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) => ht(k),
+      cell(k) {
+        const n = k.row.original, c = ht(n);
+        return Q(
+          Le.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) => s.getSkuSubsidiaries(k._id),
+      header: () => "NetSuite Subsidiary",
+      cell(k) {
+        const n = k.row.original, { flattenedSubsidiaryNames: c } = s.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 ht(W) {
+  var u;
+  if (W.trackingMeasurement) {
+    const T = (u = W.unit.measurements) == null ? void 0 : u.find((s) => s.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: u }) {
+    const T = W, s = y(() => {
+      var i;
+      return (i = T.rootValue) == null ? void 0 : i.unit;
+    }), b = y(() => {
+      var i;
+      return (i = T.rootValue) == null ? void 0 : i._id;
+    }), S = u, { t: U } = ve(), k = y({
+      get() {
+        return !!T.modelValue;
+      },
+      set(i) {
+        i ? S("update:modelValue", {
+          measurement: null,
+          inventoryBindings: []
+        }) : S("update:modelValue", null);
+      }
+    }), n = y(() => yn(s.value));
+    function c(i) {
+      const m = T.modelValue ?? {};
+      m.measurement = i ? `${i}` : null, S("update:modelValue", m);
+    }
+    function _(i) {
+      const m = T.modelValue ?? {};
+      m.inventoryBindings = i, S("update:modelValue", m);
+    }
+    const r = y(() => {
+      if (!T.modelValue) return null;
+      const i = T.modelValue;
+      return i.measurement ? n.value.find((m) => m.value === i.measurement) ?? null : n.value.find((m) => m.value === null) ?? null;
+    });
+    return (i, m) => {
+      const v = F("FmSwitch"), V = F("FmSelect"), E = F("FmCard");
+      return d(), D(E, {
+        variant: "outlined",
+        class: "p-16 flex flex-col gap-16"
+      }, {
+        default: g(() => {
+          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: i.readonly
+            }, null, 8, ["model-value", "label", "sublabel", "disabled"]),
+            k.value ? (d(), w(X, { key: 0 }, [
+              l("div", null, [
+                a(V, {
+                  label: o(U)("inventory.ingredient.convertible.convertTo"),
+                  modelValue: (p = r.value) == null ? void 0 : p.value,
+                  "onUpdate:modelValue": c,
+                  items: n.value,
+                  disabled: i.readonly
+                }, null, 8, ["label", "modelValue", "items", "disabled"])
+              ]),
+              a(bn, {
+                id: b.value,
+                "model-value": ((N = i.modelValue) == null ? void 0 : N.inventoryBindings) ?? [],
+                "onUpdate:modelValue": _,
+                "exclude-binding-id": b.value,
+                rules: [o(Pe)(1)],
+                readonly: i.readonly
+              }, null, 8, ["id", "model-value", "exclude-binding-id", "rules", "readonly"])
+            ], 64)) : L("", !0)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Ln = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Ie = /* @__PURE__ */ pe({
+  __name: "FmLockableField",
+  props: {
+    locked: { type: Boolean },
+    disabled: { type: Boolean },
+    label: {},
+    helperText: {},
+    modelValue: {},
+    tooltipMessage: {},
+    tooltipPlacement: {},
+    tooltipZIndex: {}
+  },
+  setup(W) {
+    return (u, T) => {
+      const s = F("FmLabel"), b = F("FmIcon"), S = F("FmTooltip"), U = F("FmField");
+      return u.locked ? (d(), w("div", Ln, [
+        Ve(u.$slots, "label", {}, () => [
+          a(s, {
+            label: u.label,
+            disabled: u.disabled
+          }, null, 8, ["label", "disabled"])
+        ]),
+        Ve(u.$slots, "field", {}, () => [
+          a(U, { disabled: u.disabled }, {
+            prepend: g(() => [
+              u.tooltipMessage ? (d(), D(S, {
+                key: 0,
+                placement: u.tooltipPlacement,
+                "z-index": u.tooltipZIndex
+              }, {
+                content: g(() => [
+                  Ge(A(u.tooltipMessage), 1)
+                ]),
+                default: g(() => [
+                  a(b, {
+                    name: "lock",
+                    color: "neutral-gray-400"
+                  })
+                ]),
+                _: 1
+              }, 8, ["placement", "z-index"])) : (d(), D(b, {
+                key: 1,
+                name: "lock",
+                color: "neutral-gray-400"
+              }))
+            ]),
+            default: g(() => [
+              Ve(u.$slots, "modelValue", {}, () => [
+                l("div", {
+                  class: te([
+                    u.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary",
+                    "line-clamp-1 text-ellipsis break-all"
+                  ])
+                }, A(u.modelValue), 3)
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled"])
+        ]),
+        Ve(u.$slots, "helper-text", {}, () => [
+          l("div", {
+            class: te([
+              "fm-typo-en-body-sm-400  line-clamp-1",
+              u.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"
+            ])
+          }, A(u.helperText), 3)
+        ])
+      ])) : Ve(u.$slots, "default", { key: 1 });
+    };
+  }
+}), jn = { class: "flex gap-8" }, Wn = { class: "flex-1" }, Hn = { class: "flex-1" }, qn = { class: "flex flex-col gap-5" }, Yn = { class: "text-fm-color-typo-secondary" }, Gn = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Kn = {
+  key: 3,
+  class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, Jn = { class: "flex flex-col" }, Zn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qn = {
+  key: 4,
+  class: "border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, Xn = { class: "flex flex-col gap-12" }, el = { class: "flex flex-col gap-4" }, tl = { class: "fm-typo-en-title-sm-600" }, nl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ll = { class: "flex flex-col gap-4" }, ol = { class: "flex fm-corner-radius-md border-1 border-fm-color-neutral-gray-200" }, al = { class: "flex-1 p-12 flex flex-col gap-8" }, sl = { class: "mx-auto" }, rl = { class: "flex flex-col" }, il = { class: "fm-typo-en-body-sm-600 translate-y-4" }, dl = { class: "flex-1 p-12 flex flex-col gap-8" }, ul = { class: "mx-auto" }, cl = { class: "flex flex-col" }, ml = { class: "fm-typo-en-body-sm-600 translate-y-4" }, pl = { class: "flex-1 p-12 flex flex-col gap-8" }, vl = { class: "mx-auto" }, fl = { class: "flex flex-col" }, yl = { class: "fm-typo-en-body-sm-600 translate-y-4" }, gl = {
+  key: 5,
+  class: "flex flex-col gap-12"
+}, bl = { class: "flex flex-col" }, hl = { class: "flex items-center justify-between" }, _l = { class: "fm-typo-en-title-sm-600" }, xl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, kl = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Tl = { class: "flex flex-wrap gap-8" }, wl = {
+  key: 6,
+  class: "flex flex-col gap-12"
+}, Vl = { class: "flex flex-col" }, Il = { class: "flex items-center justify-between" }, Sl = { class: "fm-typo-en-title-sm-600" }, Cl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fl = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, El = { class: "flex flex-wrap gap-8" }, Al = {
+  key: 7,
+  class: "flex flex-col gap-12"
+}, $l = { class: "flex flex-col" }, Ml = { class: "flex items-center justify-between" }, Ul = { class: "fm-typo-en-title-sm-600" }, Pl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Rl = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Bl = { class: "flex flex-wrap gap-8" }, Ol = /* @__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: u, emit: T }) {
+    var et;
+    const { t: s } = ve(), b = Re();
+    Fe();
+    const S = St(), U = wt(), k = Ct(), n = W, c = T, _ = Se(), r = It(), i = Vt(), m = Ce(), v = y(() => 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 && (i.mustUsePoTemplate && ne(), i.enableWastageTemplate && ce(), i.enableClosingTemplate && le());
+    }), xt([() => _.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 = y({
+      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 = y({
+      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 = y({
+      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 = y({
+      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(r.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 = y(() => {
+      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;
+    }), xe = y(
+      () => _.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 = y(
+      () => new Yt(xe.value, ["label", "value"], {
+        caseSensitive: !1,
+        sort: !0
+      })
+    ), G = y(() => 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((we) => we._id === t);
+      if (!Y)
+        return;
+      const z = n.modelValue ?? {};
+      z.unit = Y, z.trackingMeasurement = C, z.convert && (z.convert.measurement = C || null), i.enableTotalCost && (z.defaultCost = {
+        measurement: Y.measurements.find((we) => we.id === C),
+        costPerUnit: {
+          ...((re = z.defaultCost) == null ? void 0 : re.costPerUnit) ?? {
+            amount: 0,
+            precision: 2,
+            currency: ((ie = mt(r.currentCountry.value)) == null ? void 0 : ie.currency) ?? "MYR"
+          }
+        }
+      }), c("update:modelValue", z);
+    }
+    const j = y({
+      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 = y(() => De.options.filter(
+      (e) => e === De.enum.FIFO || e === De.enum.WAVG
+    ).map((e) => ({
+      label: s(`inventory.ingredient.valuationMethod.${e}`),
+      value: e
+    }))), me = y({
+      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 = y({
+      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();
+    u({
+      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 = y(
+      () => {
+        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 = y(
+      () => {
+        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"
+        )) ?? [] : [];
+      }
+    ), ke = y(
+      () => {
+        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 = y(
+      () => _.skus.map((e) => ({ label: e.name, value: e.code }))
+    ), Ee = B((et = n.modelValue) == null ? void 0 : et.code);
+    function Ae(e) {
+      var x;
+      const t = e.el;
+      t && ((x = t.querySelector("[x-should-scroll-into=true]")) == null || x.scrollIntoView());
+    }
+    const $e = y(
+      () => {
+        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 = y({
+      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 = y({
+      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);
+      }
+    }), Te = y(() => i.mustUsePoTemplate && n.mode === H.CREATE && V.value.length > 0 ? V.value.map((e) => ({
+      label: e.name || "Template",
+      value: e._id || "template_" + e.name
+    })) : []), Ke = y(() => Te.value.filter(
+      (e) => (n.purchaseOrderTemplateIds ?? []).includes(e.value)
+    )), Je = y(() => i.enableWastageTemplate && n.mode === H.CREATE && E.value.length > 0 ? E.value.map((e) => ({
+      label: e.name || "Template",
+      value: e._id || "template_" + e.name
+    })) : []), Ze = y(() => Je.value.filter(
+      (e) => (n.wastageTemplateIds ?? []).includes(e.value)
+    )), Qe = y(() => i.enableClosingTemplate && n.mode === H.CREATE && p.value.length > 0 ? p.value.map((e) => ({
+      label: e.name || "Template",
+      value: e._id || "template_" + e.name
+    })) : []), Xe = y(() => Qe.value.filter(
+      (e) => (n.closingTemplateIds ?? []).includes(e.value)
+    ));
+    function Ft() {
+      b.open({
+        title: s("inventory.ingredient.purchaseOrderTemplates.selectTitle"),
+        closeButton: !0,
+        contentComponent: ze,
+        contentComponentProps: {
+          modelValue: n.purchaseOrderTemplateIds ?? [],
+          items: Te.value
+        },
+        primaryActions: {
+          text: s("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: s("common.cancel"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((e) => {
+        c("update:purchaseOrderTemplateIds", e);
+      });
+    }
+    function Et() {
+      b.open({
+        title: s("inventory.ingredient.wastageTemplates.selectTitle"),
+        closeButton: !0,
+        contentComponent: ze,
+        contentComponentProps: {
+          modelValue: n.wastageTemplateIds ?? [],
+          items: Je.value
+        },
+        primaryActions: {
+          text: s("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: s("common.cancel"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((e) => {
+        c("update:wastageTemplateIds", e);
+      });
+    }
+    function At() {
+      b.open({
+        title: s("inventory.ingredient.closingTemplates.selectTitle"),
+        closeButton: !0,
+        contentComponent: ze,
+        contentComponentProps: {
+          modelValue: n.closingTemplateIds ?? [],
+          items: Qe.value
+        },
+        primaryActions: {
+          text: s("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: s("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"), we = 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 d(), D(Pt, {
+        disabled: e.disabled,
+        ref_key: "formRef",
+        ref: M,
+        class: "flex flex-col gap-32",
+        onValidationSuccess: fe
+      }, {
+        default: g(() => {
+          var ot, at, st, rt;
+          return [
+            l("div", jn, [
+              l("div", Wn, [
+                a(Ie, {
+                  "tooltip-message": "This field is managed by NetSuite",
+                  "tooltip-z-index": 50,
+                  label: o(s)("inventory.ingredient.code"),
+                  "model-value": oe.value,
+                  "onUpdate:modelValue": t[1] || (t[1] = (I) => oe.value = I),
+                  locked: v.value,
+                  disabled: e.disabled
+                }, {
+                  default: g(() => [
+                    a(x, {
+                      label: o(s)("inventory.ingredient.code"),
+                      "model-value": oe.value,
+                      "onUpdate:modelValue": t[0] || (t[0] = (I) => oe.value = I),
+                      rules: [o(Ne)(), o(Gt)(_e.value, Ee.value)],
+                      "label-mark": "required"
+                    }, null, 8, ["label", "model-value", "rules"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "locked", "disabled"])
+              ]),
+              l("div", Hn, [
+                a(Ie, {
+                  "tooltip-message": "This field is managed by NetSuite",
+                  "tooltip-z-index": 50,
+                  label: o(s)("inventory.ingredient.name"),
+                  "model-value": ae.value,
+                  "onUpdate:modelValue": t[3] || (t[3] = (I) => ae.value = I),
+                  locked: v.value,
+                  disabled: e.disabled
+                }, {
+                  default: g(() => [
+                    a(x, {
+                      label: o(s)("inventory.ingredient.name"),
+                      "model-value": ae.value,
+                      "onUpdate:modelValue": t[2] || (t[2] = (I) => ae.value = I),
+                      rules: [o(Ne)()],
+                      "label-mark": "required"
+                    }, null, 8, ["label", "model-value", "rules"])
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "locked", "disabled"])
+              ])
+            ]),
+            a(Ie, {
+              "tooltip-message": "This field is managed by NetSuite",
+              "tooltip-z-index": 50,
+              label: o(s)("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: g(() => [
+                a(tt, {
+                  "model-value": ge.value,
+                  rules: [o(Ne)()],
+                  "label-mark": "required"
+                }, {
+                  label: g(() => [
+                    a(C, {
+                      label: o(s)("inventory.ingredient.unit")
+                    }, null, 8, ["label"])
+                  ]),
+                  default: g(({ invalid: I }) => [
+                    a(Mt, null, {
+                      "menu-button": g(() => [
+                        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: g(() => {
+                            var Z;
+                            return [
+                              Ge(A((Z = ge.value) == null ? void 0 : Z.name), 1)
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["class", "invalid"])
+                      ]),
+                      default: g(() => [
+                        l("div", qn, [
+                          a(x, {
+                            modelValue: h.value,
+                            "onUpdate:modelValue": t[4] || (t[4] = (Z) => h.value = Z),
+                            placeholder: "Filter options"
+                          }, {
+                            prepend: g(() => [
+                              a(z, { name: "search" })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          l("div", {
+                            class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
+                            onVnodeMounted: Ae
+                          }, [
+                            (d(!0), w(X, null, ue(G.value, (Z, Rt) => (d(), w(X, { key: Rt }, [
+                              Z.displayAsSection ? (d(), w(X, { key: 0 }, [
+                                a(re, {
+                                  label: Z.label
+                                }, null, 8, ["label"]),
+                                a(ie)
+                              ], 64)) : (d(), D(we, {
+                                key: 1,
+                                label: Z.label,
+                                "model-value": $(Z),
+                                onClick: (uo) => 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(i).enableTotalCost ? (d(), D(Ie, {
+              key: 0,
+              "tooltip-message": "This field is managed by NetSuite",
+              "tooltip-z-index": 50,
+              label: o(s)("inventory.ingredient.valuationMethod.title"),
+              "model-value": o(s)("inventory.ingredient.valuationMethod." + me.value),
+              locked: v.value,
+              disabled: e.disabled
+            }, {
+              label: g(() => [
+                a(he, { "z-index": 50 }, {
+                  default: g(() => [
+                    a(C, {
+                      label: o(s)("inventory.ingredient.valuationMethod.title")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: g(() => [
+                a(Ut, {
+                  class: "col-span-2",
+                  label: o(s)("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(i).enableTotalCost ? (d(), D(Ie, {
+              key: 1,
+              "tooltip-message": "This field is managed by NetSuite",
+              "tooltip-z-index": 50,
+              "model-value": `${o(Kt)()} ${ye.value}`,
+              locked: v.value,
+              disabled: e.disabled
+            }, {
+              label: g(() => [
+                a(he, { "z-index": 50 }, {
+                  default: g(() => [
+                    a(C, {
+                      label: o(s)("inventory.ingredient.pricePerUnit")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: g(() => [
+                a(x, {
+                  "model-value": ye.value,
+                  "onUpdate:modelValue": t[6] || (t[6] = (I) => ye.value = I),
+                  rules: [o(Pe)(0), o(Jt)(4)]
+                }, {
+                  label: g(() => [
+                    a(he, { "z-index": 50 }, {
+                      default: g(() => [
+                        a(C, {
+                          label: o(s)("inventory.ingredient.pricePerUnit")
+                        }, null, 8, ["label"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  prepend: g(() => {
+                    var I, Z;
+                    return [
+                      l("div", Yn, A(o(pt)(((I = o(r).currentCountry) == null ? void 0 : I.value) ?? o(vt)) === "MYR" ? "RM" : o(pt)(((Z = o(r).currentCountry) == null ? void 0 : Z.value) ?? o(vt))), 1)
+                    ];
+                  }),
+                  append: g(() => [
+                    l("div", Gn, " / " + A($e.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["model-value", "rules"])
+              ]),
+              _: 1
+            }, 8, ["model-value", "locked", "disabled"])) : L("", !0),
+            !v.value || j.value ? (d(), 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 ? (d(), w("div", Kn, [
+              a(nt, {
+                label: o(s)("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", Jn, [
+                l("div", Zn, A(o(s)("inventory.ingredient.status.preventFromOrder")), 1)
+              ])
+            ])) : L("", !0),
+            e.mode !== o(H).CREATE ? (d(), w("div", Qn, [
+              l("div", null, [
+                a(nt, {
+                  label: o(s)("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 ? (d(), D(He, {
+                key: 0,
+                name: o(s)("inventory.ingredient.bindedItems.ingredient"),
+                bindings: q.value
+              }, null, 8, ["name", "bindings"])) : L("", !0),
+              R.value && de.value.length ? (d(), D(He, {
+                key: 1,
+                name: o(s)("inventory.ingredient.bindedItems.recipe"),
+                bindings: de.value
+              }, null, 8, ["name", "bindings"])) : L("", !0),
+              R.value && ke.value.length ? (d(), D(He, {
+                key: 2,
+                name: o(s)("inventory.ingredient.bindedItems.menu"),
+                bindings: ke.value
+              }, null, 8, ["name", "bindings"])) : L("", !0)
+            ])) : L("", !0),
+            l("div", Xn, [
+              l("div", el, [
+                a(he, null, {
+                  default: g(() => [
+                    l("div", tl, A(o(s)("inventory.ingredient.threshold.title")), 1)
+                  ]),
+                  _: 1
+                }),
+                l("div", nl, A(o(s)("inventory.ingredient.threshold.subtitle")), 1)
+              ]),
+              l("div", ll, [
+                a(tt, {
+                  "model-value": { low: be.value, mid: se.value },
+                  rules: [$t()]
+                }, null, 8, ["model-value", "rules"]),
+                l("div", ol, [
+                  l("div", al, [
+                    l("div", sl, [
+                      a(je, {
+                        days: be.value,
+                        level: o(We).low
+                      }, null, 8, ["days", "level"])
+                    ]),
+                    l("div", rl, [
+                      l("div", il, A(o(s)("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: g(() => 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", dl, [
+                    l("div", ul, [
+                      a(je, {
+                        days: se.value,
+                        level: o(We).mid
+                      }, null, 8, ["days", "level"])
+                    ]),
+                    l("div", cl, [
+                      l("div", ml, A(o(s)("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: g(() => 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", pl, [
+                    l("div", vl, [
+                      a(je, {
+                        days: se.value + 1,
+                        level: o(We).high
+                      }, null, 8, ["days", "level"])
+                    ]),
+                    l("div", fl, [
+                      l("div", yl, A(o(s)("inventory.ingredient.threshold.stockIsStaple")), 1)
+                    ])
+                  ])
+                ])
+              ])
+            ]),
+            o(i).mustUsePoTemplate && e.mode === o(H).CREATE ? (d(), w("div", gl, [
+              l("div", bl, [
+                l("div", hl, [
+                  a(he, null, {
+                    default: g(() => [
+                      l("div", _l, A(o(s)("inventory.ingredient.purchaseOrderTemplates.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(Be, {
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    "prepend-icon": "add",
+                    onClick: Ft
+                  })
+                ]),
+                l("div", xl, A(o(s)("inventory.ingredient.purchaseOrderTemplates.description")), 1)
+              ]),
+              Ke.value.length > 0 ? (d(), w("div", kl, [
+                l("div", Tl, [
+                  (d(!0), w(X, null, ue(Ke.value, (I) => (d(), D(Oe, {
+                    key: I.value,
+                    label: I.label,
+                    variant: "info",
+                    compact: ""
+                  }, null, 8, ["label"]))), 128))
+                ])
+              ])) : L("", !0)
+            ])) : L("", !0),
+            o(i).enableWastageTemplate && e.mode === o(H).CREATE ? (d(), w("div", wl, [
+              l("div", Vl, [
+                l("div", Il, [
+                  a(he, null, {
+                    default: g(() => [
+                      l("div", Sl, A(o(s)("inventory.ingredient.wastageTemplates.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(Be, {
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    "prepend-icon": "add",
+                    onClick: Et
+                  })
+                ]),
+                l("div", Cl, A(o(s)("inventory.ingredient.wastageTemplates.description")), 1)
+              ]),
+              Ze.value.length > 0 ? (d(), w("div", Fl, [
+                l("div", El, [
+                  (d(!0), w(X, null, ue(Ze.value, (I) => (d(), D(Oe, {
+                    key: I.value,
+                    label: I.label,
+                    variant: "info",
+                    compact: ""
+                  }, null, 8, ["label"]))), 128))
+                ])
+              ])) : L("", !0)
+            ])) : L("", !0),
+            o(i).enableClosingTemplate && e.mode === o(H).CREATE ? (d(), w("div", Al, [
+              l("div", $l, [
+                l("div", Ml, [
+                  a(he, null, {
+                    default: g(() => [
+                      l("div", Ul, A(o(s)("inventory.ingredient.closingTemplates.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(Be, {
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    "prepend-icon": "add",
+                    onClick: At
+                  })
+                ]),
+                l("div", Pl, A(o(s)("inventory.ingredient.closingTemplates.description")), 1)
+              ]),
+              Xe.value.length > 0 ? (d(), w("div", Rl, [
+                l("div", Bl, [
+                  (d(!0), w(X, null, ue(Xe.value, (I) => (d(), 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"]);
+    };
+  }
+}), Dl = { class: "flex flex-col gap-32" }, Nl = {
+  key: 0,
+  class: "flex justify-between items-center"
+}, zl = { class: "flex gap-4" }, Ll = /* @__PURE__ */ pe({
+  __name: "IngredientDialog",
+  props: {
+    show: { type: Boolean },
+    sku: {},
+    mode: { default: H.READ }
+  },
+  emits: ["update:show"],
+  setup(W) {
+    const u = W, T = Se(), s = Vt(), b = Ce(), S = St(), U = wt(), k = Ct(), n = Fe(), { t: c } = ve(), _ = bt(u, "show"), r = bt(u, "sku"), i = B([]), m = B([]), v = B([]), V = y(
+      () => {
+        var h;
+        return b.isEnabled && b.netSuiteItemBySkuId.has((h = u.sku) == null ? void 0 : h._id);
+      }
+    ), E = y(() => {
+      switch (u.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 = y(() => {
+      switch (u.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(r.value);
+        const h = T.skuByCode[r.value.code];
+        s.enablePoTemplate && i.value.length > 0 && await ce(h), s.enableWastageTemplate && m.value.length > 0 && await le(h), s.enableClosingTemplate && v.value.length > 0 && await oe(h), _.value = !1, n.open({
+          title: c("inventory.common.success"),
+          message: c("inventory.ingredient.create.success", { name: r.value.name }),
+          type: "success"
+        });
+      } catch (h) {
+        h instanceof ft || 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(r.value), O.value = !1, _.value = !1, n.open({
+          title: c("inventory.common.success"),
+          message: c("inventory.ingredient.update.success", { name: r.value.name }),
+          type: "success"
+        });
+      } catch (h) {
+        h instanceof ft || 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 i.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) === yt.enum.warehouse || ((f = R.purchaseOrder.supplier) == null ? void 0 : f.internal) === yt.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 (u.mode) {
+        case H.READ:
+          return;
+        case H.UPDATE:
+          return ne();
+        case H.CREATE:
+          return fe();
+      }
+    }
+    function ye(h) {
+      i.value = h;
+    }
+    function ge(h) {
+      m.value = h;
+    }
+    function xe(h) {
+      v.value = h;
+    }
+    return (h, P) => {
+      const G = F("FmChip"), $ = F("FmButton"), f = F("FmSideSheet");
+      return d(), 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": g(() => [
+          l("div", zl, [
+            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: g(() => [
+          l("div", Dl, [
+            V.value ? (d(), w("div", Nl, [
+              a(G, {
+                label: "Managed by Netsuite",
+                compact: ""
+              }),
+              a(Zt, {
+                readonly: "",
+                sku: h.sku,
+                settingOptions: o(b).skuSettingOptions
+              }, null, 8, ["sku", "settingOptions"])
+            ])) : L("", !0),
+            a(Ol, {
+              class: "w-full",
+              ref_key: "hasValidationExpose",
+              ref: N,
+              modelValue: o(r),
+              "onUpdate:modelValue": P[0] || (P[0] = (j) => dt(r) ? r.value = j : null),
+              mode: h.mode,
+              disabled: O.value,
+              purchaseOrderTemplateIds: i.value,
+              wastageTemplateIds: m.value,
+              closingTemplateIds: v.value,
+              "onClick:submit": P[1] || (P[1] = (j) => ae()),
+              "onUpdate:purchaseOrderTemplateIds": ye,
+              "onUpdate:wastageTemplateIds": ge,
+              "onUpdate:closingTemplateIds": xe
+            }, null, 8, ["modelValue", "mode", "disabled", "purchaseOrderTemplateIds", "wastageTemplateIds", "closingTemplateIds"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), jl = { class: "flex items-center gap-12 pl-8" }, Wl = { class: "flex flex-col" }, Hl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, ql = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, Yl = { key: 0 }, _t = /* @__PURE__ */ pe({
+  __name: "ImportIngredientItem",
+  props: {
+    type: {},
+    code: {},
+    name: {},
+    errors: {}
+  },
+  setup(W) {
+    return (u, T) => {
+      const s = F("FmIcon"), b = F("FmTooltip");
+      return d(), w("div", jl, [
+        T[0] || (T[0] = l("div", null, "•", -1)),
+        l("div", Wl, [
+          l("div", Hl, [
+            l("div", {
+              class: te({
+                "text-fm-color-system-error-300": u.errors.length
+              })
+            }, [
+              Ge(A(u.name) + " ", 1),
+              u.type === "create" ? (d(), w("span", ql, "(new)")) : L("", !0)
+            ], 2),
+            u.errors.length ? (d(), w("div", Yl, [
+              a(b, { "z-index": 50 }, {
+                content: g(() => [
+                  l("ol", null, [
+                    (d(!0), w(X, null, ue(u.errors, (S, U) => (d(), w("li", { key: U }, A(S), 1))), 128))
+                  ])
+                ]),
+                default: g(() => [
+                  a(s, {
+                    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": u.errors.length,
+                "text-fm-color-typo-secondary": !u.errors.length
+              }
+            ])
+          }, A(u.code), 3)
+        ])
+      ]);
+    };
+  }
+}), Gl = { class: "flex flex-col gap-24" }, Kl = { class: "fm-typo-en-body-md-400" }, Jl = { class: "flex flex-col gap-8" }, Zl = { class: "line-clamp-2 text-ellipsis break-all" }, Ql = {
+  key: 2,
+  class: "shrink-0"
+}, Xl = {
+  key: 0,
+  class: "flex flex-col"
+}, eo = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, to = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, no = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ pe({
+  __name: "ImportIngredients",
+  setup(W) {
+    const u = B(null), T = un(), s = Fe(), b = B(!1), S = B(new Array()), U = B([]), k = B([]), n = y(
+      () => !!S.value.length || U.value.some((i) => i.errors.length) || k.value.some((i) => i.errors.length)
+    ), c = y(
+      () => !!U.value.length || !!k.value.length
+    ), { t: _ } = ve();
+    async function r(i) {
+      S.value = [], U.value = [], k.value = [];
+      try {
+        b.value = !0;
+        const [m] = await Promise.all([
+          en(i),
+          // 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) {
+        s.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 && s.open({
+          title: _("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), b.value = !1;
+      }
+    }
+    return xt(u, (i) => {
+      i && r(i);
+    }), (i, m) => {
+      const v = F("FmCircularProgress"), V = F("FmIcon"), E = F("FmButton");
+      return d(), w("div", Gl, [
+        l("div", Kl, A(o(_)("inventory.ingredient.import.uploadDescription")), 1),
+        a(Xt, {
+          class: te({
+            "w-full": !0,
+            "h-[200px]": !u.value
+          }),
+          accept: ".xlsx",
+          onFileUpload: m[0] || (m[0] = (p) => u.value = p),
+          label: o(_)("inventory.ingredient.import.uploadTemplate"),
+          "button-label": o(_)("inventory.ingredient.import.selectFile")
+        }, kt({ _: 2 }, [
+          u.value ? {
+            name: "default",
+            fn: g(({ openFileDialog: p }) => [
+              l("div", Jl, [
+                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 ? (d(), D(v, {
+                    key: 0,
+                    size: "md",
+                    color: "neutral-gray-200"
+                  })) : (d(), 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", Zl, A(u.value.name), 1)
+                  ], 2),
+                  b.value ? L("", !0) : (d(), w("div", Ql, [
+                    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 ? (d(), w("div", Xl, [
+                  (d(!0), w(X, null, ue(S.value, (N, O) => (d(), w("div", {
+                    key: O,
+                    class: "flex gap-8 items-center"
+                  }, [
+                    a(V, {
+                      name: "error",
+                      size: "sm",
+                      color: "system-error-300"
+                    }),
+                    l("div", eo, A(N), 1)
+                  ]))), 128))
+                ])) : L("", !0)
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["class", "label", "button-label"]),
+        c.value ? (d(), w("div", to, [
+          l("div", no, A(o(_)("inventory.ingredient.import.summary")), 1),
+          (d(!0), w(X, null, ue(U.value, (p) => (d(), D(_t, {
+            key: p.sku._id,
+            code: p.sku.code,
+            name: p.sku.name,
+            errors: p.errors,
+            type: "create"
+          }, null, 8, ["code", "name", "errors"]))), 128)),
+          (d(!0), w(X, null, ue(k.value, (p) => (d(), D(_t, {
+            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)
+      ]);
+    };
+  }
+}), oo = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, so = { class: "flex flex-col py-8" }, ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, io = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Io = /* @__PURE__ */ pe({
+  __name: "IngredientsView",
+  setup(W) {
+    const u = Se(), T = Ce(), s = y(() => [
+      {
+        type: "string",
+        key: "skuCode",
+        entity: "sku",
+        values: u.skus.map((f) => f.code)
+      },
+      {
+        type: "string",
+        key: "skuUnitAbbrev",
+        entity: "sku",
+        values: u.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 = y(
+      () => new Set(T.getAvailableItems(T.businessSubsidiaryId))
+    ), U = y(() => {
+      if (!b.value)
+        return u.skus;
+      const $ = tn.build(b.value);
+      return u.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(), _ = Fe(), { t: r } = ve(), { createIngredient: i, updateIngredient: m } = Ye(), { ingredientDialogProps: v, ingredientViewLoading: V } = fn(Ye()), { columnDefs: E } = Nn();
+    function p($) {
+      switch ($) {
+        case "add":
+          return T.isEnabled ? void 0 : i();
+        case "import":
+          return P();
+        case "export":
+          return h();
+      }
+    }
+    const N = B(""), O = B(!1), fe = y(() => O.value || V.value), ne = B(!0), { breakpoints: ce } = cn(), le = y(() => ce.value.xs || ce.value.sm), oe = y(() => le.value ? 10 : 20), ee = on(), ae = B(!1), ye = [
+      {
+        value: "import",
+        label: r("common.import")
+      },
+      {
+        value: "export",
+        label: r("common.export")
+      }
+    ];
+    function ge($) {
+      switch (ae.value = !1, $) {
+        case "import":
+          return P();
+        case "export":
+          return h();
+      }
+    }
+    const xe = y(() => [
+      ...T.isEnabled ? [] : [
+        {
+          label: r("inventory.ingredient.create.title"),
+          value: "add",
+          isPrimary: !0,
+          prependIcon: "add"
+        }
+      ],
+      { label: r("common.import"), value: "import" },
+      { label: r("common.export"), value: "export" }
+    ]);
+    function h() {
+      const $ = _n();
+      _.open({
+        title: r("inventory.ingredient.export.success"),
+        message: r("inventory.ingredient.export.filename", [$]),
+        type: "success"
+      });
+    }
+    function P() {
+      n.open({
+        title: r("inventory.ingredient.import.title"),
+        contentComponent: lo,
+        overlay: !0,
+        closeButton: !0,
+        primaryActions: {
+          text: r("common.import"),
+          close: !1
+        },
+        secondaryActions: {
+          text: r("common.close"),
+          close: !0
+        },
+        tertiaryActions: {
+          text: r("inventory.ingredient.import.actions.downloadTemplate"),
+          close: !1,
+          variant: "plain"
+        }
+      }).onPrimary(($) => {
+        if (!$) {
+          _.open({
+            title: r("inventory.ingredient.import.error.noData"),
+            type: "error"
+          });
+          return;
+        }
+        if (!$.importCreateResult.length && !$.importUpdateResult.length) {
+          _.open({
+            title: r("inventory.ingredient.import.error.invalidContent"),
+            message: r("inventory.ingredient.import.error.noImportData"),
+            type: "error"
+          });
+          return;
+        }
+        if ($.importCreateResult.some((f) => f.errors.length) || $.importUpdateResult.some((f) => f.errors.length)) {
+          _.open({
+            title: r("inventory.ingredient.import.error.invalidContent"),
+            message: r("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: r("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 u.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: r("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: r("inventory.ingredient.import.error.failed"),
+          message: r("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 d(), D(an, {
+        title: o(r)("inventory.ingredient.title"),
+        actions: xe.value,
+        "onClick:action": p
+      }, {
+        default: g(() => [
+          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": s.value,
+              filter: b.value,
+              "onUpdate:filter": f[2] || (f[2] = (M) => b.value = M)
+            }, {
+              default: g(() => [
+                o(T).isEnabled ? (d(), w("div", oo, [
+                  l("span", ao, A(o(r)("inventory.integration.netsuite.subsidiaryHierarchy.filtering")), 1),
+                  a(gn),
+                  a(qe, null, {
+                    default: g(() => [
+                      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"]),
+            (d(), 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": g((M) => [
+                a(rn, {
+                  row: M,
+                  onRowClick: o(m)
+                }, kt({
+                  default: g((R) => {
+                    var q, de, ke, _e, Ee, Ae, $e, be, se, Te;
+                    return [
+                      l("div", so, [
+                        l("div", ro, [
+                          a(o(gt), {
+                            render: (ke = (de = (q = R.code) == null ? void 0 : q.column) == null ? void 0 : de.columnDef) == null ? void 0 : ke.cell,
+                            props: (Ee = (_e = R.code) == null ? void 0 : _e.getContext) == null ? void 0 : Ee.call(_e)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        l("div", io, [
+                          a(o(gt), {
+                            render: (be = ($e = (Ae = R.name) == null ? void 0 : Ae.column) == null ? void 0 : $e.columnDef) == null ? void 0 : be.cell,
+                            props: (Te = (se = R.name) == null ? void 0 : se.getContext) == null ? void 0 : Te.call(se)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, [
+                  O.value ? {
+                    name: "loading-text",
+                    fn: g(() => [
+                      l("div", null, A(o(r)("inventory.ingredient.table.importing")), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "columnVisibility", "loading", "page-size"]))
+          ], 2),
+          (d(), D(ut, { to: "body" }, [
+            a(Ll, zt(Lt(o(v))), null, 16)
+          ])),
+          (d(), D(ut, { to: "body" }, [
+            a(J, {
+              "dismiss-away": "",
+              modelValue: ae.value,
+              "onUpdate:modelValue": f[5] || (f[5] = (M) => ae.value = M)
+            }, {
+              default: g(() => [
+                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
+};