tf-checkout-react-native 1.0.0

package/lib/containers/billingInfo/BillingInfoData.js

@@ -0,0 +1,79 @@
+import _forEach from 'lodash/forEach';
+import Constants from '../../api/Constants';
+export const formDataInitialState = {
+    firstName: '',
+    lastName: '',
+    email: '',
+    confirmEmail: '',
+    password: '',
+    confirmPassword: '',
+    phone: '',
+    street: '',
+    city: '',
+    country: undefined,
+    zipCode: '',
+    state: undefined,
+    isSubToNewsletter: false,
+    ticketHoldersFields: [],
+    isSubToMarketing: false,
+    birthday: undefined,
+    errors: {
+        firstName: '',
+        lastName: '',
+        email: '',
+        confirmEmail: '',
+        password: '',
+        confirmPassword: '',
+        phone: '',
+        street: '',
+        city: '',
+        zipCode: '',
+    },
+};
+export const getCheckoutBody = (values, loggedInData, isAgeRequired = false) => {
+    var _a, _b;
+    const parsedTicketHolders = values.ticketHoldersFields.map((th) => {
+        return {
+            email: th.email,
+            first_name: th.firstName,
+            last_name: th.lastName,
+            phone: th.phone,
+        };
+    });
+    const body = {
+        attributes: {
+            city: values.city,
+            confirm_email: values.confirmEmail,
+            country: (_a = values.country) === null || _a === void 0 ? void 0 : _a.value,
+            email: values.email,
+            first_name: values.firstName,
+            last_name: values.lastName,
+            password: values.password,
+            phone: values.phone,
+            state: (_b = values.state) === null || _b === void 0 ? void 0 : _b.value,
+            street_address: values.street,
+            zip: values.zipCode,
+            ticket_holders: parsedTicketHolders,
+            ttf_opt_in: values.isSubToNewsletter,
+            brand_opt_in: values.isSubToMarketing,
+        },
+    };
+    if (isAgeRequired && values.birthday) {
+        body.attributes.dob_day = values.birthday.getDate();
+        body.attributes.dob_month = values.birthday.getMonth() + 1;
+        body.attributes.dob_year = values.birthday.getFullYear();
+    }
+    return body;
+};
+export const getRegisterFormData = (checkoutBody) => {
+    const bodyFormData = new FormData();
+    _forEach(checkoutBody.attributes, (item, key) => {
+        bodyFormData.append(key, item);
+    });
+    bodyFormData.append('password_confirmation', checkoutBody.attributes.password);
+    bodyFormData.append('client_id', Constants.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
+    bodyFormData.append('client_secret', Constants.CLIENT_SECRET ||
+        'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
+    return bodyFormData;
+};
+//# sourceMappingURL=BillingInfoData.js.map

package/lib/containers/billingInfo/BillingInfoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingInfoData.js","sourceRoot":"","sources":["../../../src/containers/billingInfo/BillingInfoData.tsx"],"names":[],"mappings":"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"}

package/lib/containers/billingInfo/BillingInfoView.d.ts

@@ -0,0 +1,3 @@
+import { IBillingInfoViewProps } from './types';
+declare const BillingInfoView: ({ formFields, isLoading, onSubmit, onLoginSuccessful, onLoginFail, isDataValid, isLoginDialogVisible, showLoginDialog, hideLoginDialog, loginMessage, userProfile, isSubmitLoading, onLogoutSuccess, texts, styles, }: IBillingInfoViewProps) => JSX.Element;
+export default BillingInfoView;

package/lib/containers/billingInfo/BillingInfoView.js

@@ -0,0 +1,23 @@
+import _map from 'lodash/map';
+import React, { useCallback } from 'react';
+import { View } from 'react-native';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { Button, FormField, Loading, Login } from '../../components';
+import s from './styles';
+const BillingInfoView = ({ formFields, isLoading, onSubmit, onLoginSuccessful, onLoginFail, isDataValid, isLoginDialogVisible, showLoginDialog, hideLoginDialog, loginMessage, userProfile, isSubmitLoading, onLogoutSuccess, texts, styles, }) => {
+    var _a;
+    const renderFormFields = useCallback(() => {
+        return _map(formFields, (item, index) => (React.createElement(FormField, { ...item, key: `formField.${index}.${item.id}` })));
+    }, [formFields]);
+    return (React.createElement(KeyboardAwareScrollView, { extraScrollHeight: 32 },
+        React.createElement(View, { style: s.container },
+            React.createElement(Login, { onLoginSuccessful: onLoginSuccessful, onLoginFailure: () => { }, isLoginDialogVisible: isLoginDialogVisible, showLoginDialog: showLoginDialog, hideLoginDialog: hideLoginDialog, message: loginMessage, userProfileProp: userProfile, onLogoutSuccess: onLogoutSuccess, texts: texts === null || texts === void 0 ? void 0 : texts.loginTexts, styles: styles === null || styles === void 0 ? void 0 : styles.loginStyles }),
+            renderFormFields(),
+            React.createElement(Button, { onPress: onSubmit, text: (texts === null || texts === void 0 ? void 0 : texts.checkoutButton) || 'CHECKOUT', isDisabled: !isDataValid, isLoading: isSubmitLoading, styles: {
+                    ...styles === null || styles === void 0 ? void 0 : styles.loginButton,
+                    container: [s.submitButton, (_a = styles === null || styles === void 0 ? void 0 : styles.loginButton) === null || _a === void 0 ? void 0 : _a.container],
+                } }),
+            isLoading && React.createElement(Loading, null))));
+};
+export default BillingInfoView;
+//# sourceMappingURL=BillingInfoView.js.map

package/lib/containers/billingInfo/BillingInfoView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingInfoView.js","sourceRoot":"","sources":["../../../src/containers/billingInfo/BillingInfoView.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAA;AAEjF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACpE,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,eAAe,GAAG,CAAC,EACvB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,eAAe,EACf,eAAe,EACf,KAAK,EACL,MAAM,GACgB,EAAE,EAAE;;IAC1B,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,oBAAC,SAAS,OAAK,IAAI,EAAE,GAAG,EAAE,aAAa,KAAK,IAAI,IAAI,CAAC,EAAE,EAAE,GAAI,CAC9D,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,uBAAuB,IAAC,iBAAiB,EAAE,EAAE;QAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,SAAS;YACtB,oBAAC,KAAK,IACJ,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,YAAY,EACrB,eAAe,EAAE,WAAW,EAC5B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EACxB,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,GAC3B;YACD,gBAAgB,EAAE;YACnB,oBAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,KAAI,UAAU,EACzC,UAAU,EAAE,CAAC,WAAW,EACxB,SAAS,EAAE,eAAe,EAC1B,MAAM,EAAE;oBACN,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW;oBACtB,SAAS,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,0CAAE,SAAS,CAAC;iBAC5D,GACD;YACD,SAAS,IAAI,oBAAC,OAAO,OAAG,CACpB,CACiB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/containers/billingInfo/styles.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    container: {
+        marginHorizontal: number;
+        marginBottom: number;
+    };
+    input: {
+        marginBottom: number;
+    };
+    submitButton: {
+        marginVertical: number;
+    };
+    customCheckboxText: {
+        paddingRight: number;
+    };
+    privacyPolicyLink: {
+        textDecorationLine: "underline";
+        color: string;
+    };
+};
+export default _default;

package/lib/containers/billingInfo/styles.js

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+    container: {
+        marginHorizontal: 24,
+        marginBottom: 50,
+    },
+    input: {
+        marginBottom: 16,
+    },
+    submitButton: {
+        marginVertical: 32,
+    },
+    customCheckboxText: {
+        paddingRight: 32,
+    },
+    privacyPolicyLink: {
+        textDecorationLine: 'underline',
+        color: 'blue',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/containers/billingInfo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/billingInfo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,cAAc,EAAE,EAAE;KACnB;IACD,kBAAkB,EAAE;QAClB,YAAY,EAAE,EAAE;KACjB;IACD,iBAAiB,EAAE;QACjB,kBAAkB,EAAE,WAAW;QAC/B,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA"}

package/lib/containers/billingInfo/types.d.ts

@@ -0,0 +1,103 @@
+import { StyleProp, TextStyle } from 'react-native';
+import { IButtonStyles } from '../../components/button/types';
+import { ICheckboxStyles } from '../../components/checkbox/types';
+import { IDropdownItem, IDropdownStyles } from '../../components/dropdown/types';
+import { IFormFieldProps } from '../../components/formField/types';
+import { IInputStyles } from '../../components/input/types';
+import { ILoginViewStyles, ILoginViewTexts } from '../../components/login/types';
+import { IUserProfile } from '../../types';
+import { IAddToCartSuccess } from '../tickets/types';
+export interface ITokens {
+    accessToken: string;
+    refreshToken: string;
+}
+export interface IOnCheckoutSuccess {
+    id: string;
+    hash: string;
+    total: string;
+    status: string;
+}
+export interface IBillingInfoProps {
+    cartProps: IAddToCartSuccess;
+    onRegisterSuccess?: (tokens: ITokens) => void;
+    onRegisterFail?: (error: string) => void;
+    onCheckoutSuccess: (data: IOnCheckoutSuccess) => void;
+    onCheckoutFail?: (error: string) => void;
+    onLoginSuccess: (data: any) => void;
+    onLoginFail?: (error: string) => void;
+    onFetchUserProfileSuccess?: (data: any) => void;
+    onFetchUserProfileFail?: (error: any) => void;
+    onFetchCartError?: (error: string) => void;
+    styles?: IBillingInfoViewStyles;
+    texts?: IBillingInfoViewTexts;
+    customCheckboxText?: StyleProp<TextStyle>;
+    privacyPolicyLinkStyle?: StyleProp<TextStyle>;
+}
+export interface ITicketHolderField {
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone: string;
+}
+export interface IBillingInfoFormData {
+    firstName: string;
+    lastName: string;
+    email: string;
+    confirmEmail: string;
+    password: string;
+    confirmPassword: string;
+    phone: string;
+    street: string;
+    city: string;
+    country?: IDropdownItem;
+    state?: IDropdownItem;
+    zipCode: string;
+    isSubToNewsletter: boolean;
+    isSubToMarketing: boolean;
+    ticketHoldersFields: ITicketHolderField[];
+    birthday?: Date;
+    errors: {
+        firstName: string;
+        lastName: string;
+        email: string;
+        confirmEmail: string;
+        password: string;
+        confirmPassword: string;
+        phone: string;
+        street: string;
+        city: string;
+        zipCode: string;
+    };
+}
+export interface IBillingInfoViewStyles {
+    loginStyles?: ILoginViewStyles;
+    loginButton?: IButtonStyles;
+    inputStyles?: IInputStyles;
+    dropdownStyles?: IDropdownStyles;
+    checkboxStyles?: ICheckboxStyles;
+    titles?: StyleProp<TextStyle>;
+    headers?: StyleProp<TextStyle>;
+    texts?: StyleProp<TextStyle>;
+}
+export interface IBillingInfoViewTexts {
+    loginTexts?: ILoginViewTexts;
+    loginButton?: string;
+    checkoutButton?: string;
+}
+export interface IBillingInfoViewProps {
+    formFields: IFormFieldProps[];
+    isLoading: boolean;
+    onSubmit: () => void;
+    onLoginSuccessful: (userProfile: IUserProfile, accessToken: string) => void;
+    onLoginFail?: (error: string) => void;
+    isDataValid: boolean;
+    isLoginDialogVisible: boolean;
+    showLoginDialog: () => void;
+    hideLoginDialog: () => void;
+    loginMessage?: string;
+    userProfile?: IUserProfile;
+    isSubmitLoading?: boolean;
+    onLogoutSuccess?: () => void;
+    styles?: IBillingInfoViewStyles;
+    texts?: IBillingInfoViewTexts;
+}

package/lib/containers/billingInfo/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/containers/billingInfo/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/containers/billingInfo/types.ts"],"names":[],"mappings":""}

package/lib/containers/checkout/Checkout.d.ts

@@ -0,0 +1,3 @@
+import { ICheckoutProps } from './types';
+declare const Checkout: ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuccess, onFetchEventConditionsFail, onFetchEventConditionsSuccess, onCheckoutCompletedFail, onCheckoutCompletedSuccess, onPaymentError, onPaymentSuccess, onStripeInitializeError, }: ICheckoutProps) => JSX.Element;
+export default Checkout;

package/lib/containers/checkout/Checkout.js

@@ -0,0 +1,162 @@
+import { initStripe, useConfirmPayment, } from '@stripe/stripe-react-native';
+import _every from 'lodash/every';
+import _forEach from 'lodash/forEach';
+import _map from 'lodash/map';
+import _mapKeys from 'lodash/mapKeys';
+import React, { useEffect, useState } from 'react';
+import { Alert } from 'react-native';
+import { fetchEventConditions, fetchOrderReview, postOnPaymentSuccess, } from '../../api/ApiClient';
+import { priceWithCurrency } from '../../helpers/StringsHelper';
+import { orderReviewItems } from './CheckoutData';
+import CheckoutView from './CheckoutView';
+const Checkout = ({ eventId, hash, onFetchOrderReviewFail, onFetchOrderReviewSuccess, onFetchEventConditionsFail, onFetchEventConditionsSuccess, onCheckoutCompletedFail, onCheckoutCompletedSuccess, onPaymentError, onPaymentSuccess, onStripeInitializeError, }) => {
+    const { confirmPayment, loading } = useConfirmPayment();
+    const [isLoading, setIsLoading] = useState(true);
+    const [orderReview, setOrderReview] = useState();
+    const [conditionsTexts, setConditionsTexts] = useState([]);
+    const [conditionsValues, setConditionsValues] = useState([]);
+    const [orderInfo, setOrderInfo] = useState(orderReviewItems);
+    const [paymentInfo, setPaymentInfo] = useState();
+    const [isStripeReady, setIsStripeReady] = useState(false);
+    //#region Handlers
+    const handleOnChangePaymentInfo = (details) => {
+        console.log('handleOnChangePaymentInfo', details);
+        setPaymentInfo(details);
+    };
+    const handleOnCheckCondition = (index) => {
+        const tConditionsValues = [...conditionsValues];
+        tConditionsValues[index] = !conditionsValues[index];
+        setConditionsValues(tConditionsValues);
+    };
+    const handleOnPressPay = async () => {
+        if (!orderReview || !paymentInfo) {
+            return;
+        }
+        const { addressData } = orderReview;
+        const { error: confirmPaymentError, paymentIntent } = await confirmPayment(orderReview.paymentData.stripeClientSecret, {
+            type: 'Card',
+            billingDetails: {
+                addressCity: addressData.city,
+                addressLine1: addressData.line1,
+                addressState: addressData.state,
+                addressPostalCode: addressData.postalCode,
+                name: `${orderReview.billingData.firstName} ${orderReview.billingData.lastName}`,
+            },
+        });
+        console.log('Payment intent - Data', paymentIntent);
+        console.log('Payment intent - Error', confirmPaymentError);
+        if (confirmPaymentError || !paymentInfo) {
+            if (onCheckoutCompletedFail) {
+                onCheckoutCompletedFail((confirmPaymentError === null || confirmPaymentError === void 0 ? void 0 : confirmPaymentError.message) || 'Missing Payment Info');
+            }
+            return Alert.alert('', 'Missing Payment Info');
+        }
+        if (onCheckoutCompletedSuccess) {
+            onCheckoutCompletedSuccess(paymentIntent);
+        }
+        const { data: onPaymentSuccessData, error: onPaymentSuccessError } = await postOnPaymentSuccess(hash);
+        if (onPaymentSuccessError) {
+            if (onPaymentError) {
+                onPaymentError(onPaymentSuccessError);
+            }
+            return Alert.alert('', onPaymentSuccessError);
+        }
+        if (onPaymentSuccess) {
+            onPaymentSuccess(onPaymentSuccessData);
+        }
+    };
+    //#endregion
+    const getConditions = () => _map(conditionsTexts, (conditionTxt, index) => {
+        return {
+            id: `condition${index}`,
+            fieldType: 'checkbox',
+            checkboxProps: {
+                isActive: conditionsValues[index],
+                text: conditionTxt,
+                onPress: () => handleOnCheckCondition(index),
+            },
+        };
+    });
+    //#region useEffects
+    useEffect(() => {
+        const fetchEventConditionsAsync = async () => {
+            const { error: conditionsError, data: conditionsData } = await fetchEventConditions(eventId.toString());
+            if (conditionsError) {
+                console.log('conditionsError', conditionsError);
+                Alert.alert('', conditionsError);
+                if (onFetchEventConditionsFail) {
+                    onFetchEventConditionsFail(conditionsError);
+                }
+                return;
+            }
+            setConditionsValues(_map(conditionsData, () => false));
+            setConditionsTexts(conditionsData);
+            if (onFetchEventConditionsSuccess) {
+                onFetchEventConditionsSuccess(conditionsData);
+            }
+        };
+        const fetchOrderReviewAsync = async () => {
+            const { data: orderReviewData, error: orderReviewError } = await fetchOrderReview(hash);
+            console.log('orderReviewResponse - data', orderReviewData);
+            console.log('orderReviewResponse - error', orderReviewError);
+            if (orderReviewError || !orderReviewData) {
+                Alert.alert('', orderReviewError);
+                if (onFetchOrderReviewFail) {
+                    onFetchOrderReviewFail(orderReviewError || 'Error while getting Order Review');
+                }
+                return;
+            }
+            const tOrderInfo = [...orderInfo];
+            const currency = orderReviewData.reviewData.currency;
+            _forEach(tOrderInfo, (item) => {
+                _mapKeys(orderReviewData.reviewData, (value, key) => {
+                    if (item.id === key) {
+                        if (key === 'price' || key === 'total') {
+                            item.value = priceWithCurrency(value, currency);
+                        }
+                        else {
+                            item.value = value;
+                        }
+                    }
+                });
+            });
+            setOrderInfo(tOrderInfo);
+            setOrderReview(orderReviewData);
+            console.log('Order Review Data', orderReviewData.paymentData);
+            if (!orderReviewData.paymentData.stripePublishableKey) {
+                if (onStripeInitializeError) {
+                    onStripeInitializeError('Stripe is not configured for this event');
+                }
+                return Alert.alert('Stripe is not configured for this event', 'Please contact support.');
+            }
+            try {
+                await initStripe({
+                    publishableKey: orderReviewData.paymentData.stripePublishableKey,
+                    stripeAccountId: orderReviewData.paymentData.stripeConnectedAccount,
+                });
+                setIsStripeReady(true);
+            }
+            catch (stripeError) {
+                if (onStripeInitializeError) {
+                    onStripeInitializeError('Error initializing Stripe');
+                }
+            }
+        };
+        const fetchInitialData = async () => {
+            setIsLoading(true);
+            await fetchEventConditionsAsync();
+            await fetchOrderReviewAsync();
+            setIsLoading(false);
+        };
+        fetchInitialData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    //#endregion
+    const getIsDataValid = () => {
+        const paymentValid = paymentInfo === null || paymentInfo === void 0 ? void 0 : paymentInfo.complete;
+        return paymentValid && _every(conditionsValues, (item) => item === true);
+    };
+    return (React.createElement(CheckoutView, { orderReviewDataItems: orderInfo, onPressPay: handleOnPressPay, conditions: getConditions(), onFormComplete: handleOnChangePaymentInfo, isLoading: isLoading || loading, isDataValid: !getIsDataValid(), isStripeReady: isStripeReady }));
+};
+export default Checkout;
+//# sourceMappingURL=Checkout.js.map

package/lib/containers/checkout/Checkout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkout.js","sourceRoot":"","sources":["../../../src/containers/checkout/Checkout.tsx"],"names":[],"mappings":"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"}

package/lib/containers/checkout/CheckoutData.d.ts

@@ -0,0 +1,2 @@
+import { IOrderItem } from './types';
+export declare const orderReviewItems: IOrderItem[];

package/lib/containers/checkout/CheckoutData.js

@@ -0,0 +1,28 @@
+export const orderReviewItems = [
+    {
+        id: 'event',
+        title: 'EVENT',
+        value: '',
+    },
+    {
+        id: 'price',
+        title: 'PRICE PER TICKET',
+        value: '',
+    },
+    {
+        id: 'ticketType',
+        title: 'TICKET TYPE',
+        value: 'First RELEASE',
+    },
+    {
+        id: 'total',
+        title: 'TOTAL',
+        value: '',
+    },
+    {
+        id: 'numberOfTickets',
+        title: 'NUMBER OF TICKETS',
+        value: '',
+    },
+];
+//# sourceMappingURL=CheckoutData.js.map

package/lib/containers/checkout/CheckoutData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutData.js","sourceRoot":"","sources":["../../../src/containers/checkout/CheckoutData.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,eAAe;KACvB;IACD;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,KAAK,EAAE,mBAAmB;QAC1B,KAAK,EAAE,EAAE;KACV;CACF,CAAA"}

package/lib/containers/checkout/CheckoutView.d.ts

@@ -0,0 +1,3 @@
+import { ICheckoutViewProps } from './types';
+declare const CheckoutView: ({ texts, styles, orderReviewDataItems, onPressPay, conditions, onFormComplete, isDataValid, isLoading, isStripeReady, }: ICheckoutViewProps) => JSX.Element;
+export default CheckoutView;

package/lib/containers/checkout/CheckoutView.js

@@ -0,0 +1,34 @@
+import { CardForm } from '@stripe/stripe-react-native';
+import React from 'react';
+import { Text, View } from 'react-native';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { Button, Loading } from '../../components';
+import Conditions from './components/Conditions';
+import OrderReview from './components/OrderReview';
+import s from './styles';
+const CheckoutView = ({ texts, styles, orderReviewDataItems, onPressPay, conditions, onFormComplete, isDataValid, isLoading, isStripeReady, }) => {
+    const title = (texts === null || texts === void 0 ? void 0 : texts.title) ? texts.title : 'GET YOUR TICKETS';
+    const subTitle = (texts === null || texts === void 0 ? void 0 : texts.subTitle) ? texts.subTitle : 'Order review';
+    const handleOnPressPay = () => {
+        onPressPay();
+    };
+    const handleOnFormComplete = (cardDetails) => {
+        onFormComplete(cardDetails);
+    };
+    console.log('Is stripe Ready', isStripeReady);
+    return (React.createElement(KeyboardAwareScrollView, { extraScrollHeight: 32 },
+        React.createElement(View, null,
+            React.createElement(View, null,
+                React.createElement(Text, { style: [s.title] }, title),
+                React.createElement(Text, null, subTitle)),
+            React.createElement(OrderReview, { orderItems: orderReviewDataItems }),
+            React.createElement(Text, null, "Please provide your payment information"),
+            isStripeReady && (React.createElement(CardForm, { onFormComplete: handleOnFormComplete, style: s.card })),
+            React.createElement(Conditions, { ...conditions }),
+            React.createElement(Button, { text: 'PAY', onPress: handleOnPressPay, isDisabled: isDataValid, styles: {
+                    container: s.payButton,
+                } })),
+        isLoading && React.createElement(Loading, null)));
+};
+export default CheckoutView;
+//# sourceMappingURL=CheckoutView.js.map

package/lib/containers/checkout/CheckoutView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutView.js","sourceRoot":"","sources":["../../../src/containers/checkout/CheckoutView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,6BAA6B,CAAA;AACpE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAA;AAEjF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAClD,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,UAAU,EACV,UAAU,EACV,cAAc,EACd,WAAW,EACX,SAAS,EACT,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,KAAK,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAA;IAC7D,MAAM,QAAQ,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAA;IAElE,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,UAAU,EAAE,CAAA;IACd,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,WAAiC,EAAE,EAAE;QACjE,cAAc,CAAC,WAAW,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,uBAAuB,IAAC,iBAAiB,EAAE,EAAE;QAC5C,oBAAC,IAAI;YACH,oBAAC,IAAI;gBACH,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAG,KAAK,CAAQ;gBACtC,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAClB;YACP,oBAAC,WAAW,IAAC,UAAU,EAAE,oBAAoB,GAAI;YACjD,oBAAC,IAAI,kDAA+C;YACnD,aAAa,IAAI,CAChB,oBAAC,QAAQ,IAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,GAAI,CAClE;YACD,oBAAC,UAAU,OAAK,UAAU,GAAI;YAC9B,oBAAC,MAAM,IACL,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE;oBACN,SAAS,EAAE,CAAC,CAAC,SAAS;iBACvB,GACD,CACG;QACN,SAAS,IAAI,oBAAC,OAAO,OAAG,CACD,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/containers/checkout/components/Conditions.d.ts

@@ -0,0 +1,3 @@
+import { IFormFieldProps } from '../../../components/formField/types';
+declare const Conditions: (props: IFormFieldProps[]) => JSX.Element;
+export default Conditions;

package/lib/containers/checkout/components/Conditions.js

@@ -0,0 +1,11 @@
+import _map from 'lodash/map';
+import React from 'react';
+import { View } from 'react-native';
+import { Checkbox } from '../../../components';
+import { ConditionsStyles as s } from './styles';
+const ConditionItem = ({ id, checkboxProps }) => (React.createElement(Checkbox, { key: id, text: checkboxProps.text, isActive: checkboxProps.isActive, onPress: () => checkboxProps.onPress(id) }));
+const Conditions = (props) => {
+    return React.createElement(View, { style: s.rootContainer }, _map(props, ConditionItem));
+};
+export default Conditions;
+//# sourceMappingURL=Conditions.js.map

package/lib/containers/checkout/components/Conditions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conditions.js","sourceRoot":"","sources":["../../../../src/containers/checkout/components/Conditions.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,OAAO,EAAE,gBAAgB,IAAI,CAAC,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,aAAa,EAAmB,EAAE,EAAE,CAAC,CAChE,oBAAC,QAAQ,IACP,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,aAAc,CAAC,IAAI,EACzB,QAAQ,EAAE,aAAc,CAAC,QAAQ,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAc,CAAC,OAAO,CAAC,EAAG,CAAC,GAC1C,CACH,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9C,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa,IAAG,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,CAAQ,CAAA;AAC1E,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/containers/checkout/components/OrderReview.d.ts

@@ -0,0 +1,3 @@
+import { IOrderReviewProps } from '../types';
+declare const OrderReview: ({ orderItems }: IOrderReviewProps) => JSX.Element;
+export default OrderReview;

package/lib/containers/checkout/components/OrderReview.js

@@ -0,0 +1,10 @@
+import _map from 'lodash/map';
+import React from 'react';
+import { Text, View } from 'react-native';
+import { OrderReviewStyles as s } from './styles';
+const OrderItem = ({ title, value }) => (React.createElement(View, { style: s.orderItemContainer, key: `orderReview.${title}` },
+    React.createElement(Text, { style: s.orderItemTitle }, title),
+    React.createElement(Text, { style: s.orderItemValue, allowFontScaling: true }, value)));
+const OrderReview = ({ orderItems }) => (React.createElement(View, { style: s.rootContainer }, _map(orderItems, OrderItem)));
+export default OrderReview;
+//# sourceMappingURL=OrderReview.js.map

package/lib/containers/checkout/components/OrderReview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderReview.js","sourceRoot":"","sources":["../../../../src/containers/checkout/components/OrderReview.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,iBAAiB,IAAI,CAAC,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAc,EAAE,EAAE,CAAC,CAClD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,kBAAkB,EAAE,GAAG,EAAE,eAAe,KAAK,EAAE;IAC5D,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,cAAc,IAAG,KAAK,CAAQ;IAC7C,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,cAAc,EAAE,gBAAgB,EAAE,IAAI,IAClD,KAAK,CACD,CACF,CACR,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAqB,EAAE,EAAE,CAAC,CACzD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa,IAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAQ,CACnE,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/containers/checkout/components/styles.d.ts

@@ -0,0 +1,25 @@
+export declare const OrderReviewStyles: {
+    rootContainer: {
+        marginHorizontal: number;
+        marginVertical: number;
+        paddingVertical: number;
+        flex: number;
+        flexWrap: "wrap";
+    };
+    orderItemContainer: {
+        paddingVertical: number;
+        width: string;
+    };
+    orderItemTitle: {
+        fontWeight: "800";
+        fontSize: number;
+    };
+    orderItemValue: {
+        lineHeight: number;
+    };
+};
+export declare const ConditionsStyles: {
+    rootContainer: {
+        marginVertical: number;
+    };
+};

package/lib/containers/checkout/components/styles.js

@@ -0,0 +1,27 @@
+import { StyleSheet } from 'react-native';
+export const OrderReviewStyles = StyleSheet.create({
+    rootContainer: {
+        marginHorizontal: 0,
+        marginVertical: 24,
+        paddingVertical: 12,
+        flex: 1,
+        flexWrap: 'wrap',
+    },
+    orderItemContainer: {
+        paddingVertical: 4,
+        width: '50%',
+    },
+    orderItemTitle: {
+        fontWeight: '800',
+        fontSize: 16,
+    },
+    orderItemValue: {
+        lineHeight: 20,
+    },
+});
+export const ConditionsStyles = StyleSheet.create({
+    rootContainer: {
+        marginVertical: 16,
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/containers/checkout/components/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/containers/checkout/components/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CAAC;IACjD,aAAa,EAAE;QACb,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,EAAE;QAClB,eAAe,EAAE,EAAE;QACnB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,MAAM;KACjB;IACD,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,KAAK;KACb;IACD,cAAc,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,cAAc,EAAE;QACd,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IAChD,aAAa,EAAE;QACb,cAAc,EAAE,EAAE;KACnB;CACF,CAAC,CAAA"}