tf-checkout-react-native 1.0.0

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

@@ -0,0 +1,72 @@
+export declare const DropdownStyles: {
+    rootContainer: {
+        width: number;
+    };
+    button: {
+        width: string;
+        borderWidth: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "space-between";
+        flexDirection: "row";
+        paddingHorizontal: number;
+        borderColor: string;
+    };
+    icon: {
+        height: number;
+        width: number;
+        resizeMode: "contain";
+        tintColor: string;
+    };
+    label: {
+        color: string;
+    };
+    modalContainer: {
+        flex: number;
+        backgroundColor: string;
+    };
+    modalBackgroundTouchable: {
+        width: string;
+        height: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    dialog: {
+        backgroundColor: string;
+        paddingVertical: number;
+        minWidth: string;
+        maxWidth: string;
+        alignItems: "center";
+        justifyContent: "center";
+        maxHeight: string;
+    };
+};
+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/dropdown/styles.js

@@ -0,0 +1,75 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export const DropdownStyles = StyleSheet.create({
+    rootContainer: {
+        width: 50,
+    },
+    button: {
+        width: '100%',
+        borderWidth: 2,
+        height: 35,
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        flexDirection: 'row',
+        paddingHorizontal: 8,
+        borderColor: R.colors.black,
+    },
+    icon: {
+        height: 14,
+        width: 14,
+        resizeMode: 'contain',
+        tintColor: R.colors.black,
+    },
+    label: {
+        color: R.colors.black,
+    },
+    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,
+        minWidth: '40%',
+        maxWidth: '70%',
+        alignItems: 'center',
+        justifyContent: 'center',
+        maxHeight: '40%',
+    },
+});
+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/dropdown/styles.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+export interface IDropdownItem {
+    label: string;
+    value: string | number;
+}
+export interface IDropdownListItemProps {
+    item: IDropdownItem;
+    onSelectItem: (item: IDropdownItem) => void;
+    selectedOption?: IDropdownItem;
+}
+export interface IDropdownStyles {
+    container?: ViewStyle;
+    button?: ViewStyle;
+    icon?: ImageStyle;
+    label?: TextStyle;
+}
+export interface IDropdownProps {
+    items: IDropdownItem[];
+    selectedOption?: IDropdownItem;
+    onSelectItem: (item: IDropdownItem) => void;
+    styles?: IDropdownStyles;
+    label?: string;
+    isMaterial?: boolean;
+}

package/lib/components/dropdown/types.js

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

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

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

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

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

package/lib/components/formField/FormField.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Text } from 'react-native';
+import Checkbox from '../checkbox/Checkbox';
+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, }) => {
+    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,
+                } }));
+        case 'title':
+            return React.createElement(Text, { style: [styles.title, titleStyle] }, title);
+        case 'header':
+            return React.createElement(Text, { style: [styles.header, headerStyle] }, title);
+        case 'text':
+            return React.createElement(Text, { style: [styles.text, textStyle] }, title);
+        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 }));
+        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 }));
+    }
+};
+export default FormField;
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,34 @@
+declare const _default: {
+    dropdownContainer: {
+        width: string;
+        height: number;
+        marginBottom: number;
+    };
+    dropdownButton: {
+        height: number;
+        borderWidth: number;
+        borderRadius: number;
+    };
+    dropdownLabel: {
+        fontSize: number;
+        color: string;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "700";
+        marginBottom: number;
+        color: string;
+    };
+    header: {
+        fontSize: number;
+        fontWeight: "800";
+        marginBottom: number;
+        color: string;
+    };
+    text: {
+        fontSize: number;
+        marginBottom: number;
+        color: string;
+    };
+};
+export default _default;

package/lib/components/formField/styles.js

@@ -0,0 +1,36 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export default StyleSheet.create({
+    dropdownContainer: {
+        width: '100%',
+        height: 50,
+        marginBottom: 24,
+    },
+    dropdownButton: {
+        height: 55,
+        borderWidth: 1,
+        borderRadius: 5,
+    },
+    dropdownLabel: {
+        fontSize: 16,
+        color: R.colors.primary,
+    },
+    title: {
+        fontSize: 20,
+        fontWeight: '700',
+        marginBottom: 16,
+        color: R.colors.primary,
+    },
+    header: {
+        fontSize: 28,
+        fontWeight: '800',
+        marginBottom: 16,
+        color: R.colors.primary,
+    },
+    text: {
+        fontSize: 14,
+        marginBottom: 16,
+        color: R.colors.primary,
+    },
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/formField/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,iBAAiB,EAAE;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;KACjB;IACD,cAAc,EAAE;QACd,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;KAChB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;CACF,CAAC,CAAA"}

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

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { IDatePickerProps } from '../datePicker/types';
+import { IDropdownItem } from '../dropdown/types';
+import { IInputProps } from '../input/types';
+export declare type FieldType = 'input' | 'dropdown' | 'title' | 'checkbox' | 'text' | 'header' | 'datePicker';
+export interface IFormField {
+    value: string | number;
+    error?: string;
+}
+export interface IFormFieldProps {
+    id?: string;
+    fieldType: FieldType;
+    error?: string;
+    validation?: () => void;
+    inputProps?: IInputProps;
+    dropdownProps?: {
+        selectedOption?: IDropdownItem;
+        options: IDropdownItem[];
+        onSelectOption: (id: string, item: IDropdownItem) => void;
+    };
+    checkboxProps?: {
+        isActive: boolean;
+        text: string;
+        onPress: (id: string) => void;
+        containerStyle?: StyleProp<ViewStyle>;
+        customTextComp?: ReactNode;
+    };
+    title?: string;
+    datePickerProps?: IDatePickerProps;
+    titleStyle?: StyleProp<TextStyle>;
+    headerStyle?: StyleProp<TextStyle>;
+    textStyle?: StyleProp<TextStyle>;
+}

package/lib/components/formField/types.js

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

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

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

package/lib/components/index.d.ts

@@ -0,0 +1,12 @@
+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 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 PromoCode } from './promoCode/PromoCode';
+export { default as Separator } from './separator/Separator';
+export { default as WaitingList } from './waitingList/WaitingList';

package/lib/components/index.js

@@ -0,0 +1,13 @@
+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 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 PromoCode } from './promoCode/PromoCode';
+export { default as Separator } from './separator/Separator';
+export { default as WaitingList } from './waitingList/WaitingList';
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+import { IInputProps } from './types';
+declare const Input: (props: IInputProps) => JSX.Element;
+export default Input;

package/lib/components/input/Input.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View } from 'react-native';
+import { OutlinedTextField as TextField } from 'rn-material-ui-textfield';
+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;
+    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 })));
+};
+export default Input;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,41 @@
+declare const _default: {
+    container: {
+        width: string;
+        flexDirection: "row";
+        alignItems: "center";
+        marginBottom: number;
+    };
+    textLabelFocused: {
+        color: string;
+        fontSize: number;
+    };
+    textLabelFocusedError: {
+        color: string;
+        fontSize: number;
+    };
+    textLabel: {
+        color: string;
+        fontSize: number;
+    };
+    textValue: {
+        color: string;
+        fontSize: number;
+        marginLeft: number;
+        marginBottom: number;
+    };
+    textValueWithoutIcon: {
+        color: string;
+        fontSize: number;
+        marginLeft: number;
+        marginBottom: number;
+    };
+    fieldWrapper: {
+        flex: number;
+    };
+    error: {
+        color: string;
+        fontSize: number;
+        marginTop: number;
+    };
+};
+export default _default;

package/lib/components/input/styles.js

@@ -0,0 +1,46 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+const LEFT_ICON_SIZE = 22;
+const TEXT_LEFT_MARGIN = LEFT_ICON_SIZE + 10;
+const FONT_SIZE = 16;
+export default StyleSheet.create({
+    container: {
+        width: '100%',
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 16,
+    },
+    textLabelFocused: {
+        color: R.colors.primary,
+        fontSize: 14,
+    },
+    textLabelFocusedError: {
+        color: R.colors.danger,
+        fontSize: 14,
+    },
+    textLabel: {
+        color: R.colors.primary,
+        fontSize: FONT_SIZE,
+    },
+    textValue: {
+        color: R.colors.white,
+        fontSize: FONT_SIZE,
+        marginLeft: TEXT_LEFT_MARGIN,
+        marginBottom: -2,
+    },
+    textValueWithoutIcon: {
+        color: R.colors.white,
+        fontSize: FONT_SIZE,
+        marginLeft: 0,
+        marginBottom: -2,
+    },
+    fieldWrapper: {
+        flex: 1,
+    },
+    error: {
+        color: R.colors.danger,
+        fontSize: 14,
+        marginTop: -4,
+    },
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,MAAM,cAAc,GAAG,EAAE,CAAA;AACzB,MAAM,gBAAgB,GAAG,cAAc,GAAG,EAAE,CAAA;AAC5C,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,EAAE;KACjB;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QACvB,QAAQ,EAAE,EAAE;KACb;IACD,qBAAqB,EAAE;QACrB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;QACtB,QAAQ,EAAE,EAAE;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QACvB,QAAQ,EAAE,SAAS;KACpB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,gBAAgB;QAC5B,YAAY,EAAE,CAAC,CAAC;KACjB;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,CAAC;QACb,YAAY,EAAE,CAAC,CAAC;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;QACtB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC,CAAC;KACd;CACF,CAAC,CAAA"}

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

@@ -0,0 +1,22 @@
+import { LegacyRef } from 'react';
+import { ColorValue, StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import { TextField } from 'rn-material-ui-textfield';
+export interface IInputStyles {
+    color?: ColorValue;
+    container?: StyleProp<ViewStyle>;
+    input?: StyleProp<TextStyle>;
+    lineWidth?: number;
+    activeLineWidth?: number;
+}
+export interface IInputProps extends TextInputProps {
+    isSecure?: boolean;
+    label: string;
+    reference?: LegacyRef<TextField>;
+    formatText?: (text: string) => string;
+    error?: string;
+    isDisabled?: boolean;
+    title?: string;
+    id?: string;
+    onTextChanged?: (key: string, value: string) => void;
+    styles?: IInputStyles;
+}

package/lib/components/input/types.js

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

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

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

package/lib/components/loading/Loading.d.ts

@@ -0,0 +1,3 @@
+import { ILoadingProps } from './types';
+declare const Loading: ({ text, styles, customComponent, }: ILoadingProps) => JSX.Element;
+export default Loading;

package/lib/components/loading/Loading.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ActivityIndicator, Modal, Text, View } from 'react-native';
+import R from '../../res';
+import s from './styles';
+const Loading = ({ text = 'Loading...', styles, customComponent, }) => {
+    var _a, _b;
+    return (React.createElement(Modal, { presentationStyle: 'overFullScreen', transparent: true },
+        React.createElement(View, { style: s.rootContainer },
+            React.createElement(View, { style: [s.content, styles === null || styles === void 0 ? void 0 : styles.content] }, customComponent ? (customComponent) : (React.createElement(React.Fragment, null,
+                React.createElement(ActivityIndicator, { size: ((_a = styles === null || styles === void 0 ? void 0 : styles.animation) === null || _a === void 0 ? void 0 : _a.size) || 'large', color: ((_b = styles === null || styles === void 0 ? void 0 : styles.animation) === null || _b === void 0 ? void 0 : _b.color) || R.colors.black }),
+                React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text] }, text)))))));
+};
+export default Loading;
+//# sourceMappingURL=Loading.js.map

package/lib/components/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/components/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnE,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,OAAO,GAAG,CAAC,EACf,IAAI,GAAG,YAAY,EACnB,MAAM,EACN,eAAe,GACD,EAAE,EAAE;;IAClB,OAAO,CACL,oBAAC,KAAK,IAAC,iBAAiB,EAAC,gBAAgB,EAAC,WAAW,EAAE,IAAI;QACzD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,aAAa;YAC1B,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,IACtC,eAAe,CAAC,CAAC,CAAC,CACjB,eAAe,CAChB,CAAC,CAAC,CAAC,CACF;gBACE,oBAAC,iBAAiB,IAChB,IAAI,EAAE,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,0CAAE,IAAI,KAAI,OAAO,EACxC,KAAK,EAAE,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,0CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,GACjD;gBACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAAG,IAAI,CAAQ,CACjD,CACJ,CACI,CACF,CACD,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,29 @@
+declare const _default: {
+    rootContainer: {
+        flex: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    text: {
+        color: string;
+        marginTop: number;
+        fontSize: number;
+    };
+    content: {
+        backgroundColor: string;
+        padding: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        elevation: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            height: number;
+            width: number;
+        };
+    };
+};
+export default _default;

package/lib/components/loading/styles.js

@@ -0,0 +1,31 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export default StyleSheet.create({
+    rootContainer: {
+        flex: 1,
+        backgroundColor: R.colors.transparentBlack,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    text: {
+        color: R.colors.black,
+        marginTop: 16,
+        fontSize: 18,
+    },
+    content: {
+        backgroundColor: R.colors.white,
+        padding: 24,
+        borderRadius: 5,
+        alignItems: 'center',
+        justifyContent: 'center',
+        elevation: 3,
+        shadowColor: 'black',
+        shadowOpacity: 0.5,
+        shadowRadius: 5,
+        shadowOffset: {
+            height: 5,
+            width: 0,
+        },
+    },
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/loading/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,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB;QAC1C,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,OAAO;QACpB,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;QACf,YAAY,EAAE;YACZ,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+import { ActivityIndicatorProps, TextStyle, ViewStyle } from 'react-native';
+export interface ILoadingStyles {
+    animation?: {
+        color?: ActivityIndicatorProps['color'];
+        size?: ActivityIndicatorProps['size'];
+    };
+    content?: ViewStyle;
+    text?: TextStyle;
+}
+export interface ILoadingProps {
+    text?: string;
+    styles?: ILoadingStyles;
+    customComponent?: any;
+}

package/lib/components/loading/types.js

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

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

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