tg-core-components 6.1.19 → 6.1.20-cur-reg.1
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.
|
@@ -11,6 +11,32 @@ import Button from '../../components/Button';
|
|
|
11
11
|
import countryEmojiFlags from '../../misc/countryEmojiFlags';
|
|
12
12
|
import Icon from '../../components/Icon';
|
|
13
13
|
|
|
14
|
+
var genders = [{
|
|
15
|
+
label: function label(intl) {
|
|
16
|
+
return translate({
|
|
17
|
+
id: 'noun.male',
|
|
18
|
+
defaultMessage: 'Male'
|
|
19
|
+
}, intl);
|
|
20
|
+
},
|
|
21
|
+
value: 'Male'
|
|
22
|
+
}, {
|
|
23
|
+
label: function label(intl) {
|
|
24
|
+
return translate({
|
|
25
|
+
id: 'noun.female',
|
|
26
|
+
defaultMessage: 'Female'
|
|
27
|
+
}, intl);
|
|
28
|
+
},
|
|
29
|
+
value: 'Female'
|
|
30
|
+
}, {
|
|
31
|
+
label: function label(intl) {
|
|
32
|
+
return translate({
|
|
33
|
+
id: 'noun.other',
|
|
34
|
+
defaultMessage: 'Other'
|
|
35
|
+
}, intl);
|
|
36
|
+
},
|
|
37
|
+
value: 'Other'
|
|
38
|
+
}];
|
|
39
|
+
|
|
14
40
|
var AccountDetail = function AccountDetail(_ref) {
|
|
15
41
|
var data = _ref.data,
|
|
16
42
|
intl = _ref.intl,
|
|
@@ -93,33 +119,23 @@ var AccountDetail = function AccountDetail(_ref) {
|
|
|
93
119
|
React.createElement(
|
|
94
120
|
Select,
|
|
95
121
|
{
|
|
96
|
-
disabled: true,
|
|
97
122
|
className: 'layout-item-6',
|
|
98
|
-
value:
|
|
99
|
-
return c.value === data.Country;
|
|
100
|
-
}) && countries.value.find(function (c) {
|
|
101
|
-
return c.value === data.Country;
|
|
102
|
-
}).value,
|
|
123
|
+
value: data.Country,
|
|
103
124
|
label: translate({
|
|
104
125
|
id: 'title.country',
|
|
105
126
|
defaultMessage: 'Country'
|
|
106
127
|
}, intl),
|
|
107
128
|
name: 'Country',
|
|
108
129
|
icon: React.createElement(Icon, { icon: 'flag' }) },
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
return c.value === data.Country;
|
|
119
|
-
}) && countries.value.find(function (c) {
|
|
120
|
-
return c.value === data.Country;
|
|
121
|
-
}).label
|
|
122
|
-
)
|
|
130
|
+
countries.sort(function (a, b) {
|
|
131
|
+
return a.label.localeCompare(b.label);
|
|
132
|
+
}).map(function (c) {
|
|
133
|
+
return React.createElement(
|
|
134
|
+
Select.Option,
|
|
135
|
+
{ key: c.value, value: c.value },
|
|
136
|
+
c.label
|
|
137
|
+
);
|
|
138
|
+
})
|
|
123
139
|
),
|
|
124
140
|
React.createElement(Input, {
|
|
125
141
|
disabled: true,
|
|
@@ -141,18 +157,51 @@ var AccountDetail = function AccountDetail(_ref) {
|
|
|
141
157
|
}, intl),
|
|
142
158
|
name: 'Email'
|
|
143
159
|
}),
|
|
144
|
-
React.createElement(
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
160
|
+
React.createElement(
|
|
161
|
+
'div',
|
|
162
|
+
{ className: 'layout-item' },
|
|
163
|
+
React.createElement(Input, {
|
|
164
|
+
className: 'layout-item-6',
|
|
165
|
+
value: data.MobilePhoneNumber,
|
|
166
|
+
type: 'tel',
|
|
167
|
+
label: translate({
|
|
168
|
+
id: 'title.mobile_number',
|
|
169
|
+
defaultMessage: 'Mobile number'
|
|
170
|
+
}, intl),
|
|
171
|
+
name: 'MobilePhoneNumber',
|
|
172
|
+
autoComplete: 'off',
|
|
173
|
+
status: errors.MobilePhoneNumber && 'failure' || 'idle',
|
|
174
|
+
statusText: errors.MobilePhoneNumber && translate({ id: errors.MobilePhoneNumber }, intl)
|
|
175
|
+
}),
|
|
176
|
+
React.createElement(
|
|
177
|
+
Select,
|
|
178
|
+
{
|
|
179
|
+
className: 'layout-item-6',
|
|
180
|
+
value: data.Gender,
|
|
181
|
+
label: translate({
|
|
182
|
+
id: 'title.gender',
|
|
183
|
+
defaultMessage: 'Gender'
|
|
184
|
+
}, intl),
|
|
185
|
+
name: 'Gender',
|
|
186
|
+
status: errors.Gender && 'failure' || 'idle',
|
|
187
|
+
statusText: errors.Gender && translate({ id: errors.Gender }, intl) },
|
|
188
|
+
React.createElement(
|
|
189
|
+
Select.Option,
|
|
190
|
+
{ value: '', disabled: true },
|
|
191
|
+
translate({
|
|
192
|
+
id: 'label.select-gender',
|
|
193
|
+
defaultMessage: 'Select gender'
|
|
194
|
+
}, intl)
|
|
195
|
+
),
|
|
196
|
+
genders.map(function (gender) {
|
|
197
|
+
return React.createElement(
|
|
198
|
+
Select.Option,
|
|
199
|
+
{ value: gender.value },
|
|
200
|
+
gender.label(intl)
|
|
201
|
+
);
|
|
202
|
+
})
|
|
203
|
+
)
|
|
204
|
+
),
|
|
156
205
|
!['sga', 'dga'].includes(jurisdiction) && React.createElement(
|
|
157
206
|
Fragment,
|
|
158
207
|
null,
|
|
@@ -216,7 +265,9 @@ var rules = {
|
|
|
216
265
|
Address1: [[require, 'error.empty.address']],
|
|
217
266
|
Zip: [[require, 'error.empty.zip_code']],
|
|
218
267
|
City: [[require, 'error.empty.city']],
|
|
219
|
-
Password: [[require, 'error.empty.password']]
|
|
268
|
+
Password: [[require, 'error.empty.password']],
|
|
269
|
+
Country: [[require, 'error.empty.country']],
|
|
270
|
+
Gender: [[require, 'error.empty.gender']]
|
|
220
271
|
};
|
|
221
272
|
|
|
222
273
|
export default compose(WithValidation(rules), injectIntl)(AccountDetail);
|
|
@@ -52,6 +52,32 @@ var _Icon2 = _interopRequireDefault(_Icon);
|
|
|
52
52
|
|
|
53
53
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
54
54
|
|
|
55
|
+
var genders = [{
|
|
56
|
+
label: function label(intl) {
|
|
57
|
+
return (0, _translate2.default)({
|
|
58
|
+
id: 'noun.male',
|
|
59
|
+
defaultMessage: 'Male'
|
|
60
|
+
}, intl);
|
|
61
|
+
},
|
|
62
|
+
value: 'Male'
|
|
63
|
+
}, {
|
|
64
|
+
label: function label(intl) {
|
|
65
|
+
return (0, _translate2.default)({
|
|
66
|
+
id: 'noun.female',
|
|
67
|
+
defaultMessage: 'Female'
|
|
68
|
+
}, intl);
|
|
69
|
+
},
|
|
70
|
+
value: 'Female'
|
|
71
|
+
}, {
|
|
72
|
+
label: function label(intl) {
|
|
73
|
+
return (0, _translate2.default)({
|
|
74
|
+
id: 'noun.other',
|
|
75
|
+
defaultMessage: 'Other'
|
|
76
|
+
}, intl);
|
|
77
|
+
},
|
|
78
|
+
value: 'Other'
|
|
79
|
+
}];
|
|
80
|
+
|
|
55
81
|
var AccountDetail = function AccountDetail(_ref) {
|
|
56
82
|
var data = _ref.data,
|
|
57
83
|
intl = _ref.intl,
|
|
@@ -134,33 +160,23 @@ var AccountDetail = function AccountDetail(_ref) {
|
|
|
134
160
|
_react2.default.createElement(
|
|
135
161
|
_Select2.default,
|
|
136
162
|
{
|
|
137
|
-
disabled: true,
|
|
138
163
|
className: 'layout-item-6',
|
|
139
|
-
value:
|
|
140
|
-
return c.value === data.Country;
|
|
141
|
-
}) && countries.value.find(function (c) {
|
|
142
|
-
return c.value === data.Country;
|
|
143
|
-
}).value,
|
|
164
|
+
value: data.Country,
|
|
144
165
|
label: (0, _translate2.default)({
|
|
145
166
|
id: 'title.country',
|
|
146
167
|
defaultMessage: 'Country'
|
|
147
168
|
}, intl),
|
|
148
169
|
name: 'Country',
|
|
149
170
|
icon: _react2.default.createElement(_Icon2.default, { icon: 'flag' }) },
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
return c.value === data.Country;
|
|
160
|
-
}) && countries.value.find(function (c) {
|
|
161
|
-
return c.value === data.Country;
|
|
162
|
-
}).label
|
|
163
|
-
)
|
|
171
|
+
countries.sort(function (a, b) {
|
|
172
|
+
return a.label.localeCompare(b.label);
|
|
173
|
+
}).map(function (c) {
|
|
174
|
+
return _react2.default.createElement(
|
|
175
|
+
_Select2.default.Option,
|
|
176
|
+
{ key: c.value, value: c.value },
|
|
177
|
+
c.label
|
|
178
|
+
);
|
|
179
|
+
})
|
|
164
180
|
),
|
|
165
181
|
_react2.default.createElement(_Input2.default, {
|
|
166
182
|
disabled: true,
|
|
@@ -182,18 +198,51 @@ var AccountDetail = function AccountDetail(_ref) {
|
|
|
182
198
|
}, intl),
|
|
183
199
|
name: 'Email'
|
|
184
200
|
}),
|
|
185
|
-
_react2.default.createElement(
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
201
|
+
_react2.default.createElement(
|
|
202
|
+
'div',
|
|
203
|
+
{ className: 'layout-item' },
|
|
204
|
+
_react2.default.createElement(_Input2.default, {
|
|
205
|
+
className: 'layout-item-6',
|
|
206
|
+
value: data.MobilePhoneNumber,
|
|
207
|
+
type: 'tel',
|
|
208
|
+
label: (0, _translate2.default)({
|
|
209
|
+
id: 'title.mobile_number',
|
|
210
|
+
defaultMessage: 'Mobile number'
|
|
211
|
+
}, intl),
|
|
212
|
+
name: 'MobilePhoneNumber',
|
|
213
|
+
autoComplete: 'off',
|
|
214
|
+
status: errors.MobilePhoneNumber && 'failure' || 'idle',
|
|
215
|
+
statusText: errors.MobilePhoneNumber && (0, _translate2.default)({ id: errors.MobilePhoneNumber }, intl)
|
|
216
|
+
}),
|
|
217
|
+
_react2.default.createElement(
|
|
218
|
+
_Select2.default,
|
|
219
|
+
{
|
|
220
|
+
className: 'layout-item-6',
|
|
221
|
+
value: data.Gender,
|
|
222
|
+
label: (0, _translate2.default)({
|
|
223
|
+
id: 'title.gender',
|
|
224
|
+
defaultMessage: 'Gender'
|
|
225
|
+
}, intl),
|
|
226
|
+
name: 'Gender',
|
|
227
|
+
status: errors.Gender && 'failure' || 'idle',
|
|
228
|
+
statusText: errors.Gender && (0, _translate2.default)({ id: errors.Gender }, intl) },
|
|
229
|
+
_react2.default.createElement(
|
|
230
|
+
_Select2.default.Option,
|
|
231
|
+
{ value: '', disabled: true },
|
|
232
|
+
(0, _translate2.default)({
|
|
233
|
+
id: 'label.select-gender',
|
|
234
|
+
defaultMessage: 'Select gender'
|
|
235
|
+
}, intl)
|
|
236
|
+
),
|
|
237
|
+
genders.map(function (gender) {
|
|
238
|
+
return _react2.default.createElement(
|
|
239
|
+
_Select2.default.Option,
|
|
240
|
+
{ value: gender.value },
|
|
241
|
+
gender.label(intl)
|
|
242
|
+
);
|
|
243
|
+
})
|
|
244
|
+
)
|
|
245
|
+
),
|
|
197
246
|
!['sga', 'dga'].includes(jurisdiction) && _react2.default.createElement(
|
|
198
247
|
_react.Fragment,
|
|
199
248
|
null,
|
|
@@ -257,7 +306,9 @@ var rules = {
|
|
|
257
306
|
Address1: [[_required2.default, 'error.empty.address']],
|
|
258
307
|
Zip: [[_required2.default, 'error.empty.zip_code']],
|
|
259
308
|
City: [[_required2.default, 'error.empty.city']],
|
|
260
|
-
Password: [[_required2.default, 'error.empty.password']]
|
|
309
|
+
Password: [[_required2.default, 'error.empty.password']],
|
|
310
|
+
Country: [[_required2.default, 'error.empty.country']],
|
|
311
|
+
Gender: [[_required2.default, 'error.empty.gender']]
|
|
261
312
|
};
|
|
262
313
|
|
|
263
314
|
exports.default = (0, _compose2.default)((0, _WithValidation2.default)(rules), _reactIntl.injectIntl)(AccountDetail);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tg-core-components",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.20-cur-reg.1",
|
|
4
4
|
"description": "tg-core-components",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"webpack": "^3.0.0",
|
|
77
77
|
"webpack-blocks": "^1.0.0"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "6b2c0c27f0824c16b73b60458ae499745c80b34b"
|
|
80
80
|
}
|