reviewhver 0.0.1

package/dist/components/Molecules/FactualCard/FactualCard.style.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const factualStyle = {
+    card: {
+        background: "white",
+        borderRadius: "12px",
+        padding: "16px",
+        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+        width: "480px",
+        marginLeft: "52px",
+        marginBottom: "20px",
+        "@media (max-width: 768px)": {
+            width: "90%"
+        },
+        "@media (max-width: 480px)": {
+            marginLeft: "36px"
+        }
+    },
+    title: {
+        fontSize: "20px",
+        fontWeight: "600",
+        color: "#1a1a1a",
+        paddingTop: "10px"
+    },
+    videoWrapper: {
+        width: "100%",
+        cursor: "pointer",
+        "@media (max-width: 768px)": {
+            position: "relative",
+            width: "100%",
+            cursor: "pointer"
+        }
+    },
+    videoContent: {
+        position: "relative",
+        display: "flex",
+        overflow: "hidden"
+    },
+    playButton: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        width: "60px",
+        height: "45px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "0.3s ease",
+        "&:hover": {
+            opacity: 1
+        }
+    },
+    duration: {
+        background: "rgba(0, 0, 0, 0.7)",
+        color: "white",
+        padding: "4px 8px",
+        borderRadius: "4px",
+        fontSize: "14px",
+        position: "absolute",
+        top: "70%",
+        left: "84%",
+        display: "flex"
+    },
+    // Keyframes would need to be defined separately in styled-components
+    // or you could use the animation as a string where needed
+};
+exports.default = factualStyle;
+//# sourceMappingURL=FactualCard.style.js.map

package/dist/components/Molecules/FactualCard/FactualCard.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FactualCard.style.js","sourceRoot":"","sources":["../../../../src/components/Molecules/FactualCard/FactualCard.style.ts"],"names":[],"mappings":";;AAEA,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO;QACnB,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,8BAA8B;QACzC,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACpB,2BAA2B,EAAE;YAC3B,KAAK,EAAE,KAAK;SACb;QACD,2BAA2B,EAAE;YAC3B,UAAU,EAAE,MAAM;SACnB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,SAAS;QACjB,2BAA2B,EAAE;YAC3B,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,SAAS;SAClB;KACF;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;KACnB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,WAAW;QACvB,SAAS,EAAE;YACT,OAAO,EAAE,CAAC;SACX;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,oBAAoB;QAChC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,MAAM;KAChB;IACD,qEAAqE;IACrE,0DAA0D;CAC3D,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FloatingButtonProps {
+    userRole: 'teacher' | 'parent' | 'student';
+    onClick: () => void;
+    disabled?: boolean;
+    icon: string;
+    isModal?: boolean;
+}
+export declare const FloatingButton: React.FC<FloatingButtonProps>;
+export default FloatingButton;

package/dist/components/Molecules/FloatingButton/FloatingButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FloatingButton_styles_1 = require("./FloatingButton.styles");
+const react_1 = require("react");
+const FloatingButton = ({ userRole, onClick, disabled = false, icon, isModal = false, }) => {
+    const [showpopup, setShowPopup] = (0, react_1.useState)(false);
+    const handleClick = () => {
+        setShowPopup(!showpopup);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showpopup && ((0, jsx_runtime_1.jsxs)(FloatingButton_styles_1.PopupContainer, { userRole: userRole, isModal: isModal, children: [(0, jsx_runtime_1.jsxs)(FloatingButton_styles_1.PopupText, { userRole: userRole, children: [" You are exploring the ", (0, jsx_runtime_1.jsx)("br", {}), "product as a ", userRole] }), (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.PopupswitchContainer, { userRole: userRole, onClick: () => { onClick(); }, children: (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.Popupwrap, { children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [(0, jsx_runtime_1.jsx)(FloatingButton_styles_1.FloatingButtonIcon, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, alt: "icon", width: 20, height: 20 }) }), (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.PopupSwitchText, { userRole: userRole, children: "Switch Role" })] }) }) })] })), (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.FloatingButtonContainer, { userRole: userRole, onClick: disabled ? undefined : handleClick, isModal: isModal, children: (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.FloatingButtonIcon, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, alt: "icon", width: 20, height: 20 }) }) })] }));
+};
+exports.FloatingButton = FloatingButton;
+exports.default = exports.FloatingButton;
+//# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/Molecules/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":";;;;AACA,mEAA6J;AAC7J,iCAAiC;AAU1B,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAGF,OAAO,CACL,6DAEE,SAAS,IAAI,CACX,wBAAC,sCAAc,IAAC,QAAQ,EAAE,QAAQ,EAAG,OAAO,EAAE,OAAO,aACnD,wBAAC,iCAAS,IAAC,QAAQ,EAAE,QAAQ,wCAAyB,gCAAK,mBAC7C,QAAQ,IAAa,EACnC,uBAAC,4CAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAE,EAAE,GAAC,OAAO,EAAE,CAAA,CAAA,CAAC,YAChE,uBAAC,iCAAS,cACV,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAChE,uBAAC,0CAAkB,cACpB,gCAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC9B,EACrB,uBAAC,uCAAe,IAAC,QAAQ,EAAE,QAAQ,4BAA+B,IAC9D,GACM,GACW,IACR,CACpB,EAGH,uBAAC,+CAAuB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC3C,OAAO,EAAE,OAAO,YAEhB,uBAAC,0CAAkB,cACnB,gCAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,GAC9B,GACG,IACvB,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB;AAEF,kBAAe,sBAAc,CAAC"}

package/dist/components/Molecules/FloatingButton/FloatingButton.styles.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export declare const FloatingButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "userRole" | "isModal"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+    disabled?: boolean | undefined;
+    isModal?: boolean | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "userRole" | "isModal"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+    disabled?: boolean | undefined;
+    isModal?: boolean | undefined;
+}, never>>> & string;
+export declare const FloatingButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole" | "isModal"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+    isModal?: boolean | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole" | "isModal"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+    isModal?: boolean | undefined;
+}, never>>> & string;
+export declare const PopupText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+}, never>>> & string;
+export declare const PopupswitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+}, never>>> & string;
+export declare const Popupwrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PopupSwitchText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "userRole"> & {
+    userRole: 'teacher' | 'parent' | 'student';
+}, never>>> & string;

package/dist/components/Molecules/FloatingButton/FloatingButton.styles.js

@@ -0,0 +1,140 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupSwitchText = exports.Popupwrap = exports.PopupswitchContainer = exports.PopupText = exports.PopupContainer = exports.FloatingButtonIcon = exports.FloatingButtonContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const roleColors = {
+    teacher: '#414141',
+    parent: '#414141',
+    student: '#F0EEFE',
+};
+const roleShadows = {
+    teacher: '0px 0px 4px 0px rgba(255, 255, 255, 0.25)',
+    parent: '0px 0px 4px 0px rgba(255, 255, 255, 0.25)',
+    student: ' 0px 0px 4px 0px #E5E5F1;',
+};
+const roleborders = {
+    teacher: '1px solid #707070',
+    parent: '1px solid #707070',
+    student: '1px solid #BFBEDC',
+};
+const popupcontainerBg = {
+    teacher: 'none',
+    parent: 'none',
+    student: '1px solid #BFBEDC',
+};
+const popupBgColors = {
+    teacher: '#414141',
+    parent: '#414141',
+    student: ' #FFF',
+};
+const popupTextColors = {
+    teacher: '#CFCFCF',
+    parent: '#CFCFCF',
+    student: '#130159',
+};
+const switchContainerBg = {
+    teacher: '#262626',
+    parent: '#262626',
+    student: '#F0EEFE',
+};
+const switchTextColors = {
+    teacher: '#CFCFCF',
+    parent: '#CFCFCF',
+    student: '#1D1D1D',
+};
+exports.FloatingButtonContainer = styled_components_1.default.button `
+  position: fixed;
+  bottom: ${({ userRole, isModal }) => isModal ? '24px' : userRole === 'student' ? '92px' : '24px'};
+  right: 24px;  
+  width: 64px;
+  height: 64px;
+  border-radius: 8px;
+  background: ${({ userRole }) => roleColors[userRole]};
+  border: ${({ userRole }) => roleborders[userRole]};
+  box-shadow: ${({ userRole }) => roleShadows[userRole]};
+  display: flex;
+  padding: 16px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  align-self: stretch;
+  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
+  opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
+  z-index: 1000;
+
+   @media (max-width: 600px) {
+    bottom: ${({ userRole, isModal }) => isModal ? '24px' : userRole === 'student' ? '164px' : '24px'};
+  }
+`;
+exports.FloatingButtonIcon = styled_components_1.default.div `
+  display: flex;
+  width: 32px;
+  height: 32px;
+  padding: 6px;
+  align-items: center;
+  gap: 10px;`;
+exports.PopupContainer = styled_components_1.default.div `
+position: fixed;
+bottom: ${({ userRole, isModal }) => isModal ? '96px' : userRole === 'student' ? '164px' : '96px'};
+right: 24px; 
+display: flex;
+width: 200px;
+flex-direction: column;
+align-items: flex-start;
+gap: 1px;
+border-radius:8px;
+background: ${({ userRole }) => popupBgColors[userRole]};
+margin-bottom: 20px;
+overflow: hidden;
+transition: all 1s ease-in-out;
+z-index: 1001;
+border: ${({ userRole }) => popupcontainerBg[userRole]};
+
+@media (max-width: 600px) {
+    bottom: ${({ userRole, isModal }) => isModal ? '96px' : userRole === 'student' ? '230px' : '96px'};
+  }
+`;
+exports.PopupText = styled_components_1.default.div `
+display: flex;
+padding: 8px;
+justify-content: center;
+align-items: center;
+gap: 10px;
+align-self: stretch;
+color: ${({ userRole }) => popupTextColors[userRole]};
+text-align: center;
+font-family: Inter;
+font-size: 14px;
+font-style: normal;
+font-weight: 500;
+line-height: 18px;
+`;
+exports.PopupswitchContainer = styled_components_1.default.div `
+display: flex;
+padding: 16px;
+flex-direction: column;
+align-items: flex-start;
+gap: 4px;
+align-self: stretch;
+background: ${({ userRole }) => switchContainerBg[userRole]};
+cursor: pointer;
+`;
+exports.Popupwrap = styled_components_1.default.div `
+display: flex;
+height: 32px;
+padding: 6px 0px;
+align-items: center;
+gap: 10px;
+align-self: stretch;`;
+exports.PopupSwitchText = styled_components_1.default.div `
+color: ${({ userRole }) => switchTextColors[userRole]};
+font-family: Inter;
+font-size: 16px;
+font-style: normal;
+font-weight: 500;
+line-height: 24px; 
+`;
+//# sourceMappingURL=FloatingButton.styles.js.map

package/dist/components/Molecules/FloatingButton/FloatingButton.styles.js.map

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

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

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

package/dist/components/Molecules/HighChart/HighChart.js

@@ -0,0 +1,30 @@
+"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 customTheme_1 = require("../../../utils/customTheme");
+const react_1 = require("@chakra-ui/react");
+const highcharts_1 = __importDefault(require("highcharts"));
+const highcharts_more_js_1 = __importDefault(require("highcharts/highcharts-more.js"));
+const highcharts_react_official_1 = __importDefault(require("highcharts-react-official"));
+const solid_gauge_js_1 = __importDefault(require("highcharts/modules/solid-gauge.js"));
+const stock_js_1 = __importDefault(require("highcharts/modules/stock.js"));
+const drilldown_js_1 = __importDefault(require("highcharts/modules/drilldown.js"));
+const no_data_to_display_js_1 = __importDefault(require("highcharts/modules/no-data-to-display.js"));
+const Component = (props) => {
+    if (typeof highcharts_1.default === "object" && typeof window !== "undefined") {
+        (0, highcharts_more_js_1.default)(highcharts_1.default);
+        (0, stock_js_1.default)(highcharts_1.default);
+        (0, no_data_to_display_js_1.default)(highcharts_1.default);
+        (0, solid_gauge_js_1.default)(highcharts_1.default);
+        (0, drilldown_js_1.default)(highcharts_1.default);
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "highchart-component", children: (0, jsx_runtime_1.jsx)(highcharts_react_official_1.default, { highcharts: highcharts_1.default, options: props.chartdata }) }));
+};
+const HighChartComponent = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = HighChartComponent;
+//# sourceMappingURL=HighChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighChart.js","sourceRoot":"","sources":["../../../../src/components/Molecules/HighChart/HighChart.tsx"],"names":[],"mappings":";;;;;;AACA,4DAAyD;AACzD,4CAAkD;AAClD,4DAAoC;AACpC,uFAA2D;AAC3D,0FAAwD;AACxD,uFAA2D;AAC3D,2EAAgD;AAChD,mFAAwD;AACxD,qGAAuE;AACvE,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;IAC/B,IAAI,OAAO,oBAAU,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACnE,IAAA,4BAAc,EAAC,oBAAU,CAAC,CAAC;QAC3B,IAAA,kBAAK,EAAC,oBAAU,CAAC,CAAC;QAClB,IAAA,+BAAe,EAAC,oBAAU,CAAC,CAAC;QAC5B,IAAA,wBAAU,EAAC,oBAAU,CAAC,CAAC;QACvB,IAAA,sBAAS,EAAC,oBAAU,CAAC,CAAC;KACvB;IACD,OAAO,CACL,+CAAiB,qBAAqB,YACpC,uBAAC,mCAAe,IAAC,UAAU,EAAE,oBAAU,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,GAChE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAU,EAAE,EAAE;IACxC,OAAO,CACL,uBAAC,sBAAc,IAAC,KAAK,EAAE,yBAAW,YAChC,uBAAC,SAAS,OAAK,KAAK,GAAI,GACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/components/Molecules/HighChart/HighChartPie.d.ts

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

package/dist/components/Molecules/HighChart/HighChartPie.js

@@ -0,0 +1,99 @@
+"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 customTheme_1 = require("../../../utils/customTheme");
+const react_2 = require("@chakra-ui/react");
+const highcharts_1 = __importDefault(require("highcharts"));
+const highcharts_more_js_1 = __importDefault(require("highcharts/highcharts-more.js"));
+const highcharts_react_official_1 = __importDefault(require("highcharts-react-official"));
+const solid_gauge_js_1 = __importDefault(require("highcharts/modules/solid-gauge.js"));
+const stock_js_1 = __importDefault(require("highcharts/modules/stock.js"));
+const drilldown_js_1 = __importDefault(require("highcharts/modules/drilldown.js"));
+const no_data_to_display_js_1 = __importDefault(require("highcharts/modules/no-data-to-display.js"));
+if (typeof highcharts_1.default === "object") {
+    (0, highcharts_more_js_1.default)(highcharts_1.default);
+    (0, stock_js_1.default)(highcharts_1.default);
+    (0, no_data_to_display_js_1.default)(highcharts_1.default);
+    (0, solid_gauge_js_1.default)(highcharts_1.default);
+    (0, drilldown_js_1.default)(highcharts_1.default);
+}
+const applyPieAnimation = (Highcharts) => {
+    (function (H) {
+        if (!H.seriesTypes.pie.prototype.customAnimationApplied) {
+            H.seriesTypes.pie.prototype.animate = function (init) {
+                const series = this, chart = series.chart, points = series.points, { animation } = series.options, { startAngleRad } = series;
+                function fanAnimate(point, startAngleRad) {
+                    const graphic = point.graphic, args = point.shapeArgs;
+                    if (graphic && args) {
+                        graphic
+                            .attr({
+                            start: startAngleRad,
+                            end: startAngleRad,
+                            opacity: 1,
+                        })
+                            .animate({
+                            start: args.start,
+                            end: args.end,
+                        }, {
+                            duration: animation.duration / points.length,
+                        }, function () {
+                            if (points[point.index + 1]) {
+                                fanAnimate(points[point.index + 1], args.end);
+                            }
+                            if (point.index === series.points.length - 1) {
+                                series.dataLabelsGroup.animate({
+                                    opacity: 1,
+                                }, void 0, function () {
+                                    points.forEach((point) => {
+                                        point.opacity = 1;
+                                    });
+                                    series.update({
+                                        enableMouseTracking: true,
+                                    }, false);
+                                    chart.update({
+                                        plotOptions: {
+                                            pie: {
+                                                innerSize: "40%",
+                                                borderRadius: 8,
+                                            },
+                                        },
+                                    });
+                                });
+                            }
+                        });
+                    }
+                }
+                if (init) {
+                    points.forEach((point) => {
+                        point.opacity = 0;
+                    });
+                }
+                else {
+                    fanAnimate(points[0], startAngleRad);
+                }
+            };
+            H.seriesTypes.pie.prototype.customAnimationApplied = true;
+        }
+    })(Highcharts);
+};
+const Component = (props) => {
+    (0, react_1.useEffect)(() => {
+        if (props.chartdata.chart?.type === "pie") {
+            applyPieAnimation(highcharts_1.default);
+            const chart = highcharts_1.default.charts[0];
+            if (chart) {
+                chart.update(props.chartdata);
+            }
+        }
+    }, [props.chartdata]);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(highcharts_react_official_1.default, { highcharts: highcharts_1.default, options: props.chartdata, "data-testid": "highchart-component" }) }));
+};
+const HighChartComponent = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = HighChartComponent;
+//# sourceMappingURL=HighChartPie.js.map

package/dist/components/Molecules/HighChart/HighChartPie.js.map

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

package/dist/components/Molecules/ImageView/ImageModal.d.ts

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

package/dist/components/Molecules/ImageView/ImageModal.js

@@ -0,0 +1,17 @@
+"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_image_lightbox_1 = __importDefault(require("react-image-lightbox"));
+// import "react-image-lightbox/style.css";
+const ImageModal = (props) => {
+    const { isOpen, onClose, image } = props;
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsx)(react_image_lightbox_1.default, { mainSrc: image, onCloseRequest: () => {
+                onClose && onClose();
+            } })) }));
+};
+exports.default = ImageModal;
+//# sourceMappingURL=ImageModal.js.map

package/dist/components/Molecules/ImageView/ImageModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageModal.js","sourceRoot":"","sources":["../../../../src/components/Molecules/ImageView/ImageModal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwC;AACxC,gFAA4C;AAC5C,2CAA2C;AAE3C,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACZ,MAAM,IAAI,CACT,uBAAC,8BAAQ,IACP,OAAO,EAAE,KAAK,EACd,cAAc,EAAE,GAAG,EAAE;gBACnB,OAAO,IAAI,OAAO,EAAE,CAAC;YACvB,CAAC,GACD,CACH,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface DeviceSwitchNoticeProps {
+    handleClick?: () => void;
+    icons?: any;
+}
+declare const DeviceSwitchNotice: React.FC<DeviceSwitchNoticeProps>;
+export default DeviceSwitchNotice;

package/dist/components/Molecules/InvalidSession/InvalidSession.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DeviceSwitchNotice.tsx
+const react_1 = require("react");
+const InvalidSession_styles_1 = require("./InvalidSession.styles");
+const react_2 = require("@chakra-ui/react");
+const DeviceSwitchNotice = ({ handleClick, icons }) => {
+    const [isHover, setIsHover] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)("div", { style: InvalidSession_styles_1.styles.container, children: (0, jsx_runtime_1.jsxs)("div", { style: InvalidSession_styles_1.styles.box, children: [(0, jsx_runtime_1.jsx)(react_2.Icon, { as: icons?.errorOutline, style: InvalidSession_styles_1.styles?.icon }), (0, jsx_runtime_1.jsxs)("div", { style: InvalidSession_styles_1.styles.textWithButton, children: [(0, jsx_runtime_1.jsx)("p", { style: InvalidSession_styles_1.styles.title, children: "You\u2019ve switched devices." }), (0, jsx_runtime_1.jsx)("p", { style: InvalidSession_styles_1.styles.subtitle, children: "Let's start from where you left off!" }), (0, jsx_runtime_1.jsx)("button", { style: {
+                                ...InvalidSession_styles_1.styles.button,
+                                ...(isHover ? InvalidSession_styles_1.styles.buttonHover : {}),
+                            }, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), onClick: handleClick, children: (0, jsx_runtime_1.jsx)("div", { style: InvalidSession_styles_1.styles.buttontext, children: "Continue!" }) })] })] }) }));
+};
+exports.default = DeviceSwitchNotice;
+//# sourceMappingURL=InvalidSession.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvalidSession.js","sourceRoot":"","sources":["../../../../src/components/Molecules/InvalidSession/InvalidSession.tsx"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,iCAAwC;AACxC,mEAAiD;AACjD,4CAAwC;AAOxC,MAAM,kBAAkB,GAAsC,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,EAAE,EAAE;IACrF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACL,gCAAK,KAAK,EAAE,8BAAM,CAAC,SAAS,YAC1B,iCAAK,KAAK,EAAE,8BAAM,CAAC,GAAG,aACpB,uBAAC,YAAI,IAAC,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,8BAAM,EAAE,IAAI,GAAI,EACtD,iCAAK,KAAK,EAAE,8BAAM,CAAC,cAAc,aAC/B,8BAAG,KAAK,EAAE,8BAAM,CAAC,KAAK,8CAA8B,EACpD,8BAAG,KAAK,EAAE,8BAAM,CAAC,QAAQ,qDAA0C,EACnE,mCACE,KAAK,EAAE;gCACL,GAAG,8BAAM,CAAC,MAAM;gCAChB,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,8BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;6BACvC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrC,OAAO,EAAE,WAAW,YAEpB,gCAAK,KAAK,EAAE,8BAAM,CAAC,UAAU,0BAAiB,GACvC,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/components/Molecules/InvalidSession/InvalidSession.styles.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from "react";
+interface Styles {
+    container: CSSProperties;
+    box: CSSProperties;
+    icon: CSSProperties;
+    textWithButton: CSSProperties;
+    title: CSSProperties;
+    subtitle: CSSProperties;
+    button: CSSProperties;
+    buttontext: CSSProperties;
+    buttonHover: CSSProperties;
+}
+export declare const styles: Styles;
+export {};

package/dist/components/Molecules/InvalidSession/InvalidSession.styles.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    container: {
+        display: "flex",
+        justifyContent: "center",
+        padding: "10px 15px",
+        fontFamily: "Poppins", // Ensures container inherits Poppins
+    },
+    box: {
+        display: "flex",
+        alignItems: "flex-start",
+        borderLeft: "11px solid #D98100",
+        backgroundColor: "#FFF5E6",
+        paddingRight: "152px",
+        paddingTop: "14px",
+        paddingBottom: "21px",
+        paddingLeft: "10px",
+        boxShadow: "0 1px 4px rgba(0, 0, 0, 0.08)",
+        height: "max-content",
+        width: "100%",
+        fontFamily: "Poppins", // Apply Poppins to all text in box
+    },
+    icon: {
+        fontSize: "36px",
+        color: "#D98100",
+        flexShrink: 0,
+        paddingRight: "12px",
+        paddingBottom: "10px",
+    },
+    textWithButton: {
+        display: "flex",
+        flexDirection: "column",
+        fontFamily: "Poppins",
+    },
+    title: {
+        fontFamily: "Poppins",
+        fontWeight: 700,
+        marginTop: 0,
+        marginBottom: "4px",
+        color: "#A66300",
+        fontSize: "16px",
+        lineHeight: "18px",
+    },
+    subtitle: {
+        fontFamily: "Poppins",
+        fontWeight: 400,
+        marginTop: 0,
+        marginBottom: "12px",
+        color: "#111111",
+        fontSize: "16px",
+        lineHeight: "18px",
+    },
+    button: {
+        backgroundColor: "#58319C",
+        color: "white",
+        border: "none",
+        borderRadius: "6px",
+        fontSize: "12px",
+        cursor: "pointer",
+        transition: "background-color 0.2s ease",
+        alignSelf: "flex-start",
+        fontFamily: "Poppins",
+    },
+    buttontext: {
+        padding: "8px 16px",
+        fontFamily: "Poppins",
+        fontWeight: 500,
+    },
+    buttonHover: {
+        backgroundColor: "#43127C", // Slightly darker for hover
+    },
+};
+//# sourceMappingURL=InvalidSession.styles.js.map

package/dist/components/Molecules/InvalidSession/InvalidSession.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvalidSession.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/InvalidSession/InvalidSession.styles.ts"],"names":[],"mappings":";;;AAea,QAAA,MAAM,GAAW;IAC5B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,SAAS,EAAE,qCAAqC;KAC7D;IACD,GAAG,EAAE;QACH,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,YAAY;QACxB,UAAU,EAAE,oBAAoB;QAChC,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,+BAA+B;QAC1C,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,SAAS,EAAE,mCAAmC;KAC3D;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,MAAM;KACtB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAiB;QAChC,UAAU,EAAE,SAAS;KACtB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,MAAM;QACpB,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4BAA4B;QACxC,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,GAAG;KAChB;IACD,WAAW,EAAE;QACX,eAAe,EAAE,SAAS,EAAE,4BAA4B;KACzD;CACF,CAAC"}

package/dist/components/Molecules/LatexRender/DefaultRender.d.ts

@@ -0,0 +1,4 @@
+export default DefaultRender;
+declare function DefaultRender({ content }: {
+    content: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/LatexRender/DefaultRender.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const LatexRender_1 = __importDefault(require("./LatexRender"));
+const DefaultRender = ({ content }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { as: "div", style: { whiteSpace: "pre-wrap" }, children: (0, jsx_runtime_1.jsx)(LatexRender_1.default, { math: content }) }));
+};
+exports.default = DefaultRender;
+//# sourceMappingURL=DefaultRender.js.map

package/dist/components/Molecules/LatexRender/DefaultRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRender.js","sourceRoot":"","sources":["../../../../src/components/Molecules/LatexRender/DefaultRender.jsx"],"names":[],"mappings":";;;;;;AAAA,4CAAuC;AACvC,gEAAwC;AAExC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAClC,OAAO,CACH,uBAAC,WAAG,IAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,YAC3C,uBAAC,qBAAW,IAAC,IAAI,EAAE,OAAO,GAAI,GAC5B,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

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

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