boxpay-checkout-reactnative-sdk 1.0.0-beta2

package/lib/module/components/orderDetails.js

@@ -0,0 +1,367 @@
+"use strict";
+
+import { View, Text, Image, Pressable, ScrollView } from 'react-native';
+import { useState } from 'react';
+import { SvgUri } from 'react-native-svg';
+import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const OrderDetails = ({
+  totalAmount,
+  itemsArray,
+  subTotalAmount,
+  shippingAmount,
+  taxAmount
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const {
+    checkoutDetails
+  } = checkoutDetailsHandler;
+  const itemHeight = 70; // Approximate height of each row
+  const maxVisibleItems = 3;
+  const scrollHeight = Math.min(itemsArray.length, maxVisibleItems) * itemHeight;
+  const MyImage = ({
+    uri
+  }) => {
+    const isSvg = uri?.endsWith('.svg');
+    return isSvg ? /*#__PURE__*/_jsx(View, {
+      style: {
+        width: 44,
+        height: 44,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(SvgUri, {
+        uri: uri,
+        width: 100 // Keep original size
+        ,
+        height: 100,
+        style: {
+          transform: [{
+            scale: 0.4
+          }]
+        }
+      })
+    }) : /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      style: {
+        width: 44,
+        height: 44
+      },
+      resizeMode: "contain"
+    });
+  };
+  return /*#__PURE__*/_jsx(View, {
+    children: isExpanded ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        borderColor: '#F1F1F1',
+        borderWidth: 1,
+        marginHorizontal: 16,
+        marginVertical: 8,
+        paddingVertical: 16,
+        backgroundColor: 'white',
+        borderRadius: 12
+      },
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: () => setIsExpanded(false),
+        children: /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingHorizontal: 12
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: {
+              fontSize: 14,
+              color: '#363840',
+              fontFamily: 'Poppins-SemiBold'
+            },
+            children: "Price Details"
+          }), /*#__PURE__*/_jsx(Image, {
+            source: require('../../assets/images/chervon-down.png'),
+            style: {
+              height: 6,
+              width: 14,
+              marginHorizontal: 6,
+              // Space between price and arrow
+              alignSelf: 'center',
+              transform: [{
+                rotate: '180deg'
+              }]
+            }
+          })]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          height: scrollHeight,
+          overflow: 'hidden',
+          marginTop: 12
+        },
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          nestedScrollEnabled: true,
+          showsVerticalScrollIndicator: true,
+          style: {
+            paddingHorizontal: 12
+          },
+          children: itemsArray.map((item, index) => /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              marginBottom: 8,
+              alignItems: 'flex-start'
+            },
+            children: [item.imageUrl !== '' && /*#__PURE__*/_jsx(View, {
+              style: {
+                borderColor: '#DCDEE3',
+                borderWidth: 1,
+                borderRadius: 8,
+                width: 54,
+                height: 54,
+                padding: 4
+              },
+              children: /*#__PURE__*/_jsx(MyImage, {
+                uri: item.imageUrl
+              })
+            }), /*#__PURE__*/_jsxs(View, {
+              style: {
+                flexGrow: 1,
+                flexShrink: 1,
+                paddingHorizontal: 8
+              },
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: {
+                  fontFamily: 'Poppins-Regular',
+                  fontSize: 12,
+                  color: '#2D2B32'
+                },
+                numberOfLines: 2,
+                ellipsizeMode: 'tail',
+                children: item.imageTitle
+              }), /*#__PURE__*/_jsxs(Text, {
+                style: {
+                  fontFamily: 'Poppins-SemiBold',
+                  fontSize: 12,
+                  color: '#2D2B32'
+                },
+                children: ["Qty: ", item.imageOty]
+              })]
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                alignSelf: 'flex-start'
+              },
+              children: /*#__PURE__*/_jsxs(Text, {
+                style: {
+                  fontFamily: 'Poppins-Regular',
+                  fontSize: 12,
+                  color: '#2D2B32',
+                  textAlign: 'right'
+                },
+                children: [/*#__PURE__*/_jsxs(Text, {
+                  style: {
+                    fontFamily: 'Inter-Regular',
+                    fontSize: 12,
+                    color: '#2D2B32'
+                  },
+                  children: [' ', checkoutDetails.currencySymbol]
+                }), item.imageAmount]
+              })
+            })]
+          }, index))
+        })
+      }), (subTotalAmount !== '' || taxAmount !== '' || shippingAmount !== '') && /*#__PURE__*/_jsx(View, {
+        style: {
+          borderBottomWidth: 1.5,
+          // Thickness of the line
+          borderBottomColor: '#E6E6E6',
+          // Color of the line
+          borderStyle: 'dashed',
+          // Makes it dashed
+          width: '100%',
+          // Full width
+          marginVertical: 10,
+          marginTop: 4
+        }
+      }), subTotalAmount !== '' && /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          marginBottom: 8,
+          paddingHorizontal: 12
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-Regular',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: "Subtotal"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Inter-SemiBold',
+              fontSize: 14,
+              color: '#2D2B32'
+            },
+            children: [' ', checkoutDetails.currencySymbol]
+          }), subTotalAmount]
+        })]
+      }), taxAmount !== '' && /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          marginBottom: 8,
+          paddingHorizontal: 12
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-Regular',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: "Tax"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Inter-SemiBold',
+              fontSize: 14,
+              color: '#2D2B32'
+            },
+            children: [' ', checkoutDetails.currencySymbol]
+          }), taxAmount]
+        })]
+      }), shippingAmount !== '' && /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          marginBottom: 8,
+          paddingHorizontal: 12
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-Regular',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: "Shipping Amount"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Inter-SemiBold',
+              fontSize: 14,
+              color: '#2D2B32'
+            },
+            children: [' ', checkoutDetails.currencySymbol]
+          }), shippingAmount]
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          backgroundColor: '#F1F1F1',
+          paddingHorizontal: 8,
+          paddingVertical: 12,
+          borderRadius: 8,
+          marginHorizontal: 12
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 16,
+            color: '#1D1C20'
+          },
+          children: "Total"
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 16,
+            color: '#1D1C20'
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Inter-SemiBold',
+              fontSize: 16,
+              color: '#1D1C20'
+            },
+            children: [' ', checkoutDetails.currencySymbol]
+          }), totalAmount]
+        })]
+      })]
+    }) : /*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setIsExpanded(true),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          borderColor: '#F1F1F1',
+          borderWidth: 1,
+          marginHorizontal: 16,
+          marginVertical: 8,
+          paddingVertical: 16,
+          paddingHorizontal: 12,
+          backgroundColor: 'white',
+          flexDirection: 'row',
+          borderRadius: 12,
+          justifyContent: 'space-between',
+          alignItems: 'center' // Ensures vertical alignment
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontSize: 14,
+            color: '#363840',
+            fontFamily: 'Poppins-SemiBold'
+          },
+          children: "Price Details"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontSize: 14,
+              color: '#363840',
+              fontFamily: 'Poppins-SemiBold'
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: {
+                fontSize: 14,
+                color: '#363840',
+                fontFamily: 'Inter-SemiBold'
+              },
+              children: checkoutDetails.currencySymbol
+            }), totalAmount]
+          }), /*#__PURE__*/_jsx(Image, {
+            source: require('../../assets/images/chervon-down.png'),
+            style: {
+              height: 6,
+              width: 14,
+              marginHorizontal: 6,
+              // Space between price and arrow
+              alignSelf: 'center'
+            }
+          })]
+        })]
+      })
+    })
+  });
+};
+export default OrderDetails;
+//# sourceMappingURL=orderDetails.js.map

package/lib/module/components/orderDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Image","Pressable","ScrollView","useState","SvgUri","checkoutDetailsHandler","jsx","_jsx","jsxs","_jsxs","OrderDetails","totalAmount","itemsArray","subTotalAmount","shippingAmount","taxAmount","isExpanded","setIsExpanded","checkoutDetails","itemHeight","maxVisibleItems","scrollHeight","Math","min","length","MyImage","uri","isSvg","endsWith","style","width","height","justifyContent","alignItems","children","transform","scale","source","resizeMode","borderColor","borderWidth","marginHorizontal","marginVertical","paddingVertical","backgroundColor","borderRadius","onPress","flexDirection","paddingHorizontal","fontSize","color","fontFamily","require","alignSelf","rotate","overflow","marginTop","nestedScrollEnabled","showsVerticalScrollIndicator","map","item","index","marginBottom","imageUrl","padding","flexGrow","flexShrink","numberOfLines","ellipsizeMode","imageTitle","imageOty","textAlign","currencySymbol","imageAmount","borderBottomWidth","borderBottomColor","borderStyle"],"sourceRoot":"../../../src","sources":["components/orderDetails.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/paymentFailed.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import { View, Text, StyleSheet, Pressable } from 'react-native';
+import React from 'react';
+import Modal from 'react-native-modal';
+import LottieView from 'lottie-react-native';
+import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PaymentFailed = ({
+  onClick,
+  errorMessage
+}) => {
+  const {
+    checkoutDetails
+  } = checkoutDetailsHandler;
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Modal, {
+      isVisible: true,
+      style: styles.modal,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.sheet,
+        children: [/*#__PURE__*/_jsx(LottieView, {
+          source: require('../../assets/animations/payment_failed.json'),
+          autoPlay: true,
+          loop: false,
+          style: {
+            width: 90,
+            height: 90,
+            alignSelf: 'center'
+          }
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.successfulHeading,
+          children: "Payment Failed"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontSize: 14,
+            fontFamily: 'Poppins-Regular',
+            color: '#000000D9',
+            textAlign: 'center',
+            alignSelf: 'center',
+            paddingTop: 8,
+            paddingBottom: 16,
+            lineHeight: 20
+          },
+          children: errorMessage
+        }), /*#__PURE__*/_jsx(Pressable, {
+          style: [styles.buttonContainer, {
+            backgroundColor: checkoutDetails.brandColor
+          }],
+          onPress: onClick,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonText,
+            children: "Retry Payment"
+          })
+        })]
+      })
+    })
+  });
+};
+export default PaymentFailed;
+const styles = StyleSheet.create({
+  modal: {
+    justifyContent: 'flex-end',
+    margin: 0
+  },
+  sheet: {
+    backgroundColor: 'white',
+    padding: 20,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  successfulHeading: {
+    color: '#E84142',
+    fontSize: 20,
+    alignSelf: 'center',
+    paddingTop: 8,
+    fontFamily: 'Poppins-SemiBold'
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    borderRadius: 8,
+    justifyContent: 'center',
+    marginTop: 12,
+    backgroundColor: '#1CA672'
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    paddingVertical: 12,
+    fontFamily: 'Poppins-SemiBold'
+  }
+});
+//# sourceMappingURL=paymentFailed.js.map

package/lib/module/components/paymentFailed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","Pressable","React","Modal","LottieView","checkoutDetailsHandler","jsx","_jsx","jsxs","_jsxs","PaymentFailed","onClick","errorMessage","checkoutDetails","children","isVisible","style","styles","modal","sheet","source","require","autoPlay","loop","width","height","alignSelf","successfulHeading","fontSize","fontFamily","color","textAlign","paddingTop","paddingBottom","lineHeight","buttonContainer","backgroundColor","brandColor","onPress","buttonText","create","justifyContent","margin","padding","borderTopLeftRadius","borderTopRightRadius","flexDirection","borderRadius","marginTop","paddingVertical"],"sourceRoot":"../../../src","sources":["components/paymentFailed.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAChE,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,sBAAsB,QAAQ,4CAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMjF,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAgB,CAAC,GAAGR,sBAAsB;EAClD,oBACEE,IAAA,CAACT,IAAI;IAAAgB,QAAA,eACHP,IAAA,CAACJ,KAAK;MAACY,SAAS,EAAE,IAAK;MAACC,KAAK,EAAEC,MAAM,CAACC,KAAM;MAAAJ,QAAA,eAC1CL,KAAA,CAACX,IAAI;QAACkB,KAAK,EAAEC,MAAM,CAACE,KAAM;QAAAL,QAAA,gBACxBP,IAAA,CAACH,UAAU;UACTgB,MAAM,EAAEC,OAAO,CAAC,6CAA6C,CAAE;UAC/DC,QAAQ;UACRC,IAAI,EAAE,KAAM;UACZP,KAAK,EAAE;YAAEQ,KAAK,EAAE,EAAE;YAAEC,MAAM,EAAE,EAAE;YAAEC,SAAS,EAAE;UAAS;QAAE,CACvD,CAAC,eACFnB,IAAA,CAACR,IAAI;UAACiB,KAAK,EAAEC,MAAM,CAACU,iBAAkB;UAAAb,QAAA,EAAC;QAAc,CAAM,CAAC,eAC5DP,IAAA,CAACR,IAAI;UACHiB,KAAK,EAAE;YACLY,QAAQ,EAAE,EAAE;YACZC,UAAU,EAAE,iBAAiB;YAC7BC,KAAK,EAAE,WAAW;YAClBC,SAAS,EAAE,QAAQ;YACnBL,SAAS,EAAE,QAAQ;YACnBM,UAAU,EAAE,CAAC;YACbC,aAAa,EAAE,EAAE;YACjBC,UAAU,EAAE;UACd,CAAE;UAAApB,QAAA,EAEDF;QAAY,CACT,CAAC,eACPL,IAAA,CAACN,SAAS;UACRe,KAAK,EAAE,CACLC,MAAM,CAACkB,eAAe,EACtB;YAAEC,eAAe,EAAEvB,eAAe,CAACwB;UAAW,CAAC,CAC/C;UACFC,OAAO,EAAE3B,OAAQ;UAAAG,QAAA,eAEjBP,IAAA,CAACR,IAAI;YAACiB,KAAK,EAAEC,MAAM,CAACsB,UAAW;YAAAzB,QAAA,EAAC;UAAa,CAAM;QAAC,CAC3C,CAAC;MAAA,CAIR;IAAC,CACF;EAAC,CACJ,CAAC;AAEX,CAAC;AAED,eAAeJ,aAAa;AAE5B,MAAMO,MAAM,GAAGjB,UAAU,CAACwC,MAAM,CAAC;EAC/BtB,KAAK,EAAE;IACLuB,cAAc,EAAE,UAAU;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDvB,KAAK,EAAE;IACLiB,eAAe,EAAE,OAAO;IACxBO,OAAO,EAAE,EAAE;IACXC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDlB,iBAAiB,EAAE;IACjBG,KAAK,EAAE,SAAS;IAChBF,QAAQ,EAAE,EAAE;IACZF,SAAS,EAAE,QAAQ;IACnBM,UAAU,EAAE,CAAC;IACbH,UAAU,EAAE;EACd,CAAC;EACDM,eAAe,EAAE;IACfW,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,CAAC;IACfN,cAAc,EAAE,QAAQ;IACxBO,SAAS,EAAE,EAAE;IACbZ,eAAe,EAAE;EACnB,CAAC;EACDG,UAAU,EAAE;IACVT,KAAK,EAAE,OAAO;IACdF,QAAQ,EAAE,EAAE;IACZqB,eAAe,EAAE,EAAE;IACnBpB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/paymentSelector.js

@@ -0,0 +1,192 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet, Image } from 'react-native';
+import { useState } from 'react';
+import { RadioButton } from 'react-native-paper';
+import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
+import { SvgUri } from 'react-native-svg';
+import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PaymentSelectorView = ({
+  providerList,
+  onProceedForward,
+  isLastUsed,
+  errorImage,
+  onClickRadio
+}) => {
+  const {
+    checkoutDetails
+  } = checkoutDetailsHandler;
+  return /*#__PURE__*/_jsx(View, {
+    children: providerList.map((provider, index) => /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(PaymentSelector, {
+        id: provider.id,
+        title: provider.displayValue,
+        image: provider.iconUrl,
+        errorImage: errorImage,
+        isSelected: provider.isSelected,
+        instrumentTypeValue: provider.instrumentTypeValue,
+        isLastUsed: isLastUsed && provider.isLastUsed,
+        onPress: onClickRadio,
+        onProceedForward: (displayValue, instrumentValue) => {
+          onProceedForward(displayValue, instrumentValue, provider.type);
+        },
+        brandColor: checkoutDetails.brandColor || '#1CA672',
+        currencySymbol: checkoutDetails.currencySymbol || '₹',
+        amount: checkoutDetails.amount
+      }), index !== providerList.length - 1 && /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          height: 1,
+          backgroundColor: '#ECECED'
+        }
+      })]
+    }, provider.id))
+  });
+};
+const PaymentSelector = ({
+  id,
+  title,
+  image,
+  errorImage,
+  isSelected,
+  instrumentTypeValue,
+  isLastUsed,
+  onPress,
+  onProceedForward,
+  brandColor,
+  currencySymbol,
+  amount
+}) => {
+  const [error, setImageError] = useState(false);
+  const [load, setLoad] = useState(true);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      paddingVertical: 16,
+      paddingHorizontal: 12,
+      backgroundColor: isSelected ? '#EDF8F4' : 'white',
+      borderRadius: isSelected ? 0 : 12
+    },
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          width: 32,
+          height: 32,
+          justifyContent: 'center',
+          alignItems: 'center'
+        },
+        children: [load && !error && /*#__PURE__*/_jsx(ShimmerPlaceHolder, {
+          visible: false // Keep shimmer until loading is done
+          ,
+          style: {
+            width: 32,
+            height: 32,
+            borderRadius: 8
+          }
+        }), !error ? /*#__PURE__*/_jsx(SvgUri, {
+          uri: image,
+          width: "100%" // Keep original size
+          ,
+          height: "100%",
+          style: {
+            transform: [{
+              scale: 1
+            }]
+          },
+          onLoad: () => setLoad(false),
+          onError: () => {
+            setImageError(true);
+            setLoad(false);
+          }
+        }) : /*#__PURE__*/_jsx(Image, {
+          source: errorImage,
+          style: {
+            transform: [{
+              scale: 0.4
+            }]
+          }
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          paddingStart: 12,
+          flex: 1
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 14,
+            color: '#4F4D55'
+          },
+          onPress: () => onPress(id),
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          children: title
+        }), isLastUsed && /*#__PURE__*/_jsx(View, {
+          style: styles.tag,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.tagText,
+            children: "Last Used"
+          })
+        })]
+      }), /*#__PURE__*/_jsx(RadioButton, {
+        value: id,
+        status: isSelected ? 'checked' : 'unchecked',
+        onPress: () => onPress(id),
+        color: brandColor,
+        uncheckedColor: '#01010273'
+      })]
+    }), isSelected && /*#__PURE__*/_jsx(Pressable, {
+      style: [styles.buttonContainer, {
+        backgroundColor: brandColor
+      }],
+      onPress: () => {
+        onProceedForward(title, instrumentTypeValue);
+      },
+      children: /*#__PURE__*/_jsxs(Text, {
+        style: styles.buttonText,
+        children: ["Proceed to Pay", ' ', /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Inter-SemiBold',
+            fontSize: 16,
+            color: 'white'
+          },
+          children: [' ', currencySymbol]
+        }), amount]
+      })
+    })]
+  });
+};
+export default PaymentSelectorView;
+const styles = StyleSheet.create({
+  buttonContainer: {
+    flexDirection: 'row',
+    borderRadius: 8,
+    justifyContent: 'center',
+    marginTop: 10,
+    paddingVertical: 12
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    fontFamily: 'Poppins-SemiBold'
+  },
+  tag: {
+    borderColor: '#1CA672',
+    borderRadius: 6,
+    backgroundColor: '#1CA67214',
+    borderWidth: 0.5,
+    paddingHorizontal: 4,
+    marginTop: 4,
+    alignSelf: 'flex-start'
+  },
+  tagText: {
+    fontSize: 10,
+    fontFamily: 'Poppins-Medium',
+    color: '#1CA672'
+  }
+});
+//# sourceMappingURL=paymentSelector.js.map