@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.0

package/dist/RecipeView-ByUaGc4w.js

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