@meatech/payblend_app_ui_component 1.0.80 → 1.0.81

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.
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  import {
3
3
  StyleProp,
4
4
  StyleSheet,
@@ -6,9 +6,9 @@ import {
6
6
  ViewStyle,
7
7
  TouchableOpacity,
8
8
  ActivityIndicator,
9
- } from 'react-native';
10
- import { EPaymentCardTypes, paymentCardDataByTypes } from '@ui/constants';
11
- import { Text, Icon, Image } from '@ui/components';
9
+ } from "react-native";
10
+ import { EPaymentCardTypes, paymentCardDataByTypes } from "@ui/constants";
11
+ import { Text, Icon, Image } from "@ui/components";
12
12
  import {
13
13
  ACTIVE_OPACITY,
14
14
  colors,
@@ -16,7 +16,7 @@ import {
16
16
  FontSizes,
17
17
  metrics,
18
18
  ph,
19
- } from '@ui/themes';
19
+ } from "@ui/themes";
20
20
 
21
21
  interface PaymentMethodCardProps {
22
22
  type?: EPaymentCardTypes;
@@ -36,7 +36,7 @@ export const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({
36
36
  hideShadow = false,
37
37
  disabled = false,
38
38
  onPress,
39
- loadingColor = colors.neutral['80'],
39
+ loadingColor = colors.neutral["80"],
40
40
  loading,
41
41
  }) => {
42
42
  const data = paymentCardDataByTypes[type];
@@ -46,11 +46,13 @@ export const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({
46
46
  styles.container,
47
47
  style,
48
48
  !hideShadow && styles.shadow,
49
- (disabled || loading) && styles.disabled,
49
+ disabled && styles.disabled,
50
+ loading && styles.disabled,
50
51
  ]}
51
52
  activeOpacity={ACTIVE_OPACITY}
52
53
  disabled={disabled || !onPress}
53
- onPress={onPress}>
54
+ onPress={onPress}
55
+ >
54
56
  <View style={[styles.bannerContainer, styles.banner]}>
55
57
  <Image
56
58
  uri={photo}
@@ -59,16 +61,18 @@ export const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({
59
61
  height={ph(70)}
60
62
  style={styles.banner}
61
63
  />
62
- <View style={styles.loadingContainer}>
63
- <ActivityIndicator size="large" color={loadingColor} />
64
- </View>
64
+ {loading && (
65
+ <View style={styles.loadingContainer}>
66
+ <ActivityIndicator size="large" color={loadingColor} />
67
+ </View>
68
+ )}
65
69
  </View>
66
70
  <View style={styles.content}>
67
71
  <Icon
68
72
  name={data.icon}
69
73
  width={metrics.iconMediumPlus}
70
74
  height={metrics.iconMediumPlus}
71
- tintColor={colors.neutral['80']}
75
+ tintColor={colors.neutral["80"]}
72
76
  />
73
77
  <Text size="medium" color="tertiary" lineHeight={FontSizes.fontXL}>
74
78
  {data.label}
@@ -80,9 +84,9 @@ export const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({
80
84
 
81
85
  const styles = StyleSheet.create({
82
86
  container: {
83
- flexDirection: 'row',
84
- alignItems: 'flex-end',
85
- backgroundColor: colors.white['10'],
87
+ flexDirection: "row",
88
+ alignItems: "flex-end",
89
+ backgroundColor: colors.white["10"],
86
90
  margin: metrics.width.spacingBase,
87
91
  borderRadius: metrics.borderRadiusSemiLarge,
88
92
  paddingHorizontal: metrics.width.spacingBase,
@@ -93,15 +97,15 @@ const styles = StyleSheet.create({
93
97
  },
94
98
  shadow: {
95
99
  shadowColor: colors.neutral[100],
96
- shadowOffset: {width: 0, height: 2},
100
+ shadowOffset: { width: 0, height: 2 },
97
101
  shadowOpacity: 0.05,
98
102
  shadowRadius: 4,
99
103
  elevation: 4,
100
104
  },
101
105
  bannerContainer: {
102
- backgroundColor: colors.white['10'],
106
+ backgroundColor: colors.white["10"],
103
107
  shadowColor: colors.neutral[100],
104
- shadowOffset: {width: 0, height: 4},
108
+ shadowOffset: { width: 0, height: 4 },
105
109
  shadowOpacity: 0.25,
106
110
  shadowRadius: 12,
107
111
  elevation: 12,
@@ -110,17 +114,17 @@ const styles = StyleSheet.create({
110
114
  borderRadius: metrics.borderRadiusSemiLarge,
111
115
  },
112
116
  content: {
113
- flexDirection: 'row',
117
+ flexDirection: "row",
114
118
  flex: 1,
115
- justifyContent: 'flex-end',
116
- alignItems: 'center',
119
+ justifyContent: "flex-end",
120
+ alignItems: "center",
117
121
  gap: metrics.width.spacingExtraSmall,
118
122
  },
119
123
  loadingContainer: {
120
- position: 'absolute',
121
- justifyContent: 'center',
122
- alignItems: 'center',
123
- width: '100%',
124
- height: '100%',
124
+ position: "absolute",
125
+ justifyContent: "center",
126
+ alignItems: "center",
127
+ width: "100%",
128
+ height: "100%",
125
129
  },
126
- });
130
+ });
@@ -1 +1 @@
1
- {"version":3,"file":"PaymentMethodCard.d.ts","sourceRoot":"","sources":["../../../components/PaymentMethodCard/PaymentMethodCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAGT,SAAS,EAGV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,iBAAiB,EAA0B,MAAM,eAAe,CAAC;AAW1E,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+C9D,CAAC"}
1
+ {"version":3,"file":"PaymentMethodCard.d.ts","sourceRoot":"","sources":["../../../components/PaymentMethodCard/PaymentMethodCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAGT,SAAS,EAGV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,iBAAiB,EAA0B,MAAM,eAAe,CAAC;AAW1E,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmD9D,CAAC"}
@@ -32,27 +32,28 @@ import '../LoadingOverlay/LoadingOverlay.js';
32
32
  import '../BalanceCard/BalanceCard.js';
33
33
  import '../PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js';
34
34
 
35
- const PaymentMethodCard = ({ photo, type = EPaymentCardTypes.DIRECT, style, hideShadow = false, disabled = false, onPress, loadingColor = colors.neutral['80'], loading, }) => {
35
+ const PaymentMethodCard = ({ photo, type = EPaymentCardTypes.DIRECT, style, hideShadow = false, disabled = false, onPress, loadingColor = colors.neutral["80"], loading, }) => {
36
36
  const data = paymentCardDataByTypes[type];
37
37
  return (React__default.createElement(TouchableOpacity, { style: [
38
38
  styles.container,
39
39
  style,
40
40
  !hideShadow && styles.shadow,
41
- (disabled || loading) && styles.disabled,
41
+ disabled && styles.disabled,
42
+ loading && styles.disabled,
42
43
  ], activeOpacity: ACTIVE_OPACITY, disabled: disabled || !onPress, onPress: onPress },
43
44
  React__default.createElement(View, { style: [styles.bannerContainer, styles.banner] },
44
45
  React__default.createElement(Image, { uri: photo, resizeMode: "cover", width: deviceWidth() * 0.3, height: responsiveHeight(70), style: styles.banner }),
45
- React__default.createElement(View, { style: styles.loadingContainer },
46
- React__default.createElement(ActivityIndicator, { size: "large", color: loadingColor }))),
46
+ loading && (React__default.createElement(View, { style: styles.loadingContainer },
47
+ React__default.createElement(ActivityIndicator, { size: "large", color: loadingColor })))),
47
48
  React__default.createElement(View, { style: styles.content },
48
- React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumPlus, height: metrics.iconMediumPlus, tintColor: colors.neutral['80'] }),
49
+ React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumPlus, height: metrics.iconMediumPlus, tintColor: colors.neutral["80"] }),
49
50
  React__default.createElement(Text, { size: "medium", color: "tertiary", lineHeight: FontSizes.fontXL }, data.label))));
50
51
  };
51
52
  const styles = StyleSheet.create({
52
53
  container: {
53
- flexDirection: 'row',
54
- alignItems: 'flex-end',
55
- backgroundColor: colors.white['10'],
54
+ flexDirection: "row",
55
+ alignItems: "flex-end",
56
+ backgroundColor: colors.white["10"],
56
57
  margin: metrics.width.spacingBase,
57
58
  borderRadius: metrics.borderRadiusSemiLarge,
58
59
  paddingHorizontal: metrics.width.spacingBase,
@@ -69,7 +70,7 @@ const styles = StyleSheet.create({
69
70
  elevation: 4,
70
71
  },
71
72
  bannerContainer: {
72
- backgroundColor: colors.white['10'],
73
+ backgroundColor: colors.white["10"],
73
74
  shadowColor: colors.neutral[100],
74
75
  shadowOffset: { width: 0, height: 4 },
75
76
  shadowOpacity: 0.25,
@@ -80,18 +81,18 @@ const styles = StyleSheet.create({
80
81
  borderRadius: metrics.borderRadiusSemiLarge,
81
82
  },
82
83
  content: {
83
- flexDirection: 'row',
84
+ flexDirection: "row",
84
85
  flex: 1,
85
- justifyContent: 'flex-end',
86
- alignItems: 'center',
86
+ justifyContent: "flex-end",
87
+ alignItems: "center",
87
88
  gap: metrics.width.spacingExtraSmall,
88
89
  },
89
90
  loadingContainer: {
90
- position: 'absolute',
91
- justifyContent: 'center',
92
- alignItems: 'center',
93
- width: '100%',
94
- height: '100%',
91
+ position: "absolute",
92
+ justifyContent: "center",
93
+ alignItems: "center",
94
+ width: "100%",
95
+ height: "100%",
95
96
  },
96
97
  });
97
98
 
@@ -1 +1 @@
1
- {"version":3,"file":"PaymentMethodCard.js","sources":["../../../../components/PaymentMethodCard/PaymentMethodCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StyleProp,\n StyleSheet,\n View,\n ViewStyle,\n TouchableOpacity,\n ActivityIndicator,\n} from 'react-native';\nimport { EPaymentCardTypes, paymentCardDataByTypes } from '@ui/constants';\nimport { Text, Icon, Image } from '@ui/components';\nimport {\n ACTIVE_OPACITY,\n colors,\n deviceWidth,\n FontSizes,\n metrics,\n ph,\n} from '@ui/themes';\n\ninterface PaymentMethodCardProps {\n type?: EPaymentCardTypes;\n style?: StyleProp<ViewStyle>;\n hideShadow?: boolean;\n onPress?: () => void;\n photo: string;\n disabled?: boolean;\n loading?: boolean;\n loadingColor?: string;\n}\n\nexport const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({\n photo,\n type = EPaymentCardTypes.DIRECT,\n style,\n hideShadow = false,\n disabled = false,\n onPress,\n loadingColor = colors.neutral['80'],\n loading,\n}) => {\n const data = paymentCardDataByTypes[type];\n return (\n <TouchableOpacity\n style={[\n styles.container,\n style,\n !hideShadow && styles.shadow,\n (disabled || loading) && styles.disabled,\n ]}\n activeOpacity={ACTIVE_OPACITY}\n disabled={disabled || !onPress}\n onPress={onPress}>\n <View style={[styles.bannerContainer, styles.banner]}>\n <Image\n uri={photo}\n resizeMode=\"cover\"\n width={deviceWidth() * 0.3}\n height={ph(70)}\n style={styles.banner}\n />\n <View style={styles.loadingContainer}>\n <ActivityIndicator size=\"large\" color={loadingColor} />\n </View>\n </View>\n <View style={styles.content}>\n <Icon\n name={data.icon}\n width={metrics.iconMediumPlus}\n height={metrics.iconMediumPlus}\n tintColor={colors.neutral['80']}\n />\n <Text size=\"medium\" color=\"tertiary\" lineHeight={FontSizes.fontXL}>\n {data.label}\n </Text>\n </View>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: 'row',\n alignItems: 'flex-end',\n backgroundColor: colors.white['10'],\n margin: metrics.width.spacingBase,\n borderRadius: metrics.borderRadiusSemiLarge,\n paddingHorizontal: metrics.width.spacingBase,\n paddingVertical: metrics.height.spacingExtraSmall,\n },\n disabled: {\n opacity: 0.5,\n },\n shadow: {\n shadowColor: colors.neutral[100],\n shadowOffset: {width: 0, height: 2},\n shadowOpacity: 0.05,\n shadowRadius: 4,\n elevation: 4,\n },\n bannerContainer: {\n backgroundColor: colors.white['10'],\n shadowColor: colors.neutral[100],\n shadowOffset: {width: 0, height: 4},\n shadowOpacity: 0.25,\n shadowRadius: 12,\n elevation: 12,\n },\n banner: {\n borderRadius: metrics.borderRadiusSemiLarge,\n },\n content: {\n flexDirection: 'row',\n flex: 1,\n justifyContent: 'flex-end',\n alignItems: 'center',\n gap: metrics.width.spacingExtraSmall,\n },\n loadingContainer: {\n position: 'absolute',\n justifyContent: 'center',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n },\n});"],"names":["React","ph"],"mappings":"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"}
1
+ {"version":3,"file":"PaymentMethodCard.js","sources":["../../../../components/PaymentMethodCard/PaymentMethodCard.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n StyleProp,\n StyleSheet,\n View,\n ViewStyle,\n TouchableOpacity,\n ActivityIndicator,\n} from \"react-native\";\nimport { EPaymentCardTypes, paymentCardDataByTypes } from \"@ui/constants\";\nimport { Text, Icon, Image } from \"@ui/components\";\nimport {\n ACTIVE_OPACITY,\n colors,\n deviceWidth,\n FontSizes,\n metrics,\n ph,\n} from \"@ui/themes\";\n\ninterface PaymentMethodCardProps {\n type?: EPaymentCardTypes;\n style?: StyleProp<ViewStyle>;\n hideShadow?: boolean;\n onPress?: () => void;\n photo: string;\n disabled?: boolean;\n loading?: boolean;\n loadingColor?: string;\n}\n\nexport const PaymentMethodCard: React.FC<PaymentMethodCardProps> = ({\n photo,\n type = EPaymentCardTypes.DIRECT,\n style,\n hideShadow = false,\n disabled = false,\n onPress,\n loadingColor = colors.neutral[\"80\"],\n loading,\n}) => {\n const data = paymentCardDataByTypes[type];\n return (\n <TouchableOpacity\n style={[\n styles.container,\n style,\n !hideShadow && styles.shadow,\n disabled && styles.disabled,\n loading && styles.disabled,\n ]}\n activeOpacity={ACTIVE_OPACITY}\n disabled={disabled || !onPress}\n onPress={onPress}\n >\n <View style={[styles.bannerContainer, styles.banner]}>\n <Image\n uri={photo}\n resizeMode=\"cover\"\n width={deviceWidth() * 0.3}\n height={ph(70)}\n style={styles.banner}\n />\n {loading && (\n <View style={styles.loadingContainer}>\n <ActivityIndicator size=\"large\" color={loadingColor} />\n </View>\n )}\n </View>\n <View style={styles.content}>\n <Icon\n name={data.icon}\n width={metrics.iconMediumPlus}\n height={metrics.iconMediumPlus}\n tintColor={colors.neutral[\"80\"]}\n />\n <Text size=\"medium\" color=\"tertiary\" lineHeight={FontSizes.fontXL}>\n {data.label}\n </Text>\n </View>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"flex-end\",\n backgroundColor: colors.white[\"10\"],\n margin: metrics.width.spacingBase,\n borderRadius: metrics.borderRadiusSemiLarge,\n paddingHorizontal: metrics.width.spacingBase,\n paddingVertical: metrics.height.spacingExtraSmall,\n },\n disabled: {\n opacity: 0.5,\n },\n shadow: {\n shadowColor: colors.neutral[100],\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.05,\n shadowRadius: 4,\n elevation: 4,\n },\n bannerContainer: {\n backgroundColor: colors.white[\"10\"],\n shadowColor: colors.neutral[100],\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 0.25,\n shadowRadius: 12,\n elevation: 12,\n },\n banner: {\n borderRadius: metrics.borderRadiusSemiLarge,\n },\n content: {\n flexDirection: \"row\",\n flex: 1,\n justifyContent: \"flex-end\",\n alignItems: \"center\",\n gap: metrics.width.spacingExtraSmall,\n },\n loadingContainer: {\n position: \"absolute\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n },\n});\n"],"names":["React","ph"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@meatech/payblend_app_ui_component",
3
- "version": "1.0.80",
3
+ "version": "1.0.81",
4
4
  "description": "UI Component Library for Payblend App",
5
5
  "main": "./dist/components/index.js",
6
6
  "module": "./dist/components/index.js",