@selfcommunity/react-ui 0.7.50-events.87 → 0.7.50-events.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/assets/onBoarding/android.d.ts +2 -0
- package/lib/cjs/assets/onBoarding/android.js +3 -0
- package/lib/cjs/assets/onBoarding/categoryA.d.ts +2 -0
- package/lib/cjs/assets/onBoarding/categoryA.js +3 -0
- package/lib/cjs/assets/onBoarding/categoryB.d.ts +2 -0
- package/lib/cjs/assets/onBoarding/categoryB.js +3 -0
- package/lib/cjs/assets/onBoarding/header.d.ts +2 -0
- package/lib/cjs/assets/onBoarding/header.js +3 -0
- package/lib/cjs/assets/onBoarding/ios.d.ts +2 -0
- package/lib/cjs/assets/onBoarding/ios.js +3 -0
- package/lib/cjs/assets/onBoarding/progress/category_progress.json +1 -0
- package/lib/cjs/assets/onBoarding/progress/content_progress.json +1 -0
- package/lib/cjs/components/EventHeader/EventHeader.js +2 -1
- package/lib/cjs/components/FeedObject/FeedObject.js +1 -1
- package/lib/cjs/components/Notification/Event/Event.js +1 -1
- package/lib/cjs/components/OnBoardingWidget/OnBoardingWidget.js +2 -1
- package/lib/cjs/components/OnBoardingWidget/Steps/App/App.js +7 -5
- package/lib/cjs/components/OnBoardingWidget/Steps/Category/Category.js +4 -1
- package/lib/cjs/components/OnBoardingWidget/Steps/Content/Content.js +2 -1
- package/lib/esm/assets/onBoarding/android.d.ts +2 -0
- package/lib/esm/assets/onBoarding/android.js +1 -0
- package/lib/esm/assets/onBoarding/categoryA.d.ts +2 -0
- package/lib/esm/assets/onBoarding/categoryA.js +1 -0
- package/lib/esm/assets/onBoarding/categoryB.d.ts +2 -0
- package/lib/esm/assets/onBoarding/categoryB.js +1 -0
- package/lib/esm/assets/onBoarding/header.d.ts +2 -0
- package/lib/esm/assets/onBoarding/header.js +1 -0
- package/lib/esm/assets/onBoarding/ios.d.ts +2 -0
- package/lib/esm/assets/onBoarding/ios.js +1 -0
- package/lib/esm/assets/onBoarding/progress/category_progress.json +1 -0
- package/lib/esm/assets/onBoarding/progress/content_progress.json +1 -0
- package/lib/esm/components/EventHeader/EventHeader.js +2 -1
- package/lib/esm/components/FeedObject/FeedObject.js +1 -1
- package/lib/esm/components/Notification/Event/Event.js +1 -1
- package/lib/esm/components/OnBoardingWidget/OnBoardingWidget.js +2 -1
- package/lib/esm/components/OnBoardingWidget/Steps/App/App.js +7 -5
- package/lib/esm/components/OnBoardingWidget/Steps/Category/Category.js +4 -1
- package/lib/esm/components/OnBoardingWidget/Steps/Content/Content.js +2 -1
- package/lib/umd/react-ui.js +1 -1
- package/package.json +7 -7
|
@@ -8,6 +8,8 @@ import { PREFIX } from '../../constants';
|
|
|
8
8
|
import { Button, CardMedia, Icon, Tab, Tabs, Typography } from '@mui/material';
|
|
9
9
|
import { FormattedMessage } from 'react-intl';
|
|
10
10
|
import { SCOnBoardingStepStatusType } from '@selfcommunity/types';
|
|
11
|
+
import AndroidPlaceholder from '../../../../assets/onBoarding/android';
|
|
12
|
+
import IosPlaceholder from '../../../../assets/onBoarding/ios';
|
|
11
13
|
const classes = {
|
|
12
14
|
root: `${PREFIX}-app-root`,
|
|
13
15
|
title: `${PREFIX}-app-title`,
|
|
@@ -37,33 +39,33 @@ export default function App(inProps) {
|
|
|
37
39
|
const handleChange = (event, newValue) => {
|
|
38
40
|
setTab(newValue);
|
|
39
41
|
};
|
|
40
|
-
return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.title", defaultMessage: "ui.onBoardingWidget.step.app.title" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.summary", defaultMessage: "ui.onBoardingWidget.step.app.summary" }) })), _jsxs(Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, centered: true, variant: "fullWidth", indicatorColor: "primary" }, { children: [_jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.
|
|
42
|
+
return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.title", defaultMessage: "ui.onBoardingWidget.step.app.title" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.summary", defaultMessage: "ui.onBoardingWidget.step.app.summary" }) })), _jsxs(Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, centered: true, variant: "fullWidth", indicatorColor: "primary" }, { children: [_jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.android", defaultMessage: "ui.onBoardingWidget.step.app.tab.android" }) }), _jsx(Tab, { label: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.tab.ios", defaultMessage: "ui.onBoardingWidget.step.app.tab.ios" }) })] })), _jsxs(Box, Object.assign({ className: classes.tabContent }, { children: [tab === 0 && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android", defaultMessage: "ui.onBoardingWidget.step.app.android" }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.a", defaultMessage: "ui.onBoardingWidget.step.app.android.a", values: {
|
|
41
43
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
42
44
|
// @ts-ignore
|
|
43
45
|
icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
|
|
44
46
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
45
47
|
// @ts-ignore
|
|
46
48
|
b: (...chunks) => _jsx("strong", { children: chunks })
|
|
47
|
-
} }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.
|
|
49
|
+
} }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.android.b", defaultMessage: "ui.onBoardingWidget.step.app.android.b", values: {
|
|
48
50
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
49
51
|
// @ts-ignore
|
|
50
52
|
icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
|
|
51
53
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
52
54
|
// @ts-ignore
|
|
53
55
|
b: (...chunks) => _jsx("strong", { children: chunks })
|
|
54
|
-
} }) })), _jsx(CardMedia, { className: classes.image, component: "img", src:
|
|
56
|
+
} }) })), _jsx(CardMedia, { className: classes.image, component: "img", src: AndroidPlaceholder })] })), tab === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios", defaultMessage: "ui.onBoardingWidget.step.app.ios" }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.a", defaultMessage: "ui.onBoardingWidget.step.app.ios.a", values: {
|
|
55
57
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
56
58
|
// @ts-ignore
|
|
57
59
|
icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
|
|
58
60
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
59
61
|
// @ts-ignore
|
|
60
62
|
b: (...chunks) => _jsx("strong", { children: chunks })
|
|
61
|
-
} }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.
|
|
63
|
+
} }) })), _jsx(Typography, Object.assign({ className: classes.step }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.app.ios.b", defaultMessage: "ui.onBoardingWidget.step.app.ios.b", values: {
|
|
62
64
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
63
65
|
// @ts-ignore
|
|
64
66
|
icon: (...chunks) => _jsx(Icon, Object.assign({ fontSize: "medium" }, { children: chunks })),
|
|
65
67
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
66
68
|
// @ts-ignore
|
|
67
69
|
b: (...chunks) => _jsx("strong", { children: chunks })
|
|
68
|
-
} }) })), _jsx(CardMedia, { className: classes.image, component: "img", src:
|
|
70
|
+
} }) })), _jsx(CardMedia, { className: classes.image, component: "img", src: IosPlaceholder })] })), _jsx(Button, Object.assign({ className: classes.button, size: "small", variant: "outlined", color: "secondary", onClick: onCompleteAction, disabled: (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.COMPLETED || (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.IN_PROGRESS }, { children: "Ok!" }))] }))] })));
|
|
69
71
|
}
|
|
@@ -10,6 +10,9 @@ import { PREFIX } from '../../constants';
|
|
|
10
10
|
import ProgressBar from '../../../../shared/ProgressBar';
|
|
11
11
|
import { SCOnBoardingStepStatusType } from '@selfcommunity/types';
|
|
12
12
|
import { Player } from '@lottiefiles/react-lottie-player';
|
|
13
|
+
import CategoryAPlaceholder from '../../../../assets/onBoarding/categoryA';
|
|
14
|
+
import CategoryBPlaceholder from '../../../../assets/onBoarding/categoryB';
|
|
15
|
+
import animatedProgress from '../../../../assets/onBoarding/progress/category_progress.json';
|
|
13
16
|
const classes = {
|
|
14
17
|
root: `${PREFIX}-category-root`,
|
|
15
18
|
title: `${PREFIX}-category-title`,
|
|
@@ -76,5 +79,5 @@ export default function Category(inProps) {
|
|
|
76
79
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
77
80
|
// @ts-ignore
|
|
78
81
|
iconC: (...chunks) => _jsx(CircledLetter, { letter: "c", statement: chunks })
|
|
79
|
-
} }) }), _jsx(CardMedia, { className: classes.image, component: "img", src:
|
|
82
|
+
} }) }), _jsx(CardMedia, { className: classes.image, component: "img", src: CategoryAPlaceholder }), _jsx(CardMedia, { className: classes.image, component: "img", src: CategoryBPlaceholder })] })), _jsx(Box, Object.assign({ component: "span", className: classes.action }, { children: (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.COMPLETED ? (_jsx(Alert, Object.assign({ severity: "success" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.categories.success", defaultMessage: "ui.onBoardingWidget.step.categories.success" }) }))) : (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.IN_PROGRESS ? (_jsxs(Box, Object.assign({ className: classes.progress }, { children: [_jsx(Player, { autoplay: true, loop: true, src: animatedProgress, className: classes.animationProgress, controls: false }), _jsx(ProgressBar, { value: progress, hideBar: true, loadingMessage: _jsx(Typography, Object.assign({ variant: "h4" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.categories.loading", defaultMessage: "ui.onBoardingWidget.step.categories.loading" }) })) })] }))) : (_jsx(Button, Object.assign({ size: "small", variant: "contained", color: "secondary", onClick: handleCategoriesCreation, endIcon: _jsx(Icon, { children: hover ? 'ai_stars' : 'magic_wand' }), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false) }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.onBoardingWidget.step.category.button", id: "ui.onBoardingWidget.step.category.button" }) }))) }))] })));
|
|
80
83
|
}
|
|
@@ -10,6 +10,7 @@ import { FormattedMessage } from 'react-intl';
|
|
|
10
10
|
import { SCOnBoardingStepStatusType } from '@selfcommunity/types';
|
|
11
11
|
import ProgressBar from '../../../../shared/ProgressBar';
|
|
12
12
|
import { Player } from '@lottiefiles/react-lottie-player';
|
|
13
|
+
import animatedProgress from '../../../../assets/onBoarding/progress/content_progress.json';
|
|
13
14
|
const classes = {
|
|
14
15
|
root: `${PREFIX}-content-root`,
|
|
15
16
|
title: `${PREFIX}-content-title`,
|
|
@@ -48,5 +49,5 @@ export default function Content(inProps) {
|
|
|
48
49
|
return () => clearInterval(intervalId);
|
|
49
50
|
}
|
|
50
51
|
}, [step.status, step.completion_percentage]);
|
|
51
|
-
return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.contents", defaultMessage: "ui.onBoardingWidget.contents" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.content.summary", defaultMessage: "ui.onBoardingWidget.step.content.summary" }) })), _jsx(Box, Object.assign({ component: "span", className: classes.action }, { children: (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.COMPLETED ? (_jsx(Alert, Object.assign({ severity: "success" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.contents.success", defaultMessage: "ui.onBoardingWidget.step.contents.success" }) }))) : (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.IN_PROGRESS ? (_jsxs(Box, Object.assign({ className: classes.progress }, { children: [_jsx(Player, { autoplay: true, loop: true, src:
|
|
52
|
+
return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(Typography, Object.assign({ variant: "h4", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.contents", defaultMessage: "ui.onBoardingWidget.contents" }) })), _jsx(Typography, Object.assign({ className: classes.summary }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.content.summary", defaultMessage: "ui.onBoardingWidget.step.content.summary" }) })), _jsx(Box, Object.assign({ component: "span", className: classes.action }, { children: (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.COMPLETED ? (_jsx(Alert, Object.assign({ severity: "success" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.contents.success", defaultMessage: "ui.onBoardingWidget.step.contents.success" }) }))) : (step === null || step === void 0 ? void 0 : step.status) === SCOnBoardingStepStatusType.IN_PROGRESS ? (_jsxs(Box, Object.assign({ className: classes.progress }, { children: [_jsx(Player, { autoplay: true, loop: true, src: animatedProgress, className: classes.animationProgress, controls: false }), _jsx(ProgressBar, { value: progress, hideBar: true, loadingMessage: _jsx(Typography, Object.assign({ variant: "h4" }, { children: _jsx(FormattedMessage, { id: "ui.onBoardingWidget.step.contents.loading", defaultMessage: "ui.onBoardingWidget.step.contents.loading" }) })) })] }))) : (_jsx(Button, Object.assign({ size: "small", variant: "contained", color: "secondary", onClick: handleContentCreation, endIcon: _jsx(Icon, { children: hover ? 'ai_stars' : 'magic_wand' }), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false) }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.onBoardingWidget.step.content.button", id: "ui.onBoardingWidget.step.content.button" }) }))) }))] })));
|
|
52
53
|
}
|