@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/Subcategory-Cgy9CQCz.js

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

package/dist/Takeaway-Bpo9XA-j.js

@@ -0,0 +1,48 @@
+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-C7KexF7H.js";
+import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-BSMAIkQ2.js";
+import { R as u } from "./app-Bd7W2PYm.js";
+import { a as f } from "./provide-Tmjfji09.js";
+import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-OshqaPTE.js";
+const A = /* @__PURE__ */ m({
+  __name: "Takeaway",
+  setup(g) {
+    const o = f(), { t: n } = _();
+    return (b, h) => {
+      const r = i("FmButton");
+      return s(), c(l, {
+        "catalog-page": "",
+        sdk: a(o)
+      }, {
+        "prepend-heading": t(() => [
+          e(a(p), {
+            to: { name: a(u).CATALOG },
+            class: "mr-8",
+            title: a(n)("menu.catalog.edit.back")
+          }, {
+            default: t(() => [
+              e(r, {
+                "prepend-icon": "arrow_back",
+                variant: "tertiary",
+                "aria-label": a(n)("menu.catalog.edit.back")
+              }, null, 8, ["aria-label"])
+            ]),
+            _: 1
+          }, 8, ["to", "title"])
+        ]),
+        navigation: t(() => [
+          e(k)
+        ]),
+        "append-heading": t(() => [
+          e(d, { sdk: a(o) }, null, 8, ["sdk"])
+        ]),
+        _: 1
+      }, 8, ["sdk"]);
+    };
+  }
+});
+export {
+  A as default
+};

package/dist/Takeaway-DO2dmFGP.js

@@ -0,0 +1,13 @@
+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-C7KexF7H.js";
+import { a as t } from "./provide-Tmjfji09.js";
+const k = /* @__PURE__ */ o({
+  __name: "Takeaway",
+  setup(_) {
+    const e = t();
+    return (c, m) => (n(), r(s, { sdk: a(e) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  k as default
+};