@atlaskit/smart-card 44.9.10 → 44.10.0

package/dist/es2019/__tests__/vr-tests/__snapshots__/link-url-connect-button/linkurl-default-state--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:537e5306e2e179e70eaa7880e9134a284389627366060fc4b848c925752a3ac3
+size 1712

package/dist/es2019/common/ui/icons/utils.js

@@ -81,6 +81,7 @@ export const renderIconPerSize = (ObjectIcon, ObjectTileIcon) => {
 export const renderIconTile = (Icon, appearance) => {
   return ({
     size,
+    isTiledIcon,
     ...props
   }) => {
     const tileSize = transformSmartLinkSizeToIconTileSize(size);
@@ -105,7 +106,9 @@ export const renderIconTile = (Icon, appearance) => {
     } = props;
     return /*#__PURE__*/React.createElement(IconTile, _extends({
       appearance: appearance,
-      icon: Icon,
+      icon: isTiledIcon ? iconProps => /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
+        spacing: "spacious"
+      })) : Icon,
       size: tileSize
     }, tileProps));
   };

package/dist/es2019/state/hooks/use-intersection-observer/index.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef } from 'react';
+import { isIntersectionObserverSupported } from '../../../utils';
 
 // This property enables the intersection observer to be run once the
 // HTML element being observed is within `X` px of the target container it is
@@ -27,7 +28,7 @@ const useIntersectionObserver = ({
     }
   }, []);
   useEffect(() => {
-    if (!ref.current) {
+    if (!isIntersectionObserverSupported() || !ref.current) {
       return;
     }
     const intersectionObserver = new IntersectionObserver(onIntersection, {

package/dist/es2019/state/hooks/use-smart-link-seen-event/index.js

@@ -0,0 +1,60 @@
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { useSmartLinkAnalyticsUtils } from '../../../utils/analytics/SmartLinkAnalyticsContext';
+import { isFlexibleUiCard } from '../../../utils/flexible';
+/**
+ * Fires `ui.smartLink.seen` once when a smart link with status `unauthorized`
+ * enters the viewport. Uses refs internally so it never causes re-renders,
+ * which is important for SSR.
+ */
+export function useSmartLinkSeenEvent({
+  appearance,
+  children,
+  id,
+  ui,
+  url = ''
+}) {
+  const {
+    fireEvent
+  } = useAnalyticsEvents();
+  const {
+    getByUrl
+  } = useSmartLinkAnalyticsUtils();
+  const getAnalyticsProps = useCallback(() => {
+    const isFlexibleUi = isFlexibleUiCard(children, ui);
+    const display = isFlexibleUi ? 'flexible' : appearance;
+    return {
+      display,
+      id
+    };
+  }, [appearance, children, id, ui]);
+  const statusRef = useRef();
+  const analyticsPropsRef = useRef(null);
+  const hasIntersectedRef = useRef(false);
+  const hasFiredSeenRef = useRef(false);
+  useEffect(() => {
+    analyticsPropsRef.current = getAnalyticsProps();
+  }, [getAnalyticsProps]);
+  const maybeFireSeenEvent = useCallback(() => {
+    if (!hasFiredSeenRef.current && hasIntersectedRef.current && statusRef.current === 'unauthorized') {
+      const payload = getByUrl(url, analyticsPropsRef.current);
+      fireEvent('ui.smartLink.seen', payload === null || payload === void 0 ? void 0 : payload.attributes);
+      hasFiredSeenRef.current = true;
+    }
+  }, [fireEvent, getByUrl, url]);
+  const onIntersecting = useCallback(() => {
+    if (hasIntersectedRef.current) {
+      return;
+    }
+    hasIntersectedRef.current = true;
+    maybeFireSeenEvent();
+  }, [maybeFireSeenEvent]);
+  const onStatusSettled = useCallback(status => {
+    statusRef.current = status;
+    maybeFireSeenEvent();
+  }, [maybeFireSeenEvent]);
+  return useMemo(() => ({
+    onIntersecting,
+    onStatusSettled
+  }), [onIntersecting, onStatusSettled]);
+}

package/dist/es2019/utils/analytics/SmartLinkAnalyticsContext.js

@@ -1,6 +1,5 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { getUrl } from '@atlaskit/linking-common';
@@ -24,12 +23,9 @@ const getSmartLinkAnalyticsContext = ({
   url,
   error
 }) => {
-  const isHyperlinkConnectExperimentEnabled = FeatureGates.getExperimentValue('platform_linking_bluelink_connect_confluence', 'isEnabled', false) || FeatureGates.getExperimentValue('platform_linking_bluelink_connect_jira', 'isEnabled', false);
-  const resolvedAttributes = isHyperlinkConnectExperimentEnabled ? getExtendedResolvedAttributes({
+  const resolvedAttributes = getExtendedResolvedAttributes({
     url,
     displayCategory: display === 'url' ? 'link' : 'smartLink'
-  }, response, status, error) : getExtendedResolvedAttributes({
-    url
   }, response, status, error);
   return {
     source,
@@ -45,6 +41,32 @@ const getSmartLinkAnalyticsContext = ({
  * Provides an analytics context data to supply attributes to events based on a URL
  * and the link state in the store
  */
+export const useSmartLinkAnalyticsUtils = () => {
+  const {
+    store
+  } = useSmartLinkContext();
+  const getByUrl = useCallback((url, props) => {
+    const state = store ? getUrl(store, url) : undefined;
+    return getSmartLinkAnalyticsContext({
+      display: props === null || props === void 0 ? void 0 : props.display,
+      id: props === null || props === void 0 ? void 0 : props.id,
+      response: state === null || state === void 0 ? void 0 : state.details,
+      source: props === null || props === void 0 ? void 0 : props.source,
+      status: state === null || state === void 0 ? void 0 : state.status,
+      url,
+      error: state === null || state === void 0 ? void 0 : state.error
+    });
+  }, [store]);
+  return useMemo(() => ({
+    getByUrl
+  }), [getByUrl]);
+};
+
+/**
+ * Provides an analytics context data to supply attributes to events based on a URL
+ * and the link state in the store
+ * @deprecated Use useSmartLinkAnalyticsUtils instead
+ */
 export const useSmartLinkAnalyticsContext = ({
   display,
   id,

package/dist/es2019/utils/analytics/analytics.js

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