@atlaskit/smart-user-picker 6.0.6 → 6.1.0

package/dist/es2019/i18n/ko.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Korean
+//Korean
 export default {
   'fabric.elements.user-picker.external.sourced.from': '찾은 위치:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/nb.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Norwegian Bokmål
+//Norwegian (Bokmål)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Funnet på:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/nl.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Dutch
+//Dutch (Netherlands)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Gevonden in:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/pl.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Polish
+//Polish (Poland)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Znaleziono w:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/pt_BR.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Portuguese (Brazil)
+//Portuguese (Brazil)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Encontrado em:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/ru.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Russian
+//Russian
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Найден в:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/sv.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Swedish
+//Swedish
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Hittades i:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/th.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Thai
+//Thai (Thailand)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'พบใน:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/tr.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Turkish
+//Turkish (Turkey)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Bulunduğu yer:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/uk.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Ukrainian
+//Ukrainian (Ukraine)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Знайдено в:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/vi.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Vietnamese
+//Vietnamese (Vietnam)
 export default {
   'fabric.elements.user-picker.external.sourced.from': 'Tìm thấy trong:',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/zh.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Chinese
+//Chinese (Simplified)
 export default {
   'fabric.elements.user-picker.external.sourced.from': '发现位置：',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/i18n/zh_TW.js

@@ -1,10 +1,11 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// undefined
+//Chinese (Traditional)
 export default {
   'fabric.elements.user-picker.external.sourced.from': '尋找位置：',
   'fabric.elements.user-picker.github.provider': 'GitHub',

package/dist/es2019/service/recommendation-client.js

@@ -41,7 +41,8 @@ const getUserRecommendations = (request, intl) => {
       return response.json();
     }
     return Promise.reject({
-      message: `error calling smart service, statusCode=${response.status}, statusText=${response.statusText}`
+      message: `error calling smart service, statusCode=${response.status}, statusText=${response.statusText}`,
+      statusCode: response.status
     });
   }).then(response => transformUsers(response, intl));
 };

package/dist/es2019/service/users-transformer.js

@@ -1,11 +1,11 @@
 import { TeamType, UserType, GroupType } from '@atlaskit/user-picker';
 import { messages } from '../i18n';
-var EntityType;
-(function (EntityType) {
+var EntityType = /*#__PURE__*/function (EntityType) {
   EntityType["USER"] = "USER";
   EntityType["TEAM"] = "TEAM";
   EntityType["GROUP"] = "GROUP";
-})(EntityType || (EntityType = {}));
+  return EntityType;
+}(EntityType || {});
 const getLozenzeProperties = (entity, intl) => {
   var _entity$attributes, _entity$attributes2;
   if ((_entity$attributes = entity.attributes) !== null && _entity$attributes !== void 0 && _entity$attributes.workspaceMember) {

package/dist/es2019/types.js

@@ -1,6 +1,8 @@
-export let EntityType;
-(function (EntityType) {
+export let EntityType = /*#__PURE__*/function (EntityType) {
   EntityType["USER"] = "USER";
   EntityType["TEAM"] = "TEAM";
   EntityType["GROUP"] = "GROUP";
-})(EntityType || (EntityType = {}));
+  return EntityType;
+}({});
+
+// Override UserPickerProps below with replacement documentation

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "6.0.6",
+	"version": "6.1.0",
 	"sideEffects": false
 }

package/dist/esm/components/SmartUserPicker.js

@@ -54,6 +54,9 @@ var getUsersForAnalytics = function getUsersForAnalytics(users) {
     };
   });
 };
+var checkIf500Event = function checkIf500Event(statusCode) {
+  return 500 <= statusCode && statusCode < 600;
+};
 export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(SmartUserPickerWithoutAnalytics, _React$Component);
   var _super = _createSuper(SmartUserPickerWithoutAnalytics);
@@ -95,154 +98,156 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
     });
     _defineProperty(_assertThisInitialized(_this), "memoizedFilterOptions", memoizeOne(_this.filterOptions));
     _defineProperty(_assertThisInitialized(_this), "getUsers", debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      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;
+      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, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _this$state = _this.state, query = _this$state.query, sessionId = _this$state.sessionId, closed = _this$state.closed;
-              _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeUsers = _this$props.includeUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId;
-              maxNumberOfResults = maxOptions || 100;
-              startTime = window.performance.now();
-              recommendationsRequest = {
-                baseUrl: baseUrl,
-                context: {
-                  containerId: containerId,
-                  contextType: fieldId,
-                  objectId: objectId,
-                  principalId: principalId,
-                  productKey: productKey,
-                  siteId: siteId,
-                  organizationId: orgId,
-                  childObjectId: childObjectId,
-                  sessionId: sessionId,
-                  productAttributes: productAttributes
-                },
-                includeUsers: includeUsers,
-                includeGroups: includeGroups,
-                includeTeams: includeTeams,
-                maxNumberOfResults: maxNumberOfResults,
-                query: query,
-                searchQueryFilter: searchQueryFilter
-              };
-              _context.prev = 5;
-              _this.fireEvent(requestUsersEvent);
-              _context.next = 9;
-              return getUserRecommendations(recommendationsRequest, intl);
-            case 9:
-              recommendedUsers = _context.sent;
-              elapsedTimeMilli = window.performance.now() - startTime;
-              if (!(recommendedUsers.length === 0 && onEmpty)) {
-                _context.next = 26;
-                break;
-              }
-              _context.next = 14;
-              return onEmpty(query);
-            case 14:
-              _context.t2 = _yield$onEmpty = _context.sent;
-              _context.t1 = _context.t2 !== null;
-              if (!_context.t1) {
-                _context.next = 18;
-                break;
-              }
-              _context.t1 = _yield$onEmpty !== void 0;
-            case 18:
-              if (!_context.t1) {
-                _context.next = 22;
-                break;
-              }
-              _context.t3 = _yield$onEmpty;
-              _context.next = 23;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _this$state = _this.state, query = _this$state.query, sessionId = _this$state.sessionId, closed = _this$state.closed;
+            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeUsers = _this$props.includeUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId;
+            maxNumberOfResults = maxOptions || 100;
+            startTime = window.performance.now();
+            recommendationsRequest = {
+              baseUrl: baseUrl,
+              context: {
+                containerId: containerId,
+                contextType: fieldId,
+                objectId: objectId,
+                principalId: principalId,
+                productKey: productKey,
+                siteId: siteId,
+                organizationId: orgId,
+                childObjectId: childObjectId,
+                sessionId: sessionId,
+                productAttributes: productAttributes
+              },
+              includeUsers: includeUsers,
+              includeGroups: includeGroups,
+              includeTeams: includeTeams,
+              maxNumberOfResults: maxNumberOfResults,
+              query: query,
+              searchQueryFilter: searchQueryFilter
+            };
+            _context.prev = 5;
+            _this.fireEvent(requestUsersEvent);
+            _context.next = 9;
+            return getUserRecommendations(recommendationsRequest, intl);
+          case 9:
+            recommendedUsers = _context.sent;
+            elapsedTimeMilli = window.performance.now() - startTime;
+            if (!(recommendedUsers.length === 0 && onEmpty)) {
+              _context.next = 26;
               break;
-            case 22:
-              _context.t3 = [];
-            case 23:
-              _context.t0 = _context.t3;
-              _context.next = 27;
+            }
+            _context.next = 14;
+            return onEmpty(query);
+          case 14:
+            _context.t2 = _yield$onEmpty = _context.sent;
+            _context.t1 = _context.t2 !== null;
+            if (!_context.t1) {
+              _context.next = 18;
               break;
-            case 26:
-              _context.t0 = recommendedUsers;
-            case 27:
-              displayedUsers = _context.t0;
-              _this.setState(function (state) {
-                var applicable = state.query === query;
-                var users = applicable ? displayedUsers : state.users;
-                var loading = !applicable;
-                _this.fireEvent(successfulRequestUsersEvent, {
-                  users: getUsersForAnalytics(recommendedUsers),
-                  elapsedTimeMilli: elapsedTimeMilli,
-                  displayedUsers: getUsersForAnalytics(displayedUsers),
-                  productAttributes: productAttributes,
-                  applicable: applicable
-                });
-                return {
-                  users: users,
-                  loading: loading
-                };
-              });
-              _context.next = 58;
+            }
+            _context.t1 = _yield$onEmpty !== void 0;
+          case 18:
+            if (!_context.t1) {
+              _context.next = 22;
               break;
-            case 31:
-              _context.prev = 31;
-              _context.t4 = _context["catch"](5);
-              if (!closed && !onError) {
-                // If the user lookup fails while the menu is open, and the consumer is not providing a
-                // fallback data source via the onError prop, then send UFO failure
-                _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
-              }
-              _this.setState({
-                users: []
+            }
+            _context.t3 = _yield$onEmpty;
+            _context.next = 23;
+            break;
+          case 22:
+            _context.t3 = [];
+          case 23:
+            _context.t0 = _context.t3;
+            _context.next = 27;
+            break;
+          case 26:
+            _context.t0 = recommendedUsers;
+          case 27:
+            displayedUsers = _context.t0;
+            _this.setState(function (state) {
+              var applicable = state.query === query;
+              var users = applicable ? displayedUsers : state.users;
+              var loading = !applicable;
+              _this.fireEvent(successfulRequestUsersEvent, {
+                users: getUsersForAnalytics(recommendedUsers),
+                elapsedTimeMilli: elapsedTimeMilli,
+                displayedUsers: getUsersForAnalytics(displayedUsers),
+                productAttributes: productAttributes,
+                applicable: applicable
               });
-              onErrorProducedError = false;
-              defaultUsers = [];
-              _context.prev = 37;
-              if (!onError) {
-                _context.next = 47;
-                break;
-              }
-              _context.next = 41;
-              return onError(_context.t4, recommendationsRequest);
-            case 41:
-              _context.t6 = _context.sent;
-              if (_context.t6) {
-                _context.next = 44;
-                break;
-              }
-              _context.t6 = [];
-            case 44:
-              _context.t5 = _context.t6;
+              return {
+                users: users,
+                loading: loading
+              };
+            });
+            _context.next = 60;
+            break;
+          case 31:
+            _context.prev = 31;
+            _context.t4 = _context["catch"](5);
+            is5xxEvent = checkIf500Event(_context.t4.statusCode);
+            if (!closed && !onError && is5xxEvent) {
+              // If the user lookup fails while the menu is open, and the consumer is not providing a
+              // fallback data source via the onError prop, then send UFO failure
+              _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
+            }
+            _this.setState({
+              users: []
+            });
+            onErrorProducedError = false;
+            defaultUsers = [];
+            _context.prev = 38;
+            if (!onError) {
               _context.next = 48;
               break;
-            case 47:
-              _context.t5 = [];
-            case 48:
-              defaultUsers = _context.t5;
-              _context.next = 54;
+            }
+            _context.next = 42;
+            return onError(_context.t4, recommendationsRequest);
+          case 42:
+            _context.t6 = _context.sent;
+            if (_context.t6) {
+              _context.next = 45;
               break;
-            case 51:
-              _context.prev = 51;
-              _context.t7 = _context["catch"](37);
-              onErrorProducedError = true;
-            case 54:
-              if (onErrorProducedError) {
-                // Log error from fallback data source `onError` to UFO
-                _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
-              }
-              _this.setState({
-                users: defaultUsers,
-                loading: false
-              });
-              _elapsedTimeMilli = window.performance.now() - startTime;
-              _this.fireEvent(failedRequestUsersEvent, {
-                elapsedTimeMilli: _elapsedTimeMilli,
-                productAttributes: productAttributes
-              });
-            case 58:
-            case "end":
-              return _context.stop();
-          }
+            }
+            _context.t6 = [];
+          case 45:
+            _context.t5 = _context.t6;
+            _context.next = 49;
+            break;
+          case 48:
+            _context.t5 = [];
+          case 49:
+            defaultUsers = _context.t5;
+            _context.next = 55;
+            break;
+          case 52:
+            _context.prev = 52;
+            _context.t7 = _context["catch"](38);
+            onErrorProducedError = true;
+          case 55:
+            if (onErrorProducedError && is5xxEvent) {
+              // Log error from fallback data source `onError` to UFO
+              _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
+            }
+            if (!is5xxEvent && (!onError && !closed || onErrorProducedError)) {
+              _this.abortOptionsShownUfoExperience();
+            }
+            _this.setState({
+              users: defaultUsers,
+              loading: false
+            });
+            _elapsedTimeMilli = window.performance.now() - startTime;
+            _this.fireEvent(failedRequestUsersEvent, {
+              elapsedTimeMilli: _elapsedTimeMilli,
+              productAttributes: productAttributes
+            });
+          case 60:
+          case "end":
+            return _context.stop();
         }
-      }, _callee, null, [[5, 31], [37, 51]]);
+      }, _callee, null, [[5, 31], [38, 52]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
     _defineProperty(_assertThisInitialized(_this), "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
@@ -344,44 +349,42 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var value, defaultValue, prefetch, sessionId;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                _context2.next = 3;
-                return hydrateDefaultValues(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
-              case 3:
-                value = _context2.sent;
-                this.setState({
-                  defaultValue: value
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 3;
+              return hydrateDefaultValues(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
+            case 3:
+              value = _context2.sent;
+              this.setState({
+                defaultValue: value
+              });
+              _context2.next = 13;
+              break;
+            case 7:
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](0);
+              _context2.next = 11;
+              return this.props.onValueError ? this.props.onValueError(_context2.t0, this.props.defaultValue) || Promise.resolve([]) : Promise.resolve([]);
+            case 11:
+              defaultValue = _context2.sent;
+              this.setState({
+                defaultValue: defaultValue
+              });
+            case 13:
+              prefetch = this.props.prefetch;
+              if (prefetch) {
+                sessionId = uuidV4();
+                this.fireEvent(mountedWithPrefetchEvent, {
+                  sessionId: sessionId
                 });
-                _context2.next = 13;
-                break;
-              case 7:
-                _context2.prev = 7;
-                _context2.t0 = _context2["catch"](0);
-                _context2.next = 11;
-                return this.props.onValueError ? this.props.onValueError(_context2.t0, this.props.defaultValue) || Promise.resolve([]) : Promise.resolve([]);
-              case 11:
-                defaultValue = _context2.sent;
                 this.setState({
-                  defaultValue: defaultValue
+                  sessionId: sessionId
                 });
-              case 13:
-                prefetch = this.props.prefetch;
-                if (prefetch) {
-                  sessionId = uuidV4();
-                  this.fireEvent(mountedWithPrefetchEvent, {
-                    sessionId: sessionId
-                  });
-                  this.setState({
-                    sessionId: sessionId
-                  });
-                }
-              case 15:
-              case "end":
-                return _context2.stop();
-            }
+              }
+            case 15:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, this, [[0, 7]]);
       }));
@@ -403,7 +406,7 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       } else if (!this.state.closed && !this.state.loading) {
         // If the component has rendered (including its dropdown list) and it
         // is not loading anything further, send the success UFO event
-        if (![UFOExperienceState.FAILED.id, UFOExperienceState.SUCCEEDED.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
+        if (![UFOExperienceState.FAILED.id, UFOExperienceState.SUCCEEDED.id, UFOExperienceState.ABORTED.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
           this.optionsShownUfoExperienceInstance.success(ufoEndStateConfig(this.props.fieldId));
         }
       }