related-ui-components 2.5.1 → 2.5.3
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/module/app.js +86 -139
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Input/CountryPickerView.js +116 -0
- package/lib/module/components/Input/CountryPickerView.js.map +1 -0
- package/lib/module/components/Input/PhoneInput.js +43 -89
- package/lib/module/components/Input/PhoneInput.js.map +1 -1
- package/lib/module/contexts/BottomSheetStackProvider.js +1 -0
- package/lib/module/contexts/BottomSheetStackProvider.js.map +1 -1
- package/lib/typescript/src/app.d.ts +3 -1
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts +14 -0
- package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map +1 -0
- package/lib/typescript/src/components/Input/PhoneInput.d.ts.map +1 -1
- package/lib/typescript/src/contexts/BottomSheetStackProvider.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +134 -134
- package/src/components/Input/CountryPickerView.tsx +117 -0
- package/src/components/Input/PhoneInput.tsx +64 -94
- package/src/contexts/BottomSheetStackProvider.tsx +2 -0
package/lib/module/app.js
CHANGED
|
@@ -1,142 +1,89 @@
|
|
|
1
|
-
|
|
2
|
-
// import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
3
|
-
// import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack"; // Adjust path as needed
|
|
4
|
-
// import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
5
|
-
// import {
|
|
6
|
-
// CarRentalForm,
|
|
7
|
-
// DateRangePicker,
|
|
8
|
-
// FlightForm,
|
|
9
|
-
// FlightSummary,
|
|
10
|
-
// HotelForm,
|
|
11
|
-
// HotelSummary,
|
|
12
|
-
// Filters,
|
|
13
|
-
// } from "./components";
|
|
14
|
-
// import { lightTheme, RelatedProvider, useTheme } from "./theme";
|
|
15
|
-
// import CircularProgressBar from "./components/ProgressBar/CircularProgressBar";
|
|
16
|
-
// import PhoneInput from "./components/Input/PhoneInput";
|
|
17
|
-
// import { BottomSheetStackProvider } from "./contexts";
|
|
18
|
-
// import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
19
|
-
|
|
20
|
-
// // Sample data - replace with your actual image URLs
|
|
21
|
-
// const DUMMY_DATA = [
|
|
22
|
-
// {
|
|
23
|
-
// id: "1",
|
|
24
|
-
// image:
|
|
25
|
-
// "https://images.pexels.com/photos/3354648/pexels-photo-3354648.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
26
|
-
// title: "Mountain Lake",
|
|
27
|
-
// },
|
|
28
|
-
// // {
|
|
29
|
-
// // id: "2",
|
|
30
|
-
// // image:
|
|
31
|
-
// // "https://images.pexels.com/photos/163273/sunrise-speedboat-ocean-water-163273.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
32
|
-
// // title: "Sunset Cruise",
|
|
33
|
-
// // },
|
|
34
|
-
// {
|
|
35
|
-
// id: "3",
|
|
36
|
-
// image:
|
|
37
|
-
// "https://images.pexels.com/photos/1430677/pexels-photo-1430677.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
38
|
-
// title: "Ocean Horizon",
|
|
39
|
-
// },
|
|
40
|
-
// {
|
|
41
|
-
// id: "4",
|
|
42
|
-
// image:
|
|
43
|
-
// "https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
44
|
-
// title: "Forest Trail",
|
|
45
|
-
// },
|
|
46
|
-
// // {
|
|
47
|
-
// // id: "5",
|
|
48
|
-
// // image:
|
|
49
|
-
// // "https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
50
|
-
// // title: "City Lights",
|
|
51
|
-
// // },
|
|
52
|
-
// ];
|
|
53
|
-
|
|
54
|
-
// const App = () => {
|
|
55
|
-
// const { theme } = useTheme();
|
|
56
|
-
|
|
57
|
-
// const [departureDate, setDepartureDate] = useState<string | undefined>(
|
|
58
|
-
// undefined
|
|
59
|
-
// );
|
|
60
|
-
// const [returnDate, setReturnDate] = useState<string | undefined>(undefined);
|
|
61
|
-
|
|
62
|
-
// const [progress, setProgress] = useState(25);
|
|
63
|
-
// const handleAnimate = () => {
|
|
64
|
-
// // Set progress to a new random value between 0 and 100
|
|
65
|
-
// const newProgress = Math.floor(Math.random() * 101);
|
|
66
|
-
// setProgress(newProgress);
|
|
67
|
-
// };
|
|
68
|
-
// return (
|
|
69
|
-
// <>
|
|
70
|
-
// <SafeAreaProvider>
|
|
71
|
-
// <GestureHandlerRootView style={{ flex: 1 }}>
|
|
72
|
-
// <RelatedProvider theme={lightTheme}>
|
|
73
|
-
// <BottomSheetStackProvider>
|
|
74
|
-
// <StatusBar barStyle="light-content" />
|
|
75
|
-
// <SafeAreaView style={styles.appContainer}>
|
|
76
|
-
// {/* <CircularProgressBar
|
|
77
|
-
// progress={5}
|
|
78
|
-
// lineCap="round"
|
|
79
|
-
// textFont={""}
|
|
80
|
-
// /> */}
|
|
81
|
-
// {/* <DateRangePicker
|
|
82
|
-
// onDatesChange={(t) => {
|
|
83
|
-
// setDepartureDate(t.departure);
|
|
84
|
-
// setReturnDate(t.return);
|
|
85
|
-
// }}
|
|
86
|
-
// departureDate={departureDate}
|
|
87
|
-
// // departureDisplayValue={departureDate}
|
|
88
|
-
// returnDate={returnDate}
|
|
89
|
-
// // returnDisplayValue={returnDate}
|
|
90
|
-
// ></DateRangePicker> */}
|
|
91
|
-
// {/* <Filters
|
|
92
|
-
// bottomSheetBackgroundStyle={{
|
|
93
|
-
// borderTopRightRadius: 30,
|
|
94
|
-
// borderTopLeftRadius: 30,
|
|
95
|
-
// padding: 10,
|
|
96
|
-
// backgroundColor: "white",
|
|
97
|
-
// }}
|
|
98
|
-
// containerStyle={{
|
|
99
|
-
// backgroundColor: "white",
|
|
100
|
-
// borderTopRightRadius: 60,
|
|
101
|
-
// borderTopLeftRadius: 60,
|
|
102
|
-
// }}
|
|
103
|
-
// resetTextStyle={{ color: theme.primary }}
|
|
104
|
-
// sectionTitleStyle={{ color: "black" }}
|
|
105
|
-
// titleStyle={{ color: "black" }}
|
|
106
|
-
// onActionButtonPress={(result) => {
|
|
107
|
-
// // setFiltersResult(result);
|
|
108
|
-
// }}
|
|
109
|
-
// sortOptions={[{ id: 1, name: "test", value: "test" }]}
|
|
110
|
-
// // onClose={() => setDisplayFilters(false)}
|
|
111
|
-
// applyButtonStyle={{ borderRadius: 8, backgroundColor: "black" }}
|
|
112
|
-
// applyButtonTextStyle={{ color: theme.secondary }}
|
|
113
|
-
// headerStyle={{ borderBottomWidth: 0 }}
|
|
114
|
-
// ></Filters> */}
|
|
115
|
-
// {/* <FlightSummary></FlightSummary> */}
|
|
116
|
-
// {/* <FlightForm></FlightForm> */}
|
|
117
|
-
// {/* <HotelSummary></HotelSummary> */}
|
|
118
|
-
// {/* <HotelForm></HotelForm> */}
|
|
119
|
-
// {/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
|
|
120
|
-
// {/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
|
|
121
|
-
// {/* <CarouselCardStack data={DUMMY_DATA} /> */}
|
|
122
|
-
// <PhoneInput value="" onChangeText={() => {}} inputContainerStyle={{height: 55}}></PhoneInput>
|
|
123
|
-
// </SafeAreaView>
|
|
124
|
-
// </BottomSheetStackProvider>
|
|
125
|
-
// </RelatedProvider>
|
|
126
|
-
// </GestureHandlerRootView>
|
|
127
|
-
// </SafeAreaProvider>
|
|
128
|
-
// </>
|
|
129
|
-
// );
|
|
130
|
-
// };
|
|
1
|
+
"use strict";
|
|
131
2
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
//
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
5
|
+
// Adjust path as needed
|
|
6
|
+
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
7
|
+
import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
|
|
8
|
+
import PhoneInput from "./components/Input/PhoneInput.js";
|
|
9
|
+
import { BottomSheetStackProvider } from "./contexts/index.js";
|
|
10
|
+
import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
139
11
|
|
|
140
|
-
//
|
|
141
|
-
|
|
12
|
+
// Sample data - replace with your actual image URLs
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
|
+
const DUMMY_DATA = [{
|
|
15
|
+
id: "1",
|
|
16
|
+
image: "https://images.pexels.com/photos/3354648/pexels-photo-3354648.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
17
|
+
title: "Mountain Lake"
|
|
18
|
+
},
|
|
19
|
+
// {
|
|
20
|
+
// id: "2",
|
|
21
|
+
// image:
|
|
22
|
+
// "https://images.pexels.com/photos/163273/sunrise-speedboat-ocean-water-163273.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
23
|
+
// title: "Sunset Cruise",
|
|
24
|
+
// },
|
|
25
|
+
{
|
|
26
|
+
id: "3",
|
|
27
|
+
image: "https://images.pexels.com/photos/1430677/pexels-photo-1430677.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
28
|
+
title: "Ocean Horizon"
|
|
29
|
+
}, {
|
|
30
|
+
id: "4",
|
|
31
|
+
image: "https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
32
|
+
title: "Forest Trail"
|
|
33
|
+
}
|
|
34
|
+
// {
|
|
35
|
+
// id: "5",
|
|
36
|
+
// image:
|
|
37
|
+
// "https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
|
|
38
|
+
// title: "City Lights",
|
|
39
|
+
// },
|
|
40
|
+
];
|
|
41
|
+
const App = () => {
|
|
42
|
+
const {
|
|
43
|
+
theme
|
|
44
|
+
} = useTheme();
|
|
45
|
+
const [departureDate, setDepartureDate] = useState(undefined);
|
|
46
|
+
const [returnDate, setReturnDate] = useState(undefined);
|
|
47
|
+
const [progress, setProgress] = useState(25);
|
|
48
|
+
const handleAnimate = () => {
|
|
49
|
+
// Set progress to a new random value between 0 and 100
|
|
50
|
+
const newProgress = Math.floor(Math.random() * 101);
|
|
51
|
+
setProgress(newProgress);
|
|
52
|
+
};
|
|
53
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
54
|
+
children: /*#__PURE__*/_jsx(SafeAreaProvider, {
|
|
55
|
+
children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
|
|
56
|
+
style: {
|
|
57
|
+
flex: 1
|
|
58
|
+
},
|
|
59
|
+
children: /*#__PURE__*/_jsx(RelatedProvider, {
|
|
60
|
+
theme: lightTheme,
|
|
61
|
+
children: /*#__PURE__*/_jsxs(BottomSheetStackProvider, {
|
|
62
|
+
children: [/*#__PURE__*/_jsx(StatusBar, {
|
|
63
|
+
barStyle: "light-content"
|
|
64
|
+
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
65
|
+
style: styles.appContainer,
|
|
66
|
+
children: /*#__PURE__*/_jsx(PhoneInput, {
|
|
67
|
+
value: "",
|
|
68
|
+
onChangeText: () => {},
|
|
69
|
+
inputContainerStyle: {
|
|
70
|
+
height: 55
|
|
71
|
+
}
|
|
72
|
+
})
|
|
73
|
+
})]
|
|
74
|
+
})
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
})
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
const styles = StyleSheet.create({
|
|
81
|
+
appContainer: {
|
|
82
|
+
flex: 1,
|
|
83
|
+
backgroundColor: "#212121",
|
|
84
|
+
// Match carousel background or choose another
|
|
85
|
+
justifyContent: "center" // Center the carousel vertically if it's the main content
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
export default App;
|
|
142
89
|
//# sourceMappingURL=app.js.map
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","PhoneInput","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","value","onChangeText","inputContainerStyle","height","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACgB;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AAUrE,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAE/D,OAAOC,UAAU,MAAM,kCAA+B;AACtD,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACgB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EACD,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACAvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACN,eAAe;UAACgB,KAAK,EAAEjB,UAAW;UAAA8B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eA+CvCvB,IAAA,CAACJ,UAAU;gBAACiC,KAAK,EAAC,EAAE;gBAACC,YAAY,EAAEA,CAAA,KAAM,CAAC,CAAE;gBAACC,mBAAmB,EAAE;kBAACC,MAAM,EAAE;gBAAE;cAAE,CAAa;YAAC,CACjF,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAML,MAAM,GAAGrC,UAAU,CAAC2C,MAAM,CAAC;EAC/BL,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPS,eAAe,EAAE,SAAS;IAAE;IAC5BC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAe1B,GAAG","ignoreList":[]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState, useEffect } from "react";
|
|
4
|
+
import { Text, View, TouchableOpacity, StyleSheet, InteractionManager, ActivityIndicator } from "react-native";
|
|
5
|
+
import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
|
|
6
|
+
import { useTheme } from "../../theme/index.js";
|
|
7
|
+
import { iso2ToFlagEmoji } from "../../utils/flags.js";
|
|
8
|
+
// Assuming you export this type
|
|
9
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const CountryPickerView = ({
|
|
11
|
+
countries,
|
|
12
|
+
onSelectCountry,
|
|
13
|
+
listTitle,
|
|
14
|
+
listTitleStyle,
|
|
15
|
+
countryNameStyle,
|
|
16
|
+
countryCodeStyle
|
|
17
|
+
}) => {
|
|
18
|
+
const {
|
|
19
|
+
theme
|
|
20
|
+
} = useTheme();
|
|
21
|
+
const [isReady, setIsReady] = useState(false);
|
|
22
|
+
|
|
23
|
+
// Defer rendering of the list until after the bottom sheet has animated in
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
InteractionManager.runAfterInteractions(() => {
|
|
26
|
+
setIsReady(true);
|
|
27
|
+
});
|
|
28
|
+
}, []);
|
|
29
|
+
const renderCountry = ({
|
|
30
|
+
item
|
|
31
|
+
}) => /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
32
|
+
style: styles.countryRow,
|
|
33
|
+
onPress: () => onSelectCountry(item),
|
|
34
|
+
children: [/*#__PURE__*/_jsxs(Text, {
|
|
35
|
+
style: styles.flag,
|
|
36
|
+
children: [" ", iso2ToFlagEmoji(item.iso2)]
|
|
37
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
38
|
+
style: styles.countryText,
|
|
39
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
40
|
+
style: [styles.countryName, {
|
|
41
|
+
color: theme.text
|
|
42
|
+
}, countryNameStyle],
|
|
43
|
+
children: item.name
|
|
44
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
45
|
+
style: [styles.countryCode, countryCodeStyle],
|
|
46
|
+
children: item.code
|
|
47
|
+
})]
|
|
48
|
+
})]
|
|
49
|
+
});
|
|
50
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
51
|
+
style: styles.popup,
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
53
|
+
style: [styles.popupTitle, listTitleStyle, {
|
|
54
|
+
color: theme.text
|
|
55
|
+
}],
|
|
56
|
+
children: listTitle
|
|
57
|
+
}), isReady ? /*#__PURE__*/_jsx(BottomSheetFlatList, {
|
|
58
|
+
data: countries,
|
|
59
|
+
keyExtractor: c => c.iso2 // Use a stable key like iso2
|
|
60
|
+
,
|
|
61
|
+
renderItem: renderCountry,
|
|
62
|
+
contentContainerStyle: {
|
|
63
|
+
paddingBottom: 16
|
|
64
|
+
},
|
|
65
|
+
initialNumToRender: 15 // Performance tuning
|
|
66
|
+
,
|
|
67
|
+
maxToRenderPerBatch: 15 // Performance tuning
|
|
68
|
+
}) :
|
|
69
|
+
/*#__PURE__*/
|
|
70
|
+
// Show a loading spinner while interactions are completing
|
|
71
|
+
_jsx(View, {
|
|
72
|
+
style: styles.loaderContainer,
|
|
73
|
+
children: /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
74
|
+
size: "large",
|
|
75
|
+
color: theme.primary
|
|
76
|
+
})
|
|
77
|
+
})]
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
const styles = StyleSheet.create({
|
|
81
|
+
popup: {
|
|
82
|
+
flex: 1,
|
|
83
|
+
// Ensure the view takes full height
|
|
84
|
+
width: "100%",
|
|
85
|
+
padding: 16
|
|
86
|
+
},
|
|
87
|
+
loaderContainer: {
|
|
88
|
+
flex: 1,
|
|
89
|
+
alignItems: "center",
|
|
90
|
+
justifyContent: "center"
|
|
91
|
+
},
|
|
92
|
+
popupTitle: {
|
|
93
|
+
fontSize: 18,
|
|
94
|
+
fontWeight: "600",
|
|
95
|
+
marginBottom: 12
|
|
96
|
+
},
|
|
97
|
+
countryRow: {
|
|
98
|
+
flexDirection: "row",
|
|
99
|
+
alignItems: "center",
|
|
100
|
+
paddingVertical: 10
|
|
101
|
+
},
|
|
102
|
+
flag: {
|
|
103
|
+
fontSize: 18
|
|
104
|
+
},
|
|
105
|
+
countryText: {
|
|
106
|
+
marginLeft: 12
|
|
107
|
+
},
|
|
108
|
+
countryName: {
|
|
109
|
+
fontSize: 16
|
|
110
|
+
},
|
|
111
|
+
countryCode: {
|
|
112
|
+
fontSize: 14,
|
|
113
|
+
color: "#666"
|
|
114
|
+
}
|
|
115
|
+
});
|
|
116
|
+
//# sourceMappingURL=CountryPickerView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","Text","View","TouchableOpacity","StyleSheet","InteractionManager","ActivityIndicator","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","CountryPickerView","countries","onSelectCountry","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","isReady","setIsReady","runAfterInteractions","renderCountry","item","style","styles","countryRow","onPress","children","flag","iso2","countryText","countryName","color","text","name","countryCode","code","popup","popupTitle","data","keyExtractor","c","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","loaderContainer","size","primary","create","flex","width","padding","alignItems","justifyContent","fontSize","fontWeight","marginBottom","flexDirection","paddingVertical","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef, useMemo, useCallback } from "react";
|
|
4
|
-
import { Text,
|
|
4
|
+
import { Text, TouchableOpacity, StyleSheet } from "react-native";
|
|
5
5
|
import CustomInput from "./Input.js";
|
|
6
6
|
import { useTheme } from "../../theme/index.js";
|
|
7
7
|
import { Ionicons } from "@expo/vector-icons";
|
|
8
8
|
import { useBottomSheetStack } from "../../contexts/index.js";
|
|
9
|
-
import {
|
|
10
|
-
import { allCountries } from 'country-telephone-data';
|
|
9
|
+
import { allCountries } from "country-telephone-data";
|
|
11
10
|
import { iso2ToFlagEmoji } from "../../utils/flags.js";
|
|
12
|
-
import {
|
|
11
|
+
import { CountryPickerView } from "./CountryPickerView.js";
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
const DEFAULT_COUNTRIES = allCountries.map(c => ({
|
|
14
14
|
code: `+${c.dialCode}`,
|
|
15
15
|
iso2: c.iso2,
|
|
@@ -40,31 +40,30 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
40
40
|
theme
|
|
41
41
|
} = useTheme();
|
|
42
42
|
const {
|
|
43
|
-
push
|
|
43
|
+
push,
|
|
44
|
+
clear
|
|
44
45
|
} = useBottomSheetStack();
|
|
45
46
|
const sel = useMemo(() => selectedCountry || countries.find(c => c.code === "+1") || countries[0], [selectedCountry, countries]);
|
|
46
47
|
const handleCountryPress = useCallback(c => {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
})]
|
|
67
|
-
});
|
|
48
|
+
if (onSelectCountry) {
|
|
49
|
+
onSelectCountry(c);
|
|
50
|
+
clear();
|
|
51
|
+
}
|
|
52
|
+
}, [onSelectCountry, clear] // Add clear to dependency array
|
|
53
|
+
);
|
|
54
|
+
const openCountryPicker = useCallback(() => {
|
|
55
|
+
push({
|
|
56
|
+
component: /*#__PURE__*/_jsx(CountryPickerView, {
|
|
57
|
+
countries: countries,
|
|
58
|
+
onSelectCountry: handleCountryPress,
|
|
59
|
+
listTitle: listTitle,
|
|
60
|
+
listTitleStyle: listTitleStyle,
|
|
61
|
+
countryNameStyle: countryNameStyle,
|
|
62
|
+
countryCodeStyle: countryCodeStyle
|
|
63
|
+
}),
|
|
64
|
+
snapPoints: ["100%"]
|
|
65
|
+
});
|
|
66
|
+
}, [push, countries, handleCountryPress, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle]);
|
|
68
67
|
const leftIcon = /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
69
68
|
style: [styles.selector, {
|
|
70
69
|
backgroundColor: theme.inputBackground
|
|
@@ -75,25 +74,7 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
75
74
|
right: 30,
|
|
76
75
|
bottom: 30
|
|
77
76
|
},
|
|
78
|
-
onPress:
|
|
79
|
-
component: /*#__PURE__*/_jsxs(View, {
|
|
80
|
-
style: styles.popup,
|
|
81
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
82
|
-
style: [styles.popupTitle, listTitleStyle, {
|
|
83
|
-
color: theme.text
|
|
84
|
-
}],
|
|
85
|
-
children: listTitle
|
|
86
|
-
}), /*#__PURE__*/_jsx(BottomSheetFlatList, {
|
|
87
|
-
data: countries,
|
|
88
|
-
keyExtractor: (c, i) => i.toString(),
|
|
89
|
-
renderItem: renderCountry,
|
|
90
|
-
contentContainerStyle: {
|
|
91
|
-
paddingBottom: 16
|
|
92
|
-
}
|
|
93
|
-
})]
|
|
94
|
-
}),
|
|
95
|
-
snapPoints: ["100%"]
|
|
96
|
-
}),
|
|
77
|
+
onPress: openCountryPicker,
|
|
97
78
|
activeOpacity: 0.8,
|
|
98
79
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
99
80
|
style: [styles.flag, {
|
|
@@ -113,25 +94,23 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
113
94
|
}
|
|
114
95
|
})]
|
|
115
96
|
});
|
|
116
|
-
return /*#__PURE__*/_jsx(
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
...rest
|
|
134
|
-
})
|
|
97
|
+
return /*#__PURE__*/_jsx(CustomInput, {
|
|
98
|
+
ref: ref,
|
|
99
|
+
label: label,
|
|
100
|
+
value: value,
|
|
101
|
+
onChangeText: onChangeText,
|
|
102
|
+
keyboardType: "phone-pad",
|
|
103
|
+
placeholder: "123 456 7890",
|
|
104
|
+
leftIcon: leftIcon,
|
|
105
|
+
containerStyle: containerStyle,
|
|
106
|
+
inputContainerStyle: inputContainerStyle,
|
|
107
|
+
inputStyle: inputStyle,
|
|
108
|
+
labelStyle: labelStyle,
|
|
109
|
+
error: error,
|
|
110
|
+
errorStyle: errorStyle,
|
|
111
|
+
helper: helper,
|
|
112
|
+
helperStyle: helperStyle,
|
|
113
|
+
...rest
|
|
135
114
|
});
|
|
136
115
|
});
|
|
137
116
|
const styles = StyleSheet.create({
|
|
@@ -147,31 +126,6 @@ const styles = StyleSheet.create({
|
|
|
147
126
|
code: {
|
|
148
127
|
fontSize: 14,
|
|
149
128
|
marginLeft: 4
|
|
150
|
-
},
|
|
151
|
-
popup: {
|
|
152
|
-
// maxHeight: 400,
|
|
153
|
-
width: "100%",
|
|
154
|
-
padding: 16
|
|
155
|
-
},
|
|
156
|
-
popupTitle: {
|
|
157
|
-
fontSize: 18,
|
|
158
|
-
fontWeight: "600",
|
|
159
|
-
marginBottom: 12
|
|
160
|
-
},
|
|
161
|
-
countryRow: {
|
|
162
|
-
flexDirection: "row",
|
|
163
|
-
alignItems: "center",
|
|
164
|
-
paddingVertical: 10
|
|
165
|
-
},
|
|
166
|
-
countryText: {
|
|
167
|
-
marginLeft: 12
|
|
168
|
-
},
|
|
169
|
-
countryName: {
|
|
170
|
-
fontSize: 16
|
|
171
|
-
},
|
|
172
|
-
countryCode: {
|
|
173
|
-
fontSize: 14,
|
|
174
|
-
color: "#666"
|
|
175
129
|
}
|
|
176
130
|
});
|
|
177
131
|
export default PhoneInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","snapPoints","leftIcon","style","styles","selector","backgroundColor","inputBackground","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","borderRightColor","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","current","close","pop","length","slice","replace","currentItem","canGoBack","isOpen","snapToIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","Provider","value","ref","index","snapPoints","enableDynamicSizing","undefined","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","styles","sheetContainer","entering","exiting","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","current","close","pop","length","slice","replace","currentItem","canGoBack","isOpen","snapToIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","console","log","Provider","value","ref","index","snapPoints","enableDynamicSizing","undefined","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","styles","sheetContainer","entering","exiting","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqDxC,QAAA,MAAM,GAAG,yBA4ER,CAAC;AAUF,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StyleProp, TextStyle } from "react-native";
|
|
3
|
+
import { Country } from "./PhoneInput";
|
|
4
|
+
interface CountryPickerViewProps {
|
|
5
|
+
countries: Country[];
|
|
6
|
+
onSelectCountry: (c: Country) => void;
|
|
7
|
+
listTitle: string;
|
|
8
|
+
listTitleStyle?: StyleProp<TextStyle>;
|
|
9
|
+
countryNameStyle?: StyleProp<TextStyle>;
|
|
10
|
+
countryCodeStyle?: StyleProp<TextStyle>;
|
|
11
|
+
}
|
|
12
|
+
export declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, }: CountryPickerViewProps) => React.JSX.Element;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=CountryPickerView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAOL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,GAAI,gGAO/B,sBAAsB,sBAgDxB,CAAC"}
|