@meatech/payblend_app_ui_component 1.1.36 → 1.1.38
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/assets/images/ic_bell_fill.png +0 -0
- package/assets/images/ic_bell_fill@2x.png +0 -0
- package/assets/images/ic_bell_fill@3x.png +0 -0
- package/components/Switch/Switch.tsx +6 -11
- package/dist/assets/images/ic_bell_fill.png +0 -0
- package/dist/assets/images/ic_bell_fill@2x.png +0 -0
- package/dist/assets/images/ic_bell_fill@3x.png +0 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +8 -11
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/themes/images.d.ts +1 -0
- package/dist/themes/images.d.ts.map +1 -1
- package/dist/themes/images.js +1 -0
- package/dist/themes/images.js.map +1 -1
- package/package.json +1 -1
- package/themes/images.ts +1 -0
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -25,25 +25,21 @@ export const Switch: React.FC<SwitchProps> = ({
|
|
|
25
25
|
const resMinWidth = pw(2);
|
|
26
26
|
|
|
27
27
|
const switchTranslate = useSharedValue(0);
|
|
28
|
-
const [active, setActive] = useState<boolean>(isEnabled || false);
|
|
29
28
|
|
|
30
|
-
const progress = useDerivedValue(() => withTiming(
|
|
31
|
-
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
setActive(isEnabled as boolean);
|
|
34
|
-
}, [isEnabled]);
|
|
29
|
+
const progress = useDerivedValue(() => withTiming(isEnabled ? resMaxWidth : 0));
|
|
30
|
+
console.log('isEnabled', isEnabled);
|
|
35
31
|
|
|
36
32
|
const containerStyle = size
|
|
37
33
|
? styleBySize[size] || styleBySize.medium
|
|
38
34
|
: styleBySize.medium;
|
|
39
35
|
|
|
40
36
|
useEffect(() => {
|
|
41
|
-
if (
|
|
37
|
+
if (isEnabled) {
|
|
42
38
|
switchTranslate.value = resMaxWidth;
|
|
43
39
|
} else {
|
|
44
40
|
switchTranslate.value = resMinWidth;
|
|
45
41
|
}
|
|
46
|
-
}, [
|
|
42
|
+
}, [isEnabled, switchTranslate, resMaxWidth, resMinWidth]);
|
|
47
43
|
|
|
48
44
|
const customSpringStyles = useAnimatedStyle(() => ({
|
|
49
45
|
transform: [
|
|
@@ -72,9 +68,8 @@ export const Switch: React.FC<SwitchProps> = ({
|
|
|
72
68
|
});
|
|
73
69
|
|
|
74
70
|
const _onSwitch = async () => {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
onSwitch && onSwitch(switchValue);
|
|
71
|
+
if (disabled) return;
|
|
72
|
+
onSwitch && onSwitch(!isEnabled);
|
|
78
73
|
};
|
|
79
74
|
|
|
80
75
|
return (
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAC,WAAW,EAAC,MAAM,QAAQ,CAAC;AAInC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAC,WAAW,EAAC,MAAM,QAAQ,CAAC;AAInC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+ExC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { useEffect } from 'react';
|
|
3
3
|
import { StyleSheet, TouchableWithoutFeedback } from 'react-native';
|
|
4
4
|
import Animated, { useSharedValue, useDerivedValue, withTiming, useAnimatedStyle, withSpring, interpolateColor } from 'react-native-reanimated';
|
|
5
5
|
import '../../themes/base/styles.js';
|
|
@@ -13,22 +13,19 @@ const Switch = ({ isEnabled, activeColor = colors.teal['80'], inActiveColor = co
|
|
|
13
13
|
const resMaxWidth = size === 'small' ? responsiveWidth(16) : responsiveWidth(22);
|
|
14
14
|
const resMinWidth = responsiveWidth(2);
|
|
15
15
|
const switchTranslate = useSharedValue(0);
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
setActive(isEnabled);
|
|
20
|
-
}, [isEnabled]);
|
|
16
|
+
const progress = useDerivedValue(() => withTiming(isEnabled ? resMaxWidth : 0));
|
|
17
|
+
console.log('isEnabled', isEnabled);
|
|
21
18
|
const containerStyle = size
|
|
22
19
|
? styleBySize[size] || styleBySize.medium
|
|
23
20
|
: styleBySize.medium;
|
|
24
21
|
useEffect(() => {
|
|
25
|
-
if (
|
|
22
|
+
if (isEnabled) {
|
|
26
23
|
switchTranslate.value = resMaxWidth;
|
|
27
24
|
}
|
|
28
25
|
else {
|
|
29
26
|
switchTranslate.value = resMinWidth;
|
|
30
27
|
}
|
|
31
|
-
}, [
|
|
28
|
+
}, [isEnabled, switchTranslate, resMaxWidth, resMinWidth]);
|
|
32
29
|
const customSpringStyles = useAnimatedStyle(() => ({
|
|
33
30
|
transform: [
|
|
34
31
|
{
|
|
@@ -50,9 +47,9 @@ const Switch = ({ isEnabled, activeColor = colors.teal['80'], inActiveColor = co
|
|
|
50
47
|
};
|
|
51
48
|
});
|
|
52
49
|
const _onSwitch = async () => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
onSwitch && onSwitch(
|
|
50
|
+
if (disabled)
|
|
51
|
+
return;
|
|
52
|
+
onSwitch && onSwitch(!isEnabled);
|
|
56
53
|
};
|
|
57
54
|
return (React.createElement(TouchableWithoutFeedback, { disabled: disabled, onPress: _onSwitch },
|
|
58
55
|
React.createElement(Animated.View, { style: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState, useEffect} from 'react';\nimport {StyleSheet, TouchableWithoutFeedback} from 'react-native';\nimport Animated, {\n interpolateColor,\n useSharedValue,\n useAnimatedStyle,\n withSpring,\n withTiming,\n useDerivedValue,\n} from 'react-native-reanimated';\nimport {SwitchProps} from './type';\nimport {colors, pw} from '@ui/themes';\nimport {styleBySize} from './styles';\n\nexport const Switch: React.FC<SwitchProps> = ({\n isEnabled,\n activeColor = colors.teal['80'],\n inActiveColor = colors.neutral['60'],\n onSwitch,\n size,\n disabled = false,\n}) => {\n const resMaxWidth = size === 'small' ? pw(16) : pw(22);\n const resMinWidth = pw(2);\n\n const switchTranslate = useSharedValue(0);\n
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../../components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState, useEffect} from 'react';\nimport {StyleSheet, TouchableWithoutFeedback} from 'react-native';\nimport Animated, {\n interpolateColor,\n useSharedValue,\n useAnimatedStyle,\n withSpring,\n withTiming,\n useDerivedValue,\n} from 'react-native-reanimated';\nimport {SwitchProps} from './type';\nimport {colors, pw} from '@ui/themes';\nimport {styleBySize} from './styles';\n\nexport const Switch: React.FC<SwitchProps> = ({\n isEnabled,\n activeColor = colors.teal['80'],\n inActiveColor = colors.neutral['60'],\n onSwitch,\n size,\n disabled = false,\n}) => {\n const resMaxWidth = size === 'small' ? pw(16) : pw(22);\n const resMinWidth = pw(2);\n\n const switchTranslate = useSharedValue(0);\n\n const progress = useDerivedValue(() => withTiming(isEnabled ? resMaxWidth : 0));\n console.log('isEnabled', isEnabled);\n\n const containerStyle = size\n ? styleBySize[size] || styleBySize.medium\n : styleBySize.medium;\n\n useEffect(() => {\n if (isEnabled) {\n switchTranslate.value = resMaxWidth;\n } else {\n switchTranslate.value = resMinWidth;\n }\n }, [isEnabled, switchTranslate, resMaxWidth, resMinWidth]);\n\n const customSpringStyles = useAnimatedStyle(() => ({\n transform: [\n {\n translateX: withSpring(switchTranslate.value, {\n mass: 1,\n damping: 15,\n stiffness: 120,\n overshootClamping: false,\n restSpeedThreshold: 0.001,\n restDisplacementThreshold: 0.001,\n }),\n },\n ],\n }));\n\n const backgroundColorStyle = useAnimatedStyle(() => {\n const backgroundColor = interpolateColor(\n progress.value,\n [0, resMaxWidth],\n [inActiveColor, activeColor],\n );\n return {\n backgroundColor,\n };\n });\n\n const _onSwitch = async () => {\n if (disabled) return;\n onSwitch && onSwitch(!isEnabled);\n };\n\n return (\n <TouchableWithoutFeedback disabled={disabled} onPress={_onSwitch}>\n <Animated.View\n style={[\n styles.container,\n backgroundColorStyle,\n {width: containerStyle.width},\n {height: containerStyle.height},\n ]}>\n <Animated.View\n style={[\n styles.circle,\n customSpringStyles,\n {width: containerStyle.circleSize},\n {height: containerStyle.circleSize},\n ]}\n />\n </Animated.View>\n </TouchableWithoutFeedback>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n borderRadius: pw(30),\n justifyContent: 'center',\n backgroundColor: colors.neutral['60'],\n },\n circle: {\n borderRadius: pw(30),\n backgroundColor: colors.white['10'],\n shadowColor: colors.black['100'],\n shadowOffset: {\n width: 0,\n height: pw(2),\n },\n shadowOpacity: 0.2,\n shadowRadius: 2.5,\n elevation: 4,\n },\n});\n"],"names":["pw"],"mappings":"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"}
|
package/dist/themes/images.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../themes/images.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../themes/images.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFlB,CAAC"}
|
package/dist/themes/images.js
CHANGED
|
@@ -55,6 +55,7 @@ const Images = {
|
|
|
55
55
|
ic_edit: require('../assets/images/ic_edit.png'),
|
|
56
56
|
ic_tap_box: require('../assets/images/tap_box.png'),
|
|
57
57
|
ic_pay_success: require('../assets/images/ic_pay_success.png'),
|
|
58
|
+
ic_bell_fill: require('../assets/images/ic_bell_fill.png'),
|
|
58
59
|
// Banners
|
|
59
60
|
banner1: require('../assets/images/banners/banner_1.png'),
|
|
60
61
|
banner2: require('../assets/images/banners/banner_2.png'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"images.js","sources":["../../../themes/images.ts"],"sourcesContent":["export const Images = {\n payblend_logo: require('../assets/images/payblend_logo.png'),\n ic_alert: require('../assets/images/ic_alert.png'),\n ic_arrow_right_visa_card: require('../assets/images/ic_arrow_right_visa_card.png'),\n ic_arrow_right: require('../assets/images/ic_arrow_right.png'),\n ic_atm: require('../assets/images/ic_atm.png'),\n ic_back: require('../assets/images/ic_back.png'),\n ic_bank_building: require('../assets/images/ic_bank_building.png'),\n ic_bell: require('../assets/images/ic_bell.png'),\n ic_check: require('../assets/images/ic_check.png'),\n ic_checkmark_circle: require('../assets/images/ic_checkmark_circle.png'),\n ic_checkmark_white: require('../assets/images/ic_checkmark_white.png'),\n ic_circle_alert_outline: require('../assets/images/ic_circle_alert_outline.png'),\n ic_circle_question: require('../assets/images/ic_circle_question.png'),\n ic_circle_user: require('../assets/images/ic_circle_user.png'),\n ic_clipboard: require('../assets/images/ic_clipboard.png'),\n ic_close: require('../assets/images/ic_close.png'),\n ic_copy: require('../assets/images/ic_copy.png'),\n ic_file: require('../assets/images/ic_file.png'),\n ic_fingerprint: require('../assets/images/ic_fingerprint.png'),\n ic_fire: require('../assets/images/ic_fire.png'),\n ic_home: require('../assets/images/ic_home.png'),\n ic_info: require('../assets/images/ic_info.png'),\n ic_message_lines: require('../assets/images/ic_message_lines.png'),\n ic_more_horizontal: require('../assets/images/ic_more_horizontal.png'),\n ic_network: require('../assets/images/ic_network.png'),\n ic_point_p: require('../assets/images/ic_point_p.png'),\n ic_refresh_cw: require('../assets/images/ic_refresh_cw.png'),\n ic_refresh: require('../assets/images/ic_refresh.png'),\n ic_salary: require('../assets/images/ic_salary.png'),\n ic_sliders: require('../assets/images/ic_sliders.png'),\n ic_store_24_hour: require('../assets/images/ic_store_24_hour.png'),\n ic_un_check_circle: require('../assets/images/ic_un_check_circle.png'),\n ic_un_square_check: require('../assets/images/ic_un_square_check.png'),\n ic_verdigris_check_circle: require('../assets/images/ic_verdigris_check_circle.png'),\n ic_verdigris_chevron_right: require('../assets/images/ic_verdigris_chevron_right.png'),\n ic_verdigris_square_check: require('../assets/images/ic_verdigris_square_check.png'),\n ic_visa_card: require('../assets/images/ic_visa_card.png'),\n ic_wallet: require('../assets/images/ic_wallet.png'),\n ic_warning: require('../assets/images/ic_warning.png'),\n ic_eye_off: require('../assets/images/ic_eye_off.png'),\n ic_eye: require('../assets/images/ic_eye.png'),\n app_logo: require('../assets/images/app_logo.png'),\n ic_white_plus: require('../assets/images/ic_white_plus.png'),\n ic_white_rotate_right: require('../assets/images/ic_white_rotate_right.png'),\n ic_chevron_down: require('../assets/images/ic_chevron_down.png'),\n ic_chevron_right: require('../assets/images/ic_chevron_right.png'),\n ic_search: require('../assets/images/ic_search.png'),\n ic_card_image: require('../assets/images/card_image.png'),\n qr_code: require('../assets/images/qr_code.png'),\n tap_box: require('../assets/images/tap_box.png'),\n ic_noti: require('../assets/images/ic_noti.png'),\n ic_reload: require('../assets/images/ic_reload.png'),\n ic_warning_red: require('../assets/images/ic_warning_red.png'),\n ic_edit: require('../assets/images/ic_edit.png'),\n ic_tap_box: require('../assets/images/tap_box.png'),\n ic_pay_success: require('../assets/images/ic_pay_success.png'),\n\n // Banners\n banner1: require('../assets/images/banners/banner_1.png'),\n banner2: require('../assets/images/banners/banner_2.png'),\n banner3: require('../assets/images/banners/banner_3.png'),\n banner4: require('../assets/images/banners/banner_4.png'),\n banner5: require('../assets/images/banners/banner_5.png'),\n banner6: require('../assets/images/banners/banner_6.png'),\n banner7: require('../assets/images/banners/banner_7.png'),\n banner8: require('../assets/images/banners/banner_8.png'),\n banner9: require('../assets/images/banners/banner_9.png'),\n couponList1: require('../assets/images/banners/coupon_list_1.png'),\n couponList2: require('../assets/images/banners/coupon_list_2.png'),\n couponList3: require('../assets/images/banners/coupon_list_3.png'),\n couponList4: require('../assets/images/banners/coupon_list_4.png'),\n\n //LOGO\n seven_eleven_logo: require('../assets/images/711mark2.gif'),\n family_mart_logo: require('../assets/images/family_mart_logo.jpg'),\n lawson_logo: require('../assets/images/lawson_logo.gif'),\n ministop_logo: require('../assets/images/ministop_logo.gif'),\n seicomart_logo: require('../assets/images/seicomart_logo.png'),\n};\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"images.js","sources":["../../../themes/images.ts"],"sourcesContent":["export const Images = {\n payblend_logo: require('../assets/images/payblend_logo.png'),\n ic_alert: require('../assets/images/ic_alert.png'),\n ic_arrow_right_visa_card: require('../assets/images/ic_arrow_right_visa_card.png'),\n ic_arrow_right: require('../assets/images/ic_arrow_right.png'),\n ic_atm: require('../assets/images/ic_atm.png'),\n ic_back: require('../assets/images/ic_back.png'),\n ic_bank_building: require('../assets/images/ic_bank_building.png'),\n ic_bell: require('../assets/images/ic_bell.png'),\n ic_check: require('../assets/images/ic_check.png'),\n ic_checkmark_circle: require('../assets/images/ic_checkmark_circle.png'),\n ic_checkmark_white: require('../assets/images/ic_checkmark_white.png'),\n ic_circle_alert_outline: require('../assets/images/ic_circle_alert_outline.png'),\n ic_circle_question: require('../assets/images/ic_circle_question.png'),\n ic_circle_user: require('../assets/images/ic_circle_user.png'),\n ic_clipboard: require('../assets/images/ic_clipboard.png'),\n ic_close: require('../assets/images/ic_close.png'),\n ic_copy: require('../assets/images/ic_copy.png'),\n ic_file: require('../assets/images/ic_file.png'),\n ic_fingerprint: require('../assets/images/ic_fingerprint.png'),\n ic_fire: require('../assets/images/ic_fire.png'),\n ic_home: require('../assets/images/ic_home.png'),\n ic_info: require('../assets/images/ic_info.png'),\n ic_message_lines: require('../assets/images/ic_message_lines.png'),\n ic_more_horizontal: require('../assets/images/ic_more_horizontal.png'),\n ic_network: require('../assets/images/ic_network.png'),\n ic_point_p: require('../assets/images/ic_point_p.png'),\n ic_refresh_cw: require('../assets/images/ic_refresh_cw.png'),\n ic_refresh: require('../assets/images/ic_refresh.png'),\n ic_salary: require('../assets/images/ic_salary.png'),\n ic_sliders: require('../assets/images/ic_sliders.png'),\n ic_store_24_hour: require('../assets/images/ic_store_24_hour.png'),\n ic_un_check_circle: require('../assets/images/ic_un_check_circle.png'),\n ic_un_square_check: require('../assets/images/ic_un_square_check.png'),\n ic_verdigris_check_circle: require('../assets/images/ic_verdigris_check_circle.png'),\n ic_verdigris_chevron_right: require('../assets/images/ic_verdigris_chevron_right.png'),\n ic_verdigris_square_check: require('../assets/images/ic_verdigris_square_check.png'),\n ic_visa_card: require('../assets/images/ic_visa_card.png'),\n ic_wallet: require('../assets/images/ic_wallet.png'),\n ic_warning: require('../assets/images/ic_warning.png'),\n ic_eye_off: require('../assets/images/ic_eye_off.png'),\n ic_eye: require('../assets/images/ic_eye.png'),\n app_logo: require('../assets/images/app_logo.png'),\n ic_white_plus: require('../assets/images/ic_white_plus.png'),\n ic_white_rotate_right: require('../assets/images/ic_white_rotate_right.png'),\n ic_chevron_down: require('../assets/images/ic_chevron_down.png'),\n ic_chevron_right: require('../assets/images/ic_chevron_right.png'),\n ic_search: require('../assets/images/ic_search.png'),\n ic_card_image: require('../assets/images/card_image.png'),\n qr_code: require('../assets/images/qr_code.png'),\n tap_box: require('../assets/images/tap_box.png'),\n ic_noti: require('../assets/images/ic_noti.png'),\n ic_reload: require('../assets/images/ic_reload.png'),\n ic_warning_red: require('../assets/images/ic_warning_red.png'),\n ic_edit: require('../assets/images/ic_edit.png'),\n ic_tap_box: require('../assets/images/tap_box.png'),\n ic_pay_success: require('../assets/images/ic_pay_success.png'),\n ic_bell_fill: require('../assets/images/ic_bell_fill.png'),\n\n // Banners\n banner1: require('../assets/images/banners/banner_1.png'),\n banner2: require('../assets/images/banners/banner_2.png'),\n banner3: require('../assets/images/banners/banner_3.png'),\n banner4: require('../assets/images/banners/banner_4.png'),\n banner5: require('../assets/images/banners/banner_5.png'),\n banner6: require('../assets/images/banners/banner_6.png'),\n banner7: require('../assets/images/banners/banner_7.png'),\n banner8: require('../assets/images/banners/banner_8.png'),\n banner9: require('../assets/images/banners/banner_9.png'),\n couponList1: require('../assets/images/banners/coupon_list_1.png'),\n couponList2: require('../assets/images/banners/coupon_list_2.png'),\n couponList3: require('../assets/images/banners/coupon_list_3.png'),\n couponList4: require('../assets/images/banners/coupon_list_4.png'),\n\n //LOGO\n seven_eleven_logo: require('../assets/images/711mark2.gif'),\n family_mart_logo: require('../assets/images/family_mart_logo.jpg'),\n lawson_logo: require('../assets/images/lawson_logo.gif'),\n ministop_logo: require('../assets/images/ministop_logo.gif'),\n seicomart_logo: require('../assets/images/seicomart_logo.png'),\n};\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/themes/images.ts
CHANGED
|
@@ -55,6 +55,7 @@ export const Images = {
|
|
|
55
55
|
ic_edit: require('../assets/images/ic_edit.png'),
|
|
56
56
|
ic_tap_box: require('../assets/images/tap_box.png'),
|
|
57
57
|
ic_pay_success: require('../assets/images/ic_pay_success.png'),
|
|
58
|
+
ic_bell_fill: require('../assets/images/ic_bell_fill.png'),
|
|
58
59
|
|
|
59
60
|
// Banners
|
|
60
61
|
banner1: require('../assets/images/banners/banner_1.png'),
|