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

package/dist/RecipeView-DMn3M9SP.js

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