@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -5,7 +5,6 @@ import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './u
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { trackLinkUpdated, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
-
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {
     for (const [key, value] of Object.entries(commonAttributes)) {
@@ -14,9 +13,9 @@ const applyCommonAttributes = (event, commonAttributes) => {
       }
     }
   }
-
   return event;
 };
+
 /**
  * This hook provides usage of Smart Link analytics outside of the Card component.
  * Can be provided to Card via the analyticsEvents prop to change the analytics events.
@@ -26,11 +25,9 @@ const applyCommonAttributes = (event, commonAttributes) => {
  * @param defaultLocation location attribute to be used
  * @returns
  */
-
-
 export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocation) => {
-  const defaultId = id || 'NULL'; // We don't want to trigger a re-render by using useSmartCardState
-
+  const defaultId = id || 'NULL';
+  // We don't want to trigger a re-render by using useSmartCardState
   const {
     store
   } = useSmartLinkContext();
@@ -50,8 +47,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
     destinationProduct: extractedProduct,
     location: defaultLocation
   }), [defaultId, extractedDefinitionId, extractedExtensionKey, extractedResourceType, extractedSubproduct, extractedProduct, defaultLocation]);
-  /** Contains all ui analytics events */
 
+  /** Contains all ui analytics events */
   const ui = useMemo(() => ({
     /**
      * This fires an event that represents when a user clicks on the authentication
@@ -78,7 +75,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       location
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user clicks on the authentication
      * call to action with a forbidden authenticated account. (i.e. Try another account).
@@ -104,7 +100,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       location
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user
      * click a button.
@@ -114,12 +109,12 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       action: 'clicked',
       actionSubject: 'button',
       actionSubjectId: data.actionSubjectId,
-      attributes: { ...context,
+      attributes: {
+        ...context,
         ...data.attributes
       },
       eventType: 'ui'
     }, commonAttributes)),
-
     /**
      * This fires an event that represents when a user clicks on a Smart Link.
      * @param id The unique ID for this Smart Link.
@@ -155,7 +150,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       actionSubjectId
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user dwells their cursor on a Smart Link's iframe.
      * @param id The unique ID for this Smart Link.
@@ -192,7 +186,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       dwellTime,
       dwellPercentVisible
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user clicks or tabs into a Smart Link's iframe.
      * @param id The unique ID for this Smart Link.
@@ -223,7 +216,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationProduct,
       destinationSubproduct
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user clicks on a Smart Link action.
      * Note: This also starts the UFO smart-link-action-invocation experience.
@@ -264,7 +256,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents when a user clicks on a hover preview's "navigate to link" button.
      * https://product-fabric.atlassian.net/wiki/spaces/EM/pages/3206743323/Analytics+Metrics+-+Hover+Previews
@@ -293,7 +284,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         previewInvokeMethod
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents when a user closed the authentication window without authenticating after opening it.
      * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
@@ -318,7 +308,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       location
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user close a modal.
      * @param data A partial analytics event payload
@@ -327,12 +316,12 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       action: 'closed',
       actionSubject: 'modal',
       actionSubjectId: data.actionSubjectId,
-      attributes: { ...context,
+      attributes: {
+        ...context,
         ...data.attributes
       },
       eventType: 'ui'
     }, commonAttributes)),
-
     /**
      * This fires an event that represents when a Smart Link was rendered successfully.
      * Note: this fires even if the Smart Link request errored out.
@@ -356,8 +345,9 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       succeedUfoExperience('smart-link-rendered', experienceId, {
         extensionKey,
         display
-      }); // UFO will disregard this if authentication experience has not yet been started
+      });
 
+      // UFO will disregard this if authentication experience has not yet been started
       succeedUfoExperience('smart-link-authenticated', experienceId, {
         display
       });
@@ -372,7 +362,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents when a Smart Link renders unsuccessfuly.
      * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
@@ -392,9 +381,9 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       location
     }) => {
-      const experienceId = id ? id : defaultId; // Start and fail the smart-link-rendered experience. If it has already
+      const experienceId = id ? id : defaultId;
+      // Start and fail the smart-link-rendered experience. If it has already
       // been started nothing happens.
-
       startUfoExperience('smart-link-rendered', experienceId);
       failUfoExperience('smart-link-rendered', experienceId);
       failUfoExperience('smart-link-authenticated', experienceId);
@@ -410,7 +399,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents a hover preview being opened.
      * @param hoverDisplay Whether the hover preview was displayed as a card or embed.
@@ -442,7 +430,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       previewInvokeMethod,
       status
     }), commonAttributes)),
-
     /**
      * This fires an event that represents a hover preview being dismissed.
      * @param hoverDisplay Whether the hover preview was displayed as a card or embed.
@@ -477,7 +464,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       previewInvokeMethod,
       status
     }), commonAttributes)),
-
     /**
      * Fires an event that signifies that a "Learn More" link was clicked on an unauthenticated card
      * @param extensionKey The extensionKey of the Smart Link resovler invoked.
@@ -485,8 +471,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
      */
     learnMoreClickedEvent: () => dispatchAnalytics(applyCommonAttributes(uiLearnMoreLinkClickedEvent(), commonAttributes))
   }), [defaultId, commonAttributes, dispatchAnalytics]);
-  /** Contains all operational analytics events */
 
+  /** Contains all operational analytics events */
   const operational = useMemo(() => ({
     /**
      * This fires an event that represents an action being successfully invoked.
@@ -519,7 +505,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents an action being unsuccessfully invoked.
      * @param id The unique ID for this Smart Link.
@@ -554,7 +539,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents an account successfully being connected via a Smart Link.
      * @param id The unique ID for this Smart Link.
@@ -575,7 +559,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         extensionKey,
         status: 'success'
       });
-      dispatchAnalytics(applyCommonAttributes(connectSucceededEvent({ ...commonAttributes,
+      dispatchAnalytics(applyCommonAttributes(connectSucceededEvent({
+        ...commonAttributes,
         id: experienceId,
         extensionKey,
         definitionId,
@@ -585,7 +570,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event that represents an account unsuccessfully being connected.
      * @param id The unique ID for this Smart Link.
@@ -608,7 +592,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         extensionKey,
         status: reason
       });
-      dispatchAnalytics(applyCommonAttributes(connectFailedEvent({ ...commonAttributes,
+      dispatchAnalytics(applyCommonAttributes(connectFailedEvent({
+        ...commonAttributes,
         id: experienceId,
         reason,
         extensionKey,
@@ -619,7 +604,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location
       }), commonAttributes));
     },
-
     /**
      * This fires an event which represents a Smart Link request succeeding or failing based on the status.
      * @param id The unique ID for this Smart Link.
@@ -640,7 +624,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       location,
       error
     }) => {
-      const event = instrumentEvent({ ...commonAttributes,
+      const event = instrumentEvent({
+        ...commonAttributes,
         id,
         status,
         extensionKey,
@@ -651,12 +636,10 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
         location,
         error
       });
-
       if (event) {
         dispatchAnalytics(applyCommonAttributes(event, commonAttributes));
       }
     },
-
     /**
      * This fires an event that represents when a Smart Link renders unsuccessfuly.
      * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
@@ -688,8 +671,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       }), commonAttributes));
     }
   }), [defaultId, commonAttributes, dispatchAnalytics]);
-  /** Contains all track analytics events */
 
+  /** Contains all track analytics events */
   const track = useMemo(() => ({
     /**
      * This fires an event which represents a user connecting their account to view a Smart Link.
@@ -704,7 +687,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationProduct,
       destinationSubproduct,
       location
-    }) => dispatchAnalytics(applyCommonAttributes(trackAppAccountConnected({ ...commonAttributes,
+    }) => dispatchAnalytics(applyCommonAttributes(trackAppAccountConnected({
+      ...commonAttributes,
       extensionKey,
       definitionId,
       resourceType,
@@ -712,7 +696,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       location
     }), commonAttributes)),
-
     /**
      * This fires an event which represents a user starting the Smart Link connect account process.
      * @param location a location where the Smart Link auth action was initiated.
@@ -722,20 +705,21 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
     appAccountAuthStarted: ({
       extensionKey,
       location
-    }) => dispatchAnalytics(applyCommonAttributes(trackAppAccountAuthStarted({ ...commonAttributes,
+    }) => dispatchAnalytics(applyCommonAttributes(trackAppAccountAuthStarted({
+      ...commonAttributes,
       extensionKey,
       location
     }), commonAttributes)),
-
     /**
      * This fires a tracking event before and after link updated.
      */
-    linkUpdated: props => dispatchAnalytics(applyCommonAttributes(trackLinkUpdated({ ...commonAttributes,
+    linkUpdated: props => dispatchAnalytics(applyCommonAttributes(trackLinkUpdated({
+      ...commonAttributes,
       ...props
     }), commonAttributes))
   }), [commonAttributes, dispatchAnalytics]);
-  /** Contains all screen analytics events */
 
+  /** Contains all screen analytics events */
   const screen = useMemo(() => ({
     /**
      * This fires an event which represents the connect account page being opened.
@@ -750,7 +734,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationProduct,
       destinationSubproduct,
       location
-    }) => dispatchAnalytics(applyCommonAttributes(screenAuthPopupEvent({ ...commonAttributes,
+    }) => dispatchAnalytics(applyCommonAttributes(screenAuthPopupEvent({
+      ...commonAttributes,
       extensionKey,
       definitionId,
       resourceType,
@@ -758,7 +743,6 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
       destinationSubproduct,
       location
     }), commonAttributes)),
-
     /**
      * This fires an event that represents when a user view a modal.
      * @param data A partial analytics event payload
@@ -766,7 +750,8 @@ export const useSmartLinkAnalytics = (url, dispatchAnalytics, id, defaultLocatio
     modalViewedEvent: data => dispatchAnalytics(applyCommonAttributes({
       action: 'viewed',
       actionSubject: data.name,
-      attributes: { ...context,
+      attributes: {
+        ...context,
         ...data.attributes
       },
       eventType: 'screen',

package/dist/es2019/state/config/index.js

@@ -1,10 +1,8 @@
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 export const useSmartLinkConfig = () => {
   const context = useSmartLinkContext();
-
   if (context) {
     return context.config;
   }
-
   return undefined;
 };

package/dist/es2019/state/flexible-ui-context/index.js

@@ -1,15 +1,14 @@
 import { useContext, createContext } from 'react';
-
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
 export const FlexibleUiContext = /*#__PURE__*/createContext(undefined);
 export const useFlexibleUiContext = () => useContext(FlexibleUiContext);
+
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
  */
-
 export const FlexibleUiAnalyticsContext = /*#__PURE__*/createContext(undefined);
 export const useFlexibleUiAnalyticsContext = () => useContext(FlexibleUiAnalyticsContext);

package/dist/es2019/state/helpers.js

@@ -11,37 +11,30 @@ export const getByDefinitionId = (definitionId, store) => {
 export const getClickUrl = (url, jsonLd) => {
   if (jsonLd && jsonLd.data) {
     const visitUrl = extractVisitUrl(jsonLd.data);
-
     if (visitUrl) {
       return visitUrl;
     }
   }
-
   return url;
 };
 export const getDefinitionId = details => {
   var _details$meta;
-
   return details === null || details === void 0 ? void 0 : (_details$meta = details.meta) === null || _details$meta === void 0 ? void 0 : _details$meta.definitionId;
 };
 export const getExtensionKey = details => {
   var _details$meta2;
-
   return details === null || details === void 0 ? void 0 : (_details$meta2 = details.meta) === null || _details$meta2 === void 0 ? void 0 : _details$meta2.key;
 };
 export const getResourceType = details => {
   var _details$meta3;
-
   return details === null || details === void 0 ? void 0 : (_details$meta3 = details.meta) === null || _details$meta3 === void 0 ? void 0 : _details$meta3.resourceType;
 };
 export const getProduct = details => {
   var _details$meta4;
-
   return details === null || details === void 0 ? void 0 : (_details$meta4 = details.meta) === null || _details$meta4 === void 0 ? void 0 : _details$meta4.product;
 };
 export const getSubproduct = details => {
   var _details$meta5;
-
   return details === null || details === void 0 ? void 0 : (_details$meta5 = details.meta) === null || _details$meta5 === void 0 ? void 0 : _details$meta5.subproduct;
 };
 export const getServices = details => details && details.meta.auth || [];
@@ -55,8 +48,9 @@ export const isVisible = ({
   meta: {
     visibility
   }
-}) => visibility === 'restricted' || visibility === 'public'; // Be aware, this is a copy of a function in link-provider/src/helpers
+}) => visibility === 'restricted' || visibility === 'public';
 
+// Be aware, this is a copy of a function in link-provider/src/helpers
 export const getStatus = ({
   meta
 }) => {
@@ -64,7 +58,6 @@ export const getStatus = ({
     access,
     visibility
   } = meta;
-
   switch (access) {
     case 'forbidden':
       if (visibility === 'not_found') {
@@ -72,10 +65,8 @@ export const getStatus = ({
       } else {
         return 'forbidden';
       }
-
     case 'unauthorized':
       return 'unauthorized';
-
     default:
       return 'resolved';
   }

package/dist/es2019/state/hooks/usePrefetch.js

@@ -18,47 +18,46 @@ export function usePrefetch(url) {
     // If smartlink context props are undefined do nothing.
     if (!store || !prefetchStore || !connections) {
       return;
-    } // If the link is already being prefetched, the prefetch store
+    }
+    // If the link is already being prefetched, the prefetch store
     // should have a flag set against the URL. The prefetch store is purposefully
     // separate from the UI in order to ensure no rendering takes place;
     // all mutations which occur are purely store-based mutations.
-
-
-    const isPrefetching = prefetchStore[url]; // If the link has already been registered in the store, then it no
+    const isPrefetching = prefetchStore[url];
+    // If the link has already been registered in the store, then it no
     // longer needs to be prefetched, as the normal flow of a link being in
     // the viewport and being fetched is now in motion.
-
-    const isFetching = getState()[url]; // We compute if a link needs to be prefetched thus, referencing the above.
-
+    const isFetching = getState()[url];
+    // We compute if a link needs to be prefetched thus, referencing the above.
     const needsPrefetch = !isPrefetching && !isFetching;
-
     if (needsPrefetch) {
       // We specify in the prefetch store that this link no
       // longer needs to be prefetched. Data which comes back
       // from a successful prefetch flow here will be used to
       // render all URLs which are the same.
-      prefetchStore[url] = true; // Try fetch the data for this URL from Object Resolver Service (ORS), executing batch
+      prefetchStore[url] = true;
+      // Try fetch the data for this URL from Object Resolver Service (ORS), executing batch
       // requests by domain (as usual) to ensure we minimize the amount of connections
       // we create between browser -> ORS when making network requests.
-
       try {
-        const response = await client.prefetchData(url); // Once the data comes back, we put the link in the `resolved` status. This ensures
+        const response = await client.prefetchData(url);
+        // Once the data comes back, we put the link in the `resolved` status. This ensures
         // that when the link enters the viewport and is rendered, we immediately show it as
         // a Smart Link, rather than rendering a loading spinner -> immediate Smart Link.
-
         if (response) {
           dispatch({
             type: 'resolved',
             url,
             payload: response
-          }); // Put the metadata in resolved state, theres no need for a pending or errored state as
+          });
+          // Put the metadata in resolved state, theres no need for a pending or errored state as
           // we are following the same render flow as described by the comments above and below.
-
           dispatch(cardAction(ACTION_UPDATE_METADATA_STATUS, {
             url
           }, undefined, undefined, 'resolved'));
         }
-      } catch (_err) {// Do nothing, link will be retried under the hood with exponential backoff.
+      } catch (_err) {
+        // Do nothing, link will be retried under the hood with exponential backoff.
         // If it does not succeed even after those retries, the normal resolve flow
         // will start when the link is in view. Since we have not performed any store
         // mutations yet, the link will behave like a 'brand new' link.

package/dist/es2019/state/hooks/useSmartLink.js

@@ -13,18 +13,19 @@ export function useSmartLink(id, url, dispatchAnalytics) {
   const analytics = useSmartLinkAnalytics(url, dispatchAnalytics, id);
   const actions = useSmartLinkActions(id, url, analytics);
   const config = useSmartLinkConfig();
-  const renderers = useSmartLinkRenderers(); // NB: used to propagate errors from hooks to error boundaries.
-
-  const [error, setError] = useState(null); // Register the current card.
+  const renderers = useSmartLinkRenderers();
 
+  // NB: used to propagate errors from hooks to error boundaries.
+  const [error, setError] = useState(null);
+  // Register the current card.
   const register = () => {
     actions.register().catch(err => setError(err));
-  }; // AFP-2511 TODO: Fix automatic suppressions below
+  };
+  // AFP-2511 TODO: Fix automatic suppressions below
   // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(register, [url, store]);
 
-
-  useEffect(register, [url, store]); // Provide the state and card actions to consumers.
-
+  // Provide the state and card actions to consumers.
   return {
     state,
     actions,

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -17,33 +17,31 @@ export function useSmartLinkActions({
   const [actions, setActions] = useState([]);
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
-  const linkActions = useLinkActions(id, url, linkAnalytics); // Start: Smart ink Actions experiment
+  const linkActions = useLinkActions(id, url, linkAnalytics);
 
+  // Start: Smart ink Actions experiment
   const enableActionableElement = useFeatureFlag('enableActionableElement');
   const reload = useCallback(() => linkActions.reload(), [linkActions]);
   const handleInvoke = useCallback(opts => {
     var _opts$action;
-
     if (enableActionableElement && opts.type === 'client' && opts.isReloadRequired && ((_opts$action = opts.action) === null || _opts$action === void 0 ? void 0 : _opts$action.type) === 'PreviewAction') {
       // Reload when embed preview modal close
       const {
         promise
       } = opts.action;
       opts.action.type = 'StatusAction';
-
       opts.action.promise = () => promise({
         onClose: reload
       });
     }
-
     return linkActions.invoke(opts, appearance);
-  }, [appearance, enableActionableElement, linkActions, reload]); // End: Smart ink Actions experiment
+  }, [appearance, enableActionableElement, linkActions, reload]);
+  // End: Smart ink Actions experiment
 
   useEffect(() => {
     if (!linkState.details) {
       return;
     }
-
     const cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
       handleInvoke,
       analytics: linkAnalytics,
@@ -51,11 +49,9 @@ export function useSmartLinkActions({
       extensionKey: getExtensionKey(linkState.details),
       source: appearance
     }, undefined, platform);
-
     if (!cardProperties.actions || cardProperties.actions.length === 0) {
       return;
     }
-
     const cardActions = cardProperties.actions.map(action => ({
       id: action.id,
       text: action.text,

package/dist/es2019/state/hooks-external/useSmartLinkReload.js

@@ -2,7 +2,6 @@ import { useMemo } from 'react';
 import uuid from 'uuid';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
-
 /**
  * Exposes a programmatic way to reload the data being used to render a Smart Link.
  * @param

package/dist/es2019/state/store/index.js

@@ -4,18 +4,19 @@ import { getUrl } from '@atlaskit/linking-common';
 export function useSmartCardState(url) {
   const {
     store
-  } = useSmartLinkContext(); // Initially, card state should be pending and 'empty'.
-
+  } = useSmartLinkContext();
+  // Initially, card state should be pending and 'empty'.
   const newCardState = getUrl(store, url);
-  const [, setCardState] = useState(newCardState); // Selector for initial and subsequent states.
-
+  const [, setCardState] = useState(newCardState);
+  // Selector for initial and subsequent states.
   useEffect(() => {
     const unsubscribe = store.subscribe(() => {
       // forcing re-renders when the store changes
       setCardState(getUrl(store, url));
     });
     return () => unsubscribe();
-  }, [url, store]); // Returning fresh state for use in view components. Added as a part of the fix in EDM-4422.
+  }, [url, store]);
 
+  // Returning fresh state for use in view components. Added as a part of the fix in EDM-4422.
   return newCardState;
 }