@propel-nsl/propel-react-native-sdk 1.1.1 → 1.1.2

package/package.json

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

package/src/screens/MyCart/index.tsx

@@ -89,30 +89,44 @@ const MyCart: React.FC<MyCartProps> = ({ navigation }) => {
   }, [dispatch, cartId, isFocus]);
 
   const handleQuantitySelect = (quantity: number) => {
+    console.log('🟢 handleQuantitySelect called, quantity:', quantity);
+    console.log('🔍 handleQuantitySelect called, quantity:', quantity); // Added debug log
     setSelectedQuantity(quantity);
     setSelectedQty(quantity);
   };
 
   const handleItem = async (item: any) => {
+    console.log('🟡 handleItem called, item:', JSON.stringify(item?.name), 'quantity:', item?.quantity);
+    console.log('🔍 handleItem called, item:', JSON.stringify(item?.name), 'quantity:', item?.quantity); // Added debug log
     setSelectedItem(item);
     setSelectedQuantity(item.quantity);
   };
   
   const handleUpdate = () => {
-    dispatch(
-      updateCartRequest({
-        id: cartId,
-        item: {
-          product_variation_id: selectedItem?.variation?.id,
-          quantity: selectedQty,
-          shipping_address: {
-            email: selectedItem?.shipping_address?.email,
-            phone_numbers: selectedItem?.shipping_address?.phone_numbers[0],
-          },
+    console.log('🔄 handleUpdate called');
+    console.log('🔍 handleUpdate called'); // Added debug log
+    console.log('cartId:', cartId);
+    console.log('selectedItem:', selectedItem);
+    console.log('selectedQty:', selectedQty);
+    console.log('product_variation_id:', selectedItem?.variation?.id);
+    console.log('shipping_address:', selectedItem?.shipping_address);
+    
+    const payload = {
+      id: cartId,
+      item: {
+        product_variation_id: selectedItem?.variation?.id,
+        quantity: selectedQty,
+        shipping_address: {
+          email: selectedItem?.shipping_address?.email,
+          phone_numbers: selectedItem?.shipping_address?.phone_numbers[0],
         },
-        skip_payable_validation: true,
-      }),
-    );
+      },
+      skip_payable_validation: true,
+    };
+    
+    console.log('📤 Dispatching updateCartRequest with payload:', JSON.stringify(payload));
+    console.log('🔍 Dispatching updateCartRequest with payload:', JSON.stringify(payload)); // Added debug log
+    dispatch(updateCartRequest(payload));
     setVisible(false);
   };
 
@@ -176,6 +190,8 @@ const MyCart: React.FC<MyCartProps> = ({ navigation }) => {
           activeOpacity={0.7}
           style={styles.productQuantityContainer}
           onPress={() => {
+            console.log('🟣 Qty button pressed, opening modal');
+            console.log('🔍 Qty button pressed, opening modal');
             handleItem(item);
             setVisible(true);
           }}
@@ -186,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} points</Text>
       </View>
     </View>
   );
@@ -259,17 +275,10 @@ const MyCart: React.FC<MyCartProps> = ({ navigation }) => {
       {!!viewMyCartData?.items?.length && (
         <View style={styles.stickyButtonContainer}>
           <View style={styles.bottomContent}>
-            <View style={styles.bottomRow}>
-              <Text style={styles.leftText}>{REMAINING_AMOUNT}</Text>
-              <Text style={styles.rightText}>
-                {viewMyCartData?.total_amount_cents / 100} {POINTS}
-              </Text>
-            </View>
-            <View style={styles.separator} />
             <View style={styles.bottomRow}>
               <Text style={styles.amountText}>{AMOUNT_TO_BE_PAID}</Text>
               <Text style={styles.amountPoints}>
-                {viewMyCartData?.total_amount_cents / 100} {POINTS}
+                ₹{viewMyCartData?.total_amount_cents / 100}
               </Text>
             </View>
           </View>

package/src/screens/PaymentMethod/index.tsx

@@ -199,7 +199,7 @@ const PaymentMethod: React.FC<{
           <View style={styles.balancepointsContainer}>
             <View style={styles.headerRow}>
               <Text style={[styles.label, { color: 'black' }]}>
-                {viewMyCartData?.total_amount_cents / 100} Apna Points
+                ₹{viewMyCartData?.total_amount_cents / 100}
               </Text>
               <TouchableOpacity
                 style={styles.row}

package/src/screens/ProductDetails/index.tsx

@@ -662,6 +662,7 @@ const ProductDetail: React.FC = () => {
           }}
           label_1={ORDER_AMOUNT}
           label_2={DELIVERY_CHARGES}
+          quantity={quantity}
         />
       )}
 

package/src-app/components/AmountBreakDownModal/index.tsx

@@ -5,6 +5,7 @@ import {
   TouchableWithoutFeedback,
   Dimensions,
 } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import styles from './styles';
 import CustomImage from '../CustomImage';
 import Images from '../../constants/Images';
@@ -23,6 +24,7 @@ interface OTPModalProps {
   };
   label_1: string;
   label_2: string;
+  quantity?: number;
 }
 
 const AmountModal: React.FC<OTPModalProps> = ({
@@ -31,7 +33,9 @@ const AmountModal: React.FC<OTPModalProps> = ({
   item,
   label_1,
   label_2,
+  quantity = 1,
 }) => {
+  const insets = useSafeAreaInsets();
   if (!visible) return null;
 
   // Use absolute positioning instead of Modal for SDK/AAR compatibility
@@ -41,13 +45,13 @@ const AmountModal: React.FC<OTPModalProps> = ({
         <View style={styles.overlay} />
       </TouchableWithoutFeedback>
 
-      <View style={styles.modalContainer}>
+      <View style={[styles.modalContainer, { marginBottom: Math.max(insets.bottom, 60) }]}>
         {/* Handle bar */}
         <View style={styles.handleBar} />
 
         {/* Title */}
         <View style={styles.row}>
-          <Text style={styles.title}>{AMOUNT_BREAKDOWN}</Text>
+          <Text style={styles.title}>{AMOUNT_BREAKDOWN} 1</Text>
           <CustomImage
             source={Images.blackcrossIcon}
             imgStyle={styles.icon}
@@ -59,7 +63,7 @@ const AmountModal: React.FC<OTPModalProps> = ({
           <View style={styles.row}>
             <Text style={styles.leftText}>{label_1}</Text>
             <Text style={styles.rightText}>
-              {item.total_amount_cents / 100} {POINTS}
+              {(item.total_amount_cents * quantity) / 100} {POINTS}
             </Text>
           </View>
           {/* <View style={styles.row}>
@@ -75,7 +79,7 @@ const AmountModal: React.FC<OTPModalProps> = ({
         <View style={styles.row}>
           <Text style={styles.amountText}> {AMOUNT_TO_BE_PAID}</Text>
           <Text style={styles.amountPoints}>
-            {pointsFromCentsFixed(item.grand_total, 1)} {POINTS}
+            {pointsFromCentsFixed(item.grand_total * quantity, 1)} {POINTS}
           </Text>
         </View>
       </View>

package/src-app/components/QuantityModal/styles.ts

@@ -29,12 +29,14 @@ const styles = StyleSheet.create({
   modalContainer: {
     width: '100%',
     maxWidth: '100%',
-    height: Platform.OS === 'ios' ? VSCALE(230) : VSCALE(250),
+    height: Platform.OS === 'ios' ? VSCALE(280) : VSCALE(300),
     backgroundColor: '#FFFFFF',
     borderTopLeftRadius: SCALE(30),
     borderTopRightRadius: SCALE(30),
     paddingHorizontal: SCALE(20),
     paddingTop: VSCALE(15),
+    paddingBottom: VSCALE(20),
+    marginBottom: VSCALE(60),
   },
   handleBar: {
     width: SCALE(48),

package/src-app/redux/authSaga.ts

@@ -378,11 +378,23 @@ function* handleUpdateCart(
   action: ReturnType<typeof updateCartRequest>
 ): SagaIterator {
   try {
-    const { id, item } = action.payload;
-    const response = yield call(updateCartApi, id, item);
+    console.log('🔵 handleUpdateCart saga called');
+    console.log('action.payload:', JSON.stringify(action.payload));
+    const { id, item, skip_payable_validation } = action.payload;
+    console.log('Extracted - id:', id, 'item:', JSON.stringify(item), 'skip_payable_validation:', skip_payable_validation);
+    
+    const payload = {
+      skip_payable_validation,
+      item,
+    };
+    console.log('📡 Calling updateCartApi with orderId:', id, 'payload:', JSON.stringify(payload));
+    
+    const response = yield call(updateCartApi, id, payload);
+    console.log('✅ updateCartApi response:', JSON.stringify(response.data));
     yield put(updateCartSuccess(response.data));
     yield put(viewMyCartRequest({ id }));
   } catch (error: any) {
+    console.log('❌ updateCartApi error:', error?.response?.data || error?.message);
     yield put(updateCartFailure(error?.response?.data?.errors));
   }
 }

package/src-app/services/endpoints.ts

@@ -18,7 +18,7 @@ const ENDPOINTS = {
   CREATE_ADDRESS: 'api/v1/orders/addresses',
   UPDATE_ADDRESS: 'api/v1/orders/addresses',
   DELETE_ADDRESS: 'api/v1/orders/addresses',
-  UPDATE_CART: (orderId: string | number) => `api/v1/orders/${orderId}/items`,
+  UPDATE_CART: (orderId: string | number) => `api/v1/propel/orders/${orderId}/items`,
   DELETE_CART: (orderId: string | number) => `api/v1/orders/${orderId}/items`,
   ADD_TO_CART: 'api/v1/orders',
   ADD_TO_EXISTING_CART: (orderId: string | number) =>