@atlaskit/smart-card 42.0.2 → 42.0.4

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -120,10 +120,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onKeyDown: onMouseOrKeyDown,
     onKeyUp: onMouseOrKeyUp,
     ref: triggerRef,
-    className: (0, _runtime.ax)(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas14y2 _19h614y2 _1d3914y2 _1ejjo89b _1u6lo89b _6ssho89b"]),
-    style: {
-      "--_sq39bb": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, #388BFF)"))
-    }
+    className: (0, _runtime.ax)(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas14y2 _19h614y2 _1d3914y2 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
   }), lozenge);
 };
 var _default = exports.default = LozengeActionTrigger;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-text-element/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 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/view/FlexibleCard/components/elements/custom-by-access-type-element/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/FlexibleCard/components/elements/media-element/index.compiled.css

@@ -1,11 +1,17 @@
-._173baqso >img, ._1niwaqso >span{object-position:center center}
+._173baqso >img{object-position:center center}
 ._1bsb1osq{width:100%}
-._1chb1osq >img, ._1usb1osq >span{max-height:100%}
+._1chb1osq >img{max-height:100%}
 ._1e0c1txw{display:flex}
 ._1h1tcq2i{aspect-ratio:16/9}
+._1lg71osq >span{min-height:100%}
+._1niwaqso >span{object-position:center center}
+._1usb1osq >span{max-height:100%}
 ._4t3i1ns9{height:-moz-fit-content;height:fit-content}
-._5c331osq >img, ._l9z01osq >span{max-width:100%}
-._6o691dfr >img, ._vr2g1dfr >span{object-fit:cover}
-._6slq1osq >img, ._x1m21osq >span{min-width:100%}
-._jqez1osq >img, ._1lg71osq >span{min-height:100%}
-@supports not (aspect-ratio:auto){._1aoq15vq{overflow-x:hidden}._1iqz15vq{overflow-y:hidden}._6fioj63w{padding-top:56.25%}._l0jmidpf{height:0}._12zuh2mm{position:relative}._t0h9stnw >img, ._1ulbstnw >span{position:absolute}._byj21ooe >img, ._3hvr1ooe >span{transform:translate(-50%,-50%)}._1c0s1ssb >img, ._15j31ssb >span{left:50%}._1npy1ssb >img, ._19he1ssb >span{top:50%}._n3vc1wug >img, ._1qj91wug >span{width:auto}._4fdy1wug >img, ._18cv1wug >span{height:auto}}
+._5c331osq >img{max-width:100%}
+._6o691dfr >img{object-fit:cover}
+._6slq1osq >img{min-width:100%}
+._jqez1osq >img{min-height:100%}
+._l9z01osq >span{max-width:100%}
+._vr2g1dfr >span{object-fit:cover}
+._x1m21osq >span{min-width:100%}
+@supports not (aspect-ratio:auto){._1aoq15vq{overflow-x:hidden}._1iqz15vq{overflow-y:hidden}._6fioj63w{padding-top:56.25%}._l0jmidpf{height:0}._12zuh2mm{position:relative}._t0h9stnw >img{position:absolute}._1ulbstnw >span{position:absolute}._byj21ooe >img{transform:translate(-50%,-50%)}._3hvr1ooe >span{transform:translate(-50%,-50%)}._1c0s1ssb >img{left:50%}._15j31ssb >span{left:50%}._1npy1ssb >img{top:50%}._19he1ssb >span{top:50%}._n3vc1wug >img{width:auto}._1qj91wug >span{width:auto}._4fdy1wug >img{height:auto}._18cv1wug >span{height:auto}}

package/dist/cjs/view/FlexibleCard/components/elements/media-element/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/HoverCard/components/ContentContainer.js

@@ -1,4 +1,4 @@
-/* ContentContainer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* ContentContainer.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/HoverCard/components/views/forbidden/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -19,6 +19,7 @@ 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 _useSmartLinkEvents = require("../../SmartLinkEvents/useSmartLinkEvents");
 var _Hyperlink = _interopRequireDefault(require("../Hyperlink"));
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
 var _resolveHyperlink = require("./resolve-hyperlink");
@@ -43,11 +44,20 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     actions = _useResolveHyperlink.actions,
     state = _useResolveHyperlink.state;
   var services = (0, _helpers.getServices)(state === null || state === void 0 ? void 0 : state.details);
+  var thirdPartyARI = (0, _helpers.getThirdPartyARI)(state === null || state === void 0 ? void 0 : state.details);
+  var firstPartyIdentifier = (0, _helpers.getFirstPartyIdentifier)();
+  var fire3PClickEvent = (0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _useSmartLinkEvents.useFire3PWorkflowsClickEvent)(firstPartyIdentifier, thirdPartyARI) : undefined;
   var onClick = (0, _react.useCallback)(function (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 && (0, _platformFeatureFlags.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 || onClickCallback(e);
-  }, [onClickCallback]);
+  }, [onClickCallback, fire3PClickEvent, state === null || state === void 0 ? void 0 : state.status]);
 
   // TODO: AI3W-1113: Show auth button
   var onAuthorize = (0, _platformFeatureFlags.fg)('platform_linking_plain_hyperlink_connect_button') ?

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.compiled.css

@@ -2,7 +2,7 @@
 ._zulputpp{gap:var(--ds-space-150,9pt)}
 ._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
 ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}
-._16qsd1ld{box-shadow:var(--_g94mg3)}
+._16qs1kf8{box-shadow:inset 2px 0 0 0 var(--ds-border-selected,#0c66e4)}
 ._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}

package/dist/cjs/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 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -36,10 +36,7 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
     "data-testId": testId,
     onFocus: onFocus,
     role: "presentation",
-    className: (0, _runtime.ax)(["_195g10v4 _18zr1ejb", "_irr3166n _1di61dty", isSelected && "_bfhkfg4m _16qsd1ld _irr3i1yw _1di619ru"]),
-    style: {
-      "--_g94mg3": (0, _runtime.ix)("inset 2px 0 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))
-    }
+    className: (0, _runtime.ax)(["_195g10v4 _18zr1ejb", "_irr3166n _1di61dty", isSelected && "_bfhkfg4m _16qs1kf8 _irr3i1yw _1di619ru"])
   }, /*#__PURE__*/React.createElement(_index.Card, {
     appearance: "block",
     ui: ui,

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useFire3PWorkflowsClickEvent = useFire3PWorkflowsClickEvent;
 exports.useSmartLinkEvents = useSmartLinkEvents;
 var _react = require("react");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("../../utils/analytics/analytics");
 function useSmartLinkEvents() {
   /**
@@ -15,4 +17,24 @@ function useSmartLinkEvents() {
     return new _analytics.SmartLinkEvents();
   }, []);
   return events;
+}
+function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  var _useAnalyticsEventsNe = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEventsNe.createAnalyticsEvent;
+  return function () {
+    var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
+      action: 'clicked',
+      actionSubject: 'smartLink',
+      actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
+      eventType: 'ui',
+      attributes: {
+        eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
+        firstPartyIdentifier: firstPartyIdentifier
+      },
+      nonPrivacySafeAttributes: {
+        thirdPartyARI: thirdPartyARI
+      }
+    });
+    smartlinkClickAnalyticsEvent.fire('media');
+  };
 }

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/common/ai-prism/ai-glowing-border/animated-svg-container.compiled.css

@@ -2,12 +2,12 @@
 ._2rko19bv{border-radius:10px}._154i1b66{top:var(--ds-space-050,4px)}
 ._154iidpf{top:0}
 ._1bsb1osq{width:100%}
-._1bsbwk75{width:var(--_ys364u)}
+._1bsb1wgc{width:calc(100% - var(--ds-space-050, 4px))}
 ._1ltv1b66{left:var(--ds-space-050,4px)}
 ._1ltvidpf{left:0}
 ._4t3i1osq{height:100%}
-._4t3iwk75{height:var(--_ys364u)}
-._kdam118y{filter:var(--_y27h52)}
+._4t3i1wgc{height:calc(100% - var(--ds-space-050, 4px))}
+._kdam1rfl{filter:blur(var(--ds-space-100,8px))}
 ._kqswstnw{position:absolute}
 ._t9ec161g{transform:translate3d(0,0,0)}
 ._w6ng15vq{backface-visibility:hidden}

package/dist/cjs/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 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -57,14 +57,10 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
   }, [isMoving]);
   return /*#__PURE__*/React.createElement("svg", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)(["_2rko19bv _kqswstnw", isGlowing ? "_1bsbwk75 _4t3iwk75 _154i1b66 _1ltv1b66 _kdam118y _w6ng15vq _t9ec161g" : "_1ltvidpf _154iidpf _1bsb1osq _4t3i1osq", className]),
+    className: (0, _runtime.ax)(["_2rko19bv _kqswstnw", isGlowing ? "_1bsb1wgc _4t3i1wgc _154i1b66 _1ltv1b66 _kdam1rfl _w6ng15vq _t9ec161g" : "_1ltvidpf _154iidpf _1bsb1osq _4t3i1osq", className]),
     ref: svgRef,
     viewBox: "0 0 24 24",
-    preserveAspectRatio: "none",
-    style: {
-      "--_ys364u": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-050, 4px)", ")")),
-      "--_y27h52": (0, _runtime.ix)("blur(".concat("var(--ds-space-100, 8px)", ")"))
-    }
+    preserveAspectRatio: "none"
   }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "".concat(namespaceId.current, "_lg1"),
     gradientUnits: "userSpaceOnUse",

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/es2019/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/es2019/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 "./ForbiddenView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./NotFoundView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./ResolvedView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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 "./UnauthorisedView.compiled.css";
 import * as React from 'react';

package/dist/es2019/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/es2019/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/es2019/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';
 const thirdPartyARIPrefix = 'ari:third-party';
 function Component({
   id,
@@ -77,6 +78,9 @@ function Component({
     actionOptions: actionOptionsProp,
     platform
   });
+  const fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
 
   // Setup UI handlers.
   const handleClickWrapper = useCallback(event => {
@@ -90,23 +94,10 @@ function Component({
     if (fg('platform_smartlink_3pclick_analytics')) {
       if (thirdPartyARI && thirdPartyARI.startsWith(thirdPartyARIPrefix)) {
         const 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
-          const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
-            action: 'clicked',
-            actionSubject: 'smartLink',
-            actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
-            eventType: 'ui',
-            attributes: {
-              eventName: 'smartLinkClickAnalyticsThirdPartyWorkflows',
-              firstPartyIdentifier: firstPartyIdentifier
-            },
-            nonPrivacySafeAttributes: {
-              thirdPartyARI: thirdPartyARI
-            }
-          });
-          smartlinkClickAnalyticsEvent.fire('media');
+          fire3PClickEvent();
         }
       }
     }
@@ -153,7 +144,7 @@ function Component({
       }
       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]);
   const handleAuthorize = useCallback(() => actions.authorize(appearance), [actions, appearance]);
   const handleRetry = useCallback(() => {
     actions.reload();

package/dist/es2019/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/es2019/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/es2019/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 "./Frame.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef, useState } from 'react';
@@ -24,7 +24,8 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
   testId,
   onIframeDwell,
   onIframeFocus,
-  title
+  title,
+  extensionKey
 }, iframeRef) => {
   const [isIframeLoaded, setIframeLoaded] = useState(false);
   const [isMouseOver, setMouseOver] = useState(false);
@@ -96,6 +97,7 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
     },
     sandbox: getIframeSandboxAttribute(isTrusted),
     title: title,
+    extensionKey: extensionKey,
     className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
   }));
 });

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

@@ -1,15 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
 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 const IFrame = ({
   childRef,
   className,
+  extensionKey,
   ...props
 }) => {
+  const 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
+  }) :
+  /*#__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,