tf-checkout-react-native 1.0.4 → 1.0.5

package/lib/api/Constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.js","sourceRoot":"","sources":["../../src/api/Constants.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE,iCAAiC;IAC3C,SAAS,EAAE,kCAAkC;IAC7C,aAAa,EAAE,kDAAkD;IACjE,mBAAmB,EAAE,6CAA6C;CACnE,CAAA"}
+{"version":3,"file":"Constants.js","sourceRoot":"","sources":["../../src/api/Constants.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE,iCAAiC;IAC3C,SAAS,EAAE,kCAAkC;IAC7C,aAAa,EAAE,kDAAkD;IACjE,mBAAmB,EAAE,6CAA6C;IAClE,OAAO,EAAE,KAAK;CACf,CAAA"}

package/lib/api/types.d.ts

@@ -3,9 +3,12 @@ import { IEvent, ITicket } from '../types';
 export interface IClientRequest extends AxiosInstance {
     setGuestToken: (token: string) => void;
     setAccessToken: (token: string) => void;
+    setBaseUrl: (baseUrl: string) => void;
+    setTimeOut: (timeOut: number) => void;
+    setDomain: (domain: string) => void;
 }
 export interface IPromoCodeResponse {
-    isValid: boolean;
+    isValid: boolean | number;
     message: string;
 }
 export interface IFetchTicketsResponse {
@@ -173,3 +176,9 @@ export interface IMyOrderDetailsResponse {
     items: IMyOrderDetailsItem[];
     tickets: IMyOrderDetailsTicket[];
 }
+export interface ICartResponse {
+    quantity: number;
+    isTfOptInHidden?: boolean;
+    isTfOptIn: boolean;
+    isMarketingOptedIn: boolean;
+}

package/lib/api/types.js

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

package/lib/api/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/api/types.ts"],"names":[],"mappings":";AAyNA,YAAY"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/api/types.ts"],"names":[],"mappings":""}

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

@@ -11,7 +11,7 @@ export interface ICheckboxStyles {
 }
 export interface ICheckboxProps {
     onPress: () => void;
-    text: string;
+    text?: string;
     isActive: boolean;
     styles?: ICheckboxStyles;
     customTextComp?: ReactNode;

package/lib/components/datePicker/DatePicker.d.ts

@@ -1,3 +1,3 @@
 import { IDatePickerProps } from './types';
-declare const DatePicker: ({ onSelectDate, onCancel, containerStyle, text, selectedDate, }: IDatePickerProps) => JSX.Element;
+declare const DatePicker: ({ onSelectDate, onCancel, styles, text, selectedDate, error, }: IDatePickerProps) => JSX.Element;
 export default DatePicker;

package/lib/components/datePicker/DatePicker.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import s from './styles';
-const DatePicker = ({ onSelectDate, onCancel, containerStyle, text = 'Select date', selectedDate, }) => {
+const DatePicker = ({ onSelectDate, onCancel, styles, text = 'Select date', selectedDate, error, }) => {
     const [isVisible, setIsVisible] = useState(false);
     const onButtonPress = () => {
         requestAnimationFrame(() => setIsVisible(true));
@@ -19,12 +19,15 @@ const DatePicker = ({ onSelectDate, onCancel, containerStyle, text = 'Select dat
         }
         setIsVisible(false);
     };
-    return (React.createElement(View, { style: [containerStyle] },
-        React.createElement(TouchableOpacity, { onPress: onButtonPress, style: s.button },
-            React.createElement(Text, { style: {
-                    fontSize: 16,
-                } }, (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleDateString()) || text)),
-        isVisible && (React.createElement(DateTimePickerModal, { isVisible: isVisible, mode: 'date', onConfirm: handleOnSelectDate, onCancel: handleOnCancel }))));
+    return (React.createElement(View, { style: [styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(TouchableOpacity, { onPress: onButtonPress, style: [
+                s.button,
+                styles === null || styles === void 0 ? void 0 : styles.button,
+                !!error && { borderColor: styles === null || styles === void 0 ? void 0 : styles.errorColor },
+            ] },
+            React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text] }, (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleDateString()) || text)),
+        isVisible && (React.createElement(DateTimePickerModal, { isVisible: isVisible, mode: 'date', onConfirm: handleOnSelectDate, onCancel: handleOnCancel })),
+        !!error && React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.error }, error)));
 };
 export default DatePicker;
 //# sourceMappingURL=DatePicker.js.map

package/lib/components/datePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AAEpE,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,UAAU,GAAG,CAAC,EAClB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,IAAI,GAAG,aAAa,EACpB,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qBAAqB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAE,EAAE;QACxC,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,CAAO,EAAE,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,cAAc,CAAC;QAC3B,oBAAC,gBAAgB,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM;YACvD,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;iBACb,IAEA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,kBAAkB,EAAE,KAAI,IAAI,CACtC,CACU;QAClB,SAAS,IAAI,CACZ,oBAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,cAAc,GACxB,CACH,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AAEpE,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,UAAU,GAAG,CAAC,EAClB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,IAAI,GAAG,aAAa,EACpB,YAAY,EACZ,KAAK,GACY,EAAE,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qBAAqB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAE,EAAE;QACxC,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,CAAO,EAAE,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC9B,oBAAC,gBAAgB,IACf,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE;gBACL,CAAC,CAAC,MAAM;gBACR,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM;gBACd,CAAC,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,EAAE;aAC/C;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAChC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,kBAAkB,EAAE,KAAI,IAAI,CACtC,CACU;QAClB,SAAS,IAAI,CACZ,oBAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,cAAc,GACxB,CACH;QACA,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,IAAG,KAAK,CAAQ,CACjD,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -8,7 +8,6 @@ declare const _default: {
         paddingHorizontal: number;
         borderColor: string;
         borderRadius: number;
-        marginBottom: number;
     };
     text: {
         fontSize: number;

package/lib/components/datePicker/styles.js

@@ -10,7 +10,6 @@ export default StyleSheet.create({
         paddingHorizontal: 8,
         borderColor: R.colors.primary,
         borderRadius: 5,
-        marginBottom: 24,
     },
     text: {
         fontSize: 16,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/datePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,YAAY;QACxB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QAC7B,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/datePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,YAAY;QACxB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QAC7B,YAAY,EAAE,CAAC;KAChB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;CACF,CAAC,CAAA"}

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

@@ -1,8 +1,16 @@
-import { ViewStyle } from 'react-native';
+import { ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
+export interface IDatePickerStyles {
+    container?: StyleProp<ViewStyle>;
+    button?: StyleProp<ViewStyle>;
+    text?: StyleProp<TextStyle>;
+    error?: StyleProp<TextStyle>;
+    errorColor?: ColorValue;
+}
 export interface IDatePickerProps {
-    onSelectDate?: (date: Date) => void;
+    onSelectDate: (date: Date) => void;
     onCancel?: () => void;
-    containerStyle?: ViewStyle;
     text: string;
-    selectedDate?: Date;
+    selectedDate: Date;
+    styles?: IDatePickerStyles;
+    error?: string;
 }

package/lib/components/dropdown/Dropdown.d.ts

@@ -1,3 +1,3 @@
 import { IDropdownProps } from './types';
-declare const Dropdown: ({ items, selectedOption, onSelectItem, styles, label, isMaterial, }: IDropdownProps) => JSX.Element;
+declare const Dropdown: ({ items, selectedOption, onSelectItem, styles, }: IDropdownProps) => JSX.Element;
 export default Dropdown;

package/lib/components/dropdown/Dropdown.js

@@ -1,40 +1,52 @@
 //@ts-nocheck
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState, } from 'react';
 import { FlatList, Image, Modal, Text, TouchableOpacity, TouchableWithoutFeedback, View, } from 'react-native';
 import R from '../../res';
 import Separator from '../separator/Separator';
 import DropdownListItem from './DropdownListItem';
 import { DropdownStyles as s } from './styles';
-const Dropdown = ({ items, selectedOption, onSelectItem, styles, label, isMaterial, }) => {
+const Dropdown = ({ items, selectedOption, onSelectItem, styles, }) => {
     const [isModalVisible, setIsModalVisible] = useState(false);
     const flatListRef = useRef();
-    const showModal = () => setIsModalVisible(true);
-    const hideModal = () => setIsModalVisible(false);
+    const showModal = () => {
+        requestAnimationFrame(() => {
+            setIsModalVisible(true);
+        });
+    };
+    const hideModal = () => {
+        requestAnimationFrame(() => {
+            setIsModalVisible(false);
+        });
+    };
     const handleOnSelectItem = (item) => {
         onSelectItem(item);
-        setTimeout(() => {
-            hideModal();
-        }, 300);
-    };
-    const onButtonPress = () => {
-        console.log('DROPDOWN - onButtonPress');
-        requestAnimationFrame(() => showModal());
+        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,
+    }), []);
     return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.container] },
-        React.createElement(TouchableOpacity, { onPress: onButtonPress, style: [s.button, styles === null || styles === void 0 ? void 0 : styles.button] },
+        React.createElement(TouchableOpacity, { onPress: showModal, style: [s.button, styles === null || styles === void 0 ? void 0 : styles.button] },
             React.createElement(Text, { style: [s.label, styles === null || styles === void 0 ? void 0 : styles.label] }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label),
             React.createElement(Image, { source: R.icons.dropdown, style: [s.icon, styles === null || styles === void 0 ? void 0 : styles.icon] })),
         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 },
-                            React.createElement(FlatList, { ref: flatListRef, indicatorStyle: 'black', data: items, extraData: items, renderItem: ({ item }) => (React.createElement(DropdownListItem, { item: item, onSelectItem: handleOnSelectItem, selectedOption: selectedOption })), ItemSeparatorComponent: () => React.createElement(Separator, 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 Dropdown;
 //# sourceMappingURL=Dropdown.js.map

package/lib/components/dropdown/Dropdown.js.map

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

package/lib/components/dropdown/DropdownListItem.d.ts

@@ -1,3 +1,3 @@
 import { IDropdownListItemProps } from './types';
-declare const DropdownListItem: ({ item, onSelectItem, selectedOption, }: IDropdownListItemProps) => JSX.Element;
+declare const DropdownListItem: ({ item, onSelectItem, selectedOption, styles, }: IDropdownListItemProps) => JSX.Element;
 export default DropdownListItem;

package/lib/components/dropdown/DropdownListItem.js

@@ -1,12 +1,14 @@
 import React from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
-import { DropdownListItemStyles as styles } from './styles';
-const DropdownListItem = ({ item, onSelectItem, selectedOption, }) => {
+import { DropdownListItemStyles as s } from './styles';
+const DropdownListItem = ({ item, onSelectItem, selectedOption, styles, }) => {
     const handleOnSelectItem = () => onSelectItem(item);
     const isSelected = !!selectedOption && selectedOption.value === item.value;
-    return (React.createElement(View, { style: styles.rootContainer },
-        React.createElement(TouchableOpacity, { onPress: handleOnSelectItem, style: isSelected ? styles.buttonSelected : styles.button },
-            React.createElement(Text, { style: styles.text, numberOfLines: 2 }, item.label))));
+    const selectedStyles = [s.buttonSelected, styles === null || styles === void 0 ? void 0 : styles.buttonSelected];
+    const buttonStyles = [s.button, styles === null || styles === void 0 ? void 0 : styles.button];
+    return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(TouchableOpacity, { onPress: handleOnSelectItem, style: isSelected ? selectedStyles : buttonStyles },
+            React.createElement(Text, { style: [s.text, isSelected ? styles === null || styles === void 0 ? void 0 : styles.textSelected : styles === null || styles === void 0 ? void 0 : styles.text], numberOfLines: 2 }, item.label))));
 };
 export default DropdownListItem;
 //# sourceMappingURL=DropdownListItem.js.map

package/lib/components/dropdown/DropdownListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG3D,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,cAAc,GACS,EAAE,EAAE;IAC3B,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,IAAI,cAAc,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAA;IAE1E,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;QAC/B,oBAAC,gBAAgB,IACf,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;YAEzD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,IACvC,IAAI,CAAC,KAAK,CACN,CACU,CACd,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"DropdownListItem.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,sBAAsB,IAAI,CAAC,EAAE,MAAM,UAAU,CAAA;AAGtD,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,MAAM,GACiB,EAAE,EAAE;IAC3B,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,IAAI,cAAc,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAA;IAC1E,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,CAAC,CAAA;IAEjE,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC/C,oBAAC,gBAAgB,IACf,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY;YAEjD,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,EACjE,aAAa,EAAE,CAAC,IAEf,IAAI,CAAC,KAAK,CACN,CACU,CACd,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

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

@@ -20,6 +20,7 @@ export declare const DropdownStyles: {
     };
     label: {
         color: string;
+        fontSize: number;
     };
     modalContainer: {
         flex: number;
@@ -34,11 +35,22 @@ export declare const DropdownStyles: {
     dialog: {
         backgroundColor: string;
         paddingVertical: number;
-        minWidth: string;
-        maxWidth: string;
+        borderRadius: number;
         alignItems: "center";
         justifyContent: "center";
-        maxHeight: string;
+        width: number;
+        maxHeight: number;
+        minHeight: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+    };
+    flatListContainer: {
+        width: number;
     };
 };
 export declare const DropdownListItemStyles: {

package/lib/components/dropdown/styles.js

@@ -1,5 +1,11 @@
-import { StyleSheet } from 'react-native';
+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 DropdownStyles = StyleSheet.create({
     rootContainer: {
         width: 50,
@@ -22,6 +28,7 @@ export const DropdownStyles = StyleSheet.create({
     },
     label: {
         color: R.colors.black,
+        fontSize: 16,
     },
     modalContainer: {
         flex: 1,
@@ -36,11 +43,22 @@ export const DropdownStyles = StyleSheet.create({
     dialog: {
         backgroundColor: R.colors.white,
         paddingVertical: 16,
-        minWidth: '40%',
-        maxWidth: '70%',
+        borderRadius: 2,
         alignItems: 'center',
         justifyContent: 'center',
-        maxHeight: '40%',
+        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({

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/dropdown/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC;IAC9C,aAAa,EAAE;QACb,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,aAAa,EAAE,KAAK;QACpB,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAC5B;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;KACtB;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,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/dropdown/styles.ts"],"names":[],"mappings":"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"}

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

@@ -3,22 +3,31 @@ export interface IDropdownItem {
     label: string;
     value: string | number;
 }
+export interface IDropdownListItemStyles {
+    container?: StyleProp<ViewStyle>;
+    button?: StyleProp<ViewStyle>;
+    buttonSelected?: StyleProp<ViewStyle>;
+    text?: StyleProp<TextStyle>;
+    textSelected?: StyleProp<TextStyle>;
+}
 export interface IDropdownListItemProps {
     item: IDropdownItem;
     onSelectItem: (item: IDropdownItem) => void;
     selectedOption?: IDropdownItem;
+    styles?: IDropdownListItemStyles;
 }
 export interface IDropdownStyles {
     container?: StyleProp<ViewStyle>;
     button?: StyleProp<ViewStyle>;
     icon?: StyleProp<ImageStyle>;
     label?: StyleProp<TextStyle>;
+    dialog?: StyleProp<ViewStyle>;
+    flatListContainer?: StyleProp<ViewStyle>;
+    listItem?: IDropdownListItemStyles;
 }
 export interface IDropdownProps {
     items: IDropdownItem[];
     selectedOption?: IDropdownItem;
     onSelectItem: (item: IDropdownItem) => void;
     styles?: IDropdownStyles;
-    label?: string;
-    isMaterial?: boolean;
 }

package/lib/components/formField/FormField.js

@@ -31,7 +31,7 @@ const FormField = ({ id, fieldType, error, validation, dropdownProps, inputProps
                     checkboxProps.onPress(id);
                 }, styles: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.styles, customTextComp: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.customTextComp }));
         case 'datePicker':
-            return (React.createElement(DatePicker, { onSelectDate: datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.onSelectDate, text: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.text) || 'Select date', onCancel: datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.onCancel, selectedDate: datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectedDate }));
+            return (React.createElement(DatePicker, { onSelectDate: datePickerProps.onSelectDate, text: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.text) || 'Select date', onCancel: datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.onCancel, selectedDate: datePickerProps.selectedDate }));
     }
 };
 export default FormField;

package/lib/components/formField/FormField.js.map

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

package/lib/components/index.d.ts

@@ -10,3 +10,4 @@ export { default as Login } from './login/Login';
 export { default as PromoCode } from './promoCode/PromoCode';
 export { default as Separator } from './separator/Separator';
 export { default as WaitingList } from './waitingList/WaitingList';
+export { default as Wrapper } from './wrapper/Wrapper';

package/lib/components/index.js

@@ -10,4 +10,5 @@ export { default as Login } from './login/Login';
 export { default as PromoCode } from './promoCode/PromoCode';
 export { default as Separator } from './separator/Separator';
 export { default as WaitingList } from './waitingList/WaitingList';
+export { default as Wrapper } from './wrapper/Wrapper';
 //# 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,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;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/lib/components/input/Input.js

@@ -9,7 +9,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, { ref: 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 })));
+        React.createElement(TextField, { ref: 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 })));
 };
 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,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,GAAG,EAAE,SAAS,EACd,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,GACpB,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,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,GAAG,EAAE,SAAS,EACd,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"}

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

@@ -8,6 +8,7 @@ export interface IInputStyles {
     lineWidth?: number;
     activeLineWidth?: number;
     baseColor?: ColorValue;
+    errorColor?: ColorValue;
 }
 export interface IInputProps extends TextInputProps {
     isSecure?: boolean;

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

@@ -1,3 +1,3 @@
 import { ILoginProps } from './types';
-declare const Login: ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, message, userProfileProp, onLogoutSuccess, texts, styles, }: ILoginProps) => JSX.Element;
+declare const Login: ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, message, userFirstName, onLogoutSuccess, texts, styles, onLoginFailure, onFetchAccessTokenFailure, onFetchUserProfileFailure, }: ILoginProps) => JSX.Element;
 export default Login;

package/lib/components/login/Login.js

@@ -1,13 +1,17 @@
-import React, { useEffect, useState } from 'react';
-import { Alert, Keyboard } from 'react-native';
+import React, { useState } from 'react';
+import { Keyboard } from 'react-native';
 import { authorize, fetchAccessToken, fetchUserProfile, setAccessTokenHandler, } from '../../api/ApiClient';
-import Constants from '../../api/Constants';
+import { Config } from '../../helpers/Config';
 import { deleteAllData, LocalStorageKeys, storeData, } from '../../helpers/LocalStorage';
 import LoginView from './LoginView';
-const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, message, userProfileProp, onLogoutSuccess, texts, styles, }) => {
+const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideLoginDialog, message, userFirstName, onLogoutSuccess, texts, styles, onLoginFailure, onFetchAccessTokenFailure, onFetchUserProfileFailure, }) => {
     const [isLoading, setIsLoading] = useState(false);
+    const [loginError, setLoginError] = useState('');
     const [userProfileData, setUserProfileData] = useState();
     const handleOnPressLogin = async (email, password) => {
+        if (loginError) {
+            setLoginError('');
+        }
         const bodyFormData = new FormData();
         bodyFormData.append('email', email);
         bodyFormData.append('password', password);
@@ -15,25 +19,31 @@ const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideL
         const { code, error } = await authorize(bodyFormData);
         if (error || !code) {
             setIsLoading(false);
-            return Alert.alert('', error);
+            if (onLoginFailure) {
+                setLoginError(error || 'Auth error');
+                return onLoginFailure(error || 'Auth error');
+            }
         }
         const bodyFormDataToken = new FormData();
         bodyFormDataToken.append('code', code);
         bodyFormDataToken.append('scope', 'profile');
         bodyFormDataToken.append('grant_type', 'authorization_code');
-        bodyFormDataToken.append('client_id', Constants.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
-        bodyFormDataToken.append('client_secret', Constants.CLIENT_SECRET ||
-            'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
+        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);
-            return Alert.alert('', tokenError);
+            if (onFetchAccessTokenFailure) {
+                return onFetchAccessTokenFailure(tokenError);
+            }
         }
         setAccessTokenHandler(accessToken);
         const { error: userProfileError, userProfile } = await fetchUserProfile(accessToken);
         if (userProfileError || !userProfile) {
             setIsLoading(false);
-            return Alert.alert('', userProfileError);
+            if (onFetchUserProfileFailure) {
+                return onFetchUserProfileFailure(userProfileError || 'Error fetching user profile');
+            }
         }
         const storedUserData = {
             id: userProfile.id,
@@ -56,13 +66,7 @@ const Login = ({ onLoginSuccessful, isLoginDialogVisible, showLoginDialog, hideL
             onLogoutSuccess();
         }
     };
-    useEffect(() => {
-        if (!userProfileData && userProfileProp) {
-            setUserProfileData(userProfileProp);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [userProfileProp]);
-    return (React.createElement(LoginView, { showDialog: showLoginDialog, hideDialog: hideLoginDialog, isDialogVisible: isLoginDialogVisible, onPressLogin: handleOnPressLogin, isLoading: isLoading, userProfile: userProfileData, message: message, onPressLogout: handleOnPressLogout, texts: texts, styles: styles }));
+    return (React.createElement(LoginView, { showDialog: showLoginDialog, hideDialog: hideLoginDialog, isDialogVisible: isLoginDialogVisible, onPressLogin: handleOnPressLogin, isLoading: isLoading, userProfile: userProfileData, message: message, onPressLogout: handleOnPressLogout, texts: texts, styles: styles, userFirstName: userFirstName, loginError: loginError }));
 };
 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,3 @@
 import { ILoginViewProps } from './types';
-declare const LoginView: ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading, message, userProfile, onPressLogout, styles, texts, }: ILoginViewProps) => JSX.Element;
+declare const LoginView: ({ showDialog, hideDialog, isDialogVisible, onPressLogin, isLoading, message, onPressLogout, styles, texts, userFirstName, loginError, }: ILoginViewProps) => JSX.Element;
 export default LoginView;