@atlaskit/smart-card 41.0.2 → 41.0.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 41.0.4
+
+### Patch Changes
+
+- [`715fccf11b23f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/715fccf11b23f) -
+  Refactor resolve LinkUrl experiment
+- Updated dependencies
+
+## 41.0.3
+
+### Patch Changes
+
+- [`335984a76875c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/335984a76875c) -
+  NAVX-1895 fixing error in home with embed modal close button label
+- [`5ad76e50d561a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ad76e50d561a) -
+  NAVX-1851 cleaning up navx-1304-related-links-remove-false-autofocus
+- Updated dependencies
+
 ## 41.0.2
 
 ### Patch Changes

package/dist/cjs/state/hooks/use-resolve-hyperlink/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _uuid = _interopRequireDefault(require("uuid"));
+var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
+var measure = _interopRequireWildcard(require("../../../utils/performance"));
+var _actions = require("../../actions");
+var _helpers = require("../../helpers");
+var _store = require("../../store");
+var _useScheduledRegister = require("./useScheduledRegister");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var useResolveHyperlink = function useResolveHyperlink(_ref) {
+  var href = _ref.href;
+  var _useState = (0, _react.useState)(function () {
+      return (0, _uuid.default)();
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    id = _useState2[0];
+  var state = (0, _store.useSmartCardState)(href);
+  var definitionId = (0, _helpers.getDefinitionId)(state.details);
+  var extensionKey = (0, _helpers.getExtensionKey)(state.details);
+  var resourceType = (0, _helpers.getResourceType)(state.details);
+  var actions = (0, _actions.useSmartCardActions)(id, href);
+  var scheduledRegister = (0, _useScheduledRegister.useScheduledRegister)(href, actions.register);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  (0, _react.useEffect)(function () {
+    scheduledRegister().catch(function (error) {
+      throw error;
+    });
+  }, [scheduledRegister]);
+  (0, _react.useEffect)(function () {
+    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 {
+    state: state,
+    actions: actions
+  };
+};
+var _default = exports.default = useResolveHyperlink;

package/dist/cjs/state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSharePointDomain = exports.isGoogleDomain = exports.default = void 0;
+var _react = require("react");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _linkProvider = require("@atlaskit/link-provider");
+var isSharePointDomain = exports.isSharePointDomain = function isSharePointDomain(href) {
+  try {
+    var hostname = new URL(href).hostname.toLowerCase();
+    return hostname.includes('sharepoint.com') || hostname.includes('onedrive.live.com');
+  } catch (_unused) {
+    return false;
+  }
+};
+var isGoogleDomain = exports.isGoogleDomain = function isGoogleDomain(href) {
+  try {
+    var hostname = new URL(href).hostname.toLowerCase();
+    return hostname.includes('docs.google.com') || hostname.includes('drive.google.com');
+  } catch (_unused2) {
+    return false;
+  }
+};
+var useResolveHyperlinkValidator = function useResolveHyperlinkValidator() {
+  var href = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var hasSmartCardProvider = !!(0, _react.useContext)(_linkProvider.SmartCardContext);
+  var isSharePointResolveEnabled = _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_hyperlinks_confluence', 'isEnabled', false) || _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_hyperlinks_jira', 'isEnabled', false);
+  var isGoogleResolveEnabled = _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_google_hyperlinks', 'isEnabled', false);
+  var shouldResolveSharePoint = isSharePointDomain(href) && isSharePointResolveEnabled;
+  var shouldResolveGoogle = isGoogleDomain(href) && isGoogleResolveEnabled;
+  return hasSmartCardProvider && (shouldResolveSharePoint || shouldResolveGoogle);
+};
+var _default = exports.default = useResolveHyperlinkValidator;

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

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "41.0.2"
+  packageVersion: "41.0.3"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -47,6 +47,8 @@ var LinkInfo = function LinkInfo(_ref) {
     title = _ref.title;
   var _useModal = (0, _modalDialog.useModal)(),
     onClose = _useModal.onClose;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var downloadButton = (0, _react.useMemo)(function () {
     if (onDownloadButtonClick) {
       return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
@@ -136,7 +138,7 @@ var LinkInfo = function LinkInfo(_ref) {
     testId: "".concat(testId, "-close-tooltip")
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
     onClick: onClose,
-    label: _messages.messages.preview_close.defaultMessage,
+    label: formatMessage(_messages.messages.preview_close),
     testId: "".concat(testId, "-close-button")
   })) : /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LinkComponent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _click = require("../../../utils/analytics/click");
+var _excluded = ["href", "children", "testId", "isLinkComponent"];
+var Anchor = (0, _click.withLinkClickedEvent)('a');
+var LinkComponent = exports.LinkComponent = (0, _click.withLinkClickedEvent)(_link.default);
+var Hyperlink = function Hyperlink(_ref) {
+  var href = _ref.href,
+    children = _ref.children,
+    testId = _ref.testId,
+    _ref$isLinkComponent = _ref.isLinkComponent,
+    isLinkComponent = _ref$isLinkComponent === void 0 ? false : _ref$isLinkComponent,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var Link = isLinkComponent ? LinkComponent : Anchor;
+  return /*#__PURE__*/_react.default.createElement(Link, (0, _extends2.default)({}, isLinkComponent ? {
+    testId: testId
+  } : {
+    'data-testid': testId
+  }, {
+    href: href || ''
+  }, props), children);
+};
+var _default = exports.default = Hyperlink;

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactErrorBoundary = require("react-error-boundary");
+// Remove on navx-1834-refactor-resolved-hyperlink cleanup
 var withErrorBoundary = function withErrorBoundary(Component) {
   return function (props) {
     return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {

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

@@ -5,36 +5,93 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.HyperlinkWithSmartLinkResolver = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _reactIntlNext = require("react-intl-next");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _state = require("../../../state");
+var _helpers = require("../../../state/helpers");
+var _useResolveHyperlink2 = _interopRequireDefault(require("../../../state/hooks/use-resolve-hyperlink"));
+var _useResolveHyperlinkValidator = _interopRequireWildcard(require("../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator"));
+var _intlProvider = _interopRequireDefault(require("../../common/intl-provider"));
+var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _resolveHyperlink = require("./resolve-hyperlink");
+var _unauthorizeView = _interopRequireDefault(require("./unauthorize-view"));
+var _excluded = ["onClick"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var isSharePointDomain = function isSharePointDomain(href) {
-  try {
-    var hostname = new URL(href).hostname.toLowerCase();
-    return hostname.includes('sharepoint.com') || hostname.includes('onedrive.live.com');
-  } catch (_unused) {
-    return false;
-  }
+var HyperlinkFallbackComponent = function HyperlinkFallbackComponent() {
+  return null;
+};
+var withValidator = function withValidator(Component, DefaultComponent) {
+  return function (props) {
+    var shouldResolveHyperlink = (0, _useResolveHyperlinkValidator.default)(props === null || props === void 0 ? void 0 : props.href);
+    return shouldResolveHyperlink ? /*#__PURE__*/_react.default.createElement(Component, props) : /*#__PURE__*/_react.default.createElement(DefaultComponent, props);
+  };
 };
-var isGoogleDomain = function isGoogleDomain(href) {
-  try {
-    var hostname = new URL(href).hostname.toLowerCase();
-    return hostname.includes('docs.google.com') || hostname.includes('drive.google.com');
-  } catch (_unused2) {
-    return false;
+var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolverInner(_ref) {
+  var onClickCallback = _ref.onClick,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useResolveHyperlink = (0, _useResolveHyperlink2.default)({
+      href: props.href || ''
+    }),
+    actions = _useResolveHyperlink.actions,
+    state = _useResolveHyperlink.state;
+  var services = (0, _helpers.getServices)(state === null || state === void 0 ? void 0 : state.details);
+  var onClick = (0, _react.useCallback)(function (e) {
+    // TODO: AI3W-1203: 3P link click analytics
+
+    onClickCallback === null || onClickCallback === void 0 || onClickCallback(e);
+  }, [onClickCallback]);
+
+  // TODO: AI3W-1113: Show auth button
+  var onAuthorize = (0, _platformFeatureFlags.fg)('platform_linking_plain_hyperlink_connect_button') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useCallback)(function () {
+    return (
+      // TODO: Need to add hyperlink type
+      actions.authorize('inline')
+    );
+  }, [actions]) : undefined;
+  if ((0, _platformFeatureFlags.fg)('platform_linking_plain_hyperlink_connect_button')) {
+    switch (state === null || state === void 0 ? void 0 : state.status) {
+      case 'unauthorized':
+        var provider = (0, _linkExtractors.extractSmartLinkProvider)(state === null || state === void 0 ? void 0 : state.details);
+        return /*#__PURE__*/_react.default.createElement(_unauthorizeView.default, (0, _extends2.default)({}, props, {
+          onAuthorize: services !== null && services !== void 0 && services.length ? onAuthorize : undefined,
+          onClick: onClick,
+          provider: provider
+        }));
+      default:
+        return /*#__PURE__*/_react.default.createElement(_Hyperlink.default, (0, _extends2.default)({}, props, {
+          onClick: onClick
+        }));
+    }
   }
+  return /*#__PURE__*/_react.default.createElement(_Hyperlink.default, (0, _extends2.default)({}, props, {
+    onClick: onClick
+  }));
 };
-var HyperlinkResolver = function HyperlinkResolver(_ref) {
-  var href = _ref.href;
+var HyperlinkWithSmartLinkResolver = exports.HyperlinkWithSmartLinkResolver = (0, _reactErrorBoundary.withErrorBoundary)(withValidator((0, _reactIntlNext.injectIntl)((0, _intlProvider.default)(HyperlinkWithSmartLinkResolverInner), {
+  enforceContext: false
+}), _Hyperlink.default), {
+  FallbackComponent: HyperlinkFallbackComponent
+});
+
+// Remove on navx-1834-refactor-resolved-hyperlink cleanup
+
+var HyperlinkResolver = function HyperlinkResolver(_ref2) {
+  var href = _ref2.href;
   var hasSmartCardProvider = !!(0, _react.useContext)(_state.SmartCardContext);
   var isSharePointResolveEnabled = _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_hyperlinks_confluence', 'isEnabled', false) || _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_hyperlinks_jira', 'isEnabled', false);
   var isGoogleResolveEnabled = _featureGateJsClient.default.getExperimentValue('platform_editor_resolve_google_hyperlinks', 'isEnabled', false);
-  var shouldResolveSharePoint = isSharePointDomain(href) && isSharePointResolveEnabled;
-  var shouldResolveGoogle = isGoogleDomain(href) && isGoogleResolveEnabled;
+  var shouldResolveSharePoint = (0, _useResolveHyperlinkValidator.isSharePointDomain)(href) && isSharePointResolveEnabled;
+  var shouldResolveGoogle = (0, _useResolveHyperlinkValidator.isGoogleDomain)(href) && isGoogleResolveEnabled;
   var shouldResolveHyperlink = hasSmartCardProvider && (shouldResolveSharePoint || shouldResolveGoogle);
   if (!shouldResolveHyperlink) {
     return null;

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

@@ -12,10 +12,11 @@ var _uuid = _interopRequireDefault(require("uuid"));
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _actions = require("../../../state/actions");
 var _helpers = require("../../../state/helpers");
+var _useScheduledRegister = require("../../../state/hooks/use-resolve-hyperlink/useScheduledRegister");
 var _store = require("../../../state/store");
 var measure = _interopRequireWildcard(require("../../../utils/performance"));
-var _useScheduledRegister = require("./hooks/useScheduledRegister");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// Remove on navx-1834-refactor-resolved-hyperlink cleanup
 var ResolveHyperlink = exports.ResolveHyperlink = function ResolveHyperlink(_ref) {
   var href = _ref.href;
   var _useState = (0, _react.useState)(function () {

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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 = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../messages");
+var _actionButton = require("../../InlineCard/common/action-button");
+var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
+var _excluded = ["onAuthorize", "provider"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var HyperlinkUnauthorizedView = function HyperlinkUnauthorizedView(_ref) {
+  var onAuthorize = _ref.onAuthorize,
+    provider = _ref.provider,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var actionButton = (0, _react.useMemo)(function () {
+    return onAuthorize ? /*#__PURE__*/_react.default.createElement(_actionButton.ActionButton, {
+      onClick: onAuthorize,
+      testId: "button-connect-account"
+    }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Hyperlink.default, props), actionButton);
+};
+var _default = exports.default = HyperlinkUnauthorizedView;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,16 +13,19 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _click = require("../../utils/analytics/click");
 var _LinkAnalyticsContext = require("../../utils/analytics/LinkAnalyticsContext");
-var _HyperlinkResolver = _interopRequireDefault(require("./HyperlinkResolver"));
+var _Hyperlink = _interopRequireDefault(require("./Hyperlink"));
+var _HyperlinkResolver = _interopRequireWildcard(require("./HyperlinkResolver"));
 var _LinkWarningModal = _interopRequireDefault(require("./LinkWarningModal"));
 var _useLinkWarningModal2 = require("./LinkWarningModal/hooks/use-link-warning-modal");
 var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLinkComponent", "enableResolve"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "41.0.2",
+  packageVersion: "41.0.3",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -43,8 +47,33 @@ var LinkUrl = function LinkUrl(_ref) {
     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');
+  if ((0, _platformFeatureFlags.fg)('navx-1834-refactor-resolved-hyperlink')) {
+    if (resolveHyperlinkFG) {
+      var _Link = enableResolve ? _HyperlinkResolver.HyperlinkWithSmartLinkResolver : _Hyperlink.default;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LinkAnalyticsContext.LinkAnalyticsContext, {
+        url: href,
+        display: "url"
+      }, /*#__PURE__*/_react.default.createElement(_Link, (0, _extends2.default)({
+        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);
+          }
+        }
+      }, props), children)), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps));
+    }
+  }
+  var Link = isLinkComponent ? LinkComponent : Anchor;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LinkAnalyticsContext.LinkAnalyticsContext, {
     url: href,
     display: "url"
@@ -67,7 +96,7 @@ var LinkUrl = function LinkUrl(_ref) {
         showSafetyWarningModal(e, href);
       }
     }
-  }, props), children)), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps), enableResolve && href && resolveHyperlinkFG && /*#__PURE__*/_react.default.createElement(_HyperlinkResolver.default, {
+  }, props), children)), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps), enableResolve && href && resolveHyperlinkFG && !(0, _platformFeatureFlags.fg)('navx-1834-refactor-resolved-hyperlink') && /*#__PURE__*/_react.default.createElement(_HyperlinkResolver.default, {
     href: href
   }));
 };

package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -10,7 +10,6 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
@@ -38,17 +37,14 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     });
     onClose === null || onClose === void 0 || onClose();
   }, [fireEvent, onClose]);
-  return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, {
     testId: "related-links-modal",
     onClose: closeHandler,
-    width: fixedWidth
-  }, (0, _platformFeatureFlags.fg)('navx-1304-related-links-remove-false-autofocus') ? {} : {
-    autoFocus: false
-  }, {
+    width: fixedWidth,
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }), /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
+  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
     hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
   }, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
     appearance: "primary",

package/dist/cjs/view/common/intl-provider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+/**
+ * HOC to wrap component with IntlProvider if not available
+ */
+var withIntlProvider = function withIntlProvider(Component) {
+  return function (props) {
+    var content = /*#__PURE__*/_react.default.createElement(Component, props);
+    return props !== null && props !== void 0 && props.intl ? content : /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+      locale: "en"
+    }, content);
+  };
+};
+var _default = exports.default = withIntlProvider;

package/dist/es2019/state/hooks/use-resolve-hyperlink/index.js

@@ -0,0 +1,60 @@
+import { useEffect, useState } from 'react';
+import uuid from 'uuid';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import * as measure from '../../../utils/performance';
+import { useSmartCardActions } from '../../actions';
+import { getDefinitionId, getExtensionKey, getResourceType } from '../../helpers';
+import { useSmartCardState } from '../../store';
+import { useScheduledRegister } from './useScheduledRegister';
+const useResolveHyperlink = ({
+  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 actions = useSmartCardActions(id, href);
+  const scheduledRegister = useScheduledRegister(href, actions.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 {
+    state,
+    actions
+  };
+};
+export default useResolveHyperlink;

package/dist/es2019/state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator.js

@@ -0,0 +1,28 @@
+import { useContext } from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+import { SmartCardContext } from '@atlaskit/link-provider';
+export const isSharePointDomain = href => {
+  try {
+    const hostname = new URL(href).hostname.toLowerCase();
+    return hostname.includes('sharepoint.com') || hostname.includes('onedrive.live.com');
+  } catch {
+    return false;
+  }
+};
+export const isGoogleDomain = href => {
+  try {
+    const hostname = new URL(href).hostname.toLowerCase();
+    return hostname.includes('docs.google.com') || hostname.includes('drive.google.com');
+  } catch {
+    return false;
+  }
+};
+const useResolveHyperlinkValidator = (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;
+  return hasSmartCardProvider && (shouldResolveSharePoint || shouldResolveGoogle);
+};
+export default useResolveHyperlinkValidator;

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

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -2,7 +2,7 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
@@ -40,6 +40,9 @@ const LinkInfo = ({
   const {
     onClose
   } = useModal();
+  const {
+    formatMessage
+  } = useIntl();
   const downloadButton = useMemo(() => {
     if (onDownloadButtonClick) {
       return /*#__PURE__*/React.createElement(LinkInfoButton, {
@@ -123,7 +126,7 @@ const LinkInfo = ({
     testId: `${testId}-close-tooltip`
   }, /*#__PURE__*/React.createElement(CloseButton, {
     onClick: onClose,
-    label: messages.preview_close.defaultMessage,
+    label: formatMessage(messages.preview_close),
     testId: `${testId}-close-button`
   })) : /*#__PURE__*/React.createElement(LinkInfoButton, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),