@atlaskit/smart-card 40.17.2 → 40.19.0

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

@@ -10,16 +10,18 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _click = require("../../utils/analytics/click");
 var _LinkAnalyticsContext = require("../../utils/analytics/LinkAnalyticsContext");
+var _HyperlinkResolver = _interopRequireDefault(require("./HyperlinkResolver"));
 var _LinkWarningModal = _interopRequireDefault(require("./LinkWarningModal"));
 var _useLinkWarningModal2 = require("./LinkWarningModal/hooks/use-link-warning-modal");
-var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLinkComponent"],
+var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLinkComponent", "enableResolve"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.17.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -34,12 +36,15 @@ var LinkUrl = function LinkUrl(_ref) {
     testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
     _ref$isLinkComponent = _ref.isLinkComponent,
     isLinkComponent = _ref$isLinkComponent === void 0 ? false : _ref$isLinkComponent,
+    _ref$enableResolve = _ref.enableResolve,
+    enableResolve = _ref$enableResolve === void 0 ? false : _ref$enableResolve,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useLinkWarningModal = (0, _useLinkWarningModal2.useLinkWarningModal)(),
     isLinkSafe = _useLinkWarningModal.isLinkSafe,
     showSafetyWarningModal = _useLinkWarningModal.showSafetyWarningModal,
     linkWarningModalProps = (0, _objectWithoutProperties2.default)(_useLinkWarningModal, _excluded2);
   var Link = isLinkComponent ? LinkComponent : Anchor;
+  var resolveHyperlinkFG = _featureGateJsClient.default.checkGate('platform_editor_resolve_hyperlinks_killswitch');
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LinkAnalyticsContext.LinkAnalyticsContext, {
     url: href,
     display: "url"
@@ -62,6 +67,8 @@ var LinkUrl = function LinkUrl(_ref) {
         showSafetyWarningModal(e, href);
       }
     }
-  }, props), children)), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps));
+  }, props), children)), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps), enableResolve && href && resolveHyperlinkFG && /*#__PURE__*/_react.default.createElement(_HyperlinkResolver.default, {
+    href: href
+  }));
 };
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)(PACKAGE_DATA)(LinkUrl);

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -4,6 +4,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
+import { isModalWithinPreviewPanelIFrame } from '../../utils/iframe-utils';
 import { openEmbedModal } from '../../view/EmbedModal/utils';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
@@ -30,6 +31,7 @@ export const extractInvokePreviewAction = param => {
   const hasPreviewPanel = hasPreviewPanelParams && isPreviewPanelAvailable({
     ari: ari
   });
+  const isInPreviewPanel = expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && isModalWithinPreviewPanelIFrame();
   const data = response.data;
   const meta = response.meta;
   if (!canShowAction(CardAction.PreviewAction, actionOptions)) {
@@ -65,7 +67,10 @@ export const extractInvokePreviewAction = param => {
               src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
               title: extractSmartLinkTitle(response),
               url,
-              size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
+              size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined,
+              ...(expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
+                isInPreviewPanel
+              })
             });
           }
         },

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
 import uuid from 'uuid';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { extractInvokeDownloadAction } from '../../extractors/action/extract-invoke-download-action';
 import { extractInvokePreviewAction } from '../../extractors/action/extract-invoke-preview-action';
@@ -8,12 +9,14 @@ import { extractInvokeViewAction } from '../../extractors/action/extract-invoke-
 import { messages } from '../../messages';
 import { toAction } from '../../utils/actions/to-action';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
+import useResolve from '../hooks/use-resolve';
 import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions({
   url,
   appearance,
   origin,
-  actionOptions
+  actionOptions,
+  prefetch
 }) {
   const id = useMemo(() => uuid(), []);
   const linkState = useLinkState(url);
@@ -27,6 +30,10 @@ export function useSmartLinkActions({
   const invokeClientAction = useInvokeClientAction({
     fireEvent
   });
+  const resolve = useResolve();
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
+    resolve(url);
+  }
   if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     const actions = [];
     const invokeParam = {

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: "40.17.1"
+  packageVersion: "0.0.0-development"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/iframe-utils.js

@@ -0,0 +1,34 @@
+export const isInIframe = () => {
+  try {
+    return window !== window.top;
+  } catch {
+    // If we can't access window.top due to cross-origin restrictions, assume we're in an iframe
+    return true;
+  }
+};
+export const isWithinPreviewPanel = () => {
+  try {
+    const params = new URLSearchParams(window.location.search);
+    return params.has('previewPanels') || params.get('embeddedConfluenceSource') === 'confluence-page-preview-panel';
+  } catch {
+    return false;
+  }
+};
+export const isModalWithinPreviewPanelIFrame = () => {
+  return isInIframe() && isWithinPreviewPanel();
+};
+
+// Signals parent product to open embed modal via postMessage when in iframe context
+export const openEmbedModalInParent = modalProps => {
+  if (!isInIframe()) {
+    return;
+  }
+  window.parent.postMessage({
+    type: 'OPEN_EMBED_MODAL',
+    payload: {
+      modal: {
+        url: (modalProps === null || modalProps === void 0 ? void 0 : modalProps.url) || ''
+      }
+    }
+  }, '*');
+};

package/dist/es2019/view/EmbedCard/components/ImageIcon.compiled.css

@@ -1 +1 @@
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}

package/dist/es2019/view/EmbedCard/components/ImageIcon.js

@@ -7,7 +7,7 @@ import ImageLoader from 'react-render-image';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { Image } from './styled';
 const styles = {
-  roundedImage: "_2rko1twn"
+  roundedImage: "_2rko1rr0"
 };
 export const ImageIcon = ({
   alt = '',

package/dist/es2019/view/EmbedCard/components/styled.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
+._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._1aaxusic{float:right}

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -26,7 +26,7 @@ export const Image = forwardRef(({
       "--_rcxkve": ix(getSizeWithUnit(__cmplp.size))
     },
     ref: __cmplr,
-    className: ax(["_2rko1sit _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
+    className: ax(["_2rkofajl _1reo15vq _18m915vq _1bsb17ym _4t3i17ym", __cmplp.className])
   }));
 });
 
@@ -45,7 +45,7 @@ export const Thumbnail = forwardRef(({
       "--_13orr8u": ix(`url(${__cmplp.src})`)
     },
     ref: __cmplr,
-    className: ax(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: ax(["_2rkofajl _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/es2019/view/EmbedModal/utils.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { IntlProvider } from 'react-intl-next';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { openEmbedModalInParent } from '../../utils/iframe-utils';
 const IFRAME_NAME = 'twp-editor-preview-iframe';
 const POPUP_MOUNT_POINT_ID = 'twp-editor-preview-iframe';
 
@@ -22,6 +24,16 @@ export async function openEmbedModal({
   onClose = () => {},
   ...props
 } = {}) {
+  // If the modal trigger is in an iframe and the user has preview panels enabled, send a message to open modal to the parent product
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+    if (props.isInPreviewPanel) {
+      openEmbedModalInParent({
+        onClose,
+        ...props
+      });
+      return;
+    }
+  }
   let popupMountPoint;
   popupMountPoint = document.getElementById(POPUP_MOUNT_POINT_ID);
   if (!popupMountPoint) {

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._18zr1b66{padding-inline:var(--ds-space-050,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._2hwxutpp{margin-right:var(--ds-space-150,9pt)}

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -11,7 +11,7 @@ import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
 const styles = {
-  iconStyle: "_2rkoglpi _18zr1b66 _1rjcv77o _2hwxutpp",
+  iconStyle: "_2rko12b0 _18zr1b66 _1rjcv77o _2hwxutpp",
   modalDescriptionStyle: "_19pkutpp"
 };
 const i18n = defineMessages({

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d15qp{border-color:var(--ds-border-accent-blue,#1d7afc)}

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.js

@@ -8,8 +8,8 @@ import { Box, Stack } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import { useAutomationMenu } from '../../menu-context';
 const styles = {
-  ruleButtonStyle: "_2rkoglpi _1h6dmuej _1dqonqa1 _189ee4h9",
-  selectedRuleButtonStyle: "_2rkoglpi _1h6d15qp _1dqonqa1 _189e1bk5",
+  ruleButtonStyle: "_2rko12b0 _1h6dmuej _1dqonqa1 _189ee4h9",
+  selectedRuleButtonStyle: "_2rko12b0 _1h6d15qp _1dqonqa1 _189e1bk5",
   ruleNameStyle: "_4t3i1f4h"
 };
 export const AutomationModalRule = ({

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css

@@ -1,6 +1,6 @@
 
 ._kkk2n7od{all:unset}._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
 ._1rjc12x7{padding-block:var(--ds-space-075,6px)}
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -6,7 +6,7 @@ import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import MotionWrapper from '../../../common/motion-wrapper';
 const styles = {
-  containerStyles: "_kkk2n7od _2rkoglpi _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
+  containerStyles: "_kkk2n7od _2rko12b0 _1rjc12x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _1bsb1osq _fiawglyw",
   errorContentStyles: "_bozgv77o",
   titleStyles: "_11c8dcr7 _syaz1gjq"
 };

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.compiled.css

@@ -1 +1 @@
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -6,7 +6,7 @@ import { useEffect, useState } from 'react';
 import ImageLoader from 'react-render-image';
 import { LoadingSkeleton } from '../loading-skeleton';
 const styles = {
-  roundImg: "_2rko1twn"
+  roundImg: "_2rko1rr0"
 };
 const ImageIcon = ({
   defaultIcon,

package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}

package/dist/es2019/view/InlineCard/ForbiddenView/index.js

@@ -16,7 +16,7 @@ import InlineLozenge from '../common/inline-lozenge';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 const styles = {
-  actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
+  actionButtonLozengeStyle: "_2rkolb4i _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
 };
 const fallbackForbiddenIcon = () => {
   return /*#__PURE__*/React.createElement(LockLockedIcon, {

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.compiled.css

@@ -1,6 +1,5 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko1twn{border-radius:var(--ds-border-radius-circle,9999px)}
-._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
 ._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}
 ._154i1ssb{top:50%}
 ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -18,9 +18,9 @@ const styles = {
   iconEmptyStyle: "_1bsb7vkz _4t3i1osq _1e0c1o8l _tzy4idpf",
   iconOuterWrapperStyle: "_1e0c1o8l _2hwx1b66 _kqswh2mm",
   iconTitleWrapperStyle: "_o5721jtm _1nmz9jpi _16d9qvcn _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66",
-  linkStyle: "_2rkogqwt",
+  linkStyle: "_2rkolb4i",
   noLinkAppearanceStyle: "_syaz131l _18u01b66",
-  roundImageStyle: "_2rko1twn"
+  roundImageStyle: "_2rko1rr0"
 };
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled,@atlaskit/design-system/no-html-anchor -- Ignored via go/DSP-18766
 const LinkAppearance = forwardRef(({

package/dist/es2019/view/LinkUrl/HyperlinkResolver/error-boundary.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+const withErrorBoundary = Component => props => {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(Component, props));
+};
+export default withErrorBoundary;

package/dist/es2019/view/LinkUrl/HyperlinkResolver/hooks/useScheduledRegister.js

@@ -0,0 +1,77 @@
+/**
+ * This is a scheduled batched register mechanism for resolving blue hyperlinks while the page is idle.
+ * i.e. SharePoint tenants with the same hostname will be grouped together before the register is made.
+ */
+
+import { useCallback, useRef } from 'react';
+const batchQueue = new Map();
+const batchTimeouts = new Map();
+const BATCH_DELAY = 250;
+const executeBatch = hostname => {
+  const items = batchQueue.get(hostname) || [];
+  if (items.length === 0) {
+    return;
+  }
+  batchQueue.delete(hostname);
+  batchTimeouts.delete(hostname);
+  items.forEach(({
+    register,
+    resolve,
+    reject
+  }) => {
+    register().then(resolve).catch(reject);
+  });
+};
+const addToBatch = (hostname, item) => {
+  if (!batchQueue.has(hostname)) {
+    batchQueue.set(hostname, []);
+  }
+  batchQueue.get(hostname).push(item);
+  if (batchTimeouts.has(hostname)) {
+    clearTimeout(batchTimeouts.get(hostname));
+  }
+  batchTimeouts.set(hostname, setTimeout(() => {
+    executeBatch(hostname);
+  }, BATCH_DELAY));
+};
+export const useScheduledRegister = (href, register) => {
+  const isScheduled = useRef(false);
+  const scheduledRegister = useCallback(() => {
+    if (!href || !register || isScheduled.current) {
+      return Promise.resolve();
+    }
+    isScheduled.current = true;
+    return new Promise((resolve, reject) => {
+      const scheduleRegister = () => {
+        try {
+          const hostname = new URL(href).hostname;
+          addToBatch(hostname, {
+            href,
+            register,
+            resolve: value => {
+              isScheduled.current = false;
+              resolve(value);
+            },
+            reject: error => {
+              isScheduled.current = false;
+              reject(error);
+            }
+          });
+        } catch (error) {
+          isScheduled.current = false;
+          register().then(resolve).catch(reject);
+        }
+      };
+      if (typeof window !== 'undefined') {
+        if ('requestIdleCallback' in window) {
+          window.requestIdleCallback(scheduleRegister);
+        } else {
+          setTimeout(scheduleRegister, 0);
+        }
+      } else {
+        scheduleRegister();
+      }
+    });
+  }, [href, register]);
+  return scheduledRegister;
+};

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

@@ -0,0 +1,26 @@
+import React, { useContext } from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+import { SmartCardContext } from '../../../state';
+import withErrorBoundary from './error-boundary';
+import { ResolveHyperlink } from './resolve-hyperlink';
+export const isSharePointDomain = href => {
+  try {
+    const hostname = new URL(href).hostname.toLowerCase();
+    return hostname.includes('sharepoint.com') || hostname.includes('onedrive.com') || hostname.includes('.live.com');
+  } catch {
+    return false;
+  }
+};
+const HyperlinkResolver = ({
+  href
+}) => {
+  const hasSmartCardProvider = !!useContext(SmartCardContext);
+  const isHyperlinkResolveExperimentEnabled = FeatureGates.getExperimentValue('platform_editor_resolve_hyperlinks_confluence', 'isEnabled', false) || FeatureGates.getExperimentValue('platform_editor_resolve_hyperlinks_jira', 'isEnabled', false);
+  if (!isSharePointDomain(href) || !hasSmartCardProvider || !isHyperlinkResolveExperimentEnabled) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ResolveHyperlink, {
+    href: href
+  });
+};
+export default withErrorBoundary(HyperlinkResolver);

package/dist/es2019/view/LinkUrl/HyperlinkResolver/resolve-hyperlink.js

@@ -0,0 +1,58 @@
+import { useEffect, useState } from 'react';
+import uuid from 'uuid';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { useSmartCardActions } from '../../../state/actions';
+import { getDefinitionId, getExtensionKey, getResourceType } from '../../../state/helpers';
+import { useSmartCardState } from '../../../state/store';
+import * as measure from '../../../utils/performance';
+import { useScheduledRegister } from './hooks/useScheduledRegister';
+export const ResolveHyperlink = ({
+  href
+}) => {
+  const [id] = useState(() => uuid());
+  const state = useSmartCardState(href);
+  const definitionId = getDefinitionId(state.details);
+  const extensionKey = getExtensionKey(state.details);
+  const resourceType = getResourceType(state.details);
+  const {
+    register
+  } = useSmartCardActions(id, href);
+  const scheduledRegister = useScheduledRegister(href, register);
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  useEffect(() => {
+    scheduledRegister().catch(error => {
+      throw error;
+    });
+  }, [scheduledRegister]);
+  useEffect(() => {
+    measure.mark(id, state.status);
+    if (state.status !== 'pending' && state.status !== 'resolving') {
+      var _state$error, _state$error2;
+      measure.create(id, state.status);
+      if (state.status === 'resolved') {
+        var _measure$getMeasure$d, _measure$getMeasure;
+        fireEvent('operational.hyperlink.resolved', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : null,
+          resourceType: resourceType !== null && resourceType !== void 0 ? resourceType : 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' && ((_state$error2 = state.error) === null || _state$error2 === void 0 ? void 0 : _state$error2.type) !== 'UnsupportedError') {
+        fireEvent('operational.hyperlink.unresolved', {
+          definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
+          extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : null,
+          resourceType: resourceType !== null && resourceType !== void 0 ? resourceType : null,
+          reason: state.status,
+          error: state.error === undefined ? null : {
+            name: state.error.name,
+            kind: state.error.kind,
+            type: state.error.type
+          }
+        });
+      }
+    }
+  }, [id, state.status, state.error, definitionId, extensionKey, resourceType, fireEvent]);
+  return null;
+};

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

@@ -2,14 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 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 { withLinkClickedEvent } from '../../utils/analytics/click';
 import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
+import HyperlinkResolver from './HyperlinkResolver';
 import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.17.1",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');
@@ -21,6 +23,7 @@ const LinkUrl = ({
   onClick,
   testId = 'link-with-safety',
   isLinkComponent = false,
+  enableResolve = false,
   ...props
 }) => {
   const {
@@ -29,6 +32,7 @@ const LinkUrl = ({
     ...linkWarningModalProps
   } = useLinkWarningModal();
   const Link = isLinkComponent ? LinkComponent : Anchor;
+  const resolveHyperlinkFG = FeatureGates.checkGate('platform_editor_resolve_hyperlinks_killswitch');
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
     url: href,
     display: "url"
@@ -51,6 +55,8 @@ const LinkUrl = ({
         showSafetyWarningModal(e, href);
       }
     }
-  }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
+  }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps), enableResolve && href && resolveHyperlinkFG && /*#__PURE__*/React.createElement(HyperlinkResolver, {
+    href: href
+  }));
 };
 export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -1,11 +1,15 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _defineProperty(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; }
 import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
 import { canShowAction } from '../../utils/actions/can-show-action';
+import { isModalWithinPreviewPanelIFrame } from '../../utils/iframe-utils';
 import { openEmbedModal } from '../../view/EmbedModal/utils';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
@@ -30,6 +34,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
   var hasPreviewPanel = hasPreviewPanelParams && isPreviewPanelAvailable({
     ari: ari
   });
+  var isInPreviewPanel = expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && isModalWithinPreviewPanelIFrame();
   var data = response.data;
   var meta = response.meta;
   if (!canShowAction(CardAction.PreviewAction, actionOptions)) {
@@ -60,7 +65,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                   break;
                 case 4:
                   _context.next = 6;
-                  return openEmbedModal({
+                  return openEmbedModal(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
                     id: id,
@@ -76,7 +81,9 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     title: extractSmartLinkTitle(response),
                     url: url,
                     size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
-                  });
+                  }, expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
+                    isInPreviewPanel: isInPreviewPanel
+                  }));
                 case 6:
                 case "end":
                   return _context.stop();

package/dist/esm/state/hooks-external/useSmartLinkActions.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { useMemo } from 'react';
 import uuid from 'uuid';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { extractInvokeDownloadAction } from '../../extractors/action/extract-invoke-download-action';
 import { extractInvokePreviewAction } from '../../extractors/action/extract-invoke-preview-action';
@@ -11,12 +12,14 @@ import { extractInvokeViewAction } from '../../extractors/action/extract-invoke-
 import { messages } from '../../messages';
 import { toAction } from '../../utils/actions/to-action';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
+import useResolve from '../hooks/use-resolve';
 import { useSmartCardState as useLinkState } from '../store';
 export function useSmartLinkActions(_ref) {
   var url = _ref.url,
     appearance = _ref.appearance,
     origin = _ref.origin,
-    actionOptions = _ref.actionOptions;
+    actionOptions = _ref.actionOptions,
+    prefetch = _ref.prefetch;
   var id = useMemo(function () {
     return uuid();
   }, []);
@@ -29,6 +32,10 @@ export function useSmartLinkActions(_ref) {
   var invokeClientAction = useInvokeClientAction({
     fireEvent: fireEvent
   });
+  var resolve = useResolve();
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && prefetch && !linkState.details) {
+    resolve(url);
+  }
   if (linkState.details && !(actionOptions !== null && actionOptions !== void 0 && actionOptions.hide)) {
     var actions = [];
     var invokeParam = {