@atlaskit/smart-card 42.0.3 → 42.1.0

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

package/dist/cjs/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/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -21,10 +21,7 @@ var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
     onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "".concat(testId, "-item-group"),
-    className: (0, _runtime.ax)(["_c71l1mjv _18m91wug _1pv01r31 _1m1b1r31 _qh55glyw _lt2aglyw _ph3k1o36 _1twe1o36 _1ll7166n _qprf166n _n6y8usvi _109gusvi _z29h1bda _wlxp1bda _1gfl12x7 _yhjmutpp _1gqn12x7 _11lvutpp _d4lf1f4h _14hp1wdt _6pup1kw7"]),
-    style: {
-      "--_1uho1ce": (0, _runtime.ix)("inset 2px 0 0 ".concat("var(--ds-border-selected, #0C66E4)"))
-    }
+    className: (0, _runtime.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(_dropdownMenu.DropdownItemGroup, null, items.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(_lozengeActionItem.default, (0, _extends2.default)({}, item, {
       key: idx,

package/dist/cjs/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/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/LinkUrl/index.js

@@ -25,7 +25,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "42.0.4",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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/analytics/generated/create-event-payload.js

@@ -3,7 +3,7 @@
  *
  * 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/es2019/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/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';