@feedmepos/mf-menu 0.18.17 → 0.19.0-beta.2

package/dist/Ingredient-354LLwdX.js

@@ -1,498 +0,0 @@
-import { defineComponent as oe, computed as p, ref as U, reactive as Fe, watch as Se, resolveComponent as s, openBlock as r, createElementBlock as _, Fragment as F, renderSlot as Ce, createVNode as l, unref as g, withCtx as b, createElementVNode as d, toDisplayString as $, createBlock as I, createCommentVNode as j, normalizeClass as H, createTextVNode as Ve, renderList as q, getCurrentInstance as Me, h as ee, withModifiers as ne } from "vue";
-import { i as le, a as J, u as Q, d as we, m as z, k as ie, e as te, g as Ue, b as K, h as G, l as $e, _ as Ee, f as Ne } from "./app-D7e31gIv.js";
-import { useSnackbar as W, components as se, useDialog as Ae, FmButtonVariant as re, useBreakpoints as Ie } from "@feedmepos/ui-library";
-import "@feedmepos/mf-common";
-import "vue-router";
-import { defineStore as Oe } from "pinia";
-import { u as Re } from "./unit-CswFvAyc.js";
-import { _ as ae, j as Te } from "./index-DDd9B_ur.js";
-import { u as Be, l as De } from "./lodash-BIQx_fko.js";
-const Pe = { class: "fm-typo-en-title-md-600" }, Le = {
-  key: 0,
-  class: "pt-8 flex flex-col gap-8"
-}, Ye = {
-  key: 1,
-  class: "pt-8 space-y-40"
-}, ze = { class: "flex flex-row gap-16" }, je = { class: "overflow-x-hidden overflow-y-auto max-h-[300px]" }, qe = { class: "flex gap-8 items-center justify-start" }, Ke = /* @__PURE__ */ oe({
-  __name: "Form",
-  props: {
-    initialValue: { default: void 0 },
-    usedCodes: { default: () => [] },
-    invalidSkuAndRecipe: {}
-  },
-  setup(O, { expose: E }) {
-    const v = O, y = le(J(W())), k = Re(), S = p(() => v.initialValue ? "Update ingredient" : "Add ingredient"), h = p(() => v.initialValue ? "Update" : "Add"), C = U(!1), m = U(!1), V = (n) => {
-      Ue.isBoolean(n) ? m.value = n : m.value = !m.value;
-    }, N = Q(), a = p(() => N.units), o = p(() => a.value.map(({ name: n, _id: t, abbrev: f, measurements: A }) => ({
-      label: n,
-      value: t,
-      options: [
-        {
-          label: `${n} (${f})`,
-          value: null
-        },
-        ...A.map(({ name: P, id: L, abbrev: Y }) => ({
-          label: `${P} (${Y})`,
-          value: L
-        }))
-      ]
-    }))), i = p(() => a.value.length > 0), e = Fe(
-      v.initialValue ? we(v.initialValue) : {
-        ...z.generator.initSku(),
-        unit: a.value[0] || z.generator.initUnit()
-      }
-    ), x = U(!!e.convert), R = p(() => {
-      var t;
-      const n = o.value.find((f) => f.value === e.unit._id);
-      return ((t = ((n == null ? void 0 : n.options) || []).find((f) => f.value === (e.trackingMeasurement || null))) == null ? void 0 : t.label) || "";
-    }), T = (n) => e.unit._id === n.value && e.trackingMeasurement === (n.value || null);
-    function c(n, t) {
-      const f = t || void 0;
-      e.unit._id === n && e.trackingMeasurement === f || (e.unit = a.value.find((A) => A._id === n), e.trackingMeasurement = f, e.convert && (e.convert.measurement = f));
-    }
-    const ue = p(() => {
-      const n = o.value.find((t) => t.value === e.unit._id);
-      return ((n == null ? void 0 : n.options) || []).map((t) => ({
-        ...t,
-        label: `1 ${t.label}`
-      }));
-    });
-    function de(n) {
-      var t;
-      x.value && (e.convert = {
-        ...e.convert,
-        measurement: n || void 0,
-        inventoryBindings: ((t = e.convert) == null ? void 0 : t.inventoryBindings) || []
-      });
-    }
-    function X(n) {
-      x.value && (e.convert = {
-        ...e.convert,
-        inventoryBindings: n
-      }), D.value = !1;
-    }
-    const ce = p(() => v.invalidSkuAndRecipe.skus), me = p(() => v.invalidSkuAndRecipe.recipes), D = U(!1);
-    function pe() {
-      var n;
-      return D.value = (((n = e.convert) == null ? void 0 : n.inventoryBindings) || []).length === 0, !D.value;
-    }
-    const ve = Be(
-      () => !De.isEqual(e, v.initialValue || z.generator.initSku()),
-      () => {
-        m.value = !1;
-      }
-    ), fe = async () => {
-      try {
-        if (!(x.value ? pe() : !0)) return;
-        const t = {
-          ...e,
-          convert: x.value ? e.convert : void 0
-        };
-        v.initialValue ? await y.updateMenu(
-          {
-            module: K.F_MENU_MODULE_V4_KEY.enum.sku,
-            operation: G.F_OPERATION_TYPE.update,
-            data: t
-          },
-          t.name
-        ) : await y.updateMenu(
-          {
-            module: K.F_MENU_MODULE_V4_KEY.enum.sku,
-            operation: G.F_OPERATION_TYPE.create,
-            data: t
-          },
-          t.name
-        ), V(!1);
-      } finally {
-        C.value = !1;
-      }
-    };
-    return Se(
-      () => m.value,
-      (n) => {
-      }
-    ), E({
-      show: m,
-      trigger: V
-    }), (n, t) => {
-      const f = s("FmTextField"), A = s("FmLabel"), P = s("FmField"), L = s("FmMenuHeader"), Y = s("FmMenuDivider"), _e = s("FmMenuItem"), ge = s("FmMenu"), ye = s("FmFormGroup"), be = s("FmSwitch"), ke = s("FmSelect"), he = s("FmCard"), Z = s("fm-button"), xe = s("fm-side-sheet");
-      return r(), _(F, null, [
-        Ce(n.$slots, "default", { trigger: V }),
-        l(xe, {
-          id: "unit-form",
-          modelValue: m.value,
-          "onUpdate:modelValue": t[4] || (t[4] = (u) => m.value = u),
-          "is-container": g(se).FmForm,
-          "is-container-props": {
-            onValidationSuccess: fe,
-            blameFormChildOnValidationFailed: !0
-          },
-          "max-width": 560,
-          "z-index": 100,
-          "onOn:clickedAway": g(ve)
-        }, {
-          "side-sheet-header": b(() => [
-            d("p", Pe, $(S.value), 1)
-          ]),
-          "side-sheet-footer": b(() => [
-            d("div", qe, [
-              l(Z, {
-                label: h.value,
-                loading: C.value,
-                size: "lg",
-                type: "submit",
-                variant: "primary"
-              }, null, 8, ["label", "loading"]),
-              l(Z, {
-                label: "Cancel",
-                size: "lg",
-                variant: "tertiary",
-                onClick: t[3] || (t[3] = () => m.value = !1)
-              })
-            ])
-          ]),
-          default: b(() => [
-            i.value ? (r(), _("div", Ye, [
-              d("div", ze, [
-                l(f, {
-                  class: "flex-2",
-                  label: "Code",
-                  modelValue: e.code,
-                  "onUpdate:modelValue": t[0] || (t[0] = (u) => e.code = u),
-                  rules: [
-                    (u) => !!u || "Code is required",
-                    (u) => !n.usedCodes.includes(u.trim()) || "Code used by other ingredient"
-                  ]
-                }, null, 8, ["modelValue", "rules"]),
-                l(f, {
-                  class: "flex-1",
-                  label: "Name",
-                  modelValue: e.name,
-                  "onUpdate:modelValue": t[1] || (t[1] = (u) => e.name = u),
-                  rules: [(u) => u ? !0 : "Ingredient name is required"]
-                }, null, 8, ["modelValue", "rules"])
-              ]),
-              l(ye, {
-                class: "col-span-2",
-                "label-mark": "required",
-                "model-value": R.value
-              }, {
-                label: b(() => [
-                  l(A, { label: "Unit" })
-                ]),
-                default: b(({ invalid: u }) => [
-                  l(ge, { "z-index": 101 }, {
-                    "menu-button": b(() => [
-                      l(P, {
-                        class: H([
-                          "fm-typo-en-body-lg-400",
-                          {
-                            "text-fm-color-typo-primary": !0
-                          }
-                        ]),
-                        invalid: u,
-                        "append-icon": "expand_more"
-                      }, {
-                        default: b(() => [
-                          Ve($(R.value), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["invalid"])
-                    ]),
-                    default: b(() => [
-                      d("div", je, [
-                        (r(!0), _(F, null, q(o.value, (M, B) => (r(), _(F, { key: B }, [
-                          l(L, {
-                            label: M.label
-                          }, null, 8, ["label"]),
-                          l(Y),
-                          (r(!0), _(F, null, q(M.options, (w, un) => (r(), I(_e, {
-                            label: w.label,
-                            "model-value": T(w),
-                            onClick: (dn) => c(M.value, w.value),
-                            "x-should-scroll-into": `${T(w)}`
-                          }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))), 256))
-                        ], 64))), 128))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 1
-              }, 8, ["model-value"]),
-              l(he, {
-                variant: "outlined",
-                class: "p-16 flex flex-col gap-16"
-              }, {
-                default: b(() => {
-                  var u, M, B;
-                  return [
-                    l(be, {
-                      value: "",
-                      "model-value": x.value,
-                      "onUpdate:modelValue": t[2] || (t[2] = (w) => x.value = w),
-                      label: "Convertible",
-                      sublabel: "Convertible from other recipe or ingredients",
-                      labelPlacement: "right"
-                    }, null, 8, ["model-value"]),
-                    x.value ? (r(), _(F, { key: 0 }, [
-                      d("div", null, [
-                        l(ke, {
-                          label: "Recipes and ingredients convert to",
-                          modelValue: ((u = e.convert) == null ? void 0 : u.measurement) || null,
-                          "onUpdate:modelValue": de,
-                          items: ue.value
-                        }, null, 8, ["modelValue", "items"])
-                      ]),
-                      l(ae, {
-                        "model-value": ((M = e.convert) == null ? void 0 : M.inventoryBindings) || [],
-                        type: g(te.F_INVENTORY_BINDING_TYPE).enum.RECIPE,
-                        "filter-option-ids": me.value,
-                        "onUpdate:modelValue": X
-                      }, null, 8, ["model-value", "type", "filter-option-ids"]),
-                      l(ae, {
-                        "model-value": ((B = e.convert) == null ? void 0 : B.inventoryBindings) || [],
-                        type: g(te.F_INVENTORY_BINDING_TYPE).enum.SKU,
-                        "filter-option-ids": ce.value,
-                        "onUpdate:modelValue": X
-                      }, null, 8, ["model-value", "type", "filter-option-ids"])
-                    ], 64)) : j("", !0)
-                  ];
-                }),
-                _: 1
-              })
-            ])) : (r(), _("div", Le, [
-              a.value.length === 0 ? (r(), I(g(ie), {
-                key: 0,
-                action: {
-                  text: "Add unit",
-                  callback() {
-                    g(k).createUnit();
-                  }
-                },
-                subtitle: "Add a unit to start adding your ingredient.",
-                title: "No unit found"
-              }, null, 8, ["action"])) : j("", !0)
-            ]))
-          ]),
-          _: 1
-        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])
-      ], 64);
-    };
-  }
-}), Ge = Ke, He = Oe("sku-manager", () => {
-  const O = Ae(), E = W(), v = J(E), y = le(v), k = Q(), S = Me(), h = (a) => {
-    var i, e;
-    const { vNode: o } = $e(
-      Ge,
-      S,
-      a
-    );
-    (e = (i = o.component) == null ? void 0 : i.exposed) == null || e.trigger();
-  };
-  async function C(a) {
-    h({
-      initialValue: a,
-      usedCodes: k.skus.filter(({ _id: o }) => o !== (a == null ? void 0 : a._id)).map((o) => o.code),
-      invalidSkuAndRecipe: a ? Te.getInvalidSkuAndRecipe({
-        id: a._id,
-        skus: k.skus,
-        recipes: k.state.menu.modules.recipe
-      }) : { skus: [], recipes: [] }
-    });
-  }
-  async function m() {
-    C();
-  }
-  async function V(a) {
-    C(a);
-  }
-  async function N(a) {
-    O.open({
-      title: "Remove ingredient",
-      message: `Do you want to remove ingredient ${a.name}?`,
-      primaryActions: {
-        text: "Remove",
-        close: !0,
-        variant: re.Destructive
-      },
-      secondaryActions: {
-        text: "Cancel",
-        close: !0
-      }
-    }).onPrimary(async () => {
-      await y.updateMenu(
-        {
-          module: K.F_MENU_MODULE_V4_KEY.enum.sku,
-          operation: G.F_OPERATION_TYPE.delete,
-          data: a._id
-        },
-        a.name,
-        !0
-      );
-    });
-  }
-  return {
-    createSku: m,
-    updateSku: V,
-    deleteSku: N
-  };
-}), Je = {
-  key: 0,
-  class: "h-[600px]"
-}, Qe = { class: "flex justify-end items-center" }, We = { class: "flex items-center my-8 px-16" }, Xe = {
-  class: /* @__PURE__ */ H([
-    "flex-1",
-    "overflow-scroll",
-    "divide-y divide-fm-color-neutral-gray-100",
-    "pb-64"
-  ])
-}, Ze = ["onClick"], en = { class: "flex-1" }, nn = { class: "fm-typo-en-body-lg-600 mb-4" }, tn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, an = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, on = { class: "flex-1 flex justify-between gap-8 pl-8" }, ln = { class: "flex items-center" }, sn = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, rn = { class: "fm-typo-en-body-md-600 font-semibold" }, kn = /* @__PURE__ */ oe({
-  __name: "Ingredient",
-  setup(O) {
-    const E = W();
-    J(E);
-    const v = Q(), y = He(), k = p(() => v.skus), S = p(
-      () => k.value.filter((o) => `${o.name} ${o.code} ${o._unit} (${o._abbrev})`.toLowerCase().includes(h.value.toLowerCase()))
-    ), h = U(""), C = U([
-      {
-        accessorKey: "code",
-        header: "Code",
-        enableSorting: !1
-      },
-      {
-        accessorKey: "name",
-        header: "Name",
-        enableSorting: !1
-      },
-      {
-        header: "Unit",
-        enableSorting: !1,
-        cell: (o) => {
-          const i = o.row.original;
-          return `${i._unit} (${i._abbrev})`;
-        }
-      },
-      {
-        id: "actions",
-        size: 52,
-        meta: {
-          cellClass: "pl-16",
-          headerContentClass: "-mx-16"
-        },
-        header: "",
-        cell: (o) => {
-          const i = o.row.original;
-          return ee(
-            "div",
-            {
-              class: "flex justify-end"
-            },
-            [
-              ee(se.FmButton, {
-                icon: "delete",
-                textColor: "neutral-gray-400",
-                variant: "tertiary",
-                onClick: ne(async () => {
-                  y.deleteSku(i);
-                }, ["stop", "prevent"])
-              })
-            ]
-          );
-        }
-      }
-    ]);
-    function m(o) {
-      y.updateSku(o);
-    }
-    const V = p(() => k.value.length), N = Ie(), a = p(() => N.breakpoints.value.xs);
-    return (o, i) => {
-      const e = s("FmSearch"), x = s("FmTable"), R = s("fm-button"), T = s("FmSpacer");
-      return r(), I(Ee, { heading: "Ingredient" }, {
-        default: b(() => [
-          k.value.length === 0 ? (r(), I(g(ie), {
-            key: 0,
-            action: {
-              text: "Add ingredient",
-              callback() {
-                g(y).createSku();
-              }
-            },
-            subtitle: "Ingredients are crucial components in food and beverages. Managing them involves sourcing quality products, ensuring storage compliance, and maintaining safety standards, as they significantly impact flavor and quality.",
-            title: "Add your first ingredient"
-          }, null, 8, ["action"])) : (r(), _(F, { key: 1 }, [
-            a.value ? (r(), _(F, { key: 1 }, [
-              d("div", We, [
-                l(e, {
-                  autofocus: "",
-                  modelValue: h.value,
-                  "onUpdate:modelValue": i[2] || (i[2] = (c) => h.value = c),
-                  placeholder: "Search ingredients",
-                  class: "w-full"
-                }, null, 8, ["modelValue"])
-              ]),
-              d("div", Xe, [
-                (r(!0), _(F, null, q(S.value, (c) => (r(), _("div", {
-                  key: c._id,
-                  class: H(["py-12 px-16", "flex  space-x-8", "items-center"]),
-                  onClick: () => g(y).updateSku(c)
-                }, [
-                  d("div", en, [
-                    d("p", nn, $(c.name), 1),
-                    d("p", tn, " Code: " + $(c.code), 1),
-                    d("p", an, " Unit: " + $(`${c._unit} (${c._abbrev})`), 1)
-                  ]),
-                  l(R, {
-                    variant: g(re).Tertiary,
-                    "prepend-icon": "delete",
-                    "text-color": "neutral-gray-400",
-                    onClick: ne(() => g(y).deleteSku(c), ["stop"])
-                  }, null, 8, ["variant", "onClick"])
-                ], 8, Ze))), 128))
-              ])
-            ], 64)) : (r(), _("div", Je, [
-              d("div", Qe, [
-                l(e, {
-                  autofocus: "",
-                  modelValue: h.value,
-                  "onUpdate:modelValue": i[0] || (i[0] = (c) => h.value = c),
-                  class: "mb-8 w-[320px]",
-                  placeholder: "Search ingredients"
-                }, null, 8, ["modelValue"])
-              ]),
-              l(x, {
-                "column-defs": C.value,
-                "row-data": S.value,
-                "page-size": S.value.length,
-                "shrink-at": !1,
-                "hide-footer": "",
-                "pin-header-row": "",
-                onRowClick: i[1] || (i[1] = (c) => m(c.original))
-              }, null, 8, ["column-defs", "row-data", "page-size"])
-            ]))
-          ], 64))
-        ]),
-        "append-heading": b(() => [
-          d("div", on, [
-            d("div", ln, [
-              d("div", sn, [
-                d("p", rn, $(V.value), 1)
-              ])
-            ]),
-            l(T),
-            k.value.length > 0 ? (r(), I(Ne, {
-              key: 0,
-              label: "Add ingredient",
-              "prepend-icon": "add",
-              onClick: g(y).createSku
-            }, null, 8, ["onClick"])) : j("", !0)
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  kn as default
-};

package/dist/LinkProductSideSheet-anxSsu0z.js

@@ -1,102 +0,0 @@
-import { defineComponent as B, ref as f, computed as z, watch as S, resolveComponent as v, openBlock as V, createElementBlock as F, Fragment as D, renderSlot as E, createVNode as n, unref as r, withCtx as u, createBlock as I, createCommentVNode as N, createElementVNode as h, toDisplayString as O } from "vue";
-import { components as A, FmButtonVariant as L } from "@feedmepos/ui-library";
-import { d as y, W as j, g as P, N as U } from "./app-D7e31gIv.js";
-import "@feedmepos/mf-common";
-import { u as $, l as q } from "./lodash-BIQx_fko.js";
-/* empty css                                                                              */
-const x = { class: "fm-typo-en-title-md-600 mr-auto" }, M = { class: "flex gap-8 items-center justify-start" }, T = /* @__PURE__ */ B({
-  __name: "LinkProductSideSheet",
-  props: {
-    initialValue: { default: () => [] },
-    categorizedItems: { default: () => [] },
-    selectVariant: { type: Boolean, default: !1 },
-    showVariant: { type: Boolean, default: !1 },
-    title: { default: "Apply products" },
-    useCloseBtn: { type: Boolean }
-  },
-  emits: ["submit"],
-  setup(_, { emit: b }) {
-    const d = _, g = b, a = f(!1), c = (e) => {
-      P.isBoolean(e) ? a.value = e : a.value = !a.value;
-    };
-    function i(e) {
-      return e.reduce((t, o) => (t[o._id] = [...t[o._id] ?? [], o], t), {});
-    }
-    const m = d.initialValue, s = f(i(y(m))), p = z(() => Object.values(s.value).flatMap((e) => e)), C = $(
-      () => !q.isEqual(i(m), s.value),
-      () => {
-        a.value = !1;
-      }
-    );
-    function k() {
-      g("submit", p.value), a.value = !1;
-    }
-    return S(
-      () => a.value,
-      () => {
-        s.value = i(y(d.initialValue));
-      }
-    ), (e, t) => {
-      const o = v("fm-button"), w = v("fm-side-sheet");
-      return V(), F(D, null, [
-        E(e.$slots, "default", { trigger: c }, void 0, !0),
-        n(w, {
-          id: "group-form",
-          modelValue: a.value,
-          "onUpdate:modelValue": t[2] || (t[2] = (l) => a.value = l),
-          "close-button": e.useCloseBtn,
-          "is-container": r(A).FmForm,
-          "is-container-props": {
-            onValidationSuccess: k,
-            blameFormChildOnValidationFailed: !0
-          },
-          "max-width": 560,
-          "z-index": 103,
-          "onOn:clickedAway": r(C)
-        }, {
-          "side-sheet-header": u(() => [
-            e.useCloseBtn ? N("", !0) : (V(), I(o, {
-              key: 0,
-              variant: r(L).Tertiary,
-              class: "cursor-pointer mr-4",
-              "prepend-icon": "arrow_back",
-              onClick: c
-            }, null, 8, ["variant"])),
-            h("p", x, O(e.title), 1)
-          ]),
-          "side-sheet-footer": u(() => [
-            h("div", M, [
-              n(o, {
-                label: "Confirm",
-                size: "lg",
-                type: "submit",
-                variant: "primary"
-              }),
-              n(o, {
-                label: "Cancel",
-                size: "lg",
-                variant: "tertiary",
-                onClick: t[1] || (t[1] = () => a.value = !1)
-              })
-            ])
-          ]),
-          default: u(() => [
-            n(j, {
-              "auto-focus-search": !0,
-              "categorized-items": e.categorizedItems,
-              data: s.value,
-              "select-variant": e.selectVariant,
-              "selected-items": p.value,
-              "show-variant": e.showVariant,
-              "onUpdate:data": t[0] || (t[0] = (l) => s.value = l)
-            }, null, 8, ["categorized-items", "data", "select-variant", "selected-items", "show-variant"])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "close-button", "is-container", "is-container-props", "onOn:clickedAway"])
-      ], 64);
-    };
-  }
-}), R = /* @__PURE__ */ U(T, [["__scopeId", "data-v-bda46926"]]);
-export {
-  R as L
-};