related-ui-components 2.4.9 → 2.5.0

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.
Files changed (6) hide show
  1. package/lib/module/app.js +139 -86
  2. package/lib/module/app.js.map +1 -1
  3. package/lib/typescript/src/app.d.ts +1 -3
  4. package/lib/typescript/src/app.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/src/app.tsx +134 -134
package/lib/module/app.js CHANGED
@@ -1,89 +1,142 @@
1
- "use strict";
1
+ // import React, { useState } from "react";
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();
2
56
 
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";
57
+ // const [departureDate, setDepartureDate] = useState<string | undefined>(
58
+ // undefined
59
+ // );
60
+ // const [returnDate, setReturnDate] = useState<string | undefined>(undefined);
11
61
 
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;
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
+ // };
131
+
132
+ // const styles = StyleSheet.create({
133
+ // appContainer: {
134
+ // flex: 1,
135
+ // backgroundColor: "#212121", // Match carousel background or choose another
136
+ // justifyContent: "center", // Center the carousel vertically if it's the main content
137
+ // },
138
+ // });
139
+
140
+ // export default App;
141
+ "use strict";
89
142
  //# sourceMappingURL=app.js.map
package/lib/module/app.js.map CHANGED
@@ -1 +1 @@
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":[]}
1
+ {"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA","ignoreList":[]}
package/lib/typescript/src/app.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- import React from "react";
2
- declare const App: () => React.JSX.Element;
3
- export default App;
1
+ export {};
4
2
  //# sourceMappingURL=app.d.ts.map
package/lib/typescript/src/app.d.ts.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "related-ui-components",
3
- "version": "2.4.9",
3
+ "version": "2.5.0",
4
4
  "main": "./src/index.ts",
5
5
  "scripts": {
6
6
  "start": "expo start",
package/src/app.tsx CHANGED
@@ -1,140 +1,140 @@
1
- import React, { useState } from "react";
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";
1
+ // import React, { useState } from "react";
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
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
- ];
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
53
 
54
- const App = () => {
55
- const { theme } = useTheme();
54
+ // const App = () => {
55
+ // const { theme } = useTheme();
56
56
 
57
- const [departureDate, setDepartureDate] = useState<string | undefined>(
58
- undefined
59
- );
60
- const [returnDate, setReturnDate] = useState<string | undefined>(undefined);
57
+ // const [departureDate, setDepartureDate] = useState<string | undefined>(
58
+ // undefined
59
+ // );
60
+ // const [returnDate, setReturnDate] = useState<string | undefined>(undefined);
61
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
- };
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
+ // };
131
131
 
132
- const styles = StyleSheet.create({
133
- appContainer: {
134
- flex: 1,
135
- backgroundColor: "#212121", // Match carousel background or choose another
136
- justifyContent: "center", // Center the carousel vertically if it's the main content
137
- },
138
- });
132
+ // const styles = StyleSheet.create({
133
+ // appContainer: {
134
+ // flex: 1,
135
+ // backgroundColor: "#212121", // Match carousel background or choose another
136
+ // justifyContent: "center", // Center the carousel vertically if it's the main content
137
+ // },
138
+ // });
139
139
 
140
- export default App;
140
+ // export default App;