performanceresultscreens 0.0.1

package/dist/components/Organisms/PostsList/PostList.js

@@ -0,0 +1,62 @@
+"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("react");
+const react_2 = require("@chakra-ui/react");
+const react_masonry_css_1 = __importDefault(require("react-masonry-css"));
+const PostCard_1 = __importDefault(require("../../Molecules/PostCard/PostCard"));
+const common_utils_1 = require("../../../utils/common-utils");
+const AddPostCard_1 = __importDefault(require("../../Molecules/AddPostCard/AddPostCard"));
+const PostList = (props) => {
+    const { cards, isUserQuit = false, isShareActivity = true, loginUserId, icons = {}, isUserPosted = true, loginUserDetails = {}, handlePostClick, handleAddPost, handleViewMode, handleClap, handleMenuClick, menuOptions, otherOptions, showAddPostCard, isStudent = true, isFromExperiential = false, } = props;
+    const [activityPosts, setActivityPosts] = (0, react_1.useState)([]);
+    const containerRef = (0, react_1.useRef)(null);
+    const [columns, setColumns] = (0, react_1.useState)(5);
+    (0, react_1.useEffect)(() => {
+        let postsData = [...cards];
+        if (showAddPostCard) {
+            postsData.unshift({});
+        }
+        setActivityPosts(postsData);
+    }, [cards, showAddPostCard]);
+    (0, react_1.useEffect)(() => {
+        const updateColumns = () => {
+            if (containerRef.current) {
+                const width = containerRef.current.offsetWidth;
+                let cols = 5;
+                if (width <= 500)
+                    cols = 2;
+                else if (width <= 900)
+                    cols = 3;
+                else if (width <= 1400)
+                    cols = 4;
+                else
+                    cols = 5;
+                setColumns(cols);
+            }
+        };
+        updateColumns();
+        window.addEventListener("resize", updateColumns);
+        return () => {
+            window.removeEventListener("resize", updateColumns);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { w: "100%", ref: containerRef, children: containerRef.current && ((0, jsx_runtime_1.jsx)(react_masonry_css_1.default, { breakpointCols: columns, className: "my-masonry-grid", columnClassName: "my-masonry-grid_column", style: { display: "flex", width: "auto", gap: "16px" }, children: activityPosts.map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.Box, { mb: "16px", sx: { backgroundClip: "padding-box" }, children: (0, common_utils_1.isEmptyOrNull)(item?.postId) && showAddPostCard ? ((0, jsx_runtime_1.jsx)(AddPostCard_1.default, { userDetails: loginUserDetails, isShareActivity: isShareActivity, 
+                    //activityType={item?.activityInfo?.activityType}
+                    activityType: props.activityType, icons: icons, handleAddPost: handleAddPost, handleViewMode: handleViewMode })) : ((0, jsx_runtime_1.jsx)(PostCard_1.default, { post: item, isHide: item?.isHide, userInfo: item?.userInfo?.[0], attachments: item?.attachments, title: item?.postTitle, description: item?.postBody, color: item?.color || "#EEFCDD", clapsCount: item?.clapsCount, commentsCount: item?.commentsCount, isBlur: !isShareActivity &&
+                        !isUserPosted &&
+                        !isUserQuit &&
+                        isStudent, isShareActivity: isShareActivity, loginUserId: loginUserId, enableClaps: props?.enableClaps, enableComments: props?.enableComments, icons: icons, menuOptions: menuOptions, otherOptions: otherOptions, isUserClapped: item?.isUserClapped &&
+                        loginUserId != item?.userInfo?.[0]?._id, handleClick: () => {
+                        handlePostClick(item);
+                    }, handleClap: () => {
+                        handleClap && handleClap(item);
+                    }, handleMenuClick: (data) => {
+                        handleMenuClick && handleMenuClick(data, item);
+                    }, isFromExperiential: isFromExperiential })) }, index))) })) }));
+};
+exports.default = PostList;
+//# sourceMappingURL=PostList.js.map

package/dist/components/Organisms/PostsList/PostList.js.map

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

package/dist/components/Organisms/PostsList/PostList.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const DefaultPostList: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const WithUserPostList: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const UserQuitPostList: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const BlurPostList: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

package/dist/components/Organisms/PostsList/PostList.stories.js

@@ -0,0 +1,130 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlurPostList = exports.UserQuitPostList = exports.WithUserPostList = exports.DefaultPostList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const wall_constants_1 = require("../../../utils/wall-constants");
+const PostList_1 = __importDefault(require("./PostList"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+exports.default = {
+    title: "Components/Organisms/PostList",
+    component: PostList_1.default,
+};
+const postMenuList = [
+    {
+        title: "Tag to portfolio",
+        subTitle: "Add it to the portfolio section",
+        icon: wall_images_1.default.edit,
+    },
+    {
+        title: "Edit",
+        subTitle: "Make changes in this post",
+        icon: wall_images_1.default.edit,
+    },
+    {
+        title: "Hide",
+        subTitle: "Hide from others",
+        icon: wall_images_1.default.hide,
+    },
+    {
+        title: "Delete",
+        subTitle: "Delete this permanently ",
+        icon: wall_images_1.default.delete,
+    },
+];
+const otherUserPostMenuList = [
+    {
+        title: "Appreciate",
+        subTitle: "Give this to the BEST!",
+        icon: wall_images_1.default.edit,
+    },
+    {
+        title: "Suggest for portfolio",
+        subTitle: "This is worthy post for portfolio",
+        icon: wall_images_1.default.hide,
+    },
+    {
+        title: "Report",
+        subTitle: "This bother me. Report it.",
+        icon: wall_images_1.default.delete,
+    },
+];
+const postDummyData = {
+    cards: [...wall_constants_1.PostsData],
+    loginUserDetails: {
+        _id: "6424412ece54f8a03fac019a",
+        phoneNumber: "+919160640432",
+        cognitoId: "525e7f06-f370-4666-8563-f77f76af2c7a",
+        registrationStatus: "4",
+        createdAt: "2023-03-29T13:46:22.431Z",
+        updatedAt: "2024-05-28T10:08:07.964Z",
+        __v: 0,
+        firstName: "Ananth",
+        grade: "43141",
+        lastName: "Kumar",
+        school: "ABC School ",
+    },
+    loginUserId: "6424412ece54f8a03fac019a",
+    menuOptions: postMenuList,
+    otherOptions: otherUserPostMenuList,
+    enableClaps: true,
+    enableComments: false,
+    icons: {
+        clap: wall_images_1.default.clap,
+        activeClap: wall_images_1.default.activeClap,
+        vote: wall_images_1.default.vote,
+        activeVote: wall_images_1.default.activeVote,
+        comments: wall_images_1.default.comment,
+        pdf: wall_images_1.default.pdf,
+        doc: wall_images_1.default.doc,
+        ppt: wall_images_1.default.ppt,
+        videIcon: wall_images_1.default.video_icon,
+        more: wall_images_1.default.more,
+        plus: wall_images_1.default.plus,
+        eye: wall_images_1.default.eye,
+        letsGetStarted: wall_images_1.default?.letsGetStarted,
+    },
+    handlePostClick: (data) => {
+        alert(JSON.stringify(data));
+    },
+    handleAddPost: () => {
+        alert("add post btn clicked");
+    },
+    handleViewMode: () => {
+        alert("view mode selected");
+    },
+    handleMenuClick: (item, postItem) => {
+        alert(JSON.stringify(item));
+    },
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(PostList_1.default, { ...args });
+exports.DefaultPostList = Template.bind({});
+exports.DefaultPostList.args = {
+    ...postDummyData,
+    isShareActivity: true,
+    isFromExperiential: true,
+};
+exports.WithUserPostList = Template.bind({});
+exports.WithUserPostList.args = {
+    ...postDummyData,
+    isShareActivity: false,
+    isUserPosted: true,
+};
+exports.UserQuitPostList = Template.bind({});
+exports.UserQuitPostList.args = {
+    ...postDummyData,
+    isShareActivity: false,
+    isUserPosted: false,
+    isUserQuit: true,
+};
+exports.BlurPostList = Template.bind({});
+exports.BlurPostList.args = {
+    ...postDummyData,
+    isShareActivity: false,
+    isStudent: false,
+    isUserPosted: false,
+    showAddPostCard: true,
+};
+//# sourceMappingURL=PostList.stories.js.map

package/dist/components/Organisms/PostsList/PostList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostList.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/PostsList/PostList.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,kEAA0D;AAC1D,0DAAkC;AAClC,6EAAqD;AAErD,kBAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAQ;CACZ,CAAC;AAEV,MAAM,YAAY,GAAG;IACnB;QACE,KAAK,EAAE,kBAAkB;QACzB,QAAQ,EAAE,iCAAiC;QAC3C,IAAI,EAAE,qBAAW,CAAC,IAAI;KACvB;IACD;QACE,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,2BAA2B;QACrC,IAAI,EAAE,qBAAW,CAAC,IAAI;KACvB;IACD;QACE,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,kBAAkB;QAC5B,IAAI,EAAE,qBAAW,CAAC,IAAI;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,0BAA0B;QACpC,IAAI,EAAE,qBAAW,CAAC,MAAM;KACzB;CACF,CAAC;AACF,MAAM,qBAAqB,GAAG;IAC5B;QACE,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,wBAAwB;QAClC,IAAI,EAAE,qBAAW,CAAC,IAAI;KACvB;IACD;QACE,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,mCAAmC;QAC7C,IAAI,EAAE,qBAAW,CAAC,IAAI;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,4BAA4B;QACtC,IAAI,EAAE,qBAAW,CAAC,MAAM;KACzB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,CAAC,GAAG,0BAAS,CAAC;IACrB,gBAAgB,EAAE;QAChB,GAAG,EAAE,0BAA0B;QAC/B,WAAW,EAAE,eAAe;QAC5B,SAAS,EAAE,sCAAsC;QACjD,kBAAkB,EAAE,GAAG;QACvB,SAAS,EAAE,0BAA0B;QACrC,SAAS,EAAE,0BAA0B;QACrC,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,aAAa;KACtB;IACD,WAAW,EAAE,0BAA0B;IACvC,WAAW,EAAE,YAAY;IACzB,YAAY,EAAE,qBAAqB;IACnC,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,KAAK;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,UAAU,EAAE,qBAAW,CAAC,UAAU;QAClC,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,UAAU,EAAE,qBAAW,CAAC,UAAU;QAClC,QAAQ,EAAE,qBAAW,CAAC,OAAO;QAC7B,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,QAAQ,EAAE,qBAAW,CAAC,UAAU;QAChC,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,GAAG,EAAE,qBAAW,CAAC,GAAG;QACpB,cAAc,EAAE,qBAAW,EAAE,cAAc;KAC5C;IACD,eAAe,EAAE,CAAC,IAAS,EAAE,EAAE;QAC7B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAChC,CAAC;IACD,cAAc,EAAE,GAAG,EAAE;QACnB,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC9B,CAAC;IACD,eAAe,EAAE,CAAC,IAAS,EAAE,QAAa,EAAE,EAAE;QAC5C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC;CACF,CAAC;AACF,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,kBAAQ,OAAK,IAAI,GAAI,CAAC;AAEhD,QAAA,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,uBAAe,CAAC,IAAI,GAAG;IACrB,GAAG,aAAa;IAChB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;CACzB,CAAC;AAEW,QAAA,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,wBAAgB,CAAC,IAAI,GAAG;IACtB,GAAG,aAAa;IAChB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,IAAI;CACnB,CAAC;AAEW,QAAA,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,wBAAgB,CAAC,IAAI,GAAG;IACtB,GAAG,aAAa;IAChB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,IAAI;CACjB,CAAC;AACW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,GAAG,aAAa;IAChB,eAAe,EAAE,KAAK;IACtB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,IAAI;CACtB,CAAC"}

package/dist/components/Organisms/ProgressView/ProgressView.d.ts

@@ -0,0 +1,2 @@
+export default ProgressView;
+declare function ProgressView(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/ProgressView/ProgressView.js

@@ -0,0 +1,428 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const customTheme_1 = require("../../../utils/customTheme");
+const ProgressViewStyles_1 = require("./ProgressViewStyles");
+const common_utils_1 = require("../../../utils/common-utils");
+const Component = (props) => {
+    const [mainQuestionIndex, setMainQuestionIndex] = (0, react_1.useState)(0);
+    const [similarTypeQuestionCount, setSimilarTypeQuestionCount] = (0, react_1.useState)(0);
+    const [totalMainQuestions, setTotalMainQuestions] = (0, react_1.useState)([]);
+    const [displayStartIndex, setDisplayStartIndex] = (0, react_1.useState)(0);
+    const [previousTriggered, setPreviousTriggered] = (0, react_1.useState)(false);
+    const [nextTriggered, setNextTriggered] = (0, react_1.useState)(false);
+    const [lastQuestionResult, setLastQuestionResult] = (0, react_1.useState)(false);
+    const [learningMode, setLearningMode] = (0, react_1.useState)("");
+    const [lastBasketStatus, setLastBasketStatus] = (0, react_1.useState)("");
+    const { learningStepData, isLastQues, learnProgressDetails, taskType } = props;
+    const { DefaultProgressIcon, FirstProgressIcon, SecondProgressIcon, CompleteProgressIcon, GreenCompleteProgressIcon, ConnectingLine, CompletedConnectingLine, TrophyIcon, FirstTrophyIcon, SecondTrophyIcon, TrophyCompletedIcon, LeftIcon, RightIcon, EmptyProgressIcon, TrophyStartedIcon, } = props.commonProps.icons.progressViewIcons;
+    // Number of Progress Icon to display per breakpoint
+    const displayLimit = (0, react_2.useBreakpointValue)({
+        base: 3,
+        sm: 3,
+        md: 5,
+        lg: 10,
+        xl: 10,
+    });
+    // Show/Hide Pagination
+    const shouldShowPagination = (0, react_2.useBreakpointValue)({
+        base: totalMainQuestions?.length > 3,
+        sm: totalMainQuestions?.length > 3,
+        md: totalMainQuestions?.length > 5,
+        lg: totalMainQuestions?.length > 10,
+        xl: totalMainQuestions?.length > 10,
+    });
+    //show prev/next text
+    const shouldShowNextPrev = (0, react_2.useBreakpointValue)({
+        base: false,
+        sm: false,
+        md: true,
+        lg: true,
+        xl: true,
+    });
+    // console.log("LEARN PROGRESS DETAILS", learnProgressDetails);
+    // console.log("displayStartIndex", displayStartIndex);
+    (0, react_1.useEffect)(() => {
+        if (props?.isReviewScreen &&
+            props?.pageValue === 0 &&
+            !(0, common_utils_1.isNotEmptyOrNull)(learnProgressDetails?.journey_type)) {
+            // console.log("INSIDE GP/AP");
+            // During Review
+            setTotalMainQuestions(Array(props?.learningPathJourney?.[0]?.total_questions).fill(null));
+            let m_index = props?.learningPathJourney?.[0]?.attempted_question_indices_count
+                ?.m_count;
+            let s_index = props?.learningPathJourney?.[0]?.attempted_question_indices_count
+                ?.s_count;
+            let result = props?.learningPathJourney?.[0]?.attempted_question_indices_count
+                ?.result;
+            let learning_mode = props?.learningPathJourney?.[0]?.learning_mode;
+            setMainQuestionIndex(m_index);
+            setSimilarTypeQuestionCount(s_index);
+            setLastQuestionResult(result);
+            setLearningMode(learning_mode);
+            setDisplayStartIndex(Math.floor(m_index / displayLimit) * displayLimit);
+        }
+    }, [props?.learningPathJourney]);
+    //for learn
+    // current_step_index;
+    // current_step_eval_state;
+    // total_step_count;
+    (0, react_1.useEffect)(() => {
+        if (props?.pageValue === 0 &&
+            learnProgressDetails?.journey_type === "learn") {
+            // console.log("INSIDE LEARN");
+            setTotalMainQuestions(Array(learnProgressDetails?.total_steps).fill(null));
+            let m_index = learnProgressDetails?.current_step_index;
+            let s_index = 0;
+            let learning_mode = learnProgressDetails?.journey_type;
+            let lastBasketStatus = learnProgressDetails?.current_step_eval_state?.toLowerCase();
+            setMainQuestionIndex(m_index);
+            setSimilarTypeQuestionCount(s_index);
+            setLearningMode(learning_mode);
+            setLastBasketStatus(lastBasketStatus);
+            setDisplayStartIndex(Math.floor(m_index / displayLimit) * displayLimit);
+        }
+    }, [learnProgressDetails]);
+    // Progress Icon Size for active and non-active part
+    const getProgressIconSize = (index) => {
+        let isCurrentIndex = props?.isReviewScreen
+            ? learnProgressDetails?.journey_type === "learn"
+                ? index === mainQuestionIndex
+                : index === mainQuestionIndex - 1
+            : index === mainQuestionIndex;
+        // for review Screen
+        if (props?.isReviewScreen) {
+            if (isCurrentIndex) {
+                return {
+                    width: { base: "32px", md: "36px", lg: "40px" },
+                    height: { base: "32px", md: "36px", lg: "40px" },
+                };
+            }
+            return {
+                width: { base: "24px", md: "28px", lg: "32px" },
+                height: { base: "24px", md: "28px", lg: "32px" },
+            };
+        }
+    };
+    // Progress Icon based on thhe m_index and s_index values
+    const getProgressIcon = (index) => {
+        if (props?.isReviewScreen) {
+            // for learn type
+            if (learningMode === "learn") {
+                //single basket exists
+                if (totalMainQuestions?.length === 1) {
+                    if (index === totalMainQuestions?.length - 1 &&
+                        mainQuestionIndex === totalMainQuestions?.length - 1) {
+                        return lastBasketStatus === "inprogress"
+                            ? TrophyStartedIcon
+                            : TrophyCompletedIcon;
+                    }
+                    return TrophyIcon;
+                }
+                // multiple baskets exist
+                else {
+                    // last question will be trophy
+                    if (index === totalMainQuestions?.length - 1) {
+                        if (mainQuestionIndex === totalMainQuestions?.length - 1) {
+                            return lastBasketStatus === "inprogress"
+                                ? TrophyStartedIcon
+                                : TrophyCompletedIcon;
+                        }
+                        return TrophyIcon;
+                    }
+                    else {
+                        if (index < mainQuestionIndex) {
+                            return GreenCompleteProgressIcon;
+                        }
+                        if (index === mainQuestionIndex) {
+                            return lastBasketStatus === "inprogress"
+                                ? EmptyProgressIcon
+                                : CompleteProgressIcon;
+                        }
+                        return DefaultProgressIcon;
+                    }
+                }
+            }
+            // for assessment type
+            else if (learningMode === "assessment") {
+                //only one question exists
+                if (totalMainQuestions?.length === 1) {
+                    // main question not attempted
+                    if (index === totalMainQuestions?.length - 1 &&
+                        mainQuestionIndex === 0) {
+                        return TrophyIcon;
+                    }
+                    // main question attempted
+                    if (index === totalMainQuestions?.length - 1 &&
+                        mainQuestionIndex === totalMainQuestions?.length) {
+                        // main question attempted
+                        return TrophyCompletedIcon;
+                    }
+                }
+                // multiple questions exist
+                else {
+                    //last question will be trophy
+                    if (index === totalMainQuestions?.length - 1) {
+                        // main question attempted
+                        if (mainQuestionIndex === totalMainQuestions?.length) {
+                            // main question attempted
+                            return TrophyCompletedIcon;
+                        }
+                        return TrophyIcon;
+                    }
+                    else {
+                        // when no question is attempted
+                        if (mainQuestionIndex === 0) {
+                            return DefaultProgressIcon;
+                        }
+                        // all the indexes below the current main question
+                        if (index < mainQuestionIndex - 1) {
+                            return GreenCompleteProgressIcon;
+                        }
+                        if (index === mainQuestionIndex - 1) {
+                            // main question attempted
+                            return CompleteProgressIcon;
+                        }
+                    }
+                }
+            }
+            // other task types
+            else {
+                //only one question exists
+                if (totalMainQuestions?.length === 1) {
+                    // main question not attempted
+                    if (index === totalMainQuestions?.length - 1 &&
+                        mainQuestionIndex === 0 &&
+                        similarTypeQuestionCount === 0) {
+                        return TrophyIcon;
+                    }
+                    // main question attempted
+                    if (index === totalMainQuestions?.length - 1 &&
+                        mainQuestionIndex === totalMainQuestions?.length) {
+                        // main question attempted and is correct
+                        if (similarTypeQuestionCount === 0 && lastQuestionResult === true) {
+                            return TrophyCompletedIcon;
+                        }
+                        // main question attempted and is incorrect
+                        if (similarTypeQuestionCount === 0 &&
+                            lastQuestionResult === false) {
+                            return FirstTrophyIcon;
+                        }
+                        // similar question attempted and is correct
+                        if (similarTypeQuestionCount === 1 && lastQuestionResult === true) {
+                            return TrophyCompletedIcon;
+                        }
+                        // similar question attempted and is incorrect
+                        if (similarTypeQuestionCount === 1 &&
+                            lastQuestionResult === false) {
+                            return SecondTrophyIcon;
+                        }
+                        // similar question attempted > 2 ; independent of correct or incorrect
+                        if (similarTypeQuestionCount >= 2) {
+                            return TrophyCompletedIcon;
+                        }
+                    }
+                }
+                // multiple questions exist
+                else {
+                    //last question will be trophy
+                    if (index === totalMainQuestions?.length - 1) {
+                        // main question attempted
+                        if (mainQuestionIndex === totalMainQuestions?.length) {
+                            // main question attempted and is correct
+                            if (similarTypeQuestionCount === 0 &&
+                                lastQuestionResult === true) {
+                                return TrophyCompletedIcon;
+                            }
+                            // main question attempted and is incorrect
+                            if (similarTypeQuestionCount === 0 &&
+                                lastQuestionResult === false) {
+                                return FirstTrophyIcon;
+                            }
+                            // similar question attempted and is correct
+                            if (similarTypeQuestionCount === 1 &&
+                                lastQuestionResult === true) {
+                                return TrophyCompletedIcon;
+                            }
+                            // similar question attempted and is incorrect
+                            if (similarTypeQuestionCount === 1 &&
+                                lastQuestionResult === false) {
+                                return SecondTrophyIcon;
+                            }
+                            // similar question attempted > 2 ; independent of correct or incorrect
+                            if (similarTypeQuestionCount >= 2) {
+                                return TrophyCompletedIcon;
+                            }
+                        }
+                        return TrophyIcon;
+                    }
+                    else {
+                        // when no question is attempted
+                        if (mainQuestionIndex === 0 && similarTypeQuestionCount === 0) {
+                            return DefaultProgressIcon;
+                        }
+                        // all the indexes below the current main question
+                        if (index < mainQuestionIndex - 1) {
+                            return GreenCompleteProgressIcon;
+                        }
+                        if (index === mainQuestionIndex - 1) {
+                            // main question attempted and is correct
+                            if (similarTypeQuestionCount === 0 &&
+                                lastQuestionResult === true) {
+                                return CompleteProgressIcon;
+                            }
+                            // main question attempted and is incorrect
+                            if (similarTypeQuestionCount === 0 &&
+                                lastQuestionResult === false) {
+                                return FirstProgressIcon;
+                            }
+                            // similar question attempted and is correct
+                            if (similarTypeQuestionCount === 1 &&
+                                lastQuestionResult === true) {
+                                return CompleteProgressIcon;
+                            }
+                            // similar question attempted and is incorrect
+                            if (similarTypeQuestionCount === 1 &&
+                                lastQuestionResult === false) {
+                                return SecondProgressIcon;
+                            }
+                            // similar question attempted > 2 ; independent of correct or incorrect
+                            if (similarTypeQuestionCount >= 2) {
+                                return CompleteProgressIcon;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        return DefaultProgressIcon;
+    };
+    // Function to get the connecting line
+    const getConnectingLine = (index) => {
+        if (learnProgressDetails?.journey_type === "learn") {
+            if (index < mainQuestionIndex) {
+                return CompletedConnectingLine;
+            }
+            return ConnectingLine;
+        }
+        else {
+            if (index === mainQuestionIndex - 1)
+                return ConnectingLine;
+            if (index < mainQuestionIndex)
+                return CompletedConnectingLine;
+            return ConnectingLine;
+        }
+    };
+    const handlePrevious = () => {
+        setPreviousTriggered(true);
+        setDisplayStartIndex(Math.max(0, displayStartIndex - displayLimit));
+    };
+    const handleNext = () => {
+        setNextTriggered(true);
+        const newDisplayStartIndex = Math.min(totalMainQuestions?.length - displayLimit, displayStartIndex + displayLimit);
+        const endIndex = newDisplayStartIndex + displayLimit;
+        setDisplayStartIndex(newDisplayStartIndex);
+        props?.handleNextProgress(0, Math.ceil(endIndex / displayLimit) * displayLimit);
+    };
+    //passing the last index and display limit for paginated value
+    (0, react_1.useEffect)(() => {
+        const endIndex = displayStartIndex + displayLimit;
+        // console.log("endIndex", endIndex);
+        !previousTriggered && props?.updateDisplayRange(displayLimit, endIndex);
+    }, [displayLimit, displayStartIndex]);
+    (0, react_1.useEffect)(() => {
+        if (props?.isReviewScreen && !nextTriggered && !previousTriggered) {
+            setDisplayStartIndex(0);
+        }
+        if (!previousTriggered &&
+            displayStartIndex >= displayLimit &&
+            !props?.isReviewScreen) {
+            setDisplayStartIndex(Math.min(totalMainQuestions?.length - displayLimit, displayStartIndex));
+        }
+        setPreviousTriggered(false);
+        setNextTriggered(false);
+    }, [
+        displayStartIndex,
+        mainQuestionIndex,
+        similarTypeQuestionCount,
+        displayLimit,
+    ]);
+    const displayedQuestions = totalMainQuestions.slice(displayStartIndex, displayStartIndex + displayLimit);
+    const handleIconClick = (index) => {
+        props?.scrollToQuestion(index);
+        props?.handleNextProgress(index, 0);
+    };
+    // if (
+    //   (!props?.isReviewScreen &&
+    //     !isNotEmptyOrNull(learningStepData?.question_count)) ||
+    //   (props?.isReviewScreen &&
+    //     (!isNotEmptyOrNull(props?.learningPathJourney?.[0]?.total_questions) ||
+    //       !isNotEmptyOrNull(learnProgressDetails?.total_baskets)))
+    // ) {
+    //   return null;
+    // }
+    return ((0, jsx_runtime_1.jsx)(react_2.Flex, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)(0, 0, props?.redirectFlag).globalContainer, children: (0, jsx_runtime_1.jsx)(react_2.Flex, { sx: props?.isReviewScreen
+                ? (0, ProgressViewStyles_1.ProgressViewStyles)(0, 0, props?.redirectFlag).mainContainerReview
+                : (0, ProgressViewStyles_1.ProgressViewStyles)().mainContainerExecution, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)().progressContainer, children: [shouldShowPagination && displayStartIndex !== 0 && ((0, jsx_runtime_1.jsxs)(react_2.Flex, { onClick: displayStartIndex === 0 ? undefined : handlePrevious, sx: displayStartIndex === 0
+                            ? (0, ProgressViewStyles_1.ProgressViewStyles)().leftPaginationNotAllowed
+                            : (0, ProgressViewStyles_1.ProgressViewStyles)().leftPaginationAllowed, children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: LeftIcon, sx: (0, ProgressViewStyles_1.ProgressViewStyles)().paginationIcons }), shouldShowNextPrev && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)().previousText, children: "Previous" })), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: displayStartIndex === 0
+                                    ? (0, ProgressViewStyles_1.ProgressViewStyles)().previousCountTranslucent
+                                    : (0, ProgressViewStyles_1.ProgressViewStyles)().previouseCountOpaque, children: displayStartIndex })] })), (0, jsx_runtime_1.jsx)(react_2.Flex, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)().progressIconsContainer, children: displayedQuestions.map((_, index) => {
+                            const actualIndex = shouldShowPagination
+                                ? displayStartIndex + index
+                                : index;
+                            const { width, height } = getProgressIconSize(actualIndex);
+                            return ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: index < displayedQuestions.length - 1
+                                    ? (0, ProgressViewStyles_1.ProgressViewStyles)().progressIconIndividualContainerLess
+                                    : (0, ProgressViewStyles_1.ProgressViewStyles)().progressIconIndividualContainerMore, onClick: props?.isReviewScreen &&
+                                    learnProgressDetails?.journey_type !== "learn"
+                                    ? () => {
+                                        handleIconClick(actualIndex);
+                                    }
+                                    : undefined, cursor: props?.isReviewScreen &&
+                                    learnProgressDetails?.journey_type !== "learn"
+                                    ? "pointer"
+                                    : "default", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)(width, height).progressIconBox, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: getProgressIcon(actualIndex), sx: (0, ProgressViewStyles_1.ProgressViewStyles)().progressIcon }) }), index < displayedQuestions.length - 1 && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)().connectingLineBox, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: getConnectingLine(actualIndex), sx: (0, ProgressViewStyles_1.ProgressViewStyles)().connectingLine }) }))] }, actualIndex));
+                        }) }), shouldShowPagination &&
+                        displayStartIndex + displayLimit < totalMainQuestions.length && ((0, jsx_runtime_1.jsxs)(react_2.Flex, { onClick: displayStartIndex + displayLimit >= totalMainQuestions.length
+                            ? undefined
+                            : handleNext, sx: displayStartIndex + displayLimit >= totalMainQuestions.length
+                            ? (0, ProgressViewStyles_1.ProgressViewStyles)().rightPaginationNotAllowed
+                            : (0, ProgressViewStyles_1.ProgressViewStyles)().rightPaginationAllowed, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: displayStartIndex + displayLimit >=
+                                    totalMainQuestions.length
+                                    ? (0, ProgressViewStyles_1.ProgressViewStyles)().nextCountTranslucent
+                                    : (0, ProgressViewStyles_1.ProgressViewStyles)().nextCountOpaque, children: displayStartIndex + displayLimit > totalMainQuestions.length
+                                    ? 0
+                                    : totalMainQuestions.length -
+                                        (displayStartIndex + displayLimit) }), shouldShowNextPrev && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)().nextText, children: "Next" })), (0, jsx_runtime_1.jsx)(react_2.Image, { sx: (0, ProgressViewStyles_1.ProgressViewStyles)().paginationIcons, src: RightIcon })] }))] }) }) }));
+};
+const ProgressView = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = ProgressView;
+//# sourceMappingURL=ProgressView.js.map