@atlaskit/smart-card 42.3.4 → 43.0.0

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

@@ -4,14 +4,14 @@ import { useSmartCardActions as useSmartLinkActions } from '../actions';
 import { useSmartLinkConfig } from '../config';
 import { useSmartLinkRenderers } from '../renderers';
 import { useSmartCardState as useSmartLinkState } from '../store';
-export function useSmartLink(id, url, placeholderData) {
-  const state = useSmartLinkState(url, placeholderData);
+export function useSmartLink(id, url) {
+  const state = useSmartLinkState(url);
   const {
     store,
     isPreviewPanelAvailable,
     openPreviewPanel
   } = useSmartLinkContext();
-  const actions = useSmartLinkActions(id, url, placeholderData);
+  const actions = useSmartLinkActions(id, url);
   const config = useSmartLinkConfig();
   const renderers = useSmartLinkRenderers();
 

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

@@ -1,16 +1,12 @@
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 const PENDING_STATE = {
   status: 'pending'
 };
-export function useSmartCardState(url, placeholderData) {
+export function useSmartCardState(url) {
   const {
     store
   } = useSmartLinkContext();
   const cardState = useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, state => state[url]);
-  if (fg('platform_initial_data_for_smart_cards')) {
-    return (cardState === null || cardState === void 0 ? void 0 : cardState.status) !== 'resolved' && placeholderData ? placeholderData : cardState !== null && cardState !== void 0 ? cardState : PENDING_STATE;
-  }
   return cardState !== null && cardState !== void 0 ? cardState : PENDING_STATE;
 }

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

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

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

@@ -57,19 +57,6 @@ function Component({
     fireEvent
   } = useAnalyticsEvents();
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children, ui), [children, ui]);
-  const structuredPlaceholderData = fg('platform_initial_data_for_smart_cards') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(() => {
-    // execute some basic validation logic to ensure we should consider using placeholder data
-    if (appearance === 'inline' && isValidPlaceholderData(placeholderData)) {
-      const data = {
-        status: 'resolved',
-        metadataStatus: undefined,
-        details: placeholderData
-      };
-      return data;
-    }
-  }, [appearance, placeholderData]) : undefined;
 
   // Get state, actions for this card.
   const {
@@ -80,7 +67,7 @@ function Component({
     error,
     isPreviewPanelAvailable,
     openPreviewPanel
-  } = useSmartLink(id, url, fg('platform_initial_data_for_smart_cards') ? structuredPlaceholderData : undefined);
+  } = useSmartLink(id, url);
   const ari = getObjectAri(state.details);
   const name = getObjectName(state.details);
   const definitionId = getDefinitionId(state.details);
@@ -229,6 +216,19 @@ function Component({
       display: isFlexibleUi ? 'flexible' : appearance
     });
   }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
+  const structuredPlaceholderData = fg('platform_initial_data_for_smart_cards') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(() => {
+    // execute some basic validation logic to ensure we should consider using placeholder data
+    if (isFlexibleUi && isValidPlaceholderData(placeholderData)) {
+      const data = {
+        status: 'resolved',
+        metadataStatus: undefined,
+        details: placeholderData
+      };
+      return data;
+    }
+  }, [isFlexibleUi, placeholderData]) : undefined;
   if (isFlexibleUi) {
     let cardState = state;
     if (error) {
@@ -243,6 +243,7 @@ function Component({
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
+      placeholderData: fg('platform_initial_data_for_smart_cards') ? structuredPlaceholderData : undefined,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
       origin: "smartLinkCard",

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { InternalActionName, SmartLinkStatus } from '../../constants';
 import { FlexibleCardContext } from '../../state/flexible-ui-context';
@@ -8,6 +9,7 @@ import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import Container from './components/container';
 import { getContextByStatus } from './utils';
+const PENDING_LINK_STATUSES = [SmartLinkStatus.Pending, SmartLinkStatus.Resolving];
 
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -18,6 +20,7 @@ import { getContextByStatus } from './utils';
 const FlexibleCard = ({
   appearance = 'flexible',
   cardState,
+  placeholderData,
   children,
   id,
   onAuthorize,
@@ -48,11 +51,15 @@ const FlexibleCard = ({
     details
   } = cardState;
   const status = cardType;
+  const shouldUsePlaceholderData = PENDING_LINK_STATUSES.includes(status) && placeholderData && fg('platform_initial_data_for_smart_cards');
+  // if we have placeholder data it means we can internally use it
+  // as resolved data until the actual data comes back as one of the final statuses
+  const contextStatus = shouldUsePlaceholderData ? SmartLinkStatus.Resolved : status;
   const context = useMemo(() => getContextByStatus({
     aiSummaryConfig,
     appearance,
     fireEvent,
-    response: details,
+    response: shouldUsePlaceholderData ? placeholderData.details : details,
     id,
     onAuthorize,
     onClick,
@@ -60,16 +67,16 @@ const FlexibleCard = ({
     renderers,
     resolve,
     actionOptions,
-    status,
+    status: shouldUsePlaceholderData ? contextStatus : status,
     url,
     isPreviewPanelAvailable,
     openPreviewPanel
-  }), [aiSummaryConfig, appearance, fireEvent, details, id, onAuthorize, onClick, origin, renderers, resolve, actionOptions, status, url, isPreviewPanelAvailable, openPreviewPanel]);
+  }), [aiSummaryConfig, appearance, fireEvent, shouldUsePlaceholderData, placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.details, details, id, onAuthorize, onClick, origin, renderers, resolve, actionOptions, contextStatus, status, url, isPreviewPanelAvailable, openPreviewPanel]);
   const flexibleCardContext = useMemo(() => ({
     data: context,
-    status,
+    status: fg('platform_initial_data_for_smart_cards') ? contextStatus : status,
     ui
-  }), [context, status, ui]);
+  }), [context, contextStatus, status, ui]);
   const {
     linkTitle
   } = context || {};

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

@@ -1,19 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback } from 'react';
 import { withErrorBoundary as withReactErrorBoundary } from 'react-error-boundary';
 import { injectIntl } from 'react-intl-next';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartCardContext } from '../../../state';
 import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
-import useResolveHyperlinkValidator, { isGoogleDomain, isSharePointDomain } from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
+import useResolveHyperlinkValidator from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import withIntlProvider from '../../common/intl-provider';
 import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
-import withErrorBoundary from './error-boundary';
-import { ResolveHyperlink } from './resolve-hyperlink';
 import HyperlinkUnauthorizedView from './unauthorize-view';
 const HyperlinkFallbackComponent = () => null;
 const withValidator = (Component, DefaultComponent) => props => {
@@ -45,13 +41,9 @@ const HyperlinkWithSmartLinkResolverInner = ({
     }
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-
-  // TODO: AI3W-1113: Show auth button
   const onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  useCallback(() =>
-  // TODO: Need to add hyperlink type
-  actions.authorize('inline'), [actions]) : undefined;
+  useCallback(() => actions.authorize('hyperlink'), [actions]) : undefined;
   if (fg('platform_linking_plain_hyperlink_connect_button')) {
     switch (state === null || state === void 0 ? void 0 : state.status) {
       case 'unauthorized':
@@ -59,6 +51,7 @@ const HyperlinkWithSmartLinkResolverInner = ({
         return /*#__PURE__*/React.createElement(HyperlinkUnauthorizedView, _extends({}, props, {
           onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
           onClick: onClick,
+          showConnectBtn: (services === null || services === void 0 ? void 0 : services.length) > 0,
           provider: provider
         }));
       default:
@@ -75,24 +68,4 @@ export const HyperlinkWithSmartLinkResolver = withReactErrorBoundary(withValidat
   enforceContext: false
 }), Hyperlink), {
   FallbackComponent: HyperlinkFallbackComponent
-});
-
-// Remove on navx-1834-refactor-resolved-hyperlink cleanup
-
-const HyperlinkResolver = ({
-  href
-}) => {
-  const hasSmartCardProvider = !!useContext(SmartCardContext);
-  const isSharePointResolveEnabled = FeatureGates.getExperimentValue('platform_editor_resolve_hyperlinks_confluence', 'isEnabled', false) || FeatureGates.getExperimentValue('platform_editor_resolve_hyperlinks_jira', 'isEnabled', false);
-  const isGoogleResolveEnabled = FeatureGates.getExperimentValue('platform_editor_resolve_google_hyperlinks', 'isEnabled', false);
-  const shouldResolveSharePoint = isSharePointDomain(href) && isSharePointResolveEnabled;
-  const shouldResolveGoogle = isGoogleDomain(href) && isGoogleResolveEnabled;
-  const shouldResolveHyperlink = hasSmartCardProvider && (shouldResolveSharePoint || shouldResolveGoogle);
-  if (!shouldResolveHyperlink) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ResolveHyperlink, {
-    href: href
-  });
-};
-export default withErrorBoundary(HyperlinkResolver);
+});

package/dist/es2019/view/LinkUrl/HyperlinkResolver/unauthorize-view.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { ActionButton } from '../../InlineCard/common/action-button';
@@ -7,16 +7,16 @@ import Hyperlink from '../Hyperlink';
 const HyperlinkUnauthorizedView = ({
   onAuthorize,
   provider,
+  showConnectBtn,
   ...props
 }) => {
-  const actionButton = useMemo(() => onAuthorize ? /*#__PURE__*/React.createElement(ActionButton, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Hyperlink, props), showConnectBtn && /*#__PURE__*/React.createElement(React.Fragment, null, ' ', /*#__PURE__*/React.createElement(ActionButton, {
     onClick: onAuthorize,
     testId: "button-connect-account"
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.connect_link_account_card_name, {
     values: {
       context: provider === null || provider === void 0 ? void 0 : provider.text
     }
-  }))) : null, [onAuthorize, provider === null || provider === void 0 ? void 0 : provider.text]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Hyperlink, props), actionButton);
+  })))));
 };
 export default HyperlinkUnauthorizedView;

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

@@ -4,16 +4,15 @@ import { di } from 'react-magnetic-di';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import AKLink from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import Hyperlink from './Hyperlink';
-import HyperlinkResolver, { HyperlinkWithSmartLinkResolver } from './HyperlinkResolver';
+import { HyperlinkWithSmartLinkResolver } from './HyperlinkResolver';
 import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "42.3.5",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');
@@ -34,30 +33,28 @@ const LinkUrl = ({
     ...linkWarningModalProps
   } = useLinkWarningModal();
   const resolveHyperlinkFG = FeatureGates.checkGate('platform_editor_resolve_hyperlinks_killswitch');
-  if (fg('navx-1834-refactor-resolved-hyperlink')) {
-    if (resolveHyperlinkFG) {
-      const Link = enableResolve ? HyperlinkWithSmartLinkResolver : Hyperlink;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
-        url: href,
-        display: "url"
-      }, /*#__PURE__*/React.createElement(Link, _extends({
-        href: href,
-        isLinkComponent: isLinkComponent,
-        onClick: e => {
-          if (!checkSafety) {
-            onClick && onClick(e);
-            return;
-          }
+  if (resolveHyperlinkFG) {
+    const Link = enableResolve ? HyperlinkWithSmartLinkResolver : Hyperlink;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
+      url: href,
+      display: "url"
+    }, /*#__PURE__*/React.createElement(Link, _extends({
+      href: href,
+      isLinkComponent: isLinkComponent,
+      onClick: e => {
+        if (!checkSafety) {
+          onClick && onClick(e);
+          return;
+        }
 
-          // Only call the onClick if the link is safe
-          if (isLinkSafe(e, href)) {
-            onClick && onClick(e);
-          } else {
-            showSafetyWarningModal(e, href);
-          }
+        // Only call the onClick if the link is safe
+        if (isLinkSafe(e, href)) {
+          onClick && onClick(e);
+        } else {
+          showSafetyWarningModal(e, href);
         }
-      }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
-    }
+      }
+    }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
   }
   const Link = isLinkComponent ? LinkComponent : Anchor;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
@@ -82,8 +79,6 @@ const LinkUrl = ({
         showSafetyWarningModal(e, href);
       }
     }
-  }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps), enableResolve && href && resolveHyperlinkFG && !fg('navx-1834-refactor-resolved-hyperlink') && /*#__PURE__*/React.createElement(HyperlinkResolver, {
-    href: href
-  }));
+  }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
 export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

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

@@ -4,14 +4,13 @@ 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';
-export var useSmartCardActions = function useSmartCardActions(id, url, placeholderData) {
+export var useSmartCardActions = function useSmartCardActions(id, url) {
   var resolveUrl = useResolve();
   var invokeClientAction = useInvokeClientAction({});
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -21,9 +20,8 @@ export var useSmartCardActions = function useSmartCardActions(id, url, placehold
   var getState = store.getState,
     dispatch = store.dispatch;
   var getSmartLinkState = useCallback(function () {
-    var _ref2, _getState$url;
-    var placeholderObject = fg('platform_initial_data_for_smart_cards') ? placeholderData : undefined;
-    var _ref = (_ref2 = (_getState$url = getState()[url]) !== null && _getState$url !== void 0 ? _getState$url : placeholderObject) !== null && _ref2 !== void 0 ? _ref2 : {
+    var _getState$url;
+    var _ref = (_getState$url = getState()[url]) !== null && _getState$url !== void 0 ? _getState$url : {
         status: SmartLinkStatus.Pending
       },
       details = _ref.details,
@@ -34,7 +32,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, placehold
       status: status,
       metadataStatus: metadataStatus
     };
-  }, [getState, url, placeholderData]);
+  }, [getState, url]);
   var setMetadataStatus = useCallback(function (metadataStatus) {
     dispatch(cardAction(ACTION_UPDATE_METADATA_STATUS, {
       url: url
@@ -147,7 +145,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, placehold
     }
   }, [getSmartLinkState, id, reload, fireEvent]);
   var invoke = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(opts, appearance) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(opts, appearance) {
       var key, action, source;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -174,7 +172,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, placehold
       }, _callee2);
     }));
     return function (_x, _x2) {
-      return _ref4.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), [invokeClientAction]);
   return useMemo(function () {

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

@@ -5,13 +5,13 @@ import { useSmartCardActions as useSmartLinkActions } from '../actions';
 import { useSmartLinkConfig } from '../config';
 import { useSmartLinkRenderers } from '../renderers';
 import { useSmartCardState as useSmartLinkState } from '../store';
-export function useSmartLink(id, url, placeholderData) {
-  var state = useSmartLinkState(url, placeholderData);
+export function useSmartLink(id, url) {
+  var state = useSmartLinkState(url);
   var _useSmartLinkContext = useSmartLinkContext(),
     store = _useSmartLinkContext.store,
     isPreviewPanelAvailable = _useSmartLinkContext.isPreviewPanelAvailable,
     openPreviewPanel = _useSmartLinkContext.openPreviewPanel;
-  var actions = useSmartLinkActions(id, url, placeholderData);
+  var actions = useSmartLinkActions(id, url);
   var config = useSmartLinkConfig();
   var renderers = useSmartLinkRenderers();
 

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

@@ -1,17 +1,13 @@
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { fg } from '@atlaskit/platform-feature-flags';
 var PENDING_STATE = {
   status: 'pending'
 };
-export function useSmartCardState(url, placeholderData) {
+export function useSmartCardState(url) {
   var _useSmartLinkContext = useSmartLinkContext(),
     store = _useSmartLinkContext.store;
   var cardState = useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, function (state) {
     return state[url];
   });
-  if (fg('platform_initial_data_for_smart_cards')) {
-    return (cardState === null || cardState === void 0 ? void 0 : cardState.status) !== 'resolved' && placeholderData ? placeholderData : cardState !== null && cardState !== void 0 ? cardState : PENDING_STATE;
-  }
   return cardState !== null && cardState !== void 0 ? cardState : PENDING_STATE;
 }

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

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

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

@@ -58,22 +58,9 @@ function Component(_ref) {
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children, ui);
   }, [children, ui]);
-  var structuredPlaceholderData = fg('platform_initial_data_for_smart_cards') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useMemo(function () {
-    // execute some basic validation logic to ensure we should consider using placeholder data
-    if (appearance === 'inline' && isValidPlaceholderData(placeholderData)) {
-      var data = {
-        status: 'resolved',
-        metadataStatus: undefined,
-        details: placeholderData
-      };
-      return data;
-    }
-  }, [appearance, placeholderData]) : undefined;
 
   // Get state, actions for this card.
-  var _useSmartLink = useSmartLink(id, url, fg('platform_initial_data_for_smart_cards') ? structuredPlaceholderData : undefined),
+  var _useSmartLink = useSmartLink(id, url),
     state = _useSmartLink.state,
     actions = _useSmartLink.actions,
     config = _useSmartLink.config,
@@ -233,6 +220,19 @@ function Component(_ref) {
       display: isFlexibleUi ? 'flexible' : appearance
     });
   }, [id, appearance, definitionId, isFlexibleUi, fireEvent]);
+  var structuredPlaceholderData = fg('platform_initial_data_for_smart_cards') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(function () {
+    // execute some basic validation logic to ensure we should consider using placeholder data
+    if (isFlexibleUi && isValidPlaceholderData(placeholderData)) {
+      var data = {
+        status: 'resolved',
+        metadataStatus: undefined,
+        details: placeholderData
+      };
+      return data;
+    }
+  }, [isFlexibleUi, placeholderData]) : undefined;
   if (isFlexibleUi) {
     var cardState = state;
     if (error) {
@@ -247,6 +247,7 @@ function Component(_ref) {
     return /*#__PURE__*/React.createElement(FlexibleCard, {
       id: id,
       cardState: cardState,
+      placeholderData: fg('platform_initial_data_for_smart_cards') ? structuredPlaceholderData : undefined,
       onAuthorize: services.length && handleAuthorize || undefined,
       onClick: handleClickWrapper,
       origin: "smartLinkCard",

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useMemo } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { InternalActionName, SmartLinkStatus } from '../../constants';
 import { FlexibleCardContext } from '../../state/flexible-ui-context';
@@ -8,6 +9,7 @@ import { useAISummaryConfig } from '../../state/hooks/use-ai-summary-config';
 import useResolve from '../../state/hooks/use-resolve';
 import Container from './components/container';
 import { getContextByStatus } from './utils';
+var PENDING_LINK_STATUSES = [SmartLinkStatus.Pending, SmartLinkStatus.Resolving];
 
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -20,6 +22,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'flexible' : _ref$appearance,
     cardState = _ref.cardState,
+    placeholderData = _ref.placeholderData,
     children = _ref.children,
     id = _ref.id,
     onAuthorize = _ref.onAuthorize,
@@ -44,12 +47,16 @@ var FlexibleCard = function FlexibleCard(_ref) {
   var cardType = cardState.status,
     details = cardState.details;
   var status = cardType;
+  var shouldUsePlaceholderData = PENDING_LINK_STATUSES.includes(status) && placeholderData && fg('platform_initial_data_for_smart_cards');
+  // if we have placeholder data it means we can internally use it
+  // as resolved data until the actual data comes back as one of the final statuses
+  var contextStatus = shouldUsePlaceholderData ? SmartLinkStatus.Resolved : status;
   var context = useMemo(function () {
     return getContextByStatus({
       aiSummaryConfig: aiSummaryConfig,
       appearance: appearance,
       fireEvent: fireEvent,
-      response: details,
+      response: shouldUsePlaceholderData ? placeholderData.details : details,
       id: id,
       onAuthorize: onAuthorize,
       onClick: onClick,
@@ -57,19 +64,19 @@ var FlexibleCard = function FlexibleCard(_ref) {
       renderers: renderers,
       resolve: resolve,
       actionOptions: actionOptions,
-      status: status,
+      status: shouldUsePlaceholderData ? contextStatus : status,
       url: url,
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
     });
-  }, [aiSummaryConfig, appearance, fireEvent, details, id, onAuthorize, onClick, origin, renderers, resolve, actionOptions, status, url, isPreviewPanelAvailable, openPreviewPanel]);
+  }, [aiSummaryConfig, appearance, fireEvent, shouldUsePlaceholderData, placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.details, details, id, onAuthorize, onClick, origin, renderers, resolve, actionOptions, contextStatus, status, url, isPreviewPanelAvailable, openPreviewPanel]);
   var flexibleCardContext = useMemo(function () {
     return {
       data: context,
-      status: status,
+      status: fg('platform_initial_data_for_smart_cards') ? contextStatus : status,
       ui: ui
     };
-  }, [context, status, ui]);
+  }, [context, contextStatus, status, ui]);
   var _ref2 = context || {},
     linkTitle = _ref2.linkTitle;
   var title = linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text;

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

@@ -1,21 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onClick"];
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback } from 'react';
 import { withErrorBoundary as withReactErrorBoundary } from 'react-error-boundary';
 import { injectIntl } from 'react-intl-next';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { SmartCardContext } from '../../../state';
 import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
-import useResolveHyperlinkValidator, { isGoogleDomain, isSharePointDomain } from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
+import useResolveHyperlinkValidator from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import withIntlProvider from '../../common/intl-provider';
 import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
-import withErrorBoundary from './error-boundary';
-import { ResolveHyperlink } from './resolve-hyperlink';
 import HyperlinkUnauthorizedView from './unauthorize-view';
 var HyperlinkFallbackComponent = function HyperlinkFallbackComponent() {
   return null;
@@ -49,15 +45,10 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-
-  // TODO: AI3W-1113: Show auth button
   var onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useCallback(function () {
-    return (
-      // TODO: Need to add hyperlink type
-      actions.authorize('inline')
-    );
+    return actions.authorize('hyperlink');
   }, [actions]) : undefined;
   if (fg('platform_linking_plain_hyperlink_connect_button')) {
     switch (state === null || state === void 0 ? void 0 : state.status) {
@@ -66,6 +57,7 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
         return /*#__PURE__*/React.createElement(HyperlinkUnauthorizedView, _extends({}, props, {
           onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
           onClick: onClick,
+          showConnectBtn: (services === null || services === void 0 ? void 0 : services.length) > 0,
           provider: provider
         }));
       default:
@@ -82,23 +74,4 @@ export var HyperlinkWithSmartLinkResolver = withReactErrorBoundary(withValidator
   enforceContext: false
 }), Hyperlink), {
   FallbackComponent: HyperlinkFallbackComponent
-});
-
-// Remove on navx-1834-refactor-resolved-hyperlink cleanup
-
-var HyperlinkResolver = function HyperlinkResolver(_ref2) {
-  var href = _ref2.href;
-  var hasSmartCardProvider = !!useContext(SmartCardContext);
-  var isSharePointResolveEnabled = FeatureGates.getExperimentValue('platform_editor_resolve_hyperlinks_confluence', 'isEnabled', false) || FeatureGates.getExperimentValue('platform_editor_resolve_hyperlinks_jira', 'isEnabled', false);
-  var isGoogleResolveEnabled = FeatureGates.getExperimentValue('platform_editor_resolve_google_hyperlinks', 'isEnabled', false);
-  var shouldResolveSharePoint = isSharePointDomain(href) && isSharePointResolveEnabled;
-  var shouldResolveGoogle = isGoogleDomain(href) && isGoogleResolveEnabled;
-  var shouldResolveHyperlink = hasSmartCardProvider && (shouldResolveSharePoint || shouldResolveGoogle);
-  if (!shouldResolveHyperlink) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ResolveHyperlink, {
-    href: href
-  });
-};
-export default withErrorBoundary(HyperlinkResolver);
+});