tf-checkout-react-native 1.0.13 → 1.0.14

package/lib/components/login/Login.js

@@ -4,7 +4,7 @@ import { authorize, fetchAccessToken, fetchUserProfile, setAccessTokenHandler, }
 import { Config } from '../../helpers/Config';
 import { deleteAllData, LocalStorageKeys, storeData, } from '../../helpers/LocalStorage';
 import LoginView from './LoginView';
-const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, texts, styles, onLoginFailure, onFetchAccessTokenFailure, onFetchUserProfileFailure, refs, brandImages, }) => {
+const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, texts, styles, onLoginError, onFetchAccessTokenError, onFetchUserProfileError, refs, brandImages, onFetchAccessTokenSuccess, onFetchUserProfileSuccess, }) => {
     const [isLoading, setIsLoading] = useState(false);
     const [loginError, setLoginError] = useState('');
     const [userProfileData, setUserProfileData] = useState();
@@ -19,9 +19,9 @@ const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideL
         const { code, error } = await authorize(bodyFormData);
         if (error || !code) {
             setIsLoading(false);
-            if (onLoginFailure) {
-                setLoginError(error || 'Auth error');
-                return onLoginFailure(error || 'Auth error');
+            if (onLoginError) {
+                setLoginError((error === null || error === void 0 ? void 0 : error.message) || 'Auth error');
+                return onLoginError(error);
             }
         }
         const bodyFormDataToken = new FormData();
@@ -33,17 +33,29 @@ const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideL
         const { error: tokenError, accessToken } = await fetchAccessToken(bodyFormDataToken);
         if (tokenError) {
             setIsLoading(false);
-            if (onFetchAccessTokenFailure) {
-                return onFetchAccessTokenFailure(tokenError);
+            if (onFetchAccessTokenError) {
+                return onFetchAccessTokenError(tokenError);
             }
         }
-        setAccessTokenHandler(accessToken);
+        if (onFetchAccessTokenError) {
+            setAccessTokenHandler(accessToken);
+        }
+        if (onFetchAccessTokenSuccess) {
+            onFetchAccessTokenSuccess();
+        }
         const { error: userProfileError, userProfile } = await fetchUserProfile(accessToken);
         if (userProfileError || !userProfile) {
             setIsLoading(false);
-            if (onFetchUserProfileFailure) {
-                return onFetchUserProfileFailure(userProfileError || 'Error fetching user profile');
+            if (onFetchUserProfileError) {
+                return onFetchUserProfileError(userProfileError);
             }
+            return;
+        }
+        if (onFetchUserProfileSuccess) {
+            onFetchUserProfileSuccess({
+                firstName: userProfile.firstName,
+                lastName: userProfile.lastName,
+            });
         }
         const storedUserData = {
             id: userProfile.id,

package/lib/components/login/Login.js.map

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

package/lib/components/login/types.d.ts

@@ -1,7 +1,7 @@
 import { ImageSourcePropType, ImageStyle } from 'react-native';
 import { TextStyle } from 'react-native';
 import { StyleProp, ViewStyle } from 'react-native';
-import { IUserProfile } from '../../types';
+import { IError, IUserProfile } from '../../types';
 import { IButtonStyles } from '../button/types';
 import { IFormField } from '../formField/types';
 import { IInputStyles } from '../input/types';
@@ -27,14 +27,16 @@ export interface ILoginBrandImages {
 }
 export interface ILoginProps {
     onLoginSuccessful: (userProfile: IUserProfile, accessToken: string) => void;
-    onLoginFailure?: (error: string) => void;
-    onFetchUserProfileFailure?: (error: string) => void;
-    onFetchAccessTokenFailure?: (error: string) => void;
+    onLoginError?: (error: IError) => void;
+    onFetchUserProfileError?: (error: IError) => void;
+    onFetchUserProfileSuccess?: (data: any) => void;
+    onFetchAccessTokenError?: (error: IError) => void;
+    onFetchAccessTokenSuccess?: () => void;
     isLoginDialogVisible: boolean;
     showLoginDialog: () => void;
     hideLoginDialog: () => void;
     onLogoutSuccess?: () => void;
-    onLogoutFail?: () => void;
+    onLogoutError?: () => void;
     styles?: ILoginViewStyles;
     texts?: ILoginViewTexts;
     userFirstName?: string;
@@ -92,8 +94,6 @@ export interface ILoginViewProps {
     isLoading: boolean;
     userProfile?: IUserProfile;
     onPressLogout: () => void;
-    onLogoutSuccess?: () => void;
-    onLogoutFail?: () => void;
     styles?: ILoginViewStyles;
     texts?: ILoginViewTexts;
     loginError?: string;

package/lib/components/waitingList/WaitingList.d.ts

@@ -1,3 +1,3 @@
 import { IWaitingListProps } from './types';
-declare const WaitingList: ({ styles, texts, eventId }: IWaitingListProps) => JSX.Element;
+declare const WaitingList: ({ styles, texts, eventId, onAddToWaitingListError, onAddToWaitingListSuccess, onLoadingChange, areAlertsEnabled, }: IWaitingListProps) => JSX.Element;
 export default WaitingList;

package/lib/components/waitingList/WaitingList.js

@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { Alert } from 'react-native';
 import { addToWaitingList } from '../../api/ApiClient';
 import { useDebounced } from '../../helpers/Debounced';
 import { validateEmail, validateEmpty } from '../../helpers/Validators';
 import WaitingListView from './WaitingListView';
-const WaitingList = ({ styles, texts, eventId }) => {
+const WaitingList = ({ styles, texts, eventId, onAddToWaitingListError, onAddToWaitingListSuccess, onLoadingChange, areAlertsEnabled, }) => {
     const [isSuccess, setIsSuccess] = useState(undefined);
     const [isLoading, setIsLoading] = useState(false);
     const [firstName, setFirstName] = useState('');
@@ -29,12 +29,29 @@ const WaitingList = ({ styles, texts, eventId }) => {
         setIsLoading(false);
         if (addToWaitingListError) {
             setIsSuccess(false);
-            return Alert.alert('', addToWaitingListError);
+            if (areAlertsEnabled) {
+                Alert.alert('', addToWaitingListError.message);
+            }
+            if (onAddToWaitingListError) {
+                onAddToWaitingListError(addToWaitingListError);
+            }
+            return;
         }
         if (addToWaitingListData) {
+            if (onAddToWaitingListSuccess) {
+                onAddToWaitingListSuccess();
+            }
             setIsSuccess(true);
         }
     };
+    const onLoadingChangeCallback = useCallback((loading) => {
+        if (onLoadingChange) {
+            onLoadingChange(loading);
+        }
+    }, [onLoadingChange]);
+    useEffect(() => {
+        onLoadingChangeCallback(isLoading);
+    }, [isLoading, onLoadingChangeCallback]);
     return (React.createElement(WaitingListView, { data: {
             firstName: firstName,
             lastName: lastName,

package/lib/components/waitingList/WaitingList.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaitingList.js","sourceRoot":"","sources":["../../../src/components/waitingList/WaitingList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEvE,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAqB,EAAE,EAAE;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAA;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAC7D,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAC3D,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;IAErD,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IAC3D,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;IAErD,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,MAAM,MAAM,GAAuB;YACjC,YAAY,EAAE,EAAE;YAChB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,KAAK;SACb,CAAA;QAED,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,MAAM,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,GACnD,MAAM,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QAEzC,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,qBAAqB,EAAE;YACzB,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,OAAO,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,qBAAqB,CAAC,CAAA;SAC9C;QAED,IAAI,oBAAoB,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,eAAe,IACd,IAAI,EAAE;YACJ,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,KAAK;YACZ,cAAc,EAAE,cAAc;YAC9B,aAAa,EAAE,aAAa;YAC5B,UAAU,EAAE,UAAU;YACtB,aAAa,EAAE,cAAc;YAC7B,iBAAiB,EAAE,kBAAkB;YACrC,gBAAgB,EAAE,iBAAiB;SACpC,EACD,aAAa,EAAE,mBAAmB,EAClC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"WaitingList.js","sourceRoot":"","sources":["../../../src/components/waitingList/WaitingList.tsx"],"names":[],"mappings":"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"}

package/lib/components/waitingList/WaitingListView.js

@@ -5,15 +5,27 @@ import s from './styles';
 const WaitingListView = ({ styles, texts, onPressButton, data, isSuccess, isLoading, }) => {
     var _a, _b, _c;
     const { firstName, lastName, email, emailError, lastNameError, firstNameError, onChangeEmail, onChangeFirstName, onChangeLastName, } = data;
-    const isDataValid = () => !!emailError || !!lastNameError || !!firstNameError;
+    const getIsDataValid = () => firstName.length > 0 &&
+        lastName.length > 0 &&
+        email.length > 0 &&
+        !emailError &&
+        !lastNameError &&
+        !firstNameError;
+    const isDataValid = getIsDataValid();
+    const buttonStyle = isDataValid
+        ? styles === null || styles === void 0 ? void 0 : styles.button
+        : (styles === null || styles === void 0 ? void 0 : styles.buttonDisabled)
+            ? styles === null || styles === void 0 ? void 0 : styles.buttonDisabled
+            : styles === null || styles === void 0 ? void 0 : styles.button;
     return (React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.rootContainer }, isSuccess ? (React.createElement(View, { style: (_a = styles === null || styles === void 0 ? void 0 : styles.success) === null || _a === void 0 ? void 0 : _a.container },
-        React.createElement(Text, { style: (_b = styles === null || styles === void 0 ? void 0 : styles.success) === null || _b === void 0 ? void 0 : _b.title }, "You've been added to the waiting list!"),
-        React.createElement(Text, { style: (_c = styles === null || styles === void 0 ? void 0 : styles.success) === null || _c === void 0 ? void 0 : _c.message }, "You'll be notified if tickets become available."))) : (React.createElement(React.Fragment, null,
+        React.createElement(Text, { style: (_b = styles === null || styles === void 0 ? void 0 : styles.success) === null || _b === void 0 ? void 0 : _b.title }, (texts === null || texts === void 0 ? void 0 : texts.successTitle) || `You've been added to the waiting list!`),
+        React.createElement(Text, { style: (_c = styles === null || styles === void 0 ? void 0 : styles.success) === null || _c === void 0 ? void 0 : _c.message }, (texts === null || texts === void 0 ? void 0 : texts.successMessage) ||
+            `You'll be notified if tickets become available.`))) : (React.createElement(React.Fragment, null,
         React.createElement(Text, { style: [s.title, styles === null || styles === void 0 ? void 0 : styles.title] }, (texts === null || texts === void 0 ? void 0 : texts.title) || 'Waiting list'),
-        React.createElement(Input, { label: (texts === null || texts === void 0 ? void 0 : texts.firstName) || 'First name', value: firstName, onChangeText: onChangeFirstName, error: firstNameError }),
-        React.createElement(Input, { label: (texts === null || texts === void 0 ? void 0 : texts.lastName) || 'Last name', value: lastName, onChangeText: onChangeLastName, error: lastNameError }),
-        React.createElement(Input, { label: (texts === null || texts === void 0 ? void 0 : texts.email) || 'Email', keyboardType: 'email-address', autoCapitalize: 'none', value: email, onChangeText: onChangeEmail, error: emailError }),
-        React.createElement(Button, { onPress: onPressButton, text: (texts === null || texts === void 0 ? void 0 : texts.button) || 'ADD TO WAITING LIST', styles: styles === null || styles === void 0 ? void 0 : styles.button, isDisabled: isDataValid(), isLoading: isLoading })))));
+        React.createElement(Input, { label: (texts === null || texts === void 0 ? void 0 : texts.firstName) || 'First name', value: firstName, onChangeText: onChangeFirstName, error: firstNameError, styles: styles === null || styles === void 0 ? void 0 : styles.input }),
+        React.createElement(Input, { label: (texts === null || texts === void 0 ? void 0 : texts.lastName) || 'Last name', value: lastName, onChangeText: onChangeLastName, error: lastNameError, styles: styles === null || styles === void 0 ? void 0 : styles.input }),
+        React.createElement(Input, { label: (texts === null || texts === void 0 ? void 0 : texts.email) || 'Email', keyboardType: 'email-address', autoCapitalize: 'none', value: email, onChangeText: onChangeEmail, error: emailError, styles: styles === null || styles === void 0 ? void 0 : styles.input }),
+        React.createElement(Button, { onPress: onPressButton, text: (texts === null || texts === void 0 ? void 0 : texts.button) || 'ADD TO WAITING LIST', styles: buttonStyle, isDisabled: !isDataValid, isLoading: isLoading })))));
 };
 export default WaitingListView;
 //# sourceMappingURL=WaitingListView.js.map

package/lib/components/waitingList/WaitingListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaitingListView.js","sourceRoot":"","sources":["../../../src/components/waitingList/WaitingListView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,CAAA;AAClC,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,eAAe,GAAG,CAAC,EACvB,MAAM,EACN,KAAK,EACL,aAAa,EACb,IAAI,EACJ,SAAS,EACT,SAAS,GACa,EAAE,EAAE;;IAC1B,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,gBAAgB,GACjB,GAAG,IAAI,CAAA;IAER,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,cAAc,CAAA;IAE7E,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,IAC/B,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,SAAS;QACrC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,KAAK,6CAE5B;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,OAAO,sDAE9B,CACF,CACR,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAClC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,cAAc,CAC1B;QACP,oBAAC,KAAK,IACJ,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,YAAY,EACvC,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAE,cAAc,GACrB;QACF,oBAAC,KAAK,IACJ,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,WAAW,EACrC,KAAK,EAAE,QAAQ,EACf,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,aAAa,GACpB;QACF,oBAAC,KAAK,IACJ,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,OAAO,EAC9B,YAAY,EAAC,eAAe,EAC5B,cAAc,EAAC,MAAM,EACrB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,UAAU,GACjB;QACF,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,qBAAqB,EAC5C,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EACtB,UAAU,EAAE,WAAW,EAAE,EACzB,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"WaitingListView.js","sourceRoot":"","sources":["../../../src/components/waitingList/WaitingListView.tsx"],"names":[],"mappings":"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"}

package/lib/components/waitingList/types.d.ts

@@ -1,16 +1,22 @@
 import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { IError } from '../../types';
 import { IButtonStyles } from '../button/types';
+import { IInputStyles } from '../input/types';
 export interface IWaitingListTexts {
     title?: string;
     firstName?: string;
     lastName?: string;
     email?: string;
     button?: string;
+    successTitle?: string;
+    successMessage?: string;
 }
 export interface IWaitingListStyles {
     rootContainer?: StyleProp<ViewStyle>;
     title?: StyleProp<TextStyle>;
     button?: IButtonStyles;
+    buttonDisabled?: IButtonStyles;
+    input?: IInputStyles;
     success?: {
         container?: StyleProp<ViewStyle>;
         title?: StyleProp<ViewStyle>;
@@ -39,6 +45,10 @@ export interface IWaitingListProps {
     eventId: number;
     styles?: IWaitingListStyles;
     texts?: IWaitingListTexts;
+    onAddToWaitingListSuccess?: () => void;
+    onAddToWaitingListError?: (error: IError) => void;
+    onLoadingChange?: (isLoading: boolean) => void;
+    areAlertsEnabled?: boolean;
 }
 export interface IWaitingListFields {
     ticketTypeId: string;

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

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { IBillingProps } from './types';
-declare const Billing: (props: IBillingProps) => JSX.Element;
+declare const Billing: FC<IBillingProps>;
 export default Billing;

package/lib/containers/billingInfo/Billing.js

@@ -2,7 +2,7 @@ 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, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { ActivityIndicator, Alert, Image, Linking, Text, View, } from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 import { checkoutOrder, fetchCart, fetchCountries, fetchStates, fetchUserProfile, registerNewUser, } from '../../api/ApiClient';
@@ -14,9 +14,8 @@ import { getData, LocalStorageKeys } from '../../helpers/LocalStorage';
 import { validateAge, validateEmail, validateEmpty, validatePasswords, } from '../../helpers/Validators';
 import R from '../../res';
 import s from './styles';
-const Billing = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-    const { styles, texts, cartProps: { isAgeRequired, isNameRequired, isPhoneRequired, minimumAge, isBillingRequired, }, loginBrandImages, skipBillingConfig, } = props;
+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, onFetchAccessTokenError, onFetchAccessTokenSuccess, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     //#region Labels
     const countryLabel = ((_a = texts === null || texts === void 0 ? void 0 : texts.form) === null || _a === void 0 ? void 0 : _a.country) || 'Country';
     const stateLabel = ((_b = texts === null || texts === void 0 ? void 0 : texts.form) === null || _b === void 0 ? void 0 : _b.country) || 'State/County';
@@ -111,6 +110,16 @@ const Billing = (props) => {
     const storedProfileData = useRef({});
     //#endregion
     //#region Handlers
+    const handleOnLoadingChange = useCallback((loading) => {
+        if (onLoadingChange) {
+            onLoadingChange(loading);
+        }
+    }, [onLoadingChange]);
+    const showAlert = (text) => {
+        if (areAlertsEnabled) {
+            Alert.alert('', text);
+        }
+    };
     const showLoginDialog = () => setIsLoginDialogVisible(true);
     const hideLoginDialog = () => setIsLoginDialogVisible(false);
     const handleIsSubToBrandToggle = () => {
@@ -152,8 +161,8 @@ const Billing = (props) => {
         }
     };
     const handleOnLoginSuccess = async (userProfile, accessToken) => {
-        if (props.onLoginSuccess) {
-            props.onLoginSuccess({
+        if (onLoginSuccess) {
+            onLoginSuccess({
                 accessToken: accessToken,
                 userData: userProfile,
             });
@@ -168,8 +177,8 @@ const Billing = (props) => {
         handleSetFormDataFromUserProfile(userProfile, accessToken);
     };
     const handleOnLoginFail = (error) => {
-        if (props.onLoginFail) {
-            props.onLoginFail(error);
+        if (onLoginError) {
+            onLoginError(error);
         }
     };
     const handleOnLogoutSuccess = () => {
@@ -226,6 +235,8 @@ const Billing = (props) => {
         }
         return true;
     };
+    const fillAllRequiredFieldsAlert = ((_d = texts === null || texts === void 0 ? void 0 : texts.form) === null || _d === void 0 ? void 0 : _d.fillAllRequiredFieldsAlert) ||
+        'You must fill all Ticket Holder required fields';
     const checkExtraDataValid = () => {
         if (isAgeRequired) {
             const ageValidationMessage = validateAge(dateOfBirth, minimumAge);
@@ -239,13 +250,13 @@ const Billing = (props) => {
         }
         return _every(_map(ticketHoldersData, (th) => validateEmpty(th.firstName) || validateEmpty(th.lastName)), (itm) => itm === '')
             ? ''
-            : 'You must fill all Ticket Holder required fields';
+            : fillAllRequiredFieldsAlert;
     };
     //#endregion
     //#region Submit form
     const handleOnRegisterFail = (rawError) => {
-        if (props.onRegisterFail) {
-            props.onRegisterFail(rawError);
+        if (onRegisterError) {
+            onRegisterError(rawError);
         }
     };
     const performCheckout = async (checkoutBody, pToken) => {
@@ -254,11 +265,11 @@ const Billing = (props) => {
             const { error: checkoutError, data: checkoutData } = await checkoutOrder(checkoutBody, pToken);
             setIsSubmittingData(false);
             if (checkoutError) {
-                if (props.onCheckoutFail) {
-                    props.onCheckoutFail(checkoutError);
+                if (onCheckoutError) {
+                    onCheckoutError(checkoutError);
                 }
                 setSkippingStatus('false');
-                return Alert.alert('', checkoutError);
+                return showAlert(checkoutError.message);
             }
             const checkoutResponseData = {
                 id: checkoutData.data.data.attributes.id,
@@ -267,13 +278,15 @@ const Billing = (props) => {
                 status: checkoutData.data.data.attributes.status,
             };
             setSkippingStatus('success');
-            props.onCheckoutSuccess(checkoutResponseData);
+            onCheckoutSuccess(checkoutResponseData);
         }
         catch (err) {
             setIsSubmittingData(false);
             setSkippingStatus('false');
-            if (props.onCheckoutFail) {
-                props.onCheckoutFail('Error while performing checkout');
+            if (onCheckoutError) {
+                onCheckoutError({
+                    message: 'Error while performing checkout',
+                });
             }
         }
     };
@@ -299,20 +312,20 @@ const Billing = (props) => {
                 return handleOnRegisterFail(registerResponseError.raw);
             }
             handleOnRegisterFail(registerResponseError.raw);
-            return Alert.alert('', registerResponseError.message);
+            return showAlert(registerResponseError.message);
         }
         if (!registerResponseData) {
             setIsSubmittingData(false);
             handleOnRegisterFail('Register returned no data');
-            return Alert.alert('', 'Register returned no data');
+            return showAlert('Register returned no data');
         }
         const tokens = {
             accessToken: registerResponseData.access_token,
             refreshToken: registerResponseData.refresh_token,
         };
         storedToken.current = tokens.accessToken;
-        if (props.onRegisterSuccess) {
-            props.onRegisterSuccess(tokens);
+        if (onRegisterSuccess) {
+            onRegisterSuccess(tokens);
         }
         await performCheckout(checkoutBody, tokens.accessToken);
     };
@@ -397,7 +410,7 @@ const Billing = (props) => {
     const onSubmit = async () => {
         const isExtraDataValid = checkExtraDataValid();
         if (isExtraDataValid) {
-            return Alert.alert('', isExtraDataValid);
+            return showAlert(isExtraDataValid);
         }
         const checkoutBody = getCheckoutBody();
         if (loggedUserFirstName && storedToken.current) {
@@ -415,7 +428,13 @@ const Billing = (props) => {
         const { data: countriesData, error: countriesError } = await fetchCountries();
         if (countriesError) {
             setIsLoading(false);
-            return Alert.alert('', countriesError || 'Error fetching countries');
+            if (onFetchCountriesError) {
+                onFetchCountriesError(countriesError);
+            }
+            return showAlert(countriesError.message || 'Error fetching countries');
+        }
+        if (onFetchCountriesSuccess) {
+            onFetchCountriesSuccess();
         }
         const parsedCountries = _map(countriesData, (item, index) => {
             return { label: item, value: index };
@@ -425,7 +444,16 @@ const Billing = (props) => {
             const { error: userProfileError, userProfile: userProfileResponse } = await fetchUserProfile(usrTkn);
             if (userProfileError || !userProfileResponse) {
                 setIsLoading(false);
-                return Alert.alert('', userProfileError || 'Error fetching user profile');
+                if (onFetchUserProfileError) {
+                    onFetchUserProfileError(userProfileError);
+                }
+                return showAlert((userProfileError === null || userProfileError === void 0 ? void 0 : userProfileError.message) || 'Error fetching user profile');
+            }
+            if (onFetchUserProfileSuccess) {
+                onFetchUserProfileSuccess({
+                    firstName: userProfileResponse.firstName,
+                    lastName: userProfileResponse.lastName,
+                });
             }
             usrPrfl = userProfileResponse;
         }
@@ -436,11 +464,13 @@ const Billing = (props) => {
         const { cartData, cartError } = await fetchCart();
         if (cartError) {
             setIsLoading(false);
-            Alert.alert('', cartError);
-            if (props.onFetchCartError) {
-                props.onFetchCartError(cartError);
+            if (onFetchCartError) {
+                onFetchCartError(cartError);
             }
-            return;
+            return showAlert(cartError.message);
+        }
+        if (onFetchCartSuccess) {
+            onFetchCartSuccess();
         }
         setNumberOfTicketHolders(cartData.quantity);
         setIsSubToBrand(cartData.isMarketingOptedIn);
@@ -475,6 +505,9 @@ const Billing = (props) => {
         setIsLoading(false);
     };
     //#region Effects
+    useCallback(() => {
+        handleOnLoadingChange(isLoading);
+    }, [isLoading, handleOnLoadingChange]);
     useEffect(() => {
         if (countries.length > 1 && countryId) {
             const selectedCountryItem = _find(countries, (item) => item.value === countryId);
@@ -484,17 +517,24 @@ const Billing = (props) => {
     useEffect(() => {
         const getStates = async () => {
             const { data: statesData, error: statesError } = await fetchStates(selectedCountry.value);
-            if (statesError || !statesData) {
-                return Alert.alert('', statesError || 'Error fetching states');
+            if (statesError) {
+                if (onFetchStatesError) {
+                    onFetchStatesError(statesError);
+                }
+                return showAlert((statesError === null || statesError === void 0 ? void 0 : statesError.message) || 'Error fetching states');
             }
             const parsedStates = _map(statesData, (item, index) => {
                 return { label: item, value: index };
             });
+            if (onFetchStatesSuccess) {
+                onFetchStatesSuccess();
+            }
             setStates(parsedStates);
         };
         if (selectedCountry && selectedCountry.value !== '-1') {
             getStates();
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedCountry]);
     useEffect(() => {
         if (states.length > 1 && stateId) {
@@ -575,34 +615,34 @@ const Billing = (props) => {
     const isDataValid = checkBasicDataValid();
     return skipping === 'skipping' ? (renderCheckingOut()) : (React.createElement(KeyboardAwareScrollView, { extraScrollHeight: 32 },
         React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.rootContainer },
-            React.createElement(Login, { onLoginSuccessful: handleOnLoginSuccess, onLogoutSuccess: handleOnLogoutSuccess, isLoginDialogVisible: isLoginDialogVisible, showLoginDialog: showLoginDialog, hideLoginDialog: hideLoginDialog, userFirstName: loggedUserFirstName, onLoginFailure: handleOnLoginFail, texts: texts === null || texts === void 0 ? void 0 : texts.loginTexts, styles: styles === null || styles === void 0 ? void 0 : styles.loginStyles, brandImages: loginBrandImages }),
-            React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.screenTitle }, ((_d = texts === null || texts === void 0 ? void 0 : texts.form) === null || _d === void 0 ? void 0 : _d.getYourTicketsTitle) || 'Get Your Tickets'),
-            React.createElement(Input, { label: ((_e = texts === null || texts === void 0 ? void 0 : texts.form) === null || _e === void 0 ? void 0 : _e.firstName) || 'First name', value: firstName, onChangeText: setFirstName, error: firstNameError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
-            React.createElement(Input, { label: ((_f = texts === null || texts === void 0 ? void 0 : texts.form) === null || _f === void 0 ? void 0 : _f.lastName) || 'Last name', value: lastName, onChangeText: setLastName, error: lastNameError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
-            React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.texts }, ((_g = texts === null || texts === void 0 ? void 0 : texts.form) === null || _g === void 0 ? void 0 : _g.emailsAdvice) ||
+            React.createElement(Login, { onLoginSuccessful: handleOnLoginSuccess, onLogoutSuccess: handleOnLogoutSuccess, isLoginDialogVisible: isLoginDialogVisible, showLoginDialog: showLoginDialog, hideLoginDialog: hideLoginDialog, userFirstName: loggedUserFirstName, onLoginError: handleOnLoginFail, texts: texts === null || texts === void 0 ? void 0 : texts.loginTexts, styles: styles === null || styles === void 0 ? void 0 : styles.loginStyles, brandImages: loginBrandImages, onFetchAccessTokenError: onFetchAccessTokenError, onFetchAccessTokenSuccess: onFetchAccessTokenSuccess, onFetchUserProfileError: onFetchUserProfileError, onFetchUserProfileSuccess: onFetchUserProfileSuccess }),
+            React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.screenTitle }, ((_e = texts === null || texts === void 0 ? void 0 : texts.form) === null || _e === void 0 ? void 0 : _e.getYourTicketsTitle) || 'Get Your Tickets'),
+            React.createElement(Input, { label: ((_f = texts === null || texts === void 0 ? void 0 : texts.form) === null || _f === void 0 ? void 0 : _f.firstName) || 'First name', value: firstName, onChangeText: setFirstName, error: firstNameError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+            React.createElement(Input, { label: ((_g = texts === null || texts === void 0 ? void 0 : texts.form) === null || _g === void 0 ? void 0 : _g.lastName) || 'Last name', value: lastName, onChangeText: setLastName, error: lastNameError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+            React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.texts }, ((_h = texts === null || texts === void 0 ? void 0 : texts.form) === null || _h === void 0 ? void 0 : _h.emailsAdvice) ||
                 `IMPORTANT: Please double check that your email address is correct.\nIt's where we send your confirmation and e-tickets to!`),
-            React.createElement(Input, { label: ((_h = texts === null || texts === void 0 ? void 0 : texts.form) === null || _h === void 0 ? void 0 : _h.email) || 'Email', value: email, onChangeText: setEmail, keyboardType: 'email-address', error: emailError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
-            React.createElement(Input, { label: ((_j = texts === null || texts === void 0 ? void 0 : texts.form) === null || _j === void 0 ? void 0 : _j.confirmEmail) || 'Confirm email', value: emailConfirmation, onChangeText: setEmailConfirmation, keyboardType: 'email-address', error: confirmEmailError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
-            isAgeRequired && (React.createElement(DatePicker, { text: ((_k = texts === null || texts === void 0 ? void 0 : texts.form) === null || _k === void 0 ? void 0 : _k.dateOfBirth) || 'Date of Birth', onSelectDate: handleOnSelectDate, selectedDate: dateOfBirth, styles: styles === null || styles === void 0 ? void 0 : styles.datePicker, error: dateOfBirthError })),
+            React.createElement(Input, { label: ((_j = texts === null || texts === void 0 ? void 0 : texts.form) === null || _j === void 0 ? void 0 : _j.email) || 'Email', value: email, onChangeText: setEmail, keyboardType: 'email-address', error: emailError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
+            React.createElement(Input, { label: ((_k = texts === null || texts === void 0 ? void 0 : texts.form) === null || _k === void 0 ? void 0 : _k.confirmEmail) || 'Confirm email', value: emailConfirmation, onChangeText: setEmailConfirmation, keyboardType: 'email-address', error: confirmEmailError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none' }),
+            isAgeRequired && (React.createElement(DatePicker, { text: ((_l = texts === null || texts === void 0 ? void 0 : texts.form) === null || _l === void 0 ? void 0 : _l.dateOfBirth) || 'Date of Birth', onSelectDate: handleOnSelectDate, selectedDate: dateOfBirth, styles: styles === null || styles === void 0 ? void 0 : styles.datePicker, error: dateOfBirthError })),
             !loggedUserFirstName && (React.createElement(React.Fragment, null,
-                React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.passwordTitle }, ((_l = texts === null || texts === void 0 ? void 0 : texts.form) === null || _l === void 0 ? void 0 : _l.choosePassword) ||
+                React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.passwordTitle }, ((_m = texts === null || texts === void 0 ? void 0 : texts.form) === null || _m === void 0 ? void 0 : _m.choosePassword) ||
                     'Choose a password for your new TICKETFAIRY account'),
-                React.createElement(Input, { label: ((_m = texts === null || texts === void 0 ? void 0 : texts.form) === null || _m === void 0 ? void 0 : _m.password) || 'Password', isSecure: true, onChangeText: setPassword, error: passwordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true }),
-                React.createElement(Input, { label: ((_o = texts === null || texts === void 0 ? void 0 : texts.form) === null || _o === void 0 ? void 0 : _o.confirmPassword) || 'Confirm password', isSecure: true, onChangeText: setPasswordConfirmation, error: confirmPasswordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true }))),
+                React.createElement(Input, { label: ((_o = texts === null || texts === void 0 ? void 0 : texts.form) === null || _o === void 0 ? void 0 : _o.password) || 'Password', isSecure: true, onChangeText: setPassword, error: passwordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true }),
+                React.createElement(Input, { label: ((_p = texts === null || texts === void 0 ? void 0 : texts.form) === null || _p === void 0 ? void 0 : _p.confirmPassword) || 'Confirm password', isSecure: true, onChangeText: setPasswordConfirmation, error: confirmPasswordError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles, autoCapitalize: 'none', secureTextEntry: true }))),
             React.createElement(Input, { label: phoneLabel, value: phone, onChangeText: setPhone, keyboardType: 'phone-pad', error: phoneError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
             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: ((_p = texts === null || texts === void 0 ? void 0 : texts.form) === null || _p === void 0 ? void 0 : _p.city) || 'City', value: city, onChangeText: setCity, error: cityError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+            React.createElement(Input, { label: ((_q = texts === null || texts === void 0 ? void 0 : texts.form) === null || _q === void 0 ? void 0 : _q.city) || 'City', value: city, onChangeText: setCity, error: cityError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
             React.createElement(Dropdown, { items: countries, onSelectItem: setSelectedCountry, selectedOption: selectedCountry, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownStyles }),
-            React.createElement(Input, { label: ((_q = texts === null || texts === void 0 ? void 0 : texts.form) === null || _q === void 0 ? void 0 : _q.zipCode) || 'Postal Code / Zip Code', value: postalCode, onChangeText: setPostalCode, error: postalCodeError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
+            React.createElement(Input, { label: ((_r = texts === null || texts === void 0 ? void 0 : texts.form) === null || _r === void 0 ? void 0 : _r.zipCode) || 'Postal Code / Zip Code', value: postalCode, onChangeText: setPostalCode, error: postalCodeError, styles: styles === null || styles === void 0 ? void 0 : styles.inputStyles }),
             React.createElement(Dropdown, { items: states, onSelectItem: setSelectedState, selectedOption: selectedState, styles: styles === null || styles === void 0 ? void 0 : styles.dropdownStyles }),
             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 },
-                    "I agree that The Ticket Fairy may use the personal data that I have provided for marketing purposes, such as recommending events that I might be interested in, in accordance with its",
-                    ' ',
-                    React.createElement(Text, { style: props.privacyPolicyLinkStyle, onPress: handleOpenPrivacyLink }, "Privacy Policy"),
+            !isTtfCheckboxHidden && (React.createElement(Checkbox, { onPress: handleIsSubToTicketFairyToggle, isActive: isSubToTicketFairy, customTextComp: React.createElement(Text, { style: (_s = styles === null || styles === void 0 ? void 0 : styles.customCheckbox) === null || _s === void 0 ? void 0 : _s.text },
+                    ((_t = texts === null || texts === void 0 ? void 0 : texts.form) === null || _t === void 0 ? void 0 : _t.isSubToTicketFairy) ||
+                        `I agree that The Ticket Fairy may use the personal data that have provided for marketing purposes, such as recommending events that I might be interested in, in accordance with its `,
+                    React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.privacyPolicyLinkStyle, onPress: handleOpenPrivacyLink }, ((_u = texts === null || texts === void 0 ? void 0 : texts.form) === null || _u === void 0 ? void 0 : _u.privacyPolicy) || 'Privacy Policy'),
                     "."), styles: styles === null || styles === void 0 ? void 0 : styles.checkboxStyles })),
             ticketHoldersData.length > 0 && (React.createElement(React.Fragment, null,
-                React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.ticketHoldersTitle }, ((_s = texts === null || texts === void 0 ? void 0 : texts.form) === null || _s === void 0 ? void 0 : _s.ticketHoldersTitle) || 'Ticket Holders'),
+                React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.ticketHoldersTitle }, ((_v = texts === null || texts === void 0 ? void 0 : texts.form) === null || _v === void 0 ? void 0 : _v.ticketHoldersTitle) || 'Ticket Holders'),
                 renderTicketHolders())),
             React.createElement(Button, { onPress: onSubmit, text: (texts === null || texts === void 0 ? void 0 : texts.checkoutButton) || 'CHECKOUT', isDisabled: !isDataValid, isLoading: isSubmittingData, styles: !isDataValid
                     ? {
@@ -612,12 +652,12 @@ const Billing = (props) => {
                     : {
                         container: [
                             s.submitButton,
-                            (_t = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _t === void 0 ? void 0 : _t.container,
+                            (_w = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _w === void 0 ? void 0 : _w.container,
                         ],
-                        text: (_u = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _u === void 0 ? void 0 : _u.text,
-                        button: (_v = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _v === void 0 ? void 0 : _v.button,
+                        text: (_x = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _x === void 0 ? void 0 : _x.text,
+                        button: (_y = styles === null || styles === void 0 ? void 0 : styles.checkoutButton) === null || _y === void 0 ? void 0 : _y.button,
                     } })),
-        isLoading && React.createElement(Loading, null)));
+        areLoadingIndicatorsEnabled && isLoading && React.createElement(Loading, null)));
     //#endregion
 };
 export default Billing;