related-ui-components 2.5.4 → 2.5.6

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

@@ -1,71 +1,86 @@
 "use strict";
 
-import React, { useState, useEffect } from "react";
-import { Text, View, TouchableOpacity, StyleSheet, InteractionManager, ActivityIndicator } from "react-native";
-import { BottomSheetFlashList } from "@gorhom/bottom-sheet";
+import React, { useCallback, useMemo } from "react";
+import { Text, View, TouchableOpacity, StyleSheet } from "react-native";
+import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 import { useTheme } from "../../theme/index.js";
 import { iso2ToFlagEmoji } from "../../utils/flags.js";
-// Assuming you export this type
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export const CountryPickerView = ({
-  countries,
+// ADDED: A memoized row component to ensure stability
+const CountryRow = /*#__PURE__*/React.memo(({
+  item,
   onSelectCountry,
-  listTitle,
-  listTitleStyle,
-  countryNameStyle,
-  countryCodeStyle
+  nameStyle,
+  codeStyle
 }) => {
-  const {
-    theme
-  } = useTheme();
-  const [isReady, setIsReady] = useState(false);
-  useEffect(() => {
-    InteractionManager.runAfterInteractions(() => {
-      setIsReady(true);
-    });
-  }, []);
-  const renderCountry = ({
-    item
-  }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+  // This handler is now stable because onSelectCountry is stable
+  const handlePress = () => onSelectCountry(item);
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
     style: styles.countryRow,
-    onPress: () => onSelectCountry(item),
+    onPress: handlePress,
     children: [/*#__PURE__*/_jsxs(Text, {
       style: styles.flag,
       children: [" ", iso2ToFlagEmoji(item.iso2)]
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.countryText,
       children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.countryName, {
-          color: theme.text
-        }, countryNameStyle],
+        style: nameStyle,
         children: item.name
       }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.countryCode, countryCodeStyle],
+        style: codeStyle,
         children: item.code
       })]
     })]
   });
+});
+export const CountryPickerView = ({
+  countries,
+  onSelectCountry,
+  listTitle,
+  listTitleStyle,
+  countryNameStyle,
+  countryCodeStyle
+}) => {
+  const {
+    theme
+  } = useTheme();
+
+  // ADDED: Memoize styles to pass them stably to the memoized row component
+  const memoizedNameStyle = useMemo(() => [styles.countryName, {
+    color: theme.text
+  }, countryNameStyle], [theme.text, countryNameStyle]);
+  const memoizedCodeStyle = useMemo(() => [styles.countryCode, {
+    color: theme.helper
+  }, countryCodeStyle],
+  // Use a different theme color for contrast
+  [theme.helper, countryCodeStyle]);
+
+  // CHANGED: renderCountry is now wrapped in useCallback
+  const renderCountry = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(CountryRow, {
+    item: item,
+    onSelectCountry: onSelectCountry,
+    nameStyle: memoizedNameStyle,
+    codeStyle: memoizedCodeStyle
+  }), [onSelectCountry, memoizedNameStyle, memoizedCodeStyle]);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.popup,
     children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.popupTitle, listTitleStyle, {
+      style: [styles.popupTitle, {
         color: theme.text
-      }],
+      }, listTitleStyle],
       children: listTitle
-    }), isReady ? /*#__PURE__*/_jsx(BottomSheetFlashList, {
+    }), /*#__PURE__*/_jsx(BottomSheetFlatList, {
       data: countries,
       keyExtractor: c => c.iso2,
       renderItem: renderCountry,
       contentContainerStyle: {
         paddingBottom: 16
       },
-      estimatedItemSize: 100
-    }) : /*#__PURE__*/_jsx(View, {
-      style: styles.loaderContainer,
-      children: /*#__PURE__*/_jsx(ActivityIndicator, {
-        size: "large",
-        color: theme.primary
-      })
+      initialNumToRender: 10,
+      maxToRenderPerBatch: 10
+      // estimatedItemSize={56} // Provide a more accurate estimate
     })]
   });
 };
@@ -73,7 +88,7 @@ const styles = StyleSheet.create({
   popup: {
     flex: 1,
     width: "100%",
-    padding: 16
+    paddingHorizontal: 16
   },
   loaderContainer: {
     flex: 1,
@@ -83,25 +98,28 @@ const styles = StyleSheet.create({
   popupTitle: {
     fontSize: 18,
     fontWeight: "600",
-    marginBottom: 12
+    marginBottom: 12,
+    paddingTop: 16
   },
   countryRow: {
     flexDirection: "row",
     alignItems: "center",
-    paddingVertical: 10
+    paddingVertical: 12,
+    // Adjusted padding
+    height: 56 // Set a fixed height
   },
   flag: {
-    fontSize: 18
+    fontSize: 22
   },
   countryText: {
-    marginLeft: 12
+    marginLeft: 12,
+    flex: 1 // Allow text to take remaining space
   },
   countryName: {
     fontSize: 16
   },
   countryCode: {
-    fontSize: 14,
-    color: "#666"
+    fontSize: 14
   }
 });
 //# sourceMappingURL=CountryPickerView.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","Text","View","TouchableOpacity","StyleSheet","InteractionManager","ActivityIndicator","BottomSheetFlashList","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","estimatedItemSize","loaderContainer","size","primary","create","flex","width","padding","alignItems","justifyContent","fontSize","fontWeight","marginBottom","flexDirection","paddingVertical","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SACEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EACVC,kBAAkB,EAClBC,iBAAiB,QAGZ,cAAc;AACrB,SAASC,oBAAoB,QAA6B,sBAAsB;AAChF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,eAAe,QAAQ,sBAAmB;AACX;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAWxC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,SAAS;EACTC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,gBAAgB;EAChBC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEC;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAM,CAACc,OAAO,EAAEC,UAAU,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EAE7CC,SAAS,CAAC,MAAM;IACdK,kBAAkB,CAACmB,oBAAoB,CAAC,MAAM;MAC5CD,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,aAAa,GAAGA,CAAC;IAAEC;EAAwB,CAAC,kBAChDf,KAAA,CAACR,gBAAgB;IACfwB,KAAK,EAAEC,MAAM,CAACC,UAAW;IACzBC,OAAO,EAAEA,CAAA,KAAMd,eAAe,CAACU,IAAI,CAAE;IAAAK,QAAA,gBAErCpB,KAAA,CAACV,IAAI;MAAC0B,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAD,QAAA,GAAC,GAAC,EAACtB,eAAe,CAACiB,IAAI,CAACO,IAAI,CAAC;IAAA,CAAO,CAAC,eAC9DtB,KAAA,CAACT,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACM,WAAY;MAAAH,QAAA,gBAC9BlB,IAAA,CAACZ,IAAI;QAAC0B,KAAK,EAAE,CAACC,MAAM,CAACO,WAAW,EAAE;UAAEC,KAAK,EAAEf,KAAK,CAACgB;QAAK,CAAC,EAAElB,gBAAgB,CAAE;QAAAY,QAAA,EACxEL,IAAI,CAACY;MAAI,CACN,CAAC,eACPzB,IAAA,CAACZ,IAAI;QAAC0B,KAAK,EAAE,CAACC,MAAM,CAACW,WAAW,EAAEnB,gBAAgB,CAAE;QAAAW,QAAA,EAAEL,IAAI,CAACc;MAAI,CAAO,CAAC;IAAA,CACnE,CAAC;EAAA,CACS,CACnB;EAED,oBACE7B,KAAA,CAACT,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACa,KAAM;IAAAV,QAAA,gBACxBlB,IAAA,CAACZ,IAAI;MAAC0B,KAAK,EAAE,CAACC,MAAM,CAACc,UAAU,EAAExB,cAAc,EAAE;QAAEkB,KAAK,EAAEf,KAAK,CAACgB;MAAK,CAAC,CAAE;MAAAN,QAAA,EACrEd;IAAS,CACN,CAAC,EACNK,OAAO,gBACNT,IAAA,CAACN,oBAAoB;MACnBoC,IAAI,EAAE5B,SAAU;MAChB6B,YAAY,EAAGC,CAAW,IAAKA,CAAC,CAACZ,IAAK;MACtCa,UAAU,EAAErB,aAAc;MAC1BsB,qBAAqB,EAAE;QAAEC,aAAa,EAAE;MAAG,CAAE;MAC7CC,iBAAiB,EAAE;IAAI,CACxB,CAAC,gBAEFpC,IAAA,CAACX,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACsB,eAAgB;MAAAnB,QAAA,eAClClB,IAAA,CAACP,iBAAiB;QAAC6C,IAAI,EAAC,OAAO;QAACf,KAAK,EAAEf,KAAK,CAAC+B;MAAQ,CAAE;IAAC,CACpD,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMxB,MAAM,GAAGxB,UAAU,CAACiD,MAAM,CAAC;EAC/BZ,KAAK,EAAE;IACLa,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE;EACX,CAAC;EACDN,eAAe,EAAE;IACfI,IAAI,EAAE,CAAC;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDhB,UAAU,EAAE;IACViB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAE;EAChB,CAAC;EACDhC,UAAU,EAAE;IACViC,aAAa,EAAE,KAAK;IACpBL,UAAU,EAAE,QAAQ;IACpBM,eAAe,EAAE;EACnB,CAAC;EACD/B,IAAI,EAAE;IACJ2B,QAAQ,EAAE;EACZ,CAAC;EACDzB,WAAW,EAAE;IACX8B,UAAU,EAAE;EACd,CAAC;EACD7B,WAAW,EAAE;IACXwB,QAAQ,EAAE;EACZ,CAAC;EACDpB,WAAW,EAAE;IACXoB,QAAQ,EAAE,EAAE;IACZvB,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","Text","View","TouchableOpacity","StyleSheet","BottomSheetFlatList","useTheme","iso2ToFlagEmoji","jsxs","_jsxs","jsx","_jsx","CountryRow","memo","item","onSelectCountry","nameStyle","codeStyle","handlePress","style","styles","countryRow","onPress","children","flag","iso2","countryText","name","code","CountryPickerView","countries","listTitle","listTitleStyle","countryNameStyle","countryCodeStyle","theme","memoizedNameStyle","countryName","color","text","memoizedCodeStyle","countryCode","helper","renderCountry","popup","popupTitle","data","keyExtractor","c","renderItem","contentContainerStyle","paddingBottom","initialNumToRender","maxToRenderPerBatch","create","flex","width","paddingHorizontal","loaderContainer","alignItems","justifyContent","fontSize","fontWeight","marginBottom","paddingTop","flexDirection","paddingVertical","height","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/CountryPickerView.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,15 +1,11 @@
 "use strict";
 
 import React, { forwardRef, useMemo, useCallback } from "react";
-import { Text, TouchableOpacity, StyleSheet
-// Remove FlatList, not needed here anymore
-} from "react-native";
+import { Text, TouchableOpacity, StyleSheet } from "react-native";
 import CustomInput from "./Input.js";
 import { useTheme } from "../../theme/index.js";
-// Remove Popup, not used
 import { Ionicons } from "@expo/vector-icons";
 import { useBottomSheetStack } from "../../contexts/index.js";
-// Remove BottomSheetFlatList and BottomSheetView
 import { allCountries } from "country-telephone-data";
 import { iso2ToFlagEmoji } from "../../utils/flags.js";
 import { CountryPickerView } from "./CountryPickerView.js";
@@ -49,12 +45,9 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
   } = useBottomSheetStack();
   const sel = useMemo(() => selectedCountry || countries.find(c => c.code === "+1") || countries[0], [selectedCountry, countries]);
   const handleCountryPress = useCallback(c => {
-    if (onSelectCountry) {
-      onSelectCountry(c);
-      clear();
-    }
-  }, [onSelectCountry, clear] // Add clear to dependency array
-  );
+    onSelectCountry?.(c);
+    clear();
+  }, [onSelectCountry, clear]);
   const openCountryPicker = useCallback(() => {
     push({
       component: /*#__PURE__*/_jsx(CountryPickerView, {
@@ -68,9 +61,10 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
       snapPoints: ["80%"]
     });
   }, [push, countries, handleCountryPress, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle]);
-  const leftIcon = /*#__PURE__*/_jsxs(TouchableOpacity, {
+  const leftIcon = useMemo(() => /*#__PURE__*/_jsxs(TouchableOpacity, {
     style: [styles.selector, {
-      backgroundColor: theme.inputBackground
+      backgroundColor: theme.inputBackground,
+      borderRightColor: theme.border
     }],
     hitSlop: {
       left: 30,
@@ -94,10 +88,11 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
       name: "chevron-down",
       size: 16,
       style: {
-        marginHorizontal: 4
+        marginHorizontal: 4,
+        color: theme.inputText
       }
     })]
-  });
+  }), [theme, sel, openCountryPicker]);
   return /*#__PURE__*/_jsx(CustomInput, {
     ref: ref,
     label: label,
@@ -122,14 +117,14 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     borderRightWidth: 1,
-    borderRightColor: "grey"
+    paddingHorizontal: 8 // Add some padding
   },
   flag: {
-    fontSize: 18
+    fontSize: 22 // Slightly larger for better visibility
   },
   code: {
     fontSize: 14,
-    marginLeft: 4
+    marginLeft: 6
   }
 });
 export default PhoneInput;

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

@@ -1 +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":[]}
+{"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","borderRightColor","border","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/contexts/BottomSheetStackProvider.js

@@ -64,6 +64,7 @@ export const BottomSheetStackProvider = ({
     appearsOnIndex: 0,
     pressBehavior: "close"
   }), []);
+  console.log(stack);
   return /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
     value: {
       push,
@@ -76,7 +77,7 @@ export const BottomSheetStackProvider = ({
       ref: sheetRef,
       index: 0,
       snapPoints: currentItem?.snapPoints || ["100%"],
-      enableDynamicSizing: currentItem?.snapPoints === undefined,
+      enableDynamicSizing: true,
       enablePanDownToClose: true,
       android_keyboardInputMode: "adjustResize",
       enableBlurKeyboardOnGesture: true,

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

@@ -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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","ignoreList":[]}
+{"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","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/typescript/src/components/Input/CountryPickerView.d.ts.map

@@ -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,sBA6CxB,CAAC"}
+{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,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;AA8BD,eAAO,MAAM,iBAAiB,GAAI,gGAO/B,sBAAsB,sBA2CxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAOT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAUxD,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,CAAC;CACpB;AAQD,QAAA,MAAM,UAAU,mFAgHf,CAAC;AAkBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAMT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,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,CAAC;CACpB;AAQD,QAAA,MAAM,UAAU,mFAuHf,CAAC;AAkBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/contexts/BottomSheetStackProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA0GtE,CAAC"}
+{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA4GtE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "2.5.4",
+  "version": "2.5.6",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",
@@ -75,5 +75,8 @@
   "eslintIgnore": [
     "node_modules/",
     "lib/"
-  ]
+  ],
+  "dependencies": {
+    "@shopify/flash-list": "^1.8.3"
+  }
 }

package/src/components/Input/CountryPickerView.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useCallback, useMemo } from "react";
 import {
   Text,
   View,
@@ -12,7 +12,7 @@ import {
 import { BottomSheetFlashList, BottomSheetFlatList } from "@gorhom/bottom-sheet";
 import { useTheme } from "../../theme";
 import { iso2ToFlagEmoji } from "../../utils/flags";
-import { Country } from "./PhoneInput"; // Assuming you export this type
+import { Country } from "./PhoneInput";
 
 interface CountryPickerViewProps {
   countries: Country[];
@@ -23,6 +23,34 @@ interface CountryPickerViewProps {
   countryCodeStyle?: StyleProp<TextStyle>;
 }
 
+// ADDED: A memoized row component to ensure stability
+const CountryRow = React.memo(
+  ({
+    item,
+    onSelectCountry,
+    nameStyle,
+    codeStyle,
+  }: {
+    item: Country;
+    onSelectCountry: (c: Country) => void;
+    nameStyle: StyleProp<TextStyle>;
+    codeStyle: StyleProp<TextStyle>;
+  }) => {
+    // This handler is now stable because onSelectCountry is stable
+    const handlePress = () => onSelectCountry(item);
+
+    return (
+      <TouchableOpacity style={styles.countryRow} onPress={handlePress}>
+        <Text style={styles.flag}> {iso2ToFlagEmoji(item.iso2)}</Text>
+        <View style={styles.countryText}>
+          <Text style={nameStyle}>{item.name}</Text>
+          <Text style={codeStyle}>{item.code}</Text>
+        </View>
+      </TouchableOpacity>
+    );
+  }
+);
+
 export const CountryPickerView = ({
   countries,
   onSelectCountry,
@@ -32,47 +60,45 @@ export const CountryPickerView = ({
   countryCodeStyle,
 }: CountryPickerViewProps) => {
   const { theme } = useTheme();
-  const [isReady, setIsReady] = useState(false);
 
-  useEffect(() => {
-    InteractionManager.runAfterInteractions(() => {
-      setIsReady(true);
-    });
-  }, []);
+  // ADDED: Memoize styles to pass them stably to the memoized row component
+  const memoizedNameStyle = useMemo(
+    () => [styles.countryName, { color: theme.text }, countryNameStyle],
+    [theme.text, countryNameStyle]
+  );
+
+  const memoizedCodeStyle = useMemo(
+    () => [styles.countryCode, { color: theme.helper }, countryCodeStyle], // Use a different theme color for contrast
+    [theme.helper, countryCodeStyle]
+  );
 
-  const renderCountry = ({ item }: { item: Country }) => (
-    <TouchableOpacity
-      style={styles.countryRow}
-      onPress={() => onSelectCountry(item)}
-    >
-      <Text style={styles.flag}> {iso2ToFlagEmoji(item.iso2)}</Text>
-      <View style={styles.countryText}>
-        <Text style={[styles.countryName, { color: theme.text }, countryNameStyle]}>
-          {item.name}
-        </Text>
-        <Text style={[styles.countryCode, countryCodeStyle]}>{item.code}</Text>
-      </View>
-    </TouchableOpacity>
+  // CHANGED: renderCountry is now wrapped in useCallback
+  const renderCountry = useCallback(
+    ({ item }: { item: Country }) => (
+      <CountryRow
+        item={item}
+        onSelectCountry={onSelectCountry}
+        nameStyle={memoizedNameStyle}
+        codeStyle={memoizedCodeStyle}
+      />
+    ),
+    [onSelectCountry, memoizedNameStyle, memoizedCodeStyle]
   );
 
   return (
     <View style={styles.popup}>
-      <Text style={[styles.popupTitle, listTitleStyle, { color: theme.text }]}>
+      <Text style={[styles.popupTitle, { color: theme.text }, listTitleStyle]}>
         {listTitle}
       </Text>
-      {isReady ? (
-        <BottomSheetFlashList
-          data={countries}
-          keyExtractor={(c : Country) => c.iso2}
-          renderItem={renderCountry}
-          contentContainerStyle={{ paddingBottom: 16 }}
-          estimatedItemSize={100}
-        />
-      ) : (
-        <View style={styles.loaderContainer}>
-          <ActivityIndicator size="large" color={theme.primary} />
-        </View>
-      )}
+      <BottomSheetFlatList
+        data={countries}
+        keyExtractor={(c: Country) => c.iso2}
+        renderItem={renderCountry}
+        contentContainerStyle={{ paddingBottom: 16 }}
+        initialNumToRender={10}
+        maxToRenderPerBatch={10}
+        // estimatedItemSize={56} // Provide a more accurate estimate
+      />
     </View>
   );
 };
@@ -81,7 +107,7 @@ const styles = StyleSheet.create({
   popup: {
     flex: 1,
     width: "100%",
-    padding: 16,
+    paddingHorizontal: 16,
   },
   loaderContainer: {
     flex: 1,
@@ -92,23 +118,25 @@ const styles = StyleSheet.create({
     fontSize: 18,
     fontWeight: "600",
     marginBottom: 12,
+    paddingTop: 16,
   },
   countryRow: {
     flexDirection: "row",
     alignItems: "center",
-    paddingVertical: 10,
+    paddingVertical: 12, // Adjusted padding
+    height: 56, // Set a fixed height
   },
   flag: {
-    fontSize: 18,
+    fontSize: 22,
   },
   countryText: {
     marginLeft: 12,
+    flex: 1, // Allow text to take remaining space
   },
   countryName: {
     fontSize: 16,
   },
   countryCode: {
     fontSize: 14,
-    color: "#666",
   },
 });

package/src/components/Input/PhoneInput.tsx

@@ -5,17 +5,14 @@ import {
   View,
   TouchableOpacity,
   StyleSheet,
-  // Remove FlatList, not needed here anymore
   TextInputProps,
   StyleProp,
   TextStyle,
 } from "react-native";
 import CustomInput, { CustomInputProps } from "./Input";
 import { useTheme } from "../../theme";
-// Remove Popup, not used
 import { Ionicons } from "@expo/vector-icons";
 import { useBottomSheetStack } from "../../contexts";
-// Remove BottomSheetFlatList and BottomSheetView
 import { allCountries } from "country-telephone-data";
 import { iso2ToFlagEmoji } from "../../utils/flags";
 import { CountryPickerView } from "./CountryPickerView";
@@ -94,12 +91,10 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
 
     const handleCountryPress = useCallback(
       (c: Country) => {
-        if (onSelectCountry) {
-          onSelectCountry(c);
-          clear();
-        }
+        onSelectCountry?.(c);
+        clear();
       },
-      [onSelectCountry, clear] // Add clear to dependency array
+      [onSelectCountry, clear]
     );
 
     const openCountryPicker = useCallback(() => {
@@ -126,25 +121,34 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
       countryCodeStyle,
     ]);
 
-    const leftIcon = (
-      <TouchableOpacity
-        style={[styles.selector, { backgroundColor: theme.inputBackground }]}
-        hitSlop={{ left: 30, top: 30, right: 30, bottom: 30 }}
-        onPress={openCountryPicker}
-        activeOpacity={0.8}
-      >
-        <Text style={[styles.flag, { color: theme.inputText }]}>
-          {iso2ToFlagEmoji(sel.iso2)}
-        </Text>
-        <Text style={[styles.code, { color: theme.inputText }]}>
-          {sel.code}
-        </Text>
-        <Ionicons
-          name="chevron-down"
-          size={16}
-          style={{ marginHorizontal: 4 }}
-        ></Ionicons>
-      </TouchableOpacity>
+    const leftIcon = useMemo(
+      () => (
+        <TouchableOpacity
+          style={[
+            styles.selector,
+            {
+              backgroundColor: theme.inputBackground,
+              borderRightColor: theme.border, 
+            },
+          ]}
+          hitSlop={{ left: 30, top: 30, right: 30, bottom: 30 }}
+          onPress={openCountryPicker}
+          activeOpacity={0.8}
+        >
+          <Text style={[styles.flag, { color: theme.inputText }]}>
+            {iso2ToFlagEmoji(sel.iso2)}
+          </Text>
+          <Text style={[styles.code, { color: theme.inputText }]}>
+            {sel.code}
+          </Text>
+          <Ionicons
+            name="chevron-down"
+            size={16}
+            style={{ marginHorizontal: 4, color: theme.inputText }}
+          />
+        </TouchableOpacity>
+      ),
+      [theme, sel, openCountryPicker] 
     );
 
     return (
@@ -175,14 +179,14 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     borderRightWidth: 1,
-    borderRightColor: "grey",
+    paddingHorizontal: 8, // Add some padding
   },
   flag: {
-    fontSize: 18,
+    fontSize: 22, // Slightly larger for better visibility
   },
   code: {
     fontSize: 14,
-    marginLeft: 4,
+    marginLeft: 6,
   },
 });
 

package/src/contexts/BottomSheetStackProvider.tsx

@@ -90,6 +90,8 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
     []
   );
 
+  console.log(stack)
+
   return (
     <BottomSheetStackContext.Provider
       value={{ push, pop, replace, clear, canGoBack }}
@@ -99,7 +101,7 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
         ref={sheetRef}
         index={0}
         snapPoints={currentItem?.snapPoints || ["100%"]}
-        enableDynamicSizing={currentItem?.snapPoints === undefined}
+        enableDynamicSizing={true}
         enablePanDownToClose
         android_keyboardInputMode="adjustResize"
         enableBlurKeyboardOnGesture