tf-checkout-react-native 1.0.24 → 1.0.26

package/lib/containers/billingInfo/Billing.js

@@ -1,27 +1,39 @@
+/* eslint-disable no-unreachable */
 import _every from 'lodash/every';
 import _find from 'lodash/find';
 import _forEach from 'lodash/forEach';
 import _map from 'lodash/map';
-import React, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { ActivityIndicator, Alert, Image, Linking, Text, View, } from 'react-native';
 import DeviceCountry, { TYPE_ANY } from 'react-native-device-country';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 import Constants from '../../api/Constants';
 import { Button, CartTimer, Checkbox, DatePicker, DropdownMaterial, Input, Loading, Login, PhoneInput, } from '../../components';
-import { BillingCore } from '../../core';
+import { BillingCore, SessionHandle } from '../../core';
 import { Config } from '../../helpers/Config';
 import { getCountryDialCode } from '../../helpers/CountryCodes';
 import { useDebounced } from '../../helpers/Debounced';
 import { getData, LocalStorageKeys } from '../../helpers/LocalStorage';
+import { emptyPhone } from '../../helpers/StringsHelper';
 import { validateAge, validateEmail, validateEmpty, validatePasswords, validatePhoneNumber, } from '../../helpers/Validators';
 import R from '../../res';
 import s from './styles';
-const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, isPhoneRequired, minimumAge, isBillingRequired, }, loginBrandImages, skipBillingConfig, areAlertsEnabled = true, areLoadingIndicatorsEnabled = true, onLoadingChange, onLoginError, onLoginSuccess, onRegisterError, onRegisterSuccess, onCheckoutSuccess, onCheckoutError, onFetchUserProfileSuccess, onFetchUserProfileError, onFetchCartError, onFetchCartSuccess, onFetchCountriesError, onFetchCountriesSuccess, onFetchStatesError, onFetchStatesSuccess, onSkippingStatusChange, onLogoutSuccess, onLogoutError, onCartExpired, shouldCartTimerNotMinimizeOnTap, }) => {
+/*
+  Fields to hide when ticket is free
+  - Billing Street Address
+  - City
+  - State/County
+  - Post Code/Zip
+  - Country
+*/
+const Billing = forwardRef(({ styles, texts, cartProps: { isAgeRequired, isNameRequired, isPhoneRequired, minimumAge, isBillingRequired, isTicketFree, isPhoneHidden, }, loginBrandImages, skipBillingConfig, areAlertsEnabled = true, areLoadingIndicatorsEnabled = true, onLoadingChange, onLoginError, onLoginSuccess, onRegisterError, onRegisterSuccess, onCheckoutSuccess, onCheckoutError, onFetchUserProfileSuccess, onFetchUserProfileError, onFetchCartError, onFetchCartSuccess, onFetchCountriesError, onFetchCountriesSuccess, onFetchStatesError, onFetchStatesSuccess, onSkippingStatusChange, onLogoutSuccess, onLogoutError, onCartExpired, shouldCartTimerNotMinimizeOnTap, }, ref) => {
     var _a, _b;
     //#region Labels
     const holderLabels = useMemo(() => {
         var _a, _b, _c, _d, _e, _f, _g;
-        const optional = isNameRequired ? '' : ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.optional) || '(optional)';
+        const optional = isNameRequired
+            ? ''
+            : ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.optional) || '(optional)';
         return {
             firstName: ((_b = texts === null || texts === void 0 ? void 0 : texts.form) === null || _b === void 0 ? void 0 : _b.holderFirstName)
                 ? `${texts.form.holderFirstName} ${optional}`
@@ -120,7 +132,32 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
     const storedProfileData = useRef({});
     const phoneErrorCounter = useRef(0);
     const billingCoreRef = useRef(null);
+    const sessionHandleRef = useRef(null);
     //#endregion
+    //#region Imperative Handler
+    useImperativeHandle(ref, () => ({
+        async refreshAccessToken(refreshToken) {
+            if (!sessionHandleRef.current) {
+                return {
+                    accessTokenError: {
+                        message: 'Session Handle ref is not initialized',
+                    },
+                };
+            }
+            const { accessTokenError, accessTokenData } = await sessionHandleRef.current.refreshAccessToken(refreshToken);
+            if (!accessTokenError && (accessTokenData === null || accessTokenData === void 0 ? void 0 : accessTokenData.accessToken)) {
+                await fetchData();
+            }
+            return {
+                accessTokenData,
+                accessTokenError,
+            };
+        },
+        async reloadData() {
+            await fetchData();
+        },
+    }));
+    //#endregion Imperative Handler
     //#region Handlers
     const handleSetPhoneError = useCallback((error) => {
         if (isPhoneRequired && phone.length > 0) {
@@ -188,12 +225,15 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             storedToken.current = accessToken;
         }
     };
-    const handleOnLoginSuccess = async (userProfile) => {
+    const handleOnLoginSuccess = async ({ userProfile, accessTokenData, }) => {
         var _a, _b, _c;
         let phoneCountry = 'US';
         const accessToken = await getData(LocalStorageKeys.ACCESS_TOKEN);
         const usrProfile = { ...userProfile };
-        onLoginSuccess === null || onLoginSuccess === void 0 ? void 0 : onLoginSuccess(usrProfile);
+        onLoginSuccess === null || onLoginSuccess === void 0 ? void 0 : onLoginSuccess({
+            userProfile,
+            accessTokenData,
+        });
         try {
             const deviceCountry = await DeviceCountry.getCountryCode(TYPE_ANY);
             phoneCountry = deviceCountry.code.toUpperCase();
@@ -212,8 +252,10 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             });
             if (phoneValidError) {
                 setIsLoading(false);
-                showAlert((texts === null || texts === void 0 ? void 0 : texts.invalidPhoneNumberError) || 'Please enter a valid phone number');
-                return handleSetPhoneError((texts === null || texts === void 0 ? void 0 : texts.invalidPhoneNumberError) || 'Please enter a valid phone number');
+                showAlert((texts === null || texts === void 0 ? void 0 : texts.invalidPhoneNumberError) ||
+                    'Please enter a valid phone number');
+                return handleSetPhoneError((texts === null || texts === void 0 ? void 0 : texts.invalidPhoneNumberError) ||
+                    'Please enter a valid phone number');
             }
             await performCheckout(getCheckoutBodyWhenSkipping({
                 userProfile: usrProfile,
@@ -282,17 +324,29 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
         if (secondsLeft === 0) {
             return false;
         }
-        if (!firstName ||
-            !lastName ||
-            !email ||
-            !emailConfirmation ||
-            !city ||
-            !postalCode ||
-            (selectedState === null || selectedState === void 0 ? void 0 : selectedState.value) === '-1' ||
-            (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.value) === '-1') {
-            return false;
+        if (isTicketFree) {
+            if (!firstName || !lastName || !email || !emailConfirmation) {
+                return false;
+            }
+        }
+        else {
+            if (!firstName ||
+                !lastName ||
+                !email ||
+                !emailConfirmation ||
+                !city ||
+                !postalCode ||
+                (selectedState === null || selectedState === void 0 ? void 0 : selectedState.value) === '-1' ||
+                (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.value) === '-1') {
+                return false;
+            }
+            if (Config.IS_BILLING_STREET_NAME_REQUIRED && !street) {
+                setIsLoading(false);
+                return false;
+            }
         }
         if (isPhoneRequired &&
+            !isPhoneHidden &&
             validatePhoneNumber({
                 phoneNumber: phone,
                 customError: (_b = (_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.phoneInput) === null || _b === void 0 ? void 0 : _b.customError,
@@ -300,10 +354,6 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             setIsLoading(false);
             return false;
         }
-        if (Config.IS_BILLING_STREET_NAME_REQUIRED && !street) {
-            setIsLoading(false);
-            return false;
-        }
         return true;
     };
     const fillAllRequiredFieldsAlert = ((_b = texts === null || texts === void 0 ? void 0 : texts.form) === null || _b === void 0 ? void 0 : _b.fillAllRequiredFieldsAlert) ||
@@ -369,52 +419,64 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
         setIsSubmittingData(true);
         const registerUserBody = getRegisterNewUserBody();
         const registerForm = getRegisterFormData(registerUserBody);
-        const { data: registerResponseData, error: registerResponseError } = await billingCoreRef.current.registerNewUser(registerForm);
-        if (registerResponseError) {
+        const { registerNewUserResponseData, registerNewUserResponseError } = await billingCoreRef.current.registerNewUser(registerForm);
+        if (registerNewUserResponseError) {
             setIsSubmittingData(false);
-            if (registerResponseError.isAlreadyRegistered) {
-                setLoginMessage(registerResponseError.message);
+            if (registerNewUserResponseError.isAlreadyRegistered) {
+                setLoginMessage(registerNewUserResponseError.message);
                 showLoginDialog();
-                return handleOnRegisterFail(registerResponseError.raw);
+                return handleOnRegisterFail(registerNewUserResponseError.raw);
             }
-            handleOnRegisterFail(registerResponseError.raw);
-            return showAlert(registerResponseError.message);
+            handleOnRegisterFail(registerNewUserResponseError.raw);
+            return showAlert(registerNewUserResponseError.message);
         }
-        if (!registerResponseData) {
+        if (!registerNewUserResponseData) {
             setIsSubmittingData(false);
             handleOnRegisterFail('Register returned no data');
             return showAlert('Register returned no data');
         }
-        const accessToken = await getData(LocalStorageKeys.ACCESS_TOKEN);
-        const refreshToken = await getData(LocalStorageKeys.REFRESH_TOKEN);
-        const tokens = {
-            accessToken: accessToken,
-            refreshToken: refreshToken,
-        };
-        storedToken.current = tokens.accessToken;
-        onRegisterSuccess === null || onRegisterSuccess === void 0 ? void 0 : onRegisterSuccess();
+        storedToken.current =
+            registerNewUserResponseData.accessTokenData.accessToken;
+        onRegisterSuccess === null || onRegisterSuccess === void 0 ? void 0 : onRegisterSuccess(registerNewUserResponseData);
         await performCheckout();
     };
     const getRegisterNewUserBody = () => {
-        const phoneNumber = phone.length < 5 ? '' : phone;
-        const body = {
-            attributes: {
-                city: city,
-                country: parseInt(selectedCountry.value, 10),
-                email: email,
-                first_name: firstName,
-                last_name: lastName,
-                password: password,
-                phone: phoneNumber,
-                state: parseInt(selectedState.value, 10),
-                street_address: street,
-                zip: postalCode,
-                password_confirmation: passwordConfirmation,
-                client_id: Config.CLIENT_ID,
-                client_secret: Config.CLIENT_SECRET,
-                check_cart_expiration: true,
-            },
-        };
+        const phoneNumber = isPhoneRequired ? phone : emptyPhone(phone);
+        const body = isTicketFree
+            ? {
+                attributes: {
+                    email: email,
+                    first_name: firstName,
+                    last_name: lastName,
+                    password: password,
+                    phone: phoneNumber,
+                    password_confirmation: passwordConfirmation,
+                    client_id: Config.CLIENT_ID,
+                    client_secret: Config.CLIENT_SECRET,
+                    check_cart_expiration: true,
+                },
+            }
+            : {
+                attributes: {
+                    city: city,
+                    country: parseInt(selectedCountry.value, 10),
+                    email: email,
+                    first_name: firstName,
+                    last_name: lastName,
+                    password: password,
+                    phone: phoneNumber,
+                    state: parseInt(selectedState.value, 10),
+                    street_address: street,
+                    zip: postalCode,
+                    password_confirmation: passwordConfirmation,
+                    client_id: Config.CLIENT_ID,
+                    client_secret: Config.CLIENT_SECRET,
+                    check_cart_expiration: true,
+                },
+            };
+        if (body.attributes.phone === undefined) {
+            delete body.attributes.phone;
+        }
         return body;
     };
     const getCheckoutBody = () => {
@@ -428,29 +490,47 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             };
             parsedTicketHolders.push(individualHolder);
         }
-        const checkoutBody = {
-            attributes: {
-                city: city,
-                confirm_email: emailConfirmation,
-                country: parseInt(selectedCountry.value, 10),
-                email: email,
-                first_name: firstName,
-                last_name: lastName,
-                password: password,
-                phone: phone,
-                state: parseInt(selectedState.value, 10),
-                street_address: street,
-                zip: postalCode,
-                ticket_holders: parsedTicketHolders,
-                ttf_opt_in: isSubToTicketFairy,
-                brand_opt_in: isSubToBrand,
-            },
-        };
+        const formattedPhone = isPhoneRequired ? phone : emptyPhone(phone);
+        const checkoutBody = isTicketFree
+            ? {
+                attributes: {
+                    confirm_email: emailConfirmation,
+                    email: email,
+                    first_name: firstName,
+                    last_name: lastName,
+                    password: password,
+                    phone: formattedPhone,
+                    ticket_holders: parsedTicketHolders,
+                    ttf_opt_in: isSubToTicketFairy,
+                    brand_opt_in: isSubToBrand,
+                },
+            }
+            : {
+                attributes: {
+                    city: city,
+                    confirm_email: emailConfirmation,
+                    country: parseInt(selectedCountry.value, 10),
+                    email: email,
+                    first_name: firstName,
+                    last_name: lastName,
+                    password: password,
+                    phone: formattedPhone,
+                    state: parseInt(selectedState.value, 10),
+                    street_address: street,
+                    zip: postalCode,
+                    ticket_holders: parsedTicketHolders,
+                    ttf_opt_in: isSubToTicketFairy,
+                    brand_opt_in: isSubToBrand,
+                },
+            };
         if (isAgeRequired) {
             checkoutBody.attributes.dob_day = dateOfBirth.getDate();
             checkoutBody.attributes.dob_month = dateOfBirth.getMonth() + 1;
             checkoutBody.attributes.dob_year = dateOfBirth.getFullYear();
         }
+        if (checkoutBody.attributes.phone === undefined) {
+            delete checkoutBody.attributes.phone;
+        }
         return checkoutBody;
     };
     const getCheckoutBodyWhenSkipping = ({ userProfile, ticketsQuantity, }) => {
@@ -475,24 +555,41 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
                 };
             parsedTicketHolders.push(individualHolder);
         }
-        const checkoutBody = {
-            attributes: {
-                city: userProfile.city,
-                confirm_email: userProfile.email,
-                country: parseInt(userProfile.countryId, 10),
-                email: userProfile.email,
-                first_name: userProfile.firstName,
-                last_name: userProfile.lastName,
-                phone: userProfile.phone,
-                state: parseInt(userProfile.stateId, 10),
-                street_address: userProfile.streetAddress,
-                zip: userProfile.zipCode,
-                ticket_holders: parsedTicketHolders,
-                ttf_opt_in: isSubToTicketFairy,
-                brand_opt_in: isSubToBrand,
-                password: password,
-            },
-        };
+        const checkoutBody = isTicketFree
+            ? {
+                attributes: {
+                    confirm_email: userProfile.email,
+                    email: userProfile.email,
+                    first_name: userProfile.firstName,
+                    last_name: userProfile.lastName,
+                    phone: userProfile.phone,
+                    ticket_holders: parsedTicketHolders,
+                    ttf_opt_in: isSubToTicketFairy,
+                    brand_opt_in: isSubToBrand,
+                    password: password,
+                },
+            }
+            : {
+                attributes: {
+                    city: userProfile.city,
+                    confirm_email: userProfile.email,
+                    country: parseInt(userProfile.countryId, 10),
+                    email: userProfile.email,
+                    first_name: userProfile.firstName,
+                    last_name: userProfile.lastName,
+                    phone: userProfile.phone,
+                    state: parseInt(userProfile.stateId, 10),
+                    street_address: userProfile.streetAddress,
+                    zip: userProfile.zipCode,
+                    ticket_holders: parsedTicketHolders,
+                    ttf_opt_in: isSubToTicketFairy,
+                    brand_opt_in: isSubToBrand,
+                    password: password,
+                },
+            };
+        if (checkoutBody.attributes.phone === undefined) {
+            delete checkoutBody.attributes.phone;
+        }
         return checkoutBody;
     };
     const onSubmit = async () => {
@@ -508,6 +605,7 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
         }
     };
     //#endregion
+    //#region Fetch Initial Data
     const fetchData = async () => {
         var _a, _b;
         if (!billingCoreRef.current) {
@@ -527,7 +625,7 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             phoneCountry = 'US';
         }
         const usrTkn = await getData(LocalStorageKeys.ACCESS_TOKEN);
-        let skippingStatus;
+        let skippingStatusInner;
         const { countriesData, countriesError } = await billingCoreRef.current.getCountries();
         if (countriesError) {
             setSkippingStatus('fail');
@@ -555,7 +653,7 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             usrPrfl = userProfileData;
         }
         else {
-            skippingStatus = 'fail';
+            skippingStatusInner = 'fail';
             parsedCountries.unshift({
                 value: '-1',
                 label: ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.country) || 'Country',
@@ -573,7 +671,7 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             return showAlert((cartError === null || cartError === void 0 ? void 0 : cartError.message) || 'Error fetching cart');
         }
         onFetchCartSuccess === null || onFetchCartSuccess === void 0 ? void 0 : onFetchCartSuccess();
-        if (skippingStatus === 'fail') {
+        if (skippingStatusInner === 'fail') {
             setSkippingStatus('fail');
         }
         else {
@@ -596,11 +694,29 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             });
         }
         if (usrPrfl) {
-            if (!checkIsStoredPhoneNumberFormat(usrPrfl.phone)) {
-                showAlert((texts === null || texts === void 0 ? void 0 : texts.invalidPhoneNumberError) || 'Please enter a valid phone number');
-                skippingStatus = 'fail';
-                setSkippingStatus('fail');
-                setIsLoading(false);
+            if (!isPhoneHidden && isPhoneRequired) {
+                if (!checkIsStoredPhoneNumberFormat(usrPrfl.phone)) {
+                    showAlert((texts === null || texts === void 0 ? void 0 : texts.invalidPhoneNumberError) ||
+                        'Please enter a valid phone number');
+                    skippingStatusInner = 'fail';
+                    setSkippingStatus('fail');
+                    setIsLoading(false);
+                }
+                else {
+                    // We can perfom Checkout process since phone is valid
+                    if (!isBillingRequired && usrTkn && cartData) {
+                        const checkoutBody = getCheckoutBodyWhenSkipping({
+                            userProfile: usrPrfl,
+                            ticketsQuantity: cartData.quantity,
+                        });
+                        return await performCheckout(checkoutBody);
+                    }
+                    else {
+                        if (skippingStatusInner === 'skipping') {
+                            setSkippingStatus('fail');
+                        }
+                    }
+                }
             }
             else {
                 // We can perfom Checkout process since phone is valid
@@ -612,14 +728,15 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
                     return await performCheckout(checkoutBody);
                 }
                 else {
-                    if (skippingStatus === 'skipping') {
+                    if (skippingStatusInner === 'skipping') {
                         setSkippingStatus('fail');
                     }
                 }
             }
+            const userPhone = usrPrfl.phone === null ? '' : usrPrfl.phone;
             handleSetFormDataFromUserProfile({
                 ...usrPrfl,
-                phone: `${phoneCountryDialCode}${usrPrfl.phone}`,
+                phone: `${phoneCountryDialCode}${userPhone}`,
             });
         }
         else {
@@ -630,6 +747,7 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
         setTicketHoldersData(tHolders);
         setIsLoading(false);
     };
+    //#endregion Fetch Initial Data
     //#region Effects
     useEffect(() => {
         handleOnLoadingChange(isLoading);
@@ -718,7 +836,7 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     //#endregion
-    //#region Render
+    //#region RENDER
     const renderTicketHolders = () => {
         var _a;
         if (!numberOfTicketHolders) {
@@ -783,19 +901,20 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
                             'Choose a password for your new TICKETFAIRY account'),
                         React.createElement(Input, { label: ((_j = texts === null || texts === void 0 ? void 0 : texts.form) === null || _j === void 0 ? void 0 : _j.password) || 'Password', isSecure: true, onChangeText: setPassword, error: passwordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true, textContentType: 'oneTimeCode' }),
                         React.createElement(Input, { label: ((_k = texts === null || texts === void 0 ? void 0 : texts.form) === null || _k === void 0 ? void 0 : _k.confirmPassword) || 'Confirm password', isSecure: true, onChangeText: setPasswordConfirmation, error: confirmPasswordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true, textContentType: 'oneTimeCode' }))),
-                    React.createElement(PhoneInput, { phoneNumber: phone, onChangePhoneNumber: handleOnChangePhoneNumber, styles: styles === null || styles === void 0 ? void 0 : styles.phoneInput, error: phoneError, texts: {
+                    !isPhoneHidden && (React.createElement(PhoneInput, { phoneNumber: phone, onChangePhoneNumber: handleOnChangePhoneNumber, styles: styles === null || styles === void 0 ? void 0 : styles.phoneInput, error: phoneError, texts: {
                             label: phoneLabel,
                             ...(_l = texts === null || texts === void 0 ? void 0 : texts.form) === null || _l === void 0 ? void 0 : _l.phoneInput,
-                        } }),
-                    React.createElement(Input, { label: addressLabel, value: street, onChangeText: setStreet, error: streetError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
-                    React.createElement(Input, { label: ((_m = texts === null || texts === void 0 ? void 0 : texts.form) === null || _m === void 0 ? void 0 : _m.city) || 'City', value: city, onChangeText: setCity, error: cityError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
-                    React.createElement(DropdownMaterial, { items: countries, onSelectItem: setSelectedCountry, selectedOption: selectedCountry, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownMaterialStyles, materialInputProps: {
-                            label: ((_o = texts === null || texts === void 0 ? void 0 : texts.form) === null || _o === void 0 ? void 0 : _o.country) || 'Country',
-                        } }),
-                    React.createElement(Input, { label: ((_p = texts === null || texts === void 0 ? void 0 : texts.form) === null || _p === void 0 ? void 0 : _p.zipCode) || 'Postal Code / Zip Code', value: postalCode, onChangeText: setPostalCode, error: postalCodeError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
-                    React.createElement(DropdownMaterial, { items: states, onSelectItem: setSelectedState, selectedOption: selectedState, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownMaterialStyles, materialInputProps: {
-                            label: ((_q = texts === null || texts === void 0 ? void 0 : texts.form) === null || _q === void 0 ? void 0 : _q.state) || 'State',
-                        } }),
+                        } })),
+                    !isTicketFree && (React.createElement(React.Fragment, null,
+                        React.createElement(Input, { label: addressLabel, value: street, onChangeText: setStreet, error: streetError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+                        React.createElement(Input, { label: ((_m = texts === null || texts === void 0 ? void 0 : texts.form) === null || _m === void 0 ? void 0 : _m.city) || 'City', value: city, onChangeText: setCity, error: cityError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+                        React.createElement(DropdownMaterial, { items: countries, onSelectItem: setSelectedCountry, selectedOption: selectedCountry, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownMaterialStyles, materialInputProps: {
+                                label: ((_o = texts === null || texts === void 0 ? void 0 : texts.form) === null || _o === void 0 ? void 0 : _o.country) || 'Country',
+                            } }),
+                        React.createElement(Input, { label: ((_p = texts === null || texts === void 0 ? void 0 : texts.form) === null || _p === void 0 ? void 0 : _p.zipCode) || 'Postal Code / Zip Code', value: postalCode, onChangeText: setPostalCode, error: postalCodeError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+                        React.createElement(DropdownMaterial, { items: states, onSelectItem: setSelectedState, selectedOption: selectedState, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownMaterialStyles, materialInputProps: {
+                                label: ((_q = texts === null || texts === void 0 ? void 0 : texts.form) === null || _q === void 0 ? void 0 : _q.state) || 'State',
+                            } }))),
                     React.createElement(Checkbox, { onPress: handleIsSubToBrandToggle, text: brandCheckBoxText, isActive: isSubToBrand, styles: styles === null || styles === void 0 ? void 0 : styles.checkboxStyles }),
                     !isTtfCheckboxHidden && (React.createElement(Checkbox, { onPress: handleIsSubToTicketFairyToggle, isActive: isSubToTicketFairy, customTextComp: React.createElement(Text, { style: (_r = styles === null || styles === void 0 ? void 0 : styles.customCheckbox) === null || _r === void 0 ? void 0 : _r.text },
                             ((_s = texts === null || texts === void 0 ? void 0 : texts.form) === null || _s === void 0 ? void 0 : _s.isSubToTicketFairy) ||
@@ -822,10 +941,11 @@ const Billing = ({ styles, texts, cartProps: { isAgeRequired, isNameRequired, is
             React.createElement(CartTimer, { secondsLeft: secondsLeft, styles: styles === null || styles === void 0 ? void 0 : styles.cartTimer, texts: texts === null || texts === void 0 ? void 0 : texts.cartTimer, shouldNotMinimize: shouldCartTimerNotMinimizeOnTap })));
     };
     const isDataValid = checkBasicDataValid();
-    return (React.createElement(BillingCore, { ref: billingCoreRef, onSecondsLeftChange: setSecondsLeft, onCartExpired: onCartExpired }, skippingStatus === 'skipping' && areLoadingIndicatorsEnabled
-        ? renderCheckingOut()
-        : renderContent()));
+    return (React.createElement(BillingCore, { ref: billingCoreRef, onSecondsLeftChange: setSecondsLeft, onCartExpired: onCartExpired },
+        React.createElement(SessionHandle, { ref: sessionHandleRef }, skippingStatus === 'skipping' && areLoadingIndicatorsEnabled
+            ? renderCheckingOut()
+            : renderContent())));
     //#endregion
-};
+});
 export default Billing;
 //# sourceMappingURL=Billing.js.map