@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/{ServingSequence-CDFXMCiN.js → ServingSequence-B26BETQs.js}

@@ -1,38 +1,36 @@
-import { defineComponent as R, computed as u, ref as ue, shallowRef as $, h as j, withModifiers as A, onUnmounted as re, resolveComponent as b, openBlock as i, createBlock as k, unref as s, withCtx as h, createElementBlock as g, toDisplayString as q, Fragment as L, createElementVNode as v, createVNode as p, renderList as ce, createCommentVNode as w, mergeProps as de } from "vue";
+import { defineComponent as R, computed as u, ref as ue, shallowRef as U, h as j, withModifiers as A, onUnmounted as re, resolveComponent as b, openBlock as i, createBlock as _, unref as s, withCtx as k, createElementBlock as y, toDisplayString as q, Fragment as L, createElementVNode as v, createVNode as p, renderList as ce, createCommentVNode as w, mergeProps as de } from "vue";
 import { useI18n as me, ItemSelector as ve } from "@feedmepos/mf-common";
-import { useDialog as pe, useBreakpoints as ge, components as P, FmButtonVariant as _e } from "@feedmepos/ui-library";
-import { _ as fe } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as be } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as ke } from "./useActionFeedback-CXx7dOVc.js";
-import { u as ye } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as he, u as T, a as xe } from "./provide-Bwf3KcOV.js";
-const qe = {
+import { useDialog as pe, useBreakpoints as _e, components as P, FmButtonVariant as ge } from "@feedmepos/ui-library";
+import { _ as fe } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as be } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as ke } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { u as ye } from "./useActionFeedback-CElXij1W.js";
+import { u as he } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as xe, u as T, a as qe } from "./provide-BGLSDsuJ.js";
+const we = {
   key: 0,
   class: "flex-1 flex justify-end gap-8 pl-8"
-}, we = {
+}, Se = {
   key: 0,
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, Se = { class: "flex justify-end items-center" }, Ce = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Fe = {
+}, Ce = { class: "flex justify-end items-center" }, Fe = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Ie = {
   key: 1,
   class: "flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Ie = ["onClick"], Ve = { class: "min-w-0 flex-1 space-y-4" }, ze = { class: "fm-typo-en-body-lg-600 break-words" }, De = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Ee = {
-  key: 2,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, Me = { class: "fm-typo-en-title-md-600" }, Be = { class: "space-y-32 flex flex-col h-full" }, Ne = { class: "flex gap-8 items-center justify-start" }, Ke = /* @__PURE__ */ R({
+}, Ve = ["onClick"], ze = { class: "min-w-0 flex-1 space-y-4" }, De = { class: "fm-typo-en-body-lg-600 break-words" }, Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Me = { class: "fm-typo-en-title-md-600" }, Be = { class: "space-y-32 flex flex-col h-full" }, Ne = { class: "flex gap-8 items-center justify-start" }, Ke = /* @__PURE__ */ R({
   __name: "ServingSequenceList",
   props: {
     sdk: {}
   },
   setup(D) {
-    const c = D, { t: a } = me(), S = he(), O = pe(), { run: C } = ke(), _ = T(
+    const c = D, { t: a } = me(), S = xe(), O = pe(), { run: C } = ye(), g = T(
       c.sdk.servingSequence.list
     ), o = u(
-      () => _.value.status === "ready" ? _.value.value : null
+      () => g.value.status === "ready" ? g.value.value : null
     ), E = u(() => {
       var e;
       return ((e = o.value) == null ? void 0 : e.query) ?? "";
-    }), { breakpoints: G } = ge(), F = u(() => G.value.xs), Q = u(() => {
+    }), { breakpoints: G } = _e(), F = u(() => G.value.xs), Q = u(() => {
       var e;
       return [...((e = o.value) == null ? void 0 : e.rows) ?? []];
     }), f = ue(!1), M = T(
@@ -88,22 +86,22 @@ const qe = {
         }))
       );
     }
-    const r = $(
+    const r = U(
       c.sdk.servingSequence.editor()
-    ), y = $(
+    ), h = U(
       r.value.get()
     );
     let I = r.value.subscribe((e) => {
-      y.value = e;
+      h.value = e;
     });
     const d = u(
-      () => y.value.status === "ready" ? y.value.value : null
-    ), V = ye(() => r.value), B = u(
+      () => h.value.status === "ready" ? h.value.value : null
+    ), V = he(() => r.value), B = u(
       () => d.value ? V.issue(d.value.fieldIssues, "name") ?? d.value.nameIssue : null
     );
     function N(e) {
-      I(), r.value.dispose(), r.value = c.sdk.servingSequence.editor(e), y.value = r.value.get(), I = r.value.subscribe((t) => {
-        y.value = t;
+      I(), r.value.dispose(), r.value = c.sdk.servingSequence.editor(e), h.value = r.value.get(), I = r.value.subscribe((t) => {
+        h.value = t;
       });
     }
     function z() {
@@ -129,7 +127,7 @@ const qe = {
         }
       )).kind === "success" && (f.value = !1);
     }
-    function U(e) {
+    function $(e) {
       e.remove.state === "allowed" && O.open({
         title: a("menu.serving_sequence.delete.title"),
         message: a("menu.serving_sequence.delete.message", {
@@ -138,7 +136,7 @@ const qe = {
         primaryActions: {
           text: a("menu.serving_sequence.delete.confirm"),
           close: !0,
-          variant: _e.Destructive
+          variant: ge.Destructive
         },
         secondaryActions: {
           text: a("menu.common.actions.cancel"),
@@ -212,7 +210,7 @@ const qe = {
             disabled: e.row.original.remove.state !== "allowed",
             "aria-label": a("menu.common.actions.delete"),
             onClick: A(
-              () => U(e.row.original),
+              () => $(e.row.original),
               ["stop", "prevent"]
             )
           })
@@ -223,13 +221,13 @@ const qe = {
       I(), r.value.dispose(), c.sdk.servingSequence.search("");
     }), (e, t) => {
       const n = b("FmButton"), m = b("FmCircularProgress"), ne = b("FmSearch"), le = b("FmTable"), oe = b("FmTextField"), ie = b("FmSideSheet");
-      return i(), k(be, {
+      return i(), _(ke, {
         "data-visual-root": "serveSequence",
         heading: s(a)("menu.serving_sequence.title")
       }, {
-        "append-heading": h(() => [
-          s(_).status === "ready" && o.value ? (i(), g("div", qe, [
-            o.value.totalCount > 0 && !F.value ? (i(), k(n, {
+        "append-heading": k(() => [
+          s(g).status === "ready" && o.value ? (i(), y("div", we, [
+            o.value.totalCount > 0 && !F.value ? (i(), _(n, {
               key: 0,
               disabled: o.value.create.state !== "allowed",
               label: s(a)("menu.serving_sequence.add"),
@@ -238,15 +236,16 @@ const qe = {
             }, null, 8, ["disabled", "label"])) : w("", !0)
           ])) : w("", !0)
         ]),
-        default: h(() => [
-          s(_).status === "error" ? (i(), g("p", we, q(s(S)(s(_).error.message)), 1)) : s(_).status === "loading" ? (i(), k(m, { key: 1 })) : o.value && o.value.rows.length === 0 && !E.value ? (i(), k(s(fe), {
+        default: k(() => [
+          s(g).status === "error" ? (i(), y("p", Se, q(s(S)(s(g).error.message)), 1)) : s(g).status === "loading" ? (i(), _(m, { key: 1 })) : o.value && o.value.rows.length === 0 && !E.value ? (i(), _(s(be), {
             key: 2,
+            class: "xs:pt-24",
             action: { text: s(a)("menu.serving_sequence.add"), callback: z },
             title: s(a)("menu.serving_sequence.empty.title"),
             subtitle: s(a)("menu.serving_sequence.empty.subtitle")
-          }, null, 8, ["action", "title", "subtitle"])) : o.value ? (i(), g(L, { key: 3 }, [
-            v("div", Se, [
-              v("div", Ce, [
+          }, null, 8, ["action", "title", "subtitle"])) : o.value ? (i(), y(L, { key: 3 }, [
+            v("div", Ce, [
+              v("div", Fe, [
                 p(ne, {
                   autofocus: "",
                   class: "mb-8",
@@ -256,15 +255,15 @@ const qe = {
                 }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
               ])
             ]),
-            F.value ? (i(), g("div", Fe, [
-              (i(!0), g(L, null, ce(o.value.rows, (l) => (i(), g("div", {
+            F.value ? (i(), y("div", Ie, [
+              (i(!0), y(L, null, ce(o.value.rows, (l) => (i(), y("div", {
                 key: l.id,
                 class: "py-12 px-16 flex space-x-8 items-center",
                 onClick: (x) => K(l)
               }, [
-                v("div", Ve, [
-                  v("p", ze, q(l.name), 1),
-                  v("p", De, q(s(a)("menu.common.labels.products_linked", {
+                v("div", ze, [
+                  v("p", De, q(l.name), 1),
+                  v("p", Ee, q(s(a)("menu.common.labels.products_linked", {
                     count: l.linkedItemCount
                   })), 1)
                 ]),
@@ -275,10 +274,10 @@ const qe = {
                   "prepend-icon": "delete",
                   "text-color": "neutral-gray-400",
                   variant: "tertiary",
-                  onClick: A((x) => U(l), ["stop"])
+                  onClick: A((x) => $(l), ["stop"])
                 }, null, 8, ["aria-label", "disabled", "onClick"])
-              ], 8, Ie))), 128))
-            ])) : (i(), k(le, {
+              ], 8, Ve))), 128))
+            ])) : (i(), _(le, {
               key: 0,
               "column-defs": te.value,
               "hide-footer": "",
@@ -290,15 +289,18 @@ const qe = {
               onRowClick: t[0] || (t[0] = (l) => K(l.original)),
               onDndChanged: se
             }, null, 8, ["column-defs", "page-size", "row-data", "draggable"])),
-            o.value.totalCount > 0 && F.value ? (i(), g("div", Ee, [
-              p(n, {
-                disabled: o.value.create.state !== "allowed",
-                label: s(a)("menu.serving_sequence.add"),
-                "prepend-icon": "add",
-                variant: "fab",
-                onClick: z
-              }, null, 8, ["disabled", "label"])
-            ])) : w("", !0)
+            o.value.totalCount > 0 && F.value ? (i(), _(fe, { key: 2 }, {
+              default: k(() => [
+                p(n, {
+                  disabled: o.value.create.state !== "allowed",
+                  label: s(a)("menu.serving_sequence.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: z
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : w("", !0)
           ], 64)) : w("", !0),
           p(ie, {
             modelValue: f.value,
@@ -307,13 +309,13 @@ const qe = {
             "is-container-props": { onValidationSuccess: ee },
             "max-width": 560
           }, {
-            "side-sheet-header": h(() => {
+            "side-sheet-header": k(() => {
               var l;
               return [
                 v("p", Me, q(((l = d.value) == null ? void 0 : l.mode) === "update" ? s(a)("menu.serving_sequence.update") : s(a)("menu.serving_sequence.add")), 1)
               ];
             }),
-            "side-sheet-footer": h(() => {
+            "side-sheet-footer": k(() => {
               var l, x;
               return [
                 v("div", Ne, [
@@ -328,12 +330,12 @@ const qe = {
                     label: s(a)("menu.common.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
-                    onClick: t[1] || (t[1] = (Ue) => f.value = !1)
+                    onClick: t[1] || (t[1] = ($e) => f.value = !1)
                   }, null, 8, ["label"])
                 ])
               ];
             }),
-            default: h(() => {
+            default: k(() => {
               var l;
               return [
                 v("div", Be, [
@@ -362,13 +364,13 @@ const qe = {
       }, 8, ["heading"]);
     };
   }
-}), Ge = /* @__PURE__ */ R({
+}), Qe = /* @__PURE__ */ R({
   __name: "ServingSequence",
   setup(D) {
-    const c = xe();
-    return (a, S) => (i(), k(Ke, { sdk: s(c) }, null, 8, ["sdk"]));
+    const c = qe();
+    return (a, S) => (i(), _(Ke, { sdk: s(c) }, null, 8, ["sdk"]));
   }
 });
 export {
-  Ge as default
+  Qe as default
 };

package/dist/Setting-DBdNl3WL.js

@@ -0,0 +1,185 @@
+import { defineComponent as x, computed as A, onUnmounted as R, resolveComponent as r, openBlock as o, createBlock as i, unref as e, withCtx as m, createVNode as l, createElementVNode as d, createElementBlock as c, Fragment as C, renderList as F, createCommentVNode as p, toDisplayString as L } from "vue";
+import { RouterLink as N, useRouter as O, useRoute as G } from "vue-router";
+import { useI18n as W } from "@feedmepos/mf-common";
+import { _ as S } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as E } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-CMyubLvP.js";
+import { _ as j } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as D } from "./SubItemTaxSwitch.vue_vue_type_script_setup_true_lang-DIFXPxna.js";
+import { u as P } from "./useActionFeedback-CElXij1W.js";
+import { R as V } from "./app-CxJjx2ma.js";
+import { a as $, u as q } from "./provide-BGLSDsuJ.js";
+import { _ as z } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CraEwqCY.js";
+import { _ as H } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-Dc72SNpI.js";
+const J = {
+  class: "pt-16 xs:flex-1 xs:overflow-scroll xs:px-16 xs:py-16",
+  "data-test": "catalog-setting-body"
+}, K = {
+  key: 0,
+  class: "max-w-[752px] space-y-32"
+}, Q = {
+  key: 0,
+  class: "pl-32 space-x-8"
+}, X = { class: "space-y-16" }, Y = { class: "grid" }, Z = { class: "flex items-center gap-12 translate-x-px" }, ee = { class: "fm-typo-en-body-lg-400" }, te = {
+  key: 1,
+  class: "max-w-[752px] pt-40 flex justify-end"
+}, ae = /* @__PURE__ */ x({
+  __name: "MainSetting",
+  setup(b) {
+    const u = $(), { t } = W(), { run: _ } = P(), n = u.menuSetting.masterCatalogConfiguration(), g = q(n), a = A(
+      () => g.value.status === "ready" ? g.value.value : null
+    );
+    R(() => n.dispose());
+    async function y() {
+      await _(() => n.submit(), {
+        showLoading: () => {
+          var v;
+          return ((v = a.value) == null ? void 0 : v.status) === "submitting";
+        },
+        successMessage: t("menu.catalog.main_updated")
+      });
+    }
+    return (v, k) => {
+      const h = r("FmButton"), w = r("FmRadio"), U = r("FmRadioGroup"), I = r("FmCheckbox"), M = r("FmSwitch"), T = r("FmIcon"), B = r("FmCard");
+      return o(), i(j, {
+        class: "xs:overflow-hidden",
+        heading: e(t)("menu.common.labels.main")
+      }, {
+        "prepend-heading": m(() => [
+          l(e(N), {
+            to: { name: e(V).CATALOG },
+            class: "mr-8",
+            title: e(t)("menu.catalog.edit.back")
+          }, {
+            default: m(() => [
+              l(h, {
+                "prepend-icon": "arrow_back",
+                variant: "tertiary",
+                "aria-label": e(t)("menu.catalog.edit.back")
+              }, null, 8, ["aria-label"])
+            ]),
+            _: 1
+          }, 8, ["to", "title"])
+        ]),
+        "append-heading": m(() => [
+          l(E, { sdk: e(u) }, null, 8, ["sdk"])
+        ]),
+        default: m(() => [
+          l(z),
+          d("div", J, [
+            a.value ? (o(), c("div", K, [
+              l(S, {
+                label: e(t)("menu.setting.tax.title")
+              }, {
+                default: m(() => [
+                  l(U, {
+                    "model-value": a.value.taxMode,
+                    "onUpdate:modelValue": k[0] || (k[0] = (s) => e(n).setTaxMode(s))
+                  }, {
+                    default: m(() => [
+                      l(w, {
+                        value: "automatic",
+                        label: e(t)("menu.setting.tax.modes.auto.label"),
+                        sublabel: e(t)("menu.setting.tax.modes.auto.sublabel")
+                      }, null, 8, ["label", "sublabel"]),
+                      l(w, {
+                        value: "manual",
+                        label: e(t)("menu.setting.tax.modes.manual.label"),
+                        sublabel: e(t)("menu.setting.tax.modes.manual.sublabel")
+                      }, null, 8, ["label", "sublabel"])
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"]),
+                  a.value.taxMode === "manual" ? (o(), c("div", Q, [
+                    (o(!0), c(C, null, F(a.value.taxSystems, (s) => (o(), i(I, {
+                      key: s.systemCode,
+                      "model-value": s.inclusive,
+                      value: !0,
+                      label: e(t)("menu.setting.tax.inclusive", { code: s.systemCode }),
+                      "onUpdate:modelValue": (f) => e(n).setTaxInclusive(s.systemCode, !!f)
+                    }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                  ])) : p("", !0)
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              a.value.subItemOwnTax !== null ? (o(), i(D, {
+                key: 0,
+                "model-value": a.value.subItemOwnTax,
+                "onUpdate:modelValue": e(n).setSubItemOwnTax
+              }, null, 8, ["model-value", "onUpdate:modelValue"])) : p("", !0),
+              a.value.statutoryChargeWaivers.length > 0 ? (o(), i(S, {
+                key: 1,
+                label: e(t)("menu.catalog.form.statutory_charges.title")
+              }, {
+                default: m(() => [
+                  d("div", X, [
+                    (o(!0), c(C, null, F(a.value.statutoryChargeWaivers, (s) => (o(), i(M, {
+                      key: s.code,
+                      "model-value": s.waived,
+                      label: e(t)("menu.catalog.form.statutory_charges.waive", {
+                        name: s.name
+                      }),
+                      sublabel: e(t)("menu.menu_setting.statutory_charges.sublabel"),
+                      "label-placement": "right",
+                      "onUpdate:modelValue": (f) => e(n).setStatutoryChargeWaived(s.code, f)
+                    }, null, 8, ["model-value", "label", "sublabel", "onUpdate:modelValue"]))), 128))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["label"])) : p("", !0),
+              d("div", Y, [
+                l(B, { class: "px-24 py-16 bg-fm-color-system-warning-100 border-none" }, {
+                  default: m(() => [
+                    d("div", Z, [
+                      l(T, {
+                        name: "warning",
+                        class: "text-fm-color-system-warning-300"
+                      }),
+                      d("p", ee, L(e(t)("menu.setting.catalog.warnings.delivery")), 1)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])
+            ])) : p("", !0),
+            a.value ? (o(), c("div", te, [
+              l(h, {
+                label: e(t)("menu.common.actions.save"),
+                disabled: a.value.submit.state !== "allowed",
+                loading: a.value.status === "submitting",
+                onClick: y
+              }, null, 8, ["label", "disabled", "loading"])
+            ])) : p("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), oe = /* @__PURE__ */ x({
+  __name: "NamedSetting",
+  props: {
+    id: {}
+  },
+  setup(b) {
+    const u = b, t = $(), _ = O(), n = t.catalog.edit(u.id);
+    return R(() => n.dispose()), (g, a) => (o(), i(H, {
+      page: "",
+      sdk: e(t),
+      editor: e(n),
+      picker: e(t).linkProduct.catalogue,
+      onClose: a[0] || (a[0] = (y) => e(_).push({ name: e(V).CATALOG }))
+    }, null, 8, ["sdk", "editor", "picker"]));
+  }
+}), ge = /* @__PURE__ */ x({
+  __name: "Setting",
+  setup(b) {
+    const u = G();
+    return (t, _) => e(u).params.id === "main" ? (o(), i(ae, { key: 0 })) : (o(), i(oe, {
+      key: String(e(u).params.id),
+      id: String(e(u).params.id)
+    }, null, 8, ["id"]));
+  }
+});
+export {
+  ge as default
+};