@selfcommunity/react-ui 0.7.0-alpha.36 → 0.7.0-alpha.361

package/lib/cjs/components/LoyaltyProgramDetail/LoyaltyProgramDetail.js

@@ -1,219 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const styles_1 = require("@mui/material/styles");
-const Card_1 = __importDefault(require("@mui/material/Card"));
-const api_services_1 = require("@selfcommunity/api-services");
-const react_core_1 = require("@selfcommunity/react-core");
-const material_1 = require("@mui/material");
-const react_intl_1 = require("react-intl");
-const Chip_1 = __importDefault(require("@mui/material/Chip"));
-const Icon_1 = __importDefault(require("@mui/material/Icon"));
-const classnames_1 = __importDefault(require("classnames"));
-const system_1 = require("@mui/system");
-const Skeleton_1 = __importDefault(require("./Skeleton"));
-const messages = (0, react_intl_1.defineMessages)({
-    points: {
-        id: 'ui.loyaltyProgramDetail.points',
-        defaultMessage: 'ui.loyaltyProgramDetail.points'
-    },
-    userPoints: {
-        id: 'ui.loyaltyProgramDetail.userPoints',
-        defaultMessage: 'ui.loyaltyProgramDetail.userPoints'
-    },
-    list: {
-        id: 'ui.loyaltyProgramDetail.list',
-        defaultMessage: 'ui.loyaltyProgramDetail.list'
-    }
-});
-const PREFIX = 'SCLoyaltyProgramDetail';
-const classes = {
-    root: `${PREFIX}-root`,
-    header: `${PREFIX}-header`,
-    intro: `${PREFIX}-intro`,
-    icon: `${PREFIX}-icon`,
-    card: `${PREFIX}-card`,
-    title: `${PREFIX}-title`,
-    points: `${PREFIX}-points`,
-    description: `${PREFIX}-description`,
-    action: `${PREFIX}-action`,
-    chip: `${PREFIX}-chip`
-};
-const Root = (0, styles_1.styled)(Card_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    boxShadow: 'none',
-    margin: 2,
-    [`& .${classes.header}`]: {
-        backgroundColor: theme.palette.grey['A200'],
-        marginBottom: '20px'
-    },
-    [`& .${classes.intro}`]: {
-        display: 'flex',
-        alignItems: 'center',
-        marginBottom: '20px'
-    },
-    [`& .${classes.points}`]: {
-        marginLeft: '16px'
-    },
-    [`& .${classes.title}`]: {
-        fontWeight: 'bold'
-    },
-    [`& .${classes.icon}`]: {
-        backgroundColor: theme.palette.grey['A200'],
-        padding: 5,
-        borderRadius: '5px',
-        '& .MuiSvgIcon-root ': {
-            fontSize: '2rem'
-        }
-    },
-    [`& .${classes.card}`]: {
-        height: '100%',
-        flexDirection: 'column',
-        justifyContent: 'space-between'
-    },
-    [`& .${classes.action}`]: {
-        pointerEvents: 'all',
-        cursor: 'not-allowed'
-    },
-    [`& .${classes.chip}`]: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    }
-}));
-/**
- *
- * @param inProps
- * @constructor
- */
-function LoyaltyProgramDetail(inProps) {
-    // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { className, autoHide, points, cardType, requestable } = props, rest = __rest(props, ["className", "autoHide", "points", "cardType", "requestable"]);
-    // STATE
-    const [prizes, setPrizes] = (0, react_1.useState)([]);
-    // CONTEXT
-    const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
-    // INTL
-    const intl = (0, react_intl_1.useIntl)();
-    /**
-     * Fetches the list of available prizes
-     */
-    function fetchPrizes() {
-        api_services_1.http
-            .request({
-            url: api_services_1.Endpoints.GetPrizes.url(null),
-            method: api_services_1.Endpoints.GetPrizes.method
-        })
-            .then((res) => {
-            setPrizes(res.data.results);
-        })
-            .catch((error) => {
-            console.log(error);
-        });
-    }
-    /**
-     * On mount, fetches prizes
-     */
-    (0, react_1.useEffect)(() => {
-        if (scUserContext.user) {
-            fetchPrizes();
-        }
-    }, [scUserContext.user]);
-    /**
-     * Renders loyalty program detail
-     */
-    const d = (react_1.default.createElement(react_1.default.Fragment, null,
-        cardType && (react_1.default.createElement(material_1.Typography, { component: "h3", align: "left", className: classes.header },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgram.lp", defaultMessage: "ui.loyaltyProgram.lp" }))),
-        react_1.default.createElement(material_1.Box, { className: classes.intro },
-            react_1.default.createElement(material_1.Box, { className: classes.icon },
-                react_1.default.createElement(Icon_1.default, null, "card_giftcard")),
-            points && (react_1.default.createElement(material_1.Box, { className: classes.points },
-                react_1.default.createElement(Chip_1.default, { label: `${intl.formatMessage(messages.userPoints, { total: points })}` })))),
-        react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
-                react_1.default.createElement(material_1.Typography, { variant: "h6" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.community", defaultMessage: "ui.loyaltyProgramDetail.community" })),
-                react_1.default.createElement(material_1.Typography, { component: "div" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.description", defaultMessage: "ui.loyaltyProgramDetail.description" }))),
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
-                react_1.default.createElement(material_1.Typography, null,
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.listTitle", defaultMessage: "ui.loyaltyProgramDetail.listTitle" })),
-                react_1.default.createElement("ul", { style: { columnCount: 2 } }, intl.formatMessage(messages.list, {
-                    b: (chunks) => react_1.default.createElement("strong", null, chunks),
-                    li: (chunks) => react_1.default.createElement("li", null, chunks)
-                }))),
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sx: { mb: 2 } },
-                react_1.default.createElement(material_1.Typography, { variant: "h6" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.prizes", defaultMessage: "ui.loyaltyProgramDetail.prizes" })),
-                react_1.default.createElement(material_1.Typography, { component: "div" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.prizesIntro", defaultMessage: "ui.loyaltyProgramDetail.prizesIntro" })),
-                react_1.default.createElement(material_1.Typography, { component: "div" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.prizesContent", defaultMessage: "ui.loyaltyProgramDetail.prizesContent" })))),
-        react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, direction: "row" }, prizes.map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 6, md: 4, key: index },
-            react_1.default.createElement(Card_1.default, { className: classes.card },
-                react_1.default.createElement(material_1.CardMedia, { component: "img", height: "140", image: prize.image }),
-                react_1.default.createElement(material_1.Box, { className: classes.chip },
-                    react_1.default.createElement(Chip_1.default, { label: `${intl.formatMessage(messages.points, { total: prize.points })}` })),
-                react_1.default.createElement(material_1.CardContent, null,
-                    react_1.default.createElement(material_1.Typography, { gutterBottom: true, variant: "body1", component: "div", className: classes.title }, prize.title),
-                    react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.description }, prize.description)),
-                react_1.default.createElement(material_1.CardActions, { sx: { justifyContent: 'center' } },
-                    react_1.default.createElement(material_1.Button, { size: "small", variant: "outlined", disabled: requestable, className: classes.action }, points >= prize.points ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgramDetail.button.request", defaultMessage: "ui.loyaltyProgramDetail.button.request" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.loyaltyProgram.discover", defaultMessage: "ui.loyaltyProgram.discover" })))))))))));
-    if (!prizes) {
-        return react_1.default.createElement(Skeleton_1.default, null);
-    }
-    /**
-     * Renders the component (if not hidden by autoHide prop)
-     */
-    if (!autoHide && scUserContext.user) {
-        return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), d));
-    }
-    return null;
-}
-exports.default = LoyaltyProgramDetail;
-//# sourceMappingURL=LoyaltyProgramDetail.js.map

package/lib/cjs/components/LoyaltyProgramDetail/LoyaltyProgramDetail.js.map

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

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

@@ -1,22 +0,0 @@
-/**
- * > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {LoyaltyProgramDetailSkeleton} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCLoyaltyProgramDetailSkeleton` can be used when providing style overrides in the theme.
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
- *
- */
-export default function LoyaltyProgramDetailSkeleton(): JSX.Element;
-//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Skeleton_1 = require("../Skeleton");
-const styles_1 = require("@mui/material/styles");
-const PREFIX = 'SCLoyaltyProgramDetailSkeleton';
-const classes = {
-    root: `${PREFIX}-root`
-};
-const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-/**
- * > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {LoyaltyProgramDetailSkeleton} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCLoyaltyProgramDetailSkeleton` can be used when providing style overrides in the theme.
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
- *
- */
-function LoyaltyProgramDetailSkeleton() {
-    return react_1.default.createElement(Root, { className: classes.root });
-}
-exports.default = LoyaltyProgramDetailSkeleton;
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0CAA4C;AAC5C,iDAA4C;AAE5C,MAAM,MAAM,GAAG,gCAAgC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,0BAAe,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,SAAwB,4BAA4B;IAClD,OAAO,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAAC;AAC3C,CAAC;AAFD,+CAEC"}

package/lib/cjs/components/LoyaltyProgramDetail/index.d.ts

@@ -1,5 +0,0 @@
-import LoyaltyProgramDetail, { LoyaltyProgramDetailProps } from './LoyaltyProgramDetail';
-import LoyaltyProgramDetailSkeleton from './Skeleton';
-export default LoyaltyProgramDetail;
-export { LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton };
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/LoyaltyProgramDetail/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,EAAE,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AACvF,OAAO,4BAA4B,MAAM,YAAY,CAAC;AACtD,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAC,yBAAyB,EAAE,4BAA4B,EAAC,CAAC"}

package/lib/cjs/components/LoyaltyProgramDetail/index.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoyaltyProgramDetailSkeleton = void 0;
-const LoyaltyProgramDetail_1 = __importDefault(require("./LoyaltyProgramDetail"));
-const Skeleton_1 = __importDefault(require("./Skeleton"));
-exports.LoyaltyProgramDetailSkeleton = Skeleton_1.default;
-exports.default = LoyaltyProgramDetail_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/LoyaltyProgramDetail/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAAuF;AACvF,0DAAsD;AAEnB,uCAF5B,kBAA4B,CAE4B;AAD/D,kBAAe,8BAAoB,CAAC"}

package/lib/cjs/components/Message/Message.d.ts

@@ -1,83 +0,0 @@
-import { CardProps } from '@mui/material';
-import { SCPrivateMessageType } from '@selfcommunity/types';
-export interface MessageProps extends Pick<CardProps, Exclude<keyof CardProps, 'id'>> {
-    /**
-     * Overrides or extends the styles applied to the component.
-     * @default null
-     */
-    className?: string;
-    /**
-     * Message Object
-     * @default null
-     */
-    message?: SCPrivateMessageType;
-    /**
-     * Hides this component
-     * @default false
-     */
-    autoHide?: boolean;
-    /**
-     * The message type. If true, it shows snippet type structure, otherwise it shows thread message structure;
-     * @default true
-     */
-    snippetType?: boolean;
-    /**
-     * Callback fired on mouse hover
-     * @default null
-     */
-    onMouseEnter?: () => void;
-    /**
-     * Callback fired on mouse leave
-     * @default null
-     */
-    onMouseLeave?: () => void;
-    /**
-     * Gets mouse hovering status
-     * @default null
-     */
-    isHovering?: () => void;
-    /**
-     * Delete icon showed only for messages sent by logged user
-     * @default false
-     */
-    showDeleteIcon?: boolean;
-    /**
-     * Action triggered on delete icon click
-     * @default null
-     */
-    onDeleteIconClick?: () => void;
-}
-/**
- *
- > API documentation for the Community-JS Message component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {Message} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCMessage` can be used when providing style overrides in the theme.
-
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCMessage-root|Styles applied to the root element.|
- |selected|.SCMessage-selected|Styles applied to the selected element.|
- |info|.SCMessage-info|Styles applied to the info section.|
- |messageBox|.SCMessage-message-box|Styles applied to the message box element.|
- |messageTime|.SCMessage-message-time|Styles applied to the message time element.|
- |unread|.SCMessage-unread|Styles applied to the unread element.|
- |img|.SCMessage-img|Styles applied to the img element.|
- |downloadButton|.SCMessage-download-button|Styles applied to the download button element.|
- |documentFile|.SCMessage-document-file|Styles applied to the message file element.|
-
-
- * @param inProps
- */
-export default function Message(inProps: MessageProps): JSX.Element;
-//# sourceMappingURL=Message.d.ts.map

package/lib/cjs/components/Message/Message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,SAAS,EAA8B,MAAM,eAAe,CAAC;AAGrH,OAAO,EAAC,oBAAoB,EAAoB,MAAM,sBAAsB,CAAC;AA2D7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,SAAS,EAAE,IAAI,CAAC,CAAC;IACnF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA6KlE"}

package/lib/cjs/components/Message/Message.js

@@ -1,223 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const styles_1 = require("@mui/material/styles");
-const List_1 = __importDefault(require("@mui/material/List"));
-const material_1 = require("@mui/material");
-const Skeleton_1 = __importDefault(require("./Skeleton"));
-const react_intl_1 = require("react-intl");
-const types_1 = require("@selfcommunity/types");
-const react_core_1 = require("@selfcommunity/react-core");
-const Icon_1 = __importDefault(require("@mui/material/Icon"));
-const classnames_1 = __importDefault(require("classnames"));
-const Widget_1 = __importDefault(require("../Widget"));
-const AutoPlayer_1 = __importDefault(require("../../shared/AutoPlayer"));
-const react_lazyload_1 = __importDefault(require("react-lazyload"));
-const LazyLoad_1 = require("../../constants/LazyLoad");
-const system_1 = require("@mui/system");
-const PREFIX = 'SCMessage';
-const classes = {
-    root: `${PREFIX}-root`,
-    selected: `${PREFIX}-selected`,
-    info: `${PREFIX}-info`,
-    messageBox: `${PREFIX}-message-box`,
-    messageTime: `${PREFIX}-message-time`,
-    unread: `${PREFIX}-unread`,
-    hide: `${PREFIX}-hide`,
-    img: `${PREFIX}-img`,
-    downloadButton: `${PREFIX}-download-button`,
-    documentFile: `${PREFIX}-document-file`
-};
-const Root = (0, styles_1.styled)(Widget_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.info}`]: {
-        display: 'flex',
-        justifyContent: 'space-between'
-    },
-    [`& .${classes.messageBox}`]: {
-        margin: 'auto',
-        padding: '16px',
-        borderRadius: '20px'
-    },
-    [`& .${classes.messageTime}`]: {
-        marginTop: '5px',
-        display: 'flex',
-        justifyContent: 'flex-end'
-    },
-    [`& .${classes.img}`]: {
-        width: 250,
-        height: 200
-    },
-    [`& .${classes.downloadButton}`]: {
-        backgroundColor: theme.palette.common.white,
-        marginBottom: '5px'
-    },
-    [`& .${classes.documentFile}`]: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-    }
-}));
-/**
- *
- > API documentation for the Community-JS Message component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {Message} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCMessage` can be used when providing style overrides in the theme.
-
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCMessage-root|Styles applied to the root element.|
- |selected|.SCMessage-selected|Styles applied to the selected element.|
- |info|.SCMessage-info|Styles applied to the info section.|
- |messageBox|.SCMessage-message-box|Styles applied to the message box element.|
- |messageTime|.SCMessage-message-time|Styles applied to the message time element.|
- |unread|.SCMessage-unread|Styles applied to the unread element.|
- |img|.SCMessage-img|Styles applied to the img element.|
- |downloadButton|.SCMessage-download-button|Styles applied to the download button element.|
- |documentFile|.SCMessage-document-file|Styles applied to the message file element.|
-
-
- * @param inProps
- */
-function Message(inProps) {
-    // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { autoHide = false, message = null, className = null, snippetType = true, onMouseEnter = null, onMouseLeave = null, isHovering = null, showDeleteIcon = false, onDeleteIconClick = null } = props, rest = __rest(props, ["autoHide", "message", "className", "snippetType", "onMouseEnter", "onMouseLeave", "isHovering", "showDeleteIcon", "onDeleteIconClick"]);
-    // INTL
-    const intl = (0, react_intl_1.useIntl)();
-    // STATE
-    const hasFile = message ? message.file : null;
-    const isNew = message ? message.thread_status === 'new' : null;
-    // CONTEXT
-    const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
-    if (!message) {
-        return react_1.default.createElement(Skeleton_1.default, { elevation: 0 });
-    }
-    function bytesToSize(bytes) {
-        return (bytes / (1024 * 1024)).toFixed(1) + 'MB';
-    }
-    // RENDERING
-    const renderMessageFile = (m) => {
-        if (!m) {
-            return null;
-        }
-        let section = null;
-        if (m.file) {
-            let type = m.file.mimetype;
-            let isPdf = type === 'application/pdf';
-            let src = message.file.url;
-            switch (true) {
-                case type.startsWith(types_1.SCMessageFileType.IMAGE):
-                    section = (react_1.default.createElement(material_1.Box, { className: classes.img },
-                        react_1.default.createElement("img", { style: { height: '100%', width: '100%' }, src: src, loading: "lazy", alt: 'img' })));
-                    break;
-                case type.startsWith(types_1.SCMessageFileType.VIDEO):
-                    section = (react_1.default.createElement(material_1.Box, null,
-                        react_1.default.createElement(AutoPlayer_1.default, { url: src, width: '100%' })));
-                    break;
-                case type.startsWith(types_1.SCMessageFileType.DOCUMENT):
-                    section = (react_1.default.createElement(react_1.default.Fragment, null, isPdf ? (react_1.default.createElement("iframe", { src: `https://docs.google.com/gview?url=${src}&embedded=true`, title: "file", width: "100%", height: "200", loading: "eager" })) : (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(material_1.Box, { className: classes.documentFile },
-                            react_1.default.createElement(material_1.IconButton, { className: classes.downloadButton, onClick: () => window.open(src, '_blank') },
-                                react_1.default.createElement(Icon_1.default, null, "download")),
-                            react_1.default.createElement(material_1.Typography, { sx: { marginLeft: '5px' } }, m.file.filename)),
-                        react_1.default.createElement(material_1.Typography, { component: 'span' }, bytesToSize(m.file.filesize))))));
-                    break;
-                default:
-                    section = react_1.default.createElement(Icon_1.default, null, "hide_image");
-                    break;
-            }
-        }
-        return react_1.default.createElement(react_1.default.Fragment, null, section);
-    };
-    /**
-     * Renders thread type message object
-     */
-    const threadMessage = (react_1.default.createElement(react_lazyload_1.default, { once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
-        react_1.default.createElement(material_1.ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onMouseEnter, onTouchMove: onMouseLeave },
-            isHovering && showDeleteIcon && message.status !== 'hidden' && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.IconButton, { sx: { marginBottom: '25px' }, onClick: onDeleteIconClick },
-                    react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")))),
-            react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.messageBox }, hasFile ? renderMessageFile(message) : react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.message } })), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.messageTime },
-                    react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.created_at, {
-                        hour: 'numeric',
-                        minute: 'numeric'
-                    })}`)) }))));
-    /**
-     * Renders snippet type message object
-     */
-    const snippetMessage = (react_1.default.createElement(material_1.ListItem, null,
-        react_1.default.createElement(material_1.ListItemAvatar, null, scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Avatar, { alt: message.sender.username, src: message.sender.avatar })) : (react_1.default.createElement(material_1.Avatar, { alt: message.receiver.username, src: message.receiver.avatar }))),
-        react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.info },
-                scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Typography, { component: "span" }, message.sender.username)) : (react_1.default.createElement(material_1.Typography, { component: "span" }, message.receiver.username)),
-                react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
-                    weekday: 'long',
-                    day: 'numeric'
-                })}`)), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.info },
-                react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
-                isNew && (react_1.default.createElement(Icon_1.default, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })));
-    /**
-     * Renders root object (if not hidden by autoHide prop)
-     */
-    if (!autoHide) {
-        return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-            react_1.default.createElement(List_1.default, null, snippetType ? snippetMessage : threadMessage)));
-    }
-    return null;
-}
-exports.default = Message;
-//# sourceMappingURL=Message.js.map