@atlaskit/smart-user-picker 4.0.0

package/dist/cjs/service/graphqlUtils.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.graphqlQuery = graphqlQuery;
+
+var buildHeaders = function buildHeaders() {
+  var headers = new Headers();
+  headers.append('Content-Type', 'application/json');
+  return headers;
+};
+
+/**
+ * @param {string} serviceUrl - GraphQL service endpoint
+ * @param {Query} query - GraphQL query
+ */
+function graphqlQuery(serviceUrl, query) {
+  var headers = buildHeaders();
+  return fetch(new Request("".concat(serviceUrl), {
+    method: 'POST',
+    credentials: 'include',
+    mode: 'cors',
+    headers: headers,
+    body: JSON.stringify(query)
+  })).then(function (response) {
+    if (!response.ok) {
+      return Promise.reject({
+        code: response.status,
+        reason: response.statusText
+      });
+    }
+
+    return response;
+  }).then(function (response) {
+    return response.json();
+  }).then(function (json) {
+    if (json.errors) {
+      var _json$errors$;
+
+      return Promise.reject({
+        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || 'default'
+      });
+    }
+
+    return json.data;
+  });
+}

package/dist/cjs/service/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getUserRecommendations", {
+  enumerable: true,
+  get: function get() {
+    return _recommendationClient.default;
+  }
+});
+Object.defineProperty(exports, "hydrateDefaultValues", {
+  enumerable: true,
+  get: function get() {
+    return _defaultValueHydrationClient.default;
+  }
+});
+
+var _recommendationClient = _interopRequireDefault(require("./recommendation-client"));
+
+var _defaultValueHydrationClient = _interopRequireDefault(require("./default-value-hydration-client"));

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _usersTransformer = require("./users-transformer");
+
+var _config = require("../config");
+
+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; }
+
+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; }
+
+var getUserRecommendations = function getUserRecommendations(request, intl) {
+  var _request$context, _request$context$prod;
+
+  var url = (0, _config.getConfig)().getRecommendationServiceUrl(request.baseUrl || '');
+  return fetch(url, {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      'content-type': 'application/json'
+    },
+    body: JSON.stringify({
+      context: request.context,
+      includeUsers: request.includeUsers,
+      includeGroups: request.includeGroups,
+      includeTeams: request.includeTeams,
+      maxNumberOfResults: request.maxNumberOfResults,
+      performSearchQueryOnly: false,
+      searchQuery: _objectSpread(_objectSpread({
+        cpusQueryHighlights: {
+          query: '',
+          field: ''
+        }
+      }, ((_request$context = request.context) === null || _request$context === void 0 ? void 0 : (_request$context$prod = _request$context.productAttributes) === null || _request$context$prod === void 0 ? void 0 : _request$context$prod.isEntitledConfluenceExternalCollaborator) && {
+        productAccessPermissionIds: ['write', 'external-collaborator-write']
+      }), {}, {
+        customQuery: '',
+        customerDirectoryId: '',
+        filter: request.searchQueryFilter || '',
+        minimumAccessLevel: 'APPLICATION',
+        queryString: request.query,
+        restrictTo: {
+          userIds: [],
+          groupIds: []
+        },
+        searchUserbase: false
+      })
+    })
+  }).then(function (response) {
+    if (response.status === 200) {
+      return response.json();
+    }
+
+    return Promise.reject({
+      message: "error calling smart service, statusCode=".concat(response.status, ", statusText=").concat(response.statusText)
+    });
+  }).then(function (response) {
+    return (0, _usersTransformer.transformUsers)(response, intl);
+  });
+};
+
+var _default = getUserRecommendations;
+exports.default = _default;

package/dist/cjs/service/teams-client.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _config = require("../config");
+
+var _constants = require("./constants");
+
+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; }
+
+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; }
+
+var transformTeam = function transformTeam(team, id) {
+  return {
+    id: id,
+    name: team.displayName,
+    type: 'team',
+    avatarUrl: team.smallAvatarImageUrl
+  };
+};
+
+var hydrateTeamFromLegion = function hydrateTeamFromLegion(request) {
+  var url = "".concat((0, _config.getConfig)().getTeamsUrl(request.baseUrl), "/").concat(request.id);
+  return fetch(url, {
+    method: 'GET',
+    credentials: 'include',
+    headers: {
+      'content-type': 'application/json'
+    }
+  }).then(function (response) {
+    if (response.status === 200) {
+      return response.json();
+    }
+
+    return Promise.reject({
+      message: "error calling Legion, statusCode=".concat(response.status, ", statusText=").concat(response.statusText)
+    });
+  }).then(function (response) {
+    return transformTeam(response, request.id);
+  }).catch(function () {
+    return _objectSpread(_objectSpread({}, _constants.UNKNOWN_TEAM), {}, {
+      // on network error, return original team with label 'Unknown'
+      id: request.id
+    });
+  });
+};
+
+var _default = hydrateTeamFromLegion;
+exports.default = _default;

package/dist/cjs/service/users-client.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _constants = require("./constants");
+
+var _graphqlUtils = require("./graphqlUtils");
+
+var _config = require("../config");
+
+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; }
+
+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; }
+
+/**
+ * @param  {string} accountIds ids to hydrate
+ * @return GraphQL Query
+ */
+var buildUsersQuery = function buildUsersQuery(accountIds) {
+  return {
+    query: "query usersQuery($accountIds: [ID!]!) {\n    users(accountIds: $accountIds) {\n      name\n      accountId\n      picture\n    }\n  }",
+    variables: {
+      accountIds: accountIds
+    }
+  };
+};
+
+var makeRequest = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url, accountIds) {
+    var query;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            query = buildUsersQuery(accountIds);
+            _context.next = 3;
+            return (0, _graphqlUtils.graphqlQuery)(url, query);
+
+          case 3:
+            return _context.abrupt("return", _context.sent);
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function makeRequest(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var modifyResponse = function modifyResponse(users) {
+  return users.map(function (_ref2) {
+    var accountId = _ref2.accountId,
+        name = _ref2.name,
+        picture = _ref2.picture;
+    return {
+      avatarUrl: picture,
+      id: accountId,
+      name: name,
+      type: 'user'
+    };
+  });
+};
+
+var getHydratedUsers = function getHydratedUsers(baseUrl, userIds) {
+  var url = (0, _config.getConfig)().getGraphQLUrl(baseUrl);
+  return new Promise(function (resolve) {
+    makeRequest(url, userIds).then(function (data) {
+      resolve(modifyResponse(data.users));
+    }).catch(function () {
+      // on network error, return original list with label 'Unknown'
+      resolve(userIds.map(function (id) {
+        return _objectSpread(_objectSpread({}, _constants.UNKNOWN_USER), {}, {
+          id: id
+        });
+      }));
+    });
+  });
+};
+
+var _default = getHydratedUsers;
+exports.default = _default;

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformUsers = void 0;
+
+var _userPicker = require("@atlaskit/user-picker");
+
+var _i18n = require("../i18n");
+
+var EntityType;
+
+(function (EntityType) {
+  EntityType["USER"] = "USER";
+  EntityType["TEAM"] = "TEAM";
+  EntityType["GROUP"] = "GROUP";
+})(EntityType || (EntityType = {}));
+
+var getLozenzeProperties = function getLozenzeProperties(entity, intl) {
+  var _entity$attributes, _entity$attributes2;
+
+  if ((_entity$attributes = entity.attributes) !== null && _entity$attributes !== void 0 && _entity$attributes.workspaceMember) {
+    return intl.formatMessage(_i18n.messages.memberLozengeText);
+  }
+
+  if ((_entity$attributes2 = entity.attributes) !== null && _entity$attributes2 !== void 0 && _entity$attributes2.isConfluenceExternalCollaborator) {
+    var lozengeTooltipMessage = entity.entityType === EntityType.GROUP ? _i18n.messages.guestGroupLozengeTooltip : _i18n.messages.guestUserLozengeTooltip;
+    return {
+      text: intl.formatMessage(_i18n.messages.guestLozengeText),
+      tooltip: intl.formatMessage(lozengeTooltipMessage),
+      appearance: 'new'
+    };
+  }
+
+  return undefined;
+};
+
+var transformUser = function transformUser(item, intl) {
+  var type = item.entityType;
+
+  if (type === EntityType.USER) {
+    var user = item;
+    var lozenge = getLozenzeProperties(user, intl);
+    return {
+      id: user.id,
+      type: _userPicker.UserType,
+      avatarUrl: user.avatarUrl,
+      name: user.name,
+      email: user.email,
+      lozenge: lozenge
+    };
+  }
+
+  if (type === EntityType.TEAM) {
+    var team = item;
+    return {
+      id: team.id,
+      type: _userPicker.TeamType,
+      description: team.description || '',
+      name: team.displayName || '',
+      memberCount: team.memberCount,
+      includesYou: team.includesYou,
+      avatarUrl: team.largeAvatarImageUrl || team.smallAvatarImageUrl
+    };
+  }
+
+  if (type === EntityType.GROUP) {
+    var group = item;
+
+    var _lozenge = getLozenzeProperties(group, intl);
+
+    return {
+      id: group.id,
+      type: _userPicker.GroupType,
+      name: group.name || '',
+      lozenge: _lozenge
+    };
+  }
+
+  return;
+};
+
+var transformUsers = function transformUsers(serverResponse, intl) {
+  return (serverResponse.recommendedUsers || []).map(function (item) {
+    return transformUser(item, intl);
+  }).filter(function (user) {
+    return !!user;
+  }).map(function (user) {
+    return user;
+  });
+};
+
+exports.transformUsers = transformUsers;

package/dist/cjs/types.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntityType = void 0;
+var EntityType;
+exports.EntityType = EntityType;
+
+(function (EntityType) {
+  EntityType["USER"] = "USER";
+  EntityType["TEAM"] = "TEAM";
+  EntityType["GROUP"] = "GROUP";
+})(EntityType || (exports.EntityType = EntityType = {}));

package/dist/cjs/ufoExperiences.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUFOConcurrentExperience = exports.smartUserPickerRenderedUfoExperience = void 0;
+
+var _ufo = require("@atlaskit/ufo");
+
+var _react = require("react");
+
+var COMPONENT_NAME = 'smart-user-picker';
+var smartUserPickerRenderedUfoExperience = new _ufo.ConcurrentExperience('smart-user-picker-rendered', {
+  platform: {
+    component: COMPONENT_NAME
+  },
+  type: _ufo.ExperienceTypes.Load,
+  performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad
+});
+exports.smartUserPickerRenderedUfoExperience = smartUserPickerRenderedUfoExperience;
+
+var useUFOConcurrentExperience = function useUFOConcurrentExperience(experience, id) {
+  var experienceForId = experience.getInstance(id); // Equivalent to componentWillMount - replace with @atlaskit/ufo's
+  // useUFOComponentExperience when it supports ConcurrentExperience.
+
+  (0, _react.useState)(function () {
+    experienceForId.start();
+  }); // Replace with @atlaskit/ufo's <ExperienceSuccess> when it supports ConcurrentExperience
+
+  (0, _react.useEffect)(function () {
+    experienceForId.success();
+    return function () {
+      experienceForId.abort();
+    }; // We only want this useEffect to run once after component mount, so no deps are needed.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
+exports.useUFOConcurrentExperience = useUFOConcurrentExperience;