tf-checkout-react-native 1.0.2 → 1.0.7

package/lib/components/button/Button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IButtonProps } from './types';
-declare const Button: ({ text, onPress, isUpperCase, isDisabled, isLoading, styles, }: IButtonProps) => JSX.Element;
+declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<unknown>>;
 export default Button;

package/lib/components/button/Button.js

@@ -1,13 +1,14 @@
+// @ts-nocheck
 import React from 'react';
 import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';
 import R from '../../res';
 import s from './styles';
-const Button = ({ text = 'Press me', onPress, isUpperCase, isDisabled, isLoading, styles, }) => {
+const Button = React.forwardRef(({ text = 'Press me', onPress, isUpperCase, isDisabled, isLoading, styles, }, ref) => {
     const formatText = isUpperCase ? text.toUpperCase() : text;
-    return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(View, { style: [s.button, styles === null || styles === void 0 ? void 0 : styles.container] },
-        React.createElement(ActivityIndicator, { color: R.colors.white }))) : (React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
-        React.createElement(TouchableOpacity, { onPress: onPress, activeOpacity: 0.8, style: [isDisabled ? s.buttonDisabled : s.button, styles === null || styles === void 0 ? void 0 : styles.button], disabled: isDisabled || isLoading },
-            React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text] }, formatText))))));
-};
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container], ref: ref === null || ref === void 0 ? void 0 : ref.containerView },
+            React.createElement(TouchableOpacity, { ref: ref === null || ref === void 0 ? void 0 : ref.touchableOpacity, onPress: onPress, activeOpacity: 0.8, style: [isDisabled ? s.buttonDisabled : s.button, styles === null || styles === void 0 ? void 0 : styles.button], disabled: isDisabled || isLoading }, isLoading ? (React.createElement(View, { ref: ref === null || ref === void 0 ? void 0 : ref.loadingView },
+                React.createElement(ActivityIndicator, { color: R.colors.white, size: 'small', ref: ref === null || ref === void 0 ? void 0 : ref.activityIndicator }))) : (React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text], ref: ref === null || ref === void 0 ? void 0 : ref.loadingText }, formatText))))));
+});
 export default Button;
 //# sourceMappingURL=Button.js.map

package/lib/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,GAAG,UAAU,EACjB,OAAO,EAEP,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,GACO,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1D,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QACxC,oBAAC,iBAAiB,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,GAAI,CACvC,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC3C,oBAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,EACjE,QAAQ,EAAE,UAAU,IAAI,SAAS;YAEjC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAAG,UAAU,CAAQ,CACvC,CACd,CACR,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,IAAI,GAAG,UAAU,EACjB,OAAO,EACP,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,GACO,EACf,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1D,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa;YACpE,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,EACjE,QAAQ,EAAE,UAAU,IAAI,SAAS,IAEhC,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW;gBACzB,oBAAC,iBAAiB,IAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EACrB,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,GAC3B,CACG,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,IACvD,UAAU,CACN,CACR,CACgB,CACd,CACN,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1,24 +1,33 @@
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 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?: ViewStyle;
-    button?: ViewStyle;
-    icon?: ImageStyle;
-    label?: TextStyle;
+    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.d.ts

@@ -1,3 +1,3 @@
 import { IFormFieldProps } from './types';
-declare const FormField: ({ id, fieldType, error, validation, dropdownProps, inputProps, title, checkboxProps, datePickerProps, headerStyle, titleStyle, textStyle, }: IFormFieldProps) => JSX.Element;
+declare const FormField: ({ id, fieldType, error, dropdownProps, inputProps, title, checkboxProps, datePickerProps, headerStyle, titleStyle, textStyle, }: IFormFieldProps) => JSX.Element;
 export default FormField;

package/lib/components/formField/FormField.js

@@ -5,15 +5,20 @@ import DatePicker from '../datePicker/DatePicker';
 import Dropdown from '../dropdown/Dropdown';
 import Input from '../input/Input';
 import styles from './styles';
-const FormField = ({ id, fieldType, error, validation, dropdownProps, inputProps, title, checkboxProps, datePickerProps, headerStyle, titleStyle, textStyle, }) => {
+const FormField = ({ id, fieldType, error, dropdownProps, inputProps, title, checkboxProps, datePickerProps, headerStyle, titleStyle, textStyle, }) => {
+    var _a, _b, _c, _d;
     switch (fieldType) {
         case 'input':
             return (React.createElement(Input, { value: inputProps.value, id: id, onTextChanged: inputProps.onTextChanged, label: inputProps.label || 'Label', error: error, ...inputProps }));
         case 'dropdown':
             return (React.createElement(Dropdown, { items: dropdownProps.options, selectedOption: dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.selectedOption, onSelectItem: (item) => dropdownProps.onSelectOption(id, item), styles: {
-                    container: styles.dropdownContainer,
-                    button: styles.dropdownButton,
-                    label: styles.dropdownLabel,
+                    container: [
+                        styles.dropdownContainer,
+                        (_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style) === null || _a === void 0 ? void 0 : _a.container,
+                    ],
+                    button: [styles.dropdownButton, (_b = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style) === null || _b === void 0 ? void 0 : _b.button],
+                    label: [styles.dropdownLabel, (_c = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style) === null || _c === void 0 ? void 0 : _c.label],
+                    icon: (_d = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style) === null || _d === void 0 ? void 0 : _d.icon,
                 } }));
         case 'title':
             return React.createElement(Text, { style: [styles.title, titleStyle] }, title);
@@ -24,11 +29,9 @@ const FormField = ({ id, fieldType, error, validation, dropdownProps, inputProps
         case 'checkbox':
             return (React.createElement(Checkbox, { isActive: checkboxProps.isActive, text: checkboxProps.text, onPress: () => {
                     checkboxProps.onPress(id);
-                }, styles: {
-                    container: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.containerStyle,
-                }, customTextComp: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.customTextComp }));
+                }, 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,MAAM,MAAM,UAAU,CAAA;AAG7B,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,aAAa,EACb,UAAU,EACV,KAAK,EACL,aAAa,EACb,eAAe,EACf,WAAW,EACX,UAAU,EACV,SAAS,GACO,EAAE,EAAE;IACpB,QAAQ,SAAS,EAAE;QACjB,KAAK,OAAO;YACV,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,UAAW,CAAC,KAAK,EACxB,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,UAAW,CAAC,aAAa,EACxC,KAAK,EAAE,UAAW,CAAC,KAAK,IAAI,OAAO,EACnC,KAAK,EAAE,KAAK,KACR,UAAU,GACd,CACH,CAAA;QAEH,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE,aAAc,CAAC,OAAO,EAC7B,cAAc,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,EAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAc,CAAC,cAAc,CAAC,EAAG,EAAE,IAAI,CAAC,EAChE,MAAM,EAAE;oBACN,SAAS,EAAE,MAAM,CAAC,iBAAiB;oBACnC,MAAM,EAAE,MAAM,CAAC,cAAc;oBAC7B,KAAK,EAAE,MAAM,CAAC,aAAa;iBAC5B,GACD,CACH,CAAA;QAEH,KAAK,OAAO;YACV,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,IAAG,KAAK,CAAQ,CAAA;QAEhE,KAAK,QAAQ;YACX,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,IAAG,KAAK,CAAQ,CAAA;QAElE,KAAK,MAAM;YACT,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAG,KAAK,CAAQ,CAAA;QAE9D,KAAK,UAAU;YACb,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAE,aAAc,CAAC,QAAQ,EACjC,IAAI,EAAE,aAAc,CAAC,IAAI,EACzB,OAAO,EAAE,GAAG,EAAE;oBACZ,aAAc,CAAC,OAAO,CAAC,EAAG,CAAC,CAAA;gBAC7B,CAAC,EACD,MAAM,EAAE;oBACN,SAAS,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc;iBACzC,EACD,cAAc,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,cAAc,GAC7C,CACH,CAAA;QAEH,KAAK,YAAY;YACf,OAAO,CACL,oBAAC,UAAU,IACT,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,EAC3C,IAAI,EAAE,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,KAAI,aAAa,EAC5C,QAAQ,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,EACnC,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,GAC3C,CACH,CAAA;KACJ;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/formField/FormField.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { StyleProp, TextStyle } from 'react-native';
+import { ICheckboxStyles } from '../checkbox/types';
 import { IDatePickerProps } from '../datePicker/types';
-import { IDropdownItem } from '../dropdown/types';
+import { IDropdownItem, IDropdownStyles } from '../dropdown/types';
 import { IInputProps } from '../input/types';
 export declare type FieldType = 'input' | 'dropdown' | 'title' | 'checkbox' | 'text' | 'header' | 'datePicker';
 export interface IFormField {
@@ -18,12 +19,13 @@ export interface IFormFieldProps {
         selectedOption?: IDropdownItem;
         options: IDropdownItem[];
         onSelectOption: (id: string, item: IDropdownItem) => void;
+        style?: IDropdownStyles;
     };
     checkboxProps?: {
         isActive: boolean;
         text: string;
         onPress: (id: string) => void;
-        containerStyle?: StyleProp<ViewStyle>;
+        styles?: ICheckboxStyles;
         customTextComp?: ReactNode;
     };
     title?: string;

package/lib/components/input/Input.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 import React from 'react';
 import { View } from 'react-native';
 import { OutlinedTextField as TextField } from 'rn-material-ui-textfield';
@@ -5,9 +6,11 @@ import R from '../../res';
 import s from './styles';
 const Input = (props) => {
     const { id, value, onTextChanged, onChangeText, reference, label, styles } = props;
-    const mainColor = (styles === null || styles === void 0 ? void 0 : styles.color) || R.colors.black;
+    const mainColor = (styles === null || styles === void 0 ? void 0 : styles.baseColor)
+        ? 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, { 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 })));
 };
 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,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;IAEjD,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,cAAc;AAEd,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"}

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

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

package/lib/components/loggedIn/LoggedIn.js

@@ -1,21 +1,35 @@
 import React from 'react';
-import { View } from 'react-native';
+import { Alert, View } from 'react-native';
 import { Button } from '..';
 import s from './styles';
-const LoggedIn = ({ myOrdersButtonStyles, myOrderButtonText, onPressMyOrders, onPressLogout, logOutButtonStyles, logOutButtonText, rootContainerStyle, }) => {
-    const handleMyOrdersPress = () => {
+const LoggedIn = ({ styles, texts, onPressMyOrders, onPressLogout, }) => {
+    const { rootContainer, myOrdersButton, logOutButton } = {
+        ...styles,
+    };
+    const { logoutDialog, myOrderButtonText, logOutButtonText } = { ...texts };
+    const handleMyOrdersPress = async () => {
         if (onPressMyOrders) {
             onPressMyOrders();
         }
     };
     const handleLogOutPress = () => {
         if (onPressLogout) {
-            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', [
+                {
+                    text: (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.confirmButton) || 'Yes, logout',
+                    style: 'destructive',
+                    onPress: onPressLogout,
+                },
+                {
+                    text: (logoutDialog === null || logoutDialog === void 0 ? void 0 : logoutDialog.cancelButton) || 'No',
+                },
+            ]);
         }
     };
-    return (React.createElement(View, { style: [s.rootContainer, rootContainerStyle] },
-        React.createElement(Button, { text: myOrderButtonText || 'MY ORDERS', onPress: handleMyOrdersPress, styles: myOrdersButtonStyles }),
-        React.createElement(Button, { text: logOutButtonText || 'LOG OUT', onPress: handleLogOutPress, styles: logOutButtonStyles })));
+    return (React.createElement(View, { style: [s.rootContainer, rootContainer] },
+        React.createElement(Button, { text: myOrderButtonText || 'MY ORDERS', onPress: handleMyOrdersPress, styles: myOrdersButton }),
+        React.createElement(Button, { text: logOutButtonText || 'LOG OUT', onPress: handleLogOutPress, styles: logOutButton })));
 };
 export default LoggedIn;
 //# sourceMappingURL=LoggedIn.js.map

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,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AAC3B,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,QAAQ,GAAuB,CAAC,EACpC,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,eAAe,EAAE;YACnB,eAAe,EAAE,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,aAAa,EAAE;YACjB,aAAa,EAAE,CAAA;SAChB;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,kBAAkB,CAAC;QAChD,oBAAC,MAAM,IACL,IAAI,EAAE,iBAAiB,IAAI,WAAW,EACtC,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,oBAAoB,GAC5B;QACF,oBAAC,MAAM,IACL,IAAI,EAAE,gBAAgB,IAAI,SAAS,EACnC,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,kBAAkB,GAC1B,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,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"}