@feedmepos/mf-menu 0.32.37 → 0.32.38-dev.2

package/dist/{Unit-B6P_ykM-.js → Unit-D21SP540.js}

@@ -2,9 +2,9 @@ import { defineComponent as L, computed as d, ref as g, h as k, withModifiers as
 import { useI18n as E } from "@feedmepos/mf-common";
 import { useSnackbar as K, components as R, useBreakpoints as D, FmButtonVariant as G } from "@feedmepos/ui-library";
 import { _ as I } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G as q, u as A, a5 as H } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { G as q, u as A, a4 as H } from "./index.vue_vue_type_script_setup_true_lang-BMBAQiGH.js";
 import { _ as J } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as O, U as P } from "./unit-DNphv-4C.js";
+import { u as O, U as P } from "./unit-DiCr5V9I.js";
 const Q = {
   key: 0,
   class: "h-[600px]"

package/dist/Variant-BDf9DDmG.js

@@ -0,0 +1,247 @@
+import { getCurrentInstance as U, defineComponent as $, computed as x, onMounted as R, h as u, resolveComponent as w, createBlock as L, openBlock as p, unref as t, withCtx as _, createElementBlock as y, Fragment as M, createElementVNode as i, createVNode as c, isRef as z, normalizeClass as N, renderList as G, toDisplayString as S, withModifiers as j, createCommentVNode as Y } from "vue";
+import { useI18n as O } from "@feedmepos/mf-common";
+import { useDialog as Q, useSnackbar as A, FmButtonVariant as B, components as q, useBreakpoints as H } from "@feedmepos/ui-library";
+import { _ as J } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as W } from "./app-BASWdzxI.js";
+import { G as D, u as K, Q as P, M as X, A as Z, a4 as ee } from "./index.vue_vue_type_script_setup_true_lang-BMBAQiGH.js";
+import { V as E } from "./index-CZ2slj-T.js";
+import { _ as ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { u as oe } from "./search-BAPEUu1R.js";
+import { defineStore as te } from "pinia";
+import { c as ne } from "./createComponentProgrammatically-Bt2rn1IQ.js";
+import { g as F } from "./translation-BeqjfyEb.js";
+const le = te("variant-manager", () => {
+  const I = Q(), n = A(), g = D(n), k = P(g);
+  K();
+  const f = U(), { t: m } = O(), V = (r) => {
+    var h, o;
+    const { vNode: C } = ne(
+      E,
+      f,
+      r
+    );
+    (o = (h = C.component) == null ? void 0 : h.exposed) == null || o.trigger();
+  };
+  async function d(r) {
+    V({
+      initialValue: r
+    });
+  }
+  async function v(r) {
+    I.open({
+      title: m("menu.common.dialog.remove.variant.title"),
+      message: m("menu.common.dialog.remove.variant.message", { name: r.name }),
+      primaryActions: {
+        text: m("menu.common.actions.remove"),
+        close: !0,
+        variant: B.Destructive
+      },
+      secondaryActions: {
+        text: m("menu.common.actions.cancel"),
+        close: !0
+      }
+    }).onPrimary(async () => {
+      await k.updateMenu(
+        {
+          module: Z.F_MENU_MODULE_V4_KEY.enum.variant,
+          operation: X.F_OPERATION_TYPE.delete,
+          data: r._id
+        },
+        r.name,
+        !0
+      );
+    });
+  }
+  return {
+    deleteVariant: v,
+    updateVariant: d
+  };
+}), se = {
+  key: 0,
+  class: "flex-1 flex flex-col overflow-hidden max-h-[calc(100vh-56px)] gap-8"
+}, re = {
+  class: "flex justify-end"
+}, ie = {
+  class: "w-[320px]"
+}, ce = {
+  class: "px-16 py-8"
+}, me = {
+  class: /* @__PURE__ */ N(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
+}, de = ["onClick"], ue = {
+  class: "flex-1 space-y-4"
+}, pe = {
+  class: "fm-typo-en-body-lg-600"
+}, fe = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, _e = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, ye = {
+  key: 1,
+  class: "xs:pt-16"
+}, Be = /* @__PURE__ */ $({
+  __name: "Variant",
+  setup(I) {
+    const {
+      t: n
+    } = O(), g = K(), k = P(D(A())), f = le(), m = x(() => g.variants.map((o) => ({
+      ...o,
+      usedBy: g.items.filter((e) => {
+        var s;
+        return (s = e.variant) == null ? void 0 : s.variantGroupIds.includes(o._id);
+      }).map(({
+        _id: e
+      }) => ({
+        _id: e
+      }))
+    }))), {
+      filter: V,
+      searchKey: d
+    } = oe(), v = x(() => m.value.filter((o) => {
+      var e;
+      return V([o.name, ...((e = o.options) == null ? void 0 : e.map((s) => s.name)) ?? []]);
+    }));
+    R(() => g.selectCatalog(null));
+    const r = x(() => [{
+      accessorKey: "name",
+      header: () => n("menu.variant.columns.name"),
+      size: 360,
+      enableSorting: !1,
+      cell: (o) => {
+        const e = o.row.original, s = o.getValue(), l = Object.keys(e.name_locale ?? {}).map((a) => F(a));
+        return u("div", {
+          class: "flex items-center gap-8"
+        }, [u("span", {
+          class: "break-all"
+        }, s), ...l.map((a) => u("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))]);
+      }
+    }, {
+      accessorKey: "options",
+      header: () => n("menu.variant.columns.options"),
+      size: 560,
+      enableSorting: !1,
+      cell: (o) => {
+        const e = o.getValue() ?? [], s = e.some((l) => Object.keys(l.name_locale ?? {}).length > 0), b = Array.from(new Set(e.flatMap((l) => Object.keys(l.name_locale ?? {})))).map((l) => F(l));
+        return u("div", {
+          class: "flex items-center gap-8"
+        }, [u("span", {
+          class: "break-all"
+        }, e == null ? void 0 : e.map((l) => l.name).join(", ")), ...s ? b.map((l) => u("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"
+        }, l)) : []]);
+      }
+    }, {
+      accessorKey: "usedBy",
+      header: () => n("menu.variant.columns.applied_products"),
+      enableSorting: !1,
+      size: 180,
+      cell: (o) => n("menu.common.labels.items_linked", {
+        count: o.getValue().length
+      })
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (o) => u("div", {
+        class: "w-full flex justify-end items-center"
+      }, [u(q.FmButton, {
+        prependIcon: "delete",
+        variant: B.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (e) => {
+          e.stopPropagation(), f.deleteVariant(o.row.original);
+        }
+      })])
+    }]), C = H(), h = x(() => C.breakpoints.value.xs);
+    return (o, e) => {
+      const s = w("fm-search"), b = w("fm-table"), l = w("fm-button");
+      return p(), L(ae, {
+        heading: t(n)("menu.variant.title")
+      }, {
+        "append-heading": _(() => [m.value.length ? (p(), L(t(E), {
+          key: 0
+        }, {
+          default: _(({
+            trigger: a
+          }) => [c(J, {
+            class: "ml-auto",
+            label: t(n)("menu.variant.add"),
+            "prepend-icon": "add",
+            onClick: j(a, ["stop"])
+          }, null, 8, ["label", "onClick"])]),
+          _: 1
+        })) : Y("", !0)]),
+        default: _(() => [m.value.length ? (p(), y(M, {
+          key: 0
+        }, [h.value ? (p(), y(M, {
+          key: 1
+        }, [i("div", ce, [c(s, {
+          autofocus: "",
+          modelValue: t(d),
+          "onUpdate:modelValue": e[2] || (e[2] = (a) => z(d) ? d.value = a : null),
+          placeholder: t(n)("menu.common.labels.search_placeholder", {
+            type: "variants"
+          })
+        }, null, 8, ["modelValue", "placeholder"])]), i("div", me, [(p(!0), y(M, null, G(v.value, (a) => (p(), y("div", {
+          key: a._id,
+          class: N(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
+          onClick: () => t(f).updateVariant(a)
+        }, [i("div", ue, [i("p", pe, S(a.name), 1), i("div", null, [i("p", fe, S(t(n)("menu.common.labels.items_linked", {
+          count: a.usedBy.length
+        })), 1), i("p", _e, S(t(n)("menu.variant.mobile.value", {
+          values: a.options.map((T) => T.name).join(", ")
+        })), 1)])]), c(l, {
+          variant: t(B).Tertiary,
+          "prepend-icon": "delete",
+          "text-color": "neutral-gray-400",
+          onClick: j(() => t(f).deleteVariant(a), ["stop"])
+        }, null, 8, ["variant", "onClick"])], 8, de))), 128))])], 64)) : (p(), y("div", se, [i("div", re, [i("div", ie, [c(s, {
+          autofocus: "",
+          modelValue: t(d),
+          "onUpdate:modelValue": e[0] || (e[0] = (a) => z(d) ? d.value = a : null),
+          placeholder: t(n)("menu.common.labels.search_placeholder", {
+            type: "variants"
+          })
+        }, null, 8, ["modelValue", "placeholder"])])]), c(W, null, {
+          default: _(() => [c(b, {
+            "column-defs": r.value,
+            loading: t(k).checkMenuIsLoading(),
+            "page-size": v.value.length,
+            "row-data": v.value,
+            "shrink-at": !1,
+            class: "flex-1 overflow-hidden",
+            "hide-footer": "",
+            "pin-header-row": "",
+            onRowClick: e[1] || (e[1] = (a) => {
+              t(f).updateVariant(a.original);
+            })
+          }, null, 8, ["column-defs", "loading", "page-size", "row-data"])]),
+          _: 1
+        })]))], 64)) : (p(), y("div", ye, [c(ee, {
+          subtitle: t(n)("menu.variant.empty.subtitle"),
+          title: t(n)("menu.variant.empty.title")
+        }, {
+          action: _(() => [c(t(E), null, {
+            default: _(({
+              trigger: a
+            }) => [c(l, {
+              "prepend-icon": "add",
+              label: t(n)("menu.variant.add"),
+              onClick: j(a, ["stop"])
+            }, null, 8, ["label", "onClick"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["subtitle", "title"])]))]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Be as default
+};

package/dist/{_id_-D2ozS9Ck.js → _id_-R8SE-ZmQ.js}

@@ -1,19 +1,19 @@
 import { defineComponent as F, computed as d, ref as p, watch as A, onMounted as H, resolveComponent as m, createElementBlock as K, openBlock as b, Fragment as Q, createVNode as n, withCtx as u, createElementVNode as i, toDisplayString as M, unref as e, createBlock as D } from "vue";
-import { D as W } from "./dayjs.min-DgXlcVSD.js";
+import { D as W } from "./dayjs.min-DjVUMZe1.js";
 import { useRoute as j, useRouter as J } from "vue-router";
-import { _ as X, w as Z } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-wf0Wm51b.js";
-import { G as ee, u as te, D as ae, I as oe, Q as ne } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
+import { _ as X, w as Z } from "./ImportProductDialog.vue_vue_type_script_setup_true_lang-DydOyrWz.js";
+import { G as ee, u as te, D as ae, I as oe, Q as ne } from "./index.vue_vue_type_script_setup_true_lang-BMBAQiGH.js";
 import { useI18n as le } from "@feedmepos/mf-common";
 import { useSnackbar as se } from "@feedmepos/ui-library";
 import { _ as R } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { L as V } from "./LinkProductSideSheet-ImK8azTA.js";
+import { L as V } from "./LinkProductSideSheet-C5EJF94w.js";
 import { _ as ue } from "./index-CisutoS9.js";
 import { _ as re } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as ie } from "./Thumbnail.vue_vue_type_script_setup_true_lang-Br279NC_.js";
-import { a as me } from "./menu-LtIuM7Qj.js";
-import { m as ce } from "./toExcel-DBCbupeI.js";
-import { _ as de, u as pe, c as _e } from "./scheduler-FVlscyjB.js";
-import { R as r } from "./app-CE0yoao0.js";
+import { u as ie } from "./Thumbnail.vue_vue_type_script_setup_true_lang-CCBa35X7.js";
+import { a as me } from "./menu-Cb5CM_BJ.js";
+import { m as ce } from "./toExcel-C99U873x.js";
+import { _ as de, u as pe, c as _e } from "./scheduler-CnQo8MiW.js";
+import { R as r } from "./app-BASWdzxI.js";
 const fe = { class: "px-12 py-8" }, ve = { class: "px-12 py-8" }, ge = { class: "flex ml-auto space-x-8" }, be = { class: "flex-1 flex flex-col overflow-hidden" }, Ge = /* @__PURE__ */ F({
   __name: "[id]",
   setup(ke) {