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

package/dist/PrintRoute--fYPFcy7.js

@@ -0,0 +1,417 @@
+import { defineComponent as Q, ref as k, computed as p, resolveComponent as g, openBlock as d, createElementBlock as w, Fragment as D, createVNode as i, unref as a, withCtx as _, createElementVNode as s, toDisplayString as M, createBlock as U, renderList as Y, createCommentVNode as W, h as m, withModifiers as G } from "vue";
+import { d as H, n as X, b as C, h as q, u as te, i as ne, a as oe, _ as ae, f as le, k as re, j as se } from "./app-t9ONnc0s.js";
+import { components as Z, useSnackbar as ie, useDialog as ue } from "@feedmepos/ui-library";
+import { _ as de } from "./ApplyProducts.vue_vue_type_script_setup_true_lang-CXoRwrTi.js";
+import "@feedmepos/mf-common";
+import { _ as J } from "./FormSection.vue_vue_type_script_setup_true_lang-BWJUD8NZ.js";
+import { u as ce, l as me } from "./lodash-VivR_BQ2.js";
+const pe = { class: "fm-typo-en-title-md-600" }, _e = { class: "space-y-32" }, fe = { class: "space-y-16" }, ve = { class: "flex items-center gap-8" }, ye = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ge = { class: "flex-1" }, he = { class: "grow overflow-y-auto" }, be = { class: "text-fm-color-typo-secondary bg-fm-color-neutral-gray-100 px-16 py-8 border-b border-b-fm-color-neutral-gray-200" }, ke = { class: "flex items-center border-b border-b-fm-color-neutral-gray-100" }, xe = { class: "px-16 py-8 flex-1" }, Fe = { class: "py-8" }, Ie = { class: "flex gap-8 items-center justify-start" }, we = /* @__PURE__ */ Q({
+  __name: "PrintDepartmentDialog",
+  props: {
+    categorizedItems: {
+      type: Array,
+      required: !0
+    },
+    canApplyItems: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["onSave"],
+  setup(f, { expose: n, emit: y }) {
+    const N = f;
+    n({
+      showModal: R,
+      hideModal: V
+    });
+    function h() {
+      return {
+        _id: "",
+        name: "",
+        applyToItems: []
+      };
+    }
+    const b = k(!1), L = k(void 0);
+    function R(t) {
+      L.value = t ? H(t) : h(), l.value = H(L.value), b.value = !0;
+    }
+    function V() {
+      b.value = !1;
+    }
+    const l = k(h());
+    function x(t) {
+      l.value = {
+        ...l.value,
+        applyToItems: Object.keys(t)
+      };
+    }
+    function K(t) {
+      l.value = {
+        ...l.value,
+        applyToItems: l.value.applyToItems.filter((u) => u !== t)
+      };
+    }
+    const { t: r } = X(), S = p(() => l.value._id ? r("menu.print_route.department_dialog.update.title") : r("menu.print_route.department_dialog.add.title")), F = p(() => l.value._id ? r("menu.print_route.department_dialog.update.action") : r("menu.print_route.department_dialog.add.action")), O = p(() => l.value.applyToItems.length), $ = p(
+      () => l.value.applyToItems.reduce((t, u) => (t[u] = [], t), {})
+    ), e = k(""), o = p(() => {
+      const t = e.value.toLowerCase();
+      return N.categorizedItems.reduce((u, z) => {
+        const I = z.items.filter(
+          (A) => (!t || A.name.toLowerCase().includes(t)) && !!$.value[A._id]
+        );
+        return I.length && u.push({ ...z, items: I }), u;
+      }, []);
+    }), c = k();
+    function P() {
+      var t;
+      (t = c.value) == null || t.show($.value);
+    }
+    const T = y;
+    k();
+    const E = ce(
+      () => !me.isEqual(L.value, l.value),
+      () => {
+        b.value = !1;
+      }
+    );
+    function B() {
+      V(), T("onSave", l.value);
+    }
+    return (t, u) => {
+      const z = g("FmTextField"), I = g("FmButton"), A = g("FmSearch"), ee = g("FmSideSheet");
+      return d(), w(D, null, [
+        i(ee, {
+          modelValue: b.value,
+          "onUpdate:modelValue": u[2] || (u[2] = (v) => b.value = v),
+          header: S.value,
+          "max-width": 560,
+          "is-container": a(Z).FmForm,
+          "is-container-props": {
+            onValidationSuccess: B,
+            blameFormChildOnValidationFailed: !0,
+            class: "flex flex-col h-full"
+          },
+          "onOn:clickedAway": a(E)
+        }, {
+          "side-sheet-header": _(() => [
+            s("span", pe, M(S.value), 1)
+          ]),
+          "side-sheet-footer": _(() => [
+            s("div", Ie, [
+              i(I, {
+                label: F.value,
+                size: "lg",
+                variant: "primary",
+                type: "submit"
+              }, null, 8, ["label"]),
+              i(I, {
+                label: a(r)("menu.print_route.department_dialog.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: V
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: _(() => [
+            s("div", _e, [
+              i(J, {
+                title: a(r)("menu.print_route.department_dialog.sections.route_detail.title")
+              }, {
+                default: _(() => [
+                  i(z, {
+                    autofocus: "",
+                    modelValue: l.value.name,
+                    "onUpdate:modelValue": u[0] || (u[0] = (v) => l.value.name = v),
+                    rules: [
+                      (v) => !!v || a(r)("menu.print_route.department_dialog.sections.route_detail.name.required")
+                    ],
+                    label: a(r)("menu.print_route.department_dialog.sections.route_detail.name.label"),
+                    placeholder: a(r)("menu.print_route.department_dialog.sections.route_detail.name.placeholder")
+                  }, null, 8, ["modelValue", "rules", "label", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              f.canApplyItems ? (d(), U(J, {
+                key: 0,
+                title: a(r)("menu.print_route.department_dialog.sections.link_product.title")
+              }, {
+                "append-title": _(() => [
+                  i(I, {
+                    icon: "link",
+                    label: a(r)("menu.print_route.department_dialog.sections.link_product.link"),
+                    variant: "secondary",
+                    "text-color": "primary",
+                    "border-color": "primary",
+                    onClick: P
+                  }, null, 8, ["label"])
+                ]),
+                default: _(() => [
+                  s("div", fe, [
+                    s("div", ve, [
+                      s("div", ye, M(a(r)("menu.print_route.department_dialog.sections.link_product.products_linked", {
+                        count: O.value
+                      })), 1),
+                      s("div", ge, [
+                        i(A, {
+                          modelValue: e.value,
+                          "onUpdate:modelValue": u[1] || (u[1] = (v) => e.value = v),
+                          placeholder: a(r)("menu.print_route.department_dialog.sections.link_product.search")
+                        }, null, 8, ["modelValue", "placeholder"])
+                      ])
+                    ]),
+                    s("div", he, [
+                      (d(!0), w(D, null, Y(o.value, (v) => (d(), w("div", null, [
+                        s("div", be, M(v.name), 1),
+                        (d(!0), w(D, null, Y(v.items, (j) => (d(), w("div", ke, [
+                          s("div", xe, M(j.name), 1),
+                          s("div", Fe, [
+                            i(I, {
+                              icon: "delete",
+                              variant: "tertiary",
+                              "text-color": "neutral-gray-400",
+                              onClick: () => K(j._id)
+                            }, null, 8, ["onClick"])
+                          ])
+                        ]))), 256))
+                      ]))), 256))
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["title"])) : W("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]),
+        i(de, {
+          ref_key: "applyProductRef",
+          ref: c,
+          "can-select-variant": !1,
+          options: f.categorizedItems,
+          title: a(r)("menu.print_route.department_dialog.sections.link_product.title"),
+          onOnComplete: x
+        }, null, 8, ["options", "title"])
+      ], 64);
+    };
+  }
+});
+function Ce(f, n) {
+  return {
+    module: C.F_MENU_MODULE_V4_KEY.enum.printDepartment,
+    operation: q.F_OPERATION_TYPE.create,
+    data: C.FdoMenuPrintDepartment.parse(f),
+    link: n.map((y) => ({
+      module: C.F_MENU_MODULE_V4_KEY.enum.item,
+      id: y
+    }))
+  };
+}
+function Ve(f, n) {
+  return {
+    module: C.F_MENU_MODULE_V4_KEY.enum.printDepartment,
+    operation: q.F_OPERATION_TYPE.update,
+    data: C.FdoMenuPrintDepartment.parse(f),
+    link: n.map((y) => ({
+      module: C.F_MENU_MODULE_V4_KEY.enum.item,
+      id: y
+    }))
+  };
+}
+function Pe(f) {
+  return {
+    module: C.F_MENU_MODULE_V4_KEY.enum.printDepartment,
+    operation: q.F_OPERATION_TYPE.delete,
+    data: f._id
+  };
+}
+const Te = {
+  class: "flex flex-1 justify-end"
+}, Ee = {
+  class: "flex justify-end items-center"
+}, Me = {
+  class: "grow space-y-4"
+}, Le = {
+  class: "fm-typo-en-body-lg-600"
+}, Se = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ne = /* @__PURE__ */ Q({
+  __name: "PrintRoute",
+  setup(f) {
+    const {
+      t: n
+    } = X(), y = te(), N = p(() => y.categorizedRawMenuItems), h = p(() => {
+      const e = y.state.menu.modules.item;
+      return y.printDepartments.map((c) => ({
+        ...c,
+        applyToItems: e.reduce((P, T) => {
+          var E;
+          return (E = T.print) != null && E.department.includes(c._id) && P.push(T), P;
+        }, [])
+      }), []);
+    }), b = p(() => h.value.length > 0), L = p(() => [{
+      accessorKey: "name",
+      header: () => n("menu.print_route.table.columns.name"),
+      cell: (e) => e.getValue(),
+      enableSorting: !1
+    }, {
+      accessorKey: "applyToItems",
+      header: () => n("menu.print_route.table.columns.products"),
+      cell: (e) => {
+        const o = e.getValue();
+        return n("menu.print_route.table.columns.products_count", {
+          count: o.length
+        });
+      },
+      enableSorting: !1
+    }, {
+      accessorKey: "_id",
+      header: "",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      enableSorting: !1,
+      cell: (e) => m("div", {
+        class: "flex justify-end"
+      }, [m(Z.FmButton, {
+        icon: "delete",
+        textColor: "neutral-gray-400",
+        variant: "tertiary",
+        onClick: G(() => {
+          S(e.row.original);
+        }, ["stop", "prevent"])
+      })])
+    }]);
+    function R() {
+      var e;
+      x.value || (e = O.value) == null || e.showModal();
+    }
+    function V(e) {
+      var o;
+      x.value || (o = O.value) == null || o.showModal({
+        ...e,
+        applyToItems: e.applyToItems.map(({
+          _id: c
+        }) => c)
+      });
+    }
+    const l = ne(oe(ie())), x = p(() => l.checkMenuIsLoading());
+    async function K(e) {
+      const o = e._id ? Ve(e, e.applyToItems) : Ce(e, e.applyToItems);
+      await l.updateMenu(o, e.name);
+    }
+    const r = ue();
+    function S(e) {
+      let o = [m("span", n("menu.print_route.dialogs.remove.message.prefix")), m("span", {
+        class: "fm-typo-en-body-lg-600"
+      }, e.name), m("span", "?")];
+      e.applyToItems.length && (o = [m("span", n("menu.print_route.dialogs.remove.message.products_using")), m("span", {
+        class: "fm-typo-en-body-lg-600"
+      }, e.applyToItems.length), m("span", n("menu.print_route.dialogs.remove.message.products_count")), ...o, m("div", {
+        class: "mt-8 fm-typo-en-body-md-400"
+      }, e.applyToItems.map((c) => m("li", {
+        class: "mt-4"
+      }, c.name)))]), r.open({
+        title: n("menu.print_route.dialogs.remove.title"),
+        contentComponent: m("div", o),
+        primaryActions: {
+          text: n("menu.print_route.actions.remove"),
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: n("menu.print_route.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await l.updateMenu(Pe(e), e.name, !0);
+      });
+    }
+    const F = k(""), O = k(), $ = p(() => {
+      if (!F.value) return h.value;
+      const e = F.value.toLowerCase();
+      return h.value.filter((o) => o.name.toLowerCase().includes(e));
+    });
+    return (e, o) => {
+      const c = g("FmSearch"), P = g("FmTable"), T = g("FmButton"), E = g("FmListItem"), B = g("FmList");
+      return d(), U(ae, {
+        heading: a(n)("menu.print_route.title")
+      }, {
+        "append-heading": _(() => [s("div", Te, [b.value ? (d(), U(le, {
+          key: 0,
+          disabled: x.value,
+          icon: "add",
+          label: a(n)("menu.print_route.actions.add"),
+          variant: "primary",
+          onClick: R
+        }, null, 8, ["disabled", "label"])) : W("", !0)])]),
+        default: _(() => [b.value ? (d(), w(D, {
+          key: 1
+        }, [s("div", Ee, [i(c, {
+          autofocus: "",
+          modelValue: F.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (t) => F.value = t),
+          class: "my-8 w-[320px] xs:w-full xs:px-16",
+          placeholder: a(n)("menu.print_route.table.search.placeholder")
+        }, null, 8, ["modelValue", "placeholder"])]), i(se, {
+          class: "xs:hidden block"
+        }, {
+          default: _(() => [i(P, {
+            "column-defs": L.value,
+            loading: x.value,
+            "page-size": h.value.length,
+            "row-data": h.value,
+            "search-value": F.value,
+            shrinkAt: !1,
+            "hide-footer": "",
+            "pin-header-row": "",
+            onRowClick: o[1] || (o[1] = (t) => V(t.original))
+          }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
+          _: 1
+        }), i(B, {
+          class: "w-full px-16 xs:block hidden flex-1 min-h-0 overflow-scroll pb-64",
+          separator: ""
+        }, {
+          default: _(() => [(d(!0), w(D, null, Y($.value, (t) => (d(), U(E, {
+            key: t._id,
+            label: t.name,
+            style: {
+              padding: "12px 0 !important"
+            },
+            onClick: () => V(t)
+          }, {
+            default: _(() => [s("div", Me, [s("div", Le, M(t.name), 1), s("div", Se, M(a(n)("menu.print_route.table.mobile.products_linked", {
+              count: t.applyToItems.length
+            })), 1)]), i(T, {
+              disabled: x.value,
+              icon: "delete",
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              onClick: G(() => S(t), ["stop"])
+            }, null, 8, ["disabled", "onClick"])]),
+            _: 2
+          }, 1032, ["label", "onClick"]))), 128))]),
+          _: 1
+        })], 64)) : (d(), U(a(re), {
+          key: 0,
+          action: {
+            text: a(n)("menu.print_route.empty.action"),
+            callback: R
+          },
+          subtitle: a(n)("menu.print_route.empty.subtitle"),
+          title: a(n)("menu.print_route.empty.title")
+        }, null, 8, ["action", "subtitle", "title"])), i(we, {
+          ref_key: "printDepartmentRef",
+          ref: O,
+          "categorized-items": N.value,
+          onOnSave: K
+        }, null, 8, ["categorized-items"])]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Ne as default
+};

package/dist/{Product-Bnr9oFr2.js → Product-vLtISbkD.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Product.vue_vue_type_script_setup_true_lang-bBY54Q_1.js";
+import { _ as f } from "./Product.vue_vue_type_script_setup_true_lang-BHCihe6o.js";
 export {
   f as default
 };