tf-checkout-react-native 1.0.20 → 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 +351 -28
- package/assets/icons/ic_clock.png +0 -0
- package/assets/icons/ic_more.png +0 -0
- package/lib/api/ApiClient.d.ts +5 -1
- package/lib/api/ApiClient.js +142 -22
- 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 +56 -2
- 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 +3 -0
- package/lib/components/index.js +3 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/radioButton/RadioButton.d.ts +4 -0
- package/lib/components/radioButton/RadioButton.js +9 -0
- package/lib/components/radioButton/RadioButton.js.map +1 -0
- package/lib/components/radioButton/styles.d.ts +24 -0
- package/lib/components/radioButton/styles.js +30 -0
- package/lib/components/radioButton/styles.js.map +1 -0
- package/lib/components/radioButton/types.d.ts +15 -0
- package/lib/components/radioButton/types.js +2 -0
- package/lib/components/radioButton/types.js.map +1 -0
- 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 +21 -10
- package/lib/containers/checkout/Checkout.js.map +1 -1
- package/lib/containers/checkout/types.d.ts +6 -0
- package/lib/containers/index.d.ts +1 -0
- package/lib/containers/index.js +1 -0
- package/lib/containers/index.js.map +1 -1
- package/lib/containers/myOrderDetails/MyOrderDetails.js +98 -15
- package/lib/containers/myOrderDetails/MyOrderDetails.js.map +1 -1
- package/lib/containers/myOrderDetails/MyOrderDetailsView.d.ts +2 -2
- package/lib/containers/myOrderDetails/MyOrderDetailsView.js +65 -60
- 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 +96 -76
- package/lib/containers/myOrders/types.d.ts +2 -0
- package/lib/containers/resaleTickets/ResaleTickets.d.ts +4 -0
- package/lib/containers/resaleTickets/ResaleTickets.js +149 -0
- package/lib/containers/resaleTickets/ResaleTickets.js.map +1 -0
- package/lib/containers/resaleTickets/ResaleTicketsView.d.ts +4 -0
- package/lib/containers/resaleTickets/ResaleTicketsView.js +182 -0
- package/lib/containers/resaleTickets/ResaleTicketsView.js.map +1 -0
- package/lib/containers/resaleTickets/types.d.ts +128 -0
- package/lib/containers/resaleTickets/types.js +11 -0
- package/lib/containers/resaleTickets/types.js.map +1 -0
- 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/OrderDetailsCore/OrderDetailsCore.d.ts +5 -0
- package/lib/core/OrderDetailsCore/OrderDetailsCore.js +15 -0
- package/lib/core/OrderDetailsCore/OrderDetailsCore.js.map +1 -0
- package/lib/core/OrderDetailsCore/OrderDetailsCoreTypes.d.ts +7 -0
- package/lib/core/OrderDetailsCore/OrderDetailsCoreTypes.js +2 -0
- package/lib/core/OrderDetailsCore/OrderDetailsCoreTypes.js.map +1 -0
- 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/core/index.d.ts +2 -0
- package/lib/core/index.js +1 -0
- package/lib/core/index.js.map +1 -1
- 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/index.d.ts +3 -3
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- 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,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';
|
|
@@ -10,6 +12,7 @@ export { default as LoggedIn } from './loggedIn/LoggedIn';
|
|
|
10
12
|
export { default as Login } from './login/Login';
|
|
11
13
|
export { default as PhoneInput } from './phoneInput/PhoneInput';
|
|
12
14
|
export { default as PromoCode } from './promoCode/PromoCode';
|
|
15
|
+
export { default as RadioButton } from './radioButton/RadioButton';
|
|
13
16
|
export { default as Separator } from './separator/Separator';
|
|
14
17
|
export { default as StripePayment } from './stripePayment/StripePayment';
|
|
15
18
|
export { default as WaitingList } from './waitingList/WaitingList';
|
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';
|
|
@@ -10,6 +12,7 @@ export { default as LoggedIn } from './loggedIn/LoggedIn';
|
|
|
10
12
|
export { default as Login } from './login/Login';
|
|
11
13
|
export { default as PhoneInput } from './phoneInput/PhoneInput';
|
|
12
14
|
export { default as PromoCode } from './promoCode/PromoCode';
|
|
15
|
+
export { default as RadioButton } from './radioButton/RadioButton';
|
|
13
16
|
export { default as Separator } from './separator/Separator';
|
|
14
17
|
export { default as StripePayment } from './stripePayment/StripePayment';
|
|
15
18
|
export { default as WaitingList } from './waitingList/WaitingList';
|
|
@@ -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,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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text, TouchableOpacity, View } from 'react-native';
|
|
3
|
+
import s from './styles';
|
|
4
|
+
const RadioButton = ({ styles, text = 'Radio button', value = true, onValueChange, }) => (React.createElement(TouchableOpacity, { onPress: onValueChange, style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.rootContainer] },
|
|
5
|
+
React.createElement(View, { style: [s.contentContainer, styles === null || styles === void 0 ? void 0 : styles.contentContainer] },
|
|
6
|
+
React.createElement(View, { style: [s.radio, styles === null || styles === void 0 ? void 0 : styles.radio] }, value && React.createElement(View, { style: [s.indicator, styles === null || styles === void 0 ? void 0 : styles.indicator] })),
|
|
7
|
+
React.createElement(Text, { style: styles === null || styles === void 0 ? void 0 : styles.text }, text))));
|
|
8
|
+
export default RadioButton;
|
|
9
|
+
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/radioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,WAAW,GAA0B,CAAC,EAC1C,MAAM,EACN,IAAI,GAAG,cAAc,EACrB,KAAK,GAAG,IAAI,EACZ,aAAa,GACd,EAAE,EAAE,CAAC,CACJ,oBAAC,gBAAgB,IACf,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;IAE/C,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAC;QACzD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAClC,KAAK,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,GAAI,CACtD;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,IAAG,IAAI,CAAQ,CACnC,CACU,CACpB,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
rootContainer: {
|
|
3
|
+
marginVertical: number;
|
|
4
|
+
};
|
|
5
|
+
contentContainer: {
|
|
6
|
+
flexDirection: "row";
|
|
7
|
+
};
|
|
8
|
+
radio: {
|
|
9
|
+
height: number;
|
|
10
|
+
width: number;
|
|
11
|
+
borderRadius: number;
|
|
12
|
+
borderWidth: number;
|
|
13
|
+
marginRight: number;
|
|
14
|
+
justifyContent: "center";
|
|
15
|
+
alignItems: "center";
|
|
16
|
+
};
|
|
17
|
+
indicator: {
|
|
18
|
+
width: number;
|
|
19
|
+
height: number;
|
|
20
|
+
borderRadius: number;
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import R from '../../res';
|
|
3
|
+
const RADIO_SIZE = 20;
|
|
4
|
+
const RADIO_RADIUS = RADIO_SIZE / 2;
|
|
5
|
+
const INDICATOR_SIZE = RADIO_SIZE * 0.6;
|
|
6
|
+
const INDICATOR_RADIUS = INDICATOR_SIZE / 2;
|
|
7
|
+
export default StyleSheet.create({
|
|
8
|
+
rootContainer: {
|
|
9
|
+
marginVertical: 4,
|
|
10
|
+
},
|
|
11
|
+
contentContainer: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
},
|
|
14
|
+
radio: {
|
|
15
|
+
height: RADIO_SIZE,
|
|
16
|
+
width: RADIO_SIZE,
|
|
17
|
+
borderRadius: RADIO_RADIUS,
|
|
18
|
+
borderWidth: 1,
|
|
19
|
+
marginRight: 8,
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
},
|
|
23
|
+
indicator: {
|
|
24
|
+
width: INDICATOR_SIZE,
|
|
25
|
+
height: INDICATOR_SIZE,
|
|
26
|
+
borderRadius: INDICATOR_RADIUS,
|
|
27
|
+
backgroundColor: R.colors.black,
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/radioButton/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,YAAY,GAAG,UAAU,GAAG,CAAC,CAAA;AACnC,MAAM,cAAc,GAAG,UAAU,GAAG,GAAG,CAAA;AACvC,MAAM,gBAAgB,GAAG,cAAc,GAAG,CAAC,CAAA;AAE3C,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,cAAc,EAAE,CAAC;KAClB;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;KACrB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;QACjB,YAAY,EAAE,YAAY;QAC1B,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,cAAc;QACtB,YAAY,EAAE,gBAAgB;QAC9B,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAChC;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
export interface IRadioButtonStyles {
|
|
3
|
+
rootContainer?: StyleProp<ViewStyle>;
|
|
4
|
+
contentContainer?: StyleProp<ViewStyle>;
|
|
5
|
+
radio?: StyleProp<ViewStyle>;
|
|
6
|
+
indicator?: StyleProp<ViewStyle>;
|
|
7
|
+
text?: StyleProp<TextStyle>;
|
|
8
|
+
}
|
|
9
|
+
export interface IRadioButtonProps {
|
|
10
|
+
index?: number;
|
|
11
|
+
styles?: IRadioButtonStyles;
|
|
12
|
+
text: string;
|
|
13
|
+
value: boolean;
|
|
14
|
+
onValueChange: () => void;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/radioButton/types.ts"],"names":[],"mappings":""}
|