@mjhls/mjh-framework 1.0.97 → 1.0.99-0.next-12

package/dist/esm/AdSlot.js

@@ -0,0 +1,244 @@
+import { _ as _extends } from './extends-dc6a71fd.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import React__default, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { l as lib_3, a as lib_2 } from './index-5cc7b406.js';
+import { d as debounce_1 } from './debounce-533d9748.js';
+import './Beam.js';
+import Segment from './Segment.js';
+import './main-1894c974.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './_object-pie-133f504a.js';
+import './web.dom.iterable-fdf034f5.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './stringify-c21932b3.js';
+import './asyncToGenerator-9716ae8d.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+
+var initialLoadIsDone = false;
+var initialLoadInProgress = false;
+
+function runOnce(fn) {
+  var called = false;
+  return function () {
+    if (called) {
+      return;
+    }
+    called = true;
+    fn.apply(this, arguments);
+  };
+}
+
+var getSignalsAndRefreshAds = function getSignalsAndRefreshAds(slotId) {
+  lib_3.getGoogletag().then(function (googletag) {
+    googletag.cmd.push(function () {
+      if (!initialLoadIsDone && !initialLoadInProgress && googletag.pubads().getSlots().length > 0) {
+        // trigger ads refresh within googletag
+        var refreshAds = function refreshAds() {
+          googletag.cmd.push(function () {
+            googletag.pubads().refresh();
+            initialLoadIsDone = true;
+          });
+        };
+        // wrap to make sure it's called once
+
+
+        initialLoadInProgress = true;var refreshAdsOnce = runOnce(refreshAds);
+        // trigger signals request and refresh ads when it's ready
+        window.PQ.cmd.push(function () {
+          PQ.loadSignals(['ids', 'bsc', 'vlp'], refreshAdsOnce);
+        });
+        // just in case something go wrong ads will be refreshed anyway after specified timeout
+        var timeout = 1000;
+        setTimeout(refreshAdsOnce, timeout);
+      }
+      if (initialLoadIsDone) {
+        googletag.cmd.push(function () {
+          var slots = googletag.pubads().getSlots();
+          // find new slot within googletag
+          var newSlot = slots.find(function (slot) {
+            return slot.getSlotElementId() === slotId;
+          });
+          // refresh single slot which was added
+          function refreshAd() {
+            googletag.cmd.push(function () {
+              googletag.pubads().refresh([newSlot]);
+            });
+          }
+          var refreshAdOnce = runOnce(refreshAd);
+          // get VLP signal value only for the added slot; IDS and BSC signals are global for the whole page so no need to refetch
+          window.PQ.cmd.push(function () {
+            PQ.loadSignalsForSlots([newSlot], refreshAdOnce);
+          });
+          var timeout = 1000;
+          setTimeout(refreshAdOnce, timeout);
+        });
+      }
+    });
+  });
+};
+
+var DFPAdSlot = function DFPAdSlot(_ref) {
+  var adUnit = _ref.adUnit,
+      sizeMapping = _ref.sizeMapping,
+      className = _ref.className,
+      slotId = _ref.slotId,
+      sizes = _ref.sizes,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$refreshFlag = _ref.refreshFlag,
+      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag,
+      checkIsAdFound = _ref.checkIsAdFound,
+      _ref$setStickyAd = _ref.setStickyAd,
+      setStickyAd = _ref$setStickyAd === undefined ? function () {} : _ref$setStickyAd;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      adRendered = _useState2[0],
+      setAdRendered = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adRefreshable = _useState4[0],
+      setAdRefreshable = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2);
+      _useState6[0];
+      _useState6[1];
+
+  targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
+  targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
+
+  var adTargeting = _extends({}, targeting, { hostname: typeof window !== 'undefined' ? window.location.hostname : null });
+
+  var handleVisibilityChange = debounce_1(function (_ref2) {
+    var event = _ref2.event;
+
+    if (event.inViewPercentage <= 0) {
+      setAdRefreshable(false);
+    } else {
+      setAdRefreshable(true);
+    }
+  }, 500);
+
+  useEffect(function () {
+    // Setting hostname into AD targetting
+    if (window && window.location && window.location.hostname) {
+      adTargeting.hostname = window.location.hostname;
+    }
+  }, [adTargeting]);
+
+  var _useState7 = useState(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      eventData = _useState8[0],
+      setEventData = _useState8[1];
+
+  return React__default.createElement(
+    'div',
+    { className: className, style: { textAlign: 'center' } },
+    React__default.createElement(lib_2, {
+      style: { marginBottom: '1rem' },
+      slotId: slotId,
+      sizes: sizes,
+      adUnit: adUnit,
+      sizeMapping: sizeMapping,
+      targetingArguments: adTargeting,
+      onSlotIsViewable: function onSlotIsViewable(e) {
+        setStickyAd(true);
+        //Beam.report_beam_ad('Impression', deviceType, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id)
+        Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
+      },
+      onSlotRender: function onSlotRender(eventData) {
+        // Updating the condition to remove the dependency on static slotId.
+        if (eventData && eventData.event && checkIsAdFound && checkIsAdFound !== null) {
+          if (eventData.event.size !== null && eventData.event.size.length) {
+            checkIsAdFound(true, eventData);
+          } else {
+            checkIsAdFound(false, eventData);
+          }
+        }
+
+        setAdRendered(true);
+        if (eventData && eventData.event) {
+          var cID = eventData.event.creativeId;
+          var lID = eventData.event.lineItemId;
+          var campID = eventData.event.campaignId;
+          var adSize = eventData.event.size && eventData.event.size.length > 1 ? eventData.event.size[0] + 'x' + eventData.event.size[1] : '';
+          var slot_id = eventData.slotId ? eventData.slotId : '';
+          var isEmpty = eventData.event.isEmpty;
+          var sourceAgnosticCreativeId = eventData.event.sourceAgnosticCreativeId;
+          var sourceAgnosticLineItemId = eventData.event.sourceAgnosticLineItemId;
+          var advertiserId = eventData.event.advertiserId;
+          var domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+
+          setEventData({
+            cID: cID,
+            lID: lID,
+            campID: campID,
+            adSize: adSize,
+            slot_id: slot_id,
+            isEmpty: isEmpty,
+            sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+            sourceAgnosticLineItemId: sourceAgnosticLineItemId,
+            advertiserId: advertiserId,
+            domain: domain
+          });
+
+          var slot_div = document.getElementById(eventData.slotId);
+          if (slot_div) {
+            slot_div.addEventListener('mouseenter', function () {
+              var timeoutId = slot_div.getAttribute('timeoutId');
+              clearTimeout(timeoutId);
+              slot_div.setAttribute('hasFocus', 'yes');
+            });
+
+            slot_div.addEventListener('mouseleave', function () {
+              var timeoutId = setTimeout(function () {
+                slot_div.setAttribute('hasFocus', 'no');
+              }, 60);
+              slot_div.setAttribute('timeoutId', timeoutId);
+            });
+
+            document.addEventListener('visibilitychange', function () {
+              if (!document.hidden) {
+                return;
+              }
+
+              var hasFocus = slot_div.getAttribute('hasFocus');
+              if (hasFocus == 'yes' && document.hidden) {
+                slot_div.setAttribute('hasFocus', 'no');
+                //Beam.report_beam_ad('Click', deviceType, cID, lID, campID, adSize, slotId)
+                Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
+              }
+            });
+          } else {
+            console.error('slot div not found:', slotId);
+          }
+        }
+      },
+      onSlotVisibilityChanged: handleVisibilityChange,
+      shouldRefresh: function shouldRefresh(event) {
+        if (adRendered && adRefreshable && refreshFlag) return true;else return false;
+      },
+      onSlotRegister: function onSlotRegister(e) {
+        window.PQ && setTimeout(function () {
+          getSignalsAndRefreshAds(e && e.slotId);
+        }, 0);
+      }
+    })
+  );
+};
+
+DFPAdSlot.propTypes = {
+  adUnit: PropTypes.string.isRequired,
+  slotId: PropTypes.string,
+  className: PropTypes.string,
+  sizeMapping: PropTypes.array,
+  sizes: PropTypes.array
+};
+
+export default DFPAdSlot;

package/dist/esm/AdSlotsProvider.js

@@ -0,0 +1,176 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
+import React__default, { useEffect } from 'react';
+import ReactGA from 'react-ga';
+import { l as lib_3, b as lib_1 } from './index-5cc7b406.js';
+import { d as main_24, m as main_43 } from './main-1894c974.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+import 'prop-types';
+
+var _this = undefined;
+
+var AdSlotsProvider = function AdSlotsProvider(_ref) {
+  var children = _ref.children,
+      networkID = _ref.networkID,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$singleRequest = _ref.singleRequest,
+      singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest,
+      _ref$autoRefresh = _ref.autoRefresh,
+      autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh,
+      _ref$refreshADs = _ref.refreshADs,
+      refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
+      _ref$refreshInterval = _ref.refreshInterval,
+      refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval,
+      _ref$disableInitialLo = _ref.disableInitialLoad,
+      disableInitialLoad = _ref$disableInitialLo === undefined ? false : _ref$disableInitialLo;
+
+  var logEvent = function logEvent(action, category, GA_TRACKING_ID) {
+    if (!GA_TRACKING_ID && typeof window !== 'undefined') GA_TRACKING_ID = sessionStorage.getItem('GA_TRACKING_ID');
+
+    if (GA_TRACKING_ID && GA_TRACKING_ID.includes(',')) {
+      ReactGA.event({
+        category: category,
+        action: action,
+        nonInteraction: true
+      }, GA_TRACKING_ID.split(',').map(function (id, index) {
+        return 'ga_id_' + ++index;
+      }));
+    } else {
+      ReactGA.event({
+        category: category,
+        action: action,
+        nonInteraction: true
+      });
+    }
+  };
+  useEffect(function () {
+    // Refresh ADs after every one minute if user didn't scroll.
+    // refreshInterval accepts time in seconds and default is 60 seconds
+    var generateAdsToRefresh = function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ads) {
+        var googletag, slots, domAds, adsToRefresh;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return lib_3.getGoogletag();
+
+              case 2:
+                googletag = _context.sent;
+
+                if (!(googletag && googletag.pubadsReady)) {
+                  _context.next = 8;
+                  break;
+                }
+
+                slots = googletag.pubads().getSlots();
+                domAds = slots.map(function (slot) {
+                  return slot.getSlotId().getDomId();
+                });
+                adsToRefresh = domAds.reduce(function (acc, item) {
+                  ads.forEach(function (ad) {
+                    if (item.includes(ad)) {
+                      acc = [].concat(_toConsumableArray(acc), [item]);
+                    }
+                  });
+                  return acc;
+                }, []);
+                return _context.abrupt('return', adsToRefresh);
+
+              case 8:
+                return _context.abrupt('return', ads);
+
+              case 9:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this);
+      }));
+
+      return function generateAdsToRefresh(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var isScrolling = void 0;
+    var adRefreshCount = 0;
+    var refreshADsAfterInterval = function refreshADsAfterInterval() {
+      isScrolling = setInterval(_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+        var _refreshADs$mobileAds, mobileAds, _refreshADs$desktopAd, desktopAds, ads;
+
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _refreshADs$mobileAds = refreshADs.mobileAds, mobileAds = _refreshADs$mobileAds === undefined ? ['leaderboard-ad'] : _refreshADs$mobileAds, _refreshADs$desktopAd = refreshADs.desktopAds, desktopAds = _refreshADs$desktopAd === undefined ? [] : _refreshADs$desktopAd;
+                ads = [];
+
+                if (!main_43) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                _context2.next = 5;
+                return generateAdsToRefresh(mobileAds);
+
+              case 5:
+                ads = _context2.sent;
+                _context2.next = 12;
+                break;
+
+              case 8:
+                if (!main_24) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                _context2.next = 11;
+                return generateAdsToRefresh(desktopAds);
+
+              case 11:
+                ads = _context2.sent;
+
+              case 12:
+                lib_3.refresh.apply(lib_3, _toConsumableArray(ads));
+                logEvent('AD Refresh', 'AD');
+                adRefreshCount++;
+                console.log('NumOfTimesAd refreshed', adRefreshCount);
+                if (adRefreshCount == 5) clearInterval(isScrolling);
+
+              case 17:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, _this);
+      })), parseInt(refreshInterval) * 1000);
+    };
+    autoRefresh && refreshADsAfterInterval();
+    autoRefresh && window.addEventListener('scroll', function () {
+      clearInterval(isScrolling);
+      refreshADsAfterInterval();
+    }, false);
+    return function () {
+      clearInterval(isScrolling);
+    };
+  }, []);
+
+  return React__default.createElement(
+    lib_1,
+    {
+      dfpNetworkId: networkID,
+      targeting: targeting,
+      singleRequest: singleRequest,
+      lazyLoad: { fetchMarginPercent: 0, renderMarginPercent: 0, mobileScaling: 1.0 },
+      disableInitialLoad: disableInitialLoad },
+    children
+  );
+};
+
+export default AdSlotsProvider;

package/dist/esm/AlgoliaSearch.js

@@ -0,0 +1,188 @@
+import { _ as _extends } from './extends-dc6a71fd.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-8a801a18.js';
+import { _ as _typeof } from './typeof-83d9eb10.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { InstantSearch, Configure, SearchBox, RefinementList, ClearRefinements, Hits, Pagination } from 'react-instantsearch-dom';
+import { DropdownButton } from 'react-bootstrap';
+import urlFor from './urlFor.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './_object-pie-133f504a.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_is-array-893ab020.js';
+import './_library-528f1934.js';
+import './slicedToArray-ca2c8b8d.js';
+import './index-0dbff1d1.js';
+import 'react-dom';
+
+var HitComponent = function HitComponent(hits, props) {
+  var propsObj = {
+    styles: props.deckStyles,
+    client: props.sanityClient,
+    siteType: props.siteType,
+    defaultImage: props.defaultImage,
+    hit: hits.hit,
+    variant: props.variant
+  };
+  var styles = propsObj.styles,
+      client = propsObj.client,
+      hit = propsObj.hit,
+      siteType = propsObj.siteType,
+      defaultImage = propsObj.defaultImage,
+      variant = propsObj.variant;
+
+  var dateFormat = siteType === 'pharmsci' ? 'MMMM DD, YYYY' : 'MMMM Do YYYY';
+
+  return React__default.createElement(
+    'div',
+    { key: hit.url, className: 'hitResult ' + styles.article },
+    hit.thumbnail && hit.thumbnail.asset ? imageDiv(hit, styles, client, siteType, defaultImage, variant) : !hit.thumbnail && siteType !== 'pharmsci' ? imageDiv(hit, styles, client, siteType, defaultImage, variant) : null,
+    React__default.createElement(
+      'div',
+      { className: styles.info, style: props.variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+      React__default.createElement(
+        'a',
+        { href: '/view/' + hit.url },
+        React__default.createElement(
+          'h2',
+          null,
+          hit.title
+        )
+      ),
+      hit.pubDateSort && React__default.createElement(
+        'p',
+        { className: styles.published },
+        moment(hit.pubDateSort).format('' + dateFormat)
+      ),
+      hit.authorMapping && hit.authorMapping.length > 0 && React__default.createElement(
+        'p',
+        { className: styles.author },
+        hit.authorMapping.map(function (author, index) {
+          return React__default.createElement(
+            'span',
+            { key: author + '_' + index },
+            author.displayName
+          );
+        })
+      ),
+      hit.summary && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
+    )
+  );
+};
+
+var imageDiv = function imageDiv(hit, styles, client, siteType, defaultImage, variant) {
+  return React__default.createElement(
+    'a',
+    { href: '/view/' + hit.url, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+    React__default.createElement(
+      'div',
+      { className: styles.thumb },
+      React__default.createElement(
+        'figure',
+        null,
+        React__default.createElement(
+          LazyLoad,
+          { once: true },
+          React__default.createElement('img', {
+            src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
+          })
+        )
+      )
+    )
+  );
+};
+
+var nowTimestamp = Date.now();
+
+var AlgoliaSearch = function (_React$Component) {
+  _inherits(AlgoliaSearch, _React$Component);
+
+  function AlgoliaSearch() {
+    _classCallCheck(this, AlgoliaSearch);
+
+    return _possibleConstructorReturn(this, (AlgoliaSearch.__proto__ || _Object$getPrototypeOf(AlgoliaSearch)).apply(this, arguments));
+  }
+
+  _createClass(AlgoliaSearch, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          InstantSearch,
+          _extends({
+            searchClient: this.props.searchClient,
+            resultsState: this.props.resultsState,
+            onSearchStateChange: this.props.onSearchStateChange,
+            searchState: this.props.searchState,
+            createURL: this.props.createURL,
+            indexName: this.props.indexName,
+            onSearchParameters: this.props.onSearchParameters
+          }, this.props),
+          React__default.createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20, filters: 'pubDateSort <= ' + nowTimestamp + ' AND "visible":\'true\' AND "passwordLock":false' }),
+          React__default.createElement(
+            'div',
+            { className: 'd-flex align-items-center' },
+            this.props.searchIconUrl && React__default.createElement(
+              'div',
+              { className: 'custom-search-img mr-2' },
+              React__default.createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
+            ),
+            React__default.createElement(
+              'div',
+              { style: { flex: '1 1 auto' } },
+              React__default.createElement(SearchBox, null)
+            )
+          ),
+          this.props.refinementAttributes && React__default.createElement(
+            'div',
+            { className: 'search_refinement' },
+            this.props.refinementAttributes.map(function (item, index) {
+              return React__default.createElement(
+                DropdownButton,
+                { key: item.title, align: 'end', title: item.title },
+                React__default.createElement(RefinementList, { searchable: true, showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
+              );
+            }),
+            React__default.createElement(ClearRefinements, null)
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'AlgoliaResults' },
+            React__default.createElement(Hits, { hitComponent: function hitComponent(hit) {
+                return HitComponent(hit, _this2.props);
+              } })
+          ),
+          React__default.createElement(Pagination, null)
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div {\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: 0.5rem;\n            width: 100%;\n          }\n          .custom-search-img{\n            max-width: 130px;\n          }\n          @media only screen and (max-width: 568px) {\n            .custom-search-img {\n              max-width: 80px;\n            }\n            .hitResult {\n              align-items: center;\n              border: none;\n              padding: 0;\n              flex-direction: column;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n            .search_refinement {\n              flex-wrap: wrap;\n            }\n            .dropdown{\n              margin-bottom: 1rem;\n            }\n            .ais-SearchBox-form{\n              display: flex;\n            }\n            .ais-RefinementList-list {\n              width: 95vw;\n            }\n            .ais-SearchBox-input {\n              width: calc(100vw - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n            align-items: center;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n            align-self: flex-start;\n          }\n\n          .search_refinement > .dropdown {\n            position: relative;\n            right: 0px;\n            top: 0px;\n            margin-right: 0px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n          .ais-RefinementList{\n            min-width: 325px;\n          }\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 1rem 0;\n            padding: 0 1rem;\n            width: 100%;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n            text-align: center\'\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            min-width: 225px;\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n          .ais-ClearRefinements-button{\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n            color: #fff;\n            padding: 7px;\n          }\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
+        )
+      );
+    }
+  }]);
+
+  return AlgoliaSearch;
+}(React__default.Component);
+
+AlgoliaSearch.propTypes = {
+  searchState: PropTypes.object,
+  resultsState: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  onSearchStateChange: PropTypes.func,
+  createURL: PropTypes.func,
+  indexName: PropTypes.string,
+  searchClient: PropTypes.object,
+  refinementAttributes: PropTypes.array
+};
+
+export default AlgoliaSearch;