@atlaskit/smart-card 32.3.0 → 32.5.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/smart-card
 
+## 32.5.0
+
+### Minor Changes
+
+- [#168911](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168911)
+  [`bc902797bc22b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc902797bc22b) -
+  Migrate operational analytics event
+
+### Patch Changes
+
+- [#171994](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171994)
+  [`be58e4bb2e387`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be58e4bb2e387) -
+  Migrating usages of UNSAFE types and entrypoints that have been renamed in `@atlaskit/icon` and
+  `@atlaskit/icon-lab`.
+- Updated dependencies
+
+## 32.4.0
+
+### Minor Changes
+
+- [#170865](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170865)
+  [`774efa325781c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/774efa325781c) -
+  [ux] Removes the legacy block card views from the embed card for the resolving and fallback states
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 32.3.0
 
 ### Minor Changes

package/analytics.spec.yaml

@@ -344,3 +344,103 @@ events:
           required: false
           type: string
           description: The definitionId of the Smart Link resolver invoked.
+  - smartLink connectSucceeded:
+      type: operational
+      description:
+        fires an event that represents an account successfully being connected via a Smart Link.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+  - smartLink connectFailed:
+      type: operational
+      description: fires an event that represents an account unsuccessfully being connected.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        reason:
+          required: false
+          description: The reason why the Smart Link connect account failed.
+          type: string
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+  - smartLink resolved:
+      type: operational
+      description: fires an event which represents a Smart Link request succeeding.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        status:
+          type:
+            [
+              'pending',
+              'resolving',
+              'resolved',
+              'errored',
+              'fallback',
+              'unauthorized',
+              'forbidden',
+              'not_found',
+            ]
+          description: The status of the link resolution at the time of the event.
+          required: false
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+        duration:
+          required: false
+          type: number
+  - smartLink unresolved:
+      type: operational
+      description: fires an event which represents a Smart Link request failing.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        status:
+          type:
+            [
+              'pending',
+              'resolving',
+              'resolved',
+              'errored',
+              'fallback',
+              'unauthorized',
+              'forbidden',
+              'not_found',
+            ]
+          description: The status of the link resolution at the time of the event.
+          required: false
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+        error:
+          required: false
+          description: The reason why the Smart Link connect account failed.
+          type: object
+        reason:
+          required: true
+          type: string
+  - smartLink chunkLoadFailed:
+      type: operational
+      description: fires an event that represents when a Smart Link renders unsuccessfully.
+      attributes:
+        <<: [*PackageMetaDataContext, *CommonContext]
+        display:
+          required: true
+          type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
+          description: Whether the card was an Inline, Block, Embed or Flexible UI.
+        definitionId:
+          required: false
+          type: string
+          description: The definitionId of the Smart Link resolver invoked.
+        error:
+          required: true
+          description: An error representing why the Smart Link render failed.
+          type: object
+        errorInfo:
+          required: true
+          description: Additional details about the error including the stack trace.
+          type: object

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

@@ -11,8 +11,10 @@ var _react = require("react");
 var _linkProvider = require("@atlaskit/link-provider");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _outboundAuthFlowClient = require("@atlaskit/outbound-auth-flow-client");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
+var _analytics = require("../analytics");
 var _helpers = require("../helpers");
 var _useInvokeClientAction = _interopRequireDefault(require("../hooks/use-invoke-client-action"));
 var _useResolve = _interopRequireDefault(require("../hooks/use-resolve"));
@@ -126,19 +128,41 @@ var useSmartCardActions = exports.useSmartCardActions = function useSmartCardAct
         fireEvent('track.applicationAccount.connected', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });
-        analytics.operational.connectSucceededEvent({
-          id: id,
-          definitionId: definitionId,
-          extensionKey: extensionKey
-        });
+        if ((0, _platformFeatureFlags.fg)('platform_smart-card-migrate-operational-analytics')) {
+          (0, _analytics.startUfoExperience)('smart-link-authenticated', id, {
+            extensionKey: extensionKey,
+            status: 'success'
+          });
+          fireEvent('operational.smartLink.connectSucceeded', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+          });
+        } else {
+          analytics.operational.connectSucceededEvent({
+            id: id,
+            definitionId: definitionId,
+            extensionKey: extensionKey
+          });
+        }
         reload();
       }, function (err) {
-        analytics.operational.connectFailedEvent({
-          id: id,
-          definitionId: definitionId,
-          extensionKey: extensionKey,
-          reason: err.type
-        });
+        if ((0, _platformFeatureFlags.fg)('platform_smart-card-migrate-operational-analytics')) {
+          var _err$type;
+          (0, _analytics.startUfoExperience)('smart-link-authenticated', id, {
+            extensionKey: extensionKey,
+            status: err.type
+          });
+          fireEvent('operational.smartLink.connectFailed', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+            reason: (_err$type = err.type) !== null && _err$type !== void 0 ? _err$type : null
+          });
+        } else {
+          analytics.operational.connectFailedEvent({
+            id: id,
+            definitionId: definitionId,
+            extensionKey: extensionKey,
+            reason: err.type
+          });
+        }
         if (err.type === 'auth_window_closed') {
           analytics.ui.closedAuthEvent({
             display: appearance,

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

@@ -518,6 +518,7 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
        * @param id The unique ID for this Smart Link.
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+       * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
        */
       connectSucceededEvent: function connectSucceededEvent(_ref13) {
         var id = _ref13.id,
@@ -548,6 +549,7 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
        * @param definitionId The definitionId of the Smart Link resolver invoked.
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @param reason The reason why the Smart Link connect account failed.
+       * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
        */
       connectFailedEvent: function connectFailedEvent(_ref14) {
         var id = _ref14.id,
@@ -582,6 +584,7 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
        * @param extensionKey The extensionKey of the Smart Link resovler invoked.
        * @param resourceType The type of resource that was invoked. This is provider specific (e.g. File, PullRequest).
        * @param error An error representing why the Smart Link request failed.
+       * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
        */
       instrument: function instrument(_ref15) {
         var id = _ref15.id,
@@ -609,11 +612,12 @@ var useSmartLinkAnalytics = exports.useSmartLinkAnalytics = function useSmartLin
         }
       },
       /**
-       * This fires an event that represents when a Smart Link renders unsuccessfuly.
+       * This fires an event that represents when a Smart Link renders unsuccessfully.
        * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
        * @param id The unique ID for this Smart Link.
        * @param error: An error representing why the Smart Link render failed.
        * @param errorInfo: Additional details about the error including the stack trace.
+       * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
        */
       chunkloadFailedEvent: function chunkloadFailedEvent(_ref16) {
         var display = _ref16.display,

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

@@ -17,7 +17,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "32.3.0"
+  packageVersion: "32.5.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -64,6 +64,10 @@ var fireSmartLinkEvent = exports.fireSmartLinkEvent = function fireSmartLinkEven
     createAnalyticsEvent(payload).fire(ANALYTICS_CHANNEL);
   }
 };
+
+/**
+ * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
+ */
 var resolvedEvent = exports.resolvedEvent = function resolvedEvent(props) {
   return {
     action: 'resolved',
@@ -72,6 +76,10 @@ var resolvedEvent = exports.resolvedEvent = function resolvedEvent(props) {
     attributes: _objectSpread(_objectSpread({}, props), context)
   };
 };
+
+/**
+ * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
+ */
 var unresolvedEvent = exports.unresolvedEvent = function unresolvedEvent(_ref) {
   var id = _ref.id,
     definitionId = _ref.definitionId,
@@ -166,6 +174,10 @@ var invokeFailedEvent = exports.invokeFailedEvent = function invokeFailedEvent(_
     })
   };
 };
+
+/**
+ * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
+ */
 var connectSucceededEvent = exports.connectSucceededEvent = function connectSucceededEvent(_ref4) {
   var definitionId = _ref4.definitionId,
     extensionKey = _ref4.extensionKey,
@@ -185,6 +197,10 @@ var connectSucceededEvent = exports.connectSucceededEvent = function connectSucc
     })
   };
 };
+
+/**
+ * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
+ */
 var connectFailedEvent = exports.connectFailedEvent = function connectFailedEvent(_ref5) {
   var definitionId = _ref5.definitionId,
     extensionKey = _ref5.extensionKey,
@@ -468,6 +484,10 @@ var uiLearnMoreLinkClickedEvent = exports.uiLearnMoreLinkClickedEvent = function
     attributes: _objectSpread({}, context)
   };
 };
+
+/**
+ * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
+ */
 var chunkloadFailedEvent = exports.chunkloadFailedEvent = function chunkloadFailedEvent(_ref16) {
   var display = _ref16.display,
     error = _ref16.error,

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

@@ -154,6 +154,9 @@ var _performance = require("../performance");
 var _analytics = require("./analytics");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
+ */
 var instrumentEvent = exports.instrumentEvent = function instrumentEvent(_ref) {
   var id = _ref.id,
     status = _ref.status,

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
 var _state = require("../../state");
@@ -128,18 +129,39 @@ function Component(_ref) {
   (0, _react.useEffect)(function () {
     measure.mark(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
-      var _state$error;
       measure.create(id, state.status);
-      analytics.operational.instrument({
-        id: id,
-        status: state.status,
-        definitionId: definitionId,
-        extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
-        resourceType: resourceType,
-        error: state.error
-      });
+      if ((0, _platformFeatureFlags.fg)('platform_smart-card-migrate-operational-analytics')) {
+        var _state$error;
+        if (state.status === 'resolved') {
+          var _measure$getMeasure$d, _measure$getMeasure;
+          fireEvent('operational.smartLink.resolved', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+            duration: (_measure$getMeasure$d = (_measure$getMeasure = measure.getMeasure(id, state.status)) === null || _measure$getMeasure === void 0 ? void 0 : _measure$getMeasure.duration) !== null && _measure$getMeasure$d !== void 0 ? _measure$getMeasure$d : null
+          });
+        } else if (((_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.type) !== 'ResolveUnsupportedError') {
+          fireEvent('operational.smartLink.unresolved', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+            reason: state.status,
+            error: state.error === undefined ? null : {
+              name: state.error.name,
+              kind: state.error.kind,
+              type: state.error.type
+            }
+          });
+        }
+      } else {
+        var _state$error2;
+        analytics.operational.instrument({
+          id: id,
+          status: state.status,
+          definitionId: definitionId,
+          extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.extensionKey,
+          resourceType: resourceType,
+          error: state.error
+        });
+      }
     }
-  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational]);
+  }, [id, appearance, state.status, state.error, definitionId, extensionKey, resourceType, analytics.operational, fireEvent]);
 
   // NB: once the smart-card has rendered into an end state, we capture
   // this as a successful render. These can be one of:
@@ -255,6 +277,7 @@ function Component(_ref) {
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {
         id: id,
         url: url,
+        renderers: renderers,
         cardState: state,
         iframeUrlType: embedIframeUrlType,
         handleAuthorize: services.length && handleAuthorize || undefined,

package/dist/cjs/view/CardWithUrl/loader.js

@@ -12,6 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
 var _reactMagneticDi = require("react-magnetic-di");
 var _uuid = _interopRequireDefault(require("uuid"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
 var _analytics = require("../../state/analytics");
 var _utils = require("../../utils");
 var _flexible = require("../../utils/flexible");
@@ -32,6 +34,8 @@ function CardWithURLRenderer(props) {
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     id = _useState2[0];
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
   (0, _react.useEffect)(function () {
     // ComponentWillUnmount
     return function () {
@@ -78,11 +82,20 @@ function CardWithURLRenderer(props) {
     // to the reliability of the smart-card front-end components.
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
     if (error.name === 'ChunkLoadError') {
-      analytics.operational.chunkloadFailedEvent({
-        display: appearance,
-        error: error,
-        errorInfo: errorInfo
-      });
+      if ((0, _platformFeatureFlags.fg)('platform_smart-card-migrate-operational-analytics')) {
+        fireEvent('operational.smartLink.chunkLoadFailed', {
+          display: appearance,
+          error: error,
+          errorInfo: errorInfo,
+          definitionId: null
+        });
+      } else {
+        analytics.operational.chunkloadFailedEvent({
+          display: appearance,
+          error: error,
+          errorInfo: errorInfo
+        });
+      }
     } else if (error.name !== 'APIError') {
       analytics.ui.renderFailedEvent({
         display: isFlexibleUi ? 'flexible' : appearance,
@@ -96,7 +109,7 @@ function CardWithURLRenderer(props) {
       url: url !== null && url !== void 0 ? url : '',
       err: error
     });
-  }, [analytics.operational, analytics.ui, appearance, id, onError, url, isFlexibleUi]);
+  }, [analytics.operational, analytics.ui, appearance, id, onError, url, isFlexibleUi, fireEvent]);
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }

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

@@ -8,6 +8,7 @@ exports.EmbedCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _block = require("../../extractors/block");
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _embed = require("../../extractors/embed");
@@ -15,6 +16,7 @@ var _inline = require("../../extractors/inline");
 var _helpers = require("../../state/helpers");
 var _jsonld = require("../../utils/jsonld");
 var _BlockCard = require("../BlockCard");
+var _FlexibleResolvedView = _interopRequireDefault(require("../BlockCard/views/flexible/FlexibleResolvedView"));
 var _ResolvedView = require("../InlineCard/ResolvedView");
 var _ErroredView = require("./views/ErroredView");
 var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
@@ -24,9 +26,7 @@ var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-vie
 var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref, iframeRef) {
   var _details$meta, _forbiddenViewProps$c, _forbiddenViewProps$c2, _notFoundViewProps$co, _notFoundViewProps$co2;
   var url = _ref.url,
-    _ref$cardState = _ref.cardState,
-    status = _ref$cardState.status,
-    details = _ref$cardState.details,
+    cardState = _ref.cardState,
     handleAuthorize = _ref.handleAuthorize,
     handleErrorRetry = _ref.handleErrorRetry,
     handleFrameClick = _ref.handleFrameClick,
@@ -42,9 +42,12 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
     iframeUrlType = _ref.iframeUrlType,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    renderers = _ref.renderers;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var status = cardState.status,
+    details = cardState.details;
   var data = details && details.data || (0, _jsonld.getEmptyJsonLd)();
   var meta = details && details.meta;
   var extensionKey = (0, _helpers.getExtensionKey)(details);
@@ -52,6 +55,19 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
   switch (status) {
     case 'pending':
     case 'resolving':
+      if ((0, _platformFeatureFlags.fg)('smart-card-remove-block-card-from-embed')) {
+        return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, {
+          url: url,
+          cardState: cardState,
+          onClick: handleFrameClick,
+          onError: onError,
+          onResolve: onResolve,
+          renderers: renderers,
+          actionOptions: actionOptions,
+          analytics: analytics,
+          testId: testId
+        });
+      }
       return /*#__PURE__*/_react.default.createElement(_BlockCard.BlockCardResolvingView, {
         testId: "embed-card-resolving-view",
         inheritDimensions: inheritDimensions,
@@ -87,6 +103,19 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
             onClick: handleFrameClick
           }));
         }
+        if ((0, _platformFeatureFlags.fg)('smart-card-remove-block-card-from-embed')) {
+          return /*#__PURE__*/_react.default.createElement(_FlexibleResolvedView.default, {
+            url: url,
+            cardState: cardState,
+            onClick: handleFrameClick,
+            onError: onError,
+            onResolve: onResolve,
+            renderers: renderers,
+            actionOptions: actionOptions,
+            analytics: analytics,
+            testId: testId
+          });
+        }
         var resolvedBlockViewProps = (0, _block.extractBlockProps)(data, meta, {
           analytics: analytics,
           origin: 'smartLinkEmbed',

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: "32.3.0",
+  packageVersion: "32.5.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

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

@@ -2,8 +2,10 @@ 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';
 import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
 import useResolve from '../hooks/use-resolve';
@@ -107,19 +109,41 @@ export const useSmartCardActions = (id, url, analytics) => {
         fireEvent('track.applicationAccount.connected', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });
-        analytics.operational.connectSucceededEvent({
-          id,
-          definitionId,
-          extensionKey
-        });
+        if (fg('platform_smart-card-migrate-operational-analytics')) {
+          startUfoExperience('smart-link-authenticated', id, {
+            extensionKey,
+            status: 'success'
+          });
+          fireEvent('operational.smartLink.connectSucceeded', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
+          });
+        } else {
+          analytics.operational.connectSucceededEvent({
+            id,
+            definitionId,
+            extensionKey
+          });
+        }
         reload();
       }, err => {
-        analytics.operational.connectFailedEvent({
-          id,
-          definitionId,
-          extensionKey,
-          reason: err.type
-        });
+        if (fg('platform_smart-card-migrate-operational-analytics')) {
+          var _err$type;
+          startUfoExperience('smart-link-authenticated', id, {
+            extensionKey,
+            status: err.type
+          });
+          fireEvent('operational.smartLink.connectFailed', {
+            definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+            reason: (_err$type = err.type) !== null && _err$type !== void 0 ? _err$type : null
+          });
+        } else {
+          analytics.operational.connectFailedEvent({
+            id,
+            definitionId,
+            extensionKey,
+            reason: err.type
+          });
+        }
         if (err.type === 'auth_window_closed') {
           analytics.ui.closedAuthEvent({
             display: appearance,

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

@@ -492,6 +492,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
      * @param id The unique ID for this Smart Link.
      * @param definitionId The definitionId of the Smart Link resolver invoked.
      * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+     * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
      */
     connectSucceededEvent: ({
       id,
@@ -524,6 +525,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
      * @param definitionId The definitionId of the Smart Link resolver invoked.
      * @param extensionKey The extensionKey of the Smart Link resovler invoked.
      * @param reason The reason why the Smart Link connect account failed.
+     * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
      */
     connectFailedEvent: ({
       id,
@@ -560,6 +562,7 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
      * @param extensionKey The extensionKey of the Smart Link resovler invoked.
      * @param resourceType The type of resource that was invoked. This is provider specific (e.g. File, PullRequest).
      * @param error An error representing why the Smart Link request failed.
+     * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
      */
     instrument: ({
       id,
@@ -589,11 +592,12 @@ export const useSmartLinkAnalytics = (url, id, defaultLocation) => {
       }
     },
     /**
-     * This fires an event that represents when a Smart Link renders unsuccessfuly.
+     * This fires an event that represents when a Smart Link renders unsuccessfully.
      * @param display Whether the card was an Inline, Block, Embed or Flexible UI.
      * @param id The unique ID for this Smart Link.
      * @param error: An error representing why the Smart Link render failed.
      * @param errorInfo: Additional details about the error including the stack trace.
+     * @deprecated remove with platform_smart-card-migrate-operational-analytics clean up
      */
     chunkloadFailedEvent: ({
       display,