@atlaskit/smart-card 32.7.6 → 32.7.8

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

@@ -1,10 +1,9 @@
-import { SmartLinkActionType } from '@atlaskit/linking-types';
 import { getMeasure } from '../performance';
 export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.7.6"
+  packageVersion: "32.7.8"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -16,15 +15,6 @@ export let TrackQuickActionFailureReason = /*#__PURE__*/function (TrackQuickActi
   TrackQuickActionFailureReason["UnknownError"] = "UnknownError";
   return TrackQuickActionFailureReason;
 }({});
-export const SmartLinkActionTypeTrackingEventMapper = {
-  [SmartLinkActionType.FollowEntityAction]: 'Follow',
-  [SmartLinkActionType.StatusUpdateAction]: 'StatusUpdate',
-  [SmartLinkActionType.UnfollowEntityAction]: 'Unfollow'
-};
-export const SmartLinkActionTypeUiEventMapper = {
-  [SmartLinkActionType.FollowEntityAction]: 'smartLinkFollowButton',
-  [SmartLinkActionType.UnfollowEntityAction]: 'smartLinkFollowButton'
-};
 const uiActionSubjectIds = {
   DownloadAction: 'downloadDocument',
   PreviewAction: 'invokePreviewScreen',
@@ -111,91 +101,6 @@ export const invokeFailedEvent = ({
     }
   };
 };
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiAuthEvent = ({
-  definitionId,
-  extensionKey,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  display
-}) => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'connectAccount',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    definitionId,
-    extensionKey,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    display
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiAuthAlternateAccountEvent = ({
-  definitionId,
-  extensionKey,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  display
-}) => ({
-  action: 'clicked',
-  actionSubject: 'smartLink',
-  actionSubjectId: 'tryAnotherAccount',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    definitionId,
-    extensionKey,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    display
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiCardClickedEvent = ({
-  id,
-  display,
-  status,
-  definitionId,
-  extensionKey,
-  isModifierKeyPressed,
-  location,
-  destinationProduct,
-  destinationSubproduct,
-  actionSubjectId
-}) => ({
-  action: 'clicked',
-  actionSubject: 'smartLink',
-  actionSubjectId,
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    status,
-    definitionId,
-    extensionKey,
-    display,
-    isModifierKeyPressed,
-    location,
-    destinationProduct,
-    destinationSubproduct
-  }
-});
 export const uiActionClickedEvent = ({
   id,
   actionType,
@@ -222,31 +127,6 @@ export const uiActionClickedEvent = ({
     location
   }
 });
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiClosedAuthEvent = ({
-  display,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location
-}) => ({
-  action: 'closed',
-  actionSubject: 'consentModal',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    display
-  }
-});
 export const uiRenderSuccessEvent = ({
   display,
   status,
@@ -296,168 +176,4 @@ export const uiRenderFailedEvent = ({
     destinationSubproduct,
     location
   }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiHoverCardViewedEvent = ({
-  id,
-  previewDisplay,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  previewInvokeMethod,
-  status
-}) => ({
-  action: 'viewed',
-  actionSubject: 'hoverCard',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    previewDisplay,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    previewInvokeMethod,
-    status
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiHoverCardDismissedEvent = ({
-  id,
-  previewDisplay,
-  hoverTime,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  previewInvokeMethod,
-  status
-}) => ({
-  action: 'dismissed',
-  actionSubject: 'hoverCard',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    previewDisplay,
-    hoverTime,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    previewInvokeMethod,
-    status
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiHoverCardOpenLinkClickedEvent = ({
-  id,
-  previewDisplay,
-  extensionKey,
-  definitionId,
-  destinationProduct,
-  destinationSubproduct,
-  location,
-  previewInvokeMethod
-}) => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'shortcutGoToLink',
-  eventType: 'ui',
-  attributes: {
-    ...context,
-    id,
-    previewDisplay,
-    extensionKey,
-    definitionId,
-    destinationProduct,
-    destinationSubproduct,
-    location,
-    previewInvokeMethod
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiLearnMoreLinkClickedEvent = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'learnMore',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiSmartLinkStatusLozengeButtonClicked = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'smartLinkStatusLozenge',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiSmartLinkStatusListItemButtonClicked = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'smartLinkStatusListItem',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiSmartLinkStatusOpenPreviewButtonClicked = () => ({
-  action: 'clicked',
-  actionSubject: 'button',
-  actionSubjectId: 'smartLinkStatusOpenPreview',
-  eventType: 'ui',
-  attributes: {
-    ...context
-  }
-});
-
-/**
- * @deprecated consider removing when cleaning up FF platform_migrate-some-ui-events-smart-card
- */
-export const uiServerActionClicked = ({
-  smartLinkActionType
-}) => {
-  var _SmartLinkActionTypeU;
-  return {
-    action: 'clicked',
-    actionSubject: 'button',
-    actionSubjectId: (_SmartLinkActionTypeU = SmartLinkActionTypeUiEventMapper[smartLinkActionType]) !== null && _SmartLinkActionTypeU !== void 0 ? _SmartLinkActionTypeU : smartLinkActionType,
-    eventType: 'ui',
-    attributes: {
-      ...context
-    }
-  };
-};
+});

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

@@ -1 +1 @@
-export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, invokeSucceededEvent, invokeFailedEvent, uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, uiRenderFailedEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, uiLearnMoreLinkClickedEvent, uiSmartLinkStatusLozengeButtonClicked, uiSmartLinkStatusListItemButtonClicked, uiSmartLinkStatusOpenPreviewButtonClicked } from './analytics';
+export { ANALYTICS_CHANNEL, context, fireSmartLinkEvent, invokeSucceededEvent, invokeFailedEvent, uiActionClickedEvent, uiRenderSuccessEvent, uiRenderFailedEvent } from './analytics';

package/dist/es2019/view/BlockCard/views/styled.js

@@ -23,7 +23,7 @@ export const titleBlockCss = css({
   gap: "var(--ds-space-100, 0.5em)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "[data-smart-element='Title']": {
-    fontWeight: 600
+    fontWeight: "var(--ds-font-weight-semibold, 600)"
   }
 });
 

package/dist/es2019/view/CardWithUrl/component.js

@@ -5,7 +5,7 @@ import { useAnalyticsEvents } from '../../common/analytics/generated/use-analyti
 import { CardDisplay } from '../../constants';
 import { useSmartLink } from '../../state';
 import { succeedUfoExperience } from '../../state/analytics';
-import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getProduct, getResourceType, getServices, getSubproduct, isFinalState } from '../../state/helpers';
+import { getCanBeDatasource, getClickUrl, getDefinitionId, getExtensionKey, getResourceType, getServices, isFinalState } from '../../state/helpers';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { isSpecialEvent } from '../../utils';
 import { combineActionOptions } from '../../utils/actions/combine-action-options';
@@ -64,8 +64,6 @@ function Component({
   const definitionId = getDefinitionId(state.details);
   const extensionKey = getExtensionKey(state.details);
   const resourceType = getResourceType(state.details);
-  const product = getProduct(state.details);
-  const subproduct = getSubproduct(state.details);
   const services = getServices(state.details);
   const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
@@ -77,25 +75,12 @@ function Component({
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
-    if (fg('platform_migrate-some-ui-events-smart-card')) {
-      fireEvent('ui.smartLink.clicked', {
-        id,
-        display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-        definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
-        isModifierKeyPressed
-      });
-    } else {
-      analytics.ui.cardClickedEvent({
-        id,
-        display: isFlexibleUi ? CardDisplay.Flexible : appearance,
-        status: state.status,
-        definitionId,
-        extensionKey,
-        isModifierKeyPressed,
-        destinationProduct: product,
-        destinationSubproduct: subproduct
-      });
-    }
+    fireEvent('ui.smartLink.clicked', {
+      id,
+      display: isFlexibleUi ? CardDisplay.Flexible : appearance,
+      definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+      isModifierKeyPressed
+    });
     if (!onClick && !isFlexibleUi) {
       const clickUrl = getClickUrl(url, state.details);
       // Ctrl+left click on mac typically doesn't trigger onClick
@@ -115,7 +100,7 @@ function Component({
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [id, url, state.details, state.status, analytics.ui, appearance, definitionId, extensionKey, onClick, isFlexibleUi, product, subproduct, createAnalyticsEvent, fireEvent]);
+  }, [id, url, state.details, appearance, definitionId, onClick, isFlexibleUi, createAnalyticsEvent, fireEvent]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -26,7 +26,7 @@ const getButtonStyle = (size, iconOnly) => {
     case SmartLinkSize.Small:
       return css({
         fontSize: '0.75rem',
-        fontWeight: 500,
+        fontWeight: "var(--ds-font-weight-medium, 500)",
         lineHeight: '1rem',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         'button, button:hover, button:focus, button:active': [{

package/dist/es2019/view/FlexibleCard/components/actions/action/server-action/index.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
-import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
 import { getInvokeFailureReason } from '../../../../../../state/hooks/use-invoke/utils';
 import useResolve from '../../../../../../state/hooks/use-resolve';
@@ -15,7 +13,6 @@ const ServerAction = ({
   ...props
 }) => {
   const [isLoading, setIsLoading] = useState(false);
-  const analytics = useFlexibleUiAnalyticsContext();
   const invoke = useInvoke();
   const reload = useResolve();
   const {
@@ -27,16 +24,10 @@ const ServerAction = ({
       const smartLinkActionType = (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.actionType;
       try {
         setIsLoading(true);
-        if (fg('platform_migrate-some-ui-events-smart-card')) {
-          if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
-            fireEvent('ui.button.clicked.smartLinkFollowButton', {});
-          } else {
-            fireEvent(`ui.button.clicked.${smartLinkActionType}`, {});
-          }
+        if (smartLinkActionType === 'FollowEntityAction' || smartLinkActionType === 'UnfollowEntityAction') {
+          fireEvent('ui.button.clicked.smartLinkFollowButton', {});
         } else {
-          analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkServerActionClickedEvent({
-            smartLinkActionType
-          });
+          fireEvent(`ui.button.clicked.${smartLinkActionType}`, {});
         }
         fireEvent('track.smartLinkQuickAction.started', {
           smartLinkActionType
@@ -62,7 +53,7 @@ const ServerAction = ({
         onErrorCallback === null || onErrorCallback === void 0 ? void 0 : onErrorCallback();
       }
     }
-  }, [action, analytics === null || analytics === void 0 ? void 0 : analytics.ui, invoke, onClick, onErrorCallback, reload, fireEvent]);
+  }, [action, invoke, onClick, onErrorCallback, reload, fireEvent]);
   return /*#__PURE__*/React.createElement(Action, _extends({}, props, {
     isLoading: isLoading,
     onClick: handleClick

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/common/test-utils.js

@@ -57,8 +57,8 @@ export const renderWithDi = (node, dependencies = [], options) => render(node, {
   }
 });
 export const createGenericComponent = (displayName, renderChildren = true, childrenParams) => {
-  var _class;
-  return _class = class extends Component {
+  var _Class;
+  return _Class = class extends Component {
     render() {
       if (renderChildren && typeof this.props.children === 'function') {
         if (childrenParams) {
@@ -71,5 +71,5 @@ export const createGenericComponent = (displayName, renderChildren = true, child
       }
       return null;
     }
-  }, _defineProperty(_class, "displayName", displayName), _class;
+  }, _defineProperty(_Class, "displayName", displayName), _Class;
 };

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -8,10 +8,8 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import DropdownMenu from '@atlaskit/dropdown-menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
 import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
-import { useFlexibleUiAnalyticsContext } from '../../../../../../state/flexible-ui-context';
 import useInvoke from '../../../../../../state/hooks/use-invoke';
 import { isInvokeCustomError } from '../../../../../../state/hooks/use-invoke/utils';
 import useResolve from '../../../../../../state/hooks/use-resolve';
@@ -44,8 +42,6 @@ const LozengeAction = ({
   const [items, setItems] = useState();
   const [errorMessage, setErrorMessage] = useState();
   const reload = useResolve();
-  //TODO EDM-6583 Replace usage of useFlexibleUiAnalyticsContext with linking platform analytics context from find team.
-  const analytics = useFlexibleUiAnalyticsContext();
   const invoke = useInvoke();
   const {
     fireEvent
@@ -64,11 +60,7 @@ const LozengeAction = ({
   const handleOpenChange = useCallback(async args => {
     setIsOpen(args.isOpen);
     if (args.isOpen) {
-      if (fg('platform_migrate-some-ui-events-smart-card')) {
-        fireEvent('ui.button.clicked.smartLinkStatusLozenge', {});
-      } else {
-        analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionClickedEvent();
-      }
+      fireEvent('ui.button.clicked.smartLinkStatusLozenge', {});
       fireEvent('track.smartLinkQuickAction.started', {
         smartLinkActionType: TrackQuickActionType.StatusUpdate
       });
@@ -96,7 +88,7 @@ const LozengeAction = ({
     if (!args.isOpen) {
       setErrorMessage(undefined);
     }
-  }, [action.read, analytics, invoke, isLoaded, text, fireEvent]);
+  }, [action.read, invoke, isLoaded, text, fireEvent]);
   const trigger = useCallback(props => jsx(LozengeActionTrigger, _extends({}, props, {
     appearance: selected.appearance,
     isOpen: isOpen,
@@ -105,11 +97,7 @@ const LozengeAction = ({
   })), [selected.appearance, selected.text, isOpen, testId]);
   const handleItemClick = useCallback(async (id, text, appearance) => {
     try {
-      if (fg('platform_migrate-some-ui-events-smart-card')) {
-        fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
-      } else {
-        analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionListItemClickedEvent();
-      }
+      fireEvent('ui.button.clicked.smartLinkStatusListItem', {});
       const updateAction = action === null || action === void 0 ? void 0 : action.update;
       if (updateAction && id) {
         setIsLoading(true);
@@ -140,7 +128,7 @@ const LozengeAction = ({
         fireEvent('track.smartLinkQuickAction.failed', unknownUpdateErrorAnalyticsPayload);
       }
     }
-  }, [action === null || action === void 0 ? void 0 : action.update, analytics, invoke, linkId, reload, url, fireEvent]);
+  }, [action === null || action === void 0 ? void 0 : action.update, invoke, linkId, reload, url, fireEvent]);
   const dropdownItemGroup = useMemo(() => {
     if (errorMessage) {
       return jsx(LozengeActionError, {

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -41,11 +41,7 @@ const LozengeActionError = ({
   }, [reload, url]);
   const handlePreviewOpen = useCallback(() => {
     if (isPreviewAvailable) {
-      if (fg('platform_migrate-some-ui-events-smart-card')) {
-        fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
-      } else {
-        analytics === null || analytics === void 0 ? void 0 : analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
-      }
+      fireEvent('ui.button.clicked.smartLinkStatusOpenPreview', {});
       if (fg('platform-smart-card-migrate-embed-modal-analytics')) {
         invokePreviewAction && invoke(invokePreviewAction);
       } else {

package/dist/es2019/view/FlexibleCard/components/utils.js

@@ -98,7 +98,7 @@ export const getLinkSizeStyles = size => {
     case SmartLinkSize.XLarge:
       return css({
         fontSize: '1.25rem',
-        fontWeight: 400,
+        fontWeight: "var(--ds-font-weight-regular, 400)",
         letterSpacing: '-0.008em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
@@ -107,7 +107,7 @@ export const getLinkSizeStyles = size => {
     case SmartLinkSize.Medium:
       return css({
         fontSize: '0.875rem',
-        fontWeight: 400,
+        fontWeight: "var(--ds-font-weight-regular, 400)",
         letterSpacing: '-0.003em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)
@@ -116,7 +116,7 @@ export const getLinkSizeStyles = size => {
     default:
       return css({
         fontSize: '0.75rem',
-        fontWeight: 400,
+        fontWeight: "var(--ds-font-weight-regular, 400)",
         letterSpacing: '0em',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         lineHeight: getLinkLineHeight(size)