@crystaldesign/diva-core 25.14.0-beta.9 → 25.14.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/esm/{ModalsWrapper-7df23564.js → ModalsWrapper-8d647628.js} +1 -2
- package/build/esm/{index-c8667189.js → index-3d2d49c5.js} +1 -2
- package/build/esm/{index-ebfd0d26.js → index-f7bb8609.js} +377 -145
- package/build/esm/index.js +2 -3
- package/build/types/core/src/elements/DrawerMenu/index.d.ts +1 -2
- package/build/types/core/src/elements/DrawerMenu/index.d.ts.map +1 -1
- package/build/types/core/src/elements/DrawerMenu/useSwipeToDismiss.d.ts +11 -0
- package/build/types/core/src/elements/DrawerMenu/useSwipeToDismiss.d.ts.map +1 -0
- package/build/types/core/src/elements/HeightAnimator/index.d.ts +9 -0
- package/build/types/core/src/elements/HeightAnimator/index.d.ts.map +1 -0
- package/build/types/core/src/externalTypes.d.ts +2 -3
- package/build/types/core/src/externalTypes.d.ts.map +1 -1
- package/build/types/core/src/handler/ClientArticleHandler/index.d.ts.map +1 -1
- package/build/types/core/src/index.d.ts +2 -0
- package/build/types/core/src/index.d.ts.map +1 -1
- package/build/types/core/src/store/BrowserStateStore.d.ts +1 -0
- package/build/types/core/src/store/BrowserStateStore.d.ts.map +1 -1
- package/build/types/core/src/store/ConfigurationStore.d.ts.map +1 -1
- package/build/types/core/src/store/LoadingAndErrorStore.d.ts.map +1 -1
- package/build/types/core/src/store/RootStore.d.ts.map +1 -1
- package/build/umd/{914.diva-core.umd.min.js → 152.diva-core.umd.min.js} +2 -2
- package/build/umd/152.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/609.diva-core.umd.min.js +2 -0
- package/build/umd/609.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/{486.diva-core.umd.min.js → 618.diva-core.umd.min.js} +2 -2
- package/build/umd/618.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/70.diva-core.umd.min.js +2 -0
- package/build/umd/70.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/820.diva-core.umd.min.js +2 -0
- package/build/umd/820.diva-core.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/diva-core.umd.min.js +6 -6
- package/build/umd/report.html +1 -1
- package/package.json +11 -12
- package/build/umd/272.diva-core.umd.min.js +0 -2
- package/build/umd/272.diva-core.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/486.diva-core.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/515.diva-core.umd.min.js +0 -2
- package/build/umd/515.diva-core.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/558.diva-core.umd.min.js +0 -2
- package/build/umd/558.diva-core.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/803.diva-core.umd.min.js +0 -2
- package/build/umd/803.diva-core.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/914.diva-core.umd.min.js.LICENSE.txt +0 -1
|
@@ -34,9 +34,8 @@ import axios from 'axios';
|
|
|
34
34
|
import { ProductHandlerAbstract } from '@crystaldesign/product-handler';
|
|
35
35
|
import classnames from 'classnames';
|
|
36
36
|
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
37
|
-
import {
|
|
37
|
+
import { SwipeableDrawer, Button, Snackbar, SnackbarContent, IconButton, Card, CardHeader, CardContent } from '@mui/material';
|
|
38
38
|
import { ContentBoxComponent } from '@crystaldesign/content-box';
|
|
39
|
-
import { Button, Snackbar, SnackbarContent, IconButton, Card, CardHeader, CardContent } from '@mui/material';
|
|
40
39
|
import { useTranslation as useTranslation$1, useDivaCore as useDivaCore$1 } from '@crystaldesign/diva-core';
|
|
41
40
|
import QRCode from 'react-qr-code';
|
|
42
41
|
import CloseIcon from '@mui/icons-material/Close';
|
|
@@ -46,7 +45,7 @@ import { actions } from '@storybook/addon-actions';
|
|
|
46
45
|
import * as Styles from '@mui/styles';
|
|
47
46
|
|
|
48
47
|
(function() {
|
|
49
|
-
const env = {"STAGE":"production","VERSION":"25.14.0-
|
|
48
|
+
const env = {"STAGE":"production","VERSION":"25.14.0-rc.1"};
|
|
50
49
|
try {
|
|
51
50
|
if (process) {
|
|
52
51
|
process.env = Object.assign({}, process.env);
|
|
@@ -870,31 +869,31 @@ var ConfigurationStore = /*#__PURE__*/function () {
|
|
|
870
869
|
}, {
|
|
871
870
|
key: "theme",
|
|
872
871
|
get: function get() {
|
|
873
|
-
var _this$_configuration9, _this$root$dataStore$,
|
|
872
|
+
var _this$_configuration9, _this$root$dataStore$, _theme$palette, _theme$palette2, _theme$palette3, _theme$palette4, _theme$palette5, _theme$palette6, _theme$palette7, _theme$palette8, _theme$palette9, _theme$palette10, _theme$palette11, _theme$palette12, _theme$palette13, _theme$palette14, _theme$typography, _theme$components;
|
|
874
873
|
var theme = (_this$_configuration9 = this._configuration) === null || _this$_configuration9 === void 0 ? void 0 : _this$_configuration9.theme;
|
|
875
874
|
var orgTheme = (_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$.theme;
|
|
876
875
|
|
|
877
876
|
// Apply organization theme overrides if they exist
|
|
878
877
|
var palette = {
|
|
879
878
|
primary: {
|
|
880
|
-
main: (
|
|
881
|
-
light: (
|
|
882
|
-
dark: (
|
|
883
|
-
contrastText: (
|
|
879
|
+
main: (orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.main) || (theme === null || theme === void 0 || (_theme$palette = theme.palette) === null || _theme$palette === void 0 || (_theme$palette = _theme$palette.primary) === null || _theme$palette === void 0 ? void 0 : _theme$palette.main) || defaultTheme.palette.primary.main,
|
|
880
|
+
light: (orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.light) || (theme === null || theme === void 0 || (_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.primary) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2.light) || defaultTheme.palette.primary.light,
|
|
881
|
+
dark: (orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.dark) || (theme === null || theme === void 0 || (_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 || (_theme$palette3 = _theme$palette3.primary) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.dark) || defaultTheme.palette.primary.dark,
|
|
882
|
+
contrastText: (theme === null || theme === void 0 || (_theme$palette4 = theme.palette) === null || _theme$palette4 === void 0 || (_theme$palette4 = _theme$palette4.primary) === null || _theme$palette4 === void 0 ? void 0 : _theme$palette4.contrastText) || defaultTheme.palette.primary.contrastText
|
|
884
883
|
},
|
|
885
884
|
secondary: {
|
|
886
|
-
main: (
|
|
887
|
-
light: (
|
|
888
|
-
dark: (
|
|
889
|
-
contrastText: (
|
|
885
|
+
main: (theme === null || theme === void 0 || (_theme$palette5 = theme.palette) === null || _theme$palette5 === void 0 || (_theme$palette5 = _theme$palette5.secondary) === null || _theme$palette5 === void 0 ? void 0 : _theme$palette5.main) || (orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.main) || (theme === null || theme === void 0 || (_theme$palette6 = theme.palette) === null || _theme$palette6 === void 0 || (_theme$palette6 = _theme$palette6.primary) === null || _theme$palette6 === void 0 ? void 0 : _theme$palette6.main) || defaultTheme.palette.secondary.main,
|
|
886
|
+
light: (theme === null || theme === void 0 || (_theme$palette7 = theme.palette) === null || _theme$palette7 === void 0 || (_theme$palette7 = _theme$palette7.secondary) === null || _theme$palette7 === void 0 ? void 0 : _theme$palette7.light) || (orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.light) || (theme === null || theme === void 0 || (_theme$palette8 = theme.palette) === null || _theme$palette8 === void 0 || (_theme$palette8 = _theme$palette8.primary) === null || _theme$palette8 === void 0 ? void 0 : _theme$palette8.light) || defaultTheme.palette.secondary.light,
|
|
887
|
+
dark: (theme === null || theme === void 0 || (_theme$palette9 = theme.palette) === null || _theme$palette9 === void 0 || (_theme$palette9 = _theme$palette9.secondary) === null || _theme$palette9 === void 0 ? void 0 : _theme$palette9.dark) || (orgTheme === null || orgTheme === void 0 ? void 0 : orgTheme.dark) || (theme === null || theme === void 0 || (_theme$palette10 = theme.palette) === null || _theme$palette10 === void 0 || (_theme$palette10 = _theme$palette10.primary) === null || _theme$palette10 === void 0 ? void 0 : _theme$palette10.dark) || defaultTheme.palette.secondary.dark,
|
|
888
|
+
contrastText: (theme === null || theme === void 0 || (_theme$palette11 = theme.palette) === null || _theme$palette11 === void 0 || (_theme$palette11 = _theme$palette11.secondary) === null || _theme$palette11 === void 0 ? void 0 : _theme$palette11.contrastText) || (theme === null || theme === void 0 || (_theme$palette12 = theme.palette) === null || _theme$palette12 === void 0 || (_theme$palette12 = _theme$palette12.primary) === null || _theme$palette12 === void 0 ? void 0 : _theme$palette12.contrastText) || defaultTheme.palette.secondary.contrastText
|
|
890
889
|
},
|
|
891
890
|
text: {
|
|
892
|
-
primary: (
|
|
893
|
-
secondary: (
|
|
891
|
+
primary: (theme === null || theme === void 0 || (_theme$palette13 = theme.palette) === null || _theme$palette13 === void 0 || (_theme$palette13 = _theme$palette13.text) === null || _theme$palette13 === void 0 ? void 0 : _theme$palette13.primary) || defaultTheme.palette.text.primary,
|
|
892
|
+
secondary: (theme === null || theme === void 0 || (_theme$palette14 = theme.palette) === null || _theme$palette14 === void 0 || (_theme$palette14 = _theme$palette14.text) === null || _theme$palette14 === void 0 ? void 0 : _theme$palette14.secondary) || defaultTheme.palette.text.secondary
|
|
894
893
|
}
|
|
895
894
|
};
|
|
896
895
|
var typography = {
|
|
897
|
-
fontFamily: (
|
|
896
|
+
fontFamily: (theme === null || theme === void 0 || (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.fontFamily) || defaultTheme.typography.fontFamily
|
|
898
897
|
};
|
|
899
898
|
var components = (_theme$components = theme === null || theme === void 0 ? void 0 : theme.components) !== null && _theme$components !== void 0 ? _theme$components : defaultTheme.components;
|
|
900
899
|
|
|
@@ -917,10 +916,10 @@ var ConfigurationStore = /*#__PURE__*/function () {
|
|
|
917
916
|
var root = document.documentElement;
|
|
918
917
|
|
|
919
918
|
// Apply custom variables without prefix
|
|
920
|
-
Object.entries(customCssVariables).forEach(function (
|
|
921
|
-
var
|
|
922
|
-
key =
|
|
923
|
-
value =
|
|
919
|
+
Object.entries(customCssVariables).forEach(function (_ref) {
|
|
920
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
921
|
+
key = _ref2[0],
|
|
922
|
+
value = _ref2[1];
|
|
924
923
|
if (key && value) {
|
|
925
924
|
// Ensure variable name starts with --
|
|
926
925
|
var varName = key.startsWith('--') ? key : "--".concat(key);
|
|
@@ -1054,9 +1053,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
|
|
|
1054
1053
|
}, {
|
|
1055
1054
|
key: "priceFormat",
|
|
1056
1055
|
get: function get() {
|
|
1057
|
-
var _this$root$dataStore$3,
|
|
1058
|
-
_this$_configuration55,
|
|
1059
|
-
_this = this;
|
|
1056
|
+
var _this$root$dataStore$3, _this$_configuration55;
|
|
1060
1057
|
var fallbackPriceFormat = {
|
|
1061
1058
|
currency: '€',
|
|
1062
1059
|
spacing: true,
|
|
@@ -1072,8 +1069,7 @@ var ConfigurationStore = /*#__PURE__*/function () {
|
|
|
1072
1069
|
if (Array.isArray((_this$_configuration56 = this._configuration) === null || _this$_configuration56 === void 0 ? void 0 : _this$_configuration56.priceFormat)) {
|
|
1073
1070
|
var _this$_configuration$6, _this$_configuration57;
|
|
1074
1071
|
return (_this$_configuration$6 = (_this$_configuration57 = this._configuration) === null || _this$_configuration57 === void 0 ? void 0 : _this$_configuration57.priceFormat.find(function (pf) {
|
|
1075
|
-
|
|
1076
|
-
return pf.currency === ((_this$root$dataStore$4 = _this.root.dataStore.organization) === null || _this$root$dataStore$4 === void 0 ? void 0 : _this$root$dataStore$4.settings.defaultCurrency);
|
|
1072
|
+
return pf.currency === currency;
|
|
1077
1073
|
})) !== null && _this$_configuration$6 !== void 0 ? _this$_configuration$6 : _objectSpread$d(_objectSpread$d({}, fallbackPriceFormat), {}, {
|
|
1078
1074
|
currency: currency
|
|
1079
1075
|
});
|
|
@@ -1112,12 +1108,12 @@ var ConfigurationStore = /*#__PURE__*/function () {
|
|
|
1112
1108
|
}, {
|
|
1113
1109
|
key: "fetchConfiguration",
|
|
1114
1110
|
value: function () {
|
|
1115
|
-
var _fetchConfiguration = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(
|
|
1116
|
-
var identifier, type, domain,
|
|
1111
|
+
var _fetchConfiguration = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
|
|
1112
|
+
var identifier, type, domain, _ref3$organizationId, organizationId, configuration, types, settingsKeys, _i, _types, subType;
|
|
1117
1113
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
1118
1114
|
while (1) switch (_context.prev = _context.next) {
|
|
1119
1115
|
case 0:
|
|
1120
|
-
identifier =
|
|
1116
|
+
identifier = _ref3.identifier, type = _ref3.type, domain = _ref3.domain, _ref3$organizationId = _ref3.organizationId, organizationId = _ref3$organizationId === void 0 ? this.root.dataStore.organizationId : _ref3$organizationId;
|
|
1121
1117
|
LOG$d.debug("Fetching configuration for ".concat(type, " ").concat(identifier !== null && identifier !== void 0 ? identifier : '', " ").concat(domain !== null && domain !== void 0 ? domain : '', " ").concat(organizationId));
|
|
1122
1118
|
configuration = this.configurationCache.get(type + identifier + organizationId);
|
|
1123
1119
|
if (!configuration) {
|
|
@@ -3670,6 +3666,7 @@ var _default = /*#__PURE__*/function () {
|
|
|
3670
3666
|
}, {
|
|
3671
3667
|
key: "isLoading",
|
|
3672
3668
|
get: function get() {
|
|
3669
|
+
LOG$8.debug("isLoading: ".concat(this.loading.size, " [").concat(Array.from(this.loading.keys()).join(', '), "]"));
|
|
3673
3670
|
return this.loading.size != 0;
|
|
3674
3671
|
}
|
|
3675
3672
|
}, {
|
|
@@ -3807,7 +3804,7 @@ var BrowserStateStore = /*#__PURE__*/function () {
|
|
|
3807
3804
|
key: "loadUrlState",
|
|
3808
3805
|
value: (function () {
|
|
3809
3806
|
var _loadUrlState = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
3810
|
-
var _route, _searchParams$get;
|
|
3807
|
+
var _route, _searchParams$get, _searchParams$get2;
|
|
3811
3808
|
var searchParams, currentUrl, state, route, authdataString, _state$authdata, _state$authdata2;
|
|
3812
3809
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
3813
3810
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -3827,7 +3824,9 @@ var BrowserStateStore = /*#__PURE__*/function () {
|
|
|
3827
3824
|
parameters: {},
|
|
3828
3825
|
route: route
|
|
3829
3826
|
};
|
|
3830
|
-
state.
|
|
3827
|
+
state.provider = (_searchParams$get = searchParams.get('provider')) !== null && _searchParams$get !== void 0 ? _searchParams$get : undefined;
|
|
3828
|
+
searchParams["delete"]('provider');
|
|
3829
|
+
state.organization = (_searchParams$get2 = searchParams.get('organizationId')) !== null && _searchParams$get2 !== void 0 ? _searchParams$get2 : undefined;
|
|
3831
3830
|
searchParams["delete"]('organizationId');
|
|
3832
3831
|
|
|
3833
3832
|
//for backwards compatibilty, if the channelId is set in the url, use that one as organization and update the url in the browser
|
|
@@ -3856,9 +3855,10 @@ var BrowserStateStore = /*#__PURE__*/function () {
|
|
|
3856
3855
|
});
|
|
3857
3856
|
state.component.internal = history.state;
|
|
3858
3857
|
currentUrl.searchParams["delete"]('authdata');
|
|
3858
|
+
currentUrl.searchParams["delete"]('provider');
|
|
3859
3859
|
history.replaceState(null, '', currentUrl.href);
|
|
3860
3860
|
return _context.abrupt("return", state);
|
|
3861
|
-
case
|
|
3861
|
+
case 22:
|
|
3862
3862
|
case "end":
|
|
3863
3863
|
return _context.stop();
|
|
3864
3864
|
}
|
|
@@ -8130,7 +8130,7 @@ var ClientArticleHandler = /*#__PURE__*/function () {
|
|
|
8130
8130
|
key: "saveProductsSMArticles",
|
|
8131
8131
|
value: function () {
|
|
8132
8132
|
var _saveProductsSMArticles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, serverUrl, organizationId) {
|
|
8133
|
-
var fullUrl, response;
|
|
8133
|
+
var fullUrl, response, _ref, _errorData$message, errorData;
|
|
8134
8134
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
8135
8135
|
while (1) switch (_context.prev = _context.next) {
|
|
8136
8136
|
case 0:
|
|
@@ -8158,13 +8158,28 @@ var ClientArticleHandler = /*#__PURE__*/function () {
|
|
|
8158
8158
|
case 8:
|
|
8159
8159
|
return _context.abrupt("return", _context.sent);
|
|
8160
8160
|
case 9:
|
|
8161
|
-
_context.next =
|
|
8161
|
+
_context.next = 18;
|
|
8162
8162
|
break;
|
|
8163
8163
|
case 11:
|
|
8164
8164
|
_context.prev = 11;
|
|
8165
8165
|
_context.t0 = _context["catch"](1);
|
|
8166
|
-
|
|
8167
|
-
|
|
8166
|
+
if (!(axios.isAxiosError(_context.t0) && _context.t0.response)) {
|
|
8167
|
+
_context.next = 17;
|
|
8168
|
+
break;
|
|
8169
|
+
}
|
|
8170
|
+
if (!(_context.t0.response.status === 500)) {
|
|
8171
|
+
_context.next = 17;
|
|
8172
|
+
break;
|
|
8173
|
+
}
|
|
8174
|
+
errorData = _context.t0.response.data;
|
|
8175
|
+
throw new Error('PRODSM_0001:' + ((_ref = (_errorData$message = errorData === null || errorData === void 0 ? void 0 : errorData.message) !== null && _errorData$message !== void 0 ? _errorData$message : errorData === null || errorData === void 0 ? void 0 : errorData.error) !== null && _ref !== void 0 ? _ref : 'Unexpected error occurred during saveProductsSMArticles'), {
|
|
8176
|
+
cause: errorData
|
|
8177
|
+
});
|
|
8178
|
+
case 17:
|
|
8179
|
+
throw new Error('Unexpected error occurred during saveProductsSMArticles', {
|
|
8180
|
+
cause: _context.t0
|
|
8181
|
+
});
|
|
8182
|
+
case 18:
|
|
8168
8183
|
case "end":
|
|
8169
8184
|
return _context.stop();
|
|
8170
8185
|
}
|
|
@@ -8564,7 +8579,7 @@ var RootStore = /*#__PURE__*/function () {
|
|
|
8564
8579
|
value: (function () {
|
|
8565
8580
|
var _initialize = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(telemetry, identifier, organizationId, domain, language, component, analyticsProps) {
|
|
8566
8581
|
var _this4 = this;
|
|
8567
|
-
var _this$_initalComponen, _this$_initalComponen2, _configuration$pwa, _this$contentStore$cu, urlState, storedOrganization, initialOrganization, initAuthPromise, afterInitPromise, configuration, header, manifest, verifyEmailToken, authObject, _authObject$code,
|
|
8582
|
+
var _this$_initalComponen, _this$_initalComponen2, _configuration$pwa, _this$contentStore$cu, urlState, storedOrganization, initialOrganization, initAuthPromise, afterInitPromise, configuration, header, manifest, verifyEmailToken, authObject, _authObject$code, _authObject$code2, _authObject$code3, _authObject$code4, _authObject$additiona, _authObject$additiona2, loadedOrganization, email, _this$contentStore$cu2;
|
|
8568
8583
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
8569
8584
|
while (1) switch (_context.prev = _context.next) {
|
|
8570
8585
|
case 0:
|
|
@@ -8670,8 +8685,8 @@ var RootStore = /*#__PURE__*/function () {
|
|
|
8670
8685
|
LOG$4.errorTransaction('LOAD_USER_DATA', (_authObject$code = authObject.code) !== null && _authObject$code !== void 0 ? _authObject$code : 'CORE_0006', authObject.error);
|
|
8671
8686
|
this.authorizationStore.showLogin(false, true);
|
|
8672
8687
|
} else {
|
|
8673
|
-
if (urlState !== null && urlState !== void 0 &&
|
|
8674
|
-
this.browserStateStore.setStoredLoginMethod(urlState.
|
|
8688
|
+
if (urlState !== null && urlState !== void 0 && urlState.provider) {
|
|
8689
|
+
this.browserStateStore.setStoredLoginMethod(urlState.provider);
|
|
8675
8690
|
}
|
|
8676
8691
|
this.browserStateStore.setStoredNToken(authObject.token, authObject.expiresBy);
|
|
8677
8692
|
}
|
|
@@ -8829,7 +8844,9 @@ var RootStore = /*#__PURE__*/function () {
|
|
|
8829
8844
|
});
|
|
8830
8845
|
case 91:
|
|
8831
8846
|
_context.prev = 91;
|
|
8832
|
-
|
|
8847
|
+
setTimeout(function () {
|
|
8848
|
+
_this4.loadingAndErrorStore.toggleLoading('initalize');
|
|
8849
|
+
}, 50);
|
|
8833
8850
|
runInAction(function () {
|
|
8834
8851
|
_this4._initializing = false;
|
|
8835
8852
|
});
|
|
@@ -9497,10 +9514,7 @@ var closeIcon = "close-icon-1kDyU";
|
|
|
9497
9514
|
var css_248z$4 = ".overlay-34l68 {\n height: 100%;\n width: 100%;\n display: flex;\n background-color: #fff;\n z-index: 999;\n justify-content: center;\n align-items: center;\n position: absolute;\n}\n\n.absolute-overlay-cG7uO {\n height: 100% !important;\n}\n\n.absolute-overlay-cG7uO {\n background-color: #fff;\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n overflow: hidden;\n z-index: 1000000;\n display: block;\n width: 100vw;\n}\n\n.diva-pseudo-fullscreen body {\n height: auto !important;\n}\n.diva-pseudo-fullscreen, .diva-pseudo-fullscreen body {\n overflow: hidden !important;\n}\n\n.close-icon-1kDyU {\n position: absolute;\n right: 32px;\n top: 32px;\n width: 50px;\n height: 40px;\n opacity: 0.3;\n z-index: 700;\n cursor: pointer;\n}\n\n.close-icon-1kDyU:before {\n transform: rotate(45deg);\n}\n\n.close-icon-1kDyU:after {\n transform: rotate(-45deg);\n}\n\n.close-icon-1kDyU:before,\n.close-icon-1kDyU:after {\n position: absolute;\n left: 23px;\n top: 5px;\n content: ' ';\n height: 33px;\n width: 3px;\n background-color: #4b4b4b;\n}\n\n.close-icon-1kDyU:hover {\n opacity: 0.8;\n transition: opacity 0.2s ease-in-out;\n}\n";
|
|
9498
9515
|
styleInject(css_248z$4);
|
|
9499
9516
|
|
|
9500
|
-
var
|
|
9501
|
-
var left = "left-SicAa";
|
|
9502
|
-
var right = "right-p1mpA";
|
|
9503
|
-
var handle = "handle-5tzN-";
|
|
9517
|
+
var drawerContent = "drawer-content-3-85N";
|
|
9504
9518
|
var overlay = "overlay-vhpU9";
|
|
9505
9519
|
var drawerHandleLine = "drawer-handle-line-65wJw";
|
|
9506
9520
|
var drawerHandle = "drawer-handle-zhmPW";
|
|
@@ -9509,39 +9523,224 @@ var drawerHeader = "drawer-header-FOHFa";
|
|
|
9509
9523
|
var scrollWrapper = "scroll-wrapper-f27j2";
|
|
9510
9524
|
var closeButton = "close-button-Tg2c5";
|
|
9511
9525
|
var bottom = "bottom-VZZjn";
|
|
9526
|
+
var left = "left-SicAa";
|
|
9527
|
+
var right = "right-p1mpA";
|
|
9512
9528
|
var top = "top-o1Wjp";
|
|
9513
9529
|
var bottomSpacer = "bottom-spacer-kdhiH";
|
|
9514
9530
|
var onSide = "on-side-JUQWn";
|
|
9515
|
-
var css_248z$3 = ".drawer-
|
|
9531
|
+
var css_248z$3 = ".drawer-content-3-85N {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 14000;\n pointer-events: auto;\n opacity: 1;\n overscroll-behavior: contain;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n /* Optimize for smooth swiping animations */\n contain: layout style paint;\n}\n.MuiDrawer-anchorRight.MuiDrawer-root.MuiDrawer-modal.MuiModal-root,\n.MuiDrawer-anchorLeft.MuiDrawer-root.MuiDrawer-modal.MuiModal-root {\n position: absolute;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n .drawer-content-3-85N {\n max-height: 100dvh;\n }\n}\n\n.overlay-vhpU9 {\n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n animation: fadeIn-W2rJo 0.3s ease-in forwards;\n z-index: 10000;\n}\n\n@keyframes fadeIn-W2rJo {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n.drawer-handle-line-65wJw {\n width: calc(36px);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.drawer-handle-zhmPW {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n cursor: grab;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n\n.drawer-P-5-0 {\n display: flex;\n flex-direction: column;\n z-index: 20000;\n background-color: rgba(255, 255, 255, 0.95);\n overflow: hidden;\n flex: 1;\n min-height: 0;\n}\n\n.drawer-header-FOHFa {\n padding: 8px 32px;\n flex-shrink: 0;\n}\n\n.drawer-open #Diva-content-wrapper {\n overflow: visible !important;\n z-index: 3 !important;\n}\n\n.scroll-wrapper-f27j2 {\n overflow-y: auto;\n overflow-x: hidden;\n overscroll-behavior: contain;\n padding: 0px 32px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 12px;\n flex: 1;\n min-height: 0;\n /* Smooth scrolling on iOS */\n -webkit-overflow-scrolling: touch;\n /* Prevent pull-to-refresh interference */\n touch-action: pan-y;\n}\n\n.close-button-Tg2c5 {\n position: absolute;\n top: 18px;\n right: 18px;\n width: 32px;\n height: 32px;\n background: center / 70% no-repeat url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23ccc%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n transition:\n border-color 0.2s ease-in,\n background-image 0.2s ease-in;\n cursor: pointer;\n z-index: 500;\n border: 1px solid transparent;\n border-radius: 50%;\n padding: 0px;\n}\n\n.close-button-Tg2c5:hover {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2248%22 viewBox%3D%220 -960 960 960%22 width%3D%2248%22 fill%3D%22%23aaa%22%3E%3Cpath d%3D%22m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z%22%2F%3E%3C%2Fsvg%3E\");\n border: 1px solid #aaa;\n}\n\n.bottom-VZZjn {\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.left-SicAa {\n left: 0;\n bottom: 0;\n top: 0;\n}\n\n.right-p1mpA {\n right: 0;\n bottom: 0;\n top: 0;\n}\n\n.top-o1Wjp {\n top: 0;\n left: 0;\n right: 0;\n}\n\nhtml body[data-scroll-locked] {\n position: static !important;\n}\n\n.bottom-spacer-kdhiH {\n min-height: 12px;\n}\n\n.on-side-JUQWn {\n width: 100%;\n}\n";
|
|
9516
9532
|
styleInject(css_248z$3);
|
|
9517
9533
|
|
|
9534
|
+
var useSwipeToDismiss = function useSwipeToDismiss(direction, onDismiss) {
|
|
9535
|
+
var _useState = useState(false),
|
|
9536
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
9537
|
+
isDragging = _useState2[0],
|
|
9538
|
+
setIsDragging = _useState2[1];
|
|
9539
|
+
var _useState3 = useState(0),
|
|
9540
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
9541
|
+
dragOffset = _useState4[0],
|
|
9542
|
+
setDragOffset = _useState4[1];
|
|
9543
|
+
var wrapperRef = useRef(null);
|
|
9544
|
+
var startPos = useRef(null);
|
|
9545
|
+
var scrollAtBoundary = useRef(false);
|
|
9546
|
+
var startTime = useRef(0);
|
|
9547
|
+
var scrollableElement = useRef(null);
|
|
9548
|
+
var lastSwipeTime = useRef(0);
|
|
9549
|
+
var lastSwipeDistance = useRef(0);
|
|
9550
|
+
var hasConfirmedFastSwipe = useRef(false);
|
|
9551
|
+
var isVertical = direction === 'top' || direction === 'bottom';
|
|
9552
|
+
|
|
9553
|
+
// Velocity threshold: minimum pixels per second for a "fast swipe"
|
|
9554
|
+
// Lower thresholds for horizontal swipes as they're less common and more intentional
|
|
9555
|
+
var MIN_VELOCITY = isVertical ? 800 : 100; // 800px/s for vertical, 500px/s for horizontal
|
|
9556
|
+
var CONFIRMATION_DISTANCE = isVertical ? 150 : 15; // 150px for vertical, 100px for horizontal
|
|
9557
|
+
|
|
9558
|
+
var checkScrollBoundary = useCallback(function (element) {
|
|
9559
|
+
if (isVertical) {
|
|
9560
|
+
var scrollTop = element.scrollTop,
|
|
9561
|
+
scrollHeight = element.scrollHeight,
|
|
9562
|
+
clientHeight = element.clientHeight;
|
|
9563
|
+
if (direction === 'bottom') {
|
|
9564
|
+
// For bottom drawer, check if at top
|
|
9565
|
+
return scrollTop <= 1; // Small tolerance for floating point
|
|
9566
|
+
} else {
|
|
9567
|
+
// For top drawer, check if at bottom
|
|
9568
|
+
return scrollTop + clientHeight >= scrollHeight - 1;
|
|
9569
|
+
}
|
|
9570
|
+
} else {
|
|
9571
|
+
var scrollLeft = element.scrollLeft,
|
|
9572
|
+
scrollWidth = element.scrollWidth,
|
|
9573
|
+
clientWidth = element.clientWidth;
|
|
9574
|
+
if (direction === 'left') {
|
|
9575
|
+
// For left drawer, check if at left edge
|
|
9576
|
+
return scrollLeft <= 1;
|
|
9577
|
+
} else {
|
|
9578
|
+
// For right drawer, check if at right edge
|
|
9579
|
+
return scrollLeft + clientWidth >= scrollWidth - 1;
|
|
9580
|
+
}
|
|
9581
|
+
}
|
|
9582
|
+
}, [direction, isVertical]);
|
|
9583
|
+
var findScrollableParent = function findScrollableParent(element) {
|
|
9584
|
+
if (!element) return null;
|
|
9585
|
+
var isScrollable = function isScrollable(el) {
|
|
9586
|
+
var style = window.getComputedStyle(el);
|
|
9587
|
+
var overflowY = style.overflowY;
|
|
9588
|
+
var overflowX = style.overflowX;
|
|
9589
|
+
return isVertical && (overflowY === 'auto' || overflowY === 'scroll') || !isVertical && (overflowX === 'auto' || overflowX === 'scroll');
|
|
9590
|
+
};
|
|
9591
|
+
var current = element;
|
|
9592
|
+
while (current && current !== wrapperRef.current) {
|
|
9593
|
+
if (isScrollable(current)) {
|
|
9594
|
+
return current;
|
|
9595
|
+
}
|
|
9596
|
+
current = current.parentElement;
|
|
9597
|
+
}
|
|
9598
|
+
return wrapperRef.current;
|
|
9599
|
+
};
|
|
9600
|
+
var handleTouchStart = useCallback(function (e) {
|
|
9601
|
+
var target = e.target;
|
|
9602
|
+
|
|
9603
|
+
// Ignore swipe if touch starts on or within an element with diva-stop-swipe-detection
|
|
9604
|
+
if (target.closest('.diva-stop-swipe-detection')) {
|
|
9605
|
+
return;
|
|
9606
|
+
}
|
|
9607
|
+
var touch = e.touches[0];
|
|
9608
|
+
startPos.current = {
|
|
9609
|
+
x: touch.clientX,
|
|
9610
|
+
y: touch.clientY
|
|
9611
|
+
};
|
|
9612
|
+
startTime.current = Date.now();
|
|
9613
|
+
lastSwipeTime.current = Date.now();
|
|
9614
|
+
lastSwipeDistance.current = 0;
|
|
9615
|
+
hasConfirmedFastSwipe.current = false; // Reset confirmation
|
|
9616
|
+
setIsDragging(false);
|
|
9617
|
+
setDragOffset(0);
|
|
9618
|
+
|
|
9619
|
+
// Find scrollable element
|
|
9620
|
+
var element = findScrollableParent(target);
|
|
9621
|
+
scrollableElement.current = element;
|
|
9622
|
+
if (element) {
|
|
9623
|
+
scrollAtBoundary.current = checkScrollBoundary(element);
|
|
9624
|
+
} else {
|
|
9625
|
+
scrollAtBoundary.current = false;
|
|
9626
|
+
}
|
|
9627
|
+
}, [checkScrollBoundary]);
|
|
9628
|
+
var handleTouchMove = useCallback(function (e) {
|
|
9629
|
+
if (!startPos.current) return;
|
|
9630
|
+
var touch = e.touches[0];
|
|
9631
|
+
var deltaX = touch.clientX - startPos.current.x;
|
|
9632
|
+
var deltaY = touch.clientY - startPos.current.y;
|
|
9633
|
+
var currentTime = Date.now();
|
|
9634
|
+
|
|
9635
|
+
// Calculate current velocity
|
|
9636
|
+
var timeDelta = currentTime - lastSwipeTime.current;
|
|
9637
|
+
var currentDistance = isVertical ? Math.abs(deltaY) : Math.abs(deltaX);
|
|
9638
|
+
var distanceDelta = currentDistance - lastSwipeDistance.current;
|
|
9639
|
+
var velocity = timeDelta > 0 ? distanceDelta / timeDelta * 1000 : 0; // pixels per second
|
|
9640
|
+
|
|
9641
|
+
// Update tracking
|
|
9642
|
+
lastSwipeTime.current = currentTime;
|
|
9643
|
+
lastSwipeDistance.current = currentDistance;
|
|
9644
|
+
|
|
9645
|
+
// Determine if gesture is in dismiss direction
|
|
9646
|
+
var dismissDirection = false;
|
|
9647
|
+
var offset = 0;
|
|
9648
|
+
if (isVertical) {
|
|
9649
|
+
offset = deltaY;
|
|
9650
|
+
if (direction === 'bottom') {
|
|
9651
|
+
dismissDirection = deltaY > 0; // Swipe down
|
|
9652
|
+
} else {
|
|
9653
|
+
dismissDirection = deltaY < 0; // Swipe up
|
|
9654
|
+
}
|
|
9655
|
+
} else {
|
|
9656
|
+
offset = deltaX;
|
|
9657
|
+
if (direction === 'left') {
|
|
9658
|
+
dismissDirection = deltaX < 0; // Swipe left
|
|
9659
|
+
} else {
|
|
9660
|
+
dismissDirection = deltaX > 0; // Swipe right
|
|
9661
|
+
}
|
|
9662
|
+
}
|
|
9663
|
+
var absOffset = Math.abs(offset);
|
|
9664
|
+
var isFastSwipe = velocity > MIN_VELOCITY;
|
|
9665
|
+
var isMainlyVertical = Math.abs(deltaY) > Math.abs(deltaX) * 1.5;
|
|
9666
|
+
var isMainlyHorizontal = Math.abs(deltaX) > Math.abs(deltaY) * 1.5;
|
|
9667
|
+
var correctAxis = isVertical ? isMainlyVertical : isMainlyHorizontal;
|
|
9668
|
+
|
|
9669
|
+
// PESSIMISTIC: Only confirm fast swipe once we've traveled enough distance at high velocity
|
|
9670
|
+
if (!hasConfirmedFastSwipe.current && scrollAtBoundary.current && dismissDirection && correctAxis && isFastSwipe && absOffset > CONFIRMATION_DISTANCE) {
|
|
9671
|
+
hasConfirmedFastSwipe.current = true;
|
|
9672
|
+
}
|
|
9673
|
+
|
|
9674
|
+
// Only show visual feedback AFTER confirmation
|
|
9675
|
+
if (hasConfirmedFastSwipe.current && scrollAtBoundary.current && dismissDirection && correctAxis) {
|
|
9676
|
+
e.preventDefault();
|
|
9677
|
+
setIsDragging(true);
|
|
9678
|
+
// Visual feedback during fast swipe
|
|
9679
|
+
var resistance = Math.min(absOffset / 3, 100);
|
|
9680
|
+
setDragOffset(offset > 0 ? resistance : -resistance);
|
|
9681
|
+
} else if (isDragging) {
|
|
9682
|
+
// Reset if conditions no longer met
|
|
9683
|
+
setIsDragging(false);
|
|
9684
|
+
setDragOffset(0);
|
|
9685
|
+
}
|
|
9686
|
+
}, [direction, isVertical, isDragging]);
|
|
9687
|
+
var handleTouchEnd = useCallback(function () {
|
|
9688
|
+
if (!startPos.current) {
|
|
9689
|
+
setIsDragging(false);
|
|
9690
|
+
setDragOffset(0);
|
|
9691
|
+
return;
|
|
9692
|
+
}
|
|
9693
|
+
|
|
9694
|
+
// Calculate final velocity
|
|
9695
|
+
var duration = Date.now() - startTime.current;
|
|
9696
|
+
var totalDistance = lastSwipeDistance.current;
|
|
9697
|
+
var avgVelocity = duration > 0 ? totalDistance / duration * 1000 : 0; // pixels per second
|
|
9698
|
+
|
|
9699
|
+
// Dismiss only if it was confirmed as a fast swipe
|
|
9700
|
+
var wasFastSwipe = hasConfirmedFastSwipe.current && avgVelocity > MIN_VELOCITY * 0.7 && scrollAtBoundary.current;
|
|
9701
|
+
if (wasFastSwipe) {
|
|
9702
|
+
onDismiss();
|
|
9703
|
+
}
|
|
9704
|
+
|
|
9705
|
+
// Reset state
|
|
9706
|
+
setIsDragging(false);
|
|
9707
|
+
setDragOffset(0);
|
|
9708
|
+
startPos.current = null;
|
|
9709
|
+
scrollAtBoundary.current = false;
|
|
9710
|
+
lastSwipeDistance.current = 0;
|
|
9711
|
+
lastSwipeTime.current = 0;
|
|
9712
|
+
hasConfirmedFastSwipe.current = false;
|
|
9713
|
+
}, [onDismiss]);
|
|
9714
|
+
return {
|
|
9715
|
+
isDragging: isDragging,
|
|
9716
|
+
dragOffset: dragOffset,
|
|
9717
|
+
handleTouchStart: handleTouchStart,
|
|
9718
|
+
handleTouchMove: handleTouchMove,
|
|
9719
|
+
handleTouchEnd: handleTouchEnd,
|
|
9720
|
+
wrapperRef: wrapperRef
|
|
9721
|
+
};
|
|
9722
|
+
};
|
|
9723
|
+
|
|
9518
9724
|
function ownKeys$5(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; }
|
|
9519
9725
|
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9520
|
-
var
|
|
9521
|
-
var _contentStore$drawerM
|
|
9726
|
+
var DrawerMenu = function DrawerMenu(_ref) {
|
|
9727
|
+
var _contentStore$drawerM;
|
|
9522
9728
|
_objectDestructuringEmpty(_ref);
|
|
9523
9729
|
var _useDivaCoreContext = useDivaCoreContext(),
|
|
9524
9730
|
contentStore = _useDivaCoreContext.contentStore;
|
|
9525
|
-
var _useState = useState(0),
|
|
9526
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
9527
|
-
activeSnapPoint = _useState2[0],
|
|
9528
|
-
_setActiveSnapPoint = _useState2[1];
|
|
9529
9731
|
var useMove = useMemo(function () {
|
|
9530
9732
|
return function (ev) {
|
|
9531
9733
|
return ev.preventDefault();
|
|
9532
9734
|
};
|
|
9533
9735
|
}, []);
|
|
9534
|
-
var
|
|
9535
|
-
var _ref2 = (_contentStore$drawerM = contentStore.drawerMenu) !== null && _contentStore$drawerM !== void 0 ? _contentStore$drawerM : {},
|
|
9736
|
+
var _ref2 = (_contentStore$drawerM = contentStore === null || contentStore === void 0 ? void 0 : contentStore.drawerMenu) !== null && _contentStore$drawerM !== void 0 ? _contentStore$drawerM : {},
|
|
9536
9737
|
showOverlay = _ref2.showOverlay,
|
|
9537
|
-
|
|
9538
|
-
mountElementId = _ref2$mountElementId === void 0 ? 'DivaCore' : _ref2$mountElementId,
|
|
9738
|
+
mountElement = _ref2.mountElement,
|
|
9539
9739
|
onClose = _ref2.onClose,
|
|
9540
9740
|
open = _ref2.open,
|
|
9541
9741
|
_ref2$direction = _ref2.direction,
|
|
9542
9742
|
direction = _ref2$direction === void 0 ? 'bottom' : _ref2$direction,
|
|
9543
9743
|
title = _ref2.title,
|
|
9544
|
-
snapPoints = _ref2.snapPoints,
|
|
9545
9744
|
noModal = _ref2.noModal,
|
|
9546
9745
|
handleInternScroll = _ref2.handleInternScroll,
|
|
9547
9746
|
hideCloseButton = _ref2.hideCloseButton,
|
|
@@ -9549,7 +9748,12 @@ var MobileDrawer = function MobileDrawer(_ref) {
|
|
|
9549
9748
|
backgroundColor = _ref2.backgroundColor,
|
|
9550
9749
|
drawerStyle = _ref2.drawerStyle,
|
|
9551
9750
|
wrapperStyle = _ref2.wrapperStyle;
|
|
9751
|
+
var _useState = useState(open !== null && open !== void 0 ? open : false),
|
|
9752
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
9753
|
+
isOpen = _useState2[0],
|
|
9754
|
+
setIsOpen = _useState2[1];
|
|
9552
9755
|
useEffect(function () {
|
|
9756
|
+
setIsOpen(open !== null && open !== void 0 ? open : false);
|
|
9553
9757
|
//when drawer is open, prevent swipe to refresh the page on android
|
|
9554
9758
|
if (open) {
|
|
9555
9759
|
window.addEventListener('touchmove', useMove, {
|
|
@@ -9564,102 +9768,130 @@ var MobileDrawer = function MobileDrawer(_ref) {
|
|
|
9564
9768
|
window.removeEventListener('touchmove', useMove);
|
|
9565
9769
|
if (!noModal) document.body.classList.remove('drawer-open');
|
|
9566
9770
|
};
|
|
9567
|
-
}, [
|
|
9568
|
-
if (!contentStore.drawerMenu) return /*#__PURE__*/jsx(Fragment, {});
|
|
9569
|
-
var mountElement = mountElementId ? document.getElementById(mountElementId) : undefined;
|
|
9570
|
-
if (!mountElement) {
|
|
9571
|
-
return /*#__PURE__*/jsx(Fragment, {});
|
|
9572
|
-
}
|
|
9771
|
+
}, [open]);
|
|
9573
9772
|
var close = function close() {
|
|
9574
|
-
|
|
9773
|
+
setIsOpen(false);
|
|
9575
9774
|
//delay the state changes so the animation of the drawer is not interrupted
|
|
9576
9775
|
setTimeout(function () {
|
|
9577
9776
|
onClose === null || onClose === void 0 || onClose();
|
|
9578
9777
|
}, 400);
|
|
9579
9778
|
};
|
|
9580
|
-
var
|
|
9581
|
-
|
|
9582
|
-
|
|
9583
|
-
|
|
9584
|
-
|
|
9585
|
-
|
|
9586
|
-
|
|
9587
|
-
|
|
9588
|
-
|
|
9589
|
-
|
|
9590
|
-
|
|
9591
|
-
|
|
9592
|
-
|
|
9593
|
-
|
|
9594
|
-
|
|
9595
|
-
|
|
9779
|
+
var anchor = direction === 'left' ? 'left' : direction === 'right' ? 'right' : direction === 'top' ? 'top' : 'bottom';
|
|
9780
|
+
var isVertical = ['bottom', 'top'].includes(direction);
|
|
9781
|
+
var maxWidth = !isVertical ? 400 : undefined;
|
|
9782
|
+
|
|
9783
|
+
// Swipe to dismiss functionality
|
|
9784
|
+
var _useSwipeToDismiss = useSwipeToDismiss(direction, close),
|
|
9785
|
+
isDragging = _useSwipeToDismiss.isDragging,
|
|
9786
|
+
dragOffset = _useSwipeToDismiss.dragOffset,
|
|
9787
|
+
handleTouchStart = _useSwipeToDismiss.handleTouchStart,
|
|
9788
|
+
handleTouchMove = _useSwipeToDismiss.handleTouchMove,
|
|
9789
|
+
handleTouchEnd = _useSwipeToDismiss.handleTouchEnd,
|
|
9790
|
+
wrapperRef = _useSwipeToDismiss.wrapperRef;
|
|
9791
|
+
var iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
|
|
9792
|
+
if (!(contentStore !== null && contentStore !== void 0 && contentStore.drawerMenu)) return /*#__PURE__*/jsx(Fragment, {});
|
|
9793
|
+
return /*#__PURE__*/jsxs(SwipeableDrawer, {
|
|
9794
|
+
anchor: anchor,
|
|
9795
|
+
open: !!isOpen,
|
|
9596
9796
|
onClose: close,
|
|
9597
|
-
|
|
9598
|
-
|
|
9599
|
-
|
|
9600
|
-
|
|
9797
|
+
disableBackdropTransition: !iOS,
|
|
9798
|
+
disableDiscovery: iOS,
|
|
9799
|
+
hideBackdrop: !showOverlay,
|
|
9800
|
+
onOpen: function onOpen() {},
|
|
9801
|
+
disableSwipeToOpen: true,
|
|
9802
|
+
container: mountElement,
|
|
9803
|
+
variant: 'temporary',
|
|
9804
|
+
ModalProps: {
|
|
9805
|
+
keepMounted: true,
|
|
9806
|
+
style: _objectSpread$5(_objectSpread$5({}, noModal ? {
|
|
9807
|
+
pointerEvents: 'none'
|
|
9808
|
+
} : undefined), (drawerStyle === null || drawerStyle === void 0 ? void 0 : drawerStyle.zIndex) !== undefined ? {
|
|
9809
|
+
zIndex: drawerStyle.zIndex
|
|
9810
|
+
} : undefined),
|
|
9811
|
+
disableEnforceFocus: !showOverlay,
|
|
9812
|
+
// Allow focus outside drawer when no overlay
|
|
9813
|
+
disableAutoFocus: !showOverlay // Don't auto-focus drawer content when no overlay
|
|
9601
9814
|
},
|
|
9602
|
-
|
|
9603
|
-
|
|
9604
|
-
|
|
9605
|
-
|
|
9606
|
-
|
|
9607
|
-
|
|
9608
|
-
|
|
9609
|
-
|
|
9610
|
-
|
|
9815
|
+
slotProps: _objectSpread$5(_objectSpread$5({}, showOverlay ? {
|
|
9816
|
+
backdrop: {
|
|
9817
|
+
className: overlay,
|
|
9818
|
+
style: {
|
|
9819
|
+
position: 'absolute'
|
|
9820
|
+
}
|
|
9821
|
+
}
|
|
9822
|
+
} : {}), {}, {
|
|
9823
|
+
paper: {
|
|
9824
|
+
className: classnames(drawerContent, direction === 'bottom' ? bottom : direction === 'left' ? left : direction === 'right' ? right : direction === 'top' ? top : undefined),
|
|
9611
9825
|
style: _objectSpread$5({
|
|
9612
|
-
height:
|
|
9613
|
-
maxHeight:
|
|
9614
|
-
maxWidth: maxWidth
|
|
9826
|
+
height: isVertical ? 'auto' : '100%',
|
|
9827
|
+
maxHeight: isVertical ? '85%' : undefined,
|
|
9828
|
+
maxWidth: maxWidth,
|
|
9829
|
+
position: 'absolute',
|
|
9830
|
+
borderTopRightRadius: ['bottom', 'left'].includes(direction) ? '10px' : '0px',
|
|
9831
|
+
borderTopLeftRadius: ['bottom', 'right'].includes(direction) ? '10px' : '0px',
|
|
9832
|
+
borderBottomRightRadius: ['top', 'right'].includes(direction) ? '10px' : '0px',
|
|
9833
|
+
borderBottomLeftRadius: ['top', 'left'].includes(direction) ? '10px' : '0px',
|
|
9834
|
+
display: 'flex',
|
|
9835
|
+
flexDirection: 'column',
|
|
9836
|
+
transform: isDragging ? "translate".concat(isVertical ? 'Y' : 'X', "(").concat(dragOffset, "px)") : undefined,
|
|
9837
|
+
transition: isDragging ? 'none' : 'transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)',
|
|
9838
|
+
willChange: isDragging ? 'transform' : 'auto'
|
|
9615
9839
|
}, drawerStyle),
|
|
9616
|
-
|
|
9617
|
-
|
|
9618
|
-
|
|
9619
|
-
|
|
9620
|
-
|
|
9621
|
-
|
|
9622
|
-
|
|
9623
|
-
|
|
9624
|
-
|
|
9625
|
-
|
|
9626
|
-
|
|
9627
|
-
|
|
9628
|
-
|
|
9629
|
-
|
|
9630
|
-
|
|
9631
|
-
|
|
9632
|
-
|
|
9633
|
-
|
|
9634
|
-
|
|
9635
|
-
|
|
9636
|
-
|
|
9637
|
-
|
|
9638
|
-
|
|
9639
|
-
|
|
9640
|
-
|
|
9641
|
-
|
|
9642
|
-
|
|
9643
|
-
|
|
9644
|
-
|
|
9645
|
-
|
|
9646
|
-
|
|
9647
|
-
className: classnames(scrollWrapper),
|
|
9648
|
-
children: [content, /*#__PURE__*/jsx("div", {
|
|
9649
|
-
className: bottomSpacer
|
|
9650
|
-
})]
|
|
9651
|
-
}) : content]
|
|
9840
|
+
elevation: 0
|
|
9841
|
+
}
|
|
9842
|
+
}),
|
|
9843
|
+
children: [isVertical && /*#__PURE__*/jsx("div", {
|
|
9844
|
+
className: drawerHandle,
|
|
9845
|
+
children: /*#__PURE__*/jsx("div", {
|
|
9846
|
+
className: drawerHandleLine
|
|
9847
|
+
})
|
|
9848
|
+
}), title !== undefined && /*#__PURE__*/jsx("div", {
|
|
9849
|
+
className: classnames(drawerHeader),
|
|
9850
|
+
children: title
|
|
9851
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
9852
|
+
className: classnames(drawer, !isVertical ? onSide : undefined),
|
|
9853
|
+
onTouchMove: function onTouchMove(e) {
|
|
9854
|
+
if (!e.target.closest('.diva-stop-swipe-detection')) e.stopPropagation();
|
|
9855
|
+
},
|
|
9856
|
+
style: _objectSpread$5({
|
|
9857
|
+
maxWidth: maxWidth,
|
|
9858
|
+
backgroundColor: backgroundColor
|
|
9859
|
+
}, wrapperStyle),
|
|
9860
|
+
children: [!hideCloseButton && /*#__PURE__*/jsx("button", {
|
|
9861
|
+
className: closeButton,
|
|
9862
|
+
onClick: close
|
|
9863
|
+
}), !handleInternScroll ? /*#__PURE__*/jsxs("div", {
|
|
9864
|
+
ref: wrapperRef,
|
|
9865
|
+
className: classnames(scrollWrapper),
|
|
9866
|
+
onTouchStart: handleTouchStart,
|
|
9867
|
+
onTouchMove: handleTouchMove,
|
|
9868
|
+
onTouchEnd: handleTouchEnd,
|
|
9869
|
+
children: [content, /*#__PURE__*/jsx("div", {
|
|
9870
|
+
className: bottomSpacer
|
|
9652
9871
|
})]
|
|
9872
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
9873
|
+
ref: wrapperRef,
|
|
9874
|
+
style: {
|
|
9875
|
+
flex: 1,
|
|
9876
|
+
minHeight: 0,
|
|
9877
|
+
overflow: 'hidden',
|
|
9878
|
+
display: 'flex',
|
|
9879
|
+
flexDirection: 'column'
|
|
9880
|
+
},
|
|
9881
|
+
onTouchStart: handleTouchStart,
|
|
9882
|
+
onTouchMove: handleTouchMove,
|
|
9883
|
+
onTouchEnd: handleTouchEnd,
|
|
9884
|
+
children: content
|
|
9653
9885
|
})]
|
|
9654
|
-
})
|
|
9886
|
+
})]
|
|
9655
9887
|
});
|
|
9656
9888
|
};
|
|
9657
|
-
var DrawerMenu = observer(
|
|
9889
|
+
var DrawerMenu$1 = observer(DrawerMenu);
|
|
9658
9890
|
|
|
9659
9891
|
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; }
|
|
9660
9892
|
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; }
|
|
9661
9893
|
var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
|
|
9662
|
-
return import('./ModalsWrapper-
|
|
9894
|
+
return import('./ModalsWrapper-8d647628.js');
|
|
9663
9895
|
});
|
|
9664
9896
|
function Fullscreen(_ref) {
|
|
9665
9897
|
var inAbsoluteFullscreen = _ref.inAbsoluteFullscreen;
|
|
@@ -9755,7 +9987,7 @@ function Fullscreen(_ref) {
|
|
|
9755
9987
|
style: isMobile ? (_c$state$absoluteFull = c.state.absoluteFullscreenStyle) === null || _c$state$absoluteFull === void 0 ? void 0 : _c$state$absoluteFull.mobile : (_c$state$absoluteFull2 = c.state.absoluteFullscreenStyle) === null || _c$state$absoluteFull2 === void 0 ? void 0 : _c$state$absoluteFull2.desktop,
|
|
9756
9988
|
children: [/*#__PURE__*/jsx(Fullscreen, {
|
|
9757
9989
|
inAbsoluteFullscreen: true
|
|
9758
|
-
}), /*#__PURE__*/jsx(Spinner$1, {}), /*#__PURE__*/jsx(DrawerMenu, {}), configurationStore.enableModals && /*#__PURE__*/jsx(LazyModals$1, {}), /*#__PURE__*/jsx(Suspense, {
|
|
9990
|
+
}), /*#__PURE__*/jsx(Spinner$1, {}), /*#__PURE__*/jsx(DrawerMenu$1, {}), configurationStore.enableModals && /*#__PURE__*/jsx(LazyModals$1, {}), /*#__PURE__*/jsx(Suspense, {
|
|
9759
9991
|
fallback: /*#__PURE__*/jsx(Fallback, {}),
|
|
9760
9992
|
children: /*#__PURE__*/jsx(C, _objectSpread$4({}, c.state))
|
|
9761
9993
|
})]
|
|
@@ -9768,7 +10000,7 @@ function Fullscreen(_ref) {
|
|
|
9768
10000
|
style: {
|
|
9769
10001
|
zIndex: contentStore.fullscreen.overwrittenZIndex
|
|
9770
10002
|
},
|
|
9771
|
-
children: [
|
|
10003
|
+
children: [/*#__PURE__*/jsx(Spinner$1, {}), /*#__PURE__*/jsx(DrawerMenu$1, {}), configurationStore.enableModals && /*#__PURE__*/jsx(LazyModals$1, {}), !contentStore.fullscreen.hideClose && /*#__PURE__*/jsx("div", {
|
|
9772
10004
|
className: closeIcon,
|
|
9773
10005
|
onClick: onClose,
|
|
9774
10006
|
"data-test-id": "closeFullscreenBtn",
|
|
@@ -10020,7 +10252,7 @@ function ClassicSnackBarComponent(_ref) {
|
|
|
10020
10252
|
};
|
|
10021
10253
|
return /*#__PURE__*/jsx(Snackbar, {
|
|
10022
10254
|
className: snackbar,
|
|
10023
|
-
color: "
|
|
10255
|
+
color: "primary",
|
|
10024
10256
|
autoHideDuration: data.autoHideDuration,
|
|
10025
10257
|
open: open,
|
|
10026
10258
|
anchorOrigin: {
|
|
@@ -10069,7 +10301,7 @@ function BigSnackBarComponent(_ref2) {
|
|
|
10069
10301
|
open: open,
|
|
10070
10302
|
className: snackbar,
|
|
10071
10303
|
autoHideDuration: data.autoHideDuration,
|
|
10072
|
-
color: "
|
|
10304
|
+
color: "primary",
|
|
10073
10305
|
anchorOrigin: {
|
|
10074
10306
|
vertical: 'bottom',
|
|
10075
10307
|
horizontal: 'right'
|
|
@@ -10079,8 +10311,8 @@ function BigSnackBarComponent(_ref2) {
|
|
|
10079
10311
|
},
|
|
10080
10312
|
children: /*#__PURE__*/jsxs(Card, {
|
|
10081
10313
|
style: {
|
|
10082
|
-
backgroundColor: 'var(--diva-theme-palette-
|
|
10083
|
-
color: 'var(--diva-theme-palette-
|
|
10314
|
+
backgroundColor: 'var(--diva-theme-palette-primary-dark)',
|
|
10315
|
+
color: 'var(--diva-theme-palette-primary-contrast-text)'
|
|
10084
10316
|
},
|
|
10085
10317
|
children: [/*#__PURE__*/jsx(CardHeader, {
|
|
10086
10318
|
action: /*#__PURE__*/jsx(IconButton, {
|
|
@@ -10106,8 +10338,8 @@ function BigSnackBarComponent(_ref2) {
|
|
|
10106
10338
|
children: /*#__PURE__*/jsx(QRCode, {
|
|
10107
10339
|
size: data.qrCodeSize,
|
|
10108
10340
|
value: data.qrCode,
|
|
10109
|
-
bgColor: 'var(--diva-theme-palette-
|
|
10110
|
-
fgColor: 'var(--diva-theme-palette-
|
|
10341
|
+
bgColor: 'var(--diva-theme-palette-primary-dark)',
|
|
10342
|
+
fgColor: 'var(--diva-theme-palette-primary-contrast-text)'
|
|
10111
10343
|
})
|
|
10112
10344
|
})]
|
|
10113
10345
|
})
|
|
@@ -10119,10 +10351,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
10119
10351
|
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; }
|
|
10120
10352
|
var LOG$2 = getLogger('Framework', 'Root');
|
|
10121
10353
|
var LazyAuth = /*#__PURE__*/React.lazy(function () {
|
|
10122
|
-
return import('./index-
|
|
10354
|
+
return import('./index-3d2d49c5.js');
|
|
10123
10355
|
});
|
|
10124
10356
|
var LazyModals = /*#__PURE__*/React.lazy(function () {
|
|
10125
|
-
return import('./ModalsWrapper-
|
|
10357
|
+
return import('./ModalsWrapper-8d647628.js');
|
|
10126
10358
|
});
|
|
10127
10359
|
function ContentComponent() {
|
|
10128
10360
|
var context = useDivaCoreContext();
|
|
@@ -10133,7 +10365,7 @@ function ContentComponent() {
|
|
|
10133
10365
|
children: [/*#__PURE__*/jsxs(Suspense, {
|
|
10134
10366
|
fallback: /*#__PURE__*/jsx(Fragment, {}),
|
|
10135
10367
|
children: [context.configurationStore.hasAuthentication && /*#__PURE__*/jsx(LazyAuth, {}), context.configurationStore.enableModals && !context.contentStore.fullscreen && !context.contentStore.isFullscreenComponentDefined && /*#__PURE__*/jsx(LazyModals, {})]
|
|
10136
|
-
}), /*#__PURE__*/jsx(Banner$1, {}), /*#__PURE__*/jsx(Fullscreen$1, {}), /*#__PURE__*/jsx(SnackBar, {}), !context.contentStore.isFullscreenComponentDefined && /*#__PURE__*/jsx(DrawerMenu, {}), /*#__PURE__*/jsxs("div", {
|
|
10368
|
+
}), /*#__PURE__*/jsx(Banner$1, {}), /*#__PURE__*/jsx(Fullscreen$1, {}), /*#__PURE__*/jsx(SnackBar, {}), !context.contentStore.isFullscreenComponentDefined && /*#__PURE__*/jsx(DrawerMenu$1, {}), /*#__PURE__*/jsxs("div", {
|
|
10137
10369
|
style: {
|
|
10138
10370
|
position: 'relative',
|
|
10139
10371
|
width: '100%',
|
|
@@ -10142,7 +10374,7 @@ function ContentComponent() {
|
|
|
10142
10374
|
overflow: 'auto'
|
|
10143
10375
|
},
|
|
10144
10376
|
id: "Diva-content-wrapper",
|
|
10145
|
-
children: [/*#__PURE__*/jsx(Spinner$1, {}), /*#__PURE__*/jsx(ErrorDisplay$1, {}), context.contentStore.components.map(function (c) {
|
|
10377
|
+
children: [!context.contentStore.isFullscreenComponentDefined && !context.contentStore.fullscreen && /*#__PURE__*/jsx(Spinner$1, {}), /*#__PURE__*/jsx(ErrorDisplay$1, {}), context.contentStore.components.map(function (c) {
|
|
10146
10378
|
var C = c.component;
|
|
10147
10379
|
return /*#__PURE__*/jsx("div", {
|
|
10148
10380
|
hidden: !context.contentStore.isVisible(c.name),
|
|
@@ -11103,4 +11335,4 @@ LOG.startTransaction({
|
|
|
11103
11335
|
});
|
|
11104
11336
|
window.DIVA_VERSION = "v".concat(process.env.VERSION);
|
|
11105
11337
|
|
|
11106
|
-
export { AuthorizationHandler as A, Content as C,
|
|
11338
|
+
export { AuthorizationHandler as A, Content as C, DrawerMenu$1 as D, HelpButton as H, ONE_DAY_UNIX as O, ProductHandler as P, RequestStatus as R, SupportHandler as S, useDivaCore as a, DivaCore as b, AnalyticsHandler as c, OrganizationHandler as d, ClientArticleHandler as e, DivaMockProvider as f, getLogger as g, storyBookCoreMock as h, styleInject as s, useDivaCoreContext as u };
|