@atlaskit/smart-card 44.9.10 → 44.9.11

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

@@ -4,17 +4,14 @@ var _excluded = ["onClick"];
 import React, { useCallback } from 'react';
 import { withErrorBoundary as withReactErrorBoundary } from 'react-error-boundary';
 import { injectIntl } from 'react-intl';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
-import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
+import { getFirstPartyIdentifier, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
 import useResolveHyperlinkValidator from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import withIntlProvider from '../../common/intl-provider';
 import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
-import HyperlinkUnauthorizedView from './unauthorize-view';
 var HyperlinkFallbackComponent = function HyperlinkFallbackComponent() {
   return null;
 };
@@ -33,9 +30,7 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
   var _useResolveHyperlink = useResolveHyperlink({
       href: props.href || ''
     }),
-    actions = _useResolveHyperlink.actions,
     state = _useResolveHyperlink.state;
-  var services = getServices(state === null || state === void 0 ? void 0 : state.details);
   var thirdPartyARI = getThirdPartyARI(state === null || state === void 0 ? void 0 : state.details);
   var firstPartyIdentifier = getFirstPartyIdentifier();
   var fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
@@ -50,42 +45,6 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     }
     onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
   }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
-  var onAuthorize = useCallback(function () {
-    return actions.authorize('url');
-  }, [actions]);
-  var shouldRenderConnectBtn = function shouldRenderConnectBtn() {
-    if (!props.children || !Array.isArray(props.children) || props.children.length === 0) {
-      return false;
-    }
-    var firstChild = props.children[0];
-    try {
-      var _firstChild$props;
-      // Check if first child has a string matching href
-      if (typeof firstChild === 'string') {
-        return props.href === firstChild;
-      }
-
-      // Check if first child has another child object containing matching href. This aligns with the behavior of the TextWrapper component used by editor to render link nodes
-      if (firstChild !== null && firstChild !== void 0 && (_firstChild$props = firstChild.props) !== null && _firstChild$props !== void 0 && _firstChild$props.children && typeof firstChild.props.children === 'string') {
-        return props.href === firstChild.props.children;
-      }
-    } catch (_) {
-      return false;
-    }
-  };
-  if ((state === null || state === void 0 ? void 0 : state.status) === 'unauthorized' && shouldRenderConnectBtn() && (
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- Statsig migration pending for Bluelink connect experiments
-  FeatureGates.getExperimentValue('platform_linking_bluelink_connect_confluence', 'isEnabled', false) ||
-  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- Statsig migration pending for Bluelink connect experiments
-  FeatureGates.getExperimentValue('platform_linking_bluelink_connect_jira', 'isEnabled', false))) {
-    var provider = extractSmartLinkProvider(state === null || state === void 0 ? void 0 : state.details);
-    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
-    }));
-  }
   return /*#__PURE__*/React.createElement(Hyperlink, _extends({}, props, {
     onClick: onClick
   }));

package/dist/types/state/hooks/use-smart-link-seen-event/index.d.ts

@@ -0,0 +1,14 @@
+import { type CardType } from '@atlaskit/linking-common';
+import type { CardProps } from '../../../view/Card';
+type UseSmartLinkSeenEventProps = Pick<CardProps, 'appearance' | 'children' | 'id' | 'ui' | 'url'>;
+type UseSmartLinkSeenEventReturn = {
+    onIntersecting: () => void;
+    onStatusSettled: (status: CardType) => void;
+};
+/**
+ * Fires `ui.smartLink.seen` once when a smart link with status `unauthorized`
+ * enters the viewport. Uses refs internally so it never causes re-renders,
+ * which is important for SSR.
+ */
+export declare function useSmartLinkSeenEvent({ appearance, children, id, ui, url, }: UseSmartLinkSeenEventProps): UseSmartLinkSeenEventReturn;
+export {};

package/dist/types/utils/analytics/SmartLinkAnalyticsContext.d.ts

@@ -15,9 +15,19 @@ type SmartLinkAnalyticsContextType = {
     };
     source?: string;
 };
+type GetByUrlFn = (url: string, props: Omit<SmartLinkAnalyticsContextProps, 'children' | 'url'>) => SmartLinkAnalyticsContextType;
+type UseSmartLinkAnalyticsUtilsReturn = {
+    getByUrl: GetByUrlFn;
+};
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export declare const useSmartLinkAnalyticsUtils: () => UseSmartLinkAnalyticsUtilsReturn;
 /**
  * Provides an analytics context data to supply attributes to events based on a URL
  * and the link state in the store
+ * @deprecated Use useSmartLinkAnalyticsUtils instead
  */
 export declare const useSmartLinkAnalyticsContext: ({ display, id, source, url, }: Exclude<SmartLinkAnalyticsContextProps, "children">) => SmartLinkAnalyticsContextType | undefined;
 /**

package/dist/types/view/CardWithUrl/card-intersection-observer/index.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
 import type { CardProps } from '../../Card';
-type WithCardIntersectionObserverProps = {
-    appearance: CardProps['appearance'];
-};
-declare const _default: <T extends WithCardIntersectionObserverProps>(Component: React.ComponentType<T>) => ((props: T) => React.JSX.Element);
-export default _default;
+type WithCardIntersectionObserverProps = Pick<CardProps, 'appearance' | 'children' | 'onError' | 'id' | 'ui' | 'url'>;
+declare const withCardIntersectionObserver: <T extends WithCardIntersectionObserverProps>(Component: React.ComponentType<T>) => ((props: T) => React.JSX.Element);
+export default withCardIntersectionObserver;

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

@@ -24,7 +24,6 @@ export type CardWithUrlContentProps = {
     inheritDimensions?: boolean;
     inlinePreloaderStyle?: InlinePreloaderStyle;
     isHovered?: boolean;
-    isIntersected?: boolean;
     isSelected?: boolean;
     onClick?: EventHandler<MouseEvent | KeyboardEvent>;
     onError?: OnErrorCallback;

package/dist/types-ts4.5/state/hooks/use-smart-link-seen-event/index.d.ts

@@ -0,0 +1,14 @@
+import { type CardType } from '@atlaskit/linking-common';
+import type { CardProps } from '../../../view/Card';
+type UseSmartLinkSeenEventProps = Pick<CardProps, 'appearance' | 'children' | 'id' | 'ui' | 'url'>;
+type UseSmartLinkSeenEventReturn = {
+    onIntersecting: () => void;
+    onStatusSettled: (status: CardType) => void;
+};
+/**
+ * Fires `ui.smartLink.seen` once when a smart link with status `unauthorized`
+ * enters the viewport. Uses refs internally so it never causes re-renders,
+ * which is important for SSR.
+ */
+export declare function useSmartLinkSeenEvent({ appearance, children, id, ui, url, }: UseSmartLinkSeenEventProps): UseSmartLinkSeenEventReturn;
+export {};

package/dist/types-ts4.5/utils/analytics/SmartLinkAnalyticsContext.d.ts

@@ -15,9 +15,19 @@ type SmartLinkAnalyticsContextType = {
     };
     source?: string;
 };
+type GetByUrlFn = (url: string, props: Omit<SmartLinkAnalyticsContextProps, 'children' | 'url'>) => SmartLinkAnalyticsContextType;
+type UseSmartLinkAnalyticsUtilsReturn = {
+    getByUrl: GetByUrlFn;
+};
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export declare const useSmartLinkAnalyticsUtils: () => UseSmartLinkAnalyticsUtilsReturn;
 /**
  * Provides an analytics context data to supply attributes to events based on a URL
  * and the link state in the store
+ * @deprecated Use useSmartLinkAnalyticsUtils instead
  */
 export declare const useSmartLinkAnalyticsContext: ({ display, id, source, url, }: Exclude<SmartLinkAnalyticsContextProps, "children">) => SmartLinkAnalyticsContextType | undefined;
 /**

package/dist/types-ts4.5/view/CardWithUrl/card-intersection-observer/index.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
 import type { CardProps } from '../../Card';
-type WithCardIntersectionObserverProps = {
-    appearance: CardProps['appearance'];
-};
-declare const _default: <T extends WithCardIntersectionObserverProps>(Component: React.ComponentType<T>) => ((props: T) => React.JSX.Element);
-export default _default;
+type WithCardIntersectionObserverProps = Pick<CardProps, 'appearance' | 'children' | 'onError' | 'id' | 'ui' | 'url'>;
+declare const withCardIntersectionObserver: <T extends WithCardIntersectionObserverProps>(Component: React.ComponentType<T>) => ((props: T) => React.JSX.Element);
+export default withCardIntersectionObserver;

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

@@ -24,7 +24,6 @@ export type CardWithUrlContentProps = {
     inheritDimensions?: boolean;
     inlinePreloaderStyle?: InlinePreloaderStyle;
     isHovered?: boolean;
-    isIntersected?: boolean;
     isSelected?: boolean;
     onClick?: EventHandler<MouseEvent | KeyboardEvent>;
     onError?: OnErrorCallback;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.9.10",
+	"version": "44.9.11",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -278,6 +278,9 @@
 		},
 		"platform_navx_block_card_footer_spacing": {
 			"type": "boolean"
+		},
+		"navx-3611-inline-card-a11y-role-fix": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"

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

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntl = require("react-intl");
-var _messages = require("../../../messages");
-var _actionButton = require("../../InlineCard/common/action-button");
-var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
-var _excluded = ["onAuthorize", "provider", "showConnectBtn"];
-var HyperlinkUnauthorizedView = function HyperlinkUnauthorizedView(_ref) {
-  var onAuthorize = _ref.onAuthorize,
-    provider = _ref.provider,
-    showConnectBtn = _ref.showConnectBtn,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Hyperlink.default, props), showConnectBtn && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ' ', /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, {
-    onClick: onAuthorize,
-    testId: "button-connect-account"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
-    values: {
-      context: provider === null || provider === void 0 ? void 0 : provider.text
-    }
-  })))));
-};
-var _default = exports.default = HyperlinkUnauthorizedView;

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

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { messages } from '../../../messages';
-import { ActionButton } from '../../InlineCard/common/action-button';
-import Hyperlink from '../Hyperlink';
-const HyperlinkUnauthorizedView = ({
-  onAuthorize,
-  provider,
-  showConnectBtn,
-  ...props
-}) => {
-  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/HyperlinkResolver/unauthorize-view.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onAuthorize", "provider", "showConnectBtn"];
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { messages } from '../../../messages';
-import { ActionButton } from '../../InlineCard/common/action-button';
-import Hyperlink from '../Hyperlink';
-var HyperlinkUnauthorizedView = function HyperlinkUnauthorizedView(_ref) {
-  var onAuthorize = _ref.onAuthorize,
-    provider = _ref.provider,
-    showConnectBtn = _ref.showConnectBtn,
-    props = _objectWithoutProperties(_ref, _excluded);
-  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/types/view/LinkUrl/HyperlinkResolver/unauthorize-view.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { LinkProvider } from '@atlaskit/link-extractors';
-import type { LinkUrlProps } from '../types';
-type HyperlinkUnauthorizedViewProps = LinkUrlProps & {
-    onAuthorize?: () => void;
-    provider?: LinkProvider;
-    showConnectBtn?: boolean;
-};
-declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, showConnectBtn, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
-export default HyperlinkUnauthorizedView;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { LinkProvider } from '@atlaskit/link-extractors';
-import type { LinkUrlProps } from '../types';
-type HyperlinkUnauthorizedViewProps = LinkUrlProps & {
-    onAuthorize?: () => void;
-    provider?: LinkProvider;
-    showConnectBtn?: boolean;
-};
-declare const HyperlinkUnauthorizedView: ({ onAuthorize, provider, showConnectBtn, ...props }: HyperlinkUnauthorizedViewProps) => React.JSX.Element;
-export default HyperlinkUnauthorizedView;