@adiraku/react-native-ui 1.2.9-canary-8 → 1.2.9
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/lib/commonjs/components/DashboardBalanceCard/CardWallet.component.js +15 -15
- package/lib/commonjs/components/DashboardBalanceCard/CardWallet.component.js.map +1 -1
- package/lib/commonjs/components/DashboardBalanceCard/DashboardBalanceCard.component.js +80 -80
- package/lib/commonjs/components/DashboardBalanceCard/DashboardBalanceCard.component.js.map +1 -1
- package/lib/commonjs/components/StickyBar/StickyBar.component.js +2 -2
- package/lib/commonjs/components/StickyBar/StickyBar.style.js +1 -1
- package/lib/module/components/DashboardBalanceCard/CardWallet.component.js +19 -19
- package/lib/module/components/DashboardBalanceCard/CardWallet.component.js.map +1 -1
- package/lib/module/components/DashboardBalanceCard/DashboardBalanceCard.component.js +85 -85
- package/lib/module/components/DashboardBalanceCard/DashboardBalanceCard.component.js.map +1 -1
- package/lib/module/components/StickyBar/StickyBar.component.js +2 -2
- package/lib/module/components/StickyBar/StickyBar.component.js.map +1 -1
- package/lib/module/components/StickyBar/StickyBar.style.js +1 -1
- package/lib/module/components/StickyBar/StickyBar.style.js.map +1 -1
- package/lib/typescript/components/DashboardBalanceCard/CardWallet.component.d.ts +2 -2
- package/lib/typescript/components/DashboardBalanceCard/CardWallet.component.d.ts.map +1 -1
- package/lib/typescript/components/DashboardBalanceCard/DashboardBalanceCard.component.d.ts +2 -2
- package/lib/typescript/components/DashboardBalanceCard/DashboardBalanceCard.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/DashboardBalanceCard/CardWallet.component.tsx +70 -60
- package/src/components/DashboardBalanceCard/DashboardBalanceCard.component.tsx +461 -442
- package/src/components/StickyBar/StickyBar.component.tsx +2 -2
- package/src/components/StickyBar/StickyBar.style.tsx +1 -1
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _typography = require("../typography/typography.component");
|
|
10
|
-
var _themes = require("
|
|
10
|
+
var _themes = require("../../themes");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const CardWallets = ({
|
|
13
13
|
variant,
|
|
@@ -18,11 +18,11 @@ const CardWallets = ({
|
|
|
18
18
|
style: {
|
|
19
19
|
flex: 1
|
|
20
20
|
}
|
|
21
|
-
}, variant ===
|
|
21
|
+
}, variant === 'adirapoin' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
22
22
|
style: {
|
|
23
23
|
width: 140,
|
|
24
24
|
height: 57,
|
|
25
|
-
..._themes.Shadow[
|
|
25
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
26
26
|
borderRadius: _themes.Radius[12],
|
|
27
27
|
flexDirection: 'row',
|
|
28
28
|
alignItems: 'center'
|
|
@@ -33,10 +33,10 @@ const CardWallets = ({
|
|
|
33
33
|
height: 20,
|
|
34
34
|
margin: 8
|
|
35
35
|
},
|
|
36
|
-
source: require(
|
|
36
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png')
|
|
37
37
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
38
38
|
style: {
|
|
39
|
-
flexDirection:
|
|
39
|
+
flexDirection: 'row'
|
|
40
40
|
}
|
|
41
41
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
42
42
|
variant: "caption"
|
|
@@ -46,14 +46,14 @@ const CardWallets = ({
|
|
|
46
46
|
height: 16,
|
|
47
47
|
marginLeft: 10
|
|
48
48
|
},
|
|
49
|
-
source: require(
|
|
49
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
50
50
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
51
51
|
variant: "button-small"
|
|
52
|
-
}, balance, " poin",
|
|
52
|
+
}, balance, " poin", '\n'))) : variant === 'dwallet' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
53
53
|
style: {
|
|
54
54
|
width: 140,
|
|
55
55
|
height: 57,
|
|
56
|
-
..._themes.Shadow[
|
|
56
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
57
57
|
borderRadius: _themes.Radius[12],
|
|
58
58
|
flexDirection: 'row',
|
|
59
59
|
alignItems: 'center'
|
|
@@ -64,10 +64,10 @@ const CardWallets = ({
|
|
|
64
64
|
height: 20,
|
|
65
65
|
margin: 8
|
|
66
66
|
},
|
|
67
|
-
source: require(
|
|
67
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')
|
|
68
68
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
69
69
|
style: {
|
|
70
|
-
flexDirection:
|
|
70
|
+
flexDirection: 'row'
|
|
71
71
|
}
|
|
72
72
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
73
73
|
variant: "caption"
|
|
@@ -77,14 +77,14 @@ const CardWallets = ({
|
|
|
77
77
|
height: 16,
|
|
78
78
|
marginLeft: 10
|
|
79
79
|
},
|
|
80
|
-
source: require(
|
|
80
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
81
81
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
82
82
|
variant: "button-small"
|
|
83
|
-
}, "Rp", balance,
|
|
83
|
+
}, "Rp", balance, '\n'))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
84
84
|
style: {
|
|
85
85
|
width: 140,
|
|
86
86
|
height: 57,
|
|
87
|
-
..._themes.Shadow[
|
|
87
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
88
88
|
borderRadius: _themes.Radius[12],
|
|
89
89
|
flexDirection: 'row',
|
|
90
90
|
alignItems: 'center'
|
|
@@ -95,10 +95,10 @@ const CardWallets = ({
|
|
|
95
95
|
height: 20,
|
|
96
96
|
margin: 8
|
|
97
97
|
},
|
|
98
|
-
source: require(
|
|
98
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Reload.png')
|
|
99
99
|
}), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
100
100
|
variant: "overline-small"
|
|
101
|
-
}, "Saldo Danamon",
|
|
101
|
+
}, "Saldo Danamon", '\n', "gagal ditampilkan")));
|
|
102
102
|
};
|
|
103
103
|
var _default = exports.default = CardWallets;
|
|
104
104
|
//# sourceMappingURL=CardWallet.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_typography","_themes","e","__esModule","default","CardWallets","variant","type","balance","createElement","View","style","flex","width","height","Shadow","borderRadius","Radius","flexDirection","alignItems","Image","margin","source","Typography","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["components/DashboardBalanceCard/CardWallet.component.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_typography","_themes","e","__esModule","default","CardWallets","variant","type","balance","createElement","View","style","flex","width","height","Shadow","borderRadius","Radius","flexDirection","alignItems","Image","margin","source","Typography","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["components/DashboardBalanceCard/CardWallet.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _typography = require("../typography/typography.component");
|
|
10
10
|
var _Divider = require("../Divider/Divider.component");
|
|
11
|
-
var _themes = require("
|
|
11
|
+
var _themes = require("../../themes");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
const DashboardBalanceCard = ({
|
|
14
14
|
variant,
|
|
@@ -21,7 +21,7 @@ const DashboardBalanceCard = ({
|
|
|
21
21
|
style: {
|
|
22
22
|
flex: 1
|
|
23
23
|
}
|
|
24
|
-
}, variant ===
|
|
24
|
+
}, variant === 'single' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
25
25
|
style: {
|
|
26
26
|
flex: 1
|
|
27
27
|
}
|
|
@@ -29,9 +29,9 @@ const DashboardBalanceCard = ({
|
|
|
29
29
|
style: {
|
|
30
30
|
width: 360,
|
|
31
31
|
height: 89,
|
|
32
|
-
flexDirection:
|
|
33
|
-
alignItems:
|
|
34
|
-
..._themes.Shadow[
|
|
32
|
+
flexDirection: 'row',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
..._themes.Shadow['shadow-elevation-1']
|
|
35
35
|
}
|
|
36
36
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
37
37
|
style: {
|
|
@@ -40,10 +40,10 @@ const DashboardBalanceCard = ({
|
|
|
40
40
|
margin: 8,
|
|
41
41
|
marginLeft: 20
|
|
42
42
|
},
|
|
43
|
-
source: require(
|
|
43
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png')
|
|
44
44
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
45
45
|
style: {
|
|
46
|
-
flexDirection:
|
|
46
|
+
flexDirection: 'row'
|
|
47
47
|
}
|
|
48
48
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
49
49
|
variant: "caption"
|
|
@@ -54,7 +54,7 @@ const DashboardBalanceCard = ({
|
|
|
54
54
|
marginLeft: 10,
|
|
55
55
|
marginRight: 50
|
|
56
56
|
},
|
|
57
|
-
source: require(
|
|
57
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
58
58
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
59
59
|
variant: "button-small"
|
|
60
60
|
}, (_wallets$2 = wallets[0]) === null || _wallets$2 === void 0 ? void 0 : _wallets$2.points, " poin")), /*#__PURE__*/_react.default.createElement(_Divider.Divider, {
|
|
@@ -69,10 +69,10 @@ const DashboardBalanceCard = ({
|
|
|
69
69
|
height: 20,
|
|
70
70
|
margin: 8
|
|
71
71
|
},
|
|
72
|
-
source: require(
|
|
72
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapay.png')
|
|
73
73
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
74
74
|
style: {
|
|
75
|
-
flexDirection:
|
|
75
|
+
flexDirection: 'row'
|
|
76
76
|
}
|
|
77
77
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
78
78
|
variant: "caption"
|
|
@@ -82,13 +82,13 @@ const DashboardBalanceCard = ({
|
|
|
82
82
|
height: 16,
|
|
83
83
|
marginLeft: 10
|
|
84
84
|
},
|
|
85
|
-
source: require(
|
|
85
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
86
86
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
87
87
|
variant: "button-small"
|
|
88
|
-
}, (_wallets$4 = wallets[0]) === null || _wallets$4 === void 0 ? void 0 : _wallets$4.balance,
|
|
88
|
+
}, (_wallets$4 = wallets[0]) === null || _wallets$4 === void 0 ? void 0 : _wallets$4.balance, '\n'))), showInstallmentLimit && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
89
89
|
style: {
|
|
90
|
-
flexDirection:
|
|
91
|
-
backgroundColor:
|
|
90
|
+
flexDirection: 'row',
|
|
91
|
+
backgroundColor: '#FFF9C1',
|
|
92
92
|
width: 360,
|
|
93
93
|
height: 37
|
|
94
94
|
}
|
|
@@ -98,11 +98,11 @@ const DashboardBalanceCard = ({
|
|
|
98
98
|
height: 21,
|
|
99
99
|
margin: 8
|
|
100
100
|
},
|
|
101
|
-
source: require(
|
|
101
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/CreditLimit.png')
|
|
102
102
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
103
103
|
style: {
|
|
104
|
-
flexDirection:
|
|
105
|
-
alignItems:
|
|
104
|
+
flexDirection: 'row',
|
|
105
|
+
alignItems: 'center'
|
|
106
106
|
}
|
|
107
107
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
108
108
|
variant: "caption"
|
|
@@ -116,8 +116,8 @@ const DashboardBalanceCard = ({
|
|
|
116
116
|
height: 21,
|
|
117
117
|
marginLeft: 70
|
|
118
118
|
},
|
|
119
|
-
source: require(
|
|
120
|
-
})))) : variant ===
|
|
119
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
120
|
+
})))) : variant === 'singleDisable' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
121
121
|
style: {
|
|
122
122
|
flex: 1
|
|
123
123
|
}
|
|
@@ -125,9 +125,9 @@ const DashboardBalanceCard = ({
|
|
|
125
125
|
style: {
|
|
126
126
|
width: 360,
|
|
127
127
|
height: 89,
|
|
128
|
-
flexDirection:
|
|
129
|
-
alignItems:
|
|
130
|
-
..._themes.Shadow[
|
|
128
|
+
flexDirection: 'row',
|
|
129
|
+
alignItems: 'center',
|
|
130
|
+
..._themes.Shadow['shadow-elevation-1']
|
|
131
131
|
}
|
|
132
132
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
133
133
|
style: {
|
|
@@ -136,10 +136,10 @@ const DashboardBalanceCard = ({
|
|
|
136
136
|
margin: 8,
|
|
137
137
|
marginLeft: 20
|
|
138
138
|
},
|
|
139
|
-
source: require(
|
|
139
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png')
|
|
140
140
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
141
141
|
style: {
|
|
142
|
-
flexDirection:
|
|
142
|
+
flexDirection: 'row'
|
|
143
143
|
}
|
|
144
144
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
145
145
|
variant: "caption"
|
|
@@ -150,7 +150,7 @@ const DashboardBalanceCard = ({
|
|
|
150
150
|
marginLeft: 10,
|
|
151
151
|
marginRight: 50
|
|
152
152
|
},
|
|
153
|
-
source: require(
|
|
153
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
154
154
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
155
155
|
variant: "button-small"
|
|
156
156
|
}, (_wallets$6 = wallets[0]) === null || _wallets$6 === void 0 ? void 0 : _wallets$6.points, " poin")), /*#__PURE__*/_react.default.createElement(_Divider.Divider, {
|
|
@@ -174,10 +174,10 @@ const DashboardBalanceCard = ({
|
|
|
174
174
|
height: 20,
|
|
175
175
|
margin: 8
|
|
176
176
|
},
|
|
177
|
-
source: require(
|
|
177
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')
|
|
178
178
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
179
179
|
style: {
|
|
180
|
-
flexDirection:
|
|
180
|
+
flexDirection: 'row'
|
|
181
181
|
}
|
|
182
182
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
183
183
|
variant: "caption"
|
|
@@ -187,13 +187,13 @@ const DashboardBalanceCard = ({
|
|
|
187
187
|
height: 16,
|
|
188
188
|
marginLeft: 10
|
|
189
189
|
},
|
|
190
|
-
source: require(
|
|
190
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
191
191
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
192
192
|
variant: "button-small"
|
|
193
|
-
}, (_wallets$8 = wallets[0]) === null || _wallets$8 === void 0 ? void 0 : _wallets$8.balance,
|
|
193
|
+
}, (_wallets$8 = wallets[0]) === null || _wallets$8 === void 0 ? void 0 : _wallets$8.balance, '\n')))), showInstallmentLimit && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
194
194
|
style: {
|
|
195
|
-
flexDirection:
|
|
196
|
-
backgroundColor:
|
|
195
|
+
flexDirection: 'row',
|
|
196
|
+
backgroundColor: '#FFF9C1',
|
|
197
197
|
width: 360,
|
|
198
198
|
height: 37
|
|
199
199
|
}
|
|
@@ -203,11 +203,11 @@ const DashboardBalanceCard = ({
|
|
|
203
203
|
height: 21,
|
|
204
204
|
margin: 8
|
|
205
205
|
},
|
|
206
|
-
source: require(
|
|
206
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/CreditLimit.png')
|
|
207
207
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
208
208
|
style: {
|
|
209
|
-
flexDirection:
|
|
210
|
-
alignItems:
|
|
209
|
+
flexDirection: 'row',
|
|
210
|
+
alignItems: 'center'
|
|
211
211
|
}
|
|
212
212
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
213
213
|
variant: "caption"
|
|
@@ -221,8 +221,8 @@ const DashboardBalanceCard = ({
|
|
|
221
221
|
height: 21,
|
|
222
222
|
marginLeft: 70
|
|
223
223
|
},
|
|
224
|
-
source: require(
|
|
225
|
-
})))) : variant ===
|
|
224
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
225
|
+
})))) : variant === 'multiple' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
226
226
|
style: {
|
|
227
227
|
flex: 1
|
|
228
228
|
}
|
|
@@ -230,9 +230,9 @@ const DashboardBalanceCard = ({
|
|
|
230
230
|
style: {
|
|
231
231
|
width: 360,
|
|
232
232
|
height: 89,
|
|
233
|
-
flexDirection:
|
|
234
|
-
alignItems:
|
|
235
|
-
..._themes.Shadow[
|
|
233
|
+
flexDirection: 'row',
|
|
234
|
+
alignItems: 'center',
|
|
235
|
+
..._themes.Shadow['shadow-elevation-1']
|
|
236
236
|
}
|
|
237
237
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
238
238
|
style: {
|
|
@@ -241,10 +241,10 @@ const DashboardBalanceCard = ({
|
|
|
241
241
|
margin: 8,
|
|
242
242
|
marginLeft: 20
|
|
243
243
|
},
|
|
244
|
-
source: require(
|
|
244
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png')
|
|
245
245
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
246
246
|
style: {
|
|
247
|
-
flexDirection:
|
|
247
|
+
flexDirection: 'row'
|
|
248
248
|
}
|
|
249
249
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
250
250
|
variant: "caption"
|
|
@@ -255,7 +255,7 @@ const DashboardBalanceCard = ({
|
|
|
255
255
|
marginLeft: 10,
|
|
256
256
|
marginRight: 50
|
|
257
257
|
},
|
|
258
|
-
source: require(
|
|
258
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
259
259
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
260
260
|
variant: "button-small"
|
|
261
261
|
}, (_wallets$10 = wallets[0]) === null || _wallets$10 === void 0 ? void 0 : _wallets$10.points, " poin")), /*#__PURE__*/_react.default.createElement(_Divider.Divider, {
|
|
@@ -273,7 +273,7 @@ const DashboardBalanceCard = ({
|
|
|
273
273
|
style: {
|
|
274
274
|
width: 140,
|
|
275
275
|
height: 57,
|
|
276
|
-
..._themes.Shadow[
|
|
276
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
277
277
|
borderRadius: _themes.Radius[12],
|
|
278
278
|
flexDirection: 'row',
|
|
279
279
|
alignItems: 'center',
|
|
@@ -285,10 +285,10 @@ const DashboardBalanceCard = ({
|
|
|
285
285
|
height: 20,
|
|
286
286
|
margin: 8
|
|
287
287
|
},
|
|
288
|
-
source: require(
|
|
288
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')
|
|
289
289
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
290
290
|
style: {
|
|
291
|
-
flexDirection:
|
|
291
|
+
flexDirection: 'row'
|
|
292
292
|
}
|
|
293
293
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
294
294
|
variant: "caption"
|
|
@@ -298,14 +298,14 @@ const DashboardBalanceCard = ({
|
|
|
298
298
|
height: 16,
|
|
299
299
|
marginLeft: 10
|
|
300
300
|
},
|
|
301
|
-
source: require(
|
|
301
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
302
302
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
303
303
|
variant: "button-small"
|
|
304
|
-
}, (_wallets$12 = wallets[0]) === null || _wallets$12 === void 0 ? void 0 : _wallets$12.balance,
|
|
304
|
+
}, (_wallets$12 = wallets[0]) === null || _wallets$12 === void 0 ? void 0 : _wallets$12.balance, '\n'))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
305
305
|
style: {
|
|
306
306
|
width: 140,
|
|
307
307
|
height: 57,
|
|
308
|
-
..._themes.Shadow[
|
|
308
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
309
309
|
borderRadius: _themes.Radius[12],
|
|
310
310
|
flexDirection: 'row',
|
|
311
311
|
alignItems: 'center'
|
|
@@ -316,10 +316,10 @@ const DashboardBalanceCard = ({
|
|
|
316
316
|
height: 20,
|
|
317
317
|
margin: 8
|
|
318
318
|
},
|
|
319
|
-
source: require(
|
|
319
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')
|
|
320
320
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
321
321
|
style: {
|
|
322
|
-
flexDirection:
|
|
322
|
+
flexDirection: 'row'
|
|
323
323
|
}
|
|
324
324
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
325
325
|
variant: "caption"
|
|
@@ -329,13 +329,13 @@ const DashboardBalanceCard = ({
|
|
|
329
329
|
height: 16,
|
|
330
330
|
marginLeft: 10
|
|
331
331
|
},
|
|
332
|
-
source: require(
|
|
332
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
333
333
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
334
334
|
variant: "button-small"
|
|
335
|
-
}, (_wallets$14 = wallets[0]) === null || _wallets$14 === void 0 ? void 0 : _wallets$14.balance,
|
|
335
|
+
}, (_wallets$14 = wallets[0]) === null || _wallets$14 === void 0 ? void 0 : _wallets$14.balance, '\n')))))), showInstallmentLimit && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
336
336
|
style: {
|
|
337
|
-
flexDirection:
|
|
338
|
-
backgroundColor:
|
|
337
|
+
flexDirection: 'row',
|
|
338
|
+
backgroundColor: '#FFF9C1',
|
|
339
339
|
width: 360,
|
|
340
340
|
height: 37
|
|
341
341
|
}
|
|
@@ -345,11 +345,11 @@ const DashboardBalanceCard = ({
|
|
|
345
345
|
height: 21,
|
|
346
346
|
margin: 8
|
|
347
347
|
},
|
|
348
|
-
source: require(
|
|
348
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/CreditLimit.png')
|
|
349
349
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
350
350
|
style: {
|
|
351
|
-
flexDirection:
|
|
352
|
-
alignItems:
|
|
351
|
+
flexDirection: 'row',
|
|
352
|
+
alignItems: 'center'
|
|
353
353
|
}
|
|
354
354
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
355
355
|
variant: "caption"
|
|
@@ -363,7 +363,7 @@ const DashboardBalanceCard = ({
|
|
|
363
363
|
height: 21,
|
|
364
364
|
marginLeft: 70
|
|
365
365
|
},
|
|
366
|
-
source: require(
|
|
366
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
367
367
|
})))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
368
368
|
style: {
|
|
369
369
|
flex: 1
|
|
@@ -372,9 +372,9 @@ const DashboardBalanceCard = ({
|
|
|
372
372
|
style: {
|
|
373
373
|
width: 360,
|
|
374
374
|
height: 89,
|
|
375
|
-
flexDirection:
|
|
376
|
-
alignItems:
|
|
377
|
-
..._themes.Shadow[
|
|
375
|
+
flexDirection: 'row',
|
|
376
|
+
alignItems: 'center',
|
|
377
|
+
..._themes.Shadow['shadow-elevation-1']
|
|
378
378
|
}
|
|
379
379
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
380
380
|
style: {
|
|
@@ -383,10 +383,10 @@ const DashboardBalanceCard = ({
|
|
|
383
383
|
margin: 8,
|
|
384
384
|
marginLeft: 20
|
|
385
385
|
},
|
|
386
|
-
source: require(
|
|
386
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconAdirapoin.png')
|
|
387
387
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
388
388
|
style: {
|
|
389
|
-
flexDirection:
|
|
389
|
+
flexDirection: 'row'
|
|
390
390
|
}
|
|
391
391
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
392
392
|
variant: "caption"
|
|
@@ -397,7 +397,7 @@ const DashboardBalanceCard = ({
|
|
|
397
397
|
marginLeft: 10,
|
|
398
398
|
marginRight: 50
|
|
399
399
|
},
|
|
400
|
-
source: require(
|
|
400
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
401
401
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
402
402
|
variant: "button-small"
|
|
403
403
|
}, (_wallets$16 = wallets[0]) === null || _wallets$16 === void 0 ? void 0 : _wallets$16.points, " poin")), /*#__PURE__*/_react.default.createElement(_Divider.Divider, {
|
|
@@ -415,7 +415,7 @@ const DashboardBalanceCard = ({
|
|
|
415
415
|
style: {
|
|
416
416
|
width: 140,
|
|
417
417
|
height: 57,
|
|
418
|
-
..._themes.Shadow[
|
|
418
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
419
419
|
borderRadius: _themes.Radius[12],
|
|
420
420
|
flexDirection: 'row',
|
|
421
421
|
alignItems: 'center',
|
|
@@ -428,10 +428,10 @@ const DashboardBalanceCard = ({
|
|
|
428
428
|
height: 20,
|
|
429
429
|
margin: 8
|
|
430
430
|
},
|
|
431
|
-
source: require(
|
|
431
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')
|
|
432
432
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
433
433
|
style: {
|
|
434
|
-
flexDirection:
|
|
434
|
+
flexDirection: 'row'
|
|
435
435
|
}
|
|
436
436
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
437
437
|
variant: "caption"
|
|
@@ -441,14 +441,14 @@ const DashboardBalanceCard = ({
|
|
|
441
441
|
height: 16,
|
|
442
442
|
marginLeft: 10
|
|
443
443
|
},
|
|
444
|
-
source: require(
|
|
444
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
445
445
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
446
446
|
variant: "button-small"
|
|
447
|
-
}, (_wallets$18 = wallets[0]) === null || _wallets$18 === void 0 ? void 0 : _wallets$18.balance,
|
|
447
|
+
}, (_wallets$18 = wallets[0]) === null || _wallets$18 === void 0 ? void 0 : _wallets$18.balance, '\n'))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
448
448
|
style: {
|
|
449
449
|
width: 140,
|
|
450
450
|
height: 57,
|
|
451
|
-
..._themes.Shadow[
|
|
451
|
+
..._themes.Shadow['shadow-elevation-1'],
|
|
452
452
|
borderRadius: _themes.Radius[12],
|
|
453
453
|
flexDirection: 'row',
|
|
454
454
|
backgroundColor: '#EEF0F2',
|
|
@@ -460,10 +460,10 @@ const DashboardBalanceCard = ({
|
|
|
460
460
|
height: 20,
|
|
461
461
|
margin: 8
|
|
462
462
|
},
|
|
463
|
-
source: require(
|
|
463
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/IconDwallet.png')
|
|
464
464
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
465
465
|
style: {
|
|
466
|
-
flexDirection:
|
|
466
|
+
flexDirection: 'row'
|
|
467
467
|
}
|
|
468
468
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
469
469
|
variant: "caption"
|
|
@@ -473,13 +473,13 @@ const DashboardBalanceCard = ({
|
|
|
473
473
|
height: 16,
|
|
474
474
|
marginLeft: 10
|
|
475
475
|
},
|
|
476
|
-
source: require(
|
|
476
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
477
477
|
})), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
478
478
|
variant: "button-small"
|
|
479
|
-
}, (_wallets$20 = wallets[0]) === null || _wallets$20 === void 0 ? void 0 : _wallets$20.balance,
|
|
479
|
+
}, (_wallets$20 = wallets[0]) === null || _wallets$20 === void 0 ? void 0 : _wallets$20.balance, '\n')))))), showInstallmentLimit && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
480
480
|
style: {
|
|
481
|
-
flexDirection:
|
|
482
|
-
backgroundColor:
|
|
481
|
+
flexDirection: 'row',
|
|
482
|
+
backgroundColor: '#FFF9C1',
|
|
483
483
|
width: 360,
|
|
484
484
|
height: 37
|
|
485
485
|
}
|
|
@@ -489,11 +489,11 @@ const DashboardBalanceCard = ({
|
|
|
489
489
|
height: 21,
|
|
490
490
|
margin: 8
|
|
491
491
|
},
|
|
492
|
-
source: require(
|
|
492
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/CreditLimit.png')
|
|
493
493
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
494
494
|
style: {
|
|
495
|
-
flexDirection:
|
|
496
|
-
alignItems:
|
|
495
|
+
flexDirection: 'row',
|
|
496
|
+
alignItems: 'center'
|
|
497
497
|
}
|
|
498
498
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
499
499
|
variant: "caption"
|
|
@@ -507,7 +507,7 @@ const DashboardBalanceCard = ({
|
|
|
507
507
|
height: 21,
|
|
508
508
|
marginLeft: 70
|
|
509
509
|
},
|
|
510
|
-
source: require(
|
|
510
|
+
source: require('../../../storybookwebpreview/assets/images/DashboardBalanceCard/Navigation.png')
|
|
511
511
|
})))));
|
|
512
512
|
};
|
|
513
513
|
var _default = exports.default = DashboardBalanceCard;
|