@atlaskit/smart-card 42.0.2 → 42.0.4

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.compiled.css

@@ -1,6 +1,7 @@
+._102e2smr >span{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c81ixg{font:var(--ds-font-body-large,normal 400 1pc/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._pqme2smr >div, ._102e2smr >span{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._pqme2smr >div{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._14hp1wdt button{width:220px}
 ._18m915vq{overflow-y:hidden}
@@ -15,6 +16,7 @@
 ._1e0ccj1k{display:-webkit-box}
 ._1nmz1hna{word-break:break-word}
 ._1reo15vq{overflow-x:hidden}
+._1t4p1fxt >span{color:var(--ds-text,#172b4d)}
 ._1ul9idpf{min-width:0}
 ._1yyj1n6p{-webkit-line-clamp:var(--_t4prqe)}
 ._2lx2vrvc{flex-direction:row}
@@ -24,7 +26,7 @@
 ._bfhk1j28{background-color:transparent}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
-._ngc01fxt >div, ._1t4p1fxt >span{color:var(--ds-text,#172b4d)}
+._ngc01fxt >div{color:var(--ds-text,#172b4d)}
 ._o5724jg8{white-space:normal}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._sudp1e54{-webkit-box-orient:vertical}

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/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/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-items-group/index.compiled.css

@@ -1,3 +1,4 @@
+
 ._11lvutpp button{padding-left:var(--ds-space-150,9pt)}
 ._14hp1wdt button{width:220px}
 ._18m91wug{overflow-y:auto}
@@ -6,10 +7,15 @@
 ._c71l1mjv{max-height:300px}
 ._d4lf1f4h button{min-height:28px}
 ._yhjmutpp button{padding-right:var(--ds-space-150,9pt)}
-._1ll7166n button:focus, ._qprf166n button:focus-visible{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
-._1pv01r31 button:focus, ._1m1b1r31 button:focus-visible{outline-color:currentColor}
-._n6y8usvi button:focus, ._109gusvi button:focus-visible{box-sizing:border-box}
-._ph3k1o36 button:focus, ._1twe1o36 button:focus-visible{outline-width:medium}
-._qh55glyw button:focus, ._lt2aglyw button:focus-visible{outline-style:none}
-._z29h1bda button:focus, ._wlxp1bda button:focus-visible{box-shadow:var(--_1uho1ce)}
+._1ll7166n button:focus{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._1pv01r31 button:focus{outline-color:currentColor}
+._n6y8usvi button:focus{box-sizing:border-box}
+._ph3k1o36 button:focus{outline-width:medium}
+._qh55glyw button:focus{outline-style:none}
+._z29hu4to button:focus{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0c66e4)}._109gusvi button:focus-visible{box-sizing:border-box}
+._1m1b1r31 button:focus-visible{outline-color:currentColor}
+._1twe1o36 button:focus-visible{outline-width:medium}
+._lt2aglyw button:focus-visible{outline-style:none}
+._qprf166n button:focus-visible{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._wlxpu4to button:focus-visible{box-shadow:inset 2px 0 0 var(--ds-border-selected,#0c66e4)}
 ._6pup1kw7 button:hover{background-color:inherit}

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-items-group/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';
@@ -12,10 +12,7 @@ var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-item-group"),
-    className: ax(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29h1bda _wlxp1bda _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"]),
-    style: {
-      "--_1uho1ce": ix("inset 2px 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))
-    }
+    className: ax(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29hu4to _wlxpu4to _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"])
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, items.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(LozengeActionItem, _extends({}, item, {
       key: idx,

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.compiled.css

@@ -1,5 +1,6 @@
 
 ._kkk2n7od{all:unset}
+._1d3914y2[aria-expanded=true]{border-radius:5px}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._15vhn7od{font-variant:unset}
 ._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
@@ -14,23 +15,32 @@
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
 ._1p1dn7od{text-transform:unset}
+._1q2vglyw[aria-expanded=true]{outline-style:none}
 ._1reo15vq{overflow-x:hidden}
 ._1wybn7od{font-size:unset}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
+._6ssh1vm4[aria-expanded=true]{box-shadow:0 0 0 2px var(--ds-border-focused,#388bff)}
 ._80omtlke{cursor:pointer}
 ._bfhk1j28{background-color:transparent}
 ._ca0qidpf{padding-top:0}
 ._ect4n7od{font-family:unset}
+._j8b81o36[aria-expanded=true]{outline-width:medium}
 ._k48pn7od{font-weight:unset}
 ._n3tdidpf{padding-bottom:0}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
+._p8tl1r31[aria-expanded=true]{outline-color:currentColor}
 ._syazn7od{color:unset}
 ._u5f3idpf{padding-right:0}
 ._vwz4idpf{line-height:0}
 ._zg8ln7od{font-style:unset}
-._1bas14y2:focus-visible, ._19h614y2:focus-within, ._1d3914y2[aria-expanded=true]{border-radius:5px}._128m1o36:focus-visible, ._11ow1o36:focus-within, ._j8b81o36[aria-expanded=true]{outline-width:medium}
-._1ejjo89b:focus-visible, ._1u6lo89b:focus-within, ._6ssho89b[aria-expanded=true]{box-shadow:var(--_sq39bb)}
-._mizu1r31:focus-visible, ._1guj1r31:focus-within, ._p8tl1r31[aria-expanded=true]{outline-color:currentColor}
-._ra3xglyw:focus-visible, ._pbhaglyw:focus-within, ._1q2vglyw[aria-expanded=true]{outline-style:none}
+._19h614y2:focus-within{border-radius:5px}._11ow1o36:focus-within{outline-width:medium}
+._1guj1r31:focus-within{outline-color:currentColor}
+._1u6l1vm4:focus-within{box-shadow:0 0 0 2px var(--ds-border-focused,#388bff)}
+._pbhaglyw:focus-within{outline-style:none}
+._1bas14y2:focus-visible{border-radius:5px}
+._128m1o36:focus-visible{outline-width:medium}
+._1ejj1vm4:focus-visible{box-shadow:0 0 0 2px var(--ds-border-focused,#388bff)}
+._mizu1r31:focus-visible{outline-color:currentColor}
+._ra3xglyw:focus-visible{outline-style:none}

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -112,10 +112,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onKeyDown: onMouseOrKeyDown,
     onKeyUp: onMouseOrKeyUp,
     ref: triggerRef,
-    className: 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": ix("0 0 0 2px ".concat("var(--ds-border-focused, #388BFF)"))
-    }
+    className: 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);
 };
 export default LozengeActionTrigger;

package/dist/esm/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 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "testId"];

package/dist/esm/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/esm/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 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["content", "maxLines", "className"];

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/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 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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 _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";

package/dist/esm/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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["truncateInline", "withoutBackground", "isHovered", "isInteractive", "isSelected", "href"],

package/dist/esm/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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "style"];

package/dist/esm/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 _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as", "style"];

package/dist/esm/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/esm/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/esm/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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "isDisabled"];

package/dist/esm/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/esm/view/LinkUrl/HyperlinkResolver/index.js

@@ -8,10 +8,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';
@@ -34,11 +35,20 @@ var HyperlinkWithSmartLinkResolverInner = function HyperlinkWithSmartLinkResolve
     actions = _useResolveHyperlink.actions,
     state = _useResolveHyperlink.state;
   var services = getServices(state === null || state === void 0 ? void 0 : state.details);
+  var thirdPartyARI = getThirdPartyARI(state === null || state === void 0 ? void 0 : state.details);
+  var firstPartyIdentifier = getFirstPartyIdentifier();
+  var fire3PClickEvent = fg('platform_smartlink_3pclick_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) : undefined;
   var onClick = 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 && 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 = fg('platform_linking_plain_hyperlink_connect_button') ?

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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() {
   /**
@@ -9,4 +10,24 @@ export function useSmartLinkEvents() {
     return new SmartLinkEvents();
   }, []);
   return events;
+}
+export function useFire3PWorkflowsClickEvent(firstPartyIdentifier, thirdPartyARI) {
+  var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
+    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/esm/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/esm/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/esm/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";
@@ -49,14 +49,10 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
   }, [isMoving]);
   return /*#__PURE__*/React.createElement("svg", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax(["_2rko19bv _kqswstnw", isGlowing ? "_1bsbwk75 _4t3iwk75 _154i1b66 _1ltv1b66 _kdam118y _w6ng15vq _t9ec161g" : "_1ltvidpf _154iidpf _1bsb1osq _4t3i1osq", className]),
+    className: 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": ix("calc(100% - ".concat("var(--ds-space-050, 4px)", ")")),
-      "--_y27h52": 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/esm/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/esm/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/esm/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/esm/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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/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/esm/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/types/view/EmbedCard/components/Frame.d.ts

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 export interface FrameProps {
+    extensionKey?: string;
     isTrusted?: boolean;
     onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
     onIframeFocus?: () => void;

package/dist/types/view/EmbedCard/components/IFrame.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 interface IFrameProps {
     childRef?: React.Ref<HTMLIFrameElement>;
     className?: string;
+    extensionKey?: string;
 }
 /**
  * Iframe element isolated for DI purposes
  */
-export declare const IFrame: ({ childRef, className, ...props }: React.ComponentProps<"iframe"> & IFrameProps) => React.JSX.Element;
+export declare const IFrame: ({ childRef, className, extensionKey, ...props }: React.ComponentProps<"iframe"> & IFrameProps) => React.JSX.Element;
 export {};

package/dist/types/view/EmbedCard/views/ResolvedView.d.ts

@@ -8,6 +8,8 @@ export interface EmbedCardResolvedViewProps {
     }>;
     /** The context view model */
     context?: ContextViewModel;
+    /** The extension key */
+    extensionKey?: string;
     /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
     frameStyle?: FrameStyle;
     /** For image icons in the title, whether to hide the loading skeleton while the image is loading. */

package/dist/types/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,3 +1,3 @@
 import { type EmbedProps } from './types';
-declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel }: EmbedProps) => JSX.Element;
+declare const EmbedContent: ({ isTrusted, name, src, testId, ariaLabel, extensionKey }: EmbedProps) => JSX.Element;
 export default EmbedContent;

package/dist/types/view/EmbedModal/components/embed-content/types.d.ts

@@ -1,5 +1,6 @@
 export type EmbedProps = {
     ariaLabel?: string;
+    extensionKey?: string;
     isTrusted: boolean;
     name: string;
     src?: string;