@selfcommunity/react-ui 0.11.0-alpha.6 → 0.11.0-alpha.61

package/lib/esm/shared/LessonCommentActionsMenu/index.d.ts

@@ -0,0 +1,41 @@
+import { SCCourseCommentType, SCCourseLessonType } from '@selfcommunity/types';
+export interface LessonCommentActionsMenuProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Course Lesson obj
+     * @default null
+     */
+    lesson: SCCourseLessonType;
+    /**
+     * Course CommentObject id
+     * @default null
+     */
+    commentObjectId?: number;
+    /**
+     * Course Comment obj
+     * @default null
+     */
+    commentObject: SCCourseCommentType;
+    /**
+     * Handle edit obj
+     */
+    onEdit?: (obj: SCCourseCommentType) => void;
+    /**
+     * Handle delete obj
+     */
+    onDelete?: (obj: SCCourseCommentType) => void;
+    /**
+     * Props to spread to popper
+     * @default empty object
+     */
+    PopperProps?: any;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+export default function LessonCommentActionsMenu(props: LessonCommentActionsMenuProps): JSX.Element;

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

@@ -0,0 +1,194 @@
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useMemo, useRef, useState } from 'react';
+import { styled } from '@mui/material/styles';
+import { FormattedMessage } from 'react-intl';
+import Popper from '@mui/material/Popper';
+import Icon from '@mui/material/Icon';
+import CentralProgress from '../CentralProgress';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import { Logger } from '@selfcommunity/utils';
+import { useSnackbar } from 'notistack';
+import classNames from 'classnames';
+import ConfirmDialog from '../ConfirmDialog/ConfirmDialog';
+import { Box, CircularProgress, ClickAwayListener, Grow, IconButton, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Endpoints, http } from '@selfcommunity/api-services';
+import { SCContext, SCUserContext, UserUtils, useSCFetchLessonCommentObject } from '@selfcommunity/react-core';
+const EDIT_COMMENT = '_edit_comment';
+const DELETE_COMMENT = '_delete_comment';
+const PREFIX = 'SCLessonCommentActionsMenu';
+const classes = {
+    root: `${PREFIX}-root`,
+    button: `${PREFIX}-button`,
+    popperRoot: `${PREFIX}-popper-root`,
+    paper: `${PREFIX}-paper`,
+    item: `${PREFIX}-item`,
+    itemText: `${PREFIX}-item-text`,
+    subItem: `${PREFIX}-sub-item`
+};
+const PopperRoot = styled(Popper, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.popperRoot
+})(() => ({}));
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+export default function LessonCommentActionsMenu(props) {
+    // PROPS
+    const { className, lesson, commentObjectId, commentObject, onEdit, onDelete, PopperProps = {} } = props, rest = __rest(props, ["className", "lesson", "commentObjectId", "commentObject", "onEdit", "onDelete", "PopperProps"]);
+    // CONTEXT
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    const scContext = useContext(SCContext);
+    const scUserContext = useContext(SCUserContext);
+    const { enqueueSnackbar } = useSnackbar();
+    // COMMENT STATE
+    const { obj: commentObj, setObj: setCommentObj } = useSCFetchLessonCommentObject({ id: commentObjectId, commentObject: commentObject, lesson: lesson });
+    // GENERAL POPPER STATE
+    const [open, setOpen] = useState(false);
+    // CONFIRM ACTION DIALOG STATE
+    const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
+    const [currentAction, setCurrentAction] = useState(null);
+    const [currentActionLoading, setCurrentActionLoading] = useState(null);
+    // CONST
+    let popperRef = useRef(null);
+    /**
+     * Handles open popup
+     */
+    function handleOpen() {
+        if (scUserContext.user) {
+            setOpen(true);
+        }
+        else {
+            scContext.settings.handleAnonymousAction();
+        }
+    }
+    /**
+     * Closes popup
+     */
+    function handleClose() {
+        if (popperRef.current && popperRef.current.contains(event.target)) {
+            return;
+        }
+        setOpen(false);
+        if (rest.onClose) {
+            rest.onClose();
+        }
+    }
+    /**
+     * Perform delete comment
+     */
+    const performDeleteComment = useMemo(() => () => {
+        return http
+            .request({
+            url: Endpoints.DeleteCourseComment.url({
+                id: lesson.course_id,
+                section_id: lesson.section_id,
+                lesson_id: lesson.id,
+                comment_id: commentObject.id
+            }),
+            method: Endpoints.DeleteCourseComment.method
+        })
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            return Promise.resolve(res.data);
+        });
+    }, [commentObj, lesson]);
+    /**
+     * handle action
+     */
+    function handleAction(action) {
+        if (UserUtils.isBlocked(scUserContext.user) && [EDIT_COMMENT].includes(action)) {
+            // if user is blocked, deny edit and moderate
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+                variant: 'warning',
+                autoHideDuration: 3000
+            });
+            return;
+        }
+        if (action === EDIT_COMMENT) {
+            onEdit && onEdit(commentObj);
+            handleClose();
+        }
+        else {
+            setCurrentAction(DELETE_COMMENT);
+            setOpenConfirmDialog(true);
+            handleClose();
+        }
+    }
+    /**
+     * Perform additional operations at the end of single action
+     */
+    function performPostConfirmAction(success) {
+        if (success) {
+            setCurrentActionLoading(null);
+            setCurrentAction(null);
+            setOpenConfirmDialog(false);
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.lessonCommentActionMenu.actionSuccess", defaultMessage: "ui.lessonCommentActionMenu.actionSuccess" }), {
+                variant: 'success',
+                autoHideDuration: 3000
+            });
+        }
+        else {
+            setCurrentActionLoading(null);
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.lessonCommentActionMenu.actionError", defaultMessage: "ui.lessonCommentActionMenu.actionError" }), {
+                variant: 'error',
+                autoHideDuration: 3000
+            });
+        }
+    }
+    /**
+     * Deletes a comment
+     */
+    function handleConfirmedAction() {
+        if (commentObj && !currentActionLoading) {
+            if (currentAction === DELETE_COMMENT) {
+                setCurrentActionLoading(DELETE_COMMENT);
+                performDeleteComment()
+                    .then(() => {
+                    onDelete && onDelete(commentObj);
+                    performPostConfirmAction(true);
+                })
+                    .catch((error) => {
+                    Logger.error(SCOPE_SC_UI, error);
+                    performPostConfirmAction(false);
+                });
+            }
+        }
+    }
+    /**
+     * CIf the authenticated user can modify the comment
+     */
+    function canModifyContribution() {
+        return scUserContext.user && scUserContext.user.id === commentObj.created_by.id;
+    }
+    /**
+     * If the authenticated user can delete the comment
+     */
+    function canDeleteContribution() {
+        return scUserContext.user && scUserContext.user.id === commentObj.created_by.id;
+    }
+    /**
+     * Renders comment menu content
+     */
+    function renderContent() {
+        return (_jsx(Box, { children: !commentObj ? (_jsx(CentralProgress, { size: 30 })) : (_jsxs(MenuList, { children: [canModifyContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem }, { children: [_jsx(ListItemIcon, { children: _jsx(Icon, { children: "edit" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.lessonCommentActionMenu.edit", defaultMessage: "ui.lessonCommentActionMenu.edit" }), onClick: () => handleAction(EDIT_COMMENT), classes: { root: classes.itemText } })] }))), canDeleteContribution() && (_jsxs(MenuItem, Object.assign({ className: classes.subItem }, { children: [_jsx(ListItemIcon, { children: currentActionLoading === DELETE_COMMENT ? _jsx(CircularProgress, { size: 20 }) : _jsx(Icon, { children: "delete" }) }), _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.lessonCommentActionMenu.delete", defaultMessage: "ui.lessonCommentActionMenu.delete" }), onClick: () => handleAction(DELETE_COMMENT), classes: { root: classes.itemText } })] })))] })) }));
+    }
+    /**
+     * Renders component
+     */
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [_jsx(IconButton
+            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+            // @ts-ignore
+            , Object.assign({ 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                ref: (ref) => {
+                    popperRef.current = ref;
+                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: _jsx(Icon, { children: "more_vert" }) })), open && (_jsx(_Fragment, { children: isMobile ? (_jsx(SwipeableDrawer, Object.assign({ open: true, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : (_jsx(PopperRoot, Object.assign({ open: true, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))) })), openConfirmDialog && (_jsx(ConfirmDialog, { open: openConfirmDialog, onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) }))] })));
+}

package/lib/esm/shared/LessonFilePreview/index.d.ts

@@ -0,0 +1,12 @@
+export interface LessonFilePreviewProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * The media object to show
+     */
+    media: any;
+}
+export default function LessonFilePreview(props: LessonFilePreviewProps): JSX.Element;

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import classNames from 'classnames';
+import { Box, Link, Typography } from '@mui/material';
+import Icon from '@mui/material/Icon';
+import { MEDIA_TYPE_DOCUMENT } from '../../constants/Media';
+const PREFIX = 'SCLessonFilePreview';
+const classes = {
+    root: `${PREFIX}-root`,
+    item: `${PREFIX}-item`,
+    title: `${PREFIX}-title`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+export default function LessonFilePreview(props) {
+    // PROPS
+    const { className, media } = props;
+    /**
+     * Renders component
+     */
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className), sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } }, { children: media.title && (_jsx(Link, Object.assign({ href: media.url, target: "_blank", rel: "noopener noreferrer" }, { children: _jsxs(Typography, Object.assign({ className: classes.title }, { children: [media.type === MEDIA_TYPE_DOCUMENT && _jsx(Icon, { children: "picture_as_pdf" }), media.title] })) }))) }), media.id));
+}

package/lib/esm/shared/Media/Link/UrlTextField/index.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import InputAdornment from '@mui/material/InputAdornment';
 import IconButton from '@mui/material/IconButton';
@@ -14,6 +14,7 @@ const INITIAL_STATE = {
     urlError: null
 };
 export default (props) => {
+    var _a, _b;
     // STATE
     const [isCreating, setIsCreating] = useState(false);
     const [state, setState] = useState(Object.assign({}, INITIAL_STATE));
@@ -73,7 +74,5 @@ export default (props) => {
      * Renders url text field
      */
     return (_jsx("form", Object.assign({ method: "post", onSubmit: handleSubmit }, { children: _jsx(TextField, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
-                (urlError && (_jsx(FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || _jsx(FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
-                endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end" }, { children: _jsx(Fade, Object.assign({ in: urlError === null && url !== '' }, { children: _jsx(IconButton, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? _jsx(CircularProgress, { color: "primary", size: 20 }) : _jsx(FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) })) })) })))
-            } })) })));
+                (urlError && (_jsx(FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || _jsx(FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: Object.assign(Object.assign({}, rest.InputProps), { endAdornment: (_jsx(_Fragment, { children: url === '' && ((_a = rest.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment) ? ((_b = rest.InputProps) === null || _b === void 0 ? void 0 : _b.endAdornment) : (_jsx(InputAdornment, Object.assign({ position: "end" }, { children: _jsx(Fade, Object.assign({ in: urlError === null && url !== '' }, { children: _jsx(IconButton, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? (_jsx(CircularProgress, { color: "primary", size: 20 })) : (_jsx(FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" })) })) })) }))) })) }) })) })));
 };

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

@@ -3,6 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { FormattedMessage } from 'react-intl';
+import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
 import { Chip, Tooltip } from '@mui/material';
 import { useMemo } from 'react';
 import { SCCommunitySubscriptionTier } from '@selfcommunity/types';
@@ -28,6 +29,11 @@ export default function UpScalingTierBadge(inProps) {
         name: PREFIX
     });
     const { className, desiredTier = SCCommunitySubscriptionTier.GO } = props, rest = __rest(props, ["className", "desiredTier"]);
+    const { preferences } = useSCPreferences();
+    const isEnterpriseTier = useMemo(() => preferences &&
+        SCPreferences.CONFIGURATIONS_SUBSCRIPTION_TIER in preferences &&
+        preferences[SCPreferences.CONFIGURATIONS_SUBSCRIPTION_TIER].value &&
+        preferences[SCPreferences.CONFIGURATIONS_SUBSCRIPTION_TIER].value === SCCommunitySubscriptionTier.ENTERPRISE, [preferences]);
     const tooltipMsg = useMemo(() => {
         let _msg = _jsx(FormattedMessage, { id: "ui.upScalingTierBadge.goFeature", defaultMessage: "ui.upScalingTierBadge.goFeature" });
         switch (desiredTier) {
@@ -56,5 +62,8 @@ export default function UpScalingTierBadge(inProps) {
         }
         return _label;
     }, [desiredTier]);
+    if (desiredTier === SCCommunitySubscriptionTier.ENTERPRISE && isEnterpriseTier) {
+        return null;
+    }
     return (_jsx(Root, Object.assign({ classes: { root: classNames(className, classes.root) }, title: tooltipMsg, placement: "top" }, rest, { children: _jsx(Badge, { color: "secondary", size: "small", label: badgeLabel, className: classes.badge }) })));
 }

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

@@ -0,0 +1,40 @@
+import { SCUserType } from '@selfcommunity/types';
+export declare enum SCCourseTemplateType {
+    SNIPPET = "snippet",
+    PREVIEW = "preview"
+}
+export declare enum SCLessonActionsType {
+    COMMENTS = "comments",
+    LESSONS = "lessons",
+    SETTINGS = "settings"
+}
+export declare enum SCLessonModeType {
+    VIEW = "view",
+    EDIT = "edit"
+}
+export declare enum SCCourseEditTabType {
+    LESSONS = "lessons",
+    CUSTOMIZE = "customize",
+    USERS = "users",
+    REQUESTS = "requests",
+    OPTIONS = "options"
+}
+export declare enum SCCourseUsersTableModeType {
+    DASHBOARD = "dashboard",
+    EDIT = "edit",
+    REQUESTS = "requests"
+}
+export interface SCCourseEditManageUserProps {
+    tab: SCCourseEditTabType;
+    user?: SCUserType;
+    request?: SCUserType;
+}
+export interface SCCourseEditManageUserRef {
+    handleManageUser: (user: SCUserType) => void;
+}
+export interface SCCourseGetUrlLessonData {
+    id: number;
+    slug: string;
+    section_id: number;
+    lesson_id: number;
+}

package/lib/esm/types/course.js

@@ -0,0 +1,30 @@
+export var SCCourseTemplateType;
+(function (SCCourseTemplateType) {
+    SCCourseTemplateType["SNIPPET"] = "snippet";
+    SCCourseTemplateType["PREVIEW"] = "preview";
+})(SCCourseTemplateType || (SCCourseTemplateType = {}));
+export var SCLessonActionsType;
+(function (SCLessonActionsType) {
+    SCLessonActionsType["COMMENTS"] = "comments";
+    SCLessonActionsType["LESSONS"] = "lessons";
+    SCLessonActionsType["SETTINGS"] = "settings";
+})(SCLessonActionsType || (SCLessonActionsType = {}));
+export var SCLessonModeType;
+(function (SCLessonModeType) {
+    SCLessonModeType["VIEW"] = "view";
+    SCLessonModeType["EDIT"] = "edit";
+})(SCLessonModeType || (SCLessonModeType = {}));
+export var SCCourseEditTabType;
+(function (SCCourseEditTabType) {
+    SCCourseEditTabType["LESSONS"] = "lessons";
+    SCCourseEditTabType["CUSTOMIZE"] = "customize";
+    SCCourseEditTabType["USERS"] = "users";
+    SCCourseEditTabType["REQUESTS"] = "requests";
+    SCCourseEditTabType["OPTIONS"] = "options";
+})(SCCourseEditTabType || (SCCourseEditTabType = {}));
+export var SCCourseUsersTableModeType;
+(function (SCCourseUsersTableModeType) {
+    SCCourseUsersTableModeType["DASHBOARD"] = "dashboard";
+    SCCourseUsersTableModeType["EDIT"] = "edit";
+    SCCourseUsersTableModeType["REQUESTS"] = "requests";
+})(SCCourseUsersTableModeType || (SCCourseUsersTableModeType = {}));

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

@@ -8,4 +8,5 @@ import { VirtualScrollerItemProps } from './virtualScroller';
 import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './user';
 import { PlatformWidgetActionType } from './platformWidget';
 import { SCEventTemplateType } from './event';
-export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, SCEventTemplateType };
+import { SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType } from './course';
+export { SCFeedWidgetType, SCMediaObjectType, SCMediaChunkType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, SCEventTemplateType, SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType };

package/lib/esm/types/index.js

@@ -4,4 +4,5 @@ import { SCNotificationObjectTemplateType } from './notification';
 import { SCBroadcastMessageTemplateType } from './broadcastMessage';
 import { SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './user';
 import { SCEventTemplateType } from './event';
-export { SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SCEventTemplateType };
+import { SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType } from './course';
+export { SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SCEventTemplateType, SCCourseTemplateType, SCLessonActionsType, SCLessonModeType, SCCourseEditTabType };

package/lib/esm/utils/buttonCounters.d.ts

@@ -1 +1,2 @@
+export declare const DEFAULT_COUNTERS_LIMIT = 3;
 export declare function numberFormatter(num: number): JSX.Element;

package/lib/esm/utils/buttonCounters.js

@@ -1,10 +1,11 @@
 import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const DEFAULT_COUNTERS_LIMIT = 3;
 export function numberFormatter(num) {
-    const surplus = num - 3;
+    const surplus = num === DEFAULT_COUNTERS_LIMIT ? 1 : num < DEFAULT_COUNTERS_LIMIT ? num : num - DEFAULT_COUNTERS_LIMIT;
     if (surplus > 999999) {
         return _jsxs(_Fragment, { children: ["+", (Math.abs(surplus) / 1000000).toFixed(1), "M"] });
     }
-    else if (num > 999) {
+    else if (surplus > 999) {
         return _jsxs(_Fragment, { children: ["+", (Math.abs(surplus) / 1000).toFixed(1), "K"] });
     }
     return _jsxs(_Fragment, { children: ["+", surplus] });

package/lib/esm/utils/course.d.ts

@@ -0,0 +1,14 @@
+import { SCCourseLessonType, SCCourseSectionType, SCCourseType } from '@selfcommunity/types';
+import { SCCourseGetUrlLessonData } from '../types/course';
+export declare function isCourseNew(course: SCCourseType | null): boolean;
+export declare function isCourseCompleted(course: SCCourseType | null): boolean;
+declare enum unitType {
+    DAYS = "days",
+    WEEKS = "weeks"
+}
+export declare function getDripDelayAndUnit(value: number): {
+    delay: number;
+    _unit: unitType;
+};
+export declare function getUrlLesson(course: SCCourseType, lesson: Partial<SCCourseLessonType>, section?: SCCourseSectionType): SCCourseGetUrlLessonData;
+export {};

package/lib/esm/utils/course.js

@@ -0,0 +1,32 @@
+import { SCCourseJoinStatusType } from '@selfcommunity/types';
+export function isCourseNew(course) {
+    if (course && course.join_status === SCCourseJoinStatusType.JOINED) {
+        const createdAtDate = new Date(course.created_at);
+        const twoWeeksAgo = new Date();
+        twoWeeksAgo.setDate(twoWeeksAgo.getDate() - 14);
+        return createdAtDate >= twoWeeksAgo;
+    }
+    return false;
+}
+export function isCourseCompleted(course) {
+    return (course === null || course === void 0 ? void 0 : course.user_completion_rate) === 100;
+}
+var unitType;
+(function (unitType) {
+    unitType["DAYS"] = "days";
+    unitType["WEEKS"] = "weeks";
+})(unitType || (unitType = {}));
+export function getDripDelayAndUnit(value) {
+    if (value > 7 && value % 7 === 0) {
+        return { delay: value / 7, _unit: unitType.WEEKS };
+    }
+    return { delay: value, _unit: unitType.DAYS };
+}
+export function getUrlLesson(course, lesson, section) {
+    return {
+        id: course.id,
+        slug: course.slug,
+        section_id: section ? section.id : lesson.section_id,
+        lesson_id: lesson.id
+    };
+}

package/lib/esm/utils/events.d.ts

@@ -1,2 +1,3 @@
 import { SCEventType } from '@selfcommunity/types';
 export declare function checkEventFinished(event: SCEventType | null): boolean;
+export declare function formatDateForGC(eventDate: string): string;

package/lib/esm/utils/events.js

@@ -4,3 +4,7 @@ export function checkEventFinished(event) {
     }
     return false;
 }
+export function formatDateForGC(eventDate) {
+    const date = new Date(eventDate);
+    return date.toISOString().replace(/[-:]/g, '').split('.')[0] + 'Z';
+}