recap_mobileview 0.0.1

package/dist/components/Molecules/Tutor/User/User.stories.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserHandwritten = exports.UserMathTxt = exports.UserTxt = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const User_1 = __importDefault(require("./User"));
+exports.default = {
+    title: "Components/Molecules/User",
+    component: User_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(User_1.default, { ...args });
+exports.UserTxt = Template.bind({});
+exports.UserTxt.args = {
+    text: `What is chemical effects of electric current`,
+};
+exports.UserMathTxt = Template.bind({});
+exports.UserMathTxt.args = {
+    text: `Evaluate :   \\(\\left(\\frac38\\right)^{-3}\\) `,
+};
+exports.UserHandwritten = Template.bind({});
+exports.UserHandwritten.args = {
+    text: `a)\n\n(b)\n\\[\n\\begin{array}{c}\nH \\\\\nH: \\ddot{C}: \\ddot{C}: \\ddot{C}: \\ddot{C}: H \\\\\n\\because H: \\ddot{H}\n\\end{array}\n\\] \n\n ithe structure of thanois acid is:\n(ii) The structure of Butanone is: `,
+    transcribeImageList: [
+        {
+            "image": "https://student-handwritten.s3.amazonaws.com/63d9a8cc-a269-40fd-bc3f-d500c222e460_4ec4d3cd-b9cc-4942-81c3-9252134c857e-1.jpg",
+            "text": "(a)\n\n(b)\n\\[\n\\begin{array}{c}\nH \\\\\nH: \\ddot{C}: \\ddot{C}: \\ddot{C}: \\ddot{C}: H \\\\\n\\because H: \\ddot{H}\n\\end{array}\n\\]",
+            "annotations": [
+                {
+                    "class": "diagram",
+                    "confidence": 0.8018212914466858,
+                    "height": 2546.9999999999995,
+                    "id": "4f7cd522-80fb-49e1-b5ec-a2cd07606e17",
+                    "width": 2161.971830985916,
+                    "x": 84.50704225352113,
+                    "y": 173
+                },
+                {
+                    "class": "diagram",
+                    "confidence": 0.8018212914466858,
+                    "height": 2546.9999999999995,
+                    "id": "4f7cd522-80fb-49e1-b5ec-a2cd07606e17",
+                    "width": 2161.971830985916,
+                    "x": 84.50704225352113,
+                    "y": 173
+                },
+                {
+                    "class": "diagram",
+                    "confidence": 0.8018212914466858,
+                    "height": 2546.9999999999995,
+                    "id": "4f7cd522-80fb-49e1-b5ec-a2cd07606e17",
+                    "width": 2161.971830985916,
+                    "x": 84.50704225352113,
+                    "y": 173
+                }
+            ],
+            "status": "success",
+            "otherMetadata": {
+                "clarity": "clear",
+                "handwriting_legibility": "legible",
+                "is_handwritten": true,
+                "issues": [
+                    "shadows"
+                ],
+                "orientation": "straight",
+                "proceed_with_ocr": true,
+                "quality_score": 8
+            },
+            "ocrStatus": true,
+            "empty_transcription": false
+        },
+        {
+            "image": "https://student-handwritten.s3.amazonaws.com/0234c0c4-e2a2-4904-b658-baa82ce3e315_4ec4d3cd-b9cc-4942-81c3-9252134c857e-2.jpg",
+            "text": "ithe structure of thanois acid is:\n(ii) The structure of Butanone is:",
+            "annotations": [
+                {
+                    "class": "diagram",
+                    "confidence": 0.7416420578956604,
+                    "height": 1062,
+                    "id": "fae81be0-c1de-4917-b7dc-1512a502ae83",
+                    "width": 1316,
+                    "x": 317,
+                    "y": 475
+                },
+                {
+                    "class": "diagram",
+                    "confidence": 0.702781617641449,
+                    "height": 1357.9999999999998,
+                    "id": "6556d0dd-5771-4b56-9e6e-2695cd6b5185",
+                    "width": 2426.1830985915503,
+                    "x": 302.81690140845075,
+                    "y": 1932
+                }
+            ],
+            "status": "success",
+            "otherMetadata": {
+                "clarity": "clear",
+                "handwriting_legibility": "legible",
+                "is_handwritten": true,
+                "issues": [
+                    "shadows"
+                ],
+                "orientation": "straight",
+                "proceed_with_ocr": true,
+                "quality_score": 8
+            },
+            "ocrStatus": true,
+            "empty_transcription": false
+        }
+    ]
+};
+//# sourceMappingURL=User.stories.js.map

package/dist/components/Molecules/Tutor/User/User.stories.js.map

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

package/dist/components/Molecules/VideoView/VideoModal.d.ts

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

package/dist/components/Molecules/VideoView/VideoModal.js

@@ -0,0 +1,56 @@
+"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 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const react_player_1 = __importDefault(require("react-player"));
+const VideoModal = (props) => {
+    const { isOpen, onClose, videoUrl, icons = {}, isTeacher = false } = props;
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: styles.overlay, onClick: isTeacher ? onClose : () => { }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: { ...styles.closeButtonWrapper, top: isTeacher ? '80px' : '10px' }, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons.close, sx: styles.closeButton, onClick: onClose, alt: "Close" }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: styles.modal, onClick: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsx)(react_player_1.default, { url: videoUrl, controls: true, playing: true, width: "100%", height: "100%", style: styles.player }) })] })) }));
+};
+const styles = {
+    overlay: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.75)",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        zIndex: 1000,
+    },
+    modal: {
+        position: "relative",
+        width: "80%",
+        maxWidth: "800px",
+        height: "auto",
+        backgroundColor: "#fff",
+        padding: "10px",
+        borderRadius: "8px",
+        boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    closeButtonWrapper: {
+        position: "absolute",
+        top: "10px",
+        right: "10px",
+        zIndex: 1,
+    },
+    closeButton: {
+        width: "24px",
+        height: "24px",
+        cursor: "pointer",
+    },
+    player: {
+        borderRadius: "8px",
+    },
+};
+exports.default = VideoModal;
+//# sourceMappingURL=VideoModal.js.map

package/dist/components/Molecules/VideoView/VideoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoModal.js","sourceRoot":"","sources":["../../../../src/components/Molecules/VideoView/VideoModal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA8C;AAC9C,gEAAuC;AAEvC,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3E,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACZ,MAAM,IAAI,CACT,wBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,aAC9D,uBAAC,WAAG,IAAC,EAAE,EAAE,EAAC,GAAG,MAAM,CAAC,kBAAkB,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAC,YACvE,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAC,OAAO,GAAG,GAC7E,EACN,uBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACxD,uBAAC,sBAAW,IACV,GAAG,EAAE,QAAQ,EACb,QAAQ,QACR,OAAO,QACP,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB,GACE,IACF,CACP,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,OAAO,EAAE;QACP,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,qBAAqB;QACtC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAC,IAAI;KACZ;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,8BAA8B;QACzC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/Molecules/VideoView/VideoModal.stories.d.ts

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

package/dist/components/Molecules/VideoView/VideoModal.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const VideoModal_1 = __importDefault(require("./VideoModal"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+exports.default = {
+    title: "Components/Molecules/VideoModal",
+    component: VideoModal_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(VideoModal_1.default, { ...args });
+exports.DefaultView = Template.bind({});
+exports.DefaultView.args = {
+    isOpen: true,
+    videoUrl: `https://innerscore-student-wall.s3.amazonaws.com/aafe106e-19ab-4c8f-a9e4-66406891f3da_SampleVideo_1280x720_5mb_1.mp4`,
+    icons: {
+        close: wall_images_1.default.settings,
+    },
+};
+//# sourceMappingURL=VideoModal.stories.js.map

package/dist/components/Molecules/VideoView/VideoModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoModal.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/VideoView/VideoModal.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,8DAAsC;AACtC,6EAAqD;AAErD,kBAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,oBAAU;CACd,CAAC;AAEV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAElD,QAAA,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,mBAAW,CAAC,IAAI,GAAG;IACjB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,sHAAsH;IAChI,KAAK,EAAE;QACL,KAAK,EAAE,qBAAW,CAAC,QAAQ;KAC5B;CACF,CAAC"}

package/dist/components/Molecules/WallBanner/WallBanner.d.ts

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

package/dist/components/Molecules/WallBanner/WallBanner.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const customTheme_1 = require("../../../utils/customTheme");
+const wallBannerStyles_1 = require("./wallBannerStyles");
+const react_lazy_load_image_component_1 = require("react-lazy-load-image-component");
+// import "react-lazy-load-image-component/src/effects/blur.css";
+const Component = (props) => {
+    const { image, title, description, isTeacher = false, isDarkTheme } = props;
+    const { box, stack, text, vstack, image: imageStyles } = wallBannerStyles_1.wallBannerStyles;
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { ...box.container, style: isTeacher ? { padding: "0px" } : {}, children: (0, jsx_runtime_1.jsxs)(react_1.Stack, { ...stack.container, children: [(0, jsx_runtime_1.jsxs)(react_1.VStack, { ...(isTeacher ? vstack.container : vstack.studentContainer), children: [(0, jsx_runtime_1.jsx)(react_1.Text, { ...(isTeacher ? text.title : text.studentTitle), color: isDarkTheme ? "white" : "", children: title }), (0, jsx_runtime_1.jsx)(react_1.Text, { ...text.description, color: isDarkTheme ? "#DFE4E7" : "", children: description })] }), isTeacher && ((0, jsx_runtime_1.jsx)(react_1.Box, { ...box.imageContainer, children: image && ((0, jsx_runtime_1.jsx)(react_lazy_load_image_component_1.LazyLoadImage, { src: image, width: "100%", height: "265px", style: {
+                            borderRadius: "16px",
+                            objectFit: "cover",
+                        }, wrapperProps: {
+                            style: {
+                                transitionDelay: "1s",
+                            },
+                        }, effect: "blur", alt: "Wall Banner" })) }))] }) }));
+};
+const WallBanner = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = WallBanner;
+//# sourceMappingURL=WallBanner.js.map

package/dist/components/Molecules/WallBanner/WallBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WallBanner.js","sourceRoot":"","sources":["../../../../src/components/Molecules/WallBanner/WallBanner.tsx"],"names":[],"mappings":";;;AAAA,4CAO0B;AAC1B,4DAAyD;AACzD,yDAAsD;AACtD,qFAAgE;AAChE,iEAAiE;AAEjE,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;IAC/B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,mCAAgB,CAAC;IAE1E,OAAO,CACL,uBAAC,WAAG,OACE,GAAG,CAAC,SAAS,EACjB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,YAG1C,wBAAC,aAAK,OAAK,KAAK,CAAC,SAAS,aACxB,wBAAC,cAAM,OAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAClE,uBAAC,YAAI,OACC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAChD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,YAEhC,KAAK,GACD,EACP,uBAAC,YAAI,OAAK,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAC5D,WAAW,GACP,IACA,EACR,SAAS,IAAI,CACZ,uBAAC,WAAG,OAAK,GAAG,CAAC,cAAc,YACxB,KAAK,IAAI,CACR,uBAAC,+CAAa,IACZ,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,KAAK,EAAE;4BACL,YAAY,EAAE,MAAM;4BACpB,SAAS,EAAE,OAAO;yBACnB,EACD,YAAY,EAAE;4BACZ,KAAK,EAAE;gCACL,eAAe,EAAE,IAAI;6BACtB;yBACF,EACD,MAAM,EAAC,MAAM,EACb,GAAG,EAAC,aAAa,GACjB,CACH,GACG,CACP,IACK,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE;IAChC,OAAO,CACL,uBAAC,sBAAc,IAAC,KAAK,EAAE,yBAAW,YAChC,uBAAC,SAAS,OAAK,KAAK,GAAI,GACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/Molecules/WallBanner/WallBanner.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 DefaultBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const DarkBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const WallTeacherBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const WallTeacherDarkBanner: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

package/dist/components/Molecules/WallBanner/WallBanner.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WallTeacherDarkBanner = exports.WallTeacherBanner = exports.DarkBanner = exports.DefaultBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WallBanner_1 = __importDefault(require("./WallBanner"));
+exports.default = {
+    title: "Components/Molecules/WallBanner",
+    component: WallBanner_1.default,
+};
+const imageURL = "https://innerscore-student-wall.s3.amazonaws.com/f93628be-3635-4677-85b4-faa12a4b57e1_images_1583759712444_dhoni.jpeg";
+const Template = (args) => (0, jsx_runtime_1.jsx)(WallBanner_1.default, { ...args });
+exports.DefaultBanner = Template.bind({});
+exports.DefaultBanner.args = {
+    image: imageURL,
+    title: "School Hub!",
+    description: "CHALLENGE-Discover the Learning Wall: Share, Connect, Thrive! Post your learning activities, spark discussions and engage with a global community of fellow learners. Foster connections through comments, appreciations and discussions–your gateway to a world of educational exploration. So go ahead stick it on the Wall.",
+    isDarkTheme: false,
+};
+exports.DarkBanner = Template.bind({});
+exports.DarkBanner.args = {
+    image: imageURL,
+    title: "School Hub!",
+    description: "CHALLENGE-Discover the Learning Wall: Share, Connect, Thrive! Post your learning activities, spark discussions and engage with a global community of fellow learners. Foster connections through comments, appreciations and discussions–your gateway to a world of educational exploration. So go ahead stick it on the Wall.",
+    isDarkTheme: true,
+};
+exports.WallTeacherBanner = Template.bind({});
+exports.WallTeacherBanner.args = {
+    image: imageURL,
+    title: "School Hub!",
+    description: "CHALLENGE-Discover the Learning Wall: Share, Connect, Thrive! Post your learning activities, spark discussions and engage with a global community of fellow learners. Foster connections through comments, appreciations and discussions–your gateway to a world of educational exploration. So go ahead stick it on the Wall.",
+    isTeacher: true,
+    isDarkTheme: false,
+};
+exports.WallTeacherDarkBanner = Template.bind({});
+exports.WallTeacherDarkBanner.args = {
+    image: imageURL,
+    title: "School Hub!",
+    description: "CHALLENGE-Discover the Learning Wall: Share, Connect, Thrive! Post your learning activities, spark discussions and engage with a global community of fellow learners. Foster connections through comments, appreciations and discussions–your gateway to a world of educational exploration. So go ahead stick it on the Wall.",
+    isTeacher: true,
+    isDarkTheme: true,
+};
+//# sourceMappingURL=WallBanner.stories.js.map

package/dist/components/Molecules/WallBanner/WallBanner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WallBanner.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/WallBanner/WallBanner.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,8DAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,oBAAU;CACd,CAAC;AAEV,MAAM,QAAQ,GACZ,uHAAuH,CAAC;AAE1H,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAElD,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,qBAAa,CAAC,IAAI,GAAG;IACnB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,aAAa;IACpB,WAAW,EACT,gUAAgU;IAClU,WAAW,EAAE,KAAK;CACnB,CAAC;AAEW,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,kBAAU,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,aAAa;IACpB,WAAW,EACT,gUAAgU;IAClU,WAAW,EAAE,IAAI;CAClB,CAAC;AAEW,QAAA,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,yBAAiB,CAAC,IAAI,GAAG;IACvB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,aAAa;IACpB,WAAW,EACT,gUAAgU;IAClU,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,KAAK;CACnB,CAAC;AAEW,QAAA,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,6BAAqB,CAAC,IAAI,GAAG;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,aAAa;IACpB,WAAW,EACT,gUAAgU;IAClU,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;CAClB,CAAC"}

package/dist/components/Molecules/WallBanner/wallBannerStyles.d.ts

@@ -0,0 +1 @@
+export declare const wallBannerStyles: any;

package/dist/components/Molecules/WallBanner/wallBannerStyles.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wallBannerStyles = void 0;
+exports.wallBannerStyles = {
+    box: {
+        container: {
+            w: "100%",
+        },
+        imageContainer: {
+            w: ["100%", "100%", "30%"],
+            h: ["265px"],
+        },
+    },
+    stack: {
+        container: {
+            w: "100%",
+            h: "auto",
+            alignItems: "flex-start",
+            spacing: [2, 2, 16],
+            direction: ["column", "column", "row"],
+        },
+    },
+    text: {
+        title: {
+            color: "#263238",
+            margin: 0,
+            fontSize: ["24px", "32px", "48px"],
+            fontWeight: "600",
+            lineHeight: ["32px", "40px", "62px"],
+        },
+        studentTitle: {
+            color: "#263238",
+            margin: 0,
+            fontSize: "30px",
+            fontWeight: "600",
+            lineHeight: ["32px", "40px", "62px"],
+        },
+        description: {
+            color: "#666A6B",
+            margin: 0,
+            fontSize: ["16px", "20px", "20px"],
+            fontWeight: "400",
+            lineHeight: ["24px", "28px", "32px"],
+        },
+    },
+    vstack: {
+        container: {
+            width: ["100%", "100%", "70%"],
+            alignItems: "flex-start",
+            spacing: 4,
+        },
+        studentContainer: {
+            width: ["100%", "100%", "100%"],
+            alignItems: "flex-start",
+            // spacing: 4,
+        },
+    },
+    image: {
+        objectFit: "cover",
+        borderRadius: "16px",
+        h: "100%",
+        w: "100%", // Ensure the image takes the full width of the container
+    },
+};
+//# sourceMappingURL=wallBannerStyles.js.map

package/dist/components/Molecules/WallBanner/wallBannerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallBannerStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/WallBanner/wallBannerStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAQ;IACnC,GAAG,EAAE;QACH,SAAS,EAAE;YACT,CAAC,EAAE,MAAM;SACV;QACD,cAAc,EAAE;YACd,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;YAC1B,CAAC,EAAE,CAAC,OAAO,CAAC;SACb;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,CAAC,EAAE,MAAM;YACT,CAAC,EAAE,MAAM;YACT,UAAU,EAAE,YAAY;YACxB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACnB,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;SACvC;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;YAClC,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;SACrC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;SACrC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;YAClC,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;SACrC;KACF;IACD,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;YAC9B,UAAU,EAAE,YAAY;YACxB,OAAO,EAAE,CAAC;SACX;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;YAC/B,UAAU,EAAE,YAAY;YACxB,cAAc;SACf;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,MAAM;QACpB,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM,EAAE,yDAAyD;KACrE;CACF,CAAC"}

package/dist/components/Molecules/WallCard/WallCard.d.ts

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

package/dist/components/Molecules/WallCard/WallCard.js

@@ -0,0 +1,53 @@
+"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 customTheme_1 = require("../../../utils/customTheme");
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+const react_lazy_load_image_component_1 = require("react-lazy-load-image-component");
+// import "react-lazy-load-image-component/src/effects/blur.css";
+const WallCardComponent = (props) => {
+    const { color = "#FEE7E7", enableClaps = true, enableComments = true, isUserClapped, icons, } = props;
+    const textRef = (0, react_1.useRef)(null);
+    const [showReadMore, setShowReadMore] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (textRef.current?.scrollHeight && textRef.current.scrollHeight > 72) {
+            setShowReadMore(true);
+        }
+    }, [props]);
+    const getClapImg = () => {
+        let str;
+        if (props?.isChallenge) {
+            str = isUserClapped ? "activeVote" : "vote";
+        }
+        else {
+            str = isUserClapped ? "activeClap" : "clap";
+        }
+        return str;
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "block", maxW: "325px", minH: "100px", overflow: "hidden", borderRadius: "12px", boxSizing: "border-box", boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)", children: [(0, jsx_runtime_1.jsx)(react_lazy_load_image_component_1.LazyLoadImage, { width: "100%", height: "165px", style: {
+                    borderRadius: "12px 12px 0px 0px",
+                }, wrapperProps: {
+                    style: {
+                        transitionDelay: "1s",
+                    },
+                }, src: props.titleImg, effect: "blur", alt: "Activity Card" }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { bg: color, alignItems: "flex-start", p: "16px", mt: "-6px", gap: "8px", boxSizing: "border-box", children: [(0, jsx_runtime_1.jsx)(Subject, { subject: props.subject }), (0, jsx_runtime_1.jsx)(Title, { title: props.title }), (0, jsx_runtime_1.jsx)(Description, { description: props.description, textRef: textRef, showReadMore: showReadMore })] })] }));
+};
+const Subject = ({ subject }) => ((0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, color: "#eb5757", fontSize: "md", fontWeight: "medium", lineHeight: "20px", children: subject }));
+const Title = ({ title }) => ((0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, lineHeight: "28px", fontSize: "2xl", fontWeight: "semibold", children: (0, html_react_parser_1.default)("<p>" + title) }));
+const Description = ({ description, textRef, showReadMore }) => {
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ref: textRef, maxH: "72px", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, color: "#666A6B", lineHeight: "24px", fontWeight: "medium", fontSize: "lg", w: "100%", wordBreak: "break-word", overflowWrap: "break-word", children: (0, html_react_parser_1.default)("<p>" + description) }) }), showReadMore && ((0, jsx_runtime_1.jsx)(react_2.HStack, { justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, fontSize: "md", fontWeight: "medium", color: "#7464ce", lineHeight: "20px", children: "... read more" }) }))] }));
+};
+const Clap = ({ count, image }) => ((0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "4px", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: image, alt: "interaction", w: "24px", h: "24px" }), (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, color: "#666A6B", fontSize: "sm", fontWeight: "medium", children: count })] }));
+const ChallengeIcon = ({ image }) => {
+    return ((0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "16px", justifyContent: "center", alignItems: "center", bg: "#7464ce", h: "54px", w: "calc(100% + 32px)", ml: "-16px", mr: "-16px", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: image, alt: "Challenge", w: "24px", h: "24px" }), (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, color: "#F6F8F9", fontSize: "2xl", fontWeight: "bold", children: "Challenge" })] }));
+};
+function WallCard(props) {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(WallCardComponent, { ...props }) }));
+}
+exports.default = WallCard;
+//# sourceMappingURL=WallCard.js.map

package/dist/components/Molecules/WallCard/WallCard.js.map

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

package/dist/components/Molecules/WallCard/WallCard.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const ShareCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const ShareCardWithoutInteractions: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const ChallengeCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

package/dist/components/Molecules/WallCard/WallCard.stories.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChallengeCard = exports.ShareCardWithoutInteractions = exports.ShareCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WallCard_1 = __importDefault(require("./WallCard"));
+const wall_images_1 = __importDefault(require("../../../utils/wall-images"));
+exports.default = {
+    title: "Components/Molecules/WallCard",
+    component: WallCard_1.default,
+};
+const imageURL = "https://innerscore-student-wall.s3.amazonaws.com/7e7fa19c-b11e-412c-9c55-d36afacc34e4_Vocab_BG_4_Final.jpg";
+const Template = (args) => (0, jsx_runtime_1.jsx)(WallCard_1.default, { ...args });
+exports.ShareCard = Template.bind({});
+exports.ShareCard.args = {
+    titleImg: imageURL,
+    subject: "English",
+    title: "Road not taken",
+    description: "Here you will learn different types of graphs like bar, line, pie graphs. Use this in examples. line, pie graphs. Use this in examples.",
+    color: "#FEE7E7",
+    showInteractions: true,
+    clapsCount: 0,
+    commentsCount: 10,
+    icons: {
+        clap: wall_images_1.default.clap,
+        comment: wall_images_1.default.comment,
+        activeClap: wall_images_1.default.activeClap,
+        challenge: wall_images_1.default.challenge,
+    },
+};
+exports.ShareCardWithoutInteractions = Template.bind({});
+exports.ShareCardWithoutInteractions.args = {
+    titleImg: imageURL,
+    subject: "English",
+    title: "Road not taken",
+    description: "Here you will learn different types of graphs like bar, line, pie graphs. Use this in examples. line, pie graphs. Use this in examples.",
+    color: "#FEE7E7",
+    showInteractions: false,
+    icons: {
+        clap: wall_images_1.default.clap,
+        comment: wall_images_1.default.comment,
+        activeClap: wall_images_1.default.activeClap,
+        challenge: wall_images_1.default.challenge,
+    },
+};
+exports.ChallengeCard = Template.bind({});
+exports.ChallengeCard.args = {
+    titleImg: imageURL,
+    subject: "English",
+    title: "Road not taken",
+    description: "Here you will learn different types of graphs like bar",
+    color: "#FEE7E7",
+    showInteractions: true,
+    clapsCount: 0,
+    commentsCount: 10,
+    isChallenge: true,
+    isUserClapped: true,
+    icons: {
+        clap: wall_images_1.default.clap,
+        comment: wall_images_1.default.comment,
+        activeClap: wall_images_1.default.activeClap,
+        challenge: wall_images_1.default.challenge,
+    },
+};
+//# sourceMappingURL=WallCard.stories.js.map

package/dist/components/Molecules/WallCard/WallCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WallCard.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/WallCard/WallCard.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,0DAAkC;AAClC,6EAAqD;AAErD,kBAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAQ;CACZ,CAAC;AAEV,MAAM,QAAQ,GACZ,4GAA4G,CAAC;AAE/G,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,kBAAQ,OAAK,IAAI,GAAI,CAAC;AAEhD,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EACT,yIAAyI;IAC3I,KAAK,EAAE,SAAS;IAChB,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,OAAO,EAAE,qBAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,qBAAW,CAAC,UAAU;QAClC,SAAS,EAAE,qBAAW,CAAC,SAAS;KACjC;CACF,CAAC;AAEW,QAAA,4BAA4B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9D,oCAA4B,CAAC,IAAI,GAAG;IAClC,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EACT,yIAAyI;IAC3I,KAAK,EAAE,SAAS;IAChB,gBAAgB,EAAE,KAAK;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,OAAO,EAAE,qBAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,qBAAW,CAAC,UAAU;QAClC,SAAS,EAAE,qBAAW,CAAC,SAAS;KACjC;CACF,CAAC;AAEW,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,qBAAa,CAAC,IAAI,GAAG;IACnB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,wDAAwD;IACrE,KAAK,EAAE,SAAS;IAChB,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,qBAAW,CAAC,IAAI;QACtB,OAAO,EAAE,qBAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,qBAAW,CAAC,UAAU;QAClC,SAAS,EAAE,qBAAW,CAAC,SAAS;KACjC;CACF,CAAC"}

package/dist/components/Molecules/comprehension/ComprehensionLayout.d.ts

@@ -0,0 +1,37 @@
+type ComprehensionLayoutProps = {
+    questionIndex?: number;
+    selectionStatus?: any;
+    handleSelectionStatus?: any;
+    handleMoreQuestions?: any;
+    isQuestionSelection?: boolean;
+    moreQuestionsAvailable?: boolean;
+    questionObject?: any;
+    userAnswer?: any;
+    onAnswerChanged?: any;
+    isDontAllow?: boolean;
+    allowToCopy?: boolean;
+    isFactual?: boolean;
+    taskType?: string;
+    displayedQues?: any;
+    isComprehension?: boolean;
+    assistantImg?: string;
+    loaderText?: string;
+    finalText?: string;
+    presenterLogic?: any;
+    onAnswerSubmitted?: any;
+    learningStepData?: any;
+    commonProps?: any;
+    showDiscussLabel?: boolean;
+    discussIcon?: any;
+    isFromParentApp?: boolean;
+    showDiscuss?: boolean;
+    history?: any;
+    isFirstQuestion?: boolean;
+    handleNavigate?: (questionObject: any, version_uuid: string) => void;
+    enableBox?: boolean;
+    activeQuestionIndex?: number;
+    childComponent?: any;
+    isReviewScreen?: boolean;
+};
+declare const ComprehensionLayout: ({ questionIndex, selectionStatus, handleSelectionStatus, handleMoreQuestions, isQuestionSelection, moreQuestionsAvailable, questionObject, userAnswer, onAnswerChanged, isDontAllow, allowToCopy, isFactual, taskType, isComprehension, assistantImg, loaderText, finalText, presenterLogic, onAnswerSubmitted, learningStepData, commonProps, showDiscussLabel, displayedQues, discussIcon, isFromParentApp, showDiscuss, history, isFirstQuestion, handleNavigate, enableBox, activeQuestionIndex, childComponent, isReviewScreen, }: ComprehensionLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default ComprehensionLayout;