@atlaskit/smart-card 44.9.7 → 44.9.9

package/dist/es2019/view/CardWithUrl/experiment-meta-event-attributes/index.js

@@ -0,0 +1,40 @@
+import { fg } from "@atlaskit/platform-feature-flags";
+import { useSmartLinkContext } from "../../../state";
+import { getExtensionKey } from "../../../state/helpers";
+import { getSocialProofExperimentMeta, getInlineSocialProofExperimentMeta } from "../../../state/hooks/use-social-proof-experiment";
+const useExperimentMetaEventAttributes = ({
+  appearance,
+  state
+}) => {
+  const {
+    connections: {
+      client: {
+        baseUrlOverride: baseUriWithNoTrailingSlash
+      }
+    }
+  } = useSmartLinkContext();
+  const {
+    details,
+    status
+  } = state;
+  const extensionKey = getExtensionKey(details);
+  if (!fg('social-proof-3p-unauth-block-fg') && !fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+    return undefined;
+  }
+  const blockSocialProofExperimentMeta = appearance === 'block' && status === 'unauthorized' && fg('social-proof-3p-unauth-block-fg') ? getSocialProofExperimentMeta({
+    extensionKey,
+    baseUriWithNoTrailingSlash
+  }) : undefined;
+  const inlineSocialProofExperimentMeta = appearance === 'inline' && status === 'unauthorized' && fg('platform_sl_3p_preauth_soc_proof_inline_killswitch') ? getInlineSocialProofExperimentMeta({
+    extensionKey,
+    baseUriWithNoTrailingSlash
+  }) : undefined;
+  const experimentMeta = {
+    ...blockSocialProofExperimentMeta,
+    ...inlineSocialProofExperimentMeta
+  };
+  if (Object.keys(experimentMeta).length > 0) {
+    return experimentMeta;
+  }
+};
+export default useExperimentMetaEventAttributes;

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -1,5 +1,7 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import LinkGlyph from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
@@ -99,6 +101,7 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
   extensionKey
 }, embedIframeRef) => {
   const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
+  const iconLabel = context === null || context === void 0 ? void 0 : context.iconLabel;
   const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
   const text = title || (context === null || context === void 0 ? void 0 : context.text);
   const linkGlyph = React.useMemo(() => /*#__PURE__*/React.createElement(LinkGlyph, {
@@ -106,17 +109,20 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
     testId: "embed-card-fallback-icon",
     color: "currentColor"
   }), []);
-  let icon = React.useMemo(() => {
+  const icon = React.useMemo(() => {
     if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-    return /*#__PURE__*/React.createElement(ImageIcon, {
-      src: src,
+    return /*#__PURE__*/React.createElement(ImageIcon, _extends({
+      src: src
+    }, fg('platform_lp_use_entity_icon_url_for_icon') ? {
+      alt: iconLabel
+    } : undefined, {
       default: linkGlyph,
       appearance: isProfileType(type) ? 'round' : 'square',
       hideLoadingSkeleton: hideIconLoadingSkeleton
-    });
-  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton]);
+    }));
+  }, [iconFromContext, src, linkGlyph, type, hideIconLoadingSkeleton, iconLabel]);
   useEmbedResolvePostMessageListener({
     url: link,
     embedIframeRef

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

@@ -7,6 +7,7 @@ import React, { useState } from 'react';
 import { di } from 'react-magnetic-di';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { isProfileType } from '../../../utils';
 import { Shimmer } from '../Icon';
@@ -52,44 +53,99 @@ export const IconAndTitleLayout = ({
 }) => {
   const [hasImageErrored, setHasImageErrored] = useState(false);
   const renderAtlaskitIcon = React.useCallback(() => {
-    if (emoji) {
-      return emoji;
-    }
-    if (!icon || typeof icon === 'string') {
-      return null;
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      if (emoji) {
+        return emoji;
+      }
+      if (!icon || typeof icon === 'string' || Array.isArray(icon)) {
+        return null;
+      }
+      return icon;
+    } else {
+      if (emoji) {
+        return emoji;
+      }
+      if (!icon || typeof icon === 'string') {
+        return null;
+      }
+      return icon;
     }
-    return icon;
   }, [emoji, icon]);
   const profileType = isProfileType(type);
   const renderImageIcon = React.useCallback((errored, testId) => {
-    if (!icon || typeof icon !== 'string') {
-      return null;
-    }
-    if (hideIconLoadingSkeleton) {
-      if (hasImageErrored) {
-        return errored;
+    if (fg('platform_lp_use_entity_icon_url_for_icon')) {
+      if (!icon) {
+        return null;
       }
-      return /*#__PURE__*/React.createElement("img", {
+      let iconUrl;
+      let iconLabel = '';
+      if (Array.isArray(icon)) {
+        const [tupleIconUrl, tupleIconLabel] = icon;
+        if (typeof tupleIconUrl !== 'string') {
+          return null;
+        }
+        iconUrl = tupleIconUrl;
+        iconLabel = typeof tupleIconLabel === 'string' ? tupleIconLabel : '';
+      } else if (typeof icon === 'string') {
+        iconUrl = icon;
+      } else {
+        return null;
+      }
+      if (hideIconLoadingSkeleton) {
+        if (hasImageErrored) {
+          return errored;
+        }
+        return /*#__PURE__*/React.createElement("img", {
+          src: iconUrl,
+          "data-testid": `${testId}-image`,
+          alt: iconLabel,
+          onError: () => setHasImageErrored(true),
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        });
+      }
+      return /*#__PURE__*/React.createElement(ImageLoader, {
+        src: iconUrl,
+        loaded: /*#__PURE__*/React.createElement("img", {
+          src: iconUrl,
+          "data-testid": `${testId}-image`,
+          alt: iconLabel,
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        }),
+        errored: errored,
+        loading: /*#__PURE__*/React.createElement(Shimmer, {
+          testId: `${testId}-loading`
+        })
+      });
+    } else {
+      if (!icon || typeof icon !== 'string') {
+        return null;
+      }
+      if (hideIconLoadingSkeleton) {
+        if (hasImageErrored) {
+          return errored;
+        }
+        return /*#__PURE__*/React.createElement("img", {
+          src: icon,
+          "data-testid": `${testId}-image`,
+          alt: "",
+          onError: () => setHasImageErrored(true),
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        });
+      }
+      return /*#__PURE__*/React.createElement(ImageLoader, {
         src: icon,
-        "data-testid": `${testId}-image`,
-        alt: "",
-        onError: () => setHasImageErrored(true),
-        className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        loaded: /*#__PURE__*/React.createElement("img", {
+          src: icon,
+          "data-testid": `${testId}-image`,
+          alt: "",
+          className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
+        }),
+        errored: errored,
+        loading: /*#__PURE__*/React.createElement(Shimmer, {
+          testId: `${testId}-loading`
+        })
       });
     }
-    return /*#__PURE__*/React.createElement(ImageLoader, {
-      src: icon,
-      loaded: /*#__PURE__*/React.createElement("img", {
-        src: icon,
-        "data-testid": `${testId}-image`,
-        alt: "",
-        className: ax(["_c71l7vkz _p12f7vkz _1bsb1osq", profileType && styles.roundImageStyle])
-      }),
-      errored: errored,
-      loading: /*#__PURE__*/React.createElement(Shimmer, {
-        testId: `${testId}-loading`
-      })
-    });
   }, [icon, profileType, hideIconLoadingSkeleton, hasImageErrored]);
   const renderIconPlaceholder = React.useCallback(testId => {
     return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {

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

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