@atlaskit/smart-card 45.20.6 → 45.21.0

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

@@ -14,23 +14,39 @@ var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useAnalyticsEvents3 = require("../../common/analytics/generated/use-analytics-events");
 var _constants = require("../../constants");
-var _state = require("../../state");
-var _analytics = require("../../state/analytics");
-var _helpers = require("../../state/helpers");
+var _succeedUfoExperience = require("../../state/analytics/succeedUfoExperience");
+var _getClickUrl2 = require("../../state/getClickUrl");
+var _getDefinitionId = require("../../state/getDefinitionId");
+var _getExtensionKey = require("../../state/getExtensionKey");
+var _getFirstPartyIdentifier = require("../../state/getFirstPartyIdentifier");
+var _getObjectAri = require("../../state/getObjectAri");
+var _getObjectIconUrl = require("../../state/getObjectIconUrl");
+var _getObjectName = require("../../state/getObjectName");
+var _getResourceType = require("../../state/getResourceType");
+var _getServices = require("../../state/getServices");
+var _getThirdPartyARI = require("../../state/getThirdPartyARI");
 var _useSmartLinkCrossProductUrlWrapper = require("../../state/hooks/use-smart-link-cross-product-url-wrapper");
-var _modal = require("../../state/modal");
-var _utils = require("../../utils");
+var _useSmartLink2 = require("../../state/hooks/useSmartLink");
+var _isFinalState = require("../../state/isFinalState");
+var _SmartLinkModalProvider = require("../../state/modal/SmartLinkModalProvider");
+var _isSpecialClick = require("../../utils/is-special-click");
+var _isSpecialEvent = require("../../utils/is-special-event");
+var _isSpecialKey = require("../../utils/is-special-key");
 var _combineActionOptions = require("../../utils/actions/combine-action-options");
-var _click = require("../../utils/analytics/click");
 var _SmartLinkAnalyticsContext = require("../../utils/analytics/SmartLinkAnalyticsContext");
-var _clickHelpers = require("../../utils/click-helpers");
-var _flexible = require("../../utils/flexible");
-var measure = _interopRequireWildcard(require("../../utils/performance"));
+var _fireLinkClickedEvent = require("../../utils/analytics/fireLinkClickedEvent");
+var _getAnchorAttributesFromEvent = require("../../utils/get-anchor-attributes-from-event");
+var _isAuxClick = require("../../utils/is-aux-click");
+var _isFlexibleUiCard = require("../../utils/is-flexible-ui-card");
+var _create = require("../../utils/create");
+var _getMeasure2 = require("../../utils/get-measure");
+var _mark = require("../../utils/mark");
+var _updateAnchorHref = require("../../utils/update-anchor-href");
 var _BlockCard = require("../BlockCard");
 var _EmbedCard = require("../EmbedCard");
 var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
 var _InlineCard = require("../InlineCard");
-var _useSmartLinkEvents = require("../SmartLinkEvents/useSmartLinkEvents");
+var _useFire3PWorkflowsClickEvent = require("../SmartLinkEvents/useFire3PWorkflowsClickEvent");
 var _cardIntersectionObserver = _interopRequireDefault(require("./card-intersection-observer"));
 var _experimentMetaEventAttributes = _interopRequireDefault(require("./experiment-meta-event-attributes"));
 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); }
@@ -71,14 +87,14 @@ function Component(_ref) {
   var _useAnalyticsEvents = (0, _useAnalyticsEvents3.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEvents.fireEvent;
   var isFlexibleUi = (0, _react.useMemo)(function () {
-    return (0, _flexible.isFlexibleUiCard)(children, ui);
+    return (0, _isFlexibleUiCard.isFlexibleUiCard)(children, ui);
   }, [children, ui]);
 
   // Get state, actions for this card.
   // appearance is pre-resolved by the caller (loader.tsx for Card, ssr.tsx for CardSSR):
   // FlexibleCards are always passed appearance='block' when FG is on, so component.tsx
   // simply consumes whatever appearance it receives.
-  var _useSmartLink = (0, _state.useSmartLink)(id, url, appearance),
+  var _useSmartLink = (0, _useSmartLink2.useSmartLink)(id, url, appearance),
     state = _useSmartLink.state,
     actions = _useSmartLink.actions,
     config = _useSmartLink.config,
@@ -86,14 +102,14 @@ function Component(_ref) {
     error = _useSmartLink.error,
     isPreviewPanelAvailable = _useSmartLink.isPreviewPanelAvailable,
     openPreviewPanel = _useSmartLink.openPreviewPanel;
-  var ari = (0, _helpers.getObjectAri)(state.details);
-  var name = (0, _helpers.getObjectName)(state.details);
-  var definitionId = (0, _helpers.getDefinitionId)(state.details);
-  var extensionKey = (0, _helpers.getExtensionKey)(state.details);
-  var resourceType = (0, _helpers.getResourceType)(state.details);
-  var services = (0, _helpers.getServices)(state.details);
-  var thirdPartyARI = (0, _helpers.getThirdPartyARI)(state.details);
-  var firstPartyIdentifier = (0, _helpers.getFirstPartyIdentifier)();
+  var ari = (0, _getObjectAri.getObjectAri)(state.details);
+  var name = (0, _getObjectName.getObjectName)(state.details);
+  var definitionId = (0, _getDefinitionId.getDefinitionId)(state.details);
+  var extensionKey = (0, _getExtensionKey.getExtensionKey)(state.details);
+  var resourceType = (0, _getResourceType.getResourceType)(state.details);
+  var services = (0, _getServices.getServices)(state.details);
+  var thirdPartyARI = (0, _getThirdPartyARI.getThirdPartyARI)(state.details);
+  var firstPartyIdentifier = (0, _getFirstPartyIdentifier.getFirstPartyIdentifier)();
   var appendCrossProductAnalyticsParams = (0, _useSmartLinkCrossProductUrlWrapper.useSmartLinkCrossProductUrlWrapperGated)({
     details: state.details
   });
@@ -106,20 +122,20 @@ function Component(_ref) {
   var rovoActionsCtaShown = false;
   var fire3PClickEvent = (0, _fg.fg)('platform_smartlink_3pclick_analytics') ?
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI) : undefined;
+  (0, _useFire3PWorkflowsClickEvent.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI) : undefined;
 
   // Shared scope guard for all 3P-click handlers.
-  var shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && (0, _helpers.getClickUrl)(url, state.details) === url && fire3PClickEvent && (0, _fg.fg)('platform_smartlink_3pclick_analytics');
+  var shouldFire3PClickEvent = thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix) && (0, _getClickUrl2.getClickUrl)(url, state.details) === url && fire3PClickEvent && (0, _fg.fg)('platform_smartlink_3pclick_analytics');
   var getDestinationUrl = (0, _react.useCallback)(function () {
     var _getClickUrl, _appendCrossProductAn;
     // FIXME: destinationUrl should be rendered in the DOM anchor href instead of derived at click time
-    var preferredUrl = (_getClickUrl = (0, _helpers.getClickUrl)(url, state.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
+    var preferredUrl = (_getClickUrl = (0, _getClickUrl2.getClickUrl)(url, state.details)) !== null && _getClickUrl !== void 0 ? _getClickUrl : url;
     return (_appendCrossProductAn = appendCrossProductAnalyticsParams(preferredUrl)) !== null && _appendCrossProductAn !== void 0 ? _appendCrossProductAn : preferredUrl;
   }, [appendCrossProductAnalyticsParams, state.details, url]);
 
   // Setup UI handlers.
   var handleClickWrapper = (0, _react.useCallback)(function (event) {
-    var isModifierKeyPressed = (0, _utils.isSpecialKey)(event) || (0, _utils.isSpecialClick)(event);
+    var isModifierKeyPressed = (0, _isSpecialKey.isSpecialKey)(event) || (0, _isSpecialClick.isSpecialClick)(event);
     fireEvent('ui.smartLink.clicked', {
       id: id,
       display: isFlexibleUi ? _constants.CardDisplay.Flexible : appearance,
@@ -151,12 +167,12 @@ function Component(_ref) {
           url: url,
           ari: ari,
           name: name,
-          iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
+          iconUrl: (0, _getObjectIconUrl.getObjectIconUrl)(state.details),
           panelData: {
             embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe = (0, _extractSmartLinkEmbed.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src : undefined
           }
         });
-        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+        (0, _fireLinkClickedEvent.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
           attributes: {
             clickOutcome: 'previewPanel'
           }
@@ -164,13 +180,13 @@ function Component(_ref) {
         return;
       }
       var destinationUrl = getDestinationUrl();
-      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
+      (0, _updateAnchorHref.updateAnchorHref)(event, destinationUrl);
 
       // For FlexibleCard, read target from the clicked anchor element (e.g. _blank for links
       // rendered with explicit target). For classic cards, default to _self
-      var _getAnchorAttributesF = (0, _clickHelpers.getAnchorAttributesFromEvent)(event),
+      var _getAnchorAttributesF = (0, _getAnchorAttributesFromEvent.getAnchorAttributesFromEvent)(event),
         anchorTarget = _getAnchorAttributesF.target;
-      var target = (0, _utils.isSpecialEvent)(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
+      var target = (0, _isSpecialEvent.isSpecialEvent)(event) ? '_blank' : isFlexibleUi ? anchorTarget : '_self';
       onClick === null || onClick === void 0 || onClick(event, {
         url: url,
         destinationUrl: destinationUrl
@@ -192,7 +208,7 @@ function Component(_ref) {
 
       // Only set clickOutcome when this handler actually opened the link.
       // If a parent onClick handled navigation, fire a generic click event instead.
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, doOpenLink ? {
+      (0, _fireLinkClickedEvent.fireLinkClickedEvent)(createAnalyticsEvent)(event, doOpenLink ? {
         attributes: {
           clickOutcome: target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
         }
@@ -210,27 +226,27 @@ function Component(_ref) {
           url: url,
           ari: ari,
           name: name,
-          iconUrl: (0, _helpers.getObjectIconUrl)(state.details),
+          iconUrl: (0, _getObjectIconUrl.getObjectIconUrl)(state.details),
           panelData: {
             embedUrl: (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') ? (_extractSmartLinkEmbe2 = (0, _extractSmartLinkEmbed.extractSmartLinkEmbed)(state.details)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src : undefined
           }
         });
-        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+        (0, _fireLinkClickedEvent.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
           attributes: {
             clickOutcome: 'previewPanel'
           }
         });
         return;
       } else if (!onClick && !isFlexibleUi) {
-        var clickUrl = (0, _helpers.getClickUrl)(url, state.details);
+        var clickUrl = (0, _getClickUrl2.getClickUrl)(url, state.details);
 
         // Ctrl+left click on mac typically doesn't trigger onClick
         // The event could have potentially had `e.preventDefault()` called on it by now
         // event by smart card internally
         // If it has been called then only then can `isSpecialEvent` be true.
-        var _target = (0, _utils.isSpecialEvent)(event) ? '_blank' : '_self';
+        var _target = (0, _isSpecialEvent.isSpecialEvent)(event) ? '_blank' : '_self';
         window.open(clickUrl, _target);
-        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
+        (0, _fireLinkClickedEvent.fireLinkClickedEvent)(createAnalyticsEvent)(event, {
           attributes: {
             clickOutcome: _target === '_blank' ? 'clickThroughNewTabOrWindow' : 'clickThrough'
           }
@@ -239,7 +255,7 @@ function Component(_ref) {
         if (onClick) {
           onClick(event);
         }
-        (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
+        (0, _fireLinkClickedEvent.fireLinkClickedEvent)(createAnalyticsEvent)(event);
       }
     }
   }, [fireEvent, id, isFlexibleUi, appearance, definitionId, getDestinationUrl, onClick, url, state.details, ari, name, fire3PClickEvent, shouldFire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, disablePreviewPanel]);
@@ -249,11 +265,11 @@ function Component(_ref) {
   var handleFrameAuxClick = (0, _react.useCallback)(function (event) {
     if ((0, _fg.fg)('platform_smartlink_xpc_url_wrapping')) {
       var destinationUrl = getDestinationUrl();
-      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
+      (0, _updateAnchorHref.updateAnchorHref)(event, destinationUrl);
     }
 
     // isAuxClick filters Windows right-clicks (button === 2) that also fire onAuxClick.
-    if ((0, _clickHelpers.isAuxClick)(event) && shouldFire3PClickEvent) {
+    if ((0, _isAuxClick.isAuxClick)(event) && shouldFire3PClickEvent) {
       fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
         isAuxClick: true
       });
@@ -265,7 +281,7 @@ function Component(_ref) {
   var handleFrameContextMenu = (0, _react.useCallback)(function (event) {
     if ((0, _fg.fg)('platform_smartlink_xpc_url_wrapping')) {
       var destinationUrl = getDestinationUrl();
-      (0, _clickHelpers.updateAnchorHref)(event, destinationUrl);
+      (0, _updateAnchorHref.updateAnchorHref)(event, destinationUrl);
     }
     if (shouldFire3PClickEvent) {
       fire3PClickEvent === null || fire3PClickEvent === void 0 || fire3PClickEvent({
@@ -310,15 +326,15 @@ function Component(_ref) {
   // NB: for each status change in a Smart Link, a performance mark is created.
   // Measures are sent relative to the first mark, matching what a user sees.
   (0, _react.useEffect)(function () {
-    measure.mark(id, state.status);
+    (0, _mark.mark)(id, state.status);
     if (state.status !== 'pending' && state.status !== 'resolving') {
       var _state$error, _state$error2, _state$error3;
-      measure.create(id, state.status);
+      (0, _create.create)(id, state.status);
       if (state.status === 'resolved') {
-        var _measure$getMeasure$d, _measure$getMeasure;
+        var _getMeasure$duration, _getMeasure;
         fireEvent('operational.smartLink.resolved', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : 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
+          duration: (_getMeasure$duration = (_getMeasure = (0, _getMeasure2.getMeasure)(id, state.status)) === null || _getMeasure === void 0 ? void 0 : _getMeasure.duration) !== null && _getMeasure$duration !== void 0 ? _getMeasure$duration : 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' && ((_state$error3 = state.error) === null || _state$error3 === void 0 ? void 0 : _state$error3.name) !== 'InvalidUrlError') {
         fireEvent('operational.smartLink.unresolved', {
@@ -339,14 +355,14 @@ function Component(_ref) {
   // - the resolved state: when metadata is shown;
   // - the unresolved states: viz. forbidden, not_found, unauthorized, errored.
   (0, _react.useEffect)(function () {
-    if ((0, _helpers.isFinalState)(state.status)) {
-      (0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
+    if ((0, _isFinalState.isFinalState)(state.status)) {
+      (0, _succeedUfoExperience.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
         extensionKey: extensionKey,
         display: isFlexibleUi ? 'flexible' : appearance
       });
 
       // UFO will disregard this if authentication experience has not yet been started
-      (0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
+      (0, _succeedUfoExperience.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
         display: isFlexibleUi ? 'flexible' : appearance
       });
       fireEvent('ui.smartLink.renderSuccess', _objectSpread(_objectSpread({
@@ -504,8 +520,8 @@ function Component(_ref) {
   }
 }
 var CardWithUrlContent = exports.CardWithUrlContent = function CardWithUrlContent(props) {
-  var display = (0, _flexible.isFlexibleUiCard)(props.children, props === null || props === void 0 ? void 0 : props.ui) ? _constants.CardDisplay.Flexible : props.appearance;
-  return /*#__PURE__*/_react.default.createElement(_modal.SmartLinkModalProvider, null, /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
+  var display = (0, _isFlexibleUiCard.isFlexibleUiCard)(props.children, props === null || props === void 0 ? void 0 : props.ui) ? _constants.CardDisplay.Flexible : props.appearance;
+  return /*#__PURE__*/_react.default.createElement(_SmartLinkModalProvider.SmartLinkModalProvider, null, /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
     url: props.url,
     id: props.id,
     display: display

package/dist/cjs/view/CardWithUrl/experiment-meta-event-attributes/index.js

@@ -7,11 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _state = require("../../../state");
-var _helpers = require("../../../state/helpers");
-var _useEmbedRovoActionsFooterExperiment = require("../../../state/hooks/use-embed-rovo-actions-footer-experiment");
+var _linkProvider = require("@atlaskit/link-provider");
+var _getExtensionKey = require("../../../state/getExtensionKey");
+var _getEmbedRovoActionsFooterExperimentMeta = require("../../../state/hooks/use-embed-rovo-actions-footer-experiment/getEmbedRovoActionsFooterExperimentMeta");
 var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
-var _useSocialProofExperiment = require("../../../state/hooks/use-social-proof-experiment");
+var _getInlineSocialProofExperimentMeta = require("../../../state/hooks/use-social-proof-experiment/getInlineSocialProofExperimentMeta");
+var _getSocialProofExperimentMeta = require("../../../state/hooks/use-social-proof-experiment/getSocialProofExperimentMeta");
 var _rovo = require("../../../utils/rovo");
 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) { (0, _defineProperty2.default)(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; }
@@ -20,15 +21,15 @@ var useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes
   var actionOptions = _ref.actionOptions,
     appearance = _ref.appearance,
     state = _ref.state;
-  var _useSmartLinkContext = (0, _state.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
     baseUriWithNoTrailingSlash = _useSmartLinkContext.connections.client.baseUrlOverride;
   var _useRovoConfig = (0, _useRovoConfig2.default)(),
     rovoOptions = _useRovoConfig.rovoOptions,
     product = _useRovoConfig.product;
   var details = state.details,
     status = state.status;
-  var extensionKey = (0, _helpers.getExtensionKey)(details);
-  var embedRovoActionsFooterExperimentMeta = appearance === 'embed' && status === 'resolved' ? (0, _useEmbedRovoActionsFooterExperiment.getEmbedRovoActionsFooterExperimentMeta)({
+  var extensionKey = (0, _getExtensionKey.getExtensionKey)(details);
+  var embedRovoActionsFooterExperimentMeta = appearance === 'embed' && status === 'resolved' ? (0, _getEmbedRovoActionsFooterExperimentMeta.getEmbedRovoActionsFooterExperimentMeta)({
     extensionKey: extensionKey,
     isRovoChatActionOptedIn: (_actionOptions$rovoCh = actionOptions === null || actionOptions === void 0 || (_actionOptions$rovoCh2 = actionOptions.rovoChatAction) === null || _actionOptions$rovoCh2 === void 0 ? void 0 : _actionOptions$rovoCh2.optIn) !== null && _actionOptions$rovoCh !== void 0 ? _actionOptions$rovoCh : false,
     isRovoChatEnabled: (0, _rovo.getIsRovoChatEnabled)(rovoOptions),
@@ -37,11 +38,11 @@ var useExperimentMetaEventAttributes = function useExperimentMetaEventAttributes
   if (!embedRovoActionsFooterExperimentMeta && !(0, _fg.fg)('social-proof-3p-unauth-block-fg') && !(0, _fg.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
     return undefined;
   }
-  var blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && (0, _fg.fg)('social-proof-3p-unauth-block-fg') ? (0, _useSocialProofExperiment.getSocialProofExperimentMeta)({
+  var blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && (0, _fg.fg)('social-proof-3p-unauth-block-fg') ? (0, _getSocialProofExperimentMeta.getSocialProofExperimentMeta)({
     extensionKey: extensionKey,
     baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
   }) : undefined;
-  var inlineSocialProofExperimentMeta = appearance === 'inline' && status === 'unauthorized' && (0, _fg.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch') ? (0, _useSocialProofExperiment.getInlineSocialProofExperimentMeta)({
+  var inlineSocialProofExperimentMeta = appearance === 'inline' && status === 'unauthorized' && (0, _fg.fg)('platform_sl_3p_preauth_soc_proof_inline_killswitch') ? (0, _getInlineSocialProofExperimentMeta.getInlineSocialProofExperimentMeta)({
     extensionKey: extensionKey,
     baseUriWithNoTrailingSlash: baseUriWithNoTrailingSlash
   }) : undefined;

package/dist/cjs/view/CardWithUrl/loader.js

@@ -15,17 +15,19 @@ var _reactMagneticDi = require("react-magnetic-di");
 var _uuid = require("uuid");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useAnalyticsEvents2 = require("../../common/analytics/generated/use-analytics-events");
-var _analytics = require("../../state/analytics");
-var _utils = require("../../utils");
-var _SmartLinkAnalyticsContext = require("../../utils/analytics/SmartLinkAnalyticsContext");
-var _flexible = require("../../utils/flexible");
-var _performance = require("../../utils/performance");
+var _failUfoExperience = require("../../state/analytics/failUfoExperience");
+var _startUfoExperience = require("../../state/analytics/startUfoExperience");
+var _importWithRetry = require("../../utils/import-with-retry");
+var _useSmartLinkAnalyticsContext = require("../../utils/analytics/useSmartLinkAnalyticsContext");
+var _clearMarks = require("../../utils/clear-marks");
+var _clearMeasures = require("../../utils/clear-measures");
+var _isFlexibleUiCard = require("../../utils/is-flexible-ui-card");
 var _LoadingCardLink = require("./component-lazy/LoadingCardLink");
 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) { (0, _defineProperty2.default)(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; }
 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" != (0, _typeof2.default)(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); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var LazyCardWithUrlContent = exports.LazyCardWithUrlContent = /*#__PURE__*/(0, _react.lazy)(function () {
-  return (0, _utils.importWithRetry)(function () {
+  return (0, _importWithRetry.importWithRetry)(function () {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./component-lazy/index'));
     });
@@ -43,8 +45,8 @@ function CardWithURLRenderer(props) {
   (0, _react.useEffect)(function () {
     // ComponentWillUnmount
     return function () {
-      (0, _performance.clearMarks)(id);
-      (0, _performance.clearMeasures)(id);
+      (0, _clearMarks.clearMarks)(id);
+      (0, _clearMeasures.clearMeasures)(id);
     };
   }, [id]);
   var url = props.url,
@@ -74,8 +76,8 @@ function CardWithURLRenderer(props) {
     truncateInline = props.truncateInline,
     CompetitorPrompt = props.CompetitorPrompt,
     disablePreviewPanel = props.disablePreviewPanel;
-  var isFlexibleUi = (0, _flexible.isFlexibleUiCard)(children, ui);
-  var analyticsContext = (0, _SmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
+  var isFlexibleUi = (0, _isFlexibleUiCard.isFlexibleUiCard)(children, ui);
+  var analyticsContext = (0, _useSmartLinkAnalyticsContext.useSmartLinkAnalyticsContext)({
     display: isFlexibleUi ? 'flexible' : appearance,
     id: id,
     url: url !== null && url !== void 0 ? url : ''
@@ -98,9 +100,9 @@ function CardWithURLRenderer(props) {
         definitionId: null
       }));
     } else if (error.name !== 'APIError') {
-      (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
-      (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
-      (0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
+      (0, _startUfoExperience.startUfoExperience)('smart-link-rendered', id || 'NULL');
+      (0, _failUfoExperience.failUfoExperience)('smart-link-rendered', id || 'NULL');
+      (0, _failUfoExperience.failUfoExperience)('smart-link-authenticated', id || 'NULL');
       fireEvent('ui.smartLink.renderFailed', _objectSpread(_objectSpread({}, analyticsContext === null || analyticsContext === void 0 ? void 0 : analyticsContext.attributes), {}, {
         display: isFlexibleUi ? 'flexible' : appearance,
         id: id !== null && id !== void 0 ? id : null,

package/dist/cjs/view/EmbedCard/components/ErrorFrame.js

@@ -1,4 +1,5 @@
 /* ErrorFrame.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports -- exports share Compiled style value(s) [compactFrameAlignStyles, compactFrameHoverStyles, compactFrameInheritDimensionsFalseStyles, compactFrameInheritDimensionsTrueStyles, compactFrameNotSelectedStyles, compactFrameStyles, expandedFrameFluidHeightFalseStyles, expandedFrameFluidHeightTrueStyles, expandedFrameHoverStyles, expandedFrameNotSelectedStyles, expandedFrameSelectedStyles, expandedFrameStyles, sharedBaseFrameStyles, sharedFrameStyles] which cannot be exported across files (UI Styling Standard: no-exported-css) */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
-var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
+var _useMouseDownEvent = require("../../../state/analytics/useMouseDownEvent");
 var _utils = require("../../common/utils");
 var _styled = require("./styled");
 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); }
@@ -63,7 +63,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
   var handleClick = function handleClick(event) {
     return (0, _utils.handleClickCommon)(event, onClick);
   };
-  var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
+  var handleMouseDown = (0, _useMouseDownEvent.useMouseDownEvent)();
   var CompetitorPromptComponent = CompetitorPrompt && href ? /*#__PURE__*/React.createElement(CompetitorPrompt, {
     sourceUrl: href,
     linkType: "embed"

package/dist/cjs/view/EmbedCard/components/Frame.js

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _browserApis = require("@atlaskit/browser-apis");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _utils = require("../../../utils");
+var _getIframeSandboxAttribute = require("../../../utils/get-iframe-sandbox-attribute");
 var _IFrame = require("./IFrame");
 var _IframeDwellTracker = require("./IframeDwellTracker");
 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); }
@@ -164,7 +164,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
     onLoad: function onLoad() {
       setIframeLoaded(true);
     },
-    sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted),
+    sandbox: (0, _getIframeSandboxAttribute.getIframeSandboxAttribute)(isTrusted),
     title: title,
     extensionKey: extensionKey,
     className: (0, _runtime.ax)(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])

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

@@ -12,16 +12,17 @@ var _loadHold = _interopRequireDefault(require("@atlaskit/react-ufo/load-hold"))
 var _extractAccessContext = require("../../extractors/common/context/extractAccessContext");
 var _embed = require("../../extractors/embed");
 var _inline = require("../../extractors/inline");
-var _helpers = require("../../state/helpers");
+var _getExtensionKey = require("../../state/getExtensionKey");
+var _hasAuthScopeOverrides = require("../../state/hasAuthScopeOverrides");
 var _useControlDataExportConfig = require("../../state/hooks/use-control-data-export-config");
-var _jsonld = require("../../utils/jsonld");
+var _getForbiddenJsonLd = require("../../utils/get-forbidden-json-ld");
 var _shouldDataExport = require("../../utils/should-data-export");
 var _ResolvedView = _interopRequireDefault(require("../BlockCard/views/ResolvedView"));
 var _ResolvedView2 = require("../InlineCard/ResolvedView");
 var _ErroredView = require("./views/ErroredView");
+var _ResolvedView3 = require("./views/ResolvedView");
 var _forbiddenView = _interopRequireDefault(require("./views/forbidden-view"));
 var _notFoundView = _interopRequireDefault(require("./views/not-found-view"));
-var _ResolvedView3 = require("./views/ResolvedView");
 var _unauthorizedView = _interopRequireDefault(require("./views/unauthorized-view"));
 var UFOLoadHoldWrapper = function UFOLoadHoldWrapper(_ref) {
   var children = _ref.children;
@@ -58,8 +59,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
-  var extensionKey = (0, _helpers.getExtensionKey)(details);
-  var isProductIntegrationSupported = (0, _helpers.hasAuthScopeOverrides)(details);
+  var extensionKey = (0, _getExtensionKey.getExtensionKey)(details);
+  var isProductIntegrationSupported = (0, _hasAuthScopeOverrides.hasAuthScopeOverrides)(details);
   var _useControlDataExport = (0, _useControlDataExportConfig.useControlDataExportConfig)(),
     _useControlDataExport2 = _useControlDataExport.shouldControlDataExport,
     shouldControlDataExport = _useControlDataExport2 === void 0 ? false : _useControlDataExport2;
@@ -178,7 +179,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
         });
       }
       var forbiddenViewProps = (0, _embed.extractEmbedProps)(details, platform);
-      var cardMetadata = (_details$meta2 = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta2 !== void 0 ? _details$meta2 : (0, _jsonld.getForbiddenJsonLd)().meta;
+      var cardMetadata = (_details$meta2 = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta2 !== void 0 ? _details$meta2 : (0, _getForbiddenJsonLd.getForbiddenJsonLd)().meta;
       if (forbiddenViewProps.preview) {
         return /*#__PURE__*/_react.default.createElement(_ResolvedView3.EmbedCardResolvedView, (0, _extends2.default)({}, forbiddenViewProps, {
           title: forbiddenViewProps.link,

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -17,10 +17,11 @@ var _componentWithFg = require("@atlaskit/platform-feature-flags-react/component
 var _useThemeObserver = require("@atlaskit/tokens/use-theme-observer");
 var _constants = require("../../../constants");
 var _extractRovoChatAction = _interopRequireDefault(require("../../../extractors/flexible/actions/extract-rovo-chat-action"));
-var _helpers = require("../../../state/helpers");
+var _getExtensionKey = require("../../../state/getExtensionKey");
 var _useEmbedRovoActionsFooterExperiment = _interopRequireDefault(require("../../../state/hooks/use-embed-rovo-actions-footer-experiment"));
 var _useRovoConfig2 = _interopRequireDefault(require("../../../state/hooks/use-rovo-config"));
-var _utils = require("../../../utils");
+var _getPreviewUrlWithTheme = require("../../../utils/get-preview-url-with-theme");
+var _isProfileType = require("../../../utils/is-profile-type");
 var _rovoPostAuthPrompts = require("../../common/rovo-post-auth-prompts");
 var _ExpandedFrame = require("../components/ExpandedFrame");
 var _Frame = require("../components/Frame");
@@ -73,7 +74,7 @@ var EmbedFrameWithRovoFooter = function EmbedFrameWithRovoFooter(_ref) {
       return [];
     }
     return (0, _rovoPostAuthPrompts.getRovoPostAuthPromptKeys)({
-      extensionKey: (0, _helpers.getExtensionKey)(details)
+      extensionKey: (0, _getExtensionKey.getExtensionKey)(details)
     });
   }, [details, isEmbedRovoActionsFooterEnabled]);
   var footer = _react.default.useMemo(function () {
@@ -140,7 +141,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
       src: src,
       alt: iconLabel,
       default: linkGlyph,
-      appearance: (0, _utils.isProfileType)(type) ? 'round' : 'square',
+      appearance: (0, _isProfileType.isProfileType)(type) ? 'round' : 'square',
       hideLoadingSkeleton: hideIconLoadingSkeleton
     });
   }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton, iconLabel]);
@@ -151,7 +152,7 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
   var themeState = (0, _useThemeObserver.useThemeObserver)();
   var previewUrl = preview === null || preview === void 0 ? void 0 : preview.src;
   if (previewUrl && isSupportTheming) {
-    previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
+    previewUrl = (0, _getPreviewUrlWithTheme.getPreviewUrlWithTheme)(previewUrl, themeState);
   }
   var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),

package/dist/cjs/view/EmbedModal/components/analytics/index.js

@@ -9,7 +9,9 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../../../../constants");
-var _analytics = require("../../../../state/analytics");
+var _failUfoExperience = require("../../../../state/analytics/failUfoExperience");
+var _startUfoExperience = require("../../../../state/analytics/startUfoExperience");
+var _succeedUfoExperience = require("../../../../state/analytics/succeedUfoExperience");
 var _types = require("../../types");
 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 getResizeFrom = function getResizeFrom(size) {
@@ -30,13 +32,13 @@ var withAnalytics = function withAnalytics(Component) {
         origin: origin !== null && origin !== void 0 ? origin : null,
         size: context.size
       });
-      (0, _analytics.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
+      (0, _succeedUfoExperience.succeedUfoExperience)('smart-link-rendered', id || 'NULL', {
         extensionKey: extensionKey,
         display: _constants.CardDisplay.EmbedPreview
       });
 
       // UFO will disregard this if authentication experience has not yet been started
-      (0, _analytics.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
+      (0, _succeedUfoExperience.succeedUfoExperience)('smart-link-authenticated', id || 'NULL', {
         display: _constants.CardDisplay.EmbedPreview
       });
       fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderSuccess', {
@@ -47,9 +49,9 @@ var withAnalytics = function withAnalytics(Component) {
       }
     }, [fireEvent, extensionKey, id, onOpen, origin]);
     var handleOnOpenFailed = (0, _react.useCallback)(function (error, errorInfo) {
-      (0, _analytics.startUfoExperience)('smart-link-rendered', id || 'NULL');
-      (0, _analytics.failUfoExperience)('smart-link-rendered', id || 'NULL');
-      (0, _analytics.failUfoExperience)('smart-link-authenticated', id || 'NULL');
+      (0, _startUfoExperience.startUfoExperience)('smart-link-rendered', id || 'NULL');
+      (0, _failUfoExperience.failUfoExperience)('smart-link-rendered', id || 'NULL');
+      (0, _failUfoExperience.failUfoExperience)('smart-link-authenticated', id || 'NULL');
       fireEvent === null || fireEvent === void 0 || fireEvent('ui.smartLink.renderFailed', {
         display: _constants.CardDisplay.EmbedPreview,
         error: error,

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactMagneticDi = require("react-magnetic-di");
-var _utils = require("../../../../utils");
+var _getIframeSandboxAttribute = require("../../../../utils/get-iframe-sandbox-attribute");
 var _IFrame = require("../../../EmbedCard/components/IFrame");
 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 iframeCss = null;
@@ -23,7 +23,7 @@ var EmbedContent = function EmbedContent(_ref) {
     testId = _ref.testId,
     ariaLabel = _ref.ariaLabel,
     extensionKey = _ref.extensionKey;
-  var sandbox = (0, _utils.getIframeSandboxAttribute)(isTrusted);
+  var sandbox = (0, _getIframeSandboxAttribute.getIframeSandboxAttribute)(isTrusted);
   var props = {
     frameBorder: 0,
     name: name,

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
-var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
+var _useMouseDownEvent = require("../../../../../state/analytics/useMouseDownEvent");
 var LinkInfoButton = function LinkInfoButton(_ref) {
   var content = _ref.content,
     icon = _ref.icon,
@@ -17,7 +17,7 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     testId = _ref.testId,
     role = _ref.role,
     focusRef = _ref.focusRef;
-  var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
+  var onMouseDown = (0, _useMouseDownEvent.useMouseDownEvent)();
   return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: content,
     hideTooltipOnClick: true,

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

@@ -15,7 +15,7 @@ var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/mo
 var _useThemeObserver = require("@atlaskit/tokens/use-theme-observer");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
-var _utils = require("../../utils");
+var _getPreviewUrlWithTheme = require("../../utils/get-preview-url-with-theme");
 var _common = require("../FlexibleCard/components/elements/common");
 var _analytics = _interopRequireDefault(require("./components/analytics"));
 var _embedContent = _interopRequireDefault(require("./components/embed-content"));
@@ -125,7 +125,7 @@ var EmbedModal = function EmbedModal(_ref) {
     invokeDownloadAction && invoke(invokeDownloadAction);
   }, [invokeDownloadAction, invoke]);
   if (previewUrl && isSupportTheming) {
-    previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
+    previewUrl = (0, _getPreviewUrlWithTheme.getPreviewUrlWithTheme)(previewUrl, themeState);
   }
   var focusRef = (0, _react.useRef)(null);
   var hasRestoredFocus = (0, _react.useRef)(false);