@atlaskit/smart-user-picker 8.0.0 → 8.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlassian/smart-user-picker
 
+## 8.1.0
+
+### Minor Changes
+
+- [`101f35dfba2ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/101f35dfba2ae) -
+  add an optional second param to transformOptions to make the query string available to
+  transformOptions callbacks, similar to filterOptions
+
+## 8.0.1
+
+### Patch Changes
+
+- [#139492](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139492)
+  [`27030518ad18e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27030518ad18e) -
+  The SmartUserPicker currently calls the teams v3 api which has been deprecated since December,
+  resulting in 404 api calls. This change has updated the api from v3 to v4 so that api calls can be
+  made and data successfull retrieved.
+
 ## 8.0.0
 
 ### Major Changes

package/CONTRIBUTING.md

@@ -0,0 +1 @@
+Please review our guidelines at [go/plex-contributions](https://go.atlassian.com/plex-contributions)

package/afm-cc/tsconfig.json

@@ -1,29 +1,35 @@
 {
-    "extends": "../../../../tsconfig.entry-points.confluence.json",
-    "compilerOptions": {
-        "target": "es5",
-        "composite": true,
-        "outDir": "../dist",
-        "rootDir": "../"
-    },
-    "include": [
-        "../src/**/*.ts",
-        "../src/**/*.tsx"
-    ],
-    "exclude": [
-        "../src/**/__tests__/*",
-        "../src/**/*.test.*",
-        "../src/**/test.*"
-    ],
-    "references": [
-        {
-            "path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../../data/ufo-external/afm-cc/tsconfig.json"
-        },
-        {
-            "path": "../../../elements/user-picker/afm-cc/tsconfig.json"
-        }
-    ]
+	"extends": "../../../../tsconfig.entry-points.confluence.json",
+	"compilerOptions": {
+		"target": "es5",
+		"composite": true,
+		"outDir": "../../../../../confluence/tsDist/@atlaskit__smart-user-picker",
+		"rootDir": "../"
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/user-picker/afm-cc/tsconfig.json"
+		}
+	]
 }

package/afm-dev-agents/tsconfig.json

@@ -0,0 +1,35 @@
+{
+	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
+	"compilerOptions": {
+		"target": "es5",
+		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__smart-user-picker/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-dev-agents/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/user-picker/afm-dev-agents/tsconfig.json"
+		}
+	]
+}

package/afm-jira/tsconfig.json

@@ -13,7 +13,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-post-office/tsconfig.json

@@ -13,7 +13,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{

package/afm-rovo-extension/tsconfig.json

@@ -0,0 +1,35 @@
+{
+	"extends": "../../../../tsconfig.entry-points.rovo-extension.json",
+	"compilerOptions": {
+		"target": "es5",
+		"outDir": "../../../../../rovo-extension/tsDist/@atlaskit__smart-user-picker/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-rovo-extension/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-rovo-extension/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/user-picker/afm-rovo-extension/tsconfig.json"
+		}
+	]
+}

package/afm-townsquare/tsconfig.json

@@ -0,0 +1,35 @@
+{
+	"extends": "../../../../tsconfig.entry-points.townsquare.json",
+	"compilerOptions": {
+		"target": "es5",
+		"outDir": "../../../../../townsquare/tsDist/@atlaskit__smart-user-picker/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-townsquare/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/user-picker/afm-townsquare/tsconfig.json"
+		}
+	]
+}

package/afm-volt/tsconfig.json

@@ -0,0 +1,29 @@
+{
+	"extends": "../../../../tsconfig.entry-points.volt.json",
+	"compilerOptions": {
+		"target": "es5",
+		"outDir": "../../../../../volt/tsDist/@atlaskit__smart-user-picker/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../elements/user-picker/afm-volt/tsconfig.json"
+		}
+	]
+}

package/build/tsconfig.json

@@ -11,6 +11,12 @@
   "exclude": [
     "../src/**/__tests__/*",
     "../src/**/*.test.*",
-    "../src/**/test.*"
+    "../src/**/test.*",
+    "../src/**/examples.*",
+    "../src/**/examples/*",
+    "../src/**/examples/**/*",
+    "../src/**/*.stories.*",
+    "../src/**/stories/*",
+    "../src/**/stories/**/*"
   ]
-}
+}

package/dist/cjs/analytics.js

@@ -11,7 +11,7 @@ var _uuid = require("uuid");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/smart-user-picker";
-var packageVersion = "8.0.0";
+var packageVersion = "8.0.1";
 var startSession = exports.startSession = function startSession() {
   return {
     id: (0, _uuid.v4)(),

package/dist/cjs/components/MessagesIntlProvider.js

@@ -11,8 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _i18nUtil = require("../util/i18n-util");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EMPTY = {};

package/dist/cjs/components/SmartUserPicker.js

@@ -27,8 +27,7 @@ var _analytics = require("../analytics");
 var _MessagesIntlProvider = _interopRequireDefault(require("./MessagesIntlProvider"));
 var _service = require("../service");
 var _ufoExperiences = require("../ufoExperiences");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -108,12 +107,12 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
     });
     (0, _defineProperty2.default)(_this, "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
     (0, _defineProperty2.default)(_this, "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, _iterator, _step, option, elapsedTimeMilli, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
+      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, transformOptions, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, _query, recommendedUsers, _iterator, _step, option, elapsedTimeMilli, transformedOptions, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
       return _regenerator.default.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, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId;
+            _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, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId, transformOptions = _this$props.transformOptions;
             maxNumberOfResults = maxOptions || 100;
             startTime = window.performance.now();
             recommendationsRequest = {
@@ -139,10 +138,11 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
               searchQueryFilter: searchQueryFilter
             };
             _context.prev = 5;
+            _query = _this.state.query;
             _this.fireEvent(_analytics.requestUsersEvent);
-            _context.next = 9;
+            _context.next = 10;
             return (0, _service.getUserRecommendations)(recommendationsRequest, intl);
-          case 9:
+          case 10:
             recommendedUsers = _context.sent;
             if (overrideByline) {
               _iterator = _createForOfIteratorHelper(recommendedUsers);
@@ -160,40 +160,54 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
               }
             }
             elapsedTimeMilli = window.performance.now() - startTime;
-            if (!(recommendedUsers.length === 0 && onEmpty)) {
-              _context.next = 27;
-              break;
-            }
-            _context.next = 15;
-            return onEmpty(query);
-          case 15:
-            _context.t2 = _yield$onEmpty = _context.sent;
-            _context.t1 = _context.t2 !== null;
-            if (!_context.t1) {
+            if (!transformOptions) {
               _context.next = 19;
               break;
             }
-            _context.t1 = _yield$onEmpty !== void 0;
+            _context.next = 16;
+            return transformOptions(recommendedUsers, _query);
+          case 16:
+            _context.t0 = _context.sent;
+            _context.next = 20;
+            break;
           case 19:
-            if (!_context.t1) {
-              _context.next = 23;
+            _context.t0 = recommendedUsers;
+          case 20:
+            transformedOptions = _context.t0;
+            if (!(transformedOptions.length === 0 && onEmpty)) {
+              _context.next = 36;
               break;
             }
-            _context.t3 = _yield$onEmpty;
             _context.next = 24;
-            break;
-          case 23:
-            _context.t3 = [];
+            return onEmpty(_query);
           case 24:
-            _context.t0 = _context.t3;
-            _context.next = 28;
-            break;
-          case 27:
-            _context.t0 = recommendedUsers;
+            _context.t3 = _yield$onEmpty = _context.sent;
+            _context.t2 = _context.t3 !== null;
+            if (!_context.t2) {
+              _context.next = 28;
+              break;
+            }
+            _context.t2 = _yield$onEmpty !== void 0;
           case 28:
-            displayedUsers = _context.t0;
+            if (!_context.t2) {
+              _context.next = 32;
+              break;
+            }
+            _context.t4 = _yield$onEmpty;
+            _context.next = 33;
+            break;
+          case 32:
+            _context.t4 = [];
+          case 33:
+            _context.t1 = _context.t4;
+            _context.next = 37;
+            break;
+          case 36:
+            _context.t1 = transformedOptions;
+          case 37:
+            displayedUsers = _context.t1;
             _this.setState(function (state) {
-              var applicable = state.query === query;
+              var applicable = state.query === _query;
               var users = applicable ? displayedUsers : state.users;
               var loading = !applicable;
               _this.fireEvent(_analytics.successfulRequestUsersEvent, {
@@ -208,12 +222,12 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
                 loading: loading
               };
             });
-            _context.next = 61;
+            _context.next = 70;
             break;
-          case 32:
-            _context.prev = 32;
-            _context.t4 = _context["catch"](5);
-            is5xxEvent = checkIf500Event(_context.t4.statusCode);
+          case 41:
+            _context.prev = 41;
+            _context.t5 = _context["catch"](5);
+            is5xxEvent = checkIf500Event(_context.t5.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
@@ -224,35 +238,35 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
             });
             onErrorProducedError = false;
             defaultUsers = [];
-            _context.prev = 39;
+            _context.prev = 48;
             if (!onError) {
-              _context.next = 49;
+              _context.next = 58;
               break;
             }
-            _context.next = 43;
-            return onError(_context.t4, recommendationsRequest);
-          case 43:
-            _context.t6 = _context.sent;
-            if (_context.t6) {
-              _context.next = 46;
+            _context.next = 52;
+            return onError(_context.t5, recommendationsRequest);
+          case 52:
+            _context.t7 = _context.sent;
+            if (_context.t7) {
+              _context.next = 55;
               break;
             }
-            _context.t6 = [];
-          case 46:
-            _context.t5 = _context.t6;
-            _context.next = 50;
+            _context.t7 = [];
+          case 55:
+            _context.t6 = _context.t7;
+            _context.next = 59;
             break;
-          case 49:
-            _context.t5 = [];
-          case 50:
-            defaultUsers = _context.t5;
-            _context.next = 56;
+          case 58:
+            _context.t6 = [];
+          case 59:
+            defaultUsers = _context.t6;
+            _context.next = 65;
             break;
-          case 53:
-            _context.prev = 53;
-            _context.t7 = _context["catch"](39);
+          case 62:
+            _context.prev = 62;
+            _context.t8 = _context["catch"](48);
             onErrorProducedError = true;
-          case 56:
+          case 65:
             if (onErrorProducedError && is5xxEvent) {
               // Log error from fallback data source `onError` to UFO
               _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
@@ -269,11 +283,11 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
               elapsedTimeMilli: _elapsedTimeMilli,
               productAttributes: productAttributes
             });
-          case 61:
+          case 70:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[5, 32], [39, 53]]);
+      }, _callee, null, [[5, 41], [48, 62]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
     (0, _defineProperty2.default)(_this, "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
@@ -380,7 +394,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
             case 0:
               _context2.prev = 0;
               _context2.next = 3;
-              return (0, _service.hydrateDefaultValues)(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
+              return (0, _service.hydrateDefaultValues)(this.props.baseUrl, this.props.defaultValue, this.props.productKey, this.props.siteId);
             case 3:
               value = _context2.sent;
               this.setState({

package/dist/cjs/config/index.js

@@ -15,7 +15,7 @@ var config = exports.config = {
   getGraphQLUrl: function getGraphQLUrl(baseUrl) {
     return baseUrl ? "".concat(baseUrl, "/gateway/api/graphql") : "/gateway/api/graphql";
   },
-  getTeamsUrl: function getTeamsUrl(baseUrl) {
-    return baseUrl ? "".concat(baseUrl, "/gateway/api/v3/teams") : "/gateway/api/v3/teams";
+  getTeamsUrl: function getTeamsUrl(id, baseUrl, siteId) {
+    return baseUrl ? "".concat(baseUrl, "/gateway/api/v4/teams/").concat(id, "?siteId=").concat(siteId !== null && siteId !== void 0 ? siteId : 'None') : "/gateway/api/v4/teams/".concat(id, "?siteId=").concat(siteId !== null && siteId !== void 0 ? siteId : 'None');
   }
 };

package/dist/cjs/i18n/hr.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Croatian (Croatia) [hr-HR]
+var _default = exports.default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Pronađen u:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Grupe gostiju mogu pristupiti samo određenim prostorima i imaju ograničen pristup korisničkim podacima.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gosti mogu pristupiti samo određenim prostorima i imaju ograničen pristup korisničkim podacima.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/cjs/i18n/sl.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+var _default = exports.default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Najdeno v:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Skupine gostov lahko dostopajo samo do določenih prostorov in imajo omejen dostop do uporabniških podatkov.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gostje lahko dostopajo samo do določenih prostorov in imajo omejen dostop do uporabniških podatkov.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/cjs/i18n/sr_RS.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+var _default = exports.default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Pronađeno u:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'GOST',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Grupe za goste mogu da pristupe određenim prostorima i imaju ograničen pristup podacima korisnika.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Gosti mogu da pristupe samo određenim prostorima i imaju ograničen pristup podacima korisnika.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ČLAN',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};

package/dist/cjs/i18n/sr_YR.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+var _default = exports.default = {
+  'fabric.elements.user-picker.external.sourced.from': 'Пронађено у:',
+  'fabric.elements.user-picker.github.provider': 'GitHub',
+  'fabric.elements.user-picker.google.provider': 'Google',
+  'fabric.elements.user-picker.guest.lozenge.text': 'ГОСТ',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': 'Групе за госте могу да приступе одређеним просторима и имају ограничен приступ подацима корисника.',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': 'Гости могу да приступе само одређеним просторима и имају ограничен приступ подацима корисника.',
+  'fabric.elements.user-picker.member.lozenge.text': 'ЧЛАН',
+  'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
+  'fabric.elements.user-picker.slack.provider': 'Slack'
+};