@arquimedes.co/eureka-forms 3.0.33 → 3.0.34-react-compiler

package/package.json

@@ -1,128 +1,114 @@
 {
-    "name": "@arquimedes.co/eureka-forms",
-    "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "3.0.33",
-    "scripts": {
-        "start": "react-scripts start",
-        "build": "react-scripts build",
-        "lint": "eslint 'src/**/*.ts'",
-        "test": "react-scripts test",
-        "test-ci": "react-scripts test --reporters=default --reporters=jest-junit --coverage --coverageReporters cobertura html",
-        "tsc-build": "tsc --noEmit false --outDir ./dist --incremental false",
-        "watch": "tsc -w --noEmit false --outDir ./dist --preserveWatchOutput",
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "cypress": "DISPLAY=:0 cypress open"
-    },
-    "dependencies": {
-        "@date-io/date-fns": "^1.3.13",
-        "@material-ui/core": "^4.11.3",
-        "@material-ui/icons": "^4.11.2",
-        "@material-ui/lab": "^4.0.0-alpha.57",
-        "@material-ui/pickers": "^3.3.10",
-        "@reduxjs/toolkit": "^1.9.7",
-        "axios": "^1.6.3",
-        "date-fns": "^2.23.0",
-        "draft-js": "^0.11.7",
-        "i18n-iso-countries": "^7.11.3",
-        "jwt-decode": "^4.0.0",
-        "libphonenumber-js": "^1.11.7",
-        "logrocket": "^2.2.1",
-        "nanoid": "^3.3.7",
-        "react-draft-wysiwyg": "^1.15.0",
-        "react-google-recaptcha": "^3.1.0",
-        "react-hook-form": "^7.48.2",
-        "react-international-phone": "^4.3.0",
-        "react-redux": "^8.1.3",
-        "typescript": "^4.9.5"
-    },
-    "eslintConfig": {
-        "extends": [
-            "react-app",
-            "react-app/jest"
-        ]
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "devDependencies": {
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@babel/preset-env": "^7.23.5",
-        "@babel/preset-react": "^7.23.3",
-        "@babel/preset-typescript": "^7.23.3",
-        "@faker-js/faker": "^8.3.1",
-        "@storybook/addon-coverage": "^1.0.0",
-        "@storybook/addon-essentials": "^7.6.4",
-        "@storybook/addon-interactions": "^7.6.4",
-        "@storybook/addon-links": "^7.6.4",
-        "@storybook/addon-onboarding": "^1.0.9",
-        "@storybook/addon-themes": "^7.6.4",
-        "@storybook/blocks": "^7.6.4",
-        "@storybook/react": "^7.6.4",
-        "@storybook/react-webpack5": "^7.6.4",
-        "@storybook/test": "^7.6.4",
-        "@storybook/testing-library": "^0.2.2",
-        "@testing-library/dom": "^9.3.3",
-        "@testing-library/jest-dom": "^6.1.5",
-        "@testing-library/react": "^12.1.5",
-        "@testing-library/react-hooks": "^8.0.1",
-        "@testing-library/user-event": "^14.5.1",
-        "@types/draft-js": "^0.11.16",
-        "@types/jest": "^29.5.10",
-        "@types/react": "^17.0.71",
-        "@types/react-dom": "^17.0.25",
-        "@types/react-draft-wysiwyg": "^1.13.7",
-        "@types/react-google-recaptcha": "^2.1.8",
-        "@typescript-eslint/eslint-plugin": "^6.13.1",
-        "@typescript-eslint/parser": "^6.13.1",
-        "chromatic": "^10.0.0",
-        "cypress": "^13.8.1",
-        "dotenv-webpack": "^8.0.1",
-        "eslint": "^8.55.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-css-modules": "^2.12.0",
-        "eslint-plugin-prettier": "^5.0.1",
-        "eslint-plugin-storybook": "^0.6.15",
-        "identity-obj-proxy": "^3.0.0",
-        "jest": "^29.7.0",
-        "jest-environment-jsdom": "^29.7.0",
-        "jest-junit": "^16.0.0",
-        "jest-mock-axios": "^4.7.3",
-        "prettier": "^3.1.0",
-        "react-docgen-typescript": "^2.2.2",
-        "react-refresh": "^0.11.0",
-        "react-scripts": "5.0.1",
-        "storybook": "^7.6.4",
-        "storybook-mock-date-decorator": "^1.0.1",
-        "ts-jest": "^29.1.1"
-    },
-    "peerDependencies": {
-        "react": "^17.x.x",
-        "react-dom": "^17.x.x"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "main": "./dist/index.lib.js",
-    "files": [
-        "/dist"
+  "name": "@arquimedes.co/eureka-forms",
+  "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
+  "version":"3.0.34-react-compiler",
+  "scripts": {
+    "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
+    "start": "vite",
+    "build": "tsc -b && vite build",
+    "format": "prettier --write ./src",
+    "lint": "eslint ./src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest",
+    "tsc-build": "tsc --p tsconfig.app.json --noEmit false --outDir ./dist --composite false --declaration true --allowImportingTsExtensions false",
+    "cypress": "DISPLAY=:0 cypress open",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "2.11.0",
+    "axios": "1.12.2",
+    "date-fns": "4.1.0",
+    "draft-js": "0.11.7",
+    "i18n-iso-countries": "7.14.0",
+    "libphonenumber-js": "1.12.31",
+    "logrocket": "10.1.1",
+    "nanoid": "5.1.6",
+    "react-draft-wysiwyg": "1.15.0",
+    "react-google-recaptcha": "3.1.0",
+    "react-hook-form": "7.68.0",
+    "react-international-phone": "4.6.1",
+    "react-redux": "9.2.0",
+    "typescript": "5.9.3"
+  },
+  "eslintConfig": {},
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
     ],
-    "jest": {
-        "transformIgnorePatterns": [
-            "node_modules/(?!axios)"
-        ],
-        "moduleNameMapper": {
-            "\\.(scss|sass|css)$": "identity-obj-proxy"
-        }
-    },
-    "proxy": "https://api.forms.capta.co"
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@eslint/compat": "1.4.0",
+    "@eslint/eslintrc": "3.3.3",
+    "@eslint/js": "9.39.1",
+    "@faker-js/faker": "10.1.0",
+    "@mui/material": "7.3.6",
+    "@mui/x-data-grid-pro": "8.21.0",
+    "@mui/x-date-pickers": "8.21.0",
+    "@mui/x-date-pickers-pro": "8.21.0",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-onboarding": "^9.1.16",
+    "@storybook/addon-themes": "^9.1.16",
+    "@storybook/react-vite": "^9.1.16",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/draft-js": "0.11.20",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "@types/react-draft-wysiwyg": "1.13.9",
+    "@types/react-google-recaptcha": "2.1.9",
+    "@typescript-eslint/eslint-plugin": "8.48.1",
+    "@typescript-eslint/parser": "8.48.1",
+    "@vitejs/plugin-react": "^5.1.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "css-loader": "7.1.2",
+    "cypress": "15.7.1",
+    "dotenv-webpack": "8.1.1",
+    "eslint": "9.39.1",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-refresh": "0.4.24",
+    "eslint-plugin-storybook": "9.1.16",
+    "globals": "16.4.0",
+    "identity-obj-proxy": "3.0.0",
+    "jsdom": "27.2.0",
+    "prettier": "3.7.4",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "react-refresh": "0.18.0",
+    "storybook": "^9.1.16",
+    "style-loader": "4.0.0",
+    "vite": "7.1.9",
+    "vite-plugin-svgr": "4.5.0",
+    "vitest": "3.2.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.x.x",
+    "@emotion/styled": "11.x.x",
+    "@mui/material": "7.3.6",
+    "@mui/x-date-pickers": "8.21.0",
+    "react": "18 || 19",
+    "react-dom": "18 || 19"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "overrides": {
+    "react": "$react",
+    "react-dom": "$react-dom"
+  },
+  "main": "./dist/index.lib.js",
+  "files": [
+    "/dist"
+  ]
 }

package/dist/@Types/ErkValue.d.ts

@@ -1,16 +0,0 @@
-import ErkValueTypes from '../constants/ErkValueTypes';
-import { EurekaDraft } from './Draft/Draft';
-export type ErkValue = StepErkValue | DraftErkValue | BooleanErkValue;
-interface StepErkValue {
-    type: ErkValueTypes.STEP;
-    idStep: string;
-}
-interface DraftErkValue {
-    type: ErkValueTypes.DRAFT;
-    value: EurekaDraft;
-}
-interface BooleanErkValue {
-    type: ErkValueTypes.BOOLEAN;
-    value: boolean;
-}
-export {};

package/dist/@Types/User.d.ts

@@ -1,13 +0,0 @@
-/**
- * The currently active user
- */
-export interface User {
-    /** The User's id (if capta agent)*/
-    _id?: string;
-    /** The User's name */
-    name?: string;
-    /** The user's Email*/
-    email: string;
-    /** The expiration of the token */
-    exp: number;
-}

package/dist/Icons/@IconTypes.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface IconProps {
-    fill?: string;
-    contrast?: string;
-    style?: React.CSSProperties;
-    className?: string;
-}

package/dist/Icons/EmailIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from './@IconTypes';
-declare function EmailIcon({ className, style, fill }: IconProps): JSX.Element;
-export default EmailIcon;

package/dist/Icons/EmailIcon.js

@@ -1,17 +0,0 @@
-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 } from "react/jsx-runtime";
-function EmailIcon(_a) {
-    var className = _a.className, style = _a.style, fill = _a.fill;
-    return (_jsx("svg", __assign({ fill: fill, style: style, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-1 14H5c-.55 0-1-.45-1-1V8l6.94 4.34c.65.41 1.47.41 2.12 0L20 8v9c0 .55-.45 1-1 1zm-7-7L4 6h16l-8 5z" }) })));
-}
-export default EmailIcon;

package/dist/Icons/Entities/SchoolIcon.d.ts

@@ -1,2 +0,0 @@
-declare const SchoolIcon: (props: any) => any;
-export default SchoolIcon;

package/dist/Icons/Entities/SchoolIcon.js

@@ -1,17 +0,0 @@
-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 } from "react/jsx-runtime";
-var SchoolIcon = function (props) {
-    var _a;
-    return (_jsx("svg", __assign({ version: "1.1", width: "511pt", height: "511pt", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', className: props.className, style: props.style }, { children: _jsx("path", { d: "M5 13.18v2.81c0 .73.4 1.41 1.04 1.76l5 2.73c.6.33 1.32.33 1.92 0l5-2.73c.64-.35 1.04-1.03 1.04-1.76v-2.81l-6.04 3.3c-.6.33-1.32.33-1.92 0zm6.04-9.66-8.43 4.6c-.69.38-.69 1.38 0 1.76l8.43 4.6c.6.33 1.32.33 1.92 0L21 10.09V16c0 .55.45 1 1 1s1-.45 1-1V9.59c0-.37-.2-.7-.52-.88l-9.52-5.19a2.04 2.04 0 0 0-1.92 0" }) })));
-};
-export default SchoolIcon;

package/dist/Icons/GroupIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from './@IconTypes';
-declare const GroupIcon: ({ className, style, fill }: IconProps) => JSX.Element;
-export default GroupIcon;

package/dist/Icons/GroupIcon.js

@@ -1,17 +0,0 @@
-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 } from "react/jsx-runtime";
-var GroupIcon = function (_a) {
-    var className = _a.className, style = _a.style, fill = _a.fill;
-    return (_jsx("svg", __assign({ fill: fill, style: style, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M12 12.75c1.63 0 3.07.39 4.24.9 1.08.48 1.76 1.56 1.76 2.73V17c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-.61c0-1.18.68-2.26 1.76-2.73 1.17-.52 2.61-.91 4.24-.91M4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58C.48 14.9 0 15.62 0 16.43V17c0 .55.45 1 1 1h3.5v-1.61c0-.83.23-1.61.63-2.29M20 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m4 3.43c0-.81-.48-1.53-1.22-1.85-.85-.37-1.79-.58-2.78-.58-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V18H23c.55 0 1-.45 1-1zM12 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3" }) })));
-};
-export default GroupIcon;

package/dist/Icons/LockedIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from './@IconTypes';
-declare function LockedIcon({ className, style, fill }: IconProps): JSX.Element;
-export default LockedIcon;

package/dist/Icons/LockedIcon.js

@@ -1,17 +0,0 @@
-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 } from "react/jsx-runtime";
-function LockedIcon(_a) {
-    var className = _a.className, style = _a.style, fill = _a.fill;
-    return (_jsx("svg", __assign({ fill: fill, style: style, className: className, version: "1.1", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M81.9,49.6c0-9-0.4-9.4-9.3-9.7c0,0,0,0,0,0c0-4,0-9-0.1-12.1C72,16,64.7,8.9,53,8.7c-2,0-4,0-6.1,0  c-13,0.1-20.6,8-20.4,20.9c0,0,0,0.1,0,0.1V40c-0.7,0-1.4,0-2.2,0c-5.8,0-7.1,1.4-7.1,7.2c0,12.3,0.1,24.6-0.1,36.9  c-0.1,4.7,1.8,6.9,6.5,6.9c17.4,0,34.7,0,52.1,0c4.4,0,6.4-2,6.3-6.5C81.8,72.9,81.9,61.3,81.9,49.6z M53.1,67.5v5.8  c0,2-1.6,3.5-3.5,3.5S46,75.2,46,73.3v-5.8c-2.9-1.3-5-4.3-5-7.8c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5  C58.1,63.2,56,66.2,53.1,67.5z M61.7,39.9C61.7,39.9,61.7,39.9,61.7,39.9c-8.1,0-16.1,0.1-24.2,0.1v-8.5c0.1-0.6,0.1-1.2,0.1-1.7  c-0.1-7.3,4-10.3,13-10.1c7.4,0.1,11.1,3.6,11.1,10.6C61.7,33.5,61.7,36.7,61.7,39.9z" }) })));
-}
-export default LockedIcon;

package/dist/Login/Login.module.css

@@ -1,135 +0,0 @@
-.rightPanel {
-    background-color: #3d5a7f;
-    display: flex;
-    border-radius: 0 20px 20px 0;
-    flex-grow: 0;
-    max-width: 41.666667%;
-    flex-basis: 41.666667%;
-}
-.rightPanelMessage {
-    margin: auto;
-    text-align: center;
-    padding: 0 30px 0 30px;
-}
-.rightPanelMessage h1 {
-    color: white;
-    font-size: 40px;
-    font-weight: 900;
-}
-.rightPanelMessage p {
-    color: white;
-}
-.leftPanel {
-    display: flex;
-    text-align: center;
-    flex-direction: column;
-    flex-grow: 1;
-    max-width: 100%;
-    min-height: fit-content;
-    flex-basis: 0;
-    position: relative;
-    justify-content: center;
-}
-.leftPanel h1 {
-    margin-left: auto;
-    margin-right: auto;
-    color: #3d5a7f;
-    font-size: 40px;
-    font-weight: 900;
-    margin-top: 40px;
-    padding-left: 20px;
-    padding-right: 20px;
-    margin-bottom: 40px;
-}
-.leftPanel a {
-    font-size: 22px;
-    cursor: pointer;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    padding-left: 20px;
-    padding-right: 20px;
-    margin: 0px auto 25px auto;
-    text-decoration: underline;
-}
-.loginButton {
-    background-color: #3d5a7f;
-    border-radius: 40px;
-    padding: 22px 50px;
-    margin: 0 auto 0 auto;
-    color: white;
-    font-weight: 800;
-    font-size: 22px;
-    cursor: pointer;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    width: fit-content;
-    max-width: calc(100% - 40px);
-    height: fit-content;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.loginButton[disabled] {
-    pointer-events: none;
-    opacity: 0.5;
-}
-.loaderContainer {
-    position: absolute;
-    margin: auto;
-    height: 40px;
-    width: 40px;
-}
-.logo {
-    position: absolute;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    left: 40px;
-    top: 33px;
-    height: 65px;
-    margin-right: auto;
-}
-.loginInputsContainer {
-    width: 60%;
-    margin: 0 auto 0 auto;
-}
-.loginInput {
-    min-height: 80px;
-}
-@media screen and (max-width: 825px) {
-    .rightPanel {
-        display: none;
-    }
-    .loginInputsContainer {
-        width: 70%;
-        margin: 0 auto 0 auto;
-    }
-    .leftPanel h1 {
-        margin-top: 5%;
-    }
-}
-
-@media screen and (max-width: 678px) {
-    .logo {
-        display: none;
-    }
-    .loginInputsContainer {
-        width: 80%;
-    }
-}
-
-@media screen and (max-height: 720px) {
-    .logo {
-        display: none;
-    }
-    .loginButton {
-        margin-bottom: 40px;
-    }
-}

package/dist/Login/LoginLayout.module.css

@@ -1,68 +0,0 @@
-.loginLayout {
-    height: 100vh;
-    display: flex;
-    width: 100vw;
-    overflow: hidden;
-    background-color: #f0f0f0;
-
-    position: relative;
-}
-.semiCircle {
-    margin-top: auto;
-    width: 30vmin;
-    height: 30vmin;
-    min-width: 100px;
-    min-height: 100px;
-    object-fit: contain;
-    background-color: #98c1d9;
-    border-top-left-radius: 0%;
-    border-top-right-radius: 100%;
-    border-bottom-left-radius: 0%;
-    border-bottom-right-radius: 0%;
-}
-.triangle {
-    width: 0;
-    height: 0;
-    border-bottom: 500px solid #ee6c4d;
-    border-left: 500px solid transparent;
-    margin-left: auto;
-    transform: translateY(-300px) translateX(150px) rotate(10deg);
-}
-.cardLayout {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    overflow: hidden;
-    overflow-y: auto;
-}
-.loginCard {
-    margin: 7.5vh auto;
-    z-index: 2;
-    width: 85vw;
-    background-color: white;
-    border-radius: 20px;
-    min-height: 85vh;
-    height: fit-content;
-    display: flex;
-    flex-direction: column;
-}
-.cardContainer {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: row;
-    height: 100%;
-}
-
-@media screen and (max-width: 320px) {
-    .loginCard {
-        width: 100vw;
-        height: 100vh;
-        margin: 0px;
-        border-radius: 0px;
-    }
-}

package/dist/Login/LoginPage.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Form } from '../@Types';
-interface LoginPageProps {
-    form: Form;
-}
-/**
- * Displays the specific login component depending on the url
- * @returns the respective component
- */
-declare function LoginPage({ form }: LoginPageProps): JSX.Element;
-export default LoginPage;