@atlaskit/profilecard 22.0.1 → 22.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/profilecard
 
+## 22.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.0.2
+
+### Patch Changes
+
+- [#108339](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108339)
+  [`b629c99c2cb05`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b629c99c2cb05) -
+  Updated gql query to use gql tags
+
 ## 22.0.1
 
 ### Patch Changes

package/dist/cjs/client/UserProfileCardClient.js

@@ -12,13 +12,18 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _graphql = require("graphql");
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../util/analytics");
 var _date = require("../util/date");
 var _performance = require("../util/performance");
 var _CachingClient2 = _interopRequireDefault(require("./CachingClient"));
 var _errorUtils = require("./errorUtils");
 var _graphqlUtils = require("./graphqlUtils");
+var _templateObject;
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!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; }
@@ -53,9 +58,11 @@ var modifyResponse = exports.modifyResponse = function modifyResponse(response)
     accountType: data.accountType || undefined
   };
 };
+var aggUserQuery = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tquery user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n\t\t\t\tappType\n\t\t\t}\n\t\t}\n\t}\n"])));
+var aggUserQueryString = "query user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n      \t\t\tappType\n    \t\t}\n\t\t}\n\t}";
 var buildAggUserQuery = exports.buildAggUserQuery = function buildAggUserQuery(userId) {
   return {
-    query: "query user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n      \t\t\tappType\n    \t\t}\n\t\t}\n\t}",
+    query: (0, _platformFeatureFlags.fg)('platform_agg_user_query_doc_change') ? (0, _graphql.print)(aggUserQuery) : aggUserQueryString,
     variables: {
       userId: userId
     }

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.1");
+  headers.append('atl-client-version', "22.0.3");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.1");
+  headers.append('atl-client-version', "22.0.3");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "22.0.1"
+      packageVersion: "22.0.3"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/UserProfileCardClient.js

@@ -1,3 +1,6 @@
+import { print } from 'graphql';
+import gql from 'graphql-tag';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { userRequestAnalytics } from '../util/analytics';
 import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
@@ -37,8 +40,37 @@ export const modifyResponse = response => {
     accountType: data.accountType || undefined
   };
 };
-export const buildAggUserQuery = userId => ({
-  query: `query user($userId: ID!) {
+const aggUserQuery = gql`
+	query user($userId: ID!) {
+		user(accountId: $userId) {
+			id
+			name
+			picture
+			accountStatus
+			__typename
+			... on AtlassianAccountUser {
+				email
+				nickname
+				zoneinfo
+				extendedProfile {
+					jobTitle
+					organization
+					location
+					closedDate
+					inactiveDate
+				}
+			}
+			... on CustomerUser {
+				email
+				zoneinfo
+			}
+			... on AppUser {
+				appType
+			}
+		}
+	}
+`;
+const aggUserQueryString = `query user($userId: ID!) {
 		user(accountId: $userId) {
 			id
 			name
@@ -65,7 +97,9 @@ export const buildAggUserQuery = userId => ({
       			appType
     		}
 		}
-	}`,
+	}`;
+export const buildAggUserQuery = userId => ({
+  query: fg('platform_agg_user_query_doc_change') ? print(aggUserQuery) : aggUserQueryString,
   variables: {
     userId
   }

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.1");
+  headers.append('atl-client-version', "22.0.3");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -75,7 +75,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.1");
+  headers.append('atl-client-version', "22.0.3");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "22.0.1",
+    packageVersion: "22.0.3",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/UserProfileCardClient.js

@@ -4,12 +4,17 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _templateObject;
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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) { _defineProperty(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; }
+import { print } from 'graphql';
+import gql from 'graphql-tag';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { userRequestAnalytics } from '../util/analytics';
 import { localTime } from '../util/date';
 import { getPageTime } from '../util/performance';
@@ -47,9 +52,11 @@ export var modifyResponse = function modifyResponse(response) {
     accountType: data.accountType || undefined
   };
 };
+var aggUserQuery = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tquery user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n\t\t\t\tappType\n\t\t\t}\n\t\t}\n\t}\n"])));
+var aggUserQueryString = "query user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n      \t\t\tappType\n    \t\t}\n\t\t}\n\t}";
 export var buildAggUserQuery = function buildAggUserQuery(userId) {
   return {
-    query: "query user($userId: ID!) {\n\t\tuser(accountId: $userId) {\n\t\t\tid\n\t\t\tname\n\t\t\tpicture\n\t\t\taccountStatus\n\t\t\t__typename\n\t\t\t... on AtlassianAccountUser {\n\t\t\t\temail\n\t\t\t\tnickname\n\t\t\t\tzoneinfo\n\t\t\t\textendedProfile {\n\t\t\t\t\tjobTitle\n\t\t\t\t\torganization\n\t\t\t\t\tlocation\n\t\t\t\t\tclosedDate\n\t\t\t\t\tinactiveDate\n\t\t\t\t}\n\t\t\t}\n\t\t\t... on CustomerUser {\n\t\t\t\temail\n\t\t\t\tzoneinfo\n\t\t\t}\n\t\t\t... on AppUser {\n      \t\t\tappType\n    \t\t}\n\t\t}\n\t}",
+    query: fg('platform_agg_user_query_doc_change') ? print(aggUserQuery) : aggUserQueryString,
     variables: {
       userId: userId
     }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.1");
+  headers.append('atl-client-version', "22.0.3");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -57,7 +57,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.0.1");
+  headers.append('atl-client-version', "22.0.3");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "22.0.1"
+      packageVersion: "22.0.3"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/Agent/Actions.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ProfileClient, type RovoAgentProfileCardInfo } from '../../types';
 type AgentActionsProps = {
     agent: RovoAgentProfileCardInfo;
@@ -11,5 +11,5 @@ type AgentActionsProps = {
     onViewFullProfileClick: () => void;
     resourceClient: ProfileClient;
 };
-export declare const AgentActions: ({ isAgentCreatedByCurrentUser, onEditAgent, onDeleteAgent, onDuplicateAgent, onCopyAgent, onChatClick, onViewFullProfileClick, agent, resourceClient, }: AgentActionsProps) => JSX.Element;
+export declare const AgentActions: ({ isAgentCreatedByCurrentUser, onEditAgent, onDeleteAgent, onDuplicateAgent, onCopyAgent, onChatClick, onViewFullProfileClick, agent, resourceClient, }: AgentActionsProps) => React.JSX.Element;
 export {};

package/dist/types/components/Agent/AgentDeleteConfirmationModal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 type Props = {
     isOpen: boolean;
     onClose: () => void;
@@ -6,5 +6,5 @@ type Props = {
     agentId: string;
     agentName: string;
 };
-export declare const AgentDeleteConfirmationModal: ({ onClose, agentName, isOpen, onSubmit, agentId, }: Props) => JSX.Element;
+export declare const AgentDeleteConfirmationModal: ({ onClose, agentName, isOpen, onSubmit, agentId, }: Props) => React.JSX.Element;
 export {};

package/dist/types/components/Agent/AgentProfileCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AgentProfileCardProps } from '../../types';
-declare const AgentProfileCard: ({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, resourceClient, addFlag, }: AgentProfileCardProps) => JSX.Element;
+declare const AgentProfileCard: ({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, resourceClient, addFlag, }: AgentProfileCardProps) => React.JSX.Element;
 export default AgentProfileCard;

package/dist/types/components/Agent/AgentProfileCardResourced.d.ts

@@ -10,4 +10,4 @@ export type AgentProfileCardResourcedProps = {
     product?: string;
     addFlag?: (flag: Flag) => void;
 } & AgentActionsType;
-export declare const AgentProfileCardResourced: (props: AgentProfileCardResourcedProps) => JSX.Element;
+export declare const AgentProfileCardResourced: (props: AgentProfileCardResourcedProps) => React.JSX.Element;

package/dist/types/components/Agent/AgentProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AgentProfileCardTriggerProps } from '../../types';
-export declare const AgentProfileCardTrigger: ({ trigger, viewingUserId, product, ...props }: AgentProfileCardTriggerProps) => JSX.Element;
+export declare const AgentProfileCardTrigger: ({ trigger, viewingUserId, product, ...props }: AgentProfileCardTriggerProps) => React.JSX.Element;

package/dist/types/components/Agent/AgentProfileCardWrapper.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const AgentProfileCardWrapper: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/components/Agent/ConversationStarters.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AgentConversationStartersProps } from '@atlaskit/rovo-agent-components';
-export declare const ConversationStarters: ({ isAgentDefault, onConversationStarterClick, userDefinedConversationStarters, }: AgentConversationStartersProps) => JSX.Element;
+export declare const ConversationStarters: ({ isAgentDefault, onConversationStarterClick, userDefinedConversationStarters, }: AgentConversationStartersProps) => React.JSX.Element;

package/dist/types/components/Agent/lazyAgentProfileCard.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, resourceClient, addFlag, }: import("../../types").AgentProfileCardProps) => JSX.Element>;
+export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, isCreatedByViewingUser, cloudId, onChatClick, product, hasError, errorType, onConversationStartersClick, resourceClient, addFlag, }: import("../../types").AgentProfileCardProps) => import("react").JSX.Element>;

package/dist/types/components/Error/AccessLockSVG.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const AccessLockSVG: () => JSX.Element;
+import React from 'react';
+declare const AccessLockSVG: () => React.JSX.Element;
 export default AccessLockSVG;

package/dist/types/components/Error/ErrorIllustration.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ErrorIllustration: () => JSX.Element;
+import React from 'react';
+export declare const ErrorIllustration: () => React.JSX.Element;

package/dist/types/components/Error/ErrorMessage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type ProfileCardErrorType } from '../../types';
 interface Props {
@@ -6,5 +6,5 @@ interface Props {
     errorType?: ProfileCardErrorType;
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
 }
-declare const ErrorMessage: (props: Props) => JSX.Element;
+declare const ErrorMessage: (props: Props) => React.JSX.Element;
 export default ErrorMessage;

package/dist/types/components/Icon/IconLabel.d.ts

@@ -7,6 +7,6 @@ export default class IconLabel extends React.PureComponent<Props> {
     static defaultProps: {
         icon: string;
     };
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export {};

package/dist/types/components/Team/TeamForbiddenErrorState.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsFunction } from '../../types';
 declare const _default: (props: {
     analytics: AnalyticsFunction;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/types/components/Team/TeamLoadingState.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsFunction } from '../../types';
 declare const _default: (props: {
     analytics: AnalyticsFunction;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/types/components/Team/TeamProfileCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { TeamProfilecardProps } from '../../types';
-declare const TeamProfileCard: (props: TeamProfilecardProps) => JSX.Element | null;
+declare const TeamProfileCard: (props: TeamProfilecardProps) => React.JSX.Element | null;
 export default TeamProfileCard;

package/dist/types/components/Team/TeamProfileCardTrigger.d.ts

@@ -40,11 +40,11 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     handleClientSuccess(team: Team, shouldShowGiveKudos: boolean, teamCentralBaseUrl: string | undefined): void;
     handleClientError(err: any): void;
     filterActions(): ProfileCardAction[];
-    renderProfileCard: () => JSX.Element;
-    renderKudosLauncher: () => false | JSX.Element | undefined;
-    renderTrigger: (triggerProps: TriggerProps) => JSX.Element;
-    renderPopup(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    renderProfileCard: () => React.JSX.Element;
+    renderKudosLauncher: () => false | React.JSX.Element | undefined;
+    renderTrigger: (triggerProps: TriggerProps) => React.JSX.Element;
+    renderPopup(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }
 declare const _default: React.ForwardRefExoticComponent<Pick<Omit<TeamProfileCardTriggerProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     cloudId?: string | undefined;

package/dist/types/components/Team/lazyTeamProfileCard.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const TeamProfileCardLazy: import("react").LazyExoticComponent<(props: import("../../types").TeamProfilecardProps) => JSX.Element | null>;
+export declare const TeamProfileCardLazy: import("react").LazyExoticComponent<(props: import("../../types").TeamProfilecardProps) => import("react").JSX.Element | null>;

package/dist/types/components/User/OverflowProfileCardButtons.d.ts

@@ -5,5 +5,5 @@ type OverflowButtonsProps = {
     onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
 } & AnalyticsWithDurationProps;
 export declare const ACTION_OVERFLOW_THRESHOLD = 2;
-export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => JSX.Element;
+export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => React.JSX.Element;
 export {};

package/dist/types/components/User/ProfileCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type AnalyticsProps, type ProfilecardProps } from '../../types';
-export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => JSX.Element | null;
+export declare const ProfilecardInternal: (props: ProfilecardProps & AnalyticsProps) => React.JSX.Element | null;
 declare const _default: React.ForwardRefExoticComponent<Omit<ProfilecardProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/User/ProfileCardDetails.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsWithDurationProps, type ProfilecardProps } from '../../types';
-export declare const ProfileCardDetails: (props: ProfilecardProps & AnalyticsWithDurationProps) => JSX.Element;
+export declare const ProfileCardDetails: (props: ProfilecardProps & AnalyticsWithDurationProps) => React.JSX.Element;

package/dist/types/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, }: ProfileCardTriggerProps): JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types/components/User/ReportingLinesDetails.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsWithDurationProps, type ProfilecardProps } from '../../types';
 export type ReportingLinesDetailsProps = Pick<ProfilecardProps, 'reportingLines' | 'reportingLinesProfileUrl' | 'onReportingLinesClick'> & AnalyticsWithDurationProps;
-declare const ReportingLinesDetails: (props: ReportingLinesDetailsProps) => JSX.Element;
+declare const ReportingLinesDetails: (props: ReportingLinesDetailsProps) => React.JSX.Element;
 export default ReportingLinesDetails;

package/dist/types/components/User/UserLoadingState.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 interface AnalyticsProps {
     fireAnalytics: (payload: AnalyticsEventPayload) => void;
 }
-declare const UserLoadingState: ({ fireAnalytics }: AnalyticsProps) => JSX.Element;
+declare const UserLoadingState: ({ fireAnalytics }: AnalyticsProps) => React.JSX.Element;
 export default UserLoadingState;

package/dist/types/components/common/LoadingState.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type ProfileType } from '../../types';
 interface AnalyticsProps {
     fireAnalytics?: (payload: AnalyticsEventPayload) => void;
     profileType: ProfileType;
 }
-export declare const LoadingState: ({ fireAnalytics, profileType }: AnalyticsProps) => JSX.Element;
+export declare const LoadingState: ({ fireAnalytics, profileType }: AnalyticsProps) => React.JSX.Element;
 export {};

package/dist/types/components/common/ProfileCardTrigger.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ProfileCardTriggerProps } from './types';
-declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, ...popupProps }: ProfileCardTriggerProps<T>): JSX.Element;
+declare function ProfileCardTrigger<T>({ trigger, ariaLabelledBy, children, renderProfileCard, fetchProfile, disabledAriaAttributes, profileCardType, fireAnalytics, ...popupProps }: ProfileCardTriggerProps<T>): React.JSX.Element;
 export default ProfileCardTrigger;

package/dist/types/components/common/ProfileCardWrapper.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const ProfileCardWrapper: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/styled/Card.d.ts

@@ -1,70 +1,70 @@
 import React from 'react';
 export declare const CardWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ProfileImage: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ActionsFlexSpacer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const KudosBlobAnimationStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const KudosBlobAnimation: React.FC;
 export declare const AnimationWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AnimatedKudosButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ActionButtonGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const OverflowActionButtonsWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CardContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DetailsGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DisabledInfo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CustomLozengeContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const JobTitleLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const AppTitleLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const SpinnerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface CardContainerProps {
     isDisabledUser?: boolean;
@@ -72,18 +72,18 @@ interface CardContainerProps {
 }
 export declare const CardContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 } & CardContainerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DetailsLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DetailsLabelIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const DetailsLabelText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export {};

package/dist/types/styled/Error.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const ErrorWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ErrorTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const TeamErrorText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;