@atlaskit/smart-card 44.7.0 → 44.7.1

package/dist/es2019/state/services/current-site-cloud-id/index.js

@@ -1,29 +1,29 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
 import { request } from '@atlaskit/linking-common';
-
-/**
- * Logical key shape matches smart-card storage conventions (see personalization-service). {@link StorageClient}
- * stores rows as `<clientKey>_<itemKey>` with `clientKey === '@atlaskit/smart-card'` and
- * `itemKey === 'site-cloud-id:v1'` (no further scope segments; unlike `pct-map:v1:`, this is a single fixed row).
- */
-const SMART_CARD_STORAGE_SCOPE = '@atlaskit/smart-card';
-export const CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY = 'site-cloud-id:v1';
+const SMART_CARD_STORAGE_SCOPE = 'smart-card-social-proof';
+export const CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY_PREFIX = 'site-cloud-id:v1:';
+export const CURRENT_SITE_CLOUD_ID_TTL_MS = 24 * 60 * 60 * 1000;
 const smartCardStorage = new StorageClient(SMART_CARD_STORAGE_SCOPE);
+function normalizeBaseUri(baseUriWithNoTrailingSlash = '') {
+  return baseUriWithNoTrailingSlash.replace(/\/$/, '');
+}
+function cloudIdStorageItemKey(baseUriWithNoTrailingSlash = '') {
+  return `${CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY_PREFIX}${encodeURIComponent(normalizeBaseUri(baseUriWithNoTrailingSlash))}`;
+}
 
 /** Keys written by this service in localStorage when using {@link smartCardStorage}. */
-export const CURRENT_SITE_CLOUD_ID_LOCAL_STORAGE_KEY = `${SMART_CARD_STORAGE_SCOPE}_${CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY}`;
+export const getCurrentSiteCloudIdLocalStorageKey = (baseUriWithNoTrailingSlash = '') => `${SMART_CARD_STORAGE_SCOPE}_${cloudIdStorageItemKey(baseUriWithNoTrailingSlash)}`;
+
+/** Backwards-compatible default-scope key for existing tests and external assertions. */
+export const CURRENT_SITE_CLOUD_ID_LOCAL_STORAGE_KEY = getCurrentSiteCloudIdLocalStorageKey();
 export class CurrentSiteCloudIdService {
   constructor() {
-    /**
-     * Holds the shared tenant_info work: one in-flight fetch, then (on success) a settled promise for the session cloud
-     * id so later callers never trigger another `tenant_info` in the same page lifetime (until {@link clearCache}).
-     */
-    _defineProperty(this, "tenantInfoInflightPromise", null);
+    _defineProperty(this, "tenantInfoInflightPromises", new Map());
   }
-  readStoredCloudId() {
+  readStoredCloudId(baseUriWithNoTrailingSlash = '') {
     try {
-      const cloudId = smartCardStorage.getItem(CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY);
+      const cloudId = smartCardStorage.getItem(cloudIdStorageItemKey(baseUriWithNoTrailingSlash));
       if (typeof cloudId !== 'string' || !cloudId || cloudId === 'undefined') {
         return undefined;
       }
@@ -32,87 +32,63 @@ export class CurrentSiteCloudIdService {
       return undefined;
     }
   }
-  writeStoredCloudId(cloudId) {
+  writeStoredCloudId(baseUriWithNoTrailingSlash, cloudId) {
     if (!cloudId) {
       return;
     }
     try {
-      smartCardStorage.setItemWithExpiry(CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY, cloudId);
+      smartCardStorage.setItemWithExpiry(cloudIdStorageItemKey(baseUriWithNoTrailingSlash), cloudId, CURRENT_SITE_CLOUD_ID_TTL_MS);
     } catch {
       // Quota, private-mode, SSR, etc. — same intent as personalization-service.
     }
   }
   ensureTenantInfoInflightStarted(baseUriWithNoTrailingSlash) {
-    if (this.tenantInfoInflightPromise !== null) {
-      return;
+    const baseUri = normalizeBaseUri(baseUriWithNoTrailingSlash);
+    const existing = this.tenantInfoInflightPromises.get(baseUri);
+    if (existing) {
+      return existing;
     }
-    this.tenantInfoInflightPromise = (async () => {
+    const promise = (async () => {
       try {
-        const response = await request('get', baseUriWithNoTrailingSlash + '/_edge/tenant_info');
+        const response = await request('get', `${baseUri}/_edge/tenant_info`);
         const cloudId = response === null || response === void 0 ? void 0 : response.cloudId;
         if (cloudId) {
-          this.writeStoredCloudId(cloudId);
+          this.writeStoredCloudId(baseUri, cloudId);
         }
-        return cloudId ? cloudId : this.readStoredCloudId();
+        return cloudId ? cloudId : this.readStoredCloudId(baseUri);
       } catch {
-        this.tenantInfoInflightPromise = null;
-        return this.readStoredCloudId();
+        return this.readStoredCloudId(baseUri);
+      } finally {
+        this.tenantInfoInflightPromises.delete(baseUri);
       }
     })();
+    this.tenantInfoInflightPromises.set(baseUri, promise);
+    return promise;
   }
 
-  /**
-   * Returns the currently cached cloud id synchronously and starts a background refresh.
-   * The refresh result is persisted for future calls but is not awaited by this call.
-   */
-  getCachedCloudIdAndRefresh() {
-    this.ensureTenantInfoInflightStarted('');
-    return this.readStoredCloudId();
+  /** Pure synchronous read scoped to the given base URI. */
+  getStoredCloudId(baseUriWithNoTrailingSlash = '') {
+    return this.readStoredCloudId(baseUriWithNoTrailingSlash);
   }
 
   /** Writes tenant cloud id for tests or callers that intentionally warm storage before edge resolves. */
-  persistStoredCloudId(cloudId) {
-    this.writeStoredCloudId(cloudId);
+  persistStoredCloudId(cloudId, baseUriWithNoTrailingSlash = '') {
+    this.writeStoredCloudId(baseUriWithNoTrailingSlash, cloudId);
   }
-
-  /**
-   * When local storage already has a tenant cloud id, it is returned immediately; a background tenant_info refresh
-   * is still kicked off unless one is already in flight.
-   *
-   * Without storage, this awaits the deduped in-flight tenant_info (first concurrent caller chooses the URL;
-   * all share one promise regardless of subsequent `baseUriWithNoTrailingSlash`).
-   *
-   * On network success with no cloud id, or on failure: falls back via {@link readStoredCloudId}.
-   */
   async get(baseUriWithNoTrailingSlash = '') {
-    const fromStorage = this.readStoredCloudId();
-    this.ensureTenantInfoInflightStarted(baseUriWithNoTrailingSlash);
+    const fromStorage = this.readStoredCloudId(baseUriWithNoTrailingSlash);
     if (fromStorage) {
       return fromStorage;
     }
-    return this.tenantInfoInflightPromise;
+    return this.ensureTenantInfoInflightStarted(baseUriWithNoTrailingSlash);
   }
   /** Clears session pin and persisted storage so the next {@link get} is a fresh tenant_info fetch. */
   clearCache() {
-    this.tenantInfoInflightPromise = null;
-    smartCardStorage.removeItem(CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY);
+    this.tenantInfoInflightPromises.clear();
   }
 }
 export const currentSiteCloudIdService = new CurrentSiteCloudIdService();
-
-/**
- * Resolves the current site cloud id through the module-level {@link currentSiteCloudIdService}.
- * Returns a stored cloud id immediately when one exists; otherwise waits for the shared
- * `tenant_info` request and persists the result for subsequent cached reads.
- */
-export const getCurrentSiteCloudId = (baseUriWithNoTrailingSlash = '') => currentSiteCloudIdService.get(baseUriWithNoTrailingSlash);
-
-/**
- * Reads the current site cloud id from browser storage (the `site-cloud-id:v1` row) via the
- * module-level {@link currentSiteCloudIdService} singleton, without awaiting network work.
- * Calling this also starts the shared `tenant_info` refresh in the background when one is not
- * already running, so a later call can observe a refreshed value when available.
- */
-export function getCachedCurrentSiteCloudIdAndRefresh() {
-  return currentSiteCloudIdService.getCachedCloudIdAndRefresh();
-}
+export function getCurrentSiteCloudIdSync(baseUriWithNoTrailingSlash = '') {
+  return currentSiteCloudIdService.getStoredCloudId(baseUriWithNoTrailingSlash);
+}
+export const getCurrentSiteCloudId = (baseUriWithNoTrailingSlash = '') => currentSiteCloudIdService.get(baseUriWithNoTrailingSlash);

package/dist/es2019/state/services/personalization/index.js

@@ -1,20 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { StorageClient } from '@atlaskit/frontend-utilities/storage-client';
-import { getCurrentSiteCloudId, getCachedCurrentSiteCloudIdAndRefresh } from '../current-site-cloud-id';
+import { getCurrentSiteCloudId, getCurrentSiteCloudIdSync } from '../current-site-cloud-id';
 const BASE_URL = '/gateway/api/tap-delivery/api/v3/personalization';
-
-/**
- * Logical key shape: `@atlaskit/smart-card:<feature>:<schema-version>:<scope>` (see smart-card
- * storage conventions). {@link StorageClient} narrows the localStorage key to
- * `<clientKey>_<itemKey>` with `clientKey === '@atlaskit/smart-card'` and
- * `itemKey === 'pct-map:v1:<cloudId>:<traitName>'` (scope segments URI-encoded).
- */
-export const PERSONALIZATION_STORAGE_SCOPE = '@atlaskit/smart-card';
+export const PERSONALIZATION_STORAGE_SCOPE = 'smart-card-social-proof';
 export const PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX = 'pct-map:v1:';
+export const PERSONALIZATION_PROVIDER_PCT_TTL_MS = 24 * 60 * 60 * 1000;
+export const SOCIAL_PROOF_TRAIT_NAME = 'sl_3p_connected_providers_site_pct';
 const smartCardStorage = new StorageClient(PERSONALIZATION_STORAGE_SCOPE);
 
 /** Keys written by this service in localStorage when using {@link smartCardStorage}. */
 const LOCAL_STORAGE_ROW_KEY_PREFIX = `${PERSONALIZATION_STORAGE_SCOPE}_${PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX}`;
+function scopedCacheKey(cloudId, traitName) {
+  return `${cloudId}:${traitName}`;
+}
 function pctMapStorageItemKey(cloudId, traitName) {
   return `${PERSONALIZATION_STORAGE_ITEM_KEY_PREFIX}${encodeURIComponent(cloudId)}:${encodeURIComponent(traitName)}`;
 }
@@ -41,27 +39,24 @@ export class PersonalizationService {
   constructor() {
     _defineProperty(this, "cache", new Map());
   }
-  /**
-   * Returns the currently cached provider percentage map synchronously and starts a background refresh.
-   * The refresh result is persisted for future calls but is not awaited by this call.
-   */
-  getCachedProviderPctMapAndRefresh(traitName) {
-    const cloudId = getCachedCurrentSiteCloudIdAndRefresh();
-    const fromStorage = cloudId && this.readStoredProviderPctMap(cloudId, traitName) || null;
-    void this.getProviderPctMap(traitName);
-    return fromStorage;
+  /** Pure synchronous read for an explicit cloud id / trait pair. */
+  getProviderPctMapSync(cloudId, traitName) {
+    if (!cloudId) {
+      return null;
+    }
+    return this.readStoredProviderPctMap(cloudId, traitName);
   }
-  async getProviderPctMap(traitName) {
-    const cachedPromise = this.cache.get(traitName);
+  async getProviderPctMap(cloudId, traitName) {
+    if (!cloudId) {
+      return undefined;
+    }
+    const cacheKey = scopedCacheKey(cloudId, traitName);
+    const cachedPromise = this.cache.get(cacheKey);
     if (cachedPromise) {
       return cachedPromise;
     }
     const promise = (async () => {
       try {
-        const cloudId = await getCurrentSiteCloudId();
-        if (!cloudId) {
-          return undefined;
-        }
         const traits = await fetchSiteTraits(cloudId);
         const trait = traits.find(t => t.name === traitName);
         const mapped = this.parseTraitValue(trait === null || trait === void 0 ? void 0 : trait.value);
@@ -73,8 +68,11 @@ export class PersonalizationService {
         return undefined;
       }
     })();
-    this.cache.set(traitName, promise);
-    return promise;
+    const retryablePromise = promise.finally(() => {
+      this.cache.delete(cacheKey);
+    });
+    this.cache.set(cacheKey, retryablePromise);
+    return retryablePromise;
   }
   readStoredProviderPctMap(cloudId, traitName) {
     try {
@@ -89,7 +87,7 @@ export class PersonalizationService {
   }
   writeStoredProviderPctMap(cloudId, traitName, map) {
     try {
-      smartCardStorage.setItemWithExpiry(pctMapStorageItemKey(cloudId, traitName), map);
+      smartCardStorage.setItemWithExpiry(pctMapStorageItemKey(cloudId, traitName), map, PERSONALIZATION_PROVIDER_PCT_TTL_MS);
     } catch {
       // Quota, private-mode, etc.
     }
@@ -145,20 +143,23 @@ export class PersonalizationService {
   }
 }
 export const personalizationService = new PersonalizationService();
+export const getProviderPctMap = (cloudId, traitName) => personalizationService.getProviderPctMap(cloudId, traitName);
+export function getProviderPctMapSync(cloudId, traitName) {
+  return personalizationService.getProviderPctMapSync(cloudId, traitName);
+}
 
 /**
- * Resolves the provider percentage map for a TAP Delivery trait through the module-level
- * {@link personalizationService}. Work is deduped per trait name for the page lifetime, and a
- * successful response is persisted by cloud id and trait name for later cached reads.
- */
-export const getProviderPctMap = traitName => personalizationService.getProviderPctMap(traitName);
-
-/**
- * Reads the provider percentage map for a trait from browser storage via the module-level
- * {@link personalizationService} singleton, without awaiting network work.
- * Calling this also starts the trait-scoped shared refresh in the background, so a later call can
- * use a refreshed value when it becomes available.
+ * Backwards-compatible cache-first helper for inline-card social proof callers.
+ *
+ * Reads the persisted provider percentage map synchronously using the current site cloud id, then
+ * starts a background refresh for subsequent mounts. The async result intentionally does not affect
+ * the current call site, matching the warm-cache-only rendering contract.
  */
 export function getCachedProviderPctMapAndRefresh(traitName) {
-  return personalizationService.getCachedProviderPctMapAndRefresh(traitName);
+  const cloudId = getCurrentSiteCloudIdSync();
+  const providerPctMap = getProviderPctMapSync(cloudId, traitName);
+  void getCurrentSiteCloudId().then(resolvedCloudId => {
+    void getProviderPctMap(resolvedCloudId, traitName);
+  });
+  return providerPctMap;
 }

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: "44.6.1" || ''
+  packageVersion: "44.7.0" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/SocialProofMessage.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Box, Text } from '@atlaskit/primitives/compiled';
+import { messages } from '../../../messages';
+// TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
+const SocialProofMessage = ({
+  tier,
+  connectedPct,
+  providerName,
+  testId = 'smart-block-social-proof-message'
+}) => {
+  const message = tier === 'not-low' ? messages.pre_auth_block_social_proof_not_low : messages.pre_auth_block_social_proof_low;
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: testId
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
+    values: {
+      percentage: connectedPct !== null && connectedPct !== void 0 ? connectedPct : 0,
+      provider: providerName,
+      b: chunks => /*#__PURE__*/React.createElement(Text, {
+        as: "strong",
+        weight: "bold"
+      }, chunks)
+    }
+  })));
+};
+export default SocialProofMessage;

package/dist/es2019/view/BlockCard/views/UnauthorisedView.js

@@ -5,13 +5,18 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
+import { di } from 'react-magnetic-di';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../constants';
 import { messages } from '../../../messages';
 import { useFlexibleCardContext } from '../../../state/flexible-ui-context';
 import { hasAuthScopeOverrides } from '../../../state/helpers';
+import useSocialProofExperiment from '../../../state/hooks/use-social-proof-experiment';
 import UnauthorisedViewContent from '../../common/UnauthorisedViewContent';
 import FlexibleCard from '../../FlexibleCard';
 import ActionGroup from '../../FlexibleCard/components/blocks/action-group';
@@ -21,6 +26,7 @@ import { renderElementItems } from '../../FlexibleCard/components/blocks/utils';
 import { LinkIcon, Title } from '../../FlexibleCard/components/elements';
 import { AuthorizeAction } from '../actions/AuthorizeAction';
 import unauthIllustrationGeneral from './assets/general@2x.png';
+import SocialProofMessage from './SocialProofMessage';
 import { FlexibleCardUiOptions, titleBlockOptions } from './utils';
 import { withFlexibleUIBlockCardStyle } from './utils/withFlexibleUIBlockCardStyle';
 const contentStyles = null;
@@ -163,17 +169,15 @@ const UnauthorisedBlock = ({
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-const UnauthorisedView = ({
-  testId = 'smart-block-unauthorized-view',
+const UnauthorisedViewFrame = ({
+  content,
+  providerName,
+  testId,
   ...props
 }) => {
-  var _extractSmartLinkProv;
   const {
-    cardState,
     onAuthorize
   } = props;
-  const providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
-  const isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
   const {
     fireEvent
   } = useAnalyticsEvents();
@@ -183,15 +187,6 @@ const UnauthorisedView = ({
       onAuthorize();
     }
   }, [onAuthorize, fireEvent]);
-  const content = useMemo(() => onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
-    providerName: providerName,
-    isProductIntegrationSupported: isProductIntegrationSupported,
-    testId: testId
-  }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
-    values: {
-      context: providerName
-    }
-  })), [isProductIntegrationSupported, onAuthorize, providerName, testId]);
   const actions = useMemo(() => onAuthorize ? [AuthorizeAction(handleAuthorize, providerName)] : [], [handleAuthorize, onAuthorize, providerName]);
   return /*#__PURE__*/React.createElement(FlexibleCard, _extends({
     appearance: "block",
@@ -210,5 +205,78 @@ const UnauthorisedView = ({
     className: ax(["_11c8fhey _syazi7uo _19pku2gc", actions.length > 0 && "_1reo15vq _18m915vq _otyrpxbi _p12f1osq _o5721q9c _1bto1l2s"])
   }, content)));
 };
+const UnauthorisedViewBase = ({
+  testId = 'smart-block-unauthorized-view',
+  ...props
+}) => {
+  var _extractSmartLinkProv;
+  const {
+    cardState,
+    onAuthorize
+  } = props;
+  const providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
+  const isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
+  const content = useMemo(() => onAuthorize ? /*#__PURE__*/React.createElement(UnauthorisedViewContent, {
+    providerName: providerName,
+    isProductIntegrationSupported: isProductIntegrationSupported,
+    testId: testId
+  }) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages[providerName ? 'unauthorised_account_description' : 'unauthorised_account_description_no_provider'], {
+    values: {
+      context: providerName
+    }
+  })), [isProductIntegrationSupported, onAuthorize, providerName, testId]);
+  return /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
+    content: content,
+    providerName: providerName,
+    testId: testId
+  }));
+};
+
+/**
+ * Experiment wrapper: fires social proof exposure and renders social proof UI when FG is on.
+ * TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
+ */
+const UnauthorisedViewWithExperiment = ({
+  testId = 'smart-block-unauthorized-view',
+  ...props
+}) => {
+  var _props$cardState, _props$cardState$deta, _props$cardState$deta2, _extractSmartLinkProv2;
+  const extensionKey = (_props$cardState = props.cardState) === null || _props$cardState === void 0 ? void 0 : (_props$cardState$deta = _props$cardState.details) === null || _props$cardState$deta === void 0 ? void 0 : (_props$cardState$deta2 = _props$cardState$deta.meta) === null || _props$cardState$deta2 === void 0 ? void 0 : _props$cardState$deta2.key;
+  const providerName = (_extractSmartLinkProv2 = extractSmartLinkProvider(props.cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text;
+  const {
+    connections
+  } = useSmartLinkContext();
+  const {
+    isTreatment,
+    tier,
+    connectedPct
+  } = useSocialProofExperiment(providerName ? extensionKey : undefined, connections.client.baseUrlOverride);
+  if (!isTreatment || !providerName) {
+    return /*#__PURE__*/React.createElement(UnauthorisedViewBase, _extends({}, props, {
+      testId: testId
+    }));
+  }
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      attributes: {
+        experiment: 'social_proof_3p_unauth_block_exp',
+        cohort: 'treatment',
+        tier
+      }
+    }
+  }, /*#__PURE__*/React.createElement(UnauthorisedViewFrame, _extends({}, props, {
+    content: /*#__PURE__*/React.createElement(SocialProofMessage, {
+      tier: tier,
+      connectedPct: connectedPct,
+      providerName: providerName
+    }),
+    providerName: providerName,
+    testId: testId
+  })));
+};
+const UnauthorisedViewWithoutExperiment = props => {
+  return /*#__PURE__*/React.createElement(UnauthorisedViewBase, props);
+};
+const UnauthorisedView = componentWithFG('social-proof-3p-unauth-block-fg', UnauthorisedViewWithExperiment, UnauthorisedViewWithoutExperiment);
 const _default_1 = withFlexibleUIBlockCardStyle(UnauthorisedView);
 export default _default_1;

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.6.1",
+  packageVersion: "44.7.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-cold-cache--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-message-low-tier--default.png

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

package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-social-proof-message-not-low-tier--default.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:164d340225092b0d1ac5bd3daf47b305aeeadd0544dc8f76b0fbda83e200572a
+size 16863

package/dist/esm/messages.js

@@ -988,7 +988,7 @@ export var messages = defineMessages({
   },
   rovo_prompt_message_highlight_relevant_content: {
     id: 'fabric.linking.rovo_prompt_message_highlight_relevant_content.non-final',
-    defaultMessage: '<p>Based on this linked item (<a>{url}</a>) and the {context} I’m currently viewing, highlight the parts of the linked content that are most relevant to this work. Explain briefly why each part is relevant.</p>',
+    defaultMessage: "<p>Based on this linked item (<a>{url}</a>) and the {context} I'm currently viewing, highlight the parts of the linked content that are most relevant to this work. Explain briefly why each part is relevant.</p>",
     description: 'The prompt message to send to Rovo Chat. {context} refers to the content the user triggered from, e.g. Confluence page or Jira work item. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
   rovo_prompt_button_identify_key_trends: {
@@ -1050,5 +1050,16 @@ export var messages = defineMessages({
     id: 'fabric.linking.rovo_prompt_button_show_me_whats_relevant.non-final',
     defaultMessage: "Show me what's relevant",
     description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  // TODO: remove when social-proof-3p-unauth-block-fg is cleaned up
+  pre_auth_block_social_proof_not_low: {
+    id: 'fabric.linking.pre_auth_block_social_proof_not_low',
+    defaultMessage: '<b>{percentage}%</b> of your team is previewing <b>{provider}</b>.',
+    description: 'Social proof message shown on unauthorized 3P block cards when 30% or more of the tenant has connected the provider. {percentage} is a number, {provider} is the 3P app name (e.g. OneDrive).'
+  },
+  pre_auth_block_social_proof_low: {
+    id: 'fabric.linking.pre_auth_block_social_proof_low',
+    defaultMessage: 'Your team is previewing <b>{provider}</b>.',
+    description: 'Social proof message shown on unauthorized 3P block cards when less than 30% of the tenant has connected the provider. {provider} is the 3P app name (e.g. OneDrive).'
   }
 });

package/dist/esm/state/hooks/use-current-site-cloud-id/index.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useState } from 'react';
 import { getCurrentSiteCloudId } from '../../services/current-site-cloud-id';
-export { CURRENT_SITE_CLOUD_ID_LOCAL_STORAGE_KEY, CURRENT_SITE_CLOUD_ID_STORAGE_ITEM_KEY, currentSiteCloudIdService, getCurrentSiteCloudId, getCachedCurrentSiteCloudIdAndRefresh } from '../../services/current-site-cloud-id';
 var useCurrentSiteCloudId = function useCurrentSiteCloudId() {
   var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/state/hooks/use-incoming-outgoing-links/index.js

@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo } from 'react';
 import { request } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getCurrentSiteCloudId } from '../use-current-site-cloud-id';
+import { getCurrentSiteCloudId } from '../../services/current-site-cloud-id';
 import { queryIncomingOutgoingLinks as queryIncomingOutgoingAris } from './query';
 /**
  * @param baseUriWithNoTrailingSlash base url which will then be appended with /gateway/api/graphql to make requests to AGG
@@ -72,7 +72,7 @@ var useIncomingOutgoingAri = function useIncomingOutgoingAri() {
             }
             return _context3.abrupt("return", match[2]);
           case 4:
-            if (!fg('platform_sl_3p_preauth_soc_proof_inline_killswitch')) {
+            if (!fg('platform_sl_incoming_outgoing_tenant_info_killswitch')) {
               _context3.next = 10;
               break;
             }

package/dist/esm/state/hooks/use-social-proof/index.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useMemo, useState } from 'react';
-import { getProviderPctMap } from '../../services/personalization';
+import { getCurrentSiteCloudId, getCurrentSiteCloudIdSync } from '../../services/current-site-cloud-id';
+import { getProviderPctMap, getProviderPctMapSync, SOCIAL_PROOF_TRAIT_NAME } from '../../services/personalization';
 var NOT_ENABLED_RESULT = {
   connectedPct: undefined,
   isEnabled: false,
@@ -8,46 +9,61 @@ var NOT_ENABLED_RESULT = {
 };
 
 /**
- * Fetches provider usage percentage from the TAP Delivery personalization service when the
- * killswitch allows it. Callers decide separately (e.g. via Statsig experiment) whether to
- * surface that data in the UI.
+ * Cache-first social proof hook.
+ *
+ * On mount:
+ * 1. Reads localStorage synchronously via `getProviderPctMapSync`.
+ *    - If data exists (warm cache): sets `providerPctMap` immediately, `isLoading = false`.
+ *    - If no data (cold cache): leaves `providerPctMap` undefined, `isLoading = false`.
+ * 2. Always kicks off an async fetch (fire-and-forget) via `getProviderPctMap` to populate
+ *    localStorage for next page load. Does NOT update state with the async result.
+ *
+ * This means:
+ * - First page visit (cold): no social proof rendered, no experiment exposure fired.
+ *   Background fetch populates localStorage for next time.
+ * - Second page visit (warm): social proof renders immediately from localStorage.
+ *   Background refresh keeps localStorage fresh.
+ *
+ * Callers decide separately (e.g. via Statsig experiment) whether to surface the data.
  */
-var useSocialProof = function useSocialProof(traitName, extensionKey) {
-  var isKillswitchOn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+var useSocialProof = function useSocialProof(extensionKey) {
+  var isKillswitchOn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var baseUriWithNoTrailingSlash = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var isEnabled = isKillswitchOn;
-  var _useState = useState(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    providerPctMap = _useState2[0],
-    setProviderPctMap = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isPersonalizationLoading = _useState4[0],
-    setIsPersonalizationLoading = _useState4[1];
+  var _useState = useState(function () {
+      if (!isEnabled) {
+        return {
+          cloudId: undefined,
+          providerPctMap: null
+        };
+      }
+      var cloudId = getCurrentSiteCloudIdSync(baseUriWithNoTrailingSlash);
+      return {
+        cloudId: cloudId,
+        providerPctMap: getProviderPctMapSync(cloudId, SOCIAL_PROOF_TRAIT_NAME)
+      };
+    }),
+    _useState2 = _slicedToArray(_useState, 1),
+    snapshot = _useState2[0];
+
+  // Fire-and-forget: warm caches for future mounts only. Never update this mount's treatment UI.
   useEffect(function () {
     if (!isEnabled) {
       return;
     }
-    var cancelled = false;
-    setIsPersonalizationLoading(true);
-    getProviderPctMap(traitName).then(function (pctMap) {
-      if (!cancelled) {
-        setProviderPctMap(pctMap);
-        setIsPersonalizationLoading(false);
-      }
+    void getCurrentSiteCloudId(baseUriWithNoTrailingSlash).then(function (cloudId) {
+      void getProviderPctMap(cloudId, SOCIAL_PROOF_TRAIT_NAME);
     });
-    return function () {
-      cancelled = true;
-    };
-  }, [isEnabled, traitName]);
+  }, [baseUriWithNoTrailingSlash, isEnabled]);
   return useMemo(function () {
     if (!isEnabled) {
       return NOT_ENABLED_RESULT;
     }
     return {
-      connectedPct: extensionKey && providerPctMap ? providerPctMap[extensionKey] : undefined,
-      isEnabled: isEnabled,
-      isLoading: isPersonalizationLoading
+      connectedPct: extensionKey && snapshot.providerPctMap ? snapshot.providerPctMap[extensionKey] : undefined,
+      isEnabled: Boolean(snapshot.cloudId && snapshot.providerPctMap),
+      isLoading: false // sync read is instant; never in "loading" state
     };
-  }, [extensionKey, isEnabled, isPersonalizationLoading, providerPctMap]);
+  }, [extensionKey, isEnabled, snapshot]);
 };
 export default useSocialProof;