@crystaldesign/diva-core 25.11.0-beta.9 → 25.11.0-rc.1

package/build/esm/{ModalsWrapper-d04e0a96.js → ModalsWrapper-f1c1d9bd.js}

@@ -1,4 +1,4 @@
-import { i as styleInject, u as useDivaCoreContext } from './index-1f8ca112.js';
+import { s as styleInject, u as useDivaCoreContext } from './index-102ba7c2.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';
@@ -36,13 +36,13 @@ import '@mui/material/styles';
 import '@mui/material/locale';
 import '@elastic/apm-rum-react';
 import '@mui/material/Typography';
-import 'classnames';
-import '@mui/icons-material';
 import '@crystaldesign/basket-model';
 import 'lodash/debounce';
 import 'axios';
 import '@crystaldesign/product-handler';
-import 'react-swipeable';
+import 'classnames';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import 'vaul';
 import '@crystaldesign/content-box';
 import '@crystaldesign/diva-core';
 import 'react-qr-code';

package/build/esm/{index-375190da.js → index-084333b4.js}

@@ -1,14 +1,18 @@
-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-1f8ca112.js';
-import { useState, useRef, useEffect, useMemo } from 'react';
+import { s as styleInject, u as useDivaCoreContext, g as getLogger } from './index-102ba7c2.js';
+import { forwardRef, useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { observer } from 'mobx-react-lite';
 import { DivaError } from '@crystaldesign/diva-utils';
 import { flowResult, toJS } from 'mobx';
-import { useTranslation } from 'react-i18next';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ArrowBack } from '@mui/icons-material';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import Button from '@mui/material/Button';
+import { useTranslation } from 'react-i18next';
 import CircularProgress from '@mui/material/CircularProgress';
 import Alert from '@mui/material/Alert';
 import { useTranslation as useTranslation$1 } from '@crystaldesign/diva-core';
@@ -18,14 +22,12 @@ 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';
 import '@elastic/apm-rum';
 import '@babel/runtime/helpers/possibleConstructorReturn';
 import '@babel/runtime/helpers/getPrototypeOf';
 import '@babel/runtime/helpers/inherits';
 import '@babel/runtime/helpers/wrapNativeSuper';
 import 'react-dom';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobile-detect';
 import 'platform';
@@ -36,13 +38,12 @@ import '@mui/material/styles';
 import '@mui/material/locale';
 import '@elastic/apm-rum-react';
 import '@mui/material/Typography';
-import '@mui/material/Button';
-import '@mui/icons-material';
 import '@crystaldesign/basket-model';
 import 'lodash/debounce';
 import 'axios';
 import '@crystaldesign/product-handler';
-import 'react-swipeable';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import 'vaul';
 import 'react-qr-code';
 import '@mui/icons-material/Close';
 import '@mui/material/IconButton';
@@ -50,8 +51,86 @@ import '@mui/icons-material/HelpOutline';
 import '@storybook/addon-actions';
 import '@mui/styles';
 
-function OpenId () {
+var titlecontainer = "titlecontainer-LeRMj";
+var auth = "auth-y9j9-";
+var loginBox = "login-box-Zu-QM";
+var logoContainer = "logo-container-Gujpy";
+var success = "success-7n9-D";
+var error = "error-gJyOw";
+var authButton = "auth-button-nvUhU";
+var buttonDisabled = "button-disabled-GS-ox";
+var socialButton = "social-button-p5pUa";
+var google = "google-WhFJU";
+var microsoft = "microsoft-e3GYR";
+var separator = "separator-Hg6fH";
+var input = "input--Dl8e";
+var readonly = "readonly-uw66l";
+var link = "link-s-Rcm";
+var css_248z = ".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  text-transform: none;\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);
+
+var _excluded$1 = ["className", "readOnly", "resetInput"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    readOnly = _ref.readOnly,
+    resetInput = _ref.resetInput,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsxs("div", {
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/jsx("input", _objectSpread$1({
+      ref: ref,
+      className: classnames(input, readOnly ? readonly : undefined, className),
+      readOnly: readOnly,
+      "data-test-id": "barrier-input-text",
+      style: {
+        paddingLeft: resetInput ? '40px' : undefined
+      } // Platzierung des Pfeils
+    }, props)), resetInput && /*#__PURE__*/jsx(ArrowBack, {
+      onClick: function onClick() {
+        return resetInput();
+      },
+      style: {
+        position: 'absolute',
+        left: '8px',
+        // Platzierung des Pfeils
+        top: '50%',
+        transform: 'translateY(-50%)',
+        // Vertikale Zentrierung
+        cursor: 'pointer'
+      }
+    })]
+  });
+});
+
+var _excluded = ["className", "disabled", "children", "onClick", "style"];
+function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(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,
+    style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
+    id: "submit",
+    variant: "contained",
+    disabled: disabled,
+    onClick: onClick,
+    className: classnames(authButton, className, disabled ? buttonDisabled : undefined),
+    style: style
+  }, props), {}, {
+    children: children
+  }));
+}
+
+function OpenId (_ref) {
   var _authorizationStore$s, _loginMethods$generic, _loginMethods$generic2;
+  var disabled = _ref.disabled;
   var _useDivaCoreContext = useDivaCoreContext(),
     configurationStore = _useDivaCoreContext.configurationStore,
     authorizationStore = _useDivaCoreContext.authorizationStore;
@@ -60,6 +139,7 @@ function OpenId () {
   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(AuthButton, {
+      disabled: disabled,
       className: classnames(socialButton, google),
       onClick: function onClick() {
         var _authorizationStore$s2;
@@ -67,6 +147,7 @@ function OpenId () {
       },
       children: [/*#__PURE__*/jsx("div", {}), t('auth.login.google')]
     }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft) && /*#__PURE__*/jsxs(AuthButton, {
+      disabled: disabled,
       className: classnames(socialButton, microsoft),
       onClick: function onClick() {
         var _authorizationStore$s3;
@@ -74,6 +155,7 @@ function OpenId () {
       },
       children: [/*#__PURE__*/jsx("div", {}), t('auth.login.microsoft')]
     }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) && /*#__PURE__*/jsxs(AuthButton, {
+      disabled: disabled,
       className: socialButton,
       style: {
         backgroundColor: (_loginMethods$generic = loginMethods.generic.backgroundColor) !== null && _loginMethods$generic !== void 0 ? _loginMethods$generic : configurationStore.theme.palette.secondary.main,
@@ -853,7 +935,9 @@ function Register() {
       title: t('auth.title.register'),
       text: t('auth.text.register', ''),
       errorText: errorText !== null && errorText !== void 0 ? errorText : ''
-    }), /*#__PURE__*/jsx(OpenId, {}), ((loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft)) && loginMethods.standard && /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx(OpenId, {
+      disabled: !agbAccepted
+    }), ((loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.generic) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.google) || (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.microsoft)) && loginMethods.standard && /*#__PURE__*/jsx("div", {
       className: separator,
       children: "or"
     }), (loginMethods === null || loginMethods === void 0 ? void 0 : loginMethods.standard) && /*#__PURE__*/jsxs(Fragment, {