@atlaskit/profilecard 24.5.4 → 24.5.5

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/profilecard
 
+## 24.5.5
+
+### Patch Changes
+
+- [`b595ecb3ce7fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b595ecb3ce7fd) -
+  [ux] This is a bug fix for the Rove agent profile card trigger to optimistically udpate the UI
+  when a agent is deleted instead of refreshing to clear agent from list
+- Updated dependencies
+
 ## 24.5.4
 
 ### Patch Changes

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', "24.5.3");
+  headers.append('atl-client-version', "24.5.4");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -65,7 +65,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', "24.5.3");
+  headers.append('atl-client-version', "24.5.4");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Agent/AgentProfileCard.js

@@ -49,7 +49,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     errorType = _ref.errorType,
     onConversationStartersClick = _ref.onConversationStartersClick,
     resourceClient = _ref.resourceClient,
-    addFlag = _ref.addFlag;
+    addFlag = _ref.addFlag,
+    onDeleteAgent = _ref.onDeleteAgent;
   var _useAgentUrlActions = (0, _useAgentActions.useAgentUrlActions)({
       cloudId: cloudId || '',
       source: 'agentProfileCard'
@@ -117,17 +118,20 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }, _callee, null, [[1, 8]]);
   })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
   var handleOnDelete = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+    var _onDeleteAgent, restore;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          if (!agent) {
-            _context2.next = 10;
+          if (!(agent && onDeleteAgent)) {
+            _context2.next = 12;
             break;
           }
-          _context2.prev = 1;
-          _context2.next = 4;
+          // Optimistically remove from cache
+          _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
+          _context2.prev = 2;
+          _context2.next = 5;
           return resourceClient.deleteAgent(agent.id, fireAnalytics);
-        case 4:
+        case 5:
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(_messages.messages.agentDeletedSuccessFlagTitle),
             description: formatMessage(_messages.messages.agentDeletedSuccessFlagDescription, {
@@ -136,23 +140,25 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
             type: 'success',
             id: 'ptc-directory.agent-profile.delete-agent-success'
           });
-          _context2.next = 10;
+          _context2.next = 12;
           break;
-        case 7:
-          _context2.prev = 7;
-          _context2.t0 = _context2["catch"](1);
+        case 8:
+          _context2.prev = 8;
+          _context2.t0 = _context2["catch"](2);
+          // Restore agent to cache on error
+          restore();
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(_messages.messages.agentDeletedErrorFlagTitle),
             description: formatMessage(_messages.messages.agentDeletedErrorFlagDescription),
             type: 'error',
             id: 'ptc-directory.agent-profile.delete-agent-error'
           });
-        case 10:
+        case 12:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[1, 7]]);
-  })), [addFlag, agent, fireAnalytics, formatMessage, resourceClient]);
+    }, _callee2, null, [[2, 8]]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
   (0, _react.useEffect)(function () {
     if (!isLoading && agent) {
       fireAnalytics((0, _analytics.profileCardRendered)('agent', 'content'));

package/dist/cjs/components/Agent/AgentProfileCardResourced.js

@@ -170,6 +170,7 @@ var AgentProfileCardResourced = exports.AgentProfileCardResourced = function Age
     onChatClick: props.onChatClick,
     addFlag: props.addFlag,
     resourceClient: props.resourceClient,
-    cloudId: props.cloudId
+    cloudId: props.cloudId,
+    onDeleteAgent: props.onDeleteAgent
   }));
 };

package/dist/cjs/components/Agent/AgentProfileCardTrigger.js

@@ -153,6 +153,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = function AgentPr
       onChatClick: props.onChatClick,
       onConversationStartersClick: props.onConversationStartersClick,
       resourceClient: props.resourceClient,
+      onDeleteAgent: props.onDeleteAgent,
       addFlag: props.addFlag
     }));
   };

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: "24.5.3"
+      packageVersion: "24.5.4"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

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', "24.5.3");
+  headers.append('atl-client-version', "24.5.4");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,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', "24.5.3");
+  headers.append('atl-client-version', "24.5.4");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Agent/AgentProfileCard.js

@@ -35,7 +35,8 @@ const AgentProfileCard = ({
   errorType,
   onConversationStartersClick,
   resourceClient,
-  addFlag
+  addFlag,
+  onDeleteAgent
 }) => {
   var _agent$user_defined_c, _agent$external_confi, _agent$external_confi2, _agent$creatorInfo, _agent$creatorInfo2, _agent$creatorInfo3, _agent$creatorInfo4;
   const {
@@ -86,7 +87,11 @@ const AgentProfileCard = ({
     }
   }, [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
   const handleOnDelete = useCallback(async () => {
-    if (agent) {
+    if (agent && onDeleteAgent) {
+      // Optimistically remove from cache
+      const {
+        restore
+      } = onDeleteAgent(agent.id);
       try {
         await resourceClient.deleteAgent(agent.id, fireAnalytics);
         addFlag === null || addFlag === void 0 ? void 0 : addFlag({
@@ -98,6 +103,8 @@ const AgentProfileCard = ({
           id: 'ptc-directory.agent-profile.delete-agent-success'
         });
       } catch (error) {
+        // Restore agent to cache on error
+        restore();
         addFlag === null || addFlag === void 0 ? void 0 : addFlag({
           title: formatMessage(messages.agentDeletedErrorFlagTitle),
           description: formatMessage(messages.agentDeletedErrorFlagDescription),
@@ -106,7 +113,7 @@ const AgentProfileCard = ({
         });
       }
     }
-  }, [addFlag, agent, fireAnalytics, formatMessage, resourceClient]);
+  }, [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
   useEffect(() => {
     if (!isLoading && agent) {
       fireAnalytics(profileCardRendered('agent', 'content'));

package/dist/es2019/components/Agent/AgentProfileCardResourced.js

@@ -102,6 +102,7 @@ export const AgentProfileCardResourced = props => {
     onChatClick: props.onChatClick,
     addFlag: props.addFlag,
     resourceClient: props.resourceClient,
-    cloudId: props.cloudId
+    cloudId: props.cloudId,
+    onDeleteAgent: props.onDeleteAgent
   }));
 };

package/dist/es2019/components/Agent/AgentProfileCardTrigger.js

@@ -99,6 +99,7 @@ export const AgentProfileCardTrigger = ({
       onChatClick: props.onChatClick,
       onConversationStartersClick: props.onConversationStartersClick,
       resourceClient: props.resourceClient,
+      onDeleteAgent: props.onDeleteAgent,
       addFlag: props.addFlag
     }));
   };

package/dist/es2019/util/analytics.js

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

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', "24.5.3");
+  headers.append('atl-client-version', "24.5.4");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,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', "24.5.3");
+  headers.append('atl-client-version', "24.5.4");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Agent/AgentProfileCard.js

@@ -39,7 +39,8 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     errorType = _ref.errorType,
     onConversationStartersClick = _ref.onConversationStartersClick,
     resourceClient = _ref.resourceClient,
-    addFlag = _ref.addFlag;
+    addFlag = _ref.addFlag,
+    onDeleteAgent = _ref.onDeleteAgent;
   var _useAgentUrlActions = useAgentUrlActions({
       cloudId: cloudId || '',
       source: 'agentProfileCard'
@@ -107,17 +108,20 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
     }, _callee, null, [[1, 8]]);
   })), [agent === null || agent === void 0 ? void 0 : agent.id, fireAnalytics, isStarred, resourceClient, starCount]);
   var handleOnDelete = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _onDeleteAgent, restore;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          if (!agent) {
-            _context2.next = 10;
+          if (!(agent && onDeleteAgent)) {
+            _context2.next = 12;
             break;
           }
-          _context2.prev = 1;
-          _context2.next = 4;
+          // Optimistically remove from cache
+          _onDeleteAgent = onDeleteAgent(agent.id), restore = _onDeleteAgent.restore;
+          _context2.prev = 2;
+          _context2.next = 5;
           return resourceClient.deleteAgent(agent.id, fireAnalytics);
-        case 4:
+        case 5:
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(messages.agentDeletedSuccessFlagTitle),
             description: formatMessage(messages.agentDeletedSuccessFlagDescription, {
@@ -126,23 +130,25 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
             type: 'success',
             id: 'ptc-directory.agent-profile.delete-agent-success'
           });
-          _context2.next = 10;
+          _context2.next = 12;
           break;
-        case 7:
-          _context2.prev = 7;
-          _context2.t0 = _context2["catch"](1);
+        case 8:
+          _context2.prev = 8;
+          _context2.t0 = _context2["catch"](2);
+          // Restore agent to cache on error
+          restore();
           addFlag === null || addFlag === void 0 || addFlag({
             title: formatMessage(messages.agentDeletedErrorFlagTitle),
             description: formatMessage(messages.agentDeletedErrorFlagDescription),
             type: 'error',
             id: 'ptc-directory.agent-profile.delete-agent-error'
           });
-        case 10:
+        case 12:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[1, 7]]);
-  })), [addFlag, agent, fireAnalytics, formatMessage, resourceClient]);
+    }, _callee2, null, [[2, 8]]);
+  })), [addFlag, agent, formatMessage, onDeleteAgent, resourceClient, fireAnalytics]);
   useEffect(function () {
     if (!isLoading && agent) {
       fireAnalytics(profileCardRendered('agent', 'content'));

package/dist/esm/components/Agent/AgentProfileCardResourced.js

@@ -161,6 +161,7 @@ export var AgentProfileCardResourced = function AgentProfileCardResourced(props)
     onChatClick: props.onChatClick,
     addFlag: props.addFlag,
     resourceClient: props.resourceClient,
-    cloudId: props.cloudId
+    cloudId: props.cloudId,
+    onDeleteAgent: props.onDeleteAgent
   }));
 };

package/dist/esm/components/Agent/AgentProfileCardTrigger.js

@@ -144,6 +144,7 @@ export var AgentProfileCardTrigger = function AgentProfileCardTrigger(_ref) {
       onChatClick: props.onChatClick,
       onConversationStartersClick: props.onConversationStartersClick,
       resourceClient: props.resourceClient,
+      onDeleteAgent: props.onDeleteAgent,
       addFlag: props.addFlag
     }));
   };

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: "24.5.3"
+      packageVersion: "24.5.4"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

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

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

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

@@ -7,5 +7,8 @@ export type AgentProfileCardResourcedProps = {
     trigger?: TriggerType;
     children?: React.ReactNode;
     addFlag?: (flag: Flag) => void;
+    onDeleteAgent?: (agentId: string) => {
+        restore: () => void;
+    };
 } & AgentActionsType;
 export declare const AgentProfileCardResourced: (props: AgentProfileCardResourcedProps) => React.JSX.Element;

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

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

package/dist/types/types.d.ts

@@ -352,6 +352,9 @@ export interface AgentProfileCardTriggerProps extends AgentActionsType {
     offset?: [number, number];
     product?: string;
     viewingUserId?: string;
+    onDeleteAgent?: (agentId: string) => {
+        restore: () => void;
+    };
 }
 export type AgentProfileCardProps = {
     resourceClient: ProfileClient;
@@ -361,6 +364,9 @@ export type AgentProfileCardProps = {
     cloudId?: string;
     errorType?: ProfileCardErrorType;
     addFlag?: (flag: Flag) => void;
+    onDeleteAgent?: (agentId: string) => {
+        restore: () => void;
+    };
 } & AgentActionsType;
 export type StatusType = 'active' | 'inactive' | 'closed';
 export type TriggerType = 'hover' | 'click';

package/dist/types-ts4.5/components/Agent/AgentProfileCard.d.ts

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

package/dist/types-ts4.5/components/Agent/AgentProfileCardResourced.d.ts

@@ -7,5 +7,8 @@ export type AgentProfileCardResourcedProps = {
     trigger?: TriggerType;
     children?: React.ReactNode;
     addFlag?: (flag: Flag) => void;
+    onDeleteAgent?: (agentId: string) => {
+        restore: () => void;
+    };
 } & AgentActionsType;
 export declare const AgentProfileCardResourced: (props: AgentProfileCardResourcedProps) => React.JSX.Element;

package/dist/types-ts4.5/components/Agent/lazyAgentProfileCard.d.ts

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

package/dist/types-ts4.5/types.d.ts

@@ -358,6 +358,9 @@ export interface AgentProfileCardTriggerProps extends AgentActionsType {
     ];
     product?: string;
     viewingUserId?: string;
+    onDeleteAgent?: (agentId: string) => {
+        restore: () => void;
+    };
 }
 export type AgentProfileCardProps = {
     resourceClient: ProfileClient;
@@ -367,6 +370,9 @@ export type AgentProfileCardProps = {
     cloudId?: string;
     errorType?: ProfileCardErrorType;
     addFlag?: (flag: Flag) => void;
+    onDeleteAgent?: (agentId: string) => {
+        restore: () => void;
+    };
 } & AgentActionsType;
 export type StatusType = 'active' | 'inactive' | 'closed';
 export type TriggerType = 'hover' | 'click';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.5.4",
+	"version": "24.5.5",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"