@crystaldesign/diva-core 24.15.0-beta.4 → 24.15.0-beta.40

package/build/esm/{ModalsWrapper-78eb9b8a.js → ModalsWrapper-10fce47e.js}

@@ -1,4 +1,4 @@
-import { i as styleInject, u as useDivaCoreContext } from './index-5a5acb8a.js';
+import { i as styleInject, u as useDivaCoreContext } from './index-600e89eb.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';
@@ -152,6 +152,7 @@ function Modal() {
     }
   }, []);
   if (!contentStore.modal) return /*#__PURE__*/jsx(Fragment, {});
+  var text = typeof contentStore.modal.text == 'string' ? t(contentStore.modal.text) : contentStore.modal.text;
   var children = /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(DialogContent, {
       style: contentStore.modal.maxWidth ? {
@@ -159,14 +160,14 @@ function Modal() {
       } : undefined,
       children: contentStore.modal.iFrame ? /*#__PURE__*/jsx(IFrame, {
         link: contentStore.modal.iFrame
-      }) : typeof contentStore.modal.text == 'string' && contentStore.modal.content == undefined ? /*#__PURE__*/jsx(DialogContentText, {
+      }) : typeof text == 'string' && contentStore.modal.content == undefined ? /*#__PURE__*/jsx(DialogContentText, {
         component: "div",
         dangerouslySetInnerHTML: {
-          __html: tryDecodeURIComponent(contentStore.modal.text)
+          __html: tryDecodeURIComponent(text)
         }
       }) : /*#__PURE__*/jsxs(DialogContentText, {
         component: "div",
-        children: [contentStore.modal.text, contentStore.modal.content && contentStore.modal.content]
+        children: [text, contentStore.modal.content && contentStore.modal.content]
       })
     }), (contentStore.modal.reject || contentStore.modal.accept) && /*#__PURE__*/jsxs(DialogActions, {
       children: [contentStore.modal.reject && /*#__PURE__*/jsx(Button, {
@@ -229,7 +230,7 @@ function Modal() {
         }
       },
       children: [/*#__PURE__*/jsx(DialogTitle, {
-        children: contentStore.modal.title
+        children: typeof contentStore.modal.title == 'string' ? t(contentStore.modal.title) : contentStore.modal.title
       }), contentStore.modal.rejectByIcon && /*#__PURE__*/jsx(IconButton, {
         onClick: onReject,
         style: {

package/build/esm/{index-89b38ea7.js → index-4db284a4.js}

@@ -1,4 +1,4 @@
-import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, a as getLogger, e as error, b as separator, I as Input, r as resetInput, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-5a5acb8a.js';
+import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, a as getLogger, e as error, b as separator, I as Input, r as resetInput, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-600e89eb.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -12,6 +12,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { Typography } from '@mui/material';
 import Checkbox from '@mui/material/Checkbox';
+import Snowfall from 'react-snowfall';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/defineProperty';
@@ -140,10 +141,10 @@ function Login() {
             if (checkInvitation) {
               if (checkInvitation.isNewUser) {
                 authorizationStore.close();
-                authorizationStore.showRegister(undefined, email, true);
+                authorizationStore.showRegister(undefined, email, checkInvitation.useotp ? true : false);
               }
               setInvitationFound(true);
-              setUseOtp(true);
+              if (checkInvitation.useotp) setUseOtp(true);
             }
           case 6:
             _context.next = 8;
@@ -622,49 +623,84 @@ function WelcomeScreen (_ref) {
     setInvitationError = _useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    userFound = _useState4[0],
+    setUserFound = _useState4[1];
+  useEffect(function () {
+    function getInvitation() {
+      return _getInvitation.apply(this, arguments);
+    }
+    function _getInvitation() {
+      _getInvitation = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _authorizationStore$s;
+        var data;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return authorizationHandler.getInvitationValue('user-check', (_authorizationStore$s = authorizationStore.state) === null || _authorizationStore$s === void 0 ? void 0 : _authorizationStore$s.invitationId);
+            case 2:
+              data = _context.sent;
+              if (data) {
+                setUserFound(data.exists);
+              } else {
+                setInvitationError('Invitation not found');
+              }
+              return _context.abrupt("return");
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return _getInvitation.apply(this, arguments);
+    }
+    getInvitation();
+  }, [invitationId]);
   var toLogin = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var invitationMail;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.next = 2;
+            _context2.next = 2;
             return checkInvitation();
           case 2:
-            invitationMail = _context.sent;
+            invitationMail = _context2.sent;
             if (invitationMail) {
               authorizationStore.close();
               authorizationStore.showLogin(undefined, undefined, invitationOrgId, invitationId, invitationMail);
             }
           case 4:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function toLogin() {
       return _ref2.apply(this, arguments);
     };
   }();
   var toRegister = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var invitationMail;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.next = 2;
+            _context3.next = 2;
             return checkInvitation();
           case 2:
-            invitationMail = _context2.sent;
+            invitationMail = _context3.sent;
             if (invitationMail) {
               authorizationStore.close();
               authorizationStore.showRegister(invitationId, invitationMail);
             }
           case 4:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function toRegister() {
       return _ref3.apply(this, arguments);
@@ -674,30 +710,30 @@ function WelcomeScreen (_ref) {
     return _checkInvitation.apply(this, arguments);
   }
   function _checkInvitation() {
-    _checkInvitation = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var _authorizationStore$s;
+    _checkInvitation = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _authorizationStore$s2;
       var invitationId, invitation;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            invitationId = (_authorizationStore$s = authorizationStore.state) === null || _authorizationStore$s === void 0 ? void 0 : _authorizationStore$s.invitationId;
-            _context3.next = 3;
+            invitationId = (_authorizationStore$s2 = authorizationStore.state) === null || _authorizationStore$s2 === void 0 ? void 0 : _authorizationStore$s2.invitationId;
+            _context4.next = 3;
             return authorizationHandler.getInvitationValue('email', invitationId);
           case 3:
-            invitation = _context3.sent;
+            invitation = _context4.sent;
             if (!invitation) {
-              _context3.next = 8;
+              _context4.next = 8;
               break;
             }
-            return _context3.abrupt("return", invitation.email);
+            return _context4.abrupt("return", invitation.email);
           case 8:
             setInvitationError('Invitation not found');
-            return _context3.abrupt("return", undefined);
+            return _context4.abrupt("return", undefined);
           case 10:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return _checkInvitation.apply(this, arguments);
   }
@@ -711,10 +747,10 @@ function WelcomeScreen (_ref) {
       children: [/*#__PURE__*/jsx("span", {}), /*#__PURE__*/jsx("div", {
         children: t(invitationError)
       })]
-    }), isNewUser && !invitationError && /*#__PURE__*/jsx(Button, {
+    }), isNewUser && !userFound && !invitationError && /*#__PURE__*/jsx(Button, {
       onClick: toRegister,
       children: t('auth.title.register')
-    }), !isNewUser && !invitationError && /*#__PURE__*/jsx(Button, {
+    }), userFound && !invitationError && /*#__PURE__*/jsx(Button, {
       onClick: toLogin,
       children: t('auth.button.login')
     })]
@@ -769,7 +805,7 @@ function Register() {
           case 0:
             _context.prev = 0;
             _context.next = 3;
-            return flowResult(authorizationStore.register(email, password, firstname, familyname, (_authorizationStore$s2 = authorizationStore.state) === null || _authorizationStore$s2 === void 0 ? void 0 : _authorizationStore$s2.invitationId, otp));
+            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));
           case 3:
             setEmail('');
             setPassword('');
@@ -911,12 +947,11 @@ function Register() {
 var Register$1 = observer(Register);
 
 function Auth() {
-  var _configurationStore$n3, _dataStore$organizati3, _configurationStore$c;
+  var _configurationStore$n3, _dataStore$organizati3, _configurationStore$n4, _configurationStore$c;
   var _useDivaCoreContext = useDivaCoreContext(),
     authorizationStore = _useDivaCoreContext.authorizationStore,
     configurationStore = _useDivaCoreContext.configurationStore,
     dataStore = _useDivaCoreContext.dataStore;
-    _useDivaCoreContext.authorizationHandler;
   var logo = useMemo(function () {
     var _dataStore$organizati, _configurationStore$n;
     var logo = divaLogo;
@@ -934,7 +969,16 @@ function Auth() {
   }
   return /*#__PURE__*/jsxs("div", {
     className: auth,
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [(configurationStore === null || configurationStore === void 0 || (_configurationStore$n4 = configurationStore.navigation) === null || _configurationStore$n4 === void 0 ? void 0 : _configurationStore$n4.showSnow) && /*#__PURE__*/jsx(Snowfall, {
+      color: "#a7b6eb",
+      speed: [0, 2.5],
+      wind: [-1, 0.5],
+      snowflakeCount: 300,
+      radius: [0.5, 2],
+      style: {
+        zIndex: 1000
+      }
+    }), /*#__PURE__*/jsxs("div", {
       className: loginBox,
       children: [/*#__PURE__*/jsx("div", {
         className: logoContainer,

package/build/esm/{index-5a5acb8a.js → index-600e89eb.js}

@@ -44,7 +44,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"24.15.0-beta.4"};
+    const env = {"STAGE":"production","VERSION":"24.15.0-beta.40"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -876,7 +876,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
   }, {
     key: "navigation",
     get: function get() {
-      var _this$_configuration9, _this$_configuration10, _this$_configuration11, _this$_configuration12, _this$_configuration13, _this$_configuration14, _this$_configuration15, _this$_configuration16, _this$_configuration17, _this$_configuration18, _this$_configuration19, _this$_configuration20, _this$_configuration21, _this$_configuration22, _this$_configuration23;
+      var _this$_configuration9, _this$_configuration10, _this$_configuration11, _this$_configuration12, _this$_configuration13, _this$_configuration14, _this$_configuration15, _this$_configuration16, _this$_configuration17, _this$_configuration18, _this$_configuration19, _this$_configuration20, _this$_configuration21, _this$_configuration22, _this$_configuration23, _this$_configuration24, _this$_configuration25;
       return {
         buttons: ((_this$_configuration9 = this._configuration) === null || _this$_configuration9 === void 0 || (_this$_configuration9 = _this$_configuration9.navigation) === null || _this$_configuration9 === void 0 ? void 0 : _this$_configuration9.buttons) || [],
         imprintUrl: (_this$_configuration10 = this._configuration) === null || _this$_configuration10 === void 0 || (_this$_configuration10 = _this$_configuration10.navigation) === null || _this$_configuration10 === void 0 ? void 0 : _this$_configuration10.imprintUrl,
@@ -892,112 +892,114 @@ var ConfigurationStore = /*#__PURE__*/function () {
         showOrgName: (_this$_configuration20 = this._configuration) === null || _this$_configuration20 === void 0 || (_this$_configuration20 = _this$_configuration20.navigation) === null || _this$_configuration20 === void 0 ? void 0 : _this$_configuration20.showOrgName,
         showUserName: (_this$_configuration21 = this._configuration) === null || _this$_configuration21 === void 0 || (_this$_configuration21 = _this$_configuration21.navigation) === null || _this$_configuration21 === void 0 ? void 0 : _this$_configuration21.showUserName,
         showDescription: (_this$_configuration22 = this._configuration) === null || _this$_configuration22 === void 0 || (_this$_configuration22 = _this$_configuration22.navigation) === null || _this$_configuration22 === void 0 ? void 0 : _this$_configuration22.showDescription,
-        qrCodeScanner: (_this$_configuration23 = this._configuration) === null || _this$_configuration23 === void 0 || (_this$_configuration23 = _this$_configuration23.navigation) === null || _this$_configuration23 === void 0 ? void 0 : _this$_configuration23.qrCodeScanner
+        qrCodeScanner: (_this$_configuration23 = this._configuration) === null || _this$_configuration23 === void 0 || (_this$_configuration23 = _this$_configuration23.navigation) === null || _this$_configuration23 === void 0 ? void 0 : _this$_configuration23.qrCodeScanner,
+        greetingsText: (_this$_configuration24 = this._configuration) === null || _this$_configuration24 === void 0 || (_this$_configuration24 = _this$_configuration24.navigation) === null || _this$_configuration24 === void 0 ? void 0 : _this$_configuration24.greetingsText,
+        showSnow: (_this$_configuration25 = this._configuration) === null || _this$_configuration25 === void 0 || (_this$_configuration25 = _this$_configuration25.navigation) === null || _this$_configuration25 === void 0 ? void 0 : _this$_configuration25.showSnow
       };
     }
   }, {
     key: "googleMapsconfig",
     get: function get() {
-      var _this$_configuration24, _this$_configuration25, _this$_configuration26, _this$_configuration27;
+      var _this$_configuration26, _this$_configuration27, _this$_configuration28, _this$_configuration29;
       return {
-        id: (_this$_configuration24 = this._configuration) === null || _this$_configuration24 === void 0 || (_this$_configuration24 = _this$_configuration24.googleMapsConfig) === null || _this$_configuration24 === void 0 ? void 0 : _this$_configuration24.id,
-        googleMapsApiKey: (_this$_configuration25 = this._configuration) === null || _this$_configuration25 === void 0 || (_this$_configuration25 = _this$_configuration25.googleMapsConfig) === null || _this$_configuration25 === void 0 ? void 0 : _this$_configuration25.googleMapsApiKey,
-        language: (_this$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.googleMapsConfig) === null || _this$_configuration26 === void 0 ? void 0 : _this$_configuration26.language,
-        region: (_this$_configuration27 = this._configuration) === null || _this$_configuration27 === void 0 || (_this$_configuration27 = _this$_configuration27.googleMapsConfig) === null || _this$_configuration27 === void 0 ? void 0 : _this$_configuration27.region
+        id: (_this$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.googleMapsConfig) === null || _this$_configuration26 === void 0 ? void 0 : _this$_configuration26.id,
+        googleMapsApiKey: (_this$_configuration27 = this._configuration) === null || _this$_configuration27 === void 0 || (_this$_configuration27 = _this$_configuration27.googleMapsConfig) === null || _this$_configuration27 === void 0 ? void 0 : _this$_configuration27.googleMapsApiKey,
+        language: (_this$_configuration28 = this._configuration) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.googleMapsConfig) === null || _this$_configuration28 === void 0 ? void 0 : _this$_configuration28.language,
+        region: (_this$_configuration29 = this._configuration) === null || _this$_configuration29 === void 0 || (_this$_configuration29 = _this$_configuration29.googleMapsConfig) === null || _this$_configuration29 === void 0 ? void 0 : _this$_configuration29.region
       };
     }
   }, {
     key: "cometchatConfig",
     get: function get() {
-      var _this$_configuration28, _this$_configuration29, _this$_configuration30;
+      var _this$_configuration30, _this$_configuration31, _this$_configuration32;
       return {
-        app_id: (_this$_configuration28 = this._configuration) === null || _this$_configuration28 === void 0 || (_this$_configuration28 = _this$_configuration28.cometChatConfig) === null || _this$_configuration28 === void 0 ? void 0 : _this$_configuration28.app_id,
-        app_region: (_this$_configuration29 = this._configuration) === null || _this$_configuration29 === void 0 || (_this$_configuration29 = _this$_configuration29.cometChatConfig) === null || _this$_configuration29 === void 0 ? void 0 : _this$_configuration29.app_region,
-        listener_id: (_this$_configuration30 = this._configuration) === null || _this$_configuration30 === void 0 || (_this$_configuration30 = _this$_configuration30.cometChatConfig) === null || _this$_configuration30 === void 0 ? void 0 : _this$_configuration30.listener_id
+        app_id: (_this$_configuration30 = this._configuration) === null || _this$_configuration30 === void 0 || (_this$_configuration30 = _this$_configuration30.cometChatConfig) === null || _this$_configuration30 === void 0 ? void 0 : _this$_configuration30.app_id,
+        app_region: (_this$_configuration31 = this._configuration) === null || _this$_configuration31 === void 0 || (_this$_configuration31 = _this$_configuration31.cometChatConfig) === null || _this$_configuration31 === void 0 ? void 0 : _this$_configuration31.app_region,
+        listener_id: (_this$_configuration32 = this._configuration) === null || _this$_configuration32 === void 0 || (_this$_configuration32 = _this$_configuration32.cometChatConfig) === null || _this$_configuration32 === void 0 ? void 0 : _this$_configuration32.listener_id
       };
     }
   }, {
     key: "hasAuthentication",
     get: function get() {
-      var _this$_configuration31;
-      return !!((_this$_configuration31 = this._configuration) !== null && _this$_configuration31 !== void 0 && _this$_configuration31.authentication);
+      var _this$_configuration33;
+      return !!((_this$_configuration33 = this._configuration) !== null && _this$_configuration33 !== void 0 && _this$_configuration33.authentication);
     }
   }, {
     key: "authentication",
     get: function get() {
-      var _this$_configuration$, _this$_configuration32, _this$_configuration33, _this$_configuration34, _this$_configuration35, _this$_configuration36, _this$_configuration37, _this$_configuration38, _this$_configuration39, _this$_configuration40, _this$_configuration$2, _this$_configuration41;
-      return _objectSpread$g(_objectSpread$g({}, (_this$_configuration$ = (_this$_configuration32 = this._configuration) === null || _this$_configuration32 === void 0 ? void 0 : _this$_configuration32.authentication) !== null && _this$_configuration$ !== void 0 ? _this$_configuration$ : {}), {}, {
+      var _this$_configuration$, _this$_configuration34, _this$_configuration35, _this$_configuration36, _this$_configuration37, _this$_configuration38, _this$_configuration39, _this$_configuration40, _this$_configuration41, _this$_configuration42, _this$_configuration$2, _this$_configuration43;
+      return _objectSpread$g(_objectSpread$g({}, (_this$_configuration$ = (_this$_configuration34 = this._configuration) === null || _this$_configuration34 === void 0 ? void 0 : _this$_configuration34.authentication) !== null && _this$_configuration$ !== void 0 ? _this$_configuration$ : {}), {}, {
         loginMethods: {
-          google: (_this$_configuration33 = this._configuration) !== null && _this$_configuration33 !== void 0 && (_this$_configuration33 = _this$_configuration33.authentication) !== null && _this$_configuration33 !== void 0 && _this$_configuration33.loginMethods ? (_this$_configuration34 = this._configuration) === null || _this$_configuration34 === void 0 || (_this$_configuration34 = _this$_configuration34.authentication) === null || _this$_configuration34 === void 0 ? void 0 : _this$_configuration34.loginMethods.google : true,
-          microsoft: (_this$_configuration35 = this._configuration) !== null && _this$_configuration35 !== void 0 && (_this$_configuration35 = _this$_configuration35.authentication) !== null && _this$_configuration35 !== void 0 && _this$_configuration35.loginMethods ? (_this$_configuration36 = this._configuration) === null || _this$_configuration36 === void 0 || (_this$_configuration36 = _this$_configuration36.authentication) === null || _this$_configuration36 === void 0 ? void 0 : _this$_configuration36.loginMethods.microsoft : true,
-          standard: (_this$_configuration37 = this._configuration) !== null && _this$_configuration37 !== void 0 && (_this$_configuration37 = _this$_configuration37.authentication) !== null && _this$_configuration37 !== void 0 && _this$_configuration37.loginMethods ? (_this$_configuration38 = this._configuration) === null || _this$_configuration38 === void 0 || (_this$_configuration38 = _this$_configuration38.authentication) === null || _this$_configuration38 === void 0 ? void 0 : _this$_configuration38.loginMethods.standard : true,
-          generic: (_this$_configuration39 = this._configuration) !== null && _this$_configuration39 !== void 0 && (_this$_configuration39 = _this$_configuration39.authentication) !== null && _this$_configuration39 !== void 0 && _this$_configuration39.loginMethods ? this._configuration.authentication.loginMethods.generic : false
+          google: (_this$_configuration35 = this._configuration) !== null && _this$_configuration35 !== void 0 && (_this$_configuration35 = _this$_configuration35.authentication) !== null && _this$_configuration35 !== void 0 && _this$_configuration35.loginMethods ? (_this$_configuration36 = this._configuration) === null || _this$_configuration36 === void 0 || (_this$_configuration36 = _this$_configuration36.authentication) === null || _this$_configuration36 === void 0 ? void 0 : _this$_configuration36.loginMethods.google : true,
+          microsoft: (_this$_configuration37 = this._configuration) !== null && _this$_configuration37 !== void 0 && (_this$_configuration37 = _this$_configuration37.authentication) !== null && _this$_configuration37 !== void 0 && _this$_configuration37.loginMethods ? (_this$_configuration38 = this._configuration) === null || _this$_configuration38 === void 0 || (_this$_configuration38 = _this$_configuration38.authentication) === null || _this$_configuration38 === void 0 ? void 0 : _this$_configuration38.loginMethods.microsoft : true,
+          standard: (_this$_configuration39 = this._configuration) !== null && _this$_configuration39 !== void 0 && (_this$_configuration39 = _this$_configuration39.authentication) !== null && _this$_configuration39 !== void 0 && _this$_configuration39.loginMethods ? (_this$_configuration40 = this._configuration) === null || _this$_configuration40 === void 0 || (_this$_configuration40 = _this$_configuration40.authentication) === null || _this$_configuration40 === void 0 ? void 0 : _this$_configuration40.loginMethods.standard : true,
+          generic: (_this$_configuration41 = this._configuration) !== null && _this$_configuration41 !== void 0 && (_this$_configuration41 = _this$_configuration41.authentication) !== null && _this$_configuration41 !== void 0 && _this$_configuration41.loginMethods ? this._configuration.authentication.loginMethods.generic : false
         },
-        contentBox: (_this$_configuration40 = this._configuration) === null || _this$_configuration40 === void 0 || (_this$_configuration40 = _this$_configuration40.authentication) === null || _this$_configuration40 === void 0 ? void 0 : _this$_configuration40.contentBox,
+        contentBox: (_this$_configuration42 = this._configuration) === null || _this$_configuration42 === void 0 || (_this$_configuration42 = _this$_configuration42.authentication) === null || _this$_configuration42 === void 0 ? void 0 : _this$_configuration42.contentBox,
         resetPassword: {
-          returnToLogin: (_this$_configuration$2 = (_this$_configuration41 = this._configuration) === null || _this$_configuration41 === void 0 || (_this$_configuration41 = _this$_configuration41.authentication) === null || _this$_configuration41 === void 0 || (_this$_configuration41 = _this$_configuration41.resetPassword) === null || _this$_configuration41 === void 0 ? void 0 : _this$_configuration41.returnToLogin) !== null && _this$_configuration$2 !== void 0 ? _this$_configuration$2 : true
+          returnToLogin: (_this$_configuration$2 = (_this$_configuration43 = this._configuration) === null || _this$_configuration43 === void 0 || (_this$_configuration43 = _this$_configuration43.authentication) === null || _this$_configuration43 === void 0 || (_this$_configuration43 = _this$_configuration43.resetPassword) === null || _this$_configuration43 === void 0 ? void 0 : _this$_configuration43.returnToLogin) !== null && _this$_configuration$2 !== void 0 ? _this$_configuration$2 : true
         }
       });
     }
   }, {
     key: "enableRouting",
     get: function get() {
-      var _this$_configuration42;
-      return (_this$_configuration42 = this._configuration) === null || _this$_configuration42 === void 0 ? void 0 : _this$_configuration42.enableRouting;
+      var _this$_configuration44;
+      return (_this$_configuration44 = this._configuration) === null || _this$_configuration44 === void 0 ? void 0 : _this$_configuration44.enableRouting;
     }
   }, {
     key: "enableStorage",
     get: function get() {
-      var _this$_configuration43;
-      return (_this$_configuration43 = this._configuration) === null || _this$_configuration43 === void 0 ? void 0 : _this$_configuration43.enableStorage;
+      var _this$_configuration45;
+      return (_this$_configuration45 = this._configuration) === null || _this$_configuration45 === void 0 ? void 0 : _this$_configuration45.enableStorage;
     }
   }, {
     key: "telemetrySettings",
     get: function get() {
-      var _this$_configuration44;
-      return (_this$_configuration44 = this._configuration) === null || _this$_configuration44 === void 0 ? void 0 : _this$_configuration44.telemetry;
+      var _this$_configuration46;
+      return (_this$_configuration46 = this._configuration) === null || _this$_configuration46 === void 0 ? void 0 : _this$_configuration46.telemetry;
     }
   }, {
     key: "enableModals",
     get: function get() {
-      var _this$_configuration45;
-      return !((_this$_configuration45 = this._configuration) !== null && _this$_configuration45 !== void 0 && _this$_configuration45.disableModals);
+      var _this$_configuration47;
+      return !((_this$_configuration47 = this._configuration) !== null && _this$_configuration47 !== void 0 && _this$_configuration47.disableModals);
     }
   }, {
     key: "enableSupport",
     get: function get() {
-      var _this$_configuration46;
-      return (_this$_configuration46 = this._configuration) === null || _this$_configuration46 === void 0 ? void 0 : _this$_configuration46.enableSupport;
+      var _this$_configuration48;
+      return (_this$_configuration48 = this._configuration) === null || _this$_configuration48 === void 0 ? void 0 : _this$_configuration48.enableSupport;
     }
   }, {
     key: "showInitWarnBanner",
     get: function get() {
-      var _this$defaultApiConfi, _this$defaultApiConfi2, _this$defaultApiConfi3, _this$_configuration47;
+      var _this$defaultApiConfi, _this$defaultApiConfi2, _this$defaultApiConfi3, _this$_configuration49;
       if (!((_this$defaultApiConfi = this.defaultApiConfig) !== null && _this$defaultApiConfi !== void 0 && _this$defaultApiConfi.showInitWarnBanner) || ((_this$defaultApiConfi2 = this.defaultApiConfig) === null || _this$defaultApiConfi2 === void 0 ? void 0 : _this$defaultApiConfi2.showInitWarnBanner) === 'false') {
         localStorage.removeItem('bannerViews');
       }
-      return ((_this$defaultApiConfi3 = this.defaultApiConfig) === null || _this$defaultApiConfi3 === void 0 ? void 0 : _this$defaultApiConfi3.showInitWarnBanner) === 'true' && ((_this$_configuration47 = this._configuration) === null || _this$_configuration47 === void 0 ? void 0 : _this$_configuration47.showInitWarnBanner);
+      return ((_this$defaultApiConfi3 = this.defaultApiConfig) === null || _this$defaultApiConfi3 === void 0 ? void 0 : _this$defaultApiConfi3.showInitWarnBanner) === 'true' && ((_this$_configuration49 = this._configuration) === null || _this$_configuration49 === void 0 ? void 0 : _this$_configuration49.showInitWarnBanner);
     }
   }, {
     key: "apiConfig",
     get: function get() {
-      var _this$_configuration48;
-      return parseApiConfig((_this$_configuration48 = this._configuration) === null || _this$_configuration48 === void 0 ? void 0 : _this$_configuration48.api, this.defaultApiConfig, this.root.dataStore.organization);
+      var _this$_configuration50;
+      return parseApiConfig((_this$_configuration50 = this._configuration) === null || _this$_configuration50 === void 0 ? void 0 : _this$_configuration50.api, this.defaultApiConfig, this.root.dataStore.organization);
     }
   }, {
     key: "applicationEnvironment",
     get: function get() {
-      var _this$_configuration$3, _this$_configuration49;
-      return (_this$_configuration$3 = (_this$_configuration49 = this._configuration) === null || _this$_configuration49 === void 0 ? void 0 : _this$_configuration49.applicationEnvironment) !== null && _this$_configuration$3 !== void 0 ? _this$_configuration$3 : 'SELLER';
+      var _this$_configuration$3, _this$_configuration51;
+      return (_this$_configuration$3 = (_this$_configuration51 = this._configuration) === null || _this$_configuration51 === void 0 ? void 0 : _this$_configuration51.applicationEnvironment) !== null && _this$_configuration$3 !== void 0 ? _this$_configuration$3 : 'SELLER';
     }
   }, {
     key: "priceFormat",
     get: function get() {
-      var _this$_configuration50;
-      if ((_this$_configuration50 = this._configuration) !== null && _this$_configuration50 !== void 0 && _this$_configuration50.priceFormat) {
-        var _this$_configuration51, _this$root$dataStore$, _this$root$dataStore$2, _this$_configuration52;
-        return _objectSpread$g(_objectSpread$g({}, (_this$_configuration51 = this._configuration) === null || _this$_configuration51 === void 0 ? void 0 : _this$_configuration51.priceFormat), {}, {
-          currency: (_this$root$dataStore$ = (_this$root$dataStore$2 = this.root.dataStore.organization) === null || _this$root$dataStore$2 === void 0 ? void 0 : _this$root$dataStore$2.settings.defaultCurrency) !== null && _this$root$dataStore$ !== void 0 ? _this$root$dataStore$ : (_this$_configuration52 = this._configuration) === null || _this$_configuration52 === void 0 ? void 0 : _this$_configuration52.priceFormat.currency
+      var _this$_configuration52;
+      if ((_this$_configuration52 = this._configuration) !== null && _this$_configuration52 !== void 0 && _this$_configuration52.priceFormat) {
+        var _this$_configuration53, _this$root$dataStore$, _this$root$dataStore$2, _this$_configuration54;
+        return _objectSpread$g(_objectSpread$g({}, (_this$_configuration53 = this._configuration) === null || _this$_configuration53 === void 0 ? void 0 : _this$_configuration53.priceFormat), {}, {
+          currency: (_this$root$dataStore$ = (_this$root$dataStore$2 = this.root.dataStore.organization) === null || _this$root$dataStore$2 === void 0 ? void 0 : _this$root$dataStore$2.settings.defaultCurrency) !== null && _this$root$dataStore$ !== void 0 ? _this$root$dataStore$ : (_this$_configuration54 = this._configuration) === null || _this$_configuration54 === void 0 ? void 0 : _this$_configuration54.priceFormat.currency
         });
       } else {
         var _this$root$dataStore$3, _this$root$dataStore$4;
@@ -1009,17 +1011,17 @@ var ConfigurationStore = /*#__PURE__*/function () {
   }, {
     key: "countryCodesFile",
     get: function get() {
-      var _this$_configuration53;
-      return (_this$_configuration53 = this._configuration) === null || _this$_configuration53 === void 0 ? void 0 : _this$_configuration53.countryCodesFile;
+      var _this$_configuration55;
+      return (_this$_configuration55 = this._configuration) === null || _this$_configuration55 === void 0 ? void 0 : _this$_configuration55.countryCodesFile;
     }
   }, {
     key: "allowedOrganizationTypes",
     get: function get() {
-      var _this$_configuration54, _this$_configuration55, _this$_configuration56, _this$_configuration57;
-      if (!((_this$_configuration54 = this._configuration) !== null && _this$_configuration54 !== void 0 && _this$_configuration54.allowedOrganizationTypes)) {
+      var _this$_configuration56, _this$_configuration57, _this$_configuration58, _this$_configuration59;
+      if (!((_this$_configuration56 = this._configuration) !== null && _this$_configuration56 !== void 0 && _this$_configuration56.allowedOrganizationTypes)) {
         return ['RETAILER'];
       }
-      return Array.isArray((_this$_configuration55 = this._configuration) === null || _this$_configuration55 === void 0 ? void 0 : _this$_configuration55.allowedOrganizationTypes) ? (_this$_configuration56 = this._configuration) === null || _this$_configuration56 === void 0 ? void 0 : _this$_configuration56.allowedOrganizationTypes : [(_this$_configuration57 = this._configuration) === null || _this$_configuration57 === void 0 ? void 0 : _this$_configuration57.allowedOrganizationTypes];
+      return Array.isArray((_this$_configuration57 = this._configuration) === null || _this$_configuration57 === void 0 ? void 0 : _this$_configuration57.allowedOrganizationTypes) ? (_this$_configuration58 = this._configuration) === null || _this$_configuration58 === void 0 ? void 0 : _this$_configuration58.allowedOrganizationTypes : [(_this$_configuration59 = this._configuration) === null || _this$_configuration59 === void 0 ? void 0 : _this$_configuration59.allowedOrganizationTypes];
     }
   }, {
     key: "resetConfigurationCache",
@@ -1854,6 +1856,7 @@ function Barrier (_ref) {
       if (disabledActions !== null && disabledActions !== void 0 && disabledActions[0]) return;
       actions === null || actions === void 0 || (_actions$ = actions[0]) === null || _actions$ === void 0 || _actions$.onClick(email);
     },
+    "data-test-id": "barrier-action-form",
     children: [type != 'NO_LOGIN' && /*#__PURE__*/jsx(SimpleLogin, {
       setEmail: setEmail,
       email: email,
@@ -2087,7 +2090,8 @@ var ContentStore = /*#__PURE__*/function () {
     _defineProperty(this, "customLogoMap", new Map());
     _defineProperty(this, "customHeaderComponentMap", new Map());
     _defineProperty(this, "_breadcrumbs", []);
-    _defineProperty(this, "_hidePrices", undefined);
+    _defineProperty(this, "_hidePrices", window.localStorage.getItem('diva-price') == '1');
+    _defineProperty(this, "_hideSnow", window.localStorage.getItem('diva-snow') == '1');
     _defineProperty(this, "_componentChange", undefined);
     _defineProperty(this, "_restrictedComponent", undefined);
     _defineProperty(this, "ref", undefined);
@@ -2765,6 +2769,21 @@ var ContentStore = /*#__PURE__*/function () {
     key: "toggleHidePrices",
     value: function toggleHidePrices() {
       this._hidePrices = !this.hidePrices;
+      window.localStorage.setItem('diva-price', this._hidePrices ? '1' : '0');
+    }
+  }, {
+    key: "hideSnow",
+    get: function get() {
+      return !!this._hideSnow;
+    }
+    /**
+     * Hides or shows snow
+     */
+  }, {
+    key: "toggleHideSnow",
+    value: function toggleHideSnow() {
+      this._hideSnow = !this._hideSnow;
+      window.localStorage.setItem('diva-snow', this._hideSnow ? '1' : '0');
     }
 
     /**
@@ -8952,6 +8971,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         updateCustomHeaderElement: store.contentStore.updateCustomHeaderElement.bind(store.contentStore),
         updateBreadcrumbs: store.contentStore.updateBreadcrumbs.bind(store.contentStore),
         toggleHidePrices: store.contentStore.toggleHidePrices.bind(store.contentStore),
+        toggleHideSnow: store.contentStore.toggleHideSnow.bind(store.contentStore),
         setComponentChange: store.contentStore.setComponentChange.bind(store.contentStore),
         setOrganization: store.dataStore.updateOrganization.bind(store.dataStore),
         getSessionGuid: store.dataStore.getSessionGuid.bind(store.dataStore),
@@ -8994,6 +9014,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         loginMode: store.loginMode,
         loading: store.loadingAndErrorStore.isLoading,
         hidePrices: store.contentStore.hidePrices,
+        hideSnow: store.contentStore.hideSnow,
         componentChange: store.contentStore.componentChange,
         dimensions: store.contentStore.containerDimensions,
         headerInfos: store.contentStore.headerInfos,
@@ -9046,6 +9067,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
           updateCustomHeaderElement: store.contentStore.updateCustomHeaderElement.bind(store.contentStore),
           updateBreadcrumbs: store.contentStore.updateBreadcrumbs.bind(store.contentStore),
           toggleHidePrices: store.contentStore.toggleHidePrices.bind(store.contentStore),
+          toggleHideSnow: store.contentStore.toggleHideSnow.bind(store.contentStore),
           setComponentChange: store.contentStore.setComponentChange.bind(store.contentStore),
           setOrganization: store.dataStore.updateOrganization.bind(store.dataStore),
           getSessionGuid: store.dataStore.getSessionGuid.bind(store.dataStore),
@@ -9090,6 +9112,7 @@ var DivaCoreProvider = /*#__PURE__*/forwardRef(function (_ref, ref) {
           loginMode: store.loginMode,
           loading: store.loadingAndErrorStore.isLoading,
           hidePrices: store.contentStore.hidePrices,
+          hideSnow: store.contentStore.hideSnow,
           componentChange: store.contentStore.componentChange,
           dimensions: store.contentStore.containerDimensions,
           headerInfos: store.contentStore.headerInfos,
@@ -9398,12 +9421,23 @@ var SideMenu = function SideMenu() {
     onSwipedLeft: function onSwipedLeft(e) {
       var _e$event$path;
       // do not swipe if the event is triggered withing the breadcrumbs
+
+      var allElements = [];
+      _getAllParents(e.event.target, allElements);
       if (contentStore.sideMenu && contentStore.sideMenu.swipeable != false && !((_e$event$path = e.event.path) !== null && _e$event$path !== void 0 && _e$event$path.find(function (p) {
-        return p.className == mobileBcGroup;
-      }))) contentStore.closeSideMenu();
+        return p.className == mobileBcGroup || p.className == 'diva-stop-swipe-detection';
+      })) && !allElements.find(function (e) {
+        return e.className == mobileBcGroup || e.className == 'diva-stop-swipe-detection';
+      })) contentStore.closeSideMenu();
     },
     trackMouse: true
   });
+  var _getAllParents = function getAllParents(element, allElements) {
+    if (element.parentElement && element.nodeName != 'BODY') {
+      allElements.push(element.parentElement);
+      _getAllParents(element.parentElement, allElements);
+    }
+  };
   var hide = ((_contentStore$sideMen6 = contentStore.sideMenu) === null || _contentStore$sideMen6 === void 0 ? void 0 : _contentStore$sideMen6.side) == 'right' ? hideRight : hideLeft;
   if (!contentStore.sideMenu) return /*#__PURE__*/jsx(Fragment, {});
   var height = (_contentStore$headerI = (_contentStore$headerI2 = contentStore.headerInfos.HeaderElement) === null || _contentStore$headerI2 === void 0 ? void 0 : _contentStore$headerI2.getBoundingClientRect().height) !== null && _contentStore$headerI !== void 0 ? _contentStore$headerI : 0;
@@ -9436,7 +9470,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-78eb9b8a.js');
+  return import('./ModalsWrapper-10fce47e.js');
 });
 function Fullscreen() {
   var _useDivaCoreContext = useDivaCoreContext(),
@@ -9869,6 +9903,7 @@ function BigSnackBarComponent(_ref2) {
           if (data.clickable && data.qrCode) window.open(data.qrCode, '_blank');
         },
         children: /*#__PURE__*/jsx(QRCode, {
+          size: data.qrCodeSize,
           value: data.qrCode,
           bgColor: 'var(--diva-theme-palette-secondary-dark)',
           fgColor: 'var(--diva-theme-palette-secondary-contrast-text)'
@@ -9883,10 +9918,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-89b38ea7.js');
+  return import('./index-4db284a4.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-78eb9b8a.js');
+  return import('./ModalsWrapper-10fce47e.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();
@@ -9954,6 +9989,11 @@ var ProductHandler = /*#__PURE__*/function (_ProductHandlerAbstra) {
     get: function get() {
       return this.root.apiConfig.mediaService;
     }
+  }, {
+    key: "basketService",
+    get: function get() {
+      return this.root.apiConfig.basketService;
+    }
   }, {
     key: "api2",
     get: function get() {
@@ -10581,6 +10621,7 @@ var MockedRootStore = /*#__PURE__*/function () {
           changeLoginMode: this.changeLoginMode.bind(this),
           subscribeEvents: this.subscribeEvents.bind(this),
           unSubscribeEvents: this.unSubscribeEvents.bind(this),
+          toggleHideSnow: function toggleHideSnow() {},
           onEvent: this.onEvent.bind(this),
           openComponent: function openComponent(data) {
             if (_this2.actions.openComponent) {
@@ -10796,6 +10837,7 @@ var MockedRootStore = /*#__PURE__*/function () {
           }
         },
         state: _objectSpread(_objectSpread({}, this.data), {}, {
+          hideSnow: false,
           apiConfig: this.apiConfig,
           availableLanguages: this.languages,
           loginMode: this.loginMode,