@crystaldesign/diva-core 25.5.0-beta.1 → 25.5.0-beta.2

package/build/esm/{ModalsWrapper-b9b8e163.js → ModalsWrapper-e672849c.js}

@@ -1,4 +1,4 @@
-import { i as styleInject, u as useDivaCoreContext } from './index-6cde445b.js';
+import { i as styleInject, u as useDivaCoreContext } from './index-c9dd4cce.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';

package/build/esm/{index-01a3657d.js → index-53d008af.js}

@@ -1,4 +1,4 @@
-import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, t as titlecontainer, 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-6cde445b.js';
+import { u as useDivaCoreContext, A as AuthButton, s as socialButton, g as google, m as microsoft, t as titlecontainer, 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-c9dd4cce.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -58,21 +58,21 @@ function OpenId () {
     t = _useTranslation.t;
   var loginMethods = (_authorizationStore$s = authorizationStore.state) === null || _authorizationStore$s === void 0 ? void 0 : _authorizationStore$s.loginMethods;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [(loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) && /*#__PURE__*/jsxs(Button, {
+    children: [(loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) && /*#__PURE__*/jsxs(AuthButton, {
       className: classnames(socialButton, google),
       onClick: function onClick() {
         var _authorizationStore$s2;
         return authorizationStore.openOAuthLogin('google', authorizationStore.state.organizationId, (_authorizationStore$s2 = authorizationStore.state) === null || _authorizationStore$s2 === void 0 ? void 0 : _authorizationStore$s2.invitationId);
       },
       children: [/*#__PURE__*/jsx("div", {}), t('auth.login.google')]
-    }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft) && /*#__PURE__*/jsxs(Button, {
+    }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft) && /*#__PURE__*/jsxs(AuthButton, {
       className: classnames(socialButton, microsoft),
       onClick: function onClick() {
         var _authorizationStore$s3;
         return authorizationStore.openOAuthLogin('microsoft', authorizationStore.state.organizationId, (_authorizationStore$s3 = authorizationStore.state) === null || _authorizationStore$s3 === void 0 ? void 0 : _authorizationStore$s3.invitationId);
       },
       children: [/*#__PURE__*/jsx("div", {}), t('auth.login.microsoft')]
-    }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) && /*#__PURE__*/jsxs(Button, {
+    }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) && /*#__PURE__*/jsxs(AuthButton, {
       className: socialButton,
       style: {
         backgroundColor: (_loginMethods$generic = loginMethods.generic.backgroundColor) !== null && _loginMethods$generic !== void 0 ? _loginMethods$generic : configurationStore.theme.palette.secondary.main,
@@ -84,7 +84,8 @@ function OpenId () {
       },
       children: [/*#__PURE__*/jsx("div", {
         style: loginMethods.generic.logo ? {
-          backgroundImage: "url(".concat(loginMethods.generic.logo, ")")
+          backgroundImage: "url(".concat(loginMethods.generic.logo, ")"),
+          filter: 'brightness(0) invert(1)'
         } : {}
       }), t('auth.login.generic')]
     })]
@@ -345,7 +346,7 @@ function Login() {
             return e.key == 'Enter' ? onLogin() : false;
           }
         })]
-      }), /*#__PURE__*/jsxs(Button, {
+      }), /*#__PURE__*/jsxs(AuthButton, {
         id: "submit",
         disabled: loginDisabled || loading,
         onClick: step == 'enter' ? onContinue : onLogin,
@@ -457,12 +458,12 @@ function RequestNewPassword (_ref) {
           return e.key == 'Enter' ? resetPassword() : false;
         },
         resetInput: toLogin
-      }), /*#__PURE__*/jsx(Button, {
+      }), /*#__PURE__*/jsx(AuthButton, {
         disabled: email.length == 0,
         onClick: resetPassword,
         children: t('auth.button.resetpassword')
       })]
-    }), requested && /*#__PURE__*/jsx(Button, {
+    }), requested && /*#__PURE__*/jsx(AuthButton, {
       disabled: sending,
       onClick: toLogin,
       children: t('auth.button.login')
@@ -589,7 +590,7 @@ function ChangePassword (_ref) {
       children: [/*#__PURE__*/jsx(Errormessage, {
         hasError: hasError,
         authErrorsg: authErrorsg
-      }), /*#__PURE__*/jsx(Button, {
+      }), /*#__PURE__*/jsx(AuthButton, {
         onClick: onClickRequestNewPassword,
         children: t('auth.button.resetpassword')
       })]
@@ -604,7 +605,7 @@ function ChangePassword (_ref) {
         children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
           children: t('auth.info.verifypassword')
         })]
-      }), ((_configurationStore$a = configurationStore.authentication.resetPassword) === null || _configurationStore$a === void 0 ? void 0 : _configurationStore$a.returnToLogin) && /*#__PURE__*/jsx(Button, {
+      }), ((_configurationStore$a = configurationStore.authentication.resetPassword) === null || _configurationStore$a === void 0 ? void 0 : _configurationStore$a.returnToLogin) && /*#__PURE__*/jsx(AuthButton, {
         onClick: goToLogin,
         children: t('auth.button.login')
       })]
@@ -639,7 +640,7 @@ function ChangePassword (_ref) {
             return e.key == 'Enter' ? resetPassword() : false;
           }
         })]
-      }), /*#__PURE__*/jsx(Button, {
+      }), /*#__PURE__*/jsx(AuthButton, {
         disabled: !password1 || !password2,
         onClick: resetPassword,
         children: t('auth.button.save')
@@ -747,10 +748,10 @@ function WelcomeScreen (_ref) {
       title: t('auth.title.welcome'),
       text: t('auth.info.welcomedescription', ''),
       errorText: invitationError !== null && invitationError !== void 0 ? invitationError : ''
-    }), isNewUser && !invitationError && /*#__PURE__*/jsx(Button, {
+    }), isNewUser && !invitationError && /*#__PURE__*/jsx(AuthButton, {
       onClick: toRegister,
       children: t('auth.title.register')
-    }), !isNewUser && !invitationError && /*#__PURE__*/jsx(Button, {
+    }), !isNewUser && !invitationError && /*#__PURE__*/jsx(AuthButton, {
       onClick: toLogin,
       children: t('auth.button.login')
     })]
@@ -938,7 +939,7 @@ function Register() {
           },
           children: t('auth.input.passwordsnotmatch')
         })]
-      }), /*#__PURE__*/jsxs(Button, {
+      }), /*#__PURE__*/jsxs(AuthButton, {
         disabled: !validPassword() || loading,
         onClick: validPassword() ? onRegister : undefined,
         children: [loading ? /*#__PURE__*/jsx(CircularProgress$1, {

package/build/esm/{index-6cde445b.js → index-c9dd4cce.js}

@@ -27,7 +27,7 @@ import { withTransaction } from '@elastic/apm-rum-react';
 import Typography from '@mui/material/Typography';
 import { useTranslation, Trans, I18nextProvider } from 'react-i18next';
 import classnames from 'classnames';
-import Button$1 from '@mui/material/Button';
+import Button from '@mui/material/Button';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { ArrowBack } from '@mui/icons-material';
 import '@crystaldesign/basket-model';
@@ -36,7 +36,7 @@ import axios from 'axios';
 import { ProductHandlerAbstract } from '@crystaldesign/product-handler';
 import { useSwipeable } from 'react-swipeable';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { Button as Button$2, Snackbar, SnackbarContent, IconButton, Card, CardHeader, CardContent } from '@mui/material';
+import { Button as Button$1, Snackbar, SnackbarContent, IconButton, Card, CardHeader, CardContent } from '@mui/material';
 import { useTranslation as useTranslation$1, useDivaCore as useDivaCore$1 } from '@crystaldesign/diva-core';
 import QRCode from 'react-qr-code';
 import CloseIcon from '@mui/icons-material/Close';
@@ -46,7 +46,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"25.5.0-beta.1"};
+    const env = {"STAGE":"production","VERSION":"25.5.0-beta.2"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -123,8 +123,8 @@ function baseUrl() {
   return urlParts[urlParts.length - 2] + '.' + urlParts[urlParts.length - 1];
 }
 
-function ownKeys$h(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; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(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; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _existingLogger = new Map();
 var _apmInitialized = false;
 var _onErrorEvent = function _onErrorEvent() {};
@@ -205,9 +205,9 @@ var ApplicationLogger = /*#__PURE__*/function () {
       this.transactions["delete"](eventId);
       event.end = end;
       var cleanLabels = this.cleanLabels(labels);
-      event.event.labels = _objectSpread$h(_objectSpread$h({}, event.event.labels), cleanLabels);
+      event.event.labels = _objectSpread$i(_objectSpread$i({}, event.event.labels), cleanLabels);
       if (event.event.span) {
-        event.event.span.addLabels(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, event.event.labels), cleanLabels), {}, {
+        event.event.span.addLabels(_objectSpread$i(_objectSpread$i(_objectSpread$i({}, event.event.labels), cleanLabels), {}, {
           eventId: eventId
         }));
         event.event.span.end();
@@ -215,7 +215,7 @@ var ApplicationLogger = /*#__PURE__*/function () {
       clearTimeout(event.event.warningTimeout);
       clearTimeout(event.event.errorTimeout);
       this.debug("Transaction ".concat(event.event.type, " (").concat(event.event.message, ") took ").concat(Math.floor(end - event.start), "ms"));
-      DivaUtils.businessMetrics.logEvent(event.event.type, this.module, event.event.message, _objectSpread$h(_objectSpread$h(_objectSpread$h({}, event.event.labels), cleanLabels), {}, {
+      DivaUtils.businessMetrics.logEvent(event.event.type, this.module, event.event.message, _objectSpread$i(_objectSpread$i(_objectSpread$i({}, event.event.labels), cleanLabels), {}, {
         eventId: eventId,
         status: event.event.timeout ? 'TIMEOUT' : 'SUCCESS',
         eventDuration: Math.floor(end - event.start),
@@ -250,9 +250,9 @@ var ApplicationLogger = /*#__PURE__*/function () {
       }
       event.end = end;
       var cleanLabels = this.cleanLabels(labels);
-      event.event.labels = _objectSpread$h(_objectSpread$h({}, event.event.labels), cleanLabels);
+      event.event.labels = _objectSpread$i(_objectSpread$i({}, event.event.labels), cleanLabels);
       if (event.event.span) {
-        event.event.span.addLabels(_objectSpread$h(_objectSpread$h(_objectSpread$h({}, event.event.labels), cleanLabels), {}, {
+        event.event.span.addLabels(_objectSpread$i(_objectSpread$i(_objectSpread$i({}, event.event.labels), cleanLabels), {}, {
           eventId: eventId
         }));
         event.event.span.end();
@@ -260,7 +260,7 @@ var ApplicationLogger = /*#__PURE__*/function () {
       clearTimeout(event.event.warningTimeout);
       clearTimeout(event.event.errorTimeout);
       this.debug("Transaction ".concat(event.event.type, " (").concat(event.event.message, ") failed after ").concat(Math.floor(end - event.start), "ms"));
-      DivaUtils.businessMetrics.logEvent(event.event.type, this.module, event.event.message, _objectSpread$h(_objectSpread$h(_objectSpread$h({}, event.event.labels), cleanLabels), {}, {
+      DivaUtils.businessMetrics.logEvent(event.event.type, this.module, event.event.message, _objectSpread$i(_objectSpread$i(_objectSpread$i({}, event.event.labels), cleanLabels), {}, {
         error: code,
         errorMessage: message,
         eventId: eventId,
@@ -359,7 +359,7 @@ var ApplicationLogger = /*#__PURE__*/function () {
       _onErrorEvent(_error.message, _error.name);
 
       //for apm we spread the custom object directly on the error object, so that the are added to APM as custom attributes
-      var forApm = _objectSpread$h(_objectSpread$h({}, _error), _error.custom);
+      var forApm = _objectSpread$i(_objectSpread$i({}, _error), _error.custom);
       (_getApmInstance = getApmInstance()) === null || _getApmInstance === void 0 || _getApmInstance.captureError(forApm);
     }
   }, {
@@ -433,8 +433,8 @@ if (typeof __webpack_public_path__ !== 'undefined') {
   }
 }
 
-function ownKeys$g(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; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(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; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
 var LOG$e = getLogger('Framework', 'webcomponent');
@@ -658,14 +658,14 @@ var CoreWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
   if (!components) {
     return /*#__PURE__*/jsx(Fragment, {});
   }
-  return /*#__PURE__*/jsx(DivaCore, _objectSpread$g(_objectSpread$g({}, props), {}, {
+  return /*#__PURE__*/jsx(DivaCore, _objectSpread$h(_objectSpread$h({}, props), {}, {
     components: components,
     ref: ref
   }));
 });
 
 //we have to externalize the materialUI styling here, so that also in UMD the same instance is used
-window.MaterialUIStyles = _objectSpread$g(_objectSpread$g({}, Styles), CoreStyles);
+window.MaterialUIStyles = _objectSpread$h(_objectSpread$h({}, Styles), CoreStyles);
 if (!window.customElements.get('diva-framework')) {
   window.customElements.define('diva-framework', DivaFramework);
 }
@@ -768,8 +768,8 @@ var defaultTheme = {
   }
 };
 
-function ownKeys$f(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; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(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; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$d = getLogger('Framework', 'ConfigurationStore');
 var ConfigurationStore = /*#__PURE__*/function () {
   function ConfigurationStore(root, identifier, defaultApiConfig, domain) {
@@ -933,7 +933,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
     key: "authentication",
     get: function get() {
       var _this$_configuration$, _this$_configuration35, _this$_configuration36, _this$_configuration37, _this$_configuration38, _this$_configuration39, _this$_configuration40, _this$_configuration41, _this$_configuration42, _this$_configuration43, _this$_configuration$2, _this$_configuration44;
-      return _objectSpread$f(_objectSpread$f({}, (_this$_configuration$ = (_this$_configuration35 = this._configuration) === null || _this$_configuration35 === void 0 ? void 0 : _this$_configuration35.authentication) !== null && _this$_configuration$ !== void 0 ? _this$_configuration$ : {}), {}, {
+      return _objectSpread$g(_objectSpread$g({}, (_this$_configuration$ = (_this$_configuration35 = this._configuration) === null || _this$_configuration35 === void 0 ? void 0 : _this$_configuration35.authentication) !== null && _this$_configuration$ !== void 0 ? _this$_configuration$ : {}), {}, {
         loginMethods: {
           google: (_this$_configuration36 = this._configuration) !== null && _this$_configuration36 !== void 0 && (_this$_configuration36 = _this$_configuration36.authentication) !== null && _this$_configuration36 !== void 0 && _this$_configuration36.loginMethods ? (_this$_configuration37 = this._configuration) === null || _this$_configuration37 === void 0 || (_this$_configuration37 = _this$_configuration37.authentication) === null || _this$_configuration37 === void 0 ? void 0 : _this$_configuration37.loginMethods.google : true,
           microsoft: (_this$_configuration38 = this._configuration) !== null && _this$_configuration38 !== void 0 && (_this$_configuration38 = _this$_configuration38.authentication) !== null && _this$_configuration38 !== void 0 && _this$_configuration38.loginMethods ? (_this$_configuration39 = this._configuration) === null || _this$_configuration39 === void 0 || (_this$_configuration39 = _this$_configuration39.authentication) === null || _this$_configuration39 === void 0 ? void 0 : _this$_configuration39.loginMethods.microsoft : true,
@@ -1003,12 +1003,12 @@ var ConfigurationStore = /*#__PURE__*/function () {
       var _this$_configuration53;
       if ((_this$_configuration53 = this._configuration) !== null && _this$_configuration53 !== void 0 && _this$_configuration53.priceFormat) {
         var _this$_configuration54, _this$root$dataStore$2, _this$root$dataStore$3, _this$_configuration55;
-        return _objectSpread$f(_objectSpread$f({}, (_this$_configuration54 = this._configuration) === null || _this$_configuration54 === void 0 ? void 0 : _this$_configuration54.priceFormat), {}, {
+        return _objectSpread$g(_objectSpread$g({}, (_this$_configuration54 = this._configuration) === null || _this$_configuration54 === void 0 ? void 0 : _this$_configuration54.priceFormat), {}, {
           currency: (_this$root$dataStore$2 = (_this$root$dataStore$3 = this.root.dataStore.organization) === null || _this$root$dataStore$3 === void 0 ? void 0 : _this$root$dataStore$3.settings.defaultCurrency) !== null && _this$root$dataStore$2 !== void 0 ? _this$root$dataStore$2 : (_this$_configuration55 = this._configuration) === null || _this$_configuration55 === void 0 ? void 0 : _this$_configuration55.priceFormat.currency
         });
       } else {
         var _this$root$dataStore$4, _this$root$dataStore$5;
-        return _objectSpread$f(_objectSpread$f({}, DivaUtils.defaultPriceFormat), {}, {
+        return _objectSpread$g(_objectSpread$g({}, DivaUtils.defaultPriceFormat), {}, {
           currency: (_this$root$dataStore$4 = (_this$root$dataStore$5 = this.root.dataStore.organization) === null || _this$root$dataStore$5 === void 0 ? void 0 : _this$root$dataStore$5.settings.defaultCurrency) !== null && _this$root$dataStore$4 !== void 0 ? _this$root$dataStore$4 : DivaUtils.defaultPriceFormat.currency
         });
       }
@@ -1219,8 +1219,8 @@ function isIpadOS() {
   return navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform);
 }
 
-function ownKeys$e(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; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(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; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$c = getLogger('Framework', 'DataStore');
 var DataStore = /*#__PURE__*/function () {
   function DataStore(root) {
@@ -1258,8 +1258,8 @@ var DataStore = /*#__PURE__*/function () {
     key: "organization",
     get: function get() {
       var _settings$defaultCurr, _settings;
-      return this._organization ? _objectSpread$e(_objectSpread$e({}, this._organization), {}, {
-        settings: _objectSpread$e(_objectSpread$e({}, this._organization.settings), {}, {
+      return this._organization ? _objectSpread$f(_objectSpread$f({}, this._organization), {}, {
+        settings: _objectSpread$f(_objectSpread$f({}, this._organization.settings), {}, {
           defaultCurrency: (_settings$defaultCurr = (_settings = this._organization.settings) === null || _settings === void 0 ? void 0 : _settings.defaultCurrency) !== null && _settings$defaultCurr !== void 0 ? _settings$defaultCurr : '€'
         })
       }) : this._organization;
@@ -1300,7 +1300,7 @@ var DataStore = /*#__PURE__*/function () {
       return [].concat(_toConsumableArray(((_this$_organization$p = (_this$_organization$p2 = this._organization.parentOrganizations) === null || _this$_organization$p2 === void 0 ? void 0 : _this$_organization$p2.filter(function (org) {
         return _this._parentOrganizations.includes(org._id);
       })) !== null && _this$_organization$p !== void 0 ? _this$_organization$p : []).map(function (org) {
-        return _objectSpread$e(_objectSpread$e({}, org), {}, {
+        return _objectSpread$f(_objectSpread$f({}, org), {}, {
           type: org.type != 'SUPPLIER' ? org.parentType : undefined //supplier should not be accessed directly, only its children, so the simpliest solution is to remove here the type
         });
       }).reverse()), [{
@@ -1739,22 +1739,29 @@ var separator = "separator-Hg6fH";
 var input = "input--Dl8e";
 var readonly = "readonly-uw66l";
 var link = "link-s-Rcm";
-var css_248z$6 = ".titlecontainer-LeRMj {\n  text-align: center;\n  color: #474747;\n}\n\n.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  font-size: medium;\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";
+var css_248z$6 = ".titlecontainer-LeRMj {\n  text-align: center;\n  color: #474747;\n}\n\n.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 {\n  justify-content: space-around;\n  text-transform: none;\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  font-size: medium;\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";
 styleInject(css_248z$6);
 
-function Button (_ref) {
+var _excluded$7 = ["className", "disabled", "children", "onClick", "style"];
+function ownKeys$e(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; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function AuthButton(_ref) {
   var className = _ref.className,
     disabled = _ref.disabled,
     children = _ref.children,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/jsx(Button$1, {
+    onClick = _ref.onClick,
+    style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded$7);
+  return /*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
     id: "submit",
     variant: "contained",
     disabled: disabled,
     onClick: onClick,
     className: classnames(authButton, className, disabled ? buttonDisabled : undefined),
+    style: style
+  }, props), {}, {
     children: children
-  });
+  }));
 }
 
 var _excluded$6 = ["className", "readOnly", "resetInput"];
@@ -1894,7 +1901,7 @@ function Barrier (_ref) {
       tos: tosChecked,
       setTos: setTosChecked
     }), actions === null || actions === void 0 ? void 0 : actions.map(function (a, index) {
-      return /*#__PURE__*/jsx(Button, {
+      return /*#__PURE__*/jsx(AuthButton, {
         "data-test-id": "barrier-action-button",
         className: a.className,
         disabled: disabledActions === null || disabledActions === void 0 ? void 0 : disabledActions[index],
@@ -9625,7 +9632,7 @@ var SideMenu$1 = observer(SideMenu);
 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; }
 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; }
 var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-b9b8e163.js');
+  return import('./ModalsWrapper-e672849c.js');
 });
 function Fullscreen(_ref) {
   var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
@@ -9900,7 +9907,7 @@ function ErrorDisplay() {
             children: [loadingAndErrorStore.divaErrorCode ? loadingAndErrorStore.divaErrorCode + ': ' : '', " ", loadingAndErrorStore.error]
           }), /*#__PURE__*/jsxs("div", {
             className: actionButtons,
-            children: [loadingAndErrorStore.fallbackModule && /*#__PURE__*/jsx(Button$2, {
+            children: [loadingAndErrorStore.fallbackModule && /*#__PURE__*/jsx(Button$1, {
               color: "primary",
               variant: "contained",
               onClick: function onClick() {
@@ -9910,14 +9917,14 @@ function ErrorDisplay() {
                 });
               },
               children: (_loadingAndErrorStore5 = loadingAndErrorStore.fallbackModule.text) !== null && _loadingAndErrorStore5 !== void 0 ? _loadingAndErrorStore5 : t('portal.error.gotodefaultmodule') + ' (' + loadingAndErrorStore.fallbackModule.route.replace('/', '') + ')'
-            }), configurationStore.applicationEnvironment !== 'WEB' && loadingAndErrorStore.showLogout && /*#__PURE__*/jsx(Button$2, {
+            }), configurationStore.applicationEnvironment !== 'WEB' && loadingAndErrorStore.showLogout && /*#__PURE__*/jsx(Button$1, {
               color: "primary",
               variant: "contained",
               onClick: function onClick() {
                 return authorizationStore.logout();
               },
               children: "Logout"
-            }), showReload && /*#__PURE__*/jsx(Button$2, {
+            }), showReload && /*#__PURE__*/jsx(Button$1, {
               color: "primary",
               variant: "contained",
               onClick: function onClick() {
@@ -10083,10 +10090,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 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; }
 var LOG$2 = getLogger('Framework', 'Root');
 var LazyAuth = /*#__PURE__*/React.lazy(function () {
-  return import('./index-01a3657d.js');
+  return import('./index-53d008af.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-b9b8e163.js');
+  return import('./ModalsWrapper-e672849c.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();
@@ -11082,4 +11089,4 @@ LOG.startTransaction({
 });
 window.DIVA_VERSION = "v".concat(process.env.VERSION);
 
-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, titlecontainer as t, useDivaCoreContext as u };
+export { AuthButton as A, 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, AuthorizationHandler as k, link as l, microsoft as m, AnalyticsHandler as n, OrganizationHandler as o, ClientArticleHandler as p, DivaMockProvider as q, storyBookCoreMock as r, socialButton as s, titlecontainer as t, useDivaCoreContext as u };

package/build/esm/index.js

@@ -1,4 +1,4 @@
-export { k as AnalyticsHandler, A as AuthorizationHandler, o as ClientArticleHandler, C as Content, p as DivaMockProvider, H as HelpButton, O as ONE_DAY_UNIX, n as OrganizationHandler, P as ProductHandler, R as RequestStatus, S as SupportHandler, D as default, a as getLogger, q as storyBookCoreMock, j as useDivaCore } from './index-6cde445b.js';
+export { n as AnalyticsHandler, k as AuthorizationHandler, p as ClientArticleHandler, C as Content, q as DivaMockProvider, H as HelpButton, O as ONE_DAY_UNIX, o as OrganizationHandler, P as ProductHandler, R as RequestStatus, S as SupportHandler, D as default, a as getLogger, r as storyBookCoreMock, j as useDivaCore } from './index-c9dd4cce.js';
 export { DivaError, default as DivaUtils } from '@crystaldesign/diva-utils';
 export { Trans, useTranslation } from 'react-i18next';
 export * from '@crystaldesign/basket-model';

package/build/types/core/src/elements/Auth/Button/index.d.ts

@@ -1,5 +1,6 @@
-import React, { DetailedHTMLProps } from 'react';
-export default function ({ className, disabled, children, onClick, }: DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+import React from 'react';
+import { ButtonProps } from '@mui/material/Button';
+export default function AuthButton({ className, disabled, children, onClick, style, ...props }: ButtonProps & {
     disabled?: boolean;
     onClick?: () => void;
 }): React.JSX.Element;

package/build/types/core/src/elements/Auth/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/elements/Auth/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,CAAC,OAAO,WAAW,EACvB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,qBAYA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/elements/Auth/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,qBAcA"}

package/build/umd/210.diva-core.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 210.diva-core.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaCore=self.webpackChunkCrystaldesignDivaCore||[]).push([[210],{4210:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var r=n(7363),a=n(7095),o=n(4658),i=n(4988),s=n(747),l=n.n(s),u=n(523),c=n(9420),d=n(3693),h=n(8623),v=n(5617),g=n(7995),p=n(789),w=n(5515),x=n.n(w),f=n(7514);function OpenId(){var e,t,n,r=(0,a.KH)(),o=r.configurationStore,i=r.authorizationStore,s=(0,p.$G)().t,l=null===(e=i.state)||void 0===e?void 0:e.loginMethods;return(0,f.jsxs)(f.Fragment,{children:[(null==l?void 0:l.google)&&(0,f.jsxs)(g.Z,{className:x()(u.FI,u.lk),onClick:function onClick(){var e;return i.openOAuthLogin("google",i.state.organizationId,null===(e=i.state)||void 0===e?void 0:e.invitationId)},children:[(0,f.jsx)("div",{}),s("auth.login.google")]}),(null==l?void 0:l.microsoft)&&(0,f.jsxs)(g.Z,{className:x()(u.FI,u.Eg),onClick:function onClick(){var e;return i.openOAuthLogin("microsoft",i.state.organizationId,null===(e=i.state)||void 0===e?void 0:e.invitationId)},children:[(0,f.jsx)("div",{}),s("auth.login.microsoft")]}),(null==l?void 0:l.generic)&&(0,f.jsxs)(g.Z,{className:u.FI,style:{backgroundColor:null!==(t=l.generic.backgroundColor)&&void 0!==t?t:o.theme.palette.secondary.main,color:null!==(n=l.generic.color)&&void 0!==n?n:o.theme.palette.secondary.contrastText},onClick:function onClick(){var e;return i.openOAuthLogin("genericOpenId",i.state.organizationId,null===(e=i.state)||void 0===e?void 0:e.invitationId)},children:[(0,f.jsx)("div",{style:l.generic.logo?{backgroundImage:"url(".concat(l.generic.logo,")")}:{}}),s("auth.login.generic")]})]})}var j=n(4680),m=n(3830),y=n(6033),M=n(5553);function Header(e){var t=e.title,n=e.text,r=e.errorText,a=(0,M.useTranslation)().t;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:u.C4,children:(0,f.jsx)("h2",{children:t})}),(0,f.jsx)("p",{children:n}),r&&(0,f.jsx)(y.Z,{severity:"error",className:u.vU,children:a(r)})]})}var k=(0,j.jl)("Framework","Login");const C=(0,c.Pi)((function Login(){var e,t,n,s,c=(0,a.KH)(),w=c.authorizationStore,x=c.authorizationHandler,j=(0,r.useState)("enter"),y=(0,i.Z)(j,2),M=y[0],C=y[1],L=(0,r.useState)(!1),N=(0,i.Z)(L,2),S=N[0],Z=N[1],I=(0,r.useState)(null!==(e=null===(t=w.state)||void 0===t?void 0:t.email)&&void 0!==e?e:""),E=(0,i.Z)(I,2),D=E[0],z=E[1],b=(0,r.useState)(""),T=(0,i.Z)(b,2),P=T[0],A=T[1],O=(0,r.useState)(""),_=(0,i.Z)(O,2),F=_[0],R=_[1],U=(0,r.useState)(!1),G=(0,i.Z)(U,2),H=G[0],K=G[1],$=(0,r.useState)(w.state.invitationId),Q=(0,i.Z)($,2),V=Q[0],W=Q[1],Y=(0,r.useState)("LOGIN"==(null===(n=w.state)||void 0===n?void 0:n.type)?w.state.error:void 0),B=(0,i.Z)(Y,2),q=B[0],J=B[1],X=(0,p.$G)().t,ee=function(){var e=(0,o.Z)(l().mark((function _callee(){var e,t;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(Z(!0),q&&J(void 0),n.prev=2,V){n.next=8;break}return n.next=6,x.getInvitationValue("id",D);case 6:(e=n.sent)&&(e.isNewUser&&(w.close(),w.showRegister(void 0,D,!!e.useotp)),W(!0),e.useotp&&K(!0));case 8:return n.next=10,x.fetchLoginProvider({email:D});case 10:"standard"==(t=n.sent).provider?C("login"):w.openOAuthLogin(t.provider,w.state.organizationId,w.state.invitationId),n.next=18;break;case 14:n.prev=14,n.t0=n.catch(2),k.error(new d.GE("Error while fetching login provider",{cause:n.t0})),J("auth.error.password");case 18:return n.prev=18,Z(!1),n.finish(18);case 21:case"end":return n.stop()}}),_callee,null,[[2,14,18,21]])})));return function onContinue(){return e.apply(this,arguments)}}(),te=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:return Z(!0),q&&J(void 0),e.prev=2,e.next=5,(0,h.fl)(w.login(D,P,!1,w.state.organizationId,w.state.invitationId,F));case 5:z(""),A(""),J(void 0),e.next=14;break;case 10:e.prev=10,e.t0=e.catch(2),k.error(new d.GE("Error while logging in",{cause:e.t0})),J(V?"auth.error.passwordotp":"auth.error.password");case 14:return e.prev=14,Z(!1),e.finish(14);case 17:case"end":return e.stop()}}),_callee2,null,[[2,10,14,17]])})));return function onLogin(){return e.apply(this,arguments)}}(),ne=function(){var e=(0,o.Z)(l().mark((function _callee3(){return l().wrap((function _callee3$(e){for(;;)switch(e.prev=e.next){case 0:w.showRequestNewPassword(D);case 1:case"end":return e.stop()}}),_callee3)})));return function resetPassword(){return e.apply(this,arguments)}}(),re="enter"==M&&0==D.length||"enter"!=M&&0==P.length;H&&!re&&(re=0==F.length);var ae=null===(s=w.state)||void 0===s?void 0:s.loginMethods;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:X("auth.title.login"),text:X("auth.text.login",""),errorText:null!=q?q:""}),(0,f.jsx)(OpenId,{}),((null==ae?void 0:ae.generic)||(null==ae?void 0:ae.google)||(null==ae?void 0:ae.microsoft))&&ae.standard&&(0,f.jsx)("div",{className:u.kr,children:"or"}),(null==ae?void 0:ae.standard)&&(0,f.jsxs)(f.Fragment,{children:["enter"==M&&(0,f.jsxs)("form",{children:[(0,f.jsx)(v.Z,{id:"username",value:D,autoComplete:"username",autoFocus:!0,type:"email",placeholder:X("auth.input.email"),onChange:function onChange(e){return z(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&ee()}}),(0,f.jsx)(v.Z,{value:P,id:"password",type:"password",autoComplete:"current-password",hidden:!0,autoFocus:!0,placeholder:X("auth.input.password"),onChange:function onChange(e){return A(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&te()}})]}),"login"==M&&(0,f.jsxs)("form",{children:[H&&(0,f.jsx)(v.Z,{value:F,type:"text",autoFocus:!0,placeholder:X("auth.input.otp"),onChange:function onChange(e){return R(e.target.value)}}),(0,f.jsx)(v.Z,{value:D,type:"email",readOnly:!0,placeholder:X("auth.input.email"),resetInput:function reset(){C("enter"),z(""),A(""),J(void 0)}}),(0,f.jsx)(v.Z,{value:P,type:"password",id:"password",autoFocus:!0,placeholder:X("auth.input.password"),onChange:function onChange(e){return A(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&te()}})]}),(0,f.jsxs)(g.Z,{id:"submit",disabled:re||S,onClick:"enter"==M?ee:te,children:[S?(0,f.jsx)(m.Z,{size:24,color:"inherit"}):void 0,S?void 0:X("enter"==M?"auth.button.continue":"auth.button.login")]}),"login"==M&&(0,f.jsx)("div",{style:{textAlign:"center"},children:(0,f.jsx)("div",{className:u.p4,onClick:ne,children:X("auth.button.forgotpassword")})})," "]})]})}));var L=(0,j.jl)("Framework","RequestNewPassword");function RequestNewPassword(e){var t=e.initEmail,n=(0,a.KH)(),s=n.authorizationStore,c=n.apiHandler,h=n.loadingAndErrorStore,w=(0,r.useState)(t),x=(0,i.Z)(w,2),j=x[0],m=x[1],y=(0,r.useState)(!1),M=(0,i.Z)(y,2),k=M[0],C=M[1],N=(0,r.useState)(),S=(0,i.Z)(N,2),Z=S[0],I=S[1],E=(0,r.useState)(),D=(0,i.Z)(E,2),z=D[0],b=D[1],T=(0,p.$G)().t,P=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,b(!0),h.toggleLoading("SendPassword"),e.next=5,c.sendPasswordRecoveryMail({email:j});case 5:b(!1),h.toggleLoading("SendPassword"),C(!0),I(void 0),e.next=17;break;case 11:e.prev=11,e.t0=e.catch(0),L.error(new d.GE("Error while sending password recovery mail",{cause:e.t0})),I("auth.error.resetpassword"),b(!1),h.toggleLoading("SendPassword");case 17:case"end":return e.stop()}}),_callee,null,[[0,11]])})));return function resetPassword(){return e.apply(this,arguments)}}(),A=function toLogin(){s.close(),s.showLogin()};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:T("auth.title.resetpassword"),text:T("auth.info.resetdescription",""),errorText:null!=Z?Z:""}),k&&(0,f.jsxs)("div",{className:u.Vp,children:[(0,f.jsx)("span",{}),(0,f.jsx)("div",{children:T("auth.info.resetpassword")})]}),!k&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(v.Z,{value:j,autoFocus:!0,placeholder:T("auth.input.email"),onChange:function onChange(e){return m(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&P()},resetInput:A}),(0,f.jsx)(g.Z,{disabled:0==j.length,onClick:P,children:T("auth.button.resetpassword")})]}),k&&(0,f.jsx)(g.Z,{disabled:z,onClick:A,children:T("auth.button.login")})]})}function Errormessage(e){var t=e.hasError,n=e.authErrorsg,r=(0,p.$G)().t;return(0,f.jsxs)("div",{className:u.vU,children:[(0,f.jsx)("span",{}),"INVALID"==t&&(0,f.jsx)("div",{children:r("auth.error.verifypassword")}),"SERVER"==t&&(0,f.jsx)("div",{children:n})]})}var N=(0,j.jl)("Framework","cfhange-password");function ChangePassword(e){var t,n=e.token,s=(0,a.KH)(),c=s.configurationStore,h=s.authorizationStore,w=s.apiHandler,x=(s.loadingAndErrorStore,(0,r.useState)("")),j=(0,i.Z)(x,2),m=j[0],y=j[1],M=(0,r.useState)(""),k=(0,i.Z)(M,2),C=k[0],L=k[1],S=(0,r.useState)(!1),Z=(0,i.Z)(S,2),I=Z[0],E=Z[1],D=(0,r.useState)(),z=(0,i.Z)(D,2),b=z[0],T=z[1],P=(0,r.useState)(""),A=(0,i.Z)(P,2),O=A[0],_=A[1],F=(0,r.useRef)(null),R=(0,p.$G)().t;(0,r.useEffect)((function(){m===C&&T(void 0)}),[m,C]);var U=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(_(R("auth.error.verifypasswordserver")),!(m.length<8||m!==C)){e.next=4;break}return T("INVALID"),e.abrupt("return");case 4:return e.prev=4,e.next=7,w.resetPassword({password:m,token:n});case 7:E(!0),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(4),G(e.t0);case 13:case"end":return e.stop()}}),_callee,null,[[4,10]])})));return function resetPassword(){return e.apply(this,arguments)}}(),G=function handleError(e){if(e instanceof d.GE){if("AUTH_0003"===e.name)_(R("auth.error.verifypasswordtokenerror",{errormsg:R("auth.error.tokenexpired")}));else _(R("auth.error.verifypasswordserver",e.message));N.error(e)}N.error(new d.GE("Error while resetting password",{cause:e})),T("SERVER")};return"SERVER"===b?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Errormessage,{hasError:b,authErrorsg:O}),(0,f.jsx)(g.Z,{onClick:function onClickRequestNewPassword(){h.showRequestNewPassword("")},children:R("auth.button.resetpassword")})]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("h1",{children:R("auth.title.verifypassword")}),I&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:u.Vp,children:[(0,f.jsx)("span",{}),(0,f.jsx)("div",{children:R("auth.info.verifypassword")})]}),(null===(t=c.authentication.resetPassword)||void 0===t?void 0:t.returnToLogin)&&(0,f.jsx)(g.Z,{onClick:function goToLogin(){h.close(),h.showLogin()},children:R("auth.button.login")})]}),!I&&(0,f.jsxs)(f.Fragment,{children:[b&&(0,f.jsx)(Errormessage,{hasError:b,authErrorsg:O}),(0,f.jsxs)("form",{children:[(0,f.jsx)(v.Z,{value:m,autoFocus:!0,placeholder:R("auth.input.password"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return y(e.target.value)},onKeyPress:function onKeyPress(e){var t;return"Enter"==e.key&&(null===(t=F.current)||void 0===t?void 0:t.focus())}}),(0,f.jsx)(v.Z,{ref:F,value:C,placeholder:R("auth.input.verifypassword"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return L(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&U()}})]}),(0,f.jsx)(g.Z,{disabled:!m||!C,onClick:U,children:R("auth.button.save")})]})]})}var S=n(4614);function WelcomeScreen(e){var t=e.isNewUser,n=e.invitationId,s=e.invitationOrgId,u=(0,a.KH)(),c=u.authorizationStore,d=u.authorizationHandler,h=(0,r.useState)(""),v=(0,i.Z)(h,2),w=v[0],x=v[1],j=(0,p.$G)().t,m=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,checkInvitation();case 2:(e=t.sent)&&(c.close(),c.showLogin(void 0,void 0,s,n,e));case 4:case"end":return t.stop()}}),_callee)})));return function toLogin(){return e.apply(this,arguments)}}(),y=function(){var e=(0,o.Z)(l().mark((function _callee2(){var e;return l().wrap((function _callee2$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,checkInvitation();case 2:(e=t.sent)&&(c.close(),c.showRegister(n,e));case 4:case"end":return t.stop()}}),_callee2)})));return function toRegister(){return e.apply(this,arguments)}}();function checkInvitation(){return _checkInvitation.apply(this,arguments)}function _checkInvitation(){return _checkInvitation=(0,o.Z)(l().mark((function _callee3(){var e,t,n;return l().wrap((function _callee3$(r){for(;;)switch(r.prev=r.next){case 0:return t=null===(e=c.state)||void 0===e?void 0:e.invitationId,r.next=3,d.getInvitationValue("email",t);case 3:if(!(n=r.sent)){r.next=8;break}return r.abrupt("return",n.email);case 8:return x("Invitation not found"),r.abrupt("return",void 0);case 10:case"end":return r.stop()}}),_callee3)}))),_checkInvitation.apply(this,arguments)}return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:j("auth.title.welcome"),text:j("auth.info.welcomedescription",""),errorText:null!=w?w:""}),t&&!w&&(0,f.jsx)(g.Z,{onClick:y,children:j("auth.title.register")}),!t&&!w&&(0,f.jsx)(g.Z,{onClick:m,children:j("auth.button.login")})]})}var Z=n(1705),I=(0,j.jl)("Framework","Register");const E=(0,c.Pi)((function Register(){var e,t,n,s,c,w,x=(0,a.KH)(),j=x.authorizationStore,M=x.configurationStore,k=(0,p.$G)().t,C=(0,r.useState)(null!==(e=null===(t=j.state)||void 0===t?void 0:t.email)&&void 0!==e?e:""),L=(0,i.Z)(C,2),N=L[0],S=L[1],E=(0,r.useState)(""),D=(0,i.Z)(E,2),z=D[0],b=D[1],T=(0,r.useState)(""),P=(0,i.Z)(T,2),A=P[0],O=P[1],_=(0,r.useState)(""),F=(0,i.Z)(_,2),R=F[0],U=F[1],G=(0,r.useState)(""),H=(0,i.Z)(G,2),K=H[0],$=H[1],Q=(0,r.useState)(""),V=(0,i.Z)(Q,2),W=V[0],Y=V[1],B=(0,r.useState)(""),q=(0,i.Z)(B,2),J=q[0],X=q[1],ee=(0,r.useState)(!1),te=(0,i.Z)(ee,2),ne=te[0],re=te[1],ae=(0,r.useState)(!1),oe=(0,i.Z)(ae,2),ie=oe[0],se=oe[1],le=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,re(!0),t.next=4,(0,h.fl)(j.register(N,z,K,R,null===(e=j.state)||void 0===e?void 0:e.invitationId,ue?J:void 0));case 4:S(""),b(""),O(""),$(""),U(""),t.next=15;break;case 11:t.prev=11,t.t0=t.catch(0),Y("auth.error.invitationotp"),I.error(new d.GE("Error while registering",{cause:t.t0}));case 15:return t.prev=15,re(!1),t.finish(15);case 18:case"end":return t.stop()}}),_callee,null,[[0,11,15,18]])})));return function onRegister(){return e.apply(this,arguments)}}(),ue=null===(n=j.state)||void 0===n?void 0:n.useOtp,ce=function validPassword(){return ue?null!=J&&""!==J&&z==A&&""!=z&&null!=z&&ie:z==A&&""!=z&&null!=z&&ie},de=null===(s=j.state)||void 0===s?void 0:s.loginMethods;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:k("auth.title.register"),text:k("auth.text.register",""),errorText:null!=W?W:""}),(0,f.jsx)(OpenId,{}),((null==de?void 0:de.generic)||(null==de?void 0:de.google)||(null==de?void 0:de.microsoft))&&de.standard&&(0,f.jsx)("div",{className:u.kr,children:"or"}),(null==de?void 0:de.standard)&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("form",{children:[ue&&(0,f.jsx)(v.Z,{type:"text",value:J,placeholder:k("auth.input.otp"),onChange:function onChange(e){return X(e.target.value)}}),(0,f.jsx)(v.Z,{value:K,autoFocus:!0,placeholder:k("backoffice.form.userdetails.items.name"),onChange:function onChange(e){return $(e.target.value)}}),(0,f.jsx)(v.Z,{value:R,autoFocus:!0,placeholder:k("backoffice.form.userdetails.items.familyName"),onChange:function onChange(e){return U(e.target.value)}}),(0,f.jsx)(v.Z,{value:N,autoComplete:"email",autoFocus:!0,placeholder:k("auth.input.email"),disabled:!0}),(0,f.jsx)(v.Z,{value:z,type:"password",autoFocus:!0,placeholder:k("auth.input.newpassword"),onChange:function onChange(e){return b(e.target.value)}}),(0,f.jsx)(v.Z,{value:A,type:"password",autoFocus:!0,placeholder:k("auth.input.repeatpassword"),onChange:function onChange(e){return O(e.target.value)}}),(0,f.jsxs)("div",{style:{display:"flex",gap:5,alignItems:"center"},children:[(0,f.jsx)(Z.Z,{name:"checkAGB",checked:ie,onClick:function onClick(){return se(!ie)}}),(0,f.jsxs)("div",{style:{display:"flex",flexDirection:"column",fontSize:9},children:[(0,f.jsx)("span",{children:k("auth.acceptprivacyandagb")}),(0,f.jsxs)("span",{children:[(0,f.jsx)("a",{target:"_blank",href:null!==(c=M.navigation.tosUrl)&&void 0!==c?c:"https://www.diva-portal.de/agb",children:k("auth.GeneralTerms")}),", ",(0,f.jsx)("a",{target:"_blank",href:null!==(w=M.navigation.privacyUrl)&&void 0!==w?w:"https://www.diva-portal.de/datenschutz",children:k("auth.privacypolicy")})]})]})]}),(0,f.jsx)(y.Z,{severity:"warning",sx:{display:ce()?"none":"flex"},children:k("auth.input.passwordsnotmatch")})]}),(0,f.jsxs)(g.Z,{disabled:!ce()||ne,onClick:ce()?le:void 0,children:[ne?(0,f.jsx)(m.Z,{size:24,color:"inherit"}):void 0,ne?void 0:k("auth.input.login")]})]})]})}));var D=n(4376);var z=(0,c.Pi)((function(){var e,t=(0,a.KH)().authorizationStore;switch(null===(e=t.state)||void 0===e?void 0:e.type){case"LOGIN":return(0,f.jsx)(C,{});case"REQUEST_NEW_PASSWORD":return(0,f.jsx)(RequestNewPassword,{initEmail:t.state.email});case"CHANGE_PASSWORD":return(0,f.jsx)(ChangePassword,{token:t.state.token});case"WELCOME":return(0,f.jsx)(WelcomeScreen,{isNewUser:t.state.isNewUser,invitationId:t.state.invitationId,invitationOrgId:t.state.invitationOrgId});case"REGISTER":return(0,f.jsx)(E,{});case"INVITATION_EXPIRED":return(0,f.jsx)("h1",{children:"Abgelaufen"});default:return(0,f.jsx)(f.Fragment,{})}}));const b=(0,c.Pi)((function Auth(){var e,t,n,o,i=(0,a.KH)(),s=i.authorizationStore,l=i.configurationStore,c=i.dataStore,d=i.contentStore,v=(0,r.useMemo)((function(){var e,t,n,r="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMTAwMCAyOTMuNjUiPjxwYXRoIGQ9Ik0yNTAuODksMTQ3LjNjLTMuMTgtNzQtMzAuNC0xNDMuMTgtMTQxLjczLTE0My4xOEwwLDQuMjZBMzA3Ljg2LDMwNy44NiwwLDAsMSwyNi4xMiw2MC43aDc0LjJjNTIuODYsMCw3NiwyNS42OCw3OC42MSw4NS4yOSwyLjY2LDYxLjgxLTE4LjI5LDg3LjkyLTcxLjE1LDg3LjkySDc5LjJsLTQ2LjcxLjUyYTI4Ny4yOSwyODcuMjksMCwwLDEtMjAsNTMuODhoMTA5YzExMS4zMiwwLDEzMi42Ny02NywxMjkuNDgtMTQxTTMwNi44NCwyODloNzEuMjNWMGEzMDAuMDcsMzAwLjA3LDAsMCwxLTcxLjIzLDI1LjkyWm0zMTguOC42Mkw3MjYuNTkuODVhMzAwLDMwMCwwLDAsMS04My42NSwzMi4yNEw1NzcuMTEsMjI0LDUxMS4yOSwzMy4wOUEzMDAsMzAwLDAsMCwxLDQyNy42NC44NWwxMDEsMjg4Ljc2Wm0zNzQuMzYsNEw4OTkuMDUsNC45MUg4MDJMNzc1LjE0LDgxLjc0LDcwMS4wNSwyOTMuNjVBMzAwLjMyLDMwMC4zMiwwLDAsMSw3ODUsMjYxLjM1bDYuNzktMjEsMTkuMTQtNTcuNTRMODUwLjUyLDYybDQwLjA3LDEyMC44NSwxOC43LDU3LjU0LDcsMjFBMzAwLjIsMzAwLjIsMCwwLDEsMTAwMCwyOTMuNjUiIGZpbGw9IiNiM2IzYjMiLz48L3N2Zz4=";if(null!==(e=c.organization)&&void 0!==e&&e.logoUrl)r=null===(n=c.organization)||void 0===n?void 0:n.logoUrl;else if(null!==(t=l.navigation)&&void 0!==t&&t.logoUrl){var a;r=null===(a=l.navigation)||void 0===a?void 0:a.logoUrl}return r}),[null===(e=l.navigation)||void 0===e?void 0:e.logoUrl,null===(t=c.organization)||void 0===t?void 0:t.logoUrl]);return null==s.state?(0,f.jsx)(f.Fragment,{}):(0,f.jsxs)("div",{className:u.I8,children:[(null==l||null===(n=l.navigation)||void 0===n?void 0:n.showSnow)&&(0,f.jsx)(D.Z,{color:"#a7b6eb",speed:[0,2.5],wind:[-1,.5],snowflakeCount:300,radius:[.5,2],style:{zIndex:1e3}}),(0,f.jsxs)("div",{className:u.NB,children:[(!d.containerDimensions.isMobile||d.containerDimensions.isPortrait)&&(0,f.jsx)("div",{className:u.tn,style:{height:null!==(o=l.configuration.loginLogoHeight)&&void 0!==o?o:50,backgroundImage:"url(".concat(v,")")}}),(0,f.jsx)(z,{})]}),l.authentication.contentBox&&!d.containerDimensions.isMobile&&(0,f.jsx)("div",{style:{width:"calc(100% - 400px)",height:"100%",position:"relative",overflow:"hidden"},children:(0,f.jsx)(S.p,{settings:{contentBoxProps:(0,h.ZN)(l.authentication.contentBox.props)}})})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaCore=self.webpackChunkCrystaldesignDivaCore||[]).push([[210],{4210:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var r=n(7363),a=n(7095),o=n(4658),i=n(4988),s=n(747),l=n.n(s),u=n(523),c=n(9420),d=n(3693),h=n(8623),v=n(5617),g=n(7995),p=n(789),w=n(5515),x=n.n(w),f=n(7514);function OpenId(){var e,t,n,r=(0,a.KH)(),o=r.configurationStore,i=r.authorizationStore,s=(0,p.$G)().t,l=null===(e=i.state)||void 0===e?void 0:e.loginMethods;return(0,f.jsxs)(f.Fragment,{children:[(null==l?void 0:l.google)&&(0,f.jsxs)(g.Z,{className:x()(u.FI,u.lk),onClick:function onClick(){var e;return i.openOAuthLogin("google",i.state.organizationId,null===(e=i.state)||void 0===e?void 0:e.invitationId)},children:[(0,f.jsx)("div",{}),s("auth.login.google")]}),(null==l?void 0:l.microsoft)&&(0,f.jsxs)(g.Z,{className:x()(u.FI,u.Eg),onClick:function onClick(){var e;return i.openOAuthLogin("microsoft",i.state.organizationId,null===(e=i.state)||void 0===e?void 0:e.invitationId)},children:[(0,f.jsx)("div",{}),s("auth.login.microsoft")]}),(null==l?void 0:l.generic)&&(0,f.jsxs)(g.Z,{className:u.FI,style:{backgroundColor:null!==(t=l.generic.backgroundColor)&&void 0!==t?t:o.theme.palette.secondary.main,color:null!==(n=l.generic.color)&&void 0!==n?n:o.theme.palette.secondary.contrastText},onClick:function onClick(){var e;return i.openOAuthLogin("genericOpenId",i.state.organizationId,null===(e=i.state)||void 0===e?void 0:e.invitationId)},children:[(0,f.jsx)("div",{style:l.generic.logo?{backgroundImage:"url(".concat(l.generic.logo,")"),filter:"brightness(0) invert(1)"}:{}}),s("auth.login.generic")]})]})}var j=n(4680),m=n(3830),y=n(6033),M=n(5553);function Header(e){var t=e.title,n=e.text,r=e.errorText,a=(0,M.useTranslation)().t;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:u.C4,children:(0,f.jsx)("h2",{children:t})}),(0,f.jsx)("p",{children:n}),r&&(0,f.jsx)(y.Z,{severity:"error",className:u.vU,children:a(r)})]})}var k=(0,j.jl)("Framework","Login");const C=(0,c.Pi)((function Login(){var e,t,n,s,c=(0,a.KH)(),w=c.authorizationStore,x=c.authorizationHandler,j=(0,r.useState)("enter"),y=(0,i.Z)(j,2),M=y[0],C=y[1],L=(0,r.useState)(!1),N=(0,i.Z)(L,2),S=N[0],Z=N[1],I=(0,r.useState)(null!==(e=null===(t=w.state)||void 0===t?void 0:t.email)&&void 0!==e?e:""),E=(0,i.Z)(I,2),D=E[0],z=E[1],b=(0,r.useState)(""),T=(0,i.Z)(b,2),P=T[0],A=T[1],O=(0,r.useState)(""),_=(0,i.Z)(O,2),F=_[0],R=_[1],U=(0,r.useState)(!1),G=(0,i.Z)(U,2),H=G[0],K=G[1],$=(0,r.useState)(w.state.invitationId),Q=(0,i.Z)($,2),V=Q[0],W=Q[1],Y=(0,r.useState)("LOGIN"==(null===(n=w.state)||void 0===n?void 0:n.type)?w.state.error:void 0),B=(0,i.Z)(Y,2),q=B[0],J=B[1],X=(0,p.$G)().t,ee=function(){var e=(0,o.Z)(l().mark((function _callee(){var e,t;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(Z(!0),q&&J(void 0),n.prev=2,V){n.next=8;break}return n.next=6,x.getInvitationValue("id",D);case 6:(e=n.sent)&&(e.isNewUser&&(w.close(),w.showRegister(void 0,D,!!e.useotp)),W(!0),e.useotp&&K(!0));case 8:return n.next=10,x.fetchLoginProvider({email:D});case 10:"standard"==(t=n.sent).provider?C("login"):w.openOAuthLogin(t.provider,w.state.organizationId,w.state.invitationId),n.next=18;break;case 14:n.prev=14,n.t0=n.catch(2),k.error(new d.GE("Error while fetching login provider",{cause:n.t0})),J("auth.error.password");case 18:return n.prev=18,Z(!1),n.finish(18);case 21:case"end":return n.stop()}}),_callee,null,[[2,14,18,21]])})));return function onContinue(){return e.apply(this,arguments)}}(),te=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:return Z(!0),q&&J(void 0),e.prev=2,e.next=5,(0,h.fl)(w.login(D,P,!1,w.state.organizationId,w.state.invitationId,F));case 5:z(""),A(""),J(void 0),e.next=14;break;case 10:e.prev=10,e.t0=e.catch(2),k.error(new d.GE("Error while logging in",{cause:e.t0})),J(V?"auth.error.passwordotp":"auth.error.password");case 14:return e.prev=14,Z(!1),e.finish(14);case 17:case"end":return e.stop()}}),_callee2,null,[[2,10,14,17]])})));return function onLogin(){return e.apply(this,arguments)}}(),ne=function(){var e=(0,o.Z)(l().mark((function _callee3(){return l().wrap((function _callee3$(e){for(;;)switch(e.prev=e.next){case 0:w.showRequestNewPassword(D);case 1:case"end":return e.stop()}}),_callee3)})));return function resetPassword(){return e.apply(this,arguments)}}(),re="enter"==M&&0==D.length||"enter"!=M&&0==P.length;H&&!re&&(re=0==F.length);var ae=null===(s=w.state)||void 0===s?void 0:s.loginMethods;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:X("auth.title.login"),text:X("auth.text.login",""),errorText:null!=q?q:""}),(0,f.jsx)(OpenId,{}),((null==ae?void 0:ae.generic)||(null==ae?void 0:ae.google)||(null==ae?void 0:ae.microsoft))&&ae.standard&&(0,f.jsx)("div",{className:u.kr,children:"or"}),(null==ae?void 0:ae.standard)&&(0,f.jsxs)(f.Fragment,{children:["enter"==M&&(0,f.jsxs)("form",{children:[(0,f.jsx)(v.Z,{id:"username",value:D,autoComplete:"username",autoFocus:!0,type:"email",placeholder:X("auth.input.email"),onChange:function onChange(e){return z(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&ee()}}),(0,f.jsx)(v.Z,{value:P,id:"password",type:"password",autoComplete:"current-password",hidden:!0,autoFocus:!0,placeholder:X("auth.input.password"),onChange:function onChange(e){return A(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&te()}})]}),"login"==M&&(0,f.jsxs)("form",{children:[H&&(0,f.jsx)(v.Z,{value:F,type:"text",autoFocus:!0,placeholder:X("auth.input.otp"),onChange:function onChange(e){return R(e.target.value)}}),(0,f.jsx)(v.Z,{value:D,type:"email",readOnly:!0,placeholder:X("auth.input.email"),resetInput:function reset(){C("enter"),z(""),A(""),J(void 0)}}),(0,f.jsx)(v.Z,{value:P,type:"password",id:"password",autoFocus:!0,placeholder:X("auth.input.password"),onChange:function onChange(e){return A(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&te()}})]}),(0,f.jsxs)(g.Z,{id:"submit",disabled:re||S,onClick:"enter"==M?ee:te,children:[S?(0,f.jsx)(m.Z,{size:24,color:"inherit"}):void 0,S?void 0:X("enter"==M?"auth.button.continue":"auth.button.login")]}),"login"==M&&(0,f.jsx)("div",{style:{textAlign:"center"},children:(0,f.jsx)("div",{className:u.p4,onClick:ne,children:X("auth.button.forgotpassword")})})," "]})]})}));var L=(0,j.jl)("Framework","RequestNewPassword");function RequestNewPassword(e){var t=e.initEmail,n=(0,a.KH)(),s=n.authorizationStore,c=n.apiHandler,h=n.loadingAndErrorStore,w=(0,r.useState)(t),x=(0,i.Z)(w,2),j=x[0],m=x[1],y=(0,r.useState)(!1),M=(0,i.Z)(y,2),k=M[0],C=M[1],N=(0,r.useState)(),S=(0,i.Z)(N,2),Z=S[0],I=S[1],E=(0,r.useState)(),D=(0,i.Z)(E,2),z=D[0],b=D[1],T=(0,p.$G)().t,P=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,b(!0),h.toggleLoading("SendPassword"),e.next=5,c.sendPasswordRecoveryMail({email:j});case 5:b(!1),h.toggleLoading("SendPassword"),C(!0),I(void 0),e.next=17;break;case 11:e.prev=11,e.t0=e.catch(0),L.error(new d.GE("Error while sending password recovery mail",{cause:e.t0})),I("auth.error.resetpassword"),b(!1),h.toggleLoading("SendPassword");case 17:case"end":return e.stop()}}),_callee,null,[[0,11]])})));return function resetPassword(){return e.apply(this,arguments)}}(),A=function toLogin(){s.close(),s.showLogin()};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:T("auth.title.resetpassword"),text:T("auth.info.resetdescription",""),errorText:null!=Z?Z:""}),k&&(0,f.jsxs)("div",{className:u.Vp,children:[(0,f.jsx)("span",{}),(0,f.jsx)("div",{children:T("auth.info.resetpassword")})]}),!k&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(v.Z,{value:j,autoFocus:!0,placeholder:T("auth.input.email"),onChange:function onChange(e){return m(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&P()},resetInput:A}),(0,f.jsx)(g.Z,{disabled:0==j.length,onClick:P,children:T("auth.button.resetpassword")})]}),k&&(0,f.jsx)(g.Z,{disabled:z,onClick:A,children:T("auth.button.login")})]})}function Errormessage(e){var t=e.hasError,n=e.authErrorsg,r=(0,p.$G)().t;return(0,f.jsxs)("div",{className:u.vU,children:[(0,f.jsx)("span",{}),"INVALID"==t&&(0,f.jsx)("div",{children:r("auth.error.verifypassword")}),"SERVER"==t&&(0,f.jsx)("div",{children:n})]})}var N=(0,j.jl)("Framework","cfhange-password");function ChangePassword(e){var t,n=e.token,s=(0,a.KH)(),c=s.configurationStore,h=s.authorizationStore,w=s.apiHandler,x=(s.loadingAndErrorStore,(0,r.useState)("")),j=(0,i.Z)(x,2),m=j[0],y=j[1],M=(0,r.useState)(""),k=(0,i.Z)(M,2),C=k[0],L=k[1],S=(0,r.useState)(!1),Z=(0,i.Z)(S,2),I=Z[0],E=Z[1],D=(0,r.useState)(),z=(0,i.Z)(D,2),b=z[0],T=z[1],P=(0,r.useState)(""),A=(0,i.Z)(P,2),O=A[0],_=A[1],F=(0,r.useRef)(null),R=(0,p.$G)().t;(0,r.useEffect)((function(){m===C&&T(void 0)}),[m,C]);var U=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(_(R("auth.error.verifypasswordserver")),!(m.length<8||m!==C)){e.next=4;break}return T("INVALID"),e.abrupt("return");case 4:return e.prev=4,e.next=7,w.resetPassword({password:m,token:n});case 7:E(!0),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(4),G(e.t0);case 13:case"end":return e.stop()}}),_callee,null,[[4,10]])})));return function resetPassword(){return e.apply(this,arguments)}}(),G=function handleError(e){if(e instanceof d.GE){if("AUTH_0003"===e.name)_(R("auth.error.verifypasswordtokenerror",{errormsg:R("auth.error.tokenexpired")}));else _(R("auth.error.verifypasswordserver",e.message));N.error(e)}N.error(new d.GE("Error while resetting password",{cause:e})),T("SERVER")};return"SERVER"===b?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Errormessage,{hasError:b,authErrorsg:O}),(0,f.jsx)(g.Z,{onClick:function onClickRequestNewPassword(){h.showRequestNewPassword("")},children:R("auth.button.resetpassword")})]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("h1",{children:R("auth.title.verifypassword")}),I&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:u.Vp,children:[(0,f.jsx)("span",{}),(0,f.jsx)("div",{children:R("auth.info.verifypassword")})]}),(null===(t=c.authentication.resetPassword)||void 0===t?void 0:t.returnToLogin)&&(0,f.jsx)(g.Z,{onClick:function goToLogin(){h.close(),h.showLogin()},children:R("auth.button.login")})]}),!I&&(0,f.jsxs)(f.Fragment,{children:[b&&(0,f.jsx)(Errormessage,{hasError:b,authErrorsg:O}),(0,f.jsxs)("form",{children:[(0,f.jsx)(v.Z,{value:m,autoFocus:!0,placeholder:R("auth.input.password"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return y(e.target.value)},onKeyPress:function onKeyPress(e){var t;return"Enter"==e.key&&(null===(t=F.current)||void 0===t?void 0:t.focus())}}),(0,f.jsx)(v.Z,{ref:F,value:C,placeholder:R("auth.input.verifypassword"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return L(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&U()}})]}),(0,f.jsx)(g.Z,{disabled:!m||!C,onClick:U,children:R("auth.button.save")})]})]})}var S=n(4614);function WelcomeScreen(e){var t=e.isNewUser,n=e.invitationId,s=e.invitationOrgId,u=(0,a.KH)(),c=u.authorizationStore,d=u.authorizationHandler,h=(0,r.useState)(""),v=(0,i.Z)(h,2),w=v[0],x=v[1],j=(0,p.$G)().t,m=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,checkInvitation();case 2:(e=t.sent)&&(c.close(),c.showLogin(void 0,void 0,s,n,e));case 4:case"end":return t.stop()}}),_callee)})));return function toLogin(){return e.apply(this,arguments)}}(),y=function(){var e=(0,o.Z)(l().mark((function _callee2(){var e;return l().wrap((function _callee2$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,checkInvitation();case 2:(e=t.sent)&&(c.close(),c.showRegister(n,e));case 4:case"end":return t.stop()}}),_callee2)})));return function toRegister(){return e.apply(this,arguments)}}();function checkInvitation(){return _checkInvitation.apply(this,arguments)}function _checkInvitation(){return _checkInvitation=(0,o.Z)(l().mark((function _callee3(){var e,t,n;return l().wrap((function _callee3$(r){for(;;)switch(r.prev=r.next){case 0:return t=null===(e=c.state)||void 0===e?void 0:e.invitationId,r.next=3,d.getInvitationValue("email",t);case 3:if(!(n=r.sent)){r.next=8;break}return r.abrupt("return",n.email);case 8:return x("Invitation not found"),r.abrupt("return",void 0);case 10:case"end":return r.stop()}}),_callee3)}))),_checkInvitation.apply(this,arguments)}return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:j("auth.title.welcome"),text:j("auth.info.welcomedescription",""),errorText:null!=w?w:""}),t&&!w&&(0,f.jsx)(g.Z,{onClick:y,children:j("auth.title.register")}),!t&&!w&&(0,f.jsx)(g.Z,{onClick:m,children:j("auth.button.login")})]})}var Z=n(1705),I=(0,j.jl)("Framework","Register");const E=(0,c.Pi)((function Register(){var e,t,n,s,c,w,x=(0,a.KH)(),j=x.authorizationStore,M=x.configurationStore,k=(0,p.$G)().t,C=(0,r.useState)(null!==(e=null===(t=j.state)||void 0===t?void 0:t.email)&&void 0!==e?e:""),L=(0,i.Z)(C,2),N=L[0],S=L[1],E=(0,r.useState)(""),D=(0,i.Z)(E,2),z=D[0],b=D[1],T=(0,r.useState)(""),P=(0,i.Z)(T,2),A=P[0],O=P[1],_=(0,r.useState)(""),F=(0,i.Z)(_,2),R=F[0],U=F[1],G=(0,r.useState)(""),H=(0,i.Z)(G,2),K=H[0],$=H[1],Q=(0,r.useState)(""),V=(0,i.Z)(Q,2),W=V[0],Y=V[1],B=(0,r.useState)(""),q=(0,i.Z)(B,2),J=q[0],X=q[1],ee=(0,r.useState)(!1),te=(0,i.Z)(ee,2),ne=te[0],re=te[1],ae=(0,r.useState)(!1),oe=(0,i.Z)(ae,2),ie=oe[0],se=oe[1],le=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,re(!0),t.next=4,(0,h.fl)(j.register(N,z,K,R,null===(e=j.state)||void 0===e?void 0:e.invitationId,ue?J:void 0));case 4:S(""),b(""),O(""),$(""),U(""),t.next=15;break;case 11:t.prev=11,t.t0=t.catch(0),Y("auth.error.invitationotp"),I.error(new d.GE("Error while registering",{cause:t.t0}));case 15:return t.prev=15,re(!1),t.finish(15);case 18:case"end":return t.stop()}}),_callee,null,[[0,11,15,18]])})));return function onRegister(){return e.apply(this,arguments)}}(),ue=null===(n=j.state)||void 0===n?void 0:n.useOtp,ce=function validPassword(){return ue?null!=J&&""!==J&&z==A&&""!=z&&null!=z&&ie:z==A&&""!=z&&null!=z&&ie},de=null===(s=j.state)||void 0===s?void 0:s.loginMethods;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Header,{title:k("auth.title.register"),text:k("auth.text.register",""),errorText:null!=W?W:""}),(0,f.jsx)(OpenId,{}),((null==de?void 0:de.generic)||(null==de?void 0:de.google)||(null==de?void 0:de.microsoft))&&de.standard&&(0,f.jsx)("div",{className:u.kr,children:"or"}),(null==de?void 0:de.standard)&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("form",{children:[ue&&(0,f.jsx)(v.Z,{type:"text",value:J,placeholder:k("auth.input.otp"),onChange:function onChange(e){return X(e.target.value)}}),(0,f.jsx)(v.Z,{value:K,autoFocus:!0,placeholder:k("backoffice.form.userdetails.items.name"),onChange:function onChange(e){return $(e.target.value)}}),(0,f.jsx)(v.Z,{value:R,autoFocus:!0,placeholder:k("backoffice.form.userdetails.items.familyName"),onChange:function onChange(e){return U(e.target.value)}}),(0,f.jsx)(v.Z,{value:N,autoComplete:"email",autoFocus:!0,placeholder:k("auth.input.email"),disabled:!0}),(0,f.jsx)(v.Z,{value:z,type:"password",autoFocus:!0,placeholder:k("auth.input.newpassword"),onChange:function onChange(e){return b(e.target.value)}}),(0,f.jsx)(v.Z,{value:A,type:"password",autoFocus:!0,placeholder:k("auth.input.repeatpassword"),onChange:function onChange(e){return O(e.target.value)}}),(0,f.jsxs)("div",{style:{display:"flex",gap:5,alignItems:"center"},children:[(0,f.jsx)(Z.Z,{name:"checkAGB",checked:ie,onClick:function onClick(){return se(!ie)}}),(0,f.jsxs)("div",{style:{display:"flex",flexDirection:"column",fontSize:9},children:[(0,f.jsx)("span",{children:k("auth.acceptprivacyandagb")}),(0,f.jsxs)("span",{children:[(0,f.jsx)("a",{target:"_blank",href:null!==(c=M.navigation.tosUrl)&&void 0!==c?c:"https://www.diva-portal.de/agb",children:k("auth.GeneralTerms")}),", ",(0,f.jsx)("a",{target:"_blank",href:null!==(w=M.navigation.privacyUrl)&&void 0!==w?w:"https://www.diva-portal.de/datenschutz",children:k("auth.privacypolicy")})]})]})]}),(0,f.jsx)(y.Z,{severity:"warning",sx:{display:ce()?"none":"flex"},children:k("auth.input.passwordsnotmatch")})]}),(0,f.jsxs)(g.Z,{disabled:!ce()||ne,onClick:ce()?le:void 0,children:[ne?(0,f.jsx)(m.Z,{size:24,color:"inherit"}):void 0,ne?void 0:k("auth.input.login")]})]})]})}));var D=n(4376);var z=(0,c.Pi)((function(){var e,t=(0,a.KH)().authorizationStore;switch(null===(e=t.state)||void 0===e?void 0:e.type){case"LOGIN":return(0,f.jsx)(C,{});case"REQUEST_NEW_PASSWORD":return(0,f.jsx)(RequestNewPassword,{initEmail:t.state.email});case"CHANGE_PASSWORD":return(0,f.jsx)(ChangePassword,{token:t.state.token});case"WELCOME":return(0,f.jsx)(WelcomeScreen,{isNewUser:t.state.isNewUser,invitationId:t.state.invitationId,invitationOrgId:t.state.invitationOrgId});case"REGISTER":return(0,f.jsx)(E,{});case"INVITATION_EXPIRED":return(0,f.jsx)("h1",{children:"Abgelaufen"});default:return(0,f.jsx)(f.Fragment,{})}}));const b=(0,c.Pi)((function Auth(){var e,t,n,o,i=(0,a.KH)(),s=i.authorizationStore,l=i.configurationStore,c=i.dataStore,d=i.contentStore,v=(0,r.useMemo)((function(){var e,t,n,r="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMTAwMCAyOTMuNjUiPjxwYXRoIGQ9Ik0yNTAuODksMTQ3LjNjLTMuMTgtNzQtMzAuNC0xNDMuMTgtMTQxLjczLTE0My4xOEwwLDQuMjZBMzA3Ljg2LDMwNy44NiwwLDAsMSwyNi4xMiw2MC43aDc0LjJjNTIuODYsMCw3NiwyNS42OCw3OC42MSw4NS4yOSwyLjY2LDYxLjgxLTE4LjI5LDg3LjkyLTcxLjE1LDg3LjkySDc5LjJsLTQ2LjcxLjUyYTI4Ny4yOSwyODcuMjksMCwwLDEtMjAsNTMuODhoMTA5YzExMS4zMiwwLDEzMi42Ny02NywxMjkuNDgtMTQxTTMwNi44NCwyODloNzEuMjNWMGEzMDAuMDcsMzAwLjA3LDAsMCwxLTcxLjIzLDI1LjkyWm0zMTguOC42Mkw3MjYuNTkuODVhMzAwLDMwMCwwLDAsMS04My42NSwzMi4yNEw1NzcuMTEsMjI0LDUxMS4yOSwzMy4wOUEzMDAsMzAwLDAsMCwxLDQyNy42NC44NWwxMDEsMjg4Ljc2Wm0zNzQuMzYsNEw4OTkuMDUsNC45MUg4MDJMNzc1LjE0LDgxLjc0LDcwMS4wNSwyOTMuNjVBMzAwLjMyLDMwMC4zMiwwLDAsMSw3ODUsMjYxLjM1bDYuNzktMjEsMTkuMTQtNTcuNTRMODUwLjUyLDYybDQwLjA3LDEyMC44NSwxOC43LDU3LjU0LDcsMjFBMzAwLjIsMzAwLjIsMCwwLDEsMTAwMCwyOTMuNjUiIGZpbGw9IiNiM2IzYjMiLz48L3N2Zz4=";if(null!==(e=c.organization)&&void 0!==e&&e.logoUrl)r=null===(n=c.organization)||void 0===n?void 0:n.logoUrl;else if(null!==(t=l.navigation)&&void 0!==t&&t.logoUrl){var a;r=null===(a=l.navigation)||void 0===a?void 0:a.logoUrl}return r}),[null===(e=l.navigation)||void 0===e?void 0:e.logoUrl,null===(t=c.organization)||void 0===t?void 0:t.logoUrl]);return null==s.state?(0,f.jsx)(f.Fragment,{}):(0,f.jsxs)("div",{className:u.I8,children:[(null==l||null===(n=l.navigation)||void 0===n?void 0:n.showSnow)&&(0,f.jsx)(D.Z,{color:"#a7b6eb",speed:[0,2.5],wind:[-1,.5],snowflakeCount:300,radius:[.5,2],style:{zIndex:1e3}}),(0,f.jsxs)("div",{className:u.NB,children:[(!d.containerDimensions.isMobile||d.containerDimensions.isPortrait)&&(0,f.jsx)("div",{className:u.tn,style:{height:null!==(o=l.configuration.loginLogoHeight)&&void 0!==o?o:50,backgroundImage:"url(".concat(v,")")}}),(0,f.jsx)(z,{})]}),l.authentication.contentBox&&!d.containerDimensions.isMobile&&(0,f.jsx)("div",{style:{width:"calc(100% - 400px)",height:"100%",position:"relative",overflow:"hidden"},children:(0,f.jsx)(S.p,{settings:{contentBoxProps:(0,h.ZN)(l.authentication.contentBox.props)}})})]})}))}}]);