related-ui-components 2.4.8 → 2.4.9

package/lib/module/app.js

@@ -1,124 +1,89 @@
-// import React, { useState } from "react";
-// import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
-// import CarouselCardStack from "./components/CarouselCardStack/CarouselCardStack"; // Adjust path as needed
-// import { GestureHandlerRootView } from "react-native-gesture-handler";
-// import { CarRentalForm, DateRangePicker, FlightForm, FlightSummary, HotelForm, HotelSummary, Filters} from "./components";
-// import { lightTheme, RelatedProvider, useTheme } from "./theme";
-// import CircularProgressBar from "./components/ProgressBar/CircularProgressBar";
-
-// // Sample data - replace with your actual image URLs
-// const DUMMY_DATA = [
-//   {
-//     id: "1",
-//     image:
-//       "https://images.pexels.com/photos/3354648/pexels-photo-3354648.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//     title: "Mountain Lake",
-//   },
-//   // {
-//   //   id: "2",
-//   //   image:
-//   //     "https://images.pexels.com/photos/163273/sunrise-speedboat-ocean-water-163273.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//   //   title: "Sunset Cruise",
-//   // },
-//   {
-//     id: "3",
-//     image:
-//       "https://images.pexels.com/photos/1430677/pexels-photo-1430677.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//     title: "Ocean Horizon",
-//   },
-//   {
-//     id: "4",
-//     image:
-//       "https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//     title: "Forest Trail",
-//   },
-//   // {
-//   //   id: "5",
-//   //   image:
-//   //     "https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-//   //   title: "City Lights",
-//   // },
-// ];
-
-// const App = () => {
-//   const { theme } = useTheme();
-
-//   const [departureDate, setDepartureDate] = useState<string | undefined>(undefined);
-//   const [returnDate, setReturnDate] = useState<string | undefined>(undefined);
-
-//   const [progress, setProgress] = useState(25);
-// const handleAnimate = () => {
-//     // Set progress to a new random value between 0 and 100
-//     const newProgress = Math.floor(Math.random() * 101);
-//     setProgress(newProgress);
-//   };
-//   return (
-//     <>
-//       <RelatedProvider theme={lightTheme}>
-//         <GestureHandlerRootView style={{ flex: 1 }}>
-//           <StatusBar barStyle="light-content" />
-//           <SafeAreaView style={styles.appContainer}>
-//             <CircularProgressBar
-//               progress={5}
-//               lineCap="round"
-//               textFont={""}
-//             />
-//             {/* <DateRangePicker
-//               onDatesChange={(t) => {
-//                 setDepartureDate(t.departure);
-//                 setReturnDate(t.return);
-//               }}
-//               departureDate={departureDate}
-//               // departureDisplayValue={departureDate}
-//               returnDate={returnDate}
-//               // returnDisplayValue={returnDate}
-//             ></DateRangePicker> */}
-//             {/* <Filters
-//               bottomSheetBackgroundStyle={{
-//                 borderTopRightRadius: 30,
-//                 borderTopLeftRadius: 30,
-//                 padding: 10,
-//                 backgroundColor: "white",
-//               }}
-//               containerStyle={{
-//                 backgroundColor: "white",
-//                 borderTopRightRadius: 60,
-//                 borderTopLeftRadius: 60,
-//               }}
-//               resetTextStyle={{ color: theme.primary }}
-//               sectionTitleStyle={{ color: "black" }}
-//               titleStyle={{ color: "black" }}
-//               onActionButtonPress={(result) => {
-//                 // setFiltersResult(result);
-//               }}
-//               sortOptions={[{ id: 1, name: "test", value: "test" }]}
-//               // onClose={() => setDisplayFilters(false)}
-//               applyButtonStyle={{ borderRadius: 8, backgroundColor: "black" }}
-//               applyButtonTextStyle={{ color: theme.secondary }}
-//               headerStyle={{ borderBottomWidth: 0 }}
-//             ></Filters> */}
-//             {/* <FlightSummary></FlightSummary> */}
-//             {/* <FlightForm></FlightForm> */}
-//             {/* <HotelSummary></HotelSummary> */}
-//             {/* <HotelForm></HotelForm> */}
-//             {/* <DateRangePicker onDatesChange={()=>{}} labelContainerStyle={{backgroundColor:"red"}}></DateRangePicker> */}
-//             {/* <CarRentalForm onSelectionChange={console.log}></CarRentalForm> */}
-//             <CarouselCardStack data={DUMMY_DATA} />
-//           </SafeAreaView>
-//         </GestureHandlerRootView>
-//       </RelatedProvider>
-//     </>
-//   );
-// };
+"use strict";
 
-// const styles = StyleSheet.create({
-//   appContainer: {
-//     flex: 1,
-//     backgroundColor: "#212121", // Match carousel background or choose another
-//     justifyContent: "center", // Center the carousel vertically if it's the main content
-//   },
-// });
+import React, { useState } from "react";
+import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
+// Adjust path as needed
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
+import PhoneInput from "./components/Input/PhoneInput.js";
+import { BottomSheetStackProvider } from "./contexts/index.js";
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
-// export default App;
-"use strict";
+// Sample data - replace with your actual image URLs
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const DUMMY_DATA = [{
+  id: "1",
+  image: "https://images.pexels.com/photos/3354648/pexels-photo-3354648.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+  title: "Mountain Lake"
+},
+// {
+//   id: "2",
+//   image:
+//     "https://images.pexels.com/photos/163273/sunrise-speedboat-ocean-water-163273.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+//   title: "Sunset Cruise",
+// },
+{
+  id: "3",
+  image: "https://images.pexels.com/photos/1430677/pexels-photo-1430677.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+  title: "Ocean Horizon"
+}, {
+  id: "4",
+  image: "https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+  title: "Forest Trail"
+}
+// {
+//   id: "5",
+//   image:
+//     "https://images.pexels.com/photos/302804/pexels-photo-302804.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+//   title: "City Lights",
+// },
+];
+const App = () => {
+  const {
+    theme
+  } = useTheme();
+  const [departureDate, setDepartureDate] = useState(undefined);
+  const [returnDate, setReturnDate] = useState(undefined);
+  const [progress, setProgress] = useState(25);
+  const handleAnimate = () => {
+    // Set progress to a new random value between 0 and 100
+    const newProgress = Math.floor(Math.random() * 101);
+    setProgress(newProgress);
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(SafeAreaProvider, {
+      children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
+        style: {
+          flex: 1
+        },
+        children: /*#__PURE__*/_jsx(RelatedProvider, {
+          theme: lightTheme,
+          children: /*#__PURE__*/_jsxs(BottomSheetStackProvider, {
+            children: [/*#__PURE__*/_jsx(StatusBar, {
+              barStyle: "light-content"
+            }), /*#__PURE__*/_jsx(SafeAreaView, {
+              style: styles.appContainer,
+              children: /*#__PURE__*/_jsx(PhoneInput, {
+                value: "",
+                onChangeText: () => {},
+                inputContainerStyle: {
+                  height: 55
+                }
+              })
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  appContainer: {
+    flex: 1,
+    backgroundColor: "#212121",
+    // Match carousel background or choose another
+    justifyContent: "center" // Center the carousel vertically if it's the main content
+  }
+});
+export default App;
 //# sourceMappingURL=app.js.map

package/lib/module/app.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"AAAA;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;;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA","ignoreList":[]}
+{"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":[]}

package/lib/module/components/Input/PhoneInput.js

@@ -0,0 +1,178 @@
+"use strict";
+
+import React, { forwardRef, useMemo, useCallback } from "react";
+import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
+import CustomInput from "./Input.js";
+import { useTheme } from "../../theme/index.js";
+import { Ionicons } from "@expo/vector-icons";
+import { useBottomSheetStack } from "../../contexts/index.js";
+import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
+import { allCountries } from 'country-telephone-data';
+import { iso2ToFlagEmoji } from "../../utils/flags.js";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const DEFAULT_COUNTRIES = allCountries.map(c => ({
+  code: `+${c.dialCode}`,
+  iso2: c.iso2,
+  name: c.name
+}));
+const PhoneInput = /*#__PURE__*/forwardRef(({
+  value,
+  onChangeText,
+  selectedCountry,
+  onSelectCountry,
+  countries = DEFAULT_COUNTRIES,
+  containerStyle,
+  inputContainerStyle,
+  inputStyle,
+  label,
+  labelStyle,
+  error,
+  errorStyle,
+  helper,
+  helperStyle,
+  listTitle = "Select Country",
+  listTitleStyle,
+  countryCodeStyle,
+  countryNameStyle,
+  ...rest
+}, ref) => {
+  const {
+    theme
+  } = useTheme();
+  const {
+    push
+  } = useBottomSheetStack();
+  const sel = useMemo(() => selectedCountry || countries.find(c => c.code === "+1") || countries[0], [selectedCountry, countries]);
+  const handleCountryPress = useCallback(c => {
+    onSelectCountry && onSelectCountry(c);
+  }, [onSelectCountry]);
+  const renderCountry = ({
+    item
+  }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: styles.countryRow,
+    onPress: () => handleCountryPress(item),
+    children: [/*#__PURE__*/_jsxs(Text, {
+      style: styles.flag,
+      children: [" ", iso2ToFlagEmoji(item.iso2)]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.countryText,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.countryName, countryNameStyle],
+        children: item.name
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.countryCode, countryCodeStyle],
+        children: item.code
+      })]
+    })]
+  });
+  const leftIcon = /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: [styles.selector, {
+      backgroundColor: theme.inputBackground
+    }],
+    hitSlop: {
+      left: 30,
+      top: 30,
+      right: 30,
+      bottom: 30
+    },
+    onPress: () => push({
+      component: /*#__PURE__*/_jsxs(View, {
+        style: styles.popup,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.popupTitle, listTitleStyle, {
+            color: theme.text
+          }],
+          children: listTitle
+        }), /*#__PURE__*/_jsx(BottomSheetFlatList, {
+          data: countries,
+          keyExtractor: (c, i) => i.toString(),
+          renderItem: renderCountry,
+          contentContainerStyle: {
+            paddingBottom: 16
+          }
+        })]
+      }),
+      snapPoints: ["100%"]
+    }),
+    activeOpacity: 0.8,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.flag, {
+        color: theme.inputText
+      }],
+      children: iso2ToFlagEmoji(sel.iso2)
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.code, {
+        color: theme.inputText
+      }],
+      children: sel.code
+    }), /*#__PURE__*/_jsx(Ionicons, {
+      name: "chevron-down",
+      size: 16,
+      style: {
+        marginHorizontal: 4
+      }
+    })]
+  });
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(CustomInput, {
+      ref: ref,
+      label: label,
+      value: value,
+      onChangeText: onChangeText,
+      keyboardType: "phone-pad",
+      placeholder: "123 456 7890",
+      leftIcon: leftIcon,
+      containerStyle: containerStyle,
+      inputContainerStyle: inputContainerStyle,
+      inputStyle: inputStyle,
+      labelStyle: labelStyle,
+      error: error,
+      errorStyle: errorStyle,
+      helper: helper,
+      helperStyle: helperStyle,
+      ...rest
+    })
+  });
+});
+const styles = StyleSheet.create({
+  selector: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRightWidth: 1,
+    borderRightColor: "grey"
+  },
+  flag: {
+    fontSize: 18
+  },
+  code: {
+    fontSize: 14,
+    marginLeft: 4
+  },
+  popup: {
+    // maxHeight: 400,
+    width: "100%",
+    padding: 16
+  },
+  popupTitle: {
+    fontSize: 18,
+    fontWeight: "600",
+    marginBottom: 12
+  },
+  countryRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 10
+  },
+  countryText: {
+    marginLeft: 12
+  },
+  countryName: {
+    fontSize: 16
+  },
+  countryCode: {
+    fontSize: 14,
+    color: "#666"
+  }
+});
+export default PhoneInput;
+//# sourceMappingURL=PhoneInput.js.map

package/lib/module/components/Input/PhoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","View","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","BottomSheetFlatList","allCountries","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","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","sel","find","handleCountryPress","renderCountry","item","style","styles","countryRow","onPress","children","flag","countryText","countryName","countryCode","leftIcon","selector","backgroundColor","inputBackground","hitSlop","left","top","right","bottom","component","popup","popupTitle","color","text","data","keyExtractor","i","toString","renderItem","contentContainerStyle","paddingBottom","snapPoints","activeOpacity","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","borderRightColor","fontSize","marginLeft","width","padding","fontWeight","marginBottom","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Input/index.js

@@ -2,4 +2,6 @@
 
 export { default as Input } from "./Input.js";
 export * from "./Input.js";
+export { default as PhoneInput } from "./PhoneInput.js";
+export * from "./PhoneInput.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Input"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,KAAK,QAAO,YAAS;AACzC,cAAc,YAAS","ignoreList":[]}
+{"version":3,"names":["default","Input","PhoneInput"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,KAAK,QAAO,YAAS;AACzC,cAAc,YAAS;AAEvB,SAASD,OAAO,IAAIE,UAAU,QAAO,iBAAc;AACnD,cAAc,iBAAc","ignoreList":[]}

package/lib/module/contexts/BottomSheetStackContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React, { useContext } from "react";
+export const BottomSheetStackContext = /*#__PURE__*/React.createContext(null);
+export const useBottomSheetStack = () => {
+  const context = useContext(BottomSheetStackContext);
+  if (!context) {
+    throw new Error("useBottomSheetStack must be used within a BottomSheetStackProvider");
+  }
+  return context;
+};
+//# sourceMappingURL=BottomSheetStackContext.js.map

package/lib/module/contexts/BottomSheetStackContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","BottomSheetStackContext","createContext","useBottomSheetStack","context","Error"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAeC,UAAU,QAAQ,OAAO;AAgBpD,OAAO,MAAMC,uBAAuB,gBAClCF,KAAK,CAACG,aAAa,CAAqC,IAAI,CAAC;AAE/D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,uBAAuB,CAAC;EAEnD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,oEACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/contexts/BottomSheetStackProvider.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import BottomSheet, { BottomSheetBackdrop } from "@gorhom/bottom-sheet";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { BackHandler, StyleSheet } from "react-native";
+import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { BottomSheetStackContext } from "./BottomSheetStackContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const BottomSheetStackProvider = ({
+  children
+}) => {
+  const [stack, setStack] = useState([]);
+  const sheetRef = useRef(null);
+  const {
+    top
+  } = useSafeAreaInsets();
+  const push = useCallback(item => {
+    setStack(prev => [...prev, item]);
+  }, []);
+  const clear = useCallback(() => {
+    sheetRef.current?.close();
+    setStack([]);
+  }, []);
+  const pop = useCallback(() => {
+    if (stack.length <= 1) {
+      clear();
+      return;
+    }
+    setStack(prev => prev.slice(0, -1));
+  }, [stack.length, clear]);
+  const replace = useCallback(item => {
+    setStack(prev => [...prev.slice(0, -1), item]);
+  }, []);
+  const currentItem = useMemo(() => stack[stack.length - 1], [stack]);
+  const canGoBack = stack.length > 1;
+  const isOpen = stack.length > 0;
+  useEffect(() => {
+    if (isOpen && currentItem) {
+      sheetRef.current?.snapToIndex(0);
+    }
+    const backHandlerSubscription = BackHandler.addEventListener("hardwareBackPress", () => {
+      if (canGoBack) {
+        pop();
+        return true;
+      }
+      if (!canGoBack && stack.length === 1) {
+        sheetRef.current?.close();
+        return true;
+      }
+      return false;
+    });
+    return () => backHandlerSubscription.remove();
+  }, [isOpen, canGoBack, currentItem, pop, stack]);
+  const AnimatedView = Animated.View;
+  const enteringAnimation = FadeIn.duration(200);
+  const exitingAnimation = FadeOut.duration(200);
+  const renderBackdrop = useCallback(props => /*#__PURE__*/_jsx(BottomSheetBackdrop, {
+    ...props,
+    disappearsOnIndex: -1,
+    style: [props.style, {
+      backgroundColor: "rgba(0,0,0,0,1)"
+    }],
+    appearsOnIndex: 0,
+    pressBehavior: "close"
+  }), []);
+  return /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
+    value: {
+      push,
+      pop,
+      replace,
+      clear,
+      canGoBack
+    },
+    children: [children, /*#__PURE__*/_jsx(BottomSheet, {
+      ref: sheetRef,
+      index: 0,
+      snapPoints: currentItem?.snapPoints || ["100%"],
+      enableDynamicSizing: currentItem?.snapPoints === undefined,
+      enablePanDownToClose: true,
+      android_keyboardInputMode: "adjustResize",
+      enableBlurKeyboardOnGesture: true,
+      keyboardBlurBehavior: "restore",
+      keyboardBehavior: "fillParent",
+      onClose: clear,
+      backdropComponent: renderBackdrop,
+      topInset: top,
+      handleIndicatorStyle: {
+        backgroundColor: "#CCCCCC"
+      },
+      style: styles.sheetContainer,
+      children: currentItem && /*#__PURE__*/_jsx(AnimatedView, {
+        entering: enteringAnimation,
+        exiting: exitingAnimation,
+        style: styles.animatedView,
+        children: currentItem.component
+      }, stack.length)
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  sheetContainer: {
+    // backgroundColor: "#FFFFFF",
+    // borderTopLeftRadius: 20,
+    // borderTopRightRadius: 20,
+  },
+  animatedView: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=BottomSheetStackProvider.js.map

package/lib/module/contexts/BottomSheetStackProvider.js.map

@@ -0,0 +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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","ignoreList":[]}

package/lib/module/contexts/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
-export * from "./BottomSheetContext.js";
-export * from "./BottomSheetProvider.js";
+export * from "./BottomSheetStackContext.js";
+export * from "./BottomSheetStackProvider.js";
 //# sourceMappingURL=index.js.map

package/lib/module/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["contexts/index.ts"],"mappings":";;AAAA,cAAc,yBAAsB;AACpC,cAAc,0BAAuB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["contexts/index.ts"],"mappings":";;AAAA,cAAc,8BAA2B;AACzC,cAAc,+BAA4B","ignoreList":[]}

package/lib/module/utils/flags.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export function iso2ToFlagEmoji(countryCode) {
+  return countryCode.toUpperCase().split('').map(ch => String.fromCodePoint(ch.charCodeAt(0) + 127397)).join('');
+}
+//# sourceMappingURL=flags.js.map

package/lib/module/utils/flags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iso2ToFlagEmoji","countryCode","toUpperCase","split","map","ch","String","fromCodePoint","charCodeAt","join"],"sourceRoot":"..\\..\\..\\src","sources":["utils/flags.ts"],"mappings":";;AAAA,OAAO,SAASA,eAAeA,CAACC,WAAmB,EAAU;EAC3D,OAAOA,WAAW,CACfC,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,EAAE,CAAC,CACTC,GAAG,CAACC,EAAE,IAAIC,MAAM,CAACC,aAAa,CAACF,EAAE,CAACG,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAC1DC,IAAI,CAAC,EAAE,CAAC;AACb","ignoreList":[]}

package/lib/typescript/src/app.d.ts

@@ -1,2 +1,4 @@
-export {};
+import React from "react";
+declare const App: () => React.JSX.Element;
+export default App;
 //# sourceMappingURL=app.d.ts.map

package/lib/typescript/src/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":""}
+{"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"}

package/lib/typescript/src/components/Input/PhoneInput.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { TextInput, StyleProp, TextStyle } from "react-native";
+import { CustomInputProps } from "./Input";
+export type Country = {
+    code: string;
+    iso2: string;
+    name: string;
+};
+export interface PhoneInputProps extends Omit<CustomInputProps, "leftIcon" | "rightIcon" | "onRightIconPress" | "keyboardType" | "style" | "placeholderTextColor"> {
+    value: string;
+    onChangeText: (text: string) => void;
+    selectedCountry?: Country;
+    onSelectCountry?: (c: Country) => void;
+    countries?: Country[];
+    countryNameStyle?: StyleProp<TextStyle>;
+    countryCodeStyle?: StyleProp<TextStyle>;
+    listTitleStyle?: StyleProp<TextStyle>;
+    listTitle?: string;
+}
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<TextInput>>;
+export default PhoneInput;
+//# sourceMappingURL=PhoneInput.d.ts.map

package/lib/typescript/src/components/Input/PhoneInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,SAAS,EAOT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,QAAA,MAAM,UAAU,mFAiHf,CAAC;AA2CF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/Input/index.d.ts

@@ -1,3 +1,5 @@
 export { default as Input } from "./Input";
 export * from "./Input";
+export { default as PhoneInput } from "./PhoneInput";
+export * from "./PhoneInput";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAC;AAC1C,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAC;AAC1C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAC;AACpD,cAAc,cAAc,CAAC"}