tf-checkout-react-native 1.0.21 → 1.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +117 -14
- package/assets/icons/ic_clock.png +0 -0
- package/assets/icons/ic_more.png +0 -0
- package/lib/api/ApiClient.d.ts +3 -1
- package/lib/api/ApiClient.js +86 -11
- package/lib/api/ApiClient.js.map +1 -1
- package/lib/api/Constants.js +1 -1
- package/lib/api/Constants.js.map +1 -1
- package/lib/api/types.d.ts +38 -0
- package/lib/components/bottomSheetModal/BottomSheetModal.d.ts +7 -0
- package/lib/components/bottomSheetModal/BottomSheetModal.js +54 -0
- package/lib/components/bottomSheetModal/BottomSheetModal.js.map +1 -0
- package/lib/components/bottomSheetModal/BottomSheetModalStyles.d.ts +38 -0
- package/lib/components/bottomSheetModal/BottomSheetModalStyles.js +41 -0
- package/lib/components/bottomSheetModal/BottomSheetModalStyles.js.map +1 -0
- package/lib/components/bottomSheetModal/BottomSheetModalTypes.d.ts +22 -0
- package/lib/components/bottomSheetModal/BottomSheetModalTypes.js +2 -0
- package/lib/components/bottomSheetModal/BottomSheetModalTypes.js.map +1 -0
- package/lib/components/cartTimer/CartTimer.d.ts +4 -0
- package/lib/components/cartTimer/CartTimer.js +45 -0
- package/lib/components/cartTimer/CartTimer.js.map +1 -0
- package/lib/components/cartTimer/styles.d.ts +46 -0
- package/lib/components/cartTimer/styles.js +42 -0
- package/lib/components/cartTimer/styles.js.map +1 -0
- package/lib/components/cartTimer/types.d.ts +18 -0
- package/lib/components/cartTimer/types.js +2 -0
- package/lib/components/cartTimer/types.js.map +1 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.js +2 -0
- package/lib/components/index.js.map +1 -1
- package/lib/containers/billingInfo/Billing.js +115 -77
- package/lib/containers/billingInfo/Billing.js.map +1 -1
- package/lib/containers/billingInfo/types.d.ts +5 -0
- package/lib/containers/checkout/Checkout.js +12 -6
- package/lib/containers/checkout/Checkout.js.map +1 -1
- package/lib/containers/checkout/types.d.ts +6 -0
- package/lib/containers/myOrderDetails/MyOrderDetails.js +50 -13
- package/lib/containers/myOrderDetails/MyOrderDetails.js.map +1 -1
- package/lib/containers/myOrderDetails/MyOrderDetailsView.js +39 -55
- package/lib/containers/myOrderDetails/MyOrderDetailsView.js.map +1 -1
- package/lib/containers/myOrderDetails/components/OrderListItem.d.ts +2 -0
- package/lib/containers/myOrderDetails/components/OrderListItem.js +8 -0
- package/lib/containers/myOrderDetails/components/OrderListItem.js.map +1 -0
- package/lib/containers/myOrderDetails/components/TicketActions/TicketActions.d.ts +4 -0
- package/lib/containers/myOrderDetails/components/TicketActions/TicketActions.js +25 -0
- package/lib/containers/myOrderDetails/components/TicketActions/TicketActions.js.map +1 -0
- package/lib/containers/myOrderDetails/components/TicketActions/TicketActionsTypes.d.ts +29 -0
- package/lib/containers/myOrderDetails/components/TicketActions/TicketActionsTypes.js +2 -0
- package/lib/containers/myOrderDetails/components/TicketActions/TicketActionsTypes.js.map +1 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItem.d.ts +7 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItem.js +29 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItem.js.map +1 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItemStyles.d.ts +32 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItemStyles.js +33 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItemStyles.js.map +1 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItemTypes.d.ts +29 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItemTypes.js +2 -0
- package/lib/containers/myOrderDetails/components/TicketListItem/TicketListItemTypes.js.map +1 -0
- package/lib/containers/myOrderDetails/types.d.ts +20 -16
- package/lib/containers/tickets/Tickets.js +6 -0
- package/lib/containers/tickets/Tickets.js.map +1 -1
- package/lib/core/BillingCore/BillingCore.d.ts +2 -3
- package/lib/core/BillingCore/BillingCore.js +52 -3
- package/lib/core/BillingCore/BillingCore.js.map +1 -1
- package/lib/core/BillingCore/BillingCoreTypes.d.ts +5 -0
- package/lib/core/CheckoutCore/CheckoutCore.d.ts +2 -3
- package/lib/core/CheckoutCore/CheckoutCore.js +46 -2
- package/lib/core/CheckoutCore/CheckoutCore.js.map +1 -1
- package/lib/core/CheckoutCore/CheckoutCoreTypes.d.ts +5 -0
- package/lib/core/LoginCore/LoginCore.js +4 -5
- package/lib/core/LoginCore/LoginCore.js.map +1 -1
- package/lib/core/LoginCore/LoginCoreTypes.d.ts +2 -1
- package/lib/core/TicketsCore/TicketsCore.js +6 -3
- package/lib/core/TicketsCore/TicketsCore.js.map +1 -1
- package/lib/core/TicketsCore/TicketsCoreTypes.d.ts +3 -2
- package/lib/helpers/Config.d.ts +3 -2
- package/lib/helpers/Config.js +3 -5
- package/lib/helpers/Config.js.map +1 -1
- package/lib/helpers/Domains.d.ts +2 -0
- package/lib/helpers/Domains.js +27 -0
- package/lib/helpers/Domains.js.map +1 -0
- package/lib/res/colors.d.ts +1 -0
- package/lib/res/colors.js +1 -0
- package/lib/res/colors.js.map +1 -1
- package/lib/res/icons.d.ts +2 -0
- package/lib/res/icons.js +2 -0
- package/lib/res/icons.js.map +1 -1
- package/lib/res/index.d.ts +3 -0
- package/package.json +7 -3
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React, { forwardRef, useEffect, useImperativeHandle, useRef, } from 'react';
|
|
2
|
+
import { Animated, Dimensions, Image, Modal as RNModal, Text, TouchableOpacity, View, } from 'react-native';
|
|
3
|
+
import R from '../../res';
|
|
4
|
+
import s from './BottomSheetModalStyles';
|
|
5
|
+
const animationDuration = 350;
|
|
6
|
+
const { height: screenHeight } = Dimensions.get('window');
|
|
7
|
+
const BottomSheetModal = forwardRef(({ onClose, texts, styles, content, contentHeight = screenHeight / 2 }, ref) => {
|
|
8
|
+
const contentYPosition = useRef(new Animated.Value(contentHeight)).current;
|
|
9
|
+
const showContent = () => {
|
|
10
|
+
Animated.timing(contentYPosition, {
|
|
11
|
+
toValue: 0,
|
|
12
|
+
duration: animationDuration,
|
|
13
|
+
useNativeDriver: true,
|
|
14
|
+
}).start();
|
|
15
|
+
};
|
|
16
|
+
const hideContent = () => {
|
|
17
|
+
Animated.timing(contentYPosition, {
|
|
18
|
+
toValue: contentHeight,
|
|
19
|
+
duration: animationDuration,
|
|
20
|
+
useNativeDriver: true,
|
|
21
|
+
}).start(onClose);
|
|
22
|
+
};
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
showContent();
|
|
25
|
+
});
|
|
26
|
+
const onCloseHandler = () => {
|
|
27
|
+
hideContent();
|
|
28
|
+
};
|
|
29
|
+
const animatedStyle = {
|
|
30
|
+
height: contentHeight,
|
|
31
|
+
transform: [
|
|
32
|
+
{
|
|
33
|
+
translateY: contentYPosition,
|
|
34
|
+
},
|
|
35
|
+
],
|
|
36
|
+
};
|
|
37
|
+
useImperativeHandle(ref, () => ({
|
|
38
|
+
async close() {
|
|
39
|
+
hideContent();
|
|
40
|
+
},
|
|
41
|
+
}));
|
|
42
|
+
const mergedStyle = [s.animatedContent, animatedStyle, styles === null || styles === void 0 ? void 0 : styles.content];
|
|
43
|
+
const title = (texts === null || texts === void 0 ? void 0 : texts.title) || 'Title';
|
|
44
|
+
return (React.createElement(RNModal, { transparent: true },
|
|
45
|
+
React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.rootContainer] },
|
|
46
|
+
React.createElement(Animated.View, { style: mergedStyle },
|
|
47
|
+
React.createElement(View, { style: [s.header, styles === null || styles === void 0 ? void 0 : styles.headerContainer] },
|
|
48
|
+
React.createElement(Text, { style: [s.title, styles === null || styles === void 0 ? void 0 : styles.title] }, title),
|
|
49
|
+
React.createElement(TouchableOpacity, { onPress: onCloseHandler, style: [s.closeButton, styles === null || styles === void 0 ? void 0 : styles.closeButton] },
|
|
50
|
+
React.createElement(Image, { style: [s.closeButtonIcon, styles === null || styles === void 0 ? void 0 : styles.closeButtonIcon], source: R.icons.error }))),
|
|
51
|
+
React.createElement(View, { style: [s.contentContainer, styles === null || styles === void 0 ? void 0 : styles.contentContainer] }, content)))));
|
|
52
|
+
});
|
|
53
|
+
export default BottomSheetModal;
|
|
54
|
+
//# sourceMappingURL=BottomSheetModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetModal.js","sourceRoot":"","sources":["../../../src/components/bottomSheetModal/BottomSheetModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
rootContainer: {
|
|
3
|
+
backgroundColor: string;
|
|
4
|
+
flex: number;
|
|
5
|
+
justifyContent: "flex-end";
|
|
6
|
+
};
|
|
7
|
+
animatedContent: {
|
|
8
|
+
width: number;
|
|
9
|
+
borderTopStartRadius: number;
|
|
10
|
+
borderTopEndRadius: number;
|
|
11
|
+
paddingVertical: number;
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
};
|
|
14
|
+
closeButton: {
|
|
15
|
+
padding: number;
|
|
16
|
+
justifyContent: "flex-end";
|
|
17
|
+
};
|
|
18
|
+
header: {
|
|
19
|
+
flexDirection: "row";
|
|
20
|
+
justifyContent: "center";
|
|
21
|
+
alignItems: "center";
|
|
22
|
+
marginBottom: number;
|
|
23
|
+
paddingHorizontal: number;
|
|
24
|
+
};
|
|
25
|
+
title: {
|
|
26
|
+
fontSize: number;
|
|
27
|
+
};
|
|
28
|
+
closeButtonIcon: {
|
|
29
|
+
height: number;
|
|
30
|
+
width: number;
|
|
31
|
+
resizeMode: "contain";
|
|
32
|
+
tintColor: string;
|
|
33
|
+
};
|
|
34
|
+
contentContainer: {
|
|
35
|
+
flex: number;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export default _default;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Dimensions, StyleSheet } from 'react-native';
|
|
2
|
+
import R from '../../res';
|
|
3
|
+
const { width: screenWidth } = Dimensions.get('window');
|
|
4
|
+
export default StyleSheet.create({
|
|
5
|
+
rootContainer: {
|
|
6
|
+
backgroundColor: R.colors.transparentBlack,
|
|
7
|
+
flex: 1,
|
|
8
|
+
justifyContent: 'flex-end',
|
|
9
|
+
},
|
|
10
|
+
animatedContent: {
|
|
11
|
+
width: screenWidth,
|
|
12
|
+
borderTopStartRadius: 20,
|
|
13
|
+
borderTopEndRadius: 20,
|
|
14
|
+
paddingVertical: 24,
|
|
15
|
+
backgroundColor: R.colors.listBackground,
|
|
16
|
+
},
|
|
17
|
+
closeButton: {
|
|
18
|
+
padding: 8,
|
|
19
|
+
justifyContent: 'flex-end',
|
|
20
|
+
},
|
|
21
|
+
header: {
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
marginBottom: 16,
|
|
26
|
+
paddingHorizontal: 24,
|
|
27
|
+
},
|
|
28
|
+
title: {
|
|
29
|
+
fontSize: 20,
|
|
30
|
+
},
|
|
31
|
+
closeButtonIcon: {
|
|
32
|
+
height: 16,
|
|
33
|
+
width: 16,
|
|
34
|
+
resizeMode: 'contain',
|
|
35
|
+
tintColor: R.colors.white,
|
|
36
|
+
},
|
|
37
|
+
contentContainer: {
|
|
38
|
+
flex: 1,
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=BottomSheetModalStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetModalStyles.js","sourceRoot":"","sources":["../../../src/components/bottomSheetModal/BottomSheetModalStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;AAEvD,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB;QAC1C,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,UAAU;KAC3B;IACD,eAAe,EAAE;QACf,KAAK,EAAE,WAAW;QAClB,oBAAoB,EAAE,EAAE;QACxB,kBAAkB,EAAE,EAAE;QACtB,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;KACzC;IACD,WAAW,EAAE;QACX,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,UAAU;KAC3B;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,EAAE;KACtB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;KACb;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAC1B;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
export interface IBottomSheetModalStyles {
|
|
4
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
5
|
+
headerContainer?: StyleProp<ViewStyle>;
|
|
6
|
+
content?: StyleProp<ViewStyle>;
|
|
7
|
+
title?: StyleProp<TextStyle>;
|
|
8
|
+
closeButton?: StyleProp<ViewStyle>;
|
|
9
|
+
closeButtonIcon?: StyleProp<ImageStyle>;
|
|
10
|
+
contentContainer?: StyleProp<ViewStyle>;
|
|
11
|
+
}
|
|
12
|
+
export interface IBottomSheetModalTexts {
|
|
13
|
+
title?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface IBottomSheetModalProps {
|
|
16
|
+
title?: string;
|
|
17
|
+
onClose: () => void;
|
|
18
|
+
content: ReactNode;
|
|
19
|
+
contentHeight?: number;
|
|
20
|
+
styles?: IBottomSheetModalStyles;
|
|
21
|
+
texts?: IBottomSheetModalTexts;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSheetModalTypes.js","sourceRoot":"","sources":["../../../src/components/bottomSheetModal/BottomSheetModalTypes.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
import { Image, Pressable, Text, View } from 'react-native';
|
|
3
|
+
import R from '../../res';
|
|
4
|
+
import s from './styles';
|
|
5
|
+
const CartTimer = ({ shouldNotMinimize, texts, styles, secondsLeft, }) => {
|
|
6
|
+
const [isOnlyTimeVisible, setIsOnlyTimeVisible] = useState(false);
|
|
7
|
+
const hideOtherData = () => {
|
|
8
|
+
if (!shouldNotMinimize) {
|
|
9
|
+
setIsOnlyTimeVisible(!isOnlyTimeVisible);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const [timeRemaining, setTimeRemaining] = useState('');
|
|
13
|
+
const message = (texts === null || texts === void 0 ? void 0 : texts.message)
|
|
14
|
+
? texts.message
|
|
15
|
+
: 'Please complete your purchase before the timer reaches zero:';
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
const clockify = () => {
|
|
18
|
+
//let hours = Math.floor(secondsLeft / 60 / 60)
|
|
19
|
+
let mins = Math.floor((secondsLeft / 60) % 60);
|
|
20
|
+
let seconds = Math.floor(secondsLeft % 60);
|
|
21
|
+
//let displayHours = hours < 10 ? `0${hours}` : hours
|
|
22
|
+
let displayMins = mins < 10 ? `0${mins}` : mins;
|
|
23
|
+
let displaySecs = seconds < 10 ? `0${seconds}` : seconds;
|
|
24
|
+
setTimeRemaining(`${displayMins}:${displaySecs}`);
|
|
25
|
+
};
|
|
26
|
+
clockify();
|
|
27
|
+
}, [secondsLeft]);
|
|
28
|
+
return (React.createElement(View, { style: [
|
|
29
|
+
s.rootContainer,
|
|
30
|
+
isOnlyTimeVisible && s.rootContainerSmall,
|
|
31
|
+
styles === null || styles === void 0 ? void 0 : styles.rootContainer,
|
|
32
|
+
] },
|
|
33
|
+
React.createElement(Pressable, { onPressOut: hideOtherData },
|
|
34
|
+
React.createElement(View, { style: [s.contentContainer, styles === null || styles === void 0 ? void 0 : styles.contentContainer] },
|
|
35
|
+
!isOnlyTimeVisible && (React.createElement(Image, { source: R.icons.clock, style: [s.icon, styles === null || styles === void 0 ? void 0 : styles.icon] })),
|
|
36
|
+
React.createElement(View, { style: [s.textsContainer, styles === null || styles === void 0 ? void 0 : styles.textsContainer] },
|
|
37
|
+
!isOnlyTimeVisible && (React.createElement(Text, { style: [s.message, styles === null || styles === void 0 ? void 0 : styles.message] }, message)),
|
|
38
|
+
React.createElement(Text, { style: [
|
|
39
|
+
s.time,
|
|
40
|
+
isOnlyTimeVisible && s.timeOnlyVisible,
|
|
41
|
+
styles === null || styles === void 0 ? void 0 : styles.time,
|
|
42
|
+
] }, timeRemaining))))));
|
|
43
|
+
};
|
|
44
|
+
export default CartTimer;
|
|
45
|
+
//# sourceMappingURL=CartTimer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CartTimer.js","sourceRoot":"","sources":["../../../src/components/cartTimer/CartTimer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
rootContainer: {
|
|
3
|
+
backgroundColor: string;
|
|
4
|
+
position: "absolute";
|
|
5
|
+
right: number;
|
|
6
|
+
top: number;
|
|
7
|
+
width: number;
|
|
8
|
+
borderRadius: number;
|
|
9
|
+
padding: number;
|
|
10
|
+
elevation: number;
|
|
11
|
+
shadowOffset: {
|
|
12
|
+
width: number;
|
|
13
|
+
height: number;
|
|
14
|
+
};
|
|
15
|
+
shadowColor: string;
|
|
16
|
+
shadowOpacity: number;
|
|
17
|
+
shadowRadius: number;
|
|
18
|
+
};
|
|
19
|
+
rootContainerSmall: {
|
|
20
|
+
width: number;
|
|
21
|
+
};
|
|
22
|
+
contentContainer: {
|
|
23
|
+
flexDirection: "row";
|
|
24
|
+
alignItems: "center";
|
|
25
|
+
flex: number;
|
|
26
|
+
};
|
|
27
|
+
icon: {
|
|
28
|
+
width: number;
|
|
29
|
+
height: number;
|
|
30
|
+
resizeMode: "contain";
|
|
31
|
+
marginRight: number;
|
|
32
|
+
};
|
|
33
|
+
textsContainer: {
|
|
34
|
+
flex: number;
|
|
35
|
+
};
|
|
36
|
+
message: {
|
|
37
|
+
marginBottom: number;
|
|
38
|
+
};
|
|
39
|
+
time: {
|
|
40
|
+
fontWeight: "800";
|
|
41
|
+
};
|
|
42
|
+
timeOnlyVisible: {
|
|
43
|
+
alignSelf: "center";
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Dimensions, StyleSheet } from 'react-native';
|
|
2
|
+
import R from '../../res';
|
|
3
|
+
const { width: sWidth } = Dimensions.get('window');
|
|
4
|
+
export default StyleSheet.create({
|
|
5
|
+
rootContainer: {
|
|
6
|
+
backgroundColor: R.colors.timerBackground,
|
|
7
|
+
position: 'absolute',
|
|
8
|
+
right: 0,
|
|
9
|
+
top: 40,
|
|
10
|
+
width: sWidth / 1.5,
|
|
11
|
+
borderRadius: 2,
|
|
12
|
+
padding: 8,
|
|
13
|
+
elevation: 3,
|
|
14
|
+
shadowOffset: { width: -3, height: 3 },
|
|
15
|
+
shadowColor: R.colors.black,
|
|
16
|
+
shadowOpacity: 0.2,
|
|
17
|
+
shadowRadius: 3,
|
|
18
|
+
},
|
|
19
|
+
rootContainerSmall: {
|
|
20
|
+
width: sWidth / 5,
|
|
21
|
+
},
|
|
22
|
+
contentContainer: {
|
|
23
|
+
flexDirection: 'row',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
flex: 1,
|
|
26
|
+
},
|
|
27
|
+
icon: {
|
|
28
|
+
width: 16,
|
|
29
|
+
height: 16,
|
|
30
|
+
resizeMode: 'contain',
|
|
31
|
+
marginRight: 8,
|
|
32
|
+
},
|
|
33
|
+
textsContainer: { flex: 1 },
|
|
34
|
+
message: { marginBottom: 4 },
|
|
35
|
+
time: {
|
|
36
|
+
fontWeight: '800',
|
|
37
|
+
},
|
|
38
|
+
timeOnlyVisible: {
|
|
39
|
+
alignSelf: 'center',
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/cartTimer/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,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;AAElD,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,eAAe;QACzC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,MAAM,GAAG,GAAG;QACnB,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACtC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC3B,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;KAChB;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,MAAM,GAAG,CAAC;KAClB;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,SAAS;QACrB,WAAW,EAAE,CAAC;KACf;IACD,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;IAC3B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;IAC5B,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
export interface ICartTimerStyles {
|
|
3
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
4
|
+
contentContainer?: StyleProp<ViewStyle>;
|
|
5
|
+
textsContainer?: StyleProp<ViewStyle>;
|
|
6
|
+
icon?: StyleProp<ImageStyle>;
|
|
7
|
+
message?: StyleProp<TextStyle>;
|
|
8
|
+
time?: StyleProp<TextStyle>;
|
|
9
|
+
}
|
|
10
|
+
export interface ICartTimerTexts {
|
|
11
|
+
message?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ICartTimerProps {
|
|
14
|
+
styles?: ICartTimerStyles;
|
|
15
|
+
texts?: ICartTimerTexts;
|
|
16
|
+
shouldNotMinimize?: boolean;
|
|
17
|
+
secondsLeft: number;
|
|
18
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/cartTimer/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
export { default as BottomSheetModal } from './bottomSheetModal/BottomSheetModal';
|
|
1
2
|
export { default as Button } from './button/Button';
|
|
3
|
+
export { default as CartTimer } from './cartTimer/CartTimer';
|
|
2
4
|
export { default as Checkbox } from './checkbox/Checkbox';
|
|
3
5
|
export { default as DatePicker } from './datePicker/DatePicker';
|
|
4
6
|
export { default as Dropdown } from './dropdown/Dropdown';
|
package/lib/components/index.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
export { default as BottomSheetModal } from './bottomSheetModal/BottomSheetModal';
|
|
1
2
|
export { default as Button } from './button/Button';
|
|
3
|
+
export { default as CartTimer } from './cartTimer/CartTimer';
|
|
2
4
|
export { default as Checkbox } from './checkbox/Checkbox';
|
|
3
5
|
export { default as DatePicker } from './datePicker/DatePicker';
|
|
4
6
|
export { default as Dropdown } from './dropdown/Dropdown';
|
|
@@ -1 +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,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAA"}
|