@atlaskit/teams-public 0.7.0 → 0.8.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/teams-public
 
+## 0.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.8.0
+
+### Minor Changes
+
+- [#120425](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120425)
+  [`ada759ba3140e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ada759ba3140e) -
+  [ux] Emprty state for no product access
+
 ## 0.7.0
 
 ### Minor Changes

package/dist/cjs/controllers/hooks/{use-team-containers/use-product-permission → use-product-permission}/index.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useProductPermissions = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _main = require("../../../product-permission/main");
-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 useProductPermissions = exports.useProductPermissions = function useProductPermissions(userId, cloudId) {
-  var permissionId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'read';
-  var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+var _main = require("../../product-permission/main");
+var useProductPermissions = exports.useProductPermissions = function useProductPermissions(_ref) {
+  var userId = _ref.userId,
+    cloudId = _ref.cloudId,
+    _ref$permissionIds = _ref.permissionIds,
+    permissionIds = _ref$permissionIds === void 0 ? ['manage', 'write'] : _ref$permissionIds;
+  var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
       enabled: true
     },
-    enabled = _ref.enabled;
+    enabled = _ref2.enabled;
   var _useProductPermission = (0, _main.useProductPermissionsStore)(),
     _useProductPermission2 = (0, _slicedToArray2.default)(_useProductPermission, 2),
     state = _useProductPermission2[0],
@@ -31,20 +31,20 @@ var useProductPermissions = exports.useProductPermissions = function useProductP
             cloudId: cloudId,
             userId: userId,
             enabled: enabled,
-            permissionId: permissionId
+            permissionIds: permissionIds
           });
         case 1:
         case "end":
           return _context.stop();
       }
     }, _callee);
-  })), [cloudId, enabled, getPermissions, userId, permissionId]);
+  })), [cloudId, enabled, getPermissions, userId, permissionIds]);
   (0, _react.useEffect)(function () {
     fetchData();
   }, [fetchData]);
-  return _objectSpread({
+  return {
     loading: state.isLoading,
     data: state.permissions,
     error: state.error
-  }, state);
+  };
 };

package/dist/cjs/controllers/index.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "hasProductPermission", {
+  enumerable: true,
+  get: function get() {
+    return _utils.hasProductPermission;
+  }
+});
 Object.defineProperty(exports, "useTeamContainers", {
   enumerable: true,
   get: function get() {
     return _useTeamContainers.useTeamContainers;
   }
 });
-var _useTeamContainers = require("./hooks/use-team-containers");
+var _useTeamContainers = require("./hooks/use-team-containers");
+var _utils = require("./product-permission/utils");

package/dist/cjs/controllers/product-permission/main.js

@@ -14,58 +14,68 @@ var actions = {
     var userId = _ref.userId,
       cloudId = _ref.cloudId,
       enabled = _ref.enabled,
-      permissionId = _ref.permissionId;
+      permissionIds = _ref.permissionIds;
     return /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2) {
-        var setState, getState, dispatch, _getState, hasLoaded, isLoading, response, permissions;
+        var setState, getState, dispatch, _getState, hasLoaded, isLoading, permissions, shouldFetch, response, _permissions;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               setState = _ref2.setState, getState = _ref2.getState, dispatch = _ref2.dispatch;
-              _getState = getState(), hasLoaded = _getState.hasLoaded, isLoading = _getState.isLoading;
-              if (!(hasLoaded || isLoading || !userId || !cloudId || !enabled)) {
+              _getState = getState(), hasLoaded = _getState.hasLoaded, isLoading = _getState.isLoading, permissions = _getState.permissions;
+              if (!(isLoading || !userId || !cloudId || !enabled)) {
                 _context.next = 4;
                 break;
               }
               return _context.abrupt("return");
             case 4:
-              _context.prev = 4;
+              shouldFetch = !hasLoaded || permissionIds.some(function (permissionId) {
+                var _permissions$confluen, _permissions$jira;
+                return ((_permissions$confluen = permissions.confluence) === null || _permissions$confluen === void 0 ? void 0 : _permissions$confluen[permissionId]) === undefined || ((_permissions$jira = permissions.jira) === null || _permissions$jira === void 0 ? void 0 : _permissions$jira[permissionId]) === undefined;
+              });
+              if (shouldFetch) {
+                _context.next = 7;
+                break;
+              }
+              return _context.abrupt("return");
+            case 7:
+              _context.prev = 7;
               setState({
                 isLoading: true
               });
-              _context.next = 8;
+              _context.next = 11;
               return fetch('/gateway/api/permissions/bulk/permitted', {
                 headers: {
                   'Content-Type': 'application/json'
                 },
                 method: 'POST',
                 credentials: 'include',
-                body: (0, _utils.getProductPermissionRequestBody)(cloudId, userId, permissionId)
+                body: (0, _utils.getProductPermissionRequestBody)(cloudId, userId, permissionIds)
               });
-            case 8:
+            case 11:
               response = _context.sent;
               if (response.ok) {
-                _context.next = 11;
+                _context.next = 14;
                 break;
               }
               throw new Error('Failed to fetch product permissions');
-            case 11:
-              _context.next = 13;
+            case 14:
+              _context.next = 16;
               return response.json();
-            case 13:
-              permissions = _context.sent;
-              dispatch(actions.setPermissions(permissions));
-              _context.next = 20;
+            case 16:
+              _permissions = _context.sent;
+              dispatch(actions.setPermissions(_permissions));
+              _context.next = 23;
               break;
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](4);
-              dispatch(actions.setError(new Error('Failed to fetch product permissions')));
             case 20:
+              _context.prev = 20;
+              _context.t0 = _context["catch"](7);
+              dispatch(actions.setError(new Error('Failed to fetch product permissions')));
+            case 23:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[4, 17]]);
+        }, _callee, null, [[7, 20]]);
       }));
       return function (_x) {
         return _ref3.apply(this, arguments);

package/dist/cjs/controllers/product-permission/utils.js

@@ -4,7 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformPermissions = exports.getProductPermissionRequestBody = void 0;
+exports.transformPermissions = exports.hasProductPermission = exports.getProductPermissionRequestBody = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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; }
@@ -18,17 +19,33 @@ var transformPermissions = exports.transformPermissions = function transformPerm
     return acc;
   }, {});
 };
-var getProductPermissionRequestBody = exports.getProductPermissionRequestBody = function getProductPermissionRequestBody(cloudId, userId, permissionId) {
-  var body = [{
-    permissionId: permissionId,
-    resourceId: "ari:cloud:confluence::site/".concat(cloudId),
-    principalId: "ari:cloud:identity::user/".concat(userId),
-    dontRequirePrincipalInSite: true
-  }, {
-    permissionId: permissionId,
-    resourceId: "ari:cloud:jira-software::site/".concat(cloudId),
-    principalId: "ari:cloud:identity::user/".concat(userId),
-    dontRequirePrincipalInSite: true
-  }];
+var getProductPermissionRequestBody = exports.getProductPermissionRequestBody = function getProductPermissionRequestBody(cloudId, userId, permissionIds) {
+  var body = permissionIds.reduce(function (acc, permissionId) {
+    var permission = {
+      permissionId: permissionId,
+      resourceId: '',
+      principalId: "ari:cloud:identity::user/".concat(userId),
+      dontRequirePrincipalInSite: true
+    };
+    return [].concat((0, _toConsumableArray2.default)(acc), [_objectSpread(_objectSpread({}, permission), {}, {
+      resourceId: "ari:cloud:confluence::site/".concat(cloudId)
+    }), _objectSpread(_objectSpread({}, permission), {}, {
+      resourceId: "ari:cloud:jira-software::site/".concat(cloudId)
+    })]);
+  }, []);
   return JSON.stringify(body);
+};
+var hasProductPermission = exports.hasProductPermission = function hasProductPermission(permissions, product, permissionIds) {
+  if (!permissions[product]) {
+    return false;
+  }
+  if ((!permissionIds || permissionIds.length === 0) && permissions[product]) {
+    return Object.values(permissions[product] || {}).some(function (value) {
+      return value === true;
+    });
+  }
+  return permissionIds === null || permissionIds === void 0 ? void 0 : permissionIds.some(function (permissionId) {
+    var _permissions$product;
+    return (_permissions$product = permissions[product]) === null || _permissions$product === void 0 ? void 0 : _permissions$product[permissionId];
+  });
 };

package/dist/cjs/index.js

@@ -9,6 +9,18 @@ Object.defineProperty(exports, "TeamContainers", {
     return _teamContainers.TeamContainers;
   }
 });
+Object.defineProperty(exports, "hasProductPermission", {
+  enumerable: true,
+  get: function get() {
+    return _utils.hasProductPermission;
+  }
+});
+Object.defineProperty(exports, "useProductPermissions", {
+  enumerable: true,
+  get: function get() {
+    return _useProductPermission.useProductPermissions;
+  }
+});
 Object.defineProperty(exports, "useTeamContainers", {
   enumerable: true,
   get: function get() {
@@ -16,4 +28,6 @@ Object.defineProperty(exports, "useTeamContainers", {
   }
 });
 var _teamContainers = require("./ui/team-containers");
-var _useTeamContainers = require("./controllers/hooks/use-team-containers");
+var _useTeamContainers = require("./controllers/hooks/use-team-containers");
+var _useProductPermission = require("./controllers/hooks/use-product-permission");
+var _utils = require("./controllers/product-permission/utils");

package/dist/cjs/ui/team-containers/main.js

@@ -17,10 +17,13 @@ var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/mo
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _analytics = require("../../common/utils/analytics");
+var _controllers = require("../../controllers");
+var _useProductPermission2 = require("../../controllers/hooks/use-product-permission");
 var _useTeamContainers2 = require("../../controllers/hooks/use-team-containers");
 var _addContainerCard = require("./add-container-card");
 var _async = require("./disconnect-dialog/async");
 var _linkedContainerCard = require("./linked-container-card");
+var _noProductAccessEmptyState = require("./no-product-access-empty-state");
 var _teamContainersSkeleton = require("./team-containers-skeleton");
 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; }
@@ -30,7 +33,9 @@ var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW
 var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
   var teamId = _ref.teamId,
     onAddAContainerClick = _ref.onAddAContainerClick,
-    components = _ref.components;
+    components = _ref.components,
+    userId = _ref.userId,
+    cloudId = _ref.cloudId;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useTeamContainers = (0, _useTeamContainers2.useTeamContainers)(teamId),
@@ -61,6 +66,12 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     selectedContainerDetails = _useState10[0],
     setSelectedContainerDetails = _useState10[1];
+  var _useProductPermission = (0, _useProductPermission2.useProductPermissions)({
+      userId: userId,
+      cloudId: cloudId
+    }),
+    productPermissions = _useProductPermission.data,
+    productPermissionIsLoading = _useProductPermission.loading;
   (0, _react.useEffect)(function () {
     if (teamContainers.length > MAX_NUMBER_OF_CONTAINERS_TO_SHOW) {
       setShowAddJiraContainer(false);
@@ -72,10 +83,10 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
       var hasConfluenceSpace = teamContainers.some(function (container) {
         return container.type === 'ConfluenceSpace';
       });
-      setShowAddJiraContainer(!hasJiraProject);
-      setShowAddConfluenceContainer(!hasConfluenceSpace);
+      setShowAddJiraContainer(!hasJiraProject && !!productPermissions && !!(0, _controllers.hasProductPermission)(productPermissions, 'jira'));
+      setShowAddConfluenceContainer(!hasConfluenceSpace && !!productPermissions && !!(0, _controllers.hasProductPermission)(productPermissions, 'confluence'));
     }
-  }, [teamContainers]);
+  }, [productPermissions, teamContainers]);
   var handleShowMore = function handleShowMore() {
     setShowMore(!showMore);
   };
@@ -118,11 +129,14 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
       return _ref2.apply(this, arguments);
     };
   }(), [actions, createAnalyticsEvent, teamId, unlinkError]);
-  if (loading) {
+  if (loading || productPermissionIsLoading) {
     return /*#__PURE__*/_react.default.createElement(_teamContainersSkeleton.TeamContainersSkeleton, {
       numberOfContainers: MAX_NUMBER_OF_CONTAINERS_TO_SHOW
     });
   }
+  if (teamContainers.length === 0 && (!productPermissions || !(productPermissions && ((0, _controllers.hasProductPermission)(productPermissions, 'jira') || (0, _controllers.hasProductPermission)(productPermissions, 'confluence'))))) {
+    return /*#__PURE__*/_react.default.createElement(_noProductAccessEmptyState.NoProductAccessState, null);
+  }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.200"
   }, /*#__PURE__*/_react.default.createElement(_primitives.Grid, {

package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.compiled.css

@@ -0,0 +1,8 @@
+
+._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zrxy5q{padding-inline:var(--ds-space-400,2pc)}
+._1h6dmuej{border-color:var(--ds-border,#091e4224)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
+._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._1qu2nqa1{outline-style:solid}
+._bozgxy5q{padding-inline-start:var(--ds-space-400,2pc)}

package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.js

@@ -0,0 +1,46 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoProductAccessState = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _noProductAccessIcon = require("./no-product-access-icon");
+var styles = {
+  emptyStateContainer: "_2rkoiti9 _189ee4h9 _1h6dmuej _18zrxy5q _12y3e4h9 _12jimuej _1qu2nqa1",
+  contentWrapper: "_bozgxy5q"
+};
+var NoProductAccessState = exports.NoProductAccessState = function NoProductAccessState() {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.100",
+    xcss: styles.emptyStateContainer,
+    testId: "team-containers-no-product-access-state"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_noProductAccessIcon.NoProductAccessIcon, null), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.contentWrapper
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
+    space: "space.100"
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.teamContainerEmptyStateTitle)), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.teamContainerEmptyStateDescription)))));
+};
+var messages = (0, _reactIntlNext.defineMessages)({
+  teamContainerEmptyStateTitle: {
+    id: 'ptc.team-profile-page.team-containers.empty-state.title',
+    defaultMessage: 'Add the places your team works',
+    description: 'Empty state title when user has no product access'
+  },
+  teamContainerEmptyStateDescription: {
+    id: 'ptc.team-profile-page.team-containers.empty-state.description',
+    defaultMessage: 'Your team can link their Jira projects, Confluence spaces here to show where they work',
+    description: 'Empty state description when user has no product access'
+  }
+});

package/dist/cjs/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoProductAccessIcon = NoProductAccessIcon;
+var _react = _interopRequireDefault(require("react"));
+function TeamContainersNoProductAccess() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "180",
+    height: "170",
+    viewBox: "0 0 180 170",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M65.004 40.9222L33.3022 45.8529L38.2329 77.5546L118.928 65.004L115.791 44.8301L78.3249 50.6572L65.004 40.9222Z",
+    fill: "#1868DB"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M120.273 73.6499L39.5776 86.2006L45.8529 126.548L126.548 113.998L120.273 73.6499Z",
+    fill: "#1868DB"
+  }), /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#clip0_5508_39188)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M129.406 142.298C120.375 151.329 105.733 151.329 96.7018 142.298C87.671 133.267 87.671 118.626 96.7018 109.595L104.878 101.419L111.419 107.959L103.243 116.135C97.8241 121.554 97.8241 130.339 103.243 135.757C108.661 141.176 117.446 141.176 122.865 135.757L131.041 127.582L137.581 134.122L129.406 142.298Z",
+    fill: "#FCA700"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M152.298 119.406C161.329 110.375 161.329 95.7328 152.298 86.7019C143.267 77.6711 128.625 77.6711 119.594 86.7019L111.418 94.8779L117.959 101.419L126.135 93.2427C131.553 87.8242 140.339 87.8242 145.757 93.2427C151.176 98.6612 151.176 107.446 145.757 112.865L137.581 121.041L144.122 127.582L152.298 119.406Z",
+    fill: "#FCA700"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M139.449 106.092L116.324 129.217L109.783 122.676L132.908 99.5512L139.449 106.092Z",
+    fill: "#FCA700"
+  })), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M101.784 117.729L90.8252 119.434C91.8704 115.787 93.8291 112.347 96.7015 109.475L104.877 101.299L111.418 107.84L103.242 116.016C102.702 116.556 102.216 117.129 101.784 117.729ZM125.459 106.88L126.548 113.878L116.972 115.367L125.459 106.88ZM121.979 84.5L123.699 95.5589L117.959 101.299L111.418 94.7581L119.594 86.5822C120.352 85.8246 121.149 85.1305 121.979 84.5Z",
+    fill: "#09326C"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M147.591 62.1215C147.471 62.5353 147.38 62.9491 147.239 63.3629C146.689 65.0183 145.949 66.7017 144.779 68.2518C143.63 69.8019 141.847 71.1485 139.838 71.6886C137.837 72.2498 135.835 72.1025 134.073 71.6886C130.528 70.8329 127.687 69.1005 125.178 67.375H125.249V67.3329C125.798 67.5293 127.25 68.2798 128.639 68.855C130.013 69.4582 131.324 69.872 131.324 69.872C129.675 68.5323 127.871 67.5363 125.968 66.4982C124.079 65.4672 122.133 64.401 120.512 63.0613L120.329 63.3419C121.753 64.4922 122.986 65.5654 123.444 66.0704C120.59 64.3449 116.678 61.2517 113.154 57.871C112.266 57.0293 111.406 56.1735 110.575 55.3248C110.391 55.1355 110.081 54.8198 110.138 54.8759C110.138 54.8759 110.123 54.8619 110.088 54.8479L109.961 54.7707L109.616 54.5673C109.158 54.2938 108.707 54.0202 108.27 53.7607C107.819 53.5362 107.382 53.3188 106.952 53.1084C106.74 53.0032 106.529 52.8839 106.325 52.7997C106.113 52.7156 105.909 52.6385 105.704 52.5613C105.303 52.414 104.915 52.2246 104.541 52.1054C104.168 51.9931 103.815 51.8949 103.484 51.7967C103.576 51.6845 104.02 51.8599 104.513 51.9581C104.999 52.0703 105.535 52.2246 105.888 51.895L104.837 51.5162C104.478 51.425 104.125 51.3409 103.773 51.2497L103.244 51.1164C103.068 51.0743 102.892 51.0743 102.716 51.0533C102.363 51.0252 102.018 50.9901 101.673 50.9621C101.673 51.5022 102.434 51.3759 102.582 51.4811C102.434 51.5092 102.117 51.5232 101.659 51.5162C101.433 51.5372 101.179 51.5863 100.89 51.6214C100.601 51.6635 100.277 51.6705 99.953 51.7897C98.6068 52.0843 96.9787 52.926 95.703 54.5743C94.4555 56.2437 93.645 58.6986 93.6309 61.3289C93.6309 62.6335 93.7507 63.9872 94.1172 65.2708L94.237 65.7548L94.4062 66.2247C94.5189 66.5333 94.6176 66.856 94.7445 67.1646C95.0334 67.7538 95.2731 68.378 95.6325 68.9111C96.2598 70.0474 97.1056 71.0013 97.9725 71.843C98.4518 72.2147 98.8535 72.6566 99.361 72.9442C99.6006 73.1055 99.8402 73.2668 100.073 73.4211C100.305 73.5824 100.573 73.6806 100.813 73.8139C101.06 73.9402 101.299 74.0664 101.532 74.1856C101.778 74.2908 102.032 74.368 102.272 74.4662C102.751 74.6486 103.216 74.845 103.681 74.9361C104.147 75.0484 104.577 75.1887 104.992 75.2728C105.415 75.343 105.817 75.4061 106.177 75.4622C106.902 75.6235 107.53 75.6165 107.988 75.7077C108.453 75.7779 108.756 75.862 108.883 75.9602C109.123 76.1566 108.629 76.4021 107.072 76.7177L107.389 76.9913C104.147 77.0684 101.412 76.6476 98.1346 75.2167C97.7329 74.9081 97.6554 74.9221 97.8175 74.6977C97.7329 74.5925 97.599 74.4101 97.7117 74.347C98.1417 73.835 97.1902 73.3931 96.8448 73.0845C96.725 73.3159 96.4994 73.4071 96.2105 73.337C95.9285 73.2598 95.5762 73.0353 95.1744 72.7057C94.7515 72.3971 94.3991 71.878 93.9833 71.3449C93.7648 71.0784 93.6097 70.7628 93.4335 70.4472C93.2644 70.1245 93.0741 69.8089 92.9261 69.4582C92.6582 68.7568 92.3552 68.0554 92.2142 67.3329C92.1296 66.9752 92.0309 66.6315 91.9746 66.2948C91.9252 65.9511 91.8829 65.6215 91.8406 65.3129C91.7067 64.0644 91.7067 63.0894 91.6856 62.7247C91.1922 62.6195 91.0795 61.8619 91.2134 61.0483C91.2768 60.2277 91.5658 59.3719 91.4178 58.888C91.3755 58.9441 91.0865 59.3159 91.0512 59.365C90.9878 59.2527 90.9808 58.9371 91.0442 58.4882C91.1429 58.0463 91.2698 57.4641 91.5023 56.8188C91.9605 55.5353 92.8485 54.0483 93.8987 52.919C94.1736 52.6525 94.4414 52.386 94.6952 52.1334C94.9841 51.916 95.2519 51.7126 95.5057 51.5232C95.6325 51.425 95.7524 51.3409 95.8651 51.2497C95.992 51.1795 96.1118 51.1094 96.2246 51.0462C96.4501 50.92 96.6475 50.8007 96.8025 50.7026C97.1127 50.4851 97.31 50.3939 97.2818 50.3238C97.2536 50.2607 96.9999 50.2256 96.4924 50.3659C98.2051 49.0613 100.714 48.3809 103.244 48.5843C105.789 48.7596 108.312 49.6645 110.687 50.899C110.983 51.0603 111.272 51.2216 111.575 51.3829L112.019 51.6284C112.217 51.7406 112.485 51.8599 112.675 52.0913C113.154 52.5613 113.633 53.0382 114.12 53.5152C115.05 54.42 115.987 55.3318 116.953 56.2367C118.877 58.0533 120.886 59.8489 122.972 61.5463C125.065 63.2297 127.243 64.8149 129.506 66.0984C130.64 66.7297 131.796 67.2838 132.952 67.7257C134.115 68.1395 135.278 68.4271 136.392 68.5253C138.626 68.6586 140.508 67.873 141.629 66.2597C142.235 65.5163 142.636 64.5694 142.975 63.6576C143.144 63.1946 143.243 62.6966 143.369 62.2337C143.44 62.0092 143.475 61.7567 143.51 61.5182L143.567 61.1605L143.595 60.9852L143.609 60.894C143.609 60.894 143.609 60.894 143.602 60.887C143.637 60.908 143.687 60.887 143.708 60.9501C143.687 60.887 143.75 60.887 143.602 60.88C143.658 60.88 143.708 60.8659 143.743 60.8379C143.743 60.8239 143.771 60.8379 143.764 60.7958C143.75 60.7327 143.736 60.6625 143.722 60.5994C143.687 60.4661 143.658 60.3259 143.616 60.1856C143.433 59.6315 143.243 59.0142 142.989 58.4671C142.524 57.3589 141.995 56.4751 141.995 56.4751C141.311 55.1845 140.501 53.922 139.641 52.6735C139.641 52.6735 139.303 52.3158 138.76 51.7406C138.217 51.1585 137.47 50.3659 136.681 49.419C135.898 48.4791 135.074 47.3919 134.489 46.2206C133.904 45.0632 133.594 43.8147 133.699 42.9099C133.516 41.8157 133.615 40.6795 133.925 39.6274C134.101 39.1153 134.277 38.5893 134.538 38.1193C134.757 37.6213 135.053 37.1865 135.335 36.7376C136.497 34.97 137.949 33.4901 139.444 32.0943C139.444 32.0943 139.493 32.0592 139.556 32.0031C139.859 32.0031 140.177 32.0311 140.395 32.1153C140.36 31.975 140.48 31.989 140.494 31.9399L140.508 32.0592C140.874 31.6804 141.304 31.3437 141.769 31.0491C141.72 30.9159 141.699 30.8317 141.713 30.8247C140.007 30.3688 135.37 31.8347 134.066 30.7335L131.606 31.3157C130.612 30.8738 129.4 30.7125 129.802 30.1022C130.204 29.492 141.565 27.2265 144.709 28.2716L144.673 28.2926C144.673 28.2926 145.667 28.5171 145.639 28.3908C146.118 30.5582 146.915 33.5882 145.801 35.6363C146.069 36.3728 144.342 46.6695 142.51 43.934C142.721 42.2647 142.601 40.1815 142.721 38.5261C142.763 36.8498 142.721 34.7806 142.672 33.2305C142.672 33.2305 142.665 33.2095 142.651 33.1814C142.629 33.2235 142.615 33.2586 142.622 33.2796C140.578 34.6333 138.823 36.3728 137.675 38.2456C137.09 39.1784 136.73 40.1394 136.596 40.9951C136.469 41.8578 136.568 42.6153 136.871 43.5131C136.66 43.5412 136.554 43.7166 136.709 43.7937L136.927 43.6604C137.209 44.9721 138.076 46.0101 138.908 46.9781C139.754 47.9601 140.628 48.9561 141.333 50.4641C141.333 50.4571 141.347 49.9731 141.347 49.9591C143.109 52.0493 145.089 54.5042 146.626 57.4641C146.809 57.8359 146.992 58.2146 147.182 58.5934C147.394 59.0984 147.605 59.6104 147.817 60.1224C147.873 60.2908 147.979 60.4591 148 60.6345L147.859 61.1675L147.605 62.1074L147.591 62.1215Z",
+    fill: "#101214"
+  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_5508_39188"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "111",
+    height: "111",
+    fill: "white",
+    transform: "translate(69 59)"
+  }))));
+}
+function NoProductAccessIcon() {
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(TeamContainersNoProductAccess, null));
+}

package/dist/es2019/controllers/hooks/{use-team-containers/use-product-permission → use-product-permission}/index.js

@@ -1,6 +1,10 @@
 import { useCallback, useEffect } from 'react';
-import { useProductPermissionsStore } from '../../../product-permission/main';
-export const useProductPermissions = (userId, cloudId, permissionId = 'read', {
+import { useProductPermissionsStore } from '../../product-permission/main';
+export const useProductPermissions = ({
+  userId,
+  cloudId,
+  permissionIds = ['manage', 'write']
+}, {
   enabled
 } = {
   enabled: true
@@ -13,16 +17,15 @@ export const useProductPermissions = (userId, cloudId, permissionId = 'read', {
       cloudId,
       userId,
       enabled,
-      permissionId
+      permissionIds
     });
-  }, [cloudId, enabled, getPermissions, userId, permissionId]);
+  }, [cloudId, enabled, getPermissions, userId, permissionIds]);
   useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
     loading: state.isLoading,
     data: state.permissions,
-    error: state.error,
-    ...state
+    error: state.error
   };
 };

package/dist/es2019/controllers/index.js

@@ -1 +1,2 @@
-export { useTeamContainers } from './hooks/use-team-containers';
+export { useTeamContainers } from './hooks/use-team-containers';
+export { hasProductPermission } from './product-permission/utils';

package/dist/es2019/controllers/product-permission/main.js

@@ -5,7 +5,7 @@ const actions = {
     userId,
     cloudId,
     enabled,
-    permissionId
+    permissionIds
   }) => async ({
     setState,
     getState,
@@ -13,9 +13,17 @@ const actions = {
   }) => {
     const {
       hasLoaded,
-      isLoading
+      isLoading,
+      permissions
     } = getState();
-    if (hasLoaded || isLoading || !userId || !cloudId || !enabled) {
+    if (isLoading || !userId || !cloudId || !enabled) {
+      return;
+    }
+    const shouldFetch = !hasLoaded || permissionIds.some(permissionId => {
+      var _permissions$confluen, _permissions$jira;
+      return ((_permissions$confluen = permissions.confluence) === null || _permissions$confluen === void 0 ? void 0 : _permissions$confluen[permissionId]) === undefined || ((_permissions$jira = permissions.jira) === null || _permissions$jira === void 0 ? void 0 : _permissions$jira[permissionId]) === undefined;
+    });
+    if (!shouldFetch) {
       return;
     }
     try {
@@ -28,7 +36,7 @@ const actions = {
         },
         method: 'POST',
         credentials: 'include',
-        body: getProductPermissionRequestBody(cloudId, userId, permissionId)
+        body: getProductPermissionRequestBody(cloudId, userId, permissionIds)
       });
       if (!response.ok) {
         throw new Error('Failed to fetch product permissions');

package/dist/es2019/controllers/product-permission/utils.js

@@ -14,17 +14,33 @@ export const transformPermissions = permissions => {
     return acc;
   }, {});
 };
-export const getProductPermissionRequestBody = (cloudId, userId, permissionId) => {
-  const body = [{
-    permissionId,
-    resourceId: `ari:cloud:confluence::site/${cloudId}`,
-    principalId: `ari:cloud:identity::user/${userId}`,
-    dontRequirePrincipalInSite: true
-  }, {
-    permissionId,
-    resourceId: `ari:cloud:jira-software::site/${cloudId}`,
-    principalId: `ari:cloud:identity::user/${userId}`,
-    dontRequirePrincipalInSite: true
-  }];
+export const getProductPermissionRequestBody = (cloudId, userId, permissionIds) => {
+  const body = permissionIds.reduce((acc, permissionId) => {
+    const permission = {
+      permissionId,
+      resourceId: '',
+      principalId: `ari:cloud:identity::user/${userId}`,
+      dontRequirePrincipalInSite: true
+    };
+    return [...acc, {
+      ...permission,
+      resourceId: `ari:cloud:confluence::site/${cloudId}`
+    }, {
+      ...permission,
+      resourceId: `ari:cloud:jira-software::site/${cloudId}`
+    }];
+  }, []);
   return JSON.stringify(body);
+};
+export const hasProductPermission = (permissions, product, permissionIds) => {
+  if (!permissions[product]) {
+    return false;
+  }
+  if ((!permissionIds || permissionIds.length === 0) && permissions[product]) {
+    return Object.values(permissions[product] || {}).some(value => value === true);
+  }
+  return permissionIds === null || permissionIds === void 0 ? void 0 : permissionIds.some(permissionId => {
+    var _permissions$product;
+    return (_permissions$product = permissions[product]) === null || _permissions$product === void 0 ? void 0 : _permissions$product[permissionId];
+  });
 };

package/dist/es2019/index.js

@@ -1,2 +1,4 @@
 export { TeamContainers } from './ui/team-containers';
-export { useTeamContainers } from './controllers/hooks/use-team-containers';
+export { useTeamContainers } from './controllers/hooks/use-team-containers';
+export { useProductPermissions } from './controllers/hooks/use-product-permission';
+export { hasProductPermission } from './controllers/product-permission/utils';