tf-checkout-react-native 1.0.16 → 1.0.19

package/lib/components/dropdownMaterial/DropdownMaterial.js

@@ -0,0 +1,53 @@
+//@ts-nocheck
+import React, { useCallback, useEffect, useRef, useState, } from 'react';
+import { FlatList, Image, Modal, TouchableOpacity, TouchableWithoutFeedback, View, } from 'react-native';
+import R from '../../res';
+import DropdownListItem from '../dropdown/DropdownListItem';
+import Input from '../input/Input';
+import Separator from '../separator/Separator';
+import { DropdownMaterialStyles as s } from './styles';
+const DropdownMaterial = ({ items, selectedOption, onSelectItem, styles, materialInputProps, }) => {
+    const [isModalVisible, setIsModalVisible] = useState(false);
+    const flatListRef = useRef();
+    const showModal = () => {
+        requestAnimationFrame(() => {
+            setIsModalVisible(true);
+        });
+    };
+    const hideModal = () => {
+        requestAnimationFrame(() => {
+            setIsModalVisible(false);
+        });
+    };
+    const handleOnSelectItem = (item) => {
+        onSelectItem(item);
+        hideModal();
+    };
+    useEffect(() => {
+        if (flatListRef === null || flatListRef === void 0 ? void 0 : flatListRef.current) {
+            flatListRef.current.flashScrollIndicators();
+        }
+    }, [isModalVisible]);
+    const renderItem = useCallback(({ item }) => (React.createElement(DropdownListItem, { item: item, onSelectItem: handleOnSelectItem, selectedOption: selectedOption, styles: styles === null || styles === void 0 ? void 0 : styles.listItem })), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [handleOnSelectItem, selectedOption]);
+    const keyExtractor = useCallback((item) => item.value.toString(), []);
+    const renderSeparator = useCallback(() => React.createElement(Separator, null), []);
+    const getItemLayout = useCallback((data, index) => ({
+        length: 45,
+        offset: 45 * index,
+        index,
+    }), []);
+    const RightComponent = useCallback(() => React.createElement(Image, { source: R.icons.dropdown, style: [s.icon, styles === null || styles === void 0 ? void 0 : styles.icon] }), [styles === null || styles === void 0 ? void 0 : styles.icon]);
+    return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(TouchableOpacity, { onPress: showModal, style: s.button },
+            React.createElement(Input, { ...materialInputProps, value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label, styles: styles === null || styles === void 0 ? void 0 : styles.input, disabled: true, pointerEvents: 'box-none', disabledLineWidth: 1, renderRightAccessory: RightComponent })),
+        isModalVisible && items.length > 0 && (React.createElement(Modal, { presentationStyle: 'overFullScreen', transparent: true },
+            React.createElement(View, { style: s.modalContainer },
+                React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: hideModal, style: s.modalBackgroundTouchable },
+                    React.createElement(TouchableWithoutFeedback, null,
+                        React.createElement(View, { style: [s.dialog, styles === null || styles === void 0 ? void 0 : styles.dialog] },
+                            React.createElement(FlatList, { keyExtractor: keyExtractor, ref: flatListRef, indicatorStyle: 'black', data: items, extraData: items, maxToRenderPerBatch: 6, initialNumToRender: 6, renderItem: renderItem, ItemSeparatorComponent: renderSeparator, getItemLayout: getItemLayout, style: [s.flatListContainer, styles === null || styles === void 0 ? void 0 : styles.flatListContainer] })))))))));
+};
+export default DropdownMaterial;
+//# sourceMappingURL=DropdownMaterial.js.map

package/lib/components/dropdownMaterial/DropdownMaterial.js.map

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

package/lib/components/dropdownMaterial/styles.d.ts

@@ -0,0 +1,79 @@
+export declare const DropdownMaterialStyles: {
+    rootContainer: {
+        width: string;
+        height: number;
+        marginBottom: number;
+    };
+    button: {
+        height: string;
+    };
+    icon: {
+        height: number;
+        width: number;
+        resizeMode: "contain";
+        tintColor: string;
+    };
+    label: {
+        color: string;
+        fontSize: number;
+    };
+    modalContainer: {
+        flex: number;
+        backgroundColor: string;
+    };
+    modalBackgroundTouchable: {
+        width: string;
+        height: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    dialog: {
+        backgroundColor: string;
+        paddingVertical: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        width: number;
+        maxHeight: number;
+        minHeight: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+    };
+    flatListContainer: {
+        width: number;
+    };
+};
+export declare const DropdownListItemStyles: {
+    rootContainer: {
+        paddingVertical: number;
+        minWidth: number;
+        alignItems: "center";
+    };
+    button: {
+        width: string;
+        minHeight: number;
+        justifyContent: "center";
+        alignItems: "center";
+        backgroundColor: string;
+        paddingHorizontal: number;
+    };
+    buttonSelected: {
+        width: string;
+        minHeight: number;
+        justifyContent: "center";
+        alignItems: "center";
+        backgroundColor: string;
+        paddingHorizontal: number;
+    };
+    text: {
+        fontSize: number;
+        fontWeight: "600";
+        textAlign: "center";
+        color: string;
+    };
+};

package/lib/components/dropdownMaterial/styles.js

@@ -0,0 +1,88 @@
+import { Dimensions, StyleSheet } from 'react-native';
+import R from '../../res';
+const { width: sWidth, height: sHeight } = Dimensions.get('window');
+const DIALOG = {
+    width: sWidth * 0.8,
+    maxHeight: sHeight * 0.5,
+    minHeight: sHeight * 0.2,
+};
+export const DropdownMaterialStyles = StyleSheet.create({
+    rootContainer: {
+        width: '100%',
+        height: 45,
+        marginBottom: 32,
+    },
+    button: {
+        height: '120%',
+    },
+    icon: {
+        height: 14,
+        width: 14,
+        resizeMode: 'contain',
+        tintColor: R.colors.white,
+    },
+    label: {
+        color: R.colors.black,
+        fontSize: 16,
+    },
+    modalContainer: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.8)',
+    },
+    modalBackgroundTouchable: {
+        width: '100%',
+        height: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    dialog: {
+        backgroundColor: R.colors.white,
+        paddingVertical: 16,
+        borderRadius: 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: DIALOG.width,
+        maxHeight: DIALOG.maxHeight,
+        minHeight: DIALOG.minHeight,
+        shadowColor: R.colors.black,
+        shadowOffset: {
+            width: 3,
+            height: 2,
+        },
+        shadowOpacity: 0.3,
+        shadowRadius: 3,
+    },
+    flatListContainer: {
+        width: DIALOG.width,
+    },
+});
+export const DropdownListItemStyles = StyleSheet.create({
+    rootContainer: {
+        paddingVertical: 4,
+        minWidth: 100,
+        alignItems: 'center',
+    },
+    button: {
+        width: '100%',
+        minHeight: 35,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: R.colors.white,
+        paddingHorizontal: 8,
+    },
+    buttonSelected: {
+        width: '100%',
+        minHeight: 35,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: R.colors.tint,
+        paddingHorizontal: 8,
+    },
+    text: {
+        fontSize: 18,
+        fontWeight: '600',
+        textAlign: 'center',
+        color: R.colors.black,
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/dropdownMaterial/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/dropdownMaterial/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;AAEnE,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,MAAM,GAAG,GAAG;IACnB,SAAS,EAAE,OAAO,GAAG,GAAG;IACxB,SAAS,EAAE,OAAO,GAAG,GAAG;CACzB,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAAC,MAAM,CAAC;IACtD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;KACjB;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;KACf;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAC1B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,QAAQ,EAAE,EAAE;KACb;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,iBAAiB;KACnC;IACD,wBAAwB,EAAE;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC3B,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;KAChB;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,MAAM,CAAC,KAAK;KACpB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAAC,MAAM,CAAC;IACtD,aAAa,EAAE;QACb,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,iBAAiB,EAAE,CAAC;KACrB;IACD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;QAC9B,iBAAiB,EAAE,CAAC;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KACtB;CACF,CAAC,CAAA"}

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

@@ -0,0 +1,21 @@
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { IDropdownItem, IDropdownListItemStyles } from '../dropdown/types';
+import { IInputProps, IInputStyles } from '../input/types';
+export interface IDropdownMaterialStyles {
+    container?: StyleProp<ViewStyle>;
+    button?: StyleProp<ViewStyle>;
+    icon?: StyleProp<ImageStyle>;
+    label?: StyleProp<TextStyle>;
+    dialog?: StyleProp<ViewStyle>;
+    flatListContainer?: StyleProp<ViewStyle>;
+    listItem?: IDropdownListItemStyles;
+    input?: IInputStyles;
+}
+export interface IDropdownMaterialProps {
+    items: IDropdownItem[];
+    selectedOption?: IDropdownItem;
+    onSelectItem: (item: IDropdownItem) => void;
+    styles?: IDropdownMaterialStyles;
+    isMaterial?: boolean;
+    materialInputProps?: IInputProps;
+}

package/lib/components/dropdownMaterial/types.js

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

package/lib/components/dropdownMaterial/types.js.map

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

package/lib/components/index.d.ts

@@ -2,11 +2,14 @@ export { default as Button } from './button/Button';
 export { default as Checkbox } from './checkbox/Checkbox';
 export { default as DatePicker } from './datePicker/DatePicker';
 export { default as Dropdown } from './dropdown/Dropdown';
+export { default as DropdownMaterial } from './dropdownMaterial/DropdownMaterial';
 export { default as FormField } from './formField/FormField';
 export { default as Input } from './input/Input';
 export { default as Loading } from './loading/Loading';
 export { default as LoggedIn } from './loggedIn/LoggedIn';
 export { default as Login } from './login/Login';
+export { default as PhoneInput } from './phoneInput/PhoneInput';
 export { default as PromoCode } from './promoCode/PromoCode';
 export { default as Separator } from './separator/Separator';
+export { default as StripePayment } from './stripePayment/StripePayment';
 export { default as WaitingList } from './waitingList/WaitingList';

package/lib/components/index.js

@@ -2,12 +2,15 @@ export { default as Button } from './button/Button';
 export { default as Checkbox } from './checkbox/Checkbox';
 export { default as DatePicker } from './datePicker/DatePicker';
 export { default as Dropdown } from './dropdown/Dropdown';
+export { default as DropdownMaterial } from './dropdownMaterial/DropdownMaterial';
 export { default as FormField } from './formField/FormField';
 export { default as Input } from './input/Input';
 export { default as Loading } from './loading/Loading';
 export { default as LoggedIn } from './loggedIn/LoggedIn';
 export { default as Login } from './login/Login';
+export { default as PhoneInput } from './phoneInput/PhoneInput';
 export { default as PromoCode } from './promoCode/PromoCode';
 export { default as Separator } from './separator/Separator';
+export { default as StripePayment } from './stripePayment/StripePayment';
 export { default as WaitingList } from './waitingList/WaitingList';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA"}

package/lib/components/input/Input.js

@@ -10,7 +10,7 @@ const Input = (props) => {
         ? styles.baseColor
         : (styles === null || styles === void 0 ? void 0 : styles.color) || R.colors.black;
     return (React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
-        React.createElement(TextField, { inputRef: reference, value: value, onChangeText: (text) => id && onTextChanged ? onTextChanged(id, text) : onChangeText, ...props, label: label, tintColor: mainColor, containerStyle: s.fieldWrapper, baseColor: mainColor, activeLineWidth: (styles === null || styles === void 0 ? void 0 : styles.activeLineWidth) || 2, lineWidth: (styles === null || styles === void 0 ? void 0 : styles.lineWidth) || 1, textContentType: props.isSecure ? 'oneTimeCode' : 'none', autoCorrect: false, style: styles === null || styles === void 0 ? void 0 : styles.input, errorColor: styles === null || styles === void 0 ? void 0 : styles.errorColor })));
+        React.createElement(TextField, { inputRef: reference, value: value, onChangeText: (text) => id && onTextChanged ? onTextChanged(id, text) : onChangeText, ...props, label: label, tintColor: mainColor, containerStyle: [s.fieldWrapper, styles === null || styles === void 0 ? void 0 : styles.fieldWrapper], baseColor: mainColor, activeLineWidth: (styles === null || styles === void 0 ? void 0 : styles.activeLineWidth) || 2, lineWidth: (styles === null || styles === void 0 ? void 0 : styles.lineWidth) || 1, textContentType: props.isSecure ? 'oneTimeCode' : 'none', autoCorrect: false, style: styles === null || styles === void 0 ? void 0 : styles.input, errorColor: styles === null || styles === void 0 ? void 0 : styles.errorColor })));
 };
 export default Input;
 //# sourceMappingURL=Input.js.map

package/lib/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,aAAa;AAEb,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEzE,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAE,EAAE;IACnC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GACxE,KAAK,CAAA;IACP,MAAM,SAAS,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS;QACjC,CAAC,CAAC,MAAM,CAAC,SAAS;QAClB,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;IAEnC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC3C,oBAAC,SAAS,IACR,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAC7B,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,KAE1D,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,CAAC,CAAC,YAAY,EAC9B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,KAAI,CAAC,EAC7C,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,CAAC,EACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACxD,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EACpB,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,GAC9B,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,aAAa;AAEb,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,iBAAiB,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEzE,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,KAAK,GAAG,CAAC,KAAkB,EAAE,EAAE;IACnC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GACxE,KAAK,CAAA;IACP,MAAM,SAAS,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS;QACjC,CAAC,CAAC,MAAM,CAAC,SAAS;QAClB,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;IAEnC,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC3C,oBAAC,SAAS,IACR,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAC7B,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,KAE1D,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,EACtD,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,KAAI,CAAC,EAC7C,SAAS,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,CAAC,EACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACxD,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EACpB,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,GAC9B,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

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

@@ -1,6 +1,6 @@
 import { LegacyRef } from 'react';
-import { ColorValue, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
-import { TextField } from 'rn-material-ui-textfield';
+import { ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { TextField, TextFieldProps } from 'rn-material-ui-textfield';
 export interface IInputStyles {
     color?: ColorValue;
     container?: StyleProp<ViewStyle>;
@@ -9,8 +9,9 @@ export interface IInputStyles {
     activeLineWidth?: number;
     baseColor?: ColorValue;
     errorColor?: ColorValue;
+    fieldWrapper?: StyleProp<ViewStyle>;
 }
-export interface IInputProps extends TextInputProps {
+export interface IInputProps extends TextFieldProps {
     isSecure?: boolean;
     label: string;
     reference?: LegacyRef<TextField>;

package/lib/components/loggedIn/LoggedIn.js

@@ -14,10 +14,10 @@ const LoggedIn = ({ styles, texts, onPressMyOrders, onPressLogout, }) => {
     };
     const handleLogOutPress = () => {
         if (onPressLogout) {
-            Alert.alert((logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.title) || 'Do you want to logout?', (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.message) ||
-                'You will need to enter your credentials again to purchase tickets', [
+            Alert.alert((logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.title) || 'Do you want to log out?', (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.message) ||
+                'You will lose your selection and you will need to enter your credentials again.', [
                 {
-                    text: (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.confirmButton) || 'Yes, logout',
+                    text: (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.confirmButton) || 'Yes',
                     style: 'destructive',
                     onPress: onPressLogout,
                 },

package/lib/components/loggedIn/LoggedIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoggedIn.js","sourceRoot":"","sources":["../../../src/components/loggedIn/LoggedIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AAC3B,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,QAAQ,GAAuB,CAAC,EACpC,MAAM,EACN,KAAK,EACL,eAAe,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG;QACtD,GAAG,MAAM;KACV,CAAA;IACD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;IAC1E,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,IAAI,eAAe,EAAE;YACnB,eAAe,EAAE,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,KAAK,CACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,wBAAwB,EAC/C,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;gBACnB,mEAAmE,EACrE;gBACE;oBACE,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,KAAI,aAAa;oBAClD,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,aAAa;iBACvB;gBACD;oBACE,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,KAAI,IAAI;iBACzC;aACF,CACF,CAAA;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;QAC3C,oBAAC,MAAM,IACL,IAAI,EAAE,iBAAiB,IAAI,WAAW,EACtC,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,cAAc,GACtB;QACF,oBAAC,MAAM,IACL,IAAI,EAAE,gBAAgB,IAAI,SAAS,EACnC,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,YAAY,GACpB,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"LoggedIn.js","sourceRoot":"","sources":["../../../src/components/loggedIn/LoggedIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AAC3B,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,QAAQ,GAAuB,CAAC,EACpC,MAAM,EACN,KAAK,EACL,eAAe,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG;QACtD,GAAG,MAAM;KACV,CAAA;IACD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;IAC1E,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;QACrC,IAAI,eAAe,EAAE;YACnB,eAAe,EAAE,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,KAAK,CACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,KAAI,yBAAyB,EAChD,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;gBACnB,iFAAiF,EACnF;gBACE;oBACE,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,KAAI,KAAK;oBAC1C,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,aAAa;iBACvB;gBACD;oBACE,IAAI,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,KAAI,IAAI;iBACzC;aACF,CACF,CAAA;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC;QAC3C,oBAAC,MAAM,IACL,IAAI,EAAE,iBAAiB,IAAI,WAAW,EACtC,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,cAAc,GACtB;QACF,oBAAC,MAAM,IACL,IAAI,EAAE,gBAAgB,IAAI,SAAS,EACnC,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,YAAY,GACpB,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { ILoginProps } from './types';
-declare const Login: ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, texts, styles, onLoginError, onFetchAccessTokenError, onFetchUserProfileError, refs, brandImages, onFetchAccessTokenSuccess, onFetchUserProfileSuccess, }: ILoginProps) => JSX.Element;
+declare const Login: FC<ILoginProps>;
 export default Login;

package/lib/components/login/Login.js

@@ -1,84 +1,46 @@
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { Keyboard } from 'react-native';
-import { authorize, fetchAccessToken, fetchUserProfile, setAccessTokenHandler, } from '../../api/ApiClient';
-import { Config } from '../../helpers/Config';
-import { deleteAllData, LocalStorageKeys, storeData, } from '../../helpers/LocalStorage';
+import { LoginCore } from '../../core';
 import LoginView from './LoginView';
-const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, texts, styles, onLoginError, onFetchAccessTokenError, onFetchUserProfileError, refs, brandImages, onFetchAccessTokenSuccess, onFetchUserProfileSuccess, }) => {
+const Login = ({ onLoginSuccessful, onLoginError, isLoginDialogVisible, showLoginDialog, hideLoginDialog, userFirstName, onLogoutSuccess, onLogoutError, texts, styles, refs, brandImages, }) => {
     const [isLoading, setIsLoading] = useState(false);
     const [loginError, setLoginError] = useState('');
     const [userProfileData, setUserProfileData] = useState();
-    const handleOnPressLogin = async (email, password) => {
+    const loginCoreRef = useRef(null);
+    const handleOnPressLogin = async (fields) => {
+        var _a;
         if (loginError) {
             setLoginError('');
         }
-        const bodyFormData = new FormData();
-        bodyFormData.append('email', email);
-        bodyFormData.append('password', password);
-        setIsLoading(true);
-        const { code, error } = await authorize(bodyFormData);
-        if (error || !code) {
-            setIsLoading(false);
-            if (onLoginError) {
-                setLoginError((error === null || error === void 0 ? void 0 : error.message) || 'Auth error');
-                return onLoginError(error);
-            }
-        }
-        const bodyFormDataToken = new FormData();
-        bodyFormDataToken.append('code', code);
-        bodyFormDataToken.append('scope', 'profile');
-        bodyFormDataToken.append('grant_type', 'authorization_code');
-        bodyFormDataToken.append('client_id', Config.CLIENT_ID);
-        bodyFormDataToken.append('client_secret', Config.CLIENT_SECRET);
-        const { error: tokenError, accessToken } = await fetchAccessToken(bodyFormDataToken);
-        if (tokenError) {
-            setIsLoading(false);
-            if (onFetchAccessTokenError) {
-                return onFetchAccessTokenError(tokenError);
-            }
-        }
-        if (onFetchAccessTokenError) {
-            setAccessTokenHandler(accessToken);
-        }
-        if (onFetchAccessTokenSuccess) {
-            onFetchAccessTokenSuccess();
+        if (!((_a = loginCoreRef.current) === null || _a === void 0 ? void 0 : _a.login)) {
+            return onLoginError === null || onLoginError === void 0 ? void 0 : onLoginError({
+                message: 'LoginCoreRef is not initialized',
+            });
         }
-        const { error: userProfileError, userProfile } = await fetchUserProfile(accessToken);
-        if (userProfileError || !userProfile) {
+        setIsLoading(true);
+        const { data: authorizationData, error: authorizationError } = await loginCoreRef.current.login(fields);
+        if (authorizationError || !authorizationData) {
             setIsLoading(false);
-            if (onFetchUserProfileError) {
-                return onFetchUserProfileError(userProfileError);
-            }
-            return;
-        }
-        if (onFetchUserProfileSuccess) {
-            onFetchUserProfileSuccess({
-                firstName: userProfile.firstName,
-                lastName: userProfile.lastName,
-            });
+            setLoginError((authorizationError === null || authorizationError === void 0 ? void 0 : authorizationError.message) || 'Auth error');
+            return onLoginError === null || onLoginError === void 0 ? void 0 : onLoginError(authorizationError);
         }
-        const storedUserData = {
-            id: userProfile.id,
-            firstName: userProfile.firstName,
-            lastName: userProfile.lastName,
-            email: userProfile.email,
-        };
-        await storeData(LocalStorageKeys.USER_DATA, JSON.stringify(storedUserData));
-        await storeData(LocalStorageKeys.ACCESS_TOKEN, accessToken);
         Keyboard.dismiss();
-        setUserProfileData(userProfile);
-        onLoginSuccessful(userProfile, accessToken);
+        setUserProfileData(authorizationData);
+        onLoginSuccessful(authorizationData);
         setIsLoading(false);
         hideLoginDialog();
     };
     const handleOnPressLogout = async () => {
-        await deleteAllData();
-        setUserProfileData(undefined);
-        if (onLogoutSuccess) {
-            onLogoutSuccess();
+        var _a;
+        if (!((_a = loginCoreRef.current) === null || _a === void 0 ? void 0 : _a.logout)) {
+            return onLogoutError === null || onLogoutError === void 0 ? void 0 : onLogoutError({ message: 'LoginCoreRef is not initialized' });
         }
+        await loginCoreRef.current.logout();
+        setUserProfileData(undefined);
+        onLogoutSuccess === null || onLogoutSuccess === void 0 ? void 0 : onLogoutSuccess();
     };
-    return (React.createElement(LoginView, { showDialog: showLoginDialog, hideDialog: hideLoginDialog, isDialogVisible: isLoginDialogVisible, onPressLogin: handleOnPressLogin, isLoading: isLoading, userProfile: userProfileData, onPressLogout: handleOnPressLogout, texts: texts, styles: styles, userFirstName: userFirstName, loginError: loginError, refs: refs, brandImages: brandImages }));
+    return (React.createElement(LoginCore, { ref: loginCoreRef },
+        React.createElement(LoginView, { showDialog: showLoginDialog, hideDialog: hideLoginDialog, isDialogVisible: isLoginDialogVisible, onPressLogin: handleOnPressLogin, isLoading: isLoading, userProfile: userProfileData, onPressLogout: handleOnPressLogout, texts: texts, styles: styles, userFirstName: userFirstName, loginError: loginError, refs: refs, brandImages: brandImages })));
 };
 export default Login;
 //# sourceMappingURL=Login.js.map

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/LoginView.d.ts

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { ILoginViewProps } from './types';
-declare const LoginView: ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading, onPressLogout, styles, texts, userFirstName, loginError, refs, brandImages, }: ILoginViewProps) => JSX.Element;
+declare const LoginView: FC<ILoginViewProps>;
 export default LoginView;

package/lib/components/login/LoginView.js

@@ -1,4 +1,3 @@
-//@ts-nocheck
 import _map from 'lodash/map';
 import React, { useCallback, useMemo, useState } from 'react';
 import { Alert, Image, Modal, Text, TouchableOpacity, TouchableWithoutFeedback, View, } from 'react-native';
@@ -54,6 +53,7 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
             },
         ];
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     const formFields = useMemo(getFormFields, [data, email.value, password.value]);
     const renderFormFields = useCallback(() => {
         return _map(formFields, (item, index) => (React.createElement(FormField, { ...item, key: `loginModal.${index}.${item.id}` })));
@@ -62,13 +62,16 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
         if (email.value.toString().length === 0) {
             return false;
         }
-        if (password.value.toString().length < 5) {
+        if (password.value.toString().length < 6) {
             return false;
         }
         return true;
     };
     const handleOnPressLogin = () => {
-        onPressLogin(email.value, password.value);
+        onPressLogin({
+            email: email.value,
+            password: password.value,
+        });
     };
     const logoutTitle = ((_a = texts === null || texts === void 0 ? void 0 : texts.logoutDialog) === null || _a === void 0 ? void 0 : _a.title)
         ? texts.logoutDialog.title
@@ -120,9 +123,15 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
                 React.createElement(Text, { style: (_d = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _d === void 0 ? void 0 : _d.line2 }, line2))),
             React.createElement(Button, { styles: { container: s.button, ...(_e = styles === null || styles === void 0 ? void 0 : styles.guest) === null || _e === void 0 ? void 0 : _e.loginButton }, text: (texts === null || texts === void 0 ? void 0 : texts.loginButton) || 'LOGIN', onPress: showDialog })));
     };
-    const BrandImages = () => (React.createElement(View, { style: brandImages === null || brandImages === void 0 ? void 0 : brandImages.containerStyle },
+    const BrandImages = useMemo(() => (React.createElement(View, { style: brandImages === null || brandImages === void 0 ? void 0 : brandImages.containerStyle },
         React.createElement(Image, { source: (brandImages === null || brandImages === void 0 ? void 0 : brandImages.image1) || R.images.brand, style: [s.brand, brandImages === null || brandImages === void 0 ? void 0 : brandImages.image1Style] }),
-        (brandImages === null || brandImages === void 0 ? void 0 : brandImages.image2) && (React.createElement(Image, { source: brandImages.image2, style: brandImages === null || brandImages === void 0 ? void 0 : brandImages.image2Style }))));
+        (brandImages === null || brandImages === void 0 ? void 0 : brandImages.image2) && (React.createElement(Image, { source: brandImages.image2, style: brandImages === null || brandImages === void 0 ? void 0 : brandImages.image2Style })))), [
+        brandImages === null || brandImages === void 0 ? void 0 : brandImages.containerStyle,
+        brandImages === null || brandImages === void 0 ? void 0 : brandImages.image1,
+        brandImages === null || brandImages === void 0 ? void 0 : brandImages.image1Style,
+        brandImages === null || brandImages === void 0 ? void 0 : brandImages.image2,
+        brandImages === null || brandImages === void 0 ? void 0 : brandImages.image2Style,
+    ]);
     return (React.createElement(View, { style: s.rootContainer },
         userFirstName ? LoggedComponent() : GuestComponent(),
         isDialogVisible && (React.createElement(Modal, { transparent: true, presentationStyle: 'overFullScreen' },
@@ -131,7 +140,7 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
                     React.createElement(TouchableWithoutFeedback, null,
                         React.createElement(View, { style: [s.dialog, (_e = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _e === void 0 ? void 0 : _e.container] },
                             React.createElement(Text, { style: [s.dialogTitle, (_f = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _f === void 0 ? void 0 : _f.title] }, ((_g = texts === null || texts === void 0 ? void 0 : texts.dialog) === null || _g === void 0 ? void 0 : _g.title) || 'Login'),
-                            React.createElement(BrandImages, null),
+                            BrandImages,
                             !!((_h = texts === null || texts === void 0 ? void 0 : texts.dialog) === null || _h === void 0 ? void 0 : _h.message) && (React.createElement(Text, { style: [s.message, (_j = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _j === void 0 ? void 0 : _j.message] }, texts.dialog.message)),
                             renderFormFields(),
                             !!loginError && React.createElement(Text, { style: [s.error] }, loginError),
@@ -140,7 +149,9 @@ const LoginView = ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLo
                                     : {
                                         container: [s.loginButton],
                                         ...(_l = styles === null || styles === void 0 ? void 0 : styles.dialog) === null || _l === void 0 ? void 0 : _l.loginButton,
-                                    }, text: ((_m = texts === null || texts === void 0 ? void 0 : texts.dialog) === null || _m === void 0 ? void 0 : _m.loginButton) || 'LOGIN', onPress: handleOnPressLogin, isLoading: isLoading, isDisabled: !checkIsDataValid(), ref: refs === null || refs === void 0 ? void 0 : refs.button })))))))));
+                                    }, text: ((_m = texts === null || texts === void 0 ? void 0 : texts.dialog) === null || _m === void 0 ? void 0 : _m.loginButton) || 'LOGIN', onPress: handleOnPressLogin, isLoading: isLoading, isDisabled: !checkIsDataValid(), 
+                                //@ts-ignore
+                                ref: refs === null || refs === void 0 ? void 0 : refs.button })))))))));
 };
 export default LoginView;
 //# sourceMappingURL=LoginView.js.map