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

package/dist/RecipeView-Bx13Bckq.js

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