@selfcommunity/react-ui 0.8.0-live.54 → 0.8.0-live.56

package/lib/esm/shared/LiveStreamInfoDetails/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Icon, Stack, styled, Tooltip, Typography, useThemeProps } from '@mui/material';
+import { Link, SCRoutes, useSCFetchLiveStream, useSCRouting } from '@selfcommunity/react-core';
+import { FormattedMessage, useIntl } from 'react-intl';
+const PREFIX = 'SCLiveStreamInfoDetails';
+const classes = {
+    root: `${PREFIX}-root`,
+    iconTextWrapper: `${PREFIX}-icon-text-wrapper`,
+    inProgress: `${PREFIX}-in-progress`,
+    link: `${PREFIX}-link`,
+    url: `${PREFIX}-url`,
+    creationWrapper: `${PREFIX}-creation-wrapper`
+};
+const Root = styled(Stack, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (_props, styles) => styles.root
+})(() => ({}));
+export default function LiveStreamInfoDetails(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { liveStream, liveStreamId, hideDateIcon = false, hideLocationIcon = false, hideCreatedIcon = false, hasDateInfo = true, hasLocationInfo = true, hasCreatedInfo = false, hasInProgress = false, beforeDateInfo, beforeLocationInfo, beforeCreatedInfo } = props;
+    // CONTEXT
+    const scRoutingContext = useSCRouting();
+    // HOOKS
+    const intl = useIntl();
+    const { scLiveStream } = useSCFetchLiveStream({ id: liveStreamId, liveStream });
+    if (!scLiveStream) {
+        return null;
+    }
+    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [beforeDateInfo, hasDateInfo && (_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [!hideDateIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: scLiveStream.closed_at ? 'calendar_off' : 'CalendarIcon' })), hasInProgress && scLiveStream.running && (_jsx(Tooltip, Object.assign({ title: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.inProgress", defaultMessage: "ui.eventInfoDetails.inProgress" }) }, { children: _jsx(Box, { className: classes.inProgress }) })))] }))), beforeLocationInfo, hasLocationInfo && (_jsxs(Stack, Object.assign({ className: classes.iconTextWrapper }, { children: [!hideLocationIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: "play_circle_outline" })), _jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.LIVESTREAM_ROUTE_NAME, scLiveStream), target: "_blank", className: classes.link }, { children: _jsx(Typography, Object.assign({ variant: "body1", className: classes.url }, { children: scRoutingContext.url(SCRoutes.LIVESTREAM_ROUTE_NAME, scLiveStream) })) }))] }))), beforeCreatedInfo, hasCreatedInfo && (_jsxs(Stack, Object.assign({ className: classes.creationWrapper }, { children: [!hideCreatedIcon && _jsx(Icon, Object.assign({ fontSize: "small" }, { children: "create" })), _jsx(Typography, Object.assign({ variant: "body1" }, { children: _jsx(FormattedMessage, { id: "ui.eventInfoDetails.date.create", defaultMessage: "ui.eventInfoDetails.date.create", values: {
+                                date: intl.formatDate(scLiveStream.created_at, {
+                                    weekday: 'long',
+                                    day: 'numeric',
+                                    year: 'numeric',
+                                    month: 'long'
+                                })
+                            } }) }))] })))] })));
+}

package/lib/esm/types/liveStream.d.ts

@@ -0,0 +1,5 @@
+export declare enum SCLiveStreamTemplateType {
+    DETAIL = "detail",
+    SNIPPET = "snippet",
+    PREVIEW = "preview"
+}

package/lib/esm/types/liveStream.js

@@ -0,0 +1,6 @@
+export var SCLiveStreamTemplateType;
+(function (SCLiveStreamTemplateType) {
+    SCLiveStreamTemplateType["DETAIL"] = "detail";
+    SCLiveStreamTemplateType["SNIPPET"] = "snippet";
+    SCLiveStreamTemplateType["PREVIEW"] = "preview";
+})(SCLiveStreamTemplateType || (SCLiveStreamTemplateType = {}));