@mjhls/mjh-framework 1.0.876 → 1.0.877-v1pageviewfix

package/dist/esm/AlgoliaSearch.js

@@ -1,24 +1,25 @@
-import { _ as _extends$1 } from './extends-dc6a71fd.js';
-import { _ as _typeof$2 } from './typeof-83d9eb10.js';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-8a801a18.js';
-import React, { createContext, Component, Children, version as version$2 } from 'react';
+import { _ as _extends$1 } from './extends-6d8e3924.js';
+import { _ as _typeof$2 } from './typeof-e9fc0c5d.js';
+import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-a6ba2ec4.js';
+import React__default, { createContext, Component, Children, version as version$2 } from 'react';
 import PropTypes from 'prop-types';
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-67e1773f.js';
+import { _ as _typeof$1 } from './typeof-2f07d0e8.js';
+import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-98ca9cec.js';
 import { E as EventEmitter } from './events-6c3a7a63.js';
 import { DropdownButton } from 'react-bootstrap';
 import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
-import { L as LazyLoad } from './index-35bdcc81.js';
-import './core.get-iterator-method-e903ff31.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';
-import './web.dom.iterable-fdf034f5.js';
-import './_is-array-893ab020.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_is-array-8d21b9e3.js';
 import './_library-528f1934.js';
-import './_object-sap-169d6272.js';
-import './define-property-99e66838.js';
-import './slicedToArray-ca2c8b8d.js';
-import './index-0dbff1d1.js';
+import './_object-sap-7cee6f84.js';
+import './define-property-5f1bda73.js';
+import './slicedToArray-6ebcbfea.js';
+import './index-3f5c03b2.js';
 import 'react-dom';
 
 function _objectWithoutProperties(source, excluded) {
@@ -96,33 +97,6 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 
-var _typeof_1 = createCommonjsModule(function (module) {
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    module.exports = _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-
-    module.exports["default"] = module.exports, module.exports.__esModule = true;
-  } else {
-    module.exports = _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-
-    module.exports["default"] = module.exports, module.exports.__esModule = true;
-  }
-
-  return _typeof(obj);
-}
-
-module.exports = _typeof;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-});
-
-var _typeof$1 = unwrapExports(_typeof_1);
-
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -712,7 +686,7 @@ function createConnectorWithoutContext(connectorDesc) {
           var searchForFacetValuesProps = typeof connectorDesc.searchForFacetValues === 'function' ? {
             searchForItems: this.searchForFacetValues
           } : {};
-          return React.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
+          return React__default.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));
         }
       }]);
 
@@ -734,9 +708,9 @@ var createConnectorWithContext = function createConnectorWithContext(connectorDe
     var Connector = createConnectorWithoutContext(connectorDesc)(Composed);
 
     var ConnectorWrapper = function ConnectorWrapper(props) {
-      return React.createElement(InstantSearchConsumer, null, function (contextValue) {
-        return React.createElement(IndexConsumer, null, function (indexContextValue) {
-          return React.createElement(Connector, _extends({
+      return React__default.createElement(InstantSearchConsumer, null, function (contextValue) {
+        return React__default.createElement(IndexConsumer, null, function (indexContextValue) {
+          return React__default.createElement(Connector, _extends({
             contextValue: contextValue,
             indexContextValue: indexContextValue
           }, props));
@@ -848,7 +822,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.10.3';
+var version$1 = '6.11.1';
 
 var withKeysPropType = function withKeysPropType(keys) {
   return function (props, propName, componentName) {
@@ -909,7 +883,7 @@ function translatable(defaultTranslations) {
       _createClass(Translatable, [{
         key: "render",
         value: function render() {
-          return React.createElement(Composed, _extends({
+          return React__default.createElement(Composed, _extends({
             translate: this.translate
           }, this.props));
         }
@@ -1277,7 +1251,7 @@ function _arrayWithoutHoles(arr) {
 }
 
 function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
 function _unsupportedIterableToArray(o, minLen) {
@@ -4077,20 +4051,29 @@ function extractNormalizedFacetValues(results, attribute) {
 }
 
 /**
- * Sort nodes of a hierarchical facet results
+ * Sort nodes of a hierarchical or disjunctive facet results
  * @private
- * @param {HierarchicalFacet} node node to upon which we want to apply the sort
+ * @param {function} sortFn
+ * @param {HierarchicalFacet|Array} node node upon which we want to apply the sort
+ * @param {string[]} names attribute names
+ * @param {number} [level=0] current index in the names array
  */
-function recSort(sortFn, node) {
+function recSort(sortFn, node, names, level) {
+  level = level || 0;
+
+  if (Array.isArray(node)) {
+    return sortFn(node, names[level]);
+  }
+
   if (!node.data || node.data.length === 0) {
     return node;
   }
 
   var children = node.data.map(function(childNode) {
-    return recSort(sortFn, childNode);
+    return recSort(sortFn, childNode, names, level + 1);
   });
-  var sortedChildren = sortFn(children);
-  var newNode = merge_1({}, node, {data: sortedChildren});
+  var sortedChildren = sortFn(children, names[level]);
+  var newNode = defaultsPure({data: sortedChildren}, node);
   return newNode;
 }
 
@@ -4100,6 +4083,72 @@ function vanillaSortFn(order, data) {
   return data.sort(order);
 }
 
+/**
+ * @typedef FacetOrdering
+ * @type {Object}
+ * @property {string[]} [order]
+ * @property {'count' | 'alpha' | 'hidden'} [sortRemainingBy]
+ */
+
+/**
+ * Sorts facet arrays via their facet ordering
+ * @param {Array} facetValues the values
+ * @param {FacetOrdering} facetOrdering the ordering
+ * @returns {Array}
+ */
+function sortViaFacetOrdering(facetValues, facetOrdering) {
+  var orderedFacets = [];
+  var remainingFacets = [];
+
+  var order = facetOrdering.order || [];
+  /**
+   * an object with the keys being the values in order, the values their index:
+   * ['one', 'two'] -> { one: 0, two: 1 }
+   */
+  var reverseOrder = order.reduce(function(acc, name, i) {
+    acc[name] = i;
+    return acc;
+  }, {});
+
+  facetValues.forEach(function(item) {
+    // hierarchical facets get sorted using their raw name
+    var name = item.path || item.name;
+    if (reverseOrder[name] !== undefined) {
+      orderedFacets[reverseOrder[name]] = item;
+    } else {
+      remainingFacets.push(item);
+    }
+  });
+
+  var sortRemainingBy = facetOrdering.sortRemainingBy;
+  var ordering;
+  if (sortRemainingBy === 'hidden') {
+    return orderedFacets;
+  } else if (sortRemainingBy === 'alpha') {
+    ordering = [['path', 'name'], ['asc', 'asc']];
+  } else {
+    ordering = [['count'], ['desc']];
+  }
+
+  return orderedFacets.concat(
+    orderBy_1(remainingFacets, ordering[0], ordering[1])
+  );
+}
+
+/**
+ * @param {SearchResults} results the search results class
+ * @param {string} attribute the attribute to retrieve ordering of
+ * @returns {FacetOrdering=}
+ */
+function getFacetOrdering(results, attribute) {
+  return (
+    results.renderingContent &&
+    results.renderingContent.facetOrdering &&
+    results.renderingContent.facetOrdering.values &&
+    results.renderingContent.facetOrdering.values[attribute]
+  );
+}
+
 /**
  * Get a the list of values for a given facet attribute. Those values are sorted
  * refinement first, descending count (bigger value on top), and name ascending
@@ -4112,6 +4161,9 @@ function vanillaSortFn(order, data) {
  * might not be respected if you have facet values that are already refined.
  * @param {string} attribute attribute name
  * @param {object} opts configuration options.
+ * @param {boolean} [opts.facetOrdering]
+ * Force the use of facetOrdering from the result if a sortBy is present. If
+ * sortBy isn't present, facetOrdering will be used automatically.
  * @param {Array.<string> | function} opts.sortBy
  * When using strings, it consists of
  * the name of the [FacetValue](#SearchResults.FacetValue) or the
@@ -4151,30 +4203,41 @@ SearchResults.prototype.getFacetValues = function(attribute, opts) {
     return undefined;
   }
 
-  var options = defaultsPure({}, opts, {sortBy: SearchResults.DEFAULT_SORT});
+  var options = defaultsPure({}, opts, {
+    sortBy: SearchResults.DEFAULT_SORT,
+    // if no sortBy is given, attempt to sort based on facetOrdering
+    // if it is given, we still allow to sort via facet ordering first
+    facetOrdering: !(opts && opts.sortBy)
+  });
 
-  if (Array.isArray(options.sortBy)) {
-    var order = formatSort(options.sortBy, SearchResults.DEFAULT_SORT);
-    if (Array.isArray(facetValues)) {
-      return orderBy_1(facetValues, order[0], order[1]);
-    }
-    // If facetValues is not an array, it's an object thus a hierarchical facet object
-    return recSort(function(hierarchicalFacetValues) {
-      return orderBy_1(hierarchicalFacetValues, order[0], order[1]);
-    }, facetValues);
-  } else if (typeof options.sortBy === 'function') {
-    if (Array.isArray(facetValues)) {
-      return facetValues.sort(options.sortBy);
+  var results = this;
+  var attributes;
+  if (Array.isArray(facetValues)) {
+    attributes = [attribute];
+  } else {
+    var config = results._state.getHierarchicalFacetByName(facetValues.name);
+    attributes = config.attributes;
+  }
+
+  return recSort(function(data, facetName) {
+    if (options.facetOrdering) {
+      var facetOrdering = getFacetOrdering(results, facetName);
+      if (Boolean(facetOrdering)) {
+        return sortViaFacetOrdering(data, facetOrdering);
+      }
     }
-    // If facetValues is not an array, it's an object thus a hierarchical facet object
-    return recSort(function(data) {
+
+    if (Array.isArray(options.sortBy)) {
+      var order = formatSort(options.sortBy, SearchResults.DEFAULT_SORT);
+      return orderBy_1(data, order[0], order[1]);
+    } else if (typeof options.sortBy === 'function') {
       return vanillaSortFn(options.sortBy, data);
-    }, facetValues);
-  }
-  throw new Error(
-    'options.sortBy is optional but if defined it must be ' +
-    'either an array of string (predicates) or a sorting function'
-  );
+    }
+    throw new Error(
+      'options.sortBy is optional but if defined it must be ' +
+        'either an array of string (predicates) or a sorting function'
+    );
+  }, facetValues, attributes);
 };
 
 /**
@@ -4705,7 +4768,7 @@ var requestBuilder = {
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.4.4';
+var version = '3.5.3';
 
 /**
  * Event triggered when a parameter is set or updated
@@ -6590,7 +6653,7 @@ function (_Component) {
         return null;
       }
 
-      return React.createElement(IndexProvider, {
+      return React__default.createElement(IndexProvider, {
         value: this.state.indexContext
       }, this.props.children);
     }
@@ -6841,7 +6904,7 @@ function createInstantSearchManager(_ref) {
 
   function search() {
     if (!skip) {
-      var _getSearchParameters = getSearchParameters(),
+      var _getSearchParameters = getSearchParameters(helper.state),
           mainParameters = _getSearchParameters.mainParameters,
           derivedParameters = _getSearchParameters.derivedParameters; // We have to call `slice` because the method `detach` on the derived
       // helpers mutates the value `derivedHelpers`. The `forEach` loop does
@@ -7409,7 +7472,7 @@ function (_Component) {
         return null;
       }
 
-      return React.createElement(InstantSearchProvider, {
+      return React__default.createElement(InstantSearchProvider, {
         value: this.state.contextValue
       }, this.props.children);
     }
@@ -8498,14 +8561,17 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-  var _e = undefined;
+
+  var _s, _e;
 
   try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
 
       if (i && _arr.length === i) break;
@@ -8556,8 +8622,8 @@ function parseItem(value) {
       endStr = _value$split2[1];
 
   return {
-    start: startStr.length > 0 ? parseInt(startStr, 10) : null,
-    end: endStr.length > 0 ? parseInt(endStr, 10) : null
+    start: startStr.length > 0 ? parseFloat(startStr) : null,
+    end: endStr.length > 0 ? parseFloat(endStr) : null
   };
 }
 
@@ -10104,15 +10170,15 @@ function (_Component) {
           header = _this$props.header,
           footer = _this$props.footer;
       var canRefine = this.state.canRefine;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$p('', !canRefine && '-noRefinement'), className)
-      }, header && React.createElement("div", {
+      }, header && React__default.createElement("div", {
         className: cx$p('header')
-      }, header), React.createElement("div", {
+      }, header), React__default.createElement("div", {
         className: cx$p('body')
-      }, React.createElement(PanelProvider, {
+      }, React__default.createElement(PanelProvider, {
         value: this.setCanRefine
-      }, children)), footer && React.createElement("div", {
+      }, children)), footer && React__default.createElement("div", {
         className: cx$p('footer')
       }, footer));
     }
@@ -10176,8 +10242,8 @@ _defineProperty(PanelCallbackHandler, "propTypes", {
 var PanelWrapper = function PanelWrapper(_ref) {
   var canRefine = _ref.canRefine,
       children = _ref.children;
-  return React.createElement(PanelConsumer, null, function (setCanRefine) {
-    return React.createElement(PanelCallbackHandler, {
+  return React__default.createElement(PanelConsumer, null, function (setCanRefine) {
+    return React__default.createElement(PanelCallbackHandler, {
       setCanRefine: setCanRefine,
       canRefine: canRefine
     }, children);
@@ -10223,7 +10289,7 @@ function (_Component) {
   _createClass(Link, [{
     key: "render",
     value: function render() {
-      return React.createElement("a", _extends({}, this.props, {
+      return React__default.createElement("a", _extends({}, this.props, {
         onClick: this.onClick
       }));
     }
@@ -10265,9 +10331,9 @@ function (_Component) {
           separator = _this$props.separator,
           translate = _this$props.translate,
           className = _this$props.className;
-      var rootPath = canRefine ? React.createElement("li", {
+      var rootPath = canRefine ? React__default.createElement("li", {
         className: cx$o('item')
-      }, React.createElement(Link, {
+      }, React__default.createElement(Link, {
         className: cx$o('link'),
         onClick: function onClick() {
           return !rootURL ? refine() : null;
@@ -10276,12 +10342,12 @@ function (_Component) {
       }, translate('rootLabel'))) : null;
       var breadcrumb = items.map(function (item, idx) {
         var isLast = idx === items.length - 1;
-        return React.createElement("li", {
+        return React__default.createElement("li", {
           className: cx$o('item', isLast && 'item--selected'),
           key: idx
-        }, React.createElement("span", {
+        }, React__default.createElement("span", {
           className: cx$o('separator')
-        }, separator), !isLast ? React.createElement(Link, {
+        }, separator), !isLast ? React__default.createElement(Link, {
           className: cx$o('link'),
           onClick: function onClick() {
             return refine(item.value);
@@ -10289,9 +10355,9 @@ function (_Component) {
           href: createURL(item.value)
         }, item.label) : item.label);
       });
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$o('', !canRefine && '-noRefinement'), className)
-      }, React.createElement("ul", {
+      }, React__default.createElement("ul", {
         className: cx$o('list')
       }, rootPath, breadcrumb));
     }
@@ -10410,7 +10476,7 @@ var Breadcrumb$1 = translatable({
  */
 
 var BreadcrumbWidget = function BreadcrumbWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(Breadcrumb$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(Breadcrumb$1, props));
 };
 
 connectBreadcrumb(BreadcrumbWidget);
@@ -10437,9 +10503,9 @@ function (_Component) {
           refine = _this$props.refine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$n(''), className)
-      }, React.createElement("button", {
+      }, React__default.createElement("button", {
         className: cx$n('button', !canRefine && 'button--disabled'),
         onClick: function onClick() {
           return refine(items);
@@ -10503,7 +10569,7 @@ var ClearRefinements$1 = translatable({
  */
 
 var ClearRefinementsWidget = function ClearRefinementsWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(ClearRefinements$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(ClearRefinements$1, props));
 };
 
 connectCurrentRefinements(ClearRefinementsWidget);
@@ -10515,31 +10581,31 @@ var CurrentRefinements = function CurrentRefinements(_ref) {
       refine = _ref.refine,
       translate = _ref.translate,
       className = _ref.className;
-  return React.createElement("div", {
+  return React__default.createElement("div", {
     className: classnames(cx$m('', !canRefine && '-noRefinement'), className)
-  }, React.createElement("ul", {
+  }, React__default.createElement("ul", {
     className: cx$m('list', !canRefine && 'list--noRefinement')
   }, items.map(function (item) {
-    return React.createElement("li", {
+    return React__default.createElement("li", {
       key: item.label,
       className: cx$m('item')
-    }, React.createElement("span", {
+    }, React__default.createElement("span", {
       className: cx$m('label')
     }, item.label), item.items ? item.items.map(function (nest) {
-      return React.createElement("span", {
+      return React__default.createElement("span", {
         key: nest.label,
         className: cx$m('category')
-      }, React.createElement("span", {
+      }, React__default.createElement("span", {
         className: cx$m('categoryLabel')
-      }, nest.label), React.createElement("button", {
+      }, nest.label), React__default.createElement("button", {
         className: cx$m('delete'),
         onClick: function onClick() {
           return refine(nest.value);
         }
       }, translate('clearFilter', nest)));
-    }) : React.createElement("span", {
+    }) : React__default.createElement("span", {
       className: cx$m('category')
-    }, React.createElement("button", {
+    }, React__default.createElement("button", {
       className: cx$m('delete'),
       onClick: function onClick() {
         return refine(item.value);
@@ -10611,33 +10677,33 @@ var CurrentRefinements$1 = translatable({
  */
 
 var CurrentRefinementsWidget = function CurrentRefinementsWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(CurrentRefinements$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(CurrentRefinements$1, props));
 };
 
 connectCurrentRefinements(CurrentRefinementsWidget);
 
 var cx$l = createClassNames('SearchBox');
-var defaultLoadingIndicator = React.createElement("svg", {
+var defaultLoadingIndicator = React__default.createElement("svg", {
   width: "18",
   height: "18",
   viewBox: "0 0 38 38",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#444",
   className: cx$l('loadingIcon')
-}, React.createElement("g", {
+}, React__default.createElement("g", {
   fill: "none",
   fillRule: "evenodd"
-}, React.createElement("g", {
+}, React__default.createElement("g", {
   transform: "translate(1 1)",
   strokeWidth: "2"
-}, React.createElement("circle", {
+}, React__default.createElement("circle", {
   strokeOpacity: ".5",
   cx: "18",
   cy: "18",
   r: "18"
-}), React.createElement("path", {
+}), React__default.createElement("path", {
   d: "M36 18c0-9.94-8.06-18-18-18"
-}, React.createElement("animateTransform", {
+}, React__default.createElement("animateTransform", {
   attributeName: "transform",
   type: "rotate",
   from: "0 18 18",
@@ -10645,22 +10711,22 @@ var defaultLoadingIndicator = React.createElement("svg", {
   dur: "1s",
   repeatCount: "indefinite"
 })))));
-var defaultReset = React.createElement("svg", {
+var defaultReset = React__default.createElement("svg", {
   className: cx$l('resetIcon'),
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   width: "10",
   height: "10"
-}, React.createElement("path", {
+}, React__default.createElement("path", {
   d: "M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
 }));
-var defaultSubmit = React.createElement("svg", {
+var defaultSubmit = React__default.createElement("svg", {
   className: cx$l('submitIcon'),
   xmlns: "http://www.w3.org/2000/svg",
   width: "10",
   height: "10",
   viewBox: "0 0 40 40"
-}, React.createElement("path", {
+}, React__default.createElement("path", {
   d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
 }));
 
@@ -10826,16 +10892,16 @@ function (_Component) {
       var isSearchStalled = this.props.showLoadingIndicator && this.props.isSearchStalled;
       /* eslint-disable max-len */
 
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$l(''), className)
-      }, React.createElement("form", {
+      }, React__default.createElement("form", {
         noValidate: true,
         onSubmit: this.props.onSubmit ? this.props.onSubmit : this.onSubmit,
         onReset: this.onReset,
         className: cx$l('form', isSearchStalled && 'form--stalledSearch'),
         action: "",
         role: "search"
-      }, React.createElement("input", _extends({
+      }, React__default.createElement("input", _extends({
         ref: this.onInputMount,
         type: "search",
         placeholder: translate('placeholder'),
@@ -10850,16 +10916,16 @@ function (_Component) {
         onChange: this.onChange
       }, searchInputEvents, {
         className: cx$l('input')
-      })), React.createElement("button", {
+      })), React__default.createElement("button", {
         type: "submit",
         title: translate('submitTitle'),
         className: cx$l('submit')
-      }, submit), React.createElement("button", {
+      }, submit), React__default.createElement("button", {
         type: "reset",
         title: translate('resetTitle'),
         className: cx$l('reset'),
         hidden: !query || isSearchStalled
-      }, reset), this.props.showLoadingIndicator && React.createElement("span", {
+      }, reset), this.props.showLoadingIndicator && React__default.createElement("span", {
         hidden: !isSearchStalled,
         className: cx$l('loadingIndicator')
       }, loadingIndicator)));
@@ -10954,10 +11020,10 @@ function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var itemHasChildren = item.items && Boolean(item.items.length);
-      return React.createElement("li", {
+      return React__default.createElement("li", {
         key: item.key || item.label,
         className: _this.props.cx('item', item.isRefined && 'item--selected', item.noRefinement && 'item--noRefinement', itemHasChildren && 'item--parent')
-      }, _this.props.renderItem(item, resetQuery), itemHasChildren && React.createElement("ul", {
+      }, _this.props.renderItem(item, resetQuery), itemHasChildren && React__default.createElement("ul", {
         className: _this.props.cx('list', 'list--child')
       }, item.items.slice(0, _this.getLimit()).map(function (child) {
         return _this.renderItem(child, item);
@@ -10985,7 +11051,7 @@ function (_Component) {
         return null;
       }
 
-      return React.createElement("button", {
+      return React__default.createElement("button", {
         disabled: disabled,
         className: cx('showMore', disabled && 'showMore--disabled'),
         onClick: this.onShowMoreClick
@@ -11003,12 +11069,12 @@ function (_Component) {
           translate = _this$props3.translate,
           items = _this$props3.items,
           selectItem = _this$props3.selectItem;
-      var noResults = items.length === 0 && this.state.query !== '' ? React.createElement("div", {
+      var noResults = items.length === 0 && this.state.query !== '' ? React__default.createElement("div", {
         className: cx('noResults')
       }, translate('noResults')) : null;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: cx('searchBox')
-      }, React.createElement(SearchBox$2, {
+      }, React__default.createElement(SearchBox$2, {
         currentRefinement: this.state.query,
         refine: function refine(value) {
           _this2.setState({
@@ -11023,7 +11089,7 @@ function (_Component) {
           e.preventDefault();
           e.stopPropagation();
 
-          if (isFromSearch) {
+          if (isFromSearch && items.length > 0) {
             selectItem(items[0], _this2.resetQuery);
           }
         }
@@ -11044,7 +11110,7 @@ function (_Component) {
       var rootClassName = classnames(cx('', !canRefine && '-noRefinement'), className);
 
       if (items.length === 0) {
-        return React.createElement("div", {
+        return React__default.createElement("div", {
           className: rootClassName
         }, searchBox);
       } // Always limit the number of items we show on screen, since the actual
@@ -11052,9 +11118,9 @@ function (_Component) {
       // option.
 
 
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: rootClassName
-      }, searchBox, React.createElement("ul", {
+      }, searchBox, React__default.createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.slice(0, this.getLimit()).map(function (item) {
         return _this3.renderItem(item, _this3.resetQuery);
@@ -11120,15 +11186,15 @@ function (_Component) {
       var _this$props = _this.props,
           createURL = _this$props.createURL,
           refine = _this$props.refine;
-      return React.createElement(Link, {
+      return React__default.createElement(Link, {
         className: cx$k('link'),
         onClick: function onClick() {
           return refine(item.value);
         },
         href: createURL(item.value)
-      }, React.createElement("span", {
+      }, React__default.createElement("span", {
         className: cx$k('label')
-      }, item.label), ' ', React.createElement("span", {
+      }, item.label), ' ', React__default.createElement("span", {
         className: cx$k('count')
       }, item.count));
     });
@@ -11147,7 +11213,7 @@ function (_Component) {
           showMoreLimit = _this$props2.showMoreLimit,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React.createElement(List, {
+      return React__default.createElement(List, {
         renderItem: this.renderItem,
         cx: cx$k,
         translate: translate,
@@ -11278,7 +11344,7 @@ var HierarchicalMenu$1 = translatable({
  */
 
 var HierarchicalMenuWidget = function HierarchicalMenuWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(HierarchicalMenu$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(HierarchicalMenu$1, props));
 };
 
 connectHierarchicalMenu(HierarchicalMenuWidget);
@@ -11291,7 +11357,7 @@ var Highlight$2 = function Highlight(_ref) {
       nonHighlightedTagName = _ref.nonHighlightedTagName;
   var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
   var className = isHighlighted ? 'highlighted' : 'nonHighlighted';
-  return React.createElement(TagName, {
+  return React__default.createElement(TagName, {
     className: cx(className)
   }, value);
 };
@@ -11318,15 +11384,15 @@ var Highlighter = function Highlighter(_ref2) {
     attribute: attribute,
     highlightProperty: highlightProperty
   });
-  return React.createElement("span", {
+  return React__default.createElement("span", {
     className: classnames(cx(''), className)
   }, parsedHighlightedValue.map(function (item, i) {
     if (Array.isArray(item)) {
       var isLast = i === parsedHighlightedValue.length - 1;
-      return React.createElement("span", {
+      return React__default.createElement("span", {
         key: i
       }, item.map(function (element, index) {
-        return React.createElement(Highlight$2, {
+        return React__default.createElement(Highlight$2, {
           cx: cx,
           key: index,
           value: element.value,
@@ -11334,12 +11400,12 @@ var Highlighter = function Highlighter(_ref2) {
           nonHighlightedTagName: nonHighlightedTagName,
           isHighlighted: element.isHighlighted
         });
-      }), !isLast && React.createElement("span", {
+      }), !isLast && React__default.createElement("span", {
         className: cx('separator')
       }, separator));
     }
 
-    return React.createElement(Highlight$2, {
+    return React__default.createElement(Highlight$2, {
       cx: cx,
       key: i,
       value: item.value,
@@ -11371,7 +11437,7 @@ Highlighter.defaultProps = {
 var cx$j = createClassNames('Highlight');
 
 var Highlight$1 = function Highlight(props) {
-  return React.createElement(Highlighter, _extends({}, props, {
+  return React__default.createElement(Highlighter, _extends({}, props, {
     highlightProperty: "_highlightResult",
     cx: cx$j
   }));
@@ -11423,7 +11489,7 @@ var Highlight = connectHighlight(Highlight$1);
 var cx$i = createClassNames('Hits');
 
 var DefaultHitComponent = function DefaultHitComponent(props) {
-  return React.createElement("div", {
+  return React__default.createElement("div", {
     style: {
       borderBottom: '1px solid #bbb',
       paddingBottom: '5px',
@@ -11439,15 +11505,15 @@ var Hits$1 = function Hits(_ref) {
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$hitComponent = _ref.hitComponent,
       HitComponent = _ref$hitComponent === void 0 ? DefaultHitComponent : _ref$hitComponent;
-  return React.createElement("div", {
+  return React__default.createElement("div", {
     className: classnames(cx$i(''), className)
-  }, React.createElement("ul", {
+  }, React__default.createElement("ul", {
     className: cx$i('list')
   }, hits.map(function (hit) {
-    return React.createElement("li", {
+    return React__default.createElement("li", {
       className: cx$i('item'),
       key: hit.objectID
-    }, React.createElement(HitComponent, {
+    }, React__default.createElement(HitComponent, {
       hit: hit
     }));
   })));
@@ -11529,12 +11595,12 @@ function (_Component) {
           cx = _this$props.cx,
           items = _this$props.items,
           selectedItem = _this$props.selectedItem;
-      return React.createElement("select", {
+      return React__default.createElement("select", {
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
       }, items.map(function (item) {
-        return React.createElement("option", {
+        return React__default.createElement("option", {
           className: cx('option'),
           key: item.key === undefined ? item.value : item.key,
           disabled: item.disabled,
@@ -11580,9 +11646,9 @@ function (_Component) {
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
           className = _this$props.className;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$h(''), className)
-      }, React.createElement(Select, {
+      }, React__default.createElement(Select, {
         onSelect: refine,
         selectedItem: currentRefinement,
         items: items,
@@ -11678,24 +11744,24 @@ function (_Component) {
           refineNext = _this$props.refineNext,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$g(''), className)
-      }, showPrevious && React.createElement("button", {
+      }, showPrevious && React__default.createElement("button", {
         className: cx$g('loadPrevious', !hasPrevious && 'loadPrevious--disabled'),
         onClick: function onClick() {
           return refinePrevious();
         },
         disabled: !hasPrevious
-      }, translate('loadPrevious')), React.createElement("ul", {
+      }, translate('loadPrevious')), React__default.createElement("ul", {
         className: cx$g('list')
       }, hits.map(function (hit) {
-        return React.createElement("li", {
+        return React__default.createElement("li", {
           key: hit.objectID,
           className: cx$g('item')
-        }, React.createElement(HitComponent, {
+        }, React__default.createElement(HitComponent, {
           hit: hit
         }));
-      })), React.createElement("button", {
+      })), React__default.createElement("button", {
         className: cx$g('loadMore', !hasMore && 'loadMore--disabled'),
         onClick: function onClick() {
           return refineNext();
@@ -11723,7 +11789,7 @@ InfiniteHits.defaultProps = {
   className: '',
   showPrevious: false,
   hitComponent: function hitComponent(hit) {
-    return React.createElement("div", {
+    return React__default.createElement("div", {
       style: {
         borderBottom: '1px solid #bbb',
         paddingBottom: '5px',
@@ -11799,19 +11865,19 @@ function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
       var createURL = _this.props.createURL;
-      var label = _this.props.isFromSearch ? React.createElement(Highlight, {
+      var label = _this.props.isFromSearch ? React__default.createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React.createElement(Link, {
+      return React__default.createElement(Link, {
         className: cx$f('link'),
         onClick: function onClick() {
           return _this.selectItem(item, resetQuery);
         },
         href: createURL(item.value)
-      }, React.createElement("span", {
+      }, React__default.createElement("span", {
         className: cx$f('label')
-      }, label), ' ', React.createElement("span", {
+      }, label), ' ', React__default.createElement("span", {
         className: cx$f('count')
       }, item.count));
     });
@@ -11839,7 +11905,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React.createElement(List, {
+      return React__default.createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$f,
@@ -11947,7 +12013,7 @@ var Menu$1 = translatable({
  */
 
 var MenuWidget = function MenuWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(Menu$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(Menu$1, props));
 };
 
 connectMenu(MenuWidget);
@@ -11989,17 +12055,17 @@ function (_Component) {
           canRefine = _this$props.canRefine,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$e('', !canRefine && '-noRefinement'), className)
-      }, React.createElement("select", {
+      }, React__default.createElement("select", {
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
-      }, React.createElement("option", {
+      }, React__default.createElement("option", {
         value: "ais__see__all__option",
         className: cx$e('option')
       }, translate('seeAllOption')), items.map(function (item) {
-        return React.createElement("option", {
+        return React__default.createElement("option", {
           key: item.value,
           value: item.value,
           className: cx$e('option')
@@ -12081,7 +12147,7 @@ var MenuSelect$1 = translatable({
  */
 
 var MenuSelectWidget = function MenuSelectWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(MenuSelect$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(MenuSelect$1, props));
 };
 
 connectMenu(MenuSelectWidget);
@@ -12110,9 +12176,9 @@ function (_Component) {
       var _this$props = _this.props,
           refine = _this$props.refine,
           translate = _this$props.translate;
-      return React.createElement("label", {
+      return React__default.createElement("label", {
         className: cx$d('label')
-      }, React.createElement("input", {
+      }, React__default.createElement("input", {
         className: cx$d('radio'),
         type: "radio",
         checked: item.isRefined,
@@ -12120,7 +12186,7 @@ function (_Component) {
         onChange: function onChange() {
           return refine(item.value);
         }
-      }), React.createElement("span", {
+      }), React__default.createElement("span", {
         className: cx$d('labelText')
       }, item.value === '' ? translate('all') : item.label));
     });
@@ -12135,7 +12201,7 @@ function (_Component) {
           items = _this$props2.items,
           canRefine = _this$props2.canRefine,
           className = _this$props2.className;
-      return React.createElement(List, {
+      return React__default.createElement(List, {
         renderItem: this.renderItem,
         showMore: false,
         canRefine: canRefine,
@@ -12221,7 +12287,7 @@ var NumericMenu$1 = translatable({
  */
 
 var NumericMenuWidget = function NumericMenuWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(NumericMenu$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(NumericMenu$1, props));
 };
 
 connectNumericMenu(NumericMenuWidget);
@@ -12246,15 +12312,15 @@ function (_Component) {
           items = _this$props.items,
           onSelect = _this$props.onSelect,
           canRefine = _this$props.canRefine;
-      return React.createElement("ul", {
+      return React__default.createElement("ul", {
         className: cx('list', !canRefine && 'list--noRefinement')
       }, items.map(function (item) {
-        return React.createElement("li", {
+        return React__default.createElement("li", {
           key: item.key === undefined ? item.value : item.key,
           className: cx('item', item.selected && !item.disabled && 'item--selected', item.disabled && 'item--disabled', item.modifier)
-        }, item.disabled ? React.createElement("span", {
+        }, item.disabled ? React__default.createElement("span", {
           className: cx('link')
-        }, item.label === undefined ? item.value : item.label) : React.createElement(Link, {
+        }, item.label === undefined ? item.value : item.label) : React__default.createElement(Link, {
           className: cx('link', item.selected && 'link--selected'),
           "aria-label": item.ariaLabel,
           href: createURL(item.value),
@@ -12426,9 +12492,9 @@ function (_Component) {
         });
       }
 
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$c('', !canRefine && '-noRefinement'), className)
-      }, React.createElement(ListComponent, _extends({}, otherProps, {
+      }, React__default.createElement(ListComponent, _extends({}, otherProps, {
         cx: cx$c,
         items: items,
         onSelect: refine,
@@ -12541,7 +12607,7 @@ var Pagination$2 = translatable({
  */
 
 var PaginationWidget = function PaginationWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(Pagination$2, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(Pagination$2, props));
 };
 
 var Pagination = connectPagination(PaginationWidget);
@@ -12550,14 +12616,14 @@ var cx$b = createClassNames('PoweredBy');
 /* eslint-disable max-len */
 
 var AlgoliaLogo = function AlgoliaLogo() {
-  return React.createElement("svg", {
+  return React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     baseProfile: "basic",
     viewBox: "0 0 1366 362",
     width: "100",
     height: "27",
     className: cx$b('logo')
-  }, React.createElement("linearGradient", {
+  }, React__default.createElement("linearGradient", {
     id: "g",
     x1: "428.258",
     x2: "434.145",
@@ -12565,19 +12631,19 @@ var AlgoliaLogo = function AlgoliaLogo() {
     y2: "409.85",
     gradientUnits: "userSpaceOnUse",
     gradientTransform: "matrix(94.045 0 0 -94.072 -40381.527 38479.52)"
-  }, React.createElement("stop", {
+  }, React__default.createElement("stop", {
     offset: "0",
     stopColor: "#00AEFF"
-  }), React.createElement("stop", {
+  }), React__default.createElement("stop", {
     offset: "1",
     stopColor: "#3369E7"
-  })), React.createElement("path", {
+  })), React__default.createElement("path", {
     d: "M61.8 15.4h242.8c23.9 0 43.4 19.4 43.4 43.4v242.9c0 23.9-19.4 43.4-43.4 43.4H61.8c-23.9 0-43.4-19.4-43.4-43.4v-243c0-23.9 19.4-43.3 43.4-43.3z",
     fill: "url(#g)"
-  }), React.createElement("path", {
+  }), React__default.createElement("path", {
     d: "M187 98.7c-51.4 0-93.1 41.7-93.1 93.2S135.6 285 187 285s93.1-41.7 93.1-93.2-41.6-93.1-93.1-93.1zm0 158.8c-36.2 0-65.6-29.4-65.6-65.6s29.4-65.6 65.6-65.6 65.6 29.4 65.6 65.6-29.3 65.6-65.6 65.6zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7-9-15.8-25.7-26.6-45-27.3-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7c-5.6-5.6-14.6-5.6-20.2 0l-6.8 6.8c-5.6 5.6-5.6 14.6 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2 3.3-4.5 6.9-8.8 10.9-12.8 4.1-4.1 8.3-7.7 12.9-11 1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9 9.3-2.7 19.1-4.1 29-4.1 9.5 0 18.9 1.3 28 3.8 1.2.3 2.4-.6 2.4-1.9z",
     fill: "#FFFFFF"
-  }), React.createElement("path", {
+  }), React__default.createElement("path", {
     d: "M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8-6.3 1.9-13.6 2.9-21.8 2.9-10.8 0-20.6-1.7-29.5-5.1-8.9-3.4-16.6-8.4-22.9-15-6.3-6.6-11.3-14.9-14.8-24.8s-5.3-27.6-5.3-40.6c0-12.2 1.9-27.5 5.6-37.7 3.8-10.2 9.2-19 16.5-26.3 7.2-7.3 16-12.9 26.3-17s22.4-6.7 35.5-6.7c12.7 0 24.4 1.6 35.8 3.5 11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2 7.2 7.6 16.5 11.4 27.9 11.4 6.2 0 12.1-.9 17.6-2.6 5.5-1.7 9.9-3.7 13.4-6.1v-97.1c-2.8-.6-14.5-3-25.8-3.3-14.2-.4-25 5.4-32.6 14.7-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6c-7.7-.1-23-2.3-32.9-6.6-9.9-4.3-18.4-10.2-25.5-17.9-7.1-7.7-12.6-17-16.6-27.9s-6-20.9-6-34.1c0-13.2 1.8-25.9 5.8-36.7 4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2c10 4.2 18.6 10.1 25.6 17.8 7.1 7.7 12.6 16.9 16.6 27.7 4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8-7.2-9.9-17.3-14.8-30.2-14.8-12.9 0-23 4.9-30.2 14.8-7.2 9.9-10.7 23.9-10.7 40.8 0 17.1 3.6 28.6 10.8 38.5 7.2 10 17.3 14.9 30.2 14.9 12.9 0 23-5 30.2-14.9 7.2-10 10.8-21.4 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5c13.1 0 23.8-10.6 23.8-23.7S1177.6 36 1164.4 36s-23.8 10.6-23.8 23.7 10.7 23.7 23.8 23.7zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7c2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8s9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3c-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1s19.5-2.6 30.3-2.6zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18 5.9 3.6 13.7 5.3 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4 5.3 5.8 8.9 13.5 11.1 21.7 2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6-12.2 1.8-25.9 2.7-41.1 2.7-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8 4.7.5 9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2-4.4-1.7-10-3-16.7-3-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z",
     fill: "#182359"
   }));
@@ -12603,17 +12669,17 @@ function (_Component) {
           url = _this$props.url,
           translate = _this$props.translate,
           className = _this$props.className;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$b(''), className)
-      }, React.createElement("span", {
+      }, React__default.createElement("span", {
         className: cx$b('text')
-      }, translate('searchBy')), ' ', React.createElement("a", {
+      }, translate('searchBy')), ' ', React__default.createElement("a", {
         href: url,
         target: "_blank",
         className: cx$b('link'),
         "aria-label": "Algolia",
         rel: "noopener noreferrer"
-      }, React.createElement(AlgoliaLogo, null)));
+      }, React__default.createElement(AlgoliaLogo, null)));
     }
   }]);
 
@@ -12742,12 +12808,12 @@ function (_Component) {
           max = _this$normalizeRangeF.max;
 
       var step = 1 / Math.pow(10, precision);
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$a('', !canRefine && '-noRefinement'), className)
-      }, React.createElement("form", {
+      }, React__default.createElement("form", {
         className: cx$a('form'),
         onSubmit: this.onSubmit
-      }, React.createElement("input", {
+      }, React__default.createElement("input", {
         className: cx$a('input', 'input--min'),
         type: "number",
         min: min,
@@ -12761,9 +12827,9 @@ function (_Component) {
             from: e.currentTarget.value
           });
         }
-      }), React.createElement("span", {
+      }), React__default.createElement("span", {
         className: cx$a('separator')
-      }, translate('separator')), React.createElement("input", {
+      }, translate('separator')), React__default.createElement("input", {
         className: cx$a('input', 'input--max'),
         type: "number",
         min: min,
@@ -12777,7 +12843,7 @@ function (_Component) {
             to: e.currentTarget.value
           });
         }
-      }), React.createElement("button", {
+      }), React__default.createElement("button", {
         className: cx$a('submit'),
         type: "submit"
       }, translate('submit'))));
@@ -12854,7 +12920,7 @@ var RangeInput = translatable({
  */
 
 var RangeInputWidget = function RangeInputWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(RangeInput, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(RangeInput, props));
 };
 
 connectRange(RangeInputWidget);
@@ -12910,13 +12976,13 @@ function (_Component) {
           rating++;
         }
 
-        icons.push([React.createElement("svg", {
+        icons.push([React__default.createElement("svg", {
           key: icon,
           className: cx$9('starIcon', icon >= lowerBound ? 'starIcon--empty' : 'starIcon--full'),
           "aria-hidden": "true",
           width: "24",
           height: "24"
-        }, React.createElement("use", {
+        }, React__default.createElement("use", {
           xlinkHref: "#".concat(cx$9(icon >= lowerBound ? 'starEmptySymbol' : 'starSymbol'))
         })), ' ']);
       } // The last item of the list (the default item), should not
@@ -12931,16 +12997,16 @@ function (_Component) {
         }),
         onClick: this.onClick.bind(this, lowerBound, max)
       };
-      return React.createElement("li", {
+      return React__default.createElement("li", {
         key: lowerBound,
         className: cx$9('item', selected && 'item--selected', disabled && 'item--disabled')
-      }, React.createElement("a", _extends({
+      }, React__default.createElement("a", _extends({
         className: cx$9('link'),
         "aria-label": "".concat(rating).concat(translate('ratingLabel'))
-      }, onClickHandler), icons, React.createElement("span", {
+      }, onClickHandler), icons, React__default.createElement("span", {
         className: cx$9('label'),
         "aria-hidden": "true"
-      }, translate('ratingLabel')), ' ', React.createElement("span", {
+      }, translate('ratingLabel')), ' ', React__default.createElement("span", {
         className: cx$9('count')
       }, count)));
     }
@@ -12996,24 +13062,24 @@ function (_Component) {
           createURL: createURL
         });
       });
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$9('', !canRefine && '-noRefinement'), className)
-      }, React.createElement("svg", {
+      }, React__default.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         style: {
           display: 'none'
         }
-      }, React.createElement("symbol", {
+      }, React__default.createElement("symbol", {
         id: cx$9('starSymbol'),
         viewBox: "0 0 24 24"
-      }, React.createElement("path", {
+      }, React__default.createElement("path", {
         d: "M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z"
-      })), React.createElement("symbol", {
+      })), React__default.createElement("symbol", {
         id: cx$9('starEmptySymbol'),
         viewBox: "0 0 24 24"
-      }, React.createElement("path", {
+      }, React__default.createElement("path", {
         d: "M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z"
-      }))), React.createElement("ul", {
+      }))), React__default.createElement("ul", {
         className: cx$9('list', !canRefine && 'list--noRefinement')
       }, items));
     }
@@ -13097,7 +13163,7 @@ var RatingMenu$1 = translatable({
  */
 
 var RatingMenuWidget = function RatingMenuWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(RatingMenu$1, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(RatingMenu$1, props));
 };
 
 connectRange(RatingMenuWidget);
@@ -13133,22 +13199,22 @@ function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderItem", function (item, resetQuery) {
-      var label = _this.props.isFromSearch ? React.createElement(Highlight, {
+      var label = _this.props.isFromSearch ? React__default.createElement(Highlight, {
         attribute: "label",
         hit: item
       }) : item.label;
-      return React.createElement("label", {
+      return React__default.createElement("label", {
         className: cx$8('label')
-      }, React.createElement("input", {
+      }, React__default.createElement("input", {
         className: cx$8('checkbox'),
         type: "checkbox",
         checked: item.isRefined,
         onChange: function onChange() {
           return _this.selectItem(item, resetQuery);
         }
-      }), React.createElement("span", {
+      }), React__default.createElement("span", {
         className: cx$8('labelText')
-      }, label), ' ', React.createElement("span", {
+      }, label), ' ', React__default.createElement("span", {
         className: cx$8('count')
       }, item.count.toLocaleString()));
     });
@@ -13170,7 +13236,7 @@ function (_Component) {
           searchable = _this$props.searchable,
           canRefine = _this$props.canRefine,
           className = _this$props.className;
-      return React.createElement(List, {
+      return React__default.createElement(List, {
         renderItem: this.renderItem,
         selectItem: this.selectItem,
         cx: cx$8,
@@ -13282,7 +13348,7 @@ var RefinementList$2 = translatable({
  */
 
 var RefinementListWidget = function RefinementListWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(RefinementList$2, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(RefinementList$2, props));
 };
 
 var RefinementList = connectRefinementList(RefinementListWidget);
@@ -13316,7 +13382,7 @@ function (_Component) {
     value: function render() {
       var _this = this;
 
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         ref: function ref(_ref) {
           return _this.el = _ref;
         },
@@ -13419,7 +13485,7 @@ var SearchBox = connectSearchBox(SearchBox$2);
 var cx$6 = createClassNames('Snippet');
 
 var Snippet = function Snippet(props) {
-  return React.createElement(Highlighter, _extends({}, props, {
+  return React__default.createElement(Highlighter, _extends({}, props, {
     highlightProperty: "_snippetResult",
     cx: cx$6
   }));
@@ -13475,7 +13541,7 @@ var cx$5 = createClassNames('RelevantSort');
 
 var DefaultButtonTextComponent = function DefaultButtonTextComponent(_ref) {
   var isRelevantSorted = _ref.isRelevantSorted;
-  return React.createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
+  return React__default.createElement("span", null, isRelevantSorted ? 'See all results' : 'See relevant results');
 };
 
 var RelevantSort = function RelevantSort(_ref2) {
@@ -13487,18 +13553,18 @@ var RelevantSort = function RelevantSort(_ref2) {
       ButtonTextComponent = _ref2$buttonTextCompo === void 0 ? DefaultButtonTextComponent : _ref2$buttonTextCompo,
       TextComponent = _ref2.textComponent,
       refine = _ref2.refine;
-  return !isVirtualReplica ? null : React.createElement("div", {
+  return !isVirtualReplica ? null : React__default.createElement("div", {
     className: classnames(cx$5(''), className)
-  }, React.createElement("div", {
+  }, React__default.createElement("div", {
     className: cx$5('text')
-  }, TextComponent && React.createElement(TextComponent, {
+  }, TextComponent && React__default.createElement(TextComponent, {
     isRelevantSorted: isRelevantSorted
-  })), React.createElement("button", {
+  })), React__default.createElement("button", {
     className: cx$5('button'),
     onClick: function onClick() {
       return refine(isRelevantSorted ? 0 : undefined);
     }
-  }, React.createElement(ButtonTextComponent, {
+  }, React__default.createElement(ButtonTextComponent, {
     isRelevantSorted: isRelevantSorted
   })));
 };
@@ -13535,9 +13601,9 @@ function (_Component) {
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
           className = _this$props.className;
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: classnames(cx$4(''), className)
-      }, React.createElement(Select, {
+      }, React__default.createElement(Select, {
         cx: cx$4,
         items: items,
         selectedItem: currentRefinement,
@@ -13614,9 +13680,9 @@ var Stats = function Stats(_ref) {
       nbSortedHits = _ref.nbSortedHits,
       processingTimeMS = _ref.processingTimeMS,
       translate = _ref.translate;
-  return React.createElement("div", {
+  return React__default.createElement("div", {
     className: classnames(cx$3(''), className)
-  }, React.createElement("span", {
+  }, React__default.createElement("span", {
     className: cx$3('text')
   }, translate('stats', nbHits, processingTimeMS, nbSortedHits, areHitsSorted)));
 };
@@ -13673,18 +13739,18 @@ var ToggleRefinement = function ToggleRefinement(_ref) {
       canRefine = _ref.canRefine,
       refine = _ref.refine,
       className = _ref.className;
-  return React.createElement("div", {
+  return React__default.createElement("div", {
     className: classnames(cx$2('', !canRefine && '-noRefinement'), className)
-  }, React.createElement("label", {
+  }, React__default.createElement("label", {
     className: cx$2('label')
-  }, React.createElement("input", {
+  }, React__default.createElement("input", {
     className: cx$2('checkbox'),
     type: "checkbox",
     checked: currentRefinement,
     onChange: function onChange(event) {
       return refine(event.target.checked);
     }
-  }), React.createElement("span", {
+  }), React__default.createElement("span", {
     className: cx$2('labelText')
   }, label)));
 };
@@ -13898,7 +13964,7 @@ var cx$1 = createClassNames('VoiceSearch');
 
 var ButtonSvg = function ButtonSvg(_ref) {
   var children = _ref.children;
-  return React.createElement("svg", {
+  return React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
@@ -13915,36 +13981,36 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
   var status = _ref2.status,
       errorCode = _ref2.errorCode,
       isListening = _ref2.isListening;
-  return status === 'error' && errorCode === 'not-allowed' ? React.createElement(ButtonSvg, null, React.createElement("line", {
+  return status === 'error' && errorCode === 'not-allowed' ? React__default.createElement(ButtonSvg, null, React__default.createElement("line", {
     x1: "1",
     y1: "1",
     x2: "23",
     y2: "23"
-  }), React.createElement("path", {
+  }), React__default.createElement("path", {
     d: "M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"
-  }), React.createElement("path", {
+  }), React__default.createElement("path", {
     d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"
-  }), React.createElement("line", {
+  }), React__default.createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React.createElement("line", {
+  }), React__default.createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
     y2: "23"
-  })) : React.createElement(ButtonSvg, null, React.createElement("path", {
+  })) : React__default.createElement(ButtonSvg, null, React__default.createElement("path", {
     d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z",
     fill: isListening ? 'currentColor' : ''
-  }), React.createElement("path", {
+  }), React__default.createElement("path", {
     d: "M19 10v2a7 7 0 0 1-14 0v-2"
-  }), React.createElement("line", {
+  }), React__default.createElement("line", {
     x1: "12",
     y1: "19",
     x2: "12",
     y2: "23"
-  }), React.createElement("line", {
+  }), React__default.createElement("line", {
     x1: "8",
     y1: "23",
     x2: "16",
@@ -13954,7 +14020,7 @@ var DefaultButtonText = function DefaultButtonText(_ref2) {
 
 var DefaultStatus = function DefaultStatus(_ref3) {
   var transcript = _ref3.transcript;
-  return React.createElement("p", null, transcript);
+  return React__default.createElement("p", null, transcript);
 };
 
 var VoiceSearch =
@@ -14039,17 +14105,17 @@ function (_Component) {
         isSpeechFinal: isSpeechFinal,
         isBrowserSupported: isBrowserSupported()
       };
-      return React.createElement("div", {
+      return React__default.createElement("div", {
         className: cx$1('')
-      }, React.createElement("button", {
+      }, React__default.createElement("button", {
         className: cx$1('button'),
         type: "button",
         title: isBrowserSupported() ? translate('buttonTitle') : translate('disabledButtonTitle'),
         onClick: this.onClick,
         disabled: !isBrowserSupported()
-      }, React.createElement(ButtonTextComponent, innerProps)), React.createElement("div", {
+      }, React__default.createElement(ButtonTextComponent, innerProps)), React__default.createElement("div", {
         className: cx$1('status')
-      }, React.createElement(StatusComponent, innerProps)));
+      }, React__default.createElement(StatusComponent, innerProps)));
     }
   }, {
     key: "componentWillUnmount",
@@ -14082,7 +14148,7 @@ var QueryRuleCustomData = function QueryRuleCustomData(_ref) {
   var items = _ref.items,
       className = _ref.className,
       children = _ref.children;
-  return React.createElement("div", {
+  return React__default.createElement("div", {
     className: classnames(cx(''), className)
   }, children({
     items: items
@@ -14096,7 +14162,7 @@ QueryRuleCustomData.propTypes = {
 };
 
 var QueryRuleCustomDataWidget = function QueryRuleCustomDataWidget(props) {
-  return React.createElement(PanelWrapper, props, React.createElement(QueryRuleCustomData, props));
+  return React__default.createElement(PanelWrapper, props, React__default.createElement(QueryRuleCustomData, props));
 };
 
 connectQueryRules(QueryRuleCustomDataWidget);
@@ -14120,57 +14186,57 @@ var AlgoliaSearch = function (_React$Component) {
 
       var hit = props.hit;
       if (moment().isSameOrBefore(props.hit.pubDateSort)) return null;
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { key: hit.url, className: 'hitResult ' + styles.article },
-        React.createElement(
+        React__default.createElement(
           'a',
           { href: '/view/' + hit.url, style: this.props.variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-          React.createElement(
+          React__default.createElement(
             'div',
             { className: styles.thumb },
-            React.createElement(
+            React__default.createElement(
               'figure',
               null,
-              React.createElement(
+              React__default.createElement(
                 LazyLoad,
                 { once: true },
-                React.createElement('img', {
+                React__default.createElement('img', {
                   src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof$2(hit.thumbnail === 'string') ? hit.thumbnail : this.props.defaultImage
                 })
               )
             )
           )
         ),
-        React.createElement(
+        React__default.createElement(
           'div',
           { className: styles.info, style: this.props.variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-          React.createElement(
+          React__default.createElement(
             'a',
             { href: '/view/' + hit.url },
-            React.createElement(
+            React__default.createElement(
               'h2',
               null,
               hit.title
             )
           ),
-          hit.pubDateSort && React.createElement(
+          hit.pubDateSort && React__default.createElement(
             'p',
             { className: styles.published },
             moment(hit.pubDateSort).format('MMMM Do YYYY')
           ),
-          hit.authorMapping && hit.authorMapping.length > 0 && React.createElement(
+          hit.authorMapping && hit.authorMapping.length > 0 && React__default.createElement(
             'p',
             { className: styles.author },
             hit.authorMapping.map(function (author) {
-              return React.createElement(
+              return React__default.createElement(
                 'span',
                 null,
                 author.displayName
               );
             })
           ),
-          hit.summary && React.createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
+          hit.summary && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
         )
       );
     }
@@ -14183,10 +14249,10 @@ var AlgoliaSearch = function (_React$Component) {
         styles: this.props.deckStyles,
         client: this.props.sanityClient
       };
-      return React.createElement(
-        React.Fragment,
+      return React__default.createElement(
+        React__default.Fragment,
         null,
-        React.createElement(
+        React__default.createElement(
           InstantSearch,
           _extends$1({
             searchClient: this.props.searchClient,
@@ -14197,29 +14263,29 @@ var AlgoliaSearch = function (_React$Component) {
             indexName: this.props.indexName,
             onSearchParameters: this.props.onSearchParameters
           }, this.props),
-          React.createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
-          React.createElement(SearchBox, null),
-          this.props.refinementAttributes && React.createElement(
+          React__default.createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
+          React__default.createElement(SearchBox, null),
+          this.props.refinementAttributes && React__default.createElement(
             'div',
             { className: 'search_refinement' },
             this.props.refinementAttributes.map(function (item, index) {
-              return React.createElement(
+              return React__default.createElement(
                 DropdownButton,
                 { title: item.title },
-                React.createElement(RefinementList, { showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
+                React__default.createElement(RefinementList, { showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
               );
             })
           ),
-          React.createElement(
+          React__default.createElement(
             'div',
             { className: 'AlgoliaResults' },
-            React.createElement(Hits, { hitComponent: function hitComponent(hit) {
+            React__default.createElement(Hits, { hitComponent: function hitComponent(hit) {
                 return _this2.Deck(_extends$1({}, hit, { propsObj: propsObj }));
               } })
           ),
-          React.createElement(Pagination, null)
+          React__default.createElement(Pagination, null)
         ),
-        React.createElement(
+        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: .5rem;\n            width: 100%;\n          }\n          @media only screen and (max-width: 568px) {\n            .hitResult {\n              flex-direction: column;\n              align-items: center;\n              border: none;\n              padding: 0;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\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          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\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\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - 150px);\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: 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\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        '
@@ -14229,7 +14295,7 @@ var AlgoliaSearch = function (_React$Component) {
   }]);
 
   return AlgoliaSearch;
-}(React.Component);
+}(React__default.Component);
 
 AlgoliaSearch.propTypes = {
   searchState: PropTypes.object,