cloudmr-ux 2.0.6 → 3.0.1

package/dist/core/app/results/Rois.js

@@ -0,0 +1,269 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CmrTable, CMRUpload, CmrConfirmation } from "../../../index";
+import { useState } from "react";
+import { Tooltip, IconButton } from "@mui/material";
+import { getEndpoints } from "../../config/AppConfig";
+import { useAppDispatch, useAppSelector } from "../../store/hooks";
+import Box from "@mui/material/Box";
+import VisibilityIcon from "@mui/icons-material/Visibility";
+import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faObjectGroup, faObjectUngroup, faDownload, faTrash, } from "@fortawesome/free-solid-svg-icons";
+import { getPipelineROI } from "../../features/rois/resultActionCreation";
+import { AuthenticatedHttpClient } from "../../common/utilities/AuthenticatedRequests";
+export var ROITable = function (props) {
+    // const rois:ROI[] = useAppSelector(state=>{
+    //     return (state.roi.rois[props.pipelineID]==undefined)?[]:state.roi.rois[props.pipelineID];
+    // })
+    // console.log(rois);
+    var endpoints = getEndpoints();
+    var _a = useState(1), uploadKey = _a[0], setUploadKey = _a[1];
+    var pipeline = useAppSelector(function (state) { var _a; return (_a = state.result.activeJob) === null || _a === void 0 ? void 0 : _a.pipeline_id; });
+    var _b = useState([]), selectedData = _b[0], setSelectedData = _b[1];
+    var dispatch = useAppDispatch();
+    var roiColumns = [
+        {
+            headerName: "ROI Label",
+            field: "alias",
+            flex: 1,
+            editable: true,
+            valueSetter: function (params) {
+                var value = params.value;
+                // console.log(params);
+                var newAlias = params.value; // Value entered by the user
+                // console.log(newAlias);
+                if (newAlias != params.row.alias) {
+                    props.setLabelAlias(params.row.label, newAlias);
+                }
+                return params.row;
+            }
+        },
+        {
+            headerName: "Color",
+            field: "color",
+            flex: 0.5,
+            sortable: false,
+            // renderHeader: (params: any) => {
+            //     return (
+            //         <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>
+            //             {params.colDef.headerName}
+            //         </Box>
+            //     );
+            // },
+            renderCell: function (params) {
+                return (_jsx(Box, __assign({ sx: {
+                        width: "100%",
+                        display: "flex",
+                        justifyContent: "center"
+                    } }, { children: _jsx("div", { style: {
+                            width: "14pt",
+                            height: "14pt",
+                            borderRadius: "3pt",
+                            background: "".concat(params.row.color)
+                        } }) })));
+            }
+        },
+        {
+            headerName: "Mean",
+            field: "mu",
+            flex: 1,
+            renderCell: function (params) {
+                return _jsx("div", { children: "".concat(params.row.mu.toFixed(3)) });
+            }
+        },
+        {
+            headerName: "SD",
+            field: "std",
+            flex: 1,
+            renderCell: function (params) {
+                return _jsx("div", { children: "".concat(params.row.std.toFixed(3)) });
+            }
+        },
+        {
+            headerName: "Visibility",
+            field: "visibility",
+            flex: 1,
+            sortable: false,
+            // renderHeader: (params: any) => {
+            //     return (
+            //         <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>
+            //             {params.colDef.headerName}
+            //         </Box>
+            //     );
+            // },
+            renderCell: function (params) {
+                return (_jsx(Box, __assign({ sx: {
+                        width: "100%",
+                        display: "flex",
+                        justifyContent: "center"
+                    } }, { children: _jsx(IconButton, __assign({ onClick: function (event) {
+                            props.nv.setLabelVisibility(Number(params.row.label), !props.nv.getLabelVisibility(Number(params.row.label)));
+                            props.resampleImage();
+                            props.nv.drawScene();
+                            event.stopPropagation();
+                        } }, { children: params.row.visibility ? (_jsx(VisibilityIcon, { sx: { color: "#aaa" } })) : (_jsx(VisibilityOffIcon, { sx: { color: "#aaa" } })) })) })));
+            }
+        },
+        {
+            headerName: "Voxel Count",
+            field: "count",
+            flex: 1.5
+        },
+    ];
+    var _c = useState(false), warningVisible = _c[0], setWarningVisible = _c[1];
+    var _d = useState(""), warningMessage = _d[0], setWarningMessage = _d[1];
+    var warnEmptySelection = function (message) {
+        setWarningMessage(message);
+        setWarningVisible(true);
+    };
+    return (_jsxs(Box, __assign({ style: props.style }, { children: [_jsx(CmrTable
+            // sx={{
+            //     borderBottomLeftRadius: 0,
+            //     borderBottomRightRadius: 0,
+            //     marginBottom: 0,
+            //     paddingBottom: 0,
+            // }}
+            , { 
+                // sx={{
+                //     borderBottomLeftRadius: 0,
+                //     borderBottomRightRadius: 0,
+                //     marginBottom: 0,
+                //     paddingBottom: 0,
+                // }}
+                hideFooter: true, getRowId: function (row) { return row.label; }, style: { height: "70%" }, dataSource: props.rois, columns: roiColumns, columnHeaderHeight: 40, rowSelectionModel: selectedData, onRowSelectionModelChange: function (rowSelectionModel) {
+                    setSelectedData(rowSelectionModel);
+                } }), _jsxs(Box, __assign({ sx: {
+                    display: "flex",
+                    justifyContent: "flex-start",
+                    alignItems: "center",
+                    flexWrap: "wrap",
+                    gap: 2,
+                    mt: 0,
+                    px: 2,
+                    py: 1,
+                    backgroundColor: "#f8f9fa",
+                    border: "1px solid rgba(0, 0, 0, 0.12)",
+                    borderTop: "none",
+                    borderRadius: "0 0 4px 4px"
+                } }, { children: [_jsx(Tooltip, __assign({ title: "Group" }, { children: _jsx(IconButton, __assign({ onClick: function () {
+                                props.nv.groupLabelsInto(selectedData.map(function (value) { return Number(value); }));
+                                props.nv.drawScene();
+                                props.resampleImage();
+                            } }, { children: _jsx(FontAwesomeIcon, { icon: faObjectGroup, style: { fontSize: "16px" } }) })) })), _jsx(Tooltip, __assign({ title: "Ungroup" }, { children: _jsx(IconButton, __assign({ onClick: function () {
+                                props.nv.ungroup();
+                                props.nv.drawScene();
+                                props.resampleImage();
+                            } }, { children: _jsx(FontAwesomeIcon, { icon: faObjectUngroup, style: { fontSize: "16px" } }) })) })), _jsx(Tooltip, __assign({ title: "Download" }, { children: _jsx(IconButton, __assign({ onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                var fileName, selectedLabels, _i, selectedData_1, label;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            fileName = "label";
+                                            selectedLabels = [];
+                                            for (_i = 0, selectedData_1 = selectedData; _i < selectedData_1.length; _i++) {
+                                                label = selectedData_1[_i];
+                                                fileName += label;
+                                                selectedLabels.push(Number(label));
+                                            }
+                                            fileName += ".nii";
+                                            if (selectedLabels.length == 0) {
+                                                warnEmptySelection("No ROI selected for download");
+                                                return [2 /*return*/];
+                                            }
+                                            return [4 /*yield*/, props.nv.saveImageByLabels(fileName, selectedLabels)];
+                                        case 1:
+                                            _a.sent();
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); } }, { children: _jsx(FontAwesomeIcon, { icon: faDownload, style: { fontSize: "16px" } }) })) })), _jsx(Tooltip, __assign({ title: "Delete" }, { children: _jsx(IconButton, __assign({ onClick: function () {
+                                props.nv.deleteDrawingByLabel(selectedData.map(function (value) { return Number(value); }));
+                                props.resampleImage();
+                                props.nv.drawScene();
+                            } }, { children: _jsx(FontAwesomeIcon, { icon: faTrash, style: { fontSize: "16px" } }) })) })), _jsx(CMRUpload, { changeNameAfterUpload: false, color: "primary", onUploaded: function (res, file) { }, uploadHandler: function (file) { return __awaiter(void 0, void 0, void 0, function () {
+                            var filename, response;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        console.log(props);
+                                        filename = file.name;
+                                        filename.split(".").pop();
+                                        return [4 /*yield*/, AuthenticatedHttpClient.post(endpoints.ROI_UPLOAD, {
+                                                filename: filename,
+                                                pipeline_id: props.pipelineID,
+                                                type: "image",
+                                                contentType: "application/octet-stream"
+                                            })];
+                                    case 1:
+                                        response = _a.sent();
+                                        console.log(response);
+                                        return [4 /*yield*/, props
+                                                .zipAndSendROI(response.data.upload_url, filename, file)
+                                                .then(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                                return __generator(this, function (_a) {
+                                                    switch (_a.label) {
+                                                        case 0: return [4 /*yield*/, props.unpackROI(response.data.access_url)];
+                                                        case 1:
+                                                            _a.sent();
+                                                            // @ts-ignore
+                                                            dispatch(getPipelineROI({ pipeline: pipeline }));
+                                                            return [2 /*return*/];
+                                                    }
+                                                });
+                                            }); })];
+                                    case 2:
+                                        _a.sent();
+                                        return [2 /*return*/, 200];
+                                }
+                            });
+                        }); }, 
+                        // createPayload={createPayload}
+                        maxCount: 1 }, uploadKey)] })), _jsx(CmrConfirmation, { name: "Warning", message: warningMessage, color: "error", width: 400, open: warningVisible, setOpen: function (open) { return setWarningVisible(open); }, confirmText: "OK" })] })));
+};

package/dist/core/app/settings/Settings.d.ts

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

package/dist/core/app/settings/Settings.js

@@ -0,0 +1,109 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import Container from "@mui/material/Container";
+import Paper from "@mui/material/Paper";
+import TextField from "@mui/material/TextField";
+import Button from "@mui/material/Button";
+import Alert from "@mui/material/Alert";
+import { useState, useEffect } from "react";
+import { useAppDispatch, useAppSelector } from "../../store/hooks";
+import { changePassword, } from "../../features/authenticate/authenticateActionCreation";
+import { clearError, clearChangePasswordSuccess, } from "../../features/authenticate/authenticateSlice";
+import { validatePassword, isPasswordValid, } from "../../utils/passwordValidation";
+import PasswordRequirements from "../../components/PasswordRequirements";
+export default function Settings() {
+    var dispatch = useAppDispatch();
+    var _a = useAppSelector(function (state) { return state.authenticate; }), loading = _a.loading, error = _a.error, changePasswordSuccess = _a.changePasswordSuccess;
+    var _b = useState(""), oldPassword = _b[0], setOldPassword = _b[1];
+    var _c = useState(""), newPassword = _c[0], setNewPassword = _c[1];
+    var _d = useState(""), confirmNewPassword = _d[0], setConfirmNewPassword = _d[1];
+    var _e = useState(null), localError = _e[0], setLocalError = _e[1];
+    var _f = useState(false), showPasswordValidation = _f[0], setShowPasswordValidation = _f[1];
+    var _g = useState({
+        minLength: false,
+        hasNumber: false,
+        hasSpecial: false,
+        hasUppercase: false,
+        hasLowercase: false
+    }), passwordValidation = _g[0], setPasswordValidation = _g[1];
+    useEffect(function () {
+        if (changePasswordSuccess) {
+            // Clear the form on success
+            setOldPassword("");
+            setNewPassword("");
+            setConfirmNewPassword("");
+            setShowPasswordValidation(false);
+            // Clear success message after 5 seconds
+            setTimeout(function () {
+                dispatch(clearChangePasswordSuccess());
+            }, 5000);
+        }
+    }, [changePasswordSuccess, dispatch]);
+    // Validate password with debounce
+    useEffect(function () {
+        if (newPassword.length === 0) {
+            setShowPasswordValidation(false);
+            return;
+        }
+        var timeoutId = setTimeout(function () {
+            var validation = validatePassword(newPassword);
+            setPasswordValidation(validation);
+            setShowPasswordValidation(true);
+        }, 500); // 500ms debounce
+        return function () { return clearTimeout(timeoutId); };
+    }, [newPassword]);
+    useEffect(function () {
+        // Clear error when component unmounts
+        return function () {
+            dispatch(clearError());
+            dispatch(clearChangePasswordSuccess());
+        };
+    }, [dispatch]);
+    var handleSubmit = function (event) {
+        event.preventDefault();
+        setLocalError(null);
+        // Do immediate validation before submit
+        var currentValidation = validatePassword(newPassword);
+        setPasswordValidation(currentValidation);
+        setShowPasswordValidation(true);
+        // Check if all validation rules pass
+        if (!isPasswordValid(currentValidation)) {
+            setLocalError("Password does not meet requirements");
+            return;
+        }
+        // Validate passwords match
+        if (newPassword !== confirmNewPassword) {
+            setLocalError("New passwords do not match");
+            return;
+        }
+        var passwordData = {
+            oldPassword: oldPassword,
+            newPassword: newPassword
+        };
+        dispatch(changePassword(passwordData));
+    };
+    var isFormValid = function () {
+        var passwordValid = isPasswordValid(passwordValidation);
+        var passwordsMatch = newPassword === confirmNewPassword && confirmNewPassword.length > 0;
+        var hasContent = oldPassword.length > 0 && newPassword.length > 0 && confirmNewPassword.length > 0;
+        return passwordValid && passwordsMatch && hasContent;
+    };
+    return (_jsxs(Container, __assign({ maxWidth: "md", sx: { mt: 4, mb: 4 } }, { children: [_jsx(Typography, __assign({ variant: "h4", gutterBottom: true }, { children: "Settings" })), _jsxs(Paper, __assign({ sx: { p: 3, mt: 3 } }, { children: [_jsx(Typography, __assign({ variant: "h6", gutterBottom: true }, { children: "Change Password" })), (error || localError) && (_jsx(Alert, __assign({ severity: "error", sx: { mb: 2 }, onClose: function () {
+                            dispatch(clearError());
+                            setLocalError(null);
+                        } }, { children: error || localError }))), changePasswordSuccess && (_jsx(Alert, __assign({ severity: "success", sx: { mb: 2 } }, { children: "Password changed successfully!" }))), _jsxs(Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true }, { children: [_jsx(TextField, { margin: "normal", required: true, fullWidth: true, name: "oldPassword", label: "Current Password", type: "password", id: "oldPassword", value: oldPassword, onChange: function (e) { return setOldPassword(e.target.value); } }), _jsx(TextField, { margin: "normal", required: true, fullWidth: true, name: "newPassword", label: "New Password", type: "password", id: "newPassword", value: newPassword, onChange: function (e) { return setNewPassword(e.target.value); } }), _jsx(PasswordRequirements, { validation: passwordValidation, show: showPasswordValidation }), _jsx(TextField, { margin: "normal", required: true, fullWidth: true, name: "confirmNewPassword", label: "Confirm New Password", type: "password", id: "confirmNewPassword", value: confirmNewPassword, onChange: function (e) { return setConfirmNewPassword(e.target.value); }, error: confirmNewPassword.length > 0 && newPassword !== confirmNewPassword, helperText: confirmNewPassword.length > 0 && newPassword !== confirmNewPassword
+                                    ? "Passwords do not match"
+                                    : "" }), _jsx(Button, __assign({ type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: loading || !isFormValid() }, { children: loading ? "Changing Password..." : "Change Password" }))] }))] }))] })));
+}

package/dist/core/app/signin/ForgotPassword.d.ts

@@ -0,0 +1,3 @@
+export default function ForgotPassword({ onBackToSignin, }: {
+    onBackToSignin: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/core/app/signin/ForgotPassword.js

@@ -0,0 +1,142 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from "@mui/material/Button";
+import TextField from "@mui/material/TextField";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import Link from "@mui/material/Link";
+import Alert from "@mui/material/Alert";
+import Paper from "@mui/material/Paper";
+import Container from "@mui/material/Container";
+import { forgotPassword, resetPassword, } from "../../features/authenticate/authenticateActionCreation";
+import { useAppDispatch, useAppSelector } from "../../store/hooks";
+import { clearError, clearForgotPasswordSuccess, clearResetPasswordSuccess, } from "../../features/authenticate/authenticateSlice";
+import { useEffect, useState } from "react";
+import { validatePassword, isPasswordValid as checkPasswordValid, } from "../../utils/passwordValidation";
+import PasswordRequirements from "../../components/PasswordRequirements";
+export default function ForgotPassword(_a) {
+    var onBackToSignin = _a.onBackToSignin;
+    var dispatch = useAppDispatch();
+    var _b = useAppSelector(function (state) { return state.authenticate; }), loading = _b.loading, error = _b.error, forgotPasswordSuccess = _b.forgotPasswordSuccess, resetPasswordSuccess = _b.resetPasswordSuccess;
+    var _c = useState(""), email = _c[0], setEmail = _c[1];
+    var _d = useState(""), code = _d[0], setCode = _d[1];
+    var _e = useState(""), newPassword = _e[0], setNewPassword = _e[1];
+    var _f = useState(""), confirmPassword = _f[0], setConfirmPassword = _f[1];
+    var _g = useState(false), showResetForm = _g[0], setShowResetForm = _g[1];
+    var _h = useState(false), showPasswordValidation = _h[0], setShowPasswordValidation = _h[1];
+    var _j = useState({
+        minLength: false,
+        hasNumber: false,
+        hasSpecial: false,
+        hasUppercase: false,
+        hasLowercase: false
+    }), passwordValidation = _j[0], setPasswordValidation = _j[1];
+    useEffect(function () {
+        if (forgotPasswordSuccess) {
+            // Show the reset form after successfully requesting code
+            setShowResetForm(true);
+            // Clear success message after showing it
+            setTimeout(function () {
+                dispatch(clearForgotPasswordSuccess());
+            }, 5000);
+        }
+    }, [forgotPasswordSuccess, dispatch]);
+    useEffect(function () {
+        if (resetPasswordSuccess) {
+            // Clear the form and go back to signin after successful reset
+            setTimeout(function () {
+                dispatch(clearResetPasswordSuccess());
+                onBackToSignin();
+            }, 3000);
+        }
+    }, [resetPasswordSuccess, dispatch, onBackToSignin]);
+    useEffect(function () {
+        // Clear error when component unmounts
+        return function () {
+            dispatch(clearError());
+            dispatch(clearForgotPasswordSuccess());
+            dispatch(clearResetPasswordSuccess());
+        };
+    }, [dispatch]);
+    // Validate password with debounce
+    useEffect(function () {
+        if (newPassword.length === 0) {
+            setShowPasswordValidation(false);
+            return;
+        }
+        var timeoutId = setTimeout(function () {
+            var validation = validatePassword(newPassword);
+            setPasswordValidation(validation);
+            setShowPasswordValidation(true);
+        }, 500); // 500ms debounce
+        return function () { return clearTimeout(timeoutId); };
+    }, [newPassword]);
+    var passwordsMatch = newPassword === confirmPassword && confirmPassword.length > 0;
+    var isEmailValid = function (emailAddr) {
+        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailAddr);
+    };
+    var isResetFormValid = function () {
+        var passwordValid = checkPasswordValid(passwordValidation);
+        var passwordsMatchValid = passwordsMatch;
+        var hasContent = email.length > 0 &&
+            code.length > 0 &&
+            newPassword.length > 0 &&
+            confirmPassword.length > 0;
+        return passwordValid && passwordsMatchValid && hasContent;
+    };
+    var handleForgotPasswordSubmit = function (event) {
+        event.preventDefault();
+        // Validate email format
+        if (!isEmailValid(email)) {
+            return;
+        }
+        var forgotData = {
+            email: email
+        };
+        dispatch(forgotPassword(forgotData));
+    };
+    var handleResetPasswordSubmit = function (event) {
+        event.preventDefault();
+        // Do immediate validation before submit
+        var currentValidation = validatePassword(newPassword);
+        setPasswordValidation(currentValidation);
+        setShowPasswordValidation(true);
+        // Check if all validation rules pass
+        if (!checkPasswordValid(currentValidation)) {
+            return;
+        }
+        // Validate password confirmation
+        if (!passwordsMatch) {
+            return;
+        }
+        var resetData = {
+            email: email,
+            code: code,
+            newPassword: newPassword
+        };
+        dispatch(resetPassword(resetData));
+    };
+    return (_jsx(Container, __assign({ maxWidth: "md", sx: { mt: 4, mb: 4 } }, { children: _jsx(Paper, __assign({ sx: { p: 3 } }, { children: !showResetForm ? (_jsxs(Box, __assign({ component: "form", onSubmit: handleForgotPasswordSubmit, noValidate: true }, { children: [_jsx(Typography, __assign({ variant: "h6", gutterBottom: true, sx: { mb: 2 } }, { children: "Forgot Password" })), _jsx(Typography, __assign({ variant: "body2", sx: { mb: 2 } }, { children: "Enter your email address and we'll send you a verification code to reset your password." })), error && (_jsx(Alert, __assign({ severity: "error", sx: { mb: 2 }, onClose: function () { return dispatch(clearError()); } }, { children: error }))), forgotPasswordSuccess && (_jsx(Alert, __assign({ severity: "success", sx: { mb: 2 } }, { children: "A verification code has been sent to your email." }))), _jsx(TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Email Address", name: "email", type: "email", size: "small", autoComplete: "email", autoFocus: true, value: email, onChange: function (e) { return setEmail(e.target.value); } }), _jsx(Button, __assign({ type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: loading || !email || !isEmailValid(email) }, { children: loading ? "Sending Code..." : "Send Verification Code" })), _jsx(Box, __assign({ sx: { textAlign: "center" } }, { children: _jsx(Link, __assign({ href: "#", onClick: function (e) {
+                                e.preventDefault();
+                                onBackToSignin();
+                            }, variant: "body2" }, { children: "Back to Sign In" })) }))] }))) : (_jsxs(Box, __assign({ component: "form", onSubmit: handleResetPasswordSubmit, noValidate: true }, { children: [_jsx(Typography, __assign({ variant: "h6", gutterBottom: true, sx: { mb: 2 } }, { children: "Reset Password" })), _jsx(Typography, __assign({ variant: "body2", sx: { mb: 2 } }, { children: "Enter the verification code sent to your email and choose a new password." })), error && (_jsx(Alert, __assign({ severity: "error", sx: { mb: 2 }, onClose: function () { return dispatch(clearError()); } }, { children: error }))), resetPasswordSuccess && (_jsx(Alert, __assign({ severity: "success", sx: { mb: 2 } }, { children: "Password reset successfully! Redirecting to sign in..." }))), _jsx(TextField, { margin: "normal", required: true, fullWidth: true, id: "code", label: "Verification Code", name: "code", size: "small", autoFocus: true, value: code, onChange: function (e) { return setCode(e.target.value); } }), _jsx(TextField, { margin: "normal", required: true, fullWidth: true, name: "newPassword", label: "New Password", type: "password", id: "newPassword", size: "small", autoComplete: "new-password", value: newPassword, onChange: function (e) { return setNewPassword(e.target.value); } }), _jsx(PasswordRequirements, { validation: passwordValidation, show: showPasswordValidation }), _jsx(TextField, { margin: "normal", required: true, fullWidth: true, name: "confirmPassword", label: "Confirm New Password", type: "password", id: "confirmPassword", size: "small", autoComplete: "new-password", value: confirmPassword, onChange: function (e) { return setConfirmPassword(e.target.value); }, error: confirmPassword.length > 0 && !passwordsMatch, helperText: confirmPassword.length > 0 && !passwordsMatch
+                            ? "Passwords do not match"
+                            : "" }), _jsx(Button, __assign({ type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: loading || !isResetFormValid() }, { children: loading ? "Resetting Password..." : "Reset Password" })), _jsxs(Box, __assign({ sx: { textAlign: "center" } }, { children: [_jsx(Link, __assign({ href: "#", onClick: function (e) {
+                                    e.preventDefault();
+                                    setShowResetForm(false);
+                                    dispatch(clearError());
+                                }, variant: "body2" }, { children: "Back" })), " | ", _jsx(Link, __assign({ href: "#", onClick: function (e) {
+                                    e.preventDefault();
+                                    onBackToSignin();
+                                }, variant: "body2" }, { children: "Sign In" }))] }))] }))) })) })));
+}

package/dist/core/app/signin/Register.d.ts

@@ -0,0 +1,3 @@
+export default function Register({ onBackToSignin, }: {
+    onBackToSignin: () => void;
+}): import("react/jsx-runtime").JSX.Element;