@selfcommunity/react-ui 0.11.0-alpha.11 → 0.11.0-alpha.110

package/lib/esm/assets/custom/formazione.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDYwMCA2MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzE2MykiPgo8cmVjdCB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0id2hpdGUiLz4KPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSI2MDAiIHJ4PSIzMCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMwMCA1NTBDNDM4LjA3MSA1NTAgNTUwIDQzOC4wNzEgNTUwIDMwMEM1NTAgMTYxLjkyOSA0MzguMDcxIDUwIDMwMCA1MEMxNjEuOTI5IDUwIDUwIDE2MS45MjkgNTAgMzAwQzUwIDQzOC4wNzEgMTYxLjkyOSA1NTAgMzAwIDU1MFoiIGZpbGw9IiNCQkU2OTUiLz4KPHBhdGggZD0iTTUyNy42OTUgMTk2LjYwMlY0MDMuMzk5QzUwNC43NjYgNDUzLjgyOCA0NjUuNTQ3IDQ5NS4zMTMgNDE2Ljc1OCA1MjEuMTMzTDEzOS44MDUgNDkxLjk5MkMxMTguNzExIDQ3NC4zMzYgMTAwLjU0NyA0NTMuMjgxIDg2LjE3MTkgNDI5LjY0OVYxNjMuMzk5Qzg2LjE3MTkgMTUzLjIwMyA5Mi43MzQ0IDE0NC4yMTkgMTAwLjkzNyAxNDMuMzZMMTA1LjU0NyAxNDIuODkxTDQ1Ny40NjEgMTA1Ljg2QzQ4Ny4zNDQgMTMwLjA3OCA1MTEuNTYyIDE2MS4xMzMgNTI3LjY5NSAxOTYuNjAyWiIgZmlsbD0iIzkxRDI1NyIvPgo8cGF0aCBkPSJNNDkwLjk3NyA4Ny4zMDQ2SDQ3MS4yNUw0NzQuODA1IDg4LjkwNjJMMTA2LjAxNiAxMjcuNzM0Qzk3LjgxMjcgMTI4LjU5NCA5MS4yMTEyIDEzNy41NzggOTEuMjExMiAxNDcuNzczVjQ1Mi4yNjZDOTEuMjExMiA0NjIuNDYxIDk3LjgxMjcgNDcxLjQwNiAxMDYuMDE2IDQ3Mi4zMDVMNDcyLjI2NiA1MTAuODU5TDQ3MC43MDMgNTEyLjc3M0g0OTIuNDIyQzUwMy40NzcgNTEyLjI2NiA1MTIuMDcxIDUwMy41MTYgNTEyLjA3MSA0OTEuNzk3VjEwOC4yNDJDNTEyLjA3MSA5Ni4wNTQ2IDUwMi43MzUgODcuMDcwMyA0OTAuOTc3IDg3LjMwNDZaIiBmaWxsPSIjOUFBQUIyIi8+CjxwYXRoIGQ9Ik00NjguMzk4IDg3LjQyMTZMODUuMzEyNSAxMjcuNzM0Qzc3LjEwOTQgMTI4LjU5NCA3MC41MDc4IDEzNy41MzkgNzAuNTA3OCAxNDcuNzczVjQ1Mi4yNjVDNzAuNTA3OCA0NjIuNDYxIDc3LjEwOTQgNDcxLjQwNiA4NS4zMTI1IDQ3Mi4zMDRMNDY4LjM5OCA1MTIuNjE3QzQ4MS4wMTYgNTEzLjk0NSA0OTEuNDA2IDUwNC42MDkgNDkxLjQwNiA0OTEuNzk3VjEwOC4yNDJDNDkxLjQwNiA5NS4zOTA0IDQ4MS4wNTUgODYuMDkzNSA0NjguMzk4IDg3LjQyMTZaIiBmaWxsPSIjQjBDRkRFIi8+CjxwYXRoIGQ9Ik0xMDAuMTU2IDQwOC41MTVWMTkxLjUyM0MxMTIuNzM1IDE5MC43MDMgMTIzLjEyNSAxNzcuMzA0IDEyMy4xMjUgMTYxLjY0TDQxMy42NzIgMTM3LjYxN0M0MTMuNjcyIDE1Ni4wMTUgNDI4LjEyNSAxNjkuOTYxIDQ0Ni4yNSAxNjguNzg5VjQzMS4yNUM0MjguMTI1IDQzMC4wNzggNDEzLjY3MiA0NDQuMDIzIDQxMy42NzIgNDYyLjQyMkwxMjMuMTI1IDQzOC4zOThDMTIzLjEyNSA0MjIuNzM0IDExMi43NzQgNDA5LjMzNiAxMDAuMTU2IDQwOC41MTVaIiBmaWxsPSIjRURGNEZCIi8+CjxwYXRoIGQ9Ik0zNDUuNDY5IDIzNi44NzVDMzUzLjc1IDIzNi4yMTEgMzYyLjQyMiAyMzYuMzY3IDM3MS40MDYgMjM3LjM4M0MzNzMuODY3IDIzNy42OTUgMzc0LjQ5MiAyMzQuNjg4IDM3Mi4zMDQgMjMyLjYxN0MzNTQuNTMxIDIxNi4xMzMgMzM0Ljc2NSAyMDQuNDUzIDMxNC4yNTggMTk3LjM4M0MzMTAuMDM5IDIxMC4yMzQgMzA1LjgyIDIyMy4wMDggMzAxLjY0IDIzNS43NDJDMzE3LjUgMjQxLjYwMiAzMzIuNjk1IDI1MC45NzcgMzQ2LjMyOCAyNjMuOTg0QzM0OC4wMDggMjY1LjU4NiAzNTAuNDY5IDI2NC41NyAzNTAuMjM0IDI2Mi4yNjZDMzQ5LjI5NyAyNTMuODY3IDM0Ny43MzQgMjQ1LjM1MiAzNDUuNDY5IDIzNi44NzVaIiBmaWxsPSIjNzg5ODNEIi8+CjxwYXRoIGQ9Ik0xNTUuMDc4IDI0NC40NTNDMTYyLjIyNiAyNDMuMDQ3IDE2OS4yNTcgMjQyLjQyMiAxNzYuMDU0IDI0Mi41MzlDMTc0LjE3OSAyNTAuMzUxIDE3Mi44OSAyNTguMTY0IDE3Mi4xMDkgMjY1LjgyQzE3MS45MTQgMjY3LjkzIDE3My45NDUgMjY4Ljc4OSAxNzUuMzUxIDI2Ny4yNjVDMTg2Ljc5NiAyNTQuODA1IDE5OS45NiAyNDUuMjczIDIxNC4xMDEgMjM4LjgyOEMyMTAuMzEyIDIyNy4wMzEgMjA2LjU2MiAyMTUuMjczIDIwMi44MTIgMjAzLjU1NUMxODUuMDc4IDIxMi4wNyAxNjguNjMyIDIyNC4zNzUgMTU0LjQxNCAyNDAuMzEyQzE1Mi42OTUgMjQyLjI2NSAxNTMuMTY0IDI0NC44ODMgMTU1LjExNyAyNDQuNDkyTDE1NS4wNzggMjQ0LjQ1M1oiIGZpbGw9IiM3ODk4M0QiLz4KPHBhdGggZD0iTTMyNy43NzMgMjI4Ljk0NUMyODMuMDQ3IDIwMy45MDYgMjMxLjI1IDIwNi42MDEgMTkwLjkzOCAyMzQuMTAxQzE4Ni4yMTEgMjI0LjE3OSAxODEuNTIzIDIxNC4zMzYgMTc2LjgzNiAyMDQuNTMxQzIyNS42MjUgMTcwLjE1NiAyODguOTg0IDE2NS41MDggMzQ0LjQxNCAxOTUuMjczQzMzOC44MjggMjA2LjU2MiAzMzMuMjgxIDIxNy43NzMgMzI3LjczNCAyMjguOTA2TDMyNy43NzMgMjI4Ljk0NVoiIGZpbGw9IiM5MUI5M0UiLz4KPHBhdGggZD0iTTM3OS4wNjMgMzM0Ljk2MUwxNDkuMDYzIDMzMC43ODFWMzE2LjU2M0wzNzkuMDYzIDMxOC43ODlWMzM0Ljk2MVoiIGZpbGw9IiM5RkIyQkIiLz4KPHBhdGggZD0iTTM3OS4wNjMgMzc4LjA0N0wxNDkuMDYzIDM2OC43NVYzNTQuNDkyTDM3OS4wNjMgMzYxLjg3NVYzNzguMDQ3WiIgZmlsbD0iIzlGQjJCQiIvPgo8cGF0aCBkPSJNMzE4LjUxNSA0MTcuMzQ0TDE5OS4wMjMgNDA5Ljg0NFYzOTUuMTk1TDMxOC41MTUgNDAxLjY4VjQxNy4zNDRaIiBmaWxsPSIjOUZCMkJCIi8+CjxwYXRoIGQ9Ik0yODIuNTc4IDI2Ni4wMTVDMjgyLjU3OCAyODIuMTA5IDI3MC45MzcgMjk1LjE5NSAyNTYuNzk3IDI5NS4yMzRDMjQyLjg1MiAyOTUuMjM0IDIzMS43MTkgMjgyLjYxNyAyMzEuNzE5IDI2Ni45NTNDMjMxLjcxOSAyNTEuMjg5IDI0Mi44NTIgMjM4LjI0MiAyNTYuNzk3IDIzNy43MzRDMjcwLjkzNyAyMzcuMjY1IDI4Mi41NzggMjQ5Ljg4MiAyODIuNTc4IDI2NS45NzZWMjY2LjAxNVoiIGZpbGw9IiNGQTA1MDEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xXzE2MyI+CjxyZWN0IHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";
+export default _default;

package/lib/esm/assets/custom/formazione.js

@@ -0,0 +1 @@
+export default 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDYwMCA2MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xXzE2MykiPgo8cmVjdCB3aWR0aD0iNjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0id2hpdGUiLz4KPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSI2MDAiIHJ4PSIzMCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMwMCA1NTBDNDM4LjA3MSA1NTAgNTUwIDQzOC4wNzEgNTUwIDMwMEM1NTAgMTYxLjkyOSA0MzguMDcxIDUwIDMwMCA1MEMxNjEuOTI5IDUwIDUwIDE2MS45MjkgNTAgMzAwQzUwIDQzOC4wNzEgMTYxLjkyOSA1NTAgMzAwIDU1MFoiIGZpbGw9IiNCQkU2OTUiLz4KPHBhdGggZD0iTTUyNy42OTUgMTk2LjYwMlY0MDMuMzk5QzUwNC43NjYgNDUzLjgyOCA0NjUuNTQ3IDQ5NS4zMTMgNDE2Ljc1OCA1MjEuMTMzTDEzOS44MDUgNDkxLjk5MkMxMTguNzExIDQ3NC4zMzYgMTAwLjU0NyA0NTMuMjgxIDg2LjE3MTkgNDI5LjY0OVYxNjMuMzk5Qzg2LjE3MTkgMTUzLjIwMyA5Mi43MzQ0IDE0NC4yMTkgMTAwLjkzNyAxNDMuMzZMMTA1LjU0NyAxNDIuODkxTDQ1Ny40NjEgMTA1Ljg2QzQ4Ny4zNDQgMTMwLjA3OCA1MTEuNTYyIDE2MS4xMzMgNTI3LjY5NSAxOTYuNjAyWiIgZmlsbD0iIzkxRDI1NyIvPgo8cGF0aCBkPSJNNDkwLjk3NyA4Ny4zMDQ2SDQ3MS4yNUw0NzQuODA1IDg4LjkwNjJMMTA2LjAxNiAxMjcuNzM0Qzk3LjgxMjcgMTI4LjU5NCA5MS4yMTEyIDEzNy41NzggOTEuMjExMiAxNDcuNzczVjQ1Mi4yNjZDOTEuMjExMiA0NjIuNDYxIDk3LjgxMjcgNDcxLjQwNiAxMDYuMDE2IDQ3Mi4zMDVMNDcyLjI2NiA1MTAuODU5TDQ3MC43MDMgNTEyLjc3M0g0OTIuNDIyQzUwMy40NzcgNTEyLjI2NiA1MTIuMDcxIDUwMy41MTYgNTEyLjA3MSA0OTEuNzk3VjEwOC4yNDJDNTEyLjA3MSA5Ni4wNTQ2IDUwMi43MzUgODcuMDcwMyA0OTAuOTc3IDg3LjMwNDZaIiBmaWxsPSIjOUFBQUIyIi8+CjxwYXRoIGQ9Ik00NjguMzk4IDg3LjQyMTZMODUuMzEyNSAxMjcuNzM0Qzc3LjEwOTQgMTI4LjU5NCA3MC41MDc4IDEzNy41MzkgNzAuNTA3OCAxNDcuNzczVjQ1Mi4yNjVDNzAuNTA3OCA0NjIuNDYxIDc3LjEwOTQgNDcxLjQwNiA4NS4zMTI1IDQ3Mi4zMDRMNDY4LjM5OCA1MTIuNjE3QzQ4MS4wMTYgNTEzLjk0NSA0OTEuNDA2IDUwNC42MDkgNDkxLjQwNiA0OTEuNzk3VjEwOC4yNDJDNDkxLjQwNiA5NS4zOTA0IDQ4MS4wNTUgODYuMDkzNSA0NjguMzk4IDg3LjQyMTZaIiBmaWxsPSIjQjBDRkRFIi8+CjxwYXRoIGQ9Ik0xMDAuMTU2IDQwOC41MTVWMTkxLjUyM0MxMTIuNzM1IDE5MC43MDMgMTIzLjEyNSAxNzcuMzA0IDEyMy4xMjUgMTYxLjY0TDQxMy42NzIgMTM3LjYxN0M0MTMuNjcyIDE1Ni4wMTUgNDI4LjEyNSAxNjkuOTYxIDQ0Ni4yNSAxNjguNzg5VjQzMS4yNUM0MjguMTI1IDQzMC4wNzggNDEzLjY3MiA0NDQuMDIzIDQxMy42NzIgNDYyLjQyMkwxMjMuMTI1IDQzOC4zOThDMTIzLjEyNSA0MjIuNzM0IDExMi43NzQgNDA5LjMzNiAxMDAuMTU2IDQwOC41MTVaIiBmaWxsPSIjRURGNEZCIi8+CjxwYXRoIGQ9Ik0zNDUuNDY5IDIzNi44NzVDMzUzLjc1IDIzNi4yMTEgMzYyLjQyMiAyMzYuMzY3IDM3MS40MDYgMjM3LjM4M0MzNzMuODY3IDIzNy42OTUgMzc0LjQ5MiAyMzQuNjg4IDM3Mi4zMDQgMjMyLjYxN0MzNTQuNTMxIDIxNi4xMzMgMzM0Ljc2NSAyMDQuNDUzIDMxNC4yNTggMTk3LjM4M0MzMTAuMDM5IDIxMC4yMzQgMzA1LjgyIDIyMy4wMDggMzAxLjY0IDIzNS43NDJDMzE3LjUgMjQxLjYwMiAzMzIuNjk1IDI1MC45NzcgMzQ2LjMyOCAyNjMuOTg0QzM0OC4wMDggMjY1LjU4NiAzNTAuNDY5IDI2NC41NyAzNTAuMjM0IDI2Mi4yNjZDMzQ5LjI5NyAyNTMuODY3IDM0Ny43MzQgMjQ1LjM1MiAzNDUuNDY5IDIzNi44NzVaIiBmaWxsPSIjNzg5ODNEIi8+CjxwYXRoIGQ9Ik0xNTUuMDc4IDI0NC40NTNDMTYyLjIyNiAyNDMuMDQ3IDE2OS4yNTcgMjQyLjQyMiAxNzYuMDU0IDI0Mi41MzlDMTc0LjE3OSAyNTAuMzUxIDE3Mi44OSAyNTguMTY0IDE3Mi4xMDkgMjY1LjgyQzE3MS45MTQgMjY3LjkzIDE3My45NDUgMjY4Ljc4OSAxNzUuMzUxIDI2Ny4yNjVDMTg2Ljc5NiAyNTQuODA1IDE5OS45NiAyNDUuMjczIDIxNC4xMDEgMjM4LjgyOEMyMTAuMzEyIDIyNy4wMzEgMjA2LjU2MiAyMTUuMjczIDIwMi44MTIgMjAzLjU1NUMxODUuMDc4IDIxMi4wNyAxNjguNjMyIDIyNC4zNzUgMTU0LjQxNCAyNDAuMzEyQzE1Mi42OTUgMjQyLjI2NSAxNTMuMTY0IDI0NC44ODMgMTU1LjExNyAyNDQuNDkyTDE1NS4wNzggMjQ0LjQ1M1oiIGZpbGw9IiM3ODk4M0QiLz4KPHBhdGggZD0iTTMyNy43NzMgMjI4Ljk0NUMyODMuMDQ3IDIwMy45MDYgMjMxLjI1IDIwNi42MDEgMTkwLjkzOCAyMzQuMTAxQzE4Ni4yMTEgMjI0LjE3OSAxODEuNTIzIDIxNC4zMzYgMTc2LjgzNiAyMDQuNTMxQzIyNS42MjUgMTcwLjE1NiAyODguOTg0IDE2NS41MDggMzQ0LjQxNCAxOTUuMjczQzMzOC44MjggMjA2LjU2MiAzMzMuMjgxIDIxNy43NzMgMzI3LjczNCAyMjguOTA2TDMyNy43NzMgMjI4Ljk0NVoiIGZpbGw9IiM5MUI5M0UiLz4KPHBhdGggZD0iTTM3OS4wNjMgMzM0Ljk2MUwxNDkuMDYzIDMzMC43ODFWMzE2LjU2M0wzNzkuMDYzIDMxOC43ODlWMzM0Ljk2MVoiIGZpbGw9IiM5RkIyQkIiLz4KPHBhdGggZD0iTTM3OS4wNjMgMzc4LjA0N0wxNDkuMDYzIDM2OC43NVYzNTQuNDkyTDM3OS4wNjMgMzYxLjg3NVYzNzguMDQ3WiIgZmlsbD0iIzlGQjJCQiIvPgo8cGF0aCBkPSJNMzE4LjUxNSA0MTcuMzQ0TDE5OS4wMjMgNDA5Ljg0NFYzOTUuMTk1TDMxOC41MTUgNDAxLjY4VjQxNy4zNDRaIiBmaWxsPSIjOUZCMkJCIi8+CjxwYXRoIGQ9Ik0yODIuNTc4IDI2Ni4wMTVDMjgyLjU3OCAyODIuMTA5IDI3MC45MzcgMjk1LjE5NSAyNTYuNzk3IDI5NS4yMzRDMjQyLjg1MiAyOTUuMjM0IDIzMS43MTkgMjgyLjYxNyAyMzEuNzE5IDI2Ni45NTNDMjMxLjcxOSAyNTEuMjg5IDI0Mi44NTIgMjM4LjI0MiAyNTYuNzk3IDIzNy43MzRDMjcwLjkzNyAyMzcuMjY1IDI4Mi41NzggMjQ5Ljg4MiAyODIuNTc4IDI2NS45NzZWMjY2LjAxNVoiIGZpbGw9IiNGQTA1MDEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xXzE2MyI+CjxyZWN0IHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=';

package/lib/esm/components/AcceptRequestUserEventButton/AcceptRequestUserEventButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { EventService } from '@selfcommunity/api-services';
 import { useSCFetchEvent, useSCFetchUser } from '@selfcommunity/react-core';
@@ -11,6 +11,7 @@ import { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
+import { useSnackbar } from 'notistack';
 const PREFIX = 'SCAcceptRequestUserEventButton';
 const classes = {
     root: `${PREFIX}-root`
@@ -55,16 +56,33 @@ export default function AcceptRequestUserEventButton(inProps) {
     // HOOKS
     const { scEvent } = useSCFetchEvent({ id: eventId, event });
     const { scUser } = useSCFetchUser({ id: userId, user });
+    const { enqueueSnackbar } = useSnackbar();
     const handleConfirmAction = useCallback(() => {
         setLoading(true);
         EventService.inviteOrAcceptEventRequest(scEvent.id, { users: [scUser.id] })
             .then(() => {
-            handleConfirm === null || handleConfirm === void 0 ? void 0 : handleConfirm(scUser.id);
+            if (handleConfirm) {
+                handleConfirm(scUser.id);
+            }
+            else {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.acceptRequestUserEventButton.snackbar.success", defaultMessage: "ui.acceptRequestUserEventButton.snackbar.success" }), {
+                    variant: 'error',
+                    autoHideDuration: 3000
+                });
+            }
             setLoading(false);
             setOpenDialog(false);
         })
             .catch((error) => {
-            handleConfirm === null || handleConfirm === void 0 ? void 0 : handleConfirm(null);
+            if (handleConfirm) {
+                handleConfirm(null);
+            }
+            else {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                    variant: 'error',
+                    autoHideDuration: 3000
+                });
+            }
             Logger.error(SCOPE_SC_UI, error);
         });
     }, [scEvent, scUser]);

package/lib/esm/components/AcceptRequestUserGroupButton/AcceptRequestUserGroupButton.d.ts

@@ -0,0 +1,61 @@
+import { SCGroupType, SCUserType } from '@selfcommunity/types';
+import { HTMLAttributes } from 'react';
+export interface AcceptRequestUserGroupButtonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: HTMLAttributes<HTMLButtonElement>['className'];
+    /**
+     * Id of the group
+     * @default null
+     */
+    groupId?: number;
+    /**
+     * Group
+     * @default null
+     */
+    group?: SCGroupType;
+    /**
+     * Id of the user
+     * @default null
+     */
+    userId?: number;
+    /**
+     * Group
+     * @default null
+     */
+    user?: SCUserType;
+    /**
+     * Callback when user accept request
+     * @default null
+     */
+    handleConfirm?: ((id: number | null) => void) | null;
+    /**
+     * Others properties
+     */
+    [p: string]: any;
+}
+/**
+ * > API documentation for the Community-JS Accept Request User Group Button component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {AcceptRequestUserGroupButton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAcceptRequestUserEventButton` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCAcceptRequestUserGroupButton-root|Styles applied to the root element.|
+
+ * @param inProps
+ */
+export default function AcceptRequestUserGroupButton(inProps: AcceptRequestUserGroupButtonProps): JSX.Element;

package/lib/esm/components/AcceptRequestUserGroupButton/AcceptRequestUserGroupButton.js

@@ -0,0 +1,103 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoadingButton } from '@mui/lab';
+import { styled } from '@mui/material';
+import { useThemeProps } from '@mui/system';
+import { GroupService } from '@selfcommunity/api-services';
+import { useSCFetchGroup, useSCFetchUser } from '@selfcommunity/react-core';
+import { Logger } from '@selfcommunity/utils';
+import classNames from 'classnames';
+import { useCallback, useState } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
+import { useSnackbar } from 'notistack';
+import { SCGroupEventType, SCTopicType } from '../../constants/PubSub';
+import PubSub from 'pubsub-js';
+const PREFIX = 'SCAcceptRequestUserEventButton';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const AcceptButton = styled(LoadingButton, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (_props, styles) => styles.root
+})(() => ({}));
+/**
+ * > API documentation for the Community-JS Accept Request User Group Button component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {AcceptRequestUserGroupButton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAcceptRequestUserEventButton` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCAcceptRequestUserGroupButton-root|Styles applied to the root element.|
+
+ * @param inProps
+ */
+export default function AcceptRequestUserGroupButton(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className, groupId, group, userId, user, handleConfirm = null } = props, rest = __rest(props, ["className", "groupId", "group", "userId", "user", "handleConfirm"]);
+    // STATE
+    const [loading, setLoading] = useState(false);
+    const [openDialog, setOpenDialog] = useState(false);
+    // HOOKS
+    const { scGroup } = useSCFetchGroup({ id: groupId, group });
+    const { scUser } = useSCFetchUser({ id: userId, user });
+    const { enqueueSnackbar } = useSnackbar();
+    /**
+     * Notify UI when a member is added to a group
+     * @param group
+     * @param user
+     */
+    function notifyChanges(group, user) {
+        if (group && user) {
+            PubSub.publish(`${SCTopicType.GROUP}.${SCGroupEventType.ADD_MEMBER}`, { group, user });
+        }
+    }
+    const handleConfirmAction = useCallback(() => {
+        setLoading(true);
+        GroupService.inviteOrAcceptGroupRequest(scGroup.id, { users: [scUser.id] })
+            .then(() => {
+            if (handleConfirm) {
+                handleConfirm(scUser.id);
+            }
+            else {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.acceptRequestUserGroupButton.snackbar.success", defaultMessage: "ui.acceptRequestUserGroupButton.snackbar.success" }), {
+                    variant: 'error',
+                    autoHideDuration: 3000
+                });
+            }
+            notifyChanges(scGroup, scUser);
+            setLoading(false);
+            setOpenDialog(false);
+        })
+            .catch((error) => {
+            if (handleConfirm) {
+                handleConfirm(null);
+            }
+            else {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                    variant: 'error',
+                    autoHideDuration: 3000
+                });
+            }
+            Logger.error(SCOPE_SC_UI, error);
+        });
+    }, [scGroup, scUser]);
+    return (_jsxs(_Fragment, { children: [_jsx(AcceptButton, Object.assign({ size: "small", variant: "outlined", onClick: () => setOpenDialog(true), loading: loading, className: classNames(classes.root, className) }, rest, { children: _jsx(FormattedMessage, { defaultMessage: "ui.acceptRequestUserGroupButton.accept", id: "ui.acceptRequestUserGroupButton.accept" }) })), openDialog && (_jsx(ConfirmDialog, { open: openDialog, title: _jsx(FormattedMessage, { id: "ui.acceptRequestUserGroupButton.dialog.title", defaultMessage: "ui.acceptRequestUserGroupButton.dialog.title" }), content: _jsx(FormattedMessage, { id: "ui.acceptRequestUserGroupButton.dialog.msg", defaultMessage: "ui.acceptRequestUserGroupButton.dialog.msg" }), btnConfirm: _jsx(FormattedMessage, { id: "ui.acceptRequestUserGroupButton.dialog.confirm", defaultMessage: "ui.acceptRequestUserGroupButton.dialog.confirm" }), isUpdating: loading, onConfirm: handleConfirmAction, onClose: () => setOpenDialog(false) }))] }));
+}

package/lib/esm/components/AcceptRequestUserGroupButton/index.d.ts

@@ -0,0 +1,3 @@
+import AcceptRequestUserGroupButton, { AcceptRequestUserGroupButtonProps } from './AcceptRequestUserGroupButton';
+export default AcceptRequestUserGroupButton;
+export { AcceptRequestUserGroupButtonProps };

package/lib/esm/components/AcceptRequestUserGroupButton/index.js

@@ -0,0 +1,2 @@
+import AcceptRequestUserGroupButton from './AcceptRequestUserGroupButton';
+export default AcceptRequestUserGroupButton;

package/lib/esm/components/AccountChangeMailValidation/AccountChangeMailValidation.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
-import { Alert, Box, CircularProgress } from '@mui/material';
+import { Alert, Box, CircularProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { UserService } from '@selfcommunity/api-services';

package/lib/esm/components/AccountDataPortability/AccountDataPortability.js

@@ -2,10 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Box, Typography } from '@mui/material';
+import { Box, Typography, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
-import Icon from '@mui/material/Icon';
 import { LoadingButton } from '@mui/lab';
 import { DataPortabilityService } from '@selfcommunity/api-services';
 import { capitalize, Logger } from '@selfcommunity/utils';

package/lib/esm/components/AccountDataPortabilityButton/AccountDataPortabilityButton.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import { Button } from '@mui/material';
+import { Button, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useSCUser } from '@selfcommunity/react-core';
 import BaseDialog from '../../shared/BaseDialog';

package/lib/esm/components/AccountDelete/AccountDelete.js

@@ -2,8 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Box, TextField, Typography } from '@mui/material';
+import { Box, TextField, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import { UserService } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';

package/lib/esm/components/AccountDeleteButton/AccountDeleteButton.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import { Button } from '@mui/material';
+import { Button, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { UserUtils, useSCUser } from '@selfcommunity/react-core';
 import BaseDialog from '../../shared/BaseDialog';

package/lib/esm/components/AccountRecover/AccountRecover.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
-import { Box, Button, Alert } from '@mui/material';
+import { Box, Button, Alert, styled } from '@mui/material';
 import classNames from 'classnames';
 import { FormattedMessage, useIntl } from 'react-intl';
 import EmailTextField from '../../shared/EmailTextField';

package/lib/esm/components/AccountReset/AccountReset.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
-import { Alert, Box, Button, CircularProgress } from '@mui/material';
+import { Alert, Box, Button, CircularProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/AccountVerify/AccountVerify.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
-import { Alert, Box, CircularProgress } from '@mui/material';
+import { Alert, Box, CircularProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { AccountService } from '@selfcommunity/api-services';

package/lib/esm/components/BottomNavigation/BottomNavigation.d.ts

@@ -1,5 +1,10 @@
 import { BottomNavigationProps as MuiBottomNavigationProps } from '@mui/material';
-export type BottomNavigationProps = MuiBottomNavigationProps;
+export interface BottomNavigationProps extends MuiBottomNavigationProps {
+    /**
+     * Callback on click home
+     */
+    onClickHome?: () => void;
+}
 /**
  * > API documentation for the Community-JS Bottom Navigation component. Learn about the available props and the CSS API.
  *

package/lib/esm/components/BottomNavigation/BottomNavigation.js

@@ -1,13 +1,14 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Badge, BottomNavigation as MuiBottomNavigation, BottomNavigationAction, Icon, styled } from '@mui/material';
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { Link, SCPreferences, SCRoutes, UserUtils, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { SCFeatureName } from '@selfcommunity/types';
 import { iOS } from '@selfcommunity/utils';
 import ComposerIconButton from '../ComposerIconButton';
+import { scroll } from 'seamless-scroll-polyfill';
 const PREFIX = 'SCBottomNavigation';
 const classes = {
     root: `${PREFIX}-root`,
@@ -53,14 +54,14 @@ export default function BottomNavigation(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className, children = null } = props, rest = __rest(props, ["className", "children"]);
+    const { className, children = null, onClickHome } = props, rest = __rest(props, ["className", "children", "onClickHome"]);
     // CONTEXT
     const scUserContext = useSCUser();
     const scRoutingContext = useSCRouting();
     // PREFERENCES
     const { preferences, features } = useSCPreferences();
     // MEMO
-    const privateMessagingEnabled = useMemo(() => features.includes(SCFeatureName.PRIVATE_MESSAGING), [features]);
+    const privateMessagingEnabled = useMemo(() => SCPreferences.ADDONS_PRIVATE_MESSAGES_ENABLED in preferences && preferences[SCPreferences.ADDONS_PRIVATE_MESSAGES_ENABLED].value, [preferences]);
     const groupsEnabled = useMemo(() => preferences &&
         features &&
         features.includes(SCFeatureName.TAGGING) &&
@@ -73,25 +74,51 @@ export default function BottomNavigation(inProps) {
         features.includes(SCFeatureName.EVENT) &&
         SCPreferences.CONFIGURATIONS_EVENTS_ENABLED in preferences &&
         preferences[SCPreferences.CONFIGURATIONS_EVENTS_ENABLED].value, [preferences, features]);
+    const coursesEnabled = useMemo(() => preferences &&
+        features &&
+        features.includes(SCFeatureName.COURSE) &&
+        SCPreferences.CONFIGURATIONS_COURSES_ENABLED in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_COURSES_ENABLED].value, [preferences, features]);
     const exploreStreamEnabled = preferences[SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED].value;
     const postOnlyStaffEnabled = preferences[SCPreferences.CONFIGURATIONS_POST_ONLY_STAFF_ENABLED].value;
     const contentAvailable = preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value;
     const isIOS = useMemo(() => iOS(), []);
+    const handleClickHome = useCallback(() => {
+        if (onClickHome) {
+            onClickHome();
+        }
+        else {
+            const pathName = window.location.pathname;
+            if (pathName && (pathName === '/' || pathName === scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}))) {
+                scroll(window, { top: 0, behavior: 'smooth' });
+            }
+        }
+    }, [onClickHome]);
     // RENDER
     return (_jsx(Root, Object.assign({ className: classNames(className, classes.root, { [classes.ios]: isIOS }) }, rest, { children: children
             ? children
             : [
-                _jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scUserContext.user ? scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}) : '/', value: scUserContext.user ? scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}) : '/', icon: _jsx(Icon, { children: "home" }) }, "home"),
-                (scUserContext.user || contentAvailable) && exploreStreamEnabled ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {}), icon: _jsx(Icon, { children: "explore" }) }, "explore")) : null,
-                (!postOnlyStaffEnabled || (UserUtils.isStaff(scUserContext.user) && postOnlyStaffEnabled)) &&
+                _jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scUserContext.user ? scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}) : '/', value: scUserContext.user ? scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}) : '/', icon: _jsx(Icon, { children: "home" }), onClick: handleClickHome }, "home"),
+                // (scUserContext.user || contentAvailable) && exploreStreamEnabled ? (
+                //   <BottomNavigationAction
+                //     key="explore"
+                //     className={classes.action}
+                //     component={Link}
+                //     to={scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {})}
+                //     value={scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {})}
+                //     icon={<Icon>explore</Icon>}
+                //   />
+                // ) : null,
+                (!postOnlyStaffEnabled || UserUtils.isStaff(scUserContext.user) || UserUtils.isPublisher(scUserContext.user)) &&
                     ((groupsEnabled && !eventsEnabled) || (!groupsEnabled && eventsEnabled)) &&
                     !exploreStreamEnabled ? (_jsx(BottomNavigationAction, { className: classNames(classes.composer, classes.action), component: ComposerIconButton, disableRipple: true }, "composer")) : null,
+                coursesEnabled && (scUserContext.user || contentAvailable) ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.COURSES_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.COURSES_ROUTE_NAME, {}), icon: _jsx(Icon, { children: "courses" }) }, "courses")) : null,
                 groupsEnabled && scUserContext.user ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.GROUPS_SUBSCRIBED_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.GROUPS_SUBSCRIBED_ROUTE_NAME, {}), icon: _jsx(Icon, { children: "groups" }) }, "groups")) : null,
                 (!postOnlyStaffEnabled || (UserUtils.isStaff(scUserContext.user) && postOnlyStaffEnabled)) &&
                     groupsEnabled &&
                     eventsEnabled &&
                     !exploreStreamEnabled ? (_jsx(BottomNavigationAction, { className: classNames(classes.composer, classes.action), component: ComposerIconButton, disableRipple: true }, "composer")) : null,
-                eventsEnabled ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.EVENTS_ROUTE_NAME, {}), icon: _jsx(Icon, { children: "CalendarIcon" }) }, "events")) : null,
+                eventsEnabled && (scUserContext.user || contentAvailable) ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.EVENTS_ROUTE_NAME, {}), icon: _jsx(Icon, { children: "CalendarIcon" }) }, "events")) : null,
                 scUserContext.user && !groupsEnabled && !eventsEnabled ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.USER_NOTIFICATIONS_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.USER_NOTIFICATIONS_ROUTE_NAME, {}), icon: _jsx(Badge, Object.assign({ badgeContent: scUserContext.user.unseen_notification_banners_counter + scUserContext.user.unseen_interactions_counter, color: "secondary" }, { children: _jsx(Icon, { children: "notifications_active" }) })) }, "notifications")) : null,
                 privateMessagingEnabled && scUserContext.user ? (_jsx(BottomNavigationAction, { className: classes.action, component: Link, to: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, {}), value: scRoutingContext.url(SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, {}), icon: _jsx(Badge, Object.assign({ badgeContent: 0, color: "secondary" }, { children: _jsx(Icon, { children: "email" }) })) }, "messages")) : null
             ] })));

package/lib/esm/components/BroadcastMessages/BroadcastMessages.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Button, CardContent } from '@mui/material';
+import { Avatar, Box, Button, CardContent, styled } from '@mui/material';
 import PubSub from 'pubsub-js';
 import { useThemeProps } from '@mui/system';
 import { SCNotificationTopicType, SCNotificationTypologyType } from '@selfcommunity/types';

package/lib/esm/components/BroadcastMessages/Message.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { Avatar, Box, CardContent, CardHeader, CardMedia, Chip, CircularProgress, Fade, IconButton, ListItem, ListItemAvatar, ListItemText, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
+import { Avatar, Box, CardContent, CardHeader, CardMedia, Chip, CircularProgress, Fade, IconButton, ListItem, ListItemAvatar, ListItemText, Typography, styled, Icon } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import MarkRead from '../../shared/MarkRead';

package/lib/esm/components/BroadcastMessages/Skeleton.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Box, CardContent, CardHeader, Skeleton, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, CardContent, CardHeader, Skeleton, useTheme, styled } from '@mui/material';
 import Widget from '../Widget';
 import { PREFIX } from './constants';
 const messageClasses = {

package/lib/esm/components/BuyButton/BuyButton.d.ts

@@ -0,0 +1,73 @@
+import { SCContentType, SCPaymentProduct, SCPurchasableContent } from '@selfcommunity/types';
+import React from 'react';
+import { PaymentOrderPdfButtonProps } from '../PaymentOrderPdfButton';
+export interface BuyButtonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Content type
+     */
+    contentType: SCContentType;
+    /**
+     * Content id
+     */
+    contentId?: number | string;
+    /**
+     * Purchasable Content
+     */
+    content?: SCPurchasableContent;
+    /**
+     * Prefetched products
+     */
+    prefetchedProducts?: SCPaymentProduct[];
+    /**
+     * onPurchase callback
+     * @param user
+     * @param joined
+     */
+    onPurchase?: (contentType: SCContentType, id: number) => any;
+    /**
+     * show ticket button if content is already paid
+     */
+    showTicket?: boolean;
+    /**
+     * Props to spread to the PaymentOrderPdfButton component
+     * @default {}
+     */
+    PaymentOrderPdfButtonComponentProps?: PaymentOrderPdfButtonProps;
+    /**
+     * Overrides the button label.
+     * @default null
+     */
+    label?: React.ReactNode;
+    /**
+     * Others properties
+     */
+    [p: string]: any;
+}
+/**
+ * > API documentation for the Community-JS Buy Button component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {BuyButton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `BuyButton` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCBuyButton-root|Styles applied to the root element.|
+
+ * @param inProps
+ */
+export default function BuyButton(inProps: BuyButtonProps): JSX.Element;