@feedmepos/mf-inventory-portal 1.8.0-dev.1 → 1.8.0-dev.11

package/dist/RecipeView-BPQ_MlxJ.js

@@ -0,0 +1,3440 @@
+import { defineComponent as ne, ref as O, onMounted as ft, resolveComponent as P, createElementBlock as V, openBlock as b, Fragment as H, createElementVNode as _, toDisplayString as M, createVNode as x, createCommentVNode as B, h as ie, computed as C, watch as de, unref as o, withCtx as Y, createBlock as W, renderList as me, isRef as Ue, mergeProps as $e, createTextVNode as vt, withModifiers as yt, normalizeClass as De, normalizeStyle as bt, Teleport as gt, normalizeProps as _t, guardReactiveProps as kt } from "vue";
+import { a as ee, c as Le, S as ht, F as Ie, u as tt, s as nt, v as xt, w as wt, j as Ye } from "./app-ZyQBMnlh.js";
+import { useDialog as Oe, useSnackbar as Ke, components as ye, useProxiedModel as Ne, useBreakpoints as Et } from "@feedmepos/ui-library";
+import { i as $t, _ as It, m as Vt } from "./menu-usage-module-BdjYEk3s.js";
+import { F as ae } from "./form-mode.enum-BKiNVH6A.js";
+import { _ as ot, u as St } from "./FmMultiselectDialog-tbS01AI7.js";
+import { defineStore as it, storeToRefs as Ct } from "pinia";
+import { D as Je, R as Se } from "./row-action.enum-B2z1DXD9.js";
+import { c as Ft } from "./component-BmLAdDiY.js";
+import { a as le, I as Fe, e as Rt, f as lt, A as ze, U as at, R as Bt } from "./rules-BpTWt_Y_.js";
+import { useI18n as te, useCoreStore as At } from "@feedmepos/mf-common";
+import { u as Tt, _ as Mt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { a as Pt, _ as Ut } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-TvwD5HcR.js";
+import { a as He } from "./FmMultiselectDialog-DYM4qyMH.js";
+import { d as rt } from "./defineDeepModel-CAK0Fghp.js";
+import { L as Dt, P as Nt, D as zt } from "./app-C39bYJmq.js";
+import { _ as Re, c as jt, d as Lt, e as be } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DaOKC6RQ.js";
+import { u as Ot } from "./vue-i18n-gaCwgS41.js";
+import { F as Kt, u as Ge } from "./feature-1IL43YWw.js";
+import { _ as Gt } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
+import { F as ke } from "./decimal-C0ERI9wc.js";
+import { _ as Be } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CIMCZnY9.js";
+import { b as st, d as dt } from "./xlsx.util-lW-27xp-.js";
+import { f as ut } from "./date2-CtVXF-Pl.js";
+import { _ as qt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as Qe } from "./index-eGvSlWMU.js";
+import { _ as Wt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-UbMV3dKh.js";
+const Yt = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Jt = { key: 1 }, Ht = { key: 0 }, Qt = /* @__PURE__ */ ne({
+  __name: "DeleteDialog",
+  props: {
+    type: {},
+    data: {},
+    message: {},
+    bindedItems: {}
+  },
+  setup(m) {
+    const d = m, i = O(d.bindedItems || []), e = O(!1);
+    ft(() => {
+      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", Yt, [
+          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", Jt, [
+          y[2] || (y[2] = _("br", null, null, -1)),
+          i.value.length > 0 ? (b(), V("div", Ht, [
+            y[1] || (y[1] = _("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+            x(ot, {
+              name: "Menu",
+              bindings: i.value
+            }, null, 8, ["bindings"])
+          ])) : B("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), je = it("recipeForm", function() {
+  const d = Oe(), i = Ke(), e = ee(), t = O(!1), r = O();
+  function y() {
+    const n = {
+      recipe: {},
+      mode: ae.CREATE,
+      show: !0,
+      "onUpdate:show"(g) {
+        r.value.show = g;
+      }
+    };
+    r.value = n;
+  }
+  async function v(n) {
+    const g = {
+      recipe: Le(n),
+      mode: ae.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 ht && $t(g)) {
+        d.open({
+          title: "Cannot delete recipe",
+          contentComponent: It,
+          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.") ? Vt(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: Qt,
+      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 Xt() {
+  const { updateRecipe: m, deleteRecipe: d } = je(), i = ee(), { t: e } = te();
+  async function t(n, g) {
+    const w = Le(g);
+    if (n === Se.Edit) {
+      await m(w);
+      return;
+    }
+    if (n === Se.Delete) {
+      await d(w);
+      return;
+    }
+  }
+  function r(n, g) {
+    const w = n.filter((I) => I.type === Ie.enum.SKU), k = n.filter((I) => I.type === Ie.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) => ie(
+        "div",
+        { class: "flex flex-col items-start gap-4" },
+        n.row.original.bindings.map(
+          (g) => ie(
+            "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 ? ie(ye.FmChip, { compact: !0 }, g.parentRecipe) : null,
+              g.labels.join(", ")
+            ]
+          )
+        )
+      )
+    },
+    {
+      id: "action",
+      header: "",
+      cell(n) {
+        return Ft(
+          [Je[Se.Edit], Je[Se.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, $, 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} (${le(w.amount)}${(($ = w.measurement) == null ? void 0 : $.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 Zt() {
+  const m = ee(), d = Oe();
+  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(($) => $.id === c.value._id) && !n.has(c.value._id)
+    ).map((c) => c.value);
+    d.open({
+      title: "Select ingredients",
+      contentComponent: He,
+      contentComponentProps: {
+        items: g,
+        modelValue: w,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((c) => {
+      const $ = [
+        ...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($);
+    });
+  }
+  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))
+        ), $ = I.some(
+          (h) => "success" in h && y.includes(h.ingredient._id)
+        );
+        (y.some((h) => h === k._id) || c || $) && 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: He,
+      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(($) => $._id === c.id)),
+        ...k.filter((c) => !t.find(($) => $.id === c._id)).map((c) => ({
+          type: "RECIPE",
+          id: c._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        })),
+        ...s
+      ];
+      r(I);
+    });
+  }
+  return {
+    promptIngredientsBinding: i,
+    promptRecipesBinding: e
+  };
+}
+const en = { class: "flex flex-col" }, tn = { class: "flex flex-col gap-4" }, Ae = /* @__PURE__ */ ne({
+  __name: "InventoryBindingRule",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: {},
+    minCount: {},
+    maxCount: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: d }) {
+    const i = m, e = d, { t } = te(), r = At(), y = tt(), v = C(() => {
+      var I;
+      const w = /* @__PURE__ */ new Map(), k = r.restaurants.value.map((c) => c.customAttributes ?? {});
+      for (const c of k)
+        for (const [$, S] of Object.entries(c))
+          w.has($) || w.set($, /* @__PURE__ */ new Set()), S && ((I = w.get($)) == 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 ? Dt.build(w) : null);
+      },
+      { immediate: !0 }
+    ), de(
+      n,
+      (w) => {
+        g = w ? Nt.build(w) : null, e("update:modelValue", g);
+      },
+      { deep: !0 }
+    ), (w, k) => {
+      const I = P("FmLabel"), c = P("FmFormGroup");
+      return b(), V("div", en, [
+        _("div", tn, [
+          x(I, {
+            label: o(t)("inventory.ingredientGroup.form.rules.title"),
+            required: w.minCount != null && w.minCount > 0
+          }, null, 8, ["label", "required"]),
+          x(o(zt), {
+            modelValue: n.value,
+            "onUpdate:modelValue": k[0] || (k[0] = ($) => n.value = $),
+            attributes: u.value
+          }, null, 8, ["modelValue", "attributes"])
+        ]),
+        x(c, {
+          "model-value": n.value,
+          rules: [
+            ($) => {
+              const S = $ ? 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"])
+      ]);
+    };
+  }
+}), nn = { class: "border-1 mx-3 my-1 rounded-md" }, on = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, ln = {
+  class: "flex items-center",
+  style: { "min-height": "48px" }
+}, an = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, rn = { class: "line-clamp-1" }, sn = { class: "w-[200px]" }, dn = {
+  key: 0,
+  class: "w-[52px]"
+}, un = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
+}, cn = { class: "px-12 pb-4" }, pn = /* @__PURE__ */ ne({
+  __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 } = te(), t = rt("modelValue"), r = O(le(t.amount)), y = C(
+      () => Fe()(r.value) === !0 ? +r.value : r.value
+    );
+    de(
+      () => t.amount,
+      (u) => {
+        const n = le(u);
+        +r.value != +n && (r.value = n);
+      }
+    );
+    let v = null;
+    function s(u) {
+      r.value = u, v && clearTimeout(v), v = setTimeout(() => {
+        if (Fe()(u) !== !0) return;
+        const n = +u;
+        u.length > 0 && isFinite(n) ? t.amount = nt.fromNumber(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", nn, [
+        _("div", on, [
+          _("div", ln, [
+            _("div", an, [
+              x(g, {
+                zIndex: 51,
+                variant: "plain",
+                placement: "top",
+                content: u.displayName
+              }, {
+                default: Y(() => [
+                  _("span", rn, M(u.displayName), 1)
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            _("div", sn, [
+              x(k, {
+                disabled: u.disabled,
+                modelValue: y.value,
+                rules: [o(Rt)(u.allowRecipeDecimal ? 5 : 0), o(lt)(-1)]
+              }, {
+                default: Y(({ invalid: $ }) => [
+                  x(w, {
+                    class: "w-full",
+                    disabled: u.disabled,
+                    modelValue: r.value,
+                    "onUpdate:modelValue": n[0] || (n[0] = (S) => s(S)),
+                    invalid: $
+                  }, null, 8, ["disabled", "modelValue", "invalid"])
+                ]),
+                _: 1
+              }, 8, ["disabled", "modelValue", "rules"])
+            ]),
+            u.readonly ? B("", !0) : (b(), V("div", dn, [
+              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(Pt, {
+            "recipe-id": o(t).id,
+            multiplier: r.value
+          }, null, 8, ["recipe-id", "multiplier"]),
+          u.showError ? (b(), V("div", un, [
+            x(c, {
+              name: "error",
+              color: "system-error-300",
+              size: "sm"
+            }),
+            _("div", null, M(o(e)("inventory.inventoryBindings.circularError")), 1)
+          ])) : B("", !0)
+        ]),
+        _("div", cn, [
+          x(Ae, {
+            modelValue: o(t).rules,
+            "onUpdate:modelValue": n[2] || (n[2] = ($) => o(t).rules = $),
+            disabled: u.disabled
+          }, null, 8, ["modelValue", "disabled"])
+        ])
+      ]);
+    };
+  }
+});
+function mn(m) {
+  const d = St(), { t: i } = Ot(), e = ee(), t = C(() => [
+    {
+      id: "delete",
+      header: "",
+      cell(v) {
+        const s = v.row.original;
+        return ie(
+          "div",
+          { class: "w-full flex justify-end" },
+          ie(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 ie(
+          "div",
+          {
+            class: "w-full flex flex-col"
+          },
+          [
+            ie("div", { class: "fm-typo-en-body-lg-400 line-clamp-1" }, s.name),
+            ie(
+              "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 ie(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 ie(ye.FmTextField, {
+          modelValue: s.priority ?? v.row.index + 1,
+          rules: [
+            Fe(),
+            ze(1),
+            at(
+              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 ? ie(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 ie("div", { class: "w-full flex justify-end" }, [
+          ie(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];
+            }
+          }),
+          ie(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, $, 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 = ($ = m.bindingAlternatives) == null ? void 0 : $[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 fn = { class: "flex flex-col gap-16" }, vn = { class: "flex flex-col" }, yn = { class: "flex justify-between items-center px-2" }, Ce = /* @__PURE__ */ ne({
+  __name: "InventoryBindingAlternative",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: {},
+    filterIngredientIds: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: d }) {
+    const i = m, e = d, { t } = te(), r = mn({
+      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", fn, [
+        _("div", vn, [
+          _("div", yn, [
+            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"])
+      ]);
+    };
+  }
+}), bn = { class: "border-1 mx-3 my-1 rounded-md" }, gn = { class: "flex flex-col border-b border-fm-color-neutral-gray-100" }, _n = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, kn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, hn = { class: "line-clamp-1 w-full" }, xn = { class: "w-[150px]" }, wn = {
+  key: 0,
+  class: "w-[52px]"
+}, En = { class: "flex flex-col px-12 pb-4" }, $n = /* @__PURE__ */ ne({
+  __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 } = te(), t = rt("modelValue");
+    function r(v) {
+      v && (t.amount = v.amount, t.measurement = v.measurement);
+    }
+    function y() {
+      return {
+        modelValue: {
+          amount: t.amount,
+          measurement: t.measurement
+        },
+        amountAsString: Kt.toFormatString({
+          value: t.amount
+        })
+      };
+    }
+    return (v, s) => {
+      const u = P("FmTooltip"), n = P("FmButton"), g = P("FmFormGroup");
+      return b(), V("div", bn, [
+        _("div", gn, [
+          _("div", _n, [
+            _("div", kn, [
+              x(u, {
+                zIndex: 51,
+                variant: "plain",
+                placement: "top",
+                content: v.displayName
+              }, {
+                default: Y(() => [
+                  _("span", hn, M(v.displayName), 1)
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            _("div", xn, [
+              x(Re, {
+                "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 ? B("", !0) : (b(), V("div", wn, [
+              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", En, [
+            x(g, {
+              modelValue: o(t).amount,
+              rules: [o(lt)(0)]
+            }, null, 8, ["modelValue", "rules"]),
+            x(g, {
+              modelValue: y(),
+              rules: [
+                o(jt)(),
+                o(Lt)(v.unit),
+                () => v.showError ? o(e)("inventory.inventoryBindings.invalidWarning") : !0
+              ]
+            }, null, 8, ["modelValue", "rules"])
+          ]),
+          v.ableToApplyRules ? (b(), W(Ae, {
+            key: 0,
+            modelValue: o(t).rules,
+            "onUpdate:modelValue": s[1] || (s[1] = (w) => o(t).rules = w),
+            disabled: v.disabled
+          }, null, 8, ["modelValue", "disabled"])) : B("", !0),
+          v.ableToConfigureAlternative ? (b(), W(Ce, {
+            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"])) : B("", !0)
+        ])
+      ]);
+    };
+  }
+});
+exports.FfCalculator;
+const In = { class: "flex flex-col gap-24" }, Vn = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, Sn = { class: "flex items-center" }, Cn = { class: "flex-1 fm-typo-en-title-sm-600" }, Fn = { class: "flex flex-col" }, Rn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, An = {
+  key: 0,
+  class: "w-[52px]"
+}, Tn = {
+  key: 1,
+  class: "w-[52px]"
+}, Mn = { class: "flex flex-col gap-16" }, Pn = { class: "flex items-center" }, Un = { class: "flex-1 fm-typo-en-title-sm-600" }, Dn = { class: "flex flex-col" }, Nn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, zn = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, jn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Ln = {
+  key: 0,
+  class: "w-[52px]"
+}, On = {
+  key: 0,
+  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
+}, Kn = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, Gn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, qn = {
+  key: 0,
+  class: "w-[52px]"
+}, Wn = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, Yn = /* @__PURE__ */ ne({
+  __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 } = te(), e = ee(), t = C(() => e.recipeById), r = C(() => e.skuById), y = m, v = d, s = C(() => xt({
+      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 === wt.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 } = Zt();
+    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 $(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, A;
+      if (f.type !== Ie.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 (A = r.value[f.id]) == null ? void 0 : A.unit;
+    }
+    function l(f) {
+      return !r.value[f.id];
+    }
+    return (f, a) => {
+      var F, z, j;
+      const p = P("FmFormGroup"), A = P("FmButton"), D = P("FmIcon");
+      return b(), V("div", In, [
+        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"]),
+        ((F = f.recipeBindingConfig) == null ? void 0 : F.enabled) !== !1 ? (b(), V("div", Vn, [
+          _("div", Sn, [
+            _("div", Cn, M(o(i)("inventory.inventoryBindings.recipe")), 1),
+            f.readonly ? B("", !0) : (b(), W(A, {
+              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", Fn, [
+            _("div", Rn, [
+              _("div", Bn, M(o(i)("inventory.inventoryBindings.recipe")), 1),
+              a[5] || (a[5] = _("div", { class: "w-[200px]" }, null, -1)),
+              f.recipeBindingConfig.ableToApplyRules ? (b(), V("div", An)) : B("", !0),
+              f.readonly ? B("", !0) : (b(), V("div", Tn))
+            ]),
+            (b(!0), V(H, null, me(n.value, (R) => {
+              var U;
+              return b(), W(pn, {
+                key: R.id,
+                "model-value": R,
+                "display-name": (U = t.value[R.id]) == null ? void 0 : U.name,
+                "show-error": u.value.has(R.id),
+                readonly: f.readonly,
+                disabled: f.disabled,
+                "allow-recipe-decimal": f.allowRecipeDecimal,
+                "onUpdate:modelValue": a[0] || (a[0] = (J) => $(J)),
+                onDelete: a[1] || (a[1] = (J) => S(J))
+              }, null, 8, ["model-value", "display-name", "show-error", "readonly", "disabled", "allow-recipe-decimal"]);
+            }), 128))
+          ])
+        ])) : B("", !0),
+        _("div", Mn, [
+          _("div", Pn, [
+            _("div", Un, M(o(i)("inventory.inventoryBindings.ingredient")), 1),
+            f.readonly ? B("", !0) : (b(), W(A, {
+              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", Dn, [
+            _("div", Nn, [
+              _("div", zn, M(o(i)("inventory.inventoryBindings.ingredient")), 1),
+              _("div", jn, 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", Ln)) : B("", !0)
+            ]),
+            (b(!0), V(H, null, me(I.value, (R) => {
+              var U, J, Q;
+              return b(), V(H, {
+                key: R.id
+              }, [
+                l(R) ? (b(), V("div", On, [
+                  _("div", Kn, [
+                    _("div", Gn, M(R.id), 1),
+                    f.readonly ? B("", !0) : (b(), V("div", qn, [
+                      x(A, {
+                        disabled: f.disabled,
+                        type: "button",
+                        variant: "tertiary",
+                        icon: "delete",
+                        onClick: () => S(R.id)
+                      }, null, 8, ["disabled", "onClick"])
+                    ]))
+                  ]),
+                  _("div", Wn, [
+                    x(D, {
+                      name: "error",
+                      color: "system-error-300",
+                      size: "sm"
+                    }),
+                    _("div", null, M(o(i)("inventory.inventoryBindings.missingIngredient")), 1)
+                  ])
+                ])) : (b(), W($n, {
+                  key: 1,
+                  "model-value": R,
+                  "display-name": (U = r.value[R.id]) == null ? void 0 : U.name,
+                  unit: h(R),
+                  "show-error": u.value.has(R.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] = (re) => $(re)),
+                  onDelete: a[3] || (a[3] = (re) => S(re))
+                }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]))
+              ], 64);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+}), Jn = { class: "flex flex-col gap-40" }, Hn = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, Qn = {
+  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"
+}, Xn = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Zn = { key: 1 }, eo = { class: "mt-32" }, to = /* @__PURE__ */ ne({
+  __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 = Ge(), { t: y } = te(), 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([]), $ = O(!1), S = O(!1);
+    de($, async (a) => {
+      h(a);
+    });
+    async function h(a) {
+      var p, A;
+      a && !S.value && ((p = e.modelValue) != null && p._id) && (S.value = !0, c.value = await I.getAffectedMenu((A = e.modelValue) == null ? void 0 : A._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 A = P("FmTextField"), D = P("FmSwitch"), F = P("FmCard"), z = P("FmSpacer"), j = P("FmCircularProgress"), R = P("FmForm");
+      return b(), W(R, {
+        ref_key: "formRef",
+        ref: k,
+        onValidationSuccess: w
+      }, {
+        default: Y(() => [
+          _("div", Jn, [
+            x(A, {
+              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(Bt)(),
+                o(at)(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", Hn, [
+              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"])
+            ])) : B("", !0),
+            x(F, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: Y(() => {
+                var U, J;
+                return [
+                  o(r).enableRecipeV2 ? (b(), W(Yn, {
+                    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(ze)(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(Ut, {
+                    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(ze)(1)],
+                    "allow-recipe-decimal": ""
+                  }, null, 8, ["id", "disabled", "model-value", "rules"]))
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          a.mode !== o(ae).CREATE ? (b(), V("div", Qn, [
+            x(D, {
+              label: "Show binded items",
+              modelValue: $.value,
+              "onUpdate:modelValue": p[4] || (p[4] = (U) => $.value = U),
+              "label-placement": "right",
+              disabled: S.value
+            }, null, 8, ["modelValue", "disabled"]),
+            S.value ? (b(), V("div", Xn, [
+              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)
+            ])) : $.value && c.value.length ? (b(), V("div", Zn, [
+              x(ot, {
+                name: "Menu",
+                bindings: c.value
+              }, null, 8, ["bindings"])
+            ])) : B("", !0)
+          ])) : B("", !0),
+          _("div", eo, [
+            x(Gt, {
+              entity: "inventoryRecipe",
+              modelValue: u.value,
+              "onUpdate:modelValue": p[5] || (p[5] = (U) => u.value = U)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), no = { class: "flex gap-4" }, oo = /* @__PURE__ */ ne({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: ae.READ }
+  },
+  emits: ["update:show"],
+  setup(m) {
+    const d = m, i = ee(), e = Ke(), { t } = te(), r = Ne(d, "show"), y = Ne(d, "recipe"), v = C(() => {
+      switch (d.mode) {
+        case ae.READ:
+          return "";
+        case ae.UPDATE:
+          return t("inventory.recipe.update.title");
+        case ae.CREATE:
+          return t("inventory.recipe.create.title");
+      }
+      return "";
+    }), s = C(() => {
+      switch (d.mode) {
+        case ae.READ:
+          return "";
+        case ae.UPDATE:
+          return t("common.save");
+        case ae.CREATE:
+          return t("common.add");
+      }
+      return "";
+    }), u = O(), n = O(!1);
+    async function g() {
+      n.value = !0;
+      try {
+        const c = Le(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 Ye || 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 Ye || 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, $;
+      ($ = (c = u.value) == null ? void 0 : c.validateInputs) == null || $.call(c);
+    }
+    function I() {
+      switch (d.mode) {
+        case ae.READ:
+          return;
+        case ae.UPDATE:
+          return w();
+        case ae.CREATE:
+          return g();
+      }
+    }
+    return (c, $) => {
+      const S = P("FmButton"), h = P("FmSideSheet");
+      return b(), W(h, {
+        "model-value": o(r),
+        "onUpdate:modelValue": $[3] || ($[3] = (l) => Ue(r) ? r.value = l : null),
+        header: v.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 800
+      }, {
+        "side-sheet-footer": Y(() => [
+          _("div", no, [
+            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: $[2] || ($[2] = (l) => r.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: Y(() => [
+          x(to, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: u,
+            modelValue: o(y),
+            "onUpdate:modelValue": $[0] || ($[0] = (l) => Ue(y) ? y.value = l : null),
+            mode: c.mode,
+            disabled: n.value,
+            "onClick:submit": $[1] || ($[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 === Ie.enum.SKU)
+      e.push({ ...t, recipeIds: [...d] });
+    else if (t.type === Ie.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 io(m, d) {
+  return ke.equal(m, d);
+}
+function Te(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 Me(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 Xe(m) {
+  return m.measurement ? ke.multiplyDecimal(m.amount, m.measurement.conversion) : m.amount;
+}
+function Pe(m, d) {
+  var t, r;
+  if (m.type !== d.type || m.id !== d.id || !io(Xe(m), Xe(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 || Te(m.rules) !== Te(d.rules) || Me(m.alternatives) !== Me(d.alternatives));
+}
+function Ze(m, d) {
+  return m.type === d.type && m.id === d.id;
+}
+function lo(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) => Pe(s, r.binding))) {
+          i.push({ change: r, outcome: "already-satisfied", reason: "Exact binding already present" });
+          break;
+        }
+        if (e.find((s) => Ze(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) => Pe(u, r.to)), s = e.find((u, n) => n !== y && Ze(u, r.to) && !Pe(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 (Te(s) === Te(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 = Me(v.alternatives), u = Me(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 et(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 ao(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 ro = 0;
+function so(m = null) {
+  return {
+    id: String(++ro),
+    type: m,
+    itemId: null,
+    amountModel: be()
+  };
+}
+function ct(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 && ct(r.contains, d, /* @__PURE__ */ new Set([...i, t.id]), e))
+          return !0;
+      }
+    }
+  return !1;
+}
+const ge = it("recipeBulkEditor", function() {
+  const d = ee(), i = Ke(), { t: e } = te(), 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: se } = q;
+          N = N.filter((fe) => (G.get(fe._id) ?? []).some((oe) => {
+            var ce;
+            if (oe.type !== "SKU" || oe.id !== ue) return !1;
+            if (oe.recipeIds.length === 1) {
+              if (X != null) {
+                const xe = oe.measurement ? ke.multiplyDecimal(oe.amount, oe.measurement.conversion) : oe.amount;
+                if (!ke.equal(xe, X)) return !1;
+              }
+              if (se != null && (((ce = oe.measurement) == null ? void 0 : ce.id) ?? null) !== se)
+                return !1;
+            }
+            return !0;
+          }));
+        } else if (q.type === "recipe") {
+          const ue = q.itemId;
+          N = N.filter(
+            (X) => ct(X.contains, ue, /* @__PURE__ */ new Set([X._id]), d.recipeById)
+          );
+        }
+    }
+    return N;
+  }), c = C(
+    () => I.value.filter((N) => !v.value.has(N._id))
+  ), $ = C(() => c.value.length > 0), S = C(() => {
+    const N = s.value.filter(et);
+    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 } = lo(q, N), se = ao(X);
+      let fe = 0, ve = 0, oe = 0, he = 0;
+      for (const ce of X)
+        ce.outcome === "applied" ? fe++ : ce.outcome === "ignored" ? ve++ : ce.outcome === "blocked" ? oe++ : ce.outcome === "already-satisfied" && he++;
+      K[G._id] = {
+        recipeId: G._id,
+        recipeName: G.name,
+        original: q,
+        projected: se === "will-update" || se === "partially-ignored" ? ue : null,
+        status: se,
+        changes: X,
+        counts: { applied: fe, ignored: ve, blocked: oe, satisfied: he }
+      };
+    }
+    return K;
+  }), h = C(() => s.value.some(et) ? 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 A(N) {
+    const K = new Set(v.value);
+    K.add(N), v.value = K;
+  }
+  function D() {
+    v.value = /* @__PURE__ */ new Set();
+  }
+  function F(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 R(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 re() {
+    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 se = typeof X == "string" ? X : (X == null ? void 0 : X.message) ?? e("inventory.recipe.bulkEditor.step3.unknownError");
+            q.set(ue._id, se);
+          }
+          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: $,
+    canGoToStep3: h,
+    // actions
+    openDialog: l,
+    closeDialog: f,
+    reset: a,
+    updateQuery: p,
+    removeRecipe: A,
+    restoreAllRecipes: D,
+    addModification: F,
+    updateModification: z,
+    removeModification: j,
+    reorderModification: R,
+    goToStep3: U,
+    backToStep2: J,
+    buildPayload: Q,
+    confirmAndApply: re
+  };
+}), uo = { class: "flex flex-col h-full" }, co = { class: "px-16 pt-16 pb-8 shrink-0 flex items-center justify-between" }, po = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, mo = { 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" }, fo = {
+  key: 0,
+  class: "flex flex-wrap items-center gap-8"
+}, vo = {
+  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"
+}, yo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, bo = { class: "flex flex-col gap-8 p-12 min-w-[260px]" }, go = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, _o = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, ko = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ho = { class: "text-fm-color-typo-placeholder ml-4" }, xo = ["title", "onClick"], wo = { class: "flex-1 overflow-y-auto" }, Eo = {
+  key: 0,
+  class: "flex flex-col items-center justify-center h-full gap-8 px-24 text-center"
+}, $o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Io = {
+  key: 1,
+  class: "divide-y divide-fm-color-border-default"
+}, Vo = { class: "flex-1 min-w-0" }, So = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, Co = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1 whitespace-normal break-words"
+}, Fo = { class: "flex items-center gap-4 mt-2" }, Ro = /* @__PURE__ */ ne({
+  __name: "RecipeBulkEditorStep1",
+  setup(m) {
+    const { t: d } = te(), 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) ?? "", F = le(a);
+        return `${f.name} (${F}${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 = so(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: A, measurement: D } = a.amountModel, F = A != null && A.amount > 0;
+              let z, j;
+              p && F && (z = D ? ke.multiplyDecimal(A, D.conversion) : A, 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 $(h) {
+      var p, A, D;
+      const l = i.skuById[h.id];
+      if (!l) return null;
+      const f = ((p = h.measurement) == null ? void 0 : p.abbrev) ?? ((A = l.unit) == null ? void 0 : A.abbrev) ?? "", a = `${le(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($).filter((l) => l !== null).join(", ");
+    }
+    return (h, l) => {
+      const f = P("FmButton"), a = P("FmSearch"), p = P("FmSelect"), A = P("FmPopover"), D = P("FmIcon"), F = P("FmMenuItem"), z = P("FmMenu"), j = P("FmChip");
+      return b(), V("div", uo, [
+        _("div", co, [
+          _("span", po, 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] = (R) => o(e).restoreAllRecipes())
+          }, null, 8, ["label"])) : B("", !0)
+        ]),
+        _("div", mo, [
+          x(a, {
+            modelValue: t.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (R) => t.value = R),
+            placeholder: o(d)("inventory.recipe.bulkEditor.query.nameSearchPlaceholder")
+          }, null, 8, ["modelValue", "placeholder"]),
+          r.value.length > 0 ? (b(), V("div", fo, [
+            (b(!0), V(H, null, me(r.value, (R) => (b(), V("div", {
+              key: R.id,
+              class: "flex items-center"
+            }, [
+              x(A, {
+                "show-popover": v(R.id),
+                "exclude-el-from-click-outside": ["fm-menu"],
+                placement: "bottom-start",
+                onPopoverChanged: (U) => s(R.id, U)
+              }, {
+                "popover-button": Y(() => [
+                  _("button", vo, [
+                    _("span", yo, M(w(R)), 1)
+                  ])
+                ]),
+                default: Y(() => [
+                  _("div", bo, [
+                    _("p", go, M(R.type === "ingredient" ? o(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient") : o(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe")), 1),
+                    R.type === "ingredient" ? (b(), V(H, { key: 0 }, [
+                      x(p, {
+                        modelValue: R.itemId,
+                        "onUpdate:modelValue": [(U) => R.itemId = U, (U) => c(R)],
+                        items: u.value,
+                        placeholder: o(d)("inventory.recipe.bulkEditor.step1.selectIngredient"),
+                        clearable: ""
+                      }, {
+                        "menu-wrapper": Y((U) => [
+                          x(Be, $e({ ref_for: !0 }, U, {
+                            items: u.value,
+                            "model-value": R.itemId
+                          }), null, 16, ["items", "model-value"])
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"]),
+                      g(R) ? (b(), V("div", _o, [
+                        _("span", ko, [
+                          vt(M(o(d)("inventory.recipe.bulkEditor.step1.amountLabel")) + " ", 1),
+                          _("span", ho, M(o(d)("inventory.recipe.bulkEditor.step1.amountOptional")), 1)
+                        ]),
+                        x(Re, {
+                          modelValue: R.amountModel,
+                          "onUpdate:modelValue": (U) => R.amountModel = U,
+                          unit: g(R).unit,
+                          placeholder: o(d)("inventory.recipe.bulkEditor.step1.amountPlaceholder"),
+                          "convert-amount-on-change-unit": ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "unit", "placeholder"])
+                      ])) : B("", !0)
+                    ], 64)) : R.type === "recipe" ? (b(), W(p, {
+                      key: 1,
+                      modelValue: R.itemId,
+                      "onUpdate:modelValue": [(U) => R.itemId = U, (U) => c(R)],
+                      items: n.value,
+                      placeholder: o(d)("inventory.recipe.bulkEditor.step1.selectRecipe"),
+                      clearable: ""
+                    }, {
+                      "menu-wrapper": Y((U) => [
+                        x(Be, $e({ ref_for: !0 }, U, {
+                          items: n.value,
+                          "model-value": R.itemId
+                        }), null, 16, ["items", "model-value"])
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"])) : B("", !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(R.id)
+              }, [
+                x(D, {
+                  name: "close",
+                  size: "sm"
+                })
+              ], 8, xo)
+            ]))), 128))
+          ])) : B("", !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(F, {
+                label: o(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient"),
+                icon: "inventory_2",
+                onClick: l[2] || (l[2] = (R) => k("ingredient"))
+              }, null, 8, ["label"]),
+              x(F, {
+                label: o(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe"),
+                icon: "restaurant_menu",
+                onClick: l[3] || (l[3] = (R) => k("recipe"))
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })
+        ]),
+        _("div", wo, [
+          o(e).selectedRecipes.length === 0 ? (b(), V("div", Eo, [
+            x(D, {
+              name: "search_off",
+              size: "lg",
+              class: "text-fm-color-typo-placeholder"
+            }),
+            _("p", $o, M(o(d)("inventory.recipe.bulkEditor.query.noResults")), 1)
+          ])) : (b(), V("div", Io, [
+            (b(!0), V(H, null, me(o(e).selectedRecipes, (R) => (b(), V("div", {
+              key: R._id,
+              class: "flex items-center gap-12 px-16 py-12 hover:bg-fm-color-surface-hover transition-colors"
+            }, [
+              _("div", Vo, [
+                _("div", So, M(R.name), 1),
+                R.contains.length > 0 ? (b(), V("div", Co, M(S(R)), 1)) : B("", !0),
+                _("div", Fo, [
+                  R.version === "v2" ? (b(), W(j, {
+                    key: 0,
+                    size: "sm",
+                    label: "V2",
+                    variant: "info"
+                  })) : B("", !0)
+                ])
+              ]),
+              x(f, {
+                variant: "tertiary",
+                icon: "do_not_disturb_on",
+                title: o(d)("inventory.recipe.bulkEditor.step1.removeRecipeTooltip"),
+                onClick: (U) => o(e).removeRecipe(R._id)
+              }, null, 8, ["title", "onClick"])
+            ]))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), Bo = { class: "flex flex-col gap-0 rounded-lg border border-fm-color-border-default bg-fm-color-surface-default overflow-hidden" }, Ao = { class: "flex items-start gap-12 px-16 py-12" }, To = { class: "flex-1" }, Mo = { class: "flex-1" }, Po = {
+  key: 0,
+  class: "border-t border-fm-color-border-default px-16 py-10 flex items-center gap-10"
+}, Uo = {
+  key: 1,
+  class: "border-t border-fm-color-border-default px-16 py-10 flex items-start gap-8 bg-fm-color-surface-warning"
+}, Do = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, No = {
+  key: 2,
+  class: "border-t border-fm-color-border-default px-16 py-12 flex flex-col gap-12"
+}, zo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Lo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Oo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, Ko = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary -mt-8" }, Go = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, qo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Yo = /* @__PURE__ */ ne({
+  __name: "ModificationCard",
+  props: {
+    modelValue: {},
+    livePreviewEntries: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: d }) {
+    const i = m, e = d, { t } = te(), r = ee(), y = Ge();
+    function v(E) {
+      const T = E.type === "replace-binding" ? E.from.type : E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives" ? E.target.type : E.type === "add-binding" ? E.binding.type : null;
+      return T ? T === "RECIPE" ? "recipe" : "ingredient" : null;
+    }
+    function s(E) {
+      return E.type === "update-alternatives" ? !0 : E.type === "add-binding" ? (E.binding.alternatives ?? []).length > 0 : E.type === "replace-binding" ? (E.to.alternatives ?? []).length > 0 : !1;
+    }
+    function u(E) {
+      switch (E.type) {
+        case "add-binding":
+          return "link";
+        case "replace-binding":
+          return E.from.id === E.to.id ? "update" : null;
+        case "remove-binding":
+          return "remove";
+        case "update-binding-rule":
+          return null;
+        case "update-alternatives":
+          return "alts";
+      }
+    }
+    function n(E) {
+      return E.type === "replace-binding" ? E.from.id || null : (E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives") && E.target.id || null;
+    }
+    function g(E) {
+      return E.type === "add-binding" && E.binding.id || null;
+    }
+    function w(E) {
+      const T = E.type === "replace-binding" ? E.to : E.type === "add-binding" ? E.binding : null;
+      return T ? { amount: T.amount, measurement: T.measurement ?? null } : be();
+    }
+    function k(E) {
+      return E.type === "replace-binding" ? E.to.rules ?? null : E.type === "add-binding" ? E.binding.rules ?? null : null;
+    }
+    function I(E) {
+      return E.type === "update-alternatives" ? E.alternatives ?? [] : E.type === "add-binding" ? E.binding.alternatives ?? [] : [];
+    }
+    const c = O(v(i.modelValue)), $ = 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)), A = O(
+      (() => {
+        const E = w(i.modelValue);
+        return E.amount ? le(E.amount) : "";
+      })()
+    );
+    let D = null;
+    function F(E) {
+      return E.trim() === "" ? "Required" : Fe()(E);
+    }
+    const z = C(
+      () => c.value === "recipe" && ($.value === "link" || $.value === "update") && F(A.value) !== !0
+    );
+    function j(E) {
+      A.value = E, D && clearTimeout(D), D = setTimeout(() => {
+        if (F(E) !== !0) return;
+        const T = +E;
+        f.value = {
+          amount: nt.fromNumber(T),
+          measurement: null
+        };
+      }, 300);
+    }
+    de(c, () => {
+      $.value = null, S.value = !1, h.value = null, l.value = null, f.value = be(), a.value = null, p.value = [], A.value = "";
+    }), de($, () => {
+      h.value = null, l.value = null, f.value = be(), a.value = null, p.value = [], A.value = "";
+    }), de(S, (E) => {
+      E || (p.value = [], $.value === "alts" && ($.value = null));
+    });
+    const R = C(() => [
+      { label: t("inventory.recipe.bulkEditor.step2.fieldIngredient"), value: "ingredient" },
+      { label: t("inventory.recipe.bulkEditor.step2.fieldRecipe"), value: "recipe" }
+    ]), U = C(() => {
+      const E = [
+        { 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 && E.push({ label: t("inventory.recipe.bulkEditor.step2.actionAlts"), value: "alts" }), E;
+    }), J = C(() => c.value !== null && $.value !== null), Q = C(
+      () => $.value === "update" || $.value === "remove" || $.value === "alts"
+    ), re = C(
+      () => $.value === "link"
+    ), N = C(
+      () => $.value === "update" && h.value !== null
+    ), K = C(
+      () => c.value === "ingredient" && S.value && y.enableRecipeV2
+    ), G = C(
+      () => r.skus.map((E) => ({ label: E.name, sublabel: E.code, value: E._id }))
+    ), q = C(
+      () => r.recipes.map((E) => ({ label: E.name, value: E._id }))
+    ), ue = C(() => c.value === "recipe" ? q.value : G.value), X = C(() => c.value === "recipe" ? q.value : G.value), se = C(() => c.value !== "ingredient" || !l.value ? null : r.skuById[l.value] ?? null), fe = C(() => c.value !== "ingredient" || !h.value ? null : r.skuById[h.value] ?? null), ve = C(() => {
+      const E = h.value ?? l.value;
+      return E ? [E] : [];
+    }), oe = C(() => K.value ? Object.values(i.livePreviewEntries).filter(
+      (E) => E.original.version !== "v2"
+    ).length : 0), he = C(() => Object.values(i.livePreviewEntries).length);
+    de(
+      () => [$.value, h.value],
+      ([E, T], [Z, pe]) => {
+        if (E !== "alts" || T === pe) return;
+        if (!T) {
+          p.value = [];
+          return;
+        }
+        const we = Object.values(i.livePreviewEntries).find(
+          (L) => L.original.version === "v2" && L.original.contains.some((Ee) => Ee.type === "SKU" && Ee.id === T)
+        );
+        if (we) {
+          const L = we.original.contains.find((Ee) => Ee.type === "SKU" && Ee.id === T);
+          p.value = L != null && L.alternatives ? [...L.alternatives] : [];
+        } else
+          p.value = [];
+      }
+    );
+    const ce = C(() => $.value !== "alts" || !h.value ? 0 : Object.values(i.livePreviewEntries).filter(
+      (E) => E.original.version === "v2" && E.original.contains.some((T) => T.type === "SKU" && T.id === h.value)
+    ).length);
+    function xe() {
+      return c.value === "recipe" ? "RECIPE" : "SKU";
+    }
+    function qe() {
+      const E = xe(), T = be().amount, Z = {
+        type: E,
+        id: "",
+        amount: T,
+        measurement: null,
+        rules: null,
+        alternatives: []
+      };
+      switch ($.value) {
+        case "update":
+          return { type: "replace-binding", from: { type: E, id: "" }, to: Z };
+        case "remove":
+          return { type: "remove-binding", target: { type: E, id: "" } };
+        case "alts":
+          return { type: "update-alternatives", target: { type: E, id: "" }, alternatives: [] };
+        case "link":
+        default:
+          return { type: "add-binding", binding: Z };
+      }
+    }
+    function pt() {
+      return h.value ? { type: xe(), id: h.value } : null;
+    }
+    function We(E = !1) {
+      const T = E ? h.value : l.value;
+      if (!T) return null;
+      const { amount: Z, measurement: pe } = f.value, Ve = pe ? ke.multiplyDecimal(Z, pe.conversion) : Z;
+      return {
+        type: xe(),
+        id: T,
+        amount: Ve,
+        measurement: pe ?? null,
+        rules: c.value === "recipe" ? a.value ?? null : null,
+        alternatives: K.value ? p.value : []
+      };
+    }
+    function mt() {
+      if (!c.value) return;
+      if (!$.value || z.value) {
+        e("update:modelValue", qe());
+        return;
+      }
+      const E = pt(), T = We(!1);
+      let Z = null;
+      switch ($.value) {
+        case "link":
+          T && (Z = { type: "add-binding", binding: T });
+          break;
+        case "update": {
+          const pe = We(!0);
+          E && pe && (Z = { type: "replace-binding", from: E, to: pe });
+          break;
+        }
+        case "remove":
+          E && (Z = { type: "remove-binding", target: E });
+          break;
+        case "alts":
+          E && (Z = { type: "update-alternatives", target: E, alternatives: p.value });
+          break;
+      }
+      e("update:modelValue", Z ?? qe());
+    }
+    return de(
+      [c, $, S, h, l, f, a, p, z],
+      () => mt(),
+      { deep: !0 }
+    ), (E, T) => {
+      const Z = P("FmSelect"), pe = P("FmSwitch"), Ve = P("FmIcon"), we = P("FmTextField");
+      return b(), V("div", Bo, [
+        _("div", Ao, [
+          _("div", To, [
+            x(Z, {
+              modelValue: c.value,
+              "onUpdate:modelValue": T[0] || (T[0] = (L) => c.value = L),
+              items: R.value,
+              label: o(t)("inventory.recipe.bulkEditor.step2.sectionField"),
+              placeholder: o(t)("inventory.recipe.bulkEditor.step2.sectionField")
+            }, null, 8, ["modelValue", "items", "label", "placeholder"])
+          ]),
+          _("div", Mo, [
+            x(Z, {
+              modelValue: $.value,
+              "onUpdate:modelValue": T[1] || (T[1] = (L) => $.value = L),
+              items: U.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", Po, [
+          x(pe, {
+            modelValue: S.value,
+            "onUpdate:modelValue": T[2] || (T[2] = (L) => S.value = L),
+            label: o(t)("inventory.recipe.bulkEditor.step2.includeAlternativesToggle")
+          }, null, 8, ["modelValue", "label"])
+        ])) : B("", !0),
+        K.value && oe.value > 0 ? (b(), V("div", Uo, [
+          x(Ve, {
+            name: "warning",
+            size: "sm",
+            class: "text-fm-color-typo-warning mt-1 shrink-0"
+          }),
+          _("p", Do, M(o(t)("inventory.recipe.bulkEditor.step2.v1AlternativesWarning", {
+            v1Count: oe.value,
+            total: he.value
+          })), 1)
+        ])) : B("", !0),
+        J.value ? (b(), V("div", No, [
+          Q.value ? (b(), V(H, { key: 0 }, [
+            _("p", zo, M(o(t)("inventory.recipe.bulkEditor.addModification.targetLabel")), 1),
+            x(Z, {
+              modelValue: h.value,
+              "onUpdate:modelValue": T[3] || (T[3] = (L) => h.value = L),
+              items: ue.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(Be, $e(L, {
+                  items: ue.value,
+                  "model-value": h.value
+                }), null, 16, ["items", "model-value"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "items", "placeholder"]),
+            N.value ? (b(), V(H, { key: 0 }, [
+              c.value === "ingredient" && fe.value ? (b(), W(Re, {
+                key: 0,
+                modelValue: f.value,
+                "onUpdate:modelValue": T[4] || (T[4] = (L) => f.value = L),
+                unit: fe.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(we, {
+                key: 1,
+                "model-value": A.value,
+                label: o(t)("inventory.recipe.bulkEditor.addModification.amountLabel"),
+                type: "number",
+                rules: [F],
+                "onUpdate:modelValue": T[5] || (T[5] = (L) => j(L))
+              }, null, 8, ["model-value", "label", "rules"])) : B("", !0),
+              c.value === "recipe" ? (b(), V(H, { key: 2 }, [
+                _("p", jo, M(o(t)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
+                x(Ae, {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": T[6] || (T[6] = (L) => a.value = L)
+                }, null, 8, ["modelValue"])
+              ], 64)) : B("", !0),
+              K.value ? (b(), V(H, { key: 3 }, [
+                _("p", Lo, M(o(t)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
+                x(Ce, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": T[7] || (T[7] = (L) => p.value = L),
+                  "filter-ingredient-ids": ve.value
+                }, null, 8, ["modelValue", "filter-ingredient-ids"])
+              ], 64)) : B("", !0)
+            ], 64)) : B("", !0),
+            $.value === "alts" && h.value ? (b(), V(H, { key: 1 }, [
+              _("p", Oo, M(ce.value > 0 ? o(t)("inventory.recipe.bulkEditor.addModification.altsOverwriteWarning", { count: ce.value }) : o(t)("inventory.recipe.bulkEditor.addModification.altsNotFoundWarning")), 1),
+              _("p", Ko, M(o(t)("inventory.recipe.bulkEditor.addModification.altsClearNote")), 1),
+              x(Ce, {
+                modelValue: p.value,
+                "onUpdate:modelValue": T[8] || (T[8] = (L) => p.value = L),
+                "filter-ingredient-ids": ve.value
+              }, null, 8, ["modelValue", "filter-ingredient-ids"])
+            ], 64)) : B("", !0)
+          ], 64)) : B("", !0),
+          re.value ? (b(), V(H, { key: 1 }, [
+            _("p", Go, M(o(t)("inventory.recipe.bulkEditor.addModification.bindingLabel")), 1),
+            x(Z, {
+              modelValue: l.value,
+              "onUpdate:modelValue": T[9] || (T[9] = (L) => l.value = L),
+              items: X.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(Be, $e(L, {
+                  items: X.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" && se.value ? (b(), W(Re, {
+                key: 0,
+                modelValue: f.value,
+                "onUpdate:modelValue": T[10] || (T[10] = (L) => f.value = L),
+                unit: se.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(we, {
+                key: 1,
+                "model-value": A.value,
+                label: o(t)("inventory.recipe.bulkEditor.addModification.amountLabel"),
+                type: "number",
+                rules: [F],
+                "onUpdate:modelValue": T[11] || (T[11] = (L) => j(L))
+              }, null, 8, ["model-value", "label", "rules"])) : B("", !0),
+              c.value === "recipe" ? (b(), V(H, { key: 2 }, [
+                _("p", qo, M(o(t)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
+                x(Ae, {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": T[12] || (T[12] = (L) => a.value = L)
+                }, null, 8, ["modelValue"])
+              ], 64)) : B("", !0),
+              K.value ? (b(), V(H, { key: 3 }, [
+                _("p", Wo, M(o(t)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
+                x(Ce, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": T[13] || (T[13] = (L) => p.value = L),
+                  "filter-ingredient-ids": ve.value
+                }, null, 8, ["modelValue", "filter-ingredient-ids"])
+              ], 64)) : B("", !0)
+            ], 64)) : B("", !0)
+          ], 64)) : B("", !0)
+        ])) : B("", !0)
+      ]);
+    };
+  }
+}), Jo = { class: "flex flex-col gap-8" }, Ho = { class: "flex flex-wrap items-center gap-12 px-4" }, Qo = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, Xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zo = {
+  key: 1,
+  class: "flex items-center gap-6"
+}, ei = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ti = {
+  key: 2,
+  class: "flex items-center gap-6"
+}, ni = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, oi = { class: "rounded-lg border border-fm-color-border-default overflow-hidden" }, ii = {
+  key: 0,
+  class: "px-16 py-12 text-center fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
+}, li = {
+  key: 1,
+  class: "divide-y divide-fm-color-border-default"
+}, ai = { class: "flex items-center gap-12" }, ri = { class: "flex-1 fm-typo-en-body-sm-600 text-fm-color-typo-primary truncate" }, si = {
+  key: 0,
+  class: "flex flex-col gap-4 pl-8"
+}, di = { class: "flex-1 fm-typo-en-body-xs-400 text-fm-color-typo-secondary font-mono truncate" }, ui = /* @__PURE__ */ ne({
+  __name: "LivePreviewTable",
+  setup(m) {
+    const { t: d } = te(), 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 A = e.skuById[l.id], D = ((a = l.measurement) == null ? void 0 : a.abbrev) ?? ((p = A == null ? void 0 : A.unit) == null ? void 0 : p.abbrev) ?? "";
+        return `${f} (${le(l.amount)} ${D})`.trim();
+      }
+      return l.type === "RECIPE" ? `${f} ×${le(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 $(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", Jo, [
+        _("div", Ho, [
+          y.value + v.value > 0 ? (b(), V("div", Qo, [
+            x(a, {
+              size: "sm",
+              label: String(y.value + v.value),
+              variant: "success"
+            }, null, 8, ["label"]),
+            _("span", Xo, M(o(d)("inventory.recipe.bulkEditor.livePreview.willUpdate")), 1)
+          ])) : B("", !0),
+          s.value > 0 ? (b(), V("div", Zo, [
+            x(a, {
+              size: "sm",
+              label: String(s.value),
+              variant: "info"
+            }, null, 8, ["label"]),
+            _("span", ei, M(o(d)("inventory.recipe.bulkEditor.livePreview.alreadySatisfied")), 1)
+          ])) : B("", !0),
+          u.value > 0 ? (b(), V("div", ti, [
+            x(a, {
+              size: "sm",
+              label: String(u.value),
+              variant: "critical"
+            }, null, 8, ["label"]),
+            _("span", ni, M(o(d)("inventory.recipe.bulkEditor.livePreview.blocked")), 1)
+          ])) : B("", !0)
+        ]),
+        _("div", oi, [
+          r.value.length === 0 ? (b(), V("div", ii, M(o(d)("inventory.recipe.bulkEditor.livePreview.noRecipes")), 1)) : (b(), V("div", li, [
+            (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", ai, [
+                _("span", ri, 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", si, [
+                (b(!0), V(H, null, me(p.changes, (A, D) => (b(), V("div", {
+                  key: D,
+                  class: "flex items-center gap-8"
+                }, [
+                  _("span", di, M($(A.change, p.original)), 1),
+                  x(a, {
+                    size: "sm",
+                    label: h(A.outcome),
+                    variant: S(A.outcome)
+                  }, null, 8, ["label", "variant"])
+                ]))), 128))
+              ])) : B("", !0)
+            ]))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), ci = { class: "flex flex-col h-full overflow-hidden" }, pi = { class: "flex flex-col min-h-0 shrink-0" }, mi = { class: "flex items-center gap-8 px-16 pt-12 border-b border-fm-color-border-default" }, fi = { class: "flex-1 overflow-x-auto min-w-0" }, vi = {
+  class: "px-16 py-14 overflow-y-auto",
+  style: { "max-height": "45vh" }
+}, yi = {
+  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"
+}, bi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gi = { class: "flex-1 overflow-y-auto px-16 py-14 flex flex-col gap-12 min-h-0" }, _i = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary shrink-0" }, ki = /* @__PURE__ */ ne({
+  __name: "RecipeBulkEditorStep2",
+  setup(m) {
+    const { t: d } = te(), 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", ci, [
+        _("div", pi, [
+          _("div", mi, [
+            _("div", fi, [
+              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, $e(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: yt((c) => v(I.value), ["stop"])
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1040, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["model-value", "items"])) : B("", !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", vi, [
+            o(i).modifications.length === 0 ? (b(), V("div", yi, [
+              x(k, {
+                name: "edit_note",
+                size: "lg",
+                class: "text-fm-color-typo-placeholder"
+              }),
+              _("p", bi, M(o(d)("inventory.recipe.bulkEditor.step2.emptyState")), 1)
+            ])) : e.value !== null && o(i).modifications[e.value] ? (b(), W(Yo, {
+              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"])) : B("", !0)
+          ])
+        ]),
+        u[3] || (u[3] = _("div", { class: "border-t border-fm-color-border-default shrink-0" }, null, -1)),
+        _("div", gi, [
+          _("span", _i, M(o(d)("inventory.recipe.bulkEditor.step2.livePreviewTitle")), 1),
+          x(ui)
+        ])
+      ]);
+    };
+  }
+});
+function hi(m) {
+  return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([d, i]) => `${d}: ${i}`).join(", ");
+}
+function xi() {
+  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 = hi(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, $) => {
+            var S;
+            return [
+              $ === 0 ? n.name : "",
+              "RECIPE",
+              "",
+              ((S = e[c.id]) == null ? void 0 : S.name) ?? c.id,
+              le(c.amount),
+              "UNIT",
+              $ === 0 ? g : ""
+            ];
+          }
+        ),
+        ...I.map(
+          (c, $) => {
+            var S, h, l, f;
+            return [
+              !k.length && $ === 0 ? n.name : "",
+              "INGREDIENT",
+              ((S = i[c.id]) == null ? void 0 : S.code) ?? "",
+              ((h = i[c.id]) == null ? void 0 : h.name) ?? c.id,
+              le(c.amount),
+              c.measurement ? c.measurement.abbrev : ((f = (l = i[c.id]) == null ? void 0 : l.unit) == null ? void 0 : f.abbrev) ?? "",
+              !k.length && $ === 0 ? g : ""
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...u === 0 ? [] : [["", "", "", "", "", "", ""]],
+      [n.name, "No bindings", "", "", "", "", g]
+    ];
+  }), v = st(r, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  dt(v, `RECIPE_BULK_EDIT_${ut(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const wi = { class: "flex flex-col gap-16" }, Ei = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, $i = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, Ii = { class: "flex flex-wrap gap-12" }, Vi = { class: "flex items-center gap-6" }, Si = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ci = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, Fi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ri = {
+  key: 1,
+  class: "flex items-center gap-6"
+}, Bi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ai = {
+  key: 2,
+  class: "flex items-center gap-6"
+}, Ti = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mi = {
+  key: 3,
+  class: "flex items-center gap-6"
+}, Pi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ui = { class: "mt-12" }, Di = ["onClick"], Ni = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, zi = {
+  key: 0,
+  class: "px-12 py-8 border-b border-fm-color-border-default"
+}, ji = { class: "px-12 py-10 leading-relaxed" }, Li = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder italic"
+}, Oi = { 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" }, Ki = { key: 0 }, Gi = { key: 1 }, qi = {
+  key: 2,
+  class: "text-fm-color-warning"
+}, Wi = {
+  key: 3,
+  class: "text-fm-color-error"
+}, Yi = {
+  key: 4,
+  class: "text-fm-color-typo-placeholder"
+}, Ji = /* @__PURE__ */ ne({
+  __name: "RecipeBulkEditorSummaryStep",
+  setup(m) {
+    const { t: d } = te(), 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, A, D;
+      const f = [], a = _e(l.contains, /* @__PURE__ */ new Set([l._id]), i.recipeById);
+      for (let F = 0; F < a.length; F++) {
+        const z = a[F], j = z.recipeIds.slice(1).length > 0, R = j ? ((p = i.recipeById[z.recipeIds.at(-1) ?? ""]) == null ? void 0 : p.name) ?? "" : "", U = i.skuById[z.id];
+        if (!U) continue;
+        const J = ((A = z.measurement) == null ? void 0 : A.abbrev) ?? ((D = U.unit) == null ? void 0 : D.abbrev) ?? "", Q = `${le(z.amount)}${J}`, re = j ? `(${R}) ${U.name} (${Q})` : `${U.name} (${Q})`;
+        F > 0 && f.push({ text: ", " }), f.push({ text: re });
+      }
+      return f;
+    }
+    function I(l) {
+      var F, z, j;
+      const f = i.skuById[l.id];
+      if (!f) return "";
+      const a = l.recipeIds.slice(1).length > 0, p = a ? ((F = i.recipeById[l.recipeIds.at(-1) ?? ""]) == null ? void 0 : F.name) ?? "" : "", A = ((z = l.measurement) == null ? void 0 : z.abbrev) ?? ((j = f.unit) == null ? void 0 : j.abbrev) ?? "", D = `${le(l.amount)}${A}`;
+      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 A = /* @__PURE__ */ new Map();
+      for (const j of a) A.set(`${j.type}:${j.id}`, j);
+      const D = [];
+      let F = !0;
+      function z(j, R) {
+        R && (F || D.push({ kind: "unchanged", text: ", " }), D.push({ kind: j, text: R }), F = !1);
+      }
+      for (const [j, R] of p) {
+        const U = A.get(j);
+        if (!U)
+          z("removed", I(R));
+        else {
+          const J = I(R), Q = I(U);
+          J === Q ? z("unchanged", J) : (z("removed", J), z("added", Q));
+        }
+      }
+      for (const [j, R] of A)
+        p.has(j) || z("added", I(R));
+      return D;
+    }
+    const $ = 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"), A = P("FmBanner"), D = P("FmIcon");
+      return b(), V("div", wi, [
+        _("div", Ei, [
+          _("p", $i, M(o(d)("inventory.recipe.bulkEditor.summary.title")), 1),
+          _("div", Ii, [
+            _("div", Vi, [
+              x(a, {
+                size: "sm",
+                label: String(r.value),
+                variant: "success"
+              }, null, 8, ["label"]),
+              _("span", Si, M(o(d)("inventory.recipe.bulkEditor.summary.countWillUpdate")), 1)
+            ]),
+            y.value > 0 ? (b(), V("div", Ci, [
+              x(a, {
+                size: "sm",
+                label: String(y.value),
+                variant: "warning"
+              }, null, 8, ["label"]),
+              _("span", Fi, M(o(d)("inventory.recipe.bulkEditor.summary.countPartiallyIgnored")), 1)
+            ])) : B("", !0),
+            v.value > 0 ? (b(), V("div", Ri, [
+              x(a, {
+                size: "sm",
+                label: String(v.value),
+                variant: "info"
+              }, null, 8, ["label"]),
+              _("span", Bi, M(o(d)("inventory.recipe.bulkEditor.summary.countAlreadySatisfied")), 1)
+            ])) : B("", !0),
+            s.value > 0 ? (b(), V("div", Ai, [
+              x(a, {
+                size: "sm",
+                label: String(s.value),
+                variant: "critical"
+              }, null, 8, ["label"]),
+              _("span", Ti, M(o(d)("inventory.recipe.bulkEditor.summary.countBlocked")), 1)
+            ])) : B("", !0),
+            u.value > 0 ? (b(), V("div", Mi, [
+              x(a, {
+                size: "sm",
+                label: String(u.value),
+                variant: "neutral"
+              }, null, 8, ["label"]),
+              _("span", Pi, M(o(d)("inventory.recipe.bulkEditor.summary.countNoChanges")), 1)
+            ])) : B("", !0)
+          ]),
+          _("div", Ui, [
+            x(p, {
+              label: o(d)("common.export"),
+              variant: "secondary",
+              size: "md",
+              onClick: o(xi)
+            }, null, 8, ["label", "onClick"])
+          ]),
+          r.value === 0 && y.value === 0 ? (b(), W(A, {
+            key: 0,
+            class: "mt-12",
+            type: "warning",
+            message: o(d)("inventory.recipe.bulkEditor.summary.nothingToSubmit")
+          }, null, 8, ["message"])) : B("", !0)
+        ]),
+        (b(!0), V(H, null, me(t.value, (F) => (b(), V("div", {
+          key: F.recipeId,
+          class: "rounded-lg border border-fm-color-border-default overflow-hidden"
+        }, [
+          _("button", {
+            type: "button",
+            class: De(["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(F.recipeId) }]),
+            onClick: (z) => w(F.recipeId)
+          }, [
+            x(D, {
+              name: g(F.recipeId) ? "expand_less" : "expand_more",
+              size: "sm",
+              class: "text-fm-color-typo-secondary flex-shrink-0"
+            }, null, 8, ["name"]),
+            _("span", Ni, M(F.recipeName), 1),
+            F.original.version === "v2" ? (b(), W(a, {
+              key: 0,
+              size: "sm",
+              label: "V2",
+              variant: "info"
+            })) : B("", !0),
+            x(a, {
+              size: "sm",
+              label: S(F.status),
+              variant: h(F.status)
+            }, null, 8, ["label", "variant"])
+          ], 10, Di),
+          g(F.recipeId) ? (b(), V(H, { key: 0 }, [
+            o(e).applyErrors.has(F.recipeId) ? (b(), V("div", zi, [
+              x(A, {
+                type: "error",
+                message: o(e).applyErrors.get(F.recipeId)
+              }, null, 8, ["message"])
+            ])) : B("", !0),
+            _("div", ji, [
+              F.projected ? ($.value.get(F.recipeId) ?? []).length > 0 ? (b(!0), V(H, { key: 1 }, me($.value.get(F.recipeId), (z, j) => (b(), V("span", {
+                key: j,
+                class: De(["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", Li, M(o(d)("inventory.recipe.bulkEditor.summary.emptyBindings")), 1)) : (b(!0), V(H, { key: 0 }, me(k(F.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", Oi, [
+              F.counts.applied > 0 ? (b(), V("span", Ki, M(o(d)("inventory.recipe.bulkEditor.summary.footerApplied", { count: F.counts.applied })), 1)) : B("", !0),
+              F.counts.satisfied > 0 ? (b(), V("span", Gi, M(o(d)("inventory.recipe.bulkEditor.summary.footerSatisfied", { count: F.counts.satisfied })), 1)) : B("", !0),
+              F.counts.ignored > 0 ? (b(), V("span", qi, M(o(d)("inventory.recipe.bulkEditor.summary.footerIgnored", { count: F.counts.ignored })), 1)) : B("", !0),
+              F.counts.blocked > 0 ? (b(), V("span", Wi, M(o(d)("inventory.recipe.bulkEditor.summary.footerBlocked", { count: F.counts.blocked })), 1)) : B("", !0),
+              F.counts.applied === 0 && F.counts.satisfied === 0 && F.counts.ignored === 0 && F.counts.blocked === 0 ? (b(), V("span", Yi, M(o(d)("inventory.recipe.bulkEditor.summary.noChangesDetail")), 1)) : B("", !0)
+            ])
+          ], 64)) : B("", !0)
+        ]))), 128))
+      ]);
+    };
+  }
+}), Hi = { class: "flex items-center gap-12" }, Qi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xi = {
+  key: 0,
+  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
+}, Zi = {
+  key: 1,
+  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
+}, el = {
+  key: 2,
+  class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
+}, tl = {
+  key: 0,
+  class: "flex items-center gap-8 px-4"
+}, nl = {
+  key: 1,
+  class: "flex items-center gap-8 px-4"
+}, ol = {
+  key: 2,
+  class: "flex items-center gap-8 px-4"
+}, il = /* @__PURE__ */ ne({
+  __name: "RecipeBulkEditorDialog",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show"],
+  setup(m, { emit: d }) {
+    const i = m, { t: e } = te(), t = ge(), r = Ne(i, "show"), y = Oe(), 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 ($, 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) => Ue(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", Hi, [
+            _("span", Qi, 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", tl, [
+            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", nl, [
+            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", ol, [
+            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"])
+          ])) : B("", !0)
+        ]),
+        default: Y(() => [
+          v.value ? (b(), V("div", Xi, [
+            x(Ro)
+          ])) : s.value ? (b(), V("div", Zi, [
+            x(ki)
+          ])) : u.value ? (b(), V("div", el, [
+            x(Ji)
+          ])) : B("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function ll(m) {
+  return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([d, i]) => `${d}: ${i}`).join(", ");
+}
+function al() {
+  const m = ee(), d = m.recipes, i = m.recipeById, e = m.skuById, t = d.flatMap((v, s) => {
+    var n;
+    const u = ll(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,
+              le(k.amount),
+              "UNIT",
+              I === 0 ? u : ""
+            ];
+          }
+        ),
+        ...w.map(
+          (k, I) => {
+            var c, $, S, h;
+            return [
+              !g.length && I === 0 ? v.name : "",
+              "INGREDIENT",
+              (c = e[k.id]) == null ? void 0 : c.code,
+              ($ = e[k.id]) == null ? void 0 : $.name,
+              le(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 = st(t, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  dt(y, `RECIPE_${ut(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const rl = { class: "flex flex-col py-8" }, sl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, dl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ul = /* @__PURE__ */ ne({
+  __name: "RecipeView",
+  setup(m) {
+    const d = ee(), i = C(() => d.recipes), e = tt(), { createRecipe: t, updateRecipe: r } = je(), { recipeDialogProps: y, recipeViewLoading: v } = Ct(je()), { columnDefs: s, formatRowData: u } = Xt(), n = C(() => u(i.value)), g = ge(), w = Ge();
+    O(!1);
+    function k(a) {
+      if (a === "add")
+        return t();
+      if (a === "export")
+        return al();
+      a === "bulk-edit" && g.openDialog();
+    }
+    const I = O(""), c = C(() => v.value), { breakpoints: $ } = Et(), S = C(() => $.value.xs || $.value.sm), h = C(() => S.value ? 10 : 20), l = Tt(), { t: f } = te();
+    return (a, p) => {
+      const A = P("FmTable");
+      return b(), W(Mt, {
+        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: De([
+              "relative flex flex-col gap-8 max-h-full",
+              {
+                "p-0": S.value,
+                "px-24 ": !S.value
+              }
+            ])
+          }, [
+            x(Wt, {
+              searchable: "",
+              search: I.value,
+              "onUpdate:search": p[0] || (p[0] = (D) => I.value = D)
+            }, null, 8, ["search"]),
+            (b(), W(A, {
+              style: bt(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(qt, {
+                  row: D,
+                  onRowClick: (F) => o(r)(F.original)
+                }, {
+                  default: Y((F) => {
+                    var z, j, R, U, J, Q, re, N, K, G;
+                    return [
+                      _("div", rl, [
+                        _("div", sl, [
+                          x(o(Qe), {
+                            render: (R = (j = (z = F.recipe) == null ? void 0 : z.column) == null ? void 0 : j.columnDef) == null ? void 0 : R.cell,
+                            props: (J = (U = F.recipe) == null ? void 0 : U.getContext) == null ? void 0 : J.call(U)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        _("div", dl, [
+                          x(o(Qe), {
+                            render: (N = (re = (Q = F.ingredients) == null ? void 0 : Q.column) == null ? void 0 : re.columnDef) == null ? void 0 : N.cell,
+                            props: (G = (K = F.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(gt, { to: "body" }, [
+            x(oo, _t(kt(o(y))), null, 16),
+            o(w).enableBulkEditRecipes ? (b(), W(il, {
+              key: 0,
+              show: o(g).show,
+              "onUpdate:show": p[2] || (p[2] = (D) => o(g).show = D)
+            }, null, 8, ["show"])) : B("", !0)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Ul as default
+};