@propel-nsl/propel-react-native-sdk 1.1.3 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propel-nsl/propel-react-native-sdk",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Propel Mobile SDK - React Native Core",
   "files": [
     "src/",

package/src/navigation/SDKMainTabNavigator.tsx

@@ -54,12 +54,12 @@ const HIDDEN_SCREENS = [
 
 const getTabBarHeight = (): number => {
   if (Platform.OS === 'ios') {
-    return screenHeight > 800 ? VSCALE(40) : VSCALE(45);
+    return screenHeight > 800 ? VSCALE(50) : VSCALE(55);
   }
   if (Platform.OS === 'android') {
-    return screenHeight > 800 ? VSCALE(35) : VSCALE(55);
+    return screenHeight > 800 ? VSCALE(50) : VSCALE(60);
   }
-  return VSCALE(50);
+  return VSCALE(55);
 };
 
 // DashboardStack - contains Dashboard and its nested screens
@@ -289,22 +289,26 @@ const styles = StyleSheet.create({
     backgroundColor: '#FFFFFF',
     borderTopWidth: 1,
     borderTopColor: '#E5E7EB',
-    paddingTop: VSCALE(8),
+    paddingTop: VSCALE(6),
+    paddingHorizontal: SCALE(4),
   },
   tabItem: {
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
-    minHeight: VSCALE(45),
+    minHeight: VSCALE(50),
+    paddingVertical: VSCALE(4),
   },
   tabItemContent: {
     alignItems: 'center',
     justifyContent: 'center',
+    gap: VSCALE(2),
   },
   tabLabel: {
-    fontSize: SCALE(10),
-    marginTop: VSCALE(3),
+    fontSize: SCALE(9),
+    marginTop: VSCALE(2),
     fontWeight: '400',
+    textAlign: 'center',
   },
   iconContainer: {
     justifyContent: 'center',

package/src/screens/MyCart/index.tsx

@@ -202,7 +202,7 @@ const MyCart: React.FC<MyCartProps> = ({ navigation }) => {
           </Text>
           <CustomImage source={Images.greyDownArrow} imgStyle={styles.icon} />
         </TouchableOpacity>
-        <Text style={styles.productPoints}>{item?.amount_cents / 100} points</Text>
+        <Text style={styles.productPoints}>₹{item?.amount_cents / 100}</Text>
       </View>
     </View>
   );

package/src/screens/PaymentMethod/index.tsx

@@ -139,7 +139,7 @@ const PaymentMethod: React.FC<{
                 onPress={() => setShowPointsBreakdown(!showPointsBreakdown)}
               >
                 <Text style={styles.pointsText}>
-                  {viewMyCartData?.amount_cents / 100} Points
+                  ₹{viewMyCartData?.amount_cents / 100}
                 </Text>
                 <CustomImage
                   source={
@@ -230,7 +230,7 @@ const PaymentMethod: React.FC<{
       <View style={styles.bottomCTA}>
         <View style={styles.priceSection}>
           <Text style={styles.priceText}>
-            {viewMyCartData?.total_amount_cents / 100} points
+            ₹{viewMyCartData?.total_amount_cents / 100}
           </Text>
           <TouchableOpacity
             activeOpacity={0.7}