@feedmepos/mf-menu-portal 1.0.4-dev.2 → 1.0.4-dev.4

package/dist/Subcategory-BIgjzVta.js

@@ -0,0 +1,459 @@
+import { defineComponent as ce, computed as g, ref as K, shallowRef as ne, h as ue, withModifiers as ie, onUnmounted as he, resolveComponent as y, openBlock as u, createBlock as h, unref as e, withCtx as v, createElementBlock as p, toDisplayString as f, createVNode as i, createElementVNode as c, Fragment as $, renderList as Q, createCommentVNode as _, mergeProps as re } from "vue";
+import { useI18n as ke } from "@feedmepos/mf-common";
+import { useDialog as xe, useBreakpoints as we, components as G, FmButtonVariant as Ce } from "@feedmepos/ui-library";
+import { _ as de } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Fe } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
+import { _ as Se } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { _ as Ve } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as Le } from "./useActionFeedback-Dm2HDa_2.js";
+import { u as Ue } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as De, u as Te, a as ze } from "./provide-CDmXzkhz.js";
+import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "flex items-center" }, Me = {
+  key: 0,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, Ne = {
+  key: 1,
+  "data-menu-state": "unavailable"
+}, $e = {
+  key: 4,
+  class: "flex-1 flex flex-col min-h-0"
+}, Oe = { class: "p-8" }, Ie = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Pe = ["onClick"], Re = { class: "min-w-0 flex-1 space-y-4" }, Ae = { class: "fm-typo-en-body-lg-600 break-words" }, qe = {
+  key: 0,
+  class: "fixed right-16 bottom-[72px] z-[100]"
+}, Ke = { class: "flex justify-end items-center" }, Qe = { class: "w-[320px]" }, Ge = { class: "fm-typo-en-title-md-600" }, He = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Je = { "data-testid": "subcategory-translation-button" }, We = { class: "py-12 px-16 space-y-4" }, Xe = { key: 0 }, Ye = { class: "flex gap-8 items-center justify-start" }, Ze = { class: "fm-typo-en-title-sm-600" }, ea = { class: "py-12 px-16 space-y-4" }, aa = { key: 0 }, ta = { class: "flex w-full gap-8 items-center justify-end px-0 pb-0" }, la = /* @__PURE__ */ ce({
+  __name: "SubcategoryList",
+  props: {
+    sdk: {}
+  },
+  setup(H) {
+    const b = H, { t: a, n: J } = ke(), O = De(), me = xe(), { run: I } = Le(), k = Te(b.sdk.subCategory.list), s = g(
+      () => k.value.status === "ready" ? k.value.value : null
+    ), x = K(!1), w = K(!1), T = K(!1), P = g(() => {
+      var t;
+      return ((t = s.value) == null ? void 0 : t.query) ?? "";
+    }), { breakpoints: ve } = we(), W = g(() => ve.value.xs), r = ne(
+      b.sdk.subCategory.editor()
+    ), C = ne(
+      r.value.get()
+    );
+    let R = r.value.subscribe(
+      (t) => C.value = t
+    );
+    const l = g(
+      () => C.value.status === "ready" ? C.value.value : null
+    ), z = Ue(() => r.value), E = g(
+      () => l.value ? z.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
+    );
+    function X(t) {
+      var n, m;
+      return ((m = (n = l.value) == null ? void 0 : n.supportedLocales.find(
+        (B) => B.code === t
+      )) == null ? void 0 : m.name) ?? t;
+    }
+    function Y(t) {
+      R(), r.value.dispose(), r.value = b.sdk.subCategory.editor(t), C.value = r.value.get(), R = r.value.subscribe(
+        (n) => C.value = n
+      );
+    }
+    function A() {
+      !s.value || s.value.create.state !== "allowed" || (Y(), T.value = !0);
+    }
+    function Z(t) {
+      Y(t.id), x.value = !0;
+    }
+    function j() {
+      x.value = !1, T.value = !1, w.value = !1;
+    }
+    function ee() {
+      var t;
+      ((t = l.value) == null ? void 0 : t.translation.state) === "allowed" && (r.value.beginTranslationEdit(), w.value = !0);
+    }
+    function pe() {
+      r.value.saveTranslationEdit(), w.value = !1;
+    }
+    function ae() {
+      r.value.discardTranslationEdit(), w.value = !1;
+    }
+    async function te() {
+      var F, M, S, V;
+      const t = (F = l.value) == null ? void 0 : F.mode, n = ((S = (M = l.value) == null ? void 0 : M.name) == null ? void 0 : S.trim()) ?? "", m = Object.keys(((V = l.value) == null ? void 0 : V.fieldIssues) ?? {}).length > 0;
+      t === "update" && !m && j(), (await I(
+        () => z.submit(() => r.value.submit()),
+        {
+          // A draft refused locally never reaches `submitting`: no spinner.
+          showLoading: () => {
+            var N;
+            return ((N = l.value) == null ? void 0 : N.status) === "submitting";
+          },
+          successMessage: t === "update" ? a("menu.subcategory.manager.dialog.update.success", { name: n }) : a("menu.subcategory.manager.dialog.add.success", { name: n })
+        }
+      )).kind === "success" ? j() : t === "update" && (x.value = !0);
+    }
+    function le(t) {
+      t.remove.state === "allowed" && me.open({
+        title: a("menu.subcategory.dialog.remove.title"),
+        message: a("menu.common.dialog.remove_confirmation", {
+          name: t.name
+        }),
+        primaryActions: {
+          text: a("menu.common.actions.remove"),
+          close: !0,
+          variant: Ce.Destructive
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await I(() => b.sdk.subCategory.remove(t.id), {
+          successMessage: a("menu.subcategory.dialog.remove.success", {
+            name: t.name
+          })
+        });
+      });
+    }
+    const be = g(() => {
+      var t;
+      return [...((t = s.value) == null ? void 0 : t.rows) ?? []];
+    }), ge = g(() => !s.value || s.value.reorder.state !== "allowed" ? !1 : () => !0);
+    function ye(t) {
+      !s.value || s.value.reorder.state !== "allowed" || I(
+        () => b.sdk.subCategory.reorder(t.map((n) => n.id)),
+        {
+          successMessage: a("menu.subcategory.rearrange.success")
+        }
+      );
+    }
+    const fe = g(() => [
+      {
+        accessorKey: "name",
+        header: () => a("menu.subcategory.columns.title"),
+        enableSorting: !1,
+        meta: { width: "auto" }
+      },
+      {
+        id: "actions",
+        size: 52,
+        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+        header: "",
+        cell: (t) => {
+          const n = t.row.original;
+          return ue("div", { class: "flex justify-end" }, [
+            ue(G.FmButton, {
+              icon: "delete",
+              disabled: n.remove.state !== "allowed",
+              variant: "tertiary",
+              textColor: "neutral-gray-400",
+              "aria-label": a("menu.subcategory.dialog.remove.title"),
+              onClick: ie(
+                () => le(t.row.original),
+                ["stop", "prevent"]
+              )
+            })
+          ]);
+        }
+      }
+    ]);
+    return he(() => {
+      b.sdk.subCategory.search(""), R(), r.value.dispose();
+    }), (t, n) => {
+      const m = y("FmButton"), B = y("FmCircularProgress"), F = y("FmSearch"), M = y("FmTable"), S = y("FmTooltip"), V = y("FmTextField"), N = y("FmSideSheet"), _e = y("FmDialog");
+      return u(), h(Se, {
+        heading: e(a)("menu.subcategory.title")
+      }, {
+        "append-heading": v(() => {
+          var L;
+          return [
+            c("div", je, [
+              c("div", Be, [
+                i(Fe, {
+                  value: e(J)(((L = s.value) == null ? void 0 : L.totalCount) ?? 0)
+                }, null, 8, ["value"])
+              ]),
+              s.value && s.value.totalCount > 0 && !W.value ? (u(), h(m, {
+                key: 0,
+                disabled: s.value.create.state !== "allowed",
+                label: e(a)("menu.subcategory.add"),
+                "prepend-icon": "add",
+                onClick: A
+              }, null, 8, ["disabled", "label"])) : _("", !0)
+            ])
+          ];
+        }),
+        default: v(() => {
+          var L, oe, se;
+          return [
+            e(k).status === "error" ? (u(), p("p", Me, f(e(O)(e(k).error.message)), 1)) : e(k).status === "unavailable" ? (u(), p("div", Ne, [
+              i(e(de), {
+                title: e(a)("menu.subcategory.empty.title"),
+                subtitle: e(a)("menu.subcategory.empty.subtitle")
+              }, null, 8, ["title", "subtitle"])
+            ])) : e(k).status === "loading" ? (u(), h(B, { key: 2 })) : s.value && s.value.rows.length === 0 && !P.value ? (u(), h(e(de), {
+              key: 3,
+              action: s.value.create.state === "allowed" ? { text: e(a)("menu.subcategory.add"), callback: A } : void 0,
+              subtitle: e(a)("menu.subcategory.empty.subtitle"),
+              title: e(a)("menu.subcategory.empty.title")
+            }, null, 8, ["action", "subtitle", "title"])) : s.value && W.value ? (u(), p("div", $e, [
+              c("div", Oe, [
+                i(F, {
+                  autofocus: "",
+                  class: "w-full",
+                  "model-value": P.value,
+                  placeholder: e(a)("menu.common.labels.search_placeholder", {
+                    type: e(a)("menu.subcategory.title")
+                  }),
+                  "onUpdate:modelValue": b.sdk.subCategory.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+              ]),
+              c("div", Ie, [
+                (u(!0), p($, null, Q(s.value.rows, (o) => (u(), p("div", {
+                  key: o.id,
+                  class: "flex flex-row py-12 px-16",
+                  onClick: (d) => Z(o)
+                }, [
+                  c("div", Re, [
+                    c("p", Ae, f(o.name), 1)
+                  ]),
+                  i(m, {
+                    class: "shrink-0",
+                    "aria-label": e(a)("menu.subcategory.dialog.remove.title"),
+                    disabled: o.remove.state !== "allowed",
+                    "prepend-icon": "delete",
+                    "text-color": "neutral-gray-400",
+                    variant: "tertiary",
+                    onClick: ie((d) => le(o), ["stop"])
+                  }, null, 8, ["aria-label", "disabled", "onClick"])
+                ], 8, Pe))), 128))
+              ]),
+              s.value.totalCount > 0 ? (u(), p("div", qe, [
+                i(m, {
+                  disabled: s.value.create.state !== "allowed",
+                  label: e(a)("menu.subcategory.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: A
+                }, null, 8, ["disabled", "label"])
+              ])) : _("", !0)
+            ])) : s.value ? (u(), p($, { key: 5 }, [
+              c("div", Ke, [
+                c("div", Qe, [
+                  i(F, {
+                    autofocus: "",
+                    class: "mb-8",
+                    "model-value": P.value,
+                    placeholder: e(a)("menu.common.labels.search_placeholder", {
+                      type: e(a)("menu.subcategory.title")
+                    }),
+                    "onUpdate:modelValue": b.sdk.subCategory.search
+                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+                ])
+              ]),
+              i(M, {
+                class: "subcategory-table",
+                "column-defs": fe.value,
+                draggable: ge.value,
+                "page-size": s.value.rows.length,
+                "row-data": be.value,
+                "shrink-at": !1,
+                "hide-footer": "",
+                "pin-header-row": "",
+                onDndChanged: ye,
+                onRowClick: n[0] || (n[0] = (o) => Z(o.original))
+              }, null, 8, ["column-defs", "draggable", "page-size", "row-data"])
+            ], 64)) : _("", !0),
+            ((L = l.value) == null ? void 0 : L.mode) === "update" ? (u(), h(N, {
+              key: 6,
+              modelValue: x.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => x.value = o),
+              "is-container": e(G).FmForm,
+              "is-container-props": { onValidationSuccess: te },
+              "max-width": 560,
+              "z-index": 100
+            }, {
+              "side-sheet-header": v(() => {
+                var o;
+                return [
+                  c("p", Ge, f(((o = l.value) == null ? void 0 : o.mode) === "update" ? e(a)("menu.subcategory.title") : e(a)("menu.subcategory.manager.dialog.add.title")), 1)
+                ];
+              }),
+              "side-sheet-footer": v(() => {
+                var o, d;
+                return [
+                  c("div", Ye, [
+                    i(m, {
+                      disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
+                      label: ((d = l.value) == null ? void 0 : d.mode) === "update" ? e(a)("menu.subcategory.manager.dialog.update.action") : e(a)("menu.subcategory.manager.dialog.add.action"),
+                      size: "lg",
+                      type: "submit",
+                      variant: "primary"
+                    }, null, 8, ["disabled", "label"]),
+                    i(m, {
+                      label: e(a)("menu.common.actions.cancel"),
+                      size: "lg",
+                      variant: "tertiary",
+                      onClick: j
+                    }, null, 8, ["label"])
+                  ])
+                ];
+              }),
+              default: v(() => {
+                var o;
+                return [
+                  c("div", He, [
+                    i(V, re({
+                      "error-messages": E.value ? [e(O)(E.value)] : [],
+                      label: e(a)("menu.subcategory.name"),
+                      "model-value": ((o = l.value) == null ? void 0 : o.name) ?? "",
+                      placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder")
+                    }, e(z).field("name", r.value.setName)), {
+                      append: v(() => [
+                        c("div", Je, [
+                          i(S, {
+                            variant: "plain",
+                            placement: "top",
+                            "z-index": 999
+                          }, {
+                            content: v(() => {
+                              var d, U;
+                              return [
+                                c("div", We, [
+                                  Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (u(), p("div", Xe, f(e(a)("menu.common.translation.translation_label")), 1)) : _("", !0),
+                                  (u(!0), p($, null, Q((U = l.value) == null ? void 0 : U.nameLocale, (q, D) => (u(), p("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
+                                    value: q,
+                                    locale: X(D)
+                                  })), 1))), 128))
+                                ])
+                              ];
+                            }),
+                            default: v(() => {
+                              var d;
+                              return [
+                                i(m, {
+                                  icon: "g_translate",
+                                  "aria-label": e(a)("menu.common.translation.translation_label"),
+                                  variant: "tertiary",
+                                  disabled: ((d = l.value) == null ? void 0 : d.translation.state) !== "allowed",
+                                  onClick: ee
+                                }, null, 8, ["aria-label", "disabled"])
+                              ];
+                            }),
+                            _: 1
+                          })
+                        ])
+                      ]),
+                      _: 1
+                    }, 16, ["error-messages", "label", "model-value", "placeholder"])
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["modelValue", "is-container", "is-container-props"])) : _("", !0),
+            ((oe = l.value) == null ? void 0 : oe.mode) === "update" || ((se = l.value) == null ? void 0 : se.mode) === "create" ? (u(), h(Ve, {
+              key: 7,
+              "model-value": w.value,
+              "onUpdate:modelValue": n[2] || (n[2] = (o) => o || ae()),
+              name: l.value.name,
+              "name-locale": l.value.nameLocale,
+              "supported-locales": l.value.supportedLocales,
+              dirty: l.value.translationDirty,
+              "z-index": 200,
+              "onUpdate:name": r.value.setName,
+              "onUpdate:nameLocale": r.value.setNameLocale,
+              onSave: pe,
+              onDiscard: ae
+            }, null, 8, ["model-value", "name", "name-locale", "supported-locales", "dirty", "onUpdate:name", "onUpdate:nameLocale"])) : _("", !0),
+            i(_e, {
+              modelValue: T.value,
+              "onUpdate:modelValue": n[3] || (n[3] = (o) => T.value = o),
+              "is-component": e(G).FmForm,
+              "is-component-props": { onValidationSuccess: te },
+              "max-width": 560
+            }, {
+              "dialog-header": v(() => [
+                c("p", Ze, f(e(a)("menu.subcategory.manager.dialog.add.title")), 1)
+              ]),
+              "dialog-footer": v(() => {
+                var o;
+                return [
+                  c("div", ta, [
+                    i(m, {
+                      label: e(a)("menu.common.actions.cancel"),
+                      variant: "tertiary",
+                      onClick: j
+                    }, null, 8, ["label"]),
+                    i(m, {
+                      disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
+                      label: e(a)("menu.subcategory.manager.dialog.add.action"),
+                      type: "submit",
+                      variant: "primary"
+                    }, null, 8, ["disabled", "label"])
+                  ])
+                ];
+              }),
+              default: v(() => {
+                var o;
+                return [
+                  i(V, re({
+                    autofocus: "",
+                    "error-messages": E.value ? [e(O)(E.value)] : [],
+                    label: e(a)("menu.subcategory.name"),
+                    "model-value": ((o = l.value) == null ? void 0 : o.name) ?? "",
+                    placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder")
+                  }, e(z).field("name", r.value.setName)), {
+                    append: v(() => [
+                      i(S, {
+                        variant: "plain",
+                        placement: "top",
+                        "z-index": 999
+                      }, {
+                        content: v(() => {
+                          var d, U;
+                          return [
+                            c("div", ea, [
+                              Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (u(), p("div", aa, f(e(a)("menu.common.translation.translation_label")), 1)) : _("", !0),
+                              (u(!0), p($, null, Q((U = l.value) == null ? void 0 : U.nameLocale, (q, D) => (u(), p("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
+                                value: q,
+                                locale: X(D)
+                              })), 1))), 128))
+                            ])
+                          ];
+                        }),
+                        default: v(() => {
+                          var d;
+                          return [
+                            i(m, {
+                              icon: "g_translate",
+                              "aria-label": e(a)("menu.common.translation.translation_label"),
+                              variant: "tertiary",
+                              disabled: ((d = l.value) == null ? void 0 : d.translation.state) !== "allowed",
+                              onClick: ee
+                            }, null, 8, ["aria-label", "disabled"])
+                          ];
+                        }),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 16, ["error-messages", "label", "model-value", "placeholder"])
+                ];
+              }),
+              _: 1
+            }, 8, ["modelValue", "is-component", "is-component-props"])
+          ];
+        }),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), oa = /* @__PURE__ */ Ee(la, [["__scopeId", "data-v-98d71a60"]]), ga = /* @__PURE__ */ ce({
+  __name: "Subcategory",
+  setup(H) {
+    const b = ze();
+    return (a, J) => (u(), h(oa, { sdk: e(b) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  ga as default
+};

package/dist/{Takeaway-sVVykWDg.js → Takeaway-CekhGM-m.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, openBlock as n, createBlock as r, unref as a } from "vue";
-import { _ as s } from "./TakeawayList.vue_vue_type_script_setup_true_lang-CV24v8Zg.js";
-import { a as t } from "./provide-BJRbSauL.js";
+import { _ as s } from "./TakeawayList.vue_vue_type_script_setup_true_lang-CaRR4_j3.js";
+import { a as t } from "./provide-CDmXzkhz.js";
 const k = /* @__PURE__ */ o({
   __name: "Takeaway",
   setup(_) {

package/dist/{Takeaway-tYHCAXYU.js → Takeaway-aXsPg4JT.js}

@@ -1,11 +1,11 @@
 import { defineComponent as m, resolveComponent as i, openBlock as s, createBlock as c, unref as a, withCtx as t, createVNode as e } from "vue";
 import { RouterLink as p } from "vue-router";
 import { useI18n as _ } from "@feedmepos/mf-common";
-import { _ as l } from "./TakeawayList.vue_vue_type_script_setup_true_lang-CV24v8Zg.js";
-import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-4EZ4yM_N.js";
-import { R as u } from "./app-CmElp8cO.js";
-import { a as f } from "./provide-BJRbSauL.js";
-import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-Cy2culdR.js";
+import { _ as l } from "./TakeawayList.vue_vue_type_script_setup_true_lang-CaRR4_j3.js";
+import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-Bk4FqVmx.js";
+import { R as u } from "./app-BWwwHsWi.js";
+import { a as f } from "./provide-CDmXzkhz.js";
+import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BmG-xpW4.js";
 const A = /* @__PURE__ */ m({
   __name: "Takeaway",
   setup(g) {

package/dist/{TakeawayList.vue_vue_type_script_setup_true_lang-CV24v8Zg.js → TakeawayList.vue_vue_type_script_setup_true_lang-CaRR4_j3.js}

@@ -2,13 +2,13 @@ import { defineComponent as Ve, computed as c, ref as B, shallowRef as te, h as
 import { useI18n as ze } from "@feedmepos/mf-common";
 import { useDialog as Ee, components as z, FmButtonVariant as Ne } from "@feedmepos/ui-library";
 import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as De } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CR99740r.js";
-import { _ as le } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { _ as De } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js";
+import { _ as le } from "./vuedraggable-CBtQLb_S.js";
 import { _ as Ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
 import { _ as Ie } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as Ke } from "./useActionFeedback-89GwO41T.js";
+import { u as Ke } from "./useActionFeedback-Dm2HDa_2.js";
 import { u as Me } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Re, u as ne } from "./provide-BJRbSauL.js";
+import { b as Re, u as ne } from "./provide-CDmXzkhz.js";
 import { v as Qe } from "./tableSemantics-C9WFO_I_.js";
 const je = {
   key: 0,