@feedmepos/mf-menu 0.32.39 → 0.32.40-dev

package/dist/{Scheduler-udXY9Nxw.js → Scheduler-ZG2xvJvE.js}

@@ -1,10 +1,10 @@
 import { defineComponent as N, computed as y, h as p, withModifiers as U, ref as V, resolveComponent as _, createBlock as k, openBlock as i, unref as d, withCtx as h, createElementBlock as D, createVNode as f, Fragment as H, createElementVNode as s, renderList as T, toDisplayString as S, createCommentVNode as I } from "vue";
-import { A as c, Q as W, u as Q, G, a4 as J } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { A as c, Q as W, u as Q, G, a4 as J } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import { useI18n as X } from "@feedmepos/mf-common";
 import { components as Z, useDialog as ee, useSnackbar as te } from "@feedmepos/ui-library";
 import { _ as ne } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as ae } from "./app-H7J5uHZg.js";
-import { d as oe, _ as le, u as se, c as re } from "./scheduler-CbytS4GA.js";
+import { _ as ae } from "./app-b4ZmiMK2.js";
+import { d as oe, _ as le, u as se, c as re } from "./scheduler-C-UR0pvC.js";
 import { _ as ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
 const ce = {
   class: "flex flex-1 justify-end"

package/dist/{ServingSequence-lqstj5IH.js → ServingSequence-D8moUhOq.js}

@@ -1,14 +1,14 @@
 import { defineComponent as H, ref as I, computed as L, resolveComponent as h, createElementBlock as g, openBlock as d, Fragment as x, renderSlot as ae, createVNode as l, unref as t, withCtx as m, createElementVNode as y, toDisplayString as z, onBeforeMount as oe, watch as F, watchEffect as se, h as $, getCurrentInstance as le, onMounted as re, createBlock as j, createCommentVNode as G, isRef as ie, normalizeClass as J, renderList as ue } from "vue";
 import { useRouter as ce } from "vue-router";
-import { I as Q, u as W, G as X, Q as Z, M as O, A as S, a4 as de } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { I as Q, u as W, G as X, Q as Z, M as O, A as S, a4 as de } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import { useI18n as ee, ItemSelector as me, useCoreStore as pe } from "@feedmepos/mf-common";
 import { useSnackbar as ne, components as Y, useDialog as _e, FmButtonVariant as A, useBreakpoints as fe } from "@feedmepos/ui-library";
 import { _ as ge } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as ve, R as he } from "./app-H7J5uHZg.js";
+import { _ as ve, R as he } from "./app-b4ZmiMK2.js";
 import { c as ye } from "./check-C9mY6LiX.js";
 import { _ as be } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
 import { u as ke } from "./search-BAPEUu1R.js";
-import { u as xe } from "./app-CEN10-4D.js";
+import { u as xe } from "./app-vIXTx6c7.js";
 import { c as Se } from "./createComponentProgrammatically-Bt2rn1IQ.js";
 const Ce = { class: "fm-typo-en-title-md-600" }, qe = { class: "space-y-32 flex flex-col h-full" }, Ee = { class: "flex gap-8 items-center justify-start" }, Ve = /* @__PURE__ */ H({
   __name: "Form",

package/dist/{Setting-C8hhG68F.js → Setting-BKq7u_IL.js}

@@ -1,12 +1,12 @@
 import { defineComponent as ne, computed as p, ref as se, watch as ue, watchEffect as ie, resolveComponent as m, createElementBlock as V, openBlock as r, normalizeClass as H, createVNode as s, withCtx as c, createElementVNode as v, createBlock as g, createCommentVNode as k, unref as e, Fragment as D, renderList as B, createTextVNode as re, toDisplayString as N } from "vue";
-import { u as me, G as ce, A as f, Q as de, B as pe, I as w } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { u as me, G as ce, A as f, Q as de, B as pe, I as w } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import { useCoreStore as ve, useI18n as ge } from "@feedmepos/mf-common";
 import { useSnackbar as fe, useDialog as _e, FmButtonVariant as $, FmButtonColorThemeVariant as P, components as be } from "@feedmepos/ui-library";
 import { _ as E } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
-import { _ as ye } from "./RuleView.vue_vue_type_script_setup_true_lang-Be33vMlU.js";
-import { _ as z, a as ke } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-7y3GRcrl.js";
-import { C as _, a as x } from "./catalogSetting-DKVNY3JC.js";
-import { C as xe } from "./catalog-CTuBk61t.js";
+import { _ as ye } from "./RuleView.vue_vue_type_script_setup_true_lang-DlW4Zx5S.js";
+import { _ as z, a as ke } from "./GroupMarkupPriceDialog.vue_vue_type_script_setup_true_lang-CFeyZvxS.js";
+import { C as _, a as x } from "./catalogSetting-CeTOf9lJ.js";
+import { C as xe } from "./catalog-Ce7o_N7a.js";
 const Ce = {
   class: /* @__PURE__ */ H(["overflow-scroll", "flex-1", "xs:px-16 xs:py-16", "pt-16"])
 }, Oe = {

package/dist/Subcategory-BgTadpyj.js

@@ -0,0 +1,349 @@
+import { defineComponent as z, ref as x, computed as V, watch as te, resolveComponent as C, createElementBlock as k, openBlock as p, Fragment as A, renderSlot as oe, createVNode as m, unref as n, withCtx as y, createElementVNode as c, renderList as H, toDisplayString as T, h as N, withModifiers as J, getCurrentInstance as ne, createBlock as U, createCommentVNode as le } from "vue";
+import { useI18n as R } from "@feedmepos/mf-common";
+import { useSnackbar as P, components as W, useDialog as X, FmButtonVariant as q, useBreakpoints as se, FmButtonColorThemeVariant as ie } from "@feedmepos/ui-library";
+import { _ as re } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { G as Y, u as K, Q as G, M as Z, A as ee, a4 as ce } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
+import { _ as ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as me } from "./app-b4ZmiMK2.js";
+import { c as de } from "./createForm-BoUQeZTd.js";
+import { u as pe } from "./discardConfirm-BHni0LNu.js";
+import { c as Q } from "./object-DVUNCr7w.js";
+import { r as _e, u as ae } from "./rules-BDtO9_2x.js";
+import { _ as fe } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-wnFIuSpr.js";
+import { c as ve } from "./check-C9mY6LiX.js";
+import { g as I } from "./translation-Cdap0IVg.js";
+import { a as ge } from "./menu-CGK50Gwb.js";
+const ye = {
+  class: "fm-typo-en-title-md-600"
+}, be = {
+  class: "flex flex-col gap-32 h-full min-h-0 py-16"
+}, he = {
+  class: "py-12 px-16 space-y-4"
+}, xe = {
+  class: "flex gap-8 items-center justify-start"
+}, Ce = /* @__PURE__ */ z({
+  __name: "Form",
+  props: {
+    initialValue: {}
+  },
+  setup(D, {
+    expose: w
+  }) {
+    const h = D, S = P(), F = Y(S), E = G(F), d = K(), {
+      t: l
+    } = R(), L = x(!1), o = x(!1), $ = x(!1), u = x(void 0), M = (e) => {
+      ve.isBoolean(e) ? o.value = e : o.value = !o.value;
+    }, s = x(Q(h.initialValue)), O = V(() => !!s.value.name), B = V(() => {
+      var b;
+      const e = [], t = "en-US", a = (b = u.value) == null ? void 0 : b[t];
+      return s.value.name && !a && e.push({
+        locale: t,
+        name: s.value.name,
+        localeDisplay: I(t)
+      }), u.value && Object.entries(u.value).filter(([g, f]) => f && f.trim()).sort(([g], [f]) => g.localeCompare(f)).forEach(([g, f]) => {
+        e.push({
+          locale: g,
+          name: f,
+          localeDisplay: I(g)
+        });
+      }), e;
+    });
+    function j(e) {
+      u.value = e;
+    }
+    function i(e) {
+      s.value.name = e;
+    }
+    const r = pe(() => {
+      const e = d.subcategories.find((f) => f._id === s.value._id), t = s.value.name !== (e == null ? void 0 : e.name), a = (e == null ? void 0 : e.name_locale) || {}, b = u.value || {}, g = JSON.stringify(a) !== JSON.stringify(b);
+      return t || g;
+    }, () => {
+      o.value = !1;
+    });
+    async function _() {
+      const e = d.subcategories.find((a) => a._id === s.value._id), {
+        updateMenu: t
+      } = E;
+      await t({
+        module: ee.F_MENU_MODULE_V4_KEY.enum.subCategory,
+        operation: Z.F_OPERATION_TYPE.update,
+        // @ts-ignore FIXME: The backend hasn't exported SubcategoryRequest yet. Fix this once it's available.
+        data: {
+          ...e,
+          name: s.value.name ?? (e == null ? void 0 : e.name),
+          ...u.value && {
+            name_locale: u.value
+          }
+        }
+      }, s.value.name), M(!1);
+    }
+    return te(() => o.value, () => {
+      if (!o.value) return;
+      s.value = Q(h.initialValue);
+      const e = d.subcategories.find((t) => t._id === s.value._id);
+      u.value = e == null ? void 0 : e.name_locale;
+    }), w({
+      trigger: M,
+      show: o
+    }), (e, t) => {
+      const a = C("fm-button"), b = C("FmTooltip"), g = C("FmTextField"), f = C("fm-side-sheet");
+      return p(), k(A, null, [oe(e.$slots, "default", {
+        trigger: M
+      }), m(f, {
+        id: "group-form",
+        modelValue: o.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (v) => o.value = v),
+        "is-container": n(W).FmForm,
+        "is-container-props": {
+          onValidationSuccess: _,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 560,
+        "onOn:clickedAway": n(r)
+      }, {
+        "side-sheet-header": y(() => [c("p", ye, T(n(l)("menu.subcategory.title")), 1)]),
+        "side-sheet-footer": y(() => [c("div", xe, [m(a, {
+          label: n(l)("menu.common.actions.update"),
+          loading: L.value,
+          size: "lg",
+          type: "submit",
+          variant: "primary",
+          disabled: !s.value._id
+        }, null, 8, ["label", "loading", "disabled"]), m(a, {
+          label: n(l)("menu.common.actions.cancel"),
+          size: "lg",
+          variant: "tertiary",
+          onClick: t[2] || (t[2] = () => o.value = !1)
+        }, null, 8, ["label"])])]),
+        default: y(() => [c("div", be, [m(g, {
+          label: n(l)("menu.subcategory.name"),
+          modelValue: s.value.name,
+          "onUpdate:modelValue": t[1] || (t[1] = (v) => s.value.name = v),
+          disabled: !s.value._id,
+          rules: [n(_e)]
+        }, {
+          append: y(() => [m(b, {
+            variant: "plain",
+            placement: "top",
+            "z-index": 999
+          }, {
+            content: y(() => [c("div", he, [(p(!0), k(A, null, H(B.value, (v) => (p(), k("div", {
+              key: v.locale
+            }, T(v.name) + " (" + T(v.localeDisplay) + ") ", 1))), 128))])]),
+            default: y(() => [m(a, {
+              variant: "tertiary",
+              icon: "g_translate",
+              onClick: t[0] || (t[0] = (v) => $.value = !0),
+              disabled: !O.value
+            }, null, 8, ["disabled"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["label", "modelValue", "disabled", "rules"])])]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]), m(fe, {
+        modelValue: $.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (v) => $.value = v),
+        title: n(l)("menu.subcategory.title"),
+        name: s.value.name,
+        "name-locale": u.value,
+        "onUpdate:name": i,
+        "onUpdate:nameLocale": j
+      }, null, 8, ["modelValue", "title", "name", "name-locale"])], 64);
+    };
+  }
+}), ke = Ce, Ve = {
+  key: 0
+}, we = {
+  class: "flex justify-end items-center"
+}, Fe = {
+  class: "w-[320px]"
+}, Le = {
+  key: 1,
+  class: "flex-1 flex flex-col min-h-0"
+}, $e = {
+  class: "p-8"
+}, Se = {
+  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, Ee = ["onClick"], Me = {
+  class: "flex-1 space-y-4"
+}, Ne = {
+  class: "fm-typo-en-body-lg-600"
+}, Te = /* @__PURE__ */ z({
+  __name: "SubcategoryTable",
+  setup(D) {
+    const w = X(), h = P(), S = Y(h), F = G(S), E = ae({
+      dialog: w,
+      menuLoader: F
+    }), d = V(() => K().subcategories), l = x(""), L = V(() => d.value.filter((i) => i.name.toLowerCase().includes(l.value.toLowerCase()))), {
+      t: o
+    } = R(), $ = x([{
+      accessorKey: "name",
+      header: () => o("menu.subcategory.columns.title"),
+      enableSorting: !1,
+      meta: {
+        width: "auto"
+      },
+      cell: (i) => {
+        const r = i.row.original, _ = i.getValue(), t = Object.keys(r.name_locale ?? {}).map((a) => I(a));
+        return N("div", {
+          class: "flex items-center gap-8"
+        }, [N("span", {
+          class: "break-all"
+        }, _), ...t.map((a) => N("div", {
+          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+        }, a))]);
+      }
+    }, {
+      id: "actions",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      header: "",
+      cell: (i) => {
+        const r = i.row.original;
+        return N("div", {
+          class: "flex justify-end"
+        }, [N(W.FmButton, {
+          icon: "delete",
+          disabled: !r._id,
+          variant: "tertiary",
+          textColor: "neutral-gray-400",
+          onClick: J(async () => {
+            await u(r);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]);
+    async function u(i) {
+      if (!i._id) {
+        h.open({
+          message: o("menu.subcategory.dialog.remove.error"),
+          type: "warning"
+        });
+        return;
+      }
+      w.open({
+        title: o("menu.subcategory.dialog.remove.title"),
+        message: o("menu.common.dialog.remove_confirmation", {
+          name: i.name
+        }),
+        primaryActions: {
+          text: "Remove",
+          close: !0,
+          variant: q.Destructive
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await F.updateMenu({
+          module: ee.F_MENU_MODULE_V4_KEY.enum.subCategory,
+          operation: Z.F_OPERATION_TYPE.delete,
+          data: i._id
+        }, i.name, !0);
+      });
+    }
+    async function M(i) {
+      const r = i.map((_) => _._id).filter((_) => !!_);
+      await E.rearrange(r);
+    }
+    const s = ne();
+    async function O(i) {
+      de(s, ke, {
+        initialValue: i
+      });
+    }
+    const B = se(), j = V(() => B.breakpoints.value.xs);
+    return (i, r) => {
+      const _ = C("FmSearch"), e = C("FmTable"), t = C("FmButton");
+      return j.value ? (p(), k("div", Le, [c("div", $e, [m(_, {
+        autofocus: "",
+        modelValue: l.value,
+        "onUpdate:modelValue": r[2] || (r[2] = (a) => l.value = a),
+        class: "w-full",
+        placeholder: n(o)("menu.common.labels.search_placeholder", {
+          type: "categories"
+        })
+      }, null, 8, ["modelValue", "placeholder"])]), c("div", Se, [(p(!0), k(A, null, H(L.value, (a) => (p(), k("div", {
+        key: a._id || "",
+        class: "flex flex-row py-12 px-16",
+        onClick: (b) => O(a)
+      }, [c("div", Me, [c("p", Ne, T(a.name), 1)]), m(t, {
+        "text-color": n(ie).NeutralGray400,
+        variant: n(q).Tertiary,
+        "prepend-icon": "delete",
+        disabled: !a._id,
+        onClick: J((b) => u(a), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ee))), 128))])])) : (p(), k("div", Ve, [c("div", we, [c("div", Fe, [m(_, {
+        modelValue: l.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
+        autofocus: "",
+        class: "mb-8",
+        placeholder: n(o)("menu.common.labels.search_placeholder", {
+          type: n(o)("menu.subcategory.title")
+        })
+      }, null, 8, ["modelValue", "placeholder"])])]), m(me, null, {
+        default: y(() => [m(e, {
+          "column-defs": $.value,
+          draggable: !0,
+          "page-size": d.value.length,
+          "row-data": d.value,
+          "search-value": l.value,
+          "shrink-at": !1,
+          "hide-footer": "",
+          "pin-header-row": "",
+          onDndChanged: M,
+          onRowClick: r[1] || (r[1] = (a) => O(a.original))
+        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
+        _: 1
+      })]));
+    };
+  }
+}), Oe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ue = { class: "flex items-center" }, De = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Be = { class: "fm-typo-en-body-md-600 font-semibold" }, Ze = /* @__PURE__ */ z({
+  __name: "Subcategory",
+  setup(D) {
+    const w = X(), h = P(), S = Y(h), F = G(S), E = ae({ dialog: w, menuLoader: F }), d = V(() => K().subcategories), { t: l } = R();
+    function L() {
+      E.create();
+    }
+    const o = V(() => d.value.length);
+    return ge().resetOnMount(), ($, u) => (p(), U(ue, {
+      heading: n(l)("menu.subcategory.title")
+    }, {
+      default: y(() => [
+        d.value.length > 0 ? (p(), U(Te, { key: 0 })) : (p(), U(n(ce), {
+          key: 1,
+          action: {
+            text: n(l)("menu.subcategory.add"),
+            callback: L
+          },
+          subtitle: n(l)("menu.subcategory.empty.subtitle"),
+          title: n(l)("menu.subcategory.empty.title")
+        }, null, 8, ["action", "subtitle", "title"]))
+      ]),
+      "append-heading": y(() => [
+        c("div", Oe, [
+          c("div", Ue, [
+            c("div", De, [
+              c("p", Be, T(o.value), 1)
+            ])
+          ]),
+          d.value.length > 0 ? (p(), U(re, {
+            key: 0,
+            label: n(l)("menu.subcategory.add"),
+            "prepend-icon": "add",
+            onClick: L
+          }, null, 8, ["label"])) : le("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["heading"]));
+  }
+});
+export {
+  Ze as default
+};

package/dist/{Takeaway-BNXBkxY3.js → Takeaway-C9bpWn4s.js}

@@ -1,12 +1,12 @@
 import { defineComponent as f, computed as y, ref as k, createBlock as i, openBlock as d, unref as a, withCtx as s, createElementVNode as t, toDisplayString as b, createCommentVNode as g, createVNode as m } from "vue";
-import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import { useI18n as T } from "@feedmepos/mf-common";
 import { useSnackbar as V } from "@feedmepos/ui-library";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as C } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-DpIu-F5W.js";
-import { T as S, l as L } from "./index-IWdfpOvK.js";
-import { a as O } from "./menu-CX5qZa4q.js";
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-aFnWB49Z.js";
+import { T as S, l as L } from "./index-WFUD7oh5.js";
+import { a as O } from "./menu-CGK50Gwb.js";
 const U = { class: "flex-1 flex justify-between gap-8 pl-8" }, B = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, A = { class: "fm-typo-en-body-md-600 font-semibold" }, z = /* @__PURE__ */ f({
   __name: "Takeaway",
   setup(D) {

package/dist/{Takeaway-_ZUqMNYd.js → Takeaway-DyJrzpN-.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-DpIu-F5W.js";
+import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-aFnWB49Z.js";
 export {
   f as default
 };

package/dist/{Takeaway.vue_vue_type_script_setup_true_lang-DpIu-F5W.js → Takeaway.vue_vue_type_script_setup_true_lang-aFnWB49Z.js}

@@ -1,15 +1,15 @@
 import { getCurrentInstance as te, defineComponent as oe, computed as x, watch as ne, h as E, resolveComponent as O, createElementBlock as C, openBlock as _, Fragment as P, normalizeClass as Y, createElementVNode as k, createVNode as V, unref as n, isRef as j, withCtx as F, renderList as ie, createBlock as G, createCommentVNode as $, toDisplayString as S, withModifiers as Q } from "vue";
-import { G as H, u as J, Q as W, M as N, A as z, I as A, B as se, ap as q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
+import { G as H, u as J, Q as W, M as N, A as z, I as A, B as se, ap as q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import { useI18n as X, useCoreStore as le } from "@feedmepos/mf-common";
 import { useDialog as ce, useSnackbar as Z, FmButtonVariant as D, components as de, useBreakpoints as me } from "@feedmepos/ui-library";
-import { _ as ue } from "./app-H7J5uHZg.js";
-import { a as pe, l as ee, T as ye } from "./index-IWdfpOvK.js";
+import { _ as ue } from "./app-b4ZmiMK2.js";
+import { a as pe, l as ee, T as ye } from "./index-WFUD7oh5.js";
 import { u as fe } from "./search-BAPEUu1R.js";
-import { f as L } from "./currency--QAX2jgM.js";
+import { f as L } from "./currency-hq_koFDw.js";
 import { defineStore as _e } from "pinia";
-import { C as ke } from "./catalog-CTuBk61t.js";
+import { C as ke } from "./catalog-Ce7o_N7a.js";
 import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-import { g as we } from "./translation-BeqjfyEb.js";
+import { g as we } from "./translation-Cdap0IVg.js";
 function ge(T, M, l, p) {
   var y, v, w, g;
   const s = A(T);

package/dist/{Thumbnail.vue_vue_type_script_setup_true_lang-D7Rx1dQ0.js → Thumbnail.vue_vue_type_script_setup_true_lang-MKl8NdrG.js}

@@ -1,9 +1,9 @@
 import { computed as d, defineComponent as x, ref as F, resolveComponent as b, createElementBlock as L, openBlock as w, normalizeClass as R, createVNode as K, normalizeStyle as $, withCtx as B, createBlock as U, createCommentVNode as j } from "vue";
-import { A as h, M as E, G as C, Q as O, al as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-90aRfAsI.js";
-import { u as S } from "./menuV2-CgfWTiZp.js";
-import { C as v, h as N } from "./catalog-CTuBk61t.js";
+import { A as h, M as E, G as C, Q as O, al as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
+import { u as S } from "./menuV2-DiyUO2p3.js";
+import { C as v, h as N } from "./catalog-Ce7o_N7a.js";
 import { useSnackbar as P, useDialog as z } from "@feedmepos/ui-library";
-import { a as T } from "./LinkProductSideSheet-BQC5B7VR.js";
+import { a as T } from "./LinkProductSideSheet-DdyUWMWm.js";
 import { useI18n as Q } from "@feedmepos/mf-common";
 function q() {
   const t = S(), o = d(() => t.categorizedRawMenuItems.filter((u) => u.items.length > 0)), i = d(() => {

package/dist/TranslationSideSheet.vue_vue_type_script_setup_true_lang-wnFIuSpr.js

@@ -0,0 +1,194 @@
+import { defineComponent as K, ref as y, watch as E, computed as F, unref as a, resolveComponent as _, createBlock as T, openBlock as i, withCtx as v, createElementVNode as t, toDisplayString as m, createElementBlock as p, createCommentVNode as B, Fragment as x, renderList as C, createVNode as r } from "vue";
+import { J as D } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
+import { useI18n as P, useLocale as Q } from "@feedmepos/mf-common";
+import { u as R } from "./discardConfirm-BHni0LNu.js";
+import { g as V, a as I, _ as W, b as X } from "./translation-Cdap0IVg.js";
+const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }, ee = { class: "flex flex-col gap-8" }, oe = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, le = { class: "flex items-center gap-8 flex-wrap" }, te = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, ae = { class: "fm-typo-en-body-md-600" }, ne = ["onClick"], se = { class: "flex items-center gap-8" }, ce = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, me = { class: "fm-typo-en-body-md-400" }, ie = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, de = { class: "flex items-center gap-16" }, re = { class: "fm-typo-en-body-lg-600" }, ue = { class: "flex flex-col gap-32 pl-32" }, pe = {
+  key: 0,
+  class: "space-y-8"
+}, fe = { class: "flex w-[100px] items-center gap-8" }, _e = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, ve = { class: "fm-typo-en-body-md-400" }, he = { class: "flex-1" }, ye = { class: "flex gap-8 items-center justify-start" }, ke = /* @__PURE__ */ K({
+  __name: "TranslationSideSheet",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    name: {},
+    nameLocale: {}
+  },
+  emits: ["update:modelValue", "update:name", "update:nameLocale"],
+  setup(O, { emit: S }) {
+    const s = O, f = S, { t: d } = P(), { localeList: h } = Q(), c = y([]), k = y([]), u = y(s.name), L = y(s.name);
+    E(
+      () => s.name,
+      (e) => {
+        u.value = e;
+      }
+    );
+    function U() {
+      return !s.nameLocale || Object.keys(s.nameLocale).length === 0 ? [] : Object.entries(s.nameLocale).map(([e, o]) => ({
+        localeCode: e,
+        value: o
+      }));
+    }
+    E(
+      () => [s.modelValue, s.nameLocale],
+      ([e]) => {
+        e && (c.value = U(), k.value = D.clone(c.value), u.value = s.name, L.value = s.name);
+      },
+      { immediate: !0 }
+    );
+    const w = F(() => {
+      const e = new Set(c.value.map((n) => n.localeCode));
+      return a(h).filter((n) => !e.has(n.code)).map((n) => ({
+        code: n.code,
+        name: n.name,
+        icon: V(n.code)
+      }));
+    });
+    function $(e) {
+      const o = a(h).find((n) => n.code === e);
+      o && c.value.push({
+        localeCode: o.code,
+        value: ""
+      });
+    }
+    function z(e) {
+      c.value = c.value.filter((o) => o.localeCode !== e);
+    }
+    function A() {
+      const e = u.value !== L.value, o = !D.isEqual(c.value, k.value);
+      return e || o;
+    }
+    function M() {
+      u.value !== s.name && f("update:name", u.value);
+      const e = c.value.filter((o) => o.value.trim());
+      if (e.length === 0)
+        f("update:nameLocale", void 0);
+      else {
+        const o = {};
+        e.forEach((n) => {
+          o[n.localeCode] = n.value.trim();
+        }), f("update:nameLocale", o);
+      }
+      f("update:modelValue", !1);
+    }
+    function q() {
+      f("update:modelValue", !1);
+    }
+    const N = R(A, q), j = F({
+      get: () => s.modelValue,
+      set: (e) => f("update:modelValue", e)
+    });
+    return (e, o) => {
+      const n = _("FmIcon"), g = _("fm-button"), J = _("FmMenu"), G = _("fm-text-field"), H = _("fm-side-sheet");
+      return i(), T(H, {
+        modelValue: j.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (l) => j.value = l),
+        "max-width": 720,
+        "onOn:clickedAway": a(N)
+      }, {
+        "side-sheet-header": v(() => [
+          t("p", Y, m(e.title) + " " + m(a(d)("menu.common.translation.title_suffix")), 1)
+        ]),
+        "side-sheet-footer": v(() => [
+          t("div", ye, [
+            r(g, {
+              label: a(d)("common.save"),
+              size: "lg",
+              variant: "primary",
+              onClick: M
+            }, null, 8, ["label"]),
+            r(g, {
+              label: a(d)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: a(N)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: v(() => [
+          t("div", Z, [
+            t("div", ee, [
+              t("p", oe, m(a(d)("menu.common.translation.language")), 1),
+              t("div", le, [
+                (i(!0), p(x, null, C(c.value, (l) => (i(), p("div", {
+                  key: l.localeCode,
+                  class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full"
+                }, [
+                  t("div", te, m(a(V)(l.localeCode)), 1),
+                  t("span", ae, m(a(I)(l.localeCode, a(h))), 1),
+                  r(n, {
+                    name: "close",
+                    class: "cursor-pointer",
+                    variant: "secondary",
+                    onClick: (b) => z(l.localeCode)
+                  }, null, 8, ["onClick"])
+                ]))), 128)),
+                w.value.length > 0 ? (i(), T(J, { key: 0 }, {
+                  "menu-button": v(() => [
+                    r(g, {
+                      variant: "secondary",
+                      "border-color": "neutral-gray-300",
+                      "text-color": "neutral-gray-400",
+                      icon: "add"
+                    })
+                  ]),
+                  default: v(() => [
+                    (i(!0), p(x, null, C(w.value, (l) => (i(), p("div", {
+                      class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
+                      key: l.code,
+                      onClick: (b) => $(l.code)
+                    }, [
+                      t("div", se, [
+                        t("div", ce, m(l.icon), 1),
+                        t("span", me, m(l.name), 1)
+                      ])
+                    ], 8, ne))), 128))
+                  ]),
+                  _: 1
+                })) : B("", !0)
+              ])
+            ]),
+            t("div", ie, [
+              t("div", de, [
+                r(n, { name: "keyboard_arrow_down" }),
+                t("p", re, m(a(d)("menu.common.translation.name_section", { entity: e.title })), 1)
+              ]),
+              t("div", ue, [
+                r(W, {
+                  label: a(d)("menu.common.translation.default"),
+                  modelValue: u.value,
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => u.value = l)
+                }, null, 8, ["label", "modelValue"]),
+                c.value.length > 0 ? (i(), p("div", pe, [
+                  r(X, {
+                    label: a(d)("menu.common.translation.translation_label")
+                  }, null, 8, ["label"]),
+                  (i(!0), p(x, null, C(c.value, (l) => (i(), p("div", {
+                    key: l.localeCode,
+                    class: "flex items-center gap-16"
+                  }, [
+                    t("div", fe, [
+                      t("div", _e, m(a(V)(l.localeCode)), 1),
+                      t("span", ve, m(a(I)(l.localeCode, a(h))), 1)
+                    ]),
+                    t("div", he, [
+                      r(G, {
+                        modelValue: l.value,
+                        "onUpdate:modelValue": (b) => l.value = b,
+                        placeholder: a(d)("menu.group.translation.placeholder")
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ])
+                  ]))), 128))
+                ])) : B("", !0)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+});
+export {
+  ke as _
+};