recap_mobileview 0.0.1

package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js

@@ -0,0 +1,126 @@
+"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 Review_1 = __importDefault(require("./Review"));
+const ReviewPresenterUtils_1 = require("../../../utils/ReviewPresenterUtils");
+const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
+const react_1 = require("@chakra-ui/react");
+const react_2 = require("react");
+const react_usestateref_1 = __importDefault(require("react-usestateref"));
+const common_utils_1 = require("../../../utils/common-utils");
+const ReviewPresenter = ({ authToken, dataType, questions, isReviewScreen, onAnswerChanged, onAnswerSubmitted, isFactual, commonProps, handleNavigate, showDiscuss, questionRefs, journeyData, learningStepData, taskType = "", selectionStatus, onMoreClick, handleSelectionStatus, icons = {}, factualStyle, handleNextProgress, pageValue, learnProgressDetails, reviewJourneyId, moreQuestionsAvailable, isFromParentApp, assistantRefImages, enableBox = false, childComponent = null, activeQuestionIndex = -1, redirectFlag, isQuestionSelection = false, isCollapse = null, handleClose, replaceClickedState, setReplaceClickedState, isRevision, onToggleAnswer, // Receives (index) => void
+onAnswerSubmit, // Receives (index, editorData, images) => void
+isMobile, tutorMode, addImageRender, isOCREnabled, isTeacher = false, handleShowFeedback, displayProgressBar = true, }) => {
+    const [presentationLogic, setPresentationLogic] = (0, react_2.useState)(ReviewPresenterUtils_1.presenterLogic);
+    const [chatVisisbility, setChatVisisbility] = (0, react_2.useState)([]);
+    const [pendingScrolIndex, setPendingScrolIndex, pendingScrolIndexRef] = (0, react_usestateref_1.default)(0);
+    const [paginatedValue, setPaginatedValue, paginatedValueRef] = (0, react_usestateref_1.default)(0);
+    (0, react_2.useEffect)(() => {
+        onDataTypeChange();
+        setChatVisisbility(Array(questions?.length)?.fill(false));
+    }, [dataType, questions]);
+    (0, react_2.useEffect)(() => {
+        setPendingScrolIndex(0);
+        setPaginatedValue(0);
+        !(0, common_utils_1.isNotEmptyOrNull)(learnProgressDetails) && scrollToQuestion(0);
+    }, [reviewJourneyId]);
+    const onDataTypeChange = () => {
+        let existingData = { ...presentationLogic };
+        switch (dataType) {
+            case "studentJourneyMode":
+                existingData.showProgressBar =
+                    journeyData && true && displayProgressBar;
+                existingData.showVinIcon = true;
+                existingData.showDiscuss = true;
+                existingData.isStudent = common_utils_1.reviewUserRoles?.STUDENT;
+                existingData.hideSpeechBubble = false;
+                break;
+            case "teacherBasketMode":
+                existingData.showVinIcon = false;
+                existingData.showDiscuss = false;
+                existingData.showProgressBar = false;
+                existingData.hideSpeechBubble = true;
+                existingData.isStudent = common_utils_1.reviewUserRoles?.TEACHER;
+                break;
+            case "teacherSelctionMainMode":
+                existingData.enableSelection = true;
+                existingData.showVinIcon = false;
+                existingData.enableGetMore = true;
+                existingData.showDiscuss = false;
+                existingData.showProgressBar = false;
+                existingData.hideSpeechBubble = true;
+                existingData.isStudent = common_utils_1.reviewUserRoles?.TEACHER;
+                break;
+            case "teacherSelctionSubMode":
+                existingData.enableSelection = true;
+                existingData.showVinIcon = false;
+                existingData.hideSpeechBubble = true;
+                existingData.isStudent = common_utils_1.reviewUserRoles?.TEACHER;
+                break;
+            default:
+                existingData.showVinIcon = true;
+                existingData.showDiscuss = false;
+                existingData.showProgressBar = false;
+                existingData.enableSelection = false;
+                existingData.enableGetMore = false;
+                existingData.hideSpeechBubble = false;
+        }
+        setPresentationLogic(existingData);
+    };
+    const updateDisplayRange = (limit, endIndex) => {
+        let temp = (0, common_utils_1.isNotEmptyOrNull)(Math.ceil(endIndex / limit))
+            ? Math.ceil(endIndex / limit)
+            : 1;
+        setPaginatedValue(temp);
+        let questionsNeeded = questions?.filter((item) => {
+            return item?.count !== -1;
+        });
+        if (paginatedValueRef?.current * limit >= questionsNeeded?.length) {
+            handleNextProgress(pendingScrolIndexRef?.current, paginatedValueRef?.current * limit);
+            return;
+        }
+        if (endIndex < questionsNeeded?.length &&
+            pendingScrolIndexRef?.current !== 0) {
+            scrollToQuestion(pendingScrolIndexRef?.current);
+        }
+    };
+    const scrollToQuestion = (index) => {
+        let questionsNeeded = questions?.filter((item) => {
+            return item?.count !== -1;
+        });
+        if (index >= questionsNeeded?.length) {
+            setPendingScrolIndex(index);
+        }
+        const offsetHeight = [54, 54, 66, 70, 70, 70];
+        const breakpointIndex = Math.min((window.innerWidth / 320) | 0, offsetHeight.length - 1);
+        const adjustedHeight = offsetHeight[breakpointIndex];
+        const questionElement = questionsNeeded[index]?.ref?.current;
+        if (questionElement) {
+            questionElement.style.scrollMarginTop = `${adjustedHeight}px`;
+            questionElement.scrollIntoView({
+                behavior: "smooth",
+                block: "start",
+                inline: "nearest",
+            });
+        }
+    };
+    const handleToggleChat = (index) => {
+        let changedChat = chatVisisbility?.map((item, i) => {
+            if (i === index) {
+                return !item;
+            }
+            return item;
+        });
+        setChatVisisbility(changedChat);
+    };
+    const handleMoreQuestions = (index, e) => {
+        onMoreClick(index, e);
+    };
+    const onPlay = () => { };
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(Review_1.default, { authToken: authToken, scrollToQuestion: scrollToQuestion, showDiscuss: showDiscuss, questions: questions, onAnswerChanged: onAnswerChanged, onAnswerSubmitted: onAnswerSubmitted, isFactual: isFactual, assistantRefImages: assistantRefImages, commonProps: commonProps, handleNavigate: handleNavigate, isReviewScreen: isReviewScreen, journeyData: journeyData, learningStepData: learningStepData, presenterLogic: presentationLogic, taskType: taskType, handleToggleChat: handleToggleChat, chatVisisbility: chatVisisbility, selectionStatus: selectionStatus, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, onPlay: onPlay, icons: icons, factualStyle: factualStyle, handleNextProgress: handleNextProgress, updateDisplayRange: updateDisplayRange, pageValue: pageValue, learnProgressDetails: learnProgressDetails, moreQuestionsAvailable: moreQuestionsAvailable, isFromParentApp: isFromParentApp, enableBox: enableBox, childComponent: childComponent, activeQuestionIndex: activeQuestionIndex, dataType: dataType, redirectFlag: redirectFlag, isQuestionSelection: isQuestionSelection, isCollapse: isCollapse, replaceClickedState: replaceClickedState, setReplaceClickedState: setReplaceClickedState, onCancelMoreQuestions: handleClose, isRevision: isRevision, onToggleAnswer: onToggleAnswer, onAnswerSubmit: onAnswerSubmit, isMobile: isMobile, tutorMode: tutorMode, addImageRender: addImageRender, isOCREnabled: isOCREnabled, isTeacher: isTeacher, handleShowFeedback: handleShowFeedback }) }));
+};
+exports.default = ReviewPresenter;
+//# sourceMappingURL=ReviewPresenter.js.map

package/dist/components/Organisms/ReviewComponent/ReviewPresenter.js.map

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

package/dist/components/Organisms/ReviewComponent/ReviewPresenter.stories.d.ts

@@ -0,0 +1,184 @@
+/// <reference path="../../../../src/components/declarations.d.ts" />
+declare namespace _default {
+    export const title: string;
+    export { ReviewPresenter as component };
+}
+export default _default;
+export function Example1(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Example1 {
+    namespace args {
+        export const dataType: string;
+        export { questionData as questions };
+        export const isReviewScreen: boolean;
+        export const isFactual: boolean;
+        export const taskType: string;
+        export { commonprops as commonProps };
+        export function onAnswerChanged(): void;
+        export function onAnswerSubmitted(): void;
+        export const learningStepData: {};
+        export { factualStyles as factualStyle };
+        export function handleNextProgress(): void;
+        export function updateDisplayRange(limit: any, endIndex: any): void;
+        export { learnProgressDetails };
+        export const pageValue: number;
+        export const reviewJourneyId: string;
+        export function handleNavigate(question: any): void;
+    }
+}
+export function Example2(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Example2 {
+    export namespace args_1 {
+        const dataType_1: string;
+        export { dataType_1 as dataType };
+        export { questionData as questions };
+        const isReviewScreen_1: boolean;
+        export { isReviewScreen_1 as isReviewScreen };
+        export const isStudent: boolean;
+        const isFactual_1: boolean;
+        export { isFactual_1 as isFactual };
+        const taskType_1: string;
+        export { taskType_1 as taskType };
+        export { commonprops as commonProps };
+        export function onAnswerChanged_1(): void;
+        export { onAnswerChanged_1 as onAnswerChanged };
+        export function onAnswerSubmitted_1(): void;
+        export { onAnswerSubmitted_1 as onAnswerSubmitted };
+        const learningStepData_1: {};
+        export { learningStepData_1 as learningStepData };
+        export { factualStyles as factualStyle };
+    }
+    export { args_1 as args };
+}
+export function Example3(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Example3 {
+    export namespace args_2 {
+        const dataType_2: string;
+        export { dataType_2 as dataType };
+        export { questionSelectionData as questions };
+        const isReviewScreen_2: boolean;
+        export { isReviewScreen_2 as isReviewScreen };
+        const isFactual_2: boolean;
+        export { isFactual_2 as isFactual };
+        const taskType_2: string;
+        export { taskType_2 as taskType };
+        export const isQuestionSelection: boolean;
+        export { commonprops as commonProps };
+        export function onAnswerChanged_2(): void;
+        export { onAnswerChanged_2 as onAnswerChanged };
+        export function onAnswerSubmitted_2(): void;
+        export { onAnswerSubmitted_2 as onAnswerSubmitted };
+        const learningStepData_2: {};
+        export { learningStepData_2 as learningStepData };
+        export const selectionStatus: boolean[];
+        export const moreQuestionsAvaialable: boolean[];
+        export function setSelectionStatus(): void;
+    }
+    export { args_2 as args };
+}
+export function ComprehensionBasedExample(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace ComprehensionBasedExample {
+    export namespace args_3 {
+        const dataType_3: string;
+        export { dataType_3 as dataType };
+        export { comprehensionBasedQuestionData as questions };
+        const isReviewScreen_3: boolean;
+        export { isReviewScreen_3 as isReviewScreen };
+        const isFactual_3: boolean;
+        export { isFactual_3 as isFactual };
+        const taskType_3: string;
+        export { taskType_3 as taskType };
+        export { commonprops as commonProps };
+        export function onAnswerChanged_3(): void;
+        export { onAnswerChanged_3 as onAnswerChanged };
+        export function onAnswerSubmitted_3(): void;
+        export { onAnswerSubmitted_3 as onAnswerSubmitted };
+        const learningStepData_3: {};
+        export { learningStepData_3 as learningStepData };
+        export { factualStyles as factualStyle };
+        export function handleNextProgress_1(): void;
+        export { handleNextProgress_1 as handleNextProgress };
+        export function updateDisplayRange_1(limit: any, endIndex: any): void;
+        export { updateDisplayRange_1 as updateDisplayRange };
+        export { learnProgressDetails };
+        const pageValue_1: number;
+        export { pageValue_1 as pageValue };
+        const reviewJourneyId_1: string;
+        export { reviewJourneyId_1 as reviewJourneyId };
+        export function handleNavigate_1(question: any, version_uuid: any): void;
+        export { handleNavigate_1 as handleNavigate };
+        export const isFromParentApp: boolean;
+    }
+    export { args_3 as args };
+}
+export function ComprehensionBasedExampleTeacher(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace ComprehensionBasedExampleTeacher {
+    export namespace args_4 {
+        const dataType_4: string;
+        export { dataType_4 as dataType };
+        export { comprehensionSelectionData as questions };
+        const isReviewScreen_4: boolean;
+        export { isReviewScreen_4 as isReviewScreen };
+        const isFactual_4: boolean;
+        export { isFactual_4 as isFactual };
+        const taskType_4: string;
+        export { taskType_4 as taskType };
+        export { commonprops as commonProps };
+        export function onAnswerChanged_4(): void;
+        export { onAnswerChanged_4 as onAnswerChanged };
+        export function onAnswerSubmitted_4(): void;
+        export { onAnswerSubmitted_4 as onAnswerSubmitted };
+        const learningStepData_4: {};
+        export { learningStepData_4 as learningStepData };
+        const selectionStatus_1: boolean[];
+        export { selectionStatus_1 as selectionStatus };
+        const moreQuestionsAvaialable_1: boolean[];
+        export { moreQuestionsAvaialable_1 as moreQuestionsAvaialable };
+        export function setSelectionStatus_1(): void;
+        export { setSelectionStatus_1 as setSelectionStatus };
+    }
+    export { args_4 as args };
+}
+export function ComprehensionBasedExampleTeacher2(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace ComprehensionBasedExampleTeacher2 {
+    export namespace args_5 {
+        const dataType_5: string;
+        export { dataType_5 as dataType };
+        export { comprehensionSelectionData as questions };
+        const isReviewScreen_5: boolean;
+        export { isReviewScreen_5 as isReviewScreen };
+        const isFactual_5: boolean;
+        export { isFactual_5 as isFactual };
+        const taskType_5: string;
+        export { taskType_5 as taskType };
+        export { commonprops as commonProps };
+        export function onAnswerChanged_5(): void;
+        export { onAnswerChanged_5 as onAnswerChanged };
+        export function onAnswerSubmitted_5(): void;
+        export { onAnswerSubmitted_5 as onAnswerSubmitted };
+        const learningStepData_5: {};
+        export { learningStepData_5 as learningStepData };
+        const selectionStatus_2: boolean[];
+        export { selectionStatus_2 as selectionStatus };
+        const moreQuestionsAvaialable_2: boolean[];
+        export { moreQuestionsAvaialable_2 as moreQuestionsAvaialable };
+        export function setSelectionStatus_2(): void;
+        export { setSelectionStatus_2 as setSelectionStatus };
+        export const enableBox: boolean;
+        export const childComponent: import("react/jsx-runtime").JSX.Element;
+        export const activeQuestionIndex: number;
+    }
+    export { args_5 as args };
+}
+import ReviewPresenter from "./ReviewPresenter";
+import { questionData } from "./reviewUtils";
+import { commonprops } from "./reviewUtils";
+import factualStyles from "*.module.css";
+declare namespace learnProgressDetails {
+    const total_steps: number;
+    const current_step_index: number;
+    const current_step_eval_state: string;
+    const journey_type: string;
+}
+import { questionSelectionData } from "./selectionUtils";
+import { comprehensionBasedQuestionData } from "./reviewUtils";
+import { comprehensionSelectionData } from "./selectionUtils";

package/dist/components/Organisms/ReviewComponent/ReviewPresenter.stories.js

@@ -0,0 +1,162 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComprehensionBasedExampleTeacher2 = exports.ComprehensionBasedExampleTeacher = exports.ComprehensionBasedExample = exports.Example3 = exports.Example2 = exports.Example1 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+const ReviewPresenter_1 = __importDefault(require("./ReviewPresenter"));
+const reviewUtils_1 = require("./reviewUtils");
+const selectionUtils_1 = require("./selectionUtils");
+const factual_module_css_1 = __importDefault(require("../../Molecules/FactualCard/factual.module.css"));
+const testingutils_1 = require("../../../utils/testingutils");
+exports.default = {
+    title: "Components/Organisms/ReviewPresenter",
+    component: ReviewPresenter_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(ReviewPresenter_1.default, { ...args });
+const learnProgressDetails = {
+    total_steps: 16,
+    current_step_index: 4,
+    current_step_eval_state: "inProgress",
+    journey_type: "learn",
+};
+exports.Example1 = Template.bind({});
+exports.Example1.args = {
+    dataType: "studentJourneyMode",
+    questions: reviewUtils_1.questionData,
+    isReviewScreen: true,
+    isFactual: false,
+    taskType: "assessment",
+    // journeyData: journeyData,
+    commonProps: reviewUtils_1.commonprops,
+    onAnswerChanged: () => { },
+    onAnswerSubmitted: () => { },
+    learningStepData: {},
+    factualStyle: factual_module_css_1.default,
+    handleNextProgress: () => {
+        console.log("FROM PROGRESS");
+    },
+    updateDisplayRange: (limit, endIndex) => {
+        console.log("Limit", limit);
+        console.log("endIndex", endIndex);
+    },
+    learnProgressDetails: learnProgressDetails,
+    pageValue: 1,
+    reviewJourneyId: "",
+    handleNavigate: (question) => {
+        alert("HEllo");
+        console.log("QUESTION", question);
+    },
+    // visibleMainQuestion: 1,
+};
+exports.Example2 = Template.bind({});
+exports.Example2.args = {
+    dataType: "",
+    questions: reviewUtils_1.questionData,
+    isReviewScreen: true,
+    isStudent: true,
+    isFactual: false,
+    taskType: "Practice",
+    // journeyData: journeyData,
+    commonProps: reviewUtils_1.commonprops,
+    onAnswerChanged: () => { },
+    onAnswerSubmitted: () => { },
+    learningStepData: {},
+    factualStyle: factual_module_css_1.default,
+};
+exports.Example3 = Template.bind({});
+exports.Example3.args = {
+    dataType: "teacherSelctionMainMode",
+    questions: selectionUtils_1.questionSelectionData,
+    isReviewScreen: true,
+    isFactual: false,
+    taskType: "learn",
+    isQuestionSelection: true,
+    // journeyData: journeyData,
+    commonProps: reviewUtils_1.commonprops,
+    onAnswerChanged: () => { },
+    onAnswerSubmitted: () => { },
+    learningStepData: {},
+    selectionStatus: [true, true, false, false, false],
+    moreQuestionsAvaialable: [true, true, false, false, false],
+    setSelectionStatus: () => { },
+    // enableBox: true,
+    // childComponent: <div style={{ backgroundColor: "red", border: "1px solid black", minWidth: "100px", minHeight: "100px" }}>Hello</div>,
+    // activeQuestionIndex: 1,
+};
+exports.ComprehensionBasedExample = Template.bind({});
+exports.ComprehensionBasedExample.args = {
+    dataType: "studentJourneyMode",
+    questions: reviewUtils_1.comprehensionBasedQuestionData,
+    isReviewScreen: true,
+    isFactual: false,
+    taskType: "assessment",
+    commonProps: reviewUtils_1.commonprops,
+    onAnswerChanged: () => { },
+    onAnswerSubmitted: () => { },
+    learningStepData: {},
+    factualStyle: factual_module_css_1.default,
+    handleNextProgress: () => {
+        console.log("FROM PROGRESS");
+    },
+    updateDisplayRange: (limit, endIndex) => {
+        console.log("Limit", limit);
+        console.log("endIndex", endIndex);
+    },
+    learnProgressDetails: learnProgressDetails,
+    pageValue: 1,
+    reviewJourneyId: "",
+    handleNavigate: (question, version_uuid) => {
+        alert("HEllo");
+        console.log("QUESTION", question, version_uuid);
+    },
+    isFromParentApp: false,
+    // visibleMainQuestion: 1,
+};
+exports.ComprehensionBasedExampleTeacher = Template.bind({});
+exports.ComprehensionBasedExampleTeacher.args = {
+    dataType: "teacherSelctionMainMode",
+    questions: selectionUtils_1.comprehensionSelectionData,
+    isReviewScreen: true,
+    isFactual: false,
+    taskType: "learn",
+    // journeyData: journeyData,
+    commonProps: reviewUtils_1.commonprops,
+    onAnswerChanged: () => { },
+    onAnswerSubmitted: () => { },
+    learningStepData: {},
+    selectionStatus: [true, true, false, false, false, false],
+    moreQuestionsAvaialable: [true, true, false, false, false, false],
+    setSelectionStatus: () => { },
+    // enableBox: true,
+    // childComponent: <div style={{ backgroundColor: "red", border: "1px solid black", minWidth: "100px", minHeight: "100px" }}>Hello</div>,
+    // activeQuestionIndex: 1,
+};
+exports.ComprehensionBasedExampleTeacher2 = Template.bind({});
+exports.ComprehensionBasedExampleTeacher2.args = {
+    dataType: "teacherSelctionMainMode",
+    questions: selectionUtils_1.comprehensionSelectionData,
+    isReviewScreen: true,
+    isFactual: false,
+    taskType: "learn",
+    // journeyData: journeyData,
+    commonProps: reviewUtils_1.commonprops,
+    onAnswerChanged: () => { },
+    onAnswerSubmitted: () => { },
+    learningStepData: {},
+    selectionStatus: [true, true, false, false, false, false],
+    moreQuestionsAvaialable: [false, false, false, false, false, true],
+    setSelectionStatus: () => { },
+    enableBox: true,
+    childComponent: ((0, jsx_runtime_1.jsx)("div", { style: {
+            backgroundColor: "red",
+            border: "1px solid black",
+            minWidth: "100px",
+            minHeight: "100px",
+        }, children: (0, jsx_runtime_1.jsx)(ReviewPresenter_1.default, { dataType: "teacherSelctionSubMode", questions: selectionUtils_1.subSelectionData, isReviewScreen: true, onAnswerChanged: () => { }, onAnswerSubmitted: () => { }, isFactual: false, commonProps: testingutils_1.commonProps, handleNavigate: () => { }, questionRefs: [], journeyData: [], learningStepData: [], selectionStatus: [true, false], setSelectionStatus: () => { }, handleSelectionStatus: () => { } }) })),
+    activeQuestionIndex: 5,
+};
+//# sourceMappingURL=ReviewPresenter.stories.js.map

package/dist/components/Organisms/ReviewComponent/ReviewPresenter.stories.js.map

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

package/dist/components/Organisms/ReviewComponent/ReviewStyles.d.ts

@@ -0,0 +1,77 @@
+export namespace styles {
+    namespace summaryBox {
+        namespace ml {
+            const base: string;
+            const md: string;
+        }
+        const maxW: string;
+        const my: string;
+        const overflow: string;
+        const backgroundColor: string;
+        const padding: string;
+        const borderRadius: string;
+    }
+    namespace subSummaryBox {
+        export const display: string;
+        export const flexDirection: string;
+        const backgroundColor_1: string;
+        export { backgroundColor_1 as backgroundColor };
+        const borderRadius_1: string;
+        export { borderRadius_1 as borderRadius };
+        const padding_1: string;
+        export { padding_1 as padding };
+        export const boxShadow: string;
+    }
+    namespace viewDiscussBox {
+        const position: string;
+        const top: string;
+        const right: string;
+        const zIndex: number;
+    }
+    namespace contentBox {
+        const paddingTop: string;
+    }
+    namespace keyTakeawayText {
+        const color: string;
+        const fontSize: string;
+        const fontWeight: string;
+        const lineHeight: string;
+        const marginBottom: string;
+        const fontFamily: string;
+    }
+    namespace summaryText {
+        const color_1: string;
+        export { color_1 as color };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const fontFamily_1: string;
+        export { fontFamily_1 as fontFamily };
+        const fontWeight_1: string;
+        export { fontWeight_1 as fontWeight };
+        const lineHeight_1: string;
+        export { lineHeight_1 as lineHeight };
+    }
+    namespace showMoreButton {
+        export const variant: string;
+        export const mt: number;
+        const color_2: string;
+        export { color_2 as color };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const fontFamily_2: string;
+        export { fontFamily_2 as fontFamily };
+        const fontWeight_2: string;
+        export { fontWeight_2 as fontWeight };
+        const lineHeight_2: string;
+        export { lineHeight_2 as lineHeight };
+    }
+    namespace discussBtn {
+        export const border: string;
+        const color_3: string;
+        export { color_3 as color };
+        const borderRadius_2: string;
+        export { borderRadius_2 as borderRadius };
+        export const bg: string;
+        export const width: string;
+    }
+}

package/dist/components/Organisms/ReviewComponent/ReviewStyles.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    summaryBox: {
+        // Allow the button to be positioned relative to this container
+        ml: { base: "40px", md: "52px" },
+        maxW: "100%",
+        my: "16px",
+        overflow: "hidden",
+        backgroundColor: "#DDDBEF",
+        padding: "10px",
+        borderRadius: "8px",
+    },
+    subSummaryBox: {
+        display: "flex",
+        flexDirection: "column",
+        backgroundColor: "#FFFFFF",
+        borderRadius: "8px",
+        padding: "16px",
+        boxShadow: "0px 4px 12px 0px #0000001F",
+    },
+    viewDiscussBox: {
+        position: "absolute",
+        top: "0",
+        right: "0px",
+        zIndex: 1, // Ensure it stays above other content
+    },
+    contentBox: {
+        paddingTop: "40px", // Add space below the button so text starts after the button
+    },
+    keyTakeawayText: {
+        color: "#130159",
+        fontSize: "16px",
+        fontWeight: "600",
+        lineHeight: "24px",
+        marginBottom: "16px",
+        fontFamily: "Poppins",
+    },
+    summaryText: {
+        color: "#2B2B2B",
+        fontSize: "14px",
+        fontFamily: "Poppins",
+        fontWeight: "500",
+        lineHeight: "24px",
+    },
+    showMoreButton: {
+        variant: "link",
+        mt: 2,
+        color: "#392E77",
+        fontSize: "14px",
+        fontFamily: "Poppins",
+        fontWeight: "700",
+        lineHeight: "24px",
+    },
+    discussBtn: {
+        border: "1px solid #130159",
+        color: "#130159",
+        borderRadius: "8px",
+        bg: "#FFFFFF",
+        width: "160px",
+    },
+};
+//# sourceMappingURL=ReviewStyles.js.map

package/dist/components/Organisms/ReviewComponent/ReviewStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewStyles.js","sourceRoot":"","sources":["../../../../src/components/Organisms/ReviewComponent/ReviewStyles.js"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,UAAU,EAAE;QACV,+DAA+D;QAC/D,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,MAAM;QACV,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK;KACpB;IACD,aAAa,EAAE;QACb,OAAO,EAAC,MAAM;QACd,aAAa,EAAE,QAAQ;QACvB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,4BAA4B;KACxC;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,CAAC,EAAE,sCAAsC;KAClD;IACD,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,EAAE,6DAA6D;KAClF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACpB,UAAU,EAAE,SAAS;KACtB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,MAAM;KACnB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,MAAM;KACnB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,KAAK;QACnB,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,OAAO;KACf;CACF,CAAC"}