reviewhver 0.0.1

package/dist/components/Atoms/CustmBtn/CustmBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustmBtn.js","sourceRoot":"","sources":["../../../../src/components/Atoms/CustmBtn/CustmBtn.tsx"],"names":[],"mappings":";;;;;;AACA,4CAAuC;AACvC,kFAA4C;AAW5C,SAAwB,cAAc,CAAC,EACrC,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,MAAM,EACjB,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,EAAE,GACK;IAEpB,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC/B,IAAI,KAAK,GAAG,EAAE,GAAG,8BAAM,CAAC,SAAS,EAAE,CAAC;QAEpC,IAAI,UAAU,EAAE;YACd,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,8BAAM,CAAC,OAAO,EAAE,CAAC;SACzC;QAED,IAAI,UAAU,IAAI,UAAU,IAAI,8BAAM,EAAE;YACtC,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,8BAAM,CAAC,UAAiC,CAAC,EAAE,CAAC;SACpE;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAKA,OAAO,CACL,wBAAC,WAAG,IACF,EAAE,EAAE,iBAAiB,EAAE,EACvB,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,IAAI,CAAC,UAAU,IAAI,WAAW,EAAE,CAAC;QAC9C,CAAC,aAEA,KAAK,IAAI,QAAQ,KAAK,MAAM,IAAI,CAC/B,uBAAC,WAAG,IAAC,EAAE,EAAC,KAAK,EAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,8BAAM,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CAC1D,EACD,uBAAC,WAAG,IAAC,EAAE,EAAE,8BAAM,CAAC,UAAU,YAAG,KAAK,GAAO,EACxC,KAAK,IAAI,QAAQ,KAAK,OAAO,IAAI,CAChC,uBAAC,WAAG,IAAC,EAAE,EAAC,KAAK,EAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,8BAAM,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CAC1D,IACG,CACP,CAAC;AACJ,CAAC;AA1CD,iCA0CC"}

package/dist/components/Atoms/CustmBtn/GradientButton.style.d.ts

@@ -0,0 +1,59 @@
+declare const styles: {
+    container: {
+        opacity: number;
+        fontFamily: string;
+        background: string;
+        color: string;
+        cursor: string;
+        transition: string;
+        border: string;
+        borderImageSource: string;
+        borderImageWidth: string;
+        borderRadius: string;
+        height: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        padding: string;
+        gap: string;
+    };
+    buttonText: {
+        color: string;
+        fontSize: string;
+        fontWeight: number;
+    };
+    disable: {
+        opacity: number;
+        cursor: string;
+    };
+    buttonImg: {
+        objectFit: string;
+        width: string;
+        height: string;
+    };
+    "question-completed": {
+        borderImageSource: string;
+        background: string;
+    };
+    "cancel-btn": {
+        borderImageSource: string;
+        background: string;
+        border: string;
+        width: string;
+    };
+    "save-btn": {
+        width: string;
+    };
+    saveButtonText: {
+        color: string;
+    };
+    "hint-btn": {
+        borderImageSource: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        height: string;
+        width: string;
+    };
+};
+export default styles;

package/dist/components/Atoms/CustmBtn/GradientButton.style.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles = {
+    container: {
+        opacity: 1,
+        fontFamily: "'Poppins', sans-serif",
+        background: `linear-gradient(0deg, #aba3d8, #aba3d8),
+      linear-gradient(122.79deg, #c7bcfe 8.29%, rgba(147, 137, 200, 0) 16.09%),
+      linear-gradient(299.21deg, #c7bcfe 7.06%, rgba(108, 115, 186, 0) 20.26%)`,
+        color: "white",
+        cursor: "pointer",
+        transition: "opacity 0.3s",
+        border: "3px solid transparent",
+        borderImageSource: `linear-gradient(
+      122.79deg,
+      #c7bcfe 8.29%,
+      rgba(147, 137, 200, 0) 16.09%
+    )`,
+        borderImageWidth: "3px",
+        borderRadius: "20px",
+        height: "40px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        padding: "4px 16px",
+        gap: "12px",
+    },
+    buttonText: {
+        color: "#130159",
+        fontSize: "14px",
+        fontWeight: 500,
+    },
+    disable: {
+        opacity: 0.5,
+        cursor: "not-allowed",
+    },
+    buttonImg: {
+        objectFit: "contain",
+        width: "24px",
+        height: "24px",
+    },
+    "question-completed": {
+        borderImageSource: "none",
+        background: "#ffbfb7 !important",
+    },
+    "cancel-btn": {
+        borderImageSource: "none",
+        background: "none !important",
+        border: "1.67px solid #5f4dc7 !important",
+        width: "160px !important",
+    },
+    "save-btn": {
+        width: "160px !important",
+    },
+    saveButtonText: {
+        color: "white",
+    },
+    "hint-btn": {
+        borderImageSource: "none",
+        background: "none !important",
+        borderRadius: "8px",
+        border: "1px solid #362F8C",
+        height: "40px",
+        width: "132px",
+    },
+};
+exports.default = styles;
+//# sourceMappingURL=GradientButton.style.js.map

package/dist/components/Atoms/CustmBtn/GradientButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientButton.style.js","sourceRoot":"","sources":["../../../../src/components/Atoms/CustmBtn/GradientButton.style.ts"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,uBAAuB;QACnC,UAAU,EAAE;;+EAE+D;QAC3E,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,cAAc;QAC1B,MAAM,EAAE,uBAAuB;QAC/B,iBAAiB,EAAE;;;;MAIjB;QACF,gBAAgB,EAAE,KAAK;QACvB,YAAY,EAAE,MAAM;QACpB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,UAAU;QACnB,GAAG,EAAE,MAAM;KACZ;IAED,UAAU,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;KAChB;IAED,OAAO,EAAE;QACP,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,aAAa;KACtB;IAED,SAAS,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IAED,oBAAoB,EAAE;QACpB,iBAAiB,EAAE,MAAM;QACzB,UAAU,EAAE,oBAAoB;KACjC;IAED,YAAY,EAAE;QACZ,iBAAiB,EAAE,MAAM;QACzB,UAAU,EAAE,iBAAiB;QAC7B,MAAM,EAAE,iCAAiC;QACzC,KAAK,EAAE,kBAAkB;KAC1B;IAED,UAAU,EAAE;QACV,KAAK,EAAE,kBAAkB;KAC1B;IAED,cAAc,EAAE;QACd,KAAK,EAAE,OAAO;KACf;IAED,UAAU,EAAE;QACV,iBAAiB,EAAE,MAAM;QACzB,UAAU,EAAE,iBAAiB;QAC7B,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,mBAAmB;QAC3B,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,OAAO;KACf;CACF,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/components/Atoms/CustomButton/ButtonTheme.d.ts

@@ -0,0 +1,2 @@
+declare const CustomBtnTheme: Record<string, any>;
+export default CustomBtnTheme;

package/dist/components/Atoms/CustomButton/ButtonTheme.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@chakra-ui/react");
+const CustomBtnTheme = (0, react_1.extendTheme)({
+    components: {
+        CustomButton: {
+            baseStyle: ({ colorMode }) => ({
+                opacity: "1",
+                fontFamily: "Poppins, sans-serif",
+                background: "linear-gradient(0deg, #aba3d8, #aba3d8), linear-gradient(122.79deg, #c7bcfe 8.29%, rgba(147, 137, 200, 0) 16.09%), linear-gradient(299.21deg, #c7bcfe 7.06%, rgba(108, 115, 186, 0) 20.26%)",
+                color: "white",
+                cursor: "pointer",
+                transition: "opacity 0.3s",
+                border: "3px solid transparent",
+                borderRadius: "20px",
+                height: "40px",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                paddingX: "4",
+                gap: "3",
+                _hover: {},
+            }),
+            variants: {
+                disable: {
+                    opacity: "0.5",
+                    cursor: "not-allowed",
+                    _hover: {},
+                },
+                questionCompleted: {
+                    borderImage: "none",
+                    bg: "#ffbfb7 !important",
+                    _hover: {
+                        bg: "#ffbfb7", // Ensure the hover background remains the same
+                    },
+                },
+                cancel: {
+                    borderImage: "none",
+                    bg: "none !important",
+                    border: "1.67px solid #5f4dc7 !important",
+                    _hover: {},
+                },
+                save: {
+                    width: "40px !important",
+                    color: "white",
+                    _hover: {},
+                },
+                hint: {
+                    borderImage: "none",
+                    bg: "none !important",
+                    borderRadius: "8px",
+                    border: "1px solid #362F8C",
+                    height: "40px",
+                    width: "132px",
+                    _hover: {},
+                },
+            },
+        },
+    },
+});
+exports.default = CustomBtnTheme;
+//# sourceMappingURL=ButtonTheme.js.map

package/dist/components/Atoms/CustomButton/ButtonTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTheme.js","sourceRoot":"","sources":["../../../../src/components/Atoms/CustomButton/ButtonTheme.ts"],"names":[],"mappings":";;AAAA,4CAA+C;AAE/C,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC;IACjC,UAAU,EAAE;QACV,YAAY,EAAE;YACZ,SAAS,EAAE,CAAC,EAAE,SAAS,EAAO,EAAE,EAAE,CAAC,CAAC;gBAClC,OAAO,EAAE,GAAG;gBACZ,UAAU,EAAE,qBAAqB;gBACjC,UAAU,EACR,6LAA6L;gBAC/L,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,cAAc;gBAC1B,MAAM,EAAE,uBAAuB;gBAC/B,YAAY,EAAE,MAAM;gBACpB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,GAAG;gBACb,GAAG,EAAE,GAAG;gBACR,MAAM,EAAE,EAAE;aACX,CAAC;YACF,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP,OAAO,EAAE,KAAK;oBACd,MAAM,EAAE,aAAa;oBACrB,MAAM,EAAE,EAAE;iBACX;gBACD,iBAAiB,EAAE;oBACjB,WAAW,EAAE,MAAM;oBACnB,EAAE,EAAE,oBAAoB;oBACxB,MAAM,EAAE;wBACN,EAAE,EAAE,SAAS,EAAE,+CAA+C;qBAC/D;iBACF;gBACD,MAAM,EAAE;oBACN,WAAW,EAAE,MAAM;oBACnB,EAAE,EAAE,iBAAiB;oBACrB,MAAM,EAAE,iCAAiC;oBACzC,MAAM,EAAE,EAAE;iBACX;gBACD,IAAI,EAAE;oBACJ,KAAK,EAAE,iBAAiB;oBACxB,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,EAAE;iBACX;gBACD,IAAI,EAAE;oBACJ,WAAW,EAAE,MAAM;oBACnB,EAAE,EAAE,iBAAiB;oBACrB,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,mBAAmB;oBAC3B,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,EAAE;iBACX;aACF;SACF;KACF;CACF,CAAC,CAAC;AAEH,kBAAe,cAAc,CAAC"}

package/dist/components/Atoms/CustomButton/CustomButton.d.ts

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

package/dist/components/Atoms/CustomButton/CustomButton.js

@@ -0,0 +1,16 @@
+"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 ButtonTheme_1 = __importDefault(require("./ButtonTheme"));
+const Component = ({ label, image, position = "left", handleClick, isDisabled = false, variant = "", customStyles, }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Button, { "data-testid": `btn-${typeof label === 'string' ? label.toLowerCase().replace(/\s+/g, "-") : label}`, onClick: () => !isDisabled && handleClick(), isDisabled: isDisabled, rightIcon: position === "right" && image ? ((0, jsx_runtime_1.jsx)(react_1.Image, { src: image, boxSize: "24px", objectFit: "contain" })) : undefined, leftIcon: position === "left" && image ? ((0, jsx_runtime_1.jsx)(react_1.Image, { src: image, boxSize: "24px", objectFit: "contain" })) : undefined, _hover: {}, sx: customStyles ? customStyles : {}, children: label }));
+};
+const CustomButton = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: ButtonTheme_1.default, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = CustomButton;
+//# sourceMappingURL=CustomButton.js.map

package/dist/components/Atoms/CustomButton/CustomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomButton.js","sourceRoot":"","sources":["../../../../src/components/Atoms/CustomButton/CustomButton.tsx"],"names":[],"mappings":";;;;;;AACA,4CAK0B;AAC1B,gEAA2C;AAE3C,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,MAAM,EACjB,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,EAAE,EACZ,YAAY,GACR,EAAE,EAAE;IACR,OAAO,CACL,uBAAC,cAAM,mBACQ,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAClG,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,WAAW,EAAE,EAC3C,UAAU,EAAE,UAAU,EACtB,SAAS,EACP,QAAQ,KAAK,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAC9B,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CACzD,CAAC,CAAC,CAAC,SAAS,EAEf,QAAQ,EACN,QAAQ,KAAK,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAC7B,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CACzD,CAAC,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAEnC,KAAK,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;IAClC,OAAO,CACL,uBAAC,sBAAc,IAAC,KAAK,EAAE,qBAAc,YACnC,uBAAC,SAAS,OAAK,KAAK,GAAI,GACT,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/components/Atoms/Dropdown/Dropdown.d.ts

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

package/dist/components/Atoms/Dropdown/Dropdown.js

@@ -0,0 +1,44 @@
+"use strict";
+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 common_utils_1 = require("../../../utils/common-utils");
+const Component = ({ value = "", setValue, data, placeholder, isDisable = false, icons, }) => {
+    const { isOpen, onToggle, onClose } = (0, react_2.useDisclosure)();
+    const dropdownRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        function handleOutsideClick(event) {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                onClose();
+            }
+        }
+        document.addEventListener("mousedown", handleOutsideClick);
+        return () => document.removeEventListener("mousedown", handleOutsideClick);
+    }, [onClose]);
+    const getDropdownLabel = (value) => {
+        let res = data?.find((item) => (item?.value || item) === value);
+        return res?.label || res || "";
+    };
+    const getLabelName = (key) => {
+        if (key === "Ai Tutor related") {
+            key = "Quality of Conversation";
+        }
+        else if (key === "Content related") {
+            key = "Quality of Content";
+        }
+        return key;
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { width: "100%", position: "relative", display: "inline-block", ref: dropdownRef, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", justify: "space-between", bg: "white", p: "0px 8px 0px 12px", fontFamily: "Poppins, sans-serif", fontSize: "14px", fontWeight: "400", cursor: isDisable ? "not-allowed" : "pointer", userSelect: "none", height: "44px", border: "1px solid", borderColor: "#a299d4", borderRadius: "6px", color: "#372578", onClick: () => {
+                    !isDisable && onToggle();
+                }, opacity: isDisable ? 0.5 : 1, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: (0, common_utils_1.isEmptyOrNull)(value) ? "400" : "600", color: "#372578", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", children: value === "" ? placeholder : getLabelName(getDropdownLabel(value)) }), (0, jsx_runtime_1.jsx)(react_2.Icon, { as: icons?.arrowDown, transform: isOpen ? "rotate(180deg)" : "rotate(0deg)", boxSize: "18px", color: "#372578" })] }), isOpen && ((0, jsx_runtime_1.jsx)(react_2.VStack, { maxHeight: "280px", boxShadow: "2px 3px 3px 0px #c6cdd52e", borderRadius: "6px", overflowY: "scroll", marginTop: "4px", cursor: "pointer", zIndex: "1", position: "absolute", color: "#372578", width: "100%", border: "1px solid", borderColor: "#a299d4", bg: "white", alignItems: "flex-start", children: data?.map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.Box, { fontFamily: "Poppins, sans-serif", fontSize: "16px", fontWeight: "400", padding: "8px", w: "100%", bg: value === (item?.value || item) ? "#998fd4" : "white", onClick: () => {
+                        setValue(item?.value || item);
+                        onClose();
+                    }, children: getLabelName(item?.label || item) }, index))) }))] }));
+};
+const Dropdown = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/components/Atoms/Dropdown/Dropdown.js.map

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

package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ imageUrl, imageBoxes, showLabel, context, isPR }: any) => import("react/jsx-runtime").JSX.Element | null>;
+export default _default;

package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js

@@ -0,0 +1,134 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const MediaModal_1 = __importDefault(require("../../Molecules/MediaModal/MediaModal"));
+/**
+ * Component to extract and display sub-images based on bounding box dimensions
+ * @param {string} imageUrl - Main image URL
+ * @param {Array} imageBoxes - Array of bounding boxes with {x, y, width, height, id}
+ * @param {string} context - Unique context identifier to avoid key collisions
+ */
+const ExtractedDiagramsView = ({ imageUrl, imageBoxes = [], showLabel = true, context = "default", isPR = false }) => {
+    const imageSize = isPR ? "100%" : "120px";
+    const [extractedDiagrams, setExtractedDiagrams] = (0, react_1.useState)({});
+    const [errorStates, setErrorStates] = (0, react_1.useState)({});
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    const [selectedImage, setSelectedImage] = (0, react_1.useState)(null);
+    const handleImageClick = (0, react_1.useCallback)((imageUrl) => {
+        setSelectedImage({
+            image_url: imageUrl,
+            media_type: 'image',
+        });
+        setModalOpen(true);
+    }, []);
+    const handleCloseModal = (0, react_1.useCallback)(() => {
+        setModalOpen(false);
+        setSelectedImage(null);
+    }, []);
+    /**
+     * Extract sub-image using Blob URL slicing
+     * Creates a canvas-based crop and returns as blob URL
+     */
+    const extractSubImage = (imageUrl, box) => {
+        return new Promise((resolve, reject) => {
+            try {
+                const img = new window.Image();
+                img.crossOrigin = 'anonymous';
+                img.onload = () => {
+                    try {
+                        const canvas = document.createElement('canvas');
+                        canvas.width = box.width;
+                        canvas.height = box.height;
+                        const ctx = canvas.getContext('2d');
+                        if (!ctx) {
+                            reject(new Error('Failed to get canvas context'));
+                            return;
+                        }
+                        // Clamp coordinates to image bounds
+                        const sx = Math.max(0, Math.min(box.x, img.naturalWidth));
+                        const sy = Math.max(0, Math.min(box.y, img.naturalHeight));
+                        const sw = Math.min(box.width, img.naturalWidth - sx);
+                        const sh = Math.min(box.height, img.naturalHeight - sy);
+                        ctx.drawImage(img, sx, sy, sw, sh, 0, 0, box.width, box.height);
+                        const dataUrl = canvas.toDataURL('image/jpeg', 0.9);
+                        resolve(dataUrl);
+                    }
+                    catch (error) {
+                        reject(error);
+                    }
+                };
+                img.onerror = () => {
+                    reject(new Error(`Failed to load image`));
+                };
+                img.src = imageUrl;
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
+    };
+    // Memoize imageBoxes to prevent unnecessary re-extractions
+    const memoizedImageBoxes = (0, react_1.useMemo)(() => imageBoxes, [imageBoxes]);
+    /**
+     * Extract all diagrams on component mount or when imageBoxes changes
+     */
+    (0, react_1.useEffect)(() => {
+        if (!imageUrl || !memoizedImageBoxes || memoizedImageBoxes.length === 0) {
+            setExtractedDiagrams({});
+            return;
+        }
+        const extractAll = async () => {
+            for (const box of memoizedImageBoxes) {
+                if (!box.id || !box.x && box.x !== 0 || !box.y && box.y !== 0 || !box.width || !box.height) {
+                    continue;
+                }
+                setErrorStates((prev) => ({ ...prev, [box.id]: false }));
+                try {
+                    const subImage = await extractSubImage(imageUrl, box);
+                    setExtractedDiagrams((prev) => ({ ...prev, [box.id]: subImage }));
+                }
+                catch (error) {
+                    setErrorStates((prev) => ({ ...prev, [box.id]: true }));
+                }
+            }
+        };
+        extractAll();
+    }, [imageUrl, memoizedImageBoxes]);
+    if (!imageBoxes || imageBoxes.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { children: (0, jsx_runtime_1.jsxs)(react_2.Box, { borderTop: showLabel ? "1px solid #e2e8f0" : "none", children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 4, children: [showLabel &&
+                            (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontWeight: "600", color: "#000000D9", textDecoration: "underline", children: "Extracted Diagrams:" }), (0, jsx_runtime_1.jsx)(react_2.HStack, { display: "flex", flexWrap: "wrap", w: "auto", children: imageBoxes.map((box, index) => ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "relative", overflow: "hidden", 
+                                // bg="white"
+                                w: imageSize, h: isPR ? "auto" : imageSize, children: !extractedDiagrams[box.id] && !errorStates[box.id] ? ((0, jsx_runtime_1.jsx)(react_2.Center, { minH: imageSize, w: "100%", children: (0, jsx_runtime_1.jsx)(react_2.Spinner, { size: "sm", color: "#5F4DC7", thickness: "3px" }) })) : errorStates[box.id] ? ((0, jsx_runtime_1.jsx)(react_2.Center, { minH: imageSize, w: "100%", flexDir: "column", gap: 2, children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "12px", color: "#E52C2C", fontWeight: "600", children: "Failed to extract" }) })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { w: "100%", h: "100%", display: "flex", alignItems: "center", justifyContent: "center", bg: "tranparent", children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: extractedDiagrams[box.id], alt: `Diagram ${index + 1}`, maxW: imageSize, maxH: isPR ? "none" : imageSize, objectFit: "contain", loading: "lazy", cursor: "pointer", onClick: () => handleImageClick(extractedDiagrams[box.id]) }) })) }, `${context}-${imageUrl}-${box.id}-${index}`))) })] }), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { openMedia: modalOpen, handleClose: handleCloseModal, selectedMedia: selectedImage, authToken: "", updateVideoEvents: () => { }, learningStepData: null })] }) }));
+};
+exports.default = react_1.default.memo(ExtractedDiagramsView);
+//# sourceMappingURL=ExtractedDiagramView.js.map

package/dist/components/Atoms/ExtractedDiagramView/ExtractedDiagramView.js.map

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

package/dist/components/Atoms/GlobalButton/ButtonUtils.d.ts

@@ -0,0 +1,89 @@
+export namespace sizes {
+    namespace small {
+        const height: string;
+        const px: string;
+        const fontSize: string;
+    }
+    namespace smallImage {
+        export const width: string;
+        const height_1: string;
+        export { height_1 as height };
+        export const margin: string;
+    }
+    namespace medium {
+        const height_2: string;
+        export { height_2 as height };
+        const px_1: string;
+        export { px_1 as px };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+    }
+    namespace mediumImage {
+        const width_1: string;
+        export { width_1 as width };
+        const height_3: string;
+        export { height_3 as height };
+        const margin_1: string;
+        export { margin_1 as margin };
+    }
+    namespace large {
+        const height_4: string;
+        export { height_4 as height };
+        const px_2: string;
+        export { px_2 as px };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+    }
+    namespace largeImage {
+        const width_2: string;
+        export { width_2 as width };
+        const height_5: string;
+        export { height_5 as height };
+        const margin_2: string;
+        export { margin_2 as margin };
+    }
+    namespace extraLarge {
+        const height_6: string;
+        export { height_6 as height };
+        const px_3: string;
+        export { px_3 as px };
+        const fontSize_3: string;
+        export { fontSize_3 as fontSize };
+    }
+    namespace extraLargeImage {
+        const width_3: string;
+        export { width_3 as width };
+        const height_7: string;
+        export { height_7 as height };
+        const margin_3: string;
+        export { margin_3 as margin };
+    }
+}
+export namespace buttonVariants {
+    namespace Primary {
+        function Enabled(size: any): any;
+        function Hovered(size: any): any;
+        function Selected(size: any): any;
+        function Disabled(size: any): any;
+    }
+    namespace Secondary {
+        export function Enabled_1(size: any): any;
+        export { Enabled_1 as Enabled };
+        export function Hovered_1(size: any): any;
+        export { Hovered_1 as Hovered };
+        export function Selected_1(size: any): any;
+        export { Selected_1 as Selected };
+        export function Disabled_1(size: any): any;
+        export { Disabled_1 as Disabled };
+    }
+    namespace Tertiary {
+        export function Enabled_2(size: any): any;
+        export { Enabled_2 as Enabled };
+        export function Hovered_2(size: any): any;
+        export { Hovered_2 as Hovered };
+        export function Selected_2(size: any): any;
+        export { Selected_2 as Selected };
+        export function Disabled_2(size: any): any;
+        export { Disabled_2 as Disabled };
+    }
+}