@feedmepos/mf-inventory-portal 1.8.0-dev.3 → 1.8.0-dev.5

package/dist/RecipeView-B_AE7QQv.js

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