@atlaskit/smart-card 42.0.3 → 42.1.0

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/HoverCard/components/views/resolving/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/HoverCard/components/views/unauthorised/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/InlineCard/Icon.js

@@ -1,4 +1,4 @@
-/* Icon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Icon.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Icon.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/view/InlineCard/common/action-button/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/InlineCard/common/inline-lozenge/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -6,10 +6,11 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartCardContext } from '../../../state';
-import { getServices } from '../../../state/helpers';
+import { getFirstPartyIdentifier, getServices, getThirdPartyARI } from '../../../state/helpers';
 import useResolveHyperlink from '../../../state/hooks/use-resolve-hyperlink';
 import useResolveHyperlinkValidator, { isGoogleDomain, isSharePointDomain } from '../../../state/hooks/use-resolve-hyperlink/useResolveHyperlinkValidator';
 import withIntlProvider from '../../common/intl-provider';
+import { useFire3PWorkflowsClickEvent } from '../../SmartLinkEvents/useSmartLinkEvents';
 import Hyperlink from '../Hyperlink';
 import withErrorBoundary from './error-boundary';
 import { ResolveHyperlink } from './resolve-hyperlink';
@@ -30,11 +31,20 @@ const HyperlinkWithSmartLinkResolverInner = ({
     href: props.href || ''
   });
   const services = getServices(state === null || state === void 0 ? void 0 : state.details);
+  const thirdPartyARI = getThirdPartyARI(state === null || state === void 0 ? void 0 : state.details);
+  const firstPartyIdentifier = getFirstPartyIdentifier();
+  const fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
   const onClick = useCallback(e => {
-    // TODO: AI3W-1203: 3P link click analytics
-
+    // Only fire the event if the feature flag is on and other conditions are met
+    if ((state === null || state === void 0 ? void 0 : state.status) === 'resolved' && (e === null || e === void 0 ? void 0 : e.button) === 0 && fire3PClickEvent && fg('platform_smartlink_3pclick_analytics')) {
+      // 0 taken from button state representation -
+      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+      fire3PClickEvent();
+    }
     onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(e);
-  }, [onClickCallback]);
+  }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
 
   // TODO: AI3W-1113: Show auth button
   const onAuthorize = fg('platform_linking_plain_hyperlink_connect_button') ?

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "42.0.4",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/RelatedLinksModal/components/EmptyState.js

@@ -1,4 +1,4 @@
-/* EmptyState.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* EmptyState.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./EmptyState.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.38.1 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';

package/dist/es2019/view/RelatedLinksModal/components/related-link-item/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/RelatedLinksModal/views/errored/error-svg/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/RelatedLinksModal/views/resolving/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/RelatedLinksModal/views/unavailable/unavailable-svg/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/SmartLinkEvents/useSmartLinkEvents.js

@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/analytics-next';
 import { SmartLinkEvents } from '../../utils/analytics/analytics';
 export function useSmartLinkEvents() {
   /**
@@ -7,4 +8,25 @@ export function useSmartLinkEvents() {
    */
   const events = useMemo(() => new SmartLinkEvents(), []);
   return events;
+}
+export function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  const {
+    createAnalyticsEvent
+  } = useAnalyticsEventsNext();
+  return () => {
+    const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'smartLink',
+      actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+      eventType: 'ui',
+      attributes: {
+        eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
+        firstPartyIdentifier: firstPartyIdentifier
+      },
+      nonPrivacySafeAttributes: {
+        thirdPartyARI: thirdPartyARI
+      }
+    });
+    smartlinkClickAnalyticsEvent.fire('media');
+  };
 }

package/dist/es2019/view/common/Icon.js

@@ -1,4 +1,4 @@
-/* Icon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Icon.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./Icon.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,4 +1,4 @@
-/* animated-svg-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* animated-svg-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./animated-svg-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/ai-prism/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/ai-summary/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/ai-summary/ulist.js

@@ -1,4 +1,4 @@
-/* ulist.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ulist.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ulist.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/render-svg.js

@@ -1,4 +1,4 @@
-/* render-svg.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* render-svg.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./render-svg.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/common/stop-propagation/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';

package/dist/esm/common/analytics/generated/create-event-payload.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::eb8cd1263459fb798341024dc0c461ea>>
+ * @codegen <<SignedSource::f914fb83fac56e7154ef460866628f7d>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 

package/dist/esm/common/analytics/generated/use-analytics-events.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::1f3587129789e7883af37adad3817cd2>>
+ * @codegen <<SignedSource::676f76a2e45920437adc8c35a9af8b37>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 import { useCallback } from 'react';

package/dist/esm/common/ui/icons/generic-error-icon.js

@@ -1,4 +1,4 @@
-/* generic-error-icon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* generic-error-icon.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./generic-error-icon.compiled.css";
 import * as React from 'react';

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

@@ -40,6 +40,19 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
   if (!canShowAction(CardAction.PreviewAction, actionOptions)) {
     return;
   }
+
+  /* Analytics UI event for preview action created to support tracking of preview actions as the experiment rolls out */
+  var firePreviewActionUIEvent = function firePreviewActionUIEvent(_ref) {
+    var previewType = _ref.previewType;
+    if (!expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') || origin !== 'smartLinkPreviewHoverCard' || !fireEvent) {
+      return;
+    }
+    fireEvent('ui.smartLink.clicked.previewHoverCard', {
+      id: id || '',
+      display: 'hoverCardPreview',
+      previewType: previewType
+    });
+  };
   var src = (_extractPreviewData = extractPreviewData(data, 'web')) === null || _extractPreviewData === void 0 ? void 0 : _extractPreviewData.src;
   if (src) {
     var extensionKey = getExtensionKey(response);
@@ -52,7 +65,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   if (!hasPreviewPanel) {
-                    _context.next = 6;
+                    _context.next = 7;
                     break;
                   }
                   resolvedUrl = url;
@@ -66,10 +79,13 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     name: name,
                     iconUrl: undefined
                   });
-                  _context.next = 8;
+                  expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
+                    previewType: 'panel'
+                  });
+                  _context.next = 10;
                   break;
-                case 6:
-                  _context.next = 8;
+                case 7:
+                  _context.next = 9;
                   return openEmbedModal(_objectSpread({
                     fireEvent: fireEvent,
                     extensionKey: extensionKey,
@@ -89,7 +105,11 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                   }, expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
                     isInPreviewPanel: isInPreviewPanel
                   }));
-                case 8:
+                case 9:
+                  expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && firePreviewActionUIEvent({
+                    previewType: 'modal'
+                  });
+                case 10:
                 case "end":
                   return _context.stop();
               }

package/dist/esm/hooks/useConfluencePageData.js

@@ -67,13 +67,16 @@ export var useConfluencePageData = function useConfluencePageData(url, extension
         colorMode: themeMode
       };
     }
+    var calculatedUserInfo = userId && userIdType ? {
+      userId: userId,
+      userIdType: userIdType
+    } : undefined;
     return {
       hostname: hostname,
       spaceKey: spaceKey,
       contentId: contentId,
       parentProduct: parentProduct,
-      userId: userId,
-      userIdType: userIdType,
+      userInfo: calculatedUserInfo,
       hash: hash || '',
       enableInlineComments: enableInlineComments,
       enablePageComments: enablePageComments,

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development"
+  packageVersion: "42.0.4"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/ForbiddenView.js

@@ -1,4 +1,4 @@
-/* ForbiddenView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ForbiddenView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/view/BlockCard/views/NotFoundView.js

@@ -1,4 +1,4 @@
-/* NotFoundView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* NotFoundView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"];

package/dist/esm/view/BlockCard/views/ResolvedView.js

@@ -1,4 +1,4 @@
-/* ResolvedView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ResolvedView.compiled.css";

package/dist/esm/view/BlockCard/views/UnauthorisedView.js

@@ -1,4 +1,4 @@
-/* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"];

package/dist/esm/view/BlockCard/views/unresolved-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -1,4 +1,4 @@
-/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./withFlexibleUIBlockCardStyle.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -18,6 +18,7 @@ import { BlockCard } from '../BlockCard';
 import { EmbedCard } from '../EmbedCard';
 import FlexibleCard from '../FlexibleCard';
 import { InlineCard } from '../InlineCard';
+import { useFire3PWorkflowsClickEvent } from '../SmartLinkEvents/useSmartLinkEvents';
 var thirdPartyARIPrefix = 'ari:third-party';
 function Component(_ref) {
   var id = _ref.id,
@@ -75,6 +76,9 @@ function Component(_ref) {
     actionOptions: actionOptionsProp,
     platform: platform
   });
+  var fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
 
   // Setup UI handlers.
   var handleClickWrapper = useCallback(function (event) {
@@ -88,23 +92,10 @@ function Component(_ref) {
     if (fg('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         var clickURL = getClickUrl(url, state.details);
-        if (clickURL === url) {
+        if (clickURL === url && fire3PClickEvent) {
           // For questions or concerns about this event,
           // please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
-          var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -151,7 +142,7 @@ function Component(_ref) {
       }
       fireLinkClickedEvent(createAnalyticsEvent)(event);
     }
-  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, firstPartyIdentifier, disablePreviewPanel]);
+  }, [fireEvent, id, isFlexibleUi, appearance, definitionId, onClick, url, state.details, ari, name, fire3PClickEvent, isPreviewPanelAvailable, openPreviewPanel, createAnalyticsEvent, thirdPartyARI, disablePreviewPanel]);
   var handleAuthorize = useCallback(function () {
     return actions.authorize(appearance);
   }, [actions, appearance]);

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

@@ -1,4 +1,4 @@
-/* ErrorFrame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ErrorFrame.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./ErrorFrame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* ExpandedFrame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ExpandedFrame.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ExpandedFrame.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* Frame.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* Frame.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Frame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -26,7 +26,8 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     testId = _ref.testId,
     onIframeDwell = _ref.onIframeDwell,
     onIframeFocus = _ref.onIframeFocus,
-    title = _ref.title;
+    title = _ref.title,
+    extensionKey = _ref.extensionKey;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIframeLoaded = _useState2[0],
@@ -115,6 +116,7 @@ export var Frame = /*#__PURE__*/React.forwardRef(function (_ref, iframeRef) {
     },
     sandbox: getIframeSandboxAttribute(isTrusted),
     title: title,
+    extensionKey: extensionKey,
     className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
   }));
 });

package/dist/esm/view/EmbedCard/components/IFrame.js

@@ -1,16 +1,43 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["childRef", "className"];
+var _excluded = ["childRef", "className", "extensionKey"];
 import React from 'react';
+import { Page } from '@atlaskit/embedded-confluence';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useConfluencePageData } from '../../../hooks/useConfluencePageData';
 /**
  * Iframe element isolated for DI purposes
  */
 export var IFrame = function IFrame(_ref) {
   var childRef = _ref.childRef,
     className = _ref.className,
+    extensionKey = _ref.extensionKey,
     props = _objectWithoutProperties(_ref, _excluded);
+  var confluencePageData = fg('platform_deprecate_lp_cc_embed') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useConfluencePageData(props.src || '', extensionKey || '') : undefined;
+
+  // Conditional rendering: Page component for lp-cc-embed URLs, iframe for everything else
+  return confluencePageData && fg('platform_deprecate_lp_cc_embed') ? /*#__PURE__*/React.createElement(Page, {
+    hostname: confluencePageData.hostname,
+    spaceKey: confluencePageData.spaceKey,
+    contentId: confluencePageData.contentId,
+    parentProduct: confluencePageData.parentProduct,
+    hash: confluencePageData.hash,
+    mode: confluencePageData.mode,
+    locale: confluencePageData.locale,
+    iframeRef: childRef,
+    onLoad: props.onLoad,
+    onMouseEnter: props.onMouseEnter,
+    onMouseLeave: props.onMouseLeave,
+    sandbox: props.sandbox,
+    allowedFeatures: confluencePageData.allowedFeatures,
+    themeState: confluencePageData.themeStateObject,
+    userInfo: confluencePageData.userInfo
+  }) :
+  /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-  return /*#__PURE__*/React.createElement("iframe", _extends({
+  React.createElement("iframe", _extends({
     className: className
   }, props, {
     ref: childRef,

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

@@ -1,4 +1,4 @@
-/* ImageIcon.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ImageIcon.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./ImageIcon.compiled.css";

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";