react-native-unit-components 3.1.1 → 3.1.2-beta.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/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js +3 -26
- package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js.map +1 -1
- package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.js +37 -37
- package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.js.map +1 -1
- package/lib/commonjs/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.js +6 -4
- package/lib/commonjs/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.js.map +1 -1
- package/lib/commonjs/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.js +7 -6
- package/lib/commonjs/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.js.map +1 -1
- package/lib/commonjs/helpers/BottomSheet/BottomSheet.js +21 -12
- package/lib/commonjs/helpers/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/commonjs/helpers/BottomSheet/BottomSheet.styles.js +4 -2
- package/lib/commonjs/helpers/BottomSheet/BottomSheet.styles.js.map +1 -1
- package/lib/commonjs/unitComponentsSdkManager/UnitComponentsSdkManager.js +1 -1
- package/lib/commonjs/unitComponentsSdkManager/UnitComponentsSdkManager.js.map +1 -1
- package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js +4 -27
- package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js.map +1 -1
- package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.js +38 -38
- package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.js.map +1 -1
- package/lib/module/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.js +6 -4
- package/lib/module/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.js.map +1 -1
- package/lib/module/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.js +6 -5
- package/lib/module/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.js.map +1 -1
- package/lib/module/helpers/BottomSheet/BottomSheet.js +22 -13
- package/lib/module/helpers/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/helpers/BottomSheet/BottomSheet.styles.js +4 -2
- package/lib/module/helpers/BottomSheet/BottomSheet.styles.js.map +1 -1
- package/lib/module/unitComponentsSdkManager/UnitComponentsSdkManager.js +1 -1
- package/lib/module/unitComponentsSdkManager/UnitComponentsSdkManager.js.map +1 -1
- package/lib/typescript/src/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.d.ts.map +1 -1
- package/lib/typescript/src/components/UNBottomSheetComponent/UNBottomSheetComponent.d.ts.map +1 -1
- package/lib/typescript/src/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.d.ts +1 -0
- package/lib/typescript/src/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.d.ts +1 -0
- package/lib/typescript/src/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.d.ts.map +1 -1
- package/lib/typescript/src/helpers/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/helpers/BottomSheet/BottomSheet.styles.d.ts +4 -2
- package/lib/typescript/src/helpers/BottomSheet/BottomSheet.styles.d.ts.map +1 -1
- package/lib/typescript/src/unitComponentsSdkManager/UnitComponentsSdkManager.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.ts +4 -29
- package/src/components/UNBottomSheetComponent/UNBottomSheetComponent.tsx +58 -53
- package/src/components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.tsx +7 -4
- package/src/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.tsx +8 -5
- package/src/helpers/BottomSheet/BottomSheet.styles.ts +4 -2
- package/src/helpers/BottomSheet/BottomSheet.tsx +21 -10
- package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_UnitComponentsSdk","_unitComponentsUiManager","_webVersioningStrategy","_UnitComponentsSdk2","_ConfigurationSlice","_store","_unitStore","_UNStoreModuleHelper","_interopRequireDefault","_UnitComponentsHelpersManager","_UNSecurityHelper","_securitySettings","_UNSnapshotProtectionHelper","_UNFontFileHelper","e","__esModule","default","UnitComponentsSDK","securitySettings","UNComponentsSDKConstants","sdkVersion","iosFontBase64Map","init","env","theme","language","fonts","webVersioningStrategy","webSDKRecommendedStrategy","ui","UnitComponentsUiManager","helpers","UnitComponentsHelpersManager","isJailbroke","UNSecurityManagerHelper","isDeviceJailbroke","Error","Platform","OS","loadIosFontBase64","store","dispatch","setTheme","setLanguage","warnClientIfNeeded","shouldProtectFromSnapshot","snapshotProtectionStrategy","UNComponentsSnapshotProtectionStrategy","None","UNSnapshotProtectionHelper","setIosSecurity","fetchUnitScript","console","log","isInitialized","undefined","setPushProvisioningModule","pushProvisionModule","getPushProvisionModule","getSecuritySettings","setSignedNonce","signedNonce","getEnv","getWebVersioningStrategy","getFonts","getSignedNonce","setCustomerToken","customerToken","getSdkVersion","cleanUserData","UNStoreManagerHelper","cleanValue","UserDataKeys","unitCustomerToken","unitVerifiedCustomerToken","unitApplicationFormVerifiedToken","exports"],"sourceRoot":"../../../src","sources":["unitComponentsSdkManager/UnitComponentsSdkManager.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAEA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,6BAAA,GAAAV,OAAA;AACA,IAAAW,iBAAA,GAAAF,sBAAA,CAAAT,OAAA;AACA,IAAAY,iBAAA,GAAAZ,OAAA;AACA,IAAAa,2BAAA,GAAAJ,sBAAA,CAAAT,OAAA;AACA,IAAAc,iBAAA,GAAAd,OAAA;AAA8F,SAAAS,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvF,MAAMG,iBAAiB,CAAC;EAM7B,OAAiBC,gBAAgB,GAAiCC,4CAAwB,CAACD,gBAAgB;EAI3G,OAAiBE,UAAU,GAAG,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_UnitComponentsSdk","_unitComponentsUiManager","_webVersioningStrategy","_UnitComponentsSdk2","_ConfigurationSlice","_store","_unitStore","_UNStoreModuleHelper","_interopRequireDefault","_UnitComponentsHelpersManager","_UNSecurityHelper","_securitySettings","_UNSnapshotProtectionHelper","_UNFontFileHelper","e","__esModule","default","UnitComponentsSDK","securitySettings","UNComponentsSDKConstants","sdkVersion","iosFontBase64Map","init","env","theme","language","fonts","webVersioningStrategy","webSDKRecommendedStrategy","ui","UnitComponentsUiManager","helpers","UnitComponentsHelpersManager","isJailbroke","UNSecurityManagerHelper","isDeviceJailbroke","Error","Platform","OS","loadIosFontBase64","store","dispatch","setTheme","setLanguage","warnClientIfNeeded","shouldProtectFromSnapshot","snapshotProtectionStrategy","UNComponentsSnapshotProtectionStrategy","None","UNSnapshotProtectionHelper","setIosSecurity","fetchUnitScript","console","log","isInitialized","undefined","setPushProvisioningModule","pushProvisionModule","getPushProvisionModule","getSecuritySettings","setSignedNonce","signedNonce","getEnv","getWebVersioningStrategy","getFonts","getSignedNonce","setCustomerToken","customerToken","getSdkVersion","cleanUserData","UNStoreManagerHelper","cleanValue","UserDataKeys","unitCustomerToken","unitVerifiedCustomerToken","unitApplicationFormVerifiedToken","exports"],"sourceRoot":"../../../src","sources":["unitComponentsSdkManager/UnitComponentsSdkManager.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,32 +1,9 @@
|
|
|
1
|
-
import { Dimensions
|
|
2
|
-
import { initialWindowMetrics } from 'react-native-safe-area-context';
|
|
1
|
+
import { Dimensions } from 'react-native';
|
|
3
2
|
export const BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE = 0.9;
|
|
4
|
-
const windowHeight = Dimensions.get('window').height;
|
|
5
|
-
const screenHeight = Dimensions.get('screen').height;
|
|
6
|
-
const statusBarHeight = initialWindowMetrics?.insets.top ?? 0;
|
|
7
|
-
const isAndroid = Platform.OS === 'android';
|
|
8
|
-
const isAndroid15AndAbove = isAndroid && Platform.Version >= 35;
|
|
9
3
|
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
// Calculate overFullScreenHeight based on platform
|
|
14
|
-
const calculateOverFullScreenHeight = () => {
|
|
15
|
-
if (!isAndroid) {
|
|
16
|
-
// iOS: simple percentage of window height
|
|
17
|
-
return windowHeight * BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
// Android: adjust for edge-to-edge status
|
|
21
|
-
const topMargin = screenHeight * (1 - BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE);
|
|
22
|
-
if (isEdgeToEdgeActive) {
|
|
23
|
-
return screenHeight - topMargin;
|
|
24
|
-
} else {
|
|
25
|
-
// Edge-to-edge opted out: status bar is outside window, adjust margin
|
|
26
|
-
return windowHeight - (topMargin - statusBarHeight);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export const overFullScreenHeight = calculateOverFullScreenHeight();
|
|
4
|
+
// Fallback value for components rendered outside the measured container (e.g. UNAddToWalletComponent).
|
|
5
|
+
// The bottom sheet itself uses layout-measured containerHeight instead of this value.
|
|
6
|
+
export const overFullScreenHeight = Dimensions.get('screen').height * BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE;
|
|
30
7
|
export const TOP_PADDING = 48;
|
|
31
8
|
export const BOTTOM_PADDING = 24;
|
|
32
9
|
export const LEFT_PADDING = 24;
|
package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Dimensions","
|
|
1
|
+
{"version":3,"names":["Dimensions","BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE","overFullScreenHeight","get","height","TOP_PADDING","BOTTOM_PADDING","LEFT_PADDING","RIGHT_PADDING","VERTICAL_PADDING"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.constants.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,4CAA4C,GAAG,GAAG;;AAE/D;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGF,UAAU,CAACG,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAGH,4CAA4C;AAElH,OAAO,MAAMI,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,aAAa,GAAG,EAAE;AAC/B,OAAO,MAAMC,gBAAgB,GAAGJ,WAAW,GAAGC,cAAc,CAAC,CAAC","ignoreList":[]}
|
|
@@ -9,17 +9,13 @@ import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSh
|
|
|
9
9
|
import { withReduxStore } from '../../helpers/store/helpers';
|
|
10
10
|
import { useEventListener } from '../../hooks/useEventListener';
|
|
11
11
|
import { useDispatch, useSelector } from 'react-redux';
|
|
12
|
-
import {
|
|
12
|
+
import { BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';
|
|
13
13
|
import { resetBottomSheetSlice, setIsBottomSheetActive, setIsComponentLoading, setNativePlace, setScrollState, setShouldEnableBottomSheetScroll, setShouldShowBottomSheet } from '../../slices/BottomSheetSlice';
|
|
14
14
|
import UNBottomSheetSlotComponent from './components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent';
|
|
15
15
|
import UNBottomSheetNativeComponent from './components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent';
|
|
16
16
|
import { getNativeComponentDataFromEvent } from './UNBottomSheetComponent.utils';
|
|
17
|
-
import { useSafeAreaDimensions } from '../../hooks/useSafeAreaDimensions';
|
|
18
17
|
const UNBottomSheetComponent = () => {
|
|
19
18
|
const dispatch = useDispatch();
|
|
20
|
-
const {
|
|
21
|
-
fullScreenHeight
|
|
22
|
-
} = useSafeAreaDimensions();
|
|
23
19
|
const isBottomSheetActive = useSelector(state => state.bottomSheet.isBottomSheetActive);
|
|
24
20
|
const isComponentLoading = useSelector(state => state.bottomSheet.isComponentLoading);
|
|
25
21
|
const shouldShowBottomSheet = useSelector(state => state.bottomSheet.shouldShowBottomSheet);
|
|
@@ -29,49 +25,50 @@ const UNBottomSheetComponent = () => {
|
|
|
29
25
|
const shouldEnableBottomSheetScroll = useSelector(state => state.bottomSheet.shouldEnableBottomSheetScroll);
|
|
30
26
|
const [renderingType, setRenderingType] = useState();
|
|
31
27
|
const [height, setHeight] = useState(0);
|
|
32
|
-
const [sliderMaxHeight, setSliderMaxHeight] = useState(
|
|
28
|
+
const [sliderMaxHeight, setSliderMaxHeight] = useState(0);
|
|
29
|
+
const [containerHeight, setContainerHeight] = useState(0);
|
|
33
30
|
const [nativeComponentData, setNativeComponentData] = useState();
|
|
34
31
|
const [requestRenderingEventData, setRequestRenderingEventData] = useState();
|
|
35
32
|
const [componentParams, setComponentParams] = useState();
|
|
36
33
|
const [currentBottomSheetRenderingMessage, setCurrentBottomSheetRenderingMessage] = useState();
|
|
37
34
|
const styles = getStylesObject();
|
|
35
|
+
const handleContainerLayout = e => {
|
|
36
|
+
setContainerHeight(e.nativeEvent.layout.height);
|
|
37
|
+
};
|
|
38
38
|
useEffect(() => {
|
|
39
|
-
|
|
39
|
+
if (containerHeight === 0) return;
|
|
40
|
+
const computedOverFullScreenHeight = containerHeight * BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE;
|
|
41
|
+
|
|
42
|
+
// Always set sliderMaxHeight when containerHeight is available,
|
|
43
|
+
// so the BottomSheet can mount and render children (which may need to load before reporting height).
|
|
44
|
+
if (nativePlace === BottomSheetNativePlaceType.modal) {
|
|
45
|
+
setSliderMaxHeight(containerHeight);
|
|
46
|
+
} else {
|
|
47
|
+
setSliderMaxHeight(computedOverFullScreenHeight);
|
|
48
|
+
}
|
|
49
|
+
if (!shouldShowBottomSheet) {
|
|
50
|
+
setHeight(0);
|
|
51
|
+
} else {
|
|
52
|
+
// For overFullScreen/modal, set the known height immediately so the WebView
|
|
53
|
+
// has space to load (older Android WebViews won't fire events with 0 height).
|
|
54
|
+
// For menu/contentHeight, wait until content reports its height.
|
|
40
55
|
switch (nativePlace) {
|
|
41
|
-
// In the case of overFullScreen, set the height to the overFullScreenHeight.
|
|
42
56
|
case BottomSheetNativePlaceType.overFullScreen:
|
|
43
|
-
setHeight(
|
|
57
|
+
setHeight(computedOverFullScreenHeight);
|
|
44
58
|
break;
|
|
45
59
|
case BottomSheetNativePlaceType.modal:
|
|
46
|
-
setHeight(
|
|
60
|
+
setHeight(containerHeight);
|
|
47
61
|
break;
|
|
48
62
|
default:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
setHeight(
|
|
63
|
+
if (!isComponentLoading && componentHeight) {
|
|
64
|
+
setHeight(componentHeight < computedOverFullScreenHeight ? componentHeight : computedOverFullScreenHeight);
|
|
65
|
+
} else {
|
|
66
|
+
setHeight(0);
|
|
53
67
|
}
|
|
54
68
|
break;
|
|
55
69
|
}
|
|
56
|
-
};
|
|
57
|
-
const setSliderMaxHeightFromNativePlace = () => {
|
|
58
|
-
if (nativePlace === BottomSheetNativePlaceType.modal) {
|
|
59
|
-
setSliderMaxHeight(fullScreenHeight);
|
|
60
|
-
} else {
|
|
61
|
-
setSliderMaxHeight(overFullScreenHeight);
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
// Check if the inner contained component is still loading or the bottom sheet should not be shown.
|
|
66
|
-
if (isComponentLoading || !shouldShowBottomSheet) {
|
|
67
|
-
// If so, hide the bottom sheet by setting the height to 0.
|
|
68
|
-
setHeight(0);
|
|
69
|
-
} else {
|
|
70
|
-
// If not, display the bottom sheet by calculating and setting the height based on the native place type.
|
|
71
|
-
setHeightFromNativePlace();
|
|
72
|
-
setSliderMaxHeightFromNativePlace();
|
|
73
70
|
}
|
|
74
|
-
}, [componentHeight, nativePlace, isComponentLoading, shouldShowBottomSheet]);
|
|
71
|
+
}, [componentHeight, nativePlace, isComponentLoading, shouldShowBottomSheet, containerHeight]);
|
|
75
72
|
useEffect(() => {
|
|
76
73
|
const resetBottomSheetManagerState = () => {
|
|
77
74
|
setComponentParams(undefined);
|
|
@@ -79,7 +76,7 @@ const UNBottomSheetComponent = () => {
|
|
|
79
76
|
setNativeComponentData(undefined);
|
|
80
77
|
setRenderingType(undefined);
|
|
81
78
|
setHeight(0);
|
|
82
|
-
setSliderMaxHeight(
|
|
79
|
+
setSliderMaxHeight(0);
|
|
83
80
|
};
|
|
84
81
|
if (!isBottomSheetActive) {
|
|
85
82
|
dispatch(resetBottomSheetSlice());
|
|
@@ -164,20 +161,23 @@ const UNBottomSheetComponent = () => {
|
|
|
164
161
|
return requestRenderingEventData ? /*#__PURE__*/React.createElement(UNBottomSheetSlotComponent, {
|
|
165
162
|
requestRenderingEvent: requestRenderingEventData,
|
|
166
163
|
componentName: componentParams?.componentName,
|
|
167
|
-
componentResourceId: componentParams?.componentResourceId
|
|
164
|
+
componentResourceId: componentParams?.componentResourceId,
|
|
165
|
+
containerHeight: containerHeight
|
|
168
166
|
}) : null;
|
|
169
167
|
case BottomSheetRenderingType.NativeComponent:
|
|
170
168
|
return nativeComponentData ? /*#__PURE__*/React.createElement(UNBottomSheetNativeComponent, {
|
|
171
|
-
nativeComponentData: nativeComponentData
|
|
169
|
+
nativeComponentData: nativeComponentData,
|
|
170
|
+
containerHeight: containerHeight
|
|
172
171
|
}) : null;
|
|
173
172
|
default:
|
|
174
173
|
return null;
|
|
175
174
|
}
|
|
176
175
|
};
|
|
176
|
+
if (!isBottomSheetActive) return null;
|
|
177
177
|
return /*#__PURE__*/React.createElement(View, {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}, /*#__PURE__*/React.createElement(BottomSheet, {
|
|
178
|
+
style: styles.container,
|
|
179
|
+
onLayout: handleContainerLayout
|
|
180
|
+
}, containerHeight > 0 && sliderMaxHeight > 0 && /*#__PURE__*/React.createElement(BottomSheet, {
|
|
181
181
|
isOpen: isBottomSheetActive,
|
|
182
182
|
onOpen: () => dispatch(setIsBottomSheetActive(true)),
|
|
183
183
|
onClose: () => dispatch(setIsBottomSheetActive(false)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","View","BottomSheet","UnitComponentsMessage","getStylesObject","BottomSheetNativePlaceType","BottomSheetRenderingType","ScrollState","BottomSheetNativeMessage","withReduxStore","useEventListener","useDispatch","useSelector","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","View","BottomSheet","UnitComponentsMessage","getStylesObject","BottomSheetNativePlaceType","BottomSheetRenderingType","ScrollState","BottomSheetNativeMessage","withReduxStore","useEventListener","useDispatch","useSelector","BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE","resetBottomSheetSlice","setIsBottomSheetActive","setIsComponentLoading","setNativePlace","setScrollState","setShouldEnableBottomSheetScroll","setShouldShowBottomSheet","UNBottomSheetSlotComponent","UNBottomSheetNativeComponent","getNativeComponentDataFromEvent","UNBottomSheetComponent","dispatch","isBottomSheetActive","state","bottomSheet","isComponentLoading","shouldShowBottomSheet","nativePlace","componentHeight","scrollState","shouldEnableBottomSheetScroll","renderingType","setRenderingType","height","setHeight","sliderMaxHeight","setSliderMaxHeight","containerHeight","setContainerHeight","nativeComponentData","setNativeComponentData","requestRenderingEventData","setRequestRenderingEventData","componentParams","setComponentParams","currentBottomSheetRenderingMessage","setCurrentBottomSheetRenderingMessage","styles","handleContainerLayout","e","nativeEvent","layout","computedOverFullScreenHeight","modal","overFullScreen","resetBottomSheetManagerState","undefined","requestRendering","rendering","handleRequestRendering","setTimeout","handleCloseFlow","busEventKey","REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","type","Slot","determineRenderingTypeFromEvent","data","NativeComponent","setupDataForNativeComponent","event","nativeComponentDataFromEvent","setupDataForSlotComponent","eventData","componentParamsFromEvent","componentName","componentResourceId","requestRenderingEvent","handleWebViewScroll","unScrollable","onlyWebView","renderBottomSheetComponent","createElement","style","container","onLayout","isOpen","onOpen","onClose","animationDuration","expandToMaxHeightEnabled"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ import { BottomSheetNativeComponentType, BottomSheetNativePlaceType, ScrollState
|
|
|
3
3
|
import { useDispatch } from 'react-redux';
|
|
4
4
|
import { setComponentHeight, setScrollState, setShouldEnableBottomSheetScroll } from '../../../../slices/BottomSheetSlice';
|
|
5
5
|
import { UNAddToWalletComponent } from '../../../../nativeComponents/UNAddToWallet/UNAddToWalletComponent';
|
|
6
|
-
import {
|
|
6
|
+
import { BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE } from '../../UNBottomSheetComponent.constants';
|
|
7
7
|
import { useSafeAreaDimensions } from '../../../../hooks/useSafeAreaDimensions';
|
|
8
8
|
import UNACHCreditComponent from '../../../UNACHCreditComponent/UNACHCreditComponent';
|
|
9
9
|
import UNCheckDepositComponent from '../../../UNCheckDepositComponent/UNCheckDepositComponent';
|
|
@@ -18,9 +18,11 @@ import UNKeyboardAvoidingView from '../../../../helpers/UNKeyboardAvoidingView/U
|
|
|
18
18
|
const UNBottomSheetNativeComponent = props => {
|
|
19
19
|
const dispatch = useDispatch();
|
|
20
20
|
const {
|
|
21
|
-
|
|
21
|
+
insets,
|
|
22
22
|
effectiveBottomInset
|
|
23
23
|
} = useSafeAreaDimensions();
|
|
24
|
+
const overFullScreenHeight = props.containerHeight * BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE;
|
|
25
|
+
const modalContentHeight = props.containerHeight - insets.top;
|
|
24
26
|
const [height, setHeight] = useState(0);
|
|
25
27
|
const [paddingTop, setPaddingTop] = useState(0);
|
|
26
28
|
const [paddingBottom, setPaddingBottom] = useState(0);
|
|
@@ -59,7 +61,7 @@ const UNBottomSheetNativeComponent = props => {
|
|
|
59
61
|
adjustedHeight = overFullScreenHeight;
|
|
60
62
|
break;
|
|
61
63
|
case BottomSheetNativePlaceType.modal:
|
|
62
|
-
adjustedHeight =
|
|
64
|
+
adjustedHeight = modalContentHeight;
|
|
63
65
|
break;
|
|
64
66
|
default:
|
|
65
67
|
return;
|
|
@@ -70,7 +72,7 @@ const UNBottomSheetNativeComponent = props => {
|
|
|
70
72
|
}
|
|
71
73
|
};
|
|
72
74
|
setBottomSheetNativeComponentViewHeight();
|
|
73
|
-
}, [props.nativeComponentData.nativePlace,
|
|
75
|
+
}, [props.nativeComponentData.nativePlace, modalContentHeight, overFullScreenHeight, dispatch]);
|
|
74
76
|
const renderNativeComponent = () => {
|
|
75
77
|
switch (props.nativeComponentData?.component.type) {
|
|
76
78
|
case BottomSheetNativeComponentType.AddToWalletComponent:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","BottomSheetNativeComponentType","BottomSheetNativePlaceType","ScrollState","useDispatch","setComponentHeight","setScrollState","setShouldEnableBottomSheetScroll","UNAddToWalletComponent","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","BottomSheetNativeComponentType","BottomSheetNativePlaceType","ScrollState","useDispatch","setComponentHeight","setScrollState","setShouldEnableBottomSheetScroll","UNAddToWalletComponent","BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE","useSafeAreaDimensions","UNACHCreditComponent","UNCheckDepositComponent","UNCheckPaymentComponent","UNACHDebitComponent","UNBookPaymentComponent","UNWirePaymentComponent","UNCreateCardComponent","PageMessage","useEventListener","UNKeyboardAvoidingView","UNBottomSheetNativeComponent","props","dispatch","insets","effectiveBottomInset","overFullScreenHeight","containerHeight","modalContentHeight","top","height","setHeight","paddingTop","setPaddingTop","paddingBottom","setPaddingBottom","padding","setPadding","updateComponetHeight","busEventKey","PAGE_HEIGHT","action","setPaddingForNativeComponent","type","nativeComponentData","component","CheckDepositComponent","setScrollStateForNativeComponent","scrollState","unScrollable","onlyWebView","setBottomSheetNativeComponentViewHeight","adjustedHeight","nativePlace","overFullScreen","modal","undefined","renderNativeComponent","AddToWalletComponent","createElement","ACHCreditComponent","ACHDebitComponent","CheckPaymentComponent","BookPaymentComponent","WirePaymentComponent","CreateCardComponent","style"],"sourceRoot":"../../../../../../src","sources":["components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,7 +13,7 @@ import { useDispatch, useSelector } from 'react-redux';
|
|
|
13
13
|
import { setComponentHeight, setIsComponentLoading, setScrollState, setShouldEnableBottomSheetScroll } from '../../../../slices/BottomSheetSlice';
|
|
14
14
|
import { getAccountActionType } from '../../../UNAccountComponent/UNAccountComponent.utils';
|
|
15
15
|
import { UNAccountAction } from '../../../UNAccountComponent/UNAccountComponent';
|
|
16
|
-
import { BOTTOM_PADDING,
|
|
16
|
+
import { BOTTOM_PADDING, BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE, LEFT_PADDING, RIGHT_PADDING, TOP_PADDING, VERTICAL_PADDING } from '../../UNBottomSheetComponent.constants';
|
|
17
17
|
import { useSafeAreaDimensions } from '../../../../hooks/useSafeAreaDimensions';
|
|
18
18
|
import { BottomSheetNativeMessage } from '../../../../messages/nativeMessages/bottomSheetMessage';
|
|
19
19
|
import { PlaidMessage } from '../../../../messages/webMessages/plaidMessages';
|
|
@@ -27,10 +27,11 @@ const UNBottomSheetSlotComponent = props => {
|
|
|
27
27
|
const scrollState = useSelector(state => state.bottomSheet.scrollState);
|
|
28
28
|
const nativePlace = props.requestRenderingEvent?.data?.nativePlace;
|
|
29
29
|
const {
|
|
30
|
-
|
|
31
|
-
contentHeight,
|
|
30
|
+
insets,
|
|
32
31
|
effectiveBottomInset
|
|
33
32
|
} = useSafeAreaDimensions();
|
|
33
|
+
const overFullScreenHeight = props.containerHeight * BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE;
|
|
34
|
+
const modalContentHeight = props.containerHeight - insets.top;
|
|
34
35
|
useEffect(() => {
|
|
35
36
|
const scrollStateForSlot = () => {
|
|
36
37
|
if (!props.requestRenderingEvent) return;
|
|
@@ -91,7 +92,7 @@ const UNBottomSheetSlotComponent = props => {
|
|
|
91
92
|
}
|
|
92
93
|
case BottomSheetNativePlaceType.modal:
|
|
93
94
|
{
|
|
94
|
-
const injectedHeight = !props.requestRenderingEvent.data.isPaddingIncluded ?
|
|
95
|
+
const injectedHeight = !props.requestRenderingEvent.data.isPaddingIncluded ? modalContentHeight - VERTICAL_PADDING - effectiveBottomInset : modalContentHeight - effectiveBottomInset;
|
|
95
96
|
injectHtmlFullScreenHeight(webRef.current, injectedHeight);
|
|
96
97
|
break;
|
|
97
98
|
}
|
|
@@ -176,7 +177,7 @@ const UNBottomSheetSlotComponent = props => {
|
|
|
176
177
|
flex: 1
|
|
177
178
|
}
|
|
178
179
|
}, /*#__PURE__*/React.createElement(UNKeyboardAvoidingView, {
|
|
179
|
-
keyboardVerticalOffset:
|
|
180
|
+
keyboardVerticalOffset: props.containerHeight - overFullScreenHeight
|
|
180
181
|
}, /*#__PURE__*/React.createElement(WebComponent, {
|
|
181
182
|
ref: webRef,
|
|
182
183
|
type: WebComponentType.slot,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["WebComponent","PresentationMode","WebComponentType","getBottomSheetScript","injectHtmlFullScreenHeight","renderingBottomSheetRequest","React","useEffect","useRef","PageMessage","UnitComponentsMessage","BottomSheetNativePlaceType","BottomSheetRenderingType","ScrollState","CardMessage","eventBus","AccountMessage","ActivityMessage","useDispatch","useSelector","setComponentHeight","setIsComponentLoading","setScrollState","setShouldEnableBottomSheetScroll","getAccountActionType","UNAccountAction","BOTTOM_PADDING","
|
|
1
|
+
{"version":3,"names":["WebComponent","PresentationMode","WebComponentType","getBottomSheetScript","injectHtmlFullScreenHeight","renderingBottomSheetRequest","React","useEffect","useRef","PageMessage","UnitComponentsMessage","BottomSheetNativePlaceType","BottomSheetRenderingType","ScrollState","CardMessage","eventBus","AccountMessage","ActivityMessage","useDispatch","useSelector","setComponentHeight","setIsComponentLoading","setScrollState","setShouldEnableBottomSheetScroll","getAccountActionType","UNAccountAction","BOTTOM_PADDING","BOTTOM_SHEET_OVER_FULLSCREEN_PERCENTAGE_SIZE","LEFT_PADDING","RIGHT_PADDING","TOP_PADDING","VERTICAL_PADDING","useSafeAreaDimensions","BottomSheetNativeMessage","PlaidMessage","PayeeManagementMessage","UNKeyboardAvoidingView","MultipleCardsMessage","View","UNBottomSheetSlotComponent","props","dispatch","webRef","scrollState","state","bottomSheet","nativePlace","requestRenderingEvent","data","insets","effectiveBottomInset","overFullScreenHeight","containerHeight","modalContentHeight","top","scrollStateForSlot","componentName","account","accountActionType","List","onTop","unScrollable","card","overFullScreen","modal","onlyWebView","_onWebMessage","message","type","PAGE_LOADED","current","PAGE_HEIGHT","height","details","injectedHeight","isPaddingIncluded","menu","contentHeight","adjustedHeight","maxHeight","Math","min","UNIT_REQUEST_RENDERING","requestRendering","requestRenderingSlotData","Slot","componentResourceId","emit","REQUEST_RENDERING","UNIT_REQUEST_CLOSE_FLOW","CARD_ACTIVATED","UNIT_OPEN_PLAID","CARD_STATUS_CHANGED","UNIT_ACCOUNT_CHANGED","UNIT_ACTIVITY_FILTERS_CHANGED","UNIT_MULTIPLE_CARDS_FILTERS_CHANGED","UNIT_COUNTERPARTY_DELETED","counterparty","_onScrollWebView","event","currY","nativeEvent","contentOffset","y","onlyBottomSheet","paddingStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","createElement","style","flex","keyboardVerticalOffset","ref","slot","presentationMode","CoverInjectedHeight","script","onMessage","isScrollable","handleScroll"],"sourceRoot":"../../../../../../src","sources":["components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React, { useEffect, useRef, useState } from 'react';
|
|
3
|
-
import { Animated, BackHandler, Easing, Image, PanResponder,
|
|
3
|
+
import { Animated, BackHandler, Easing, Image, PanResponder, TouchableOpacity, View } from 'react-native';
|
|
4
4
|
import { CloseIcon } from '../../assets/images';
|
|
5
5
|
import { useSafeAreaDimensions } from '../../hooks/useSafeAreaDimensions';
|
|
6
6
|
import { getStylesObject } from './BottomSheet.styles';
|
|
@@ -12,16 +12,13 @@ const BottomSheet = props => {
|
|
|
12
12
|
const panelHeightValue = useRef(new Animated.Value(props.sliderMaxHeight)).current;
|
|
13
13
|
const fadeAnim = useRef(new Animated.Value(0)).current;
|
|
14
14
|
const styles = getStylesObject(fadeAnim);
|
|
15
|
-
|
|
15
|
+
// Initialize to false: BottomSheet mounts fresh each time (conditionally rendered),
|
|
16
|
+
// so useEffect will trigger fadeIn() when isOpen=true on mount.
|
|
17
|
+
const [isPanelOpened, setIsPanelOpened] = useState(false);
|
|
16
18
|
const [contentHeight, setContentHeight] = useState(undefined);
|
|
17
19
|
const {
|
|
18
|
-
insets
|
|
19
|
-
fullScreenHeight,
|
|
20
|
-
isAndroid10AndAbove,
|
|
21
|
-
isEdgeToEdgeActive
|
|
20
|
+
insets
|
|
22
21
|
} = useSafeAreaDimensions();
|
|
23
|
-
// Android 15+ (API 35) enforces edge-to-edge, so marginTop calculation differs
|
|
24
|
-
const isAndroid15AndAbove = Platform.OS === 'android' && Platform.Version >= 35;
|
|
25
22
|
const [currentHeight, setCurrentHeight] = useState(props.sliderMaxHeight);
|
|
26
23
|
const [dy, setDy] = useState(0);
|
|
27
24
|
const isAppInactive = useIsBackFromLongBackground();
|
|
@@ -127,10 +124,25 @@ const BottomSheet = props => {
|
|
|
127
124
|
isPanelOpened && collapse();
|
|
128
125
|
return isPanelOpened;
|
|
129
126
|
};
|
|
127
|
+
|
|
128
|
+
// Track the last height we animated to, so we skip duplicate animations
|
|
129
|
+
// (prevents visual jitter when _setSize fires multiple times with the same height)
|
|
130
|
+
// but still re-animate when the height actually changes.
|
|
131
|
+
const lastAnimatedHeight = useRef(0);
|
|
132
|
+
|
|
133
|
+
// Reset when new content starts loading, so the next opening can animate.
|
|
134
|
+
useEffect(() => {
|
|
135
|
+
if (props.isComponentLoading) {
|
|
136
|
+
lastAnimatedHeight.current = 0;
|
|
137
|
+
}
|
|
138
|
+
}, [props.isComponentLoading]);
|
|
130
139
|
const _setSize = e => {
|
|
131
140
|
const newContentHeight = e.nativeEvent.layout.height;
|
|
132
141
|
setContentHeight(newContentHeight);
|
|
133
|
-
|
|
142
|
+
if (newContentHeight > 0 && newContentHeight !== lastAnimatedHeight.current) {
|
|
143
|
+
lastAnimatedHeight.current = newContentHeight;
|
|
144
|
+
setToContentHeight(newContentHeight);
|
|
145
|
+
}
|
|
134
146
|
};
|
|
135
147
|
const _dismiss = (withAnimation = true) => {
|
|
136
148
|
const {
|
|
@@ -162,13 +174,10 @@ const BottomSheet = props => {
|
|
|
162
174
|
borderTopLeftRadius: isModal ? 0 : styles.container.borderTopLeftRadius,
|
|
163
175
|
borderTopRightRadius: isModal ? 0 : styles.container.borderTopRightRadius,
|
|
164
176
|
height: props.sliderMaxHeight,
|
|
165
|
-
// Android 15+ (edge-to-edge): fullScreenHeight is already the full screen, no adjustment needed
|
|
166
|
-
// Android 10-14: fullScreenHeight includes status bar, but view starts below it, so subtract insets.top
|
|
167
|
-
marginTop: isModal ? 0 : fullScreenHeight - props.sliderMaxHeight - (isAndroid10AndAbove && !isAndroid15AndAbove ? insets.top : 0),
|
|
168
177
|
transform: [{
|
|
169
178
|
translateY: panelHeightValue
|
|
170
179
|
}],
|
|
171
|
-
paddingTop: isModal
|
|
180
|
+
paddingTop: isModal ? insets.top : 0
|
|
172
181
|
}
|
|
173
182
|
}), /*#__PURE__*/React.createElement(View, {
|
|
174
183
|
style: styles.outerContent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","useState","Animated","BackHandler","Easing","Image","PanResponder","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","useState","Animated","BackHandler","Easing","Image","PanResponder","TouchableOpacity","View","CloseIcon","useSafeAreaDimensions","getStylesObject","useIsBackFromLongBackground","BottomSheetNativePlaceType","UNBaseView","BottomSheet","props","isStatic","nativePlace","modal","panelHeightValue","Value","sliderMaxHeight","current","fadeAnim","styles","isPanelOpened","setIsPanelOpened","contentHeight","setContentHeight","undefined","insets","currentHeight","setCurrentHeight","dy","setDy","isAppInactive","_parentPanResponder","create","onMoveShouldSetPanResponderCapture","_","gestureState","shouldEnableBottomSheetScroll","Math","abs","onPanResponderMove","handleWebViewScroll","expandToMaxHeightEnabled","setValue","onPanResponderRelease","collapse","setToContentHeight","expand","_dismiss","isOpen","fadeIn","backHandlerSubscription","addEventListener","_onBackPress","id","addListener","e","value","remove","removeListener","timing","toValue","duration","useNativeDriver","start","fadeOut","animationDuration","easing","quad","onOpen","lastAnimatedHeight","isComponentLoading","_setSize","newContentHeight","nativeEvent","layout","height","withAnimation","onClose","children","isModal","createElement","Fragment","style","outsideContainer","activeOpacity","onPress","animation","_extends","panHandlers","container","borderTopLeftRadius","borderTopRightRadius","transform","translateY","paddingTop","top","outerContent","closeButton","source","onLayout"],"sourceRoot":"../../../../src","sources":["helpers/BottomSheet/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -17,8 +17,10 @@ export const getStylesObject = fadeAnim => {
|
|
|
17
17
|
opacity: fadeAnim
|
|
18
18
|
},
|
|
19
19
|
container: {
|
|
20
|
-
position: '
|
|
21
|
-
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
bottom: 0,
|
|
22
|
+
left: 0,
|
|
23
|
+
right: 0,
|
|
22
24
|
shadowColor: VARIABLES.COLORS.BLACK,
|
|
23
25
|
shadowOffset: {
|
|
24
26
|
width: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","VARIABLES","getStylesObject","fadeAnim","create","outsideContainer","position","top","bottom","right","left","animation","backgroundColor","flex","opacity","container","shadowColor","COLORS","BLACK","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderTopLeftRadius","borderTopRightRadius","WHITE","overflow","lineContainer","alignItems","line","borderRadius","marginTop","SILVER_FLAKE","outerContent","innerContent","closeButton","display","justifyContent","padding","zIndex"],"sourceRoot":"../../../../src","sources":["helpers/BottomSheet/BottomSheet.styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,SAAS,QAAQ,wBAAwB;;AAElD;AACA,OAAO,MAAMC,eAAe,GAAIC,QAAa,IAAK;EAChD,OAAOH,UAAU,CAACI,MAAM,CAAC;IACvBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTC,eAAe,EAAE,OAAO;MACxBC,IAAI,EAAE,CAAC;MACPC,OAAO,EAAEX;IACX,CAAC;IACDY,SAAS,EAAE;MACTT,QAAQ,EAAE,UAAU;
|
|
1
|
+
{"version":3,"names":["StyleSheet","VARIABLES","getStylesObject","fadeAnim","create","outsideContainer","position","top","bottom","right","left","animation","backgroundColor","flex","opacity","container","shadowColor","COLORS","BLACK","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","borderTopLeftRadius","borderTopRightRadius","WHITE","overflow","lineContainer","alignItems","line","borderRadius","marginTop","SILVER_FLAKE","outerContent","innerContent","closeButton","display","justifyContent","padding","zIndex"],"sourceRoot":"../../../../src","sources":["helpers/BottomSheet/BottomSheet.styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,SAAS,QAAQ,wBAAwB;;AAElD;AACA,OAAO,MAAMC,eAAe,GAAIC,QAAa,IAAK;EAChD,OAAOH,UAAU,CAACI,MAAM,CAAC;IACvBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,CAAC;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,EAAE;MACTC,eAAe,EAAE,OAAO;MACxBC,IAAI,EAAE,CAAC;MACPC,OAAO,EAAEX;IACX,CAAC;IACDY,SAAS,EAAE;MACTT,QAAQ,EAAE,UAAU;MACpBE,MAAM,EAAE,CAAC;MACTE,IAAI,EAAE,CAAC;MACPD,KAAK,EAAE,CAAC;MACRO,WAAW,EAAEf,SAAS,CAACgB,MAAM,CAACC,KAAK;MACnCC,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,IAAI;MAClBC,SAAS,EAAE,EAAE;MACbC,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE,EAAE;MACxBd,eAAe,EAAEX,SAAS,CAACgB,MAAM,CAACU,KAAK;MACvCC,QAAQ,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE;MACbJ,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE,EAAE;MACxBI,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJX,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTW,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE,EAAE;MACbrB,eAAe,EAAEX,SAAS,CAACgB,MAAM,CAACiB;IACpC,CAAC;IACDC,YAAY,EAAE;MACZtB,IAAI,EAAE,CAAC;IACT,CAAC;IACDuB,YAAY,EAAE;MACZvB,IAAI,EAAE,CAAC;IACT,CAAC;IACDwB,WAAW,EAAE;MACX/B,QAAQ,EAAE,UAAU;MACpBgC,OAAO,EAAE,MAAM;MACfR,UAAU,EAAE,QAAQ;MACpBS,cAAc,EAAE,QAAQ;MACxBnB,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVT,eAAe,EAAEX,SAAS,CAACgB,MAAM,CAACU,KAAK;MACvCK,YAAY,EAAE,EAAE;MAChBQ,OAAO,EAAE,CAAC;MACVjC,GAAG,EAAE,EAAE;MACPE,KAAK,EAAE,EAAE;MACTgC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|