@atlaskit/smart-user-picker 6.0.3 → 6.0.5

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 (129) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/analytics.js +12 -37
  3. package/dist/cjs/components/MessagesIntlProvider.js +4 -22
  4. package/dist/cjs/components/SmartUserPicker.js +22 -123
  5. package/dist/cjs/components/index.js +0 -7
  6. package/dist/cjs/i18n/cs.js +0 -1
  7. package/dist/cjs/i18n/da.js +0 -1
  8. package/dist/cjs/i18n/de.js +0 -1
  9. package/dist/cjs/i18n/en_ZZ.js +0 -1
  10. package/dist/cjs/i18n/es.js +0 -1
  11. package/dist/cjs/i18n/et.js +0 -1
  12. package/dist/cjs/i18n/fi.js +0 -1
  13. package/dist/cjs/i18n/fr.js +0 -1
  14. package/dist/cjs/i18n/hu.js +0 -1
  15. package/dist/cjs/i18n/index.js +0 -31
  16. package/dist/cjs/i18n/it.js +0 -1
  17. package/dist/cjs/i18n/ja.js +0 -1
  18. package/dist/cjs/i18n/ko.js +0 -1
  19. package/dist/cjs/i18n/nb.js +0 -1
  20. package/dist/cjs/i18n/nl.js +0 -1
  21. package/dist/cjs/i18n/pl.js +0 -1
  22. package/dist/cjs/i18n/pt_BR.js +0 -1
  23. package/dist/cjs/i18n/pt_PT.js +0 -1
  24. package/dist/cjs/i18n/ru.js +0 -1
  25. package/dist/cjs/i18n/sk.js +0 -1
  26. package/dist/cjs/i18n/sv.js +0 -1
  27. package/dist/cjs/i18n/th.js +0 -1
  28. package/dist/cjs/i18n/tr.js +0 -1
  29. package/dist/cjs/i18n/uk.js +0 -1
  30. package/dist/cjs/i18n/vi.js +0 -1
  31. package/dist/cjs/i18n/zh.js +0 -1
  32. package/dist/cjs/i18n/zh_TW.js +0 -1
  33. package/dist/cjs/i18n.js +0 -2
  34. package/dist/cjs/index.js +0 -4
  35. package/dist/cjs/service/default-value-hydration-client.js +0 -49
  36. package/dist/cjs/service/graphqlUtils.js +0 -5
  37. package/dist/cjs/service/index.js +0 -3
  38. package/dist/cjs/service/recommendation-client.js +0 -11
  39. package/dist/cjs/service/teams-client.js +0 -10
  40. package/dist/cjs/service/users-client.js +2 -20
  41. package/dist/cjs/service/users-transformer.js +0 -17
  42. package/dist/cjs/types.js +0 -1
  43. package/dist/cjs/ufoExperiences.js +8 -26
  44. package/dist/cjs/util/i18n-util.js +0 -43
  45. package/dist/cjs/version.json +1 -1
  46. package/dist/es2019/analytics.js +12 -10
  47. package/dist/es2019/components/MessagesIntlProvider.js +2 -4
  48. package/dist/es2019/components/SmartUserPicker.js +23 -55
  49. package/dist/es2019/components/index.js +0 -2
  50. package/dist/es2019/config/index.js +0 -4
  51. package/dist/es2019/index.js +4 -2
  52. package/dist/es2019/service/default-value-hydration-client.js +4 -22
  53. package/dist/es2019/service/graphqlUtils.js +0 -4
  54. package/dist/es2019/service/recommendation-client.js +0 -4
  55. package/dist/es2019/service/teams-client.js +2 -5
  56. package/dist/es2019/service/users-client.js +2 -6
  57. package/dist/es2019/service/users-transformer.js +0 -11
  58. package/dist/es2019/types.js +0 -1
  59. package/dist/es2019/ufoExperiences.js +8 -7
  60. package/dist/es2019/util/i18n-util.js +30 -120
  61. package/dist/es2019/version.json +1 -1
  62. package/dist/esm/analytics.js +12 -19
  63. package/dist/esm/components/MessagesIntlProvider.js +4 -11
  64. package/dist/esm/components/SmartUserPicker.js +24 -115
  65. package/dist/esm/components/index.js +0 -2
  66. package/dist/esm/index.js +4 -2
  67. package/dist/esm/service/default-value-hydration-client.js +0 -40
  68. package/dist/esm/service/graphqlUtils.js +0 -4
  69. package/dist/esm/service/recommendation-client.js +0 -7
  70. package/dist/esm/service/teams-client.js +0 -7
  71. package/dist/esm/service/users-client.js +2 -13
  72. package/dist/esm/service/users-transformer.js +0 -13
  73. package/dist/esm/types.js +0 -1
  74. package/dist/esm/ufoExperiences.js +8 -13
  75. package/dist/esm/util/i18n-util.js +30 -126
  76. package/dist/esm/version.json +1 -1
  77. package/package.json +7 -14
  78. package/report.api.md +26 -5
  79. package/tmp/api-report-tmp.d.ts +268 -0
  80. package/dist/types-ts4.0/analytics.d.ts +0 -21
  81. package/dist/types-ts4.0/components/MessagesIntlProvider.d.ts +0 -9
  82. package/dist/types-ts4.0/components/SmartUserPicker.d.ts +0 -34
  83. package/dist/types-ts4.0/components/index.d.ts +0 -4
  84. package/dist/types-ts4.0/config/index.d.ts +0 -6
  85. package/dist/types-ts4.0/i18n/cs.d.ts +0 -18
  86. package/dist/types-ts4.0/i18n/da.d.ts +0 -18
  87. package/dist/types-ts4.0/i18n/de.d.ts +0 -18
  88. package/dist/types-ts4.0/i18n/en.d.ts +0 -7
  89. package/dist/types-ts4.0/i18n/en_GB.d.ts +0 -7
  90. package/dist/types-ts4.0/i18n/en_ZZ.d.ts +0 -18
  91. package/dist/types-ts4.0/i18n/es.d.ts +0 -18
  92. package/dist/types-ts4.0/i18n/et.d.ts +0 -8
  93. package/dist/types-ts4.0/i18n/fi.d.ts +0 -18
  94. package/dist/types-ts4.0/i18n/fr.d.ts +0 -18
  95. package/dist/types-ts4.0/i18n/hu.d.ts +0 -18
  96. package/dist/types-ts4.0/i18n/index.d.ts +0 -36
  97. package/dist/types-ts4.0/i18n/is.d.ts +0 -7
  98. package/dist/types-ts4.0/i18n/it.d.ts +0 -18
  99. package/dist/types-ts4.0/i18n/ja.d.ts +0 -18
  100. package/dist/types-ts4.0/i18n/ko.d.ts +0 -18
  101. package/dist/types-ts4.0/i18n/languages.d.ts +0 -27
  102. package/dist/types-ts4.0/i18n/nb.d.ts +0 -18
  103. package/dist/types-ts4.0/i18n/nl.d.ts +0 -18
  104. package/dist/types-ts4.0/i18n/pl.d.ts +0 -18
  105. package/dist/types-ts4.0/i18n/pt_BR.d.ts +0 -18
  106. package/dist/types-ts4.0/i18n/pt_PT.d.ts +0 -8
  107. package/dist/types-ts4.0/i18n/ro.d.ts +0 -7
  108. package/dist/types-ts4.0/i18n/ru.d.ts +0 -18
  109. package/dist/types-ts4.0/i18n/sk.d.ts +0 -8
  110. package/dist/types-ts4.0/i18n/sv.d.ts +0 -18
  111. package/dist/types-ts4.0/i18n/th.d.ts +0 -18
  112. package/dist/types-ts4.0/i18n/tr.d.ts +0 -18
  113. package/dist/types-ts4.0/i18n/uk.d.ts +0 -18
  114. package/dist/types-ts4.0/i18n/vi.d.ts +0 -18
  115. package/dist/types-ts4.0/i18n/zh.d.ts +0 -18
  116. package/dist/types-ts4.0/i18n/zh_TW.d.ts +0 -18
  117. package/dist/types-ts4.0/i18n.d.ts +0 -47
  118. package/dist/types-ts4.0/index.d.ts +0 -5
  119. package/dist/types-ts4.0/service/constants.d.ts +0 -4
  120. package/dist/types-ts4.0/service/default-value-hydration-client.d.ts +0 -8
  121. package/dist/types-ts4.0/service/graphqlUtils.d.ts +0 -14
  122. package/dist/types-ts4.0/service/index.d.ts +0 -2
  123. package/dist/types-ts4.0/service/recommendation-client.d.ts +0 -5
  124. package/dist/types-ts4.0/service/teams-client.d.ts +0 -12
  125. package/dist/types-ts4.0/service/users-client.d.ts +0 -11
  126. package/dist/types-ts4.0/service/users-transformer.d.ts +0 -22
  127. package/dist/types-ts4.0/types.d.ts +0 -207
  128. package/dist/types-ts4.0/ufoExperiences.d.ts +0 -11
  129. package/dist/types-ts4.0/util/i18n-util.d.ts +0 -11
@@ -1,103 +1,72 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.SmartUserPickerWithoutAnalytics = exports.SmartUserPicker = void 0;
9
-
10
8
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
15
-
16
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
-
18
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
-
20
13
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
15
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
25
-
26
16
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
27
-
28
17
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
29
-
30
18
  var _react = _interopRequireDefault(require("react"));
31
-
32
19
  var _debounce = _interopRequireDefault(require("lodash/debounce"));
33
-
34
20
  var _uuid = require("uuid");
35
-
36
21
  var _analyticsNext = require("@atlaskit/analytics-next");
37
-
38
22
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
39
-
40
23
  var _reactIntlNext = require("react-intl-next");
41
-
42
24
  var _ufo = require("@atlaskit/ufo");
43
-
44
25
  var _userPicker = _interopRequireDefault(require("@atlaskit/user-picker"));
45
-
46
26
  var _analytics = require("../analytics");
47
-
48
27
  var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
49
-
50
28
  var _service = require("../service");
51
-
52
29
  var _ufoExperiences = require("../ufoExperiences");
53
-
54
30
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
55
-
56
31
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
57
-
58
32
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
59
-
60
33
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
61
-
62
34
  var DEFAULT_DEBOUNCE_TIME_MS = 150;
63
-
35
+ var ufoEndStateConfig = function ufoEndStateConfig(fieldId) {
36
+ return {
37
+ metadata: {
38
+ contextType: fieldId
39
+ }
40
+ };
41
+ };
64
42
  var hasContextChanged = function hasContextChanged(oldContext, newContext) {
65
43
  return oldContext.siteId !== newContext.siteId || oldContext.orgId !== newContext.orgId || oldContext.productKey !== newContext.productKey || oldContext.principalId !== newContext.principalId || oldContext.containerId !== newContext.containerId || oldContext.objectId !== newContext.objectId || oldContext.childObjectId !== newContext.childObjectId;
66
44
  };
67
-
68
45
  var stringContains = function stringContains(str, substr) {
69
46
  if (str === null || str === undefined) {
70
47
  return false;
71
48
  }
72
-
73
49
  if (substr === null || substr === '' || substr === undefined) {
74
50
  return true;
75
51
  }
76
-
77
52
  return str.toLowerCase().includes(substr.toLowerCase());
78
53
  };
79
-
80
54
  var getUsersForAnalytics = function getUsersForAnalytics(users) {
81
55
  return (users || []).map(function (_ref) {
82
56
  var id = _ref.id,
83
- type = _ref.type;
57
+ type = _ref.type;
84
58
  return {
85
59
  id: id,
86
60
  type: type
87
61
  };
88
62
  });
89
63
  };
90
-
91
64
  var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
92
65
  (0, _inherits2.default)(SmartUserPickerWithoutAnalytics, _React$Component);
93
-
94
66
  var _super = _createSuper(SmartUserPickerWithoutAnalytics);
95
-
96
67
  function SmartUserPickerWithoutAnalytics(props) {
97
68
  var _this$props$debounceT;
98
-
99
69
  var _this;
100
-
101
70
  (0, _classCallCheck2.default)(this, SmartUserPickerWithoutAnalytics);
102
71
  _this = _super.call(this, props);
103
72
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
@@ -117,17 +86,14 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
117
86
  });
118
87
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startOptionsShownUfoExperience", function () {
119
88
  _this.abortOptionsShownUfoExperience();
120
-
121
89
  _this.optionsShownUfoExperienceInstance.start();
122
90
  });
123
91
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
124
92
  var createAnalyticsEvent = _this.props.createAnalyticsEvent;
125
-
126
93
  if (createAnalyticsEvent) {
127
94
  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
128
95
  args[_key - 1] = arguments[_key];
129
96
  }
130
-
131
97
  (0, _analytics.createAndFireEventInElementsChannel)(eventCreator.apply(void 0, [_this.props, _this.state].concat(args)))(createAnalyticsEvent);
132
98
  }
133
99
  });
@@ -137,7 +103,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
137
103
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
138
104
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
139
105
  var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, intl, maxOptions, objectId, onEmpty, onError, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
140
-
141
106
  return _regenerator.default.wrap(function _callee$(_context) {
142
107
  while (1) {
143
108
  switch (_context.prev = _context.next) {
@@ -168,64 +133,48 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
168
133
  searchQueryFilter: searchQueryFilter
169
134
  };
170
135
  _context.prev = 5;
171
-
172
136
  _this.fireEvent(_analytics.requestUsersEvent);
173
-
174
137
  _context.next = 9;
175
138
  return (0, _service.getUserRecommendations)(recommendationsRequest, intl);
176
-
177
139
  case 9:
178
140
  recommendedUsers = _context.sent;
179
141
  elapsedTimeMilli = window.performance.now() - startTime;
180
-
181
142
  if (!(recommendedUsers.length === 0 && onEmpty)) {
182
143
  _context.next = 26;
183
144
  break;
184
145
  }
185
-
186
146
  _context.next = 14;
187
147
  return onEmpty(query);
188
-
189
148
  case 14:
190
149
  _context.t2 = _yield$onEmpty = _context.sent;
191
150
  _context.t1 = _context.t2 !== null;
192
-
193
151
  if (!_context.t1) {
194
152
  _context.next = 18;
195
153
  break;
196
154
  }
197
-
198
155
  _context.t1 = _yield$onEmpty !== void 0;
199
-
200
156
  case 18:
201
157
  if (!_context.t1) {
202
158
  _context.next = 22;
203
159
  break;
204
160
  }
205
-
206
161
  _context.t3 = _yield$onEmpty;
207
162
  _context.next = 23;
208
163
  break;
209
-
210
164
  case 22:
211
165
  _context.t3 = [];
212
-
213
166
  case 23:
214
167
  _context.t0 = _context.t3;
215
168
  _context.next = 27;
216
169
  break;
217
-
218
170
  case 26:
219
171
  _context.t0 = recommendedUsers;
220
-
221
172
  case 27:
222
173
  displayedUsers = _context.t0;
223
-
224
174
  _this.setState(function (state) {
225
175
  var applicable = state.query === query;
226
176
  var users = applicable ? displayedUsers : state.users;
227
177
  var loading = !applicable;
228
-
229
178
  _this.fireEvent(_analytics.successfulRequestUsersEvent, {
230
179
  users: getUsersForAnalytics(recommendedUsers),
231
180
  elapsedTimeMilli: elapsedTimeMilli,
@@ -233,88 +182,68 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
233
182
  productAttributes: productAttributes,
234
183
  applicable: applicable
235
184
  });
236
-
237
185
  return {
238
186
  users: users,
239
187
  loading: loading
240
188
  };
241
189
  });
242
-
243
190
  _context.next = 58;
244
191
  break;
245
-
246
192
  case 31:
247
193
  _context.prev = 31;
248
194
  _context.t4 = _context["catch"](5);
249
-
250
195
  if (!closed && !onError) {
251
196
  // If the user lookup fails while the menu is open, and the consumer is not providing a
252
197
  // fallback data source via the onError prop, then send UFO failure
253
- _this.optionsShownUfoExperienceInstance.failure();
198
+ _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
254
199
  }
255
-
256
200
  _this.setState({
257
201
  users: []
258
202
  });
259
-
260
203
  onErrorProducedError = false;
261
204
  defaultUsers = [];
262
205
  _context.prev = 37;
263
-
264
206
  if (!onError) {
265
207
  _context.next = 47;
266
208
  break;
267
209
  }
268
-
269
210
  _context.next = 41;
270
211
  return onError(_context.t4, recommendationsRequest);
271
-
272
212
  case 41:
273
213
  _context.t6 = _context.sent;
274
-
275
214
  if (_context.t6) {
276
215
  _context.next = 44;
277
216
  break;
278
217
  }
279
-
280
218
  _context.t6 = [];
281
-
282
219
  case 44:
283
220
  _context.t5 = _context.t6;
284
221
  _context.next = 48;
285
222
  break;
286
-
287
223
  case 47:
288
224
  _context.t5 = [];
289
-
290
225
  case 48:
291
226
  defaultUsers = _context.t5;
292
227
  _context.next = 54;
293
228
  break;
294
-
295
229
  case 51:
296
230
  _context.prev = 51;
297
231
  _context.t7 = _context["catch"](37);
298
232
  onErrorProducedError = true;
299
-
300
233
  case 54:
301
234
  if (onErrorProducedError) {
302
235
  // Log error from fallback data source `onError` to UFO
303
- _this.optionsShownUfoExperienceInstance.failure();
236
+ _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
304
237
  }
305
-
306
238
  _this.setState({
307
239
  users: defaultUsers,
308
240
  loading: false
309
241
  });
310
-
311
242
  _elapsedTimeMilli = window.performance.now() - startTime;
312
-
313
243
  _this.fireEvent(_analytics.failedRequestUsersEvent, {
314
244
  elapsedTimeMilli: _elapsedTimeMilli,
315
245
  productAttributes: productAttributes
316
246
  });
317
-
318
247
  case 58:
319
248
  case "end":
320
249
  return _context.stop();
@@ -325,24 +254,20 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
325
254
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputChange", function (newQuery, sessionId) {
326
255
  var query = newQuery || '';
327
256
  var closed = _this.state.closed;
328
-
329
257
  if (query === _this.state.query) {
330
258
  return;
331
259
  }
332
-
333
260
  if (!closed) {
334
261
  // If the input has been typed into and the dropdown has not been closed
335
262
  // (i.e. input blurred) then start the UFO timer.
336
263
  // If there's a previous UFO timer running for the same "options shown" experience,
337
264
  // it will be aborted first.
338
265
  _this.startOptionsShownUfoExperience();
339
-
340
266
  _this.setState({
341
267
  loading: true,
342
268
  query: query,
343
269
  sessionId: sessionId
344
270
  });
345
-
346
271
  if (_this.props.onInputChange) {
347
272
  _this.props.onInputChange(query, sessionId);
348
273
  }
@@ -350,39 +275,32 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
350
275
  });
351
276
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterUsers", function () {
352
277
  var _this$state2 = _this.state,
353
- loading = _this$state2.loading,
354
- users = _this$state2.users,
355
- query = _this$state2.query;
356
-
357
- var filteredUsers = _this.memoizedFilterOptions(users, query, _this.props.filterOptions); //If bootstrapOptions have been passed in and it is bootstrap
358
-
359
-
278
+ loading = _this$state2.loading,
279
+ users = _this$state2.users,
280
+ query = _this$state2.query;
281
+ var filteredUsers = _this.memoizedFilterOptions(users, query, _this.props.filterOptions);
282
+ //If bootstrapOptions have been passed in and it is bootstrap
360
283
  if (_this.props.bootstrapOptions && _this.props.bootstrapOptions.length !== 0 && query === '') {
361
284
  var bootstrapFilteredUsers = _this.memoizedFilterOptions(_this.props.bootstrapOptions, query, _this.props.filterOptions);
362
-
363
285
  _this.fireEvent(_analytics.filterUsersEvent, {
364
286
  filtered: getUsersForAnalytics(bootstrapFilteredUsers),
365
287
  all: getUsersForAnalytics(_this.props.bootstrapOptions)
366
288
  });
367
-
368
289
  return bootstrapFilteredUsers;
369
- } // while when not loading just return already filtered result from server.
370
-
371
-
290
+ }
291
+ // while when not loading just return already filtered result from server.
372
292
  if (!loading) {
373
293
  return filteredUsers;
374
294
  }
375
-
376
295
  var queryFilteredUsers = filteredUsers.filter(function (user) {
377
296
  return stringContains(user.name, query);
378
297
  });
379
-
380
298
  _this.fireEvent(_analytics.filterUsersEvent, {
381
299
  filtered: getUsersForAnalytics(queryFilteredUsers),
382
300
  all: getUsersForAnalytics(users)
383
- }); // when loading filter previous result.
384
-
301
+ });
385
302
 
303
+ // when loading filter previous result.
386
304
  return filteredUsers;
387
305
  });
388
306
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFocus", function (sessionId) {
@@ -390,9 +308,7 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
390
308
  query: '',
391
309
  closed: false
392
310
  };
393
-
394
311
  _this.startOptionsShownUfoExperience();
395
-
396
312
  if (_this.state.users.length === 0) {
397
313
  state.sessionId = sessionId;
398
314
  state.loading = true;
@@ -403,30 +319,25 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
403
319
  sessionId: sessionId
404
320
  });
405
321
  }
406
-
407
322
  _this.setState(function (currentState) {
408
323
  return _objectSpread(_objectSpread({}, currentState), state);
409
324
  });
410
-
411
325
  if (_this.props.onFocus) {
412
326
  _this.props.onFocus(sessionId);
413
327
  }
414
328
  });
415
329
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function (sessionId) {
416
330
  _this.getUsers.cancel();
331
+ _this.abortOptionsShownUfoExperience();
417
332
 
418
- _this.abortOptionsShownUfoExperience(); // clear old users if query is populated so that on refocus,
333
+ // clear old users if query is populated so that on refocus,
419
334
  // the old list is not shown
420
-
421
-
422
335
  var users = _this.state.query.length === 0 ? _this.state.users : [];
423
-
424
336
  _this.setState({
425
337
  loading: false,
426
338
  closed: true,
427
339
  users: users
428
340
  });
429
-
430
341
  if (_this.props.onBlur) {
431
342
  _this.props.onBlur(sessionId);
432
343
  }
@@ -434,7 +345,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
434
345
  _this.optionsShownUfoExperienceInstance = _ufoExperiences.smartUserPickerOptionsShownUfoExperience.getInstance(props.inputId || props.fieldId);
435
346
  return _this;
436
347
  }
437
-
438
348
  (0, _createClass2.default)(SmartUserPickerWithoutAnalytics, [{
439
349
  key: "componentDidMount",
440
350
  value: function () {
@@ -447,7 +357,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
447
357
  _context2.prev = 0;
448
358
  _context2.next = 3;
449
359
  return (0, _service.hydrateDefaultValues)(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
450
-
451
360
  case 3:
452
361
  value = _context2.sent;
453
362
  this.setState({
@@ -455,22 +364,18 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
455
364
  });
456
365
  _context2.next = 13;
457
366
  break;
458
-
459
367
  case 7:
460
368
  _context2.prev = 7;
461
369
  _context2.t0 = _context2["catch"](0);
462
370
  _context2.next = 11;
463
371
  return this.props.onValueError ? this.props.onValueError(_context2.t0, this.props.defaultValue) || Promise.resolve([]) : Promise.resolve([]);
464
-
465
372
  case 11:
466
373
  defaultValue = _context2.sent;
467
374
  this.setState({
468
375
  defaultValue: defaultValue
469
376
  });
470
-
471
377
  case 13:
472
378
  prefetch = this.props.prefetch;
473
-
474
379
  if (prefetch) {
475
380
  sessionId = (0, _uuid.v4)();
476
381
  this.fireEvent(_analytics.mountedWithPrefetchEvent, {
@@ -480,7 +385,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
480
385
  sessionId: sessionId
481
386
  });
482
387
  }
483
-
484
388
  case 15:
485
389
  case "end":
486
390
  return _context2.stop();
@@ -488,11 +392,9 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
488
392
  }
489
393
  }, _callee2, this, [[0, 7]]);
490
394
  }));
491
-
492
395
  function componentDidMount() {
493
396
  return _componentDidMount.apply(this, arguments);
494
397
  }
495
-
496
398
  return componentDidMount;
497
399
  }()
498
400
  }, {
@@ -503,14 +405,13 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
503
405
  users: []
504
406
  });
505
407
  }
506
-
507
408
  if ((this.state.sessionId !== prevState.sessionId || this.state.query !== prevState.query) && (this.state.query !== '' || !this.props.bootstrapOptions)) {
508
409
  this.getUsers();
509
410
  } else if (!this.state.closed && !this.state.loading) {
510
411
  // If the component has rendered (including its dropdown list) and it
511
412
  // is not loading anything further, send the success UFO event
512
413
  if (![_ufo.UFOExperienceState.FAILED.id, _ufo.UFOExperienceState.SUCCEEDED.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
513
- this.optionsShownUfoExperienceInstance.success();
414
+ this.optionsShownUfoExperienceInstance.success(ufoEndStateConfig(this.props.fieldId));
514
415
  }
515
416
  }
516
417
  }
@@ -529,8 +430,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
529
430
  }]);
530
431
  return SmartUserPickerWithoutAnalytics;
531
432
  }(_react.default.Component); // TODO: Smart User picker team will have to add a type annotation here
532
-
533
-
534
433
  exports.SmartUserPickerWithoutAnalytics = SmartUserPickerWithoutAnalytics;
535
434
  (0, _defineProperty2.default)(SmartUserPickerWithoutAnalytics, "defaultProps", {
536
435
  baseUrl: '',
@@ -1,20 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _SmartUserPicker = require("./SmartUserPicker");
13
-
14
10
  var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
15
-
16
11
  var _ufoExperiences = require("../ufoExperiences");
17
-
18
12
  var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(props) {
19
13
  var ufoId = props.inputId || props.fieldId;
20
14
  (0, _ufoExperiences.useUFOConcurrentExperience)(_ufoExperiences.smartUserPickerRenderedUfoExperience, ufoId);
@@ -22,6 +16,5 @@ var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(p
22
16
  id: ufoId
23
17
  }, /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_SmartUserPicker.SmartUserPicker, props)));
24
18
  };
25
-
26
19
  var _default = SmartUserPickerWithIntlProvider;
27
20
  exports.default = _default;
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -185,63 +184,33 @@ Object.defineProperty(exports, "zh_TW", {
185
184
  return _zh_TW.default;
186
185
  }
187
186
  });
188
-
189
187
  var _zh = _interopRequireDefault(require("./zh"));
190
-
191
188
  var _zh_TW = _interopRequireDefault(require("./zh_TW"));
192
-
193
189
  var _cs = _interopRequireDefault(require("./cs"));
194
-
195
190
  var _da = _interopRequireDefault(require("./da"));
196
-
197
191
  var _nl = _interopRequireDefault(require("./nl"));
198
-
199
192
  var _et = _interopRequireDefault(require("./et"));
200
-
201
193
  var _fi = _interopRequireDefault(require("./fi"));
202
-
203
194
  var _fr = _interopRequireDefault(require("./fr"));
204
-
205
195
  var _de = _interopRequireDefault(require("./de"));
206
-
207
196
  var _hu = _interopRequireDefault(require("./hu"));
208
-
209
197
  var _it = _interopRequireDefault(require("./it"));
210
-
211
198
  var _ja = _interopRequireDefault(require("./ja"));
212
-
213
199
  var _ko = _interopRequireDefault(require("./ko"));
214
-
215
200
  var _nb = _interopRequireDefault(require("./nb"));
216
-
217
201
  var _pl = _interopRequireDefault(require("./pl"));
218
-
219
202
  var _pt_BR = _interopRequireDefault(require("./pt_BR"));
220
-
221
203
  var _pt_PT = _interopRequireDefault(require("./pt_PT"));
222
-
223
204
  var _ru = _interopRequireDefault(require("./ru"));
224
-
225
205
  var _sk = _interopRequireDefault(require("./sk"));
226
-
227
206
  var _es = _interopRequireDefault(require("./es"));
228
-
229
207
  var _sv = _interopRequireDefault(require("./sv"));
230
-
231
208
  var _th = _interopRequireDefault(require("./th"));
232
-
233
209
  var _tr = _interopRequireDefault(require("./tr"));
234
-
235
210
  var _uk = _interopRequireDefault(require("./uk"));
236
-
237
211
  var _vi = _interopRequireDefault(require("./vi"));
238
-
239
212
  var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
240
-
241
213
  var _en = _interopRequireDefault(require("./en"));
242
-
243
214
  var _en_GB = _interopRequireDefault(require("./en_GB"));
244
-
245
215
  var _is = _interopRequireDefault(require("./is"));
246
-
247
216
  var _ro = _interopRequireDefault(require("./ro"));
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *