@atlaskit/smart-card 15.5.0 → 16.2.0

package/dist/cjs/providers/editor/index.js

@@ -17,6 +17,10 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+require("setimmediate");
+
+var _dataloader = _interopRequireDefault(require("dataloader"));
+
 var _transformer = require("./transformer");
 
 var _environments = require("../../client/utils/environments");
@@ -27,8 +31,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+// import setimmediate to temporary fix dataloader 2.0.0 bug
+// @see https://github.com/graphql/dataloader/issues/249
+var BATCH_WAIT_TIME = 50;
+
 var EditorCardProvider = /*#__PURE__*/function () {
   function EditorCardProvider(envKey) {
+    var _this = this;
+
     (0, _classCallCheck2.default)(this, EditorCardProvider);
     this.baseUrl = (0, _environments.getBaseUrl)(envKey);
     this.resolverUrl = (0, _environments.getResolverUrl)(envKey);
@@ -36,44 +46,83 @@ var EditorCardProvider = /*#__PURE__*/function () {
     this.requestHeaders = {
       Origin: this.baseUrl
     };
+    this.patternLoader = new _dataloader.default(function (keys) {
+      return _this.batchPatterns(keys);
+    }, {
+      batchScheduleFn: function batchScheduleFn(callback) {
+        return setTimeout(callback, BATCH_WAIT_TIME);
+      }
+    });
   }
 
   (0, _createClass2.default)(EditorCardProvider, [{
-    key: "check",
+    key: "batchPatterns",
     value: function () {
-      var _check = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resourceUrl) {
-        var endpoint, response;
+      var _batchPatterns = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(keys) {
+        var patterns;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.prev = 0;
+                _context.next = 2;
+                return this.fetchPatterns();
+
+              case 2:
+                patterns = _context.sent;
+                return _context.abrupt("return", keys.map(function () {
+                  return patterns;
+                }));
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function batchPatterns(_x) {
+        return _batchPatterns.apply(this, arguments);
+      }
+
+      return batchPatterns;
+    }()
+  }, {
+    key: "check",
+    value: function () {
+      var _check = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(resourceUrl) {
+        var endpoint, response;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
                 endpoint = "".concat(this.resolverUrl, "/check");
-                _context.next = 4;
+                _context2.next = 4;
                 return api.request('post', endpoint, {
                   resourceUrl: resourceUrl
                 }, this.requestHeaders);
 
               case 4:
-                response = _context.sent;
-                return _context.abrupt("return", response.isSupported);
+                response = _context2.sent;
+                return _context2.abrupt("return", response.isSupported);
 
               case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](0);
+                _context2.prev = 8;
+                _context2.t0 = _context2["catch"](0);
                 // eslint-disable-next-line
-                console.error('failed to fetch /check', _context.t0);
-                return _context.abrupt("return", undefined);
+                console.error('failed to fetch /check', _context2.t0);
+                return _context2.abrupt("return", undefined);
 
               case 12:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee, this, [[0, 8]]);
+        }, _callee2, this, [[0, 8]]);
       }));
 
-      function check(_x) {
+      function check(_x2) {
         return _check.apply(this, arguments);
       }
 
@@ -82,20 +131,20 @@ var EditorCardProvider = /*#__PURE__*/function () {
   }, {
     key: "fetchPatterns",
     value: function () {
-      var _fetchPatterns = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _fetchPatterns = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
         var endpoint, response;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
-                _context2.prev = 0;
+                _context3.prev = 0;
                 endpoint = "".concat(this.resolverUrl, "/providers");
-                _context2.next = 4;
+                _context3.next = 4;
                 return api.request('post', endpoint, undefined, this.requestHeaders);
 
               case 4:
-                response = _context2.sent;
-                return _context2.abrupt("return", response.providers.reduce(function (allSources, provider) {
+                response = _context3.sent;
+                return _context3.abrupt("return", response.providers.reduce(function (allSources, provider) {
                   var providerSources = provider.patterns.map(function (pattern) {
                     return pattern.source;
                   });
@@ -103,18 +152,18 @@ var EditorCardProvider = /*#__PURE__*/function () {
                 }, []));
 
               case 8:
-                _context2.prev = 8;
-                _context2.t0 = _context2["catch"](0);
+                _context3.prev = 8;
+                _context3.t0 = _context3["catch"](0);
                 // eslint-disable-next-line
-                console.error('failed to fetch /providers', _context2.t0);
-                return _context2.abrupt("return", undefined);
+                console.error('failed to fetch /providers', _context3.t0);
+                return _context3.abrupt("return", undefined);
 
               case 12:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2, this, [[0, 8]]);
+        }, _callee3, this, [[0, 8]]);
       }));
 
       function fetchPatterns() {
@@ -126,50 +175,36 @@ var EditorCardProvider = /*#__PURE__*/function () {
   }, {
     key: "findPattern",
     value: function () {
-      var _findPattern = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
-        var patterns;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+      var _findPattern = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(url) {
+        return _regenerator.default.wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
-                _context3.t0 = this.patterns;
-
-                if (_context3.t0) {
-                  _context3.next = 5;
+                if (this.patterns) {
+                  _context4.next = 4;
                   break;
                 }
 
-                _context3.next = 4;
-                return this.fetchPatterns();
-
-              case 4:
-                _context3.t0 = _context3.sent;
-
-              case 5:
-                patterns = _context3.t0;
+                _context4.next = 3;
+                return this.patternLoader.load('providers');
 
-                if (!patterns) {
-                  _context3.next = 9;
-                  break;
-                }
+              case 3:
+                this.patterns = _context4.sent;
 
-                this.patterns = patterns;
-                return _context3.abrupt("return", patterns.some(function (pattern) {
+              case 4:
+                return _context4.abrupt("return", this.patterns ? this.patterns.some(function (pattern) {
                   return url.match(pattern);
-                }));
-
-              case 9:
-                return _context3.abrupt("return", false);
+                }) : false);
 
-              case 10:
+              case 5:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
 
-      function findPattern(_x2) {
+      function findPattern(_x3) {
         return _findPattern.apply(this, arguments);
       }
 
@@ -178,62 +213,62 @@ var EditorCardProvider = /*#__PURE__*/function () {
   }, {
     key: "resolve",
     value: function () {
-      var _resolve = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(url, appearance) {
+      var _resolve = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(url, appearance) {
         var isSupported;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
+        return _regenerator.default.wrap(function _callee5$(_context5) {
           while (1) {
-            switch (_context4.prev = _context4.next) {
+            switch (_context5.prev = _context5.next) {
               case 0:
-                _context4.prev = 0;
-                _context4.next = 3;
+                _context5.prev = 0;
+                _context5.next = 3;
                 return this.findPattern(url);
 
               case 3:
-                _context4.t0 = _context4.sent;
+                _context5.t0 = _context5.sent;
 
-                if (_context4.t0) {
-                  _context4.next = 8;
+                if (_context5.t0) {
+                  _context5.next = 8;
                   break;
                 }
 
-                _context4.next = 7;
+                _context5.next = 7;
                 return this.check(url);
 
               case 7:
-                _context4.t0 = _context4.sent;
+                _context5.t0 = _context5.sent;
 
               case 8:
-                isSupported = _context4.t0;
+                isSupported = _context5.t0;
 
                 if (!isSupported) {
-                  _context4.next = 11;
+                  _context5.next = 11;
                   break;
                 }
 
-                return _context4.abrupt("return", this.transformer.toAdf(url, appearance));
+                return _context5.abrupt("return", this.transformer.toAdf(url, appearance));
 
               case 11:
-                _context4.next = 16;
+                _context5.next = 16;
                 break;
 
               case 13:
-                _context4.prev = 13;
-                _context4.t1 = _context4["catch"](0);
+                _context5.prev = 13;
+                _context5.t1 = _context5["catch"](0);
                 // eslint-disable-next-line
-                console.warn("Error when trying to check Smart Card url \"".concat(url, " - ").concat(_context4.t1.prototype.name, " ").concat(_context4.t1.message), _context4.t1);
+                console.warn("Error when trying to check Smart Card url \"".concat(url, " - ").concat(_context5.t1.prototype.name, " ").concat(_context5.t1.message), _context5.t1);
 
               case 16:
-                return _context4.abrupt("return", Promise.reject(undefined));
+                return _context5.abrupt("return", Promise.reject(undefined));
 
               case 17:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
           }
-        }, _callee4, this, [[0, 13]]);
+        }, _callee5, this, [[0, 13]]);
       }));
 
-      function resolve(_x3, _x4) {
+      function resolve(_x4, _x5) {
         return _resolve.apply(this, arguments);
       }
 

package/dist/cjs/providers/editor/transformer.js

@@ -16,7 +16,7 @@ var isJiraRoadMap = function isJiraRoadMap(url) {
 };
 
 var isPolarisView = function isPolarisView(url) {
-  return url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+/);
+  return url.match(/^https:\/\/.*?\/jira\/polaris\/projects\/[^\/]+?\/ideas\/view\/\d+$|^https:\/\/.*?\/secure\/JiraProductDiscoveryAnonymous\.jspa\?hash=\w+|^https:\/\/.*?\/jira\/polaris\/share\/\w+/);
 };
 
 var isSlackMessage = function isSlackMessage(url) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ERROR_MESSAGE_FATAL = exports.ERROR_MESSAGE_OAUTH = exports.MAX_RELOAD_DELAY = exports.MAX_LOADING_DELAY = exports.ANALYTICS_FALLBACK = exports.ANALYTICS_ERROR = exports.ANALYTICS_RESOLVING = exports.ACTION_PRELOAD = exports.ACTION_ERROR_FALLBACK = exports.ACTION_ERROR = exports.ACTION_RESOLVED = exports.ACTION_RESOLVING = exports.ACTION_PENDING = void 0;
+exports.ERROR_MESSAGE_FATAL = exports.ERROR_MESSAGE_OAUTH = exports.ANALYTICS_FALLBACK = exports.ANALYTICS_ERROR = exports.ANALYTICS_RESOLVING = exports.ACTION_PRELOAD = exports.ACTION_ERROR_FALLBACK = exports.ACTION_ERROR = exports.ACTION_RESOLVED = exports.ACTION_RESOLVING = exports.ACTION_PENDING = void 0;
 var ACTION_PENDING = 'pending';
 exports.ACTION_PENDING = ACTION_PENDING;
 var ACTION_RESOLVING = 'resolving';
@@ -22,10 +22,6 @@ var ANALYTICS_ERROR = 'errored';
 exports.ANALYTICS_ERROR = ANALYTICS_ERROR;
 var ANALYTICS_FALLBACK = 'fallback';
 exports.ANALYTICS_FALLBACK = ANALYTICS_FALLBACK;
-var MAX_LOADING_DELAY = 1200;
-exports.MAX_LOADING_DELAY = MAX_LOADING_DELAY;
-var MAX_RELOAD_DELAY = 60 * 1000;
-exports.MAX_RELOAD_DELAY = MAX_RELOAD_DELAY;
 var ERROR_MESSAGE_OAUTH = 'Provider.authFlow is not set to OAuth2.';
 exports.ERROR_MESSAGE_OAUTH = ERROR_MESSAGE_OAUTH;
 var ERROR_MESSAGE_FATAL = 'Fatal error resolving URL';

package/dist/cjs/state/actions/helpers.js

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.cardAction = void 0;
 
 var cardAction = function cardAction(type, _ref, payload, error) {
-  var url = _ref.url,
-      hasExpired = _ref.hasExpired;
+  var url = _ref.url;
   return {
     type: type,
     url: url,
-    hasExpired: hasExpired,
     payload: payload,
     error: error
   };

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

@@ -31,6 +31,8 @@ var _errors = require("../../client/errors");
 
 var _jsonld = require("../../utils/jsonld");
 
+var _analytics = require("../analytics");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -46,16 +48,13 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
 
   var _ref = getState()[url] || {
     status: 'pending',
-    lastUpdatedAt: Date.now(),
     details: undefined
   },
       details = _ref.details,
-      lastUpdatedAt = _ref.lastUpdatedAt,
       status = _ref.status;
 
   var hasAuthFlowSupported = config.authFlow !== 'disabled';
   var hasData = !!(details && details.data);
-  var hasExpired = Date.now() - lastUpdatedAt >= config.maxAge;
   var handleResolvedLinkError = (0, _react.useCallback)(function (url, error) {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
@@ -112,10 +111,9 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
 
 
     dispatch((0, _helpers.cardAction)(_constants.ACTION_RESOLVED, {
-      url: resourceUrl,
-      hasExpired: hasExpired && !hasData
+      url: resourceUrl
     }, response));
-  }, [dispatch, handleResolvedLinkError, hasData, hasExpired, hasAuthFlowSupported]);
+  }, [dispatch, handleResolvedLinkError, hasAuthFlowSupported]);
   var resolve = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var resourceUrl,
         isReloading,
@@ -127,8 +125,8 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
             resourceUrl = _args.length > 0 && _args[0] !== undefined ? _args[0] : url;
             isReloading = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
 
-            if (!(isReloading || hasExpired || !hasData)) {
-              _context.next = 4;
+            if (!(isReloading || !hasData)) {
+              _context.next = 6;
               break;
             }
 
@@ -138,13 +136,18 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
               return handleResolvedLinkError(resourceUrl, error);
             }));
 
-          case 4:
+          case 6:
+            (0, _analytics.addMetadataToExperience)('smart-link-rendered', id, {
+              cached: true
+            });
+
+          case 7:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [url, hasData, hasExpired, connections.client, handleResolvedLinkResponse, handleResolvedLinkError]);
+  })), [url, hasData, connections.client, handleResolvedLinkResponse, handleResolvedLinkError, id]);
   var register = (0, _react.useCallback)(function () {
     if (!details) {
       dispatch((0, _helpers.cardAction)(_constants.ACTION_PENDING, {
@@ -182,10 +185,10 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
       analytics.screen.authPopupEvent(definitionId, extensionKey);
       (0, _outboundAuthFlowClient.auth)(services[0].url).then(function () {
         analytics.track.appAccountConnected(definitionId, extensionKey);
-        analytics.operational.connectSucceededEvent(definitionId, extensionKey);
+        analytics.operational.connectSucceededEvent(id, definitionId, extensionKey);
         reload();
       }, function (err) {
-        analytics.operational.connectFailedEvent(definitionId, extensionKey, err.type);
+        analytics.operational.connectFailedEvent(id, definitionId, extensionKey, err.type);
 
         if (err.type === 'auth_window_closed') {
           analytics.ui.closedAuthEvent(appearance, definitionId, extensionKey);
@@ -194,7 +197,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
         reload();
       });
     }
-  }, [analytics.ui, analytics.screen, analytics.track, analytics.operational, reload, details, status]);
+  }, [analytics.ui, analytics.screen, analytics.track, analytics.operational, id, reload, details, status]);
   var invoke = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(opts, appearance) {
       var key, action, source, markName, response;

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

@@ -3,89 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSmartLinkAnalytics = void 0;
-
-var _analytics = require("../../utils/analytics");
-
-var _react = require("react");
-
-var useSmartLinkAnalytics = function useSmartLinkAnalytics(dispatchAnalytics) {
-  var ui = (0, _react.useMemo)(function () {
-    return {
-      authEvent: function authEvent(display, definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.uiAuthEvent)(display, definitionId, extensionKey));
-      },
-      authAlternateAccountEvent: function authAlternateAccountEvent(display, definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.uiAuthAlternateAccountEvent)(display, definitionId, extensionKey));
-      },
-      cardClickedEvent: function cardClickedEvent(display, definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.uiCardClickedEvent)(display, definitionId, extensionKey));
-      },
-      actionClickedEvent: function actionClickedEvent(providerKey, actionType, display) {
-        return dispatchAnalytics((0, _analytics.uiActionClickedEvent)(providerKey, actionType, display));
-      },
-      closedAuthEvent: function closedAuthEvent(display, definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.uiClosedAuthEvent)(display, definitionId, extensionKey));
-      },
-      renderSuccessEvent: function renderSuccessEvent(display, definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.uiRenderSuccessEvent)(display, definitionId, extensionKey));
-      },
-      renderFailedEvent: function renderFailedEvent(display, error, errorInfo) {
-        return dispatchAnalytics((0, _analytics.uiRenderFailedEvent)(display, error, errorInfo));
-      }
-    };
-  }, [dispatchAnalytics]);
-  var operational = (0, _react.useMemo)(function () {
-    return {
-      resolvedEvent: function resolvedEvent(id, definitionId, extensionKey, resourceType) {
-        return dispatchAnalytics((0, _analytics.resolvedEvent)(id, definitionId, extensionKey, resourceType));
-      },
-      unresolvedEvent: function unresolvedEvent(id, status, definitionId, extensionKey, resourceType) {
-        return dispatchAnalytics((0, _analytics.unresolvedEvent)(id, status, definitionId, extensionKey, resourceType));
-      },
-      invokeSucceededEvent: function invokeSucceededEvent(id, providerKey, actionType, display) {
-        return dispatchAnalytics((0, _analytics.invokeSucceededEvent)(id, providerKey, actionType, display));
-      },
-      invokeFailedEvent: function invokeFailedEvent(id, providerKey, actionType, display, reason) {
-        return dispatchAnalytics((0, _analytics.invokeFailedEvent)(id, providerKey, actionType, display, reason));
-      },
-      connectSucceededEvent: function connectSucceededEvent(definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.connectSucceededEvent)(definitionId, extensionKey));
-      },
-      connectFailedEvent: function connectFailedEvent(definitionId, extensionKey, reason) {
-        return dispatchAnalytics((0, _analytics.connectFailedEvent)(definitionId, extensionKey, reason));
-      },
-      instrument: function instrument(id, status, definitionId, extensionKey, resourceType, error) {
-        var event = (0, _analytics.instrumentEvent)(id, status, definitionId, extensionKey, resourceType, error);
+Object.defineProperty(exports, "startUfoExperience", {
+  enumerable: true,
+  get: function get() {
+    return _ufoExperiences.startUfoExperience;
+  }
+});
+Object.defineProperty(exports, "succeedUfoExperience", {
+  enumerable: true,
+  get: function get() {
+    return _ufoExperiences.succeedUfoExperience;
+  }
+});
+Object.defineProperty(exports, "failUfoExperience", {
+  enumerable: true,
+  get: function get() {
+    return _ufoExperiences.failUfoExperience;
+  }
+});
+Object.defineProperty(exports, "addMetadataToExperience", {
+  enumerable: true,
+  get: function get() {
+    return _ufoExperiences.addMetadataToExperience;
+  }
+});
+Object.defineProperty(exports, "useSmartLinkAnalytics", {
+  enumerable: true,
+  get: function get() {
+    return _useSmartLinkAnalytics.useSmartLinkAnalytics;
+  }
+});
 
-        if (event) {
-          dispatchAnalytics(event);
-        }
-      }
-    };
-  }, [dispatchAnalytics]);
-  var track = (0, _react.useMemo)(function () {
-    return {
-      appAccountConnected: function appAccountConnected(definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.trackAppAccountConnected)(definitionId, extensionKey));
-      }
-    };
-  }, [dispatchAnalytics]);
-  var screen = (0, _react.useMemo)(function () {
-    return {
-      authPopupEvent: function authPopupEvent(definitionId, extensionKey) {
-        return dispatchAnalytics((0, _analytics.screenAuthPopupEvent)(definitionId, extensionKey));
-      }
-    };
-  }, [dispatchAnalytics]);
-  return (0, _react.useMemo)(function () {
-    return {
-      ui: ui,
-      operational: operational,
-      track: track,
-      screen: screen
-    };
-  }, [ui, operational, track, screen]);
-};
+var _ufoExperiences = require("./ufoExperiences");
 
-exports.useSmartLinkAnalytics = useSmartLinkAnalytics;
+var _useSmartLinkAnalytics = require("./useSmartLinkAnalytics");

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addMetadataToExperience = exports.failUfoExperience = exports.succeedUfoExperience = exports.startUfoExperience = void 0;
+
+var _ufo = require("@atlaskit/ufo");
+
+var ufoExperiences = {
+  'smart-link-rendered': new _ufo.ConcurrentExperience('smart-link-rendered', {
+    type: _ufo.ExperienceTypes.Load,
+    performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad,
+    platform: {
+      component: 'smart-links'
+    }
+  }),
+  'smart-link-authenticated': new _ufo.ConcurrentExperience('smart-link-authenticated', {
+    type: _ufo.ExperienceTypes.Load,
+    performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad,
+    platform: {
+      component: 'smart-links'
+    }
+  })
+};
+
+var startUfoExperience = function startUfoExperience(experienceName, id, properties) {
+  var experience = ufoExperiences[experienceName].getInstance(id);
+  experience.start();
+
+  if (properties) {
+    experience.addMetadata(properties);
+  }
+};
+
+exports.startUfoExperience = startUfoExperience;
+
+var succeedUfoExperience = function succeedUfoExperience(experienceName, id, properties) {
+  var experience = ufoExperiences[experienceName].getInstance(id);
+  experience.success({
+    metadata: properties
+  });
+};
+
+exports.succeedUfoExperience = succeedUfoExperience;
+
+var failUfoExperience = function failUfoExperience(experienceName, id, properties) {
+  var experience = ufoExperiences[experienceName].getInstance(id);
+  experience.failure({
+    metadata: properties
+  });
+};
+
+exports.failUfoExperience = failUfoExperience;
+
+var addMetadataToExperience = function addMetadataToExperience(experienceName, id, properties) {
+  ufoExperiences[experienceName].getInstance(id).addMetadata(properties);
+};
+
+exports.addMetadataToExperience = addMetadataToExperience;