@atlaskit/link-picker 1.16.9 → 1.16.10

package/dist/es2019/ui/link-picker/link-search-error/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl-next';
@@ -22,7 +21,6 @@ export const messages = defineMessages({
 export const testIds = {
   searchError: 'link-search-error'
 };
-
 const LinkSearchError = () => {
   const intl = useIntl();
   return jsx(EmptyState, {
@@ -42,5 +40,4 @@ const LinkSearchError = () => {
     renderImage: () => jsx(GenericErrorSVG, null)
   });
 };
-
 export default LinkSearchError;

package/dist/es2019/ui/link-picker/link-search-list/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
@@ -27,7 +26,8 @@ export const messages = defineMessages({
     description: 'Announce search results for screen-reader users.'
   }
 });
-export const testIds = { ...noResultsTestIds,
+export const testIds = {
+  ...noResultsTestIds,
   resultListTitle: 'link-picker-list-title',
   searchResultItem: 'link-search-list-item',
   searchResultList: 'link-search-list',
@@ -52,11 +52,9 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
   let loadingContent;
   const linkListTitle = hasSearchTerm ? messages.titleResults : messages.titleRecentlyViewed;
   useTrackResultsShown(isLoading, items, hasSearchTerm);
-
   if ((items === null || items === void 0 ? void 0 : items.length) === 0) {
     return jsx(LinkSearchNoResults, null);
   }
-
   if (items && items.length > 0) {
     itemsContent = jsx(Fragment, null, jsx("div", {
       css: listTitleStyles,
@@ -89,7 +87,6 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
       key: item.objectId
     }))));
   }
-
   if (isLoading) {
     loadingContent = jsx("div", {
       css: spinnerContainerStyles
@@ -98,7 +95,6 @@ const LinkSearchList = /*#__PURE__*/forwardRef(({
       size: "medium"
     }));
   }
-
   return jsx("div", _extends({
     ref: ref,
     css: listContainerStyles

package/dist/es2019/ui/link-picker/link-search-list/link-search-no-results/index.js

@@ -19,7 +19,6 @@ export const messages = defineMessages({
 export const testIds = {
   emptyResultPage: 'link-search-no-results'
 };
-
 const NoResults = () => {
   const intl = useIntl();
   return jsx("div", {
@@ -31,5 +30,4 @@ const NoResults = () => {
     renderImage: () => jsx(NoResultsSVG, null)
   }));
 };
-
 export default NoResults;

package/dist/es2019/ui/link-picker/link-search-list/link-search-no-results/no-results-svg/index.js

@@ -1,9 +1,7 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { noResultsSVGStyles } from './styled';
-
 const NoResultsSVG = () => {
   const id = 'link-picker-ui-no-results-svg';
   return jsx("svg", {
@@ -56,5 +54,4 @@ const NoResultsSVG = () => {
     d: "M0 0h207.16v189.87H0z"
   }))));
 };
-
 export default NoResultsSVG;

package/dist/es2019/ui/link-picker/link-search-list/styled.js

@@ -1,6 +1,6 @@
-import { css } from '@emotion/react'; // AFP-2532 TODO: Fix automatic suppressions below
+import { css } from '@emotion/react';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { typography } from '@atlaskit/theme';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 const gridSize = getGridSize();

package/dist/es2019/ui/link-picker/link-search-list/use-track-results-shown/index.js

@@ -8,20 +8,22 @@ export const useTrackResultsShown = (isLoading, items, hasSearchTerm) => {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-  const hasSearchTermRef = useRef(hasSearchTerm); // Using ref so that not required in the dependency array
+  const hasSearchTermRef = useRef(hasSearchTerm);
+  // Using ref so that not required in the dependency array
   // Analytics should be entirely dependent on change of items being viewed
-
   useEffect(() => {
     hasSearchTermRef.current = hasSearchTerm;
-  }, [hasSearchTerm]); // Filters isLoading/items to only return the array of items if no longer loading more items
+  }, [hasSearchTerm]);
+
+  // Filters isLoading/items to only return the array of items if no longer loading more items
   // Loading state IS a factor here because some tabs will
   // load intermediate results whilst loading additional results (Atlassian tab)
   // Considered to only have "shown" results once we are in a final state (no longer loading)
+  const finalItems = useMemo(() => !isLoading ? items : null, [isLoading, items]);
 
-  const finalItems = useMemo(() => !isLoading ? items : null, [isLoading, items]); // Because Atlassian tab resolves intermediate results on every keystroke (may never be loading)
+  // Because Atlassian tab resolves intermediate results on every keystroke (may never be loading)
   // Debounce the items so that we only consider the results to have been shown
   // after they have been stable for DEBOUNCE_MS
-
   const [debouncedItems] = useDebounce(finalItems, DEBOUNCE_MS);
   useEffect(() => {
     if (debouncedItems) {

package/dist/es2019/ui/link-picker/list-item/index.js

@@ -5,7 +5,6 @@ import { injectIntl } from 'react-intl-next';
 import { transformTimeStamp } from '../transformTimeStamp';
 import { itemNameStyles, itemIconStyles, listItemContextStyles, listItemNameStyles, composeListItemStyles, imgStyles, listItemContainerStyles, listItemContainerInnerStyles } from './styled';
 import { testIds } from '..';
-
 const LinkSearchListItem = ({
   item,
   selected,
@@ -18,11 +17,8 @@ const LinkSearchListItem = ({
   onMouseLeave
 }) => {
   const handleSelect = () => onSelect(item.objectId);
-
   const handleMouseEnter = () => onMouseEnter(item.objectId);
-
   const handleMouseLeave = () => onMouseLeave(item.objectId);
-
   const container = item.container || null;
   const date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
   return jsx("div", {
@@ -53,19 +49,13 @@ const LinkSearchListItem = ({
     css: listItemContainerInnerStyles
   }, container && jsx(Fragment, null, "\xA0 \u2022\xA0 "), jsx(Fragment, null, formatDate(date))))));
 };
-
 export default injectIntl(LinkSearchListItem);
-
 const formatDate = date => {
   return [date.pageAction, date.dateString, date.timeSince].filter(Boolean).join(' ');
 };
-
 const isSVG = icon => icon.startsWith('<svg') && icon.endsWith('</svg>');
-
 const base64SVG = icon => `data:image/svg+xml;base64,${Buffer.from(icon).toString('base64')}`;
-
 const testId = 'link-search-list-item-icon';
-
 const ListItemIcon = props => {
   const {
     item,
@@ -75,13 +65,10 @@ const ListItemIcon = props => {
     icon,
     iconAlt
   } = item;
-
   if (!icon) {
     return null;
   }
-
   const alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-
   if (typeof icon !== 'string') {
     const Glyph = icon;
     return jsx("span", {
@@ -91,7 +78,6 @@ const ListItemIcon = props => {
       "data-testid": testId
     }));
   }
-
   return jsx("span", {
     css: itemIconStyles
   }, jsx("img", {

package/dist/es2019/ui/link-picker/list-item/styled.js

@@ -1,18 +1,16 @@
 import { css } from '@emotion/react';
 import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
+import { gridSize } from '@atlaskit/theme/constants';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { fontSizeSmall, fontSize } from '@atlaskit/theme';
 export const relativeFontSizeToBase16 = px => {
   if (typeof px === 'string') {
     px = parseInt(px);
   }
-
   if (isNaN(px)) {
     throw new Error(`Invalid font size: '${px}'`);
   }
-
   return `${px / 16}rem`;
 };
 const listItemBaseStyles = css`

package/dist/es2019/ui/link-picker/styled.js

@@ -4,10 +4,10 @@ import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 const LINK_PICKER_WIDTH_IN_PX = 342;
 const LINK_PICKER_MIN_HEIGHT_IN_PX = 220;
 const gridSize = getGridSize();
+
 /**
  * Half padding on the top as the form field has a `gridSize()` margin top that cannot be overridden
  */
-
 export const rootContainerStyles = css`
   width: ${LINK_PICKER_WIDTH_IN_PX}px;
   padding: ${gridSize}px ${gridSize * 2}px ${gridSize * 2}px;

package/dist/es2019/ui/link-picker/text-input/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { useCallback, useRef, Fragment } from 'react';
 import { jsx } from '@emotion/react';
@@ -13,7 +12,6 @@ export const testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
 };
-
 const TextInput = ({
   name,
   label,
@@ -30,7 +28,6 @@ const TextInput = ({
   const handleRef = useCallback(input => {
     if (input) {
       inputRef.current = input;
-
       if (autoFocus) {
         // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
         input.focus({
@@ -47,14 +44,12 @@ const TextInput = ({
       e.preventDefault();
       onRedo();
     }
-
     if (onKeyDown) {
       onKeyDown(e);
     }
   }, [onUndo, onRedo, onKeyDown]);
   const handleClear = useCallback(e => {
     var _inputRef$current;
-
     e.preventDefault();
     e.stopPropagation();
     onClear === null || onClear === void 0 ? void 0 : onClear(name);
@@ -89,5 +84,4 @@ const TextInput = ({
     }, error));
   }));
 };
-
 export default TextInput;

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

@@ -5,10 +5,10 @@ import { succeedUfoExperience, ufoExperience } from '../../../common/analytics/e
 import createEventPayload from '../../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
 import { useLinkPickerSessionId } from '../../../controllers/session-provider';
+
 /**
  * UFO + Analytics tracking for component mount (and unmount)
  */
-
 function TrackMount() {
   const {
     createAnalyticsEvent
@@ -27,5 +27,4 @@ function TrackMount() {
   }, [createAnalyticsEvent]);
   return null;
 }
-
 export default TrackMount;

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

@@ -3,7 +3,6 @@ import { useLayoutEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import createEventPayload from '../../../analytics.codegen';
 import { ANALYTICS_CHANNEL } from '../../../common/constants';
-
 function TrackTabViewed({
   activeTab
 }) {
@@ -15,5 +14,4 @@ function TrackTabViewed({
   }, [activeTab, createAnalyticsEvent]);
   return null;
 }
-
 export default TrackTabViewed;

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

@@ -2,39 +2,32 @@ import formatDistance from 'date-fns/formatDistance';
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
 import format from 'date-fns/format';
 import { messages } from './messages';
-
 const renderAbsoluteOrRelativeDate = (timeStamp, pageAction, intl) => {
   let pageActionText = '';
-
   switch (pageAction) {
     case 'updated':
       pageActionText = intl.formatMessage(messages.timeUpdated);
       break;
-
     case 'viewed':
       pageActionText = intl.formatMessage(messages.timeViewed);
       break;
   }
-
   if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
     return {
       pageAction: pageActionText,
       dateString: format(timeStamp, 'MMMM dd, yyyy')
     };
   }
-
   return {
     pageAction: pageActionText,
     dateString: formatDistance(timeStamp, Date.now()),
     timeSince: intl.formatMessage(messages.timeAgo)
   };
 };
-
 export const transformTimeStamp = (intl, lastViewedDate, lastUpdatedDate) => {
   if (lastViewedDate) {
     return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
   }
-
   if (lastUpdatedDate) {
     return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
   }

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

@@ -3,22 +3,24 @@ import { transformTimeStamp } from './transformTimeStamp';
 const KeyZCode = 90;
 const KeyYCode = 89;
 export const isUndoEvent = e => {
-  return e.keyCode === KeyZCode && ( // cmd + z for mac
-  browser.mac && e.metaKey && !e.shiftKey || // ctrl + z for non-mac
+  return e.keyCode === KeyZCode && (
+  // cmd + z for mac
+  browser.mac && e.metaKey && !e.shiftKey ||
+  // ctrl + z for non-mac
   !browser.mac && e.ctrlKey);
 };
 export const isRedoEvent = e => {
-  return (// ctrl + y for non-mac
+  return (
+    // ctrl + y for non-mac
     !browser.mac && e.ctrlKey && e.keyCode === KeyYCode || 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
  */
-
 export const 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';
 };
 export function getScreenReaderText(items, selectedIndex, intl) {

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import React, { useRef, useMemo, useState, useCallback } from 'react';
 import { jsx } from '@emotion/react';
@@ -8,12 +7,11 @@ import ChevronLeftIcon from '@atlaskit/icon/glyph/chevron-left';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
 import { scrollBack, scrollForward, calculateConditionalButtons, getTabList, createGhost } from './scrolling-tabs';
 import { containerStyles, scrollingContainerStyles, nextButtonStyles, backButtonStyles } from './styles';
-
 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;
 }
-
 const initialConditionalButtonsState = {
   back: false,
   forward: false
@@ -24,7 +22,6 @@ export const ScrollingTabList = props => {
   const ghost = useMemo(() => createGhost(), []);
   const onTabClick = useCallback(e => {
     const target = e.currentTarget;
-
     if (target) {
       target.scrollIntoView({
         behavior: 'smooth',
@@ -37,20 +34,16 @@ export const ScrollingTabList = props => {
     const container = ref.current;
     let scrollingContainer;
     let tabs;
-
     const handleConditionalButtonsChange = () => {
       const buttons = calculateConditionalButtons(scrollingContainer, isTouchDevice());
       setConditionalButtons(buttons);
     };
-
     const observerCallback = mutationList => {
       const tablist = getTabList(ref);
-
       for (const mutation of mutationList) {
         if (mutation.type === 'childList') {
           const addedNodes = Array.from(mutation.addedNodes);
           const found = addedNodes.find(node => node.getAttribute('role') === 'tab');
-
           if (found && tablist) {
             ghost.remove();
             const tabs = Array.from(tablist.children);
@@ -64,9 +57,7 @@ export const ScrollingTabList = props => {
         }
       }
     };
-
     const observer = new MutationObserver(observerCallback);
-
     if (container) {
       const tablist = getTabList(ref);
       scrollingContainer = tablist === null || tablist === void 0 ? void 0 : tablist.parentElement;
@@ -75,7 +66,6 @@ export const ScrollingTabList = props => {
         childList: true,
         subtree: true
       });
-
       if (scrollingContainer instanceof HTMLElement && tablist) {
         tablist.appendChild(ghost);
         tabs = Array.from(tablist.children);
@@ -83,12 +73,10 @@ export const ScrollingTabList = props => {
         handleConditionalButtonsChange();
         scrollingContainer.addEventListener('scroll', handleConditionalButtonsChange);
       }
-
       return () => {
         if (scrollingContainer) {
           scrollingContainer.removeEventListener('scroll', handleConditionalButtonsChange);
         }
-
         if (tabs.length) {
           tabs.forEach(tab => tab.removeEventListener('click', onTabClick));
         }

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

@@ -12,11 +12,9 @@ export const calculateConditionalButtons = (container, hideButtons) => {
     back: false,
     forward: false
   };
-
   if (!container || hideButtons) {
     return initialState;
   }
-
   const maxScrollValue = container.scrollWidth - container.clientWidth;
   return {
     back: container.scrollLeft > 0,
@@ -30,17 +28,13 @@ export const createGhost = () => {
   ghost.style.pointerEvents = 'none';
   return ghost;
 };
-
 const moveTabsScroll = (ref, findFn) => {
   const container = getContainer(ref);
-
   if (container) {
     const tablist = container.children[0];
     const tabs = [...tablist.children];
-
     if (tabs.length > 0) {
       const target = findFn(container, tabs);
-
       if (target) {
         const left = container.scrollLeft + target.getBoundingClientRect().left - container.getBoundingClientRect().left - BUTTON_SIZE;
         scrollTo(container, left);
@@ -48,38 +42,30 @@ const moveTabsScroll = (ref, findFn) => {
     }
   }
 };
-
 const scrollTo = (container, left) => {
   container.scrollTo({
     left
   });
 };
-
 export const getTabList = ref => {
   var _ref$current;
-
   return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[role="tablist"]');
 };
 export const getContainer = ref => {
   var _getTabList;
-
   return (_getTabList = getTabList(ref)) === null || _getTabList === void 0 ? void 0 : _getTabList.parentElement;
 };
-
 const findPrevious = (container, tabs) => {
   const previousTabs = tabs.filter(tab => {
     const [containerRect, tabRect] = [container.getBoundingClientRect(), tab.getBoundingClientRect()];
     const [containerArea, tabArea] = [containerRect.left + container.scrollLeft - GUTTER, container.scrollLeft + tabRect.left + tabRect.width];
     return containerArea > tabArea;
   });
-
   if (previousTabs.length < 3) {
     return previousTabs[0];
   }
-
   return previousTabs[previousTabs.length - 1];
 };
-
 const findNext = (container, tabs) => {
   const containerRect = container.getBoundingClientRect();
   return tabs.find(tab => {

package/dist/es2019/version.json

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

package/dist/esm/analytics.codegen.js

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

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

@@ -1,11 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { AnalyticsListener } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../constants';
@@ -26,14 +23,13 @@ var LinkPickerAnalyticsContext = /*#__PURE__*/React.createContext({
     return 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
  */
-
 var contextAttributesFromIntialProps = function contextAttributesFromIntialProps(props) {
   var _props$plugins$0$tabK, _props$plugins, _props$plugins$;
-
   return {
     linkState: normalizeUrl(props.url) ? 'editLink' : 'newLink',
     linkFieldContent: normalizeUrl(props.url) ? 'url' : null,
@@ -42,14 +38,13 @@ var contextAttributesFromIntialProps = function contextAttributesFromIntialProps
     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
  */
-
-
 var LinkPickerAnalytics = function LinkPickerAnalytics(_ref) {
   var initialContext = _ref.initialContext,
-      children = _ref.children;
+    children = _ref.children;
   var dataRef = useRef(_objectSpread(_objectSpread({}, DEFAULT_CONTEXT_ATTRIBUTES), initialContext));
   var methods = useMemo(function () {
     return {
@@ -68,45 +63,40 @@ var LinkPickerAnalytics = function LinkPickerAnalytics(_ref) {
     value: methods
   }, children);
 };
+
 /**
  * Hook that exposes the context-level attribute getters and setters.
  */
-
-
 export var useLinkPickerAnalytics = function useLinkPickerAnalytics() {
   return useContext(LinkPickerAnalyticsContext);
 };
+
 /**
  * Wrap component in "attributes" context store and initialise the initial context attributes from props.
  */
-
 function withLinkPickerAnalytics(WrappedComponent) {
   return function (props) {
     var _useState = useState(function () {
-      return contextAttributesFromIntialProps(props);
-    }),
-        _useState2 = _slicedToArray(_useState, 1),
-        initialContext = _useState2[0];
-
+        return contextAttributesFromIntialProps(props);
+      }),
+      _useState2 = _slicedToArray(_useState, 1),
+      initialContext = _useState2[0];
     return /*#__PURE__*/React.createElement(LinkPickerAnalytics, _extends({
       initialContext: initialContext
     }, 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(function (props) {
     var _useLinkPickerAnalyti = useLinkPickerAnalytics(),
-        getAttributes = _useLinkPickerAnalyti.getAttributes;
-
+      getAttributes = _useLinkPickerAnalyti.getAttributes;
     var onEvent = useCallback(function (event) {
       var _event$payload$attrib;
-
       event.update({
         attributes: _objectSpread(_objectSpread({}, getAttributes()), (_event$payload$attrib = event.payload.attributes) !== null && _event$payload$attrib !== void 0 ? _event$payload$attrib : {})
       });

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

@@ -3,7 +3,6 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 export var ufoExperience = {
   mounted: 'component-mounted'
 };
-
 var ufoExperiences = _defineProperty({}, ufoExperience.mounted, new ConcurrentExperience(ufoExperience.mounted, {
   type: ExperienceTypes.Load,
   performanceType: ExperiencePerformanceTypes.PageSegmentLoad,
@@ -11,11 +10,9 @@ var ufoExperiences = _defineProperty({}, ufoExperience.mounted, new ConcurrentEx
     component: 'link-picker'
   }
 }));
-
 export var startUfoExperience = function startUfoExperience(experienceName, id, metadata) {
   var experience = ufoExperiences[experienceName].getInstance(id);
   experience.start();
-
   if (metadata) {
     experience.addMetadata(metadata);
   }