@selfcommunity/react-ui 0.7.0-alpha.6 → 0.7.0-alpha.60

package/lib/esm/components/IncubatorsList/IncubatorsList.js

@@ -9,12 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useReducer, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Button, List, Typography, Box, IconButton, ListItem } from '@mui/material';
 import CardContent from '@mui/material/CardContent';
 import { http, Endpoints } from '@selfcommunity/api-services';
-import { Logger } from '@selfcommunity/utils';
+import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import Skeleton from './Skeleton';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { FormattedMessage } from 'react-intl';
@@ -29,6 +29,8 @@ import { useThemeProps } from '@mui/system';
 import Widget from '../Widget';
 import CreateIncubatorDialog from './CreateIncubatorDialog';
 import IncubatorDetail from '../IncubatorDetail';
+import { actionToolsTypes, dataToolsReducer, stateToolsInitializer } from '../../utils/tools';
+import { SCCache, useIsComponentMountedRef } from '@selfcommunity/react-core';
 const PREFIX = 'SCIncubatorsList';
 const classes = {
     root: `${PREFIX}-root`,
@@ -97,17 +99,19 @@ export default function IncubatorsList(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide = true, className, IncubatorProps = {} } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps"]);
+    const { autoHide = true, className, IncubatorProps = {}, cacheStrategy = CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps", "cacheStrategy", "onHeightChange", "onStateChange"]);
+    // REFS
+    const isMountedRef = useIsComponentMountedRef();
     // STATE
-    const [incubators, setIncubators] = useState([]);
-    const [visibleIncubators, setVisibleIncubators] = useState(limit);
-    const [loading, setLoading] = useState(true);
-    const [hasMore, setHasMore] = useState(false);
-    const [total, setTotal] = useState(0);
+    const [state, dispatch] = useReducer(dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${Endpoints.GetAllIncubators.url()}?limit=10`,
+        cacheKey: SCCache.getToolsStateCacheKey(SCCache.INCUBATORS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY),
+        cacheStrategy
+    }, stateToolsInitializer);
     const [openIncubatorsDialog, setOpenIncubatorsDialog] = useState(false);
     const [openCreateIncubatorDialog, setOpenCreateIncubatorDialog] = useState(false);
     const [openIncubatorDetailDialog, setOpenIncubatorDetailDialog] = useState(false);
-    const [next, setNext] = useState(`${Endpoints.GetAllIncubators.url()}?limit=10`);
     const [anchorEl, setAnchorEl] = React.useState(null);
     const isOpen = Boolean(anchorEl);
     const [detailObj, setDetailObj] = useState(null);
@@ -132,39 +136,52 @@ export default function IncubatorsList(inProps) {
     /**
      * Fetches incubators list
      */
-    function fetchIncubators() {
-        if (next) {
-            http
-                .request({
-                url: next,
-                method: Endpoints.GetAllIncubators.method
-            })
+    const fetchIncubators = useMemo(() => () => {
+        return http.request({
+            url: state.next,
+            method: Endpoints.GetAllIncubators.method
+        });
+    }, [dispatch, state.next, state.isLoadingNext]);
+    useEffect(() => {
+        if (cacheStrategy === CacheStrategies.NETWORK_ONLY) {
+            onStateChange && onStateChange({ cacheStrategy: CacheStrategies.CACHE_FIRST });
+        }
+    }, []);
+    /**
+     * On mount, fetches  incubators list
+     */
+    useEffect(() => {
+        let ignore = false;
+        if (state.next) {
+            fetchIncubators()
                 .then((res) => {
-                const data = res.data;
-                setIncubators([...incubators, ...data['results']]);
-                setHasMore(data['count'] > visibleIncubators);
-                setNext(data['next']);
-                setLoading(false);
-                setTotal(data['count']);
+                if (res.status < 300 && isMountedRef.current && !ignore) {
+                    const data = res.data;
+                    dispatch({
+                        type: actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data.results,
+                            count: data.count,
+                            next: data.next
+                        }
+                    });
+                }
             })
                 .catch((error) => {
-                setLoading(false);
+                dispatch({ type: actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
                 Logger.error(SCOPE_SC_UI, error);
             });
+            return () => {
+                ignore = true;
+            };
         }
-    }
-    /**
-     * On mount, fetches  incubators list
-     */
-    useEffect(() => {
-        fetchIncubators();
-    }, []);
+    }, [state.next]);
     /**
      * Handles subscriptions counter update on subscribe/unsubscribe action.
      * @param incubator
      */
     function handleSubscriptionsUpdate(incubator) {
-        const newIncubators = [...incubators];
+        const newIncubators = [...state.results];
         const index = newIncubators.findIndex((i) => i.id === incubator.id);
         if (index !== -1) {
             if (incubator.subscribed) {
@@ -175,13 +192,19 @@ export default function IncubatorsList(inProps) {
                 newIncubators[index].subscribers_count = incubator.subscribers_count + 1;
                 newIncubators[index].subscribed = !incubator.subscribed;
             }
-            setIncubators(newIncubators);
+            dispatch({
+                type: actionToolsTypes.SET_RESULTS,
+                payload: { results: newIncubators }
+            });
         }
     }
     /**
      * Renders incubators list
      */
-    const c = (React.createElement(React.Fragment, null, loading ? (React.createElement(Skeleton, { elevation: 0 })) : (React.createElement(CardContent, null,
+    if (state.isLoadingNext) {
+        return React.createElement(Skeleton, { elevation: 0 });
+    }
+    const c = (React.createElement(CardContent, null,
         React.createElement(Box, { className: classes.header },
             React.createElement(Typography, { className: classes.title, variant: 'h5' },
                 React.createElement(FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" })),
@@ -194,26 +217,26 @@ export default function IncubatorsList(inProps) {
                 React.createElement(Box, { sx: { p: '10px' } },
                     React.createElement(Typography, { component: 'span', sx: { whiteSpace: 'pre-line' } },
                         React.createElement(FormattedMessage, { id: "ui.incubatorsList.popover", defaultMessage: "ui.incubatorsList.popover" })))))),
-        !total ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
+        !state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
             React.createElement(FormattedMessage, { id: "ui.incubatorsList.noResults", defaultMessage: "ui.incubatorsList.noResults" }))) : (React.createElement(React.Fragment, null,
-            React.createElement(List, null, incubators.slice(0, visibleIncubators).map((incubator) => (React.createElement(ListItem, { key: incubator.id },
+            React.createElement(List, null, state.results.slice(0, limit).map((incubator) => (React.createElement(ListItem, { key: incubator.id },
                 React.createElement(Incubator, Object.assign({ elevation: 0, incubator: incubator, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(incubator) } }, IncubatorProps)))))),
             React.createElement(Box, { className: classes.actions },
-                hasMore && (React.createElement(Button, { size: "small", onClick: () => setOpenIncubatorsDialog(true) },
+                limit < state.count && (React.createElement(Button, { size: "small", onClick: () => setOpenIncubatorsDialog(true) },
                     React.createElement(FormattedMessage, { id: "ui.incubatorsList.ShowAll", defaultMessage: "ui.incubatorsList.ShowAll" }))),
                 React.createElement(Button, { size: "small", onClick: () => setOpenCreateIncubatorDialog(true) },
                     React.createElement(FormattedMessage, { id: "ui.incubatorsList.SuggestNewTopic", defaultMessage: "ui.incubatorsList.SuggestNewTopic" }))))),
-        openIncubatorsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog }, loading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: incubators.length, next: fetchIncubators, hasMoreNext: Boolean(next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
+        openIncubatorsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog }, state.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: state.results.length, next: fetchIncubators, hasMoreNext: Boolean(state.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
                 React.createElement("b", null,
                     React.createElement(FormattedMessage, { id: "ui.incubatorsList.noMoreIncubators", defaultMessage: "ui.incubatorsList.noMoreIncubators" }))) },
-            React.createElement(List, null, incubators.map((i) => (React.createElement(ListItem, { key: i.id, sx: { display: 'block', padding: 0 } },
+            React.createElement(List, null, state.results.map((i) => (React.createElement(ListItem, { key: i.id, sx: { display: 'block', padding: 0 } },
                 React.createElement(Incubator, Object.assign({ elevation: 0, incubator: i, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(i) } }, IncubatorProps)))))))))),
         openCreateIncubatorDialog && React.createElement(CreateIncubatorDialog, { open: openCreateIncubatorDialog, onClose: handleCreateIncubatorDialogClose }),
-        openIncubatorDetailDialog && (React.createElement(IncubatorDetail, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))))));
+        openIncubatorDetailDialog && (React.createElement(IncubatorDetail, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))));
     /**
      * Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return null;
     }
     return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), c));

package/lib/esm/components/IncubatorsList/IncubatorsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncubatorsList.js","sourceRoot":"","sources":["../../../../src/components/IncubatorsList/IncubatorsList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"IncubatorsList.js","sourceRoot":"","sources":["../../../../src/components/IncubatorsList/IncubatorsList.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/LoyaltyProgram/Skeleton.d.ts

@@ -16,6 +16,10 @@
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
+ |header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
+ |title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
+ |content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
+ |actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
  *
  */
 export default function LoyaltyProgramSkeleton(): JSX.Element;

package/lib/esm/components/LoyaltyProgram/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,GAAG,CAAC,OAAO,CAE5D"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAiCA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,GAAG,CAAC,OAAO,CAwB5D"}

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

@@ -1,15 +1,33 @@
 import React from 'react';
-import { GenericSkeleton } from '../Skeleton';
 import { styled } from '@mui/material/styles';
+import { CardActions, CardContent, Grid, Skeleton, Typography } from '@mui/material';
+import Widget from '../Widget';
 const PREFIX = 'SCLoyaltyProgramSkeleton';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-root`,
+    header: `${PREFIX}-header`,
+    title: `${PREFIX}-title`,
+    content: `${PREFIX}-content`,
+    actions: `${PREFIX}-actions`
 };
-const Root = styled(GenericSkeleton, {
+const Root = styled(Widget, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+})(({ theme }) => ({
+    [`& .${classes.header}`]: {
+        display: 'flex',
+        alignItems: 'start',
+        flexWrap: 'wrap',
+        marginTop: theme.spacing(2)
+    },
+    [`& .${classes.title}`]: {
+        display: 'flex'
+    },
+    [`& .${classes.actions}`]: {
+        justifyContent: 'space-between'
+    }
+}));
 /**
  * > API documentation for the Community-JS Loyalty Program Skeleton component. Learn about the available props and the CSS API.
 
@@ -28,9 +46,26 @@ const Root = styled(GenericSkeleton, {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
+ |header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
+ |title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
+ |content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
+ |actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
  *
  */
 export default function LoyaltyProgramSkeleton() {
-    return React.createElement(Root, { className: classes.root });
+    return (React.createElement(Root, { className: classes.root },
+        React.createElement(CardContent, { className: classes.content },
+            React.createElement(Typography, { className: classes.title },
+                React.createElement(Skeleton, { animation: "wave", height: 40, width: "50%", variant: "text" })),
+            React.createElement(Grid, { container: true, spacing: 2, className: classes.header },
+                React.createElement(Grid, { item: true },
+                    React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 })),
+                React.createElement(Grid, { item: true, xs: 12, sm: true, container: true },
+                    React.createElement(Skeleton, { animation: "wave", height: 20, width: "50%", variant: "text" }),
+                    React.createElement(Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }),
+                    React.createElement(Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" })))),
+        React.createElement(CardActions, { className: classes.actions },
+            React.createElement(Skeleton, { animation: "wave", height: 30, width: "30%", variant: "rectangular" }),
+            React.createElement(Skeleton, { animation: "wave", height: 20, width: "30%", variant: "rectangular" }))));
 }
 //# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/LoyaltyProgram/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAE5C,MAAM,MAAM,GAAG,0BAA0B,CAAC;AAE1C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,eAAe,EAAE;IACnC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts

@@ -1,3 +1,28 @@
+/**
+ * > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
+ |chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
+ |content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
+ |title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
+ |actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
+ *
+ */
+export declare function PrizeSkeleton(): JSX.Element;
 /**
  * > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
 
@@ -16,6 +41,10 @@
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
+ |header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
+ |content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
+ |list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
+ |listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
  *
  */
 export default function LoyaltyProgramDetailSkeleton(): JSX.Element;

package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAElE"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AA8CA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,IAAI,GAAG,CAAC,OAAO,CAoB3C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAwClE"}

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

@@ -1,15 +1,83 @@
 import React from 'react';
-import { GenericSkeleton } from '../Skeleton';
 import { styled } from '@mui/material/styles';
+import { Typography, CardContent, CardHeader, Grid, Skeleton, Box, CardActions } from '@mui/material';
+import Widget from '../Widget';
 const PREFIX = 'SCLoyaltyProgramDetailSkeleton';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-root`,
+    header: `${PREFIX}-header`,
+    title: `${PREFIX}-title`,
+    content: `${PREFIX}-content`,
+    actions: `${PREFIX}-actions`,
+    list: `${PREFIX}-list`,
+    listItem: `${PREFIX}-list-item`,
+    chip: `${PREFIX}-chip`
 };
-const Root = styled(GenericSkeleton, {
+const Root = styled(Widget, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+})(({ theme }) => ({
+    [`& .${classes.list}`]: {
+        display: 'flex',
+        flexDirection: 'row'
+    }
+}));
+const PrizeRoot = styled(Widget, {
+    name: `${PREFIX}-Prize`,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.root}`]: {
+        flexDirection: 'column',
+        justifyContent: 'space-between'
+    },
+    [`& .${classes.chip}`]: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    [`& .${classes.actions}`]: {
+        justifyContent: 'center'
+    }
+}));
+/**
+ * > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
+ |chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
+ |content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
+ |title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
+ |actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
+ *
+ */
+export function PrizeSkeleton() {
+    return (React.createElement(PrizeRoot, { className: classes.root },
+        React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 40 }),
+        React.createElement(Box, { className: classes.chip },
+            React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 })),
+        React.createElement(CardContent, { className: classes.content },
+            React.createElement(Typography, { gutterBottom: true, variant: "body1", component: "div", className: classes.title },
+                React.createElement(Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" })),
+            React.createElement(Typography, { variant: "body2" },
+                React.createElement(Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }))),
+        React.createElement(CardActions, { className: classes.actions },
+            React.createElement(Skeleton, { animation: "wave", height: 20, width: 50, variant: "rectangular" }))));
+}
 /**
  * > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
 
@@ -28,9 +96,29 @@ const Root = styled(GenericSkeleton, {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
+ |header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
+ |content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
+ |list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
+ |listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
  *
  */
 export default function LoyaltyProgramDetailSkeleton() {
-    return React.createElement(Root, { className: classes.root });
+    return (React.createElement(Root, { className: classes.root },
+        React.createElement(CardHeader, { className: classes.header, avatar: React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 }), title: React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 }) }),
+        React.createElement(CardContent, { className: classes.content },
+            React.createElement(React.Fragment, null,
+                React.createElement(Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" }),
+                React.createElement(Skeleton, { animation: "wave", height: 10, width: "90%", variant: "text" })),
+            React.createElement(Typography, { mt: 1, className: classes.title },
+                React.createElement(Skeleton, { animation: "wave", height: 10, width: "40%" })),
+            React.createElement(Grid, { container: true, spacing: 0, mt: 0.5, mb: 1, className: classes.list }, [...Array(8)].map((prize, index) => (React.createElement(Grid, { item: true, xs: 6, key: index, className: classes.listItem },
+                React.createElement(Skeleton, { animation: "wave", height: 10, width: "50%" }))))),
+            React.createElement(Typography, { mb: 1 },
+                React.createElement(Skeleton, { animation: "wave", height: 15, width: "60%", variant: "text", className: classes.title }),
+                React.createElement(Skeleton, { animation: "wave", height: 10, width: "80%", variant: "text" }),
+                React.createElement(Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" })),
+            React.createElement(Grid, { container: true, spacing: { xs: 2 }, columns: { xs: 4 }, className: classes.list }, [...Array(4)].map((prize, index) => (React.createElement(Grid, { item: true, xs: 2, key: index, className: classes.listItem },
+                React.createElement(PrizeRoot, null,
+                    React.createElement(PrizeSkeleton, null)))))))));
 }
 //# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAE5C,MAAM,MAAM,GAAG,gCAAgC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,eAAe,EAAE;IACnC,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B;IAClD,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import { SCMessageFileType } from '@selfcommunity/types';
 export interface MessageEditorProps {
     /**
      * Hides this component
@@ -9,24 +10,14 @@ export interface MessageEditorProps {
      * @default null
      */
     className?: string;
-    /**
-     * Any other properties
-     */
-    [p: string]: any;
     /**
      * Callback to send the message
      */
-    send?: () => void;
+    send?: (message?: string, file?: SCMessageFileType) => void;
     /**
-     * Callback to pass message item
-     * @param message
-     */
-    getMessage?: (message: any) => void;
-    /**
-     * Callback to pass message file item
-     * @param file
+     * Any other properties
      */
-    getMessageFile?: (file: any) => void;
+    [p: string]: any;
 }
 /**
  *

package/lib/esm/components/MessageEditor/MessageEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageEditor/MessageEditor.tsx"],"names":[],"mappings":"AA0DA,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAuJ9E"}
+{"version":3,"file":"MessageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageEditor/MessageEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAkDvD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4J9E"}

package/lib/esm/components/MessageEditor/MessageEditor.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { AppBar, Box, Button, IconButton, InputAdornment, Popover, Stack, TextField, useTheme, useMediaQuery } from '@mui/material';
 import Icon from '@mui/material/Icon';
@@ -93,7 +93,7 @@ export default function MessageEditor(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide = null, className = null, send = null, isSending = null, getMessage = null, getMessageFile = null } = props, rest = __rest(props, ["autoHide", "className", "send", "isSending", "getMessage", "getMessageFile"]);
+    const { autoHide = null, className = null, send = null, onThreadChangeId } = props, rest = __rest(props, ["autoHide", "className", "send", "onThreadChangeId"]);
     // STATE
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('md'));
@@ -102,6 +102,7 @@ export default function MessageEditor(inProps) {
     const [show, setShow] = useState(false);
     const [emojiAnchorEl, setEmojiAnchorEl] = React.useState(null);
     const [openMediaSection, setOpenMediaSection] = useState(false);
+    const [threadId, setThreadId] = useState(null);
     // REF
     const ref = useRef(null);
     // HANDLERS
@@ -111,23 +112,16 @@ export default function MessageEditor(inProps) {
     };
     const handleMessageFile = (f) => {
         setMessageFile(f);
-        getMessageFile(f);
     };
     const handleMessageSend = () => {
-        send();
+        send(message, messageFile);
         setMessage('');
         setOpenMediaSection(false);
         setShow(false);
     };
     const handleMessageInput = (event) => {
         setMessage(event.target.value);
-        if (event.target.value === '') {
-            setShow(false);
-        }
-        else {
-            setShow(true);
-        }
-        getMessage(event.target.value);
+        setShow(event.target.value !== '');
     };
     const handleToggleEmoji = (event) => {
         setEmojiAnchorEl(emojiAnchorEl ? null : event.currentTarget);
@@ -136,9 +130,16 @@ export default function MessageEditor(inProps) {
         const cursor = ref.current.selectionStart;
         const text = message.slice(0, cursor) + emojiObject.emoji;
         setMessage(text);
-        getMessage(text);
         setShow(true);
     };
+    useEffect(() => {
+        setThreadId(onThreadChangeId);
+        if (threadId !== onThreadChangeId) {
+            setMessage('');
+            setMessageFile(null);
+            setOpenMediaSection(false);
+        }
+    }, [onThreadChangeId]);
     if (autoHide) {
         return null;
     }
@@ -151,7 +152,7 @@ export default function MessageEditor(inProps) {
             React.createElement(TextField, { size: "small", ref: ref, className: classes.messageInput, multiline: true, placeholder: "Aa", value: message, onChange: handleMessageInput, InputProps: {
                     endAdornment: (React.createElement(React.Fragment, null,
                         React.createElement(InputAdornment, { position: "end" },
-                            React.createElement(IconButton, { onClick: () => setOpenMediaSection(true) },
+                            React.createElement(IconButton, { disabled: message !== '', onClick: () => setOpenMediaSection(true) },
                                 React.createElement(Icon, null, "attach_file"))),
                         React.createElement(InputAdornment, { position: "end" },
                             React.createElement(Stack, null,
@@ -167,7 +168,7 @@ export default function MessageEditor(inProps) {
                                         }, sx: (theme) => {
                                             return { zIndex: theme.zIndex.tooltip };
                                         } }, Picker && React.createElement(Picker, { onEmojiClick: handleEmojiClick }))))),
-                            React.createElement(IconButton, { disabled: isSending, onClick: handleMessageSend }, show && React.createElement(Icon, null, "send")))))
+                            React.createElement(IconButton, { disabled: messageFile !== null, onClick: handleMessageSend }, show && React.createElement(Icon, null, "send")))))
                 } })));
     }
     if (isMobile) {