boxpay-checkout-reactnative-sdk 1.1.7-beta2 → 2.0.1

package/src/styles/components/bankCardStyles.ts

@@ -1,58 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    imageContainer : {
-        width: 32,
-        height: 32,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    shimmer : {
-        width: 32, height: 32, borderRadius: 8
-    },
-    errorImage : {
-        transform: [{ scale: 0.4 }]
-    },
-    container: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      padding: 12,
-    },
-    detailsContainer: {
-      flex: 1,
-      marginStart: 8,
-    },
-    bankName: {
-      fontSize: 14,
-      color: '#4F4D55',
-    },
-    tagsContainer: {
-      flexDirection: 'row',
-      alignItems: 'center',
-    },
-    tag: {
-      borderColor: '#FFADD2',
-      borderRadius: 6,
-      backgroundColor: '#FFF0F6',
-      borderWidth: 1,
-      paddingHorizontal: 4,
-      marginRight: 6,
-    },
-    tagText: {
-      fontSize: 10,
-      color: '#EB2F96',
-    },
-    chervonImage : {
-        alignSelf: 'center',
-        height: 6,
-        width: 14,
-        marginLeft: 'auto',
-        transform: [
-        {
-            rotate: '270deg',
-        },
-        ],
-    }
-  });
-
-  export default styles

package/src/styles/components/cancelPaymentModalStyles.ts

@@ -1,82 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    modalContainer: {
-      flex: 1,
-      justifyContent: 'center',
-      alignItems: 'center',
-    },
-    modal: {
-      margin: 0,
-      backgroundColor: 'rgba(0, 0, 0, 0.2)',
-    },
-    modalContent: {
-      backgroundColor: '#F5F6FB',
-      borderRadius: 16,
-      padding: 16,
-      width: '80%',
-      margin: 'auto',
-      shadowColor: '#000',
-      shadowOffset: {
-        width: 0,
-        height: 2,
-      },
-      shadowOpacity: 0.25,
-      shadowRadius: 4,
-      elevation: 5,
-    },
-    iconContainer: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      marginBottom: 10,
-    },
-    iconImage: {
-      height: 20,
-      width: 20,
-      tintColor: '#DB7C1D',
-    },
-    modalTitle: {
-      fontSize: 16,
-      color: '#2D2B32',
-      marginLeft: 8,
-    },
-    modalText: {
-      fontSize: 14,
-      color: '#555',
-      marginBottom: 20,
-      lineHeight: 24,
-    },
-    buttonContainer: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      marginTop: 10,
-    },
-    cancelButton: {
-      backgroundColor: '#fff',
-      paddingVertical: 10,
-      paddingHorizontal: 20,
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    confirmButton: {
-      paddingVertical: 10,
-      paddingHorizontal: 20,
-      flex: 1,
-      marginLeft: 16,
-      alignItems: 'center',
-      justifyContent: 'center',
-    },
-    buttonText: {
-      color: '#333',
-      fontSize: 16,
-      textAlign: 'center'
-    },
-    confirmButtonText: {
-      color: 'white',
-      fontSize: 16,
-      textAlign: 'center'
-    },
-});
-
-export default styles

package/src/styles/components/cvvInfoBottomSheetStyles.ts

@@ -1,49 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    modal: {
-      justifyContent: 'flex-end',
-      margin: 0,
-    },
-    sheet: {
-      backgroundColor: 'white',
-      padding: 20,
-      borderTopLeftRadius: 20,
-      borderTopRightRadius: 20,
-    },
-    secondaryHeading: {
-      color: '#2D2B32',
-      fontSize: 14,
-      marginTop: 16
-    },
-    desc: {
-      color: '#4F4D55',
-      fontSize: 14
-    },
-    buttonContainer: {
-      flexDirection: 'row',
-      justifyContent: 'center',
-      marginTop: 12,
-      backgroundColor: '#1CA672',
-    },
-    buttonText: {
-      color: 'white',
-      fontSize: 16,
-      paddingVertical: 12,
-    },
-    headingText : {
-        fontSize: 20,
-        color: '#2D2B32'
-    },
-    divider : {
-        flexDirection: 'row',
-        height: 2,
-        backgroundColor: '#ECECED',
-        marginTop: 28,  
-    },
-    imageStyle : {
-        width: 120, height: 58, marginTop: 28
-    }
-});
-
-export default styles

package/src/styles/components/savedAddressCardStyles.ts

@@ -1,60 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-const styles = StyleSheet.create({
-    card: {
-      backgroundColor: "#fff",
-      borderRadius: 12,
-      padding: 14,
-      marginVertical: 8,
-      marginHorizontal: 4,
-      borderWidth: 1,
-      borderColor: "#E0E0E0",
-      shadowColor: "#000",
-      shadowOffset: { width: 0, height: 2 },
-      shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 3,
-    },
-    cardSelected: {
-      borderColor: "#FF2E92",
-      shadowOpacity: 0.2,
-    },
-    headerRow: {
-      flexDirection: "row",
-      justifyContent: "space-between",
-      alignItems: "center",
-    },
-    labelContainer: {
-      flexDirection: "row",
-      alignItems: "center",
-      gap: 6,
-    },
-    labelName: {
-      fontSize: 14,
-      color: "#2D2B32",
-      paddingTop : 4
-    },
-    selectedTag: {
-      backgroundColor: "#FFF0F6",
-      paddingHorizontal: 8,
-      paddingVertical: 2,
-      borderRadius: 6,
-      marginLeft: 8,
-      borderColor:"#FFADD2",
-      borderWidth:1
-    },
-    selectedTagText: {
-      fontSize: 10,
-      color: "#EB2F96",
-    },
-    addressText: {
-      fontSize: 12,
-      color: "#7F7D83",
-    },
-    imageStyle : {
-      width : 20,
-      height : 20
-    }
-});
-
-export default styles

package/src/styles/indexStyles.ts

@@ -1,60 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    screenView : { flex: 1, backgroundColor: '#F5F6FB' },
-    loadingContainer: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#F5F6FB',
-        zIndex: 999,
-    },
-    lottieStyle : { width: 80, height: 80 },
-    container : {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    headingText : {
-        marginStart: 14,
-        marginTop: 20,
-        fontSize: 14,
-        color: '#020815B5',
-    },
-    paymentContainer : {
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        marginHorizontal: 16,
-        marginVertical: 8,
-        backgroundColor: 'white',
-        flexDirection: 'column',
-        borderRadius: 12,
-    },
-    footerContainer : {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'flex-end',
-        backgroundColor: '#F5F6FB',
-        flexDirection: 'row',
-    },
-    footerText : {
-        fontSize: 12,
-        color: '#888888',
-        marginBottom: 13,
-    },
-    footerImage : { height: 50, width: 50 },
-    webViewScreenStyle : {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'white',
-    }
-})
-
-export default styles

package/src/styles/screens/addressScreenStyles..ts

@@ -1,60 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    screenView : {
-        flex: 1, 
-        backgroundColor: 'white'
-    },
-    divider : {
-        flexDirection: 'row', 
-        height: 1, 
-        backgroundColor: '#ECECED' 
-    },
-    textInput: {
-        backgroundColor: 'white',
-        fontSize: 16,
-        color: '#0A090B',
-        height: 56,
-    },
-    buttonContainer: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        marginTop: 20,
-        marginHorizontal: 16,
-        paddingTop: 14,
-        paddingBottom: 12,
-    },
-    buttonText: {
-        fontSize: 16,
-    },
-    textFieldLable : {
-        fontSize: 16,
-    },
-    imageStyle : {
-        alignSelf: 'center',
-        height: 6,
-        width: 14,
-        marginEnd: 8
-    },
-    errorText : {
-        fontSize: 12,
-        color: '#E12121',
-        marginHorizontal: 16,
-        marginTop : 2
-    },
-    container : {
-        flex: 1,
-        flexDirection: 'row',
-        marginTop: 20,
-        marginHorizontal: 16
-    },
-    bottomContainer : {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        right: 0,
-        paddingBottom: 16,
-    }
-})
-
-export default styles

package/src/styles/screens/bnplScreenStyles.ts

@@ -1,78 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    screenView : {
-        flex: 1, 
-        backgroundColor: 'white'
-    },
-    loaderView : {
-        flex: 1, 
-        alignItems: 'center', 
-        justifyContent: 'center'
-    },
-    lottieStyle : {
-        width: 80, height: 80
-    },
-    listContainer : {
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        borderRadius: 12,
-        marginVertical: 16,
-    },
-    divider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED',
-    },
-    emptyListContainer : {
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        borderRadius: 12,
-        marginBottom: 32,
-        height: 300,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    imageStyle : {
-        width: 100, 
-        height: 100   
-    },
-    headingText : {
-        fontSize: 16,
-        color: '#212426',
-        marginTop: 16,
-    },
-    subHeadingText : {
-        fontSize: 14,
-        color: '#4F4D55',
-        marginTop: -4,
-    },
-    bottomText : {
-        fontSize: 12,
-        color: '#888888',
-        marginBottom: 13,
-    },
-    bottomContainer : {
-        justifyContent: 'center',
-        alignItems: 'flex-end',
-        backgroundColor: '#F5F6FB',
-        flexDirection: 'row',
-    },
-    bottomImage : {
-        height: 50, width: 50
-    },
-    webViewContainer : {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'white',
-    }
-})
-
-export default styles

package/src/styles/screens/cardScreenStyles.ts

@@ -1,153 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    textInput: {
-        backgroundColor: 'white',
-        fontSize: 16,
-        color: '#0A090B',
-        height: 60,
-    },
-    buttonContainer: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        marginTop: 20,
-        marginHorizontal: 16,
-        paddingTop: 14,
-        paddingBottom: 12,
-    },
-    buttonText: {
-        color: 'white',
-        fontSize: 16,
-    },
-    screenView : {
-        flex: 1, backgroundColor: 'white' 
-    },
-    loadingContainer : { flex: 1, alignItems: 'center', justifyContent: 'center' },
-    lottieStyle : { width: 80, height: 80 },
-    divider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED',
-    },
-    container : {
-        borderColor: '#E6E6E6',
-        borderWidth: 1,
-        borderRadius: 8,
-        padding: 12,
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginHorizontal: 16,
-        marginTop: 8,
-    },
-    imageContainer : {
-        width: 32,
-        height: 32,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    nameText : {
-        paddingStart: 8,
-        fontSize: 14,
-    },
-    thickBorder : {
-        borderWidth: 1.5,
-        borderStartColor: '#E6E6E6',
-        borderTopColor: 'white',
-        borderEndColor: 'white',
-        borderBottomColor: 'white',
-        paddingStart: 8,
-    },
-    durationText : {
-        fontSize: 12,
-        color: '#2D2B32',
-    },
-    currencyText : {
-        fontFamily: 'Inter-SemiBold',
-        fontSize: 12,
-        color: '#2D2B32',
-    },
-    percentText : {
-        fontSize: 12,
-        color: '#2D2B32',
-    },
-    textFieldLabel : {
-        fontSize: 16
-    },
-    errorText : {
-        color: '#B3261E',
-        fontSize: 12,
-        marginHorizontal: 16,
-        marginTop: 4,
-    },
-    expiryCvvContainer : {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        marginHorizontal: 16,
-        marginTop: 16,
-    },
-    infoContainer : {
-        flexDirection: 'row',
-        marginHorizontal: 16,
-        marginTop: 16,
-        backgroundColor: '#E8F6F1',
-        borderRadius: 4,
-        padding: 4,
-        alignItems: 'center',
-    },
-    infoIcon : {
-        width: 20, height: 20, tintColor: '#2D2B32'
-    },
-    infoText : {
-        fontSize: 12,
-        color: '#2D2B32',
-        marginStart: 8,
-    },
-    checkBoxContainer : {
-        flexDirection: 'row',
-        marginTop: 10,
-        alignItems: 'center',
-        paddingLeft: 10,
-    },
-    checkBoxText : {
-        color: '#2D2B32',
-        fontSize: 14,
-        marginLeft: 6,
-    },
-    clickableText : {
-        fontSize: 12,
-        textDecorationLine: 'underline',
-    },
-    pressableContainer : {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        right: 0,
-        paddingBottom: 16,
-    },
-    webViewContainer : {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'white',
-    },
-      checkboxBox: {
-        width: 20,
-        height: 20,
-        borderWidth: 2,
-        borderRadius: 3,
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginLeft: 8,
-      },
-      checkmark: {
-        color: '#fff',
-        fontSize: 13,
-        fontWeight: 'bold',
-        lineHeight: 16,
-      },
-})
-
-export default styles

package/src/styles/screens/emiScreenStyles.ts

@@ -1,112 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    screenView : {
-        flex: 1, backgroundColor: 'white' 
-    },
-    loadingContainer : { flex: 1, alignItems: 'center', justifyContent: 'center' },
-    lottieStyle : { width: 80, height: 80 },
-    availableScreenView : { flex: 1, backgroundColor: '#F5F6FB' },
-    container : {
-        backgroundColor: 'white',
-        marginTop: 4,
-        paddingBottom: 16,
-    },
-    insideContainer : {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        paddingHorizontal: 16,
-    },
-    cardsContainer : { paddingHorizontal: 16, paddingTop: 12 },
-    cardsText : {
-        fontSize: 14,
-    },
-    highlightedDivider : {
-        height: 2,
-        width: '120%',
-        minWidth: 40,
-        alignSelf: 'center',
-        borderRadius: 1,
-    },
-    divider : {
-        height: 1,
-        backgroundColor: '#DCDCDE',
-    },
-    searchTextLable : {
-        fontSize: 16,
-    },
-    textInputStyle : {
-        marginTop: 16,
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        fontSize: 16,
-        color: '#0A090B',   
-    },
-    filterContainer : {
-        flexDirection: 'row',
-        marginHorizontal: 16,
-        marginTop: 20,
-    },
-    filterBox : {
-        borderWidth: 1,
-        flexDirection: 'row',
-        paddingTop: 6,
-        paddingBottom: 4,
-        paddingHorizontal: 12,
-        alignItems: 'baseline',
-        borderRadius: 20,
-    },
-    filterText : {
-        fontSize: 12,
-        color: '#2D2B32',
-    },
-    filterImage : {
-        height: 10,
-        width: 10,
-        marginStart: 4,   
-    },
-    headingText : {
-        marginTop: 16,
-        marginBottom: 8,
-        marginHorizontal: 16,
-        color: '#020815B5',
-        fontSize: 14,
-    },
-    listContainer : {
-        backgroundColor: 'white',
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        borderRadius: 12,
-        marginHorizontal: 16,
-        marginBottom: 30,
-    },
-    emptyListContainer : {
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        marginBottom: 32,
-        height: 300,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    emptyListImage : { width: 100, height: 100 },
-    emptyListHeadingText : {
-        fontSize: 16,
-        color: '#212426',
-        marginTop: 16,
-    },
-    emptyListDescText : {
-        fontSize: 14,
-        color: '#4F4D55',
-        marginTop: -4,
-    },
-    webViewScreenStyle : {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'white',
-    }
-})
-
-export default styles