@atlaskit/smart-card 27.4.1 → 27.4.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 27.4.2
+
+### Patch Changes
+
+- [#105240](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105240)
+  [`d54017d7086f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d54017d7086f) -
+  EDM-9896: separate useResponse hook from useResolveHook.
+
 ## 27.4.1
 
 ### Patch Changes

package/dist/cjs/state/hooks/use-resolve/index.js

@@ -8,133 +8,28 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
-var _reactDom = require("react-dom");
 var _analytics = require("../../analytics");
-var _linkingCommon = require("@atlaskit/linking-common");
-var _constants = require("../../actions/constants");
-var _jsonld = require("../../../utils/jsonld");
-var _constants2 = require("../../../constants");
+var _constants = require("../../../constants");
 var _linkProvider = require("@atlaskit/link-provider");
+var _useResponse2 = _interopRequireDefault(require("../use-response"));
 var useResolve = function useResolve() {
   // Request JSON-LD data for the card from ORS, if it has extended
   // its cache lifespan OR there is no data for it currently. Once the data
-  // has come back asynchronously, dispatch the resolved action for the card.
+  // has come back asynchronously, call the useResponse callback to
+  // dispatch the resolved action for the card.
   var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     store = _useSmartLinkContext.store,
-    connections = _useSmartLinkContext.connections,
-    config = _useSmartLinkContext.config;
-  var getState = store.getState,
-    dispatch = store.dispatch;
-  var hasAuthFlowSupported = config.authFlow !== 'disabled';
-  var setMetadataStatus = (0, _react.useCallback)(function (url, metadataStatus) {
-    dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_UPDATE_METADATA_STATUS, {
-      url: url
-    }, undefined, undefined, metadataStatus));
-  }, [dispatch]);
-  var handleResolvedLinkError = (0, _react.useCallback)(function (url, error, response, isMetadataRequest) {
-    var _ref = getState()[url] || {
-        status: _constants2.SmartLinkStatus.Pending,
-        details: undefined
-      },
-      details = _ref.details;
-    var hasData = !!(details && details.data);
-
-    // If metadata request then set metadata status, return and do not alter link status
-    if (isMetadataRequest) {
-      setMetadataStatus(url, 'errored');
-      return;
-    }
-    if (error.kind === 'fatal') {
-      // If there's no previous data in the store for this URL, then bail
-      // out and let the editor handle fallbacks (returns to a blue link).
-      if (!hasData && status !== 'resolved') {
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
-          url: url
-        }, details, error));
-        throw error;
-      }
-      // If we already have resolved data for this URL in the store, then
-      // simply fallback to the previous data.
-      if (hasData) {
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
-          url: url
-        }, details));
-      }
-      // Handle AuthErrors (user did not have access to resource) -
-      // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
-    } else if (error.kind === 'auth') {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
-        url: url
-      }, (0, _jsonld.getUnauthorizedJsonLd)()));
-    } else {
-      if (error.kind === 'fallback') {
-        // Fallback to blue link with smart link formatting. Not part of reliability.
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR_FALLBACK, {
-          url: url
-        }, response, error));
-      } else {
-        // Fallback to blue link with smart link formatting. Part of reliability.
-        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
-          url: url
-        }, undefined, error));
-      }
-    }
-  }, [getState, setMetadataStatus, dispatch]);
-  var handleResolvedLinkSuccess = (0, _react.useCallback)(function (resourceUrl, response, isReloading, isMetadataRequest) {
-    //if a link resolves normally, metadata will also always be resolved
-    setMetadataStatus(resourceUrl, 'resolved');
-    // Dispatch Analytics and resolved card action - including unauthorized states.
-    if (isReloading) {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RELOADING, {
-        url: resourceUrl
-      }, response));
-    } else {
-      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
-        url: resourceUrl
-      }, response, undefined, undefined, isMetadataRequest));
-    }
-  }, [setMetadataStatus, dispatch]);
-  var handleResolvedLinkResponse = (0, _react.useCallback)(function (resourceUrl, response) {
-    var isReloading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var isMetadataRequest = arguments.length > 3 ? arguments[3] : undefined;
-    var hostname = new URL(resourceUrl).hostname;
-    var nextStatus = response ? (0, _linkingCommon.getStatus)(response) : 'fatal';
-
-    // If we require authorization & do not have an authFlow available,
-    // throw an error and render as a normal blue link.
-    if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants.ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
-      return;
-    }
-
-    // Handle any other errors
-    if (nextStatus === 'fatal') {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fatal', hostname, _constants.ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
-      return;
-    }
-
-    // Handle errors of any other kind in the metadata request response
-    if (isMetadataRequest && nextStatus !== 'resolved') {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('error', hostname, _constants.ERROR_MESSAGE_METADATA), response, isMetadataRequest);
-      return;
-    }
-
-    /**
-     * Using unstable_batchedUpdates because this store update happens async and trigers a rerender
-     * more info:
-     * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
-     * https://react-redux.js.org/api/batch
-     */
-    (0, _reactDom.unstable_batchedUpdates)(function () {
-      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
-    });
-  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
+    connections = _useSmartLinkContext.connections;
+  var getState = store.getState;
+  var _useResponse = (0, _useResponse2.default)(),
+    handleResolvedLinkResponse = _useResponse.handleResolvedLinkResponse,
+    handleResolvedLinkError = _useResponse.handleResolvedLinkError;
   return (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url) {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url) {
       var isReloading,
         isMetadataRequest,
         id,
-        _ref3,
+        _ref2,
         details,
         hasData,
         _args = arguments;
@@ -144,10 +39,10 @@ var useResolve = function useResolve() {
             isReloading = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
             isMetadataRequest = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
             id = _args.length > 3 && _args[3] !== undefined ? _args[3] : '';
-            _ref3 = getState()[url] || {
-              status: _constants2.SmartLinkStatus.Pending,
+            _ref2 = getState()[url] || {
+              status: _constants.SmartLinkStatus.Pending,
               details: undefined
-            }, details = _ref3.details;
+            }, details = _ref2.details;
             hasData = !!(details && details.data);
             if (!(isReloading || !hasData || isMetadataRequest)) {
               _context.next = 9;
@@ -169,7 +64,7 @@ var useResolve = function useResolve() {
       }, _callee);
     }));
     return function (_x) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }(), [connections.client, getState, handleResolvedLinkError, handleResolvedLinkResponse]);
 };

package/dist/cjs/state/hooks/use-response/index.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _linkingCommon = require("@atlaskit/linking-common");
+var _constants = require("../../../constants");
+var _jsonld = require("../../../utils/jsonld");
+var _constants2 = require("../../actions/constants");
+var _reactDom = require("react-dom");
+var _linkProvider = require("@atlaskit/link-provider");
+var useResponse = function useResponse() {
+  // Takes in the JSON-LD response and dispatch the resolved action for the card.
+  // It will dispatch a successful or error action
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
+    store = _useSmartLinkContext.store,
+    config = _useSmartLinkContext.config;
+  var getState = store.getState,
+    dispatch = store.dispatch;
+  var hasAuthFlowSupported = config.authFlow !== 'disabled';
+  var setMetadataStatus = (0, _react.useCallback)(function (url, metadataStatus) {
+    dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_UPDATE_METADATA_STATUS, {
+      url: url
+    }, undefined, undefined, metadataStatus));
+  }, [dispatch]);
+  var handleResolvedLinkError = (0, _react.useCallback)(function (url, error, response, isMetadataRequest) {
+    var _ref = getState()[url] || {
+        status: _constants.SmartLinkStatus.Pending,
+        details: undefined
+      },
+      details = _ref.details;
+    var hasData = !!(details && details.data);
+    // If metadata request then set metadata status, return and do not alter link status
+    if (isMetadataRequest) {
+      setMetadataStatus(url, 'errored');
+      return;
+    }
+    if (error.kind === 'fatal') {
+      // If there's no previous data in the store for this URL, then bail
+      // out and let the editor handle fallbacks (returns to a blue link).
+      if (!hasData && status !== 'resolved') {
+        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
+          url: url
+        }, details, error));
+        throw error;
+      }
+      // If we already have resolved data for this URL in the store, then
+      // simply fallback to the previous data.
+      if (hasData) {
+        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
+          url: url
+        }, details));
+      }
+      // Handle AuthErrors (user did not have access to resource) -
+      // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
+    } else if (error.kind === 'auth') {
+      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
+        url: url
+      }, (0, _jsonld.getUnauthorizedJsonLd)()));
+    } else {
+      if (error.kind === 'fallback') {
+        // Fallback to blue link with smart link formatting. Not part of reliability.
+        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR_FALLBACK, {
+          url: url
+        }, response, error));
+      } else {
+        // Fallback to blue link with smart link formatting. Part of reliability.
+        dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
+          url: url
+        }, undefined, error));
+      }
+    }
+  }, [getState, setMetadataStatus, dispatch]);
+  var handleResolvedLinkSuccess = (0, _react.useCallback)(function (resourceUrl, response, isReloading, isMetadataRequest) {
+    //if a link resolves normally, metadata will also always be resolved
+    setMetadataStatus(resourceUrl, 'resolved');
+    // Dispatch Analytics and resolved card action - including unauthorized states.
+    if (isReloading) {
+      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RELOADING, {
+        url: resourceUrl
+      }, response));
+    } else {
+      dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_RESOLVED, {
+        url: resourceUrl
+      }, response, undefined, undefined, isMetadataRequest));
+    }
+  }, [setMetadataStatus, dispatch]);
+  var handleResolvedLinkResponse = (0, _react.useCallback)(function (resourceUrl, response) {
+    var isReloading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var isMetadataRequest = arguments.length > 3 ? arguments[3] : undefined;
+    var hostname = new URL(resourceUrl).hostname;
+    var nextStatus = response ? (0, _linkingCommon.getStatus)(response) : 'fatal';
+
+    // If we require authorization & do not have an authFlow available,
+    // throw an error and render as a normal blue link.
+    if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
+      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants2.ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
+      return;
+    }
+
+    // Handle any other errors
+    if (nextStatus === 'fatal') {
+      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fatal', hostname, _constants2.ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
+      return;
+    }
+
+    // Handle errors of any other kind in the metadata request response
+    if (isMetadataRequest && nextStatus !== 'resolved') {
+      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('error', hostname, _constants2.ERROR_MESSAGE_METADATA), response, isMetadataRequest);
+      return;
+    }
+
+    /**
+     * Using unstable_batchedUpdates because this store update happens async and triggers a rerender
+     * more info:
+     * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
+     * https://react-redux.js.org/api/batch
+     */
+    (0, _reactDom.unstable_batchedUpdates)(function () {
+      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
+    });
+  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
+  return (0, _react.useMemo)(function () {
+    return {
+      handleResolvedLinkError: handleResolvedLinkError,
+      handleResolvedLinkResponse: handleResolvedLinkResponse
+    };
+  }, [handleResolvedLinkError, handleResolvedLinkResponse]);
+};
+var _default = exports.default = useResponse;

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.4.1"
+  packageVersion: "27.4.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.4.1",
+  packageVersion: "27.4.2",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/state/hooks/use-resolve/index.js

@@ -1,127 +1,24 @@
 import { useCallback } from 'react';
-import { unstable_batchedUpdates } from 'react-dom';
 import { addMetadataToExperience } from '../../analytics';
-import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
-import { ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA, ERROR_MESSAGE_OAUTH } from '../../actions/constants';
-import { getUnauthorizedJsonLd } from '../../../utils/jsonld';
 import { SmartLinkStatus } from '../../../constants';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import useResponse from '../use-response';
 const useResolve = () => {
   // Request JSON-LD data for the card from ORS, if it has extended
   // its cache lifespan OR there is no data for it currently. Once the data
-  // has come back asynchronously, dispatch the resolved action for the card.
+  // has come back asynchronously, call the useResponse callback to
+  // dispatch the resolved action for the card.
   const {
     store,
-    connections,
-    config
+    connections
   } = useSmartLinkContext();
   const {
-    getState,
-    dispatch
+    getState
   } = store;
-  const hasAuthFlowSupported = config.authFlow !== 'disabled';
-  const setMetadataStatus = useCallback((url, metadataStatus) => {
-    dispatch(cardAction(ACTION_UPDATE_METADATA_STATUS, {
-      url
-    }, undefined, undefined, metadataStatus));
-  }, [dispatch]);
-  const handleResolvedLinkError = useCallback((url, error, response, isMetadataRequest) => {
-    const {
-      details
-    } = getState()[url] || {
-      status: SmartLinkStatus.Pending,
-      details: undefined
-    };
-    const hasData = !!(details && details.data);
-
-    // If metadata request then set metadata status, return and do not alter link status
-    if (isMetadataRequest) {
-      setMetadataStatus(url, 'errored');
-      return;
-    }
-    if (error.kind === 'fatal') {
-      // If there's no previous data in the store for this URL, then bail
-      // out and let the editor handle fallbacks (returns to a blue link).
-      if (!hasData && status !== 'resolved') {
-        dispatch(cardAction(ACTION_ERROR, {
-          url
-        }, details, error));
-        throw error;
-      }
-      // If we already have resolved data for this URL in the store, then
-      // simply fallback to the previous data.
-      if (hasData) {
-        dispatch(cardAction(ACTION_RESOLVED, {
-          url
-        }, details));
-      }
-      // Handle AuthErrors (user did not have access to resource) -
-      // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
-    } else if (error.kind === 'auth') {
-      dispatch(cardAction(ACTION_RESOLVED, {
-        url
-      }, getUnauthorizedJsonLd()));
-    } else {
-      if (error.kind === 'fallback') {
-        // Fallback to blue link with smart link formatting. Not part of reliability.
-        dispatch(cardAction(ACTION_ERROR_FALLBACK, {
-          url
-        }, response, error));
-      } else {
-        // Fallback to blue link with smart link formatting. Part of reliability.
-        dispatch(cardAction(ACTION_ERROR, {
-          url
-        }, undefined, error));
-      }
-    }
-  }, [getState, setMetadataStatus, dispatch]);
-  const handleResolvedLinkSuccess = useCallback((resourceUrl, response, isReloading, isMetadataRequest) => {
-    //if a link resolves normally, metadata will also always be resolved
-    setMetadataStatus(resourceUrl, 'resolved');
-    // Dispatch Analytics and resolved card action - including unauthorized states.
-    if (isReloading) {
-      dispatch(cardAction(ACTION_RELOADING, {
-        url: resourceUrl
-      }, response));
-    } else {
-      dispatch(cardAction(ACTION_RESOLVED, {
-        url: resourceUrl
-      }, response, undefined, undefined, isMetadataRequest));
-    }
-  }, [setMetadataStatus, dispatch]);
-  const handleResolvedLinkResponse = useCallback((resourceUrl, response, isReloading = false, isMetadataRequest) => {
-    const hostname = new URL(resourceUrl).hostname;
-    const nextStatus = response ? getStatus(response) : 'fatal';
-
-    // If we require authorization & do not have an authFlow available,
-    // throw an error and render as a normal blue link.
-    if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
-      return;
-    }
-
-    // Handle any other errors
-    if (nextStatus === 'fatal') {
-      handleResolvedLinkError(resourceUrl, new APIError('fatal', hostname, ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
-      return;
-    }
-
-    // Handle errors of any other kind in the metadata request response
-    if (isMetadataRequest && nextStatus !== 'resolved') {
-      handleResolvedLinkError(resourceUrl, new APIError('error', hostname, ERROR_MESSAGE_METADATA), response, isMetadataRequest);
-      return;
-    }
-
-    /**
-     * Using unstable_batchedUpdates because this store update happens async and trigers a rerender
-     * more info:
-     * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
-     * https://react-redux.js.org/api/batch
-     */
-    unstable_batchedUpdates(() => {
-      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
-    });
-  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
+  const {
+    handleResolvedLinkResponse,
+    handleResolvedLinkError
+  } = useResponse();
   return useCallback(async (url, isReloading = false, isMetadataRequest = false, id = '') => {
     const {
       details

package/dist/es2019/state/hooks/use-response/index.js

@@ -0,0 +1,126 @@
+import { useCallback, useMemo } from 'react';
+import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
+import { SmartLinkStatus } from '../../../constants';
+import { getUnauthorizedJsonLd } from '../../../utils/jsonld';
+import { ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA, ERROR_MESSAGE_OAUTH } from '../../actions/constants';
+import { unstable_batchedUpdates } from 'react-dom';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+const useResponse = () => {
+  // Takes in the JSON-LD response and dispatch the resolved action for the card.
+  // It will dispatch a successful or error action
+  const {
+    store,
+    config
+  } = useSmartLinkContext();
+  const {
+    getState,
+    dispatch
+  } = store;
+  const hasAuthFlowSupported = config.authFlow !== 'disabled';
+  const setMetadataStatus = useCallback((url, metadataStatus) => {
+    dispatch(cardAction(ACTION_UPDATE_METADATA_STATUS, {
+      url
+    }, undefined, undefined, metadataStatus));
+  }, [dispatch]);
+  const handleResolvedLinkError = useCallback((url, error, response, isMetadataRequest) => {
+    const {
+      details
+    } = getState()[url] || {
+      status: SmartLinkStatus.Pending,
+      details: undefined
+    };
+    const hasData = !!(details && details.data);
+    // If metadata request then set metadata status, return and do not alter link status
+    if (isMetadataRequest) {
+      setMetadataStatus(url, 'errored');
+      return;
+    }
+    if (error.kind === 'fatal') {
+      // If there's no previous data in the store for this URL, then bail
+      // out and let the editor handle fallbacks (returns to a blue link).
+      if (!hasData && status !== 'resolved') {
+        dispatch(cardAction(ACTION_ERROR, {
+          url
+        }, details, error));
+        throw error;
+      }
+      // If we already have resolved data for this URL in the store, then
+      // simply fallback to the previous data.
+      if (hasData) {
+        dispatch(cardAction(ACTION_RESOLVED, {
+          url
+        }, details));
+      }
+      // Handle AuthErrors (user did not have access to resource) -
+      // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
+    } else if (error.kind === 'auth') {
+      dispatch(cardAction(ACTION_RESOLVED, {
+        url
+      }, getUnauthorizedJsonLd()));
+    } else {
+      if (error.kind === 'fallback') {
+        // Fallback to blue link with smart link formatting. Not part of reliability.
+        dispatch(cardAction(ACTION_ERROR_FALLBACK, {
+          url
+        }, response, error));
+      } else {
+        // Fallback to blue link with smart link formatting. Part of reliability.
+        dispatch(cardAction(ACTION_ERROR, {
+          url
+        }, undefined, error));
+      }
+    }
+  }, [getState, setMetadataStatus, dispatch]);
+  const handleResolvedLinkSuccess = useCallback((resourceUrl, response, isReloading, isMetadataRequest) => {
+    //if a link resolves normally, metadata will also always be resolved
+    setMetadataStatus(resourceUrl, 'resolved');
+    // Dispatch Analytics and resolved card action - including unauthorized states.
+    if (isReloading) {
+      dispatch(cardAction(ACTION_RELOADING, {
+        url: resourceUrl
+      }, response));
+    } else {
+      dispatch(cardAction(ACTION_RESOLVED, {
+        url: resourceUrl
+      }, response, undefined, undefined, isMetadataRequest));
+    }
+  }, [setMetadataStatus, dispatch]);
+  const handleResolvedLinkResponse = useCallback((resourceUrl, response, isReloading = false, isMetadataRequest) => {
+    const hostname = new URL(resourceUrl).hostname;
+    const nextStatus = response ? getStatus(response) : 'fatal';
+
+    // If we require authorization & do not have an authFlow available,
+    // throw an error and render as a normal blue link.
+    if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
+      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
+      return;
+    }
+
+    // Handle any other errors
+    if (nextStatus === 'fatal') {
+      handleResolvedLinkError(resourceUrl, new APIError('fatal', hostname, ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
+      return;
+    }
+
+    // Handle errors of any other kind in the metadata request response
+    if (isMetadataRequest && nextStatus !== 'resolved') {
+      handleResolvedLinkError(resourceUrl, new APIError('error', hostname, ERROR_MESSAGE_METADATA), response, isMetadataRequest);
+      return;
+    }
+
+    /**
+     * Using unstable_batchedUpdates because this store update happens async and triggers a rerender
+     * more info:
+     * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
+     * https://react-redux.js.org/api/batch
+     */
+    unstable_batchedUpdates(() => {
+      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
+    });
+  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
+  return useMemo(() => ({
+    handleResolvedLinkError,
+    handleResolvedLinkResponse
+  }), [handleResolvedLinkError, handleResolvedLinkResponse]);
+};
+export default useResponse;

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.4.1"
+  packageVersion: "27.4.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.4.1",
+  packageVersion: "27.4.2",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/state/hooks/use-resolve/index.js

@@ -1,133 +1,28 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
-import { unstable_batchedUpdates } from 'react-dom';
 import { addMetadataToExperience } from '../../analytics';
-import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
-import { ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA, ERROR_MESSAGE_OAUTH } from '../../actions/constants';
-import { getUnauthorizedJsonLd } from '../../../utils/jsonld';
 import { SmartLinkStatus } from '../../../constants';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import useResponse from '../use-response';
 var useResolve = function useResolve() {
   // Request JSON-LD data for the card from ORS, if it has extended
   // its cache lifespan OR there is no data for it currently. Once the data
-  // has come back asynchronously, dispatch the resolved action for the card.
+  // has come back asynchronously, call the useResponse callback to
+  // dispatch the resolved action for the card.
   var _useSmartLinkContext = useSmartLinkContext(),
     store = _useSmartLinkContext.store,
-    connections = _useSmartLinkContext.connections,
-    config = _useSmartLinkContext.config;
-  var getState = store.getState,
-    dispatch = store.dispatch;
-  var hasAuthFlowSupported = config.authFlow !== 'disabled';
-  var setMetadataStatus = useCallback(function (url, metadataStatus) {
-    dispatch(cardAction(ACTION_UPDATE_METADATA_STATUS, {
-      url: url
-    }, undefined, undefined, metadataStatus));
-  }, [dispatch]);
-  var handleResolvedLinkError = useCallback(function (url, error, response, isMetadataRequest) {
-    var _ref = getState()[url] || {
-        status: SmartLinkStatus.Pending,
-        details: undefined
-      },
-      details = _ref.details;
-    var hasData = !!(details && details.data);
-
-    // If metadata request then set metadata status, return and do not alter link status
-    if (isMetadataRequest) {
-      setMetadataStatus(url, 'errored');
-      return;
-    }
-    if (error.kind === 'fatal') {
-      // If there's no previous data in the store for this URL, then bail
-      // out and let the editor handle fallbacks (returns to a blue link).
-      if (!hasData && status !== 'resolved') {
-        dispatch(cardAction(ACTION_ERROR, {
-          url: url
-        }, details, error));
-        throw error;
-      }
-      // If we already have resolved data for this URL in the store, then
-      // simply fallback to the previous data.
-      if (hasData) {
-        dispatch(cardAction(ACTION_RESOLVED, {
-          url: url
-        }, details));
-      }
-      // Handle AuthErrors (user did not have access to resource) -
-      // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
-    } else if (error.kind === 'auth') {
-      dispatch(cardAction(ACTION_RESOLVED, {
-        url: url
-      }, getUnauthorizedJsonLd()));
-    } else {
-      if (error.kind === 'fallback') {
-        // Fallback to blue link with smart link formatting. Not part of reliability.
-        dispatch(cardAction(ACTION_ERROR_FALLBACK, {
-          url: url
-        }, response, error));
-      } else {
-        // Fallback to blue link with smart link formatting. Part of reliability.
-        dispatch(cardAction(ACTION_ERROR, {
-          url: url
-        }, undefined, error));
-      }
-    }
-  }, [getState, setMetadataStatus, dispatch]);
-  var handleResolvedLinkSuccess = useCallback(function (resourceUrl, response, isReloading, isMetadataRequest) {
-    //if a link resolves normally, metadata will also always be resolved
-    setMetadataStatus(resourceUrl, 'resolved');
-    // Dispatch Analytics and resolved card action - including unauthorized states.
-    if (isReloading) {
-      dispatch(cardAction(ACTION_RELOADING, {
-        url: resourceUrl
-      }, response));
-    } else {
-      dispatch(cardAction(ACTION_RESOLVED, {
-        url: resourceUrl
-      }, response, undefined, undefined, isMetadataRequest));
-    }
-  }, [setMetadataStatus, dispatch]);
-  var handleResolvedLinkResponse = useCallback(function (resourceUrl, response) {
-    var isReloading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var isMetadataRequest = arguments.length > 3 ? arguments[3] : undefined;
-    var hostname = new URL(resourceUrl).hostname;
-    var nextStatus = response ? getStatus(response) : 'fatal';
-
-    // If we require authorization & do not have an authFlow available,
-    // throw an error and render as a normal blue link.
-    if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
-      return;
-    }
-
-    // Handle any other errors
-    if (nextStatus === 'fatal') {
-      handleResolvedLinkError(resourceUrl, new APIError('fatal', hostname, ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
-      return;
-    }
-
-    // Handle errors of any other kind in the metadata request response
-    if (isMetadataRequest && nextStatus !== 'resolved') {
-      handleResolvedLinkError(resourceUrl, new APIError('error', hostname, ERROR_MESSAGE_METADATA), response, isMetadataRequest);
-      return;
-    }
-
-    /**
-     * Using unstable_batchedUpdates because this store update happens async and trigers a rerender
-     * more info:
-     * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
-     * https://react-redux.js.org/api/batch
-     */
-    unstable_batchedUpdates(function () {
-      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
-    });
-  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
+    connections = _useSmartLinkContext.connections;
+  var getState = store.getState;
+  var _useResponse = useResponse(),
+    handleResolvedLinkResponse = _useResponse.handleResolvedLinkResponse,
+    handleResolvedLinkError = _useResponse.handleResolvedLinkError;
   return useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
       var isReloading,
         isMetadataRequest,
         id,
-        _ref3,
+        _ref2,
         details,
         hasData,
         _args = arguments;
@@ -137,10 +32,10 @@ var useResolve = function useResolve() {
             isReloading = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
             isMetadataRequest = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
             id = _args.length > 3 && _args[3] !== undefined ? _args[3] : '';
-            _ref3 = getState()[url] || {
+            _ref2 = getState()[url] || {
               status: SmartLinkStatus.Pending,
               details: undefined
-            }, details = _ref3.details;
+            }, details = _ref2.details;
             hasData = !!(details && details.data);
             if (!(isReloading || !hasData || isMetadataRequest)) {
               _context.next = 9;
@@ -162,7 +57,7 @@ var useResolve = function useResolve() {
       }, _callee);
     }));
     return function (_x) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }(), [connections.client, getState, handleResolvedLinkError, handleResolvedLinkResponse]);
 };

package/dist/esm/state/hooks/use-response/index.js

@@ -0,0 +1,126 @@
+import { useCallback, useMemo } from 'react';
+import { ACTION_ERROR, ACTION_ERROR_FALLBACK, ACTION_RELOADING, ACTION_RESOLVED, ACTION_UPDATE_METADATA_STATUS, APIError, cardAction, getStatus } from '@atlaskit/linking-common';
+import { SmartLinkStatus } from '../../../constants';
+import { getUnauthorizedJsonLd } from '../../../utils/jsonld';
+import { ERROR_MESSAGE_FATAL, ERROR_MESSAGE_METADATA, ERROR_MESSAGE_OAUTH } from '../../actions/constants';
+import { unstable_batchedUpdates } from 'react-dom';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+var useResponse = function useResponse() {
+  // Takes in the JSON-LD response and dispatch the resolved action for the card.
+  // It will dispatch a successful or error action
+  var _useSmartLinkContext = useSmartLinkContext(),
+    store = _useSmartLinkContext.store,
+    config = _useSmartLinkContext.config;
+  var getState = store.getState,
+    dispatch = store.dispatch;
+  var hasAuthFlowSupported = config.authFlow !== 'disabled';
+  var setMetadataStatus = useCallback(function (url, metadataStatus) {
+    dispatch(cardAction(ACTION_UPDATE_METADATA_STATUS, {
+      url: url
+    }, undefined, undefined, metadataStatus));
+  }, [dispatch]);
+  var handleResolvedLinkError = useCallback(function (url, error, response, isMetadataRequest) {
+    var _ref = getState()[url] || {
+        status: SmartLinkStatus.Pending,
+        details: undefined
+      },
+      details = _ref.details;
+    var hasData = !!(details && details.data);
+    // If metadata request then set metadata status, return and do not alter link status
+    if (isMetadataRequest) {
+      setMetadataStatus(url, 'errored');
+      return;
+    }
+    if (error.kind === 'fatal') {
+      // If there's no previous data in the store for this URL, then bail
+      // out and let the editor handle fallbacks (returns to a blue link).
+      if (!hasData && status !== 'resolved') {
+        dispatch(cardAction(ACTION_ERROR, {
+          url: url
+        }, details, error));
+        throw error;
+      }
+      // If we already have resolved data for this URL in the store, then
+      // simply fallback to the previous data.
+      if (hasData) {
+        dispatch(cardAction(ACTION_RESOLVED, {
+          url: url
+        }, details));
+      }
+      // Handle AuthErrors (user did not have access to resource) -
+      // Missing AAID in ASAP claims, or missing UserContext, or 403 from downstream
+    } else if (error.kind === 'auth') {
+      dispatch(cardAction(ACTION_RESOLVED, {
+        url: url
+      }, getUnauthorizedJsonLd()));
+    } else {
+      if (error.kind === 'fallback') {
+        // Fallback to blue link with smart link formatting. Not part of reliability.
+        dispatch(cardAction(ACTION_ERROR_FALLBACK, {
+          url: url
+        }, response, error));
+      } else {
+        // Fallback to blue link with smart link formatting. Part of reliability.
+        dispatch(cardAction(ACTION_ERROR, {
+          url: url
+        }, undefined, error));
+      }
+    }
+  }, [getState, setMetadataStatus, dispatch]);
+  var handleResolvedLinkSuccess = useCallback(function (resourceUrl, response, isReloading, isMetadataRequest) {
+    //if a link resolves normally, metadata will also always be resolved
+    setMetadataStatus(resourceUrl, 'resolved');
+    // Dispatch Analytics and resolved card action - including unauthorized states.
+    if (isReloading) {
+      dispatch(cardAction(ACTION_RELOADING, {
+        url: resourceUrl
+      }, response));
+    } else {
+      dispatch(cardAction(ACTION_RESOLVED, {
+        url: resourceUrl
+      }, response, undefined, undefined, isMetadataRequest));
+    }
+  }, [setMetadataStatus, dispatch]);
+  var handleResolvedLinkResponse = useCallback(function (resourceUrl, response) {
+    var isReloading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var isMetadataRequest = arguments.length > 3 ? arguments[3] : undefined;
+    var hostname = new URL(resourceUrl).hostname;
+    var nextStatus = response ? getStatus(response) : 'fatal';
+
+    // If we require authorization & do not have an authFlow available,
+    // throw an error and render as a normal blue link.
+    if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
+      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response, isMetadataRequest);
+      return;
+    }
+
+    // Handle any other errors
+    if (nextStatus === 'fatal') {
+      handleResolvedLinkError(resourceUrl, new APIError('fatal', hostname, ERROR_MESSAGE_FATAL), undefined, isMetadataRequest);
+      return;
+    }
+
+    // Handle errors of any other kind in the metadata request response
+    if (isMetadataRequest && nextStatus !== 'resolved') {
+      handleResolvedLinkError(resourceUrl, new APIError('error', hostname, ERROR_MESSAGE_METADATA), response, isMetadataRequest);
+      return;
+    }
+
+    /**
+     * Using unstable_batchedUpdates because this store update happens async and triggers a rerender
+     * more info:
+     * https://github.com/facebook/react/blob/v18.2.0/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L113
+     * https://react-redux.js.org/api/batch
+     */
+    unstable_batchedUpdates(function () {
+      handleResolvedLinkSuccess(resourceUrl, response, isReloading, isMetadataRequest);
+    });
+  }, [handleResolvedLinkError, handleResolvedLinkSuccess, hasAuthFlowSupported]);
+  return useMemo(function () {
+    return {
+      handleResolvedLinkError: handleResolvedLinkError,
+      handleResolvedLinkResponse: handleResolvedLinkResponse
+    };
+  }, [handleResolvedLinkError, handleResolvedLinkResponse]);
+};
+export default useResponse;

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.4.1"
+  packageVersion: "27.4.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.4.1",
+  packageVersion: "27.4.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/state/hooks/use-response/index.d.ts

@@ -0,0 +1,7 @@
+import { APIError } from '@atlaskit/linking-common';
+import { type JsonLd } from 'json-ld-types';
+declare const useResponse: () => {
+    handleResolvedLinkError: (url: string, error: APIError, response?: JsonLd.Response, isMetadataRequest?: boolean) => void;
+    handleResolvedLinkResponse: (resourceUrl: string, response: JsonLd.Response, isReloading?: any, isMetadataRequest?: boolean) => void;
+};
+export default useResponse;

package/dist/types-ts4.5/state/hooks/use-response/index.d.ts

@@ -0,0 +1,7 @@
+import { APIError } from '@atlaskit/linking-common';
+import { type JsonLd } from 'json-ld-types';
+declare const useResponse: () => {
+    handleResolvedLinkError: (url: string, error: APIError, response?: JsonLd.Response, isMetadataRequest?: boolean) => void;
+    handleResolvedLinkResponse: (resourceUrl: string, response: JsonLd.Response, isReloading?: any, isMetadataRequest?: boolean) => void;
+};
+export default useResponse;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "27.4.1",
+  "version": "27.4.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.17.0",
-    "@atlaskit/primitives": "^6.3.0",
+    "@atlaskit/primitives": "^6.4.0",
     "@atlaskit/section-message": "^6.5.0",
     "@atlaskit/select": "^17.10.0",
     "@atlaskit/spinner": "^16.1.0",
@@ -97,7 +97,6 @@
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/analytics-tooling": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "^0.2.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
@@ -192,6 +191,5 @@
     "platform.linking-platform.smart-card.enable-view-related-urls-action": {
       "type": "boolean"
     }
-  },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  }
 }