@blaze-cms/react-page-builder 0.125.0-f-admin-updates.5 → 0.126.0-admin-updates.0

package/src/components/List/components/Cards/CardsRenderItem.js

@@ -66,7 +66,8 @@ const CardsRenderItem = ({
           id={id}
           entity={entity}
           gridModifier={gridModifier}
-          propsToDisplay={parsedPropsToDisplay}
+          propsToDisplay={propsToDisplay}
+          parsedPropsToDisplay={parsedPropsToDisplay}
           propsToDisplayModifiers={propsToDisplayModifiers}
           modifier={modifier}
           style={style}

package/src/components/Video/providers/Vimeo/VimeoProvider.js

@@ -1,20 +1,59 @@
-import React from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import ReactPlayer from 'react-player';
+import parseHTML from 'html-react-parser';
+import { addExtraParamsToUrl } from './helpers';
+import { wrapScriptTags } from '../../../Code/helpers';
 import { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
 
-const VimeoProvider = ({ url, autoplay, loop }) => {
-  if (!url) return null;
+const VimeoProvider = ({ url, autoplay, loop, imageData }) => {
+  const inputEl = useRef(null);
+  const [videoData, setVideoData] = useState(null);
+  const [videoError, setVideoError] = useState(null);
+  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);
+
+  useEffect(
+    () => {
+      async function fetchVideoData(videoUrl) {
+        try {
+          const res = await fetch(videoUrl);
+          const data = await res.json();
+          setVideoData(data);
+        } catch (err) {
+          setVideoError(err);
+        }
+      }
+      if (url) {
+        const currentHeight = inputEl.current.clientHeight;
+        const urlWithParams = addExtraParamsToUrl(url, {
+          autoplay: true,
+          loop,
+          height: currentHeight
+        });
+        fetchVideoData(urlWithParams);
+      }
+    },
+    [autoplay, loop, url]
+  );
+
+  const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};
+  const imageUrl = imageData && imageData.url;
+  const backgroundUrl = imageUrl || thumbnailUrl;
+  const videoStyle = {};
+  if (!shouldRenderVideo && backgroundUrl)
+    videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;
+  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;
+  const parsedCode = parseHTML(html);
+  const wrappedCode = wrapScriptTags(parsedCode);
+
   return (
-    <div className={VIDEO_WRAPPER_CLASS_NAME}>
-      <ReactPlayer
-        url={url}
-        config={{
-          vimeo: {
-            playerOptions: { autoplay: { autoplay }, loop: { loop } }
-          }
-        }}
-      />
+    <div
+      ref={inputEl}
+      role="button"
+      className={VIDEO_WRAPPER_CLASS_NAME}
+      style={videoStyle}
+      onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>
+      {shouldRenderVideo && !videoError && wrappedCode}
+      {videoError && videoError.message}
     </div>
   );
 };
@@ -22,12 +61,14 @@ const VimeoProvider = ({ url, autoplay, loop }) => {
 VimeoProvider.propTypes = {
   url: PropTypes.string.isRequired,
   autoplay: PropTypes.bool,
-  loop: PropTypes.bool
+  loop: PropTypes.bool,
+  imageData: PropTypes.object
 };
 
 VimeoProvider.defaultProps = {
   autoplay: false,
-  loop: false
+  loop: false,
+  imageData: null
 };
 
 export default VimeoProvider;

package/src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js

@@ -0,0 +1,15 @@
+import { VIMEO_OEMBED_URL } from '../../../../../constants';
+
+const addExtraParamsToUrl = (url, queryParams = {}) => {
+  const paramsWithValues = {};
+  Object.keys(queryParams).forEach(key => {
+    if (queryParams[key]) {
+      paramsWithValues[key] = queryParams[key];
+    }
+  });
+  const parsedParams = new URLSearchParams(paramsWithValues);
+  const stringParams = parsedParams.toString();
+  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;
+};
+
+export default addExtraParamsToUrl;

package/src/components/Video/providers/Vimeo/helpers/index.js

@@ -0,0 +1,3 @@
+import addExtraParamsToUrl from './add-extra-params-to-url';
+
+export { addExtraParamsToUrl };

package/src/components/index.js

@@ -28,19 +28,13 @@ export default {
   ),
   modal: dynamic(() => import(/* webpackChunkName: "blazePbModal" */ './Modal')),
   code: dynamic(() => import(/* webpackChunkName: "blazePbCode" */ './Code')),
-  login: dynamic(() => import(/* webpackChunkName: "blazePbLogin" */ './Login')),
   menu: dynamic(() => import(/* webpackChunkName: "blazePbMenu" */ './Menu')),
   menuitem: dynamic(() => import(/* webpackChunkName: "blazePbMenuItem" */ './MenuItem')),
   submenu: dynamic(() => import(/* webpackChunkName: "blazePbSubMenu" */ './SubMenu')),
   emailconfirm: dynamic(() =>
     import(/* webpackChunkName: "blazePbEmailConfirm" */ './EmailConfirm')
   ),
-  passwordreset: dynamic(() =>
-    import(/* webpackChunkName: "blazePbPasswordReset" */ './PasswordReset')
-  ),
-  passwordresetrequest: dynamic(() =>
-    import(/* webpackChunkName: "blazePbPasswordResetRequest" */ './PasswordResetRequest')
-  ),
+
   breadcrumb: dynamic(() => import(/* webpackChunkName: "blazePbBreadcrumb" */ './Breadcrumb')),
   itemlistbutton: dynamic(() =>
     import(/* webpackChunkName: "blazePbItemListButton" */ './ItemList/ItemListButton')
@@ -51,5 +45,11 @@ export default {
   itemlistnew: dynamic(() =>
     import(/* webpackChunkName: "blazePbItemListNew" */ './ItemList/ItemListNew')
   ),
-  backtotop: dynamic(() => import(/* webpackChunkName: "blazePbBackToTop" */ './BackToTop'))
+  backtotop: dynamic(() => import(/* webpackChunkName: "blazePbBackToTop" */ './BackToTop')),
+  contentgroup: dynamic(() =>
+    import(/* webpackChunkName: "blazePbContentGroup" */ './ContentGroup')
+  ),
+  contentgroupsection: dynamic(() =>
+    import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
+  )
 };

package/src/constants/index.js

@@ -35,10 +35,7 @@ const CATEGORY_ID = 'categoryId';
 const PUBLISHED = 'published';
 const ID = 'id';
 const LINK = 'link';
-const EMAIL = 'email';
-const PASSWORD = 'password';
 const LOGOUT = 'logout';
-const LOGIN_FORM = 'loginForm';
 const GRAPH_QL_ERROR = 'GraphQL error: ';
 const HOVER = 'hover';
 const MOUSE_ENTER = 'mouseenter';
@@ -120,6 +117,7 @@ const PROPS_TO_CHECK = [
 
 const JW_PLAYER_TYPE_FILE = 'file';
 const VIDEO_WRAPPER_CLASS_NAME = 'video__wrapper';
+const VIMEO_OEMBED_URL = 'https://vimeo.com/api/oembed.json';
 const BREAKPOINT_SIZES = {
   sm: 'sm',
   md: 'md',
@@ -130,10 +128,6 @@ const BREAKPOINT_SIZES = {
 
 const MAX_BANNER_HEIGHT = 250;
 const MIN_BANNER_HEIGHT = 90;
-const PASSWORD_REGEX = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,}$/;
-const PASSWORD_VALIDATION_MESSAGE =
-  'Must contain 8 or more characters with a mix of upper & lower case letters, numbers & symbols and no spaces';
-const PASSWORD_CONFIRM_MESSAGE = 'Passwords must match';
 const ALLOWED_BLOCK_TYPES = ['p', 'ul', 'ol'];
 
 const PREHEADER_PROP = 'alternativePreHeader';
@@ -287,8 +281,6 @@ export {
   LOAD_MORE,
   CLASSIC,
   BREAKPOINT_SIZES,
-  EMAIL,
-  PASSWORD,
   LOGOUT,
   MIN_BANNER_HEIGHT,
   MAX_BANNER_HEIGHT,
@@ -305,10 +297,6 @@ export {
   HIDDEN,
   MENU_ITEM,
   SUB_MENU,
-  LOGIN_FORM,
-  PASSWORD_REGEX,
-  PASSWORD_VALIDATION_MESSAGE,
-  PASSWORD_CONFIRM_MESSAGE,
   ELEMENT,
   ALLOWED_BLOCK_TYPES,
   PREHEADER_PROP,
@@ -322,5 +310,6 @@ export {
   TARGET_BLANK,
   DATA_SUMMARY_EMAIL_REGEX,
   DATA_SUMMARY_URL_REGEX,
-  DATA_SUMMARY_TEL_REGEX
+  DATA_SUMMARY_TEL_REGEX,
+  VIMEO_OEMBED_URL
 };

package/src/helpers/build-search-values-text.js

@@ -1,7 +1,17 @@
 const buildSearchValuesText = ({ propsToDisplay }, { search_term: searchTerm }) =>
   propsToDisplay.reduce((acc, field, index) => {
     if (field && searchTerm) {
-      acc[index] = {
+      if (index === 0) {
+        acc[index] = {
+          match: {
+            pageBuilderIndexed: {
+              query: searchTerm,
+              fuzziness: 'AUTO'
+            }
+          }
+        };
+      }
+      acc[index + 1] = {
         match: {
           [field]: {
             query: searchTerm,
@@ -12,4 +22,5 @@ const buildSearchValuesText = ({ propsToDisplay }, { search_term: searchTerm })
     }
     return acc;
   }, []);
+
 export default buildSearchValuesText;

package/src/hooks/helpers/get-banners-by-type.js

@@ -15,7 +15,7 @@ const getBannersByType = (items, bannerType) => {
           type === PB_TYPE_BANNER && insertionType === PB_TYPE_TEXTBLOCK
       );
 
-      const hasTextBlockBanners = textBlockBanners && textBlockBanners.length;
+      const hasTextBlockBanners = !!textBlockBanners && !!textBlockBanners.length;
 
       return [hasTextBlockBanners, textBlockBanners];
     }

package/src/index.js

@@ -11,7 +11,7 @@ export {
   getSingleEntitySchema,
   getUser
 } from './application/query';
-export { buildPropsQuery, getUnpublishedEntityName, renderChildren } from './helpers';
+export { buildPropsQuery, getUnpublishedEntityName, renderChildren, hasChildren } from './helpers';
 export { withTitle } from './HOC';
 export { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';
 export { summaryComponents } from './components/DataSummary/DataSummaryTypes';

package/tests/unit/src/components/Button.test.js

@@ -12,6 +12,13 @@ jest.mock('next/router', () => ({
   useRouter: jest.fn(() => ({ asPath: '' }))
 }));
 
+jest.mock('@blaze-cms/utils-handlebars', () => ({
+  useStringTemplate: jest.fn((parent, [text, after, url]) => ({
+    loading: false,
+    data: [text, after, url]
+  }))
+}));
+
 const componentProps = {
   type: 'icon',
   text: 'test',

package/tests/unit/src/components/Card/Card.test.js

@@ -16,8 +16,17 @@ const render = async (Component, props) => {
 };
 
 const CATEGORY = 'category-name';
-const firstPropToDisplay = 'some description';
-const secondPropToDisplay = 'extra props';
+
+const propsToDisplay = [
+  {
+    htmlAttribute: 'data-testid'
+  }
+];
+const getMockedParsedProp = children => <>{children}</>;
+const firstPropValue = 'some description';
+const secondPropValue = 'extra props';
+const firstPropToDisplay = getMockedParsedProp(['', '', firstPropValue, '', '']);
+const secondPropToDisplay = getMockedParsedProp(['', '', secondPropValue, '', '']);
 
 const componentProps = {
   id: 'id',
@@ -41,7 +50,8 @@ const componentProps = {
   displayCategory: true,
   displayThumbnail: true,
   displayTitle: true,
-  propsToDisplay: [firstPropToDisplay, secondPropToDisplay]
+  propsToDisplay,
+  parsedPropsToDisplay: [firstPropToDisplay, secondPropToDisplay]
 };
 
 const preHeaderName = 'Pre header';
@@ -54,7 +64,8 @@ jest.mock('../../../../../src/components/LazyImage', () => ({ src, alt }) => (
 
 describe('Card component', () => {
   it('should render without throwing an error and match snapshot', async () => {
-    const { asFragment } = await render(Card, componentProps);
+    const { asFragment, getByTestId } = await render(Card, componentProps);
+    expect(getByTestId(encodeURIComponent(firstPropValue))).toBeDefined();
     expect(asFragment()).toMatchSnapshot();
   });
 
@@ -159,8 +170,8 @@ describe('Card component', () => {
     const { getByText } = await render(Card, componentProps);
 
     await waitFor(() => {
-      expect(getByText(firstPropToDisplay)).toBeInTheDocument();
-      expect(getByText(secondPropToDisplay)).toBeInTheDocument();
+      expect(getByText(firstPropValue)).toBeInTheDocument();
+      expect(getByText(secondPropValue)).toBeInTheDocument();
     });
   });
 
@@ -170,7 +181,7 @@ describe('Card component', () => {
     const { getByText } = await render(Card, { ...componentProps, ...propsToDisplayModifiers });
 
     await waitFor(() => {
-      const span = getByText(firstPropToDisplay).closest('span');
+      const span = getByText(firstPropValue).closest('span');
       expect(span).not.toHaveAttribute(modifier);
     });
   });

package/tests/unit/src/components/Card/__snapshots__/Card.test.js.snap

@@ -44,6 +44,7 @@ exports[`Card component should not render alternative headline if alternativePre
         >
           <span
             class=""
+            data-testid="some%20description"
           >
             some description
           </span>
@@ -112,6 +113,7 @@ exports[`Card component should not render alternative headline if displayCategor
         >
           <span
             class=""
+            data-testid="some%20description"
           >
             some description
           </span>
@@ -186,6 +188,7 @@ exports[`Card component should not render preHeader if alternativeHeadline is no
         >
           <span
             class=""
+            data-testid="some%20description"
           >
             some description
           </span>
@@ -259,6 +262,7 @@ exports[`Card component should render customPreheader and alternativeHeadline in
         >
           <span
             class=""
+            data-testid="some%20description"
           >
             some description
           </span>
@@ -333,6 +337,7 @@ exports[`Card component should render without throwing an error and match snapsh
         >
           <span
             class=""
+            data-testid="some%20description"
           >
             some description
           </span>

package/tests/unit/src/components/ContentGroup/ContentGroup.test.js

@@ -0,0 +1,13 @@
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import ContentGroup from '../../../../../src/components/ContentGroup/ContentGroup';
+
+describe('ContentGroup component', () => {
+  it('should match snapshot and render based on contentType prop', () => {
+    const { asFragment: tabContentGroup } = render(ContentGroup, { contentType: 'tab' });
+    const { asFragment: sidepanelContentGroup } = render(ContentGroup, {
+      contentType: 'sidepanel'
+    });
+    expect(tabContentGroup()).toMatchSnapshot();
+    expect(sidepanelContentGroup()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/ContentGroup/ContentGroupTabs.test.js

@@ -0,0 +1,16 @@
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import ContentGroupTabs from '../../../../../src/components/ContentGroup/ContentGroupTabs';
+
+describe('ContentGroupTabs component', () => {
+  it('should match snapshot and render tabs content', () => {
+    const { asFragment: tabContentGroup } = render(ContentGroupTabs, { contentType: 'tab' });
+    expect(tabContentGroup()).toMatchSnapshot();
+  });
+
+  it('should match snapshot and render sidepanel content', () => {
+    const { asFragment: sidepanelContentGroup } = render(ContentGroupTabs, {
+      contentType: 'sidepanel'
+    });
+    expect(sidepanelContentGroup()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroup.test.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ContentGroup component should match snapshot and render based on contentType prop 1`] = `<DocumentFragment />`;
+
+exports[`ContentGroup component should match snapshot and render based on contentType prop 2`] = `<DocumentFragment />`;

package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ContentGroupTabs component should match snapshot and render sidepanel content 1`] = `<DocumentFragment />`;
+
+exports[`ContentGroupTabs component should match snapshot and render tabs content 1`] = `<DocumentFragment />`;

package/tests/unit/src/components/ContentGroupSection/ContentGroupSection.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import ContentGroupSection from '../../../../../src/components/ContentGroupSection/ContentGroupSection';
+
+describe('ContentGroupSection component', () => {
+  it('should not render if section has no children', () => {
+    const { asFragment: contentGroupSection } = render(ContentGroupSection);
+    expect(contentGroupSection()).toMatchSnapshot();
+  });
+
+  it('should render if section has children', () => {
+    const { asFragment: contentGroupSection } = render(ContentGroupSection, {
+      children: [<div>child div</div>]
+    });
+    expect(contentGroupSection()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/ContentGroupSection/__snapshots__/ContentGroupSection.test.js.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ContentGroupSection component should not render if section has no children 1`] = `<DocumentFragment />`;
+
+exports[`ContentGroupSection component should render if section has children 1`] = `
+<DocumentFragment>
+  <div
+    class="content-group-section"
+  >
+    <div>
+      child div
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/Video/providers/Vimeo/{Vimeo.js → Vimeo.test.js}

@@ -3,10 +3,8 @@ import '@testing-library/jest-dom/extend-expect';
 import VimeoProvider from '../../../../../../../src/components/Video/providers/Vimeo/VimeoProvider';
 
 describe('VimeoProvider component', () => {
-  const props = { url: 'https://player.vimeo.com/video/XXXXXX' };
-
   it('should render without throwing error and match snapshot', async () => {
-    const { asFragment } = render(VimeoProvider, props);
+    const { asFragment } = render(VimeoProvider, {});
     expect(asFragment()).toMatchSnapshot();
   });
 });

package/tests/unit/src/components/Video/providers/Vimeo/__snapshots__/Vimeo.test.js.snap

@@ -0,0 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VimeoProvider component should render without throwing error and match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="video__wrapper"
+    role="button"
+  />
+</DocumentFragment>
+`;

package/tests/unit/src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.test.js

@@ -0,0 +1,24 @@
+import '@testing-library/jest-dom/extend-expect';
+import { addExtraParamsToUrl } from '../../../../../../../../src/components/Video/providers/Vimeo/helpers';
+
+const mockUrl = 'https://www.vimeo.com/12938920';
+
+describe('addExtraParamsToUrl helper function', () => {
+  it('should return url with params based on props', () => {
+    const newUrl = addExtraParamsToUrl(mockUrl);
+    const newUrlWithAutoplay = addExtraParamsToUrl(mockUrl, { autoplay: true, loop: false });
+    const newUrlWithHeight = addExtraParamsToUrl(mockUrl, {
+      autoplay: false,
+      loop: false,
+      height: '21132px'
+    });
+
+    expect(newUrl).toEqual('https://vimeo.com/api/oembed.json?url=https://www.vimeo.com/12938920');
+    expect(newUrlWithAutoplay).toEqual(
+      'https://vimeo.com/api/oembed.json?url=https://www.vimeo.com/12938920&autoplay=true'
+    );
+    expect(newUrlWithHeight).toEqual(
+      'https://vimeo.com/api/oembed.json?url=https://www.vimeo.com/12938920&height=21132px'
+    );
+  });
+});

package/tests/unit/src/components/__snapshots__/index.test.js.snap

@@ -34,6 +34,14 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "contentgroup": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
+  "contentgroupsection": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "datasummary": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
@@ -62,10 +70,6 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
-  "login": Object {
-    "$$typeof": Symbol(react.forward_ref),
-    "render": [Function],
-  },
   "menu": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
@@ -78,14 +82,6 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
-  "passwordreset": Object {
-    "$$typeof": Symbol(react.forward_ref),
-    "render": [Function],
-  },
-  "passwordresetrequest": Object {
-    "$$typeof": Symbol(react.forward_ref),
-    "render": [Function],
-  },
   "row": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],

package/tests/unit/src/helpers/build-search-values-text.test.js

@@ -16,10 +16,6 @@ describe('build search values for text input', () => {
   const searchValuesEmpty = buildSearchValuesText({ propsToDisplay: [] }, query);
   const searchValuesNoQueryParams = buildSearchValuesText(textFilter, {});
 
-  it('should be a function', () => {
-    expect(typeof buildSearchValuesText).toEqual('function');
-  });
-
   it('should always return an array', () => {
     expect(Array.isArray(searchValues)).toEqual(true);
     expect(Array.isArray(searchValuesEmpty)).toEqual(true);
@@ -27,12 +23,13 @@ describe('build search values for text input', () => {
 
   it('should return an array with correct data', () => {
     const searchArray = [
+      { match: { pageBuilderIndexed: { query: 'something', fuzziness: 'AUTO' } } },
       { match: { name: { query: 'something', fuzziness: 'AUTO' } } },
       { match: { metaTitle: { query: 'something', fuzziness: 'AUTO' } } }
     ];
     expect(searchValues).toEqual(searchArray);
     expect(searchValuesEmpty).toEqual([]);
-    expect(searchValues.length).toBe(2);
+    expect(searchValues.length).toBe(3);
     expect(searchValuesEmpty.length).toBe(0);
     expect(searchValuesNoQueryParams.length).toBe(0);
   });

package/lib/components/Login/LoggedInMessage.js

@@ -1,28 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var LoggedInMessage = function LoggedInMessage(_ref) {
-  var goToUrl = _ref.goToUrl,
-    urlToUse = _ref.urlToUse;
-  return /*#__PURE__*/_react["default"].createElement("span", null, "You are already logged in please", ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    onClick: function onClick(e) {
-      e.preventDefault();
-      goToUrl(true);
-    },
-    href: urlToUse
-  }, "click here"), ' ', "to reload your content access");
-};
-LoggedInMessage.propTypes = {
-  goToUrl: _propTypes["default"].func.isRequired,
-  urlToUse: _propTypes["default"].string.isRequired
-};
-var _default = LoggedInMessage;
-exports["default"] = _default;
-//# sourceMappingURL=LoggedInMessage.js.map

package/lib/components/Login/LoggedInMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoggedInMessage.js","names":["LoggedInMessage","goToUrl","urlToUse","e","preventDefault","propTypes","PropTypes","func","isRequired","string"],"sources":["../../../src/components/Login/LoggedInMessage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst LoggedInMessage = ({ goToUrl, urlToUse }) => (\n  <span>\n    You are already logged in please{' '}\n    <a\n      onClick={e => {\n        e.preventDefault();\n        goToUrl(true);\n      }}\n      href={urlToUse}>\n      click here\n    </a>{' '}\n    to reload your content access\n  </span>\n);\n\nLoggedInMessage.propTypes = {\n  goToUrl: PropTypes.func.isRequired,\n  urlToUse: PropTypes.string.isRequired\n};\n\nexport default LoggedInMessage;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe;EAAA,IAAMC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;EAAA,oBAC1C,kFACmC,GAAG,eACpC;IACE,OAAO,EAAE,iBAAAC,CAAC,EAAI;MACZA,CAAC,CAACC,cAAc,EAAE;MAClBH,OAAO,CAAC,IAAI,CAAC;IACf,CAAE;IACF,IAAI,EAAEC;EAAS,gBAEb,EAAC,GAAG,kCAEH;AAAA,CACR;AAEDF,eAAe,CAACK,SAAS,GAAG;EAC1BJ,OAAO,EAAEK,qBAAS,CAACC,IAAI,CAACC,UAAU;EAClCN,QAAQ,EAAEI,qBAAS,CAACG,MAAM,CAACD;AAC7B,CAAC;AAAC,eAEaR,eAAe;AAAA"}