@atlaskit/link-picker 1.16.9 → 1.16.10

package/dist/cjs/ui/link-picker/track-mount/index.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _experiences = require("../../../common/analytics/experiences");
-
 var _analytics = _interopRequireDefault(require("../../../analytics.codegen"));
-
 var _constants = require("../../../common/constants");
-
 var _sessionProvider = require("../../../controllers/session-provider");
-
 /** @jsx jsx */
 
 /**
@@ -26,8 +18,7 @@ var _sessionProvider = require("../../../controllers/session-provider");
  */
 function TrackMount() {
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var linkPickerSessionId = (0, _sessionProvider.useLinkPickerSessionId)();
   (0, _react.useLayoutEffect)(function () {
     (0, _experiences.succeedUfoExperience)(_experiences.ufoExperience.mounted, linkPickerSessionId);
@@ -42,6 +33,5 @@ function TrackMount() {
   }, [createAnalyticsEvent]);
   return null;
 }
-
 var _default = TrackMount;
 exports.default = _default;

package/dist/cjs/ui/link-picker/track-tab-viewed/index.js

@@ -1,32 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _analytics = _interopRequireDefault(require("../../../analytics.codegen"));
-
 var _constants = require("../../../common/constants");
-
 /** @jsx jsx */
+
 function TrackTabViewed(_ref) {
   var activeTab = _ref.activeTab;
-
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   (0, _react.useLayoutEffect)(function () {
     createAnalyticsEvent((0, _analytics.default)('ui.tab.viewed', {})).fire(_constants.ANALYTICS_CHANNEL);
   }, [activeTab, createAnalyticsEvent]);
   return null;
 }
-
 var _default = TrackTabViewed;
 exports.default = _default;

package/dist/cjs/ui/link-picker/transformTimeStamp.js

@@ -1,55 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformTimeStamp = void 0;
-
 var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"));
-
 var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
-
 var _format = _interopRequireDefault(require("date-fns/format"));
-
 var _messages = require("./messages");
-
 var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
   var pageActionText = '';
-
   switch (pageAction) {
     case 'updated':
       pageActionText = intl.formatMessage(_messages.messages.timeUpdated);
       break;
-
     case 'viewed':
       pageActionText = intl.formatMessage(_messages.messages.timeViewed);
       break;
   }
-
   if ((0, _differenceInCalendarDays.default)(timeStamp, Date.now()) < -7) {
     return {
       pageAction: pageActionText,
       dateString: (0, _format.default)(timeStamp, 'MMMM dd, yyyy')
     };
   }
-
   return {
     pageAction: pageActionText,
     dateString: (0, _formatDistance.default)(timeStamp, Date.now()),
     timeSince: intl.formatMessage(_messages.messages.timeAgo)
   };
 };
-
 var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
   if (lastViewedDate) {
     return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
   }
-
   if (lastUpdatedDate) {
     return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
   }
 };
-
 exports.transformTimeStamp = transformTimeStamp;

package/dist/cjs/ui/link-picker/utils.js

@@ -6,49 +6,41 @@ Object.defineProperty(exports, "__esModule", {
 exports.getDataSource = void 0;
 exports.getScreenReaderText = getScreenReaderText;
 exports.isUndoEvent = exports.isRedoEvent = void 0;
-
 var _browser = require("./browser");
-
 var _transformTimeStamp = require("./transformTimeStamp");
-
 var KeyZCode = 90;
 var KeyYCode = 89;
-
 var isUndoEvent = function isUndoEvent(e) {
-  return e.keyCode === KeyZCode && ( // cmd + z for mac
-  _browser.browser.mac && e.metaKey && !e.shiftKey || // ctrl + z for non-mac
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  _browser.browser.mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
   !_browser.browser.mac && e.ctrlKey);
 };
-
 exports.isUndoEvent = isUndoEvent;
-
 var isRedoEvent = function isRedoEvent(e) {
-  return (// ctrl + y for non-mac
+  return (
+    // ctrl + y for non-mac
     !_browser.browser.mac && e.ctrlKey && e.keyCode === KeyYCode || _browser.browser.mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
   );
 };
+
 /**
  * Retrieve the data source for a link given the item and the plugin that resolved it
  */
-
-
 exports.isRedoEvent = isRedoEvent;
-
 var getDataSource = function getDataSource(item, plugin) {
   var _ref, _item$meta$source, _item$meta, _plugin$meta;
-
   return (_ref = (_item$meta$source = (_item$meta = item.meta) === null || _item$meta === void 0 ? void 0 : _item$meta.source) !== null && _item$meta$source !== void 0 ? _item$meta$source : plugin === null || plugin === void 0 ? void 0 : (_plugin$meta = plugin.meta) === null || _plugin$meta === void 0 ? void 0 : _plugin$meta.source) !== null && _ref !== void 0 ? _ref : 'unknown';
 };
-
 exports.getDataSource = getDataSource;
-
 function getScreenReaderText(items, selectedIndex, intl) {
   if (items.length && selectedIndex > -1) {
     var _items$selectedIndex = items[selectedIndex],
-        name = _items$selectedIndex.name,
-        container = _items$selectedIndex.container,
-        lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
-        lastViewedDate = _items$selectedIndex.lastViewedDate;
+      name = _items$selectedIndex.name,
+      container = _items$selectedIndex.container,
+      lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
+      lastViewedDate = _items$selectedIndex.lastViewedDate;
     var date = (0, _transformTimeStamp.transformTimeStamp)(intl, lastViewedDate, lastUpdatedDate);
     var formattedDate = [date === null || date === void 0 ? void 0 : date.pageAction, date === null || date === void 0 ? void 0 : date.dateString, date === null || date === void 0 ? void 0 : date.timeSince].filter(Boolean).join(' ');
     return [name, container, formattedDate].filter(Boolean).join(', ');

package/dist/cjs/ui/loader-fallback/index.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoaderFallback = void 0;
-
 var _react = require("@emotion/react");
-
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-
 var _styled = require("../link-picker/styled");
-
 /** @jsx jsx */
+
 var LoaderFallback = (0, _react.jsx)("div", {
   css: _styled.rootContainerStylesForLoader,
   "data-testid": "link-picker-root-loader-boundary-ui"

package/dist/cjs/ui/scrolling-tabs/index.js

@@ -1,66 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ScrollingTabList = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _button = _interopRequireDefault(require("@atlaskit/button"));
-
 var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left"));
-
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
-
 var _scrollingTabs = require("./scrolling-tabs");
-
 var _styles = require("./styles");
-
 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; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function isTouchDevice() {
-  return 'ontouchstart' in window || // eslint-disable-next-line compat/compat
+  return 'ontouchstart' in window ||
+  // eslint-disable-next-line compat/compat
   navigator.maxTouchPoints > 0;
 }
-
 var initialConditionalButtonsState = {
   back: false,
   forward: false
 };
-
 var ScrollingTabList = function ScrollingTabList(props) {
   var ref = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(initialConditionalButtonsState),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      conditionalButtons = _useState2[0],
-      setConditionalButtons = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    conditionalButtons = _useState2[0],
+    setConditionalButtons = _useState2[1];
   var ghost = (0, _react.useMemo)(function () {
     return (0, _scrollingTabs.createGhost)();
   }, []);
   var onTabClick = (0, _react.useCallback)(function (e) {
     var target = e.currentTarget;
-
     if (target) {
       target.scrollIntoView({
         behavior: 'smooth',
@@ -69,43 +48,33 @@ var ScrollingTabList = function ScrollingTabList(props) {
       });
     }
   }, []);
-
   _react.default.useLayoutEffect(function () {
     var container = ref.current;
     var scrollingContainer;
     var tabs;
-
     var handleConditionalButtonsChange = function handleConditionalButtonsChange() {
       var buttons = (0, _scrollingTabs.calculateConditionalButtons)(scrollingContainer, isTouchDevice());
       setConditionalButtons(buttons);
     };
-
     var observerCallback = function observerCallback(mutationList) {
       var tablist = (0, _scrollingTabs.getTabList)(ref);
-
       var _iterator = _createForOfIteratorHelper(mutationList),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var mutation = _step.value;
-
           if (mutation.type === 'childList') {
             var addedNodes = Array.from(mutation.addedNodes);
             var found = addedNodes.find(function (node) {
               return node.getAttribute('role') === 'tab';
             });
-
             if (found && tablist) {
               ghost.remove();
-
               var _tabs = Array.from(tablist.children);
-
               _tabs.forEach(function (tab) {
                 tab.removeEventListener('click', onTabClick);
                 tab.addEventListener('click', onTabClick);
               });
-
               tablist.appendChild(ghost);
               handleConditionalButtonsChange();
             }
@@ -117,9 +86,7 @@ var ScrollingTabList = function ScrollingTabList(props) {
         _iterator.f();
       }
     };
-
     var observer = new MutationObserver(observerCallback);
-
     if (container) {
       var tablist = (0, _scrollingTabs.getTabList)(ref);
       scrollingContainer = tablist === null || tablist === void 0 ? void 0 : tablist.parentElement;
@@ -128,7 +95,6 @@ var ScrollingTabList = function ScrollingTabList(props) {
         childList: true,
         subtree: true
       });
-
       if (scrollingContainer instanceof HTMLElement && tablist) {
         tablist.appendChild(ghost);
         tabs = Array.from(tablist.children);
@@ -138,12 +104,10 @@ var ScrollingTabList = function ScrollingTabList(props) {
         handleConditionalButtonsChange();
         scrollingContainer.addEventListener('scroll', handleConditionalButtonsChange);
       }
-
       return function () {
         if (scrollingContainer) {
           scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
         }
-
         if (tabs.length) {
           tabs.forEach(function (tab) {
             return tab.removeEventListener('click', onTabClick);
@@ -152,7 +116,6 @@ var ScrollingTabList = function ScrollingTabList(props) {
       };
     }
   }, [onTabClick, ghost, ref]);
-
   var buttonProps = {
     appearance: 'subtle',
     spacing: 'none'
@@ -188,7 +151,6 @@ var ScrollingTabList = function ScrollingTabList(props) {
     }
   }))));
 };
-
 exports.ScrollingTabList = ScrollingTabList;
 var _default = ScrollingTabList;
 exports.default = _default;

package/dist/cjs/ui/scrolling-tabs/scrolling-tabs.js

@@ -1,49 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollForward = exports.scrollBack = exports.getTabList = exports.getContainer = exports.createGhost = exports.calculateConditionalButtons = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var BUTTON_SIZE = 24;
 var GUTTER = 48;
 var GHOST_WIDTH = 342 - GUTTER - 40;
-
 var scrollBack = function scrollBack(ref) {
   moveTabsScroll(ref, findPrevious);
 };
-
 exports.scrollBack = scrollBack;
-
 var scrollForward = function scrollForward(ref) {
   moveTabsScroll(ref, findNext);
 };
-
 exports.scrollForward = scrollForward;
-
 var calculateConditionalButtons = function calculateConditionalButtons(container, hideButtons) {
   var initialState = {
     back: false,
     forward: false
   };
-
   if (!container || hideButtons) {
     return initialState;
   }
-
   var maxScrollValue = container.scrollWidth - container.clientWidth;
   return {
     back: container.scrollLeft > 0,
     forward: container.scrollLeft < maxScrollValue - GHOST_WIDTH
   };
 };
-
 exports.calculateConditionalButtons = calculateConditionalButtons;
-
 var createGhost = function createGhost() {
   var ghost = document.createElement('div');
   ghost.setAttribute('id', 'scrolling-tabs-ghost');
@@ -51,20 +39,14 @@ var createGhost = function createGhost() {
   ghost.style.pointerEvents = 'none';
   return ghost;
 };
-
 exports.createGhost = createGhost;
-
 var moveTabsScroll = function moveTabsScroll(ref, findFn) {
   var container = getContainer(ref);
-
   if (container) {
     var tablist = container.children[0];
-
     var _tabs = (0, _toConsumableArray2.default)(tablist.children);
-
     if (_tabs.length > 0) {
       var target = findFn(container, _tabs);
-
       if (target) {
         var left = container.scrollLeft + target.getBoundingClientRect().left - container.getBoundingClientRect().left - BUTTON_SIZE;
         scrollTo(container, left);
@@ -72,52 +54,41 @@ var moveTabsScroll = function moveTabsScroll(ref, findFn) {
     }
   }
 };
-
 var scrollTo = function scrollTo(container, left) {
   container.scrollTo({
     left: left
   });
 };
-
 var getTabList = function getTabList(ref) {
   var _ref$current;
-
   return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[role="tablist"]');
 };
-
 exports.getTabList = getTabList;
-
 var getContainer = function getContainer(ref) {
   var _getTabList;
-
   return (_getTabList = getTabList(ref)) === null || _getTabList === void 0 ? void 0 : _getTabList.parentElement;
 };
-
 exports.getContainer = getContainer;
-
 var findPrevious = function findPrevious(container, tabs) {
   var previousTabs = tabs.filter(function (tab) {
     var _ref = [container.getBoundingClientRect(), tab.getBoundingClientRect()],
-        containerRect = _ref[0],
-        tabRect = _ref[1];
+      containerRect = _ref[0],
+      tabRect = _ref[1];
     var containerArea = containerRect.left + container.scrollLeft - GUTTER,
-        tabArea = container.scrollLeft + tabRect.left + tabRect.width;
+      tabArea = container.scrollLeft + tabRect.left + tabRect.width;
     return containerArea > tabArea;
   });
-
   if (previousTabs.length < 3) {
     return previousTabs[0];
   }
-
   return previousTabs[previousTabs.length - 1];
 };
-
 var findNext = function findNext(container, tabs) {
   var containerRect = container.getBoundingClientRect();
   return tabs.find(function (tab) {
     var tabRect = tab.getBoundingClientRect();
     var containerArea = container.clientWidth + containerRect.left - GUTTER,
-        tabArea = tabRect.left + tabRect.width;
+      tabArea = tabRect.left + tabRect.width;
     return containerArea < tabArea;
   });
 };

package/dist/cjs/ui/scrolling-tabs/styles.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollingContainerStyles = exports.nextButtonStyles = exports.containerStyles = exports.buttonContainerStyles = exports.backButtonStyles = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var scrollingContainerStyles = (0, _react.css)({
   overflowX: 'auto',
   scrollBehavior: 'smooth',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "1.16.9",
+	"version": "1.16.10",
 	"sideEffects": false
 }

package/dist/es2019/analytics.codegen.js

@@ -6,6 +6,7 @@
  * @codegen <<SignedSource::254da005ee62004d45537995770eba56>>
  * @codegenCommand yarn workspace @atlaskit/link-picker run codegen-analytics
  */
+
 function createEventPayload(eventKey, attributes) {
   const event = eventKey.split('.');
   return {
@@ -16,5 +17,4 @@ function createEventPayload(eventKey, attributes) {
     attributes: attributes
   };
 }
-
 export default createEventPayload;

package/dist/es2019/common/analytics/context.js

@@ -17,14 +17,13 @@ const LinkPickerAnalyticsContext = /*#__PURE__*/React.createContext({
   trackAttributes: () => {},
   getAttributes: () => DEFAULT_CONTEXT_ATTRIBUTES
 });
+
 /**
  * TODO: Should we hook this into the form state/reducer?
  * This function continues to duplicate / assume logic that runs in the picker
  */
-
 const contextAttributesFromIntialProps = props => {
   var _props$plugins$0$tabK, _props$plugins, _props$plugins$;
-
   return {
     linkState: normalizeUrl(props.url) ? 'editLink' : 'newLink',
     linkFieldContent: normalizeUrl(props.url) ? 'url' : null,
@@ -33,16 +32,16 @@ const contextAttributesFromIntialProps = props => {
     tab: (_props$plugins$0$tabK = (_props$plugins = props.plugins) === null || _props$plugins === void 0 ? void 0 : (_props$plugins$ = _props$plugins[0]) === null || _props$plugins$ === void 0 ? void 0 : _props$plugins$.tabKey) !== null && _props$plugins$0$tabK !== void 0 ? _props$plugins$0$tabK : null
   };
 };
+
 /**
  * Context for tracking attributes to deliver at a context-level
  */
-
-
 const LinkPickerAnalytics = ({
   initialContext,
   children
 }) => {
-  const dataRef = useRef({ ...DEFAULT_CONTEXT_ATTRIBUTES,
+  const dataRef = useRef({
+    ...DEFAULT_CONTEXT_ATTRIBUTES,
     ...initialContext
   });
   const methods = useMemo(() => ({
@@ -50,7 +49,8 @@ const LinkPickerAnalytics = ({
       dataRef.current[key] = value;
     },
     trackAttributes: attributes => {
-      dataRef.current = { ...dataRef.current,
+      dataRef.current = {
+        ...dataRef.current,
         ...attributes
       };
     },
@@ -60,16 +60,15 @@ const LinkPickerAnalytics = ({
     value: methods
   }, children);
 };
+
 /**
  * Hook that exposes the context-level attribute getters and setters.
  */
-
-
 export const useLinkPickerAnalytics = () => useContext(LinkPickerAnalyticsContext);
+
 /**
  * Wrap component in "attributes" context store and initialise the initial context attributes from props.
  */
-
 function withLinkPickerAnalytics(WrappedComponent) {
   return props => {
     const [initialContext] = useState(() => contextAttributesFromIntialProps(props));
@@ -78,12 +77,11 @@ function withLinkPickerAnalytics(WrappedComponent) {
     }, props), /*#__PURE__*/React.createElement(WrappedComponent, props));
   };
 }
+
 /**
  * Wraps a component with the analytics context + listener to update events with contextual-level attributes.
  * Should be implemented once at the root of the link picker.
  */
-
-
 export function withLinkPickerAnalyticsContext(WrappedComponent) {
   return withLinkPickerAnalytics(props => {
     const {
@@ -91,9 +89,9 @@ export function withLinkPickerAnalyticsContext(WrappedComponent) {
     } = useLinkPickerAnalytics();
     const onEvent = useCallback(event => {
       var _event$payload$attrib;
-
       event.update({
-        attributes: { ...getAttributes(),
+        attributes: {
+          ...getAttributes(),
           ...((_event$payload$attrib = event.payload.attributes) !== null && _event$payload$attrib !== void 0 ? _event$payload$attrib : {})
         }
       });

package/dist/es2019/common/analytics/experiences.js

@@ -14,7 +14,6 @@ const ufoExperiences = {
 export const startUfoExperience = (experienceName, id, metadata) => {
   const experience = ufoExperiences[experienceName].getInstance(id);
   experience.start();
-
   if (metadata) {
     experience.addMetadata(metadata);
   }