@atlaskit/smart-card 18.0.22 → 19.0.0

package/dist/cjs/state/analytics/useSmartLinkAnalytics.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSmartLinkAnalytics = void 0;
 
-var _analytics = require("../../utils/analytics");
-
 var _react = require("react");
 
+var _analytics = require("../../utils/analytics");
+
 var _ufoExperiences = require("./ufoExperiences");
 
 var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalytics) {

package/dist/cjs/state/config/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSmartLinkConfig = void 0;
 
-var _context = require("../context");
+var _linkProvider = require("@atlaskit/link-provider");
 
 var useSmartLinkConfig = function useSmartLinkConfig() {
-  var context = (0, _context.useSmartLinkContext)();
+  var context = (0, _linkProvider.useSmartLinkContext)();
 
   if (context) {
     return context.config;

package/dist/cjs/state/helpers.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getUrl = exports.getStatus = exports.getServices = exports.getResourceType = exports.getExtensionKey = exports.getDefinitionId = exports.getClickUrl = exports.getByDefinitionId = void 0;
+exports.isVisible = exports.isFinalState = exports.isAccessible = exports.hasResolved = exports.getStatus = exports.getServices = exports.getResourceType = exports.getExtensionKey = exports.getDefinitionId = exports.getClickUrl = exports.getByDefinitionId = void 0;
 
 var _extractVisitUrl = require("../extractors/common/primitives/extractVisitUrl");
 
@@ -17,14 +17,6 @@ var getByDefinitionId = function getByDefinitionId(definitionId, store) {
 
 exports.getByDefinitionId = getByDefinitionId;
 
-var getUrl = function getUrl(store, url) {
-  return store.getState()[url] || {
-    status: 'pending'
-  };
-};
-
-exports.getUrl = getUrl;
-
 var getClickUrl = function getClickUrl(url, jsonLd) {
   if (jsonLd && jsonLd.data) {
     var visitUrl = (0, _extractVisitUrl.extractVisitUrl)(jsonLd.data);

package/dist/cjs/state/hooks/usePrefetch.js

@@ -13,10 +13,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = require("react");
 
-var _context2 = require("../context");
+var _linkProvider = require("@atlaskit/link-provider");
 
 function usePrefetch(url) {
-  var _useSmartLinkContext = (0, _context2.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
       store = _useSmartLinkContext.store,
       prefetchStore = _useSmartLinkContext.prefetchStore,
       connections = _useSmartLinkContext.connections;

package/dist/cjs/state/index.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "SmartCardContext", {
   enumerable: true,
   get: function get() {
-    return _context.SmartCardContext;
+    return _linkProvider.SmartCardContext;
   }
 });
 Object.defineProperty(exports, "SmartCardProvider", {
   enumerable: true,
   get: function get() {
-    return _context.SmartCardProvider;
+    return _linkProvider.SmartCardProvider;
   }
 });
 Object.defineProperty(exports, "usePrefetch", {
@@ -30,10 +30,10 @@ Object.defineProperty(exports, "useSmartLink", {
 Object.defineProperty(exports, "useSmartLinkContext", {
   enumerable: true,
   get: function get() {
-    return _context.useSmartLinkContext;
+    return _linkProvider.useSmartLinkContext;
   }
 });
 
-var _context = require("./context");
+var _linkProvider = require("@atlaskit/link-provider");
 
 var _hooks = require("./hooks");

package/dist/cjs/state/renderers/index.js

@@ -7,10 +7,10 @@ exports.useSmartLinkRenderers = void 0;
 
 var _react = require("react");
 
-var _context = require("../context");
+var _linkProvider = require("@atlaskit/link-provider");
 
 var useSmartLinkRenderers = function useSmartLinkRenderers() {
-  var context = (0, _context.useSmartLinkContext)();
+  var context = (0, _linkProvider.useSmartLinkContext)();
   var renderers = context === null || context === void 0 ? void 0 : context.renderers;
   renderers = (0, _react.useMemo)(function () {
     return renderers;

package/dist/cjs/state/store/index.js

@@ -11,16 +11,16 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-var _context = require("../context");
+var _linkProvider = require("@atlaskit/link-provider");
 
-var _helpers = require("../helpers");
+var _linkingCommon = require("@atlaskit/linking-common");
 
 function useSmartCardState(url) {
-  var _useSmartLinkContext = (0, _context.useSmartLinkContext)(),
+  var _useSmartLinkContext = (0, _linkProvider.useSmartLinkContext)(),
       store = _useSmartLinkContext.store; // Initially, card state should be pending and 'empty'.
 
 
-  var _useState = (0, _react.useState)((0, _helpers.getUrl)(store, url)),
+  var _useState = (0, _react.useState)((0, _linkingCommon.getUrl)(store, url)),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1]; // Selector for initial and subsequent states.
@@ -28,7 +28,7 @@ function useSmartCardState(url) {
 
   (0, _react.useEffect)(function () {
     var unsubscribe = store.subscribe(function () {
-      setState((0, _helpers.getUrl)(store, url));
+      setState((0, _linkingCommon.getUrl)(store, url));
     });
     return function () {
       return unsubscribe();

package/dist/cjs/utils/mocks.js

@@ -21,7 +21,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _client = _interopRequireDefault(require("../client"));
+var _linkProvider = require("@atlaskit/link-provider");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -245,7 +245,7 @@ var fakeFactory = function fakeFactory(implementation, implementationPost, imple
       }()
     }]);
     return CustomClient;
-  }(_client.default);
+  }(_linkProvider.CardClient);
 };
 
 exports.fakeFactory = fakeFactory;

package/dist/cjs/utils/test-utils.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _client = _interopRequireDefault(require("../client"));
+var _linkProvider = require("@atlaskit/link-provider");
 
 var _state = require("../state");
 
@@ -30,7 +30,7 @@ exports.renderHook = renderHook;
 
 var renderSmartLinkHook = function renderSmartLinkHook(callback, providerProps) {
   return /*#__PURE__*/_react.default.createElement(_state.SmartCardProvider, (0, _extends2.default)({
-    client: new _client.default()
+    client: new _linkProvider.CardClient()
   }, providerProps), /*#__PURE__*/_react.default.createElement(Hook, {
     callback: callback
   }), ";");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "18.0.22",
+	"version": "19.0.0",
 	"sideEffects": false
 }

package/dist/es2019/client/index.js

@@ -1,214 +1 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// import setimmediate to temporary fix dataloader 2.0.0 bug
-// @see https://github.com/graphql/dataloader/issues/249
-import 'setimmediate';
-import DataLoader from 'dataloader';
-import retry from 'async-retry';
-import * as api from './api';
-import { APIError } from './errors';
-import { getResolverUrl } from './utils/environments';
-import pThrottle from 'p-throttle';
-import { isSuccessfulResponse, isErrorResponse } from './types/responses';
-const MAX_BATCH_SIZE = 50;
-const MIN_TIME_BETWEEN_BATCHES = 250;
-export default class CardClient {
-  constructor(envKey) {
-    _defineProperty(this, "batchResolve", async urls => {
-      // De-duplicate requested URLs (see `this.createLoader` for more detail).
-      const deDuplicatedUrls = [...new Set(urls)];
-      let resolvedUrls = [];
-
-      try {
-        // Ask the backend to resolve the URLs for us.
-        resolvedUrls = await api.request('post', `${this.resolverUrl}/resolve/batch`, deDuplicatedUrls.map(resourceUrl => ({
-          resourceUrl
-        })));
-      } catch (error) {
-        // we make sure we return a valid dataloader response by creating an error
-        // response for each url
-        resolvedUrls = urls.map(() => {
-          const status = isErrorResponse(error) ? error.status : 500;
-          const errorResponse = {
-            status,
-            error
-          };
-          return errorResponse;
-        });
-      } // Reduce into a map to make accessing faster and easier.
-
-
-      const map = {}; // NOTE: the batch endpoint returns the URLs in the same order they were given.
-
-      for (let i = 0; i < deDuplicatedUrls.length; ++i) {
-        const url = deDuplicatedUrls[i];
-        const data = resolvedUrls[i];
-        map[url] = data;
-      } // Reconvert list back into the original order in which it was given to us.
-
-
-      return urls.map(originalUrl => map[originalUrl]);
-    });
-
-    this.resolverUrl = getResolverUrl(envKey);
-    this.loadersByDomain = {};
-    this.retryConfig = {
-      retries: 2
-    };
-    this.resolvedCache = {};
-  }
-
-  createLoader() {
-    const batchResolveThrottler = pThrottle({
-      limit: 1,
-      interval: MIN_TIME_BETWEEN_BATCHES
-    });
-    const throttledBatchResolve = batchResolveThrottler(this.batchResolve);
-    return new DataLoader( // We place all calls to `batchResolve` in a limiter so we don't send off several simultaneous batch requests.
-    // This is for two reasons:
-    //  1: we want to avoid getting rate limited upstream (eg: forge and other APIs)
-    //  2: we want to avoid sending out heaps of requests from the client at once
-    urls => throttledBatchResolve(urls), {
-      maxBatchSize: MAX_BATCH_SIZE,
-      // NOTE: we turn off DataLoader's cache because it doesn't work for our use-case. Consider the following:
-      // - a smartlink to a restricted item is resolved to "forbidden" with a "request access button"
-      // - the user clicks "request access", and then following the auth prompts and gets access
-      // - the frontend now re-renders the smartlink, but due to DataLoader's caching, the previous "forbidden" state is
-      //   because the smartlink's URL (which is the cache key) is exactly the same
-      //
-      // For this reason, we disable DataLoader's cache.
-      // This means that URLs will not be de-duplicated by DataLoader, so we perform the de-duplication logic
-      // ourselves in `this.batchResolve`.
-      cache: false
-    });
-  }
-
-  getLoader(hostname) {
-    if (!this.loadersByDomain[hostname]) {
-      this.loadersByDomain[hostname] = this.createLoader();
-    }
-
-    return this.loadersByDomain[hostname];
-  }
-
-  async prefetchData(url) {
-    // 1. Queue the URL as part of a dataloader batch.
-    const hostname = new URL(url).hostname;
-    const loader = this.getLoader(hostname);
-    const response = await loader.load(url);
-
-    if (isSuccessfulResponse(response)) {
-      // 2. If the URL resolves, send it back.
-      return response.body;
-    } else {
-      try {
-        // 3. If the URL does not resolve, retry it with exponential backoff.
-        // This is done so that we avoid the scenario where users are unable to
-        // see a resolved Smart Link, when their expectation is to be able to.
-        const retriedResponse = await retry(async () => {
-          // We check if the link has resolved in the cache and stop trying if so.
-          // We do this by triggering an error that the link has already been resolved.
-          // This cascades <retryCount> times after which it is handled like a normal
-          // 'error', returning `undefined`.
-          if (!this.resolvedCache[url]) {
-            const response = await loader.load(url);
-
-            if (isSuccessfulResponse(response)) {
-              return response;
-            } else {
-              throw new Error('Retry for URL failed');
-            }
-          } else {
-            // Short-circuit each of the retries, as described above.
-            throw new Error('Retry unneeded - link has been resolved.');
-          }
-        }, this.retryConfig); // Trigger callback after successful backoff.
-
-        return retriedResponse.body;
-      } catch (err) {
-        // Do nothing in the case of an error - prefetching
-        // failures should be silent. Once a link is visible,
-        // it will be re-fetched anyhow, in which case a
-        // user-facing error is required.
-        return undefined;
-      }
-    }
-  }
-
-  async fetchData(url) {
-    const hostname = new URL(url).hostname;
-    const loader = this.getLoader(hostname);
-    const response = await loader.load(url);
-
-    if (!isSuccessfulResponse(response)) {
-      // Catch non-200 server responses to fallback or return useful information.
-      if (response.error) {
-        const errorType = response.error.type;
-        const errorMessage = response.error.message; // this means there was a network error and we fallback to blue link
-        // without impacting SLO's
-
-        if (response.error instanceof api.NetworkError) {
-          throw new APIError('fallback', hostname, errorMessage, errorType);
-        }
-
-        switch (errorType) {
-          // BadRequestError - indicative of an API error, render
-          // a blue link to mitigate customer impact.
-          case 'ResolveBadRequestError':
-            throw new APIError('fallback', hostname, errorMessage, errorType);
-          // AuthError - if the user logs in, we may be able
-          // to recover. Render an unauthorized card.
-
-          case 'ResolveAuthError':
-            throw new APIError('auth', hostname, errorMessage, errorType);
-          // UnsupportedError - we do not know how to render this URL.
-          // Bail out and ask the Editor to render as a blue link.
-
-          case 'ResolveUnsupportedError':
-            // URL isn't supported
-            throw new APIError('fatal', hostname, errorMessage, errorType);
-          // ResolveFailedError - link resolver may have failed.
-          // We could recover on re-resolve; render with fallback state.
-
-          case 'ResolveFailedError':
-            // Timeouts
-            throw new APIError('error', hostname, errorMessage, errorType);
-          // TimeoutError - link resolver may be taking a long time.
-          // We could recover on re-resolve; render with fallback state.
-
-          case 'ResolveTimeoutError':
-            // Timeouts
-            throw new APIError('error', hostname, errorMessage, errorType);
-          // InternalServerError - API call failed.
-          // We may recover later; render with fallback state.
-
-          case 'InternalServerError':
-            // ORS failures
-            throw new APIError('error', hostname, errorMessage, errorType);
-        }
-      } // Catch all: we don't know this error, bail out.
-
-
-      throw new APIError('fatal', hostname, response.toString(), 'UnexpectedError');
-    } else {
-      // Set a flag in the `resolvedCache` for this URL. The intent of this is
-      // to ensure that the exponential backoff method in `prefetchData` does
-      // not continue to retry fetching for this URL, especially if it was previously
-      // in a failed state. Note: this scenario only occurs on initial page load, if the
-      // user scrolls through the page very fast. Once the URL is visible, prefetching
-      // no longer takes place.
-      this.resolvedCache[url] = true; // Return the JSON-LD response back up!
-
-      return response.body;
-    }
-  }
-
-  async postData(data) {
-    const request = {
-      key: data.key,
-      action: data.action,
-      context: data.context
-    };
-    return await api.request('post', `${this.resolverUrl}/invoke`, request);
-  }
-
-}
+export { CardClient as default } from '@atlaskit/link-provider';

package/dist/es2019/extractors/embed/index.js

@@ -1,6 +1,6 @@
-import { extractPreview } from '@atlaskit/linking-common';
 import { extractLink, extractTitle } from '../common/primitives';
 import { extractProvider } from '../common/context';
+import { extractPreview } from '@atlaskit/linking-common';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 
 const extractEmbedPreview = (jsonLd, platform) => {

package/dist/es2019/index.js

@@ -1,9 +1,9 @@
 export { SmartCardProvider as Provider, SmartCardContext } from './state';
-export { EditorCardProvider, editorCardProvider } from './providers/editor';
-export { default as Client } from './client';
-export { APIError } from './client/errors';
+export { EditorCardProvider, editorCardProvider } from '@atlaskit/link-provider';
+export { APIError } from '@atlaskit/linking-common';
+export { CardClient as Client } from '@atlaskit/link-provider';
 export { Card } from './view/Card';
-export { default as Context } from './state/context';
+export { SmartCardContext as Context } from '@atlaskit/link-provider';
 export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageListener';
 export { embedHeaderHeight } from './view/EmbedCard/components/styled';
 export { SmartLinkEvents } from './utils/analytics/analytics';

package/dist/es2019/state/actions/constants.js

@@ -1,9 +1,3 @@
-export const ACTION_PENDING = 'pending';
-export const ACTION_RESOLVING = 'resolving';
-export const ACTION_RESOLVED = 'resolved';
-export const ACTION_ERROR = 'errored';
-export const ACTION_ERROR_FALLBACK = 'fallback';
-export const ACTION_PRELOAD = 'preload';
 export const ANALYTICS_RESOLVING = 'resolving';
 export const ANALYTICS_ERROR = 'errored';
 export const ANALYTICS_FALLBACK = 'fallback';

package/dist/es2019/state/actions/index.js

@@ -1,11 +1,11 @@
 import { useMemo, useCallback } from 'react';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
-import { cardAction } from './helpers';
+import { APIError } from '@atlaskit/linking-common';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ACTION_ERROR_FALLBACK, cardAction } from '@atlaskit/linking-common';
 import { getDefinitionId, getByDefinitionId, getServices, getStatus, getExtensionKey } from '../helpers';
-import { ACTION_PENDING, ACTION_RESOLVED, ACTION_ERROR, ERROR_MESSAGE_OAUTH, ERROR_MESSAGE_FATAL, ACTION_ERROR_FALLBACK } from './constants';
-import { useSmartLinkContext } from '../context';
+import { ERROR_MESSAGE_OAUTH, ERROR_MESSAGE_FATAL } from './constants';
 import * as measure from '../../utils/performance';
-import { APIError } from '../../client/errors';
 import { getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { addMetadataToExperience } from '../analytics';
 export const useSmartCardActions = (id, url, analytics) => {

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -1,5 +1,5 @@
-import { uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountConnected, screenAuthPopupEvent, instrumentEvent } from '../../utils/analytics';
 import { useMemo } from 'react';
+import { uiAuthEvent, uiAuthAlternateAccountEvent, uiCardClickedEvent, uiActionClickedEvent, uiClosedAuthEvent, uiRenderSuccessEvent, uiHoverCardViewedEvent, uiHoverCardDismissedEvent, uiHoverCardOpenLinkClickedEvent, resolvedEvent, unresolvedEvent, invokeSucceededEvent, invokeFailedEvent, connectSucceededEvent, connectFailedEvent, trackAppAccountConnected, screenAuthPopupEvent, instrumentEvent } from '../../utils/analytics';
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 export const useSmartLinkAnalytics = dispatchAnalytics => {
   const ui = useMemo(() => ({

package/dist/es2019/state/config/index.js

@@ -1,4 +1,4 @@
-import { useSmartLinkContext } from '../context';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export const useSmartLinkConfig = () => {
   const context = useSmartLinkContext();
 

package/dist/es2019/state/helpers.js

@@ -8,11 +8,6 @@ export const getByDefinitionId = (definitionId, store) => {
     return details && details.meta.definitionId === definitionId;
   });
 };
-export const getUrl = (store, url) => {
-  return store.getState()[url] || {
-    status: 'pending'
-  };
-};
 export const getClickUrl = (url, jsonLd) => {
   if (jsonLd && jsonLd.data) {
     const visitUrl = extractVisitUrl(jsonLd.data);

package/dist/es2019/state/hooks/usePrefetch.js

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { useSmartLinkContext } from '../context';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export function usePrefetch(url) {
   const {
     store,

package/dist/es2019/state/index.js

@@ -1,2 +1,2 @@
-export { SmartCardContext, SmartCardProvider, useSmartLinkContext } from './context';
+export { SmartCardContext, SmartCardProvider, useSmartLinkContext } from '@atlaskit/link-provider';
 export { useSmartLink, usePrefetch } from './hooks';

package/dist/es2019/state/renderers/index.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSmartLinkContext } from '../context';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
 export const useSmartLinkRenderers = () => {
   const context = useSmartLinkContext();
   let renderers = context === null || context === void 0 ? void 0 : context.renderers;

package/dist/es2019/state/store/index.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
-import { useSmartLinkContext } from '../context';
-import { getUrl } from '../helpers';
+import { useSmartLinkContext } from '@atlaskit/link-provider';
+import { getUrl } from '@atlaskit/linking-common';
 export function useSmartCardState(url) {
   const {
     store

package/dist/es2019/utils/mocks.js

@@ -1,4 +1,4 @@
-import CardClient from '../client';
+import { CardClient } from '@atlaskit/link-provider';
 export const mockContext = {
   '@vocab': 'https://www.w3.org/ns/activitystreams#',
   atlassian: 'https://schema.atlassian.com/ns/vocabulary#',

package/dist/es2019/utils/test-utils.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import CardClient from '../client';
+import { CardClient } from '@atlaskit/link-provider';
 import { SmartCardProvider } from '../state';
 
 const Hook = props => {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "18.0.22",
+	"version": "19.0.0",
 	"sideEffects": false
 }