@mjhls/mjh-framework 1.0.859-segment-targeting-v3 → 1.0.860-beta.0

package/dist/cjs/AuthWrapper.js

@@ -1,28 +1,23 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
+require('./core.get-iterator-method-f3c44602.js');
+require('./web.dom.iterable-e34bf324.js');
 var React = require('react');
-var slicedToArray = require('./slicedToArray-8f385299.js');
+var React__default = _interopDefault(React);
+var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
 var reactBootstrap = require('react-bootstrap');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var logger = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var logger_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setLogger = setLogger;
-exports.proxyLogger = proxyLogger;
 exports.default = void 0;
-var _logger = {
+var logger = {
   error(code) {
     for (var _len = arguments.length, message = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       message[_key - 1] = arguments[_key];
@@ -52,81 +47,11 @@ var _logger = {
   }
 
 };
-
-function setLogger() {
-  var newLogger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (newLogger.error) _logger.error = newLogger.error;
-  if (newLogger.warn) _logger.warn = newLogger.warn;
-  if (newLogger.debug) _logger.debug = newLogger.debug;
-}
-
-var _default = _logger;
+var _default = logger;
 exports.default = _default;
-
-function proxyLogger() {
-  var logger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _logger;
-  var basePath = arguments.length > 1 ? arguments[1] : undefined;
-
-  try {
-    if (typeof window === 'undefined') {
-      return logger;
-    }
-
-    var clientLogger = {};
-
-    var _loop = function _loop(level) {
-      clientLogger[level] = function (code) {
-        for (var _len4 = arguments.length, message = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
-          message[_key4 - 1] = arguments[_key4];
-        }
-
-        _logger[level](code, ...message);
-
-        var url = "".concat(basePath, "/_log");
-        var body = new URLSearchParams({
-          level,
-          code,
-          message: JSON.stringify(message.map(m => {
-            if (m instanceof Error) {
-              return {
-                name: m.name,
-                message: m.message,
-                stack: m.stack
-              };
-            }
-
-            return m;
-          }))
-        });
-
-        if (navigator.sendBeacon) {
-          return navigator.sendBeacon(url, body);
-        }
-
-        return fetch(url, {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body
-        });
-      };
-    };
-
-    for (var level in logger) {
-      _loop(level);
-    }
-
-    return clientLogger;
-  } catch (_unused) {
-    return _logger;
-  }
-}
 });
 
-_commonjsHelpers.unwrapExports(logger);
-var logger_1 = logger.setLogger;
-var logger_2 = logger.proxyLogger;
+_commonjsHelpers.unwrapExports(logger_1);
 
 var parseUrl_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -169,16 +94,12 @@ exports.default = exports.Provider = exports.useSession = void 0;
 
 
 
-var _logger2 = _interopRequireWildcard(logger);
+var _logger = _interopRequireDefault(logger_1);
 
 var _parseUrl = _interopRequireDefault(parseUrl_1);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -201,7 +122,6 @@ var __NEXTAUTH = {
   _clientId: Math.random().toString(36).substring(2) + Date.now().toString(36),
   _getSession: () => {}
 };
-var logger$1 = (0, _logger2.proxyLogger)(_logger2.default, __NEXTAUTH.basePath);
 
 if (typeof window !== 'undefined') {
   if (__NEXTAUTH._eventListenersAdded === false) {
@@ -358,10 +278,10 @@ var getProviders = function () {
   };
 }();
 
-var SessionContext = (0, React__default['default'].createContext)();
+var SessionContext = (0, React__default.createContext)();
 
 var useSession = session => {
-  var value = (0, React__default['default'].useContext)(SessionContext);
+  var value = (0, React__default.useContext)(SessionContext);
 
   if (value === undefined) {
     return _useSessionHook(session);
@@ -373,9 +293,9 @@ var useSession = session => {
 exports.useSession = useSession;
 
 var _useSessionHook = session => {
-  var [data, setData] = (0, React__default['default'].useState)(session);
-  var [loading, setLoading] = (0, React__default['default'].useState)(true);
-  (0, React__default['default'].useEffect)(() => {
+  var [data, setData] = (0, React__default.useState)(session);
+  var [loading, setLoading] = (0, React__default.useState)(true);
+  (0, React__default.useEffect)(() => {
     var _getSession = function () {
       var _ref4 = _asyncToGenerator(function* () {
         var {
@@ -413,7 +333,7 @@ var _useSessionHook = session => {
           setData(newClientSessionData);
           setLoading(false);
         } catch (error) {
-          logger$1.error('CLIENT_USE_SESSION_ERROR', error);
+          _logger.default.error('CLIENT_USE_SESSION_ERROR', error);
         }
       });
 
@@ -473,9 +393,7 @@ function _signIn() {
     if (redirect || !isCredentials) {
       var _data$url;
 
-      var url = (_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : callbackUrl;
-      window.location = url;
-      if (url.includes('#')) window.location.reload();
+      window.location = (_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : callbackUrl;
       return;
     }
 
@@ -535,9 +453,7 @@ function _signOut() {
     if (redirect) {
       var _data$url2;
 
-      var url = (_data$url2 = data.url) !== null && _data$url2 !== void 0 ? _data$url2 : callbackUrl;
-      window.location = url;
-      if (url.includes('#')) window.location.reload();
+      window.location = (_data$url2 = data.url) !== null && _data$url2 !== void 0 ? _data$url2 : callbackUrl;
       return;
     }
 
@@ -556,7 +472,7 @@ var Provider = (_ref5) => {
     options
   } = _ref5;
   setOptions(options);
-  return (0, React__default['default'].createElement)(SessionContext.Provider, {
+  return (0, React__default.createElement)(SessionContext.Provider, {
     value: useSession(session)
   }, children);
 };
@@ -572,7 +488,8 @@ var _fetchData = function () {
       var data = yield res.json();
       return Promise.resolve(Object.keys(data).length > 0 ? data : null);
     } catch (error) {
-      logger$1.error('CLIENT_FETCH_ERROR', url, error);
+      _logger.default.error('CLIENT_FETCH_ERROR', url, error);
+
       return Promise.resolve(null);
     }
   });
@@ -585,7 +502,7 @@ var _fetchData = function () {
 var _apiBaseUrl = () => {
   if (typeof window === 'undefined') {
     if (!process.env.NEXTAUTH_URL) {
-      logger$1.warn('NEXTAUTH_URL', 'NEXTAUTH_URL environment variable not set');
+      _logger.default.warn('NEXTAUTH_URL', 'NEXTAUTH_URL environment variable not set');
     }
 
     return "".concat(__NEXTAUTH.baseUrl).concat(__NEXTAUTH.basePath);
@@ -672,7 +589,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }, []);
 
   if (session || !needAuth) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       null,
       children
@@ -680,44 +597,44 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }
 
   if (!loading) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { style: { position: 'relative', minHeight: '300px', paddingTop: '2rem' } },
-      callbackUrl && React__default['default'].createElement(
+      callbackUrl && React__default.createElement(
         'div',
         null,
-        !showForm && React__default['default'].createElement(
+        !showForm && React__default.createElement(
           'div',
           { className: styles.loginBox },
-          React__default['default'].createElement(
+          React__default.createElement(
             'div',
             { className: styles.loginBox_title },
-            React__default['default'].createElement(
+            React__default.createElement(
               'b',
               null,
               'Please log in to view this content.'
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             reactBootstrap.Form,
             { onSubmit: function onSubmit(e) {
                 return e.preventDefault();
               } },
-            React__default['default'].createElement(
+            React__default.createElement(
               reactBootstrap.Form.Group,
               { controlId: 'email' },
-              React__default['default'].createElement(reactBootstrap.Form.Control, { type: 'email', onChange: function onChange(e) {
+              React__default.createElement(reactBootstrap.Form.Control, { type: 'email', onChange: function onChange(e) {
                   return setEmail(e.target.value);
                 }, placeholder: 'Email' })
             ),
-            React__default['default'].createElement(
+            React__default.createElement(
               reactBootstrap.Form.Group,
               { controlId: 'password' },
-              React__default['default'].createElement(reactBootstrap.Form.Control, { type: 'password', onChange: function onChange(e) {
+              React__default.createElement(reactBootstrap.Form.Control, { type: 'password', onChange: function onChange(e) {
                   return setPassword(e.target.value);
                 }, placeholder: 'Password' })
             ),
-            React__default['default'].createElement(
+            React__default.createElement(
               'button',
               { className: 'btn btn-primary btn-block', onClick: function onClick() {
                   return client$1.signIn('credentials', { email: email, password: password, callbackUrl: callbackUrl });
@@ -725,12 +642,12 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Sign in'
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'p',
             { style: { textAlign: 'center' }, className: 'mt-2 mb-0' },
             'Don\'t have an account?',
             ' ',
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { style: { color: 'blue', textDecoration: 'underline' }, onClick: function onClick() {
                   return setShowForm(!showForm);
@@ -739,13 +656,13 @@ var AuthWrapper = function AuthWrapper(_ref) {
             ),
             ' to register.'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'p',
             { className: 'mt-1', style: { fontSize: '.8em', textAlign: 'center' } },
-            React__default['default'].createElement(
+            React__default.createElement(
               'em',
               null,
-              React__default['default'].createElement(
+              React__default.createElement(
                 'a',
                 { href: '/forgotpassword', style: { color: 'blue', textDecoration: 'underline' } },
                 'Forgot your password? '
@@ -753,7 +670,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
             )
           )
         ),
-        showForm && React__default['default'].createElement('iframe', { className: styles.iframe, src: formUrl })
+        showForm && React__default.createElement('iframe', { className: styles.iframe, src: formUrl })
       )
     );
   } else {

package/dist/cjs/{AuthorComponent-ac8972ce.js → AuthorComponent-02e827ae.js}

@@ -1,11 +1,10 @@
 'use strict';
 
-var React = require('react');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React = require('react');
+var React__default = _interopDefault(React);
+var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
 
 var AuthorComponent = function AuthorComponent(_ref) {
   var authors = _ref.authors,
@@ -19,15 +18,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default['default'].createElement(
+          index === 0 && React__default.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'a',
             { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
@@ -35,15 +34,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default['default'].createElement(
+          index === 0 && React__default.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
@@ -76,16 +75,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = React.useRef(null);
   var authorRef = React.useRef(null);
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default['default'].createElement('div', { onClick: function onClick() {
+    hideContent && React__default.createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '

package/dist/cjs/Beam.js

@@ -1,14 +1,12 @@
 'use strict';
 
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./core.get-iterator-method-f3c44602.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
-var stringify = require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
+require('./_iter-detect-05795553.js');
+require('./web.dom.iterable-e34bf324.js');
+var stringify = require('./stringify-bbc68047.js');
+var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
 var Segment = require('./Segment.js');
 
 require("babel-polyfill");

package/dist/cjs/{BlockContent-8b494587.js → BlockContent-091a991f.js}

@@ -1,13 +1,12 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var React = require('react');
+var React__default = _interopDefault(React);
 var PropTypes = require('prop-types');
-var index = require('./index-b5eb3ff8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var PropTypes__default = _interopDefault(PropTypes);
+var index$1 = require('./index-be0c82be.js');
 
 /*
 object-assign
@@ -146,7 +145,7 @@ var buildUrl = function buildUrl(props) {
     throw new Error('Invalid image reference in block, no `_ref` found on `asset`');
   }
 
-  return index.node(objectAssign({
+  return index$1.node(objectAssign({
     projectId: projectId,
     dataset: dataset
   }, options.imageOptions || {})).image(node).toString();
@@ -836,7 +835,7 @@ var internals$1 = internals;
 
 var getSerializers = internals$1.getSerializers;
 
-var renderNode = React__default['default'].createElement;
+var renderNode = React__default.createElement;
 
 var _getSerializers = getSerializers(renderNode),
     defaultSerializers = _getSerializers.defaultSerializers,
@@ -856,7 +855,7 @@ var getImageUrl$1 = internals$1.getImageUrl,
     blocksToNodes$1 = internals$1.blocksToNodes,
     mergeSerializers$1 = internals$1.mergeSerializers;
 
-var renderNode$1 = React__default['default'].createElement;
+var renderNode$1 = React__default.createElement;
 
 var SanityBlockContent = function SanityBlockContent(props) {
   var customSerializers = mergeSerializers$1(SanityBlockContent.defaultSerializers, props.serializers);
@@ -876,32 +875,32 @@ SanityBlockContent.defaultSerializers = serializers$1;
 SanityBlockContent.getImageUrl = getImageUrl$1;
 
 SanityBlockContent.propTypes = {
-  className: PropTypes__default['default'].string,
-  renderContainerOnSingleChild: PropTypes__default['default'].bool,
+  className: PropTypes__default.string,
+  renderContainerOnSingleChild: PropTypes__default.bool,
 
   // When rendering images, we need project id and dataset, unless images are materialized
-  projectId: PropTypes__default['default'].string,
-  dataset: PropTypes__default['default'].string,
-  imageOptions: PropTypes__default['default'].object,
+  projectId: PropTypes__default.string,
+  dataset: PropTypes__default.string,
+  imageOptions: PropTypes__default.object,
 
-  serializers: PropTypes__default['default'].shape({
+  serializers: PropTypes__default.shape({
     // Common overrides
-    types: PropTypes__default['default'].object,
-    marks: PropTypes__default['default'].object,
+    types: PropTypes__default.object,
+    marks: PropTypes__default.object,
 
     // Less common overrides
-    list: PropTypes__default['default'].func,
-    listItem: PropTypes__default['default'].func,
+    list: PropTypes__default.func,
+    listItem: PropTypes__default.func,
 
     // Low-level serializers
-    block: PropTypes__default['default'].func,
-    span: PropTypes__default['default'].func
+    block: PropTypes__default.func,
+    span: PropTypes__default.func
   }),
 
-  blocks: PropTypes__default['default'].oneOfType([PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    _type: PropTypes__default['default'].string.isRequired
-  })), PropTypes__default['default'].shape({
-    _type: PropTypes__default['default'].string.isRequired
+  blocks: PropTypes__default.oneOfType([PropTypes__default.arrayOf(PropTypes__default.shape({
+    _type: PropTypes__default.string.isRequired
+  })), PropTypes__default.shape({
+    _type: PropTypes__default.string.isRequired
   })]).isRequired
 };
 

package/dist/cjs/Breadcrumbs.js

@@ -1,18 +1,14 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
+require('./core.get-iterator-method-f3c44602.js');
+require('./web.dom.iterable-e34bf324.js');
 var React = require('react');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var Breadcrumb = require('react-bootstrap/Breadcrumb');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Breadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(Breadcrumb);
+var React__default = _interopDefault(React);
+var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
+var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var _ref$data = _ref.data,
@@ -55,17 +51,17 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, []);
 
   if (data && data.length > 0) {
-    return React__default['default'].createElement(
-      Breadcrumb__default['default'],
+    return React__default.createElement(
+      Breadcrumb,
       null,
       data.map(function (item, index) {
-        return React__default['default'].createElement(
-          Breadcrumb__default['default'].Item,
+        return React__default.createElement(
+          Breadcrumb.Item,
           { key: index, href: item.url, active: item.isActive || false },
           item.name
         );
       }),
-      React__default['default'].createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {\n            content: \'' + separator + '\';\n          }\n          .breadcrumb-item.active {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 40ch;\n          }\n          @media screen and (max-width: 1400px) {\n            .breadcrumb-item.active {\n              max-width: 20ch;\n            }\n          }\n          @media screen and (max-width: 768px) {\n            .breadcrumb-item.active {\n              max-width: 40ch;\n            }\n          }\n        '
@@ -73,30 +69,30 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     );
   }
 
-  return React__default['default'].createElement(
-    Breadcrumb__default['default'],
+  return React__default.createElement(
+    Breadcrumb,
     null,
-    React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    React__default.createElement(
+      Breadcrumb.Item,
       { href: '/' },
       'home'
     ),
-    parentPath.split('/').length > 1 && React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    parentPath.split('/').length > 1 && React__default.createElement(
+      Breadcrumb.Item,
       { active: true },
       '...'
     ),
-    React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    React__default.createElement(
+      Breadcrumb.Item,
       { href: '/' + parentPath },
       parentPathName
     ),
-    React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    React__default.createElement(
+      Breadcrumb.Item,
       { active: true },
       currentPath
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        ol.breadcrumb {\n          background: transparent;\n          padding-left: 0.25rem;\n        }\n        .breadcrumb-item.active {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 40ch;\n        }\n        @media screen and (max-width: 1400px) {\n          .breadcrumb-item.active {\n            max-width: 20ch;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .breadcrumb-item.active {\n            max-width: 40ch;\n          }\n        }\n      '
@@ -104,6 +100,6 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
-var Breadcrumbs$1 = React__default['default'].memo(Breadcrumbs);
+var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
 
 module.exports = Breadcrumbs$1;