@atlaskit/smart-card 42.3.4 → 43.0.0

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onAuthorize", "provider"];
-import React, { useMemo } from 'react';
+var _excluded = ["onAuthorize", "provider", "showConnectBtn"];
+import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { ActionButton } from '../../InlineCard/common/action-button';
@@ -9,17 +9,15 @@ import Hyperlink from '../Hyperlink';
 var HyperlinkUnauthorizedView = function HyperlinkUnauthorizedView(_ref) {
   var onAuthorize = _ref.onAuthorize,
     provider = _ref.provider,
+    showConnectBtn = _ref.showConnectBtn,
     props = _objectWithoutProperties(_ref, _excluded);
-  var actionButton = useMemo(function () {
-    return onAuthorize ? /*#__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);
+  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
+    }
+  })))));
 };
 export default HyperlinkUnauthorizedView;

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

@@ -7,16 +7,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';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "42.3.5",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');
@@ -39,30 +38,28 @@ var LinkUrl = function LinkUrl(_ref) {
     showSafetyWarningModal = _useLinkWarningModal.showSafetyWarningModal,
     linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
   var resolveHyperlinkFG = FeatureGates.checkGate('platform_editor_resolve_hyperlinks_killswitch');
-  if (fg('navx-1834-refactor-resolved-hyperlink')) {
-    if (resolveHyperlinkFG) {
-      var _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: function onClick(e) {
-          if (!checkSafety) {
-            _onClick && _onClick(e);
-            return;
-          }
+  if (resolveHyperlinkFG) {
+    var _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: function 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));
   }
   var Link = isLinkComponent ? LinkComponent : Anchor;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
@@ -87,8 +84,6 @@ var LinkUrl = function LinkUrl(_ref) {
         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/types/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::932bd7921a1bd5e7a45d04e6fef57e12>>
+ * @codegen <<SignedSource::a9e05f4749fe4c5f7aaded5bdf6a8822>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -37,35 +37,35 @@ export type ButtonClickedCopyLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedDownloadDocumentAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedInvokePreviewScreenAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedShortcutGoToLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedIssueStatusUpdateAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
@@ -99,14 +99,14 @@ export type RelatedLinksFailedAttributesType = {
 };
 export type SmartLinkIframeDwelledAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     dwellTime: number;
     dwellPercentVisible: number;
 };
 export type SmartLinkIframeFocusedAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
@@ -147,7 +147,7 @@ export type SmartLinkUnresolvedAttributesType = {
     reason: string;
 };
 export type SmartLinkChunkLoadFailedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     error: Record<string, unknown>;
     errorInfo: Record<string, unknown>;
@@ -156,7 +156,7 @@ export type SmartLinkActionResolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
 };
@@ -164,23 +164,11 @@ export type SmartLinkActionUnresolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
     reason: string | null;
 };
-export type SmartLinkClickedAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
-export type SmartLinkClickedTitleGoToLinkAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
 export type HyperlinkResolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
@@ -191,8 +179,20 @@ export type HyperlinkUnresolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
     resourceType: string | null;
+    reason: string | null;
     error: Record<string, unknown> | null;
-    reason: string;
+};
+export type SmartLinkClickedAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
+};
+export type SmartLinkClickedTitleGoToLinkAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
 };
 export type SmartLinkClickedPreviewHoverCardAttributesType = {
     id: string;
@@ -211,15 +211,15 @@ export type HoverCardDismissedAttributesType = {
     definitionId: string | null;
 };
 export type ButtonClickedConnectAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type SmartLinkClickedTryAnotherAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ConsentModalClosedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ModalClosedEmbedPreviewAttributesType = {
@@ -358,10 +358,10 @@ export type AnalyticsEventAttributes = {
      * Fires an event when a Smart Link action is failed to resolved. */
     'operational.smartLinkAction.unresolved': SmartLinkActionUnresolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is successfully resolved. */
+     * Fires an event when a hyperlink is successfully resolved. */
     'operational.hyperlink.resolved': HyperlinkResolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is failed to resolve. */
+     * Fires an event when a hyperlink fails to resolve. */
     'operational.hyperlink.unresolved': HyperlinkUnresolvedAttributesType;
     /**
      * fires an event that represents when a user clicks on a Smart Link. */

package/dist/types/state/actions/index.d.ts

@@ -1,8 +1,7 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { type CardState } from '@atlaskit/linking-common';
 import { type InvokeClientOpts, type InvokeServerOpts } from '../../model/invoke-opts';
 import { type CardInnerAppearance } from '../../view/Card/types';
-export declare const useSmartCardActions: (id: string, url: string, placeholderData?: CardState) => {
+export declare const useSmartCardActions: (id: string, url: string) => {
     register: () => Promise<void>;
     reload: () => void;
     authorize: (appearance: CardInnerAppearance) => void;

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -1,6 +1,5 @@
-import type { CardState } from '@atlaskit/linking-common';
-export declare function useSmartLink(id: string, url: string, placeholderData?: CardState): {
-    state: CardState;
+export declare function useSmartLink(id: string, url: string): {
+    state: import("@atlaskit/linking-common").CardState;
     actions: {
         register: () => Promise<void>;
         reload: () => void;

package/dist/types/state/store/index.d.ts

@@ -1,3 +1,3 @@
 import { type CardState } from '@atlaskit/linking-common';
 export type { CardType } from '@atlaskit/linking-common';
-export declare function useSmartCardState(url: string, placeholderData?: CardState): CardState;
+export declare function useSmartCardState(url: string): CardState;

package/dist/types/view/Card/types.d.ts

@@ -7,7 +7,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 export type { CardAppearance, CardPlatform };
-export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
 export type OnResolveCallback = (data: {
     aspectRatio?: number;

package/dist/types/view/FlexibleCard/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { CardState } from '@atlaskit/linking-common';
 import { type FlexibleCardProps } from './types';
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -6,5 +7,16 @@ import { type FlexibleCardProps } from './types';
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onError, onResolve, origin, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
+declare const FlexibleCard: ({ appearance, cardState, placeholderData, children, id, onAuthorize, onClick, onError, onResolve, origin, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps & {
+    /**
+     * @experimental
+     * This is a new prop that is not part of the public API - DO NOT USE.
+     * If provided, the card will display using the respective object for the first render (particularly useful for SSR),
+     * while still resolving `url` in the background.
+     * Placeholder data should be considered a transient state - in the sense that it will not persisted to the main store -
+     * and it will be replaced by the actual data when the given `url` is resolved.
+     * ANIP-288: Expose this prop to the public API
+     */
+    placeholderData?: CardState;
+}) => React.JSX.Element;
 export default FlexibleCard;

package/dist/types/view/LinkUrl/HyperlinkResolver/index.d.ts

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { LinkUrlProps } from '../types';
 export declare const HyperlinkWithSmartLinkResolver: React.ForwardRefExoticComponent<LinkUrlProps & React.RefAttributes<any>>;
-export interface HyperlinkResolverProps {
-    href: string;
-}
-declare const _default: (props: HyperlinkResolverProps) => React.JSX.Element;
-export default _default;

package/dist/types/view/LinkUrl/HyperlinkResolver/unauthorize-view.d.ts

@@ -4,6 +4,7 @@ import type { LinkUrlProps } from '../types';
 type HyperlinkUnauthorizedViewProps = LinkUrlProps & {
     onAuthorize?: () => void;
     provider?: LinkProvider;
+    showConnectBtn?: boolean;
 };
-declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
+declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, showConnectBtn, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
 export default HyperlinkUnauthorizedView;

package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::932bd7921a1bd5e7a45d04e6fef57e12>>
+ * @codegen <<SignedSource::a9e05f4749fe4c5f7aaded5bdf6a8822>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 export type PackageMetaDataContextType = {
@@ -37,35 +37,35 @@ export type ButtonClickedCopyLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedDownloadDocumentAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedInvokePreviewScreenAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedShortcutGoToLinkAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedIssueStatusUpdateAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
 };
 export type ButtonClickedAiSummaryAttributesType = {};
@@ -99,14 +99,14 @@ export type RelatedLinksFailedAttributesType = {
 };
 export type SmartLinkIframeDwelledAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     dwellTime: number;
     dwellPercentVisible: number;
 };
 export type SmartLinkIframeFocusedAttributesType = {
     id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ApplicationAccountConnectedAttributesType = {
@@ -147,7 +147,7 @@ export type SmartLinkUnresolvedAttributesType = {
     reason: string;
 };
 export type SmartLinkChunkLoadFailedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
     error: Record<string, unknown>;
     errorInfo: Record<string, unknown>;
@@ -156,7 +156,7 @@ export type SmartLinkActionResolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
 };
@@ -164,23 +164,11 @@ export type SmartLinkActionUnresolvedAttributesType = {
     actionType: string | null;
     id: string | null;
     definitionId: string | null;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | null;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink' | null;
     resourceType: string | null;
     duration: number | null;
     reason: string | null;
 };
-export type SmartLinkClickedAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
-export type SmartLinkClickedTitleGoToLinkAttributesType = {
-    id: string;
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
-    definitionId: string | null;
-    isModifierKeyPressed: boolean | null;
-};
 export type HyperlinkResolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
@@ -191,8 +179,20 @@ export type HyperlinkUnresolvedAttributesType = {
     definitionId: string | null;
     extensionKey: string | null;
     resourceType: string | null;
+    reason: string | null;
     error: Record<string, unknown> | null;
-    reason: string;
+};
+export type SmartLinkClickedAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
+};
+export type SmartLinkClickedTitleGoToLinkAttributesType = {
+    id: string;
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    definitionId: string | null;
+    isModifierKeyPressed: boolean | null;
 };
 export type SmartLinkClickedPreviewHoverCardAttributesType = {
     id: string;
@@ -211,15 +211,15 @@ export type HoverCardDismissedAttributesType = {
     definitionId: string | null;
 };
 export type ButtonClickedConnectAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type SmartLinkClickedTryAnotherAccountAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ConsentModalClosedAttributesType = {
-    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+    display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
     definitionId: string | null;
 };
 export type ModalClosedEmbedPreviewAttributesType = {
@@ -358,10 +358,10 @@ export type AnalyticsEventAttributes = {
      * Fires an event when a Smart Link action is failed to resolved. */
     'operational.smartLinkAction.unresolved': SmartLinkActionUnresolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is successfully resolved. */
+     * Fires an event when a hyperlink is successfully resolved. */
     'operational.hyperlink.resolved': HyperlinkResolvedAttributesType;
     /**
-     * Fires an event when a Hyperlink is failed to resolve. */
+     * Fires an event when a hyperlink fails to resolve. */
     'operational.hyperlink.unresolved': HyperlinkUnresolvedAttributesType;
     /**
      * fires an event that represents when a user clicks on a Smart Link. */

package/dist/types-ts4.5/state/actions/index.d.ts

@@ -1,8 +1,7 @@
 import { type JsonLd } from '@atlaskit/json-ld-types';
-import { type CardState } from '@atlaskit/linking-common';
 import { type InvokeClientOpts, type InvokeServerOpts } from '../../model/invoke-opts';
 import { type CardInnerAppearance } from '../../view/Card/types';
-export declare const useSmartCardActions: (id: string, url: string, placeholderData?: CardState) => {
+export declare const useSmartCardActions: (id: string, url: string) => {
     register: () => Promise<void>;
     reload: () => void;
     authorize: (appearance: CardInnerAppearance) => void;

package/dist/types-ts4.5/state/hooks/useSmartLink.d.ts

@@ -1,6 +1,5 @@
-import type { CardState } from '@atlaskit/linking-common';
-export declare function useSmartLink(id: string, url: string, placeholderData?: CardState): {
-    state: CardState;
+export declare function useSmartLink(id: string, url: string): {
+    state: import("@atlaskit/linking-common").CardState;
     actions: {
         register: () => Promise<void>;
         reload: () => void;

package/dist/types-ts4.5/state/store/index.d.ts

@@ -1,3 +1,3 @@
 import { type CardState } from '@atlaskit/linking-common';
 export type { CardType } from '@atlaskit/linking-common';
-export declare function useSmartCardState(url: string, placeholderData?: CardState): CardState;
+export declare function useSmartCardState(url: string): CardState;

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -7,7 +7,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 export type { CardAppearance, CardPlatform };
-export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'hyperlink';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
 export type OnResolveCallback = (data: {
     aspectRatio?: number;

package/dist/types-ts4.5/view/FlexibleCard/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { CardState } from '@atlaskit/linking-common';
 import { type FlexibleCardProps } from './types';
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -6,5 +7,16 @@ import { type FlexibleCardProps } from './types';
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onError, onResolve, origin, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
+declare const FlexibleCard: ({ appearance, cardState, placeholderData, children, id, onAuthorize, onClick, onError, onResolve, origin, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps & {
+    /**
+     * @experimental
+     * This is a new prop that is not part of the public API - DO NOT USE.
+     * If provided, the card will display using the respective object for the first render (particularly useful for SSR),
+     * while still resolving `url` in the background.
+     * Placeholder data should be considered a transient state - in the sense that it will not persisted to the main store -
+     * and it will be replaced by the actual data when the given `url` is resolved.
+     * ANIP-288: Expose this prop to the public API
+     */
+    placeholderData?: CardState;
+}) => React.JSX.Element;
 export default FlexibleCard;

package/dist/types-ts4.5/view/LinkUrl/HyperlinkResolver/index.d.ts

@@ -1,8 +1,3 @@
 import React from 'react';
 import type { LinkUrlProps } from '../types';
 export declare const HyperlinkWithSmartLinkResolver: React.ForwardRefExoticComponent<LinkUrlProps & React.RefAttributes<any>>;
-export interface HyperlinkResolverProps {
-    href: string;
-}
-declare const _default: (props: HyperlinkResolverProps) => React.JSX.Element;
-export default _default;

package/dist/types-ts4.5/view/LinkUrl/HyperlinkResolver/unauthorize-view.d.ts

@@ -4,6 +4,7 @@ import type { LinkUrlProps } from '../types';
 type HyperlinkUnauthorizedViewProps = LinkUrlProps & {
     onAuthorize?: () => void;
     provider?: LinkProvider;
+    showConnectBtn?: boolean;
 };
-declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
+declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, showConnectBtn, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
 export default HyperlinkUnauthorizedView;