@feedmepos/mf-inventory-portal 1.3.16 → 1.3.17-dev.2

package/dist/RecipeView-KVhdiv18.js

@@ -0,0 +1,2898 @@
+import { defineComponent as ee, ref as G, onMounted as ot, resolveComponent as D, openBlock as v, createElementBlock as C, Fragment as ae, createElementVNode as p, toDisplayString as R, createVNode as B, createCommentVNode as F, computed as A, watch as pe, unref as s, normalizeClass as he, withCtx as j, h as ne, createBlock as M, renderList as me, isRef as Ge, mergeProps as it, createTextVNode as qe, withModifiers as lt, normalizeStyle as at, Teleport as st, normalizeProps as rt, guardReactiveProps as dt } from "vue";
+import { a as Y, c as Ve, S as ut, F as de, t as ct, v as mt, i as ze, u as pt } from "./app-Du9hjHZP.js";
+import { useDialog as Ae, useSnackbar as Fe, components as ce, useProxiedModel as we, useBreakpoints as ft } from "@feedmepos/ui-library";
+import { i as yt, _ as vt } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { F as q } from "./form-mode.enum-BKiNVH6A.js";
+import { _ as Ye } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-G7yOwwlA.js";
+import { defineStore as He, storeToRefs as bt } from "pinia";
+import { D as Je, R as ge } from "./row-action.enum-DQ9bJ_uv.js";
+import { c as gt } from "./component-kqxARxvM.js";
+import { a as Q, c as Qe } from "./number-BoWDForP.js";
+import { useI18n as W, useCoreStore as _t } from "@feedmepos/mf-common";
+import { u as ht, _ as kt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
+import { b as We, c as Re, I as xt, A as Ee, U as Xe, R as St } from "./rules-BfAXqY67.js";
+import { _ as wt } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CxxKiDAW.js";
+import { a as xe } from "./FmMultiselectDialog-wAnP9Seb.js";
+import { d as Ze } from "./defineDeepModel-Cp75jSVs.js";
+import { L as Et, P as It, D as Bt } from "./app-DiX-EfV6.js";
+import { _ as et, c as Ct, d as $t, e as Ke } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-Bwl1Jqam.js";
+import { u as Vt } from "./FmMultiselectDialog-nflYcmpQ.js";
+import { u as At } from "./vue-i18n-Bt04xsUS.js";
+import { F as Ft } from "./inventory-core-dart.default-DGd8GVhk.js";
+import { _ as Rt } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
+import { u as Tt } from "./feature-D23WgLdE.js";
+import { F as Te } from "./decimal-DmzFXaRA.js";
+import { _ as Ut } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-k5zRFn32.js";
+import { _ as Dt, F as Le } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
+import { b as Pt, d as Nt } from "./xlsx.util-D_VXgblQ.js";
+import { f as Ot } from "./date2-DSeWLgzk.js";
+import { _ as Mt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Df-pE1KK.js";
+const Gt = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, zt = { key: 1 }, Jt = { key: 0 }, Kt = /* @__PURE__ */ ee({
+  __name: "DeleteDialog",
+  props: {
+    type: {},
+    data: {},
+    message: {},
+    bindedItems: {}
+  },
+  setup(m) {
+    const r = m, u = G(r.bindedItems || []), t = G(!1);
+    ot(() => {
+      i();
+    });
+    async function i() {
+      var a, f;
+      !t.value && ((a = r.data) != null && a._id) && (t.value = !0, u.value = await Y().getAffectedMenu((f = r.data) == null ? void 0 : f._id), t.value = !1);
+    }
+    return (a, f) => {
+      const l = D("FmSpacer"), n = D("FmCircularProgress");
+      return v(), C(ae, null, [
+        p("p", null, R(a.message), 1),
+        t.value ? (v(), C("div", Gt, [
+          B(l),
+          p("div", null, [
+            B(n, { size: "xl" })
+          ]),
+          f[0] || (f[0] = p("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+          B(l)
+        ])) : (v(), C("div", zt, [
+          f[2] || (f[2] = p("br", null, null, -1)),
+          u.value.length > 0 ? (v(), C("div", Jt, [
+            f[1] || (f[1] = p("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+            B(Ye, {
+              name: "Menu",
+              bindings: u.value
+            }, null, 8, ["bindings"])
+          ])) : F("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), Ie = He("recipeForm", function() {
+  const r = Ae(), u = Fe(), t = Y(), i = G(!1), a = G();
+  function f() {
+    const e = {
+      recipe: {},
+      mode: q.CREATE,
+      show: !0,
+      "onUpdate:show"(d) {
+        a.value.show = d;
+      }
+    };
+    a.value = e;
+  }
+  async function l(e) {
+    const d = {
+      recipe: Ve(e),
+      mode: q.UPDATE,
+      show: !0,
+      "onUpdate:show"(w) {
+        a.value.show = w;
+      }
+    };
+    a.value = d;
+  }
+  async function n(e) {
+    i.value = !0;
+    try {
+      await t.deleteRecipe(e), u.open({
+        title: "Success",
+        message: `Deleted ${e.name}`,
+        type: "success"
+      });
+    } catch (d) {
+      d instanceof ut && yt(d) ? r.open({
+        title: "Cannot delete recipe",
+        contentComponent: vt,
+        contentComponentProps: {
+          subject: (e == null ? void 0 : e.name) ?? "",
+          items: d.errorResponse.message
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete recipe", d), u.open({
+        title: `Cannot delete ${e == null ? void 0 : e.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete recipe", d);
+    } finally {
+      i.value = !1;
+    }
+  }
+  function o(e) {
+    r.open({
+      title: `Delete ${(e == null ? void 0 : e.name) ?? "recipe"}?`,
+      closeButton: !1,
+      primaryActions: {
+        text: "Delete",
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      },
+      contentComponent: Kt,
+      contentComponentProps: {
+        type: "menu",
+        data: e,
+        message: "You may not be able to delete this recipe if it is linked in any of the inventory modules."
+      }
+    }).onPrimary(() => n(e));
+  }
+  return {
+    createRecipe: f,
+    updateRecipe: l,
+    deleteRecipe: o,
+    recipeDialogProps: a,
+    recipeViewLoading: i
+  };
+});
+function Lt() {
+  const { updateRecipe: m, deleteRecipe: r } = Ie(), u = Y(), { t } = W();
+  async function i(n, o) {
+    const e = Ve(o);
+    if (n === ge.Edit) {
+      await m(e);
+      return;
+    }
+    if (n === ge.Delete) {
+      await r(e);
+      return;
+    }
+  }
+  function a(n, o) {
+    const e = n.filter((E) => E.type === de.enum.SKU), d = n.filter(
+      (E) => E.type === de.enum.SKU_GROUP
+    ), w = n.filter((E) => E.type === de.enum.RECIPE);
+    return [
+      ...e.map((E) => ({ ...E, recipeIds: [...o] })),
+      ...d.map((E) => ({ ...E, isGroup: !0, recipeIds: [...o] })),
+      ...w.filter((E) => u.recipeById[E.id] && !o.has(E.id)).flatMap(
+        (E) => a(u.recipeById[E.id].contains, /* @__PURE__ */ new Set([...o, E.id]))
+      )
+    ];
+  }
+  const f = [
+    {
+      accessorKey: "recipe",
+      header: () => t("inventory.recipe.name"),
+      size: 400
+    },
+    {
+      accessorKey: "ingredients",
+      header: () => t("inventory.recipe.ingredients"),
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(n) {
+        return gt(
+          [Je[ge.Edit], Je[ge.Delete]],
+          (o) => {
+            i(o, n.row.original.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  function l(n) {
+    const o = Y();
+    return n.map((e) => ({
+      recipe: e.name,
+      ingredients: a(e.contains, /* @__PURE__ */ new Set([e._id])).map((d) => {
+        var E, k, b, h, V, T;
+        if (d.isGroup) {
+          const _ = o.skuGroupById[d.id];
+          return d.recipeIds.slice(1).length ? `(${(E = o.recipeById[d.recipeIds.at(-1) ?? ""]) == null ? void 0 : E.name}) ${_.name} (x ${Q(d.amount)})` : `${_.name} (x${Q(d.amount)})`;
+        }
+        const w = o.skuById[d.id];
+        return w ? d.recipeIds.slice(1).length ? `(${(k = o.recipeById[d.recipeIds.at(-1) ?? ""]) == null ? void 0 : k.name}) ${w.name} (${Q(d.amount)}${((b = d.measurement) == null ? void 0 : b.abbrev) ?? ((h = w == null ? void 0 : w.unit) == null ? void 0 : h.abbrev)})` : `${w.name} (${Q(d.amount)}${((V = d.measurement) == null ? void 0 : V.abbrev) ?? ((T = w == null ? void 0 : w.unit) == null ? void 0 : T.abbrev)})` : null;
+      }).filter((d) => d).join(", "),
+      original: e
+    }));
+  }
+  return { columnDefs: f, formatRowData: l };
+}
+function jt() {
+  const m = Y(), r = Ae();
+  async function u(a, f, l, n = []) {
+    var k, b;
+    const o = a.filter((h) => h.type === "SKU"), e = a.filter((h) => h.type !== "SKU"), d = /* @__PURE__ */ new Set();
+    if (l)
+      for (const h of m.skus)
+        !n.some((T) => T === h._id) && h._id !== l && !((b = (k = h.convert) == null ? void 0 : k.inventoryBindings) != null && b.some((T) => T.id === l)) || d.add(h._id);
+    const w = m.skus.map((h) => ({
+      label: h.name,
+      sublabel: `${h.code}${d.has(h._id) ? " (Cannot bind, will cause recursive binding)" : ""}`,
+      value: h,
+      disabled: d.has(h._id)
+    })), E = w.filter(
+      (h) => o.find((V) => V.id === h.value._id) && !d.has(h.value._id)
+    ).map((h) => h.value);
+    r.open({
+      title: "Select ingredients",
+      contentComponent: xe,
+      contentComponentProps: {
+        items: w,
+        modelValue: E,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((h) => {
+      const V = [
+        ...e,
+        ...a.filter((T) => h.find((_) => _._id === T.id)),
+        ...h.filter((T) => !a.find((_) => _.id === T._id)).map((T) => ({
+          type: "SKU",
+          id: T._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        }))
+      ];
+      f(V);
+    });
+  }
+  async function t(a, f, l = []) {
+    var E;
+    const n = a.filter((k) => k.type === "RECIPE"), o = a.filter((k) => k.type !== "RECIPE"), e = /* @__PURE__ */ new Set();
+    if (l.length)
+      for (const k of m.recipes) {
+        const b = ((E = m.recipeBindingFlattenCache[k._id]) == null ? void 0 : E.inventoryBindings) ?? [], h = b.some(
+          (_) => _.bindingPaths.some((g) => l.some((c) => c === g.id))
+        ), V = b.some(
+          (_) => "success" in _ && l.includes(_.ingredient._id)
+        );
+        (l.some((_) => _ === k._id) || h || V) && e.add(k._id);
+      }
+    const d = m.recipes.filter((k) => !l.includes(k._id)).map((k) => ({
+      label: k.name,
+      sublabel: e.has(k._id) ? "(Cannot bind, will cause recursive binding)" : `${k.contains.length} inventory bindings`,
+      value: k,
+      disabled: e.has(k._id)
+    })), w = d.filter(
+      (k) => n.find((b) => b.id === k.value._id) && !e.has(k.value._id)
+    ).map((k) => k.value);
+    r.open({
+      title: "Select recipes",
+      contentComponent: xe,
+      contentComponentProps: {
+        items: d,
+        modelValue: w,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((k) => {
+      const b = [
+        ...a.filter((h) => k.find((V) => V._id === h.id)),
+        ...k.filter((h) => !a.find((V) => V.id === h._id)).map((h) => ({
+          type: "RECIPE",
+          id: h._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        })),
+        ...o
+      ];
+      f(b);
+    });
+  }
+  async function i(a, f, l = []) {
+    const n = a.filter((w) => w.type === "SKU_GROUP"), o = a.filter((w) => w.type !== "SKU_GROUP"), e = m.skuGroups.filter((w) => !l.includes(w._id)).map((w) => ({
+      label: w.name,
+      value: w
+    })), d = e.filter((w) => n.find((E) => E.id === w.value._id)).map((w) => w.value);
+    r.open({
+      title: "Select ingredient group",
+      contentComponent: xe,
+      contentComponentProps: {
+        items: e,
+        modelValue: d,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((w) => {
+      const E = [
+        ...a.filter((k) => w.find((b) => b._id === k.id)),
+        ...w.filter((k) => !a.find((b) => b.id === k._id)).map((k) => ({
+          type: "SKU_GROUP",
+          id: k._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        })),
+        ...o
+      ];
+      f(E);
+    });
+  }
+  return {
+    promptIngredientsBinding: u,
+    promptRecipesBinding: t,
+    promptIngredientGroupsBinding: i
+  };
+}
+const qt = { class: "flex flex-col" }, Yt = { class: "flex flex-col gap-4" }, tt = /* @__PURE__ */ ee({
+  __name: "InventoryBindingRule",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: {},
+    minCount: {},
+    maxCount: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: r }) {
+    const u = m, t = r, { t: i } = W(), a = _t(), f = A(() => {
+      var w;
+      const e = /* @__PURE__ */ new Map(), d = a.restaurants.value.map((E) => E.customAttributes ?? {});
+      for (const E of d)
+        for (const [k, b] of Object.entries(E))
+          e.has(k) || e.set(k, /* @__PURE__ */ new Set()), b && ((w = e.get(k)) == null || w.add(b));
+      return e;
+    }), l = A(() => [
+      ...[...f.value.entries()].map(([d, w]) => ({
+        type: "string",
+        key: d,
+        entity: "restaurant",
+        values: [...w]
+      }))
+    ]), n = G(null);
+    let o = null;
+    return pe(
+      () => u.modelValue,
+      (e) => {
+        JSON.stringify(e) !== JSON.stringify(o) && (n.value = e ? Et.build(e) : null);
+      },
+      { immediate: !0 }
+    ), pe(
+      n,
+      (e) => {
+        o = e ? It.build(e) : null, t("update:modelValue", o);
+      },
+      { deep: !0 }
+    ), (e, d) => {
+      const w = D("FmLabel"), E = D("FmFormGroup");
+      return v(), C("div", qt, [
+        p("div", Yt, [
+          B(w, {
+            label: s(i)("inventory.ingredientGroup.form.rules.title"),
+            required: e.minCount != null && e.minCount > 0
+          }, null, 8, ["label", "required"]),
+          B(s(Bt), {
+            modelValue: n.value,
+            "onUpdate:modelValue": d[0] || (d[0] = (k) => n.value = k),
+            attributes: l.value
+          }, null, 8, ["modelValue", "attributes"])
+        ]),
+        B(E, {
+          "model-value": n.value,
+          rules: [
+            (k) => {
+              const b = k ? 1 : 0;
+              return u.minCount !== void 0 && b < u.minCount ? s(i)("inventory.ingredientGroup.form.rules.validation.minCount", {
+                count: u.minCount
+              }) : u.maxCount !== void 0 && b > u.maxCount ? s(i)("inventory.ingredientGroup.form.rules.validation.maxCount", {
+                count: u.maxCount
+              }) : !0;
+            }
+          ]
+        }, null, 8, ["model-value", "rules"])
+      ]);
+    };
+  }
+}), Ht = { class: "border-1 mx-3 my-1 rounded-md" }, Qt = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, Wt = {
+  class: "flex items-center",
+  style: { "min-height": "48px" }
+}, Xt = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Zt = { class: "flex flex-col" }, en = { class: "line-clamp-1" }, tn = { class: "w-[200px]" }, nn = {
+  key: 0,
+  class: "w-[52px]"
+}, on = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
+}, ln = { class: "px-12 pb-4" }, Be = /* @__PURE__ */ ee({
+  __name: "InventoryRecipeBindingV2Field",
+  props: {
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modelValue: {},
+    displayName: {},
+    showError: { type: Boolean }
+  },
+  emits: ["update:modelValue", "delete", "settings"],
+  setup(m, { emit: r }) {
+    const u = r, { t } = W(), i = Ze("modelValue"), a = G(""), f = A(() => +Q(i.amount));
+    pe(
+      () => i.amount,
+      (o) => {
+        const e = Q(o);
+        a.value !== e && (a.value = e);
+      },
+      { immediate: !0 }
+    );
+    let l = null;
+    function n(o) {
+      a.value = o, l && clearTimeout(l), l = setTimeout(() => {
+        const e = +o;
+        o.length > 0 && isFinite(e) ? i.amount = Qe(e) : i.amount = { amount: 0, precision: 0 };
+      }, 300);
+    }
+    return (o, e) => {
+      const d = D("FmTooltip"), w = D("FmTextField"), E = D("FmButton"), k = D("FmIcon"), b = D("FmFormGroup");
+      return v(), C("div", Ht, [
+        B(b, {
+          class: he(["mb-2"]),
+          disabled: o.disabled,
+          modelValue: f.value,
+          rules: [s(We)(0), s(Re)(-1)]
+        }, {
+          default: j(({ invalid: h }) => [
+            p("div", Qt, [
+              p("div", Wt, [
+                p("div", Xt, [
+                  p("div", Zt, [
+                    B(d, {
+                      zIndex: 51,
+                      variant: "plain",
+                      placement: "top",
+                      content: o.displayName
+                    }, {
+                      default: j(() => [
+                        p("span", en, R(o.displayName), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["content"])
+                  ])
+                ]),
+                p("div", tn, [
+                  B(w, {
+                    class: "w-full",
+                    disabled: o.disabled,
+                    modelValue: a.value,
+                    "onUpdate:modelValue": e[0] || (e[0] = (V) => n(V)),
+                    invalid: h
+                  }, null, 8, ["disabled", "modelValue", "invalid"])
+                ]),
+                o.readonly ? F("", !0) : (v(), C("div", nn, [
+                  B(E, {
+                    disabled: o.disabled,
+                    type: "button",
+                    variant: "plain",
+                    icon: "delete",
+                    "icon-color": "#000000",
+                    onClick: e[1] || (e[1] = () => u("delete", s(i).id))
+                  }, null, 8, ["disabled"])
+                ]))
+              ]),
+              o.showError ? (v(), C("div", on, [
+                B(k, {
+                  name: "error",
+                  color: "system-error-300",
+                  size: "sm"
+                }),
+                p("div", null, R(s(t)("inventory.inventoryBindings.circularError")), 1)
+              ])) : F("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled", "modelValue", "rules"]),
+        p("div", ln, [
+          B(tt, {
+            modelValue: s(i).rules,
+            "onUpdate:modelValue": e[2] || (e[2] = (h) => s(i).rules = h),
+            disabled: o.disabled
+          }, null, 8, ["modelValue", "disabled"])
+        ])
+      ]);
+    };
+  }
+});
+function an(m) {
+  const r = Vt(), { t: u } = At(), t = Y(), i = A(() => [
+    {
+      id: "delete",
+      header: "",
+      cell(l) {
+        const n = l.row.original;
+        return ne(
+          "div",
+          { class: "w-full flex justify-end" },
+          ne(ce.FmButton, {
+            class: "delete-button",
+            key: n._id,
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled ?? !1,
+            onClick: () => {
+              m.bindingAlternatives = m.bindingAlternatives.filter(
+                (o) => o._id !== n._id
+              );
+            }
+          })
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    },
+    {
+      id: "alternative",
+      header: () => u("inventory.inventoryBindings.alternativeTable.ingredient"),
+      accessorFn: (l) => {
+        var n, o;
+        return `${((n = t.skuById[l._id]) == null ? void 0 : n.name) ?? ""} (${((o = t.skuById[l._id]) == null ? void 0 : o.code) ?? ""})`;
+      },
+      cell: ({ row: l }) => {
+        const n = t.skuById[l.original._id];
+        return ne(
+          "div",
+          {
+            class: "w-full flex flex-col"
+          },
+          [
+            ne("div", { class: "fm-typo-en-body-lg-400 line-clamp-1" }, n.name),
+            ne(
+              "div",
+              { class: "fm-typo-en-body-md-400 line-clamp-1 text-fm-color-typo-secondary" },
+              n.code
+            )
+          ]
+        );
+      },
+      size: "auto",
+      enableSorting: !1
+    },
+    {
+      id: "unit",
+      header: () => u("inventory.inventoryBindings.alternativeTable.unit"),
+      accessorFn: (l) => {
+        const n = t.skuById[l._id];
+        return n.unit.measurements.computeFirst(
+          (o) => o.id === l.trackingMeasurement ? o.name : null
+        ) ?? n.unit.name;
+      },
+      enableSorting: !1
+    },
+    {
+      id: "unitOption",
+      header: () => u("inventory.inventoryBindings.alternativeTable.unit"),
+      accessorKey: "trackingMeasurement",
+      cell(l) {
+        const n = t.skuById[l.row.original._id];
+        if (!n) return null;
+        const o = [
+          {
+            label: n.unit.name,
+            sublabel: n.unit.abbrev,
+            value: null
+          },
+          ...n.unit.measurements.map((e) => ({
+            label: `${e.name} (${e.abbrev})`,
+            sublabel: u("inventory.inventoryBindings.alternativeTable.measurementOption"),
+            value: e.id
+          }))
+        ].filter((e) => !e.label.toLowerCase().includes("inactive"));
+        return ne(ce.FmSelect, {
+          modelValue: l.row.original.trackingMeasurement ?? null,
+          items: o,
+          disabled: m.disabled ?? !1,
+          "onUpdate:modelValue": (e) => {
+            m.bindingAlternatives = m.bindingAlternatives.map((d) => d._id === l.row.original._id ? { ...d, trackingMeasurement: e } : d);
+          }
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "priority",
+      header: () => u("inventory.inventoryBindings.alternativeTable.priority"),
+      accessorKey: "priority",
+      enableSorting: !0,
+      cell(l) {
+        const n = l.row.original;
+        return ne(ce.FmTextField, {
+          modelValue: n.priority ?? l.row.index + 1,
+          rules: [
+            xt(),
+            Ee(1),
+            Xe(
+              m.bindingAlternatives.filter((o) => o._id !== n._id).map((o) => {
+                const e = t.skuById[o._id];
+                return {
+                  label: e == null ? void 0 : e.name,
+                  value: o.priority
+                };
+              })
+            )
+          ],
+          "onUpdate:modelValue": (o) => {
+            const e = Number(o);
+            isNaN(e) || (m.bindingAlternatives = m.bindingAlternatives.map((d) => d._id === l.row.original._id ? { ...d, priority: e } : d));
+          }
+        });
+      }
+    },
+    {
+      id: "default",
+      header: () => "",
+      accessorKey: "default",
+      cell(l) {
+        const n = t.skuById[l.row.original._id];
+        return n ? ne(ce.FmCheckbox, {
+          modelValue: l.row.original.default ?? !1,
+          value: n._id,
+          disabled: m.disabled ?? !1,
+          "onUpdate:modelValue": () => {
+            m.bindingAlternatives = m.bindingAlternatives.map((o) => o._id === l.row.original._id ? { ...o, default: !0 } : { ...o, default: !1 });
+          }
+        }) : null;
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    },
+    {
+      id: "move",
+      header: "",
+      cell(l) {
+        const n = l.row.original;
+        return ne("div", { class: "w-full flex justify-end" }, [
+          ne(ce.FmButton, {
+            key: n._id,
+            type: "button",
+            icon: "keyboard_arrow_up",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled ?? !1,
+            onClick: () => {
+              const o = [...m.bindingAlternatives], e = o.findIndex((d) => d._id === n._id);
+              if (e > 0) {
+                const d = o[e - 1];
+                o[e - 1] = n, o[e] = d;
+              }
+              m.bindingAlternatives = [...o];
+            }
+          }),
+          ne(ce.FmButton, {
+            key: n._id,
+            type: "button",
+            icon: "keyboard_arrow_down",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled ?? !1,
+            onClick: () => {
+              const o = [...m.bindingAlternatives], e = o.findIndex((d) => d._id === n._id);
+              if (e < o.length - 1) {
+                const d = o[e + 1];
+                o[e + 1] = n, o[e] = d;
+              }
+              m.bindingAlternatives = [...o];
+            }
+          })
+        ]);
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ]);
+  return {
+    get columnDefs() {
+      return i.value;
+    },
+    promptAddIngredient: async (f) => {
+      const l = [];
+      for (const e of t.skus)
+        f.includes(e._id) || l.push({
+          label: e.name,
+          sublabel: e.code,
+          value: e._id,
+          disabled: f.includes(e._id)
+        });
+      const n = (m.bindingAlternatives ?? []).map((e) => e._id), o = await r.multiSelect(l, n, (e) => {
+        var w, E, k, b, h, V;
+        const d = (w = m.bindingAlternatives) == null ? void 0 : w.findIndex((T) => T._id === e);
+        return {
+          _id: e,
+          trackingMeasurement: typeof d != "number" || d == -1 ? (E = t.skuById[e]) == null ? void 0 : E.trackingMeasurement : (b = (k = m.bindingAlternatives) == null ? void 0 : k[d]) == null ? void 0 : b.trackingMeasurement,
+          priority: ((V = (h = m.bindingAlternatives) == null ? void 0 : h[d]) == null ? void 0 : V.priority) ?? m.bindingAlternatives.length,
+          default: !1
+        };
+      });
+      m.bindingAlternatives = o ?? m.bindingAlternatives;
+    },
+    columnVisibility: {
+      delete: !0,
+      unit: !1,
+      unitOption: !0,
+      default: !1,
+      // previous demo: sort priority by moving sku element in the array,
+      // new demo: sort priority using priority field.
+      // can reenable if this use case is requested to be restored
+      move: !1
+    }
+  };
+}
+const sn = { class: "flex flex-col gap-16" }, rn = { class: "flex flex-col" }, dn = { class: "flex justify-between items-center px-2" }, un = /* @__PURE__ */ ee({
+  __name: "InventoryBindingAlternative",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: {},
+    filterIngredientIds: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: r }) {
+    const u = m, t = r, { t: i } = W(), a = an({
+      get disabled() {
+        return u.disabled ?? !1;
+      },
+      get bindingAlternatives() {
+        return u.modelValue ?? [];
+      },
+      set bindingAlternatives(n) {
+        t("update:modelValue", n);
+      }
+    }), f = (n) => n && n.some((o) => u.filterIngredientIds.includes(o._id)) ? "Contains invalid ingredient" : !0, l = (n) => n && n.length > 5 ? i("inventory.binding.alternative.maximumExceeded", { max: 5 }) : !0;
+    return (n, o) => {
+      var k;
+      const e = D("FmLabel"), d = D("FmButton"), w = D("FmFormGroup"), E = D("FmTable");
+      return v(), C("div", sn, [
+        p("div", rn, [
+          p("div", dn, [
+            B(e, {
+              label: s(i)("inventory.alternatives")
+            }, null, 8, ["label"]),
+            B(d, {
+              disabled: n.disabled,
+              "prepend-icon": "link",
+              variant: "primary",
+              class: "border-1 rounded-lg border-fm-color-primary",
+              onClick: o[0] || (o[0] = (b) => s(a).promptAddIngredient(n.filterIngredientIds)),
+              size: "md"
+            }, null, 8, ["disabled"])
+          ]),
+          B(w, {
+            "model-value": n.modelValue,
+            rules: [f, l]
+          }, null, 8, ["model-value", "rules"])
+        ]),
+        B(E, {
+          "row-data": n.modelValue ?? [],
+          "column-defs": s(a).columnDefs,
+          "page-size": ((k = n.modelValue) == null ? void 0 : k.length) || 0,
+          "shrink-at": 9999,
+          "column-visibility": s(a).columnVisibility,
+          "hide-footer": ""
+        }, null, 8, ["row-data", "column-defs", "page-size", "column-visibility"])
+      ]);
+    };
+  }
+}), cn = { class: "border-1 mx-3 my-1 rounded-md" }, mn = { class: "flex flex-col border-b border-fm-color-neutral-gray-100" }, pn = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, fn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, yn = { class: "line-clamp-1 w-full" }, vn = { class: "w-[150px]" }, bn = {
+  key: 0,
+  class: "w-[52px]"
+}, gn = { class: "flex flex-col px-12 pb-4" }, Ce = /* @__PURE__ */ ee({
+  __name: "InventorySkuBindingV2Field",
+  props: {
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modelValue: {},
+    displayName: {},
+    unit: {},
+    showError: { type: Boolean },
+    ableToConfigureAlternative: { type: Boolean },
+    ableToApplyRules: { type: Boolean }
+  },
+  emits: ["update:modelValue", "delete", "settings"],
+  setup(m, { emit: r }) {
+    const u = r, { t } = W(), i = Ze("modelValue");
+    function a(l) {
+      l && (i.amount = l.amount, i.measurement = l.measurement);
+    }
+    function f() {
+      return {
+        modelValue: {
+          amount: i.amount,
+          measurement: i.measurement
+        },
+        amountAsString: Ft.toFormatString({
+          value: i.amount
+        })
+      };
+    }
+    return (l, n) => {
+      const o = D("FmTooltip"), e = D("FmButton"), d = D("FmFormGroup");
+      return v(), C("div", cn, [
+        p("div", mn, [
+          p("div", pn, [
+            p("div", fn, [
+              B(o, {
+                zIndex: 51,
+                variant: "plain",
+                placement: "top",
+                content: l.displayName
+              }, {
+                default: j(() => [
+                  p("span", yn, R(l.displayName), 1)
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            p("div", vn, [
+              B(et, {
+                "model-value": { amount: s(i).amount, measurement: s(i).measurement },
+                "onUpdate:modelValue": a,
+                unit: l.unit,
+                placement: "bottom",
+                "convert-amount-on-change-unit": "",
+                disabled: l.readonly
+              }, null, 8, ["model-value", "unit", "disabled"])
+            ]),
+            l.readonly ? F("", !0) : (v(), C("div", bn, [
+              B(e, {
+                disabled: l.disabled,
+                type: "button",
+                variant: "tertiary",
+                icon: "delete",
+                onClick: n[0] || (n[0] = () => u("delete", s(i).id))
+              }, null, 8, ["disabled"])
+            ]))
+          ]),
+          p("div", gn, [
+            B(d, {
+              modelValue: s(i).amount,
+              rules: [s(Re)(0)]
+            }, null, 8, ["modelValue", "rules"]),
+            B(d, {
+              modelValue: f(),
+              rules: [
+                s(Ct)(),
+                s($t)(l.unit),
+                () => l.showError ? s(t)("inventory.inventoryBindings.invalidWarning") : !0
+              ]
+            }, null, 8, ["modelValue", "rules"])
+          ]),
+          l.ableToApplyRules ? (v(), M(tt, {
+            key: 0,
+            modelValue: s(i).rules,
+            "onUpdate:modelValue": n[1] || (n[1] = (w) => s(i).rules = w),
+            disabled: l.disabled
+          }, null, 8, ["modelValue", "disabled"])) : F("", !0),
+          l.ableToConfigureAlternative ? (v(), M(un, {
+            key: 1,
+            modelValue: s(i).alternatives,
+            "onUpdate:modelValue": n[2] || (n[2] = (w) => s(i).alternatives = w),
+            disabled: l.disabled,
+            filterIngredientIds: [s(i).id]
+          }, null, 8, ["modelValue", "disabled", "filterIngredientIds"])) : F("", !0)
+        ])
+      ]);
+    };
+  }
+});
+exports.FfCalculator;
+const _n = { class: "flex flex-col gap-24" }, hn = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, kn = { class: "flex items-center" }, xn = { class: "flex-1 fm-typo-en-title-sm-600" }, Sn = { class: "flex flex-col" }, wn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, En = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, In = {
+  key: 0,
+  class: "w-[52px]"
+}, Bn = {
+  key: 1,
+  class: "w-[52px]"
+}, Cn = {
+  key: 1,
+  class: "flex flex-col gap-16"
+}, $n = { class: "flex items-center" }, Vn = { class: "flex-1 fm-typo-en-title-sm-600" }, An = { class: "flex flex-col" }, Fn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Rn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Tn = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, Un = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400"
+}, Dn = {
+  class: "flex items-center",
+  style: { "min-height": "48px" }
+}, Pn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Nn = { class: "flex flex-col" }, On = { class: "w-[200px]" }, Mn = {
+  key: 0,
+  class: "w-[52px]"
+}, Gn = { class: "flex flex-col gap-16" }, zn = { class: "flex items-center" }, Jn = { class: "flex-1 fm-typo-en-title-sm-600" }, Kn = { class: "flex flex-col" }, Ln = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, jn = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, qn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Yn = {
+  key: 0,
+  class: "w-[52px]"
+}, Hn = /* @__PURE__ */ ee({
+  __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
+    }) },
+    enableIngredientGroup: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:pick-inventory-bindings"],
+  setup(m, { emit: r }) {
+    const { t: u } = W(), t = Y(), i = A(() => t.recipeById), a = A(() => t.skuById), f = A(() => t.skuGroupById), l = m, n = r, o = A(() => ct({
+      parentId: l.id,
+      bindings: l.modelValue,
+      recipes: t.recipes.map((S) => S._id === l.id ? {
+        ...S,
+        contains: l.modelValue
+      } : S),
+      skus: t.skus.map((S) => S._id === l.id ? {
+        ...S,
+        convert: {
+          inventoryBindings: l.modelValue
+        }
+      } : S),
+      skuGroups: t.skuGroups
+    }).inventoryBindings.filter((S) => "error" in S && S.error).map((S) => S).filter((S) => S.reason === mt.enum.circularDependency)), e = A(
+      () => new Set(o.value.map((y) => {
+        var x;
+        return (x = y.bindingPaths[0]) == null ? void 0 : x.id;
+      }))
+    ), d = A(() => l.modelValue.filter((y) => y.type === "RECIPE")), { promptIngredientsBinding: w, promptRecipesBinding: E, promptIngredientGroupsBinding: k } = jt();
+    async function b() {
+      if (l.iframeMode) {
+        n("click:pick-inventory-bindings", "RECIPE");
+        return;
+      }
+      E(
+        l.modelValue,
+        (y) => n("update:modelValue", y),
+        l.id ? [l.id] : []
+      );
+    }
+    const h = A(() => l.modelValue.filter((y) => y.type === "SKU_GROUP"));
+    async function V() {
+      k(
+        l.modelValue,
+        (y) => n("update:modelValue", y),
+        l.id ? [l.id] : []
+      );
+    }
+    function T(y, x, S) {
+      const N = +x;
+      let J = S;
+      x.length > 0 && isFinite(N) ? J = S.map((O) => (O.id !== y || (O.amount = Qe(N)), O)) : J = S.map((O) => (O.id !== y || (O.amount = { amount: 0, precision: 0 }), O)), n("update:modelValue", J);
+    }
+    const _ = A(() => l.modelValue.filter((y) => y.type === "SKU") ?? []);
+    async function g() {
+      if (l.iframeMode) {
+        n("click:pick-inventory-bindings", "SKU");
+        return;
+      }
+      w(
+        l.modelValue,
+        (y) => n("update:modelValue", y),
+        l.excludeBindingId,
+        l.id ? [l.id] : []
+      );
+    }
+    function c(y) {
+      const x = l.modelValue.map((S) => S.id === y.id ? y : S);
+      n("update:modelValue", x);
+    }
+    function I(y) {
+      const x = l.modelValue.filter((S) => S.id !== y);
+      n("update:modelValue", x);
+    }
+    function U(y) {
+      var S, N;
+      if (y.type !== de.enum.SKU)
+        throw new Error("Non-SKU binding does not have unit");
+      if (!((S = a.value[y.id]) == null ? void 0 : S.unit))
+        throw new Error(`Cannot find ingredient: ${y.id}`);
+      return (N = a.value[y.id]) == null ? void 0 : N.unit;
+    }
+    return (y, x) => {
+      var oe, te, se;
+      const S = D("FmFormGroup"), N = D("FmButton"), J = D("FmIcon"), O = D("FmTextField");
+      return v(), C("div", _n, [
+        B(S, {
+          disabled: y.disabled,
+          "model-value": y.modelValue,
+          rules: [
+            ...y.rules,
+            () => o.value.length ? "There is a binding error in your configuration" : !0
+          ]
+        }, {
+          label: j(() => x[4] || (x[4] = [
+            p("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"]),
+        ((oe = y.recipeBindingConfig) == null ? void 0 : oe.enabled) !== !1 ? (v(), C("div", hn, [
+          p("div", kn, [
+            p("div", xn, R(s(u)("inventory.inventoryBindings.recipe")), 1),
+            y.readonly ? F("", !0) : (v(), M(N, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: s(u)("inventory.inventoryBindings.linkRecipe"),
+              "prepend-icon": "link",
+              onClick: b
+            }, null, 8, ["label"]))
+          ]),
+          p("div", Sn, [
+            p("div", wn, [
+              p("div", En, R(s(u)("inventory.inventoryBindings.recipe")), 1),
+              x[5] || (x[5] = p("div", { class: "w-[200px]" }, null, -1)),
+              y.recipeBindingConfig.ableToApplyRules ? (v(), C("div", In)) : F("", !0),
+              y.readonly ? F("", !0) : (v(), C("div", Bn))
+            ]),
+            (v(!0), C(ae, null, me(d.value, (z) => {
+              var X;
+              return v(), M(Be, {
+                key: z.id,
+                "model-value": z,
+                "display-name": (X = i.value[z.id]) == null ? void 0 : X.name,
+                "show-error": e.value.has(z.id),
+                readonly: y.readonly,
+                disabled: y.disabled,
+                "onUpdate:modelValue": x[0] || (x[0] = (Z) => c(Z)),
+                onDelete: x[1] || (x[1] = (Z) => I(Z))
+              }, null, 8, ["model-value", "display-name", "show-error", "readonly", "disabled"]);
+            }), 128))
+          ])
+        ])) : F("", !0),
+        y.enableIngredientGroup ? (v(), C("div", Cn, [
+          p("div", $n, [
+            p("div", Vn, R(s(u)("inventory.inventoryBindings.ingredientGroup")), 1),
+            y.readonly ? F("", !0) : (v(), M(N, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: s(u)("inventory.inventoryBindings.linkIngredientGroup"),
+              "prepend-icon": "link",
+              onClick: V
+            }, null, 8, ["label"]))
+          ]),
+          p("div", An, [
+            p("div", Fn, [
+              p("div", Rn, R(s(u)("inventory.inventoryBindings.ingredientGroup")), 1),
+              x[6] || (x[6] = p("div", { class: "w-[200px]" }, null, -1)),
+              x[7] || (x[7] = p("div", { class: "w-[52px]" }, null, -1))
+            ]),
+            (v(!0), C(ae, null, me(h.value, (z) => (v(), M(S, {
+              key: z.id,
+              disabled: y.disabled,
+              modelValue: +s(Q)(z.amount ?? { amount: 1, precision: 0 }),
+              rules: [s(We)(0), s(Re)(0)]
+            }, {
+              default: j(({ invalid: X }) => {
+                var Z;
+                return [
+                  p("div", Tn, [
+                    e.value.has(z.id) ? (v(), C("div", Un, [
+                      B(J, {
+                        name: "error",
+                        color: "system-error-300",
+                        size: "sm"
+                      }),
+                      p("div", null, R(s(u)("inventory.inventoryBindings.circularError")), 1)
+                    ])) : F("", !0),
+                    p("div", Dn, [
+                      p("div", Pn, [
+                        p("div", Nn, R((Z = f.value[z.id]) == null ? void 0 : Z.name), 1)
+                      ]),
+                      p("div", On, [
+                        B(O, {
+                          class: "w-full",
+                          disabled: y.disabled,
+                          modelValue: +s(Q)(z.amount ?? { amount: 1, precision: 0 }),
+                          "onUpdate:modelValue": (re) => T(z.id, re, y.modelValue),
+                          invalid: X
+                        }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
+                      ]),
+                      y.readonly ? F("", !0) : (v(), C("div", Mn, [
+                        B(N, {
+                          disabled: y.disabled,
+                          type: "button",
+                          variant: "plain",
+                          icon: "delete",
+                          "icon-color": "#000000",
+                          onClick: (re) => I(z.id)
+                        }, null, 8, ["disabled", "onClick"])
+                      ]))
+                    ])
+                  ])
+                ];
+              }),
+              _: 2
+            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
+          ])
+        ])) : F("", !0),
+        p("div", Gn, [
+          p("div", zn, [
+            p("div", Jn, R(s(u)("inventory.inventoryBindings.ingredient")), 1),
+            y.readonly ? F("", !0) : (v(), M(N, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: s(u)("inventory.inventoryBindings.linkIngredient"),
+              "prepend-icon": "link",
+              onClick: g
+            }, null, 8, ["label"]))
+          ]),
+          p("div", Kn, [
+            p("div", Ln, [
+              p("div", jn, R(s(u)("inventory.inventoryBindings.ingredient")), 1),
+              p("div", qn, R(s(u)("inventory.inventoryBindings.amount")), 1),
+              x[8] || (x[8] = p("div", { class: "w-[52px]" }, null, -1)),
+              (te = y.skuBindingConfig) != null && te.ableToApplyRules || (se = y.skuBindingConfig) != null && se.ableToConfigureAlternative ? (v(), C("div", Yn)) : F("", !0)
+            ]),
+            (v(!0), C(ae, null, me(_.value, (z) => {
+              var X, Z, re;
+              return v(), M(Ce, {
+                key: z.id,
+                "model-value": z,
+                "display-name": (X = a.value[z.id]) == null ? void 0 : X.name,
+                unit: U(z),
+                "show-error": e.value.has(z.id),
+                "able-to-apply-rules": ((Z = y.skuBindingConfig) == null ? void 0 : Z.ableToApplyRules) === !0,
+                "able-to-configure-alternative": ((re = y.skuBindingConfig) == null ? void 0 : re.ableToConfigureAlternative) === !0,
+                readonly: y.readonly,
+                disabled: y.disabled,
+                "onUpdate:modelValue": x[2] || (x[2] = ($) => c($)),
+                onDelete: x[3] || (x[3] = ($) => I($))
+              }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+}), Qn = { class: "flex flex-col gap-40" }, Wn = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, Xn = {
+  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"
+}, Zn = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, eo = { key: 1 }, to = { class: "mt-32" }, nt = /* @__PURE__ */ ee({
+  __name: "RecipeForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(m, { expose: r, emit: u }) {
+    const t = m, i = u, a = Tt(), { t: f } = W(), l = A({
+      get() {
+        var c;
+        return ((c = t.modelValue) == null ? void 0 : c.name) ?? "";
+      },
+      set(c) {
+        const I = t.modelValue ?? {};
+        I.name = c, i("update:modelValue", I);
+      }
+    }), n = A({
+      get() {
+        var c;
+        return ((c = t.modelValue) == null ? void 0 : c.contains) ?? [];
+      },
+      set(c) {
+        const I = t.modelValue ?? {};
+        I.contains = c, i("update:modelValue", I);
+      }
+    }), o = A({
+      get() {
+        var c;
+        return ((c = t.modelValue) == null ? void 0 : c.customAttributes) ?? {};
+      },
+      set(c) {
+        const I = t.modelValue ? {
+          ...t.modelValue
+        } : {};
+        I.customAttributes = c, i("update:modelValue", I);
+      }
+    }), e = A({
+      get() {
+        var c;
+        return ((c = t.modelValue) == null ? void 0 : c.version) ?? null;
+      },
+      set(c) {
+        const I = t.modelValue ? { ...t.modelValue } : {};
+        I.version = c, i("update:modelValue", I);
+      }
+    }), d = A({
+      get() {
+        return e.value === "v2";
+      },
+      set(c) {
+        e.value = c ? "v2" : null;
+      }
+    });
+    function w() {
+      i("click:submit");
+    }
+    const E = G();
+    r({
+      validateInputs: () => {
+        var c, I;
+        (I = (c = E.value) == null ? void 0 : c.validateInputs) == null || I.call(c);
+      },
+      resetInputsValidation: () => {
+        var c, I;
+        (I = (c = E.value) == null ? void 0 : c.resetInputsValidation) == null || I.call(c);
+      },
+      resetInputs: () => {
+        var c, I;
+        (I = (c = E.value) == null ? void 0 : c.resetInputs) == null || I.call(c);
+      }
+    });
+    const k = Y(), b = G([]), h = G(!1), V = G(!1);
+    pe(h, async (c) => {
+      T(c);
+    });
+    async function T(c) {
+      var I, U;
+      c && !V.value && ((I = t.modelValue) != null && I._id) && (V.value = !0, b.value = await k.getAffectedMenu((U = t.modelValue) == null ? void 0 : U._id).delayed(500), V.value = !1);
+    }
+    const _ = A(
+      () => k.recipes.map((c) => ({ label: c.name, value: c.name }))
+    ), g = A(() => {
+      var c;
+      return ((c = t.modelValue) == null ? void 0 : c.name) ?? "";
+    });
+    return (c, I) => {
+      const U = D("FmTextField"), y = D("FmSwitch"), x = D("FmCard"), S = D("FmSpacer"), N = D("FmCircularProgress"), J = D("FmForm");
+      return v(), M(J, {
+        ref_key: "formRef",
+        ref: E,
+        onValidationSuccess: w
+      }, {
+        default: j(() => [
+          p("div", Qn, [
+            B(U, {
+              disabled: c.disabled,
+              label: s(f)("inventory.recipe.name"),
+              "model-value": l.value,
+              "onUpdate:modelValue": I[0] || (I[0] = (O) => l.value = O),
+              rules: [
+                s(St)(),
+                s(Xe)(_.value, g.value, (O) => `[${O.value}] already exists`)
+              ],
+              "label-mark": "required"
+            }, null, 8, ["disabled", "label", "model-value", "rules"]),
+            s(a).enableRecipeV2 ? (v(), C("div", Wn, [
+              B(y, {
+                modelValue: d.value,
+                "onUpdate:modelValue": I[1] || (I[1] = (O) => d.value = O),
+                value: !0,
+                label: s(f)("inventory.recipe.enableRecipeV2"),
+                "label-placement": "right",
+                disabled: c.disabled,
+                sublabel: s(f)("inventory.recipe.recipeV2Warning")
+              }, null, 8, ["modelValue", "label", "disabled", "sublabel"])
+            ])) : F("", !0),
+            B(x, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: j(() => {
+                var O, oe;
+                return [
+                  s(a).enableRecipeV2 ? (v(), M(Hn, {
+                    key: 0,
+                    id: (O = c.modelValue) == null ? void 0 : O._id,
+                    disabled: c.disabled,
+                    "model-value": n.value,
+                    "onUpdate:modelValue": I[2] || (I[2] = (te) => n.value = te),
+                    rules: [s(Ee)(1)],
+                    "enable-ingredient-group": s(a).enableIngredientGroup,
+                    "recipe-binding-config": { enabled: !d.value, ableToApplyRules: d.value },
+                    "sku-binding-config": {
+                      ableToConfigureAlternative: d.value
+                    }
+                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group", "recipe-binding-config", "sku-binding-config"])) : (v(), M(wt, {
+                    key: 1,
+                    id: (oe = c.modelValue) == null ? void 0 : oe._id,
+                    disabled: c.disabled,
+                    "model-value": n.value,
+                    "onUpdate:modelValue": I[3] || (I[3] = (te) => n.value = te),
+                    rules: [s(Ee)(1)],
+                    "enable-ingredient-group": s(a).enableIngredientGroup
+                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"]))
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          c.mode !== s(q).CREATE ? (v(), C("div", Xn, [
+            B(y, {
+              label: "Show binded items",
+              modelValue: h.value,
+              "onUpdate:modelValue": I[4] || (I[4] = (O) => h.value = O),
+              "label-placement": "right",
+              disabled: V.value
+            }, null, 8, ["modelValue", "disabled"]),
+            V.value ? (v(), C("div", Zn, [
+              B(S),
+              p("div", null, [
+                B(N, { size: "xl" })
+              ]),
+              I[6] || (I[6] = p("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+              B(S)
+            ])) : h.value && b.value.length ? (v(), C("div", eo, [
+              B(Ye, {
+                name: "Menu",
+                bindings: b.value
+              }, null, 8, ["bindings"])
+            ])) : F("", !0)
+          ])) : F("", !0),
+          p("div", to, [
+            B(Rt, {
+              entity: "inventoryRecipe",
+              modelValue: o.value,
+              "onUpdate:modelValue": I[5] || (I[5] = (O) => o.value = O)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), no = { class: "flex gap-4" }, oo = /* @__PURE__ */ ee({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: q.READ }
+  },
+  emits: ["update:show"],
+  setup(m) {
+    const r = m, u = Y(), t = Fe(), { t: i } = W(), a = we(r, "show"), f = we(r, "recipe"), l = A(() => {
+      switch (r.mode) {
+        case q.READ:
+          return "";
+        case q.UPDATE:
+          return i("inventory.recipe.update.title");
+        case q.CREATE:
+          return i("inventory.recipe.create.title");
+      }
+      return "";
+    }), n = A(() => {
+      switch (r.mode) {
+        case q.READ:
+          return "";
+        case q.UPDATE:
+          return i("common.save");
+        case q.CREATE:
+          return i("common.add");
+      }
+      return "";
+    }), o = G(), e = G(!1);
+    async function d() {
+      e.value = !0;
+      try {
+        const b = Ve(f.value);
+        b.precision ?? (b.precision = 0), b.measurements ?? (b.measurements = []), await u.createRecipe(b), a.value = !1, t.open({
+          title: i("inventory.common.success"),
+          message: i("inventory.recipe.create.success", { name: f.value.name }),
+          type: "success"
+        });
+      } catch (b) {
+        b instanceof ze || t.open({
+          title: i("inventory.recipe.create.error.title"),
+          message: i("inventory.recipe.create.error.message"),
+          type: "error"
+        });
+      } finally {
+        e.value = !1;
+      }
+    }
+    async function w() {
+      e.value = !0;
+      try {
+        await u.updateRecipe(f.value), a.value = !1, t.open({
+          title: i("inventory.common.success"),
+          message: i("inventory.recipe.update.success", { name: f.value.name }),
+          type: "success"
+        });
+      } catch (b) {
+        b instanceof ze || t.open({
+          title: i("inventory.recipe.update.error.title"),
+          message: i("inventory.recipe.update.error.message"),
+          type: "error"
+        });
+      } finally {
+        e.value = !1;
+      }
+    }
+    function E() {
+      var b, h;
+      (h = (b = o.value) == null ? void 0 : b.validateInputs) == null || h.call(b);
+    }
+    function k() {
+      switch (r.mode) {
+        case q.READ:
+          return;
+        case q.UPDATE:
+          return w();
+        case q.CREATE:
+          return d();
+      }
+    }
+    return (b, h) => {
+      const V = D("FmButton"), T = D("FmSideSheet");
+      return v(), M(T, {
+        "model-value": s(a),
+        "onUpdate:modelValue": h[3] || (h[3] = (_) => Ge(a) ? a.value = _ : null),
+        header: l.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 800
+      }, {
+        "side-sheet-footer": j(() => [
+          p("div", no, [
+            B(V, {
+              loading: e.value,
+              label: n.value,
+              onClick: E
+            }, null, 8, ["loading", "label"]),
+            B(V, {
+              disabled: e.value,
+              label: s(i)("common.close"),
+              variant: "tertiary",
+              onClick: h[2] || (h[2] = (_) => a.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: j(() => [
+          B(nt, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: o,
+            modelValue: s(f),
+            "onUpdate:modelValue": h[0] || (h[0] = (_) => Ge(f) ? f.value = _ : null),
+            mode: b.mode,
+            disabled: e.value,
+            "onClick:submit": h[1] || (h[1] = (_) => k())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+});
+function Ue(m, r) {
+  return Te.equal(m, r);
+}
+function fe(m) {
+  if (m == null) return null;
+  const r = m.$and, u = m.$or;
+  return Array.isArray(r) && r.length === 0 || Array.isArray(u) && u.length === 0 || Object.keys(m).length === 0 ? null : JSON.stringify(m);
+}
+function ye(m) {
+  return m.measurement ? Te.multiplyDecimal(m.amount, m.measurement.conversion) : m.amount;
+}
+function _e(m, r) {
+  var f, l;
+  if (m.type !== r.type || m.id !== r.id || !Ue(ye(m), ye(r))) return !1;
+  const u = ((f = m.measurement) == null ? void 0 : f.id) ?? null, t = ((l = r.measurement) == null ? void 0 : l.id) ?? null;
+  if (u !== t || fe(m.rules) !== fe(r.rules)) return !1;
+  const i = (m.alternatives ?? []).map((n) => n._id).sort(), a = (r.alternatives ?? []).map((n) => n._id).sort();
+  return JSON.stringify(i) === JSON.stringify(a);
+}
+function je(m, r) {
+  return m.type === r.type && m.id === r.id;
+}
+function De(m, r, u) {
+  const t = [];
+  for (const i of m)
+    if (i.type === de.enum.SKU)
+      t.push({ ...i, recipeIds: [...r] });
+    else if (i.type === de.enum.SKU_GROUP)
+      t.push({ ...i, isGroup: !0, recipeIds: [...r] });
+    else if (i.type === de.enum.RECIPE) {
+      const a = u[i.id];
+      a && !r.has(i.id) && t.push(
+        ...De(a.contains, /* @__PURE__ */ new Set([...r, i.id]), u)
+      );
+    }
+  return t;
+}
+function io(m, r) {
+  const u = [];
+  let t = [...m.contains];
+  for (const a of r)
+    switch (a.type) {
+      case "remove-binding": {
+        const f = t.findIndex(
+          (l) => l.type === a.target.type && l.id === a.target.id
+        );
+        f === -1 ? u.push({ change: a, outcome: "ignored", reason: "Source binding not found in target" }) : (t = [...t.slice(0, f), ...t.slice(f + 1)], u.push({ change: a, outcome: "applied" }));
+        break;
+      }
+      case "add-binding": {
+        if (t.find((n) => _e(n, a.binding))) {
+          u.push({ change: a, outcome: "already-satisfied", reason: "Exact binding already present" });
+          break;
+        }
+        if (t.find((n) => je(n, a.binding))) {
+          u.push({ change: a, outcome: "blocked", reason: "A similar but non-exact binding already exists" });
+          break;
+        }
+        if (m.version === "v2" && a.binding.type === "RECIPE") {
+          u.push({ change: a, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
+          break;
+        }
+        t = [...t, a.binding], u.push({ change: a, outcome: "applied" });
+        break;
+      }
+      case "replace-binding": {
+        const f = t.findIndex(
+          (o) => o.type === a.from.type && o.id === a.from.id
+        ), l = t.find((o) => _e(o, a.to)), n = t.find((o, e) => e !== f && je(o, a.to) && !_e(o, a.to));
+        if (f === -1) {
+          l ? u.push({ change: a, outcome: "already-satisfied", reason: "Target already has exact replacement" }) : u.push({ change: a, outcome: "ignored", reason: "Source binding not found in target" });
+          break;
+        }
+        if (m.version === "v2" && a.to.type === "RECIPE") {
+          u.push({ change: a, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
+          break;
+        }
+        if (n) {
+          u.push({ change: a, outcome: "blocked", reason: "A similar but non-exact replacement binding already exists" });
+          break;
+        }
+        l ? (t = [...t.slice(0, f), ...t.slice(f + 1)], u.push({ change: a, outcome: "applied", reason: "Source removed; replacement already present" })) : (t = [
+          ...t.slice(0, f),
+          a.to,
+          ...t.slice(f + 1)
+        ], u.push({ change: a, outcome: "applied" }));
+        break;
+      }
+      case "update-binding-rule": {
+        const f = t.findIndex(
+          (e) => e.type === a.target.type && e.id === a.target.id
+        );
+        if (f === -1) {
+          u.push({ change: a, outcome: "ignored", reason: "Binding not found in target" });
+          break;
+        }
+        const l = t[f], n = l.rules ?? null, o = a.rule ?? null;
+        if (fe(n) === fe(o)) {
+          u.push({ change: a, outcome: "already-satisfied", reason: "Rule already matches" });
+          break;
+        }
+        t = [
+          ...t.slice(0, f),
+          { ...l, rules: o },
+          ...t.slice(f + 1)
+        ], u.push({ change: a, outcome: "applied" });
+        break;
+      }
+      case "update-alternatives": {
+        const f = t.findIndex(
+          (e) => e.type === a.target.type && e.id === a.target.id
+        );
+        if (f === -1) {
+          u.push({ change: a, outcome: "ignored", reason: "Binding not found in target" });
+          break;
+        }
+        const l = t[f], n = (l.alternatives ?? []).map((e) => e._id).sort(), o = (a.alternatives ?? []).map((e) => e._id).sort();
+        if (JSON.stringify(n) === JSON.stringify(o)) {
+          u.push({ change: a, outcome: "already-satisfied", reason: "Alternatives already match" });
+          break;
+        }
+        t = [
+          ...t.slice(0, f),
+          { ...l, alternatives: a.alternatives },
+          ...t.slice(f + 1)
+        ], u.push({ change: a, outcome: "applied" });
+        break;
+      }
+    }
+  return { projected: { ...m, contains: t }, results: u };
+}
+function lo(m) {
+  if (m.length === 0) return "no-applicable-changes";
+  let r = 0, u = 0, t = 0, i = 0;
+  for (const a of m)
+    a.outcome === "applied" ? r++ : a.outcome === "blocked" ? u++ : a.outcome === "ignored" ? t++ : a.outcome === "already-satisfied" && i++;
+  return u > 0 && r === 0 ? "blocked" : i === m.length ? "already-satisfied" : r > 0 && (t > 0 || u > 0) ? "partially-ignored" : r > 0 ? "will-update" : "no-applicable-changes";
+}
+function $e(m, r) {
+  var a, f, l, n;
+  const u = [], t = /* @__PURE__ */ new Map();
+  for (const o of m.contains) {
+    const e = `${o.type}:${o.id}`;
+    t.has(e) || t.set(e, o);
+  }
+  const i = /* @__PURE__ */ new Map();
+  for (const o of r.contains) {
+    const e = `${o.type}:${o.id}`;
+    i.has(e) || i.set(e, o);
+  }
+  for (const [o, e] of t)
+    i.has(o) || u.push({
+      type: "remove-binding",
+      target: {
+        type: e.type,
+        id: e.id,
+        amount: e.amount,
+        measurementId: ((a = e.measurement) == null ? void 0 : a.id) ?? null,
+        rules: e.rules ?? null,
+        alternatives: e.alternatives ?? []
+      }
+    });
+  for (const [o, e] of i)
+    t.has(o) || u.push({ type: "add-binding", binding: e });
+  for (const [o, e] of t) {
+    const d = i.get(o);
+    if (!d || _e(e, d)) continue;
+    const w = fe(e.rules) !== fe(d.rules), E = JSON.stringify((e.alternatives ?? []).map((b) => b._id).sort()) !== JSON.stringify((d.alternatives ?? []).map((b) => b._id).sort());
+    !Ue(ye(e), ye(d)) || (((f = e.measurement) == null ? void 0 : f.id) ?? null) !== (((l = d.measurement) == null ? void 0 : l.id) ?? null) ? u.push({
+      type: "replace-binding",
+      from: {
+        type: e.type,
+        id: e.id,
+        amount: e.amount,
+        measurementId: ((n = e.measurement) == null ? void 0 : n.id) ?? null,
+        rules: e.rules ?? null
+      },
+      to: d
+    }) : w ? u.push({
+      type: "update-binding-rule",
+      target: { type: e.type, id: e.id },
+      rule: d.rules ?? null
+    }) : E && u.push({
+      type: "update-alternatives",
+      target: { type: e.type, id: e.id },
+      alternatives: d.alternatives ?? []
+    });
+  }
+  return u;
+}
+function Se(m, r, u) {
+  const t = $e(r, u), i = t.map((o) => ({
+    change: o,
+    outcome: "applied"
+  }));
+  let a = 0, f = 0, l = 0, n = 0;
+  for (const o of i)
+    o.outcome === "applied" ? a++ : o.outcome === "ignored" ? f++ : o.outcome === "blocked" ? l++ : o.outcome === "already-satisfied" && n++;
+  return {
+    recipeId: m,
+    recipeName: r.name,
+    original: r,
+    projected: u,
+    status: t.length > 0 ? "will-update" : "no-applicable-changes",
+    changes: i,
+    counts: { applied: a, ignored: f, blocked: l, satisfied: n }
+  };
+}
+const ke = He("recipeBulkEditor", function() {
+  const r = Y(), u = Fe(), { t } = W(), i = G(!1), a = G(1), f = G(null), l = G(/* @__PURE__ */ new Set()), n = G(null), o = G(null), e = G({}), d = G({}), w = G(!1), E = G(/* @__PURE__ */ new Map()), k = A(() => {
+    if (!n.value) return null;
+    const $ = r.recipeById[n.value];
+    return $ ? JSON.parse(JSON.stringify($)) : null;
+  }), b = A(() => {
+    var K;
+    if (!((K = f.value) != null && K.skuId)) return r.recipes;
+    const { skuId: $, amount: P, measurementId: L } = f.value;
+    return r.recipes.filter((ie) => De(ie.contains, /* @__PURE__ */ new Set([ie._id]), r.recipeById).some((le) => {
+      var ue;
+      return !(le.type !== "SKU" || le.id !== $ || le.recipeIds.length === 1 && (P != null && !Ue(ye(le), P) || L != null && (((ue = le.measurement) == null ? void 0 : ue.id) ?? null) !== L));
+    }));
+  }), h = A(() => !k.value || !o.value ? [] : $e(k.value, o.value)), V = A(() => {
+    if (!k.value || !o.value) return !1;
+    const $ = k.value, P = o.value;
+    return $.name !== P.name || ($.version ?? null) !== (P.version ?? null) || JSON.stringify($.customAttributes ?? null) !== JSON.stringify(P.customAttributes ?? null) ? !0 : h.value.length > 0;
+  }), T = A(() => !k.value || !o.value ? !1 : (k.value.version ?? null) !== (o.value.version ?? null));
+  function _() {
+    l.value = /* @__PURE__ */ new Set(), n.value = null, o.value = null, e.value = {}, d.value = {};
+  }
+  function g() {
+    I(), i.value = !0;
+  }
+  function c() {
+    i.value = !1;
+  }
+  function I() {
+    a.value = 1, f.value = null, _(), w.value = !1, E.value = /* @__PURE__ */ new Map();
+  }
+  function U($) {
+    f.value = $, _();
+  }
+  function y($) {
+    f.value = $;
+  }
+  function x() {
+    f.value = null, _();
+  }
+  function S() {
+    const $ = b.value;
+    l.value = /* @__PURE__ */ new Set();
+    const P = $[0] ?? null;
+    P ? N(P._id) : (n.value = null, o.value = null);
+  }
+  function N($) {
+    var K;
+    const P = r.recipeById[$];
+    if (!P) return;
+    n.value && o.value && (e.value = { ...e.value, [n.value]: o.value }), n.value = $;
+    const L = JSON.parse(JSON.stringify(P));
+    o.value = e.value[$] ? JSON.parse(JSON.stringify(e.value[$])) : (K = d.value[$]) != null && K.projected ? JSON.parse(JSON.stringify(d.value[$].projected)) : JSON.parse(JSON.stringify(L));
+  }
+  function J($) {
+    const P = JSON.parse(JSON.stringify($));
+    o.value = P, n.value && (e.value = { ...e.value, [n.value]: P });
+  }
+  function O() {
+    if (!n.value) return;
+    const $ = r.recipeById[n.value];
+    if (!$) return;
+    const P = JSON.parse(JSON.stringify($));
+    o.value = JSON.parse(JSON.stringify(P));
+    const { [n.value]: L, ...K } = e.value;
+    e.value = K, d.value = {};
+  }
+  function oe($) {
+    const P = new Set(l.value);
+    P.has($) ? P.delete($) : P.add($), l.value = P;
+  }
+  function te($) {
+    return l.value.has($);
+  }
+  function se() {
+    if (!o.value || !n.value) return;
+    const $ = r.recipeById[n.value];
+    if (!$) return;
+    const P = d.value[n.value], L = P ? P.original : JSON.parse(JSON.stringify($));
+    d.value = {
+      ...d.value,
+      [n.value]: Se(n.value, L, o.value)
+    };
+  }
+  function z() {
+    const $ = { ...d.value };
+    for (const P of l.value) {
+      if (P === n.value) continue;
+      const L = e.value[P];
+      if (!L) continue;
+      const K = r.recipeById[P];
+      if (!K) continue;
+      const ie = $[P], H = ie ? ie.original : JSON.parse(JSON.stringify(K));
+      $[P] = Se(P, H, L);
+    }
+    d.value = $;
+  }
+  function X() {
+    if (!k.value || !o.value) return;
+    const $ = $e(k.value, o.value), P = {};
+    for (const K of l.value) {
+      const ie = r.recipeById[K];
+      if (!ie) continue;
+      const H = JSON.parse(JSON.stringify(ie));
+      if (K === n.value) {
+        P[K] = Se(K, H, o.value);
+        continue;
+      }
+      const { projected: le, results: ve } = io(H, $), ue = lo(ve);
+      let Pe = 0, Ne = 0, Oe = 0, Me = 0;
+      for (const be of ve)
+        be.outcome === "applied" ? Pe++ : be.outcome === "ignored" ? Ne++ : be.outcome === "blocked" ? Oe++ : be.outcome === "already-satisfied" && Me++;
+      P[K] = {
+        recipeId: K,
+        recipeName: H.name,
+        original: H,
+        projected: ue === "will-update" || ue === "partially-ignored" ? le : null,
+        status: ue,
+        changes: ve,
+        counts: { applied: Pe, ignored: Ne, blocked: Oe, satisfied: Me }
+      };
+    }
+    d.value = P;
+    const L = { ...e.value };
+    for (const K of l.value)
+      K !== n.value && delete L[K];
+    e.value = L;
+  }
+  function Z() {
+    return Object.values(d.value).filter(
+      ($) => ($.status === "will-update" || $.status === "partially-ignored") && $.projected != null
+    ).map(($) => $.projected);
+  }
+  async function re() {
+    if (!w.value) {
+      w.value = !0, E.value = /* @__PURE__ */ new Map();
+      try {
+        const $ = Z(), P = await r.importRecipes({
+          create: [],
+          update: $
+        }), L = (P == null ? void 0 : P.errors) ?? [];
+        if (L.length > 0) {
+          const K = /* @__PURE__ */ new Map();
+          for (const { data: ie, error: H } of L) {
+            const le = typeof H == "string" ? H : (H == null ? void 0 : H.message) ?? t("inventory.recipe.bulkEditor.step3.unknownError");
+            K.set(ie._id, le);
+          }
+          E.value = K, u.open({
+            title: t("inventory.recipe.bulkEditor.step3.partialErrorTitle"),
+            message: t("inventory.recipe.bulkEditor.step3.partialErrorMessage", {
+              count: L.length
+            }),
+            type: "warning"
+          });
+        } else
+          u.open({
+            title: t("inventory.recipe.bulkEditor.step3.successTitle"),
+            message: t("inventory.recipe.bulkEditor.step3.successMessage", {
+              count: $.length
+            }),
+            type: "success"
+          }), i.value = !1, I();
+      } catch ($) {
+        u.open({
+          title: t("inventory.recipe.bulkEditor.step3.errorTitle"),
+          message: t("inventory.recipe.bulkEditor.step3.errorMessage"),
+          type: "error"
+        }), console.error("confirmAndApply failed", $);
+      } finally {
+        w.value = !1;
+      }
+    }
+  }
+  return {
+    // state
+    show: i,
+    currentStep: a,
+    query: f,
+    selectedRecipeIds: l,
+    activeRecipeId: n,
+    activeOriginal: k,
+    activeDraft: o,
+    entries: d,
+    isSaving: w,
+    applyErrors: E,
+    // computed
+    matchedRecipes: b,
+    hasDraftChanges: V,
+    hasVersionChange: T,
+    pendingChanges: h,
+    // actions
+    openDialog: g,
+    closeDialog: c,
+    reset: I,
+    setQuery: U,
+    updateFilter: y,
+    clearQuery: x,
+    initSelectionFromQuery: S,
+    setActiveRecipe: N,
+    updateDraft: J,
+    revertActive: O,
+    toggleSelection: oe,
+    isSelected: te,
+    applyDraftToActive: se,
+    flushAllDraftCache: z,
+    applyToAll: X,
+    buildPayload: Z,
+    confirmAndApply: re
+  };
+}), ao = { class: "flex flex-col h-full" }, so = { class: "px-16 py-12 border-b border-fm-color-border-default bg-fm-color-surface-default flex flex-col gap-12" }, ro = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, uo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, co = { class: "text-fm-color-typo-placeholder ml-4" }, mo = {
+  key: 0,
+  class: "flex items-center gap-12 px-16 py-10 border-b border-fm-color-border-default bg-fm-color-surface-secondary shrink-0"
+}, po = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fo = { class: "flex-1 overflow-y-auto" }, yo = {
+  key: 0,
+  class: "flex flex-col items-center justify-center h-full gap-8 px-24 text-center"
+}, vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bo = {
+  key: 1,
+  class: "divide-y divide-fm-color-border-default"
+}, go = ["onClick"], _o = { class: "flex-1 min-w-0" }, ho = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate mt-1"
+}, ko = { class: "flex items-center gap-4 mt-2 flex-wrap" }, xo = {
+  key: 1,
+  class: "px-16 py-10 border-t border-fm-color-border-default bg-fm-color-surface-secondary shrink-0"
+}, So = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, wo = /* @__PURE__ */ ee({
+  __name: "RecipeBulkEditorQueryStep",
+  setup(m) {
+    const { t: r } = W(), u = Y(), t = ke(), i = G(""), a = G(null), f = A(
+      () => u.skus.map((_) => ({
+        label: _.name,
+        sublabel: _.code,
+        value: _._id
+      }))
+    ), l = A(
+      () => a.value ? u.skuById[a.value] ?? null : null
+    ), n = G(Ke()), o = A(() => {
+      const _ = n.value.amount;
+      return _ != null && _.amount > 0;
+    });
+    pe(a, () => {
+      n.value = Ke();
+    }), pe(
+      [a, n],
+      () => {
+        if (!a.value) {
+          t.updateFilter({ skuId: "" });
+          return;
+        }
+        if (!o.value)
+          t.updateFilter({ skuId: a.value });
+        else {
+          const { amount: _, measurement: g } = n.value, c = g ? Te.multiplyDecimal(_, g.conversion) : _;
+          t.updateFilter({
+            skuId: a.value,
+            amount: c,
+            measurementId: (g == null ? void 0 : g.id) ?? null
+          });
+        }
+      },
+      { deep: !0 }
+    );
+    const e = A(() => {
+      const _ = i.value.trim().toLowerCase();
+      return _ ? t.matchedRecipes.filter(
+        (g) => g.name.toLowerCase().includes(_)
+      ) : t.matchedRecipes;
+    }), d = A(
+      () => e.value.length > 0 && e.value.every((_) => t.isSelected(_._id))
+    ), w = A(
+      () => e.value.some((_) => t.isSelected(_._id)) && !d.value
+    );
+    function E(_) {
+      const g = new Set(t.selectedRecipeIds);
+      for (const c of e.value)
+        _ ? g.add(c._id) : g.delete(c._id);
+      t.selectedRecipeIds = g;
+    }
+    function k(_) {
+      switch (_) {
+        case "will-update":
+          return r("inventory.recipe.bulkEditor.status.willUpdate");
+        case "already-satisfied":
+          return r("inventory.recipe.bulkEditor.status.alreadySatisfied");
+        case "partially-ignored":
+          return r("inventory.recipe.bulkEditor.status.partiallyIgnored");
+        case "blocked":
+          return r("inventory.recipe.bulkEditor.status.blocked");
+        case "no-applicable-changes":
+          return r("inventory.recipe.bulkEditor.status.noApplicableChanges");
+        default:
+          return "";
+      }
+    }
+    function b(_) {
+      switch (_) {
+        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(_) {
+      return t.entries[_] ?? null;
+    }
+    function V(_) {
+      var U, y, x, S;
+      if (_.isGroup) {
+        const N = u.skuGroupById[_.id];
+        if (!N) return null;
+        const J = `x${Q(_.amount)}`;
+        return _.recipeIds.slice(1).length ? `(${((U = u.recipeById[_.recipeIds.at(-1) ?? ""]) == null ? void 0 : U.name) ?? ""}) ${N.name} (${J})` : `${N.name} (${J})`;
+      }
+      const g = u.skuById[_.id];
+      if (!g) return null;
+      const c = ((y = _.measurement) == null ? void 0 : y.abbrev) ?? ((x = g.unit) == null ? void 0 : x.abbrev) ?? "", I = `${Q(_.amount)}${c}`;
+      return _.recipeIds.slice(1).length ? `(${((S = u.recipeById[_.recipeIds.at(-1) ?? ""]) == null ? void 0 : S.name) ?? ""}) ${g.name} (${I})` : `${g.name} (${I})`;
+    }
+    function T(_) {
+      return De(_.contains, /* @__PURE__ */ new Set([_._id]), u.recipeById).map(V).filter((g) => g !== null).join(", ");
+    }
+    return (_, g) => {
+      const c = D("FmSearch"), I = D("FmSelect"), U = D("FmCheckbox"), y = D("FmIcon"), x = D("FmChip");
+      return v(), C("div", ao, [
+        p("div", so, [
+          B(c, {
+            modelValue: i.value,
+            "onUpdate:modelValue": g[0] || (g[0] = (S) => i.value = S),
+            placeholder: s(r)("inventory.recipe.bulkEditor.query.nameSearchPlaceholder")
+          }, null, 8, ["modelValue", "placeholder"]),
+          B(I, {
+            modelValue: a.value,
+            "onUpdate:modelValue": [
+              g[1] || (g[1] = (S) => a.value = S),
+              g[2] || (g[2] = (S) => {
+                S || (a.value = null);
+              })
+            ],
+            items: f.value,
+            label: s(r)("inventory.recipe.bulkEditor.query.ingredientFilterLabel"),
+            placeholder: s(r)("inventory.recipe.bulkEditor.query.ingredientPlaceholder"),
+            clearable: ""
+          }, {
+            "menu-wrapper": j((S) => [
+              B(Ut, it(S, {
+                items: f.value,
+                "model-value": a.value
+              }), null, 16, ["items", "model-value"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "items", "label", "placeholder"]),
+          l.value ? (v(), C("div", ro, [
+            p("span", uo, [
+              qe(R(s(r)("inventory.recipe.bulkEditor.query.amountLabel")) + " ", 1),
+              p("span", co, R(s(r)("inventory.recipe.bulkEditor.query.amountOptional")), 1)
+            ]),
+            B(et, {
+              modelValue: n.value,
+              "onUpdate:modelValue": g[3] || (g[3] = (S) => n.value = S),
+              unit: l.value.unit,
+              placeholder: s(r)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
+              "convert-amount-on-change-unit": ""
+            }, null, 8, ["modelValue", "unit", "placeholder"])
+          ])) : F("", !0)
+        ]),
+        e.value.length > 0 ? (v(), C("div", mo, [
+          B(U, {
+            "model-value": d.value,
+            value: !0,
+            indeterminate: w.value,
+            "onUpdate:modelValue": E
+          }, null, 8, ["model-value", "indeterminate"]),
+          p("span", po, R(s(r)("inventory.recipe.bulkEditor.query.selectAll", {
+            count: e.value.length
+          })), 1)
+        ])) : F("", !0),
+        p("div", fo, [
+          e.value.length === 0 ? (v(), C("div", yo, [
+            B(y, {
+              name: "search_off",
+              size: "lg",
+              class: "text-fm-color-typo-placeholder"
+            }),
+            p("p", vo, R(s(r)("inventory.recipe.bulkEditor.query.noResults")), 1)
+          ])) : (v(), C("div", bo, [
+            (v(!0), C(ae, null, me(e.value, (S) => (v(), C("div", {
+              key: S._id,
+              class: he([
+                "flex items-center gap-12 px-16 py-12 cursor-pointer transition-colors select-none",
+                s(t).activeRecipeId === S._id ? "bg-fm-color-primary/20" : s(t).isSelected(S._id) ? "bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover" : "hover:bg-fm-color-surface-hover"
+              ]),
+              onClick: (N) => s(t).setActiveRecipe(S._id)
+            }, [
+              B(U, {
+                "model-value": s(t).isSelected(S._id),
+                value: S._id,
+                "onUpdate:modelValue": () => s(t).toggleSelection(S._id),
+                onClick: g[4] || (g[4] = lt(() => {
+                }, ["stop"]))
+              }, null, 8, ["model-value", "value", "onUpdate:modelValue"]),
+              p("div", _o, [
+                p("div", {
+                  class: he([
+                    "fm-typo-en-body-md-600 truncate",
+                    s(t).activeRecipeId === S._id ? "text-fm-color-primary" : "text-fm-color-typo-primary"
+                  ])
+                }, R(S.name), 3),
+                S.contains.length > 0 ? (v(), C("div", ho, R(T(S)), 1)) : F("", !0),
+                p("div", ko, [
+                  S.version === "v2" ? (v(), M(x, {
+                    key: 0,
+                    size: "sm",
+                    label: "V2",
+                    variant: "info"
+                  })) : F("", !0),
+                  h(S._id) ? (v(), M(x, {
+                    key: 1,
+                    size: "sm",
+                    label: k(h(S._id).status),
+                    variant: b(h(S._id).status)
+                  }, null, 8, ["label", "variant"])) : F("", !0)
+                ])
+              ]),
+              s(t).activeRecipeId === S._id ? (v(), M(y, {
+                key: 0,
+                name: "chevron_right",
+                size: "md",
+                class: "text-fm-color-primary shrink-0"
+              })) : F("", !0)
+            ], 10, go))), 128))
+          ]))
+        ]),
+        e.value.length > 0 ? (v(), C("div", xo, [
+          p("p", So, R(s(r)("inventory.recipe.bulkEditor.query.selectionCount", {
+            selected: s(t).selectedRecipeIds.size,
+            total: e.value.length
+          })), 1)
+        ])) : F("", !0)
+      ]);
+    };
+  }
+}), Eo = { class: "flex flex-col gap-16" }, Io = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, Bo = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary mb-8" }, Co = { class: "flex flex-wrap gap-12" }, $o = { class: "flex items-center gap-6" }, Vo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ao = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, Fo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ro = {
+  key: 1,
+  class: "flex items-center gap-6"
+}, To = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Uo = {
+  key: 2,
+  class: "flex items-center gap-6"
+}, Do = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Po = {
+  key: 3,
+  class: "flex items-center gap-6"
+}, No = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Oo = { class: "flex items-center gap-8 px-12 py-10 bg-fm-color-surface-secondary border-b border-fm-color-border-default" }, Mo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, Go = {
+  key: 0,
+  class: "px-12 py-8 border-b border-fm-color-border-default"
+}, zo = {
+  key: 1,
+  class: "px-12 py-10"
+}, Jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder" }, Ko = {
+  key: 2,
+  class: "flex flex-col divide-y divide-fm-color-border-default"
+}, Lo = { class: "flex items-center gap-8 px-12 py-6 bg-fm-color-surface-default" }, jo = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-secondary flex-1" }, qo = {
+  key: 0,
+  class: "px-12 pb-4"
+}, Yo = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-placeholder italic" }, Ho = {
+  key: 1,
+  class: "relative border-l-4 border-fm-color-error bg-red-50"
+}, Qo = {
+  key: 2,
+  class: "px-12 py-8 flex items-center gap-8"
+}, Wo = { class: "fm-typo-en-body-sm-400 font-mono text-fm-color-error" }, Xo = {
+  key: 2,
+  class: "relative border-l-4 border-fm-color-success bg-green-50"
+}, Zo = {
+  key: 2,
+  class: "px-12 py-8 flex items-center gap-8"
+}, ei = { class: "fm-typo-en-body-sm-400 font-mono text-fm-color-success" }, ti = { 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" }, ni = { key: 0 }, oi = { key: 1 }, ii = {
+  key: 2,
+  class: "text-fm-color-warning"
+}, li = {
+  key: 3,
+  class: "text-fm-color-error"
+}, ai = /* @__PURE__ */ ee({
+  __name: "RecipeBulkEditorSummaryStep",
+  setup(m) {
+    const { t: r } = W(), u = Y(), t = ke(), i = A(() => Object.values(t.entries)), a = A(
+      () => i.value.filter((g) => g.status === "will-update").length
+    ), f = A(
+      () => i.value.filter((g) => g.status === "partially-ignored").length
+    ), l = A(
+      () => i.value.filter((g) => g.status === "already-satisfied").length
+    ), n = A(
+      () => i.value.filter((g) => g.status === "blocked").length
+    ), o = A(
+      () => i.value.filter((g) => g.status === "no-applicable-changes").length
+    );
+    function e(g) {
+      var c;
+      return ((c = u.skuById[g]) == null ? void 0 : c.name) ?? g;
+    }
+    function d(g) {
+      var c;
+      return ((c = u.recipeById[g]) == null ? void 0 : c.name) ?? g;
+    }
+    function w(g) {
+      var c;
+      return ((c = u.skuGroupById[g]) == null ? void 0 : c.name) ?? g;
+    }
+    function E(g) {
+      return g.type === "SKU" ? e(g.id) : g.type === "SKU_GROUP" ? w(g.id) : d(g.id);
+    }
+    function k(g) {
+      var c;
+      return (c = u.skuById[g]) == null ? void 0 : c.unit;
+    }
+    function b(g) {
+      const c = [];
+      for (const I of g.changes) {
+        const { change: U, outcome: y, reason: x } = I;
+        switch (U.type) {
+          case "remove-binding": {
+            const S = g.original.contains.find(
+              (N) => N.type === U.target.type && N.id === U.target.id
+            ) ?? null;
+            c.push({ label: r("inventory.recipe.bulkEditor.summary.changeRemove"), before: S, after: null, outcome: y, reason: x });
+            break;
+          }
+          case "add-binding":
+            c.push({ label: r("inventory.recipe.bulkEditor.summary.changeAdd"), before: null, after: U.binding, outcome: y, reason: x });
+            break;
+          case "replace-binding": {
+            const S = g.original.contains.find(
+              (N) => N.type === U.from.type && N.id === U.from.id
+            ) ?? null;
+            c.push({ label: r("inventory.recipe.bulkEditor.summary.changeReplace"), before: S, after: U.to, outcome: y, reason: x });
+            break;
+          }
+          case "update-binding-rule": {
+            const S = g.original.contains.find(
+              (J) => J.type === U.target.type && J.id === U.target.id
+            ) ?? null, N = S ? { ...S, rules: U.rule } : null;
+            c.push({ label: r("inventory.recipe.bulkEditor.summary.changeUpdateRule"), before: S, after: N, outcome: y, reason: x });
+            break;
+          }
+          case "update-alternatives": {
+            const S = g.original.contains.find(
+              (J) => J.type === U.target.type && J.id === U.target.id
+            ) ?? null, N = S ? { ...S, alternatives: U.alternatives } : null;
+            c.push({ label: r("inventory.recipe.bulkEditor.summary.changeUpdateAlternatives"), before: S, after: N, outcome: y, reason: x });
+            break;
+          }
+        }
+      }
+      return c;
+    }
+    function h(g) {
+      switch (g) {
+        case "will-update":
+          return r("inventory.recipe.bulkEditor.status.willUpdate");
+        case "already-satisfied":
+          return r("inventory.recipe.bulkEditor.status.alreadySatisfied");
+        case "partially-ignored":
+          return r("inventory.recipe.bulkEditor.status.partiallyIgnored");
+        case "blocked":
+          return r("inventory.recipe.bulkEditor.status.blocked");
+        case "no-applicable-changes":
+          return r("inventory.recipe.bulkEditor.status.noApplicableChanges");
+        default:
+          return "";
+      }
+    }
+    function V(g) {
+      switch (g) {
+        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 T(g) {
+      switch (g) {
+        case "applied":
+          return r("inventory.recipe.bulkEditor.summary.outcomeApplied");
+        case "ignored":
+          return r("inventory.recipe.bulkEditor.summary.outcomeIgnored");
+        case "already-satisfied":
+          return r("inventory.recipe.bulkEditor.summary.outcomeAlreadySatisfied");
+        case "blocked":
+          return r("inventory.recipe.bulkEditor.summary.outcomeBlocked");
+        default:
+          return "";
+      }
+    }
+    function _(g) {
+      switch (g) {
+        case "applied":
+          return "success";
+        case "ignored":
+          return "warning";
+        case "already-satisfied":
+          return "info";
+        case "blocked":
+          return "critical";
+        default:
+          return "neutral";
+      }
+    }
+    return (g, c) => {
+      const I = D("FmChip"), U = D("FmBanner");
+      return v(), C("div", Eo, [
+        p("div", Io, [
+          p("p", Bo, R(s(r)("inventory.recipe.bulkEditor.summary.title")), 1),
+          p("div", Co, [
+            p("div", $o, [
+              B(I, {
+                size: "sm",
+                label: String(a.value),
+                variant: "success"
+              }, null, 8, ["label"]),
+              p("span", Vo, R(s(r)("inventory.recipe.bulkEditor.summary.countWillUpdate")), 1)
+            ]),
+            f.value > 0 ? (v(), C("div", Ao, [
+              B(I, {
+                size: "sm",
+                label: String(f.value),
+                variant: "warning"
+              }, null, 8, ["label"]),
+              p("span", Fo, R(s(r)("inventory.recipe.bulkEditor.summary.countPartiallyIgnored")), 1)
+            ])) : F("", !0),
+            l.value > 0 ? (v(), C("div", Ro, [
+              B(I, {
+                size: "sm",
+                label: String(l.value),
+                variant: "info"
+              }, null, 8, ["label"]),
+              p("span", To, R(s(r)("inventory.recipe.bulkEditor.summary.countAlreadySatisfied")), 1)
+            ])) : F("", !0),
+            n.value > 0 ? (v(), C("div", Uo, [
+              B(I, {
+                size: "sm",
+                label: String(n.value),
+                variant: "critical"
+              }, null, 8, ["label"]),
+              p("span", Do, R(s(r)("inventory.recipe.bulkEditor.summary.countBlocked")), 1)
+            ])) : F("", !0),
+            o.value > 0 ? (v(), C("div", Po, [
+              B(I, {
+                size: "sm",
+                label: String(o.value),
+                variant: "neutral"
+              }, null, 8, ["label"]),
+              p("span", No, R(s(r)("inventory.recipe.bulkEditor.summary.countNoChanges")), 1)
+            ])) : F("", !0)
+          ]),
+          a.value === 0 && f.value === 0 ? (v(), M(U, {
+            key: 0,
+            class: "mt-12",
+            type: "warning",
+            message: s(r)("inventory.recipe.bulkEditor.summary.nothingToSubmit")
+          }, null, 8, ["message"])) : F("", !0)
+        ]),
+        (v(!0), C(ae, null, me(i.value, (y) => (v(), C("div", {
+          key: y.recipeId,
+          class: "rounded-lg border border-fm-color-border-default overflow-hidden"
+        }, [
+          p("div", Oo, [
+            p("span", Mo, R(y.recipeName), 1),
+            y.original.version === "v2" ? (v(), M(I, {
+              key: 0,
+              size: "sm",
+              label: "V2",
+              variant: "info"
+            })) : F("", !0),
+            B(I, {
+              size: "sm",
+              label: h(y.status),
+              variant: V(y.status)
+            }, null, 8, ["label", "variant"])
+          ]),
+          s(t).applyErrors.has(y.recipeId) ? (v(), C("div", Go, [
+            B(U, {
+              type: "error",
+              message: s(t).applyErrors.get(y.recipeId)
+            }, null, 8, ["message"])
+          ])) : F("", !0),
+          y.changes.length === 0 ? (v(), C("div", zo, [
+            p("p", Jo, R(s(r)("inventory.recipe.bulkEditor.summary.noChangesDetail")), 1)
+          ])) : (v(), C("div", Ko, [
+            (v(!0), C(ae, null, me(b(y), (x, S) => (v(), C("div", {
+              key: S,
+              class: "flex flex-col"
+            }, [
+              p("div", Lo, [
+                p("span", jo, R(x.label), 1),
+                B(I, {
+                  size: "sm",
+                  label: T(x.outcome),
+                  variant: _(x.outcome)
+                }, null, 8, ["label", "variant"])
+              ]),
+              x.reason ? (v(), C("div", qo, [
+                p("span", Yo, R(x.reason), 1)
+              ])) : F("", !0),
+              x.before ? (v(), C("div", Ho, [
+                c[0] || (c[0] = p("span", { class: "absolute left-0 top-1/2 -translate-x-full -translate-y-1/2 w-16 text-center fm-typo-en-body-sm-600 text-fm-color-error select-none" }, "−", -1)),
+                x.before.type === "SKU" && k(x.before.id) ? (v(), M(Ce, {
+                  key: 0,
+                  "model-value": x.before,
+                  "display-name": E(x.before),
+                  unit: k(x.before.id),
+                  "show-error": !1,
+                  "able-to-apply-rules": !1,
+                  "able-to-configure-alternative": !1,
+                  disabled: "",
+                  readonly: ""
+                }, null, 8, ["model-value", "display-name", "unit"])) : x.before.type === "RECIPE" ? (v(), M(Be, {
+                  key: 1,
+                  "model-value": x.before,
+                  "display-name": E(x.before),
+                  "show-error": !1,
+                  disabled: "",
+                  readonly: ""
+                }, null, 8, ["model-value", "display-name"])) : (v(), C("div", Qo, [
+                  p("span", Wo, R(E(x.before)), 1)
+                ]))
+              ])) : F("", !0),
+              x.after ? (v(), C("div", Xo, [
+                c[1] || (c[1] = p("span", { class: "absolute left-0 top-1/2 -translate-x-full -translate-y-1/2 w-16 text-center fm-typo-en-body-sm-600 text-fm-color-success select-none" }, "+", -1)),
+                x.after.type === "SKU" && k(x.after.id) ? (v(), M(Ce, {
+                  key: 0,
+                  "model-value": x.after,
+                  "display-name": E(x.after),
+                  unit: k(x.after.id),
+                  "show-error": !1,
+                  "able-to-apply-rules": !1,
+                  "able-to-configure-alternative": !1,
+                  disabled: "",
+                  readonly: ""
+                }, null, 8, ["model-value", "display-name", "unit"])) : x.after.type === "RECIPE" ? (v(), M(Be, {
+                  key: 1,
+                  "model-value": x.after,
+                  "display-name": E(x.after),
+                  "show-error": !1,
+                  disabled: "",
+                  readonly: ""
+                }, null, 8, ["model-value", "display-name"])) : (v(), C("div", Zo, [
+                  p("span", ei, R(E(x.after)), 1)
+                ]))
+              ])) : F("", !0)
+            ]))), 128))
+          ])),
+          p("div", ti, [
+            y.counts.applied > 0 ? (v(), C("span", ni, R(s(r)("inventory.recipe.bulkEditor.summary.footerApplied", { count: y.counts.applied })), 1)) : F("", !0),
+            y.counts.satisfied > 0 ? (v(), C("span", oi, R(s(r)("inventory.recipe.bulkEditor.summary.footerSatisfied", { count: y.counts.satisfied })), 1)) : F("", !0),
+            y.counts.ignored > 0 ? (v(), C("span", ii, R(s(r)("inventory.recipe.bulkEditor.summary.footerIgnored", { count: y.counts.ignored })), 1)) : F("", !0),
+            y.counts.blocked > 0 ? (v(), C("span", li, R(s(r)("inventory.recipe.bulkEditor.summary.footerBlocked", { count: y.counts.blocked })), 1)) : F("", !0)
+          ])
+        ]))), 128))
+      ]);
+    };
+  }
+}), si = { class: "flex items-center gap-12" }, ri = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, di = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary ml-4" }, ui = {
+  key: 0,
+  class: "flex h-[calc(98vh-120px)] overflow-hidden"
+}, ci = { class: "w-[420px] shrink-0 border-r border-fm-color-border-default flex flex-col overflow-hidden" }, mi = { class: "flex-1 flex flex-col overflow-hidden" }, pi = {
+  key: 0,
+  class: "flex flex-col items-center justify-center h-full gap-8 px-40 text-center"
+}, fi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yi = { class: "flex items-center justify-between px-24 py-14 border-b border-fm-color-border-default shrink-0" }, vi = { class: "flex flex-col gap-2" }, bi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, gi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _i = { class: "flex items-center gap-8" }, hi = { class: "flex-1 overflow-y-auto px-24 py-16" }, ki = {
+  key: 1,
+  class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
+}, xi = {
+  key: 0,
+  class: "flex items-center gap-8 px-4"
+}, Si = {
+  key: 1,
+  class: "flex items-center gap-8 px-4"
+}, wi = /* @__PURE__ */ ee({
+  __name: "RecipeBulkEditorDialog",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show"],
+  setup(m, { emit: r }) {
+    const u = m, { t } = W(), i = ke(), a = we(u, "show"), f = A({
+      get: () => !!a.value,
+      set: (T) => {
+        a.value = T;
+      }
+    }), l = Ae(), n = A(() => i.currentStep === 1), o = A(() => i.currentStep === 2), e = A(() => i.selectedRecipeIds.size === 0 ? !1 : Object.values(i.entries).some(
+      (T) => T.status === "will-update" || T.status === "partially-ignored"
+    )), d = A(() => e.value);
+    function w() {
+      i.flushAllDraftCache(), i.currentStep = 2;
+    }
+    function E() {
+      i.currentStep = 1;
+    }
+    function k() {
+      !i.activeDraft || !i.activeRecipeId || i.applyDraftToActive();
+    }
+    function b() {
+      !i.activeOriginal || !i.activeDraft || i.pendingChanges.length !== 0 && l.open({
+        title: t("inventory.recipe.bulkEditor.applyToAll.confirmTitle"),
+        message: t("inventory.recipe.bulkEditor.applyToAll.confirmMessage", {
+          count: i.selectedRecipeIds.size
+        }),
+        primaryActions: {
+          text: t("inventory.recipe.bulkEditor.applyToAll.confirmButton"),
+          variant: "primary",
+          close: !0
+        },
+        secondaryActions: {
+          text: t("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        i.applyToAll();
+      });
+    }
+    function h() {
+      l.open({
+        title: t("inventory.recipe.bulkEditor.step3.confirmTitle"),
+        message: t("inventory.recipe.bulkEditor.step3.confirmMessage"),
+        primaryActions: {
+          text: t("inventory.recipe.bulkEditor.step3.confirmButton"),
+          variant: "primary",
+          close: !0
+        },
+        secondaryActions: {
+          text: t("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await i.confirmAndApply();
+      });
+    }
+    function V() {
+      f.value = !1, i.reset();
+    }
+    return (T, _) => {
+      const g = D("FmChip"), c = D("FmIcon"), I = D("FmButton"), U = D("FmTooltip"), y = D("FmDialog");
+      return v(), M(y, {
+        modelValue: f.value,
+        "onUpdate:modelValue": [
+          _[2] || (_[2] = (x) => f.value = x),
+          _[3] || (_[3] = (x) => {
+            x || s(i).reset();
+          })
+        ],
+        overlay: !0,
+        "close-button": "",
+        "max-width": "98vw",
+        "max-height": "98vh"
+      }, {
+        "dialog-header": j(() => [
+          p("div", si, [
+            p("span", ri, R(s(t)("inventory.recipe.bulkEditor.title")), 1),
+            s(i).matchedRecipes.length > 0 ? (v(), M(g, {
+              key: 0,
+              size: "sm",
+              label: String(s(i).matchedRecipes.length),
+              variant: "info"
+            }, null, 8, ["label"])) : F("", !0),
+            p("span", di, R(o.value ? s(t)("inventory.recipe.bulkEditor.stepLabel.summary") : s(t)("inventory.recipe.bulkEditor.stepLabel.editor")), 1)
+          ])
+        ]),
+        "dialog-footer": j(() => [
+          n.value ? (v(), C("div", xi, [
+            B(I, {
+              label: s(t)("inventory.recipe.bulkEditor.editor.reviewButton"),
+              disabled: !e.value,
+              onClick: w
+            }, null, 8, ["label", "disabled"]),
+            B(I, {
+              label: s(t)("common.close"),
+              variant: "tertiary",
+              disabled: s(i).isSaving,
+              onClick: V
+            }, null, 8, ["label", "disabled"])
+          ])) : o.value ? (v(), C("div", Si, [
+            B(I, {
+              label: s(t)("inventory.recipe.bulkEditor.step3.confirmButton"),
+              disabled: !d.value || s(i).isSaving,
+              loading: s(i).isSaving,
+              onClick: h
+            }, null, 8, ["label", "disabled", "loading"]),
+            B(I, {
+              label: s(t)("inventory.recipe.bulkEditor.summary.backButton"),
+              variant: "secondary",
+              disabled: s(i).isSaving,
+              onClick: E
+            }, null, 8, ["label", "disabled"]),
+            B(I, {
+              label: s(t)("common.close"),
+              variant: "tertiary",
+              disabled: s(i).isSaving,
+              onClick: V
+            }, null, 8, ["label", "disabled"])
+          ])) : F("", !0)
+        ]),
+        default: j(() => [
+          n.value ? (v(), C("div", ui, [
+            p("div", ci, [
+              B(wo)
+            ]),
+            p("div", mi, [
+              !s(i).activeRecipeId || !s(i).activeDraft ? (v(), C("div", pi, [
+                B(c, {
+                  name: "edit_note",
+                  size: "lg",
+                  class: "text-fm-color-typo-placeholder"
+                }),
+                p("p", fi, R(s(t)("inventory.recipe.bulkEditor.editor.emptyPrompt")), 1)
+              ])) : (v(), C(ae, { key: 1 }, [
+                p("div", yi, [
+                  p("div", vi, [
+                    p("span", bi, R(s(i).activeDraft.name), 1),
+                    p("span", gi, R(s(t)("inventory.recipe.bulkEditor.editor.editingLabel")), 1)
+                  ]),
+                  p("div", _i, [
+                    B(I, {
+                      label: s(t)("inventory.recipe.bulkEditor.editor.revertButton"),
+                      variant: "tertiary",
+                      disabled: !s(i).hasDraftChanges,
+                      onClick: _[0] || (_[0] = (x) => s(i).revertActive())
+                    }, null, 8, ["label", "disabled"]),
+                    B(I, {
+                      label: s(t)("inventory.recipe.bulkEditor.editor.applyButton"),
+                      variant: "secondary",
+                      disabled: !s(i).hasDraftChanges,
+                      onClick: k
+                    }, null, 8, ["label", "disabled"]),
+                    s(i).hasVersionChange ? (v(), M(U, { key: 0 }, {
+                      content: j(() => [
+                        qe(R(s(t)("inventory.recipe.bulkEditor.applyToAll.disabledVersionChange")), 1)
+                      ]),
+                      default: j(() => [
+                        B(I, {
+                          label: s(t)("inventory.recipe.bulkEditor.editor.applyToAllButton"),
+                          disabled: !0
+                        }, null, 8, ["label"])
+                      ]),
+                      _: 1
+                    })) : (v(), M(I, {
+                      key: 1,
+                      label: s(t)("inventory.recipe.bulkEditor.editor.applyToAllButton"),
+                      disabled: s(i).pendingChanges.length === 0 || s(i).selectedRecipeIds.size === 0,
+                      onClick: b
+                    }, null, 8, ["label", "disabled"]))
+                  ])
+                ]),
+                p("div", hi, [
+                  (v(), M(nt, {
+                    key: s(i).activeRecipeId,
+                    mode: s(q).UPDATE,
+                    "model-value": s(i).activeDraft,
+                    "onUpdate:modelValue": _[1] || (_[1] = (x) => s(i).updateDraft(x))
+                  }, null, 8, ["mode", "model-value"]))
+                ])
+              ], 64))
+            ])
+          ])) : o.value ? (v(), C("div", ki, [
+            B(ai)
+          ])) : F("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function Ei(m) {
+  return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([r, u]) => `${r}: ${u}`).join(", ");
+}
+function Ii() {
+  const m = Y(), r = m.recipes, u = m.recipeById, t = m.skuById, i = m.skuGroupById, a = r.flatMap((n, o) => {
+    var d;
+    const e = Ei(n.customAttributes);
+    if ((d = n.contains) != null && d.length) {
+      const w = n.contains.filter((b) => b.type === "RECIPE"), E = n.contains.filter((b) => b.type === "SKU"), k = n.contains.filter((b) => b.type === "SKU_GROUP");
+      return [
+        ...o === 0 ? [] : [["", "", "", "", "", "", ""]],
+        ...w.map(
+          (b, h) => {
+            var V;
+            return [
+              h === 0 ? n.name : "",
+              "RECIPE",
+              "",
+              (V = u[b.id]) == null ? void 0 : V.name,
+              Q(b.amount),
+              "UNIT",
+              h === 0 ? e : ""
+            ];
+          }
+        ),
+        ...E.map(
+          (b, h) => {
+            var V, T, _, g;
+            return [
+              !w.length && h === 0 ? n.name : "",
+              "INGREDIENT",
+              (V = t[b.id]) == null ? void 0 : V.code,
+              (T = t[b.id]) == null ? void 0 : T.name,
+              Q(b.amount),
+              b.measurement ? b.measurement.abbrev : (g = (_ = t[b.id]) == null ? void 0 : _.unit) == null ? void 0 : g.abbrev,
+              !w.length && h === 0 ? e : ""
+            ];
+          }
+        ),
+        ...k.map(
+          (b, h) => {
+            var V, T;
+            return [
+              w.length === 0 && E.length === 0 && h === 0 ? n.name : "",
+              "SKU_GROUP",
+              ((V = i[b.id]) == null ? void 0 : V.ref) || "",
+              (T = i[b.id]) == null ? void 0 : T.name,
+              Q(b.amount),
+              "UNIT",
+              w.length === 0 && E.length === 0 && h === 0 ? e : ""
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...o === 0 ? [] : [["", "", "", "", "", "", ""]],
+      [n.name, "No bindings", "", "", "", "", e]
+    ];
+  }), l = Pt(a, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  Nt(l, `RECIPE_${Ot(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const Bi = { class: "flex flex-col py-8" }, Ci = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $i = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ll = /* @__PURE__ */ ee({
+  __name: "RecipeView",
+  setup(m) {
+    const r = Y(), u = A(() => r.recipes), t = pt(), { createRecipe: i, updateRecipe: a } = Ie(), { recipeDialogProps: f, recipeViewLoading: l } = bt(Ie()), { columnDefs: n, formatRowData: o } = Lt(), e = A(() => o(u.value)), d = ke();
+    G(!1);
+    function w(g) {
+      if (g === "add")
+        return i();
+      if (g === "export")
+        return Ii();
+      g === "bulk-edit" && d.openDialog();
+    }
+    const E = G(""), k = A(() => l.value), { breakpoints: b } = ft(), h = A(() => b.value.xs || b.value.sm), V = A(() => h.value ? 10 : 20), T = ht(), { t: _ } = W();
+    return (g, c) => {
+      const I = D("FmTable");
+      return v(), M(kt, {
+        title: s(_)("inventory.recipe.title"),
+        actions: [
+          {
+            label: s(_)("inventory.recipe.create.title"),
+            value: "add",
+            isPrimary: !0,
+            prependIcon: "add"
+          },
+          { label: s(_)("inventory.recipe.bulkEditor.title"), value: "bulk-edit", isPrimary: !1 },
+          { label: s(_)("common.export"), value: "export", isPrimary: !1 }
+        ],
+        "onClick:action": w
+      }, {
+        default: j(() => [
+          p("div", {
+            class: he([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": h.value,
+                "px-24 ": !h.value
+              }
+            ])
+          }, [
+            B(Mt, {
+              searchable: "",
+              search: E.value,
+              "onUpdate:search": c[0] || (c[0] = (U) => E.value = U)
+            }, null, 8, ["search"]),
+            (v(), M(I, {
+              style: at(s(T).tableHeight),
+              "column-defs": s(n),
+              "row-data": e.value,
+              "search-value": E.value,
+              loading: !s(t)._currentLocation || k.value,
+              onRowClick: c[1] || (c[1] = (U) => s(a)(U.original.original)),
+              key: u.value.length,
+              "page-size": V.value
+            }, {
+              "list-row": j((U) => [
+                B(Dt, {
+                  row: U,
+                  onRowClick: (y) => s(a)(y.original)
+                }, {
+                  default: j((y) => {
+                    var x, S, N, J, O, oe, te, se, z, X;
+                    return [
+                      p("div", Bi, [
+                        p("div", Ci, [
+                          B(s(Le), {
+                            render: (N = (S = (x = y.recipe) == null ? void 0 : x.column) == null ? void 0 : S.columnDef) == null ? void 0 : N.cell,
+                            props: (O = (J = y.recipe) == null ? void 0 : J.getContext) == null ? void 0 : O.call(J)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        p("div", $i, [
+                          B(s(Le), {
+                            render: (se = (te = (oe = y.ingredients) == null ? void 0 : oe.column) == null ? void 0 : te.columnDef) == null ? void 0 : se.cell,
+                            props: (X = (z = y.ingredients) == null ? void 0 : z.getContext) == null ? void 0 : X.call(z)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ], 2),
+          (v(), M(st, { to: "body" }, [
+            B(oo, rt(dt(s(f))), null, 16),
+            B(wi, {
+              show: s(d).show,
+              "onUpdate:show": c[2] || (c[2] = (U) => s(d).show = U)
+            }, null, 8, ["show"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  ll as default
+};