@feedmepos/mf-inventory-portal 1.2.63-dev.1 → 1.2.63

package/dist/RecipeView-EEK7PiKl.js

@@ -1,1558 +0,0 @@
-import { defineComponent as O, ref as D, onMounted as he, resolveComponent as I, openBlock as w, createElementBlock as A, Fragment as ee, createElementVNode as _, toDisplayString as K, createVNode as h, createCommentVNode as S, computed as R, unref as m, normalizeClass as fe, withCtx as N, h as G, createBlock as P, renderList as se, watch as Ve, isRef as re, normalizeStyle as ke, Teleport as Be, normalizeProps as we, guardReactiveProps as xe } from "vue";
-import { a as z, c as oe, S as Fe, F as Z, w as Ce, x as Ie, j as de, u as Ae } from "./app-ayv5Jw7D.js";
-import { useDialog as ie, useSnackbar as le, components as J, useProxiedModel as ue, useBreakpoints as Re } from "@feedmepos/ui-library";
-import { i as $e, _ as Se } from "./is-linked-ingredient-error-fJ2TJb3z.js";
-import { F as U } from "./form-mode.enum-BKiNVH6A.js";
-import { _ as ve } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CqJQcOBK.js";
-import { defineStore as Ee, storeToRefs as Te } from "pinia";
-import { D as me, R as X } from "./row-action.enum-BcW_L_nE.js";
-import { c as Ue } from "./component-DpCUABT3.js";
-import { a as j, c as De } from "./number-DPuTdA-J.js";
-import { useI18n as Y, useCoreStore as Pe } from "@feedmepos/mf-common";
-import { u as Me, _ as Ge } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
-import { b as Ne, c as ye, I as ze, A as ne, U as be, R as Le } from "./rules-CyF-4tvp.js";
-import { _ as Ke } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-M3uVquEq.js";
-import "./dayjs.min-Bg_wgP2J.js";
-import { a as ce } from "./FmMultiselectDialog-DuYKQng9.js";
-import { d as ge } from "./defineDeepModel-Co03tZfS.js";
-import { L as je, P as Oe, D as Ye } from "./app-DiX-EfV6.js";
-import { _ as qe, c as He, d as We } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CeXRT7Lf.js";
-import { u as Je } from "./FmMultiselectDialog-D9g07F_c.js";
-import { u as Qe } from "./vue-i18n-BwxQzDKn.js";
-import { F as Xe, u as Ze } from "./feature-BGeFfaiX.js";
-import { _ as en } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
-import { _ as nn, F as pe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-import { b as tn, d as on } from "./xlsx.util-dclbjq8C.js";
-import { f as ln } from "./date2-GNP-79dA.js";
-import { _ as an } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Db0JeXbc.js";
-const sn = {
-  key: 0,
-  class: "flex flex-col items-center w-full h-full gap-24"
-}, rn = { key: 1 }, dn = { key: 0 }, un = /* @__PURE__ */ O({
-  __name: "DeleteDialog",
-  props: {
-    type: {},
-    data: {},
-    message: {},
-    bindedItems: {}
-  },
-  setup(f) {
-    const k = f, v = D(k.bindedItems || []), d = D(!1);
-    he(() => {
-      r();
-    });
-    async function r() {
-      var c, l;
-      !d.value && ((c = k.data) != null && c._id) && (d.value = !0, v.value = await z().getAffectedMenu((l = k.data) == null ? void 0 : l._id), d.value = !1);
-    }
-    return (c, l) => {
-      const a = I("FmSpacer"), n = I("FmCircularProgress");
-      return w(), A(ee, null, [
-        _("p", null, K(c.message), 1),
-        d.value ? (w(), A("div", sn, [
-          h(a),
-          _("div", null, [
-            h(n, { size: "xl" })
-          ]),
-          l[0] || (l[0] = _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
-          h(a)
-        ])) : (w(), A("div", rn, [
-          l[2] || (l[2] = _("br", null, null, -1)),
-          v.value.length > 0 ? (w(), A("div", dn, [
-            l[1] || (l[1] = _("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
-            h(ve, {
-              name: "Menu",
-              bindings: v.value
-            }, null, 8, ["bindings"])
-          ])) : S("", !0)
-        ]))
-      ], 64);
-    };
-  }
-}), te = Ee("recipeForm", function() {
-  const k = ie(), v = le(), d = z(), r = D(!1), c = D();
-  function l() {
-    const e = {
-      recipe: {},
-      mode: U.CREATE,
-      show: !0,
-      "onUpdate:show"(i) {
-        c.value.show = i;
-      }
-    };
-    c.value = e;
-  }
-  async function a(e) {
-    const i = {
-      recipe: oe(e),
-      mode: U.UPDATE,
-      show: !0,
-      "onUpdate:show"(y) {
-        c.value.show = y;
-      }
-    };
-    c.value = i;
-  }
-  async function n(e) {
-    r.value = !0;
-    try {
-      await d.deleteRecipe(e), v.open({
-        title: "Success",
-        message: `Deleted ${e.name}`,
-        type: "success"
-      });
-    } catch (i) {
-      i instanceof Fe && $e(i) ? k.open({
-        title: "Cannot delete recipe",
-        contentComponent: Se,
-        contentComponentProps: {
-          subject: (e == null ? void 0 : e.name) ?? "",
-          items: i.errorResponse.message
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0
-        }
-      }) : console.log("unable to delete recipe", i), v.open({
-        title: `Cannot delete ${e == null ? void 0 : e.name}`,
-        message: "Please try again.",
-        type: "error"
-      }), console.error("failed to delete recipe", i);
-    } finally {
-      r.value = !1;
-    }
-  }
-  function t(e) {
-    k.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: un,
-      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: l,
-    updateRecipe: a,
-    deleteRecipe: t,
-    recipeDialogProps: c,
-    recipeViewLoading: r
-  };
-});
-function mn() {
-  const { updateRecipe: f, deleteRecipe: k } = te(), v = z(), { t: d } = Y();
-  async function r(n, t) {
-    const e = oe(t);
-    if (n === X.Edit) {
-      await f(e);
-      return;
-    }
-    if (n === X.Delete) {
-      await k(e);
-      return;
-    }
-  }
-  function c(n, t) {
-    const e = n.filter((s) => s.type === Z.enum.SKU), i = n.filter(
-      (s) => s.type === Z.enum.SKU_GROUP
-    ), y = n.filter((s) => s.type === Z.enum.RECIPE);
-    return [
-      ...e.map((s) => ({ ...s, recipeIds: [...t] })),
-      ...i.map((s) => ({ ...s, isGroup: !0, recipeIds: [...t] })),
-      ...y.filter((s) => v.recipeById[s.id] && !t.has(s.id)).flatMap(
-        (s) => c(v.recipeById[s.id].contains, /* @__PURE__ */ new Set([...t, s.id]))
-      )
-    ];
-  }
-  const l = [
-    {
-      accessorKey: "recipe",
-      header: () => d("inventory.recipe.name"),
-      size: 400
-    },
-    {
-      accessorKey: "ingredients",
-      header: () => d("inventory.recipe.ingredients"),
-      size: "auto"
-    },
-    {
-      id: "action",
-      header: "",
-      cell(n) {
-        return Ue(
-          [me[X.Edit], me[X.Delete]],
-          (t) => {
-            r(t, n.row.original.original);
-          }
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  function a(n) {
-    const t = z();
-    return n.map((e) => ({
-      recipe: e.name,
-      ingredients: c(e.contains, /* @__PURE__ */ new Set([e._id])).map((i) => {
-        var s, B, o, b, V, F;
-        if (i.isGroup) {
-          const p = t.skuGroupById[i.id];
-          return i.recipeIds.slice(1).length ? `(${(s = t.recipeById[i.recipeIds.at(-1) ?? ""]) == null ? void 0 : s.name}) ${p.name} (x ${j(i.amount)})` : `${p.name} (x${j(i.amount)})`;
-        }
-        const y = t.skuById[i.id];
-        return y ? i.recipeIds.slice(1).length ? `(${(B = t.recipeById[i.recipeIds.at(-1) ?? ""]) == null ? void 0 : B.name}) ${y.name} (${j(i.amount)}${((o = i.measurement) == null ? void 0 : o.abbrev) ?? ((b = y == null ? void 0 : y.unit) == null ? void 0 : b.abbrev)})` : `${y.name} (${j(i.amount)}${((V = i.measurement) == null ? void 0 : V.abbrev) ?? ((F = y == null ? void 0 : y.unit) == null ? void 0 : F.abbrev)})` : null;
-      }).filter((i) => i).join(", "),
-      original: e
-    }));
-  }
-  return { columnDefs: l, formatRowData: a };
-}
-function cn() {
-  const f = z(), k = ie();
-  async function v(r, c, l, a = []) {
-    var s, B;
-    const n = r.filter((o) => o.type === "SKU"), t = r.filter((o) => o.type !== "SKU"), e = /* @__PURE__ */ new Set();
-    if (l)
-      for (const o of f.skus)
-        !a.some((V) => V === o._id) && o._id !== l && !((B = (s = o.convert) == null ? void 0 : s.inventoryBindings) != null && B.some((V) => V.id === l)) || e.add(o._id);
-    const i = f.skus.map((o) => ({
-      label: o.name,
-      sublabel: `${o.code}${e.has(o._id) ? " (Cannot bind, will cause recursive binding)" : ""}`,
-      value: o,
-      disabled: e.has(o._id)
-    })), y = i.filter(
-      (o) => n.find((b) => b.id === o.value._id) && !e.has(o.value._id)
-    ).map((o) => o.value);
-    k.open({
-      title: "Select ingredients",
-      contentComponent: ce,
-      contentComponentProps: {
-        items: i,
-        modelValue: y,
-        virtualScroll: !0
-      },
-      primaryActions: {
-        text: "Confirm",
-        close: !0
-      },
-      secondaryActions: {
-        text: "Close",
-        close: !0,
-        variant: "tertiary"
-      }
-    }).onPrimary((o) => {
-      const b = [
-        ...t,
-        ...r.filter((V) => o.find((F) => F._id === V.id)),
-        ...o.filter((V) => !r.find((F) => F.id === V._id)).map((V) => ({
-          type: "SKU",
-          id: V._id,
-          amount: {
-            amount: 1,
-            precision: 0
-          }
-        }))
-      ];
-      c(b);
-    });
-  }
-  async function d(r, c, l = []) {
-    var y;
-    const a = r.filter((s) => s.type === "RECIPE"), n = r.filter((s) => s.type !== "RECIPE"), t = /* @__PURE__ */ new Set();
-    if (l.length)
-      for (const s of f.recipes) {
-        const B = ((y = f.recipeBindingFlattenCache[s._id]) == null ? void 0 : y.inventoryBindings) ?? [], o = B.some(
-          (F) => F.bindingPaths.some((p) => l.some((x) => x === p.id))
-        ), b = B.some(
-          (F) => "success" in F && l.includes(F.ingredient._id)
-        );
-        (l.some((F) => F === s._id) || o || b) && t.add(s._id);
-      }
-    const e = f.recipes.filter((s) => !l.includes(s._id)).map((s) => ({
-      label: s.name,
-      sublabel: t.has(s._id) ? "(Cannot bind, will cause recursive binding)" : `${s.contains.length} inventory bindings`,
-      value: s,
-      disabled: t.has(s._id)
-    })), i = e.filter(
-      (s) => a.find((B) => B.id === s.value._id) && !t.has(s.value._id)
-    ).map((s) => s.value);
-    k.open({
-      title: "Select recipes",
-      contentComponent: ce,
-      contentComponentProps: {
-        items: e,
-        modelValue: i,
-        virtualScroll: !0
-      },
-      primaryActions: {
-        text: "Confirm",
-        close: !0
-      },
-      secondaryActions: {
-        text: "Close",
-        close: !0,
-        variant: "tertiary"
-      }
-    }).onPrimary((s) => {
-      const B = [
-        ...r.filter((o) => s.find((b) => b._id === o.id)),
-        ...s.filter((o) => !r.find((b) => b.id === o._id)).map((o) => ({
-          type: "RECIPE",
-          id: o._id,
-          amount: {
-            amount: 1,
-            precision: 0
-          }
-        })),
-        ...n
-      ];
-      c(B);
-    });
-  }
-  return {
-    promptIngredientsBinding: v,
-    promptRecipesBinding: d
-  };
-}
-const pn = { class: "flex flex-col" }, fn = { class: "flex flex-col gap-4" }, _e = /* @__PURE__ */ O({
-  __name: "InventoryBindingRule",
-  props: {
-    disabled: { type: Boolean },
-    modelValue: {},
-    minCount: {},
-    maxCount: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f, { emit: k }) {
-    const v = f, d = k, { t: r } = Y(), c = Pe(), l = R(() => {
-      var i;
-      const t = /* @__PURE__ */ new Map(), e = c.restaurants.value.map((y) => y.customAttributes ?? {});
-      for (const y of e)
-        for (const [s, B] of Object.entries(y))
-          t.has(s) || t.set(s, /* @__PURE__ */ new Set()), B && ((i = t.get(s)) == null || i.add(B));
-      return t;
-    }), a = R(() => [
-      ...[...l.value.entries()].map(([e, i]) => ({
-        type: "string",
-        key: e,
-        entity: "restaurant",
-        values: [...i]
-      }))
-    ]), n = R({
-      get() {
-        return v.modelValue ? je.build(v.modelValue) : null;
-      },
-      set(t) {
-        d("update:modelValue", t ? Oe.build(t) : null);
-      }
-    });
-    return (t, e) => {
-      const i = I("FmLabel"), y = I("FmFormGroup");
-      return w(), A("div", pn, [
-        _("div", fn, [
-          h(i, {
-            label: m(r)("inventory.ingredientGroup.form.rules.title"),
-            required: t.minCount != null && t.minCount > 0
-          }, null, 8, ["label", "required"]),
-          h(m(Ye), {
-            modelValue: n.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (s) => n.value = s),
-            attributes: a.value
-          }, null, 8, ["modelValue", "attributes"])
-        ]),
-        h(y, {
-          "model-value": n.value,
-          rules: [
-            (s) => {
-              const B = s ? 1 : 0;
-              return v.minCount !== void 0 && B < v.minCount ? m(r)("inventory.ingredientGroup.form.rules.validation.minCount", {
-                count: v.minCount
-              }) : v.maxCount !== void 0 && B > v.maxCount ? m(r)("inventory.ingredientGroup.form.rules.validation.maxCount", {
-                count: v.maxCount
-              }) : !0;
-            }
-          ]
-        }, null, 8, ["model-value", "rules"])
-      ]);
-    };
-  }
-}), vn = { class: "border-1 mx-3 my-1 rounded-md" }, yn = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, bn = {
-  class: "flex items-center",
-  style: { "min-height": "48px" }
-}, gn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, _n = { class: "flex flex-col" }, hn = { class: "line-clamp-1" }, Vn = { class: "w-[200px]" }, kn = {
-  key: 0,
-  class: "w-[52px]"
-}, Bn = {
-  key: 1,
-  class: "w-[52px]"
-}, wn = {
-  key: 0,
-  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
-}, xn = { class: "px-12 pb-4" }, Fn = /* @__PURE__ */ O({
-  __name: "InventoryRecipeBindingV2Field",
-  props: {
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    modelValue: {},
-    displayName: {},
-    showError: { type: Boolean },
-    showSettingsButton: { type: Boolean }
-  },
-  emits: ["update:modelValue", "delete", "settings"],
-  setup(f, { emit: k }) {
-    const { t: v } = Y(), d = ge("modelValue");
-    function r(c) {
-      const l = +c;
-      c.length > 0 && isFinite(l) ? d.amount = De(l) : d.amount = { amount: 0, precision: 0 };
-    }
-    return (c, l) => {
-      const a = I("FmTooltip"), n = I("FmTextField"), t = I("FmButton"), e = I("FmIcon"), i = I("FmFormGroup");
-      return w(), A("div", vn, [
-        h(i, {
-          class: fe(["mb-2"]),
-          disabled: c.disabled,
-          modelValue: +m(j)(m(d).amount),
-          rules: [m(Ne)(0), m(ye)(-1)]
-        }, {
-          default: N(({ invalid: y }) => [
-            _("div", yn, [
-              _("div", bn, [
-                _("div", gn, [
-                  _("div", _n, [
-                    h(a, {
-                      zIndex: 51,
-                      variant: "plain",
-                      placement: "top",
-                      content: c.displayName
-                    }, {
-                      default: N(() => [
-                        _("span", hn, K(c.displayName), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["content"])
-                  ])
-                ]),
-                _("div", Vn, [
-                  h(n, {
-                    class: "w-full",
-                    disabled: c.disabled,
-                    modelValue: +m(j)(m(d).amount),
-                    "onUpdate:modelValue": l[0] || (l[0] = (s) => r(s)),
-                    invalid: y
-                  }, null, 8, ["disabled", "modelValue", "invalid"])
-                ]),
-                c.showSettingsButton ? (w(), A("div", kn, [
-                  h(t, {
-                    disabled: c.disabled,
-                    type: "button",
-                    variant: "tertiary",
-                    icon: "settings",
-                    onClick: () => {
-                    }
-                  }, null, 8, ["disabled"])
-                ])) : S("", !0),
-                c.readonly ? S("", !0) : (w(), A("div", Bn, [
-                  h(t, {
-                    disabled: c.disabled,
-                    type: "button",
-                    variant: "plain",
-                    icon: "delete",
-                    "icon-color": "#000000",
-                    onClick: () => {
-                    }
-                  }, null, 8, ["disabled"])
-                ]))
-              ]),
-              c.showError ? (w(), A("div", wn, [
-                h(e, {
-                  name: "error",
-                  color: "system-error-300",
-                  size: "sm"
-                }),
-                _("div", null, K(m(v)("inventory.inventoryBindings.circularError")), 1)
-              ])) : S("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["disabled", "modelValue", "rules"]),
-        _("div", xn, [
-          h(_e, {
-            modelValue: m(d).rules,
-            "onUpdate:modelValue": l[1] || (l[1] = (y) => m(d).rules = y),
-            disabled: c.disabled
-          }, null, 8, ["modelValue", "disabled"])
-        ])
-      ]);
-    };
-  }
-});
-function Cn(f) {
-  const k = Je(), { t: v } = Qe(), d = z(), r = R(() => [
-    {
-      id: "delete",
-      header: "",
-      cell(a) {
-        const n = a.row.original;
-        return G(
-          "div",
-          { class: "w-full flex justify-end" },
-          G(J.FmButton, {
-            class: "delete-button",
-            key: n._id,
-            type: "button",
-            icon: "delete",
-            variant: "tertiary",
-            size: "md",
-            disabled: f.disabled ?? !1,
-            onClick: () => {
-              f.bindingAlternatives = f.bindingAlternatives.filter(
-                (t) => t._id !== n._id
-              );
-            }
-          })
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    },
-    {
-      id: "alternative",
-      header: () => v("inventory.inventoryBindings.alternativeTable.ingredient"),
-      accessorFn: (a) => {
-        var n, t;
-        return `${((n = d.skuById[a._id]) == null ? void 0 : n.name) ?? ""} (${((t = d.skuById[a._id]) == null ? void 0 : t.code) ?? ""})`;
-      },
-      cell: ({ row: a }) => {
-        const n = d.skuById[a.original._id];
-        return G(
-          "div",
-          {
-            class: "w-full flex flex-col"
-          },
-          [
-            G("div", { class: "fm-typo-en-body-lg-400 line-clamp-1" }, n.name),
-            G(
-              "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: () => v("inventory.inventoryBindings.alternativeTable.unit"),
-      accessorFn: (a) => {
-        const n = d.skuById[a._id];
-        return n.unit.measurements.computeFirst(
-          (t) => t.id === a.trackingMeasurement ? t.name : null
-        ) ?? n.unit.name;
-      },
-      enableSorting: !1
-    },
-    {
-      id: "unitOption",
-      header: () => v("inventory.inventoryBindings.alternativeTable.unit"),
-      accessorKey: "trackingMeasurement",
-      cell(a) {
-        const n = d.skuById[a.row.original._id];
-        if (!n) return null;
-        const t = [
-          {
-            label: n.unit.name,
-            sublabel: n.unit.abbrev,
-            value: null
-          },
-          ...n.unit.measurements.map((e) => ({
-            label: `${e.name} (${e.abbrev})`,
-            sublabel: v("inventory.inventoryBindings.alternativeTable.measurementOption"),
-            value: e.id
-          }))
-        ].filter((e) => !e.label.toLowerCase().includes("inactive"));
-        return G(J.FmSelect, {
-          modelValue: a.row.original.trackingMeasurement ?? null,
-          items: t,
-          disabled: f.disabled ?? !1,
-          "onUpdate:modelValue": (e) => {
-            f.bindingAlternatives = f.bindingAlternatives.map((i) => i._id === a.row.original._id ? { ...i, trackingMeasurement: e } : i);
-          }
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "priority",
-      header: () => v("inventory.inventoryBindings.alternativeTable.priority"),
-      accessorKey: "priority",
-      enableSorting: !0,
-      cell(a) {
-        const n = a.row.original;
-        return G(J.FmTextField, {
-          modelValue: n.priority ?? a.row.index + 1,
-          rules: [
-            ze(),
-            ne(1),
-            be(
-              f.bindingAlternatives.filter((t) => t._id !== n._id).map((t) => {
-                const e = d.skuById[t._id];
-                return {
-                  label: e == null ? void 0 : e.name,
-                  value: t.priority
-                };
-              })
-            )
-          ],
-          "onUpdate:modelValue": (t) => {
-            const e = Number(t);
-            isNaN(e) || (f.bindingAlternatives = f.bindingAlternatives.map((i) => i._id === a.row.original._id ? { ...i, priority: e } : i));
-          }
-        });
-      }
-    },
-    {
-      id: "default",
-      header: () => "",
-      accessorKey: "default",
-      cell(a) {
-        const n = d.skuById[a.row.original._id];
-        return n ? G(J.FmCheckbox, {
-          modelValue: a.row.original.default ?? !1,
-          value: n._id,
-          disabled: f.disabled ?? !1,
-          "onUpdate:modelValue": () => {
-            f.bindingAlternatives = f.bindingAlternatives.map((t) => t._id === a.row.original._id ? { ...t, default: !0 } : { ...t, default: !1 });
-          }
-        }) : null;
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    },
-    {
-      id: "move",
-      header: "",
-      cell(a) {
-        const n = a.row.original;
-        return G("div", { class: "w-full flex justify-end" }, [
-          G(J.FmButton, {
-            key: n._id,
-            type: "button",
-            icon: "keyboard_arrow_up",
-            variant: "tertiary",
-            size: "md",
-            disabled: f.disabled ?? !1,
-            onClick: () => {
-              const t = [...f.bindingAlternatives], e = t.findIndex((i) => i._id === n._id);
-              if (e > 0) {
-                const i = t[e - 1];
-                t[e - 1] = n, t[e] = i;
-              }
-              f.bindingAlternatives = [...t];
-            }
-          }),
-          G(J.FmButton, {
-            key: n._id,
-            type: "button",
-            icon: "keyboard_arrow_down",
-            variant: "tertiary",
-            size: "md",
-            disabled: f.disabled ?? !1,
-            onClick: () => {
-              const t = [...f.bindingAlternatives], e = t.findIndex((i) => i._id === n._id);
-              if (e < t.length - 1) {
-                const i = t[e + 1];
-                t[e + 1] = n, t[e] = i;
-              }
-              f.bindingAlternatives = [...t];
-            }
-          })
-        ]);
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ]);
-  return {
-    get columnDefs() {
-      return r.value;
-    },
-    promptAddIngredient: async (l) => {
-      const a = [];
-      for (const e of d.skus)
-        l.includes(e._id) || a.push({
-          label: e.name,
-          sublabel: e.code,
-          value: e._id,
-          disabled: l.includes(e._id)
-        });
-      const n = (f.bindingAlternatives ?? []).map((e) => e._id), t = await k.multiSelect(a, n, (e) => {
-        var y, s, B, o, b, V;
-        const i = (y = f.bindingAlternatives) == null ? void 0 : y.findIndex((F) => F._id === e);
-        return {
-          _id: e,
-          trackingMeasurement: typeof i != "number" || i == -1 ? (s = d.skuById[e]) == null ? void 0 : s.trackingMeasurement : (o = (B = f.bindingAlternatives) == null ? void 0 : B[i]) == null ? void 0 : o.trackingMeasurement,
-          priority: ((V = (b = f.bindingAlternatives) == null ? void 0 : b[i]) == null ? void 0 : V.priority) ?? f.bindingAlternatives.length,
-          default: !1
-        };
-      });
-      f.bindingAlternatives = t ?? f.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 In = { class: "flex flex-col gap-16" }, An = { class: "flex flex-col" }, Rn = { class: "flex justify-between items-center px-2" }, $n = /* @__PURE__ */ O({
-  __name: "InventoryBindingAlternative",
-  props: {
-    disabled: { type: Boolean },
-    modelValue: {},
-    filterIngredientIds: {}
-  },
-  emits: ["update:modelValue"],
-  setup(f, { emit: k }) {
-    const v = f, d = k, { t: r } = Y(), c = Cn({
-      get disabled() {
-        return v.disabled ?? !1;
-      },
-      get bindingAlternatives() {
-        return v.modelValue ?? [];
-      },
-      set bindingAlternatives(n) {
-        d("update:modelValue", n);
-      }
-    }), l = (n) => n && n.some((t) => v.filterIngredientIds.includes(t._id)) ? "Contains invalid ingredient" : !0, a = (n) => n && n.length > 5 ? r("inventory.binding.alternative.maximumExceeded", { max: 5 }) : !0;
-    return (n, t) => {
-      var B;
-      const e = I("FmLabel"), i = I("FmButton"), y = I("FmFormGroup"), s = I("FmTable");
-      return w(), A("div", In, [
-        _("div", An, [
-          _("div", Rn, [
-            h(e, {
-              label: m(r)("inventory.alternatives")
-            }, null, 8, ["label"]),
-            h(i, {
-              disabled: n.disabled,
-              "prepend-icon": "link",
-              variant: "primary",
-              class: "border-1 rounded-lg border-fm-color-primary",
-              onClick: t[0] || (t[0] = (o) => m(c).promptAddIngredient(n.filterIngredientIds)),
-              size: "md"
-            }, null, 8, ["disabled"])
-          ]),
-          h(y, {
-            "model-value": n.modelValue,
-            rules: [l, a]
-          }, null, 8, ["model-value", "rules"])
-        ]),
-        h(s, {
-          "row-data": n.modelValue ?? [],
-          "column-defs": m(c).columnDefs,
-          "page-size": ((B = n.modelValue) == null ? void 0 : B.length) || 0,
-          "shrink-at": 9999,
-          "column-visibility": m(c).columnVisibility,
-          "hide-footer": ""
-        }, null, 8, ["row-data", "column-defs", "page-size", "column-visibility"])
-      ]);
-    };
-  }
-}), Sn = { class: "border-1 mx-3 my-1 rounded-md" }, En = { class: "flex flex-col border-b border-fm-color-neutral-gray-100" }, Tn = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, Un = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Dn = { class: "line-clamp-1 w-full" }, Pn = { class: "w-[150px]" }, Mn = {
-  key: 0,
-  class: "w-[52px]"
-}, Gn = { class: "flex flex-col px-12 pb-4" }, Nn = /* @__PURE__ */ O({
-  __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(f, { emit: k }) {
-    const v = k, { t: d } = Y(), r = ge("modelValue");
-    function c(a) {
-      a && (r.amount = a.amount, r.measurement = a.measurement);
-    }
-    function l() {
-      return {
-        modelValue: {
-          amount: r.amount,
-          measurement: r.measurement
-        },
-        amountAsString: Xe.toFormatString({
-          value: r.amount
-        })
-      };
-    }
-    return (a, n) => {
-      const t = I("FmTooltip"), e = I("FmButton"), i = I("FmFormGroup");
-      return w(), A("div", Sn, [
-        _("div", En, [
-          _("div", Tn, [
-            _("div", Un, [
-              h(t, {
-                zIndex: 51,
-                variant: "plain",
-                placement: "top",
-                content: a.displayName
-              }, {
-                default: N(() => [
-                  _("span", Dn, K(a.displayName), 1)
-                ]),
-                _: 1
-              }, 8, ["content"])
-            ]),
-            _("div", Pn, [
-              h(qe, {
-                "model-value": { amount: m(r).amount, measurement: m(r).measurement },
-                "onUpdate:modelValue": c,
-                unit: a.unit,
-                placement: "bottom",
-                "convert-amount-on-change-unit": "",
-                disabled: a.readonly
-              }, null, 8, ["model-value", "unit", "disabled"])
-            ]),
-            a.readonly ? S("", !0) : (w(), A("div", Mn, [
-              h(e, {
-                disabled: a.disabled,
-                type: "button",
-                variant: "tertiary",
-                icon: "delete",
-                onClick: n[0] || (n[0] = () => v("delete", m(r).id))
-              }, null, 8, ["disabled"])
-            ]))
-          ]),
-          _("div", Gn, [
-            h(i, {
-              modelValue: m(r).amount,
-              rules: [m(ye)(0)]
-            }, null, 8, ["modelValue", "rules"]),
-            h(i, {
-              modelValue: l(),
-              rules: [
-                m(He)(),
-                m(We)(a.unit),
-                () => a.showError ? m(d)("inventory.inventoryBindings.invalidWarning") : !0
-              ]
-            }, null, 8, ["modelValue", "rules"])
-          ]),
-          a.ableToApplyRules ? (w(), P(_e, {
-            key: 0,
-            modelValue: m(r).rules,
-            "onUpdate:modelValue": n[1] || (n[1] = (y) => m(r).rules = y),
-            disabled: a.disabled
-          }, null, 8, ["modelValue", "disabled"])) : S("", !0),
-          a.ableToConfigureAlternative ? (w(), P($n, {
-            key: 1,
-            modelValue: m(r).alternatives,
-            "onUpdate:modelValue": n[2] || (n[2] = (y) => m(r).alternatives = y),
-            disabled: a.disabled,
-            filterIngredientIds: [m(r).id]
-          }, null, 8, ["modelValue", "disabled", "filterIngredientIds"])) : S("", !0)
-        ])
-      ]);
-    };
-  }
-});
-exports.FfCalculator;
-const zn = { class: "flex flex-col gap-24" }, Ln = {
-  key: 0,
-  class: "flex flex-col gap-16"
-}, Kn = { class: "flex items-center" }, jn = { class: "flex-1 fm-typo-en-title-sm-600" }, On = { class: "flex flex-col" }, Yn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, qn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Hn = {
-  key: 0,
-  class: "w-[52px]"
-}, Wn = {
-  key: 1,
-  class: "w-[52px]"
-}, Jn = { class: "flex flex-col gap-16" }, Qn = { class: "flex items-center" }, Xn = { class: "flex-1 fm-typo-en-title-sm-600" }, Zn = { class: "flex flex-col" }, et = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, nt = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, tt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, ot = {
-  key: 0,
-  class: "w-[52px]"
-}, it = /* @__PURE__ */ O({
-  __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
-    }) }
-  },
-  emits: ["update:modelValue", "click:pick-inventory-bindings"],
-  setup(f, { emit: k }) {
-    const { t: v } = Y(), d = z(), r = R(() => d.recipeById), c = R(() => d.skuById), l = f, a = k, n = R(() => Ce({
-      parentId: l.id,
-      bindings: l.modelValue,
-      recipes: d.recipes.map((C) => C._id === l.id ? {
-        ...C,
-        contains: l.modelValue
-      } : C),
-      skus: d.skus.map((C) => C._id === l.id ? {
-        ...C,
-        convert: {
-          inventoryBindings: l.modelValue
-        }
-      } : C),
-      skuGroups: d.skuGroups
-    }).inventoryBindings.filter((C) => "error" in C && C.error).map((C) => C).filter((C) => C.reason === Ie.enum.circularDependency)), t = R(
-      () => new Set(n.value.map((p) => {
-        var x;
-        return (x = p.bindingPaths[0]) == null ? void 0 : x.id;
-      }))
-    ), e = R(() => l.modelValue.filter((p) => p.type === "RECIPE")), { promptIngredientsBinding: i, promptRecipesBinding: y } = cn();
-    async function s() {
-      if (l.iframeMode) {
-        a("click:pick-inventory-bindings", "RECIPE");
-        return;
-      }
-      y(
-        l.modelValue,
-        (p) => a("update:modelValue", p),
-        l.id ? [l.id] : []
-      );
-    }
-    const B = R(() => l.modelValue.filter((p) => p.type === "SKU") ?? []);
-    async function o() {
-      if (l.iframeMode) {
-        a("click:pick-inventory-bindings", "SKU");
-        return;
-      }
-      i(
-        l.modelValue,
-        (p) => a("update:modelValue", p),
-        l.excludeBindingId,
-        l.id ? [l.id] : []
-      );
-    }
-    function b(p) {
-      const x = l.modelValue.map((C) => C.id === p.id ? p : C);
-      a("update:modelValue", x);
-    }
-    function V(p) {
-      const x = l.modelValue.filter((C) => C.id !== p);
-      a("update:modelValue", x);
-    }
-    function F(p) {
-      var C, u;
-      if (p.type !== Z.enum.SKU)
-        throw new Error("Non-SKU binding does not have unit");
-      if (!((C = c.value[p.id]) == null ? void 0 : C.unit))
-        throw new Error(`Cannot find ingredient: ${p.id}`);
-      return (u = c.value[p.id]) == null ? void 0 : u.unit;
-    }
-    return (p, x) => {
-      var g, L, q;
-      const C = I("FmFormGroup"), u = I("FmButton");
-      return w(), A("div", zn, [
-        h(C, {
-          disabled: p.disabled,
-          "model-value": p.modelValue,
-          rules: [
-            ...p.rules,
-            () => n.value.length ? "There is a binding error in your configuration" : !0
-          ]
-        }, {
-          label: N(() => x[4] || (x[4] = [
-            _("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
-          ])),
-          _: 1
-        }, 8, ["disabled", "model-value", "rules"]),
-        ((g = p.recipeBindingConfig) == null ? void 0 : g.enabled) !== !1 ? (w(), A("div", Ln, [
-          _("div", Kn, [
-            _("div", jn, K(m(v)("inventory.inventoryBindings.recipe")), 1),
-            p.readonly ? S("", !0) : (w(), P(u, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: m(v)("inventory.inventoryBindings.linkRecipe"),
-              "prepend-icon": "link",
-              onClick: s
-            }, null, 8, ["label"]))
-          ]),
-          _("div", On, [
-            _("div", Yn, [
-              _("div", qn, K(m(v)("inventory.inventoryBindings.recipe")), 1),
-              x[5] || (x[5] = _("div", { class: "w-[200px]" }, null, -1)),
-              p.recipeBindingConfig.ableToApplyRules ? (w(), A("div", Hn)) : S("", !0),
-              p.readonly ? S("", !0) : (w(), A("div", Wn))
-            ]),
-            (w(!0), A(ee, null, se(e.value, (E) => {
-              var T;
-              return w(), P(Fn, {
-                key: E.id,
-                "model-value": E,
-                "display-name": (T = r.value[E.id]) == null ? void 0 : T.name,
-                "show-error": t.value.has(E.id),
-                "show-settings-button": (p.recipeBindingConfig.ableToApplyRules && !p.readonly) === !0,
-                readonly: p.readonly,
-                disabled: p.disabled,
-                "onUpdate:modelValue": x[0] || (x[0] = (M) => b(M)),
-                onDelete: x[1] || (x[1] = (M) => V(M))
-              }, null, 8, ["model-value", "display-name", "show-error", "show-settings-button", "readonly", "disabled"]);
-            }), 128))
-          ])
-        ])) : S("", !0),
-        _("div", Jn, [
-          _("div", Qn, [
-            _("div", Xn, K(m(v)("inventory.inventoryBindings.ingredient")), 1),
-            p.readonly ? S("", !0) : (w(), P(u, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: m(v)("inventory.inventoryBindings.linkIngredient"),
-              "prepend-icon": "link",
-              onClick: o
-            }, null, 8, ["label"]))
-          ]),
-          _("div", Zn, [
-            _("div", et, [
-              _("div", nt, K(m(v)("inventory.inventoryBindings.ingredient")), 1),
-              _("div", tt, K(m(v)("inventory.inventoryBindings.amount")), 1),
-              x[6] || (x[6] = _("div", { class: "w-[52px]" }, null, -1)),
-              (L = p.skuBindingConfig) != null && L.ableToApplyRules || (q = p.skuBindingConfig) != null && q.ableToConfigureAlternative ? (w(), A("div", ot)) : S("", !0)
-            ]),
-            (w(!0), A(ee, null, se(B.value, (E) => {
-              var T, M, W;
-              return w(), P(Nn, {
-                key: E.id,
-                "model-value": E,
-                "display-name": (T = c.value[E.id]) == null ? void 0 : T.name,
-                unit: F(E),
-                "show-error": t.value.has(E.id),
-                "able-to-apply-rules": ((M = p.skuBindingConfig) == null ? void 0 : M.ableToApplyRules) === !0,
-                "able-to-configure-alternative": ((W = p.skuBindingConfig) == null ? void 0 : W.ableToConfigureAlternative) === !0,
-                readonly: p.readonly,
-                disabled: p.disabled,
-                "onUpdate:modelValue": x[2] || (x[2] = ($) => b($)),
-                onDelete: x[3] || (x[3] = ($) => V($))
-              }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-}), lt = { class: "flex flex-col gap-40" }, at = {
-  key: 0,
-  class: "flex flex-col gap-16"
-}, st = {
-  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"
-}, rt = {
-  key: 0,
-  class: "flex flex-col items-center w-full h-full gap-24"
-}, dt = { key: 1 }, ut = { class: "mt-32" }, mt = /* @__PURE__ */ O({
-  __name: "RecipeForm",
-  props: {
-    mode: {},
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:submit"],
-  setup(f, { expose: k, emit: v }) {
-    var C;
-    const d = f, r = v, c = Ze(), { t: l } = Y(), a = R({
-      get() {
-        var u;
-        return ((u = d.modelValue) == null ? void 0 : u.name) ?? "";
-      },
-      set(u) {
-        const g = d.modelValue ?? {};
-        g.name = u, r("update:modelValue", g);
-      }
-    }), n = R({
-      get() {
-        var u;
-        return ((u = d.modelValue) == null ? void 0 : u.contains) ?? [];
-      },
-      set(u) {
-        const g = d.modelValue ?? {};
-        g.contains = u, r("update:modelValue", g);
-      }
-    }), t = R({
-      get() {
-        var u;
-        return ((u = d.modelValue) == null ? void 0 : u.customAttributes) ?? {};
-      },
-      set(u) {
-        const g = d.modelValue ? {
-          ...d.modelValue
-        } : {};
-        g.customAttributes = u, r("update:modelValue", g);
-      }
-    }), e = R({
-      get() {
-        var u;
-        return ((u = d.modelValue) == null ? void 0 : u.version) ?? null;
-      },
-      set(u) {
-        const g = d.modelValue ? { ...d.modelValue } : {};
-        g.version = u, r("update:modelValue", g);
-      }
-    }), i = R({
-      get() {
-        return e.value === "v2";
-      },
-      set(u) {
-        e.value = u ? "v2" : null;
-      }
-    });
-    function y() {
-      r("click:submit");
-    }
-    const s = D();
-    k({
-      validateInputs: () => {
-        var u, g;
-        (g = (u = s.value) == null ? void 0 : u.validateInputs) == null || g.call(u);
-      },
-      resetInputsValidation: () => {
-        var u, g;
-        (g = (u = s.value) == null ? void 0 : u.resetInputsValidation) == null || g.call(u);
-      },
-      resetInputs: () => {
-        var u, g;
-        (g = (u = s.value) == null ? void 0 : u.resetInputs) == null || g.call(u);
-      }
-    });
-    const B = z(), o = D([]), b = D(!1), V = D(!1);
-    Ve(b, async (u) => {
-      F(u);
-    });
-    async function F(u) {
-      var g, L;
-      u && !V.value && ((g = d.modelValue) != null && g._id) && (V.value = !0, o.value = await B.getAffectedMenu((L = d.modelValue) == null ? void 0 : L._id).delayed(500), V.value = !1);
-    }
-    const p = R(
-      () => B.recipes.map((u) => ({ label: u.name, value: u.name }))
-    ), x = D((C = d.modelValue) == null ? void 0 : C.name);
-    return (u, g) => {
-      const L = I("FmTextField"), q = I("FmSwitch"), E = I("FmCard"), T = I("FmSpacer"), M = I("FmCircularProgress"), W = I("FmForm");
-      return w(), P(W, {
-        ref_key: "formRef",
-        ref: s,
-        onValidationSuccess: y
-      }, {
-        default: N(() => [
-          _("div", lt, [
-            h(L, {
-              disabled: u.disabled,
-              label: m(l)("inventory.recipe.name"),
-              "model-value": a.value,
-              "onUpdate:modelValue": g[0] || (g[0] = ($) => a.value = $),
-              rules: [
-                m(Le)(),
-                m(be)(p.value, x.value, ($) => `[${$.value}] already exists`)
-              ],
-              "label-mark": "required"
-            }, null, 8, ["disabled", "label", "model-value", "rules"]),
-            m(c).enableRecipeV2 ? (w(), A("div", at, [
-              h(q, {
-                modelValue: i.value,
-                "onUpdate:modelValue": g[1] || (g[1] = ($) => i.value = $),
-                value: !0,
-                label: m(l)("inventory.recipe.enableRecipeV2"),
-                "label-placement": "right",
-                disabled: u.disabled,
-                sublabel: m(l)("inventory.recipe.recipeV2Warning")
-              }, null, 8, ["modelValue", "label", "disabled", "sublabel"])
-            ])) : S("", !0),
-            h(E, {
-              variant: "outlined",
-              class: "p-16"
-            }, {
-              default: N(() => {
-                var $, Q;
-                return [
-                  m(c).enableRecipeV2 ? (w(), P(it, {
-                    key: 0,
-                    id: ($ = u.modelValue) == null ? void 0 : $._id,
-                    disabled: u.disabled,
-                    "model-value": n.value,
-                    "onUpdate:modelValue": g[2] || (g[2] = (H) => n.value = H),
-                    rules: [m(ne)(1)],
-                    "enable-ingredient-group": m(c).enableIngredientGroup,
-                    "recipe-binding-config": { enabled: !i.value, ableToApplyRules: i.value },
-                    "sku-binding-config": {
-                      ableToConfigureAlternative: i.value
-                    }
-                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group", "recipe-binding-config", "sku-binding-config"])) : (w(), P(Ke, {
-                    key: 1,
-                    id: (Q = u.modelValue) == null ? void 0 : Q._id,
-                    disabled: u.disabled,
-                    "model-value": n.value,
-                    "onUpdate:modelValue": g[3] || (g[3] = (H) => n.value = H),
-                    rules: [m(ne)(1)],
-                    "enable-ingredient-group": m(c).enableIngredientGroup
-                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"]))
-                ];
-              }),
-              _: 1
-            })
-          ]),
-          u.mode !== m(U).CREATE ? (w(), A("div", st, [
-            h(q, {
-              label: "Show binded items",
-              modelValue: b.value,
-              "onUpdate:modelValue": g[4] || (g[4] = ($) => b.value = $),
-              "label-placement": "right",
-              disabled: V.value
-            }, null, 8, ["modelValue", "disabled"]),
-            V.value ? (w(), A("div", rt, [
-              h(T),
-              _("div", null, [
-                h(M, { size: "xl" })
-              ]),
-              g[6] || (g[6] = _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
-              h(T)
-            ])) : b.value && o.value.length ? (w(), A("div", dt, [
-              h(ve, {
-                name: "Menu",
-                bindings: o.value
-              }, null, 8, ["bindings"])
-            ])) : S("", !0)
-          ])) : S("", !0),
-          _("div", ut, [
-            h(en, {
-              entity: "inventoryRecipe",
-              modelValue: t.value,
-              "onUpdate:modelValue": g[5] || (g[5] = ($) => t.value = $)
-            }, null, 8, ["modelValue"])
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ct = { class: "flex gap-4" }, pt = /* @__PURE__ */ O({
-  __name: "RecipeDialog",
-  props: {
-    show: { type: Boolean },
-    recipe: {},
-    mode: { default: U.READ }
-  },
-  emits: ["update:show"],
-  setup(f) {
-    const k = f, v = z(), d = le(), { t: r } = Y(), c = ue(k, "show"), l = ue(k, "recipe"), a = R(() => {
-      switch (k.mode) {
-        case U.READ:
-          return "";
-        case U.UPDATE:
-          return r("inventory.recipe.update.title");
-        case U.CREATE:
-          return r("inventory.recipe.create.title");
-      }
-      return "";
-    }), n = R(() => {
-      switch (k.mode) {
-        case U.READ:
-          return "";
-        case U.UPDATE:
-          return r("common.save");
-        case U.CREATE:
-          return r("common.add");
-      }
-      return "";
-    }), t = D(), e = D(!1);
-    async function i() {
-      e.value = !0;
-      try {
-        const o = oe(l.value);
-        o.precision ?? (o.precision = 0), o.measurements ?? (o.measurements = []), await v.createRecipe(o), c.value = !1, d.open({
-          title: r("inventory.common.success"),
-          message: r("inventory.recipe.create.success", { name: l.value.name }),
-          type: "success"
-        });
-      } catch (o) {
-        o instanceof de || d.open({
-          title: r("inventory.recipe.create.error.title"),
-          message: r("inventory.recipe.create.error.message"),
-          type: "error"
-        });
-      } finally {
-        e.value = !1;
-      }
-    }
-    async function y() {
-      e.value = !0;
-      try {
-        await v.updateRecipe(l.value), c.value = !1, d.open({
-          title: r("inventory.common.success"),
-          message: r("inventory.recipe.update.success", { name: l.value.name }),
-          type: "success"
-        });
-      } catch (o) {
-        o instanceof de || d.open({
-          title: r("inventory.recipe.update.error.title"),
-          message: r("inventory.recipe.update.error.message"),
-          type: "error"
-        });
-      } finally {
-        e.value = !1;
-      }
-    }
-    function s() {
-      var o, b;
-      (b = (o = t.value) == null ? void 0 : o.validateInputs) == null || b.call(o);
-    }
-    function B() {
-      switch (k.mode) {
-        case U.READ:
-          return;
-        case U.UPDATE:
-          return y();
-        case U.CREATE:
-          return i();
-      }
-    }
-    return (o, b) => {
-      const V = I("FmButton"), F = I("FmSideSheet");
-      return w(), P(F, {
-        "model-value": m(c),
-        "onUpdate:modelValue": b[3] || (b[3] = (p) => re(c) ? c.value = p : null),
-        header: a.value,
-        "close-button": "",
-        "dismiss-away": "",
-        "max-width": 800
-      }, {
-        "side-sheet-footer": N(() => [
-          _("div", ct, [
-            h(V, {
-              loading: e.value,
-              label: n.value,
-              onClick: s
-            }, null, 8, ["loading", "label"]),
-            h(V, {
-              disabled: e.value,
-              label: m(r)("common.close"),
-              variant: "tertiary",
-              onClick: b[2] || (b[2] = (p) => c.value = !1)
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        default: N(() => [
-          h(mt, {
-            class: "w-full",
-            ref_key: "hasValidationExpose",
-            ref: t,
-            modelValue: m(l),
-            "onUpdate:modelValue": b[0] || (b[0] = (p) => re(l) ? l.value = p : null),
-            mode: o.mode,
-            disabled: e.value,
-            "onClick:submit": b[1] || (b[1] = (p) => B())
-          }, null, 8, ["modelValue", "mode", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value", "header"]);
-    };
-  }
-});
-function ft(f) {
-  return !f || Object.keys(f).length === 0 ? "" : Object.entries(f).map(([k, v]) => `${k}: ${v}`).join(", ");
-}
-function vt() {
-  const f = z(), k = f.recipes, v = f.recipeById, d = f.skuById, r = f.skuGroupById, c = k.flatMap((n, t) => {
-    var i;
-    const e = ft(n.customAttributes);
-    if ((i = n.contains) != null && i.length) {
-      const y = n.contains.filter((o) => o.type === "RECIPE"), s = n.contains.filter((o) => o.type === "SKU"), B = n.contains.filter((o) => o.type === "SKU_GROUP");
-      return [
-        ...t === 0 ? [] : [["", "", "", "", "", "", ""]],
-        ...y.map(
-          (o, b) => {
-            var V;
-            return [
-              b === 0 ? n.name : "",
-              "RECIPE",
-              "",
-              (V = v[o.id]) == null ? void 0 : V.name,
-              j(o.amount),
-              "UNIT",
-              b === 0 ? e : ""
-            ];
-          }
-        ),
-        ...s.map(
-          (o, b) => {
-            var V, F, p, x;
-            return [
-              !y.length && b === 0 ? n.name : "",
-              "INGREDIENT",
-              (V = d[o.id]) == null ? void 0 : V.code,
-              (F = d[o.id]) == null ? void 0 : F.name,
-              j(o.amount),
-              o.measurement ? o.measurement.abbrev : (x = (p = d[o.id]) == null ? void 0 : p.unit) == null ? void 0 : x.abbrev,
-              !y.length && b === 0 ? e : ""
-            ];
-          }
-        ),
-        ...B.map(
-          (o, b) => {
-            var V, F;
-            return [
-              y.length === 0 && s.length === 0 && b === 0 ? n.name : "",
-              "SKU_GROUP",
-              ((V = r[o.id]) == null ? void 0 : V.ref) || "",
-              (F = r[o.id]) == null ? void 0 : F.name,
-              j(o.amount),
-              "UNIT",
-              y.length === 0 && s.length === 0 && b === 0 ? e : ""
-            ];
-          }
-        )
-      ];
-    }
-    return [
-      ...t === 0 ? [] : [["", "", "", "", "", "", ""]],
-      [n.name, "No bindings", "", "", "", "", e]
-    ];
-  }), a = tn(c, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
-  on(a, `RECIPE_${ln(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
-}
-const yt = { class: "flex flex-col py-8" }, bt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yt = /* @__PURE__ */ O({
-  __name: "RecipeView",
-  setup(f) {
-    const k = z(), v = R(() => k.recipes), d = Ae(), { createRecipe: r, updateRecipe: c } = te(), { recipeDialogProps: l, recipeViewLoading: a } = Te(te()), { columnDefs: n, formatRowData: t } = mn(), e = R(() => t(v.value));
-    ie(), le(), D(!1);
-    function i(p) {
-      if (p === "add")
-        return r();
-      if (p === "export")
-        return vt();
-    }
-    const y = D(""), s = R(() => a.value), { breakpoints: B } = Re(), o = R(() => B.value.xs || B.value.sm), b = R(() => o.value ? 10 : 20), V = Me(), { t: F } = Y();
-    return (p, x) => {
-      const C = I("FmTable");
-      return w(), P(Ge, {
-        title: m(F)("inventory.recipe.title"),
-        actions: [
-          {
-            label: m(F)("inventory.recipe.create.title"),
-            value: "add",
-            isPrimary: !0,
-            prependIcon: "add"
-          },
-          { label: m(F)("common.export"), value: "export", isPrimary: !1 }
-        ],
-        "onClick:action": i
-      }, {
-        default: N(() => [
-          _("div", {
-            class: fe([
-              "flex flex-col gap-8 max-h-full",
-              {
-                "p-0": o.value,
-                "px-24 ": !o.value
-              }
-            ])
-          }, [
-            h(an, {
-              searchable: "",
-              search: y.value,
-              "onUpdate:search": x[0] || (x[0] = (u) => y.value = u)
-            }, null, 8, ["search"]),
-            (w(), P(C, {
-              style: ke(m(V).tableHeight),
-              "column-defs": m(n),
-              "row-data": e.value,
-              "search-value": y.value,
-              loading: !m(d)._currentLocation || s.value,
-              onRowClick: x[1] || (x[1] = (u) => m(c)(u.original.original)),
-              key: v.value.length,
-              "page-size": b.value
-            }, {
-              "list-row": N((u) => [
-                h(nn, {
-                  row: u,
-                  onRowClick: (g) => m(c)(g.original)
-                }, {
-                  default: N((g) => {
-                    var L, q, E, T, M, W, $, Q, H, ae;
-                    return [
-                      _("div", yt, [
-                        _("div", bt, [
-                          h(m(pe), {
-                            render: (E = (q = (L = g.recipe) == null ? void 0 : L.column) == null ? void 0 : q.columnDef) == null ? void 0 : E.cell,
-                            props: (M = (T = g.recipe) == null ? void 0 : T.getContext) == null ? void 0 : M.call(T)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        _("div", gt, [
-                          h(m(pe), {
-                            render: (Q = ($ = (W = g.ingredients) == null ? void 0 : W.column) == null ? void 0 : $.columnDef) == null ? void 0 : Q.cell,
-                            props: (ae = (H = g.ingredients) == null ? void 0 : H.getContext) == null ? void 0 : ae.call(H)
-                          }, null, 8, ["render", "props"])
-                        ])
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-          ], 2),
-          (w(), P(Be, { to: "body" }, [
-            h(pt, we(xe(m(l))), null, 16)
-          ]))
-        ]),
-        _: 1
-      }, 8, ["title", "actions"]);
-    };
-  }
-});
-export {
-  Yt as default
-};