@feedmepos/mf-inventory-portal 1.8.0-dev.19 → 1.8.0-dev.20

package/dist/RecipeView-Bd5--ENI.js

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