@crystaldesign/diva-core 25.4.0-beta.43 → 25.4.0-beta.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { i as styleInject, u as useDivaCoreContext } from './index-55a76d5a.js';
1
+ import { i as styleInject, u as useDivaCoreContext } from './index-0595819b.js';
2
2
  import { useState, useEffect, useCallback } from 'react';
3
3
  import { observer } from 'mobx-react-lite';
4
4
  import Button from '@mui/material/Button';
@@ -36,6 +36,7 @@ import '@mui/material/locale';
36
36
  import '@elastic/apm-rum-react';
37
37
  import '@mui/material/Typography';
38
38
  import 'classnames';
39
+ import '@mui/icons-material';
39
40
  import '@crystaldesign/basket-model';
40
41
  import 'lodash/debounce';
41
42
  import 'axios';
@@ -28,6 +28,7 @@ import Typography from '@mui/material/Typography';
28
28
  import { useTranslation, Trans, I18nextProvider } from 'react-i18next';
29
29
  import classnames from 'classnames';
30
30
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
31
+ import { ArrowBack } from '@mui/icons-material';
31
32
  import '@crystaldesign/basket-model';
32
33
  import debounce from 'lodash/debounce';
33
34
  import axios from 'axios';
@@ -44,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
44
45
  import * as Styles from '@mui/styles';
45
46
 
46
47
  (function() {
47
- const env = {"STAGE":"production","VERSION":"25.4.0-beta.43"};
48
+ const env = {"STAGE":"production","VERSION":"25.4.0-beta.45"};
48
49
  try {
49
50
  if (process) {
50
51
  process.env = Object.assign({}, process.env);
@@ -895,7 +896,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
895
896
  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,
896
897
  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,
897
898
  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,
898
- pricePreviewActive: ((_this$root$dataStore$ = this.root.dataStore.organization) === null || _this$root$dataStore$ === void 0 || (_this$root$dataStore$ = _this$root$dataStore$.settings) === null || _this$root$dataStore$ === void 0 ? void 0 : _this$root$dataStore$.pricePreview) && this.root.dataStore.organization.settings.pricePreview !== 'off' || ((_this$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.components.available.find(function (c) {
899
+ pricePreviewActive: ((_this$root$dataStore$ = this.root.dataStore.organization) === null || _this$root$dataStore$ === void 0 || (_this$root$dataStore$ = _this$root$dataStore$.settings) === null || _this$root$dataStore$ === void 0 ? void 0 : _this$root$dataStore$.pricePreview) && this.root.dataStore.organization.settings.pricePreview !== 'off' || ((_this$_configuration26 = this._configuration) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.components.available) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.find(function (c) {
899
900
  return c.type === 'DIVA_WEBPLANNER';
900
901
  })) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.settings) === null || _this$_configuration26 === void 0 || (_this$_configuration26 = _this$_configuration26.ViewConfig) === null || _this$_configuration26 === void 0 ? void 0 : _this$_configuration26.pricePreview)
901
902
  };
@@ -1735,9 +1736,8 @@ var microsoft = "microsoft-e3GYR";
1735
1736
  var separator = "separator-Hg6fH";
1736
1737
  var input = "input--Dl8e";
1737
1738
  var readonly = "readonly-uw66l";
1738
- var resetInput = "reset-input-ERpB4";
1739
1739
  var link = "link-s-Rcm";
1740
- var css_248z$6 = ".auth-y9j9- {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: rgba(255, 255, 255);\n z-index: 3;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.login-box-Zu-QM {\n padding: 20px;\n width: 400px;\n margin: 50px auto auto auto;\n letter-spacing: 1px;\n position: relative;\n font-family: Arial, Helvetica, sans-serif;\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.error-gJyOw {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n box-sizing: border-box;\n background-color: rgb(252, 235, 226);\n color: rgb(207, 74, 34);\n border: rgb(249, 211, 197) solid 1px;\n border-left: solid 4px;\n line-height: 20px;\n font-size: 16px;\n position: relative;\n}\n\n.error-gJyOw 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(207%2C 74%2C 34)%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 d%3D%22M8.8639 2.51357C8.49039 1.82881 7.50961 1.82881 7.1361 2.51357L1.12218 13.5388C0.763263 14.1968 1.23814 15 1.98608 15H14.0139C14.7619 15 15.2367 14.1968 14.8778 13.5388L8.8639 2.51357ZM7 6C7 5.44772 7.44772 5 8 5C8.55228 5 9 5.44772 9 6V10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10V6ZM9 13C9 13.5523 8.55228 14 8 14C7.44772 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12C8.55228 12 9 12.4477 9 13Z%22 %3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n position: absolute;\n}\n\n.error-gJyOw div {\n text-align: justify;\n margin-left: 30px;\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 filter: brightness(0) invert(1);\n}\n\n.google-WhFJU {\n background-color: #dd4b39;\n color: white;\n}\n\n.google-WhFJU div {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22%3F%3E%3Csvg fill%3D%22%23000000%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 %3E %3Cpath d%3D%22M12.545%2C10.239v3.821h5.445c-0.712%2C2.315-2.647%2C3.972-5.445%2C3.972c-3.332%2C0-6.033-2.701-6.033-6.032 s2.701-6.032%2C6.033-6.032c1.498%2C0%2C2.866%2C0.549%2C3.921%2C1.453l2.814-2.814C17.503%2C2.988%2C15.139%2C2%2C12.545%2C2 C7.021%2C2%2C2.543%2C6.477%2C2.543%2C12s4.478%2C10%2C10.002%2C10c8.396%2C0%2C10.249-7.85%2C9.426-11.748L12.545%2C10.239z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.microsoft-e3GYR {\n background-color: #00a4ef;\n color: white;\n}\n\n.microsoft-e3GYR div {\n background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22%23000000%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22%3E%3Cpath d%3D%22M19.852 7.761l-15 2.25C4.362 10.085 4 10.505 4 11v12c0 .553.448 1 1 1h15c.552 0 1-.447 1-1V8.75c0-.291-.127-.567-.348-.758C20.432 7.803 20.139 7.721 19.852 7.761zM45.652 4.242c-.22-.189-.512-.271-.801-.231l-21 3.15C23.362 7.235 23 7.655 23 8.15V23c0 .553.448 1 1 1h21c.552 0 1-.447 1-1V5C46 4.709 45.873 4.433 45.652 4.242zM20 26H5c-.552 0-1 .447-1 1v12c0 .495.362.915.852.989l15 2.25c.05.007.099.011.148.011.238 0 .47-.085.652-.242C20.873 41.817 21 41.541 21 41.25V27C21 26.447 20.552 26 20 26zM45 26H24c-.552 0-1 .447-1 1v14.85c0 .495.362.915.852.989l21 3.15C44.901 45.996 44.951 46 45 46c.238 0 .47-.085.652-.242C45.873 45.567 46 45.291 46 45V27C46 26.447 45.552 26 45 26z%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";
1740
+ var css_248z$6 = ".auth-y9j9- {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: rgba(255, 255, 255);\n z-index: 3;\n overflow: auto;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.login-box-Zu-QM {\n padding: 20px;\n width: 400px;\n margin: 50px auto auto auto;\n position: relative;\n}\n\n@media (max-height: 450px) {\n .login-box-Zu-QM {\n margin: auto;\n }\n}\n\n.logo-container-Gujpy {\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n margin-bottom: 50px;\n}\n\n.success-7n9-D {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n box-sizing: border-box;\n background-color: rgb(228, 244, 228);\n color: rgb(17, 97, 73);\n border: rgb(195, 231, 202) solid 1px;\n border-left: solid 4px;\n line-height: 20px;\n font-size: 16px;\n position: relative;\n}\n\n.success-7n9-D span {\n width: 30px;\n height: 100%;\n float: left;\n background-repeat: no-repeat;\n background-image: url(\"data:image/svg+xml,%3Csvg fill%3D%22rgb(19%2C 170%2C 82)%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2230px%22 width%3D%2230px%22 viewBox%3D%220 0 24 24%22 %3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M8 15A7 7 0 108 1a7 7 0 000 14zm2.448-10.104a.997.997 0 111.508 1.306l-4.572 5.28a1 1 0 01-1.64-.07l-1.82-2.868a1 1 0 111.69-1.07l1.1 1.734 3.734-4.312z%22 fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\");\n position: absolute;\n}\n\n.success-7n9-D div {\n text-align: justify;\n margin-left: 30px;\n}\n\n[dir=\"ltr\"] .error-gJyOw {\n text-align: left;\n}\n\n[dir=\"rtl\"] .error-gJyOw {\n text-align: right;\n}\n\n.error-gJyOw {\n border-left: 4px solid red !important;\n}\n\n.error-gJyOw {\n border-radius: 4px;\n padding: 10px;\n display: flex;\n align-items: center;\n}\n\n.auth-button-nvUhU {\n width: 100%;\n padding: 12px;\n border-radius: 4px;\n margin: 15px 0;\n opacity: 0.85;\n font-size: 17px;\n line-height: 22px;\n cursor: pointer;\n box-sizing: border-box;\n background-color: var(--diva-theme-palette-primary-main);\n text-align: center;\n color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.auth-button-nvUhU:hover {\n opacity: 1;\n}\n\n.button-disabled-GS-ox {\n opacity: 0.3;\n cursor: auto;\n cursor: initial;\n}\n.button-disabled-GS-ox:hover {\n opacity: 0.3;\n}\n\n.social-button-p5pUa div {\n width: 30px;\n height: 22px;\n float: left;\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n}\n\n.google-WhFJU,\n.microsoft-e3GYR {\n margin-top: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background-color: white;\n color: #333;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-weight: 600;\n padding: 12px;\n transition: all 0.3s ease-in-out;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.google-WhFJU:hover,\n.microsoft-e3GYR:hover {\n background-color: #f8f9fa;\n border-color: #bbb;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.google-WhFJU div {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%22-3 0 262 262%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 preserveAspectRatio%3D%22xMidYMid%22%3E%3Cpath d%3D%22M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027%22 fill%3D%22%234285F4%22%2F%3E%3Cpath d%3D%22M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1%22 fill%3D%22%2334A853%22%2F%3E%3Cpath d%3D%22M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782%22 fill%3D%22%23FBBC05%22%2F%3E%3Cpath d%3D%22M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251%22 fill%3D%22%23EB4335%22%2F%3E%3C%2Fsvg%3E\");\n}\n.microsoft-e3GYR div {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22aria-label%3D%22Microsoft%22 role%3D%22img%22viewBox%3D%220 0 512 512%22%3E%3Crectwidth%3D%22512%22 height%3D%22512%22rx%3D%2215%25%22fill%3D%22%23ffffff%22%2F%3E%3Cpathd%3D%22M75 75v171h171v-171z%22 fill%3D%22%23f25022%22%2F%3E%3Cpathd%3D%22M266 75v171h171v-171z%22 fill%3D%22%237fba00%22%2F%3E%3Cpathd%3D%22M75 266v171h171v-171z%22 fill%3D%22%2300a4ef%22%2F%3E%3Cpathd%3D%22M266 266v171h171v-171z%22 fill%3D%22%23ffb900%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.separator-Hg6fH {\n display: flex;\n align-items: center;\n text-align: center;\n color: rgb(184, 196, 194);\n}\n\n.separator-Hg6fH::before,\n.separator-Hg6fH::after {\n content: '';\n flex: 1;\n border-bottom: 1px solid rgb(184, 196, 194);\n}\n\n.separator-Hg6fH:not(:empty)::before {\n margin-right: 0.25em;\n}\n\n.separator-Hg6fH:not(:empty)::after {\n margin-left: 0.25em;\n}\n\n.input--Dl8e {\n width: 100%;\n padding: 1em;\n border: solid 1px rgba(0, 0, 0, 0.1);\n border-radius: 0.3em;\n outline: none;\n margin: 15px 0;\n box-sizing: border-box;\n}\n\n.input--Dl8e:hover,\n.input--Dl8e:focus,\n.input--Dl8e:active {\n border: solid 1px var(--diva-theme-palette-primary-main);\n}\n\n.input--Dl8e::-moz-placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e::placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n\n.input--Dl8e.readonly-uw66l {\n border: solid 1px rgba(0, 0, 0, 0.1);\n color: rgba(0, 0, 0, 0.25);\n}\n\n.reset-input-ERpB4 {\n position: relative;\n}\n\n.reset-input-ERpB4:after {\n content: '';\n position: absolute;\n right: 10px;\n top: 0;\n bottom: 0;\n width: 20px;\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!DOCTYPE svg PUBLIC '-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN' 'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg id%3D%22Layer_1%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 version%3D%221.1%22 viewBox%3D%220 0 512 512%22 width%3D%22512px%22 xml%3Aspace%3D%22preserve%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath d%3D%22M256%2C33C132.3%2C33%2C32%2C133.3%2C32%2C257c0%2C123.7%2C100.3%2C224%2C224%2C224c123.7%2C0%2C224-100.3%2C224-224C480%2C133.3%2C379.7%2C33%2C256%2C33z M364.3%2C332.5c1.5%2C1.5%2C2.3%2C3.5%2C2.3%2C5.6c0%2C2.1-0.8%2C4.2-2.3%2C5.6l-21.6%2C21.7c-1.6%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3L256%2C289.8 l-75.4%2C75.7c-1.5%2C1.6-3.6%2C2.3-5.6%2C2.3c-2%2C0-4.1-0.8-5.6-2.3l-21.6-21.7c-1.5-1.5-2.3-3.5-2.3-5.6c0-2.1%2C0.8-4.2%2C2.3-5.6l75.7-76 l-75.9-75c-3.1-3.1-3.1-8.2%2C0-11.3l21.6-21.7c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l75.7%2C74.7l75.7-74.7 c1.5-1.5%2C3.5-2.3%2C5.6-2.3c2.1%2C0%2C4.1%2C0.8%2C5.6%2C2.3l21.6%2C21.7c3.1%2C3.1%2C3.1%2C8.2%2C0%2C11.3l-75.9%2C75L364.3%2C332.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") center / contain no-repeat;\n cursor: pointer;\n opacity: 0.7;\n}\n\n.link-s-Rcm {\n color: var(--diva-theme-palette-primary-main);\n cursor: pointer;\n display: inline-block;\n}\n";
1741
1741
  styleInject(css_248z$6);
1742
1742
 
1743
1743
  var _excluded$7 = ["className", "disabled", "children"];
@@ -1755,19 +1755,41 @@ function Button (_ref) {
1755
1755
  }));
1756
1756
  }
1757
1757
 
1758
- var _excluded$6 = ["className", "readOnly"];
1758
+ var _excluded$6 = ["className", "readOnly", "resetInput"];
1759
1759
  function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1760
1760
  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1761
1761
  var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
1762
1762
  var className = _ref.className,
1763
1763
  readOnly = _ref.readOnly,
1764
+ resetInput = _ref.resetInput,
1764
1765
  props = _objectWithoutProperties(_ref, _excluded$6);
1765
- return /*#__PURE__*/jsx("input", _objectSpread$d({
1766
- ref: ref,
1767
- className: classnames(input, readOnly ? readonly : undefined, className),
1768
- readOnly: readOnly,
1769
- "data-test-id": "barrier-input-text"
1770
- }, props));
1766
+ return /*#__PURE__*/jsxs("div", {
1767
+ style: {
1768
+ position: 'relative'
1769
+ },
1770
+ children: [/*#__PURE__*/jsx("input", _objectSpread$d({
1771
+ ref: ref,
1772
+ className: classnames(input, readOnly ? readonly : undefined, className),
1773
+ readOnly: readOnly,
1774
+ "data-test-id": "barrier-input-text",
1775
+ style: {
1776
+ paddingLeft: resetInput ? '40px' : undefined
1777
+ } // Platzierung des Pfeils
1778
+ }, props)), resetInput && /*#__PURE__*/jsx(ArrowBack, {
1779
+ onClick: function onClick() {
1780
+ return resetInput();
1781
+ },
1782
+ style: {
1783
+ position: 'absolute',
1784
+ left: '8px',
1785
+ // Platzierung des Pfeils
1786
+ top: '50%',
1787
+ transform: 'translateY(-50%)',
1788
+ // Vertikale Zentrierung
1789
+ cursor: 'pointer'
1790
+ }
1791
+ })]
1792
+ });
1771
1793
  });
1772
1794
 
1773
1795
  function SimpleLogin (_ref) {
@@ -9572,7 +9594,7 @@ var SideMenu$1 = observer(SideMenu);
9572
9594
  function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9573
9595
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9574
9596
  var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
9575
- return import('./ModalsWrapper-737cbbd8.js');
9597
+ return import('./ModalsWrapper-c52892c4.js');
9576
9598
  });
9577
9599
  function Fullscreen() {
9578
9600
  var _useDivaCoreContext = useDivaCoreContext(),
@@ -10026,10 +10048,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
10026
10048
  function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10027
10049
  var LOG$2 = getLogger('Framework', 'Root');
10028
10050
  var LazyAuth = /*#__PURE__*/React.lazy(function () {
10029
- return import('./index-16cd0b88.js');
10051
+ return import('./index-faa945cd.js');
10030
10052
  });
10031
10053
  var LazyModals = /*#__PURE__*/React.lazy(function () {
10032
- return import('./ModalsWrapper-737cbbd8.js');
10054
+ return import('./ModalsWrapper-c52892c4.js');
10033
10055
  });
10034
10056
  function ContentComponent() {
10035
10057
  var context = useDivaCoreContext();
@@ -11018,4 +11040,4 @@ LOG.startTransaction({
11018
11040
  });
11019
11041
  window.DIVA_VERSION = "v".concat(process.env.VERSION);
11020
11042
 
11021
- export { AuthorizationHandler as A, Button as B, Content as C, DivaCore as D, HelpButton as H, Input as I, ONE_DAY_UNIX as O, ProductHandler as P, RequestStatus as R, SupportHandler as S, getLogger as a, separator as b, success as c, auth as d, error as e, loginBox as f, google as g, logoContainer as h, styleInject as i, useDivaCore as j, AnalyticsHandler as k, link as l, microsoft as m, OrganizationHandler as n, ClientArticleHandler as o, DivaMockProvider as p, storyBookCoreMock as q, resetInput as r, socialButton as s, useDivaCoreContext as u };
11043
+ export { AuthorizationHandler as A, Button as B, Content as C, DivaCore as D, HelpButton as H, Input as I, ONE_DAY_UNIX as O, ProductHandler as P, RequestStatus as R, SupportHandler as S, getLogger as a, separator as b, success as c, auth as d, error as e, loginBox as f, google as g, logoContainer as h, styleInject as i, useDivaCore as j, AnalyticsHandler as k, link as l, microsoft as m, OrganizationHandler as n, ClientArticleHandler as o, DivaMockProvider as p, storyBookCoreMock as q, socialButton as s, useDivaCoreContext as u };