boxpay-checkout-reactnative-sdk 1.1.7 → 2.0.1

package/lib/typescript/src/styles/screens/walletScreenStyles.d.ts

@@ -1,96 +0,0 @@
-declare const styles: {
-    screenView: {
-        flex: number;
-        backgroundColor: string;
-    };
-    loaderView: {
-        flex: number;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    lottieStyle: {
-        width: number;
-        height: number;
-    };
-    listContainer: {
-        marginHorizontal: number;
-        backgroundColor: string;
-        borderColor: string;
-        borderWidth: number;
-        borderRadius: number;
-        marginBottom: number;
-    };
-    emptyListContainer: {
-        marginHorizontal: number;
-        backgroundColor: string;
-        borderColor: string;
-        borderWidth: number;
-        borderRadius: number;
-        marginBottom: number;
-        height: number;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    imageStyle: {
-        width: number;
-        height: number;
-    };
-    headingText: {
-        fontSize: number;
-        color: string;
-        marginTop: number;
-    };
-    subHeadingText: {
-        fontSize: number;
-        color: string;
-        marginTop: number;
-    };
-    bottomContainer: {
-        justifyContent: "center";
-        alignItems: "flex-end";
-        backgroundColor: string;
-        flexDirection: "row";
-    };
-    bottomText: {
-        fontSize: number;
-        color: string;
-        marginBottom: number;
-    };
-    bottomImage: {
-        height: number;
-        width: number;
-    };
-    webViewContainer: {
-        position: "absolute";
-        top: number;
-        left: number;
-        right: number;
-        bottom: number;
-        backgroundColor: string;
-    };
-    mainHeadingText: {
-        marginTop: number;
-        marginBottom: number;
-        marginHorizontal: number;
-        color: string;
-        fontSize: number;
-    };
-    textFieldStyle: {
-        marginTop: number;
-        marginHorizontal: number;
-        backgroundColor: string;
-        fontSize: number;
-        color: string;
-        height: number;
-    };
-    textFieldLabel: {
-        fontSize: number;
-    };
-    searchContainer: {
-        flexDirection: "row";
-        height: number;
-        backgroundColor: string;
-    };
-};
-export default styles;
-//# sourceMappingURL=walletScreenStyles.d.ts.map

package/lib/typescript/src/styles/screens/walletScreenStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"walletScreenStyles.d.ts","sourceRoot":"","sources":["../../../../../src/styles/screens/walletScreenStyles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FV,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/lib/typescript/src/utility.d.ts

@@ -1,59 +0,0 @@
-import type { PaymentMethod, PaymentClass, DeliveryAddress, CountryDetails } from './interface';
-export declare function transformAndFilterList(data: PaymentMethod[], filterType: string): PaymentClass[];
-export declare function getDeviceDetails(): {
-    browser: "ios" | "android" | "windows" | "macos" | "web";
-    platformVersion: string;
-    deviceType: string;
-    deviceName: string;
-    deviceBrandName: string;
-};
-export declare function getBrowserData(): {
-    screenHeight: string;
-    screenWidth: string;
-    acceptHeader: string;
-    userAgentHeader: string;
-    browserLanguage: string;
-    ipAddress: string;
-    colorDepth: number;
-    javaEnabled: boolean;
-    timeZoneOffSet: number;
-    packageId: string;
-};
-export declare function getShopperDetails(): {
-    email: string | null;
-    firstName: string | null;
-    gender: null;
-    lastName: string | null;
-    phoneNumber: string | null;
-    uniqueReference: string | null;
-    dateOfBirth: string | null;
-    panNumber: string | null;
-    deliveryAddress: {
-        address1: string | null;
-        address2: string | null;
-        city: string | null;
-        state: string | null;
-        countryCode: string | null;
-        postalCode: string | null;
-        labelType: string | null;
-        labelName: string | null;
-    } | null;
-};
-export declare const height: number, width: number;
-export declare const useCountdown: (initialSeconds: number) => {
-    timeRemaining: number;
-    start: () => void;
-    stop: () => void;
-};
-export declare function getEndpoint(env: string): string;
-export declare function generateRandomAlphanumericString(length: number): string;
-export declare function getBaseURL(env: string): string;
-export declare function formatAddress(deliveryAddress: DeliveryAddress): string;
-export declare function extractNames(fullName: string): {
-    firstName: string;
-    lastName: string;
-};
-export declare const formatTime: (timeRemaining: number) => string;
-export declare const formatExpiry: (input: string) => string;
-export declare const getPhoneNumberCodeAndCountryName: (countryCodeRef: string) => CountryDetails | any;
-//# sourceMappingURL=utility.d.ts.map

package/lib/typescript/src/utility.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../src/utility.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMhG,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,aAAa,EAAE,EACrB,UAAU,EAAE,MAAM,GACjB,YAAY,EAAE,CAehB;AAGD,wBAAgB,gBAAgB;;;;;;EAQ/B;AAED,wBAAgB,cAAc;;;;;;;;;;;EAa7B;AAED,wBAAgB,iBAAiB;;;;;;;;;;;;;;;;;;;EA8BhC;AAED,eAAO,MAAQ,MAAM,UAAE,KAAK,QAA6B,CAAC;AAE1D,eAAO,MAAM,YAAY,GAAI,gBAAgB,MAAM;;;;CA0BlD,CAAC;AAMF,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG/C;AAED,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAavE;AAGD,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,aAAa,CAAC,eAAe,EAAG,eAAe,GAAI,MAAM,CAMxE;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAcA;AAED,eAAO,MAAM,UAAU,GAAI,eAAgB,MAAM,WAIhD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAgB5C,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,gBAAiB,MAAM,KAAI,cAAc,GAAG,GAK5F,CAAA"}

package/src/components/addressCard.tsx

@@ -1,219 +0,0 @@
-import { View, Text, Pressable, Image } from 'react-native';
-import { checkoutDetailsHandler } from '../sharedContext/checkoutDetailsHandler';
-import { userDataHandler } from '../sharedContext/userdataHandler';
-import styles from '../styles/components/addressCardStyles';
-
-interface AddressCardProps {
-    address:string,
-    navigateToAddressScreen : ()=> void,
-}
-
-const AddressComponent = ({address, navigateToAddressScreen} : AddressCardProps) => {
-    const {checkoutDetails} = checkoutDetailsHandler
-    const {userData} = userDataHandler
-    return (
-        <View>
-            {address != '' && checkoutDetails.isShippingAddressEnabled && (
-                <View>
-                  <Text
-                    style={[styles.titleText, {fontFamily : checkoutDetails.fontFamily.semiBold}]}
-                  >
-                    Address
-                  </Text>
-                  <Pressable
-                    style={[styles.pressableContainer, {borderRadius: checkoutDetails.ctaBorderRadius,}]}
-                    onPress={() => {
-                      if (checkoutDetails.isShippingAddressEditable) {
-                        navigateToAddressScreen();
-                      }
-                    }}
-                  >
-                    <Image
-                      source={require('../../assets/images/ic_location.png')}
-                      style={styles.imageStyle}
-                    />
-                    <View
-                      style={styles.insideContainer}
-                    >
-                      <Text
-                        style={[styles.insideContainerNormalText, {fontFamily: checkoutDetails.fontFamily.regular}]}
-                      >
-                        Deliver at{' '}
-                        <Text
-                          style={[styles.insideContainerHighlighedText, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                        >
-                          {userData.labelType === 'Other' ? userData.labelName : userData.labelType}
-                        </Text>
-                      </Text>
-                      <Text
-                        numberOfLines={1}
-                        ellipsizeMode="tail"
-                        style={[styles.insideContainerDesc, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                      >
-                        {address}
-                      </Text>
-                    </View>
-                    {checkoutDetails.isShippingAddressEditable && (
-                      <Image
-                      source={require('../../assets/images/chervon-down.png')}
-                      style={{
-                        alignSelf: 'center',
-                        height: 6,
-                        width: 14,
-                        marginTop : 4,
-                        marginRight :10,
-                        transform: [
-                          {
-                            rotate: '270deg',
-                          },
-                        ],
-                      }}
-                    />
-                    )}
-                  </Pressable>
-                </View>
-              )}
-
-              {address == '' && checkoutDetails.isShippingAddressEnabled && (
-                <View>
-                  <Text
-                    style={[styles.titleText, {fontFamily : checkoutDetails.fontFamily.semiBold}]}
-                  >
-                    Address
-                  </Text>
-                  <Pressable
-                    style={[styles.pressableContainer, {borderRadius: checkoutDetails.ctaBorderRadius,}]}
-                    onPress={() => {
-                      if (checkoutDetails.isShippingAddressEditable) {
-                        navigateToAddressScreen();
-                      }
-                    }}
-                  >
-                    <Image
-                      source={require('../../assets/images/add_icon.png')}
-                      style={[styles.imageStyle, {tintColor: checkoutDetails.buttonColor}]}
-                    />
-                    <Text
-                      numberOfLines={1}
-                      ellipsizeMode="tail"
-                      style={[styles.insideContainerClickableText, {color: checkoutDetails.buttonColor,
-                        fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                    >
-                      Add new address
-                    </Text>
-                    {checkoutDetails.isShippingAddressEditable && (
-                      <Image
-                      source={require('../../assets/images/chervon-down.png')}
-                      style={{
-                        alignSelf: 'center',
-                        height: 6,
-                        width: 14,
-                        marginTop : 14,
-                        marginRight :10,
-                        marginLeft: 'auto',
-                        transform: [
-                          {
-                            rotate: '270deg',
-                          },
-                        ],
-                      }}
-                    />
-                    )}
-                  </Pressable>
-                </View>
-              )}
-
-              {(checkoutDetails.isFullNameEnabled || checkoutDetails.isPhoneEnabled || checkoutDetails.isEmailEnabled) &&
-                !checkoutDetails.isShippingAddressEnabled && (
-                  <View>
-                    <Text
-                      style={[styles.titleText, {fontFamily : checkoutDetails.fontFamily.semiBold}]}
-                    >
-                      Personal Details
-                    </Text>
-                    <Pressable
-                      style={[styles.pressableContainer, {borderRadius: checkoutDetails.ctaBorderRadius,}]}
-                      onPress={() => {
-                        if (
-                            checkoutDetails.isFullNameEditable ||
-                            checkoutDetails.isPhoneEditable ||
-                            checkoutDetails.isEmailEditable
-                        ) {
-                          navigateToAddressScreen();
-                        }
-                      }}
-                    >
-                      {(userData.firstName != '' || userData.completePhoneNumber != '' || userData.email != '') && (
-                        <>
-                          <Image
-                            source={require('../../assets/images/ic_user.png')}
-                            style={styles.imageStyle}
-                          />
-                          <View
-                            style={styles.insideContainer}
-                          >
-                            <Text
-                              style={[styles.insideContainerHighlighedText, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                            >
-                              {userData.firstName} {userData.lastName} | {' '}
-                              <Text
-                                style={[styles.insideContainerHighlighedText, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                              >
-                                {userData.completePhoneNumber}
-                              </Text>
-                            </Text>
-                            <Text
-                              numberOfLines={1}
-                              ellipsizeMode="tail"
-                              style={[styles.insideContainerDesc, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                            >
-                              {userData.email}
-                            </Text>
-                          </View>
-                        </>
-                      )}
-                      {(userData.firstName == '' || userData.completePhoneNumber == '' || userData.email == '') && (
-                        <>
-                          <Image
-                            source={require('../../assets/images/add_icon.png')}
-                            style={styles.imageStyle}
-                          />
-                          <Text
-                            numberOfLines={1}
-                            ellipsizeMode="tail"
-                            style={[styles.insideContainerClickableText, {color: checkoutDetails.buttonColor,
-                              fontFamily: checkoutDetails.fontFamily.semiBold,}]}
-                          >
-                            Add personal details
-                          </Text>
-                        </>
-                      )}
-
-                      {(checkoutDetails.isFullNameEditable ||
-                            checkoutDetails.isPhoneEditable ||
-                            checkoutDetails.isEmailEditable) && (
-                      <Image
-                      source={require('../../assets/images/chervon-down.png')}
-                      style={{
-                        alignSelf: 'center',
-                        height: 6,
-                        width: 14,
-                        marginTop : 14,
-                        marginRight :4,
-                        marginLeft: 'auto',
-                        transform: [
-                          {
-                            rotate: '270deg',
-                          },
-                        ],
-                      }}
-                    />
-                    )}
-                    </Pressable>
-                  </View>
-              )}
-        </View>
-    )
-}
-
-export default AddressComponent

package/src/components/applyCouponCard.tsx

@@ -1,197 +0,0 @@
-import React from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  TouchableOpacity,
-  Image,
-} from 'react-native';
-import { checkoutDetailsHandler } from '../sharedContext/checkoutDetailsHandler';
-
-interface Props {
-  selectedColor: string;
-  code: string;
-  description: string;
-  discountAmount: string;
-  currencySymbol: string;
-  isCodeApplied: boolean;
-
-  onClickApply: (code: string) => void;
-  onClickRemove: () => void;
-  onClickViewAll: () => void;
-}
-
-const ApplyCouponCard: React.FC<Props> = ({
-  selectedColor,
-  code,
-  description,
-  discountAmount,
-  currencySymbol,
-  isCodeApplied,
-  onClickApply,
-  onClickRemove,
-  onClickViewAll,
-}) => {
-  const {checkoutDetails} = checkoutDetailsHandler
-  return (
-    <View style={styles.container}>
-      {/* Top Row */}
-      <View style={styles.row}>
-        {/* Offer Icon */}
-        <View style={styles.iconWrapper}>
-          <Image
-            source={require('../../assets/images/ic_offer_tag.png')}
-            style={[
-              styles.icon,{
-                transform: [
-                  {
-                    rotate: '180deg',
-                  },
-                ],
-              }
-            ]}
-            resizeMode="contain"
-          />
-        </View>
-
-        {/* Text Section */}
-        <View style={styles.textContainer}>
-          <Text style={[styles.codeText, {fontFamily : checkoutDetails.fontFamily.semiBold}]}>
-            {isCodeApplied ? `${code} Applied!` : code}
-          </Text>
-
-          {isCodeApplied ? (
-            <Text style={[styles.savedText, {fontFamily : checkoutDetails.fontFamily.regular}]}>
-              Yay! You saved{' '}
-              <Text style={[styles.currency, {fontFamily : checkoutDetails.fontFamily.semiBold}]}>
-                {currencySymbol}
-              </Text>
-              {discountAmount} on this order
-            </Text>
-          ) : (
-            <Text
-              numberOfLines={1}
-              ellipsizeMode="tail"
-              style={[styles.description, {fontFamily : checkoutDetails.fontFamily.regular}]}
-            >
-              {description}
-            </Text>
-          )}
-        </View>
-
-        {/* Apply / Remove */}
-        <TouchableOpacity
-          onPress={() =>
-            isCodeApplied
-              ? onClickRemove()
-              : onClickApply(code)
-          }
-        >
-          <Text
-            style={[
-              styles.actionText,
-              {
-                color: isCodeApplied
-                  ? '#E84142'
-                  : selectedColor,
-              },
-            ]}
-          >
-            {isCodeApplied ? 'Remove' : 'Apply'}
-          </Text>
-        </TouchableOpacity>
-      </View>
-
-      {/* Divider */}
-      <View style={styles.divider} />
-
-      {/* View All */}
-      <TouchableOpacity onPress={onClickViewAll}>
-        <Text
-          style={[
-            styles.viewAll,
-            { color: selectedColor,
-              fontFamily : checkoutDetails.fontFamily.semiBold
-             },
-          ]}
-        >
-          View All &gt;
-        </Text>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-export default ApplyCouponCard;
-
-const styles = StyleSheet.create({
-    container: {
-      backgroundColor: '#FFF',
-      borderRadius: 10,
-      overflow: 'hidden',
-    },
-  
-    row: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingHorizontal: 16,
-      paddingVertical: 8,
-    },
-  
-    iconWrapper: {
-      borderWidth: 1,
-      borderColor: '#E6E6E6',
-      borderRadius: 6,
-      padding: 6,
-    },
-  
-    icon: {
-      width: 24,
-      height: 24,
-    },
-  
-    textContainer: {
-      flex: 1,
-      marginLeft: 6,
-      marginRight: 18,
-    },
-  
-    codeText: {
-      fontSize: 14,
-      fontWeight: '600',
-      color: '#1C1D20',
-    },
-  
-    description: {
-      fontSize: 12,
-      color: '#1C1D20',
-      marginTop: 2,
-    },
-  
-    savedText: {
-      fontSize: 12,
-      color: '#019939',
-      marginTop: 2,
-    },
-  
-    currency: {
-      fontWeight: '600',
-    },
-  
-    actionText: {
-      fontSize: 14,
-      fontWeight: '600',
-    },
-  
-    divider: {
-      height: 1,
-      backgroundColor: '#E6E6E6',
-    },
-  
-    viewAll: {
-      textAlign: 'center',
-      paddingVertical: 10,
-      fontSize: 14,
-      fontWeight: '600',
-    },
-  });

package/src/components/bankCard.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { View, Text, Image, TouchableOpacity } from 'react-native';
-import styles from '../styles/components/bankCardStyles';
-import ImageLoader from './imageLoader';
-import { checkoutDetailsHandler } from '../sharedContext/checkoutDetailsHandler';
-
-interface BankCardProps {
-  name: string;
-  iconUrl: string;
-  hasNoCostEmi: boolean;
-  hasLowCostEmi: boolean;
-  onPress: () => void;
-}
-
-const BankCard: React.FC<BankCardProps> = ({
-  name,
-  iconUrl,
-  hasNoCostEmi,
-  hasLowCostEmi,
-  onPress,
-}) => {
-  const {checkoutDetails} = checkoutDetailsHandler
-  return (
-    <TouchableOpacity style={styles.container} onPress={onPress}>
-      <ImageLoader image={iconUrl} errorImage={require('../../assets/images/ic_netbanking_semi_bold.png')}/>
-      <View style={styles.detailsContainer}>
-        <Text style={[styles.bankName, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}>{name}</Text>
-        <View style={styles.tagsContainer}>
-          {hasNoCostEmi && (
-            <View style={styles.tag}>
-              <Text style={[styles.tagText, {fontFamily: checkoutDetails.fontFamily.medium,}]}>NO COST EMI</Text>
-            </View>
-          )}
-          {hasLowCostEmi && (
-            <View style={styles.tag}>
-              <Text style={[styles.tagText, {fontFamily: checkoutDetails.fontFamily.medium,}]}>LOW COST EMI</Text>
-            </View>
-          )}
-        </View>
-      </View>
-
-      <Image
-        source={require('../../assets/images/chervon-down.png')}
-        style={styles.chervonImage}
-      />
-    </TouchableOpacity>
-  );
-};
-
-export default BankCard;

package/src/components/cancelPaymentModal.tsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import { View, Text, Image, Pressable } from 'react-native';
-import Modal from 'react-native-modal';
-import { checkoutDetailsHandler } from '../sharedContext/checkoutDetailsHandler';
-import styles from '../styles/components/cancelPaymentModalStyles';
-
-interface CancelPaymentModalProps {
-  onYesClick: () => void;
-  onNoClick: () => void;
-}
-
-const CancelPaymentModal: React.FC<CancelPaymentModalProps> = ({
-  onYesClick,
-  onNoClick,
-}) => {
-  const { checkoutDetails } = checkoutDetailsHandler;
-
-  return (
-    <View style={styles.modalContainer}>
-      <Modal isVisible={true} style={styles.modal}>
-        <View style={styles.modalContent}>
-          <View style={styles.iconContainer}>
-            <Image
-              source={require('../../assets/images/ic_info.png')}
-              style={styles.iconImage}
-            />
-            <Text style={[styles.modalTitle, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}>Cancel Transaction?</Text>
-          </View>
-          <Text style={[styles.modalText, {fontFamily: checkoutDetails.fontFamily.regular,}]}>
-            Are you sure you want to cancel the transaction?
-          </Text>
-
-          <View style={styles.buttonContainer}>
-            <Pressable
-              style={[
-                styles.cancelButton,
-                { borderColor: '#E6E6E6', borderWidth: 1, borderRadius: checkoutDetails.ctaBorderRadius, },
-              ]}
-              onPress={onNoClick}
-            >
-              <Text
-                style={[
-                  styles.buttonText,
-                  { color: checkoutDetails.buttonColor,
-                    fontFamily: checkoutDetails.fontFamily.regular,
-                  },
-                ]}
-              >
-                Not now
-              </Text>
-            </Pressable>
-            <Pressable
-              style={[
-                styles.confirmButton,
-                { backgroundColor: checkoutDetails.buttonColor, borderRadius: checkoutDetails.ctaBorderRadius, },
-              ]}
-              onPress={onYesClick}
-            >
-              <Text style={[styles.confirmButtonText, {fontFamily: checkoutDetails.fontFamily.semiBold,}]}>Yes</Text>
-            </Pressable>
-          </View>
-        </View>
-      </Modal>
-    </View>
-  );
-};
-
-export default CancelPaymentModal;