related-ui-components 1.7.0 → 1.7.2
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/app.js +116 -18
- package/lib/commonjs/app.js.map +1 -1
- package/lib/commonjs/components/Popup/Popup.js +27 -23
- package/lib/commonjs/components/Popup/Popup.js.map +1 -1
- package/lib/commonjs/components/UnlockRewards/UnlockRewards.js +4 -2
- package/lib/commonjs/components/UnlockRewards/UnlockRewards.js.map +1 -1
- package/lib/commonjs/index.js +5 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/app.js +120 -21
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Popup/Popup.js +27 -23
- package/lib/module/components/Popup/Popup.js.map +1 -1
- package/lib/module/components/UnlockRewards/UnlockRewards.js +2 -2
- package/lib/module/components/UnlockRewards/UnlockRewards.js.map +1 -1
- package/lib/module/index.js +4 -7
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/commonjs/app.d.ts +1 -1
- package/lib/typescript/commonjs/app.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Popup/Popup.d.ts +2 -1
- package/lib/typescript/commonjs/components/Popup/Popup.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/UnlockRewards/UnlockRewards.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.d.ts +1 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/module/app.d.ts +1 -1
- package/lib/typescript/module/app.d.ts.map +1 -1
- package/lib/typescript/module/components/Popup/Popup.d.ts +2 -1
- package/lib/typescript/module/components/Popup/Popup.d.ts.map +1 -1
- package/lib/typescript/module/components/UnlockRewards/UnlockRewards.d.ts.map +1 -1
- package/lib/typescript/module/index.d.ts +1 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/app.tsx +94 -15
- package/src/components/Popup/Popup.tsx +35 -18
- package/src/components/UnlockRewards/UnlockRewards.tsx +2 -2
- package/src/index.ts +4 -4
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { useTheme } from "../../theme/index.js";
|
|
4
4
|
import React from "react";
|
|
5
|
-
import {
|
|
5
|
+
import { View, Text, TouchableOpacity, StyleSheet, ImageBackground, Dimensions, Platform, StatusBar, Image } from "react-native";
|
|
6
6
|
import CloseIcon from "../CloseIcon/CloseIcon.js";
|
|
7
|
+
import Modal from "react-native-modal";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const Popup = ({
|
|
9
10
|
visible,
|
|
@@ -39,7 +40,14 @@ const Popup = ({
|
|
|
39
40
|
children,
|
|
40
41
|
modalStyle,
|
|
41
42
|
overlay,
|
|
42
|
-
customContent
|
|
43
|
+
customContent,
|
|
44
|
+
animationIn = "slideInUp",
|
|
45
|
+
animationInTiming,
|
|
46
|
+
animationOut = "slideOutDown",
|
|
47
|
+
animationOutTiming,
|
|
48
|
+
backdropTransitionInTiming,
|
|
49
|
+
backdropTransitionOutTiming,
|
|
50
|
+
onBackdropPress
|
|
43
51
|
}) => {
|
|
44
52
|
const {
|
|
45
53
|
theme,
|
|
@@ -60,10 +68,6 @@ const Popup = ({
|
|
|
60
68
|
color: closeIconColor,
|
|
61
69
|
size: closeIconSize,
|
|
62
70
|
isRTL: isRTL
|
|
63
|
-
}), overlay && /*#__PURE__*/_jsx(View, {
|
|
64
|
-
style: styles.overlayContainer,
|
|
65
|
-
pointerEvents: "none",
|
|
66
|
-
children: overlay
|
|
67
71
|
}), children || (backgroundImage ? /*#__PURE__*/_jsx(ImageBackground, {
|
|
68
72
|
source: backgroundImage,
|
|
69
73
|
style: styles.backgroundImage,
|
|
@@ -150,22 +154,23 @@ const Popup = ({
|
|
|
150
154
|
})]
|
|
151
155
|
});
|
|
152
156
|
return /*#__PURE__*/_jsx(Modal, {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
157
|
+
isVisible: visible,
|
|
158
|
+
animationIn: animationIn,
|
|
159
|
+
animationOut: animationOut,
|
|
160
|
+
backdropTransitionInTiming: backdropTransitionInTiming,
|
|
161
|
+
backdropTransitionOutTiming: backdropTransitionOutTiming,
|
|
162
|
+
animationInTiming: animationInTiming,
|
|
163
|
+
animationOutTiming: animationOutTiming,
|
|
164
|
+
onBackdropPress: onBackdropPress
|
|
165
|
+
// useNativeDriverForBackdrop
|
|
166
|
+
// useNativeDriver
|
|
167
|
+
,
|
|
168
|
+
statusBarTranslucent: true
|
|
169
|
+
// style={{alignItems: "center", flex: 1}}
|
|
170
|
+
,
|
|
171
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
160
172
|
style: styles.modalOverlay,
|
|
161
|
-
children:
|
|
162
|
-
onPress: onClose,
|
|
163
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
164
|
-
style: StyleSheet.absoluteFill
|
|
165
|
-
})
|
|
166
|
-
}), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
|
|
167
|
-
children: /*#__PURE__*/_jsx(PopupContent, {})
|
|
168
|
-
})]
|
|
173
|
+
children: /*#__PURE__*/_jsx(PopupContent, {})
|
|
169
174
|
})
|
|
170
175
|
});
|
|
171
176
|
};
|
|
@@ -178,8 +183,7 @@ const popupWidth = width * 0.85;
|
|
|
178
183
|
const createStyles = theme => StyleSheet.create({
|
|
179
184
|
modalOverlay: {
|
|
180
185
|
flex: 1,
|
|
181
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
182
|
-
// Keep overlay color
|
|
186
|
+
// backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
183
187
|
justifyContent: "center",
|
|
184
188
|
alignItems: "center",
|
|
185
189
|
paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","
|
|
1
|
+
{"version":3,"names":["useTheme","React","View","Text","TouchableOpacity","StyleSheet","ImageBackground","Dimensions","Platform","StatusBar","Image","CloseIcon","Modal","jsx","_jsx","jsxs","_jsxs","Popup","visible","onClose","backgroundImage","title","content","subtitle","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","closeIconColor","closeIconSize","children","modalStyle","overlay","customContent","animationIn","animationInTiming","animationOut","animationOutTiming","backdropTransitionInTiming","backdropTransitionOutTiming","onBackdropPress","theme","rtl","styles","createStyles","PopupContent","style","popupContainer","show","onPress","customIcon","variant","iconStyle","color","size","source","imageStyle","backgroundImageStyle","PopupInnerContent","contentContainer","illustrationContainer","resizeMode","text","textAlign","buttonContainer","flexDirection","secondaryButton","borderColor","primary","marginLeft","marginRight","primaryButton","backgroundColor","onPrimary","isVisible","statusBarTranslucent","modalOverlay","width","get","popupWidth","create","flex","justifyContent","alignItems","paddingTop","OS","currentHeight","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","position","surface","closeIconContainer","zIndex","borderWidth","padding","closeIcon","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth","overlayContainer","absoluteFillObject"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
4
|
import { View, Text, StyleSheet, ImageBackground, FlatList } from "react-native";
|
|
5
5
|
import RewardItem from "../UnlockRewards/RewardItem.js";
|
|
6
6
|
import Badge from "../Badges/Badge.js";
|
|
@@ -52,7 +52,7 @@ const UnlockRewards = ({
|
|
|
52
52
|
isRTL: rtl
|
|
53
53
|
} = useTheme();
|
|
54
54
|
isRTL = isRTL || rtl;
|
|
55
|
-
const styles = themedStyles(theme);
|
|
55
|
+
const styles = useMemo(() => themedStyles(theme), [theme]);
|
|
56
56
|
const topBackgroundColor = topBackgroundColorProp ?? theme.surface;
|
|
57
57
|
const finalCardStyle = StyleSheet.flatten([styles.cardContainer, cardContainerStyle]);
|
|
58
58
|
const cardBorderRadius = finalCardStyle.borderRadius ?? 20;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","ImageBackground","FlatList","RewardItem","Badge","useTheme","LinearGradient","CloseIcon","jsx","_jsx","jsxs","_jsxs","UnlockRewards","rewards","title","description","activeIconStyle","inactiveIconStyle","onClose","isRTL","topBackgroundImage","topBackgroundColor","topBackgroundColorProp","topBackgroundHeight","topBackgroundImageStyle","topBackgroundStyle","topGradientColors","topGradientStart","topGradientEnd","topGradientLocations","cardContainerStyle","mainTitleStyle","subtitleStyle","rewardsContainerStyle","smallIconsRowStyle","rewardItemContainerStyle","rewardItemIconWrapperStyle","rewardItemTextContainerStyle","rewardItemTitleTextStyle","rewardItemDescriptionTextStyle","rewardItemStatusBadgeStyle","rewardItemStatusTextStyle","showCloseIcon","customCloseIcon","closeIconVariant","closeIconContainerStyle","closeIconStyle","closeIconColor","closeIconSize","customTopBackground","theme","rtl","styles","themedStyles","surface","finalCardStyle","flatten","cardContainer","cardBorderRadius","borderRadius","topBackgroundBorderRadius","borderTopLeftRadius","borderTopRightRadius","topElementBaseStyle","topBackgroundBase","height","style","children","show","onPress","customIcon","variant","containerStyle","iconStyle","color","size","length","colors","start","end","locations","source","imageStyle","resizeMode","backgroundColor","mainTitle","subtitle","rewardsContainer","smallIconsRow","flexDirection","map","reward","index","isActive","icon","activeIcon","inactiveStyle","activeStyle","maxHeight","data","keyExtractor","_","idx","showsVerticalScrollIndicator","renderItem","item","status","statusBgColor","statusBackgroundColor","statusTextColor","badgeStyle","textContainerStyle","titleTextStyle","descriptionTextStyle","statusBadgeStyle","statusTextStyle","create","padding","paddingTop","width","maxWidth","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderWidth","borderColor","border","top","left","right","zIndex","closeIconContainer","fontSize","fontWeight","text","marginBottom","textAlign","helper","paddingHorizontal","background","justifyContent","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UnlockRewards/UnlockRewards.tsx"],"mappings":";;AAAA,OAAOA,KAAK,
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","Text","StyleSheet","ImageBackground","FlatList","RewardItem","Badge","useTheme","LinearGradient","CloseIcon","jsx","_jsx","jsxs","_jsxs","UnlockRewards","rewards","title","description","activeIconStyle","inactiveIconStyle","onClose","isRTL","topBackgroundImage","topBackgroundColor","topBackgroundColorProp","topBackgroundHeight","topBackgroundImageStyle","topBackgroundStyle","topGradientColors","topGradientStart","topGradientEnd","topGradientLocations","cardContainerStyle","mainTitleStyle","subtitleStyle","rewardsContainerStyle","smallIconsRowStyle","rewardItemContainerStyle","rewardItemIconWrapperStyle","rewardItemTextContainerStyle","rewardItemTitleTextStyle","rewardItemDescriptionTextStyle","rewardItemStatusBadgeStyle","rewardItemStatusTextStyle","showCloseIcon","customCloseIcon","closeIconVariant","closeIconContainerStyle","closeIconStyle","closeIconColor","closeIconSize","customTopBackground","theme","rtl","styles","themedStyles","surface","finalCardStyle","flatten","cardContainer","cardBorderRadius","borderRadius","topBackgroundBorderRadius","borderTopLeftRadius","borderTopRightRadius","topElementBaseStyle","topBackgroundBase","height","style","children","show","onPress","customIcon","variant","containerStyle","iconStyle","color","size","length","colors","start","end","locations","source","imageStyle","resizeMode","backgroundColor","mainTitle","subtitle","rewardsContainer","smallIconsRow","flexDirection","map","reward","index","isActive","icon","activeIcon","inactiveStyle","activeStyle","maxHeight","data","keyExtractor","_","idx","showsVerticalScrollIndicator","renderItem","item","status","statusBgColor","statusBackgroundColor","statusTextColor","badgeStyle","textContainerStyle","titleTextStyle","descriptionTextStyle","statusBadgeStyle","statusTextStyle","create","padding","paddingTop","width","maxWidth","alignItems","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","position","borderWidth","borderColor","border","top","left","right","zIndex","closeIconContainer","fontSize","fontWeight","text","marginBottom","textAlign","helper","paddingHorizontal","background","justifyContent","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UnlockRewards/UnlockRewards.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
// registerRootComponent(App);
|
|
9
|
-
|
|
3
|
+
import { registerRootComponent } from 'expo';
|
|
4
|
+
import "react-native-reanimated";
|
|
5
|
+
import App from "./app.js";
|
|
6
|
+
registerRootComponent(App);
|
|
10
7
|
export * from "./theme/index.js";
|
|
11
8
|
export * from "./components/index.js";
|
|
12
9
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA;
|
|
1
|
+
{"version":3,"names":["registerRootComponent","App"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,MAAM;AAC5C,OAAO,yBAAyB;AAGhC,OAAOC,GAAG,MAAM,UAAO;AAEvBD,qBAAqB,CAACC,GAAG,CAAC;AAE1B,cAAc,kBAAS;AACvB,cAAc,uBAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,QAAA,MAAM,QAAQ,yBAmGb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from "react";
|
|
2
2
|
import { ImageSourcePropType, TextStyle, ViewStyle, ImageStyle } from "react-native";
|
|
3
|
-
|
|
3
|
+
import { ModalProps } from "react-native-modal";
|
|
4
|
+
interface PopupProps extends Partial<Pick<ModalProps, "animationIn" | "animationOut" | "animationInTiming" | "animationOutTiming" | "backdropTransitionInTiming" | "backdropTransitionOutTiming" | "onBackdropPress">> {
|
|
4
5
|
visible: boolean;
|
|
5
6
|
onClose: () => void;
|
|
6
7
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAML,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,OAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvD,UAAU,UACR,SAAQ,OAAO,CAAC,IAAI,CAClB,UAAU,EACR,aAAa,GACb,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,4BAA4B,GAC5B,6BAA6B,GAC7B,iBAAiB,CACpB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgNzB,CAAC;AAmIF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnlockRewards.d.ts","sourceRoot":"","sources":["../../../../../src/components/UnlockRewards/UnlockRewards.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"UnlockRewards.d.ts","sourceRoot":"","sources":["../../../../../src/components/UnlockRewards/UnlockRewards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,SAAS,EACT,SAAS,EAET,mBAAmB,EACnB,UAAU,EAEX,MAAM,cAAc,CAAC;AAOtB,KAAK,MAAM,GAAG;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC,4BAA4B,CAAC,EAAE,SAAS,CAAC;IACzC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,8BAA8B,CAAC,EAAE,SAAS,CAAC;IAC3C,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyK/C,CAAC;AAqEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAOjC,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,QAAA,MAAM,QAAQ,yBAmGb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from "react";
|
|
2
2
|
import { ImageSourcePropType, TextStyle, ViewStyle, ImageStyle } from "react-native";
|
|
3
|
-
|
|
3
|
+
import { ModalProps } from "react-native-modal";
|
|
4
|
+
interface PopupProps extends Partial<Pick<ModalProps, "animationIn" | "animationOut" | "animationInTiming" | "animationOutTiming" | "backdropTransitionInTiming" | "backdropTransitionOutTiming" | "onBackdropPress">> {
|
|
4
5
|
visible: boolean;
|
|
5
6
|
onClose: () => void;
|
|
6
7
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAML,mBAAmB,EAMnB,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAC;AAEtB,OAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEvD,UAAU,UACR,SAAQ,OAAO,CAAC,IAAI,CAClB,UAAU,EACR,aAAa,GACb,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,4BAA4B,GAC5B,6BAA6B,GAC7B,iBAAiB,CACpB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgNzB,CAAC;AAmIF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnlockRewards.d.ts","sourceRoot":"","sources":["../../../../../src/components/UnlockRewards/UnlockRewards.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"UnlockRewards.d.ts","sourceRoot":"","sources":["../../../../../src/components/UnlockRewards/UnlockRewards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,SAAS,EACT,SAAS,EAET,mBAAmB,EACnB,UAAU,EAEX,MAAM,cAAc,CAAC;AAOtB,KAAK,MAAM,GAAG;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC,4BAA4B,CAAC,EAAE,SAAS,CAAC;IACzC,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,8BAA8B,CAAC,EAAE,SAAS,CAAC;IAC3C,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACzC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyK/C,CAAC;AAqEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAOjC,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "related-ui-components",
|
|
3
3
|
"main": "./src/index.ts",
|
|
4
|
-
"version": "1.7.
|
|
4
|
+
"version": "1.7.2",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "expo start",
|
|
7
7
|
"reset-project": "node ./scripts/reset-project.js",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"@gorhom/bottom-sheet": "^5.1.2",
|
|
25
25
|
"@ptomasroos/react-native-multi-slider": "^2.2.2",
|
|
26
26
|
"@react-native-community/slider": "4.5.5",
|
|
27
|
+
"@react-native-picker/picker": "2.9.0",
|
|
27
28
|
"@react-navigation/native": "^7.0.14",
|
|
28
29
|
"@shopify/react-native-skia": "1.5.0",
|
|
29
30
|
"date-fns": "^4.1.0",
|
|
@@ -40,13 +41,13 @@
|
|
|
40
41
|
"react-native": "0.76.9",
|
|
41
42
|
"react-native-calendars": "^1.1310.0",
|
|
42
43
|
"react-native-gesture-handler": "~2.20.2",
|
|
44
|
+
"react-native-modal": "^14.0.0-rc.1",
|
|
43
45
|
"react-native-reanimated": "^3.16.1",
|
|
44
46
|
"react-native-safe-area-context": "4.12.0",
|
|
45
47
|
"react-native-screens": "~4.4.0",
|
|
46
48
|
"react-native-svg": "15.8.0",
|
|
47
49
|
"react-native-web": "~0.19.13",
|
|
48
|
-
"react-native-webview": "13.12.5"
|
|
49
|
-
"@react-native-picker/picker": "2.9.0"
|
|
50
|
+
"react-native-webview": "13.12.5"
|
|
50
51
|
},
|
|
51
52
|
"devDependencies": {
|
|
52
53
|
"@babel/core": "^7.25.2",
|
package/src/app.tsx
CHANGED
|
@@ -1,29 +1,108 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import { View, Button } from
|
|
3
|
-
import { FilterResult, Filters } from
|
|
4
|
-
import BRANDS from
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import { View, Button } from "react-native";
|
|
3
|
+
import { FilterResult, Filters, Popup, UnlockRewards } from "./components";
|
|
4
|
+
import BRANDS from "./constants/BRANDS";
|
|
5
|
+
import { Ionicons } from "@expo/vector-icons";
|
|
6
|
+
import { useTheme } from "./theme";
|
|
5
7
|
|
|
6
8
|
const MyScreen = () => {
|
|
7
9
|
const [isFilterVisible, setIsFilterVisible] = useState(false);
|
|
8
10
|
|
|
11
|
+
const { theme } = useTheme();
|
|
12
|
+
|
|
9
13
|
const handleApplyFilters = (result: FilterResult) => {
|
|
10
14
|
console.log("Filters applied:", result);
|
|
11
15
|
// Process filter results...
|
|
12
16
|
};
|
|
13
17
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
const rewardsData = [
|
|
19
|
+
{
|
|
20
|
+
icon: (
|
|
21
|
+
<Ionicons name="briefcase-outline" size={30} color={theme.primary} />
|
|
22
|
+
),
|
|
23
|
+
activeIcon: (
|
|
24
|
+
<Ionicons name="briefcase-outline" size={30} color={theme.onPrimary} />
|
|
25
|
+
),
|
|
26
|
+
title: "Aqua Guardian",
|
|
27
|
+
description:
|
|
28
|
+
"Maintain water usage below the community average for a month.",
|
|
29
|
+
isActive: false,
|
|
30
|
+
status: "0/1",
|
|
31
|
+
statusBackgroundColor: "#FFCDD2",
|
|
32
|
+
statusTextColor: "#D32F2F",
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
icon: <Ionicons name="heart-outline" size={30} color={theme.primary} />,
|
|
36
|
+
activeIcon: (
|
|
37
|
+
<Ionicons name="heart-outline" size={30} color={theme.onPrimary} />
|
|
38
|
+
),
|
|
39
|
+
title: "Wellness Warrior",
|
|
40
|
+
description: "Complete 30 days of healthy hydration tracking.",
|
|
41
|
+
isActive: true,
|
|
42
|
+
status: "15/30",
|
|
43
|
+
statusBackgroundColor: "#C8E6C9",
|
|
44
|
+
statusTextColor: "#388E3C",
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
icon: <Ionicons name="airplane-outline" size={24} color={theme.helper} />,
|
|
48
|
+
activeIcon: (
|
|
49
|
+
<Ionicons name="airplane-outline" size={24} color={theme.primary} />
|
|
50
|
+
),
|
|
51
|
+
title: "Eco Traveler",
|
|
52
|
+
description: "Log 5 trips where you chose sustainable travel options.",
|
|
53
|
+
isActive: false,
|
|
54
|
+
status: "2/5",
|
|
55
|
+
statusBackgroundColor: theme.disabled,
|
|
56
|
+
statusTextColor: theme.text,
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
icon: <Ionicons name="school-outline" size={24} color={theme.helper} />,
|
|
60
|
+
activeIcon: (
|
|
61
|
+
<Ionicons name="school-outline" size={24} color={theme.primary} />
|
|
62
|
+
),
|
|
63
|
+
title: "Knowledge Seeker",
|
|
64
|
+
description: "Complete all water conservation learning modules.",
|
|
65
|
+
isActive: false,
|
|
66
|
+
status: "3/5",
|
|
67
|
+
statusBackgroundColor: theme.disabled,
|
|
68
|
+
statusTextColor: theme.text,
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
icon: <Ionicons name="settings-outline" size={24} color={theme.helper} />,
|
|
72
|
+
activeIcon: (
|
|
73
|
+
<Ionicons name="settings-outline" size={24} color={theme.primary} />
|
|
74
|
+
),
|
|
75
|
+
title: "Smart Saver",
|
|
76
|
+
description: "Set up and use all water-saving features in the app.",
|
|
77
|
+
isActive: true,
|
|
78
|
+
status: "4/4",
|
|
79
|
+
statusBackgroundColor: theme.primary,
|
|
80
|
+
statusTextColor: theme.background,
|
|
81
|
+
},
|
|
82
|
+
];
|
|
17
83
|
|
|
18
|
-
|
|
84
|
+
return (
|
|
85
|
+
<>
|
|
86
|
+
<Popup
|
|
19
87
|
visible={isFilterVisible}
|
|
20
|
-
onClose={() => setIsFilterVisible(false)}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
88
|
+
onClose={() => setIsFilterVisible(false)}
|
|
89
|
+
showCloseIcon={true}
|
|
90
|
+
title="ترقية إلى النسخة المميزة"
|
|
91
|
+
subtitle="استمتع بمزايا حصرية"
|
|
92
|
+
content="احصل على جميع الميزات المتقدمة والمحتوى الحصري بدون إعلانات. اشترك الآن واستمتع بتجربة كاملة مع تحديثات مجانية لمدة عام كامل."
|
|
93
|
+
primaryButtonText="ترقية الآن"
|
|
94
|
+
secondaryButtonText="ليس الآن"
|
|
95
|
+
// onPrimaryButtonPress={handleUpgrade}
|
|
96
|
+
// onSecondaryButtonPress={handleDismiss}
|
|
97
|
+
isRTL={true}
|
|
98
|
+
>
|
|
99
|
+
|
|
100
|
+
<UnlockRewards rewards={rewardsData}></UnlockRewards>
|
|
101
|
+
</Popup>
|
|
102
|
+
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
|
|
103
|
+
<Button title="Show Filters" onPress={() => setIsFilterVisible(true)} />
|
|
104
|
+
</View>
|
|
105
|
+
</>
|
|
27
106
|
);
|
|
28
107
|
};
|
|
29
108
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useTheme, ThemeType } from "../../theme";
|
|
2
2
|
import React, { FC, ReactNode } from "react";
|
|
3
3
|
import {
|
|
4
|
-
Modal,
|
|
5
4
|
View,
|
|
6
5
|
Text,
|
|
7
6
|
TouchableOpacity,
|
|
@@ -18,8 +17,19 @@ import {
|
|
|
18
17
|
ImageStyle,
|
|
19
18
|
} from "react-native";
|
|
20
19
|
import CloseIcon from "../CloseIcon/CloseIcon";
|
|
20
|
+
import Modal, { ModalProps } from "react-native-modal";
|
|
21
21
|
|
|
22
|
-
interface PopupProps
|
|
22
|
+
interface PopupProps
|
|
23
|
+
extends Partial<Pick<
|
|
24
|
+
ModalProps,
|
|
25
|
+
| "animationIn"
|
|
26
|
+
| "animationOut"
|
|
27
|
+
| "animationInTiming"
|
|
28
|
+
| "animationOutTiming"
|
|
29
|
+
| "backdropTransitionInTiming"
|
|
30
|
+
| "backdropTransitionOutTiming"
|
|
31
|
+
| "onBackdropPress"
|
|
32
|
+
>> {
|
|
23
33
|
visible: boolean;
|
|
24
34
|
onClose: () => void;
|
|
25
35
|
backgroundImage?: ImageSourcePropType;
|
|
@@ -91,6 +101,13 @@ const Popup: FC<PopupProps> = ({
|
|
|
91
101
|
modalStyle,
|
|
92
102
|
overlay,
|
|
93
103
|
customContent,
|
|
104
|
+
animationIn = "slideInUp",
|
|
105
|
+
animationInTiming,
|
|
106
|
+
animationOut = "slideOutDown",
|
|
107
|
+
animationOutTiming,
|
|
108
|
+
backdropTransitionInTiming,
|
|
109
|
+
backdropTransitionOutTiming,
|
|
110
|
+
onBackdropPress
|
|
94
111
|
}) => {
|
|
95
112
|
const { theme, isRTL: rtl } = useTheme();
|
|
96
113
|
isRTL = rtl;
|
|
@@ -109,11 +126,11 @@ const Popup: FC<PopupProps> = ({
|
|
|
109
126
|
size={closeIconSize}
|
|
110
127
|
isRTL={isRTL}
|
|
111
128
|
/>
|
|
112
|
-
{overlay && (
|
|
129
|
+
{/* {overlay && (
|
|
113
130
|
<View style={styles.overlayContainer} pointerEvents="none">
|
|
114
131
|
{overlay}
|
|
115
132
|
</View>
|
|
116
|
-
)}
|
|
133
|
+
)} */}
|
|
117
134
|
{children ||
|
|
118
135
|
(backgroundImage ? (
|
|
119
136
|
<ImageBackground
|
|
@@ -237,23 +254,23 @@ const Popup: FC<PopupProps> = ({
|
|
|
237
254
|
|
|
238
255
|
return (
|
|
239
256
|
<Modal
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
257
|
+
isVisible={visible}
|
|
258
|
+
animationIn={animationIn}
|
|
259
|
+
animationOut={animationOut}
|
|
260
|
+
backdropTransitionInTiming={backdropTransitionInTiming}
|
|
261
|
+
backdropTransitionOutTiming={backdropTransitionOutTiming}
|
|
262
|
+
animationInTiming={animationInTiming}
|
|
263
|
+
animationOutTiming={animationOutTiming}
|
|
264
|
+
onBackdropPress={onBackdropPress}
|
|
265
|
+
// useNativeDriverForBackdrop
|
|
266
|
+
// useNativeDriver
|
|
244
267
|
statusBarTranslucent
|
|
245
|
-
style={
|
|
268
|
+
// style={{alignItems: "center", flex: 1}}
|
|
246
269
|
>
|
|
247
270
|
<View style={styles.modalOverlay}>
|
|
248
|
-
{
|
|
249
|
-
<TouchableWithoutFeedback onPress={onClose}>
|
|
250
|
-
<View style={StyleSheet.absoluteFill} />
|
|
251
|
-
</TouchableWithoutFeedback>
|
|
252
|
-
)}
|
|
253
|
-
|
|
254
|
-
<TouchableWithoutFeedback>
|
|
271
|
+
{/* <TouchableWithoutFeedback> */}
|
|
255
272
|
<PopupContent />
|
|
256
|
-
</TouchableWithoutFeedback>
|
|
273
|
+
{/* </TouchableWithoutFeedback> */}
|
|
257
274
|
</View>
|
|
258
275
|
</Modal>
|
|
259
276
|
);
|
|
@@ -267,7 +284,7 @@ const createStyles = (theme: ThemeType) =>
|
|
|
267
284
|
StyleSheet.create({
|
|
268
285
|
modalOverlay: {
|
|
269
286
|
flex: 1,
|
|
270
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
287
|
+
// backgroundColor: "rgba(0, 0, 0, 0.5)", // Keep overlay color
|
|
271
288
|
justifyContent: "center",
|
|
272
289
|
alignItems: "center",
|
|
273
290
|
paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import {
|
|
3
3
|
View,
|
|
4
4
|
Text,
|
|
@@ -107,7 +107,7 @@ const UnlockRewards: React.FC<UnlockRewardsProps> = ({
|
|
|
107
107
|
}) => {
|
|
108
108
|
const { theme, isRTL: rtl } = useTheme();
|
|
109
109
|
isRTL = isRTL || rtl;
|
|
110
|
-
const styles = themedStyles(theme);
|
|
110
|
+
const styles = useMemo(()=> themedStyles(theme), [ theme]);
|
|
111
111
|
|
|
112
112
|
const topBackgroundColor = topBackgroundColorProp ?? theme.surface;
|
|
113
113
|
|