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

package/dist/RecipeView-KVhdiv18.js

@@ -1,2898 +0,0 @@
-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
-};