tg-core-components 6.1.19 → 6.1.20-cur-reg.0

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.
Files changed (3) hide show
  1. package/es/widgets/AccountDetail/index.js +74 -33
  2. package/lib/widgets/AccountDetail/index.js +74 -33
  3. package/package.json +2 -2
package/es/widgets/AccountDetail/index.js CHANGED
@@ -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: countries && countries.value.find(function (c) {
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
- React.createElement(
110
- Select.Option,
111
- {
112
- value: countries && countries.value.find(function (c) {
113
- return c.value === data.Country;
114
- }) && countries.value.find(function (c) {
115
- return c.value === data.Country;
116
- }).value },
117
- countries && countries.value.find(function (c) {
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,41 @@ var AccountDetail = function AccountDetail(_ref) {
141
157
  }, intl),
142
158
  name: 'Email'
143
159
  }),
144
- React.createElement(Input, {
145
- value: data.MobilePhoneNumber,
146
- type: 'tel',
147
- label: translate({
148
- id: 'title.mobile_number',
149
- defaultMessage: 'Mobile number'
150
- }, intl),
151
- name: 'MobilePhoneNumber',
152
- autoComplete: 'off',
153
- status: errors.MobilePhoneNumber && 'failure' || 'idle',
154
- statusText: errors.MobilePhoneNumber && translate({ id: errors.MobilePhoneNumber }, intl)
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
+ genders.map(function (gender) {
187
+ return React.createElement(
188
+ Select.Option,
189
+ { value: gender.value },
190
+ gender.label(intl)
191
+ );
192
+ })
193
+ )
194
+ ),
156
195
  !['sga', 'dga'].includes(jurisdiction) && React.createElement(
157
196
  Fragment,
158
197
  null,
@@ -216,7 +255,9 @@ var rules = {
216
255
  Address1: [[require, 'error.empty.address']],
217
256
  Zip: [[require, 'error.empty.zip_code']],
218
257
  City: [[require, 'error.empty.city']],
219
- Password: [[require, 'error.empty.password']]
258
+ Password: [[require, 'error.empty.password']],
259
+ Country: [[require, 'error.empty.country']],
260
+ Gender: [[require, 'error.empty.gender']]
220
261
  };
221
262
 
222
263
  export default compose(WithValidation(rules), injectIntl)(AccountDetail);
package/lib/widgets/AccountDetail/index.js CHANGED
@@ -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: countries && countries.value.find(function (c) {
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
- _react2.default.createElement(
151
- _Select2.default.Option,
152
- {
153
- value: countries && countries.value.find(function (c) {
154
- return c.value === data.Country;
155
- }) && countries.value.find(function (c) {
156
- return c.value === data.Country;
157
- }).value },
158
- countries && countries.value.find(function (c) {
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,41 @@ var AccountDetail = function AccountDetail(_ref) {
182
198
  }, intl),
183
199
  name: 'Email'
184
200
  }),
185
- _react2.default.createElement(_Input2.default, {
186
- value: data.MobilePhoneNumber,
187
- type: 'tel',
188
- label: (0, _translate2.default)({
189
- id: 'title.mobile_number',
190
- defaultMessage: 'Mobile number'
191
- }, intl),
192
- name: 'MobilePhoneNumber',
193
- autoComplete: 'off',
194
- status: errors.MobilePhoneNumber && 'failure' || 'idle',
195
- statusText: errors.MobilePhoneNumber && (0, _translate2.default)({ id: errors.MobilePhoneNumber }, intl)
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
+ genders.map(function (gender) {
228
+ return _react2.default.createElement(
229
+ _Select2.default.Option,
230
+ { value: gender.value },
231
+ gender.label(intl)
232
+ );
233
+ })
234
+ )
235
+ ),
197
236
  !['sga', 'dga'].includes(jurisdiction) && _react2.default.createElement(
198
237
  _react.Fragment,
199
238
  null,
@@ -257,7 +296,9 @@ var rules = {
257
296
  Address1: [[_required2.default, 'error.empty.address']],
258
297
  Zip: [[_required2.default, 'error.empty.zip_code']],
259
298
  City: [[_required2.default, 'error.empty.city']],
260
- Password: [[_required2.default, 'error.empty.password']]
299
+ Password: [[_required2.default, 'error.empty.password']],
300
+ Country: [[_required2.default, 'error.empty.country']],
301
+ Gender: [[_required2.default, 'error.empty.gender']]
261
302
  };
262
303
 
263
304
  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.19",
3
+ "version": "6.1.20-cur-reg.0",
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": "f0c8788ebfd0bd8ae189b72e3c4c3092ce2aef09"
79
+ "gitHead": "543121b3714a7becd706b7fdfd78566e32c8bb98"
80
80
  }