@feedmepos/mf-inventory-portal 1.2.12-dev.3 → 1.2.13

package/dist/IngredientsView-MF1USuZI.js

@@ -1,2240 +0,0 @@
-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-Bb0-8bRg.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-XwDTGpR-.js";
-import { _ as bn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BytErBcK.js";
-import { _ as He } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-C5zIvG2h.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-B04wszRI.js";
-import { _ as kn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
-import { u as St } from "./purchase-order-template-CLtEYr5E.js";
-import { u as Ct } from "./closing-template-DPVNEyI7.js";
-import { u as Tn } from "./FmMultiselectDialog-B45ZLjVp.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
-};