@atlaskit/teams-public 2.7.0 → 2.9.0

package/dist/es2019/controllers/hooks/use-team-containers/use-team-containers-2.js

@@ -0,0 +1,59 @@
+import { useCallback, useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
+import { usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
+import { getErrorDetails } from './get-error-details';
+import { getInitialTeamState } from './get-initial-team-state';
+import { useTeamContainersHook } from './multi-team';
+export const useTeamContainers = (teamId, enable = true) => {
+  const [state, actions] = useTeamContainersHook();
+  const {
+    fireOperationalEvent
+  } = usePeopleAndTeamAnalytics();
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEvents();
+  const {
+    fireEvent
+  } = useAnalyticsEventsNext();
+  const fireOperationalAnalytics = useCallback((action, actionSubject, error) => {
+    fireOperationalEvent(createAnalyticsEvent, {
+      action: action,
+      actionSubject: actionSubject,
+      attributes: {
+        teamId,
+        ...(error && {
+          error: getErrorDetails(error)
+        })
+      }
+    });
+  }, [fireOperationalEvent, createAnalyticsEvent, teamId]);
+  useEffect(() => {
+    if (enable) {
+      // Get fresh state to ensure we're checking the correct team
+      const currentState = state;
+      const teamState = currentState.teams[teamId];
+      // Only fetch if not already loaded or loading
+      if (!(teamState !== null && teamState !== void 0 && teamState.hasLoaded) && !(teamState !== null && teamState !== void 0 && teamState.loading)) {
+        actions.fetchTeamContainers(teamId, fireOperationalAnalytics, fireEvent);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [teamId, enable]);
+  const refetchTeamContainers = useCallback(async () => actions.refetchTeamContainers(teamId, fireOperationalAnalytics, fireEvent), [teamId, actions, fireOperationalAnalytics, fireEvent]);
+
+  // Always get the state for the specific teamId to avoid showing wrong team's data
+  const teamState = state.teams[teamId] || getInitialTeamState();
+  return {
+    teamContainers: teamState.teamContainers,
+    loading: teamState.loading,
+    hasLoaded: teamState.hasLoaded,
+    error: teamState.error,
+    unlinkError: teamState.unlinkError,
+    teamId: teamState.teamId,
+    connectedTeams: teamState.connectedTeams,
+    addTeamContainer: teamContainer => actions.addTeamContainer(teamId, teamContainer),
+    unlinkTeamContainers: containerId => actions.unlinkTeamContainers(teamId, containerId),
+    refetchTeamContainers
+  };
+};

package/dist/es2019/controllers/hooks/use-team-containers/use-team-containers-hook.js

@@ -0,0 +1,3 @@
+import { createHook } from 'react-sweet-state';
+import { TeamContainersStore } from './store';
+export const useTeamContainersHook = createHook(TeamContainersStore);

package/dist/es2019/controllers/hooks/use-team-containers/use-team-containers.js

@@ -0,0 +1,28 @@
+import { useCallback, useEffect } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
+import { useTeamContainers as useTeamContainersMulti } from './use-team-containers-2';
+import { useTeamContainersHook } from './use-team-containers-hook';
+export const useTeamContainers = (teamId, enable = true) => {
+  const [state, actions] = useTeamContainersHook();
+  const useMultiTeam = fg('enable_multi_team_containers_state');
+  const multiTeamResult = useTeamContainersMulti(teamId, useMultiTeam ? enable : false);
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    if (enable && !useMultiTeam) {
+      actions.fetchTeamContainers(teamId, fireEvent);
+    }
+  }, [teamId, actions, enable, fireEvent, useMultiTeam]);
+  const refetchTeamContainers = useCallback(async () => actions.refetchTeamContainers(fireEvent), [actions, fireEvent]);
+  if (useMultiTeam) {
+    return multiTeamResult;
+  }
+  return {
+    ...state,
+    addTeamContainer: actions.addTeamContainer,
+    unlinkTeamContainers: containerId => actions.unlinkTeamContainers(teamId, containerId),
+    refetchTeamContainers
+  };
+};

package/dist/es2019/controllers/hooks/use-team-links-and-containers/index.js

@@ -1,7 +1,9 @@
 import { useCallback, useEffect, useMemo } from 'react';
-import { containerToNewWebLink, isNewTeamWebLink, webLinksToContainers } from '../../../common/utils/team-web-link-converters';
-import { useTeamContainers } from '../use-team-containers';
-import { useTeamWebLinks } from '../use-team-web-links';
+import { containerToNewWebLink } from '../../../common/utils/container-to-new-web-link';
+import { isNewTeamWebLink } from '../../../common/utils/is-new-team-web-link';
+import { webLinksToContainers } from '../../../common/utils/web-links-to-containers';
+import { useTeamContainers } from '../use-team-containers/use-team-containers';
+import { useTeamWebLinks } from '../use-team-web-links/use-team-web-links';
 const MAX_LINKS_LIMIT = 10;
 export const useTeamLinksAndContainers = (teamId, enableContainers = true) => {
   const {

package/dist/es2019/controllers/hooks/use-team-web-links/actions.js

@@ -0,0 +1,177 @@
+import { teamsClient } from '@atlaskit/teams-client';
+import { initialState } from './initial-state';
+export const actions = {
+  getTeamWebLinks: teamId => async ({
+    getState,
+    setState,
+    dispatch
+  }) => {
+    const {
+      links,
+      teamId: currentTeamId,
+      hasLoaded,
+      isLoading
+    } = getState();
+    if (isLoading || teamId === currentTeamId && hasLoaded && links.length > 0) {
+      return;
+    }
+    const initialLinks = teamId === currentTeamId ? links : [];
+    setState({
+      teamId,
+      isLoading: true,
+      hasLoaded: false,
+      hasError: false,
+      shouldReload: false,
+      links: initialLinks
+    });
+    try {
+      const {
+        entities
+      } = await teamsClient.getTeamLinksByTeamId(teamId);
+      if (getState().teamId !== teamId) {
+        return;
+      }
+      setState({
+        isLoading: false,
+        hasLoaded: true,
+        hasError: false,
+        shouldReload: false,
+        links: entities
+      });
+      if (entities.length > 0) {
+        dispatch(actions.getTeamWebLinkIcons(teamId));
+      }
+    } catch (e) {
+      if (getState().teamId !== teamId) {
+        return;
+      }
+      setState({
+        isLoading: false,
+        hasLoaded: true,
+        hasError: true,
+        errorType: e instanceof Error ? e : undefined,
+        shouldReload: false,
+        links: []
+      });
+    }
+  },
+  getTeamWebLinkIcons: teamId => async ({
+    getState,
+    setState
+  }) => {
+    const {
+      links,
+      linkIcons: currentIcons
+    } = getState();
+    if (links.length === 0) {
+      return;
+    }
+    const linkUrls = links.map(link => link.linkUri);
+    const uncachedUrls = linkUrls.filter(url => !currentIcons.some(icon => icon.linkUrl === url));
+    if (uncachedUrls.length > 0) {
+      try {
+        setState({
+          iconsLoading: true,
+          iconsError: false
+        });
+        const newIconData = await teamsClient.getTeamLinkIcons(uncachedUrls);
+        if (getState().teamId === teamId) {
+          setState({
+            linkIcons: [...currentIcons, ...(newIconData || [])],
+            iconsLoading: false,
+            iconsError: false,
+            iconHasLoaded: true
+          });
+        }
+      } catch {
+        if (getState().teamId === teamId) {
+          setState({
+            iconsLoading: false,
+            iconsError: true,
+            iconHasLoaded: true
+          });
+        }
+      }
+    } else {
+      setState({
+        iconsLoading: false,
+        iconsError: false,
+        iconHasLoaded: true
+      });
+    }
+  },
+  createTeamWebLink: (teamId, newLink) => async ({
+    getState,
+    setState,
+    dispatch
+  }) => {
+    const result = await teamsClient.createTeamLink(teamId, newLink);
+    const currentState = getState();
+    if (currentState.teamId !== teamId) {
+      return result;
+    }
+    setState({
+      links: [...currentState.links, result]
+    });
+    dispatch(actions.getTeamWebLinkIcons(teamId));
+    return result;
+  },
+  updateTeamWebLink: (teamId, linkId, newLink) => async ({
+    getState,
+    setState,
+    dispatch
+  }) => {
+    const result = await teamsClient.updateTeamLink(teamId, linkId, newLink);
+    const currentState = getState();
+    if (currentState.teamId !== teamId) {
+      return result;
+    }
+    const oldLink = currentState.links.find(link => link.linkId === linkId);
+    const urlChanged = oldLink && oldLink.linkUri !== result.linkUri;
+    setState({
+      links: currentState.links.map(link => link.linkId === linkId ? result : link)
+    });
+    if (urlChanged) {
+      const updatedIcons = currentState.linkIcons.filter(icon => icon.linkUrl !== oldLink.linkUri);
+      setState({
+        linkIcons: updatedIcons
+      });
+      dispatch(actions.getTeamWebLinkIcons(teamId));
+    }
+    return result;
+  },
+  removeWebLink: (teamId, linkId) => async ({
+    getState,
+    setState
+  }) => {
+    const currentState = getState();
+    if (currentState.teamId !== teamId) {
+      return;
+    }
+    await teamsClient.deleteTeamLink(teamId, linkId);
+    setState({
+      links: currentState.links.filter(link => link.linkId !== linkId)
+    });
+  },
+  fetchWebLinkTitle: url => async ({
+    setState
+  }) => {
+    if (!url) {
+      return undefined;
+    }
+    try {
+      const title = await teamsClient.getWebLinkTitle(url);
+      return title;
+    } catch {
+      return undefined;
+    }
+  },
+  initialState: state => ({
+    setState
+  }) => {
+    setState({
+      ...initialState,
+      ...state
+    });
+  }
+};

package/dist/es2019/controllers/hooks/use-team-web-links/index.js

@@ -1,217 +1,13 @@
-import { createHook, createStore } from 'react-sweet-state';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { teamsClient } from '@atlaskit/teams-client';
-import { useTeamWebLinksActions as useTeamWebLinksActionsMulti, useTeamWebLinks as useTeamWebLinksMulti } from './multi-team';
-const initialState = {
-  teamId: '',
-  isLoading: false,
-  hasLoaded: false,
-  hasError: false,
-  shouldReload: false,
-  errorType: null,
-  links: [],
-  linkIcons: [],
-  iconsLoading: false,
-  iconsError: false,
-  iconHasLoaded: false
-};
-export const actions = {
-  getTeamWebLinks: teamId => async ({
-    getState,
-    setState,
-    dispatch
-  }) => {
-    const {
-      links,
-      teamId: currentTeamId,
-      hasLoaded,
-      isLoading
-    } = getState();
-    if (isLoading || teamId === currentTeamId && hasLoaded && links.length > 0) {
-      return;
-    }
-    const initialLinks = teamId === currentTeamId ? links : [];
-    setState({
-      teamId,
-      isLoading: true,
-      hasLoaded: false,
-      hasError: false,
-      shouldReload: false,
-      links: initialLinks
-    });
-    try {
-      const {
-        entities
-      } = await teamsClient.getTeamLinksByTeamId(teamId);
-      if (getState().teamId !== teamId) {
-        return;
-      }
-      setState({
-        isLoading: false,
-        hasLoaded: true,
-        hasError: false,
-        shouldReload: false,
-        links: entities
-      });
-      if (entities.length > 0) {
-        dispatch(actions.getTeamWebLinkIcons(teamId));
-      }
-    } catch (e) {
-      if (getState().teamId !== teamId) {
-        return;
-      }
-      setState({
-        isLoading: false,
-        hasLoaded: true,
-        hasError: true,
-        errorType: e instanceof Error ? e : undefined,
-        shouldReload: false,
-        links: []
-      });
-    }
-  },
-  getTeamWebLinkIcons: teamId => async ({
-    getState,
-    setState
-  }) => {
-    const {
-      links,
-      linkIcons: currentIcons
-    } = getState();
-    if (links.length === 0) {
-      return;
-    }
-    const linkUrls = links.map(link => link.linkUri);
-    const uncachedUrls = linkUrls.filter(url => !currentIcons.some(icon => icon.linkUrl === url));
-    if (uncachedUrls.length > 0) {
-      try {
-        setState({
-          iconsLoading: true,
-          iconsError: false
-        });
-        const newIconData = await teamsClient.getTeamLinkIcons(uncachedUrls);
-        if (getState().teamId === teamId) {
-          setState({
-            linkIcons: [...currentIcons, ...(newIconData || [])],
-            iconsLoading: false,
-            iconsError: false,
-            iconHasLoaded: true
-          });
-        }
-      } catch {
-        if (getState().teamId === teamId) {
-          setState({
-            iconsLoading: false,
-            iconsError: true,
-            iconHasLoaded: true
-          });
-        }
-      }
-    } else {
-      setState({
-        iconsLoading: false,
-        iconsError: false,
-        iconHasLoaded: true
-      });
-    }
-  },
-  createTeamWebLink: (teamId, newLink) => async ({
-    getState,
-    setState,
-    dispatch
-  }) => {
-    const result = await teamsClient.createTeamLink(teamId, newLink);
-    const currentState = getState();
-    if (currentState.teamId !== teamId) {
-      return result;
-    }
-    setState({
-      links: [...currentState.links, result]
-    });
-    dispatch(actions.getTeamWebLinkIcons(teamId));
-    return result;
-  },
-  updateTeamWebLink: (teamId, linkId, newLink) => async ({
-    getState,
-    setState,
-    dispatch
-  }) => {
-    const result = await teamsClient.updateTeamLink(teamId, linkId, newLink);
-    const currentState = getState();
-    if (currentState.teamId !== teamId) {
-      return result;
-    }
-    const oldLink = currentState.links.find(link => link.linkId === linkId);
-    const urlChanged = oldLink && oldLink.linkUri !== result.linkUri;
-    setState({
-      links: currentState.links.map(link => link.linkId === linkId ? result : link)
-    });
-    if (urlChanged) {
-      const updatedIcons = currentState.linkIcons.filter(icon => icon.linkUrl !== oldLink.linkUri);
-      setState({
-        linkIcons: updatedIcons
-      });
-      dispatch(actions.getTeamWebLinkIcons(teamId));
-    }
-    return result;
-  },
-  removeWebLink: (teamId, linkId) => async ({
-    getState,
-    setState
-  }) => {
-    const currentState = getState();
-    if (currentState.teamId !== teamId) {
-      return;
-    }
-    await teamsClient.deleteTeamLink(teamId, linkId);
-    setState({
-      links: currentState.links.filter(link => link.linkId !== linkId)
-    });
-  },
-  fetchWebLinkTitle: url => async ({
-    setState
-  }) => {
-    if (!url) {
-      return undefined;
-    }
-    try {
-      const title = await teamsClient.getWebLinkTitle(url);
-      return title;
-    } catch {
-      return undefined;
-    }
-  },
-  initialState: state => ({
-    setState
-  }) => {
-    setState({
-      ...initialState,
-      ...state
-    });
-  }
-};
-const TeamWebLinksStore = createStore({
-  initialState,
-  actions,
-  name: 'teamWebLinksStore'
-});
-const useTeamWebLinksOriginal = createHook(TeamWebLinksStore);
-const useTeamWebLinksActionsOriginal = createHook(TeamWebLinksStore, {
-  selector: null
-});
-export const useTeamWebLinks = teamId => {
-  const originalResult = useTeamWebLinksOriginal();
-  const multiResult = useTeamWebLinksMulti(teamId || '');
-  if (fg('enable_multi_team_containers_state')) {
-    return multiResult;
-  }
-  return originalResult;
-};
-export const useTeamWebLinksActions = () => {
-  const originalResult = useTeamWebLinksActionsOriginal();
-  const multiResult = useTeamWebLinksActionsMulti();
-  if (fg('enable_multi_team_containers_state')) {
-    return multiResult;
-  }
-  return originalResult;
-};
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import { actions } from '@atlaskit/teams-public/use-team-web-links/actions'` instead.
+ */
+export { actions } from './actions';
+/**
+ * @deprecated Use `import { useTeamWebLinks } from '@atlaskit/teams-public/use-team-web-links/use-team-web-links'` instead.
+ */
+export { useTeamWebLinks } from './use-team-web-links';
+/**
+ * @deprecated Use `import { useTeamWebLinksActions } from '@atlaskit/teams-public/use-team-web-links-actions'` instead.
+ */
+export { useTeamWebLinksActions } from './use-team-web-links-actions';

package/dist/es2019/controllers/hooks/use-team-web-links/initial-state.js

@@ -0,0 +1,13 @@
+export const initialState = {
+  teamId: '',
+  isLoading: false,
+  hasLoaded: false,
+  hasError: false,
+  shouldReload: false,
+  errorType: null,
+  links: [],
+  linkIcons: [],
+  iconsLoading: false,
+  iconsError: false,
+  iconHasLoaded: false
+};

package/dist/es2019/controllers/hooks/use-team-web-links/store.js

@@ -0,0 +1,8 @@
+import { createStore } from 'react-sweet-state';
+import { actions } from './actions';
+import { initialState } from './initial-state';
+export const TeamWebLinksStore = createStore({
+  initialState,
+  actions,
+  name: 'teamWebLinksStore'
+});

package/dist/es2019/controllers/hooks/use-team-web-links/use-team-web-links-actions.js

@@ -0,0 +1,15 @@
+import { createHook } from 'react-sweet-state';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useTeamWebLinksActions as useTeamWebLinksActionsMulti } from './multi-team';
+import { TeamWebLinksStore } from './store';
+const useTeamWebLinksActionsOriginal = createHook(TeamWebLinksStore, {
+  selector: null
+});
+export const useTeamWebLinksActions = () => {
+  const originalResult = useTeamWebLinksActionsOriginal();
+  const multiResult = useTeamWebLinksActionsMulti();
+  if (fg('enable_multi_team_containers_state')) {
+    return multiResult;
+  }
+  return originalResult;
+};

package/dist/es2019/controllers/hooks/use-team-web-links/use-team-web-links.js

@@ -0,0 +1,13 @@
+import { createHook } from 'react-sweet-state';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useTeamWebLinks as useTeamWebLinksMulti } from './multi-team';
+import { TeamWebLinksStore } from './store';
+const useTeamWebLinksOriginal = createHook(TeamWebLinksStore);
+export const useTeamWebLinks = teamId => {
+  const originalResult = useTeamWebLinksOriginal();
+  const multiResult = useTeamWebLinksMulti(teamId || '');
+  if (fg('enable_multi_team_containers_state')) {
+    return multiResult;
+  }
+  return originalResult;
+};

package/dist/es2019/controllers/index.js

@@ -1,3 +1,17 @@
-export { useTeamContainers } from './hooks/use-team-containers';
-export { useTeamWebLinks, useTeamWebLinksActions } from './hooks/use-team-web-links';
-export { hasProductPermission } from './product-permission/utils';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import { useTeamContainers } from '@atlaskit/teams-public/use-team-containers/use-team-containers'` instead.
+ */
+export { useTeamContainers } from './hooks/use-team-containers/use-team-containers';
+/**
+ * @deprecated Use `import { useTeamWebLinks } from '@atlaskit/teams-public/use-team-web-links/use-team-web-links'` instead.
+ */
+export { useTeamWebLinks } from './hooks/use-team-web-links/use-team-web-links';
+/**
+ * @deprecated Use `import { useTeamWebLinksActions } from '@atlaskit/teams-public/use-team-web-links-actions'` instead.
+ */
+export { useTeamWebLinksActions } from './hooks/use-team-web-links/use-team-web-links-actions';
+/**
+ * @deprecated Use `import { hasProductPermission } from '@atlaskit/teams-public/product-permission/has-product-permission'` instead.
+ */
+export { hasProductPermission } from './product-permission/hasProductPermission';

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

@@ -0,0 +1,19 @@
+const PRODUCTS = ['confluence', 'jira', 'jira-core', 'jira-software', 'jira-servicedesk', 'jira-product-discovery', 'loom'];
+export const getProductPermissionRequestBody = (cloudId, userId, permissionIds) => {
+  const body = permissionIds.reduce((acc, permissionId) => {
+    const permission = {
+      permissionId,
+      resourceId: '',
+      principalId: `ari:cloud:identity::user/${userId}`,
+      dontRequirePrincipalInSite: true
+    };
+    PRODUCTS.forEach(product => {
+      acc.push({
+        ...permission,
+        resourceId: `ari:cloud:${product}::site/${cloudId}`
+      });
+    });
+    return acc;
+  }, []);
+  return JSON.stringify(body);
+};

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

@@ -0,0 +1,15 @@
+/**
+ * @deprecated Use hasProductPermission from "@atlaskit/teams-app-internal-product-permissions" instead
+ */
+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 => {
+    const productPermissions = permissions[product];
+    return productPermissions === null || productPermissions === void 0 ? void 0 : productPermissions[permissionId];
+  });
+};

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

@@ -1,5 +1,6 @@
 import { createHook, createStore } from 'react-sweet-state';
-import { getProductPermissionRequestBody, transformPermissions } from './utils';
+import { getProductPermissionRequestBody } from './getProductPermissionRequestBody';
+import { transformPermissions } from './transformPermissions';
 const actions = {
   getPermissions: ({
     userId,

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

@@ -0,0 +1,15 @@
+import { SUPPORTED_PRODUCTS } from './types';
+export const transformPermissions = permissions => {
+  return permissions.reduce((acc, permission) => {
+    SUPPORTED_PRODUCTS.forEach(supportedProduct => {
+      if (permission.resourceId.includes(supportedProduct)) {
+        var _acc$supportedProduct;
+        acc[supportedProduct] = {
+          ...acc[supportedProduct],
+          [permission.permissionId]: ((_acc$supportedProduct = acc[supportedProduct]) === null || _acc$supportedProduct === void 0 ? void 0 : _acc$supportedProduct[permission.permissionId]) || permission.permitted
+        };
+      }
+    });
+    return acc;
+  }, {});
+};