@feedmepos/mf-inventory-portal 1.7.9-dev.0 → 1.7.9-dev.2

package/dist/RecipeView-DkXOK1Iy.js

@@ -1,3584 +0,0 @@
-import { defineComponent as le, ref as W, onMounted as pt, resolveComponent as G, createElementBlock as V, openBlock as v, Fragment as X, createElementVNode as f, toDisplayString as U, createVNode as x, createCommentVNode as T, computed as R, watch as ue, unref as n, normalizeClass as Ce, withCtx as J, h as de, createBlock as Y, renderList as me, isRef as De, mergeProps as we, createTextVNode as mt, withModifiers as ft, normalizeStyle as vt, Teleport as yt, normalizeProps as bt, guardReactiveProps as gt } from "vue";
-import { a as ne, c as Oe, S as _t, F as be, u as tt, t as kt, v as ht, j as Je } from "./app-BI1fLJ8H.js";
-import { useDialog as je, useSnackbar as Le, components as _e, useProxiedModel as Ge, useBreakpoints as xt } from "@feedmepos/ui-library";
-import { i as $t, _ as It, m as wt } from "./menu-usage-module-BdjYEk3s.js";
-import { F as se } from "./form-mode.enum-BKiNVH6A.js";
-import { _ as nt } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CuEDzJ0s.js";
-import { defineStore as ot, storeToRefs as Et } from "pinia";
-import { D as He, R as Ve } from "./row-action.enum-ncgDYAjP.js";
-import { c as Vt } from "./component-BmLAdDiY.js";
-import { a as Q, c as Ke } from "./number-BzmDQm_s.js";
-import { useI18n as ie, useCoreStore as St } from "@feedmepos/mf-common";
-import { u as Ct, _ as Bt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DwrLsWX_.js";
-import { b as it, c as qe, I as Ft, A as Ne, U as lt, R as Rt } from "./rules-BKdtla9-.js";
-import { _ as At } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-O5IbSGWu.js";
-import { a as Pe } from "./FmMultiselectDialog-C-kDJtv_.js";
-import { d as rt } from "./defineDeepModel-CaP78Goh.js";
-import { L as Tt, P as Ut, D as Pt } from "./app-C39bYJmq.js";
-import { _ as Be, c as Mt, d as Dt, e as ye } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-Mo-hF_cA.js";
-import { u as Gt } from "./FmMultiselectDialog-BTVaIESZ.js";
-import { u as Nt } from "./vue-i18n-BSfpVmaF.js";
-import { F as zt } from "./inventory-core-dart.default-ClRRaGtG.js";
-import { _ as Ot } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
-import { u as We } from "./feature-B2r32qOO.js";
-import { F as he } from "./decimal-tY0JrFld.js";
-import { _ as Fe } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DjYAwlg9.js";
-import { b as at, d as st } from "./xlsx.util-DSA9o0Zu.js";
-import { f as dt } from "./date2-paxg81i_.js";
-import { _ as jt, F as Qe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
-import { _ as Lt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-vwp2n9KL.js";
-const Kt = {
-  key: 0,
-  class: "flex flex-col items-center w-full h-full gap-24"
-}, qt = { key: 1 }, Wt = { key: 0 }, Yt = /* @__PURE__ */ le({
-  __name: "DeleteDialog",
-  props: {
-    type: {},
-    data: {},
-    message: {},
-    bindedItems: {}
-  },
-  setup(p) {
-    const d = p, l = W(d.bindedItems || []), t = W(!1);
-    pt(() => {
-      i();
-    });
-    async function i() {
-      var r, $;
-      !t.value && ((r = d.data) != null && r._id) && (t.value = !0, l.value = await ne().getAffectedMenu(($ = d.data) == null ? void 0 : $._id), t.value = !1);
-    }
-    return (r, $) => {
-      const u = G("FmSpacer"), o = G("FmCircularProgress");
-      return v(), V(X, null, [
-        f("p", null, U(r.message), 1),
-        t.value ? (v(), V("div", Kt, [
-          x(u),
-          f("div", null, [
-            x(o, { size: "xl" })
-          ]),
-          $[0] || ($[0] = f("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
-          x(u)
-        ])) : (v(), V("div", qt, [
-          $[2] || ($[2] = f("br", null, null, -1)),
-          l.value.length > 0 ? (v(), V("div", Wt, [
-            $[1] || ($[1] = f("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
-            x(nt, {
-              name: "Menu",
-              bindings: l.value
-            }, null, 8, ["bindings"])
-          ])) : T("", !0)
-        ]))
-      ], 64);
-    };
-  }
-}), ze = ot("recipeForm", function() {
-  const d = je(), l = Le(), t = ne(), i = W(!1), r = W();
-  function $() {
-    const a = {
-      recipe: {},
-      mode: se.CREATE,
-      show: !0,
-      "onUpdate:show"(g) {
-        r.value.show = g;
-      }
-    };
-    r.value = a;
-  }
-  async function u(a) {
-    const g = {
-      recipe: Oe(a),
-      mode: se.UPDATE,
-      show: !0,
-      "onUpdate:show"(h) {
-        r.value.show = h;
-      }
-    };
-    r.value = g;
-  }
-  async function o(a) {
-    i.value = !0;
-    try {
-      await t.deleteRecipe(a), l.open({
-        title: "Success",
-        message: `Deleted ${a.name}`,
-        type: "success"
-      });
-    } catch (g) {
-      if (g instanceof _t && $t(g)) {
-        d.open({
-          title: "Cannot delete recipe",
-          contentComponent: It,
-          contentComponentProps: {
-            subject: (a == null ? void 0 : a.name) ?? "",
-            items: g.errorResponse.errors.map((h) => {
-              var C;
-              return {
-                chain: [
-                  {
-                    itemName: h.name,
-                    moduleKey: (C = h.message) != null && C.startsWith("modules.") ? wt(h.message) : h.module
-                  }
-                ]
-              };
-            })
-          },
-          secondaryActions: {
-            text: "Close",
-            close: !0
-          }
-        });
-        return;
-      }
-      l.open({
-        title: `Cannot delete ${a == null ? void 0 : a.name}`,
-        message: "Please try again.",
-        type: "error"
-      }), console.error("failed to delete recipe", g);
-    } finally {
-      i.value = !1;
-    }
-  }
-  function s(a) {
-    d.open({
-      title: `Delete ${(a == null ? void 0 : a.name) ?? "recipe"}?`,
-      closeButton: !1,
-      primaryActions: {
-        text: "Delete",
-        close: !0,
-        variant: "destructive"
-      },
-      secondaryActions: {
-        text: "Cancel",
-        close: !0
-      },
-      contentComponent: Yt,
-      contentComponentProps: {
-        type: "menu",
-        data: a,
-        message: "You may not be able to delete this recipe if it is linked in any of the inventory modules."
-      }
-    }).onPrimary(() => o(a));
-  }
-  return {
-    createRecipe: $,
-    updateRecipe: u,
-    deleteRecipe: s,
-    recipeDialogProps: r,
-    recipeViewLoading: i
-  };
-});
-function Jt() {
-  const { updateRecipe: p, deleteRecipe: d } = ze(), l = ne(), { t } = ie();
-  async function i(o, s) {
-    const a = Oe(s);
-    if (o === Ve.Edit) {
-      await p(a);
-      return;
-    }
-    if (o === Ve.Delete) {
-      await d(a);
-      return;
-    }
-  }
-  function r(o, s) {
-    const a = o.filter((C) => C.type === be.enum.SKU), g = o.filter(
-      (C) => C.type === be.enum.SKU_GROUP
-    ), h = o.filter((C) => C.type === be.enum.RECIPE);
-    return [
-      ...a.map((C) => ({ ...C, recipeIds: [...s] })),
-      ...g.map((C) => ({ ...C, isGroup: !0, recipeIds: [...s] })),
-      ...h.filter((C) => l.recipeById[C.id] && !s.has(C.id)).flatMap(
-        (C) => r(l.recipeById[C.id].contains, /* @__PURE__ */ new Set([...s, C.id]))
-      )
-    ];
-  }
-  const $ = [
-    {
-      accessorKey: "recipe",
-      header: () => t("inventory.recipe.name"),
-      size: 400
-    },
-    {
-      accessorKey: "ingredients",
-      header: () => t("inventory.recipe.ingredients"),
-      size: "auto"
-    },
-    {
-      id: "action",
-      header: "",
-      cell(o) {
-        return Vt(
-          [He[Ve.Edit], He[Ve.Delete]],
-          (s) => {
-            i(s, o.row.original.original);
-          }
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  function u(o) {
-    const s = ne();
-    return o.map((a) => ({
-      recipe: a.name,
-      ingredients: r(a.contains, /* @__PURE__ */ new Set([a._id])).map((g) => {
-        var C, I, m, _, w, y;
-        if (g.isGroup) {
-          const e = s.skuGroupById[g.id];
-          return g.recipeIds.slice(1).length ? `(${(C = s.recipeById[g.recipeIds.at(-1) ?? ""]) == null ? void 0 : C.name}) ${e.name} (x ${Q(g.amount)})` : `${e.name} (x${Q(g.amount)})`;
-        }
-        const h = s.skuById[g.id];
-        return h ? g.recipeIds.slice(1).length ? `(${(I = s.recipeById[g.recipeIds.at(-1) ?? ""]) == null ? void 0 : I.name}) ${h.name} (${Q(g.amount)}${((m = g.measurement) == null ? void 0 : m.abbrev) ?? ((_ = h == null ? void 0 : h.unit) == null ? void 0 : _.abbrev)})` : `${h.name} (${Q(g.amount)}${((w = g.measurement) == null ? void 0 : w.abbrev) ?? ((y = h == null ? void 0 : h.unit) == null ? void 0 : y.abbrev)})` : null;
-      }).filter((g) => g).join(", "),
-      original: a
-    }));
-  }
-  return { columnDefs: $, formatRowData: u };
-}
-function Ht() {
-  const p = ne(), d = je();
-  async function l(r, $, u, o = []) {
-    var I, m;
-    const s = r.filter((_) => _.type === "SKU"), a = r.filter((_) => _.type !== "SKU"), g = /* @__PURE__ */ new Set();
-    if (u)
-      for (const _ of p.skus)
-        !o.some((y) => y === _._id) && _._id !== u && !((m = (I = _.convert) == null ? void 0 : I.inventoryBindings) != null && m.some((y) => y.id === u)) || g.add(_._id);
-    const h = p.skus.map((_) => ({
-      label: _.name,
-      sublabel: `${_.code}${g.has(_._id) ? " (Cannot bind, will cause recursive binding)" : ""}`,
-      value: _,
-      disabled: g.has(_._id)
-    })), C = h.filter(
-      (_) => s.find((w) => w.id === _.value._id) && !g.has(_.value._id)
-    ).map((_) => _.value);
-    d.open({
-      title: "Select ingredients",
-      contentComponent: Pe,
-      contentComponentProps: {
-        items: h,
-        modelValue: C,
-        virtualScroll: !0
-      },
-      primaryActions: {
-        text: "Confirm",
-        close: !0
-      },
-      secondaryActions: {
-        text: "Close",
-        close: !0,
-        variant: "tertiary"
-      }
-    }).onPrimary((_) => {
-      const w = [
-        ...a,
-        ...r.filter((y) => _.find((e) => e._id === y.id)),
-        ..._.filter((y) => !r.find((e) => e.id === y._id)).map((y) => ({
-          type: "SKU",
-          id: y._id,
-          amount: {
-            amount: 1,
-            precision: 0
-          }
-        }))
-      ];
-      $(w);
-    });
-  }
-  async function t(r, $, u = []) {
-    var C;
-    const o = r.filter((I) => I.type === "RECIPE"), s = r.filter((I) => I.type !== "RECIPE"), a = /* @__PURE__ */ new Set();
-    if (u.length)
-      for (const I of p.recipes) {
-        const m = ((C = p.recipeBindingFlattenCache[I._id]) == null ? void 0 : C.inventoryBindings) ?? [], _ = m.some(
-          (e) => e.bindingPaths.some((S) => u.some((c) => c === S.id))
-        ), w = m.some(
-          (e) => "success" in e && u.includes(e.ingredient._id)
-        );
-        (u.some((e) => e === I._id) || _ || w) && a.add(I._id);
-      }
-    const g = p.recipes.filter((I) => !u.includes(I._id)).map((I) => ({
-      label: I.name,
-      sublabel: a.has(I._id) ? "(Cannot bind, will cause recursive binding)" : `${I.contains.length} inventory bindings`,
-      value: I,
-      disabled: a.has(I._id)
-    })), h = g.filter(
-      (I) => o.find((m) => m.id === I.value._id) && !a.has(I.value._id)
-    ).map((I) => I.value);
-    d.open({
-      title: "Select recipes",
-      contentComponent: Pe,
-      contentComponentProps: {
-        items: g,
-        modelValue: h,
-        virtualScroll: !0
-      },
-      primaryActions: {
-        text: "Confirm",
-        close: !0
-      },
-      secondaryActions: {
-        text: "Close",
-        close: !0,
-        variant: "tertiary"
-      }
-    }).onPrimary((I) => {
-      const m = [
-        ...r.filter((_) => I.find((w) => w._id === _.id)),
-        ...I.filter((_) => !r.find((w) => w.id === _._id)).map((_) => ({
-          type: "RECIPE",
-          id: _._id,
-          amount: {
-            amount: 1,
-            precision: 0
-          }
-        })),
-        ...s
-      ];
-      $(m);
-    });
-  }
-  async function i(r, $, u = []) {
-    const o = r.filter((h) => h.type === "SKU_GROUP"), s = r.filter((h) => h.type !== "SKU_GROUP"), a = p.skuGroups.filter((h) => !u.includes(h._id)).map((h) => ({
-      label: h.name,
-      value: h
-    })), g = a.filter((h) => o.find((C) => C.id === h.value._id)).map((h) => h.value);
-    d.open({
-      title: "Select ingredient group",
-      contentComponent: Pe,
-      contentComponentProps: {
-        items: a,
-        modelValue: g,
-        virtualScroll: !0
-      },
-      primaryActions: {
-        text: "Confirm",
-        close: !0
-      },
-      secondaryActions: {
-        text: "Close",
-        close: !0,
-        variant: "tertiary"
-      }
-    }).onPrimary((h) => {
-      const C = [
-        ...r.filter((I) => h.find((m) => m._id === I.id)),
-        ...h.filter((I) => !r.find((m) => m.id === I._id)).map((I) => ({
-          type: "SKU_GROUP",
-          id: I._id,
-          amount: {
-            amount: 1,
-            precision: 0
-          }
-        })),
-        ...s
-      ];
-      $(C);
-    });
-  }
-  return {
-    promptIngredientsBinding: l,
-    promptRecipesBinding: t,
-    promptIngredientGroupsBinding: i
-  };
-}
-const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re = /* @__PURE__ */ le({
-  __name: "InventoryBindingRule",
-  props: {
-    disabled: { type: Boolean },
-    modelValue: {},
-    minCount: {},
-    maxCount: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p, { emit: d }) {
-    const l = p, t = d, { t: i } = ie(), r = St(), $ = tt(), u = R(() => {
-      var I;
-      const h = /* @__PURE__ */ new Map(), C = r.restaurants.value.map((m) => m.customAttributes ?? {});
-      for (const m of C)
-        for (const [_, w] of Object.entries(m))
-          h.has(_) || h.set(_, /* @__PURE__ */ new Set()), w && ((I = h.get(_)) == null || I.add(w));
-      return h;
-    }), o = R(
-      () => r.restaurants.value.filter((h) => {
-        var C;
-        return (C = h.profile) == null ? void 0 : C.code;
-      }).map((h) => ({ value: h.profile.code, label: `${h.profile.name} (${h.profile.code})` }))
-    ), s = R(() => [
-      ...[...u.value.entries()].map(([C, I]) => ({
-        type: "string",
-        key: C,
-        entity: "restaurant",
-        values: [...I]
-      })),
-      {
-        type: "string",
-        key: "state",
-        entity: "restaurant",
-        values: [
-          ...new Set($.locations.map((C) => C.doc.profile.address.state).filter(Boolean))
-        ]
-      },
-      ...o.value.length > 0 ? [
-        {
-          type: "string",
-          key: "outlet",
-          entity: "restaurant",
-          options: o.value
-        }
-      ] : []
-    ]), a = W(null);
-    let g = null;
-    return ue(
-      () => l.modelValue,
-      (h) => {
-        JSON.stringify(h) !== JSON.stringify(g) && (a.value = h ? Tt.build(h) : null);
-      },
-      { immediate: !0 }
-    ), ue(
-      a,
-      (h) => {
-        g = h ? Ut.build(h) : null, t("update:modelValue", g);
-      },
-      { deep: !0 }
-    ), (h, C) => {
-      const I = G("FmLabel"), m = G("FmFormGroup");
-      return v(), V("div", Qt, [
-        f("div", Xt, [
-          x(I, {
-            label: n(i)("inventory.ingredientGroup.form.rules.title"),
-            required: h.minCount != null && h.minCount > 0
-          }, null, 8, ["label", "required"]),
-          x(n(Pt), {
-            modelValue: a.value,
-            "onUpdate:modelValue": C[0] || (C[0] = (_) => a.value = _),
-            attributes: s.value
-          }, null, 8, ["modelValue", "attributes"])
-        ]),
-        x(m, {
-          "model-value": a.value,
-          rules: [
-            (_) => {
-              const w = _ ? 1 : 0;
-              return l.minCount !== void 0 && w < l.minCount ? n(i)("inventory.ingredientGroup.form.rules.validation.minCount", {
-                count: l.minCount
-              }) : l.maxCount !== void 0 && w > l.maxCount ? n(i)("inventory.ingredientGroup.form.rules.validation.maxCount", {
-                count: l.maxCount
-              }) : !0;
-            }
-          ]
-        }, null, 8, ["model-value", "rules"])
-      ]);
-    };
-  }
-}), Zt = { class: "border-1 mx-3 my-1 rounded-md" }, en = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, tn = {
-  class: "flex items-center",
-  style: { "min-height": "48px" }
-}, nn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, on = { class: "flex flex-col" }, ln = { class: "line-clamp-1" }, rn = { class: "w-[200px]" }, an = {
-  key: 0,
-  class: "w-[52px]"
-}, sn = {
-  key: 0,
-  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
-}, dn = { class: "px-12 pb-4" }, un = /* @__PURE__ */ le({
-  __name: "InventoryRecipeBindingV2Field",
-  props: {
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    modelValue: {},
-    displayName: {},
-    showError: { type: Boolean }
-  },
-  emits: ["update:modelValue", "delete", "settings"],
-  setup(p, { emit: d }) {
-    const l = d, { t } = ie(), i = rt("modelValue"), r = W(""), $ = R(() => +Q(i.amount));
-    ue(
-      () => i.amount,
-      (s) => {
-        const a = Q(s);
-        r.value !== a && (r.value = a);
-      },
-      { immediate: !0 }
-    );
-    let u = null;
-    function o(s) {
-      r.value = s, u && clearTimeout(u), u = setTimeout(() => {
-        const a = +s;
-        s.length > 0 && isFinite(a) ? i.amount = Ke(a) : i.amount = { amount: 0, precision: 0 };
-      }, 300);
-    }
-    return (s, a) => {
-      const g = G("FmTooltip"), h = G("FmTextField"), C = G("FmButton"), I = G("FmIcon"), m = G("FmFormGroup");
-      return v(), V("div", Zt, [
-        x(m, {
-          class: Ce(["mb-2"]),
-          disabled: s.disabled,
-          modelValue: $.value,
-          rules: [n(it)(0), n(qe)(-1)]
-        }, {
-          default: J(({ invalid: _ }) => [
-            f("div", en, [
-              f("div", tn, [
-                f("div", nn, [
-                  f("div", on, [
-                    x(g, {
-                      zIndex: 51,
-                      variant: "plain",
-                      placement: "top",
-                      content: s.displayName
-                    }, {
-                      default: J(() => [
-                        f("span", ln, U(s.displayName), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["content"])
-                  ])
-                ]),
-                f("div", rn, [
-                  x(h, {
-                    class: "w-full",
-                    disabled: s.disabled,
-                    modelValue: r.value,
-                    "onUpdate:modelValue": a[0] || (a[0] = (w) => o(w)),
-                    invalid: _
-                  }, null, 8, ["disabled", "modelValue", "invalid"])
-                ]),
-                s.readonly ? T("", !0) : (v(), V("div", an, [
-                  x(C, {
-                    disabled: s.disabled,
-                    type: "button",
-                    variant: "plain",
-                    icon: "delete",
-                    "icon-color": "#000000",
-                    onClick: a[1] || (a[1] = () => l("delete", n(i).id))
-                  }, null, 8, ["disabled"])
-                ]))
-              ]),
-              s.showError ? (v(), V("div", sn, [
-                x(I, {
-                  name: "error",
-                  color: "system-error-300",
-                  size: "sm"
-                }),
-                f("div", null, U(n(t)("inventory.inventoryBindings.circularError")), 1)
-              ])) : T("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["disabled", "modelValue", "rules"]),
-        f("div", dn, [
-          x(Re, {
-            modelValue: n(i).rules,
-            "onUpdate:modelValue": a[2] || (a[2] = (_) => n(i).rules = _),
-            disabled: s.disabled
-          }, null, 8, ["modelValue", "disabled"])
-        ])
-      ]);
-    };
-  }
-});
-function cn(p) {
-  const d = Gt(), { t: l } = Nt(), t = ne(), i = R(() => [
-    {
-      id: "delete",
-      header: "",
-      cell(u) {
-        const o = u.row.original;
-        return de(
-          "div",
-          { class: "w-full flex justify-end" },
-          de(_e.FmButton, {
-            class: "delete-button",
-            key: o._id,
-            type: "button",
-            icon: "delete",
-            variant: "tertiary",
-            size: "md",
-            disabled: p.disabled ?? !1,
-            onClick: () => {
-              p.bindingAlternatives = p.bindingAlternatives.filter(
-                (s) => s._id !== o._id
-              );
-            }
-          })
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    },
-    {
-      id: "alternative",
-      header: () => l("inventory.inventoryBindings.alternativeTable.ingredient"),
-      accessorFn: (u) => {
-        var o, s;
-        return `${((o = t.skuById[u._id]) == null ? void 0 : o.name) ?? ""} (${((s = t.skuById[u._id]) == null ? void 0 : s.code) ?? ""})`;
-      },
-      cell: ({ row: u }) => {
-        const o = t.skuById[u.original._id];
-        return de(
-          "div",
-          {
-            class: "w-full flex flex-col"
-          },
-          [
-            de("div", { class: "fm-typo-en-body-lg-400 line-clamp-1" }, o.name),
-            de(
-              "div",
-              { class: "fm-typo-en-body-md-400 line-clamp-1 text-fm-color-typo-secondary" },
-              o.code
-            )
-          ]
-        );
-      },
-      size: "auto",
-      enableSorting: !1
-    },
-    {
-      id: "unit",
-      header: () => l("inventory.inventoryBindings.alternativeTable.unit"),
-      accessorFn: (u) => {
-        const o = t.skuById[u._id];
-        return o.unit.measurements.computeFirst(
-          (s) => s.id === u.trackingMeasurement ? s.name : null
-        ) ?? o.unit.name;
-      },
-      enableSorting: !1
-    },
-    {
-      id: "unitOption",
-      header: () => l("inventory.inventoryBindings.alternativeTable.unit"),
-      accessorKey: "trackingMeasurement",
-      cell(u) {
-        const o = t.skuById[u.row.original._id];
-        if (!o) return null;
-        const s = [
-          {
-            label: o.unit.name,
-            sublabel: o.unit.abbrev,
-            value: null
-          },
-          ...o.unit.measurements.map((a) => ({
-            label: `${a.name} (${a.abbrev})`,
-            sublabel: l("inventory.inventoryBindings.alternativeTable.measurementOption"),
-            value: a.id
-          }))
-        ].filter((a) => !a.label.toLowerCase().includes("inactive"));
-        return de(_e.FmSelect, {
-          modelValue: u.row.original.trackingMeasurement ?? null,
-          items: s,
-          disabled: p.disabled ?? !1,
-          "onUpdate:modelValue": (a) => {
-            p.bindingAlternatives = p.bindingAlternatives.map((g) => g._id === u.row.original._id ? { ...g, trackingMeasurement: a } : g);
-          }
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "priority",
-      header: () => l("inventory.inventoryBindings.alternativeTable.priority"),
-      accessorKey: "priority",
-      enableSorting: !0,
-      cell(u) {
-        const o = u.row.original;
-        return de(_e.FmTextField, {
-          modelValue: o.priority ?? u.row.index + 1,
-          rules: [
-            Ft(),
-            Ne(1),
-            lt(
-              p.bindingAlternatives.filter((s) => s._id !== o._id).map((s) => {
-                const a = t.skuById[s._id];
-                return {
-                  label: a == null ? void 0 : a.name,
-                  value: s.priority
-                };
-              })
-            )
-          ],
-          "onUpdate:modelValue": (s) => {
-            const a = Number(s);
-            isNaN(a) || (p.bindingAlternatives = p.bindingAlternatives.map((g) => g._id === u.row.original._id ? { ...g, priority: a } : g));
-          }
-        });
-      }
-    },
-    {
-      id: "default",
-      header: () => "",
-      accessorKey: "default",
-      cell(u) {
-        const o = t.skuById[u.row.original._id];
-        return o ? de(_e.FmCheckbox, {
-          modelValue: u.row.original.default ?? !1,
-          value: o._id,
-          disabled: p.disabled ?? !1,
-          "onUpdate:modelValue": () => {
-            p.bindingAlternatives = p.bindingAlternatives.map((s) => s._id === u.row.original._id ? { ...s, default: !0 } : { ...s, default: !1 });
-          }
-        }) : null;
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    },
-    {
-      id: "move",
-      header: "",
-      cell(u) {
-        const o = u.row.original;
-        return de("div", { class: "w-full flex justify-end" }, [
-          de(_e.FmButton, {
-            key: o._id,
-            type: "button",
-            icon: "keyboard_arrow_up",
-            variant: "tertiary",
-            size: "md",
-            disabled: p.disabled ?? !1,
-            onClick: () => {
-              const s = [...p.bindingAlternatives], a = s.findIndex((g) => g._id === o._id);
-              if (a > 0) {
-                const g = s[a - 1];
-                s[a - 1] = o, s[a] = g;
-              }
-              p.bindingAlternatives = [...s];
-            }
-          }),
-          de(_e.FmButton, {
-            key: o._id,
-            type: "button",
-            icon: "keyboard_arrow_down",
-            variant: "tertiary",
-            size: "md",
-            disabled: p.disabled ?? !1,
-            onClick: () => {
-              const s = [...p.bindingAlternatives], a = s.findIndex((g) => g._id === o._id);
-              if (a < s.length - 1) {
-                const g = s[a + 1];
-                s[a + 1] = o, s[a] = g;
-              }
-              p.bindingAlternatives = [...s];
-            }
-          })
-        ]);
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ]);
-  return {
-    get columnDefs() {
-      return i.value;
-    },
-    promptAddIngredient: async ($) => {
-      const u = [];
-      for (const a of t.skus)
-        $.includes(a._id) || u.push({
-          label: a.name,
-          sublabel: a.code,
-          value: a._id,
-          disabled: $.includes(a._id)
-        });
-      const o = (p.bindingAlternatives ?? []).map((a) => a._id), s = await d.multiSelect(u, o, (a) => {
-        var h, C, I, m, _, w;
-        const g = (h = p.bindingAlternatives) == null ? void 0 : h.findIndex((y) => y._id === a);
-        return {
-          _id: a,
-          trackingMeasurement: typeof g != "number" || g == -1 ? (C = t.skuById[a]) == null ? void 0 : C.trackingMeasurement : (m = (I = p.bindingAlternatives) == null ? void 0 : I[g]) == null ? void 0 : m.trackingMeasurement,
-          priority: ((w = (_ = p.bindingAlternatives) == null ? void 0 : _[g]) == null ? void 0 : w.priority) ?? p.bindingAlternatives.length,
-          default: !1
-        };
-      });
-      p.bindingAlternatives = s ?? p.bindingAlternatives;
-    },
-    columnVisibility: {
-      delete: !0,
-      unit: !1,
-      unitOption: !0,
-      default: !1,
-      // previous demo: sort priority by moving sku element in the array,
-      // new demo: sort priority using priority field.
-      // can reenable if this use case is requested to be restored
-      move: !1
-    }
-  };
-}
-const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, fn = { class: "flex justify-between items-center px-2" }, Se = /* @__PURE__ */ le({
-  __name: "InventoryBindingAlternative",
-  props: {
-    disabled: { type: Boolean },
-    modelValue: {},
-    filterIngredientIds: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p, { emit: d }) {
-    const l = p, t = d, { t: i } = ie(), r = cn({
-      get disabled() {
-        return l.disabled ?? !1;
-      },
-      get bindingAlternatives() {
-        return l.modelValue ?? [];
-      },
-      set bindingAlternatives(o) {
-        t("update:modelValue", o);
-      }
-    }), $ = (o) => o && o.some((s) => l.filterIngredientIds.includes(s._id)) ? "Contains invalid ingredient" : !0, u = (o) => o && o.length > 5 ? i("inventory.binding.alternative.maximumExceeded", { max: 5 }) : !0;
-    return (o, s) => {
-      var I;
-      const a = G("FmLabel"), g = G("FmButton"), h = G("FmFormGroup"), C = G("FmTable");
-      return v(), V("div", pn, [
-        f("div", mn, [
-          f("div", fn, [
-            x(a, {
-              label: n(i)("inventory.alternatives")
-            }, null, 8, ["label"]),
-            x(g, {
-              disabled: o.disabled,
-              "prepend-icon": "link",
-              variant: "primary",
-              class: "border-1 rounded-lg border-fm-color-primary",
-              onClick: s[0] || (s[0] = (m) => n(r).promptAddIngredient(o.filterIngredientIds)),
-              size: "md"
-            }, null, 8, ["disabled"])
-          ]),
-          x(h, {
-            "model-value": o.modelValue,
-            rules: [$, u]
-          }, null, 8, ["model-value", "rules"])
-        ]),
-        x(C, {
-          "row-data": o.modelValue ?? [],
-          "column-defs": n(r).columnDefs,
-          "page-size": ((I = o.modelValue) == null ? void 0 : I.length) || 0,
-          "shrink-at": 9999,
-          "column-visibility": n(r).columnVisibility,
-          "hide-footer": ""
-        }, null, 8, ["row-data", "column-defs", "page-size", "column-visibility"])
-      ]);
-    };
-  }
-}), vn = { class: "border-1 mx-3 my-1 rounded-md" }, yn = { class: "flex flex-col border-b border-fm-color-neutral-gray-100" }, bn = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, gn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, _n = { class: "line-clamp-1 w-full" }, kn = { class: "w-[150px]" }, hn = {
-  key: 0,
-  class: "w-[52px]"
-}, xn = { class: "flex flex-col px-12 pb-4" }, $n = /* @__PURE__ */ le({
-  __name: "InventorySkuBindingV2Field",
-  props: {
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    modelValue: {},
-    displayName: {},
-    unit: {},
-    showError: { type: Boolean },
-    ableToConfigureAlternative: { type: Boolean },
-    ableToApplyRules: { type: Boolean }
-  },
-  emits: ["update:modelValue", "delete", "settings"],
-  setup(p, { emit: d }) {
-    const l = d, { t } = ie(), i = rt("modelValue");
-    function r(u) {
-      u && (i.amount = u.amount, i.measurement = u.measurement);
-    }
-    function $() {
-      return {
-        modelValue: {
-          amount: i.amount,
-          measurement: i.measurement
-        },
-        amountAsString: zt.toFormatString({
-          value: i.amount
-        })
-      };
-    }
-    return (u, o) => {
-      const s = G("FmTooltip"), a = G("FmButton"), g = G("FmFormGroup");
-      return v(), V("div", vn, [
-        f("div", yn, [
-          f("div", bn, [
-            f("div", gn, [
-              x(s, {
-                zIndex: 51,
-                variant: "plain",
-                placement: "top",
-                content: u.displayName
-              }, {
-                default: J(() => [
-                  f("span", _n, U(u.displayName), 1)
-                ]),
-                _: 1
-              }, 8, ["content"])
-            ]),
-            f("div", kn, [
-              x(Be, {
-                "model-value": { amount: n(i).amount, measurement: n(i).measurement },
-                "onUpdate:modelValue": r,
-                unit: u.unit,
-                placement: "bottom",
-                "convert-amount-on-change-unit": "",
-                disabled: u.readonly
-              }, null, 8, ["model-value", "unit", "disabled"])
-            ]),
-            u.readonly ? T("", !0) : (v(), V("div", hn, [
-              x(a, {
-                disabled: u.disabled,
-                type: "button",
-                variant: "tertiary",
-                icon: "delete",
-                onClick: o[0] || (o[0] = () => l("delete", n(i).id))
-              }, null, 8, ["disabled"])
-            ]))
-          ]),
-          f("div", xn, [
-            x(g, {
-              modelValue: n(i).amount,
-              rules: [n(qe)(0)]
-            }, null, 8, ["modelValue", "rules"]),
-            x(g, {
-              modelValue: $(),
-              rules: [
-                n(Mt)(),
-                n(Dt)(u.unit),
-                () => u.showError ? n(t)("inventory.inventoryBindings.invalidWarning") : !0
-              ]
-            }, null, 8, ["modelValue", "rules"])
-          ]),
-          u.ableToApplyRules ? (v(), Y(Re, {
-            key: 0,
-            modelValue: n(i).rules,
-            "onUpdate:modelValue": o[1] || (o[1] = (h) => n(i).rules = h),
-            disabled: u.disabled
-          }, null, 8, ["modelValue", "disabled"])) : T("", !0),
-          u.ableToConfigureAlternative ? (v(), Y(Se, {
-            key: 1,
-            modelValue: n(i).alternatives,
-            "onUpdate:modelValue": o[2] || (o[2] = (h) => n(i).alternatives = h),
-            disabled: u.disabled,
-            filterIngredientIds: [n(i).id]
-          }, null, 8, ["modelValue", "disabled", "filterIngredientIds"])) : T("", !0)
-        ])
-      ]);
-    };
-  }
-});
-exports.FfCalculator;
-const In = { class: "flex flex-col gap-24" }, wn = {
-  key: 0,
-  class: "flex flex-col gap-16"
-}, En = { class: "flex items-center" }, Vn = { class: "flex-1 fm-typo-en-title-sm-600" }, Sn = { class: "flex flex-col" }, Cn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Fn = {
-  key: 0,
-  class: "w-[52px]"
-}, Rn = {
-  key: 1,
-  class: "w-[52px]"
-}, An = {
-  key: 1,
-  class: "flex flex-col gap-16"
-}, Tn = { class: "flex items-center" }, Un = { class: "flex-1 fm-typo-en-title-sm-600" }, Pn = { class: "flex flex-col" }, Mn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Dn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Gn = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, Nn = {
-  key: 0,
-  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400"
-}, zn = {
-  class: "flex items-center",
-  style: { "min-height": "48px" }
-}, On = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, jn = { class: "flex flex-col" }, Ln = { class: "w-[200px]" }, Kn = {
-  key: 0,
-  class: "w-[52px]"
-}, qn = { class: "flex flex-col gap-16" }, Wn = { class: "flex items-center" }, Yn = { class: "flex-1 fm-typo-en-title-sm-600" }, Jn = { class: "flex flex-col" }, Hn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Qn = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Xn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Zn = {
-  key: 0,
-  class: "w-[52px]"
-}, eo = {
-  key: 0,
-  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-}, to = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, no = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, oo = {
-  key: 0,
-  class: "w-[52px]"
-}, io = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, lo = /* @__PURE__ */ le({
-  __name: "InventoryBindingFormV2",
-  props: {
-    id: {},
-    modelValue: { default: () => [] },
-    excludeBindingId: {},
-    rules: { default: () => [] },
-    iframeMode: { type: Boolean },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    recipeBindingConfig: { default: () => ({ enabled: !0, ableToApplyRules: !1 }) },
-    skuBindingConfig: { default: () => ({
-      enabled: !0,
-      ableToApplyRules: !1,
-      ableToConfigureAlternative: !1
-    }) },
-    enableIngredientGroup: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:pick-inventory-bindings"],
-  setup(p, { emit: d }) {
-    const { t: l } = ie(), t = ne(), i = R(() => t.recipeById), r = R(() => t.skuById), $ = R(() => t.skuGroupById), u = p, o = d, s = R(() => kt({
-      parentId: u.id,
-      bindings: u.modelValue,
-      recipes: t.recipes.map((F) => F._id === u.id ? {
-        ...F,
-        contains: u.modelValue
-      } : F),
-      skus: t.skus.map((F) => F._id === u.id ? {
-        ...F,
-        convert: {
-          inventoryBindings: u.modelValue
-        }
-      } : F),
-      skuGroups: t.skuGroups
-    }).inventoryBindings.filter((F) => "error" in F && F.error).map((F) => F).filter((F) => F.reason === ht.enum.circularDependency)), a = R(
-      () => new Set(s.value.map((b) => {
-        var B;
-        return (B = b.bindingPaths[0]) == null ? void 0 : B.id;
-      }))
-    ), g = R(() => u.modelValue.filter((b) => b.type === "RECIPE")), { promptIngredientsBinding: h, promptRecipesBinding: C, promptIngredientGroupsBinding: I } = Ht();
-    async function m() {
-      if (u.iframeMode) {
-        o("click:pick-inventory-bindings", "RECIPE");
-        return;
-      }
-      C(
-        u.modelValue,
-        (b) => o("update:modelValue", b),
-        u.id ? [u.id] : []
-      );
-    }
-    const _ = R(() => u.modelValue.filter((b) => b.type === "SKU_GROUP"));
-    async function w() {
-      I(
-        u.modelValue,
-        (b) => o("update:modelValue", b),
-        u.id ? [u.id] : []
-      );
-    }
-    function y(b, B, F) {
-      const A = +B;
-      let P = F;
-      B.length > 0 && isFinite(A) ? P = F.map((K) => (K.id !== b || (K.amount = Ke(A)), K)) : P = F.map((K) => (K.id !== b || (K.amount = { amount: 0, precision: 0 }), K)), o("update:modelValue", P);
-    }
-    const e = R(() => u.modelValue.filter((b) => b.type === "SKU") ?? []);
-    async function S() {
-      if (u.iframeMode) {
-        o("click:pick-inventory-bindings", "SKU");
-        return;
-      }
-      h(
-        u.modelValue,
-        (b) => o("update:modelValue", b),
-        u.excludeBindingId,
-        u.id ? [u.id] : []
-      );
-    }
-    function c(b) {
-      const B = u.modelValue.map((F) => F.id === b.id ? b : F);
-      o("update:modelValue", B);
-    }
-    function k(b) {
-      const B = u.modelValue.filter((F) => F.id !== b);
-      o("update:modelValue", B);
-    }
-    function N(b) {
-      var F, A;
-      if (b.type !== be.enum.SKU)
-        throw new Error("Non-SKU binding does not have unit");
-      if (!((F = r.value[b.id]) == null ? void 0 : F.unit))
-        throw new Error(`Cannot find ingredient: ${b.id}`);
-      return (A = r.value[b.id]) == null ? void 0 : A.unit;
-    }
-    function z(b) {
-      return !r.value[b.id];
-    }
-    return (b, B) => {
-      var H, ee, O;
-      const F = G("FmFormGroup"), A = G("FmButton"), P = G("FmIcon"), K = G("FmTextField");
-      return v(), V("div", In, [
-        x(F, {
-          disabled: b.disabled,
-          "model-value": b.modelValue,
-          rules: [
-            ...b.rules,
-            () => s.value.length ? "There is a binding error in your configuration" : !0
-          ]
-        }, {
-          label: J(() => B[4] || (B[4] = [
-            f("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
-          ])),
-          _: 1
-        }, 8, ["disabled", "model-value", "rules"]),
-        ((H = b.recipeBindingConfig) == null ? void 0 : H.enabled) !== !1 ? (v(), V("div", wn, [
-          f("div", En, [
-            f("div", Vn, U(n(l)("inventory.inventoryBindings.recipe")), 1),
-            b.readonly ? T("", !0) : (v(), Y(A, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: n(l)("inventory.inventoryBindings.linkRecipe"),
-              "prepend-icon": "link",
-              onClick: m
-            }, null, 8, ["label"]))
-          ]),
-          f("div", Sn, [
-            f("div", Cn, [
-              f("div", Bn, U(n(l)("inventory.inventoryBindings.recipe")), 1),
-              B[5] || (B[5] = f("div", { class: "w-[200px]" }, null, -1)),
-              b.recipeBindingConfig.ableToApplyRules ? (v(), V("div", Fn)) : T("", !0),
-              b.readonly ? T("", !0) : (v(), V("div", Rn))
-            ]),
-            (v(!0), V(X, null, me(g.value, (M) => {
-              var j;
-              return v(), Y(un, {
-                key: M.id,
-                "model-value": M,
-                "display-name": (j = i.value[M.id]) == null ? void 0 : j.name,
-                "show-error": a.value.has(M.id),
-                readonly: b.readonly,
-                disabled: b.disabled,
-                "onUpdate:modelValue": B[0] || (B[0] = (q) => c(q)),
-                onDelete: B[1] || (B[1] = (q) => k(q))
-              }, null, 8, ["model-value", "display-name", "show-error", "readonly", "disabled"]);
-            }), 128))
-          ])
-        ])) : T("", !0),
-        b.enableIngredientGroup ? (v(), V("div", An, [
-          f("div", Tn, [
-            f("div", Un, U(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
-            b.readonly ? T("", !0) : (v(), Y(A, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: n(l)("inventory.inventoryBindings.linkIngredientGroup"),
-              "prepend-icon": "link",
-              onClick: w
-            }, null, 8, ["label"]))
-          ]),
-          f("div", Pn, [
-            f("div", Mn, [
-              f("div", Dn, U(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
-              B[6] || (B[6] = f("div", { class: "w-[200px]" }, null, -1)),
-              B[7] || (B[7] = f("div", { class: "w-[52px]" }, null, -1))
-            ]),
-            (v(!0), V(X, null, me(_.value, (M) => (v(), Y(F, {
-              key: M.id,
-              disabled: b.disabled,
-              modelValue: +n(Q)(M.amount ?? { amount: 1, precision: 0 }),
-              rules: [n(it)(0), n(qe)(0)]
-            }, {
-              default: J(({ invalid: j }) => {
-                var q;
-                return [
-                  f("div", Gn, [
-                    a.value.has(M.id) ? (v(), V("div", Nn, [
-                      x(P, {
-                        name: "error",
-                        color: "system-error-300",
-                        size: "sm"
-                      }),
-                      f("div", null, U(n(l)("inventory.inventoryBindings.circularError")), 1)
-                    ])) : T("", !0),
-                    f("div", zn, [
-                      f("div", On, [
-                        f("div", jn, U((q = $.value[M.id]) == null ? void 0 : q.name), 1)
-                      ]),
-                      f("div", Ln, [
-                        x(K, {
-                          class: "w-full",
-                          disabled: b.disabled,
-                          modelValue: +n(Q)(M.amount ?? { amount: 1, precision: 0 }),
-                          "onUpdate:modelValue": (oe) => y(M.id, oe, b.modelValue),
-                          invalid: j
-                        }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
-                      ]),
-                      b.readonly ? T("", !0) : (v(), V("div", Kn, [
-                        x(A, {
-                          disabled: b.disabled,
-                          type: "button",
-                          variant: "plain",
-                          icon: "delete",
-                          "icon-color": "#000000",
-                          onClick: (oe) => k(M.id)
-                        }, null, 8, ["disabled", "onClick"])
-                      ]))
-                    ])
-                  ])
-                ];
-              }),
-              _: 2
-            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
-          ])
-        ])) : T("", !0),
-        f("div", qn, [
-          f("div", Wn, [
-            f("div", Yn, U(n(l)("inventory.inventoryBindings.ingredient")), 1),
-            b.readonly ? T("", !0) : (v(), Y(A, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: n(l)("inventory.inventoryBindings.linkIngredient"),
-              "prepend-icon": "link",
-              onClick: S
-            }, null, 8, ["label"]))
-          ]),
-          f("div", Jn, [
-            f("div", Hn, [
-              f("div", Qn, U(n(l)("inventory.inventoryBindings.ingredient")), 1),
-              f("div", Xn, U(n(l)("inventory.inventoryBindings.amount")), 1),
-              B[8] || (B[8] = f("div", { class: "w-[52px]" }, null, -1)),
-              (ee = b.skuBindingConfig) != null && ee.ableToApplyRules || (O = b.skuBindingConfig) != null && O.ableToConfigureAlternative ? (v(), V("div", Zn)) : T("", !0)
-            ]),
-            (v(!0), V(X, null, me(e.value, (M) => {
-              var j, q, oe;
-              return v(), V(X, {
-                key: M.id
-              }, [
-                z(M) ? (v(), V("div", eo, [
-                  f("div", to, [
-                    f("div", no, U(M.id), 1),
-                    b.readonly ? T("", !0) : (v(), V("div", oo, [
-                      x(A, {
-                        disabled: b.disabled,
-                        type: "button",
-                        variant: "tertiary",
-                        icon: "delete",
-                        onClick: () => k(M.id)
-                      }, null, 8, ["disabled", "onClick"])
-                    ]))
-                  ]),
-                  f("div", io, [
-                    x(P, {
-                      name: "error",
-                      color: "system-error-300",
-                      size: "sm"
-                    }),
-                    f("div", null, U(n(l)("inventory.inventoryBindings.missingIngredient")), 1)
-                  ])
-                ])) : (v(), Y($n, {
-                  key: 1,
-                  "model-value": M,
-                  "display-name": (j = r.value[M.id]) == null ? void 0 : j.name,
-                  unit: N(M),
-                  "show-error": a.value.has(M.id),
-                  "able-to-apply-rules": ((q = b.skuBindingConfig) == null ? void 0 : q.ableToApplyRules) === !0,
-                  "able-to-configure-alternative": ((oe = b.skuBindingConfig) == null ? void 0 : oe.ableToConfigureAlternative) === !0,
-                  readonly: b.readonly,
-                  disabled: b.disabled,
-                  "onUpdate:modelValue": B[2] || (B[2] = (Z) => c(Z)),
-                  onDelete: B[3] || (B[3] = (Z) => k(Z))
-                }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]))
-              ], 64);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-}), ro = { class: "flex flex-col gap-40" }, ao = {
-  key: 0,
-  class: "flex flex-col gap-16"
-}, so = {
-  key: 0,
-  class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, uo = {
-  key: 0,
-  class: "flex flex-col items-center w-full h-full gap-24"
-}, co = { key: 1 }, po = { class: "mt-32" }, mo = /* @__PURE__ */ le({
-  __name: "RecipeForm",
-  props: {
-    mode: {},
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:submit"],
-  setup(p, { expose: d, emit: l }) {
-    const t = p, i = l, r = We(), { t: $ } = ie(), u = R({
-      get() {
-        var c;
-        return ((c = t.modelValue) == null ? void 0 : c.name) ?? "";
-      },
-      set(c) {
-        const k = t.modelValue ?? {};
-        k.name = c, i("update:modelValue", k);
-      }
-    }), o = R({
-      get() {
-        var c;
-        return ((c = t.modelValue) == null ? void 0 : c.contains) ?? [];
-      },
-      set(c) {
-        const k = t.modelValue ?? {};
-        k.contains = c, i("update:modelValue", k);
-      }
-    }), s = R({
-      get() {
-        var c;
-        return ((c = t.modelValue) == null ? void 0 : c.customAttributes) ?? {};
-      },
-      set(c) {
-        const k = t.modelValue ? {
-          ...t.modelValue
-        } : {};
-        k.customAttributes = c, i("update:modelValue", k);
-      }
-    }), a = R({
-      get() {
-        var c;
-        return ((c = t.modelValue) == null ? void 0 : c.version) ?? null;
-      },
-      set(c) {
-        const k = t.modelValue ? { ...t.modelValue } : {};
-        k.version = c, i("update:modelValue", k);
-      }
-    }), g = R({
-      get() {
-        return a.value === "v2";
-      },
-      set(c) {
-        a.value = c ? "v2" : null;
-      }
-    });
-    function h() {
-      i("click:submit");
-    }
-    const C = W();
-    d({
-      validateInputs: () => {
-        var c, k;
-        (k = (c = C.value) == null ? void 0 : c.validateInputs) == null || k.call(c);
-      },
-      resetInputsValidation: () => {
-        var c, k;
-        (k = (c = C.value) == null ? void 0 : c.resetInputsValidation) == null || k.call(c);
-      },
-      resetInputs: () => {
-        var c, k;
-        (k = (c = C.value) == null ? void 0 : c.resetInputs) == null || k.call(c);
-      }
-    });
-    const I = ne(), m = W([]), _ = W(!1), w = W(!1);
-    ue(_, async (c) => {
-      y(c);
-    });
-    async function y(c) {
-      var k, N;
-      c && !w.value && ((k = t.modelValue) != null && k._id) && (w.value = !0, m.value = await I.getAffectedMenu((N = t.modelValue) == null ? void 0 : N._id).delayed(500), w.value = !1);
-    }
-    const e = R(
-      () => I.recipes.map((c) => ({ label: c.name, value: c.name }))
-    ), S = R(() => {
-      var c;
-      return ((c = t.modelValue) == null ? void 0 : c.name) ?? "";
-    });
-    return (c, k) => {
-      const N = G("FmTextField"), z = G("FmSwitch"), b = G("FmCard"), B = G("FmSpacer"), F = G("FmCircularProgress"), A = G("FmForm");
-      return v(), Y(A, {
-        ref_key: "formRef",
-        ref: C,
-        onValidationSuccess: h
-      }, {
-        default: J(() => [
-          f("div", ro, [
-            x(N, {
-              disabled: c.disabled,
-              label: n($)("inventory.recipe.name"),
-              "model-value": u.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (P) => u.value = P),
-              rules: [
-                n(Rt)(),
-                n(lt)(e.value, S.value, (P) => `[${P.value}] already exists`)
-              ],
-              "label-mark": "required"
-            }, null, 8, ["disabled", "label", "model-value", "rules"]),
-            n(r).enableRecipeV2 ? (v(), V("div", ao, [
-              x(z, {
-                modelValue: g.value,
-                "onUpdate:modelValue": k[1] || (k[1] = (P) => g.value = P),
-                value: !0,
-                label: n($)("inventory.recipe.enableRecipeV2"),
-                "label-placement": "right",
-                disabled: c.disabled,
-                sublabel: n($)("inventory.recipe.recipeV2Warning")
-              }, null, 8, ["modelValue", "label", "disabled", "sublabel"])
-            ])) : T("", !0),
-            x(b, {
-              variant: "outlined",
-              class: "p-16"
-            }, {
-              default: J(() => {
-                var P, K;
-                return [
-                  n(r).enableRecipeV2 ? (v(), Y(lo, {
-                    key: 0,
-                    id: (P = c.modelValue) == null ? void 0 : P._id,
-                    disabled: c.disabled,
-                    "model-value": o.value,
-                    "onUpdate:modelValue": k[2] || (k[2] = (H) => o.value = H),
-                    rules: [n(Ne)(1)],
-                    "enable-ingredient-group": n(r).enableIngredientGroup,
-                    "recipe-binding-config": { enabled: !g.value, ableToApplyRules: g.value },
-                    "sku-binding-config": {
-                      ableToConfigureAlternative: g.value
-                    }
-                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group", "recipe-binding-config", "sku-binding-config"])) : (v(), Y(At, {
-                    key: 1,
-                    id: (K = c.modelValue) == null ? void 0 : K._id,
-                    disabled: c.disabled,
-                    "model-value": o.value,
-                    "onUpdate:modelValue": k[3] || (k[3] = (H) => o.value = H),
-                    rules: [n(Ne)(1)],
-                    "enable-ingredient-group": n(r).enableIngredientGroup
-                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"]))
-                ];
-              }),
-              _: 1
-            })
-          ]),
-          c.mode !== n(se).CREATE ? (v(), V("div", so, [
-            x(z, {
-              label: "Show binded items",
-              modelValue: _.value,
-              "onUpdate:modelValue": k[4] || (k[4] = (P) => _.value = P),
-              "label-placement": "right",
-              disabled: w.value
-            }, null, 8, ["modelValue", "disabled"]),
-            w.value ? (v(), V("div", uo, [
-              x(B),
-              f("div", null, [
-                x(F, { size: "xl" })
-              ]),
-              k[6] || (k[6] = f("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
-              x(B)
-            ])) : _.value && m.value.length ? (v(), V("div", co, [
-              x(nt, {
-                name: "Menu",
-                bindings: m.value
-              }, null, 8, ["bindings"])
-            ])) : T("", !0)
-          ])) : T("", !0),
-          f("div", po, [
-            x(Ot, {
-              entity: "inventoryRecipe",
-              modelValue: s.value,
-              "onUpdate:modelValue": k[5] || (k[5] = (P) => s.value = P)
-            }, null, 8, ["modelValue"])
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), fo = { class: "flex gap-4" }, vo = /* @__PURE__ */ le({
-  __name: "RecipeDialog",
-  props: {
-    show: { type: Boolean },
-    recipe: {},
-    mode: { default: se.READ }
-  },
-  emits: ["update:show"],
-  setup(p) {
-    const d = p, l = ne(), t = Le(), { t: i } = ie(), r = Ge(d, "show"), $ = Ge(d, "recipe"), u = R(() => {
-      switch (d.mode) {
-        case se.READ:
-          return "";
-        case se.UPDATE:
-          return i("inventory.recipe.update.title");
-        case se.CREATE:
-          return i("inventory.recipe.create.title");
-      }
-      return "";
-    }), o = R(() => {
-      switch (d.mode) {
-        case se.READ:
-          return "";
-        case se.UPDATE:
-          return i("common.save");
-        case se.CREATE:
-          return i("common.add");
-      }
-      return "";
-    }), s = W(), a = W(!1);
-    async function g() {
-      a.value = !0;
-      try {
-        const m = Oe($.value);
-        m.precision ?? (m.precision = 0), m.measurements ?? (m.measurements = []), await l.createRecipe(m), r.value = !1, t.open({
-          title: i("inventory.common.success"),
-          message: i("inventory.recipe.create.success", { name: $.value.name }),
-          type: "success"
-        });
-      } catch (m) {
-        m instanceof Je || t.open({
-          title: i("inventory.recipe.create.error.title"),
-          message: i("inventory.recipe.create.error.message"),
-          type: "error"
-        });
-      } finally {
-        a.value = !1;
-      }
-    }
-    async function h() {
-      a.value = !0;
-      try {
-        await l.updateRecipe($.value), r.value = !1, t.open({
-          title: i("inventory.common.success"),
-          message: i("inventory.recipe.update.success", { name: $.value.name }),
-          type: "success"
-        });
-      } catch (m) {
-        m instanceof Je || t.open({
-          title: i("inventory.recipe.update.error.title"),
-          message: i("inventory.recipe.update.error.message"),
-          type: "error"
-        });
-      } finally {
-        a.value = !1;
-      }
-    }
-    function C() {
-      var m, _;
-      (_ = (m = s.value) == null ? void 0 : m.validateInputs) == null || _.call(m);
-    }
-    function I() {
-      switch (d.mode) {
-        case se.READ:
-          return;
-        case se.UPDATE:
-          return h();
-        case se.CREATE:
-          return g();
-      }
-    }
-    return (m, _) => {
-      const w = G("FmButton"), y = G("FmSideSheet");
-      return v(), Y(y, {
-        "model-value": n(r),
-        "onUpdate:modelValue": _[3] || (_[3] = (e) => De(r) ? r.value = e : null),
-        header: u.value,
-        "close-button": "",
-        "dismiss-away": "",
-        "max-width": 800
-      }, {
-        "side-sheet-footer": J(() => [
-          f("div", fo, [
-            x(w, {
-              loading: a.value,
-              label: o.value,
-              onClick: C
-            }, null, 8, ["loading", "label"]),
-            x(w, {
-              disabled: a.value,
-              label: n(i)("common.close"),
-              variant: "tertiary",
-              onClick: _[2] || (_[2] = (e) => r.value = !1)
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        default: J(() => [
-          x(mo, {
-            class: "w-full",
-            ref_key: "hasValidationExpose",
-            ref: s,
-            modelValue: n($),
-            "onUpdate:modelValue": _[0] || (_[0] = (e) => De($) ? $.value = e : null),
-            mode: m.mode,
-            disabled: a.value,
-            "onClick:submit": _[1] || (_[1] = (e) => I())
-          }, null, 8, ["modelValue", "mode", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value", "header"]);
-    };
-  }
-});
-function ke(p, d, l) {
-  const t = [];
-  for (const i of p)
-    if (i.type === be.enum.SKU)
-      t.push({ ...i, recipeIds: [...d] });
-    else if (i.type === be.enum.SKU_GROUP)
-      t.push({ ...i, isGroup: !0, recipeIds: [...d] });
-    else if (i.type === be.enum.RECIPE) {
-      const r = l[i.id];
-      r && !d.has(i.id) && t.push(
-        ...ke(r.contains, /* @__PURE__ */ new Set([...d, i.id]), l)
-      );
-    }
-  return t;
-}
-function yo(p, d) {
-  return he.equal(p, d);
-}
-function Ae(p) {
-  if (p == null) return null;
-  const d = p.$and, l = p.$or;
-  return Array.isArray(d) && d.length === 0 || Array.isArray(l) && l.length === 0 || Object.keys(p).length === 0 ? null : JSON.stringify(p);
-}
-function Te(p) {
-  const d = (p ?? []).map((l) => ({
-    _id: l._id,
-    trackingMeasurement: l.trackingMeasurement ?? null,
-    priority: l.priority ?? null,
-    default: l.default ?? null
-  })).sort((l, t) => l._id.localeCompare(t._id));
-  return JSON.stringify(d);
-}
-function Xe(p) {
-  return p.measurement ? he.multiplyDecimal(p.amount, p.measurement.conversion) : p.amount;
-}
-function Me(p, d) {
-  var i, r;
-  if (p.type !== d.type || p.id !== d.id || !yo(Xe(p), Xe(d))) return !1;
-  const l = ((i = p.measurement) == null ? void 0 : i.id) ?? null, t = ((r = d.measurement) == null ? void 0 : r.id) ?? null;
-  return !(l !== t || Ae(p.rules) !== Ae(d.rules) || Te(p.alternatives) !== Te(d.alternatives));
-}
-function Ze(p, d) {
-  return p.type === d.type && p.id === d.id;
-}
-function bo(p, d) {
-  const l = [];
-  let t = [...p.contains];
-  for (const r of d)
-    switch (r.type) {
-      case "remove-binding": {
-        const $ = t.findIndex(
-          (u) => u.type === r.target.type && u.id === r.target.id
-        );
-        $ === -1 ? l.push({ change: r, outcome: "ignored", reason: "Source binding not found in target" }) : (t = [...t.slice(0, $), ...t.slice($ + 1)], l.push({ change: r, outcome: "applied" }));
-        break;
-      }
-      case "add-binding": {
-        if (t.find((o) => Me(o, r.binding))) {
-          l.push({ change: r, outcome: "already-satisfied", reason: "Exact binding already present" });
-          break;
-        }
-        if (t.find((o) => Ze(o, r.binding))) {
-          l.push({ change: r, outcome: "blocked", reason: "A similar but non-exact binding already exists" });
-          break;
-        }
-        if (p.version === "v2" && r.binding.type === "RECIPE") {
-          l.push({ change: r, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
-          break;
-        }
-        if (p.version !== "v2" && (r.binding.alternatives ?? []).length > 0) {
-          l.push({ change: r, outcome: "blocked", reason: "Cannot add a binding with alternatives to a non-V2 recipe" });
-          break;
-        }
-        t = [...t, r.binding], l.push({ change: r, outcome: "applied" });
-        break;
-      }
-      case "replace-binding": {
-        const $ = t.findIndex(
-          (s) => s.type === r.from.type && s.id === r.from.id
-        ), u = t.find((s) => Me(s, r.to)), o = t.find((s, a) => a !== $ && Ze(s, r.to) && !Me(s, r.to));
-        if ($ === -1) {
-          u ? l.push({ change: r, outcome: "already-satisfied", reason: "Target already has exact replacement" }) : l.push({ change: r, outcome: "ignored", reason: "Source binding not found in target" });
-          break;
-        }
-        if (p.version === "v2" && r.to.type === "RECIPE") {
-          l.push({ change: r, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
-          break;
-        }
-        if (p.version !== "v2" && (r.to.alternatives ?? []).length > 0) {
-          l.push({ change: r, outcome: "blocked", reason: "Cannot apply a binding with alternatives to a non-V2 recipe" });
-          break;
-        }
-        if (o) {
-          l.push({ change: r, outcome: "blocked", reason: "A similar but non-exact replacement binding already exists" });
-          break;
-        }
-        u ? (t = [...t.slice(0, $), ...t.slice($ + 1)], l.push({ change: r, outcome: "applied", reason: "Source removed; replacement already present" })) : (t = [
-          ...t.slice(0, $),
-          r.to,
-          ...t.slice($ + 1)
-        ], l.push({ change: r, outcome: "applied" }));
-        break;
-      }
-      case "update-binding-rule": {
-        const $ = t.findIndex(
-          (a) => a.type === r.target.type && a.id === r.target.id
-        );
-        if ($ === -1) {
-          l.push({ change: r, outcome: "ignored", reason: "Binding not found in target" });
-          break;
-        }
-        const u = t[$], o = u.rules ?? null, s = r.rule ?? null;
-        if (Ae(o) === Ae(s)) {
-          l.push({ change: r, outcome: "already-satisfied", reason: "Rule already matches" });
-          break;
-        }
-        t = [
-          ...t.slice(0, $),
-          { ...u, rules: s },
-          ...t.slice($ + 1)
-        ], l.push({ change: r, outcome: "applied" });
-        break;
-      }
-      case "update-alternatives": {
-        if (p.version !== "v2") {
-          l.push({ change: r, outcome: "blocked", reason: "Cannot update alternatives on a non-V2 recipe" });
-          break;
-        }
-        const $ = t.findIndex(
-          (a) => a.type === r.target.type && a.id === r.target.id
-        );
-        if ($ === -1) {
-          l.push({ change: r, outcome: "ignored", reason: "Binding not found in target" });
-          break;
-        }
-        const u = t[$], o = Te(u.alternatives), s = Te(r.alternatives);
-        if (o === s) {
-          l.push({ change: r, outcome: "already-satisfied", reason: "Alternatives already match" });
-          break;
-        }
-        t = [
-          ...t.slice(0, $),
-          { ...u, alternatives: r.alternatives },
-          ...t.slice($ + 1)
-        ], l.push({ change: r, outcome: "applied" });
-        break;
-      }
-    }
-  return { projected: { ...p, contains: t }, results: l };
-}
-function et(p) {
-  switch (p.type) {
-    case "add-binding":
-      return p.binding.id !== "";
-    case "remove-binding":
-      return p.target.id !== "";
-    case "replace-binding":
-      return p.from.id !== "" && p.to.id !== "";
-    case "update-binding-rule":
-      return p.target.id !== "";
-    case "update-alternatives":
-      return p.target.id !== "";
-  }
-}
-function go(p) {
-  if (p.length === 0) return "no-applicable-changes";
-  let d = 0, l = 0, t = 0, i = 0;
-  for (const r of p)
-    r.outcome === "applied" ? d++ : r.outcome === "blocked" ? l++ : r.outcome === "ignored" ? t++ : r.outcome === "already-satisfied" && i++;
-  return l > 0 && d === 0 ? "blocked" : i === p.length ? "already-satisfied" : d > 0 && (t > 0 || l > 0) ? "partially-ignored" : d > 0 ? "will-update" : "no-applicable-changes";
-}
-let _o = 0;
-function ko(p = null) {
-  return {
-    id: String(++_o),
-    type: p,
-    itemId: null,
-    amountModel: ye()
-  };
-}
-function ut(p, d, l, t) {
-  for (const i of p)
-    if (i.type === "RECIPE") {
-      if (i.id === d) return !0;
-      if (!l.has(i.id)) {
-        const r = t[i.id];
-        if (r && ut(r.contains, d, /* @__PURE__ */ new Set([...l, i.id]), t))
-          return !0;
-      }
-    }
-  return !1;
-}
-const ge = ot("recipeBulkEditor", function() {
-  const d = ne(), l = Le(), { t } = ie(), i = W(!1), r = W(1), $ = W(null), u = W(/* @__PURE__ */ new Set()), o = W([]), s = W({}), a = W(!1), g = W(/* @__PURE__ */ new Map()), h = W(""), C = W([]), I = R(() => {
-    let O = d.recipes;
-    const M = $.value;
-    if (M != null && M.nameSearch) {
-      const j = M.nameSearch.trim().toLowerCase();
-      j && (O = O.filter((q) => q.name.toLowerCase().includes(j)));
-    }
-    if (M != null && M.filters && M.filters.length > 0) {
-      const j = /* @__PURE__ */ new Map();
-      for (const q of O)
-        j.set(
-          q._id,
-          ke(q.contains, /* @__PURE__ */ new Set([q._id]), d.recipeById)
-        );
-      for (const q of M.filters)
-        if (q.type === "ingredient") {
-          const { itemId: oe, amount: Z, measurementId: ae } = q;
-          O = O.filter((fe) => (j.get(fe._id) ?? []).some((re) => {
-            var ce;
-            if (re.type !== "SKU" || re.id !== oe) return !1;
-            if (re.recipeIds.length === 1) {
-              if (Z != null) {
-                const Ue = re.measurement ? he.multiplyDecimal(re.amount, re.measurement.conversion) : re.amount;
-                if (!he.equal(Ue, Z)) return !1;
-              }
-              if (ae != null && (((ce = re.measurement) == null ? void 0 : ce.id) ?? null) !== ae)
-                return !1;
-            }
-            return !0;
-          }));
-        } else if (q.type === "recipe") {
-          const oe = q.itemId;
-          O = O.filter(
-            (Z) => ut(Z.contains, oe, /* @__PURE__ */ new Set([Z._id]), d.recipeById)
-          );
-        }
-    }
-    return O;
-  }), m = R(
-    () => I.value.filter((O) => !u.value.has(O._id))
-  ), _ = R(() => m.value.length > 0), w = R(() => {
-    const O = o.value.filter(et);
-    if (O.length === 0) {
-      const j = {};
-      for (const q of m.value)
-        j[q._id] = {
-          recipeId: q._id,
-          recipeName: q.name,
-          original: q,
-          projected: null,
-          status: "no-applicable-changes",
-          changes: [],
-          counts: { applied: 0, ignored: 0, blocked: 0, satisfied: 0 }
-        };
-      return j;
-    }
-    const M = {};
-    for (const j of m.value) {
-      const q = JSON.parse(JSON.stringify(j)), { projected: oe, results: Z } = bo(q, O), ae = go(Z);
-      let fe = 0, xe = 0, re = 0, ve = 0;
-      for (const ce of Z)
-        ce.outcome === "applied" ? fe++ : ce.outcome === "ignored" ? xe++ : ce.outcome === "blocked" ? re++ : ce.outcome === "already-satisfied" && ve++;
-      M[j._id] = {
-        recipeId: j._id,
-        recipeName: j.name,
-        original: q,
-        projected: ae === "will-update" || ae === "partially-ignored" ? oe : null,
-        status: ae,
-        changes: Z,
-        counts: { applied: fe, ignored: xe, blocked: re, satisfied: ve }
-      };
-    }
-    return M;
-  }), y = R(() => o.value.some(et) ? Object.values(w.value).some(
-    (O) => O.status === "will-update" || O.status === "partially-ignored"
-  ) : !1);
-  function e() {
-    c(), i.value = !0;
-  }
-  function S() {
-    i.value = !1;
-  }
-  function c() {
-    r.value = 1, $.value = null, u.value = /* @__PURE__ */ new Set(), o.value = [], s.value = {}, a.value = !1, g.value = /* @__PURE__ */ new Map(), h.value = "", C.value = [];
-  }
-  function k(O) {
-    $.value = O;
-  }
-  function N(O) {
-    const M = new Set(u.value);
-    M.add(O), u.value = M;
-  }
-  function z() {
-    u.value = /* @__PURE__ */ new Set();
-  }
-  function b(O) {
-    o.value = [...o.value, O];
-  }
-  function B(O, M) {
-    const j = [...o.value];
-    j[O] = M, o.value = j;
-  }
-  function F(O) {
-    o.value = o.value.filter((M, j) => j !== O);
-  }
-  function A(O, M) {
-    const j = [...o.value], [q] = j.splice(O, 1);
-    j.splice(M, 0, q), o.value = j;
-  }
-  function P() {
-    s.value = { ...w.value }, r.value = 3;
-  }
-  function K() {
-    s.value = {}, r.value = 2;
-  }
-  function H() {
-    return Object.values(s.value).filter(
-      (O) => (O.status === "will-update" || O.status === "partially-ignored") && O.projected != null
-    ).map((O) => O.projected);
-  }
-  async function ee() {
-    if (!a.value) {
-      a.value = !0, g.value = /* @__PURE__ */ new Map();
-      try {
-        const O = H(), M = await d.importRecipes({
-          create: [],
-          update: O
-        }), j = (M == null ? void 0 : M.errors) ?? [];
-        if (j.length > 0) {
-          const q = /* @__PURE__ */ new Map();
-          for (const { data: oe, error: Z } of j) {
-            const ae = typeof Z == "string" ? Z : (Z == null ? void 0 : Z.message) ?? t("inventory.recipe.bulkEditor.step3.unknownError");
-            q.set(oe._id, ae);
-          }
-          g.value = q, l.open({
-            title: t("inventory.recipe.bulkEditor.step3.partialErrorTitle"),
-            message: t("inventory.recipe.bulkEditor.step3.partialErrorMessage", {
-              count: j.length
-            }),
-            type: "warning"
-          });
-        } else
-          l.open({
-            title: t("inventory.recipe.bulkEditor.step3.successTitle"),
-            message: t("inventory.recipe.bulkEditor.step3.successMessage", {
-              count: O.length
-            }),
-            type: "success"
-          }), i.value = !1, c();
-      } catch (O) {
-        l.open({
-          title: t("inventory.recipe.bulkEditor.step3.errorTitle"),
-          message: t("inventory.recipe.bulkEditor.step3.errorMessage"),
-          type: "error"
-        }), console.error("confirmAndApply failed", O);
-      } finally {
-        a.value = !1;
-      }
-    }
-  }
-  return {
-    // state
-    show: i,
-    currentStep: r,
-    query: $,
-    excludedRecipeIds: u,
-    modifications: o,
-    entries: s,
-    isSaving: a,
-    applyErrors: g,
-    nameSearch: h,
-    filterRows: C,
-    // computed
-    matchedRecipes: I,
-    selectedRecipes: m,
-    livePreviewEntries: w,
-    canGoToStep2: _,
-    canGoToStep3: y,
-    // actions
-    openDialog: e,
-    closeDialog: S,
-    reset: c,
-    updateQuery: k,
-    removeRecipe: N,
-    restoreAllRecipes: z,
-    addModification: b,
-    updateModification: B,
-    removeModification: F,
-    reorderModification: A,
-    goToStep3: P,
-    backToStep2: K,
-    buildPayload: H,
-    confirmAndApply: ee
-  };
-}), ho = { class: "flex flex-col h-full" }, xo = { class: "px-16 pt-16 pb-8 shrink-0 flex items-center justify-between" }, $o = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, Io = { class: "px-16 pt-12 pb-16 border-b border-fm-color-border-default bg-fm-color-surface-default flex flex-col gap-12 shrink-0" }, wo = {
-  key: 0,
-  class: "flex flex-wrap items-center gap-8"
-}, Eo = {
-  type: "button",
-  class: "inline-flex items-center gap-4 h-[30px] pl-8 pr-6 rounded-l-md border border-r-0 border-fm-color-border-default bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover cursor-pointer select-none transition-colors"
-}, Vo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, So = { class: "flex flex-col gap-8 p-12 min-w-[260px]" }, Co = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, Bo = {
-  key: 0,
-  class: "flex flex-col gap-4"
-}, Fo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ro = { class: "text-fm-color-typo-placeholder ml-4" }, Ao = ["title", "onClick"], To = { class: "flex-1 overflow-y-auto" }, Uo = {
-  key: 0,
-  class: "flex flex-col items-center justify-center h-full gap-8 px-24 text-center"
-}, Po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = {
-  key: 1,
-  class: "divide-y divide-fm-color-border-default"
-}, Do = { class: "flex-1 min-w-0" }, Go = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, No = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1 whitespace-normal break-words"
-}, zo = { class: "flex items-center gap-4 mt-2" }, Oo = /* @__PURE__ */ le({
-  __name: "RecipeBulkEditorStep1",
-  setup(p) {
-    const { t: d } = ie(), l = ne(), t = ge(), i = R({
-      get: () => t.nameSearch,
-      set: (y) => {
-        t.nameSearch = y;
-      }
-    }), r = R(() => t.filterRows), $ = W({});
-    function u(y) {
-      return $.value[y] ?? !1;
-    }
-    function o(y, e) {
-      $.value = { ...$.value, [y]: e };
-    }
-    const s = R(
-      () => l.skus.map((y) => ({
-        label: y.name,
-        sublabel: y.code,
-        value: y._id
-      }))
-    ), a = R(
-      () => l.recipes.map((y) => ({
-        label: y.name,
-        value: y._id
-      }))
-    );
-    function g(y) {
-      return y.type !== "ingredient" || !y.itemId ? null : l.skuById[y.itemId] ?? null;
-    }
-    function h(y) {
-      var e;
-      if (!y.type) return d("inventory.recipe.bulkEditor.step1.filter");
-      if (y.type === "ingredient") {
-        if (!y.itemId) return d("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
-        const S = l.skuById[y.itemId];
-        if (!S) return d("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
-        const { amount: c, measurement: k } = y.amountModel;
-        if (!(c != null && c.amount > 0)) return S.name;
-        const z = (k == null ? void 0 : k.abbrev) ?? ((e = S.unit) == null ? void 0 : e.abbrev) ?? "", b = Q(c);
-        return `${S.name} (${b}${z})`;
-      }
-      if (y.type === "recipe") {
-        if (!y.itemId) return d("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
-        const S = l.recipeById[y.itemId];
-        return S ? S.name : d("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
-      }
-      return "";
-    }
-    function C(y) {
-      const e = ko(y);
-      t.filterRows.push(e), o(e.id, !0);
-    }
-    function I(y) {
-      t.filterRows = t.filterRows.filter((S) => S.id !== y);
-      const e = { ...$.value };
-      delete e[y], $.value = e;
-    }
-    function m(y) {
-      y.amountModel = ye(), o(y.id, !0);
-    }
-    ue(
-      [i, r],
-      () => {
-        const y = [];
-        for (const c of r.value)
-          if (!(!c.type || !c.itemId))
-            if (c.type === "ingredient") {
-              const k = g(c), { amount: N, measurement: z } = c.amountModel, b = N != null && N.amount > 0;
-              let B, F;
-              k && b && (B = z ? he.multiplyDecimal(N, z.conversion) : N, F = (z == null ? void 0 : z.id) ?? null), y.push({
-                id: c.id,
-                type: "ingredient",
-                itemId: c.itemId,
-                amount: B ?? null,
-                measurementId: F
-              });
-            } else c.type === "recipe" && y.push({
-              id: c.id,
-              type: "recipe",
-              itemId: c.itemId
-            });
-        t.updateQuery({
-          nameSearch: i.value,
-          filters: y
-        });
-        const e = i.value.trim().length > 0, S = y.length > 0;
-        !e && !S && t.restoreAllRecipes();
-      },
-      { deep: !0, immediate: !0 }
-    );
-    function _(y) {
-      var k, N, z, b;
-      if (y.isGroup) {
-        const B = l.skuGroupById[y.id];
-        if (!B) return null;
-        const F = `x${Q(y.amount)}`;
-        return y.recipeIds.slice(1).length ? `(${((k = l.recipeById[y.recipeIds.at(-1) ?? ""]) == null ? void 0 : k.name) ?? ""}) ${B.name} (${F})` : `${B.name} (${F})`;
-      }
-      const e = l.skuById[y.id];
-      if (!e) return null;
-      const S = ((N = y.measurement) == null ? void 0 : N.abbrev) ?? ((z = e.unit) == null ? void 0 : z.abbrev) ?? "", c = `${Q(y.amount)}${S}`;
-      return y.recipeIds.slice(1).length ? `(${((b = l.recipeById[y.recipeIds.at(-1) ?? ""]) == null ? void 0 : b.name) ?? ""}) ${e.name} (${c})` : `${e.name} (${c})`;
-    }
-    function w(y) {
-      return ke(y.contains, /* @__PURE__ */ new Set([y._id]), l.recipeById).map(_).filter((e) => e !== null).join(", ");
-    }
-    return (y, e) => {
-      const S = G("FmButton"), c = G("FmSearch"), k = G("FmSelect"), N = G("FmPopover"), z = G("FmIcon"), b = G("FmMenuItem"), B = G("FmMenu"), F = G("FmChip");
-      return v(), V("div", ho, [
-        f("div", xo, [
-          f("span", $o, U(n(d)("inventory.recipe.bulkEditor.step1.selectedCount", {
-            count: n(t).selectedRecipes.length
-          })), 1),
-          n(t).excludedRecipeIds.size > 0 ? (v(), Y(S, {
-            key: 0,
-            label: n(d)("inventory.recipe.bulkEditor.step1.restoreAll"),
-            variant: "tertiary",
-            size: "md",
-            onClick: e[0] || (e[0] = (A) => n(t).restoreAllRecipes())
-          }, null, 8, ["label"])) : T("", !0)
-        ]),
-        f("div", Io, [
-          x(c, {
-            modelValue: i.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (A) => i.value = A),
-            placeholder: n(d)("inventory.recipe.bulkEditor.query.nameSearchPlaceholder")
-          }, null, 8, ["modelValue", "placeholder"]),
-          r.value.length > 0 ? (v(), V("div", wo, [
-            (v(!0), V(X, null, me(r.value, (A) => (v(), V("div", {
-              key: A.id,
-              class: "flex items-center"
-            }, [
-              x(N, {
-                "show-popover": u(A.id),
-                "exclude-el-from-click-outside": ["fm-menu"],
-                placement: "bottom-start",
-                onPopoverChanged: (P) => o(A.id, P)
-              }, {
-                "popover-button": J(() => [
-                  f("button", Eo, [
-                    f("span", Vo, U(h(A)), 1)
-                  ])
-                ]),
-                default: J(() => [
-                  f("div", So, [
-                    f("p", Co, U(A.type === "ingredient" ? n(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient") : n(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe")), 1),
-                    A.type === "ingredient" ? (v(), V(X, { key: 0 }, [
-                      x(k, {
-                        modelValue: A.itemId,
-                        "onUpdate:modelValue": [(P) => A.itemId = P, (P) => m(A)],
-                        items: s.value,
-                        placeholder: n(d)("inventory.recipe.bulkEditor.step1.selectIngredient"),
-                        clearable: ""
-                      }, {
-                        "menu-wrapper": J((P) => [
-                          x(Fe, we({ ref_for: !0 }, P, {
-                            items: s.value,
-                            "model-value": A.itemId
-                          }), null, 16, ["items", "model-value"])
-                        ]),
-                        _: 2
-                      }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"]),
-                      g(A) ? (v(), V("div", Bo, [
-                        f("span", Fo, [
-                          mt(U(n(d)("inventory.recipe.bulkEditor.step1.amountLabel")) + " ", 1),
-                          f("span", Ro, U(n(d)("inventory.recipe.bulkEditor.step1.amountOptional")), 1)
-                        ]),
-                        x(Be, {
-                          modelValue: A.amountModel,
-                          "onUpdate:modelValue": (P) => A.amountModel = P,
-                          unit: g(A).unit,
-                          placeholder: n(d)("inventory.recipe.bulkEditor.step1.amountPlaceholder"),
-                          "convert-amount-on-change-unit": ""
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "unit", "placeholder"])
-                      ])) : T("", !0)
-                    ], 64)) : A.type === "recipe" ? (v(), Y(k, {
-                      key: 1,
-                      modelValue: A.itemId,
-                      "onUpdate:modelValue": [(P) => A.itemId = P, (P) => m(A)],
-                      items: a.value,
-                      placeholder: n(d)("inventory.recipe.bulkEditor.step1.selectRecipe"),
-                      clearable: ""
-                    }, {
-                      "menu-wrapper": J((P) => [
-                        x(Fe, we({ ref_for: !0 }, P, {
-                          items: a.value,
-                          "model-value": A.itemId
-                        }), null, 16, ["items", "model-value"])
-                      ]),
-                      _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"])) : T("", !0)
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["show-popover", "onPopoverChanged"]),
-              f("button", {
-                type: "button",
-                class: "inline-flex items-center justify-center h-[30px] w-[26px] rounded-r-md border border-l-0 border-fm-color-border-default bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover text-fm-color-typo-secondary hover:text-fm-color-typo-primary cursor-pointer transition-colors",
-                title: n(d)("inventory.recipe.bulkEditor.step1.removeFilter"),
-                onClick: (P) => I(A.id)
-              }, [
-                x(z, {
-                  name: "close",
-                  size: "sm"
-                })
-              ], 8, Ao)
-            ]))), 128))
-          ])) : T("", !0),
-          x(B, {
-            "close-on-click": !0,
-            placement: "bottom-start"
-          }, {
-            "menu-button": J(() => [
-              x(S, {
-                label: n(d)("inventory.recipe.bulkEditor.step1.filter"),
-                variant: "secondary",
-                size: "md",
-                "prepend-icon": "add",
-                class: "self-start"
-              }, null, 8, ["label"])
-            ]),
-            default: J(() => [
-              x(b, {
-                label: n(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient"),
-                icon: "inventory_2",
-                onClick: e[2] || (e[2] = (A) => C("ingredient"))
-              }, null, 8, ["label"]),
-              x(b, {
-                label: n(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe"),
-                icon: "restaurant_menu",
-                onClick: e[3] || (e[3] = (A) => C("recipe"))
-              }, null, 8, ["label"])
-            ]),
-            _: 1
-          })
-        ]),
-        f("div", To, [
-          n(t).selectedRecipes.length === 0 ? (v(), V("div", Uo, [
-            x(z, {
-              name: "search_off",
-              size: "lg",
-              class: "text-fm-color-typo-placeholder"
-            }),
-            f("p", Po, U(n(d)("inventory.recipe.bulkEditor.query.noResults")), 1)
-          ])) : (v(), V("div", Mo, [
-            (v(!0), V(X, null, me(n(t).selectedRecipes, (A) => (v(), V("div", {
-              key: A._id,
-              class: "flex items-center gap-12 px-16 py-12 hover:bg-fm-color-surface-hover transition-colors"
-            }, [
-              f("div", Do, [
-                f("div", Go, U(A.name), 1),
-                A.contains.length > 0 ? (v(), V("div", No, U(w(A)), 1)) : T("", !0),
-                f("div", zo, [
-                  A.version === "v2" ? (v(), Y(F, {
-                    key: 0,
-                    size: "sm",
-                    label: "V2",
-                    variant: "info"
-                  })) : T("", !0)
-                ])
-              ]),
-              x(S, {
-                variant: "tertiary",
-                icon: "do_not_disturb_on",
-                title: n(d)("inventory.recipe.bulkEditor.step1.removeRecipeTooltip"),
-                onClick: (P) => n(t).removeRecipe(A._id)
-              }, null, 8, ["title", "onClick"])
-            ]))), 128))
-          ]))
-        ])
-      ]);
-    };
-  }
-}), jo = { class: "flex flex-col gap-0 rounded-lg border border-fm-color-border-default bg-fm-color-surface-default overflow-hidden" }, Lo = { class: "flex items-start gap-12 px-16 py-12" }, Ko = { class: "flex-1" }, qo = { class: "flex-1" }, Wo = {
-  key: 0,
-  class: "border-t border-fm-color-border-default px-16 py-10 flex items-center gap-10"
-}, Yo = {
-  key: 1,
-  class: "border-t border-fm-color-border-default px-16 py-10 flex items-start gap-8 bg-fm-color-surface-warning"
-}, Jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, Ho = {
-  key: 2,
-  class: "border-t border-fm-color-border-default px-16 py-12 flex flex-col gap-12"
-}, Qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, Xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ei = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, ti = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary -mt-8" }, ni = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, oi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ii = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, li = /* @__PURE__ */ le({
-  __name: "ModificationCard",
-  props: {
-    modelValue: {},
-    livePreviewEntries: {}
-  },
-  emits: ["update:modelValue"],
-  setup(p, { emit: d }) {
-    const l = p, t = d, { t: i } = ie(), r = ne(), $ = We();
-    function u(E) {
-      const D = E.type === "replace-binding" ? E.from.type : E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives" ? E.target.type : E.type === "add-binding" ? E.binding.type : null;
-      return D ? D === "RECIPE" ? "recipe" : "ingredient" : null;
-    }
-    function o(E) {
-      return E.type === "update-alternatives" ? !0 : E.type === "add-binding" ? (E.binding.alternatives ?? []).length > 0 : E.type === "replace-binding" ? (E.to.alternatives ?? []).length > 0 : !1;
-    }
-    function s(E) {
-      switch (E.type) {
-        case "add-binding":
-          return "link";
-        case "replace-binding":
-          return E.from.id === E.to.id ? "update" : null;
-        case "remove-binding":
-          return "remove";
-        case "update-binding-rule":
-          return null;
-        case "update-alternatives":
-          return "alts";
-      }
-    }
-    function a(E) {
-      return E.type === "replace-binding" ? E.from.id || null : (E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives") && E.target.id || null;
-    }
-    function g(E) {
-      return E.type === "add-binding" && E.binding.id || null;
-    }
-    function h(E) {
-      const D = E.type === "replace-binding" ? E.to : E.type === "add-binding" ? E.binding : null;
-      return D ? { amount: D.amount, measurement: D.measurement ?? null } : ye();
-    }
-    function C(E) {
-      return E.type === "replace-binding" ? E.to.rules ?? null : E.type === "add-binding" ? E.binding.rules ?? null : null;
-    }
-    function I(E) {
-      return E.type === "update-alternatives" ? E.alternatives ?? [] : E.type === "add-binding" ? E.binding.alternatives ?? [] : [];
-    }
-    const m = W(u(l.modelValue)), _ = W(s(l.modelValue)), w = W(o(l.modelValue)), y = W(a(l.modelValue)), e = W(g(l.modelValue)), S = W(h(l.modelValue)), c = W(C(l.modelValue)), k = W(I(l.modelValue)), N = W(
-      (() => {
-        const E = h(l.modelValue);
-        return E.amount ? Q(E.amount) : "";
-      })()
-    );
-    let z = null;
-    function b(E) {
-      N.value = E, z && clearTimeout(z), z = setTimeout(() => {
-        const D = +E;
-        S.value = {
-          amount: E.length > 0 && isFinite(D) ? Ke(D) : { amount: 0, precision: 0 },
-          measurement: null
-        };
-      }, 300);
-    }
-    ue(m, () => {
-      _.value = null, w.value = !1, y.value = null, e.value = null, S.value = ye(), c.value = null, k.value = [], N.value = "";
-    }), ue(_, () => {
-      y.value = null, e.value = null, S.value = ye(), c.value = null, k.value = [], N.value = "";
-    }), ue(w, (E) => {
-      E || (k.value = [], _.value === "alts" && (_.value = null));
-    });
-    const B = R(() => [
-      { label: i("inventory.recipe.bulkEditor.step2.fieldIngredient"), value: "ingredient" },
-      { label: i("inventory.recipe.bulkEditor.step2.fieldRecipe"), value: "recipe" }
-    ]), F = R(() => {
-      const E = [
-        { label: i("inventory.recipe.bulkEditor.step2.actionLink"), value: "link" },
-        { label: i("inventory.recipe.bulkEditor.step2.actionUpdate"), value: "update" },
-        { label: i("inventory.recipe.bulkEditor.step2.actionRemove"), value: "remove" }
-      ];
-      return m.value === "ingredient" && w.value && $.enableRecipeV2 && E.push({ label: i("inventory.recipe.bulkEditor.step2.actionAlts"), value: "alts" }), E;
-    }), A = R(() => m.value !== null && _.value !== null), P = R(
-      () => _.value === "update" || _.value === "remove" || _.value === "alts"
-    ), K = R(
-      () => _.value === "link"
-    ), H = R(
-      () => _.value === "update" && y.value !== null
-    ), ee = R(
-      () => m.value === "ingredient" && w.value && $.enableRecipeV2
-    ), O = R(
-      () => r.skus.map((E) => ({ label: E.name, sublabel: E.code, value: E._id }))
-    ), M = R(
-      () => r.recipes.map((E) => ({ label: E.name, value: E._id }))
-    ), j = R(() => m.value === "recipe" ? M.value : O.value), q = R(() => m.value === "recipe" ? M.value : O.value), oe = R(() => m.value !== "ingredient" || !e.value ? null : r.skuById[e.value] ?? null), Z = R(() => m.value !== "ingredient" || !y.value ? null : r.skuById[y.value] ?? null), ae = R(() => {
-      const E = y.value ?? e.value;
-      return E ? [E] : [];
-    }), fe = R(() => ee.value ? Object.values(l.livePreviewEntries).filter(
-      (E) => E.original.version !== "v2"
-    ).length : 0), xe = R(() => Object.values(l.livePreviewEntries).length);
-    ue(
-      () => [_.value, y.value],
-      ([E, D], [te, pe]) => {
-        if (E !== "alts" || D === pe) return;
-        if (!D) {
-          k.value = [];
-          return;
-        }
-        const $e = Object.values(l.livePreviewEntries).find(
-          (L) => L.original.version === "v2" && L.original.contains.some((Ie) => Ie.type === "SKU" && Ie.id === D)
-        );
-        if ($e) {
-          const L = $e.original.contains.find((Ie) => Ie.type === "SKU" && Ie.id === D);
-          k.value = L != null && L.alternatives ? [...L.alternatives] : [];
-        } else
-          k.value = [];
-      }
-    );
-    const re = R(() => _.value !== "alts" || !y.value ? 0 : Object.values(l.livePreviewEntries).filter(
-      (E) => E.original.version === "v2" && E.original.contains.some((D) => D.type === "SKU" && D.id === y.value)
-    ).length);
-    function ve() {
-      return m.value === "recipe" ? "RECIPE" : "SKU";
-    }
-    function ce() {
-      const E = ve(), D = ye().amount, te = {
-        type: E,
-        id: "",
-        amount: D,
-        measurement: null,
-        rules: null,
-        alternatives: []
-      };
-      switch (_.value) {
-        case "update":
-          return { type: "replace-binding", from: { type: E, id: "" }, to: te };
-        case "remove":
-          return { type: "remove-binding", target: { type: E, id: "" } };
-        case "alts":
-          return { type: "update-alternatives", target: { type: E, id: "" }, alternatives: [] };
-        case "link":
-        default:
-          return { type: "add-binding", binding: te };
-      }
-    }
-    function Ue() {
-      return y.value ? { type: ve(), id: y.value } : null;
-    }
-    function Ye(E = !1) {
-      const D = E ? y.value : e.value;
-      if (!D) return null;
-      const { amount: te, measurement: pe } = S.value, Ee = pe ? he.multiplyDecimal(te, pe.conversion) : te;
-      return {
-        type: ve(),
-        id: D,
-        amount: Ee,
-        measurement: pe ?? null,
-        rules: m.value === "recipe" ? c.value ?? null : null,
-        alternatives: ee.value ? k.value : []
-      };
-    }
-    function ct() {
-      if (!m.value) return;
-      if (!_.value) {
-        t("update:modelValue", ce());
-        return;
-      }
-      const E = Ue(), D = Ye(!1);
-      let te = null;
-      switch (_.value) {
-        case "link":
-          D && (te = { type: "add-binding", binding: D });
-          break;
-        case "update": {
-          const pe = Ye(!0);
-          E && pe && (te = { type: "replace-binding", from: E, to: pe });
-          break;
-        }
-        case "remove":
-          E && (te = { type: "remove-binding", target: E });
-          break;
-        case "alts":
-          E && (te = { type: "update-alternatives", target: E, alternatives: k.value });
-          break;
-      }
-      t("update:modelValue", te ?? ce());
-    }
-    return ue(
-      [m, _, w, y, e, S, c, k],
-      () => ct(),
-      { deep: !0 }
-    ), (E, D) => {
-      const te = G("FmSelect"), pe = G("FmSwitch"), Ee = G("FmIcon"), $e = G("FmTextField");
-      return v(), V("div", jo, [
-        f("div", Lo, [
-          f("div", Ko, [
-            x(te, {
-              modelValue: m.value,
-              "onUpdate:modelValue": D[0] || (D[0] = (L) => m.value = L),
-              items: B.value,
-              label: n(i)("inventory.recipe.bulkEditor.step2.sectionField"),
-              placeholder: n(i)("inventory.recipe.bulkEditor.step2.sectionField")
-            }, null, 8, ["modelValue", "items", "label", "placeholder"])
-          ]),
-          f("div", qo, [
-            x(te, {
-              modelValue: _.value,
-              "onUpdate:modelValue": D[1] || (D[1] = (L) => _.value = L),
-              items: F.value,
-              label: n(i)("inventory.recipe.bulkEditor.step2.sectionAction"),
-              placeholder: n(i)("inventory.recipe.bulkEditor.step2.sectionAction")
-            }, null, 8, ["modelValue", "items", "label", "placeholder"])
-          ])
-        ]),
-        m.value === "ingredient" && n($).enableRecipeV2 ? (v(), V("div", Wo, [
-          x(pe, {
-            modelValue: w.value,
-            "onUpdate:modelValue": D[2] || (D[2] = (L) => w.value = L),
-            label: n(i)("inventory.recipe.bulkEditor.step2.includeAlternativesToggle")
-          }, null, 8, ["modelValue", "label"])
-        ])) : T("", !0),
-        ee.value && fe.value > 0 ? (v(), V("div", Yo, [
-          x(Ee, {
-            name: "warning",
-            size: "sm",
-            class: "text-fm-color-typo-warning mt-1 shrink-0"
-          }),
-          f("p", Jo, U(n(i)("inventory.recipe.bulkEditor.step2.v1AlternativesWarning", {
-            v1Count: fe.value,
-            total: xe.value
-          })), 1)
-        ])) : T("", !0),
-        A.value ? (v(), V("div", Ho, [
-          P.value ? (v(), V(X, { key: 0 }, [
-            f("p", Qo, U(n(i)("inventory.recipe.bulkEditor.addModification.targetLabel")), 1),
-            x(te, {
-              modelValue: y.value,
-              "onUpdate:modelValue": D[3] || (D[3] = (L) => y.value = L),
-              items: j.value,
-              placeholder: m.value === "recipe" ? n(i)("inventory.recipe.bulkEditor.addModification.recipePlaceholder") : n(i)("inventory.recipe.bulkEditor.addModification.skuPlaceholder"),
-              clearable: ""
-            }, {
-              "menu-wrapper": J((L) => [
-                x(Fe, we(L, {
-                  items: j.value,
-                  "model-value": y.value
-                }), null, 16, ["items", "model-value"])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "items", "placeholder"]),
-            H.value ? (v(), V(X, { key: 0 }, [
-              m.value === "ingredient" && Z.value ? (v(), Y(Be, {
-                key: 0,
-                modelValue: S.value,
-                "onUpdate:modelValue": D[4] || (D[4] = (L) => S.value = L),
-                unit: Z.value.unit,
-                placeholder: n(i)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
-                "convert-amount-on-change-unit": ""
-              }, null, 8, ["modelValue", "unit", "placeholder"])) : m.value === "recipe" ? (v(), Y($e, {
-                key: 1,
-                "model-value": N.value,
-                label: n(i)("inventory.recipe.bulkEditor.addModification.amountLabel"),
-                type: "number",
-                "onUpdate:modelValue": D[5] || (D[5] = (L) => b(L))
-              }, null, 8, ["model-value", "label"])) : T("", !0),
-              m.value === "recipe" ? (v(), V(X, { key: 2 }, [
-                f("p", Xo, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
-                x(Re, {
-                  modelValue: c.value,
-                  "onUpdate:modelValue": D[6] || (D[6] = (L) => c.value = L)
-                }, null, 8, ["modelValue"])
-              ], 64)) : T("", !0),
-              ee.value ? (v(), V(X, { key: 3 }, [
-                f("p", Zo, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
-                x(Se, {
-                  modelValue: k.value,
-                  "onUpdate:modelValue": D[7] || (D[7] = (L) => k.value = L),
-                  "filter-ingredient-ids": ae.value
-                }, null, 8, ["modelValue", "filter-ingredient-ids"])
-              ], 64)) : T("", !0)
-            ], 64)) : T("", !0),
-            _.value === "alts" && y.value ? (v(), V(X, { key: 1 }, [
-              f("p", ei, U(re.value > 0 ? n(i)("inventory.recipe.bulkEditor.addModification.altsOverwriteWarning", { count: re.value }) : n(i)("inventory.recipe.bulkEditor.addModification.altsNotFoundWarning")), 1),
-              f("p", ti, U(n(i)("inventory.recipe.bulkEditor.addModification.altsClearNote")), 1),
-              x(Se, {
-                modelValue: k.value,
-                "onUpdate:modelValue": D[8] || (D[8] = (L) => k.value = L),
-                "filter-ingredient-ids": ae.value
-              }, null, 8, ["modelValue", "filter-ingredient-ids"])
-            ], 64)) : T("", !0)
-          ], 64)) : T("", !0),
-          K.value ? (v(), V(X, { key: 1 }, [
-            f("p", ni, U(n(i)("inventory.recipe.bulkEditor.addModification.bindingLabel")), 1),
-            x(te, {
-              modelValue: e.value,
-              "onUpdate:modelValue": D[9] || (D[9] = (L) => e.value = L),
-              items: q.value,
-              placeholder: m.value === "recipe" ? n(i)("inventory.recipe.bulkEditor.addModification.recipePlaceholder") : n(i)("inventory.recipe.bulkEditor.addModification.skuPlaceholder"),
-              clearable: ""
-            }, {
-              "menu-wrapper": J((L) => [
-                x(Fe, we(L, {
-                  items: q.value,
-                  "model-value": e.value
-                }), null, 16, ["items", "model-value"])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "items", "placeholder"]),
-            e.value ? (v(), V(X, { key: 0 }, [
-              m.value === "ingredient" && oe.value ? (v(), Y(Be, {
-                key: 0,
-                modelValue: S.value,
-                "onUpdate:modelValue": D[10] || (D[10] = (L) => S.value = L),
-                unit: oe.value.unit,
-                placeholder: n(i)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
-                "convert-amount-on-change-unit": ""
-              }, null, 8, ["modelValue", "unit", "placeholder"])) : m.value === "recipe" ? (v(), Y($e, {
-                key: 1,
-                "model-value": N.value,
-                label: n(i)("inventory.recipe.bulkEditor.addModification.amountLabel"),
-                type: "number",
-                "onUpdate:modelValue": D[11] || (D[11] = (L) => b(L))
-              }, null, 8, ["model-value", "label"])) : T("", !0),
-              m.value === "recipe" ? (v(), V(X, { key: 2 }, [
-                f("p", oi, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
-                x(Re, {
-                  modelValue: c.value,
-                  "onUpdate:modelValue": D[12] || (D[12] = (L) => c.value = L)
-                }, null, 8, ["modelValue"])
-              ], 64)) : T("", !0),
-              ee.value ? (v(), V(X, { key: 3 }, [
-                f("p", ii, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
-                x(Se, {
-                  modelValue: k.value,
-                  "onUpdate:modelValue": D[13] || (D[13] = (L) => k.value = L),
-                  "filter-ingredient-ids": ae.value
-                }, null, 8, ["modelValue", "filter-ingredient-ids"])
-              ], 64)) : T("", !0)
-            ], 64)) : T("", !0)
-          ], 64)) : T("", !0)
-        ])) : T("", !0)
-      ]);
-    };
-  }
-}), ri = { class: "flex flex-col gap-8" }, ai = { class: "flex flex-wrap items-center gap-12 px-4" }, si = {
-  key: 0,
-  class: "flex items-center gap-6"
-}, di = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ui = {
-  key: 1,
-  class: "flex items-center gap-6"
-}, ci = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pi = {
-  key: 2,
-  class: "flex items-center gap-6"
-}, mi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fi = { class: "rounded-lg border border-fm-color-border-default overflow-hidden" }, vi = {
-  key: 0,
-  class: "px-16 py-12 text-center fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
-}, yi = {
-  key: 1,
-  class: "divide-y divide-fm-color-border-default"
-}, bi = { class: "flex items-center gap-12" }, gi = { class: "flex-1 fm-typo-en-body-sm-600 text-fm-color-typo-primary truncate" }, _i = {
-  key: 0,
-  class: "flex flex-col gap-4 pl-8"
-}, ki = { class: "flex-1 fm-typo-en-body-xs-400 text-fm-color-typo-secondary font-mono truncate" }, hi = /* @__PURE__ */ le({
-  __name: "LivePreviewTable",
-  setup(p) {
-    const { t: d } = ie(), l = ge(), t = ne(), i = {
-      "will-update": 0,
-      "partially-ignored": 1,
-      "already-satisfied": 2,
-      blocked: 3,
-      "no-applicable-changes": 4
-    }, r = R(
-      () => Object.values(l.livePreviewEntries).sort(
-        (e, S) => i[e.status] - i[S.status]
-      )
-    ), $ = R(
-      () => r.value.filter((e) => e.status === "will-update").length
-    ), u = R(
-      () => r.value.filter((e) => e.status === "partially-ignored").length
-    ), o = R(
-      () => r.value.filter((e) => e.status === "already-satisfied").length
-    ), s = R(
-      () => r.value.filter((e) => e.status === "blocked").length
-    );
-    function a(e) {
-      switch (e) {
-        case "will-update":
-          return d("inventory.recipe.bulkEditor.status.willUpdate");
-        case "already-satisfied":
-          return d("inventory.recipe.bulkEditor.status.alreadySatisfied");
-        case "partially-ignored":
-          return d("inventory.recipe.bulkEditor.status.partiallyIgnored");
-        case "blocked":
-          return d("inventory.recipe.bulkEditor.status.blocked");
-        case "no-applicable-changes":
-          return d("inventory.recipe.bulkEditor.status.noApplicableChanges");
-        default:
-          return "";
-      }
-    }
-    function g(e) {
-      switch (e) {
-        case "will-update":
-          return "success";
-        case "already-satisfied":
-          return "info";
-        case "partially-ignored":
-          return "warning";
-        case "blocked":
-          return "critical";
-        case "no-applicable-changes":
-          return "neutral";
-        default:
-          return "neutral";
-      }
-    }
-    function h(e, S) {
-      var c, k, N;
-      return e === "SKU" ? ((c = t.skuById[S]) == null ? void 0 : c.name) ?? S : e === "SKU_GROUP" ? ((k = t.skuGroupById[S]) == null ? void 0 : k.name) ?? S : e === "RECIPE" ? ((N = t.recipeById[S]) == null ? void 0 : N.name) ?? S : S;
-    }
-    function C(e) {
-      var c, k;
-      const S = h(e.type, e.id);
-      if (e.type === "SKU") {
-        const N = t.skuById[e.id], z = ((c = e.measurement) == null ? void 0 : c.abbrev) ?? ((k = N == null ? void 0 : N.unit) == null ? void 0 : k.abbrev) ?? "";
-        return `${S} (${Q(e.amount)} ${z})`.trim();
-      }
-      return e.type === "RECIPE" ? `${S} ×${Q(e.amount)}` : S;
-    }
-    function I(e) {
-      return h(e.type, e.id);
-    }
-    function m(e, S) {
-      const c = S.contains.find((k) => k.type === e.type && k.id === e.id);
-      return c ? C(c) : I(e);
-    }
-    function _(e, S) {
-      switch (e.type) {
-        case "add-binding":
-          return `+ ${C(e.binding)}`;
-        case "remove-binding":
-          return `− ${I(e.target)}`;
-        case "replace-binding":
-          return `${m(e.from, S)} → ${C(e.to)}`;
-        case "update-binding-rule":
-          return `Rule: ${I(e.target)}`;
-        case "update-alternatives":
-          return `Alternatives: ${I(e.target)}`;
-      }
-    }
-    function w(e) {
-      switch (e) {
-        case "applied":
-          return "success";
-        case "already-satisfied":
-          return "info";
-        case "ignored":
-          return "neutral";
-        case "blocked":
-          return "critical";
-        default:
-          return "neutral";
-      }
-    }
-    function y(e) {
-      switch (e) {
-        case "applied":
-          return d("inventory.recipe.bulkEditor.livePreview.outcomeApplied");
-        case "already-satisfied":
-          return d("inventory.recipe.bulkEditor.livePreview.outcomeAlreadySatisfied");
-        case "ignored":
-          return d("inventory.recipe.bulkEditor.livePreview.outcomeIgnored");
-        case "blocked":
-          return d("inventory.recipe.bulkEditor.livePreview.outcomeBlocked");
-        default:
-          return e;
-      }
-    }
-    return (e, S) => {
-      const c = G("FmChip");
-      return v(), V("div", ri, [
-        f("div", ai, [
-          $.value + u.value > 0 ? (v(), V("div", si, [
-            x(c, {
-              size: "sm",
-              label: String($.value + u.value),
-              variant: "success"
-            }, null, 8, ["label"]),
-            f("span", di, U(n(d)("inventory.recipe.bulkEditor.livePreview.willUpdate")), 1)
-          ])) : T("", !0),
-          o.value > 0 ? (v(), V("div", ui, [
-            x(c, {
-              size: "sm",
-              label: String(o.value),
-              variant: "info"
-            }, null, 8, ["label"]),
-            f("span", ci, U(n(d)("inventory.recipe.bulkEditor.livePreview.alreadySatisfied")), 1)
-          ])) : T("", !0),
-          s.value > 0 ? (v(), V("div", pi, [
-            x(c, {
-              size: "sm",
-              label: String(s.value),
-              variant: "critical"
-            }, null, 8, ["label"]),
-            f("span", mi, U(n(d)("inventory.recipe.bulkEditor.livePreview.blocked")), 1)
-          ])) : T("", !0)
-        ]),
-        f("div", fi, [
-          r.value.length === 0 ? (v(), V("div", vi, U(n(d)("inventory.recipe.bulkEditor.livePreview.noRecipes")), 1)) : (v(), V("div", yi, [
-            (v(!0), V(X, null, me(r.value, (k) => (v(), V("div", {
-              key: k.recipeId,
-              class: "flex flex-col gap-6 px-16 py-10"
-            }, [
-              f("div", bi, [
-                f("span", gi, U(k.recipeName), 1),
-                x(c, {
-                  size: "sm",
-                  label: a(k.status),
-                  variant: g(k.status)
-                }, null, 8, ["label", "variant"])
-              ]),
-              k.changes.length > 0 ? (v(), V("div", _i, [
-                (v(!0), V(X, null, me(k.changes, (N, z) => (v(), V("div", {
-                  key: z,
-                  class: "flex items-center gap-8"
-                }, [
-                  f("span", ki, U(_(N.change, k.original)), 1),
-                  x(c, {
-                    size: "sm",
-                    label: y(N.outcome),
-                    variant: w(N.outcome)
-                  }, null, 8, ["label", "variant"])
-                ]))), 128))
-              ])) : T("", !0)
-            ]))), 128))
-          ]))
-        ])
-      ]);
-    };
-  }
-}), xi = { class: "flex flex-col h-full overflow-hidden" }, $i = { class: "flex flex-col min-h-0 shrink-0" }, Ii = { class: "flex items-center gap-8 px-16 pt-12 border-b border-fm-color-border-default" }, wi = { class: "flex-1 overflow-x-auto min-w-0" }, Ei = {
-  class: "px-16 py-14 overflow-y-auto",
-  style: { "max-height": "45vh" }
-}, Vi = {
-  key: 0,
-  class: "flex flex-col items-center justify-center py-40 gap-8 text-center rounded-lg border border-dashed border-fm-color-border-default"
-}, Si = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ci = { class: "flex-1 overflow-y-auto px-16 py-14 flex flex-col gap-12 min-h-0" }, Bi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary shrink-0" }, Fi = /* @__PURE__ */ le({
-  __name: "RecipeBulkEditorStep2",
-  setup(p) {
-    const { t: d } = ie(), l = ge(), t = W(null);
-    ue(
-      () => l.modifications.length,
-      (o) => {
-        o === 0 ? t.value = null : (t.value === null || t.value >= o) && (t.value = o - 1);
-      },
-      { immediate: !0 }
-    );
-    function i(o, s) {
-      const a = o.type === "replace-binding" ? o.from.type : o.type === "remove-binding" || o.type === "update-binding-rule" || o.type === "update-alternatives" ? o.target.type : o.type === "add-binding" ? o.binding.type : null;
-      return a === "RECIPE" ? d("inventory.recipe.bulkEditor.step2.fieldRecipe") : a === "SKU" || a === "SKU_GROUP" ? d("inventory.recipe.bulkEditor.step2.fieldIngredient") : d("inventory.recipe.bulkEditor.step2.tabLabel", { n: s + 1 });
-    }
-    const r = R(
-      () => l.modifications.map((o, s) => ({
-        label: i(o, s),
-        value: s
-      }))
-    );
-    function $() {
-      const s = {
-        type: "add-binding",
-        binding: {
-          type: "SKU",
-          id: "",
-          amount: ye().amount,
-          measurement: null,
-          rules: null,
-          alternatives: []
-        }
-      };
-      l.addModification(s), t.value = l.modifications.length - 1;
-    }
-    function u(o) {
-      l.removeModification(o);
-    }
-    return (o, s) => {
-      const a = G("FmButton"), g = G("FmTab"), h = G("FmTabs"), C = G("FmIcon");
-      return v(), V("div", xi, [
-        f("div", $i, [
-          f("div", Ii, [
-            f("div", wi, [
-              r.value.length > 0 ? (v(), Y(h, {
-                key: 0,
-                "model-value": t.value,
-                items: r.value,
-                "onUpdate:modelValue": s[1] || (s[1] = (I) => t.value = I)
-              }, {
-                default: J((I) => [
-                  x(g, we(I, {
-                    "model-value": t.value,
-                    "onUpdate:modelValue": s[0] || (s[0] = (m) => t.value = m)
-                  }), {
-                    append: J(() => [
-                      x(a, {
-                        variant: "tertiary",
-                        icon: "close",
-                        size: "md",
-                        onClick: ft((m) => u(I.value), ["stop"])
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1040, ["model-value"])
-                ]),
-                _: 1
-              }, 8, ["model-value", "items"])) : T("", !0)
-            ]),
-            x(a, {
-              label: n(d)("inventory.recipe.bulkEditor.step2.addModification"),
-              variant: "secondary",
-              size: "md",
-              "prepend-icon": "add",
-              class: "shrink-0",
-              onClick: $
-            }, null, 8, ["label"])
-          ]),
-          f("div", Ei, [
-            n(l).modifications.length === 0 ? (v(), V("div", Vi, [
-              x(C, {
-                name: "edit_note",
-                size: "lg",
-                class: "text-fm-color-typo-placeholder"
-              }),
-              f("p", Si, U(n(d)("inventory.recipe.bulkEditor.step2.emptyState")), 1)
-            ])) : t.value !== null && n(l).modifications[t.value] ? (v(), Y(li, {
-              key: t.value,
-              "model-value": n(l).modifications[t.value],
-              "live-preview-entries": n(l).livePreviewEntries,
-              "onUpdate:modelValue": s[2] || (s[2] = (I) => n(l).updateModification(t.value, I))
-            }, null, 8, ["model-value", "live-preview-entries"])) : T("", !0)
-          ])
-        ]),
-        s[3] || (s[3] = f("div", { class: "border-t border-fm-color-border-default shrink-0" }, null, -1)),
-        f("div", Ci, [
-          f("span", Bi, U(n(d)("inventory.recipe.bulkEditor.step2.livePreviewTitle")), 1),
-          x(hi)
-        ])
-      ]);
-    };
-  }
-});
-function Ri(p) {
-  return !p || Object.keys(p).length === 0 ? "" : Object.entries(p).map(([d, l]) => `${d}: ${l}`).join(", ");
-}
-function Ai() {
-  const p = ne(), d = ge(), l = p.skuById, t = p.recipeById, i = p.skuGroupById, $ = Object.values(d.entries).filter(
-    (s) => s.status === "will-update" || s.status === "partially-ignored"
-  ).flatMap((s, a) => {
-    var C;
-    const g = s.projected ?? s.original, h = Ri(g.customAttributes);
-    if ((C = g.contains) != null && C.length) {
-      const I = g.contains.filter((w) => w.type === "RECIPE"), m = g.contains.filter((w) => w.type === "SKU"), _ = g.contains.filter((w) => w.type === "SKU_GROUP");
-      return [
-        ...a === 0 ? [] : [["", "", "", "", "", "", ""]],
-        ...I.map(
-          (w, y) => {
-            var e;
-            return [
-              y === 0 ? g.name : "",
-              "RECIPE",
-              "",
-              ((e = t[w.id]) == null ? void 0 : e.name) ?? w.id,
-              Q(w.amount),
-              "UNIT",
-              y === 0 ? h : ""
-            ];
-          }
-        ),
-        ...m.map(
-          (w, y) => {
-            var e, S, c, k;
-            return [
-              !I.length && y === 0 ? g.name : "",
-              "INGREDIENT",
-              ((e = l[w.id]) == null ? void 0 : e.code) ?? "",
-              ((S = l[w.id]) == null ? void 0 : S.name) ?? w.id,
-              Q(w.amount),
-              w.measurement ? w.measurement.abbrev : ((k = (c = l[w.id]) == null ? void 0 : c.unit) == null ? void 0 : k.abbrev) ?? "",
-              !I.length && y === 0 ? h : ""
-            ];
-          }
-        ),
-        ..._.map(
-          (w, y) => {
-            var e, S;
-            return [
-              I.length === 0 && m.length === 0 && y === 0 ? g.name : "",
-              "SKU_GROUP",
-              ((e = i[w.id]) == null ? void 0 : e.ref) ?? "",
-              ((S = i[w.id]) == null ? void 0 : S.name) ?? w.id,
-              Q(w.amount),
-              "UNIT",
-              I.length === 0 && m.length === 0 && y === 0 ? h : ""
-            ];
-          }
-        )
-      ];
-    }
-    return [
-      ...a === 0 ? [] : [["", "", "", "", "", "", ""]],
-      [g.name, "No bindings", "", "", "", "", h]
-    ];
-  }), o = at($, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
-  st(o, `RECIPE_BULK_EDIT_${dt(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
-}
-const Ti = { class: "flex flex-col gap-16" }, Ui = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, Pi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, Mi = { class: "flex flex-wrap gap-12" }, Di = { class: "flex items-center gap-6" }, Gi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ni = {
-  key: 0,
-  class: "flex items-center gap-6"
-}, zi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oi = {
-  key: 1,
-  class: "flex items-center gap-6"
-}, ji = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Li = {
-  key: 2,
-  class: "flex items-center gap-6"
-}, Ki = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qi = {
-  key: 3,
-  class: "flex items-center gap-6"
-}, Wi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yi = { class: "mt-12" }, Ji = ["onClick"], Hi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, Qi = {
-  key: 0,
-  class: "px-12 py-8 border-b border-fm-color-border-default"
-}, Xi = { class: "px-12 py-10 leading-relaxed" }, Zi = {
-  key: 2,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder italic"
-}, el = { class: "flex items-center gap-12 px-12 py-8 border-t border-fm-color-border-default bg-fm-color-surface-secondary text-fm-color-typo-secondary fm-typo-en-body-xs-400" }, tl = { key: 0 }, nl = { key: 1 }, ol = {
-  key: 2,
-  class: "text-fm-color-warning"
-}, il = {
-  key: 3,
-  class: "text-fm-color-error"
-}, ll = {
-  key: 4,
-  class: "text-fm-color-typo-placeholder"
-}, rl = /* @__PURE__ */ le({
-  __name: "RecipeBulkEditorSummaryStep",
-  setup(p) {
-    const { t: d } = ie(), l = ne(), t = ge(), i = R(() => Object.values(t.entries)), r = R(
-      () => i.value.filter((e) => e.status === "will-update").length
-    ), $ = R(
-      () => i.value.filter((e) => e.status === "partially-ignored").length
-    ), u = R(
-      () => i.value.filter((e) => e.status === "already-satisfied").length
-    ), o = R(
-      () => i.value.filter((e) => e.status === "blocked").length
-    ), s = R(
-      () => i.value.filter((e) => e.status === "no-applicable-changes").length
-    ), a = W(/* @__PURE__ */ new Set());
-    function g(e) {
-      return a.value.has(e);
-    }
-    function h(e) {
-      const S = new Set(a.value);
-      S.has(e) ? S.delete(e) : S.add(e), a.value = S;
-    }
-    function C(e) {
-      var k, N, z;
-      const S = [], c = ke(e.contains, /* @__PURE__ */ new Set([e._id]), l.recipeById);
-      for (let b = 0; b < c.length; b++) {
-        const B = c[b], F = B.recipeIds.slice(1).length > 0, A = F ? ((k = l.recipeById[B.recipeIds.at(-1) ?? ""]) == null ? void 0 : k.name) ?? "" : "";
-        let P;
-        if (B.isGroup) {
-          const K = l.skuGroupById[B.id];
-          if (!K) continue;
-          const H = `x${Q(B.amount)}`;
-          P = F ? `(${A}) ${K.name} (${H})` : `${K.name} (${H})`;
-        } else {
-          const K = l.skuById[B.id];
-          if (!K) continue;
-          const H = ((N = B.measurement) == null ? void 0 : N.abbrev) ?? ((z = K.unit) == null ? void 0 : z.abbrev) ?? "", ee = `${Q(B.amount)}${H}`;
-          P = F ? `(${A}) ${K.name} (${ee})` : `${K.name} (${ee})`;
-        }
-        b > 0 && S.push({ text: ", " }), S.push({ text: P });
-      }
-      return S;
-    }
-    function I(e) {
-      var b, B, F, A;
-      if (e.isGroup) {
-        const P = l.skuGroupById[e.id];
-        if (!P) return "";
-        const K = e.recipeIds.slice(1).length > 0, H = K ? ((b = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : b.name) ?? "" : "", ee = `x${Q(e.amount)}`;
-        return K ? `(${H}) ${P.name} (${ee})` : `${P.name} (${ee})`;
-      }
-      const S = l.skuById[e.id];
-      if (!S) return "";
-      const c = e.recipeIds.slice(1).length > 0, k = c ? ((B = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : B.name) ?? "" : "", N = ((F = e.measurement) == null ? void 0 : F.abbrev) ?? ((A = S.unit) == null ? void 0 : A.abbrev) ?? "", z = `${Q(e.amount)}${N}`;
-      return c ? `(${k}) ${S.name} (${z})` : `${S.name} (${z})`;
-    }
-    function m(e) {
-      if (!e.projected) return [];
-      const S = ke(e.original.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), c = ke(e.projected.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), k = /* @__PURE__ */ new Map();
-      for (const F of S) k.set(`${F.type}:${F.id}`, F);
-      const N = /* @__PURE__ */ new Map();
-      for (const F of c) N.set(`${F.type}:${F.id}`, F);
-      const z = [];
-      let b = !0;
-      function B(F, A) {
-        A && (b || z.push({ kind: "unchanged", text: ", " }), z.push({ kind: F, text: A }), b = !1);
-      }
-      for (const [F, A] of k) {
-        const P = N.get(F);
-        if (!P)
-          B("removed", I(A));
-        else {
-          const K = I(A), H = I(P);
-          K === H ? B("unchanged", K) : (B("removed", K), B("added", H));
-        }
-      }
-      for (const [F, A] of N)
-        k.has(F) || B("added", I(A));
-      return z;
-    }
-    const _ = R(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const S of i.value)
-        e.set(S.recipeId, m(S));
-      return e;
-    });
-    function w(e) {
-      switch (e) {
-        case "will-update":
-          return d("inventory.recipe.bulkEditor.status.willUpdate");
-        case "already-satisfied":
-          return d("inventory.recipe.bulkEditor.status.alreadySatisfied");
-        case "partially-ignored":
-          return d("inventory.recipe.bulkEditor.status.partiallyIgnored");
-        case "blocked":
-          return d("inventory.recipe.bulkEditor.status.blocked");
-        case "no-applicable-changes":
-          return d("inventory.recipe.bulkEditor.status.noApplicableChanges");
-        default:
-          return "";
-      }
-    }
-    function y(e) {
-      switch (e) {
-        case "will-update":
-          return "success";
-        case "already-satisfied":
-          return "info";
-        case "partially-ignored":
-          return "warning";
-        case "blocked":
-          return "critical";
-        case "no-applicable-changes":
-          return "neutral";
-        default:
-          return "neutral";
-      }
-    }
-    return (e, S) => {
-      const c = G("FmChip"), k = G("FmButton"), N = G("FmBanner"), z = G("FmIcon");
-      return v(), V("div", Ti, [
-        f("div", Ui, [
-          f("p", Pi, U(n(d)("inventory.recipe.bulkEditor.summary.title")), 1),
-          f("div", Mi, [
-            f("div", Di, [
-              x(c, {
-                size: "sm",
-                label: String(r.value),
-                variant: "success"
-              }, null, 8, ["label"]),
-              f("span", Gi, U(n(d)("inventory.recipe.bulkEditor.summary.countWillUpdate")), 1)
-            ]),
-            $.value > 0 ? (v(), V("div", Ni, [
-              x(c, {
-                size: "sm",
-                label: String($.value),
-                variant: "warning"
-              }, null, 8, ["label"]),
-              f("span", zi, U(n(d)("inventory.recipe.bulkEditor.summary.countPartiallyIgnored")), 1)
-            ])) : T("", !0),
-            u.value > 0 ? (v(), V("div", Oi, [
-              x(c, {
-                size: "sm",
-                label: String(u.value),
-                variant: "info"
-              }, null, 8, ["label"]),
-              f("span", ji, U(n(d)("inventory.recipe.bulkEditor.summary.countAlreadySatisfied")), 1)
-            ])) : T("", !0),
-            o.value > 0 ? (v(), V("div", Li, [
-              x(c, {
-                size: "sm",
-                label: String(o.value),
-                variant: "critical"
-              }, null, 8, ["label"]),
-              f("span", Ki, U(n(d)("inventory.recipe.bulkEditor.summary.countBlocked")), 1)
-            ])) : T("", !0),
-            s.value > 0 ? (v(), V("div", qi, [
-              x(c, {
-                size: "sm",
-                label: String(s.value),
-                variant: "neutral"
-              }, null, 8, ["label"]),
-              f("span", Wi, U(n(d)("inventory.recipe.bulkEditor.summary.countNoChanges")), 1)
-            ])) : T("", !0)
-          ]),
-          f("div", Yi, [
-            x(k, {
-              label: n(d)("common.export"),
-              variant: "secondary",
-              size: "md",
-              onClick: n(Ai)
-            }, null, 8, ["label", "onClick"])
-          ]),
-          r.value === 0 && $.value === 0 ? (v(), Y(N, {
-            key: 0,
-            class: "mt-12",
-            type: "warning",
-            message: n(d)("inventory.recipe.bulkEditor.summary.nothingToSubmit")
-          }, null, 8, ["message"])) : T("", !0)
-        ]),
-        (v(!0), V(X, null, me(i.value, (b) => (v(), V("div", {
-          key: b.recipeId,
-          class: "rounded-lg border border-fm-color-border-default overflow-hidden"
-        }, [
-          f("button", {
-            type: "button",
-            class: Ce(["w-full flex items-center gap-8 px-12 py-10 bg-fm-color-surface-secondary border-b border-fm-color-border-default text-left cursor-pointer", { "border-b-0": !g(b.recipeId) }]),
-            onClick: (B) => h(b.recipeId)
-          }, [
-            x(z, {
-              name: g(b.recipeId) ? "expand_less" : "expand_more",
-              size: "sm",
-              class: "text-fm-color-typo-secondary flex-shrink-0"
-            }, null, 8, ["name"]),
-            f("span", Hi, U(b.recipeName), 1),
-            b.original.version === "v2" ? (v(), Y(c, {
-              key: 0,
-              size: "sm",
-              label: "V2",
-              variant: "info"
-            })) : T("", !0),
-            x(c, {
-              size: "sm",
-              label: w(b.status),
-              variant: y(b.status)
-            }, null, 8, ["label", "variant"])
-          ], 10, Ji),
-          g(b.recipeId) ? (v(), V(X, { key: 0 }, [
-            n(t).applyErrors.has(b.recipeId) ? (v(), V("div", Qi, [
-              x(N, {
-                type: "error",
-                message: n(t).applyErrors.get(b.recipeId)
-              }, null, 8, ["message"])
-            ])) : T("", !0),
-            f("div", Xi, [
-              b.projected ? (_.value.get(b.recipeId) ?? []).length > 0 ? (v(!0), V(X, { key: 1 }, me(_.value.get(b.recipeId), (B, F) => (v(), V("span", {
-                key: F,
-                class: Ce(["fm-typo-en-body-sm-400", {
-                  "text-fm-color-typo-secondary": B.kind === "unchanged",
-                  "line-through text-fm-color-error font-medium": B.kind === "removed",
-                  "text-fm-color-success font-medium": B.kind === "added"
-                }])
-              }, U(B.text), 3))), 128)) : (v(), V("span", Zi, U(n(d)("inventory.recipe.bulkEditor.summary.emptyBindings")), 1)) : (v(!0), V(X, { key: 0 }, me(C(b.original), (B, F) => (v(), V("span", {
-                key: F,
-                class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
-              }, U(B.text), 1))), 128))
-            ]),
-            f("div", el, [
-              b.counts.applied > 0 ? (v(), V("span", tl, U(n(d)("inventory.recipe.bulkEditor.summary.footerApplied", { count: b.counts.applied })), 1)) : T("", !0),
-              b.counts.satisfied > 0 ? (v(), V("span", nl, U(n(d)("inventory.recipe.bulkEditor.summary.footerSatisfied", { count: b.counts.satisfied })), 1)) : T("", !0),
-              b.counts.ignored > 0 ? (v(), V("span", ol, U(n(d)("inventory.recipe.bulkEditor.summary.footerIgnored", { count: b.counts.ignored })), 1)) : T("", !0),
-              b.counts.blocked > 0 ? (v(), V("span", il, U(n(d)("inventory.recipe.bulkEditor.summary.footerBlocked", { count: b.counts.blocked })), 1)) : T("", !0),
-              b.counts.applied === 0 && b.counts.satisfied === 0 && b.counts.ignored === 0 && b.counts.blocked === 0 ? (v(), V("span", ll, U(n(d)("inventory.recipe.bulkEditor.summary.noChangesDetail")), 1)) : T("", !0)
-            ])
-          ], 64)) : T("", !0)
-        ]))), 128))
-      ]);
-    };
-  }
-}), al = { class: "flex items-center gap-12" }, sl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, dl = {
-  key: 0,
-  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
-}, ul = {
-  key: 1,
-  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
-}, cl = {
-  key: 2,
-  class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
-}, pl = {
-  key: 0,
-  class: "flex items-center gap-8 px-4"
-}, ml = {
-  key: 1,
-  class: "flex items-center gap-8 px-4"
-}, fl = {
-  key: 2,
-  class: "flex items-center gap-8 px-4"
-}, vl = /* @__PURE__ */ le({
-  __name: "RecipeBulkEditorDialog",
-  props: {
-    show: { type: Boolean }
-  },
-  emits: ["update:show"],
-  setup(p, { emit: d }) {
-    const l = p, { t } = ie(), i = ge(), r = Ge(l, "show"), $ = je(), u = R(() => i.currentStep === 1), o = R(() => i.currentStep === 2), s = R(() => i.currentStep === 3);
-    function a() {
-      i.currentStep = 2;
-    }
-    function g() {
-      i.currentStep = 1;
-    }
-    function h() {
-      i.goToStep3();
-    }
-    function C() {
-      i.backToStep2();
-    }
-    function I() {
-      $.open({
-        title: t("inventory.recipe.bulkEditor.step3.confirmTitle"),
-        message: t("inventory.recipe.bulkEditor.step3.confirmMessage"),
-        primaryActions: {
-          text: t("inventory.recipe.bulkEditor.step3.confirmButton"),
-          variant: "primary",
-          close: !0
-        },
-        secondaryActions: {
-          text: t("common.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await i.confirmAndApply();
-      });
-    }
-    function m() {
-      r.value = !1, i.reset();
-    }
-    return (_, w) => {
-      const y = G("FmChip"), e = G("FmButton"), S = G("FmDialog");
-      return v(), Y(S, {
-        modelValue: n(r),
-        "onUpdate:modelValue": [
-          w[0] || (w[0] = (c) => De(r) ? r.value = c : null),
-          w[1] || (w[1] = (c) => {
-            c || n(i).reset();
-          })
-        ],
-        overlay: !0,
-        "close-button": "",
-        "max-width": "98vw",
-        "max-height": "98vh"
-      }, {
-        "dialog-header": J(() => [
-          f("div", al, [
-            f("span", sl, U(n(t)("inventory.recipe.bulkEditor.title")), 1),
-            x(y, {
-              size: "sm",
-              label: n(t)("inventory.recipe.bulkEditor.stepIndicator", { step: n(i).currentStep, total: 3 }),
-              variant: "neutral"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        "dialog-footer": J(() => [
-          u.value ? (v(), V("div", pl, [
-            x(e, {
-              label: n(t)("common.next"),
-              disabled: !n(i).canGoToStep2,
-              onClick: a
-            }, null, 8, ["label", "disabled"]),
-            x(e, {
-              label: n(t)("common.close"),
-              variant: "tertiary",
-              onClick: m
-            }, null, 8, ["label"])
-          ])) : o.value ? (v(), V("div", ml, [
-            x(e, {
-              label: n(t)("inventory.recipe.bulkEditor.step2.reviewButton"),
-              disabled: !n(i).canGoToStep3,
-              onClick: h
-            }, null, 8, ["label", "disabled"]),
-            x(e, {
-              label: n(t)("common.back"),
-              variant: "secondary",
-              onClick: g
-            }, null, 8, ["label"]),
-            x(e, {
-              label: n(t)("common.close"),
-              variant: "tertiary",
-              onClick: m
-            }, null, 8, ["label"])
-          ])) : s.value ? (v(), V("div", fl, [
-            x(e, {
-              label: n(t)("inventory.recipe.bulkEditor.step3.confirmButton"),
-              disabled: n(i).isSaving,
-              loading: n(i).isSaving,
-              onClick: I
-            }, null, 8, ["label", "disabled", "loading"]),
-            x(e, {
-              label: n(t)("common.back"),
-              variant: "secondary",
-              disabled: n(i).isSaving,
-              onClick: C
-            }, null, 8, ["label", "disabled"]),
-            x(e, {
-              label: n(t)("common.close"),
-              variant: "tertiary",
-              disabled: n(i).isSaving,
-              onClick: m
-            }, null, 8, ["label", "disabled"])
-          ])) : T("", !0)
-        ]),
-        default: J(() => [
-          u.value ? (v(), V("div", dl, [
-            x(Oo)
-          ])) : o.value ? (v(), V("div", ul, [
-            x(Fi)
-          ])) : s.value ? (v(), V("div", cl, [
-            x(rl)
-          ])) : T("", !0)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-function yl(p) {
-  return !p || Object.keys(p).length === 0 ? "" : Object.entries(p).map(([d, l]) => `${d}: ${l}`).join(", ");
-}
-function bl() {
-  const p = ne(), d = p.recipes, l = p.recipeById, t = p.skuById, i = p.skuGroupById, r = d.flatMap((o, s) => {
-    var g;
-    const a = yl(o.customAttributes);
-    if ((g = o.contains) != null && g.length) {
-      const h = o.contains.filter((m) => m.type === "RECIPE"), C = o.contains.filter((m) => m.type === "SKU"), I = o.contains.filter((m) => m.type === "SKU_GROUP");
-      return [
-        ...s === 0 ? [] : [["", "", "", "", "", "", ""]],
-        ...h.map(
-          (m, _) => {
-            var w;
-            return [
-              _ === 0 ? o.name : "",
-              "RECIPE",
-              "",
-              (w = l[m.id]) == null ? void 0 : w.name,
-              Q(m.amount),
-              "UNIT",
-              _ === 0 ? a : ""
-            ];
-          }
-        ),
-        ...C.map(
-          (m, _) => {
-            var w, y, e, S;
-            return [
-              !h.length && _ === 0 ? o.name : "",
-              "INGREDIENT",
-              (w = t[m.id]) == null ? void 0 : w.code,
-              (y = t[m.id]) == null ? void 0 : y.name,
-              Q(m.amount),
-              m.measurement ? m.measurement.abbrev : (S = (e = t[m.id]) == null ? void 0 : e.unit) == null ? void 0 : S.abbrev,
-              !h.length && _ === 0 ? a : ""
-            ];
-          }
-        ),
-        ...I.map(
-          (m, _) => {
-            var w, y;
-            return [
-              h.length === 0 && C.length === 0 && _ === 0 ? o.name : "",
-              "SKU_GROUP",
-              ((w = i[m.id]) == null ? void 0 : w.ref) || "",
-              (y = i[m.id]) == null ? void 0 : y.name,
-              Q(m.amount),
-              "UNIT",
-              h.length === 0 && C.length === 0 && _ === 0 ? a : ""
-            ];
-          }
-        )
-      ];
-    }
-    return [
-      ...s === 0 ? [] : [["", "", "", "", "", "", ""]],
-      [o.name, "No bindings", "", "", "", "", a]
-    ];
-  }), u = at(r, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
-  st(u, `RECIPE_${dt(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
-}
-const gl = { class: "flex flex-col py-8" }, _l = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, kl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Hl = /* @__PURE__ */ le({
-  __name: "RecipeView",
-  setup(p) {
-    const d = ne(), l = R(() => d.recipes), t = tt(), { createRecipe: i, updateRecipe: r } = ze(), { recipeDialogProps: $, recipeViewLoading: u } = Et(ze()), { columnDefs: o, formatRowData: s } = Jt(), a = R(() => s(l.value)), g = ge(), h = We();
-    W(!1);
-    function C(c) {
-      if (c === "add")
-        return i();
-      if (c === "export")
-        return bl();
-      c === "bulk-edit" && g.openDialog();
-    }
-    const I = W(""), m = R(() => u.value), { breakpoints: _ } = xt(), w = R(() => _.value.xs || _.value.sm), y = R(() => w.value ? 10 : 20), e = Ct(), { t: S } = ie();
-    return (c, k) => {
-      const N = G("FmTable");
-      return v(), Y(Bt, {
-        title: n(S)("inventory.recipe.title"),
-        actions: [
-          {
-            label: n(S)("inventory.recipe.create.title"),
-            value: "add",
-            isPrimary: !0,
-            prependIcon: "add"
-          },
-          ...n(h).enableBulkEditRecipes ? [{ label: n(S)("inventory.recipe.bulkEditor.title"), value: "bulk-edit", isPrimary: !1 }] : [],
-          { label: n(S)("common.export"), value: "export", isPrimary: !1 }
-        ],
-        "onClick:action": C
-      }, {
-        default: J(() => [
-          f("div", {
-            class: Ce([
-              "relative flex flex-col gap-8 max-h-full",
-              {
-                "p-0": w.value,
-                "px-24 ": !w.value
-              }
-            ])
-          }, [
-            x(Lt, {
-              searchable: "",
-              search: I.value,
-              "onUpdate:search": k[0] || (k[0] = (z) => I.value = z)
-            }, null, 8, ["search"]),
-            (v(), Y(N, {
-              style: vt(n(e).tableHeight),
-              "column-defs": n(o),
-              "row-data": a.value,
-              "search-value": I.value,
-              loading: !n(t)._currentLocation || m.value,
-              onRowClick: k[1] || (k[1] = (z) => n(r)(z.original.original)),
-              key: l.value.length,
-              "page-size": y.value
-            }, {
-              "list-row": J((z) => [
-                x(jt, {
-                  row: z,
-                  onRowClick: (b) => n(r)(b.original)
-                }, {
-                  default: J((b) => {
-                    var B, F, A, P, K, H, ee, O, M, j;
-                    return [
-                      f("div", gl, [
-                        f("div", _l, [
-                          x(n(Qe), {
-                            render: (A = (F = (B = b.recipe) == null ? void 0 : B.column) == null ? void 0 : F.columnDef) == null ? void 0 : A.cell,
-                            props: (K = (P = b.recipe) == null ? void 0 : P.getContext) == null ? void 0 : K.call(P)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        f("div", kl, [
-                          x(n(Qe), {
-                            render: (O = (ee = (H = b.ingredients) == null ? void 0 : H.column) == null ? void 0 : ee.columnDef) == null ? void 0 : O.cell,
-                            props: (j = (M = b.ingredients) == null ? void 0 : M.getContext) == null ? void 0 : j.call(M)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-          ], 2),
-          (v(), Y(yt, { to: "body" }, [
-            x(vo, bt(gt(n($))), null, 16),
-            n(h).enableBulkEditRecipes ? (v(), Y(vl, {
-              key: 0,
-              show: n(g).show,
-              "onUpdate:show": k[2] || (k[2] = (z) => n(g).show = z)
-            }, null, 8, ["show"])) : T("", !0)
-          ]))
-        ]),
-        _: 1
-      }, 8, ["title", "actions"]);
-    };
-  }
-});
-export {
-  Hl as default
-};