@arquimedes.co/eureka-forms 3.0.35-test → 3.0.36

package/dist/Icons/Entities/SupplierIcon.js

@@ -1,7 +1,17 @@
+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 { useIconProps } from '../@ErkIcon';
-function SupplierIcon(props) {
-    const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 160 160", xmlns: "http://www.w3.org/2000/svg", children: _jsxs("g", { children: [_jsx("path", { d: "M146.227,105.699l-27.514,5.464l-0.974-4.922l-1.858-9.362l-14.284,2.843l1.858,9.362l0.974,4.922l-7.976,1.587   c-0.743-1.627-1.627-3.164-2.622-4.601c-4.37-6.298-11.009-10.738-18.493-12.366c-1.708-0.372-3.466-0.593-5.254-0.663   l-9.884-49.784c-0.271-1.356,0.613-2.682,1.969-2.943l27.514-5.465l0.974,4.922l1.868,9.362l14.284-2.843l-1.858-9.362   l-0.974-4.922l27.504-5.465c1.366-0.271,2.682,0.613,2.953,1.979l13.772,69.301C148.477,104.112,147.593,105.428,146.227,105.699z" }), _jsx("path", { d: "M149.741,108.588l-51.994,10.327c0.356,1.106,0.66,2.24,0.891,3.407c0.232,1.167,0.385,2.331,0.478,3.489l51.994-10.327   c1.905-0.378,3.142-2.229,2.764-4.133C153.496,109.447,151.645,108.209,149.741,108.588z" }), _jsx("path", { d: "M32.325,7.401c-0.554-1.651-2.248-2.682-4.002-2.333c-1.158,0.23-2.062,1.005-2.509,2.005   c-0.508,1.137-1.618,1.89-2.84,2.133L8.982,11.985c-1.646,0.327-2.918,1.739-2.924,3.417c-0.008,2.308,2.064,3.923,4.203,3.498   l14.083-2.797c1.221-0.243,2.535,0.029,3.439,0.886c0.795,0.753,1.927,1.124,3.085,0.894c1.718-0.341,2.881-1.882,2.817-3.579   c4.769-0.432,9.207,2.805,10.161,7.605l15.416,77.618c1.219-0.41,2.473-0.755,3.768-1.012c1.039-0.206,2.077-0.356,3.11-0.452   L50.743,20.538C49.035,11.938,40.899,6.239,32.325,7.401z" }), _jsx("path", { d: "M63.715,101.963c-14.503,2.88-23.925,16.973-21.044,31.475c2.88,14.503,16.972,23.925,31.475,21.044   c14.503-2.881,23.925-16.973,21.044-31.475S78.218,99.082,63.715,101.963z M70.914,138.208c-5.506,1.094-10.876-2.496-11.969-8.003   c-1.094-5.506,2.496-10.876,8.003-11.969c5.506-1.094,10.876,2.496,11.969,8.003C80.01,131.745,76.42,137.115,70.914,138.208z" })] }) }));
-}
+var SupplierIcon = function (props) {
+    var _a;
+    return (_jsx("svg", __assign({}, props, { fill: (_a = props.fill) !== null && _a !== void 0 ? _a : '#757575', width: "512", height: "512", version: "1.1", viewBox: "0 0 160 160", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsxs("g", { children: [_jsx("path", { d: "M146.227,105.699l-27.514,5.464l-0.974-4.922l-1.858-9.362l-14.284,2.843l1.858,9.362l0.974,4.922l-7.976,1.587   c-0.743-1.627-1.627-3.164-2.622-4.601c-4.37-6.298-11.009-10.738-18.493-12.366c-1.708-0.372-3.466-0.593-5.254-0.663   l-9.884-49.784c-0.271-1.356,0.613-2.682,1.969-2.943l27.514-5.465l0.974,4.922l1.868,9.362l14.284-2.843l-1.858-9.362   l-0.974-4.922l27.504-5.465c1.366-0.271,2.682,0.613,2.953,1.979l13.772,69.301C148.477,104.112,147.593,105.428,146.227,105.699z" }), _jsx("path", { d: "M149.741,108.588l-51.994,10.327c0.356,1.106,0.66,2.24,0.891,3.407c0.232,1.167,0.385,2.331,0.478,3.489l51.994-10.327   c1.905-0.378,3.142-2.229,2.764-4.133C153.496,109.447,151.645,108.209,149.741,108.588z" }), _jsx("path", { d: "M32.325,7.401c-0.554-1.651-2.248-2.682-4.002-2.333c-1.158,0.23-2.062,1.005-2.509,2.005   c-0.508,1.137-1.618,1.89-2.84,2.133L8.982,11.985c-1.646,0.327-2.918,1.739-2.924,3.417c-0.008,2.308,2.064,3.923,4.203,3.498   l14.083-2.797c1.221-0.243,2.535,0.029,3.439,0.886c0.795,0.753,1.927,1.124,3.085,0.894c1.718-0.341,2.881-1.882,2.817-3.579   c4.769-0.432,9.207,2.805,10.161,7.605l15.416,77.618c1.219-0.41,2.473-0.755,3.768-1.012c1.039-0.206,2.077-0.356,3.11-0.452   L50.743,20.538C49.035,11.938,40.899,6.239,32.325,7.401z" }), _jsx("path", { d: "M63.715,101.963c-14.503,2.88-23.925,16.973-21.044,31.475c2.88,14.503,16.972,23.925,31.475,21.044   c14.503-2.881,23.925-16.973,21.044-31.475S78.218,99.082,63.715,101.963z M70.914,138.208c-5.506,1.094-10.876-2.496-11.969-8.003   c-1.094-5.506,2.496-10.876,8.003-11.969c5.506-1.094,10.876,2.496,11.969,8.003C80.01,131.745,76.42,137.115,70.914,138.208z" })] }) })));
+};
 export default SupplierIcon;

package/dist/Icons/GroupIcon.d.ts

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

package/dist/Icons/GroupIcon.js

@@ -0,0 +1,17 @@
+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/LocationIcon.d.ts

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

package/dist/Icons/LocationIcon.js

@@ -1,7 +1,17 @@
+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";
-import { useIconProps } from './@ErkIcon';
-function LocationIcon(props) {
-    const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 4.17 4.42 9.92 6.24 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) }));
+function LocationIcon(_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 2C8.13 2 5 5.13 5 9c0 4.17 4.42 9.92 6.24 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) })));
 }
 export default LocationIcon;

package/dist/Icons/LockedIcon.d.ts

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

package/dist/Icons/LockedIcon.js

@@ -0,0 +1,17 @@
+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/Icons/PersonIcon.d.ts

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

package/dist/Icons/PersonIcon.js

@@ -1,7 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useIconProps } from './@ErkIcon';
-function PersonIcon(props) {
-    const iconProps = useIconProps(props);
-    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "1 1 22 22", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4z" }) }));
-}
+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";
+var PersonIcon = function (_a) {
+    var className = _a.className, style = _a.style, fill = _a.fill;
+    return (_jsxs("svg", __assign({ fill: fill, style: style, className: className, version: "1.1", viewBox: "-42 0 512 512", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "m210.351562 246.632812c33.882813 0 63.222657-12.152343 87.195313-36.128906 23.972656-23.972656 36.125-53.304687 36.125-87.191406 0-33.875-12.152344-63.210938-36.128906-87.191406-23.976563-23.96875-53.3125-36.121094-87.191407-36.121094-33.886718 0-63.21875 12.152344-87.191406 36.125s-36.128906 53.308594-36.128906 87.1875c0 33.886719 12.15625 63.222656 36.132812 87.195312 23.976563 23.96875 53.3125 36.125 87.1875 36.125zm0 0" }), _jsx("path", { d: "m426.128906 393.703125c-.691406-9.976563-2.089844-20.859375-4.148437-32.351563-2.078125-11.578124-4.753907-22.523437-7.957031-32.527343-3.308594-10.339844-7.808594-20.550781-13.371094-30.335938-5.773438-10.15625-12.554688-19-20.164063-26.277343-7.957031-7.613282-17.699219-13.734376-28.964843-18.199219-11.226563-4.441407-23.667969-6.691407-36.976563-6.691407-5.226563 0-10.28125 2.144532-20.042969 8.5-6.007812 3.917969-13.035156 8.449219-20.878906 13.460938-6.707031 4.273438-15.792969 8.277344-27.015625 11.902344-10.949219 3.542968-22.066406 5.339844-33.039063 5.339844-10.972656 0-22.085937-1.796876-33.046874-5.339844-11.210938-3.621094-20.296876-7.625-26.996094-11.898438-7.769532-4.964844-14.800782-9.496094-20.898438-13.46875-9.75-6.355468-14.808594-8.5-20.035156-8.5-13.3125 0-25.75 2.253906-36.972656 6.699219-11.257813 4.457031-21.003906 10.578125-28.96875 18.199219-7.605469 7.28125-14.390625 16.121094-20.15625 26.273437-5.558594 9.785157-10.058594 19.992188-13.371094 30.339844-3.199219 10.003906-5.875 20.945313-7.953125 32.523437-2.058594 11.476563-3.457031 22.363282-4.148437 32.363282-.679688 9.796875-1.023438 19.964844-1.023438 30.234375 0 26.726562 8.496094 48.363281 25.25 64.320312 16.546875 15.746094 38.441406 23.734375 65.066406 23.734375h246.53125c26.625 0 48.511719-7.984375 65.0625-23.734375 16.757813-15.945312 25.253906-37.585937 25.253906-64.324219-.003906-10.316406-.351562-20.492187-1.035156-30.242187zm0 0" })] })));
+};
 export default PersonIcon;

package/dist/Login/Login.module.css

@@ -0,0 +1,135 @@
+.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

@@ -0,0 +1,68 @@
+.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

@@ -0,0 +1,11 @@
+/// <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;

package/dist/Login/LoginPage.js

@@ -0,0 +1,177 @@
+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 { useState } from 'react';
+import layoutStyles from './LoginLayout.module.css';
+import styles from './Login.module.css';
+import Loader from '../Shared/Loader/Loader';
+import { Controller, useForm } from 'react-hook-form';
+import axiosInstance from '../Utils/AxiosAPI';
+import { useAppDispatch } from '../hooks';
+import { login } from '../Services/UserService';
+import { setUser } from '../States/GlobalSlice';
+import { jwtDecode } from 'jwt-decode';
+import LoginTextField from './LoginTextField';
+import MaterialProviders from '../Utils/MaterialProviders';
+var EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+/**
+ * Displays the specific login component depending on the url
+ * @returns the respective component
+ */
+function LoginPage(_a) {
+    var _this = this;
+    var form = _a.form;
+    var dispatch = useAppDispatch();
+    /** If login has errors */
+    var _b = useState(false), wrongLogin = _b[0], setWrongLogin = _b[1];
+    /** if waiting for response */
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var _d = useForm({
+        mode: 'onTouched',
+    }), getValues = _d.getValues, clearErrors = _d.clearErrors, errors = _d.formState.errors, setError = _d.setError, trigger = _d.trigger, control = _d.control;
+    /**
+     * Handles login, redirects the user if the current subdomain is not valid
+     */
+    var handleLogin = function () { return __awaiter(_this, void 0, void 0, function () {
+        var isValid, values, isInternal, payload, token, user, err_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, trigger()];
+                case 1:
+                    isValid = _c.sent();
+                    values = getValues();
+                    isInternal = ['andres'].includes(values.email);
+                    if (!((isValid || isInternal) && form.apiKey)) return [3 /*break*/, 6];
+                    _c.label = 2;
+                case 2:
+                    _c.trys.push([2, 5, , 6]);
+                    setLoading(true);
+                    payload = values;
+                    if (isInternal) {
+                        payload.email = values.email + '@capta.co';
+                    }
+                    return [4 /*yield*/, login(form.apiKey, payload)];
+                case 3:
+                    token = _c.sent();
+                    localStorage.setItem('token', token);
+                    user = jwtDecode(token);
+                    axiosInstance.defaults.headers.Authorization =
+                        'Bearer ' + token;
+                    return [4 /*yield*/, dispatch(setUser(user))];
+                case 4:
+                    _c.sent();
+                    return [3 /*break*/, 6];
+                case 5:
+                    err_1 = _c.sent();
+                    setLoading(false);
+                    if (((_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.response) === null || _a === void 0 ? void 0 : _a.status) !== 400) {
+                        console.error(err_1);
+                    }
+                    if (((_b = err_1 === null || err_1 === void 0 ? void 0 : err_1.response) === null || _b === void 0 ? void 0 : _b.data) === 'Invalid Organization') {
+                        setError('password', {
+                            type: 'pattern',
+                            message: 'Organización inválida',
+                        });
+                    }
+                    else {
+                        setError('password', {
+                            type: 'pattern',
+                            message: 'Correo o contraseña incorrecta',
+                        });
+                    }
+                    setError('email', {
+                        type: 'pattern',
+                        message: '',
+                    });
+                    setWrongLogin(true);
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    /**
+     * Function that clears errors if there are any.
+     */
+    var clearWrongLogin = function () {
+        if (wrongLogin) {
+            setWrongLogin(false);
+            clearErrors(['email', 'password']);
+        }
+    };
+    return (_jsx(MaterialProviders, { children: _jsxs("div", __assign({ className: layoutStyles.loginLayout }, { children: [_jsx("div", { className: layoutStyles.semiCircle }), _jsx("div", { className: layoutStyles.triangle }), _jsx("div", __assign({ className: layoutStyles.cardLayout }, { children: _jsx("div", __assign({ className: layoutStyles.loginCard }, { children: _jsxs("div", __assign({ className: layoutStyles.cardContainer }, { children: [_jsxs("div", __assign({ className: styles.leftPanel }, { children: [_jsx("div", __assign({ className: styles.logo }, { children: _jsx("img", { alt: 'Capta', className: 'capta-logo', src: '/Capta.svg' }) })), _jsx("h1", { children: "Inicia sesi\u00F3n en Capta" }), _jsxs("div", __assign({ className: styles.loginInputsContainer }, { children: [_jsx("div", __assign({ className: styles.loginInput }, { children: _jsx(Controller, { name: "email", control: control, defaultValue: "", rules: {
+                                                            required: 'El correo es obligatorio',
+                                                            pattern: {
+                                                                value: EMAIL_REGEX,
+                                                                message: 'El correo no es válido',
+                                                            },
+                                                        }, render: function (_a) {
+                                                            var _b;
+                                                            var field = _a.field;
+                                                            return (_jsx(LoginTextField, __assign({}, field, { "data-testid": "login_email", handleEnter: handleLogin, handleChange: clearWrongLogin, email: true, name: "email", disabled: loading, placeholder: "Correo", error: !!errors.email, helperText: errors.email
+                                                                    ? (_b = errors.email.message) === null || _b === void 0 ? void 0 : _b.toString()
+                                                                    : '' })));
+                                                        } }) })), _jsx("div", __assign({ className: styles.loginInput }, { children: _jsx(Controller, { name: "password", control: control, defaultValue: "", rules: {
+                                                            required: 'La contraseña es obligatoria',
+                                                        }, render: function (_a) {
+                                                            var _b;
+                                                            var field = _a.field;
+                                                            return (_jsx(LoginTextField, __assign({}, field, { disabled: loading, "data-testid": "login_password", handleEnter: handleLogin, handleChange: clearWrongLogin, name: "password", placeholder: "Contrase\u00F1a", error: !!errors.password, helperText: errors.password
+                                                                    ? (_b = errors.password.message) === null || _b === void 0 ? void 0 : _b.toString()
+                                                                    : '' })));
+                                                        } }) }))] })), _jsxs("button", __assign({ "data-testid": "login_submit", className: styles.loginButton, onClick: function () {
+                                                if (!loading) {
+                                                    void handleLogin();
+                                                }
+                                            }, disabled: loading }, { children: [_jsx("label", __assign({ style: {
+                                                        visibility: loading
+                                                            ? 'hidden'
+                                                            : 'visible',
+                                                    } }, { children: "Inicia sesi\u00F3n" })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: "white" }) })))] }))] })), _jsx("div", __assign({ className: styles.rightPanel }, { children: _jsxs("div", __assign({ className: styles.rightPanelMessage }, { children: [_jsx("h1", { children: "\u00A1Bienvenid@!" }), _jsx("p", { children: "Ingresa tu correo y contrase\u00F1a para ingresar al formulario." })] })) }))] })) })) }))] })) }));
+}
+export default LoginPage;

package/dist/Login/LoginTextField.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface ComponentProps {
+    /** Function called on Enter */
+    handleEnter: any;
+    /** IF is of type email */
+    email: boolean;
+    /** Function called on change */
+    onChange: React.ChangeEventHandler;
+    /** Function called on change */
+    handleChange: any;
+}
+declare class LoginTextField extends React.Component<ComponentProps | any> {
+    render(): JSX.Element;
+}
+export default LoginTextField;