tf-checkout-react-native 1.0.16 → 1.0.17

package/README.md

@@ -390,6 +390,8 @@ Then add it to the render function.
   onLoadingChange?: (isLoading: boolean) => void
   areAlertsEnabled?: boolean
   areLoadingIndicatorsEnabled?: boolean
+  
+  promoCodeCloseIcon?: ImageSourcePropType
 }
 ```
 
@@ -424,15 +426,16 @@ You can then call the `BillingInfo` component and pass them as props in the `car
     content?: StyleProp<ViewStyle>
     input?: TextInputProps['style']
     inputPlaceholderColor?: string
-    title?: StyleProp<TextStyle>
 
     mainButton?: IButtonStyles
-    cancelButton?: IButtonStyles
     applyButton?: IButtonStyles
     applyDisabledButton?: IButtonStyles
 
-    messageContainer?: StyleProp<ViewStyle>
-    message?: StyleProp<TextStyle>
+    errorMessage?: StyleProp<TextStyle>
+    validMessage?: StyleProp<TextStyle>
+
+    cancelButton?: StyleProp<ViewStyle>
+    cancelIcon?: StyleProp<ImageStyle>
   }
   ticketList?: {
     listContainer?: ViewStyle
@@ -745,6 +748,11 @@ Add it to the render function.
   styles?: ICheckoutStyles
 
   onLoadingChange?: (isLoading: boolean) => void
+  onSkippingStatusChange?: (status: | 'skipping'
+  | 'fail'
+  | 'success'
+  | 'false'
+  | undefined) => void
   areAlertsEnabled?: boolean
   areLoadingIndicatorsEnabled?: boolean
 }

package/lib/components/dropdown/styles.js

@@ -13,7 +13,7 @@ export const DropdownStyles = StyleSheet.create({
     button: {
         width: '100%',
         borderWidth: 2,
-        height: 35,
+        height: 45,
         alignItems: 'center',
         justifyContent: 'space-between',
         flexDirection: 'row',

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

@@ -0,0 +1,3 @@
+import { IDropdownMaterialProps } from './types';
+declare const DropdownMaterial: ({ items, selectedOption, onSelectItem, styles, materialInputProps, }: IDropdownMaterialProps) => JSX.Element;
+export default DropdownMaterial;

package/lib/components/dropdownMaterial/DropdownMaterial.js

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

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

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

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

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

package/lib/components/dropdownMaterial/styles.js

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

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

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

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

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

package/lib/components/dropdownMaterial/types.js

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

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

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

package/lib/components/index.d.ts

@@ -2,6 +2,7 @@ export { default as Button } from './button/Button';
 export { default as Checkbox } from './checkbox/Checkbox';
 export { default as DatePicker } from './datePicker/DatePicker';
 export { default as Dropdown } from './dropdown/Dropdown';
+export { default as DropdownMaterial } from './dropdownMaterial/DropdownMaterial';
 export { default as FormField } from './formField/FormField';
 export { default as Input } from './input/Input';
 export { default as Loading } from './loading/Loading';

package/lib/components/index.js

@@ -2,6 +2,7 @@ export { default as Button } from './button/Button';
 export { default as Checkbox } from './checkbox/Checkbox';
 export { default as DatePicker } from './datePicker/DatePicker';
 export { default as Dropdown } from './dropdown/Dropdown';
+export { default as DropdownMaterial } from './dropdownMaterial/DropdownMaterial';
 export { default as FormField } from './formField/FormField';
 export { default as Input } from './input/Input';
 export { default as Loading } from './loading/Loading';

package/lib/components/index.js.map

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

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

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

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

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

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

package/lib/components/promoCode/PromoCode.d.ts

@@ -1,3 +1,3 @@
 import { IPromoCodeProps } from './types';
-declare const PromoCode: ({ onPressApply, promoCodeValidationMessage, isPromoCodeValid, styles, texts, isAccessCodeEnabled, }: IPromoCodeProps) => JSX.Element;
+declare const PromoCode: ({ onPressApply, promoCodeValidationMessage, isPromoCodeValid, styles, texts, isAccessCodeEnabled, closeButtonIcon, }: IPromoCodeProps) => JSX.Element;
 export default PromoCode;

package/lib/components/promoCode/PromoCode.js

@@ -1,33 +1,24 @@
 import React, { useState } from 'react';
-import { Text, TextInput, View } from 'react-native';
+import { Image, Text, TextInput, TouchableOpacity, View } from 'react-native';
 import R from '../../res';
 import Button from '../button/Button';
 import s from './styles';
-const PromoCode = ({ onPressApply, promoCodeValidationMessage, isPromoCodeValid, styles, texts, isAccessCodeEnabled, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+const PromoCode = ({ onPressApply, promoCodeValidationMessage, isPromoCodeValid, styles, texts, isAccessCodeEnabled, closeButtonIcon, }) => {
+    var _a, _b, _c;
     const [isActive, setIsActive] = useState(false);
     const [promoCode, setPromoCode] = useState('');
     const activate = () => setIsActive(true);
-    const deactivate = () => setIsActive(false);
+    const deactivate = () => {
+        const code = promoCode;
+        setIsActive(false);
+        setPromoCode('');
+        return code;
+    };
     const handleOnPressPromoCode = () => {
         activate();
     };
     const handleOnPressApply = () => {
-        deactivate();
         onPressApply(promoCode);
-        setTimeout(() => {
-            setPromoCode('');
-        }, 300);
-    };
-    const applyButtonDisabledStyles = {
-        container: (_a = styles === null || styles === void 0 ? void 0 : styles.applyDisabledButton) === null || _a === void 0 ? void 0 : _a.container,
-        text: [s.applyText, (_b = styles === null || styles === void 0 ? void 0 : styles.applyDisabledButton) === null || _b === void 0 ? void 0 : _b.text],
-        button: [s.applyButtonDisabled, (_c = styles === null || styles === void 0 ? void 0 : styles.applyDisabledButton) === null || _c === void 0 ? void 0 : _c.button],
-    };
-    const applyButtonStyles = {
-        container: (_d = styles === null || styles === void 0 ? void 0 : styles.applyButton) === null || _d === void 0 ? void 0 : _d.container,
-        text: [s.applyText, (_e = styles === null || styles === void 0 ? void 0 : styles.applyButton) === null || _e === void 0 ? void 0 : _e.text],
-        button: [s.applyButton, (_f = styles === null || styles === void 0 ? void 0 : styles.applyButton) === null || _f === void 0 ? void 0 : _f.button],
     };
     const isCodeValid = () => {
         if (typeof isPromoCodeValid === 'boolean') {
@@ -37,38 +28,33 @@ const PromoCode = ({ onPressApply, promoCodeValidationMessage, isPromoCodeValid,
             return isPromoCodeValid > 0;
         }
     };
-    const successComponent = () => isCodeValid() && (React.createElement(View, { style: [s.messageContainer, styles === null || styles === void 0 ? void 0 : styles.messageContainer] },
-        React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.message }, promoCodeValidationMessage ||
-            'Your promo code was applied successfully.')));
     const isApplyButtonDisabled = promoCode.length === 0;
-    const inputPlaceHolder = (texts === null || texts === void 0 ? void 0 : texts.title)
-        ? texts.title
-        : isAccessCodeEnabled
-            ? 'Enter your access code'
-            : 'Promo Code';
     const submitButton = (texts === null || texts === void 0 ? void 0 : texts.apply)
         ? texts.apply
         : isAccessCodeEnabled
             ? 'ENTER'
             : 'APPLY';
-    return (React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.rootContainer },
-        successComponent(),
-        isActive || isAccessCodeEnabled ? (React.createElement(View, { style: [s.contentWrapper, styles === null || styles === void 0 ? void 0 : styles.contentWrapper] },
-            React.createElement(Text, { style: [s.title, styles === null || styles === void 0 ? void 0 : styles.title] }, inputPlaceHolder),
-            React.createElement(View, { style: [s.content, styles === null || styles === void 0 ? void 0 : styles.content] },
-                React.createElement(TextInput, { placeholder: (texts === null || texts === void 0 ? void 0 : texts.inputPlaceHolder) || inputPlaceHolder, placeholderTextColor: (styles === null || styles === void 0 ? void 0 : styles.inputPlaceholderColor) || R.colors.disabled, value: promoCode, style: [s.input, styles === null || styles === void 0 ? void 0 : styles.input], onChangeText: (text) => setPromoCode(text), autoCapitalize: 'none' }),
-                React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.apply) || submitButton, styles: isApplyButtonDisabled
-                        ? applyButtonDisabledStyles
-                        : applyButtonStyles, onPress: handleOnPressApply, isDisabled: isApplyButtonDisabled }),
-                React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.cancel) || 'Cancel', styles: {
-                        container: (_g = styles === null || styles === void 0 ? void 0 : styles.cancelButton) === null || _g === void 0 ? void 0 : _g.container,
-                        text: [s.cancelText, (_h = styles === null || styles === void 0 ? void 0 : styles.cancelButton) === null || _h === void 0 ? void 0 : _h.text],
-                        button: [s.cancelButton, (_j = styles === null || styles === void 0 ? void 0 : styles.cancelButton) === null || _j === void 0 ? void 0 : _j.button],
-                    }, onPress: deactivate })))) : (React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.mainButton) || 'Got a promo code? Click here', onPress: handleOnPressPromoCode, styles: {
-                text: [s.mainButtonText, (_k = styles === null || styles === void 0 ? void 0 : styles.mainButton) === null || _k === void 0 ? void 0 : _k.text],
-                container: [s.mainButtonContainer, (_l = styles === null || styles === void 0 ? void 0 : styles.mainButton) === null || _l === void 0 ? void 0 : _l.container],
-                button: (_m = styles === null || styles === void 0 ? void 0 : styles.mainButton) === null || _m === void 0 ? void 0 : _m.button,
-            } }))));
+    const resultMessageValidStyle = [s.validMessage, styles === null || styles === void 0 ? void 0 : styles.validMessage];
+    const resultMessageErrorStyle = [s.errorMessage, styles === null || styles === void 0 ? void 0 : styles.errorMessage];
+    const resultMessageStyle = isCodeValid()
+        ? resultMessageValidStyle
+        : resultMessageErrorStyle;
+    const resultMessage = isCodeValid()
+        ? (texts === null || texts === void 0 ? void 0 : texts.validMessage) || 'Valid promo code'
+        : (texts === null || texts === void 0 ? void 0 : texts.errorMessage) || promoCodeValidationMessage;
+    return (React.createElement(View, { style: [{}, styles === null || styles === void 0 ? void 0 : styles.rootContainer] }, isActive || isAccessCodeEnabled ? (React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.contentWrapper },
+        React.createElement(View, { style: [s.content, styles === null || styles === void 0 ? void 0 : styles.content] },
+            React.createElement(TextInput, { placeholder: (texts === null || texts === void 0 ? void 0 : texts.inputPlaceHolder) || 'Enter promo code', placeholderTextColor: (styles === null || styles === void 0 ? void 0 : styles.inputPlaceholderColor) || R.colors.disabled, value: promoCode, style: [s.input, styles === null || styles === void 0 ? void 0 : styles.input], onChangeText: (text) => setPromoCode(text), autoCapitalize: 'none', underlineColorAndroid: R.colors.transparent }),
+            React.createElement(TouchableOpacity, { style: [s.cancelButton, styles === null || styles === void 0 ? void 0 : styles.cancelButton], onPress: deactivate },
+                React.createElement(Image, { source: closeButtonIcon || R.icons.error, style: [s.cancelIcon, styles === null || styles === void 0 ? void 0 : styles.cancelIcon] })),
+            React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.apply) || submitButton, styles: isApplyButtonDisabled
+                    ? styles === null || styles === void 0 ? void 0 : styles.applyDisabledButton
+                    : styles === null || styles === void 0 ? void 0 : styles.applyButton, onPress: handleOnPressApply, isDisabled: isApplyButtonDisabled })),
+        !!resultMessage && (React.createElement(Text, { style: resultMessageStyle }, resultMessage)))) : (React.createElement(Button, { text: (texts === null || texts === void 0 ? void 0 : texts.mainButton) || 'Got a promo code? Click here', onPress: handleOnPressPromoCode, styles: {
+            text: [s.mainButtonText, (_a = styles === null || styles === void 0 ? void 0 : styles.mainButton) === null || _a === void 0 ? void 0 : _a.text],
+            container: [s.mainButtonContainer, (_b = styles === null || styles === void 0 ? void 0 : styles.mainButton) === null || _b === void 0 ? void 0 : _b.container],
+            button: (_c = styles === null || styles === void 0 ? void 0 : styles.mainButton) === null || _c === void 0 ? void 0 : _c.button,
+        } }))));
 };
 export default PromoCode;
 //# sourceMappingURL=PromoCode.js.map

package/lib/components/promoCode/PromoCode.js.map

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

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

@@ -1,24 +1,23 @@
 declare const _default: {
     content: {
         flexDirection: "row";
-        marginBottom: number;
-        justifyContent: "space-between";
+        width: string;
+        alignItems: "center";
+        backgroundColor: string;
     };
     input: {
-        borderWidth: number;
-        padding: number;
+        paddingHorizontal: number;
         minWidth: number;
-        width: string;
+        flex: number;
         borderColor: string;
         color: string;
+        height: number;
+        fontSize: number;
     };
     applyButton: {
         backgroundColor: string;
         paddingHorizontal: number;
-    };
-    applyButtonDisabled: {
-        backgroundColor: string;
-        paddingHorizontal: number;
+        flex: number;
     };
     applyText: {
         fontWeight: "400";
@@ -26,16 +25,22 @@ declare const _default: {
         color: string;
     };
     cancelButton: {
-        borderColor: string;
+        padding: number;
+        flex: number;
+        marginLeft: number;
     };
-    cancelText: {
-        fontWeight: "400";
-        fontSize: number;
+    cancelIcon: {
+        width: number;
+        height: number;
+        tintColor: string;
+    };
+    errorMessage: {
         color: string;
     };
-    mainButtonContainer: {
-        marginVertical: number;
+    validMessage: {
+        color: string;
     };
+    mainButtonContainer: {};
     mainButtonText: {
         fontWeight: "400";
         fontSize: number;
@@ -51,6 +56,5 @@ declare const _default: {
         marginVertical: number;
         fontWeight: "600";
     };
-    contentWrapper: {};
 };
 export default _default;