@crystaldesign/diva-core 25.4.0-beta.44 → 25.4.0-beta.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/esm/{ModalsWrapper-641e3851.js → ModalsWrapper-bdfeb0e1.js} +2 -1
- package/build/esm/{index-8f17a59e.js → index-6236a52f.js} +36 -14
- package/build/esm/{index-4ebb1db7.js → index-63627ceb.js} +160 -119
- package/build/esm/index.js +2 -1
- package/build/types/core/src/elements/Auth/Header/index.d.ts +9 -0
- package/build/types/core/src/elements/Auth/Header/index.d.ts.map +1 -0
- package/build/types/core/src/elements/Auth/Input/index.d.ts +3 -1
- package/build/types/core/src/elements/Auth/Input/index.d.ts.map +1 -1
- package/build/types/core/src/elements/Auth/Login/index.d.ts.map +1 -1
- package/build/types/core/src/elements/Auth/Register/index.d.ts.map +1 -1
- package/build/types/core/src/elements/Auth/RequestNewPassword/index.d.ts.map +1 -1
- package/build/types/core/src/elements/Auth/WelcomeScreen/index.d.ts.map +1 -1
- package/build/types/core/src/elements/Auth/index.d.ts.map +1 -1
- package/build/umd/210.diva-core.umd.min.js +2 -0
- package/build/umd/210.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/43.diva-core.umd.min.js +2 -0
- package/build/umd/43.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/diva-core.umd.min.js +3 -3
- package/build/umd/report.html +1 -1
- package/package.json +10 -10
- package/build/umd/126.diva-core.umd.min.js +0 -2
- package/build/umd/126.diva-core.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/146.diva-core.umd.min.js +0 -2
- package/build/umd/146.diva-core.umd.min.js.LICENSE.txt +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { i as styleInject, u as useDivaCoreContext } from './index-
|
|
1
|
+
import { i as styleInject, u as useDivaCoreContext } from './index-6236a52f.js';
|
|
2
2
|
import { useState, useEffect, useCallback } from 'react';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
4
|
import Button from '@mui/material/Button';
|
|
@@ -36,6 +36,7 @@ import '@mui/material/locale';
|
|
|
36
36
|
import '@elastic/apm-rum-react';
|
|
37
37
|
import '@mui/material/Typography';
|
|
38
38
|
import 'classnames';
|
|
39
|
+
import '@mui/icons-material';
|
|
39
40
|
import '@crystaldesign/basket-model';
|
|
40
41
|
import 'lodash/debounce';
|
|
41
42
|
import 'axios';
|
|
@@ -28,6 +28,7 @@ import Typography from '@mui/material/Typography';
|
|
|
28
28
|
import { useTranslation, Trans, I18nextProvider } from 'react-i18next';
|
|
29
29
|
import classnames from 'classnames';
|
|
30
30
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
31
|
+
import { ArrowBack } from '@mui/icons-material';
|
|
31
32
|
import '@crystaldesign/basket-model';
|
|
32
33
|
import debounce from 'lodash/debounce';
|
|
33
34
|
import axios from 'axios';
|
|
@@ -44,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
|
|
|
44
45
|
import * as Styles from '@mui/styles';
|
|
45
46
|
|
|
46
47
|
(function() {
|
|
47
|
-
const env = {"STAGE":"production","VERSION":"25.4.0-beta.
|
|
48
|
+
const env = {"STAGE":"production","VERSION":"25.4.0-beta.46"};
|
|
48
49
|
try {
|
|
49
50
|
if (process) {
|
|
50
51
|
process.env = Object.assign({}, process.env);
|
|
@@ -1735,9 +1736,8 @@ var microsoft = "microsoft-e3GYR";
|
|
|
1735
1736
|
var separator = "separator-Hg6fH";
|
|
1736
1737
|
var input = "input--Dl8e";
|
|
1737
1738
|
var readonly = "readonly-uw66l";
|
|
1738
|
-
var resetInput = "reset-input-ERpB4";
|
|
1739
1739
|
var link = "link-s-Rcm";
|
|
1740
|
-
var css_248z$6 = ".auth-y9j9- {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: rgba(255, 255, 255);\n z-index: 3;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.login-box-Zu-QM {\n padding: 20px;\n width: 400px;\n margin: 50px auto auto auto;\n
|
|
1740
|
+
var css_248z$6 = ".auth-y9j9- {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: rgba(255, 255, 255);\n z-index: 3;\n overflow: auto;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.login-box-Zu-QM {\n padding: 20px;\n width: 400px;\n margin: 50px auto auto auto;\n position: relative;\n}\n\n@media (max-height: 450px) {\n .login-box-Zu-QM {\n margin: auto;\n }\n}\n\n.logo-container-Gujpy {\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n margin-bottom: 50px;\n}\n\n.success-7n9-D {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n box-sizing: border-box;\n background-color: rgb(228, 244, 228);\n color: rgb(17, 97, 73);\n border: rgb(195, 231, 202) solid 1px;\n border-left: solid 4px;\n line-height: 20px;\n font-size: 16px;\n position: relative;\n}\n\n.success-7n9-D span {\n width: 30px;\n height: 100%;\n float: left;\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(19%2C 170%2C 82)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22 viewBox%3D%220 0 24 24%22 %3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8 15A7 7 0 108 1a7 7 0 000 14zm2.448-10.104a.997.997 0 111.508 1.306l-4.572 5.28a1 1 0 01-1.64-.07l-1.82-2.868a1 1 0 111.69-1.07l1.1 1.734 3.734-4.312z%22 fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n position: absolute;\n}\n\n.success-7n9-D div {\n text-align: justify;\n margin-left: 30px;\n}\n\n[dir=\"ltr\"] .error-gJyOw {\n text-align: left;\n}\n\n[dir=\"rtl\"] .error-gJyOw {\n text-align: right;\n}\n\n.error-gJyOw {\n border-left: 4px solid red !important;\n}\n\n.error-gJyOw {\n border-radius: 4px;\n padding: 10px;\n display: flex;\n align-items: center;\n}\n\n.auth-button-nvUhU {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n opacity: 0.85;\n font-size: 17px;\n line-height: 22px;\n cursor: pointer;\n box-sizing: border-box;\n background-color: var(--diva-theme-palette-primary-main);\n text-align: center;\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.auth-button-nvUhU:hover {\n opacity: 1;\n}\n\n.button-disabled-GS-ox {\n opacity: 0.3;\n cursor: auto;\n cursor: initial;\n}\n.button-disabled-GS-ox:hover {\n opacity: 0.3;\n}\n\n.social-button-p5pUa div {\n width: 30px;\n height: 22px;\n float: left;\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n}\n\n.google-WhFJU,\n.microsoft-e3GYR {\n margin-top: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background-color: white;\n color: #333;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-weight: 600;\n padding: 12px;\n transition: all 0.3s ease-in-out;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.google-WhFJU:hover,\n.microsoft-e3GYR:hover {\n background-color: #f8f9fa;\n border-color: #bbb;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.google-WhFJU div {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%22-3 0 262 262%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 preserveAspectRatio%3D%22xMidYMid%22%3E%3Cpath d%3D%22M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027%22 fill%3D%22%234285F4%22%2F%3E%3Cpath d%3D%22M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1%22 fill%3D%22%2334A853%22%2F%3E%3Cpath d%3D%22M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782%22 fill%3D%22%23FBBC05%22%2F%3E%3Cpath d%3D%22M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251%22 fill%3D%22%23EB4335%22%2F%3E%3C%2Fsvg%3E\");\n}\n.microsoft-e3GYR div {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22aria-label%3D%22Microsoft%22 role%3D%22img%22viewBox%3D%220 0 512 512%22%3E%3Crectwidth%3D%22512%22 height%3D%22512%22rx%3D%2215%25%22fill%3D%22%23ffffff%22%2F%3E%3Cpathd%3D%22M75 75v171h171v-171z%22 fill%3D%22%23f25022%22%2F%3E%3Cpathd%3D%22M266 75v171h171v-171z%22 fill%3D%22%237fba00%22%2F%3E%3Cpathd%3D%22M75 266v171h171v-171z%22 fill%3D%22%2300a4ef%22%2F%3E%3Cpathd%3D%22M266 266v171h171v-171z%22 fill%3D%22%23ffb900%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.separator-Hg6fH {\n display: flex;\n align-items: center;\n text-align: center;\n color: rgb(184, 196, 194);\n}\n\n.separator-Hg6fH::before,\n.separator-Hg6fH::after {\n content: '';\n flex: 1;\n border-bottom: 1px solid rgb(184, 196, 194);\n}\n\n.separator-Hg6fH:not(:empty)::before {\n margin-right: 0.25em;\n}\n\n.separator-Hg6fH:not(:empty)::after {\n margin-left: 0.25em;\n}\n\n.input--Dl8e {\n width: 100%;\n padding: 1em;\n border: solid 1px rgba(0, 0, 0, 0.1);\n border-radius: 0.3em;\n outline: none;\n margin: 15px 0;\n box-sizing: border-box;\n}\n\n.input--Dl8e:hover,\n.input--Dl8e:focus,\n.input--Dl8e:active {\n border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.input--Dl8e::-moz-placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e::placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e.readonly-uw66l {\n border: solid 1px rgba(0, 0, 0, 0.1);\n color: rgba(0, 0, 0, 0.25);\n}\n\n.reset-input-ERpB4 {\n position: relative;\n}\n\n.reset-input-ERpB4:after {\n content: '';\n position: absolute;\n right: 10px;\n top: 0;\n bottom: 0;\n width: 20px;\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!DOCTYPE svg PUBLIC '-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN' 'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg id%3D%22Layer_1%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 version%3D%221.1%22 viewBox%3D%220 0 512 512%22 width%3D%22512px%22 xml%3Aspace%3D%22preserve%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath d%3D%22M256%2C33C132.3%2C33%2C32%2C133.3%2C32%2C257c0%2C123.7%2C100.3%2C224%2C224%2C224c123.7%2C0%2C224-100.3%2C224-224C480%2C133.3%2C379.7%2C33%2C256%2C33z M364.3%2C332.5c1.5%2C1.5%2C2.3%2C3.5%2C2.3%2C5.6c0%2C2.1-0.8%2C4.2-2.3%2C5.6l-21.6%2C21.7c-1.6%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3L256%2C289.8 l-75.4%2C75.7c-1.5%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1%2C0.8-4.2%2C2.3-5.6l75.7-76 l-75.9-75c-3.1-3.1-3.1-8.2%2C0-11.3l21.6-21.7c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l75.7%2C74.7l75.7-74.7 c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l21.6%2C21.7c3.1%2C3.1%2C3.1%2C8.2%2C0%2C11.3l-75.9%2C75L364.3%2C332.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;\n cursor: pointer;\n opacity: 0.7;\n}\n\n.link-s-Rcm {\n color: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n display: inline-block;\n}\n";
|
|
1741
1741
|
styleInject(css_248z$6);
|
|
1742
1742
|
|
|
1743
1743
|
var _excluded$7 = ["className", "disabled", "children"];
|
|
@@ -1755,19 +1755,41 @@ function Button (_ref) {
|
|
|
1755
1755
|
}));
|
|
1756
1756
|
}
|
|
1757
1757
|
|
|
1758
|
-
var _excluded$6 = ["className", "readOnly"];
|
|
1758
|
+
var _excluded$6 = ["className", "readOnly", "resetInput"];
|
|
1759
1759
|
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1760
1760
|
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1761
1761
|
var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1762
1762
|
var className = _ref.className,
|
|
1763
1763
|
readOnly = _ref.readOnly,
|
|
1764
|
+
resetInput = _ref.resetInput,
|
|
1764
1765
|
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
1765
|
-
return /*#__PURE__*/
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1766
|
+
return /*#__PURE__*/jsxs("div", {
|
|
1767
|
+
style: {
|
|
1768
|
+
position: 'relative'
|
|
1769
|
+
},
|
|
1770
|
+
children: [/*#__PURE__*/jsx("input", _objectSpread$d({
|
|
1771
|
+
ref: ref,
|
|
1772
|
+
className: classnames(input, readOnly ? readonly : undefined, className),
|
|
1773
|
+
readOnly: readOnly,
|
|
1774
|
+
"data-test-id": "barrier-input-text",
|
|
1775
|
+
style: {
|
|
1776
|
+
paddingLeft: resetInput ? '40px' : undefined
|
|
1777
|
+
} // Platzierung des Pfeils
|
|
1778
|
+
}, props)), resetInput && /*#__PURE__*/jsx(ArrowBack, {
|
|
1779
|
+
onClick: function onClick() {
|
|
1780
|
+
return resetInput();
|
|
1781
|
+
},
|
|
1782
|
+
style: {
|
|
1783
|
+
position: 'absolute',
|
|
1784
|
+
left: '8px',
|
|
1785
|
+
// Platzierung des Pfeils
|
|
1786
|
+
top: '50%',
|
|
1787
|
+
transform: 'translateY(-50%)',
|
|
1788
|
+
// Vertikale Zentrierung
|
|
1789
|
+
cursor: 'pointer'
|
|
1790
|
+
}
|
|
1791
|
+
})]
|
|
1792
|
+
});
|
|
1771
1793
|
});
|
|
1772
1794
|
|
|
1773
1795
|
function SimpleLogin (_ref) {
|
|
@@ -9572,7 +9594,7 @@ var SideMenu$1 = observer(SideMenu);
|
|
|
9572
9594
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9573
9595
|
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9574
9596
|
var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
|
|
9575
|
-
return import('./ModalsWrapper-
|
|
9597
|
+
return import('./ModalsWrapper-bdfeb0e1.js');
|
|
9576
9598
|
});
|
|
9577
9599
|
function Fullscreen() {
|
|
9578
9600
|
var _useDivaCoreContext = useDivaCoreContext(),
|
|
@@ -10026,10 +10048,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
10026
10048
|
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10027
10049
|
var LOG$2 = getLogger('Framework', 'Root');
|
|
10028
10050
|
var LazyAuth = /*#__PURE__*/React.lazy(function () {
|
|
10029
|
-
return import('./index-
|
|
10051
|
+
return import('./index-63627ceb.js');
|
|
10030
10052
|
});
|
|
10031
10053
|
var LazyModals = /*#__PURE__*/React.lazy(function () {
|
|
10032
|
-
return import('./ModalsWrapper-
|
|
10054
|
+
return import('./ModalsWrapper-bdfeb0e1.js');
|
|
10033
10055
|
});
|
|
10034
10056
|
function ContentComponent() {
|
|
10035
10057
|
var context = useDivaCoreContext();
|
|
@@ -11018,4 +11040,4 @@ LOG.startTransaction({
|
|
|
11018
11040
|
});
|
|
11019
11041
|
window.DIVA_VERSION = "v".concat(process.env.VERSION);
|
|
11020
11042
|
|
|
11021
|
-
export { AuthorizationHandler as A, Button as B, Content as C, DivaCore as D, HelpButton as H, Input as I, ONE_DAY_UNIX as O, ProductHandler as P, RequestStatus as R, SupportHandler as S, getLogger as a, separator as b, success as c, auth as d, error as e, loginBox as f, google as g, logoContainer as h, styleInject as i, useDivaCore as j, AnalyticsHandler as k, link as l, microsoft as m, OrganizationHandler as n, ClientArticleHandler as o, DivaMockProvider as p, storyBookCoreMock as q,
|
|
11043
|
+
export { AuthorizationHandler as A, Button as B, Content as C, DivaCore as D, HelpButton as H, Input as I, ONE_DAY_UNIX as O, ProductHandler as P, RequestStatus as R, SupportHandler as S, getLogger as a, separator as b, success as c, auth as d, error as e, loginBox as f, google as g, logoContainer as h, styleInject as i, useDivaCore as j, AnalyticsHandler as k, link as l, microsoft as m, OrganizationHandler as n, ClientArticleHandler as o, DivaMockProvider as p, storyBookCoreMock as q, socialButton as s, useDivaCoreContext as u };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft,
|
|
1
|
+
import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, e as error, a as getLogger, b as separator, I as Input, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-6236a52f.js';
|
|
2
2
|
import { useState, useRef, useEffect, useMemo } from 'react';
|
|
3
3
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
4
4
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
@@ -9,8 +9,11 @@ import { flowResult, toJS } from 'mobx';
|
|
|
9
9
|
import { useTranslation } from 'react-i18next';
|
|
10
10
|
import classnames from 'classnames';
|
|
11
11
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
12
|
+
import CircularProgress from '@mui/material/CircularProgress';
|
|
13
|
+
import Alert from '@mui/material/Alert';
|
|
14
|
+
import { useTranslation as useTranslation$1 } from '@crystaldesign/diva-core';
|
|
12
15
|
import { ContentBoxComponent } from '@crystaldesign/content-box';
|
|
13
|
-
import {
|
|
16
|
+
import { Alert as Alert$1, CircularProgress as CircularProgress$1 } from '@mui/material';
|
|
14
17
|
import Checkbox from '@mui/material/Checkbox';
|
|
15
18
|
import Snowfall from 'react-snowfall';
|
|
16
19
|
import '@babel/runtime/helpers/classCallCheck';
|
|
@@ -32,12 +35,12 @@ import '@mui/material/styles';
|
|
|
32
35
|
import '@mui/material/locale';
|
|
33
36
|
import '@elastic/apm-rum-react';
|
|
34
37
|
import '@mui/material/Typography';
|
|
38
|
+
import '@mui/icons-material';
|
|
35
39
|
import '@crystaldesign/basket-model';
|
|
36
40
|
import 'lodash/debounce';
|
|
37
41
|
import 'axios';
|
|
38
42
|
import '@crystaldesign/product-handler';
|
|
39
43
|
import 'react-swipeable';
|
|
40
|
-
import '@crystaldesign/diva-core';
|
|
41
44
|
import 'react-qr-code';
|
|
42
45
|
import '@mui/icons-material/Close';
|
|
43
46
|
import '@mui/material/IconButton';
|
|
@@ -87,6 +90,30 @@ function OpenId () {
|
|
|
87
90
|
});
|
|
88
91
|
}
|
|
89
92
|
|
|
93
|
+
function Header (_ref) {
|
|
94
|
+
var title = _ref.title,
|
|
95
|
+
text = _ref.text,
|
|
96
|
+
errorText = _ref.errorText;
|
|
97
|
+
var _useTranslation = useTranslation$1(),
|
|
98
|
+
t = _useTranslation.t;
|
|
99
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
100
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
101
|
+
style: {
|
|
102
|
+
textAlign: 'center'
|
|
103
|
+
},
|
|
104
|
+
children: /*#__PURE__*/jsx("h2", {
|
|
105
|
+
children: title
|
|
106
|
+
})
|
|
107
|
+
}), /*#__PURE__*/jsx("p", {
|
|
108
|
+
children: text
|
|
109
|
+
}), errorText && /*#__PURE__*/jsx(Alert, {
|
|
110
|
+
severity: "error",
|
|
111
|
+
className: error,
|
|
112
|
+
children: t(errorText)
|
|
113
|
+
})]
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
|
|
90
117
|
var LOG$3 = getLogger('Framework', 'Login');
|
|
91
118
|
function Login() {
|
|
92
119
|
var _email, _authorizationStore$s, _authorizationStore$s2, _authorizationStore$s3;
|
|
@@ -97,30 +124,34 @@ function Login() {
|
|
|
97
124
|
_useState2 = _slicedToArray(_useState, 2),
|
|
98
125
|
step = _useState2[0],
|
|
99
126
|
setStep = _useState2[1];
|
|
100
|
-
var _useState3 = useState(
|
|
127
|
+
var _useState3 = useState(false),
|
|
101
128
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
var _useState5 = useState(''),
|
|
129
|
+
loading = _useState4[0],
|
|
130
|
+
setLoading = _useState4[1];
|
|
131
|
+
var _useState5 = useState((_email = (_authorizationStore$s = authorizationStore.state) === null || _authorizationStore$s === void 0 ? void 0 : _authorizationStore$s.email) !== null && _email !== void 0 ? _email : ''),
|
|
105
132
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
106
|
-
|
|
107
|
-
|
|
133
|
+
email = _useState6[0],
|
|
134
|
+
setEmail = _useState6[1];
|
|
108
135
|
var _useState7 = useState(''),
|
|
109
136
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
var _useState9 = useState(
|
|
137
|
+
password = _useState8[0],
|
|
138
|
+
setPassword = _useState8[1];
|
|
139
|
+
var _useState9 = useState(''),
|
|
113
140
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
var _useState11 = useState(
|
|
141
|
+
otp = _useState10[0],
|
|
142
|
+
setOtp = _useState10[1];
|
|
143
|
+
var _useState11 = useState(false),
|
|
117
144
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
var _useState13 = useState(
|
|
145
|
+
useOtp = _useState12[0],
|
|
146
|
+
setUseOtp = _useState12[1];
|
|
147
|
+
var _useState13 = useState(authorizationStore.state.invitationId),
|
|
121
148
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
122
|
-
|
|
123
|
-
|
|
149
|
+
invitationFound = _useState14[0],
|
|
150
|
+
setInvitationFound = _useState14[1];
|
|
151
|
+
var _useState15 = useState(((_authorizationStore$s2 = authorizationStore.state) === null || _authorizationStore$s2 === void 0 ? void 0 : _authorizationStore$s2.type) == 'LOGIN' ? authorizationStore.state.error : undefined),
|
|
152
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
153
|
+
errorText = _useState16[0],
|
|
154
|
+
setError = _useState16[1];
|
|
124
155
|
var _useTranslation = useTranslation(),
|
|
125
156
|
t = _useTranslation.t;
|
|
126
157
|
var onContinue = /*#__PURE__*/function () {
|
|
@@ -129,14 +160,18 @@ function Login() {
|
|
|
129
160
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
130
161
|
while (1) switch (_context.prev = _context.next) {
|
|
131
162
|
case 0:
|
|
132
|
-
|
|
163
|
+
setLoading(true);
|
|
164
|
+
if (errorText) {
|
|
165
|
+
setError(undefined);
|
|
166
|
+
}
|
|
167
|
+
_context.prev = 2;
|
|
133
168
|
if (invitationFound) {
|
|
134
|
-
_context.next =
|
|
169
|
+
_context.next = 8;
|
|
135
170
|
break;
|
|
136
171
|
}
|
|
137
|
-
_context.next =
|
|
172
|
+
_context.next = 6;
|
|
138
173
|
return authorizationHandler.getInvitationValue('id', email);
|
|
139
|
-
case
|
|
174
|
+
case 6:
|
|
140
175
|
checkInvitation = _context.sent;
|
|
141
176
|
if (checkInvitation) {
|
|
142
177
|
if (checkInvitation.isNewUser) {
|
|
@@ -146,32 +181,36 @@ function Login() {
|
|
|
146
181
|
setInvitationFound(true);
|
|
147
182
|
if (checkInvitation.useotp) setUseOtp(true);
|
|
148
183
|
}
|
|
149
|
-
case
|
|
150
|
-
_context.next =
|
|
184
|
+
case 8:
|
|
185
|
+
_context.next = 10;
|
|
151
186
|
return authorizationHandler.fetchLoginProvider({
|
|
152
187
|
email: email
|
|
153
188
|
});
|
|
154
|
-
case
|
|
189
|
+
case 10:
|
|
155
190
|
response = _context.sent;
|
|
156
191
|
if (response.provider == 'standard') {
|
|
157
192
|
setStep('login');
|
|
158
193
|
} else {
|
|
159
194
|
authorizationStore.openOAuthLogin(response.provider, authorizationStore.state.organizationId, authorizationStore.state.invitationId);
|
|
160
195
|
}
|
|
161
|
-
_context.next =
|
|
196
|
+
_context.next = 18;
|
|
162
197
|
break;
|
|
163
|
-
case
|
|
164
|
-
_context.prev =
|
|
165
|
-
_context.t0 = _context["catch"](
|
|
198
|
+
case 14:
|
|
199
|
+
_context.prev = 14;
|
|
200
|
+
_context.t0 = _context["catch"](2);
|
|
166
201
|
LOG$3.error(new DivaError('Error while fetching login provider', {
|
|
167
202
|
cause: _context.t0
|
|
168
203
|
}));
|
|
169
204
|
setError('auth.error.password');
|
|
170
|
-
case
|
|
205
|
+
case 18:
|
|
206
|
+
_context.prev = 18;
|
|
207
|
+
setLoading(false);
|
|
208
|
+
return _context.finish(18);
|
|
209
|
+
case 21:
|
|
171
210
|
case "end":
|
|
172
211
|
return _context.stop();
|
|
173
212
|
}
|
|
174
|
-
}, _callee, null, [[
|
|
213
|
+
}, _callee, null, [[2, 14, 18, 21]]);
|
|
175
214
|
}));
|
|
176
215
|
return function onContinue() {
|
|
177
216
|
return _ref.apply(this, arguments);
|
|
@@ -182,27 +221,35 @@ function Login() {
|
|
|
182
221
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
183
222
|
while (1) switch (_context2.prev = _context2.next) {
|
|
184
223
|
case 0:
|
|
185
|
-
|
|
186
|
-
|
|
224
|
+
setLoading(true);
|
|
225
|
+
if (errorText) {
|
|
226
|
+
setError(undefined);
|
|
227
|
+
}
|
|
228
|
+
_context2.prev = 2;
|
|
229
|
+
_context2.next = 5;
|
|
187
230
|
return flowResult(authorizationStore.login(email, password, false, authorizationStore.state.organizationId, authorizationStore.state.invitationId, otp));
|
|
188
|
-
case
|
|
231
|
+
case 5:
|
|
189
232
|
setEmail('');
|
|
190
233
|
setPassword('');
|
|
191
234
|
setError(undefined);
|
|
192
|
-
_context2.next =
|
|
235
|
+
_context2.next = 14;
|
|
193
236
|
break;
|
|
194
|
-
case
|
|
195
|
-
_context2.prev =
|
|
196
|
-
_context2.t0 = _context2["catch"](
|
|
237
|
+
case 10:
|
|
238
|
+
_context2.prev = 10;
|
|
239
|
+
_context2.t0 = _context2["catch"](2);
|
|
197
240
|
LOG$3.error(new DivaError('Error while logging in', {
|
|
198
241
|
cause: _context2.t0
|
|
199
242
|
}));
|
|
200
243
|
setError(invitationFound ? 'auth.error.passwordotp' : 'auth.error.password');
|
|
201
|
-
case
|
|
244
|
+
case 14:
|
|
245
|
+
_context2.prev = 14;
|
|
246
|
+
setLoading(false);
|
|
247
|
+
return _context2.finish(14);
|
|
248
|
+
case 17:
|
|
202
249
|
case "end":
|
|
203
250
|
return _context2.stop();
|
|
204
251
|
}
|
|
205
|
-
}, _callee2, null, [[
|
|
252
|
+
}, _callee2, null, [[2, 10, 14, 17]]);
|
|
206
253
|
}));
|
|
207
254
|
return function onLogin() {
|
|
208
255
|
return _ref2.apply(this, arguments);
|
|
@@ -234,16 +281,10 @@ function Login() {
|
|
|
234
281
|
if (useOtp && !loginDisabled) loginDisabled = otp.length == 0;
|
|
235
282
|
var loginMethods = (_authorizationStore$s3 = authorizationStore.state) === null || _authorizationStore$s3 === void 0 ? void 0 : _authorizationStore$s3.loginMethods;
|
|
236
283
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
237
|
-
children: [/*#__PURE__*/jsx(
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
}), !!errorText && /*#__PURE__*/jsxs("div", {
|
|
242
|
-
className: error,
|
|
243
|
-
children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
|
|
244
|
-
id: "loginerrortext",
|
|
245
|
-
children: t(errorText)
|
|
246
|
-
})]
|
|
284
|
+
children: [/*#__PURE__*/jsx(Header, {
|
|
285
|
+
title: t('auth.title.login'),
|
|
286
|
+
text: t('auth.text.login', ''),
|
|
287
|
+
errorText: errorText !== null && errorText !== void 0 ? errorText : ''
|
|
247
288
|
}), /*#__PURE__*/jsx(OpenId, {}), ((loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft)) && loginMethods.standard && /*#__PURE__*/jsx("div", {
|
|
248
289
|
className: separator,
|
|
249
290
|
children: "or"
|
|
@@ -254,6 +295,7 @@ function Login() {
|
|
|
254
295
|
value: email,
|
|
255
296
|
autoComplete: "username",
|
|
256
297
|
autoFocus: true,
|
|
298
|
+
type: "email",
|
|
257
299
|
placeholder: t('auth.input.email'),
|
|
258
300
|
onChange: function onChange(e) {
|
|
259
301
|
return setEmail(e.target.value);
|
|
@@ -285,14 +327,12 @@ function Login() {
|
|
|
285
327
|
onChange: function onChange(e) {
|
|
286
328
|
return setOtp(e.target.value);
|
|
287
329
|
}
|
|
288
|
-
}), /*#__PURE__*/jsx(
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
placeholder: t('auth.input.email')
|
|
295
|
-
})
|
|
330
|
+
}), /*#__PURE__*/jsx(Input, {
|
|
331
|
+
value: email,
|
|
332
|
+
type: "email",
|
|
333
|
+
readOnly: true,
|
|
334
|
+
placeholder: t('auth.input.email'),
|
|
335
|
+
resetInput: reset
|
|
296
336
|
}), /*#__PURE__*/jsx(Input, {
|
|
297
337
|
value: password,
|
|
298
338
|
type: "password",
|
|
@@ -305,20 +345,25 @@ function Login() {
|
|
|
305
345
|
onKeyPress: function onKeyPress(e) {
|
|
306
346
|
return e.key == 'Enter' ? onLogin() : false;
|
|
307
347
|
}
|
|
308
|
-
}), /*#__PURE__*/jsx("div", {
|
|
309
|
-
className: link,
|
|
310
|
-
style: {
|
|
311
|
-
textAlign: 'right'
|
|
312
|
-
},
|
|
313
|
-
onClick: resetPassword,
|
|
314
|
-
children: t('auth.button.forgotpassword')
|
|
315
348
|
})]
|
|
316
|
-
}), /*#__PURE__*/
|
|
349
|
+
}), /*#__PURE__*/jsxs(Button, {
|
|
317
350
|
id: "submit",
|
|
318
|
-
disabled: loginDisabled,
|
|
351
|
+
disabled: loginDisabled || loading,
|
|
319
352
|
onClick: step == 'enter' ? onContinue : onLogin,
|
|
320
|
-
children:
|
|
321
|
-
|
|
353
|
+
children: [loading ? /*#__PURE__*/jsx(CircularProgress, {
|
|
354
|
+
size: 24,
|
|
355
|
+
color: "inherit"
|
|
356
|
+
}) : undefined, loading ? undefined : step == 'enter' ? t('auth.button.continue') : t('auth.button.login')]
|
|
357
|
+
}), step == 'login' && /*#__PURE__*/jsx("div", {
|
|
358
|
+
style: {
|
|
359
|
+
textAlign: 'center'
|
|
360
|
+
},
|
|
361
|
+
children: /*#__PURE__*/jsx("div", {
|
|
362
|
+
className: link,
|
|
363
|
+
onClick: resetPassword,
|
|
364
|
+
children: t('auth.button.forgotpassword')
|
|
365
|
+
})
|
|
366
|
+
}), ' ']
|
|
322
367
|
})]
|
|
323
368
|
});
|
|
324
369
|
}
|
|
@@ -392,15 +437,10 @@ function RequestNewPassword (_ref) {
|
|
|
392
437
|
authorizationStore.showLogin();
|
|
393
438
|
};
|
|
394
439
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
395
|
-
children: [/*#__PURE__*/jsx(
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
}), !!errorText && /*#__PURE__*/jsxs("div", {
|
|
400
|
-
className: error,
|
|
401
|
-
children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
|
|
402
|
-
children: t(errorText)
|
|
403
|
-
})]
|
|
440
|
+
children: [/*#__PURE__*/jsx(Header, {
|
|
441
|
+
title: t('auth.title.resetpassword'),
|
|
442
|
+
text: t('auth.info.resetdescription', ''),
|
|
443
|
+
errorText: errorText !== null && errorText !== void 0 ? errorText : ''
|
|
404
444
|
}), requested && /*#__PURE__*/jsxs("div", {
|
|
405
445
|
className: success,
|
|
406
446
|
children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
|
|
@@ -703,15 +743,10 @@ function WelcomeScreen (_ref) {
|
|
|
703
743
|
return _checkInvitation.apply(this, arguments);
|
|
704
744
|
}
|
|
705
745
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
706
|
-
children: [/*#__PURE__*/jsx(
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
}), invitationError && /*#__PURE__*/jsxs("div", {
|
|
711
|
-
className: error,
|
|
712
|
-
children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
|
|
713
|
-
children: t(invitationError)
|
|
714
|
-
})]
|
|
746
|
+
children: [/*#__PURE__*/jsx(Header, {
|
|
747
|
+
title: t('auth.title.welcome'),
|
|
748
|
+
text: t('auth.info.welcomedescription', ''),
|
|
749
|
+
errorText: invitationError !== null && invitationError !== void 0 ? invitationError : ''
|
|
715
750
|
}), isNewUser && !invitationError && /*#__PURE__*/jsx(Button, {
|
|
716
751
|
onClick: toRegister,
|
|
717
752
|
children: t('auth.title.register')
|
|
@@ -760,8 +795,12 @@ function Register() {
|
|
|
760
795
|
setOtp = _useState14[1];
|
|
761
796
|
var _useState15 = useState(false),
|
|
762
797
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
763
|
-
|
|
764
|
-
|
|
798
|
+
loading = _useState16[0],
|
|
799
|
+
setLoading = _useState16[1];
|
|
800
|
+
var _useState17 = useState(false),
|
|
801
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
802
|
+
agbAccepted = _useState18[0],
|
|
803
|
+
setAgbAccepted = _useState18[1];
|
|
765
804
|
var onRegister = /*#__PURE__*/function () {
|
|
766
805
|
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
767
806
|
var _authorizationStore$s2;
|
|
@@ -769,28 +808,33 @@ function Register() {
|
|
|
769
808
|
while (1) switch (_context.prev = _context.next) {
|
|
770
809
|
case 0:
|
|
771
810
|
_context.prev = 0;
|
|
772
|
-
|
|
811
|
+
setLoading(true);
|
|
812
|
+
_context.next = 4;
|
|
773
813
|
return flowResult(authorizationStore.register(email, password, firstname, familyname, (_authorizationStore$s2 = authorizationStore.state) === null || _authorizationStore$s2 === void 0 ? void 0 : _authorizationStore$s2.invitationId, useOtp ? otp : undefined));
|
|
774
|
-
case
|
|
814
|
+
case 4:
|
|
775
815
|
setEmail('');
|
|
776
816
|
setPassword('');
|
|
777
817
|
setRepeatPassword('');
|
|
778
818
|
setFirstname('');
|
|
779
819
|
setFamilyname('');
|
|
780
|
-
_context.next =
|
|
820
|
+
_context.next = 15;
|
|
781
821
|
break;
|
|
782
|
-
case
|
|
783
|
-
_context.prev =
|
|
822
|
+
case 11:
|
|
823
|
+
_context.prev = 11;
|
|
784
824
|
_context.t0 = _context["catch"](0);
|
|
785
825
|
setErrorText('auth.error.invitationotp');
|
|
786
826
|
LOG.error(new DivaError('Error while registering', {
|
|
787
827
|
cause: _context.t0
|
|
788
828
|
}));
|
|
789
|
-
case
|
|
829
|
+
case 15:
|
|
830
|
+
_context.prev = 15;
|
|
831
|
+
setLoading(false);
|
|
832
|
+
return _context.finish(15);
|
|
833
|
+
case 18:
|
|
790
834
|
case "end":
|
|
791
835
|
return _context.stop();
|
|
792
836
|
}
|
|
793
|
-
}, _callee, null, [[0,
|
|
837
|
+
}, _callee, null, [[0, 11, 15, 18]]);
|
|
794
838
|
}));
|
|
795
839
|
return function onRegister() {
|
|
796
840
|
return _ref.apply(this, arguments);
|
|
@@ -803,15 +847,10 @@ function Register() {
|
|
|
803
847
|
};
|
|
804
848
|
var loginMethods = (_authorizationStore$s4 = authorizationStore.state) === null || _authorizationStore$s4 === void 0 ? void 0 : _authorizationStore$s4.loginMethods;
|
|
805
849
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
806
|
-
children: [/*#__PURE__*/jsx(
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
}), !!errorText && /*#__PURE__*/jsxs("div", {
|
|
811
|
-
className: error,
|
|
812
|
-
children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
|
|
813
|
-
children: t(errorText)
|
|
814
|
-
})]
|
|
850
|
+
children: [/*#__PURE__*/jsx(Header, {
|
|
851
|
+
title: t('auth.title.register'),
|
|
852
|
+
text: t('auth.text.register', ''),
|
|
853
|
+
errorText: errorText !== null && errorText !== void 0 ? errorText : ''
|
|
815
854
|
}), /*#__PURE__*/jsx(OpenId, {}), ((loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft)) && loginMethods.standard && /*#__PURE__*/jsx("div", {
|
|
816
855
|
className: separator,
|
|
817
856
|
children: "or"
|
|
@@ -892,19 +931,20 @@ function Register() {
|
|
|
892
931
|
})]
|
|
893
932
|
})]
|
|
894
933
|
})]
|
|
895
|
-
}), /*#__PURE__*/jsx(
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
fontSize: 14
|
|
934
|
+
}), /*#__PURE__*/jsx(Alert$1, {
|
|
935
|
+
severity: "warning",
|
|
936
|
+
sx: {
|
|
937
|
+
display: validPassword() ? 'none' : 'flex'
|
|
900
938
|
},
|
|
901
|
-
hidden: validPassword(),
|
|
902
939
|
children: t('auth.input.passwordsnotmatch')
|
|
903
940
|
})]
|
|
904
|
-
}), /*#__PURE__*/
|
|
905
|
-
disabled: !validPassword(),
|
|
941
|
+
}), /*#__PURE__*/jsxs(Button, {
|
|
942
|
+
disabled: !validPassword() || loading,
|
|
906
943
|
onClick: validPassword() ? onRegister : undefined,
|
|
907
|
-
children:
|
|
944
|
+
children: [loading ? /*#__PURE__*/jsx(CircularProgress$1, {
|
|
945
|
+
size: 24,
|
|
946
|
+
color: "inherit"
|
|
947
|
+
}) : undefined, loading ? undefined : t('auth.input.login')]
|
|
908
948
|
})]
|
|
909
949
|
})]
|
|
910
950
|
});
|
|
@@ -916,7 +956,8 @@ function Auth() {
|
|
|
916
956
|
var _useDivaCoreContext = useDivaCoreContext(),
|
|
917
957
|
authorizationStore = _useDivaCoreContext.authorizationStore,
|
|
918
958
|
configurationStore = _useDivaCoreContext.configurationStore,
|
|
919
|
-
dataStore = _useDivaCoreContext.dataStore
|
|
959
|
+
dataStore = _useDivaCoreContext.dataStore,
|
|
960
|
+
contentStore = _useDivaCoreContext.contentStore;
|
|
920
961
|
var logo = useMemo(function () {
|
|
921
962
|
var _dataStore$organizati, _configurationStore$n;
|
|
922
963
|
var logo = divaLogo;
|
|
@@ -945,14 +986,14 @@ function Auth() {
|
|
|
945
986
|
}
|
|
946
987
|
}), /*#__PURE__*/jsxs("div", {
|
|
947
988
|
className: loginBox,
|
|
948
|
-
children: [/*#__PURE__*/jsx("div", {
|
|
989
|
+
children: [(!contentStore.containerDimensions.isMobile || contentStore.containerDimensions.isPortrait) && /*#__PURE__*/jsx("div", {
|
|
949
990
|
className: logoContainer,
|
|
950
991
|
style: {
|
|
951
992
|
height: (_configurationStore$c = configurationStore.configuration.loginLogoHeight) !== null && _configurationStore$c !== void 0 ? _configurationStore$c : 50,
|
|
952
993
|
backgroundImage: "url(".concat(logo, ")")
|
|
953
994
|
}
|
|
954
995
|
}), /*#__PURE__*/jsx(AuthElements, {})]
|
|
955
|
-
}), configurationStore.authentication.contentBox && /*#__PURE__*/jsx("div", {
|
|
996
|
+
}), configurationStore.authentication.contentBox && !contentStore.containerDimensions.isMobile && /*#__PURE__*/jsx("div", {
|
|
956
997
|
style: {
|
|
957
998
|
width: 'calc(100% - 400px)',
|
|
958
999
|
height: '100%',
|