@logora/debate 0.2.1 → 0.2.3

package/dist/components/data/data_provider/useData.js

@@ -1,9 +1,11 @@
-import { DataProviderContext as e } from "./DataProviderContext.js";
-import { useContext as t, useState as n } from "react";
-//#region src/components/data/data_provider/useData.jsx
-var r = (r, i) => {
-	let { dataMap: a = {} } = t(e) || {}, [o, s] = n(r in a ? a[r] : i);
-	return [o, s];
+import { useContext as n, useState as s } from "react";
+import { DataProviderContext as i } from "./DataProviderContext.js";
+const u = (t, a) => {
+  const { dataMap: o = {} } = n(i) || {}, [e, r] = s(
+    t in o ? o[t] : a
+  );
+  return [e, r];
+};
+export {
+  u as useData
 };
-//#endregion
-export { r as useData };

package/dist/components/data/data_provider/useDataProvider.js

@@ -1,9 +1,9 @@
-import { DataProviderContext as e } from "./DataProviderContext.js";
 import { useContext as t } from "react";
-//#region src/components/data/data_provider/useDataProvider.jsx
-var n = () => {
-	let { dataProvider: n } = t(e);
-	return n;
+import { DataProviderContext as o } from "./DataProviderContext.js";
+const i = () => {
+  const { dataProvider: r } = t(o);
+  return r;
+};
+export {
+  i as useDataProvider
 };
-//#endregion
-export { n as useDataProvider };

package/dist/components/debate/debate_box/DebateBox.js

@@ -1,156 +1,187 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Link as n } from "../../action/link/Link.js";
-import { Icon as r } from "../../icons/icon/Icon.js";
-import { require_classnames as i } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { useConfig as a } from "../../data/config_provider/useConfig.js";
-import { useRoutes as o } from "../../data/config_provider/useRoutes.js";
-import { useResponsive as s } from "../../hooks/use_responsive/useResponsive.js";
-import c from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import l from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
-import { useTranslatedContent as u } from "../../translation/translated_content/useTranslatedContent.js";
-import { Tooltip as d } from "../../dialog/tooltip/Tooltip.js";
-import { Avatar as f } from "../../user/avatar/Avatar.js";
-import p from "./DebateBox.module.js";
+import { jsxs as i, jsx as t, Fragment as u } from "react/jsx-runtime";
+import f from "classnames";
 import "react";
-//#region src/components/debate/debate_box/DebateBox.jsx
-var m = /* @__PURE__ */ e(i()), h = t(), g = ({ debate: e }) => {
-	let t = a(), i = o(), g = c(), { isMobile: _ } = s(), v = e.votes_count?.total || Object.values(e.votes_count).reduce((e, t) => e + Number.parseFloat(t), 0) || 0, y = e.group_context?.positions.reduce((t, n) => Number.parseInt(e.votes_count[n.id]) > Number.parseInt(e.votes_count[t.id]) ? n : t), b = u(e.name, e.language, "name", e.translation_entries), x = u(y.name, y.language, "name", y.translation_entries), S = (e, t) => t == 0 || e == 0 ? 0 : Math.round(e / t * 100);
-	return /* @__PURE__ */ (0, h.jsxs)("div", {
-		className: p.debateBox,
-		children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-			className: p.debateBoxHeader,
-			children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-				className: p.debateBoxImageBox,
-				children: [/* @__PURE__ */ (0, h.jsx)(n, {
-					to: i.debateShowLocation.toUrl({ debateSlug: e.slug }),
-					className: p.imageLink,
-					children: /* @__PURE__ */ (0, h.jsx)("img", {
-						"data-tid": "view_debate_image",
-						loading: "lazy",
-						className: p.debateBoxImage,
-						src: e.banner_image_url,
-						height: 200,
-						alt: e?.image_alt ? e.image_alt : g.formatMessage({
-							id: "debate.debate_box.alt_debate_image",
-							defaultMessage: "Debate image"
-						}),
-						title: e?.image_alt ? e.image_alt : g.formatMessage({
-							id: "debate.debate_box.alt_debate_image",
-							defaultMessage: "Debate image"
-						})
-					})
-				}), e.is_active === !1 && /* @__PURE__ */ (0, h.jsx)("div", {
-					className: p.inactiveDebate,
-					children: /* @__PURE__ */ (0, h.jsx)(l, {
-						id: "debate.debate_box.debate_is_inactive",
-						defaultMessage: "Debate is ended"
-					})
-				})]
-			}), e.group_context.author && e.group_context.author.is_admin === !1 && /* @__PURE__ */ (0, h.jsxs)("div", {
-				className: p.debateSuggestion,
-				children: [/* @__PURE__ */ (0, h.jsx)(r, {
-					name: "suggestion",
-					width: 15,
-					height: 15
-				}), /* @__PURE__ */ (0, h.jsxs)("span", {
-					className: p.authorSuggestion,
-					children: [/* @__PURE__ */ (0, h.jsx)(l, {
-						id: "debate.debate_box.suggestion_author_short",
-						defaultMessage: "Suggested by"
-					}), /* @__PURE__ */ (0, h.jsx)("span", {
-						className: p.authorName,
-						children: e.group_context.author.full_name
-					})]
-				})]
-			})]
-		}), /* @__PURE__ */ (0, h.jsxs)("div", {
-			className: p.debateBoxBody,
-			children: [/* @__PURE__ */ (0, h.jsxs)("div", {
-				className: p.debateBoxTitle,
-				title: b.translatedContent,
-				children: [t?.actions?.allowDebateBranding === !0 && e.sub_application?.logo && /* @__PURE__ */ (0, h.jsxs)("span", {
-					className: p.subApplication,
-					children: [/* @__PURE__ */ (0, h.jsx)("img", {
-						"data-tid": "view_debate_image",
-						loading: "lazy",
-						src: e.sub_application.logo,
-						alt: `Logo ${t.display_name}`
-					}), e.sub_application.name]
-				}), /* @__PURE__ */ (0, h.jsx)(n, {
-					to: i.debateShowLocation.toUrl({ debateSlug: e.slug }),
-					children: /* @__PURE__ */ (0, h.jsx)(h.Fragment, { children: _ ? /* @__PURE__ */ (0, h.jsx)("div", {
-						"data-tid": "view_debate_title",
-						className: (0, m.default)(p.debateTitle, p.debateTitleMobile),
-						children: b.translatedContent
-					}) : /* @__PURE__ */ (0, h.jsx)("div", {
-						"data-tid": "view_debate_title",
-						className: p.debateTitle,
-						children: b.translatedContent
-					}) })
-				})]
-			}), /* @__PURE__ */ (0, h.jsxs)("div", {
-				className: p.debateBoxFooter,
-				children: [/* @__PURE__ */ (0, h.jsx)("div", {
-					className: p.debateParticipantsBox,
-					children: e.participants.length === 0 ? /* @__PURE__ */ (0, h.jsx)("span", {
-						className: p.debateParticipantsEmpty,
-						children: g.formatMessage({
-							id: "debate.debate_box.fallback_no_participants",
-							defaultMessage: "No participants"
-						})
-					}) : /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [e.participants.map((e, t) => /* @__PURE__ */ (0, h.jsx)("div", {
-						className: p.debateParticipantItem,
-						children: /* @__PURE__ */ (0, h.jsx)(n, {
-							to: i.userShowLocation.toUrl({ userSlug: e.hash_id }),
-							children: /* @__PURE__ */ (0, h.jsx)(f, {
-								avatarUrl: e.image_url,
-								userName: e.full_name,
-								isOnline: new Date(e.last_activity) > Date.now(),
-								showTooltip: !0
-							})
-						})
-					}, t)), e.participants_count > 3 && /* @__PURE__ */ (0, h.jsx)("div", {
-						className: p.debateParticipantItem,
-						children: /* @__PURE__ */ (0, h.jsx)(d, {
-							text: g.formatMessage({
-								id: "debate.debate_box.participants_count",
-								defaultMessage: "Number of debaters"
-							}),
-							children: /* @__PURE__ */ (0, h.jsx)(n, {
-								to: i.debateShowLocation.toUrl({ debateSlug: e.slug }),
-								children: /* @__PURE__ */ (0, h.jsxs)("div", {
-									className: p.participantsCountBox,
-									children: ["+", g.formatNumber(e.participants_count - 3, {
-										notation: "compact",
-										maximumFractionDigits: 1,
-										roundingMode: "floor"
-									})]
-								})
-							})
-						})
-					})] })
-				}), t.modules.votes === !1 ? null : /* @__PURE__ */ (0, h.jsx)("div", {
-					className: p.debateBoxNumbers,
-					children: /* @__PURE__ */ (0, h.jsx)("div", {
-						className: p.debateBoxNumbersText,
-						title: y ? `${S(e.votes_count[y.id] || 0, v)} % ${x.translatedContent}` : void 0,
-						children: y && /* @__PURE__ */ (0, h.jsxs)(h.Fragment, { children: [/* @__PURE__ */ (0, h.jsxs)("span", {
-							className: p.debateBoxPercentage,
-							children: [
-								S(e.votes_count[y.id] || 0, v),
-								"\xA0",
-								"%"
-							]
-						}), /* @__PURE__ */ (0, h.jsx)("span", {
-							className: p.debateBoxPositionName,
-							children: x.translatedContent
-						})] })
-					})
-				})]
-			})]
-		})]
-	});
+import { useIntl as x, FormattedMessage as h } from "react-intl";
+import a from "./DebateBox.module.scss.js";
+import { useConfig as B } from "../../data/config_provider/useConfig.js";
+import { useRoutes as w } from "../../data/config_provider/useRoutes.js";
+import { useResponsive as M } from "../../hooks/use_responsive/useResponsive.js";
+import { useTranslatedContent as b } from "../../translation/translated_content/useTranslatedContent.js";
+import { Link as c } from "../../action/link/Link.js";
+import { Icon as S } from "../../icons/icon/Icon.js";
+import { Tooltip as P } from "../../dialog/tooltip/Tooltip.js";
+import { Avatar as y } from "../../user/avatar/Avatar.js";
+const R = ({ debate: e }) => {
+  const d = B(), r = w(), l = x(), { isMobile: N } = M(), g = e.votes_count?.total || Object.values(e.votes_count).reduce(
+    (o, s) => o + Number.parseFloat(s),
+    0
+  ) || 0, n = e.group_context?.positions.reduce(
+    (o, s) => Number.parseInt(e.votes_count[s.id]) > Number.parseInt(e.votes_count[o.id]) ? s : o
+  ), m = b(
+    e.name,
+    e.language,
+    "name",
+    e.translation_entries
+  ), p = b(
+    n.name,
+    n.language,
+    "name",
+    n.translation_entries
+  ), _ = (o, s) => s == 0 || o == 0 ? 0 : Math.round(100 * (o / s)), v = (o, s) => /* @__PURE__ */ t("div", { className: a.debateParticipantItem, children: /* @__PURE__ */ t(
+    c,
+    {
+      to: r.userShowLocation.toUrl({ userSlug: o.hash_id }),
+      children: /* @__PURE__ */ t(
+        y,
+        {
+          avatarUrl: o.image_url,
+          userName: o.full_name,
+          isOnline: new Date(o.last_activity) > Date.now(),
+          showTooltip: !0
+        }
+      )
+    }
+  ) }, s);
+  return /* @__PURE__ */ i("div", { className: a.debateBox, children: [
+    /* @__PURE__ */ i("div", { className: a.debateBoxHeader, children: [
+      /* @__PURE__ */ i("div", { className: a.debateBoxImageBox, children: [
+        /* @__PURE__ */ t(
+          c,
+          {
+            to: r.debateShowLocation.toUrl({ debateSlug: e.slug }),
+            className: a.imageLink,
+            children: /* @__PURE__ */ t(
+              "img",
+              {
+                "data-tid": "view_debate_image",
+                loading: "lazy",
+                className: a.debateBoxImage,
+                src: e.banner_image_url,
+                height: 200,
+                alt: e?.image_alt ? e.image_alt : l.formatMessage({
+                  id: "debate.debate_box.alt_debate_image",
+                  defaultMessage: "Debate image"
+                }),
+                title: e?.image_alt ? e.image_alt : l.formatMessage({
+                  id: "debate.debate_box.alt_debate_image",
+                  defaultMessage: "Debate image"
+                })
+              }
+            )
+          }
+        ),
+        e.is_active === !1 && /* @__PURE__ */ t("div", { className: a.inactiveDebate, children: /* @__PURE__ */ t(
+          h,
+          {
+            id: "debate.debate_box.debate_is_inactive",
+            defaultMessage: "Debate is ended"
+          }
+        ) })
+      ] }),
+      e.group_context.author && e.group_context.author.is_admin === !1 && /* @__PURE__ */ i("div", { className: a.debateSuggestion, children: [
+        /* @__PURE__ */ t(S, { name: "suggestion", width: 15, height: 15 }),
+        /* @__PURE__ */ i("span", { className: a.authorSuggestion, children: [
+          /* @__PURE__ */ t(
+            h,
+            {
+              id: "debate.debate_box.suggestion_author_short",
+              defaultMessage: "Suggested by"
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: a.authorName, children: e.group_context.author.full_name })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: a.debateBoxBody, children: [
+      /* @__PURE__ */ i("div", { className: a.debateBoxTitle, title: m.translatedContent, children: [
+        d?.actions?.allowDebateBranding === !0 && e.sub_application?.logo && /* @__PURE__ */ i("span", { className: a.subApplication, children: [
+          /* @__PURE__ */ t(
+            "img",
+            {
+              "data-tid": "view_debate_image",
+              loading: "lazy",
+              src: e.sub_application.logo,
+              alt: `Logo ${d.display_name}`
+            }
+          ),
+          e.sub_application.name
+        ] }),
+        /* @__PURE__ */ t(
+          c,
+          {
+            to: r.debateShowLocation.toUrl({ debateSlug: e.slug }),
+            children: /* @__PURE__ */ t(u, { children: N ? /* @__PURE__ */ t(
+              "div",
+              {
+                "data-tid": "view_debate_title",
+                className: f(a.debateTitle, a.debateTitleMobile),
+                children: m.translatedContent
+              }
+            ) : /* @__PURE__ */ t(
+              "div",
+              {
+                "data-tid": "view_debate_title",
+                className: a.debateTitle,
+                children: m.translatedContent
+              }
+            ) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: a.debateBoxFooter, children: [
+        /* @__PURE__ */ t("div", { className: a.debateParticipantsBox, children: e.participants.length === 0 ? /* @__PURE__ */ t("span", { className: a.debateParticipantsEmpty, children: l.formatMessage({
+          id: "debate.debate_box.fallback_no_participants",
+          defaultMessage: "No participants"
+        }) }) : /* @__PURE__ */ i(u, { children: [
+          e.participants.map(v),
+          e.participants_count > 3 && /* @__PURE__ */ t("div", { className: a.debateParticipantItem, children: /* @__PURE__ */ t(
+            P,
+            {
+              text: l.formatMessage({
+                id: "debate.debate_box.participants_count",
+                defaultMessage: "Number of debaters"
+              }),
+              children: /* @__PURE__ */ t(
+                c,
+                {
+                  to: r.debateShowLocation.toUrl({
+                    debateSlug: e.slug
+                  }),
+                  children: /* @__PURE__ */ i("div", { className: a.participantsCountBox, children: [
+                    "+",
+                    l.formatNumber(e.participants_count - 3, {
+                      notation: "compact",
+                      maximumFractionDigits: 1,
+                      roundingMode: "floor"
+                    })
+                  ] })
+                }
+              )
+            }
+          ) })
+        ] }) }),
+        d.modules.votes === !1 ? null : /* @__PURE__ */ t("div", { className: a.debateBoxNumbers, children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: a.debateBoxNumbersText,
+            title: n ? `${_(e.votes_count[n.id] || 0, g)} % ${p.translatedContent}` : void 0,
+            children: n && /* @__PURE__ */ i(u, { children: [
+              /* @__PURE__ */ i("span", { className: a.debateBoxPercentage, children: [
+                _(
+                  e.votes_count[n.id] || 0,
+                  g
+                ),
+                " ",
+                "%"
+              ] }),
+              /* @__PURE__ */ t("span", { className: a.debateBoxPositionName, children: p.translatedContent })
+            ] })
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  R as DebateBox
 };
-//#endregion
-export { g as DebateBox };

package/dist/components/debate/debate_box/DebateBox.module.scss.js

@@ -0,0 +1,49 @@
+import '../../../assets/components/debate/debate_box/DebateBox.module-ek6ldCNI.css';const e = "_debateBox_178yw_3", t = "_imageLink_178yw_14", a = "_debateBoxImage_178yw_18", o = "_debateBoxImageBox_178yw_27", i = "_debateSuggestion_178yw_31", _ = "_inactiveDebate_178yw_31", b = "_authorSuggestion_178yw_52", n = "_authorName_178yw_58", s = "_debateBoxBody_178yw_82", d = "_subApplication_178yw_89", c = "_debateBoxTitle_178yw_101", x = "_debateTitle_178yw_119", B = "_debateTitleMobile_178yw_130", r = "_debateBoxFooter_178yw_134", y = "_debateParticipantsBox_178yw_149", m = "_debateParticipantsEmpty_178yw_155", p = "_debateParticipantItem_178yw_160", u = "_debateBoxNumbers_178yw_168", g = "_debateBoxNumbersText_178yw_180", w = "_debateBoxPercentage_178yw_189", l = "_debateBoxPositionName_178yw_195", P = "_participantsCountBox_178yw_202", N = {
+  debateBox: e,
+  imageLink: t,
+  debateBoxImage: a,
+  debateBoxImageBox: o,
+  debateSuggestion: i,
+  inactiveDebate: _,
+  authorSuggestion: b,
+  authorName: n,
+  debateBoxBody: s,
+  subApplication: d,
+  debateBoxTitle: c,
+  debateTitle: x,
+  debateTitleMobile: B,
+  debateBoxFooter: r,
+  debateParticipantsBox: y,
+  debateParticipantsEmpty: m,
+  debateParticipantItem: p,
+  debateBoxNumbers: u,
+  debateBoxNumbersText: g,
+  debateBoxPercentage: w,
+  debateBoxPositionName: l,
+  participantsCountBox: P
+};
+export {
+  n as authorName,
+  b as authorSuggestion,
+  e as debateBox,
+  s as debateBoxBody,
+  r as debateBoxFooter,
+  a as debateBoxImage,
+  o as debateBoxImageBox,
+  u as debateBoxNumbers,
+  g as debateBoxNumbersText,
+  w as debateBoxPercentage,
+  l as debateBoxPositionName,
+  c as debateBoxTitle,
+  p as debateParticipantItem,
+  y as debateParticipantsBox,
+  m as debateParticipantsEmpty,
+  i as debateSuggestion,
+  x as debateTitle,
+  B as debateTitleMobile,
+  N as default,
+  t as imageLink,
+  _ as inactiveDebate,
+  P as participantsCountBox,
+  d as subApplication
+};

package/dist/components/dialog/announcement_dialog/AnnouncementDialog.js

@@ -1,30 +1,37 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as n } from "../../icons/icon/Icon.js";
-import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import i from "./AnnouncementDialog.module.js";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import o from "classnames";
 import "react";
-//#region src/components/dialog/announcement_dialog/AnnouncementDialog.jsx
-var a = /* @__PURE__ */ e(r()), o = t(), s = ({ message: e, icon: t, fullWidth: r = !1, className: s, iconClassName: c, children: l }) => /* @__PURE__ */ (0, o.jsxs)("div", {
-	className: (0, a.default)(i.container, s, { [i.fullWidth]: r }),
-	role: "status",
-	children: [/* @__PURE__ */ (0, o.jsx)("div", {
-		className: (0, a.default)(i.icon, c),
-		children: t ? /* @__PURE__ */ (0, o.jsx)(t, {
-			height: 24,
-			width: 24,
-			"data-testid": "custom-icon"
-		}) : /* @__PURE__ */ (0, o.jsx)(n, {
-			name: "announcement",
-			height: 24,
-			width: 24,
-			"aria-hidden": "true",
-			"data-testid": "announcement-icon"
-		})
-	}), /* @__PURE__ */ (0, o.jsx)("div", {
-		className: i.content,
-		children: e || l
-	})]
-});
-//#endregion
-export { s as AnnouncementDialog };
+import n from "./AnnouncementDialog.module.scss.js";
+import { Icon as s } from "../../icons/icon/Icon.js";
+const x = ({
+  message: i,
+  icon: e,
+  fullWidth: r = !1,
+  className: a,
+  iconClassName: c,
+  children: d
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: o(n.container, a, {
+      [n.fullWidth]: r
+    }),
+    role: "status",
+    children: [
+      /* @__PURE__ */ t("div", { className: o(n.icon, c), children: e ? /* @__PURE__ */ t(e, { height: 24, width: 24, "data-testid": "custom-icon" }) : /* @__PURE__ */ t(
+        s,
+        {
+          name: "announcement",
+          height: 24,
+          width: 24,
+          "aria-hidden": "true",
+          "data-testid": "announcement-icon"
+        }
+      ) }),
+      /* @__PURE__ */ t("div", { className: n.content, children: i || d })
+    ]
+  }
+);
+export {
+  x as AnnouncementDialog
+};

package/dist/components/dialog/announcement_dialog/AnnouncementDialog.module.scss.js

@@ -0,0 +1,13 @@
+import '../../../assets/components/dialog/announcement_dialog/AnnouncementDialog.module-X5I5xt5N.css';const n = "_container_14wlv_3", t = "_fullWidth_14wlv_11", o = "_icon_14wlv_15", c = "_content_14wlv_32", l = {
+  container: n,
+  fullWidth: t,
+  icon: o,
+  content: c
+};
+export {
+  n as container,
+  c as content,
+  l as default,
+  t as fullWidth,
+  o as icon
+};

package/dist/components/dialog/confirm_modal/ConfirmModal.js

@@ -1,38 +1,49 @@
-import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
-import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { require_classnames as n } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-import { Button as r } from "../../action/button/Button.js";
-import { useModal as i } from "../modal/useModal.js";
-import { Modal as a } from "../modal/Modal.js";
-import o from "./ConfirmModal.module.js";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import e from "classnames";
 import "react";
-//#region src/components/dialog/confirm_modal/ConfirmModal.jsx
-var s = /* @__PURE__ */ e(n()), c = t(), l = ({ title: e, question: t, confirmLabel: n, cancelLabel: l, onConfirmCallback: u, onCancelCallback: d, confirmButtonClass: f, cancelButtonClass: p }) => {
-	let { hideModal: m } = i(), h = () => {
-		m(), u && u();
-	}, g = () => {
-		m(), d && d();
-	};
-	return /* @__PURE__ */ (0, c.jsx)(a, {
-		title: e,
-		children: /* @__PURE__ */ (0, c.jsxs)("div", { children: [/* @__PURE__ */ (0, c.jsx)("div", {
-			className: o.modalContent,
-			children: t
-		}), /* @__PURE__ */ (0, c.jsxs)("div", {
-			className: o.modalActions,
-			children: [/* @__PURE__ */ (0, c.jsx)(r, {
-				type: "button",
-				className: (0, s.default)(o.modalActionLeft, f),
-				handleClick: () => h(),
-				children: n
-			}), /* @__PURE__ */ (0, c.jsx)(r, {
-				type: "button",
-				className: (0, s.default)(o.modalActionRight, p),
-				handleClick: () => g(),
-				children: l
-			})]
-		})] })
-	});
+import t from "./ConfirmModal.module.scss.js";
+import { useModal as x } from "../modal/useModal.js";
+import { Modal as M } from "../modal/Modal.js";
+import { Button as d } from "../../action/button/Button.js";
+const B = ({
+  title: l,
+  question: s,
+  confirmLabel: c,
+  cancelLabel: a,
+  onConfirmCallback: i,
+  onCancelCallback: r,
+  confirmButtonClass: h,
+  cancelButtonClass: p
+}) => {
+  const { hideModal: m } = x(), f = () => {
+    m(), i && i();
+  }, u = () => {
+    m(), r && r();
+  };
+  return /* @__PURE__ */ o(M, { title: l, children: /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ o("div", { className: t.modalContent, children: s }),
+    /* @__PURE__ */ n("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ o(
+        d,
+        {
+          type: "button",
+          className: e(t.modalActionLeft, h),
+          handleClick: () => f(),
+          children: c
+        }
+      ),
+      /* @__PURE__ */ o(
+        d,
+        {
+          type: "button",
+          className: e(t.modalActionRight, p),
+          handleClick: () => u(),
+          children: a
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  B as ConfirmModal
 };
-//#endregion
-export { l as ConfirmModal };

package/dist/components/dialog/confirm_modal/ConfirmModal.module.scss.js

@@ -0,0 +1,13 @@
+import '../../../assets/components/dialog/confirm_modal/ConfirmModal.module-CWzzKcm5.css';const o = "_modalContent_2sp8s_3", t = "_modalActions_2sp8s_14", n = "_modalActionLeft_2sp8s_23", s = "_modalActionRight_2sp8s_29", a = {
+  modalContent: o,
+  modalActions: t,
+  modalActionLeft: n,
+  modalActionRight: s
+};
+export {
+  a as default,
+  n as modalActionLeft,
+  s as modalActionRight,
+  t as modalActions,
+  o as modalContent
+};