@atlaskit/smart-card 32.7.6 → 32.7.8

package/dist/es2019/view/HoverCard/components/HoverCardContent.js

@@ -8,7 +8,6 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
 import { useSmartLinkAnalytics } from '../../../state/analytics';
@@ -56,17 +55,13 @@ const HoverCardContent = ({
   const isAISummaryEnabled = getIsAISummaryEnabled(isAdminHubAIEnabled, cardState.details);
   const services = getServices(linkState.details);
   const statusRef = useRef(linkStatus);
-  const analyticsRef = useRef(analytics);
   const fireEventRef = useRef(fireEvent);
   const definitionIdRef = useRef(definitionId);
   useEffect(() => {
     /**
-     * Must access current analytics object value via ref because its not stable
+     * Must access object value via ref because its not stable
      * and it can trigger useEffect to re-run below
      */
-    if (analyticsRef.current !== analytics) {
-      analyticsRef.current = analytics;
-    }
     if (statusRef.current !== linkStatus) {
       statusRef.current = linkStatus;
     }
@@ -76,66 +71,39 @@ const HoverCardContent = ({
     if (definitionIdRef.current !== definitionId) {
       definitionIdRef.current = definitionId;
     }
-  }, [analytics, linkStatus, fireEvent, definitionId]);
+  }, [linkStatus, fireEvent, definitionId]);
   useEffect(() => {
+    var _definitionIdRef$curr;
     const previewDisplay = 'card';
     const previewInvokeMethod = 'mouse_hover';
     const cardOpenTime = Date.now();
     const fireEventCurrent = fireEventRef.current;
-    if (fg('platform_migrate-some-ui-events-smart-card')) {
-      var _definitionIdRef$curr;
-      fireEventCurrent('ui.hoverCard.viewed', {
-        previewDisplay,
-        previewInvokeMethod,
-        definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
-      });
-    } else {
-      analyticsRef.current.ui.hoverCardViewedEvent({
+    fireEventCurrent('ui.hoverCard.viewed', {
+      previewDisplay,
+      previewInvokeMethod,
+      definitionId: (_definitionIdRef$curr = definitionIdRef.current) !== null && _definitionIdRef$curr !== void 0 ? _definitionIdRef$curr : null
+    });
+    return () => {
+      var _definitionIdRef$curr2;
+      const hoverTime = Date.now() - cardOpenTime;
+      fireEventCurrent('ui.hoverCard.dismissed', {
         previewDisplay,
         previewInvokeMethod,
-        status: statusRef.current
+        hoverTime,
+        definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
       });
-    }
-    return () => {
-      const hoverTime = Date.now() - cardOpenTime;
-      if (fg('platform_migrate-some-ui-events-smart-card')) {
-        var _definitionIdRef$curr2;
-        fireEventCurrent('ui.hoverCard.dismissed', {
-          previewDisplay,
-          previewInvokeMethod,
-          hoverTime,
-          definitionId: (_definitionIdRef$curr2 = definitionIdRef.current) !== null && _definitionIdRef$curr2 !== void 0 ? _definitionIdRef$curr2 : null
-        });
-      } else {
-        analyticsRef.current.ui.hoverCardDismissedEvent({
-          previewDisplay,
-          previewInvokeMethod,
-          hoverTime,
-          status: statusRef.current
-        });
-      }
     };
   }, []);
   const onClick = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
-    if (fg('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.smartLink.clicked.titleGoToLink', {
-        id,
-        display: CardDisplay.HoverCardPreview,
-        isModifierKeyPressed,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-      });
-    } else {
-      analytics.ui.cardClickedEvent({
-        id,
-        display: CardDisplay.HoverCardPreview,
-        status: cardState.status,
-        isModifierKeyPressed,
-        actionSubjectId: 'titleGoToLink'
-      });
-    }
+    fireEvent('ui.smartLink.clicked.titleGoToLink', {
+      id,
+      display: CardDisplay.HoverCardPreview,
+      isModifierKeyPressed,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+    });
     fireLinkClickedEvent(createAnalyticsEvent)(event);
-  }, [createAnalyticsEvent, cardState.status, analytics.ui, id, fireEvent, definitionId]);
+  }, [createAnalyticsEvent, id, fireEvent, definitionId]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     subtitle

package/dist/es2019/view/HoverCard/styled.js

@@ -58,7 +58,7 @@ export const titleBlockCss = css`
 	}
 
 	[data-smart-element='Title'] {
-		font-weight: 600;
+		font-weight: ${"var(--ds-font-weight-semibold, 600)"};
 	}
 `;
 export const getTransitionStyles = snippetHeight => css({

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

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.6",
+  packageVersion: "32.7.8",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { CONTENT_URL_3P_ACCOUNT_AUTH, CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
 import { messages } from '../../messages';
@@ -12,19 +11,14 @@ import { messages } from '../../messages';
 const UnauthorisedViewContent = ({
   providerName,
   isProductIntegrationSupported,
-  testId = 'unauthorised-view-content',
-  analytics
+  testId = 'unauthorised-view-content'
 }) => {
   const {
     fireEvent
   } = useAnalyticsEvents();
   const handleLearnMoreClick = useCallback(() => {
-    if (fg('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.button.clicked.learnMore', {});
-    } else {
-      analytics === null || analytics === void 0 ? void 0 : analytics.ui.learnMoreClickedEvent();
-    }
-  }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui, fireEvent]);
+    fireEvent('ui.button.clicked.learnMore', {});
+  }, [fireEvent]);
   const learnMoreMessage = isProductIntegrationSupported ? messages.learn_more_about_connecting_account : messages.learn_more_about_smart_links;
   return /*#__PURE__*/React.createElement(React.Fragment, null, providerName ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_unauthorised_account_description, {
     values: {

package/dist/esm/extractors/flexible/actions/index.js

@@ -11,7 +11,6 @@ import extractFollowAction from './extract-follow-action';
 import { extractPreviewAction, extractPreviewClientAction } from './extract-preview-action';
 import { extractViewRelatedLinksAction } from './extract-view-related-links-action';
 export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref) {
-  var _objectSpread2;
   var actionOptions = _ref.actionOptions,
     aiSummaryConfig = _ref.aiSummaryConfig,
     appearance = _ref.appearance,
@@ -20,24 +19,24 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
     origin = _ref.origin,
     response = _ref.response,
     url = _ref.url;
-  var action = _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, ActionName.CopyLinkAction, extractCopyLinkClientAction({
+  var action = _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ActionName.CopyLinkAction, extractCopyLinkClientAction({
     actionOptions: actionOptions,
     appearance: appearance,
     id: id,
     response: response
-  })), _defineProperty(_objectSpread2, ActionName.DownloadAction, extractDownloadClientAction({
+  })), ActionName.DownloadAction, extractDownloadClientAction({
     actionOptions: actionOptions,
     appearance: appearance,
     id: id,
     response: response
-  })), _defineProperty(_objectSpread2, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread2, ActionName.PreviewAction, extractPreviewClientAction({
+  })), ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), ActionName.PreviewAction, extractPreviewClientAction({
     actionOptions: actionOptions,
     appearance: appearance,
     fireEvent: fireEvent,
     id: id,
     origin: origin,
     response: response
-  })), _defineProperty(_objectSpread2, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread2, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread2), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
+  })), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;
@@ -48,9 +47,8 @@ export var extractFlexibleCardActions = function extractFlexibleCardActions(_ref
  * Replaced with extractFlexibleCardActions()
  */
 var extractActions = function extractActions(response, url, actionOptions, id, aiSummaryConfig) {
-  var _objectSpread3;
   var data = response.data;
-  var action = _objectSpread((_objectSpread3 = {}, _defineProperty(_objectSpread3, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), _defineProperty(_objectSpread3, ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), _defineProperty(_objectSpread3, ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), _defineProperty(_objectSpread3, ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), _defineProperty(_objectSpread3, ActionName.AutomationAction, extractAutomationAction(response)), _defineProperty(_objectSpread3, InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), _objectSpread3), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
+  var action = _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ActionName.CopyLinkAction, extractCopyLinkAction(data, actionOptions)), ActionName.DownloadAction, extractDownloadAction(data, actionOptions)), ActionName.FollowAction, extractFollowAction(response, actionOptions, id)), ActionName.PreviewAction, extractPreviewAction(response, actionOptions)), ActionName.AutomationAction, extractAutomationAction(response)), InternalActionName.AISummaryAction, extractAISummaryAction(response, url, actionOptions, aiSummaryConfig)), fg('platform-smart-card-view-related-urls-action') ? _defineProperty({}, InternalActionName.ViewRelatedLinksAction, extractViewRelatedLinksAction(response)) : {});
   return Object.values(action).some(function (value) {
     return Boolean(value);
   }) ? action : undefined;

package/dist/esm/state/actions/index.js

@@ -4,7 +4,6 @@ import { useCallback, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
 import { startUfoExperience } from '../analytics';
@@ -100,32 +99,16 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
     var services = getServices(details);
     // When authentication is triggered, let GAS know!
     if (status === 'unauthorized') {
-      if (fg('platform_migrate-some-ui-events-smart-card')) {
-        fireEvent('ui.button.clicked.connectAccount', {
-          display: appearance,
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-        });
-      } else {
-        analytics.ui.authEvent({
-          display: appearance,
-          definitionId: definitionId,
-          extensionKey: extensionKey
-        });
-      }
+      fireEvent('ui.button.clicked.connectAccount', {
+        display: appearance,
+        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+      });
     }
     if (status === 'forbidden') {
-      if (fg('platform_migrate-some-ui-events-smart-card')) {
-        fireEvent('ui.smartLink.clicked.tryAnotherAccount', {
-          display: appearance,
-          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-        });
-      } else {
-        analytics.ui.authAlternateAccountEvent({
-          display: appearance,
-          definitionId: definitionId,
-          extensionKey: extensionKey
-        });
-      }
+      fireEvent('ui.smartLink.clicked.tryAnotherAccount', {
+        display: appearance,
+        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+      });
     }
     if (services.length > 0) {
       fireEvent('screen.consentModal.viewed', {
@@ -154,23 +137,15 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
           reason: (_err$type = err.type) !== null && _err$type !== void 0 ? _err$type : null
         });
         if (err.type === 'auth_window_closed') {
-          if (fg('platform_migrate-some-ui-events-smart-card')) {
-            fireEvent('ui.consentModal.closed', {
-              display: appearance,
-              definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
-            });
-          } else {
-            analytics.ui.closedAuthEvent({
-              display: appearance,
-              definitionId: definitionId,
-              extensionKey: extensionKey
-            });
-          }
+          fireEvent('ui.consentModal.closed', {
+            display: appearance,
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+          });
         }
         reload();
       });
     }
-  }, [getSmartLinkState, analytics.ui, id, reload, fireEvent]);
+  }, [getSmartLinkState, id, reload, fireEvent]);
   var invoke = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(opts, appearance) {
       var key, action, source;