coinsperformance 0.0.5 → 0.0.7

package/dist/components/Molecules/ExperientialComponents/NewPostInfoStyles.js

@@ -0,0 +1,416 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewPostInfoStyles = void 0;
+exports.NewPostInfoStyles = {
+    mainContainer: {
+        display: "flex",
+        flexDirection: { base: "column", lg: "row" },
+        width: "auto",
+        height: "80vh",
+        padding: "12px 12px 24px 12px",
+        alignItems: "stretch",
+        gap: "24px",
+        overflow: "auto",
+    },
+    leftSection: {
+        flex: { base: "none", lg: 1 },
+        minWidth: 0,
+        borderRadius: "8px",
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column",
+    },
+    rightSection: {
+        display: "flex",
+        flexDirection: "column",
+        flex: { base: 1, lg: 1 },
+        minWidth: 0,
+        minHeight: { base: "60vh", lg: 0 },
+        alignItems: "flex-start",
+    },
+    rightSectionHeader: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        gap: "8px",
+        width: "100%",
+        flexShrink: 0,
+    },
+    rightSectionContent: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        gap: "8px",
+        width: "100%",
+        flex: 1,
+        overflowY: "auto",
+        minHeight: 0,
+    },
+    rightSectionBottom: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        gap: "8px",
+        width: "100%",
+        flexShrink: 0,
+        marginTop: "auto",
+        paddingTop: "8px",
+    },
+    leftSectionBottom: {
+        flexShrink: 0,
+        marginTop: "auto",
+        paddingTop: "8px",
+    },
+    authorSection: {
+        alignItems: "center",
+        gap: "8px",
+    },
+    authorImage: {
+        boxSize: "48px",
+        padding: "24px",
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: "8px",
+        background: "#8877EA",
+    },
+    authorName: {
+        color: "#263238",
+        fontFamily: "Poppins",
+        fontSize: "16px",
+        fontStyle: "normal",
+        fontWeight: "600",
+        lineHeight: "28px",
+    },
+    subjectSection: {
+        alignItems: "flex-start",
+        gap: "4px",
+    },
+    subjectName: {
+        color: "#312961",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontStyle: "normal",
+        fontWeight: "700",
+        lineHeight: "28px",
+    },
+    topicName: {
+        color: "#263238",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontStyle: "normal",
+        fontWeight: "500",
+        lineHeight: "28px",
+    },
+    activityTitle: {
+        color: "#263238",
+        fontFamily: "Poppins",
+        fontSize: "16px",
+        fontStyle: "normal",
+        fontWeight: "600",
+        lineHeight: "28px",
+    },
+    tabsContainer: {
+        display: "flex",
+        width: "100%",
+        backgroundColor: "#f4f2ff",
+        borderRadius: { base: "6px", md: "8px" },
+        overflow: "hidden",
+    },
+    tab: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: { base: "8px", md: "10px", lg: "12px" },
+        padding: { base: "12px 16px", md: "14px 18px", lg: "15px 20px" },
+        cursor: "pointer",
+        transition: "all 0.3s ease",
+    },
+    activeTab: {
+        backgroundColor: "#5f4dc7",
+        color: "#ffffff",
+    },
+    inactiveTab: {
+        backgroundColor: "transparent",
+        color: "#8b7cb8",
+    },
+    tabIcon: {
+        fontSize: { base: "16px", md: "18px", lg: "20px" },
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    tabText: {
+        fontFamily: "Poppins",
+        fontSize: { base: "14px", md: "16px", lg: "18px" },
+        fontWeight: "500",
+        lineHeight: { base: "20px", md: "24px", lg: "28px" },
+    },
+    postContent: {
+        color: "#666A6B",
+        fontFamily: "Poppins",
+        fontSize: "16px",
+        fontStyle: "normal",
+        fontWeight: "400",
+        lineHeight: "24px" /* 150% */,
+        letterSpacing: "0.16px",
+    },
+    attachmentHeading: {
+        color: "#312961",
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontWeight: "700",
+        lineHeight: "28px",
+    },
+    emojiSection: {
+        width: "100%",
+        alignItems: "flex-end",
+        justifyContent: "flex-end",
+        gap: "24px",
+    },
+    emojiText: {
+        color: "#666A6B",
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontWeight: "500",
+        lineHeight: "20px",
+    },
+    imageTilesContainer: {
+        display: "flex",
+        gap: "12px",
+        alignItems: "flex-start",
+        width: "100%",
+    },
+    imageTileFrame: {
+        width: "72px",
+        height: "56px",
+        borderRadius: "4px",
+        border: "2px solid #d8d1ff",
+        background: "#faf9fe",
+        boxShadow: "1px 2px 2px 0px rgba(0,0,0,0.25)",
+        position: "relative",
+        overflow: "hidden",
+        flexShrink: 0,
+    },
+    imageTileImage: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        borderRadius: "4px",
+    },
+    // Comments section styles
+    commentsContainer: {
+        mt: "24px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "24px",
+        width: "100%",
+        // height: "222px",
+        overflowY: "auto",
+    },
+    commentItem: {
+        display: "flex",
+        gap: "12px",
+        alignItems: "flex-start",
+        width: "100%",
+    },
+    commentItemPinned: {
+        backgroundColor: "#e9e5ff",
+        padding: "8px 12px",
+        borderRadius: "8px",
+    },
+    commentItemSubjectTeacher: {
+        backgroundColor: "#f0f8ff",
+        padding: "8px 12px",
+        borderRadius: "8px",
+        border: "1px solid #d1e7ff",
+    },
+    commentAvatar: {
+        width: "30px",
+        height: "30px",
+        borderRadius: "32px",
+        backgroundColor: "#ccd1e8",
+        overflow: "hidden",
+        flexShrink: 0,
+    },
+    commentAvatarImage: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+    },
+    commentContent: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "2px",
+        flex: 1,
+        minWidth: 0,
+    },
+    commentHeader: {
+        display: "flex",
+        gap: "8px",
+        alignItems: "center",
+    },
+    commentAuthorName: {
+        color: "#263238",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontStyle: "normal",
+        fontWeight: "500",
+        lineHeight: "20px",
+    },
+    commentAuthorRole: {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+    },
+    commentRoleText: {
+        color: "#312961",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontStyle: "normal",
+        fontWeight: "700",
+        lineHeight: "20px",
+    },
+    commentText: {
+        color: "#666a6b",
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontStyle: "normal",
+        fontWeight: "500",
+        lineHeight: "28px",
+        width: "350px",
+    },
+    commentMeta: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+    },
+    commentTimestamp: {
+        color: "#919191",
+        fontFamily: "Poppins",
+        fontSize: "10px",
+        fontStyle: "normal",
+        fontWeight: "400",
+        lineHeight: "20px",
+    },
+    commentPin: {
+        width: "20.98px",
+        height: "20.98px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transform: "rotate(23deg)",
+        flexShrink: 0,
+    },
+    commentsDivider: {
+        // height: "1px",
+        border: "1px dotted rgba(0,0,0,0.1)",
+        width: "100%",
+    },
+    // Comment input styles
+    commentInputContainer: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        justifyContent: "flex-end",
+        paddingBottom: "15px",
+        width: "100%",
+        flexShrink: 0,
+    },
+    commentInputBox: {
+        backgroundColor: "#f4f2ff",
+        border: "1px solid rgba(0,0,0,0.2)",
+        borderRadius: "8px",
+        height: "49px",
+        width: "100%",
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        padding: "0 12px",
+        gap: "12px",
+    },
+    commentInputField: {
+        backgroundColor: "transparent",
+        border: "none",
+        outline: "none",
+        flex: 1,
+        color: "black",
+        fontFamily: "Poppins",
+        fontSize: "18px",
+        fontStyle: "normal",
+        fontWeight: "500",
+        lineHeight: "28px",
+        "&::placeholder": {
+            color: "black",
+        },
+    },
+    commentEmojiButton: {
+        width: "24px",
+        height: "24px",
+        cursor: "pointer",
+        backgroundColor: "transparent",
+        border: "none",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    commentSendButton: {
+        width: "32px",
+        height: "32px",
+        // backgroundColor: "#a0a0a0",
+        borderRadius: "4px",
+        cursor: "pointer",
+        border: "none",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    // Comment suggestions styles
+    commentSuggestionsContainer: {
+        position: "absolute",
+        bottom: "calc(100% + 12px)",
+        left: "0",
+        right: "0",
+        backgroundColor: "#e9e5ff",
+        borderRadius: "8px",
+        padding: "20px 12px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "13px",
+        boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.15)",
+        zIndex: 1000,
+        maxHeight: "200px",
+        overflowY: "auto",
+    },
+    commentSuggestionItem: {
+        backgroundColor: "rgba(0,0,0,0)",
+        cursor: "pointer",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        justifyContent: "center",
+        padding: "4px 8px",
+        borderRadius: "4px",
+        width: "100%",
+        transition: "background-color 0.2s ease",
+        "&:hover": {
+            backgroundColor: "rgba(255, 255, 255, 0.3)",
+        },
+    },
+    commentSuggestionText: {
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontStyle: "normal",
+        fontWeight: "500",
+        lineHeight: "28px",
+        color: "black",
+        whiteSpace: "normal",
+        wordWrap: "break-word",
+    },
+    commentSuggestionDivider: {
+        height: "1px",
+        background: 'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="1"><line x1="0" y1="0.5" x2="100" y2="0.5" stroke="%23999" stroke-dasharray="2,2" stroke-width="1"/></svg>\') repeat-x',
+        width: "100%",
+    },
+};
+//# sourceMappingURL=NewPostInfoStyles.js.map

package/dist/components/Molecules/ExperientialComponents/NewPostInfoStyles.js.map

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

package/dist/components/Molecules/ExperientialComponents/NewPostList.d.ts

@@ -0,0 +1,51 @@
+interface PostUserInfo {
+    firstName: string;
+    lastName: string;
+    profileImage?: string;
+    _id?: string;
+}
+interface PostAttachment {
+    id: string;
+    fileName: string;
+    mimeType: string;
+    url?: string;
+}
+interface ActivityPost {
+    postId: string;
+    userInfo: PostUserInfo[];
+    attachments?: PostAttachment[];
+    postBody: string;
+    emojiCount?: number;
+    commentsCount?: number;
+    updatedAt?: string;
+    updatesCount?: number;
+}
+interface ActivityData {
+    allowCommentsAndInteractions?: boolean;
+    activityInfo?: {
+        isShareActivity?: boolean;
+    };
+}
+interface ActivityPostsAdditionalInfo {
+    isUserQuit?: boolean;
+}
+interface UserAdditionalDetails {
+    studentId?: string;
+}
+export interface NewPostListProps {
+    hasUserPosted: boolean;
+    activityPosts?: ActivityPost[];
+    activityData?: ActivityData;
+    activityPostsAdditionalInfo?: ActivityPostsAdditionalInfo;
+    handleAddPost: () => void;
+    handleAttachmentClick: (attachment: PostAttachment) => void;
+    handleViewPost: (post: ActivityPost) => void;
+    characterIcon: string;
+    icons: Record<string, string>;
+    cardColors: string[];
+    handleEditClick?: (post: ActivityPost) => void;
+    userAdditionalDetails?: UserAdditionalDetails;
+    addPostDescription?: string;
+}
+declare const NewPostList: ({ hasUserPosted, activityPosts, activityData, activityPostsAdditionalInfo, handleAddPost, handleAttachmentClick, characterIcon, icons, cardColors, handleViewPost, handleEditClick, userAdditionalDetails, addPostDescription, }: NewPostListProps) => import("react/jsx-runtime").JSX.Element;
+export default NewPostList;

package/dist/components/Molecules/ExperientialComponents/NewPostList.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const react_masonry_css_1 = __importDefault(require("react-masonry-css"));
+const NewAddPostCard_1 = __importDefault(require("./NewAddPostCard"));
+const NewPostCard_1 = __importDefault(require("./NewPostCard"));
+const NewPostList = ({ hasUserPosted, activityPosts = [], activityData, activityPostsAdditionalInfo, handleAddPost, handleAttachmentClick, characterIcon, icons, cardColors, handleViewPost, handleEditClick, userAdditionalDetails, addPostDescription, }) => {
+    const breakpointColumnsObj = {
+        default: 5,
+        1400: 4,
+        900: 3,
+        500: 1,
+    };
+    // Helper function to get the first image attachment from post
+    const getFirstImageAttachment = (attachments) => {
+        if (!attachments || !Array.isArray(attachments))
+            return "";
+        const imageAttachment = attachments.find((att) => att.mimeType?.includes("image") ||
+            att.fileName?.toLowerCase().match(/\.(jpg|jpeg|png|gif|bmp|webp)$/));
+        return imageAttachment?.url || "";
+    };
+    // Helper function to determine if a post can be edited
+    const canEditPost = (post) => {
+        // Check if current user owns the post
+        const currentUserId = userAdditionalDetails?.studentId;
+        const postAuthorId = post.userInfo[0]?._id;
+        if (!currentUserId || !postAuthorId || currentUserId !== postAuthorId) {
+            return false;
+        }
+        // Check if post has been updated (updatesCount >= 1), if so, don't allow editing
+        if (post.updatesCount && post.updatesCount >= 2) {
+            return false;
+        }
+        // Check if post was updated within the last 2 hours
+        if (!post.updatedAt) {
+            return false;
+        }
+        const updatedAt = new Date(post.updatedAt);
+        const currentTime = new Date();
+        const timeDifferenceInHours = (currentTime.getTime() - updatedAt.getTime()) / (1000 * 60 * 60);
+        return timeDifferenceInHours < 2;
+    };
+    // Generate random color for NewAddPostCard
+    const randomColor = cardColors[Math.floor(Math.random() * cardColors.length)];
+    // Create array of all items to render (NewAddPostCard + posts)
+    const allItems = [];
+    // Add NewAddPostCard if user hasn't posted
+    if (!hasUserPosted) {
+        allItems.push({
+            type: "addPost",
+            id: "add-post",
+        });
+    }
+    // Add all activity posts
+    activityPosts.forEach((post, index) => {
+        allItems.push({
+            type: "post",
+            post,
+            index,
+            id: post.postId,
+        });
+    });
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { w: "100%", children: (0, jsx_runtime_1.jsx)(react_masonry_css_1.default, { breakpointCols: breakpointColumnsObj, className: "my-masonry-grid", columnClassName: "my-masonry-grid_column", style: { display: "flex", width: "auto", gap: "16px" }, "data-testid": "post-list-masonry", children: allItems.map((item) => ((0, jsx_runtime_1.jsx)(react_1.Box, { mb: "16px", sx: { backgroundClip: "padding-box" }, "data-testid": "post-list-card-container", children: item.type === "addPost" ? ((0, jsx_runtime_1.jsx)(NewAddPostCard_1.default, { characterIcon: characterIcon, onGetStartedClick: handleAddPost, backgroundColor: randomColor, addPostDescription: addPostDescription })) : ((0, jsx_runtime_1.jsx)(NewPostCard_1.default, { author: {
+                        name: item.post.userInfo[0]?.firstName +
+                            " " +
+                            item.post.userInfo[0]?.lastName,
+                        profileImage: item.post.userInfo[0]?.profileImage || "",
+                    }, mainImage: getFirstImageAttachment(item.post.attachments), content: item.post.postBody, attachments: item.post.attachments, emojiCount: item.post.emojiCount, commentCount: item.post.commentsCount, onEditClick: () => handleEditClick && handleEditClick(item.post), allowEdit: canEditPost(item.post), icons: icons, onAttachmentClick: handleAttachmentClick, onCardClick: () => {
+                        handleViewPost(item.post);
+                    }, cardColor: cardColors[item.index % cardColors.length], allowCommentsandInteractions: activityData?.allowCommentsAndInteractions, showBlur: !hasUserPosted &&
+                        !activityPostsAdditionalInfo?.isUserQuit &&
+                        !activityData?.activityInfo?.isShareActivity })) }, item.id))) }) }));
+};
+exports.default = NewPostList;
+//# sourceMappingURL=NewPostList.js.map

package/dist/components/Molecules/ExperientialComponents/NewPostList.js.map

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

package/dist/components/Molecules/ExperientialComponents/newActivityBannerStyles.d.ts

@@ -0,0 +1,120 @@
+export declare const newActivityBannerStyles: {
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        width: string;
+        height: string;
+        borderRadius: string;
+        border: string;
+        backgroundColor: string;
+        padding: string;
+        gap: string;
+    };
+    contentSection: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        padding: string;
+        width: string;
+    };
+    headerSection: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        alignItems: string;
+    };
+    subjectTopicRow: {
+        display: string;
+        gap: string;
+        alignItems: string;
+        fontSize: string;
+    };
+    subjectName: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    topicName: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    activityTitle: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    description: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+        width: string;
+        minWidth: string;
+    };
+    readMoreLink: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+        cursor: string;
+        textDecoration: string;
+    };
+    attachmentHeading: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    attachmentContainer: {
+        display: string;
+        gap: string;
+        alignItems: string;
+    };
+    attachmentFrame: {
+        backgroundColor: string;
+        borderRadius: string;
+        padding: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        cursor: string;
+    };
+    attachmentImageFrame: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        overflow: string;
+        position: string;
+    };
+    attachmentIconFrame: {
+        width: string;
+        height: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    attachmentIcon: {
+        width: string;
+        height: string;
+    };
+    attachmentImage: {
+        width: string;
+        height: string;
+        objectFit: string;
+    };
+};