boxpay-checkout-reactnative-sdk 1.1.7 → 2.0.2-beta1

package/src/styles/screens/instantOfferScreenStyles.ts

@@ -1,43 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    searchContainer: {
-      flexDirection: 'row',
-      borderWidth: 1,
-      borderColor: '#D9D9D9',
-      margin: 16,
-      borderRadius: 8,
-      height: 48,
-      alignItems: 'center',
-      paddingHorizontal: 12,
-    },
-    input: {
-      flex: 1,
-      fontSize: 14,
-    },
-    applyText: {
-      fontWeight: 'bold',
-      fontSize: 16,
-    },
-    divider : {
-      flexDirection: 'row',
-      height: 1,
-      backgroundColor: '#ECECED',
-    },
-    screenView : {
-      flex: 1, backgroundColor: 'white' 
-    },
-    searchTextInputLabel : {
-      fontSize: 16
-    },
-    searchTextInput : {
-      marginTop: 16,
-      marginHorizontal: 16,
-      backgroundColor: 'white',
-      fontSize: 16,
-      color: '#0A090B',
-      height: 60,
-    }
-  });
-
-  export default styles

package/src/styles/screens/netBankingScreenStyles.ts

@@ -1,84 +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' },
-    divider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED',
-    },
-    searchTextInputLabel : {
-        fontSize: 16,
-    },
-    searchTextInput : {
-        marginTop: 16,
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        fontSize: 16,
-        color: '#0A090B',
-        height: 60,
-    },
-    headingText : {
-        marginTop: 16,
-        marginBottom: 8,
-        marginHorizontal: 16,
-        color: '#020815B5',
-        fontSize: 14,
-    },
-    container : {
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        borderRadius: 12,
-    },
-    emptyListContainer : {
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        borderRadius: 12,
-        marginBottom: 32,
-        height: 300,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    emptyIcon : { width: 100, height: 100 },
-    emptyListHeadingText : {
-        fontSize: 16,
-        color: '#212426',
-        marginTop: 16,
-    },
-    emptyListDescText : {
-        fontSize: 14,
-        color: '#4F4D55',
-        marginTop: -4,
-    },
-    footerContainer : {
-        justifyContent: 'center',
-        alignItems: 'flex-end',
-        backgroundColor: '#F5F6FB',
-        flexDirection: 'row',
-    },
-    footerTextStyle : {
-        fontSize: 12,
-        color: '#888888',
-        marginBottom: 13,
-    },
-    footerIcon : { height: 50, width: 50 },
-    webViewContainer : {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'white',
-    }
-})
-
-export default styles

package/src/styles/screens/savedAddressScreenStyles.ts

@@ -1,49 +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
-    },
-    divider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED',
-    },
-    mainHeadingText  :{
-        marginTop: 16,
-        marginHorizontal: 16,
-        color: '#020815B5',
-        fontSize: 14,
-    },
-    pressableContainer : {
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        marginHorizontal: 16,
-        marginTop: 8,
-        paddingTop:12,
-        paddingBottom: 16,
-        backgroundColor: 'white',
-        flexDirection: 'row',
-        borderRadius: 12,
-        alignItems:'center'
-      },
-      imageStyle : {
-        height: 14,
-        width: 14,
-        marginStart: 12
-      },
-      insideContainerClickableText : {
-        fontSize: 14,
-        paddingLeft:12
-      }
-})
-
-export default styles

package/src/styles/screens/selectTenureScreenStyles.ts

@@ -1,37 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    screenView : { flex: 1, backgroundColor: '#F5F6FB' },
-    outerContainer : {
-        backgroundColor: 'white',
-        borderColor: '#E6E6E6',
-        borderWidth: 1,
-        marginTop: 8,
-        marginHorizontal: 16,
-        borderRadius: 12,
-    },
-    shimmer : { width: 32, height: 32, borderRadius: 8 },
-    container :  {
-        flexDirection: 'row',
-        paddingHorizontal: 12,
-        paddingVertical: 16,
-        alignItems: 'center',
-    },
-    insideContainer : {
-        width: 28,
-        height: 28,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    text : {
-        fontSize: 14,
-        paddingStart: 8,
-    },
-    insideContainerDivider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED',
-    }
-})
-
-export default styles

package/src/styles/screens/upiScreenStyles.ts

@@ -1,167 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    headingContainer : {
-        flex: 1, flexDirection: 'row', alignItems: 'center' 
-    },
-    headingText: {
-        marginStart: 14,
-        marginTop: 20,
-        fontSize: 14,
-        color: '#020815B5',
-    },
-    divider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED'
-    },
-    pressableCollectContainer : {
-        flexDirection: 'row',
-        alignItems: 'center', // Ensures vertical alignment of items
-        paddingTop: 16,
-        paddingStart: 16,
-        marginEnd: 16,
-        justifyContent: 'space-between',
-    },
-    upiIntentRow: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 16,
-        paddingTop: 24,
-    },
-    textInput: {
-        marginHorizontal: 16,
-        borderRadius: 8,
-        backgroundColor: 'white',
-        fontSize: 14,
-        color: '#0A090B',
-    },
-    labeltextInput: {
-        fontSize: 20,
-    },
-    intentIcon: {
-        height: 28,
-        width: 30,
-    },
-    intentIconBorder: {
-        height: 56,
-        width: 56,
-        borderWidth: 1,
-        borderColor: '#DCDEE3',
-        borderRadius: 7,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    intentContainer: {
-        alignItems: 'center',
-        marginEnd: 22,
-    },
-    intentTitle: {
-        color: '#363840',
-        fontSize: 14,
-        marginTop: 4,
-    },
-    intentBackground: {
-        borderColor: '#F1F1F1',
-        borderWidth: 1,
-        marginHorizontal: 16,
-        marginVertical: 8,
-        backgroundColor: 'white',
-        flexDirection: 'column',
-        borderRadius: 12,
-    },
-    buttonContainer: {
-        flexDirection: 'row',
-        borderRadius: 8,
-        justifyContent: 'center',
-        marginTop: 20,
-        marginHorizontal: 16,
-        paddingVertical: 14,
-    },
-    buttonText: {
-        fontSize: 16,
-    },
-    currencySymbol: {
-        color: 'white',
-        fontSize: 16,
-        fontFamily: 'Inter-SemiBold',
-    },
-    errorText : {
-        fontSize: 12,
-        color: '#E12121',
-        marginStart: 16,
-        marginHorizontal: 16,
-    },
-    errorIcon : {
-        width: 24, height: 24
-    },
-    labelText : {
-        fontSize: 14,
-    },
-    container: {
-        flexDirection: "row",
-        alignItems: "center",
-        paddingHorizontal: 12,
-        paddingTop: 12,
-    },
-    qrContainer: {
-        position: "relative",
-        width: 300,
-        height: 300,
-        marginRight: 12,
-    },
-    qrImage: {
-        width: 300,
-        height: 300,
-        resizeMode: "cover",
-        borderRadius: 8,
-    },
-    retryButton: {
-        position: "absolute",
-        top: "40%",
-        left: "30%",
-        backgroundColor: "#fff",
-        paddingHorizontal: 24,
-        paddingVertical: 12,
-        borderRadius: 12,
-    },
-    retryText: {
-        fontSize: 20,
-        fontWeight: "600",
-    },
-    textContainer: {
-        flexDirection: "column",
-        justifyContent: "center",
-        marginLeft: 16,
-    },
-    label: {
-        fontSize: 12,
-        fontWeight: "500",
-        color: "#2D2B32",
-    },
-    timer: {
-        fontSize: 20,
-        fontWeight: "600",
-    },
-    imageStyle : {
-        height: 14,
-        width: 14,
-    },
-    subHeaderText : {
-        fontSize: 14,
-        paddingStart: 10,
-    },
-    animatedIcon : {
-        height: 6,
-        width: 14,
-        marginTop : -8
-    },
-    subContainerDivider : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#F1F1F1',
-        marginTop: 20,
-    }
-})
-
-export default styles

package/src/styles/screens/upiTimerScreenStyle.ts

@@ -1,91 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const styles = StyleSheet.create({
-    screenView : {
-        flex: 1, backgroundColor: '#F5F6FB'
-    },
-    cancelPaymentContainer: {
-        alignItems: 'center',
-        paddingBottom: 10,
-        paddingHorizontal: 16,
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        right: 0,
-    },
-    mainContainer : {
-        flex: 1,
-        justifyContent: 'flex-start',
-        alignItems: 'center',
-        paddingHorizontal: 16,
-        marginTop: 32,
-    },
-    headingText : {
-        color: '#2D2B32',
-        fontSize: 18,
-        textAlign: 'center',
-    },
-    descText : {
-        color: '#2D2B32',
-        fontSize: 14,
-        paddingTop: 12,
-        textAlign: 'center',
-        lineHeight: 24,
-    },
-    container : {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderColor: '#BABABA',
-        borderWidth: 2,
-        borderRadius: 8,
-        paddingVertical: 6,
-        paddingHorizontal: 8,
-        marginTop: 12,
-    },
-    imageStyle : {
-        height: 16, width: 16, marginRight: 4
-    },
-    text : {
-        color: '#1D1C20',
-        fontSize: 12,
-    },
-    expireInTextStyle : {
-        color: '#1D1C20',
-        fontSize: 16,
-        textAlign: 'center',
-        marginTop: 32,
-    },
-    progressBarContainer : {
-        marginTop: 14, alignItems: 'center' 
-    },
-    infoContainer : {
-        flexDirection: 'row',
-        borderColor: '#ECECED',
-        borderWidth: 2,
-        borderRadius: 8,
-        paddingVertical: 16,
-        paddingHorizontal: 16,
-        marginTop: 32,
-    },
-    infoImageStyle : {
-        height: 26, width: 26
-    },
-    infoText : {
-        color: '#1D1C20',
-        fontSize: 12,
-        paddingStart: 16,
-        lineHeight: 18,
-    },
-    thickDivider : {
-        flexDirection: 'row',
-        height: 2,
-        backgroundColor: '#ECECED',
-        marginBottom: 48, 
-    },
-    cancelTextStyle : {
-        fontSize: 16,
-    }
-})
-
-export default styles

package/src/styles/screens/walletScreenStyles.ts

@@ -1,96 +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,
-        marginBottom: 32,
-    },
-    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,
-    },
-    bottomContainer : {
-        justifyContent: 'center',
-        alignItems: 'flex-end',
-        backgroundColor: '#F5F6FB',
-        flexDirection: 'row',
-    },
-    bottomText : {
-        fontSize: 12,
-        color: '#888888',
-        marginBottom: 13,
-    },
-    bottomImage : {
-        height: 50, width: 50
-    },
-    webViewContainer : {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: 'white',
-    },
-    mainHeadingText  :{
-        marginTop: 16,
-        marginBottom: 8,
-        marginHorizontal: 16,
-        color: '#020815B5',
-        fontSize: 14,
-    },
-    textFieldStyle : {
-        marginTop: 16,
-        marginHorizontal: 16,
-        backgroundColor: 'white',
-        fontSize: 16,
-        color: '#0A090B',
-        height: 60,
-    },
-    textFieldLabel : {
-        fontSize: 16,
-    },
-    searchContainer : {
-        flexDirection: 'row',
-        height: 1,
-        backgroundColor: '#ECECED',
-    }
-})
-
-export default styles